From ef81b8740de9ee22b84c7e328aaa97fb8f5dfce1 Mon Sep 17 00:00:00 2001
From: Arthurk12 <arthur_bockmann@hotmail.com>
Date: Mon, 27 Jul 2026 18:38:02 -0300
Subject: [PATCH 1/2] refactor: rename pallete.ts to palette.ts (fix typo)

Renames src/stylesheets/pallete.ts to the correctly-spelled
palette.ts and updates all 17 internal imports accordingly.
No public API or behavior change.
---
 src/components/Accordion/styles.ts         | 2 +-
 src/components/Button/constants.ts         | 2 +-
 src/components/Button/styles.ts            | 2 +-
 src/components/Checkbox/styles.ts          | 2 +-
 src/components/Divider/styles.ts           | 2 +-
 src/components/Hint/styles.ts              | 2 +-
 src/components/Input/styles.ts             | 2 +-
 src/components/Modal/styles.ts             | 2 +-
 src/components/Navigation/styles.ts        | 2 +-
 src/components/Search/styles.ts            | 2 +-
 src/components/Select/styles.ts            | 2 +-
 src/components/Spinner/styles.ts           | 2 +-
 src/components/TextAreaInput/styles.ts     | 2 +-
 src/components/TextInput/styles.ts         | 2 +-
 src/components/Toggle/styles.ts            | 2 +-
 src/components/Typography/styles.ts        | 2 +-
 src/index.ts                               | 2 +-
 src/stylesheets/{pallete.ts => palette.ts} | 0
 18 files changed, 17 insertions(+), 17 deletions(-)
 rename src/stylesheets/{pallete.ts => palette.ts} (100%)

diff --git a/src/components/Accordion/styles.ts b/src/components/Accordion/styles.ts
index 72ebb61..721cbb7 100644
--- a/src/components/Accordion/styles.ts
+++ b/src/components/Accordion/styles.ts
@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import { colorBackgroundLight, colorBrand1, colorTextDefault, colorWhite } from '../../stylesheets/pallete';
+import { colorBackgroundLight, colorBrand1, colorTextDefault, colorWhite } from '../../stylesheets/palette';
 import { fontSizeDefault } from '../../stylesheets/typography';
 import { borderRadiusDefault, spacingMedium, spacingSmall } from '../../stylesheets/sizing';
 import { StyledAccordionContent, StyledExpandIcon } from './types';
diff --git a/src/components/Button/constants.ts b/src/components/Button/constants.ts
index f0fe7ea..22517be 100644
--- a/src/components/Button/constants.ts
+++ b/src/components/Button/constants.ts
@@ -14,7 +14,7 @@ import {
   colorIconDefault,
   colorGray,
   colorBrandAux,
-} from '../../stylesheets/pallete';
+} from '../../stylesheets/palette';
 import { spacingMedium, spacingSmall, spacingSmallMedium } from '../../stylesheets/sizing';
 import { CSSColorPropertiesType, CSSSizePropertiesType, EssentialColorProperties } from './type';
 
diff --git a/src/components/Button/styles.ts b/src/components/Button/styles.ts
index c3f478e..d384e80 100644
--- a/src/components/Button/styles.ts
+++ b/src/components/Button/styles.ts
@@ -18,7 +18,7 @@ import {
   borderRadiusSmall,
   spacingSmall,
 } from '../../stylesheets/sizing';
