@aquera/nile-elements 2.0.8 → 2.0.10

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 (97) hide show
  1. package/README.md +12 -0
  2. package/demo/nxtgen-classes.css +5 -5
  3. package/demo/nxtgen-dark.css +25 -25
  4. package/demo/nxtgen-properties.css +2 -2
  5. package/demo/nxtgen-utilities.css +5 -5
  6. package/demo/nxtgen.css +5 -5
  7. package/demo/utilities.css +2 -2
  8. package/demo/variables.css +2 -2
  9. package/dist/index.js +634 -264
  10. package/dist/nile-badge/nile-badge.css.cjs.js +1 -1
  11. package/dist/nile-badge/nile-badge.css.cjs.js.map +1 -1
  12. package/dist/nile-badge/nile-badge.css.esm.js +2 -2
  13. package/dist/nile-button-toggle/nile-button-toggle.css.cjs.js +1 -1
  14. package/dist/nile-button-toggle/nile-button-toggle.css.cjs.js.map +1 -1
  15. package/dist/nile-button-toggle/nile-button-toggle.css.esm.js +2 -2
  16. package/dist/nile-code-editor/nile-code-editor.cjs.js +1 -1
  17. package/dist/nile-code-editor/nile-code-editor.cjs.js.map +1 -1
  18. package/dist/nile-code-editor/nile-code-editor.esm.js +1 -1
  19. package/dist/nile-menu-item/nile-menu-item.css.cjs.js +1 -1
  20. package/dist/nile-menu-item/nile-menu-item.css.cjs.js.map +1 -1
  21. package/dist/nile-menu-item/nile-menu-item.css.esm.js +1 -1
  22. package/dist/nile-rich-text-editor/nile-rich-text-editor.css.cjs.js +1 -1
  23. package/dist/nile-rich-text-editor/nile-rich-text-editor.css.cjs.js.map +1 -1
  24. package/dist/nile-rich-text-editor/nile-rich-text-editor.css.esm.js +5 -2
  25. package/dist/nile-select/index.cjs.js +1 -1
  26. package/dist/nile-select/index.esm.js +1 -1
  27. package/dist/nile-select/nile-select.cjs.js +2 -1
  28. package/dist/nile-select/nile-select.cjs.js.map +1 -1
  29. package/dist/nile-select/nile-select.css.cjs.js +1 -1
  30. package/dist/nile-select/nile-select.css.cjs.js.map +1 -1
  31. package/dist/nile-select/nile-select.css.esm.js +126 -6
  32. package/dist/nile-select/nile-select.esm.js +77 -11
  33. package/dist/nile-select/virtual-scroll-helper.cjs.js +1 -1
  34. package/dist/nile-select/virtual-scroll-helper.cjs.js.map +1 -1
  35. package/dist/nile-select/virtual-scroll-helper.esm.js +3 -1
  36. package/dist/nile-toast/nile-toast.css.cjs.js +1 -1
  37. package/dist/nile-toast/nile-toast.css.cjs.js.map +1 -1
  38. package/dist/nile-toast/nile-toast.css.esm.js +5 -5
  39. package/dist/nile-virtual-select/index.cjs.js +1 -1
  40. package/dist/nile-virtual-select/index.esm.js +1 -1
  41. package/dist/nile-virtual-select/nile-virtual-select.cjs.js +4 -3
  42. package/dist/nile-virtual-select/nile-virtual-select.cjs.js.map +1 -1
  43. package/dist/nile-virtual-select/nile-virtual-select.css.cjs.js +1 -1
  44. package/dist/nile-virtual-select/nile-virtual-select.css.cjs.js.map +1 -1
  45. package/dist/nile-virtual-select/nile-virtual-select.css.esm.js +126 -6
  46. package/dist/nile-virtual-select/nile-virtual-select.esm.js +71 -12
  47. package/dist/src/nile-badge/nile-badge.css.js +2 -2
  48. package/dist/src/nile-badge/nile-badge.css.js.map +1 -1
  49. package/dist/src/nile-button-toggle/nile-button-toggle.css.js +2 -2
  50. package/dist/src/nile-button-toggle/nile-button-toggle.css.js.map +1 -1
  51. package/dist/src/nile-code-editor/nile-code-editor.d.ts +1 -1
  52. package/dist/src/nile-code-editor/nile-code-editor.js +2 -2
  53. package/dist/src/nile-code-editor/nile-code-editor.js.map +1 -1
  54. package/dist/src/nile-menu-item/nile-menu-item.css.js +1 -1
  55. package/dist/src/nile-menu-item/nile-menu-item.css.js.map +1 -1
  56. package/dist/src/nile-rich-text-editor/nile-rich-text-editor.css.js +5 -2
  57. package/dist/src/nile-rich-text-editor/nile-rich-text-editor.css.js.map +1 -1
  58. package/dist/src/nile-select/nile-select.css.js +126 -6
  59. package/dist/src/nile-select/nile-select.css.js.map +1 -1
  60. package/dist/src/nile-select/nile-select.d.ts +43 -5
  61. package/dist/src/nile-select/nile-select.js +445 -106
  62. package/dist/src/nile-select/nile-select.js.map +1 -1
  63. package/dist/src/nile-select/nile-select.test.d.ts +1 -0
  64. package/dist/src/nile-select/nile-select.test.js +342 -1
  65. package/dist/src/nile-select/nile-select.test.js.map +1 -1
  66. package/dist/src/nile-select/virtual-scroll-helper.js +3 -1
  67. package/dist/src/nile-select/virtual-scroll-helper.js.map +1 -1
  68. package/dist/src/nile-toast/nile-toast.css.js +5 -5
  69. package/dist/src/nile-toast/nile-toast.css.js.map +1 -1
  70. package/dist/src/nile-virtual-select/nile-virtual-select.css.js +126 -6
  71. package/dist/src/nile-virtual-select/nile-virtual-select.css.js.map +1 -1
  72. package/dist/src/nile-virtual-select/nile-virtual-select.d.ts +45 -4
  73. package/dist/src/nile-virtual-select/nile-virtual-select.js +385 -59
  74. package/dist/src/nile-virtual-select/nile-virtual-select.js.map +1 -1
  75. package/dist/src/nile-virtual-select/nile-virtual-select.test.js +253 -1
  76. package/dist/src/nile-virtual-select/nile-virtual-select.test.js.map +1 -1
  77. package/dist/src/version.js +1 -1
  78. package/dist/src/version.js.map +1 -1
  79. package/dist/tsconfig.tsbuildinfo +1 -1
  80. package/dist/version.cjs.js +1 -1
  81. package/dist/version.cjs.js.map +1 -1
  82. package/dist/version.esm.js +1 -1
  83. package/package.json +1 -1
  84. package/src/nile-badge/nile-badge.css.ts +2 -2
  85. package/src/nile-button-toggle/nile-button-toggle.css.ts +2 -2
  86. package/src/nile-code-editor/nile-code-editor.ts +2 -2
  87. package/src/nile-menu-item/nile-menu-item.css.ts +1 -1
  88. package/src/nile-rich-text-editor/nile-rich-text-editor.css.ts +5 -2
  89. package/src/nile-select/nile-select.css.ts +126 -6
  90. package/src/nile-select/nile-select.test.ts +478 -1
  91. package/src/nile-select/nile-select.ts +499 -91
  92. package/src/nile-select/virtual-scroll-helper.ts +3 -1
  93. package/src/nile-toast/nile-toast.css.ts +5 -5
  94. package/src/nile-virtual-select/nile-virtual-select.css.ts +126 -6
  95. package/src/nile-virtual-select/nile-virtual-select.test.ts +352 -1
  96. package/src/nile-virtual-select/nile-virtual-select.ts +460 -55
  97. package/vscode-html-custom-data.json +40 -6
