@aquera/nile-elements 2.0.9 → 2.0.11

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 (142) hide show
  1. package/README.md +11 -0
  2. package/demo/app-shell.html +852 -0
  3. package/demo/nxtgen-classes.css +5 -5
  4. package/demo/nxtgen-dark.css +25 -25
  5. package/demo/nxtgen-properties.css +2 -2
  6. package/demo/nxtgen-utilities.css +5 -5
  7. package/demo/nxtgen.css +5 -5
  8. package/demo/utilities.css +2 -2
  9. package/demo/variables.css +2 -2
  10. package/dist/index.cjs.js +1 -1
  11. package/dist/index.esm.js +1 -1
  12. package/dist/index.js +594 -308
  13. package/dist/internal/app-shell-utility-control-styles.cjs.js +2 -0
  14. package/dist/internal/app-shell-utility-control-styles.cjs.js.map +1 -0
  15. package/dist/internal/app-shell-utility-control-styles.esm.js +16 -0
  16. package/dist/nile-app-shell/index.cjs.js +1 -1
  17. package/dist/nile-app-shell/index.esm.js +1 -1
  18. package/dist/nile-app-shell/nile-app-shell.cjs.js +1 -1
  19. package/dist/nile-app-shell/nile-app-shell.cjs.js.map +1 -1
  20. package/dist/nile-app-shell/nile-app-shell.css.cjs.js +1 -1
  21. package/dist/nile-app-shell/nile-app-shell.css.cjs.js.map +1 -1
  22. package/dist/nile-app-shell/nile-app-shell.css.esm.js +270 -92
  23. package/dist/nile-app-shell/nile-app-shell.esm.js +61 -10
  24. package/dist/nile-app-shell/shell-controller.cjs.js.map +1 -1
  25. package/dist/nile-app-shell-main/nile-app-shell-main.cjs.js.map +1 -1
  26. package/dist/nile-app-shell-nav-toggle/index.cjs.js +1 -1
  27. package/dist/nile-app-shell-nav-toggle/index.esm.js +1 -1
  28. package/dist/nile-app-shell-nav-toggle/nile-app-shell-nav-toggle.cjs.js +1 -1
  29. package/dist/nile-app-shell-nav-toggle/nile-app-shell-nav-toggle.cjs.js.map +1 -1
  30. package/dist/nile-app-shell-nav-toggle/nile-app-shell-nav-toggle.css.cjs.js +1 -1
  31. package/dist/nile-app-shell-nav-toggle/nile-app-shell-nav-toggle.css.cjs.js.map +1 -1
  32. package/dist/nile-app-shell-nav-toggle/nile-app-shell-nav-toggle.css.esm.js +7 -3
  33. package/dist/nile-app-shell-nav-toggle/nile-app-shell-nav-toggle.esm.js +3 -3
  34. package/dist/nile-app-shell-panel/index.cjs.js +1 -1
  35. package/dist/nile-app-shell-panel/index.esm.js +1 -1
  36. package/dist/nile-app-shell-panel/nile-app-shell-panel.cjs.js +1 -1
  37. package/dist/nile-app-shell-panel/nile-app-shell-panel.cjs.js.map +1 -1
  38. package/dist/nile-app-shell-panel/nile-app-shell-panel.css.cjs.js +1 -1
  39. package/dist/nile-app-shell-panel/nile-app-shell-panel.css.cjs.js.map +1 -1
  40. package/dist/nile-app-shell-panel/nile-app-shell-panel.css.esm.js +29 -7
  41. package/dist/nile-app-shell-panel/nile-app-shell-panel.esm.js +18 -5
  42. package/dist/nile-app-shell-side-nav/nile-app-shell-side-nav.cjs.js.map +1 -1
  43. package/dist/nile-app-shell-side-nav/nile-app-shell-side-nav.css.cjs.js.map +1 -1
  44. package/dist/nile-badge/nile-badge.css.cjs.js +1 -1
  45. package/dist/nile-badge/nile-badge.css.cjs.js.map +1 -1
  46. package/dist/nile-badge/nile-badge.css.esm.js +2 -2
  47. package/dist/nile-button-toggle/nile-button-toggle.css.cjs.js +1 -1
  48. package/dist/nile-button-toggle/nile-button-toggle.css.cjs.js.map +1 -1
  49. package/dist/nile-button-toggle/nile-button-toggle.css.esm.js +2 -2
  50. package/dist/nile-code-editor/nile-code-editor.cjs.js +1 -1
  51. package/dist/nile-code-editor/nile-code-editor.cjs.js.map +1 -1
  52. package/dist/nile-code-editor/nile-code-editor.esm.js +1 -1
  53. package/dist/nile-menu-item/nile-menu-item.css.cjs.js +1 -1
  54. package/dist/nile-menu-item/nile-menu-item.css.cjs.js.map +1 -1
  55. package/dist/nile-menu-item/nile-menu-item.css.esm.js +1 -1
  56. package/dist/nile-rich-text-editor/nile-rich-text-editor.css.cjs.js +1 -1
  57. package/dist/nile-rich-text-editor/nile-rich-text-editor.css.cjs.js.map +1 -1
  58. package/dist/nile-rich-text-editor/nile-rich-text-editor.css.esm.js +5 -2
  59. package/dist/nile-toast/nile-toast.css.cjs.js +1 -1
  60. package/dist/nile-toast/nile-toast.css.cjs.js.map +1 -1
  61. package/dist/nile-toast/nile-toast.css.esm.js +5 -5
  62. package/dist/src/internal/app-shell-utility-control-styles.d.ts +12 -0
  63. package/dist/src/internal/app-shell-utility-control-styles.js +29 -0
  64. package/dist/src/internal/app-shell-utility-control-styles.js.map +1 -0
  65. package/dist/src/nile-app-shell/nile-app-shell-regions.test.d.ts +3 -0
  66. package/dist/src/nile-app-shell/nile-app-shell-regions.test.js +206 -0
  67. package/dist/src/nile-app-shell/nile-app-shell-regions.test.js.map +1 -1
  68. package/dist/src/nile-app-shell/nile-app-shell.css.d.ts +1 -9
  69. package/dist/src/nile-app-shell/nile-app-shell.css.js +270 -99
  70. package/dist/src/nile-app-shell/nile-app-shell.css.js.map +1 -1
  71. package/dist/src/nile-app-shell/nile-app-shell.d.ts +90 -122
  72. package/dist/src/nile-app-shell/nile-app-shell.js +224 -143
  73. package/dist/src/nile-app-shell/nile-app-shell.js.map +1 -1
  74. package/dist/src/nile-app-shell/nile-app-shell.test.d.ts +3 -0
  75. package/dist/src/nile-app-shell/nile-app-shell.test.js +898 -29
  76. package/dist/src/nile-app-shell/nile-app-shell.test.js.map +1 -1
  77. package/dist/src/nile-app-shell/shell-controller.d.ts +1 -8
  78. package/dist/src/nile-app-shell/shell-controller.js +2 -14
  79. package/dist/src/nile-app-shell/shell-controller.js.map +1 -1
  80. package/dist/src/nile-app-shell-main/nile-app-shell-main.d.ts +2 -6
  81. package/dist/src/nile-app-shell-main/nile-app-shell-main.js +2 -6
  82. package/dist/src/nile-app-shell-main/nile-app-shell-main.js.map +1 -1
  83. package/dist/src/nile-app-shell-nav-toggle/nile-app-shell-nav-toggle.css.d.ts +1 -4
  84. package/dist/src/nile-app-shell-nav-toggle/nile-app-shell-nav-toggle.css.js +7 -5
  85. package/dist/src/nile-app-shell-nav-toggle/nile-app-shell-nav-toggle.css.js.map +1 -1
  86. package/dist/src/nile-app-shell-nav-toggle/nile-app-shell-nav-toggle.d.ts +4 -8
  87. package/dist/src/nile-app-shell-nav-toggle/nile-app-shell-nav-toggle.js +5 -6
  88. package/dist/src/nile-app-shell-nav-toggle/nile-app-shell-nav-toggle.js.map +1 -1
  89. package/dist/src/nile-app-shell-panel/nile-app-shell-panel.css.js +28 -5
  90. package/dist/src/nile-app-shell-panel/nile-app-shell-panel.css.js.map +1 -1
  91. package/dist/src/nile-app-shell-panel/nile-app-shell-panel.d.ts +18 -13
  92. package/dist/src/nile-app-shell-panel/nile-app-shell-panel.js +45 -16
  93. package/dist/src/nile-app-shell-panel/nile-app-shell-panel.js.map +1 -1
  94. package/dist/src/nile-app-shell-side-nav/nile-app-shell-side-nav.css.d.ts +1 -4
  95. package/dist/src/nile-app-shell-side-nav/nile-app-shell-side-nav.css.js +1 -4
  96. package/dist/src/nile-app-shell-side-nav/nile-app-shell-side-nav.css.js.map +1 -1
  97. package/dist/src/nile-app-shell-side-nav/nile-app-shell-side-nav.d.ts +4 -12
  98. package/dist/src/nile-app-shell-side-nav/nile-app-shell-side-nav.js +4 -12
  99. package/dist/src/nile-app-shell-side-nav/nile-app-shell-side-nav.js.map +1 -1
  100. package/dist/src/nile-badge/nile-badge.css.js +2 -2
  101. package/dist/src/nile-badge/nile-badge.css.js.map +1 -1
  102. package/dist/src/nile-button-toggle/nile-button-toggle.css.js +2 -2
  103. package/dist/src/nile-button-toggle/nile-button-toggle.css.js.map +1 -1
  104. package/dist/src/nile-code-editor/nile-code-editor.d.ts +1 -1
  105. package/dist/src/nile-code-editor/nile-code-editor.js +2 -2
  106. package/dist/src/nile-code-editor/nile-code-editor.js.map +1 -1
  107. package/dist/src/nile-menu-item/nile-menu-item.css.js +1 -1
  108. package/dist/src/nile-menu-item/nile-menu-item.css.js.map +1 -1
  109. package/dist/src/nile-rich-text-editor/nile-rich-text-editor.css.js +5 -2
  110. package/dist/src/nile-rich-text-editor/nile-rich-text-editor.css.js.map +1 -1
  111. package/dist/src/nile-toast/nile-toast.css.js +5 -5
  112. package/dist/src/nile-toast/nile-toast.css.js.map +1 -1
  113. package/dist/src/version.js +1 -1
  114. package/dist/src/version.js.map +1 -1
  115. package/dist/tsconfig.tsbuildinfo +1 -1
  116. package/dist/version.cjs.js +1 -1
  117. package/dist/version.cjs.js.map +1 -1
  118. package/dist/version.esm.js +1 -1
  119. package/package.json +1 -1
  120. package/plop-templates/lit/lit.test.ts.hbs +22 -0
  121. package/plop-templates/lit/lit.ts.hbs +10 -5
  122. package/plopfile.js +12 -0
  123. package/src/internal/app-shell-utility-control-styles.ts +30 -0
  124. package/src/nile-app-shell/nile-app-shell-regions.test.ts +248 -0
  125. package/src/nile-app-shell/nile-app-shell.css.ts +270 -99
  126. package/src/nile-app-shell/nile-app-shell.test.ts +1120 -29
  127. package/src/nile-app-shell/nile-app-shell.ts +241 -148
  128. package/src/nile-app-shell/shell-controller.ts +2 -14
  129. package/src/nile-app-shell-main/nile-app-shell-main.ts +2 -6
  130. package/src/nile-app-shell-nav-toggle/nile-app-shell-nav-toggle.css.ts +7 -5
  131. package/src/nile-app-shell-nav-toggle/nile-app-shell-nav-toggle.ts +7 -11
  132. package/src/nile-app-shell-panel/nile-app-shell-panel.css.ts +28 -5
  133. package/src/nile-app-shell-panel/nile-app-shell-panel.ts +44 -16
  134. package/src/nile-app-shell-side-nav/nile-app-shell-side-nav.css.ts +1 -4
  135. package/src/nile-app-shell-side-nav/nile-app-shell-side-nav.ts +4 -12
  136. package/src/nile-badge/nile-badge.css.ts +2 -2
  137. package/src/nile-button-toggle/nile-button-toggle.css.ts +2 -2
  138. package/src/nile-code-editor/nile-code-editor.ts +2 -2
  139. package/src/nile-menu-item/nile-menu-item.css.ts +1 -1
  140. package/src/nile-rich-text-editor/nile-rich-text-editor.css.ts +5 -2
  141. package/src/nile-toast/nile-toast.css.ts +5 -5
  142. package/vscode-html-custom-data.json +114 -37
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.4 */
2
+ :root { --nile-version: "1.3.4"; }
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.4 */
2
+ :root { --nile-version: "1.3.4"; }
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.4 */
2
+ :root { --nile-version: "1.3.4"; }
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.4 */
2
+ :root { --nile-version: "1.3.4"; }
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.4 */
2
+ :root { --nile-version: "1.3.4"; }
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.4 */
2
+ :root { --nile-version: "1.3.4"; }
3
3
 
4
4
  /**
5
5
  * Do not edit directly