-import { colorBorderDefault, colorTextDefault } from '../../stylesheets/pallete';
+import { colorBorderDefault, colorTextDefault } from '../../stylesheets/palette';
 import { fontSizeSmall } from '../../stylesheets/typography';
 
 const commonButtonStyles = css<StyledButtonProps>`
diff --git a/src/components/Checkbox/styles.ts b/src/components/Checkbox/styles.ts
index 08f1b72..2354210 100644
--- a/src/components/Checkbox/styles.ts
+++ b/src/components/Checkbox/styles.ts
@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 import { Checkbox as MuiCheckbox } from '@mui/material';
-import { colorTextDefault, colorBrand1 } from '../../stylesheets/pallete';
+import { colorTextDefault, colorBrand1 } from '../../stylesheets/palette';
 import { fontSizeDefault } from '../../stylesheets/typography';
 import { spacingSmall } from '../../stylesheets/sizing';
 
diff --git a/src/components/Divider/styles.ts b/src/components/Divider/styles.ts
index a8e4589..a3f1651 100644
--- a/src/components/Divider/styles.ts
+++ b/src/components/Divider/styles.ts
@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import { colorBorderDefault } from '../../stylesheets/pallete';
+import { colorBorderDefault } from '../../stylesheets/palette';
 
 export const Divider = styled.hr`
   width: 100%;
diff --git a/src/components/Hint/styles.ts b/src/components/Hint/styles.ts
index e6af464..e9605cd 100644
--- a/src/components/Hint/styles.ts
+++ b/src/components/Hint/styles.ts
@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import { colorTextDefault, colorBrand1, colorBackgroundLight, colorIconDefault, colorHoverLight } from '../../stylesheets/pallete';
+import { colorTextDefault, colorBrand1, colorBackgroundLight, colorIconDefault, colorHoverLight } from '../../stylesheets/palette';
 import { fontSizeDefault } from '../../stylesheets/typography';
 import { borderRadiusSmall, spacingMedium, spacingSmall, spacingSmallMedium } from '../../stylesheets/sizing';
 
diff --git a/src/components/Input/styles.ts b/src/components/Input/styles.ts
index ae34708..47afd8d 100644
--- a/src/components/Input/styles.ts
+++ b/src/components/Input/styles.ts
@@ -7,7 +7,7 @@ import {
   colorTextLight,
   colorError,
   colorSuccess,
-} from '../../stylesheets/pallete';
+} from '../../stylesheets/palette';
 import { borderRadiusDefault, spacingSmall, spacingMedium } from '../../stylesheets/sizing';
 import { fontSizeSmall } from '../../stylesheets/typography';
 import { StyledContainerProps, StyledHelperTextProps } from './types';
diff --git a/src/components/Modal/styles.ts b/src/components/Modal/styles.ts
index be57fa5..19c0eb3 100644
--- a/src/components/Modal/styles.ts
+++ b/src/components/Modal/styles.ts
@@ -2,7 +2,7 @@ import styled from 'styled-components';
 import { Styles } from 'react-modal';
 import * as React from 'react';
 import { spacingLarge, spacingMedium, spacingSmallMedium, borderRadiusDefault } from '../../stylesheets/sizing';
