diff --git a/.changeset/blue-ligers-repeat.md b/.changeset/blue-ligers-repeat.md deleted file mode 100644 index d285585c3..000000000 --- a/.changeset/blue-ligers-repeat.md +++ /dev/null @@ -1,49 +0,0 @@ ---- -'@primer/react-brand': minor ---- - -Switched to use CSS Logical Properties in compiled output. - -- Compiled styles now directly use CSS logical properties (e.g., `margin-inline-start`, `margin-inline-end`) instead of physical properties (`margin-left`, `margin-right`). -- This change simplifies the stylesheet and reduces its overall size (`652kB` > `593kB`) - -Example of the change: - -Source: - -```css -.selector { - margin-inline-start: var(--base-size-20); -} -``` - - - - - - - - - -
Previous compiled output - New compiled output
- -```css -[dir='ltr'] .selector { - margin-left: 2px; -} - -[dir='rtl'] .selector { - margin-right: 2px; -} -``` - - - -```css -.selector { - margin-inline-start: 2px; -} -``` - -
diff --git a/.changeset/chilly-ducks-brush.md b/.changeset/chilly-ducks-brush.md deleted file mode 100644 index 92a530a51..000000000 --- a/.changeset/chilly-ducks-brush.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@primer/react-brand': patch ---- - -Fixed errors in compiled CSS stylesheets where selectors with special characters were being unintentionally escaped for compatibility with legacy browsers. diff --git a/.changeset/cuddly-kids-dance.md b/.changeset/cuddly-kids-dance.md deleted file mode 100644 index 0e8fd55d2..000000000 --- a/.changeset/cuddly-kids-dance.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@primer/react-brand': patch ---- - -`FormControl.Validation` is now associated with the relevant input using `aria-describedby`. diff --git a/.changeset/quick-suns-poke.md b/.changeset/quick-suns-poke.md deleted file mode 100644 index 7b172cd81..000000000 --- a/.changeset/quick-suns-poke.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@primer/react-brand': patch ---- - -Updated `IDEChatMessage` type declaration to differentiate between assistant and user messages. diff --git a/apps/storybook/CHANGELOG.md b/apps/storybook/CHANGELOG.md index 0cc387a57..fee5c5171 100644 --- a/apps/storybook/CHANGELOG.md +++ b/apps/storybook/CHANGELOG.md @@ -1,5 +1,7 @@ # @primer/brand-storybook +## 0.43.0 + ## 0.42.1 ## 0.42.0 diff --git a/apps/storybook/package.json b/apps/storybook/package.json index c33416c30..c63aae1ea 100644 --- a/apps/storybook/package.json +++ b/apps/storybook/package.json @@ -1,6 +1,6 @@ { "name": "@primer/brand-storybook", - "version": "0.42.1", + "version": "0.43.0", "private": true, "description": "Primer Brand Storybook", "keywords": [ diff --git a/packages/design-tokens/CHANGELOG.md b/packages/design-tokens/CHANGELOG.md index cea99c6f6..875972587 100644 --- a/packages/design-tokens/CHANGELOG.md +++ b/packages/design-tokens/CHANGELOG.md @@ -1,5 +1,7 @@ # @primer/brand-primitives +## 0.43.0 + ## 0.42.1 ## 0.42.0 diff --git a/packages/design-tokens/package.json b/packages/design-tokens/package.json index 60ddab1c0..b9c9f3ce1 100644 --- a/packages/design-tokens/package.json +++ b/packages/design-tokens/package.json @@ -1,6 +1,6 @@ { "name": "@primer/brand-primitives", - "version": "0.42.1", + "version": "0.43.0", "description": "Color, spacing, and typography primitives for the Primer Brand Design System ", "keywords": [ "primer", diff --git a/packages/e2e/CHANGELOG.md b/packages/e2e/CHANGELOG.md index 3a85fe419..762e97d49 100644 --- a/packages/e2e/CHANGELOG.md +++ b/packages/e2e/CHANGELOG.md @@ -1,5 +1,7 @@ # @primer/brand-e2e +## 0.43.0 + ## 0.42.1 ## 0.42.0 diff --git a/packages/e2e/package.json b/packages/e2e/package.json index 14b95be8c..ca07119cc 100644 --- a/packages/e2e/package.json +++ b/packages/e2e/package.json @@ -1,6 +1,6 @@ { "name": "@primer/brand-e2e", - "version": "0.42.1", + "version": "0.43.0", "private": true, "description": "Primer Brand is a GitHub's design system for creating React-based marketing websites and digital experiences.", "keywords": [ diff --git a/packages/fonts/CHANGELOG.md b/packages/fonts/CHANGELOG.md index 732e76991..db653b043 100644 --- a/packages/fonts/CHANGELOG.md +++ b/packages/fonts/CHANGELOG.md @@ -1,5 +1,7 @@ # @primer/brand-fonts +## 0.43.0 + ## 0.42.1 ## 0.42.0 diff --git a/packages/fonts/package.json b/packages/fonts/package.json index 816b09f82..7f0ab1c8f 100644 --- a/packages/fonts/package.json +++ b/packages/fonts/package.json @@ -1,6 +1,6 @@ { "name": "@primer/brand-fonts", - "version": "0.42.1", + "version": "0.43.0", "private": true, "description": "Primer Brand is a GitHub's design system for creating React-based marketing websites and digital experiences.", "keywords": [ diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md index 18233e669..b55ae745c 100644 --- a/packages/react/CHANGELOG.md +++ b/packages/react/CHANGELOG.md @@ -1,5 +1,63 @@ # @primer/react-brand +## 0.43.0 + +### Minor Changes + +- [#825](https://github.com/primer/brand/pull/825) [`2c8e9240`](https://github.com/primer/brand/commit/2c8e9240a1bb36f7753a3e63318e92322a7bf780) Thanks [@rezrah](https://github.com/rezrah)! - Switched to use CSS Logical Properties in compiled output. + + - Compiled styles now directly use CSS logical properties (e.g., `margin-inline-start`, `margin-inline-end`) instead of physical properties (`margin-left`, `margin-right`). + - This change simplifies the stylesheet and reduces its overall size (`652kB` > `593kB`) + + Example of the change: + + Source: + + ```css + .selector { + margin-inline-start: var(--base-size-20); + } + ``` + + + + + + + + + +
Previous compiled output + New compiled output
+ + ```css + [dir='ltr'] .selector { + margin-left: 2px; + } + + [dir='rtl'] .selector { + margin-right: 2px; + } + ``` + + + + ```css + .selector { + margin-inline-start: 2px; + } + ``` + +
+ +### Patch Changes + +- [#825](https://github.com/primer/brand/pull/825) [`2c8e9240`](https://github.com/primer/brand/commit/2c8e9240a1bb36f7753a3e63318e92322a7bf780) Thanks [@rezrah](https://github.com/rezrah)! - Fixed errors in compiled CSS stylesheets where selectors with special characters were being unintentionally escaped for compatibility with legacy browsers. + +- [#818](https://github.com/primer/brand/pull/818) [`281beb08`](https://github.com/primer/brand/commit/281beb08114f24f0ec5b23b14643324b0be532e6) Thanks [@joshfarrant](https://github.com/joshfarrant)! - `FormControl.Validation` is now associated with the relevant input using `aria-describedby`. + +- [#822](https://github.com/primer/brand/pull/822) [`75da350d`](https://github.com/primer/brand/commit/75da350d63b75bd8b4e2c163e681ca4f7f1d4a46) Thanks [@joshfarrant](https://github.com/joshfarrant)! - Updated `IDEChatMessage` type declaration to differentiate between assistant and user messages. + ## 0.42.1 ### Patch Changes diff --git a/packages/react/package.json b/packages/react/package.json index b4b74bf75..9a247a188 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -1,6 +1,6 @@ { "name": "@primer/react-brand", - "version": "0.42.1", + "version": "0.43.0", "description": "Primer Brand is a GitHub's design system for creating React-based marketing websites and digital experiences.", "keywords": [ "primer", diff --git a/packages/repo-configs/CHANGELOG.md b/packages/repo-configs/CHANGELOG.md index c76d7a9c8..56bd5d31f 100644 --- a/packages/repo-configs/CHANGELOG.md +++ b/packages/repo-configs/CHANGELOG.md @@ -1,5 +1,7 @@ # @primer/brand-config +## 0.43.0 + ## 0.42.1 ## 0.42.0 diff --git a/packages/repo-configs/package.json b/packages/repo-configs/package.json index bc49c7809..27facdfc4 100644 --- a/packages/repo-configs/package.json +++ b/packages/repo-configs/package.json @@ -1,6 +1,6 @@ { "name": "@primer/brand-config", - "version": "0.42.1", + "version": "0.43.0", "private": true, "description": "General-purpose configurations for maintaining Primer Brand", "homepage": "https://primer.style/brand",