package/README.md CHANGED
@@ -91,6 +91,18 @@ To run a local development server that serves the basic demo located in `demo/in
91
91
 
92
92
  In this section, you can find the updates for each release of `nile-elements`. It's a good practice to maintain detailed release notes to help users and developers understand what changes have been made from one version to another and how these changes might affect their projects.
93
93
 
94
+ #### Version 2.0.10 (September 24, 2026)
95
+ - Badge: The `gray` variant's border, in both the default and `pill-outline` styles, now falls back to `--ng-componentcolors-utility-gray-300` instead of `-200`. In dark mode `-200` (`graydarkmode-800`) sat almost on top of the badge fill (`graydarkmode-900`), so the border barely showed (UIF-1363)
96
+ - Button Toggle: The active toggle's text color, including on hover, now falls back to `--ng-colors-text-brand-primary-900` instead of `--ng-colors-bg-brand-solid`, so the label is colored with a text token rather than a background token (UIF-1365)
97
+ - Code Editor: The active-line highlight (`highlightActiveLine()`) is now added in both themes; previously it was only added alongside One Dark, so light mode had no active-line highlight (`basicSetup` turns it off). One Dark itself is still applied only in dark mode (UIF-1361)
98
+ - Menu Item: The hover background now falls back to `--ng-colors-bg-primary-hover` instead of `--ng-colors-bg-secondary-hover`, matching the surface the menu sits on (UIF-1366)
99
+ - Rich Text Editor: The host, the editable area and `nile-rte-preview` now set their text color to `--ng-colors-text-primary-900` explicitly, so content no longer inherits a color that is unreadable on the dark editor background. Image captions now use `--ng-colors-text-tertiary-600` and the empty-state placeholder uses `--ng-colors-text-placeholder`, both in place of `--ng-colors-text-secondary` (UIF-1359)
100
+ - Toast: The border of all five variants (`success`, `info`, `warning`, `error`, `gray`) now falls back to `--ng-colors-border-primary` instead of `--ng-colors-border-secondary-alt`, which in dark mode matched the toast background and hid the edge (UIF-1364)
101
+
102
+ #### Version 2.0.9 (September 22, 2026)
103
+ - Nile Select: Fixed multiselect issues — the `+N` indicator showing a stale count after the component was hidden and re-shown, the `+N` indicator not being recalculated after the selected values were edited, selection and deselection causing sibling components to flicker, long selected values being truncated so the remove (×) button became unreachable, and a long free-text value pushing the remove (×) button out of view in editable multi-value mode. Adds `chipMinWidth` (default `110`), `chipMaxWidth` (default `180`) and `showTooltip` (off by default) (UIF-1335, UIF-1336, UIF-1337, UIF-1338, UIF-1339)
104
+ - Nile Virtual Select: Fixed long selected values being truncated so the remove (×) button became unreachable. Adds `chipMinWidth` (default `110`), `chipMaxWidth` (default `180`) and `showTooltip` (off by default) (UIF-1338)
105
+
94
106
  #### Version 2.0.8 (September 10, 2026)
95
107
  - Nile Input: Fixed the input text turning invisible on hover and focus under the NxtGen theme (UIF-1348)
96
108
  - Nile Chip: Fixed a blue border appearing around the input on focus (UIF-1350)
package/demo/nxtgen-classes.css CHANGED
@@ -1,5 +1,5 @@
1
- /* @nile-version 1.3.2 */
2
- :root { --nile-version: "1.3.2"; }
1
+ /* @nile-version 1.3.3 */
2
+ :root { --nile-version: "1.3.3"; }
3
3
 
4
4
  /**
5
5
  * Do not edit directly
@@ -4159,7 +4159,7 @@
4159
4159
  /* colors-text-white: var(--ng-color-base-white) */
4160
4160
  .ng-text-white { color: var(--ng-colors-text-white); }
4161
4161
 
4162
- /* colors-text-disabled: var(--ng-color-graylightmode-500) */
4162
+ /* colors-text-disabled: var(--ng-color-graylightmode-400) */
4163
4163
  .ng-text-disabled { color: var(--ng-colors-text-disabled); }
4164
4164
 
4165
4165
  /* colors-text-placeholder: var(--ng-color-graylightmode-500) */
@@ -4210,10 +4210,10 @@
4210
4210
  /* colors-border-neutral: var(--ng-color-graylightmode-400) */
4211
4211
  .ng-border-neutral { border-color: var(--ng-colors-border-neutral); }
4212
4212
 
4213
- /* colors-border-disabled: var(--ng-color-graylightmode-300) */
4213
+ /* colors-border-disabled: var(--ng-color-graylightmode-200) */
4214
4214
  .ng-border-disabled { border-color: var(--ng-colors-border-disabled); }
4215
4215
 
4216
- /* colors-border-disabled-subtle: var(--ng-color-graylightmode-200) */
4216
+ /* colors-border-disabled-subtle: var(--ng-color-graylightmode-300) */
4217
4217
  .ng-border-disabled-subtle { border-color: var(--ng-colors-border-disabled-subtle); }
4218
4218
 
4219
4219
  /* colors-border-brand: var(--ng-color-bluedark-500) */
package/demo/nxtgen-dark.css CHANGED
@@ -449,7 +449,7 @@
449
449
  --ng-colors-text-quaternary-500: var(--ng-color-graylightmode-500);
450
450
  --ng-colors-text-quaternary-on-brand: var(--ng-color-bluedark-300);
451
451
  --ng-colors-text-white: var(--ng-color-base-white);
452
- --ng-colors-text-disabled: var(--ng-color-graylightmode-500);
452
+ --ng-colors-text-disabled: var(--ng-color-graylightmode-400);
453
453
  --ng-colors-text-placeholder: var(--ng-color-graylightmode-500);
454
454
  --ng-colors-text-placeholder-subtle: var(--ng-color-graylightmode-300);
455
455
  --ng-colors-text-brand-primary-900: var(--ng-color-bluedark-900);
@@ -466,8 +466,8 @@
466
466
  --ng-colors-border-secondary-alt: #00000014;
467
467
  --ng-colors-border-tertiary: var(--ng-color-graylightmode-100);
468
468
  --ng-colors-border-neutral: var(--ng-color-graylightmode-400);
469
- --ng-colors-border-disabled: var(--ng-color-graylightmode-300);
470
- --ng-colors-border-disabled-subtle: var(--ng-color-graylightmode-200);
469
+ --ng-colors-border-disabled: var(--ng-color-graylightmode-200);
470
+ --ng-colors-border-disabled-subtle: var(--ng-color-graylightmode-300);
471
471
  --ng-colors-border-brand: var(--ng-color-bluedark-500);
472
472
  --ng-colors-border-brand-alt: var(--ng-color-bluedark-600);
473
473
  --ng-colors-border-error: var(--ng-color-error-500);
@@ -893,10 +893,10 @@
893
893
  --ng-colors-border-primary: var(--ng-color-graydarkmode-600);
894
894
  --ng-colors-border-secondary: var(--ng-color-graydarkmode-700);
895
895
  --ng-colors-border-secondary-alt: var(--ng-color-graydarkmode-800);
896
- --ng-colors-border-tertiary: var(--ng-color-graydarkmode-800);
897
- --ng-colors-border-neutral: var(--ng-color-graydarkmode-600);
896
+ --ng-colors-border-tertiary: var(--ng-color-graydarkmode-800);
897
+ --ng-colors-border-neutral: var(--ng-color-graydarkmode-500);
898
898
  --ng-colors-border-disabled: var(--ng-color-graydarkmode-700);
899
- --ng-colors-border-disabled-subtle: var(--ng-color-graydarkmode-800);
899
+ --ng-colors-border-disabled-subtle: var(--ng-color-graydarkmode-700);
900
900
  --ng-colors-border-brand: var(--ng-color-bluedark-400);
901
901
  --ng-colors-border-brand-alt: var(--ng-color-bluedark-500);
902
902
  --ng-colors-border-error: var(--ng-color-error-400);
@@ -931,7 +931,7 @@
931
931
 
932
932
  --ng-componentcolors-utility-gray-100: var(--ng-color-graydarkmode-800);
933
933
  --ng-componentcolors-utility-gray-200: var(--ng-color-graydarkmode-800);
934
- --ng-componentcolors-utility-gray-300: var(--ng-color-graydarkmode-700);
934
+ --ng-componentcolors-utility-gray-300: var(--ng-color-graydarkmode-600);
935
935
  --ng-componentcolors-utility-gray-400: var(--ng-color-graydarkmode-600);
936
936
  --ng-componentcolors-utility-gray-500: var(--ng-color-graydarkmode-500);
937
937
  --ng-componentcolors-utility-gray-600: var(--ng-color-graydarkmode-400);
@@ -1060,7 +1060,7 @@
1060
1060
  --ng-colors-fg-tertiary-hover: var(--ng-color-graydarkmode-300);
1061
1061
  --ng-colors-fg-quaternary-400: var(--ng-color-graydarkmode-500);
1062
1062
  --ng-colors-fg-quaternary-hover: var(--ng-color-graydarkmode-400);
1063
- --ng-colors-fg-disabled: var(--ng-color-graydarkmode-600);
1063
+ --ng-colors-fg-disabled: var(--ng-color-graydarkmode-500);
1064
1064
  --ng-colors-fg-disabled-subtle: var(--ng-color-graydarkmode-700);
1065
1065
  --ng-colors-fg-brand-primary-600: var(--ng-color-bluedark-400);
1066
1066
  --ng-colors-fg-brand-secondary-500: var(--ng-color-bluedark-400);
@@ -1071,7 +1071,7 @@
1071
1071
  --ng-colors-fg-warning-secondary: var(--ng-color-warning-400);
1072
1072
  --ng-colors-fg-success-primary: var(--ng-color-success-400);
1073
1073
  --ng-colors-fg-success-secondary: var(--ng-color-success-400);
1074
- --ng-colors-bg-primary: var(--ng-color-graydarkmode-800);
1074
+ --ng-colors-bg-primary: var(--ng-color-graydarkmode-800);
1075
1075
  --ng-colors-effects-focus-ring: var(--ng-color-bluedark-400);
1076
1076
  --ng-colors-effects-focus-ring-error: var(--ng-color-error-400);
1077
1077
  --ng-colors-effects-shadow-xs: #0000004D;
@@ -1095,19 +1095,19 @@
1095
1095
  --ng-colors-effects-shadow-3xl-02: #00000033;
1096
1096
  --ng-colors-effects-shadow-skeumorphic-inner: #0000004D;
1097
1097
  --ng-colors-effects-shadow-skeumorphic-inner-border: var(--ng-colors-border-primary);
1098
- --ng-colors-bg-primary-alt: var(--ng-color-graydarkmode-800);
1098
+ --ng-colors-bg-primary-alt: var(--ng-color-graydarkmode-800);
1099
1099
  --ng-colors-bg-primary-hover: var(--ng-color-graydarkmode-900);
1100
1100
  --ng-colors-bg-primary-solid: var(--ng-color-graydarkmode-100);
1101
1101
  --ng-colors-bg-secondary: var(--ng-color-graydarkmode-900);
1102
1102
  --ng-colors-bg-secondary-alt: var(--ng-color-graydarkmode-900);
1103
1103
  --ng-colors-bg-secondary-hover: var(--ng-color-graydarkmode-800);
1104
- --ng-colors-bg-secondary-subtle: var(--ng-color-graydarkmode-800);
1104
+ --ng-colors-bg-secondary-subtle: var(--ng-color-graydarkmode-800);
1105
1105
  --ng-colors-bg-secondary-solid: var(--ng-color-graydarkmode-400);
1106
- --ng-colors-bg-tertiary: var(--ng-color-graydarkmode-950);
1106
+ --ng-colors-bg-tertiary: var(--ng-color-graydarkmode-950);
1107
1107
  --ng-colors-bg-quaternary: var(--ng-color-graydarkmode-700);
1108
1108
  --ng-colors-bg-quaternary-alt: var(--ng-color-graydarkmode-600);
1109
1109
  --ng-colors-bg-active: var(--ng-color-graydarkmode-900);
1110
- --ng-colors-bg-disabled: var(--ng-color-graydarkmode-950);
1110
+ --ng-colors-bg-disabled: var(--ng-color-graydarkmode-700);
1111
1111
  --ng-colors-bg-disabled-subtle: var(--ng-color-graydarkmode-800);
1112
1112
  --ng-colors-bg-overlay: var(--ng-color-base-black);
1113
1113
  --ng-colors-bg-brand-primary: var(--ng-color-bluedark-950);
@@ -1248,7 +1248,7 @@
1248
1248
  --ng-colors-text-quaternary-500: var(--ng-color-graylightmode-500);
1249
1249
  --ng-colors-text-quaternary-on-brand: var(--ng-color-bluedark-300);
1250
1250
  --ng-colors-text-white: var(--ng-color-base-white);
1251
- --ng-colors-text-disabled: var(--ng-color-graylightmode-500);
1251
+ --ng-colors-text-disabled: var(--ng-color-graylightmode-400);
1252
1252
  --ng-colors-text-placeholder: var(--ng-color-graylightmode-500);
1253
1253
  --ng-colors-text-placeholder-subtle: var(--ng-color-graylightmode-300);
1254
1254
  --ng-colors-text-brand-primary-900: var(--ng-color-bluedark-900);
@@ -1265,8 +1265,8 @@
1265
1265
  --ng-colors-border-secondary-alt: #00000014;
1266
1266
  --ng-colors-border-tertiary: var(--ng-color-graylightmode-100);
1267
1267
  --ng-colors-border-neutral: var(--ng-color-graylightmode-400);
1268
- --ng-colors-border-disabled: var(--ng-color-graylightmode-300);
1269
- --ng-colors-border-disabled-subtle: var(--ng-color-graylightmode-200);
1268
+ --ng-colors-border-disabled: var(--ng-color-graylightmode-200);
1269
+ --ng-colors-border-disabled-subtle: var(--ng-color-graylightmode-300);
1270
1270
  --ng-colors-border-brand: var(--ng-color-bluedark-500);
1271
1271
  --ng-colors-border-brand-alt: var(--ng-color-bluedark-600);
1272
1272
  --ng-colors-border-error: var(--ng-color-error-500);
@@ -1692,10 +1692,10 @@
1692
1692
  --ng-colors-border-primary: var(--ng-color-graydarkmode-600);
1693
1693
  --ng-colors-border-secondary: var(--ng-color-graydarkmode-700);
1694
1694
  --ng-colors-border-secondary-alt: var(--ng-color-graydarkmode-800);
1695
- --ng-colors-border-tertiary: var(--ng-color-graydarkmode-800);
1696
- --ng-colors-border-neutral: var(--ng-color-graydarkmode-600);
1695
+ --ng-colors-border-tertiary: var(--ng-color-graydarkmode-800);
1696
+ --ng-colors-border-neutral: var(--ng-color-graydarkmode-500);
1697
1697
  --ng-colors-border-disabled: var(--ng-color-graydarkmode-700);
1698
- --ng-colors-border-disabled-subtle: var(--ng-color-graydarkmode-800);
1698
+ --ng-colors-border-disabled-subtle: var(--ng-color-graydarkmode-700);
1699
1699
  --ng-colors-border-brand: var(--ng-color-bluedark-400);
1700
1700
  --ng-colors-border-brand-alt: var(--ng-color-bluedark-500);
1701
1701
  --ng-colors-border-error: var(--ng-color-error-400);
@@ -1730,7 +1730,7 @@
1730
1730
 
1731
1731
  --ng-componentcolors-utility-gray-100: var(--ng-color-graydarkmode-800);
1732
1732
  --ng-componentcolors-utility-gray-200: var(--ng-color-graydarkmode-800);
1733
- --ng-componentcolors-utility-gray-300: var(--ng-color-graydarkmode-700);
1733
+ --ng-componentcolors-utility-gray-300: var(--ng-color-graydarkmode-600);
1734
1734
  --ng-componentcolors-utility-gray-400: var(--ng-color-graydarkmode-600);
1735
1735
  --ng-componentcolors-utility-gray-500: var(--ng-color-graydarkmode-500);
1736
1736
  --ng-componentcolors-utility-gray-600: var(--ng-color-graydarkmode-400);
@@ -1859,7 +1859,7 @@
1859
1859
  --ng-colors-fg-tertiary-hover: var(--ng-color-graydarkmode-300);
1860
1860
  --ng-colors-fg-quaternary-400: var(--ng-color-graydarkmode-500);
1861
1861
  --ng-colors-fg-quaternary-hover: var(--ng-color-graydarkmode-400);
1862
- --ng-colors-fg-disabled: var(--ng-color-graydarkmode-600);
1862
+ --ng-colors-fg-disabled: var(--ng-color-graydarkmode-500);
1863
1863
  --ng-colors-fg-disabled-subtle: var(--ng-color-graydarkmode-700);
1864
1864
  --ng-colors-fg-brand-primary-600: var(--ng-color-bluedark-400);
1865
1865
  --ng-colors-fg-brand-secondary-500: var(--ng-color-bluedark-400);
@@ -1894,19 +1894,19 @@
1894
1894
  --ng-colors-effects-shadow-3xl-02: #00000033;
1895
1895
  --ng-colors-effects-shadow-skeumorphic-inner: #0000004D;
1896
1896
  --ng-colors-effects-shadow-skeumorphic-inner-border: var(--ng-colors-border-primary);
1897
- --ng-colors-bg-primary-alt: var(--ng-color-graydarkmode-800);
1897
+ --ng-colors-bg-primary-alt: var(--ng-color-graydarkmode-800);
1898
1898
  --ng-colors-bg-primary-hover: var(--ng-color-graydarkmode-900);
1899
1899
  --ng-colors-bg-primary-solid: var(--ng-color-graydarkmode-100);
1900
1900
  --ng-colors-bg-secondary: var(--ng-color-graydarkmode-900);
1901
1901
  --ng-colors-bg-secondary-alt: var(--ng-color-graydarkmode-900);
1902
1902
  --ng-colors-bg-secondary-hover: var(--ng-color-graydarkmode-800);
1903
- --ng-colors-bg-secondary-subtle: var(--ng-color-graydarkmode-800);
1903
+ --ng-colors-bg-secondary-subtle: var(--ng-color-graydarkmode-800);
1904
1904
  --ng-colors-bg-secondary-solid: var(--ng-color-graydarkmode-400);
1905
- --ng-colors-bg-tertiary: var(--ng-color-graydarkmode-950);
1905
+ --ng-colors-bg-tertiary: var(--ng-color-graydarkmode-950);
1906
1906
  --ng-colors-bg-quaternary: var(--ng-color-graydarkmode-700);
1907
1907
  --ng-colors-bg-quaternary-alt: var(--ng-color-graydarkmode-600);
1908
1908
  --ng-colors-bg-active: var(--ng-color-graydarkmode-900);
1909
- --ng-colors-bg-disabled: var(--ng-color-graydarkmode-950);
1909
+ --ng-colors-bg-disabled: var(--ng-color-graydarkmode-700);
1910
1910
  --ng-colors-bg-disabled-subtle: var(--ng-color-graydarkmode-800);
1911
1911
  --ng-colors-bg-overlay: var(--ng-color-base-black);
1912
1912
  --ng-colors-bg-brand-primary: var(--ng-color-bluedark-950);
package/demo/nxtgen-properties.css CHANGED
@@ -1,5 +1,5 @@
1
- /* @nile-version 1.3.2 */
2
- :root { --nile-version: "1.3.2"; }
1
+ /* @nile-version 1.3.3 */
2
+ :root { --nile-version: "1.3.3"; }
3
3
 
4
4
  /**
5
5
  * Do not edit directly
package/demo/nxtgen-utilities.css CHANGED
@@ -1,5 +1,5 @@
1
- /* @nile-version 1.3.2 */
2
- :root { --nile-version: "1.3.2"; }
1
+ /* @nile-version 1.3.3 */
2
+ :root { --nile-version: "1.3.3"; }
3
3
 
4
4
  /**
5
5
  * Do not edit directly
@@ -9407,7 +9407,7 @@
9407
9407
  /* colors-text-white: var(--ng-color-base-white) */
9408
9408
  .ng-text-white { color: var(--ng-colors-text-white); }
9409
9409
 
9410
- /* colors-text-disabled: var(--ng-color-graylightmode-500) */
9410
+ /* colors-text-disabled: var(--ng-color-graylightmode-400) */
9411
9411
  .ng-text-disabled { color: var(--ng-colors-text-disabled); }
9412
9412
 
9413
9413
  /* colors-text-placeholder: var(--ng-color-graylightmode-500) */
@@ -9458,10 +9458,10 @@
9458
9458
  /* colors-border-neutral: var(--ng-color-graylightmode-400) */
9459
9459
  .ng-border-neutral { border-color: var(--ng-colors-border-neutral); }
9460
9460
 
9461
- /* colors-border-disabled: var(--ng-color-graylightmode-300) */
9461
+ /* colors-border-disabled: var(--ng-color-graylightmode-200) */
9462
9462
  .ng-border-disabled { border-color: var(--ng-colors-border-disabled); }
9463
9463
 
9464
- /* colors-border-disabled-subtle: var(--ng-color-graylightmode-200) */
9464
+ /* colors-border-disabled-subtle: var(--ng-color-graylightmode-300) */
9465
9465
  .ng-border-disabled-subtle { border-color: var(--ng-colors-border-disabled-subtle); }
9466
9466
 
9467
9467
  /* colors-border-brand: var(--ng-color-bluedark-500) */
package/demo/nxtgen.css CHANGED
@@ -1,5 +1,5 @@
1
- /* @nile-version 1.3.2 */
2
- :root { --nile-version: "1.3.2"; }
1
+ /* @nile-version 1.3.3 */
2
+ :root { --nile-version: "1.3.3"; }
3
3
 
4
4
  /* _Primitives - Style */
5
5
 
@@ -448,7 +448,7 @@
448
448
  --ng-colors-text-quaternary-500: var(--ng-color-graylightmode-500);
449
449
  --ng-colors-text-quaternary-on-brand: var(--ng-color-bluedark-300);
450
450
  --ng-colors-text-white: var(--ng-color-base-white);
451
- --ng-colors-text-disabled: var(--ng-color-graylightmode-500);
451
+ --ng-colors-text-disabled: var(--ng-color-graylightmode-400);
452
452
  --ng-colors-text-placeholder: var(--ng-color-graylightmode-500);
453
453
  --ng-colors-text-placeholder-subtle: var(--ng-color-graylightmode-300);
454
454
  --ng-colors-text-brand-primary-900: var(--ng-color-bluedark-900);
@@ -465,8 +465,8 @@
465
465
  --ng-colors-border-secondary-alt: #00000014;
466
466
  --ng-colors-border-tertiary: var(--ng-color-graylightmode-100);
467
467
  --ng-colors-border-neutral: var(--ng-color-graylightmode-400);
468
- --ng-colors-border-disabled: var(--ng-color-graylightmode-300);
469
- --ng-colors-border-disabled-subtle: var(--ng-color-graylightmode-200);
468
+ --ng-colors-border-disabled: var(--ng-color-graylightmode-200);
469
+ --ng-colors-border-disabled-subtle: var(--ng-color-graylightmode-300);
470
470
  --ng-colors-border-brand: var(--ng-color-bluedark-500);
471
471
  --ng-colors-border-brand-alt: var(--ng-color-bluedark-600);
472
472
  --ng-colors-border-error: var(--ng-color-error-500);
package/demo/utilities.css CHANGED
@@ -1,5 +1,5 @@
1
- /* @nile-version 1.3.2 */
2
- :root { --nile-version: "1.3.2"; }
1
+ /* @nile-version 1.3.3 */
2
+ :root { --nile-version: "1.3.3"; }
3
3
 
4
4
  /**
5
5
  * Do not edit directly
package/demo/variables.css CHANGED
@@ -1,5 +1,5 @@
1
- /* @nile-version 1.3.2 */
2
- :root { --nile-version: "1.3.2"; }
1
+ /* @nile-version 1.3.3 */
2
+ :root { --nile-version: "1.3.3"; }
3
3
 
4
4
  /**
5
5
  * Do not edit directly