-import { colorWhite } from '../../stylesheets/pallete';
+import { colorWhite } from '../../stylesheets/palette';
 import { StyledModalBodyProps, StyledModalFooterProps } from './types';
 
 export const modalStyles: Styles = {
diff --git a/src/components/Navigation/styles.ts b/src/components/Navigation/styles.ts
index 29e717d..8a926b6 100644
--- a/src/components/Navigation/styles.ts
+++ b/src/components/Navigation/styles.ts
@@ -1,6 +1,6 @@
 import styled, { css } from 'styled-components';
 import { borderRadiusSmall, spacingMedium } from '../../stylesheets/sizing';
-import { colorBrand1 } from '../../stylesheets/pallete';
+import { colorBrand1 } from '../../stylesheets/palette';
 import { StyledIconWrapper } from './types';
 
 export const NavigationButton = styled.button`
diff --git a/src/components/Search/styles.ts b/src/components/Search/styles.ts
index 15889cb..a076a5a 100644
--- a/src/components/Search/styles.ts
+++ b/src/components/Search/styles.ts
@@ -7,7 +7,7 @@ import {
   colorIconDefault,
   colorIconBlue,
   colorBrand1,
-} from '../../stylesheets/pallete';
+} from '../../stylesheets/palette';
 import {
   spacingSmall,
   spacingMedium,
diff --git a/src/components/Select/styles.ts b/src/components/Select/styles.ts
index 2b8e402..db2e9ef 100644
--- a/src/components/Select/styles.ts
+++ b/src/components/Select/styles.ts
@@ -1,7 +1,7 @@
 import styled from 'styled-components';
 import { borderRadiusSmall, spacingMedium, spacingSmall } from '../../stylesheets/sizing';
 import Select from '@mui/material/Select';
-import { colorBorderDefault, colorBrand1, colorDarkGray } from '../../stylesheets/pallete';
+import { colorBorderDefault, colorBrand1, colorDarkGray } from '../../stylesheets/palette';
 import { fontSizeSmall } from '../../stylesheets/typography';
 
 export const SelectContainer = styled.div`
diff --git a/src/components/Spinner/styles.ts b/src/components/Spinner/styles.ts
index fe1de81..90b86aa 100644
--- a/src/components/Spinner/styles.ts
+++ b/src/components/Spinner/styles.ts
@@ -1,6 +1,6 @@
 import styled, { keyframes, css } from 'styled-components';
 import { StyledWrapperProps, StyledSvgProps, StyledPathProps } from './types';
-import { colorBrand1 } from '../../stylesheets/pallete';
+import { colorBrand1 } from '../../stylesheets/palette';
 
 const rotate = keyframes`
   0% { transform: rotate(0deg); }
diff --git a/src/components/TextAreaInput/styles.ts b/src/components/TextAreaInput/styles.ts
index e7c6c96..ffd9f2d 100644
--- a/src/components/TextAreaInput/styles.ts
+++ b/src/components/TextAreaInput/styles.ts
@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import { colorBorderDefault, colorBrand1, colorBrand2, colorLightGray, colorWhite } from '../../stylesheets/pallete';
+import { colorBorderDefault, colorBrand1, colorBrand2, colorLightGray, colorWhite } from '../../stylesheets/palette';
 import { borderRadiusDefault } from '../../stylesheets/sizing';
 
 export const TextAreaInput = styled.textarea`
diff --git a/src/components/TextInput/styles.ts b/src/components/TextInput/styles.ts
index 71827c7..a6f1429 100644
--- a/src/components/TextInput/styles.ts
+++ b/src/components/TextInput/styles.ts
@@ -4,7 +4,7 @@ import {
   colorBorderDefault, colorBorderSelected,
   colorTextDefault, colorTextLight,
   colorBorderError, colorError,
-} from '../../stylesheets/pallete';
+} from '../../stylesheets/palette';
 import { fontSizeSmall } from '../../stylesheets/typography';
 import { borderRadiusDefault, spacingMedium, spacingSmall } from '../../stylesheets/sizing';
 import { StyledTextProps } from './types';
diff --git a/src/components/Toggle/styles.ts b/src/components/Toggle/styles.ts
index 51da209..5815a1f 100644
--- a/src/components/Toggle/styles.ts
+++ b/src/components/Toggle/styles.ts
@@ -1,7 +1,7 @@
 import { Switch } from '@mui/material';
 import { styled as materialStyled } from '@mui/material/styles';
 import styled, { css } from 'styled-components';
-import { colorBrand1, colorIconDefault, colorTextDefault, colorTextLight, colorWhite } from '../../stylesheets/pallete';
+import { colorBrand1, colorIconDefault, colorTextDefault, colorTextLight, colorWhite } from '../../stylesheets/palette';
 import { TEXT_POSITIONS } from './constants';
 import { StyledTextWrapperProps, StyledToggleWrapperProps } from './types';
 import { fontSizeBig, fontSizeDefault } from '../../stylesheets/typography';
diff --git a/src/components/Typography/styles.ts b/src/components/Typography/styles.ts
index a617e2f..69363b3 100644
--- a/src/components/Typography/styles.ts
+++ b/src/components/Typography/styles.ts
@@ -1,6 +1,6 @@
 import styled, { css } from 'styled-components';
 import { StyledTypography } from './types';
