@nimbus-ds/styles 9.62.1-rc.6 → 9.62.2-rc.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 (13) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/CHANGELOG.md +15 -0
  3. package/dist/index.css +1 -1
  4. package/dist/index.d.ts +34 -21
  5. package/dist/index.js +1 -1
  6. package/dist/styles.css +1 -1
  7. package/dist/themes/dark/index.js +1 -1
  8. package/dist/themes/dark.css +1 -1
  9. package/dist/themes/next/index.js +1 -1
  10. package/dist/themes/next-dark/index.js +1 -1
  11. package/dist/themes/next-dark.css +1 -1
  12. package/dist/themes/next.css +1 -1
  13. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -2,6 +2,21 @@
2
2
 
3
3
  Nimbus Styles deprive all styles needed to build nimbus components.
4
4
 
5
+ ## 2026-04-06 `9.62.1`
6
+
7
+ #### 🐛 Bug fixes
8
+
9
+ - `Input`: Aligned container states with Figma (node 19744-43902)—neutral disabled/hover; success, warning, and danger use neutral backgrounds with semantic borders, filled vs placeholder (`:placeholder-shown`), hover, focus, and disabled; `ai-generative` uses solid `aiGenerative.textLow` border instead of a radial gradient border for SVG-safe tokens. ([#455](https://github.com/TiendaNube/nimbus-design-system/pull/455) by [@noecondoleo](https://github.com/noecondoleo))
10
+ - `Input`: Disabled state refinements per Figma (node 19744-44033)—no focus ring when disabled, placeholder uses `neutral.textDisabled`, `aiGenerated` ring removed when disabled. ([#455](https://github.com/TiendaNube/nimbus-design-system/pull/455) by [@noecondoleo](https://github.com/noecondoleo))
11
+ - `Input`: Disabled container matches Figma 19744-44033—fill `neutral.surfaceHighlight`, border `neutral.interactive` (all appearances); disabled `<input>` background transparent so the container fill shows through. ([#455](https://github.com/TiendaNube/nimbus-design-system/pull/455) by [@noecondoleo](https://github.com/noecondoleo))
12
+ - `Select`: Aligned trigger states with Figma (node 19797-4857)—neutral/success/warning/danger/ai-generative use the same patterns as Input (placeholder via `option:checked:disabled`, filled value, hover, `focus` ring 2px, disabled fill `surfaceHighlight` + border `neutral.interactive`); `ai-generative` uses solid `aiGenerative.textLow` border instead of gradient. ([#455](https://github.com/TiendaNube/nimbus-design-system/pull/455) by [@noecondoleo](https://github.com/noecondoleo))
13
+ - `Checkbox`: Aligned primary unchecked hover with Figma (node 19754-83261)—`neutral.surface` fill and `neutral.interactiveHover` border; hover rule scoped with `:not([data-indeterminate])` so it does not clash with indeterminate styles; checkmark box is `1rem` (16px) to match spec. ([#455](https://github.com/TiendaNube/nimbus-design-system/pull/455) by [@noecondoleo](https://github.com/noecondoleo))
14
+ - `Checkbox`: Primary unchecked pressed state (Figma node 19754-83266)—`neutral.surface` background and `neutral.interactivePressed` border via `:active` on the label. ([#455](https://github.com/TiendaNube/nimbus-design-system/pull/455) by [@noecondoleo](https://github.com/noecondoleo))
15
+ - `Checkbox`: Danger unchecked pressed (Figma node 19754-83354)—`neutral.surface` background and `danger.interactivePressed` border; placed after danger hover so pressed wins. ([#455](https://github.com/TiendaNube/nimbus-design-system/pull/455) by [@noecondoleo](https://github.com/noecondoleo))
16
+ - `Checkbox`: Indeterminate pressed (Figma node 19754-83316)—`neutral.surface` background, `primary.interactivePressed` border, and indeterminate bar/icon color `primary.interactivePressed`. ([#455](https://github.com/TiendaNube/nimbus-design-system/pull/455) by [@noecondoleo](https://github.com/noecondoleo))
17
+ - `Checkbox`: Disabled states (Figma nodes 19754-83328 unchecked, 19754-83333 checked, 19754-83338 indeterminate)—checkmark `neutral.surfaceHighlight` fill and `neutral.interactive` border; indeterminate disabled bar color `neutral.textDisabled`. ([#455](https://github.com/TiendaNube/nimbus-design-system/pull/455) by [@noecondoleo](https://github.com/noecondoleo))
18
+ - `Radio`: Aligned `as=radio` and `as=button` with Figma (frame 19805-1354)—radio rest/hover/pressed/disabled/checked-disabled/focus; button rest/hover/pressed/checked/hover+pressed/checked-disabled/disabled base/focus (`0 0 0 2px` `neutral.interactive`); radio circle `1rem`; `data-as` on the label drives interaction selectors. ([#455](https://github.com/TiendaNube/nimbus-design-system/pull/455) by [@noecondoleo](https://github.com/noecondoleo))
19
+
5
20
  ## 2026-03-04 `9.61.0`
6
21
 
7
22
  #### 🎉 New features
package/dist/CHANGELOG.md CHANGED
@@ -2,6 +2,21 @@
2
2
 
3
3
  Nimbus Styles deprive all styles needed to build nimbus components.
4
4
 
5
+ ## 2026-04-06 `9.62.1`
6
+
7
+ #### 🐛 Bug fixes
8
+
9
+ - `Input`: Aligned container states with Figma (node 19744-43902)—neutral disabled/hover; success, warning, and danger use neutral backgrounds with semantic borders, filled vs placeholder (`:placeholder-shown`), hover, focus, and disabled; `ai-generative` uses solid `aiGenerative.textLow` border instead of a radial gradient border for SVG-safe tokens. ([#455](https://github.com/TiendaNube/nimbus-design-system/pull/455) by [@noecondoleo](https://github.com/noecondoleo))
10
+ - `Input`: Disabled state refinements per Figma (node 19744-44033)—no focus ring when disabled, placeholder uses `neutral.textDisabled`, `aiGenerated` ring removed when disabled. ([#455](https://github.com/TiendaNube/nimbus-design-system/pull/455) by [@noecondoleo](https://github.com/noecondoleo))
11
+ - `Input`: Disabled container matches Figma 19744-44033—fill `neutral.surfaceHighlight`, border `neutral.interactive` (all appearances); disabled `<input>` background transparent so the container fill shows through. ([#455](https://github.com/TiendaNube/nimbus-design-system/pull/455) by [@noecondoleo](https://github.com/noecondoleo))
12
+ - `Select`: Aligned trigger states with Figma (node 19797-4857)—neutral/success/warning/danger/ai-generative use the same patterns as Input (placeholder via `option:checked:disabled`, filled value, hover, `focus` ring 2px, disabled fill `surfaceHighlight` + border `neutral.interactive`); `ai-generative` uses solid `aiGenerative.textLow` border instead of gradient. ([#455](https://github.com/TiendaNube/nimbus-design-system/pull/455) by [@noecondoleo](https://github.com/noecondoleo))
13
+ - `Checkbox`: Aligned primary unchecked hover with Figma (node 19754-83261)—`neutral.surface` fill and `neutral.interactiveHover` border; hover rule scoped with `:not([data-indeterminate])` so it does not clash with indeterminate styles; checkmark box is `1rem` (16px) to match spec. ([#455](https://github.com/TiendaNube/nimbus-design-system/pull/455) by [@noecondoleo](https://github.com/noecondoleo))
14
+ - `Checkbox`: Primary unchecked pressed state (Figma node 19754-83266)—`neutral.surface` background and `neutral.interactivePressed` border via `:active` on the label. ([#455](https://github.com/TiendaNube/nimbus-design-system/pull/455) by [@noecondoleo](https://github.com/noecondoleo))
15
+ - `Checkbox`: Danger unchecked pressed (Figma node 19754-83354)—`neutral.surface` background and `danger.interactivePressed` border; placed after danger hover so pressed wins. ([#455](https://github.com/TiendaNube/nimbus-design-system/pull/455) by [@noecondoleo](https://github.com/noecondoleo))
16
+ - `Checkbox`: Indeterminate pressed (Figma node 19754-83316)—`neutral.surface` background, `primary.interactivePressed` border, and indeterminate bar/icon color `primary.interactivePressed`. ([#455](https://github.com/TiendaNube/nimbus-design-system/pull/455) by [@noecondoleo](https://github.com/noecondoleo))
17
+ - `Checkbox`: Disabled states (Figma nodes 19754-83328 unchecked, 19754-83333 checked, 19754-83338 indeterminate)—checkmark `neutral.surfaceHighlight` fill and `neutral.interactive` border; indeterminate disabled bar color `neutral.textDisabled`. ([#455](https://github.com/TiendaNube/nimbus-design-system/pull/455) by [@noecondoleo](https://github.com/noecondoleo))
18
+ - `Radio`: Aligned `as=radio` and `as=button` with Figma (frame 19805-1354)—radio rest/hover/pressed/disabled/checked-disabled/focus; button rest/hover/pressed/checked/hover+pressed/checked-disabled/disabled base/focus (`0 0 0 2px` `neutral.interactive`); radio circle `1rem`; `data-as` on the label drives interaction selectors. ([#455](https://github.com/TiendaNube/nimbus-design-system/pull/455) by [@noecondoleo](https://github.com/noecondoleo))
19
+
5
20
  ## 2026-03-04 `9.61.0`
6
21
 
7
22
  #### 🎉 New features