@hirobius/design-system 0.24.0 → 0.24.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/UPGRADING.md +24 -1
  3. package/dist/css-contract.json +1 -1
  4. package/dist/hirobius-ui.js +1 -1
  5. package/dist/manifest.js +1 -1
  6. package/dist/styles.css +1 -1
  7. package/dist/tokens.css +1 -1
  8. package/dist/types/src/index.d.ts +6 -6
  9. package/dist/variables.css +23 -23
  10. package/hirobius.tokens.json +36 -36
  11. package/package.json +1 -1
  12. package/public/hds-manifest.json +43 -43
  13. package/src/app/data/component-api.json +1 -1
  14. package/upgrade/index.json +8 -1
  15. package/upgrade/releases/0.24.1.json +311 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # Changelog
2
2
 
3
+ ## 0.24.1
4
+
5
+ ### Upgrade
6
+
7
+ ```sh
8
+ npx @hirobius/design-system@latest upgrade
9
+ ```
10
+
11
+ - Looks different: The legacy flat Button vertical padding token is now 8px (was 12px), the value the medium Button renders.
12
+ - Looks different: The secondary Button hover fill token is now the accent-subtle surface (was the raised surface), the fill it renders.
13
+ - Looks different: The secondary Button disabled border token is now the interactive border (was the subdued border), the colour it renders.
14
+ - Looks different: The secondary Button hover border token is now the accent border (was the interactive border), the colour it renders.
15
+ - And 12 more: see [UPGRADING.md](https://github.com/hirobius/hds/blob/main/UPGRADING.md#0241).
16
+
17
+ ### Patch Changes
18
+
19
+ - 3085b8a: Sixteen `component.*` tokens now hold the value their component already renders, so Figma and the code agree (hds#595, "code wins"). Button: `paddingY` and `size.md.paddingY` are 8px (were 12px), `size.sm.paddingX` 12px (was 8px), `size.sm.height` 32px (was 28px), `size.sm.itemSpacing` 8px (was 4px), `size.lg.fontSize` 14px (was 16px), `secondary.bg.hover` is `surface.accentSubtle`, `secondary.border.hover` and `.pressed` are `border.accent`, and `secondary.border.disabled` is `border.interactive`. Card: `radius` 12px (was 8px), `gap` 16px (was 8px). Input: `bg` is `surface.page` and `paddingX` 12px (was 16px). Tag: `background` is `surface.raised` and `text` `content.secondary`. The React components already rendered these values, so nothing changes on screen; only the token values (and the CSS variables built from them) move.
20
+
3
21
  ## 0.24.0
4
22
 
5
23
  ### Upgrade
package/UPGRADING.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # Upgrading @hirobius/design-system
2
2
 
3
- This file only knows the releases up to the version you have installed, 0.24.0. For newer releases, run `npx @hirobius/design-system@latest upgrade`: it always fetches the newest steps.
3
+ This file only knows the releases up to the version you have installed, 0.24.1. For newer releases, run `npx @hirobius/design-system@latest upgrade`: it always fetches the newest steps.
4
4
 
5
5
  ## How to upgrade
6
6
 
@@ -10,6 +10,29 @@ npx @hirobius/design-system@latest upgrade
10
10
 
11
11
  It finds the version you have, moves you to the newest release, runs each release's codemods (Fixed for you) and lists what is left for you (Do by hand). It works from 0.16.0 on; from an older version, first reach 0.16.0 with the notes in CHANGELOG.md. MIGRATIONS.md has longer guides for the big releases.
12
12
 
13
+ ## 0.24.1
14
+
15
+ Released 2026-10-12 (patch). 16 that look different.
16
+
17
+ ### Looks different
18
+
19
+ - The legacy flat Button vertical padding token is now 8px (was 12px), the value the medium Button renders.
20
+ - The secondary Button hover fill token is now the accent-subtle surface (was the raised surface), the fill it renders.
21
+ - The secondary Button disabled border token is now the interactive border (was the subdued border), the colour it renders.
22
+ - The secondary Button hover border token is now the accent border (was the interactive border), the colour it renders.
23
+ - The secondary Button pressed border token is now the accent border (was the interactive border), the colour it renders.
24
+ - The large Button label size token is now 14px (was 16px), the size it renders.
25
+ - The medium Button vertical padding token is now 8px (was 12px), the value it renders.
26
+ - The small Button height token is now 32px (was 28px), the height it renders.
27
+ - The small Button icon-to-label gap token is now 8px (was 4px), the gap it renders.
28
+ - The small Button horizontal padding token is now 12px (was 8px), the value it renders.
29
+ - The Card gap token is now 16px (was 8px), the gap Card renders.
30
+ - The Card radius token is now 12px (was 8px), the radius Card renders.
31
+ - The Input background token is now the page surface (was the raised surface), the fill Input renders.
32
+ - The Input horizontal padding token is now 12px (was 16px), the padding the medium Input renders.
33
+ - The Tag background token is now the raised surface (was accent-subtle), the fill an unselected Tag renders.
34
+ - The Tag text token is now the secondary content colour (was primary), the colour an unselected Tag renders.
35
+
13
36
  ## 0.24.0
14
37
 
15
38
  Released 2026-10-12 (minor). 11 changes to make by hand (11 breaking) and 24 that look different.