-import { colorTextDefault, colorTextLight } from '../../stylesheets/pallete';
+import { colorTextDefault, colorTextLight } from '../../stylesheets/palette';
 import {
   fontSizeDefault, fontSizeSmall,
   fontSizeXSmall, fontWeightDefault,
diff --git a/src/index.ts b/src/index.ts
index ba710ec..8d8604e 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,3 +1,3 @@
 export * from './components';
-export * from './stylesheets/pallete';
+export * from './stylesheets/palette';
 export * from './stylesheets/sizing';
diff --git a/src/stylesheets/pallete.ts b/src/stylesheets/palette.ts
similarity index 100%
rename from src/stylesheets/pallete.ts
rename to src/stylesheets/palette.ts

From 50131cd829e8caf1b8cd7866210e31aa2a8aab2c Mon Sep 17 00:00:00 2001
From: Arthurk12 <arthur_bockmann@hotmail.com>
Date: Mon, 27 Jul 2026 19:19:38 -0300
Subject: [PATCH 2/2] docs: update package scope references from @mconf to
 @bigbluebutton

README.md and CLAUDE.md still referenced the old @mconf npm scope
after the package was renamed to @bigbluebutton/bbb-ui-components-react
in package.json.
---
 CLAUDE.md | 4 ++--
 README.md | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/CLAUDE.md b/CLAUDE.md
index c07536e..efd3ef7 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -4,7 +4,7 @@ Guidance for Claude Code when working in this repository.
 
 ## Project overview
 
-`@mconf/bbb-ui-components-react` is a library of reusable React components extracted from BigBlueButton (BBB), published to npm. Each component lives in its own folder under `src/components/<Name>/` and is built/exported independently (tree-shakeable per-component entry points).
+`@bigbluebutton/bbb-ui-components-react` is a library of reusable React components extracted from BigBlueButton (BBB), published to npm. Each component lives in its own folder under `src/components/<Name>/` and is built/exported independently (tree-shakeable per-component entry points).
 
 `CHANGELOG.md` and the package version are generated automatically on release by `TriPSs/conventional-changelog-action` (see `.github/workflows/tag_and_release.yml`), using the `conventionalcommits` preset. This is why **correct commit type and scope matter**: they directly drive the changelog content and the version bump (see "Commit conventions" below).
 
@@ -30,7 +30,7 @@ Component folder/file names are **raw** PascalCase (`Button`, `Input`, `Navigati
 - `src/components/index.ts` — add `export { BBB<Name> } from './<Name>';` (keep alphabetical by folder name).
 - Root `README.md` — add `- [BBB<Name>](./src/components/<Name>/README.md)` to the "Available Components" list (keep alphabetical).
 - `webpack.config.babel.js` — add `<Name>: './src/components/<Name>/index.ts',` to the `entry` map.
-- `package.json` `exports` — add a `"./<Name>"` block, mirroring an existing one (e.g. copy the `"./Toggle"` block and replace `Toggle` with `<Name>` throughout). This is what makes `import { BBB<Name> } from '@mconf/bbb-ui-components-react/<Name>'` tree-shakeable.
+- `package.json` `exports` — add a `"./<Name>"` block, mirroring an existing one (e.g. copy the `"./Toggle"` block and replace `Toggle` with `<Name>` throughout). This is what makes `import { BBB<Name> } from '@bigbluebutton/bbb-ui-components-react/<Name>'` tree-shakeable.
 - `src/index.ts` needs **no** change — it already does `export * from './components'`, which picks up new components automatically.
 
 ## Adding a new prop to an existing component
diff --git a/README.md b/README.md
index 21e1411..e9068ae 100644
--- a/README.md
+++ b/README.md
@@ -112,7 +112,7 @@ If you need to override colors for specific components or add new variables, ref
 You can install the library directly from npm:
 
 ```bash
-npm install @mconf/bbb-ui-components-react
+npm install @bigbluebutton/bbb-ui-components-react
 ```
 
 ## Local Development