@aquera/nile-elements 2.0.3 → 2.0.5

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 (88) hide show
  1. package/README.md +21 -0
  2. package/demo/nxtgen-classes.css +596 -2
  3. package/demo/nxtgen-dark.css +240 -21
  4. package/demo/nxtgen-properties.css +2 -2
  5. package/demo/nxtgen-utilities.css +598 -4
  6. package/demo/nxtgen.css +57 -2
  7. package/dist/index.cjs.js +1 -1
  8. package/dist/index.esm.js +1 -1
  9. package/dist/index.js +458 -317
  10. package/dist/nile-combobox/nile-combobox.cjs.js +1 -1
  11. package/dist/nile-combobox/nile-combobox.cjs.js.map +1 -1
  12. package/dist/nile-combobox/nile-combobox.css.cjs.js +1 -1
  13. package/dist/nile-combobox/nile-combobox.css.cjs.js.map +1 -1
  14. package/dist/nile-combobox/nile-combobox.css.esm.js +28 -15
  15. package/dist/nile-combobox/nile-combobox.esm.js +11 -8
  16. package/dist/nile-combobox/portal-manager.cjs.js +1 -1
  17. package/dist/nile-combobox/portal-manager.cjs.js.map +1 -1
  18. package/dist/nile-combobox/portal-manager.esm.js +1 -1
  19. package/dist/nile-combobox/renderer.cjs.js +1 -1
  20. package/dist/nile-combobox/renderer.cjs.js.map +1 -1
  21. package/dist/nile-combobox/renderer.esm.js +31 -43
  22. package/dist/nile-empty-state/nile-empty-state.cjs.js +1 -1
  23. package/dist/nile-empty-state/nile-empty-state.cjs.js.map +1 -1
  24. package/dist/nile-empty-state/nile-empty-state.css.cjs.js +1 -1
  25. package/dist/nile-empty-state/nile-empty-state.css.cjs.js.map +1 -1
  26. package/dist/nile-empty-state/nile-empty-state.css.esm.js +129 -6
  27. package/dist/nile-empty-state/nile-empty-state.esm.js +45 -31
  28. package/dist/nile-pagination/nile-pagination.cjs.js +1 -1
  29. package/dist/nile-pagination/nile-pagination.cjs.js.map +1 -1
  30. package/dist/nile-pagination/nile-pagination.esm.js +25 -25
  31. package/dist/nile-wysiwyg-editor/engine/create-state.cjs.js +1 -1
  32. package/dist/nile-wysiwyg-editor/engine/create-state.esm.js +1 -1
  33. package/dist/nile-wysiwyg-editor/engine/index.cjs.js +1 -1
  34. package/dist/nile-wysiwyg-editor/engine/index.esm.js +1 -1
  35. package/dist/nile-wysiwyg-editor/engine/plugins/code-highlight.cjs.js +1 -1
  36. package/dist/nile-wysiwyg-editor/engine/plugins/code-highlight.cjs.js.map +1 -1
  37. package/dist/nile-wysiwyg-editor/engine/plugins/code-highlight.esm.js +1 -1
  38. package/dist/nile-wysiwyg-editor/index.cjs.js +1 -1
  39. package/dist/nile-wysiwyg-editor/index.esm.js +1 -1
  40. package/dist/nile-wysiwyg-editor/nile-wysiwyg-editor.cjs.js +1 -1
  41. package/dist/nile-wysiwyg-editor/nile-wysiwyg-editor.esm.js +1 -1
  42. package/dist/nile-wysiwyg-editor/ui/code-block-menu.cjs.js +1 -1
  43. package/dist/nile-wysiwyg-editor/ui/code-block-menu.esm.js +1 -1
  44. package/dist/nile-wysiwyg-editor/ui/source-view.cjs.js +1 -1
  45. package/dist/nile-wysiwyg-editor/ui/source-view.esm.js +1 -1
  46. package/dist/src/nile-combobox/nile-combobox.css.js +28 -15
  47. package/dist/src/nile-combobox/nile-combobox.css.js.map +1 -1
  48. package/dist/src/nile-combobox/nile-combobox.js +49 -10
  49. package/dist/src/nile-combobox/nile-combobox.js.map +1 -1
  50. package/dist/src/nile-combobox/portal-manager.js +2 -22
  51. package/dist/src/nile-combobox/portal-manager.js.map +1 -1
  52. package/dist/src/nile-combobox/renderer.d.ts +2 -3
  53. package/dist/src/nile-combobox/renderer.js +14 -45
  54. package/dist/src/nile-combobox/renderer.js.map +1 -1
  55. package/dist/src/nile-empty-state/nile-empty-state.css.js +127 -4
  56. package/dist/src/nile-empty-state/nile-empty-state.css.js.map +1 -1
  57. package/dist/src/nile-empty-state/nile-empty-state.d.ts +35 -5
  58. package/dist/src/nile-empty-state/nile-empty-state.js +159 -42
  59. package/dist/src/nile-empty-state/nile-empty-state.js.map +1 -1
  60. package/dist/src/nile-empty-state/nile-empty-state.test.d.ts +1 -0
  61. package/dist/src/nile-empty-state/nile-empty-state.test.js +186 -15
  62. package/dist/src/nile-empty-state/nile-empty-state.test.js.map +1 -1
  63. package/dist/src/nile-pagination/nile-pagination.js +5 -5
  64. package/dist/src/nile-pagination/nile-pagination.js.map +1 -1
  65. package/dist/src/version.d.ts +1 -1
  66. package/dist/src/version.js +11 -3
  67. package/dist/src/version.js.map +1 -1
  68. package/dist/tsconfig.tsbuildinfo +1 -1
  69. package/dist/version.cjs.js +1 -1
  70. package/dist/version.cjs.js.map +1 -1
  71. package/dist/version.esm.js +1 -1
  72. package/dist/xml-09119317.cjs.js +2 -0
  73. package/dist/xml-09119317.cjs.js.map +1 -0
  74. package/dist/{xml-25c4108a.esm.js → xml-9bf771b3.esm.js} +1 -1
  75. package/package.json +2 -1
  76. package/scripts/replace-version.cjs +12 -10
  77. package/src/nile-combobox/nile-combobox.css.ts +28 -15
  78. package/src/nile-combobox/nile-combobox.ts +61 -12
  79. package/src/nile-combobox/portal-manager.ts +4 -22
  80. package/src/nile-combobox/renderer.ts +26 -69
  81. package/src/nile-empty-state/nile-empty-state.css.ts +127 -4
  82. package/src/nile-empty-state/nile-empty-state.test.ts +192 -15
  83. package/src/nile-empty-state/nile-empty-state.ts +195 -34
  84. package/src/nile-pagination/nile-pagination.ts +5 -5
  85. package/src/version.ts +11 -2
  86. package/vscode-html-custom-data.json +79 -16
  87. package/dist/xml-90fd974e.cjs.js +0 -2
  88. package/dist/xml-90fd974e.cjs.js.map +0 -1
@@ -851,13 +851,13 @@
851
851
  font-family (syntax: *)
852
852
  ============================================================ */
853
853
 
854
- /* --ng-font-family-body: Inter */
854
+ /* --ng-font-family-body: Inter, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif */
855
855
  @property --ng-font-family-body {
856
856
  syntax: "*";
857
857
  inherits: true;
858
858
  }
859
859
 
860
- /* --ng-font-family-display: Inter */
860
+ /* --ng-font-family-display: Inter, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif */
861
861
  @property --ng-font-family-display {
862
862
  syntax: "*";
863
863
  inherits: true;
@@ -5981,10 +5981,10 @@
5981
5981
  Typography — font-family
5982
5982
  ============================================================ */
5983
5983
 
5984
- /* font-family-display: Inter */
5984
+ /* font-family-display: Inter, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif */
5985
5985
  .ng-font-family-display { font-family: var(--ng-font-family-display); }
5986
5986
 
5987
- /* font-family-body: Inter */
5987
+ /* font-family-body: Inter, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif */
5988
5988
  .ng-font-family-body { font-family: var(--ng-font-family-body); }
5989
5989
 
5990
5990
 
@@ -9716,6 +9716,168 @@
9716
9716
  /* colors-bg-success-solid: var(--ng-color-success-600) */
9717
9717
  .ng-bg-success-solid { background-color: var(--ng-colors-bg-success-solid); }
9718
9718
 
9719
+ /* colors-bg-teal-primary: var(--ng-color-teal-50) */
9720
+ .ng-bg-teal-primary { background-color: var(--ng-colors-bg-teal-primary); }
9721
+
9722
+ /* colors-bg-teal-secondary: var(--ng-color-teal-100) */
9723
+ .ng-bg-teal-secondary { background-color: var(--ng-colors-bg-teal-secondary); }
9724
+
9725
+ /* colors-bg-teal-solid: var(--ng-color-teal-600) */
9726
+ .ng-bg-teal-solid { background-color: var(--ng-colors-bg-teal-solid); }
9727
+
9728
+ /* colors-bg-teal-solid-hover: var(--ng-color-teal-700) */
9729
+ .ng-bg-teal-solid-hover { background-color: var(--ng-colors-bg-teal-solid-hover); }
9730
+
9731
+ /* colors-border-teal: var(--ng-color-teal-500) */
9732
+ .ng-border-teal { border-color: var(--ng-colors-border-teal); }
9733
+
9734
+ /* colors-border-teal-subtle: var(--ng-color-teal-300) */
9735
+ .ng-border-teal-subtle { border-color: var(--ng-colors-border-teal-subtle); }
9736
+
9737
+ /* colors-fg-teal-primary: var(--ng-color-teal-600) */
9738
+ .ng-fg-teal-primary { color: var(--ng-colors-fg-teal-primary); }
9739
+
9740
+ /* colors-fg-teal-secondary: var(--ng-color-teal-500) */
9741
+ .ng-fg-teal-secondary { color: var(--ng-colors-fg-teal-secondary); }
9742
+
9743
+ /* colors-fg-teal-on-solid: var(--ng-color-base-white) */
9744
+ .ng-fg-teal-on-solid { color: var(--ng-colors-fg-teal-on-solid); }
9745
+
9746
+ /* colors-bg-cyan-primary: var(--ng-color-cyan-50) */
9747
+ .ng-bg-cyan-primary { background-color: var(--ng-colors-bg-cyan-primary); }
9748
+
9749
+ /* colors-bg-cyan-secondary: var(--ng-color-cyan-100) */
9750
+ .ng-bg-cyan-secondary { background-color: var(--ng-colors-bg-cyan-secondary); }
9751
+
9752
+ /* colors-bg-cyan-solid: var(--ng-color-cyan-600) */
9753
+ .ng-bg-cyan-solid { background-color: var(--ng-colors-bg-cyan-solid); }
9754
+
9755
+ /* colors-bg-cyan-solid-hover: var(--ng-color-cyan-700) */
9756
+ .ng-bg-cyan-solid-hover { background-color: var(--ng-colors-bg-cyan-solid-hover); }
9757
+
9758
+ /* colors-border-cyan: var(--ng-color-cyan-500) */
9759
+ .ng-border-cyan { border-color: var(--ng-colors-border-cyan); }
9760
+
9761
+ /* colors-border-cyan-subtle: var(--ng-color-cyan-300) */
9762
+ .ng-border-cyan-subtle { border-color: var(--ng-colors-border-cyan-subtle); }
9763
+
9764
+ /* colors-fg-cyan-primary: var(--ng-color-cyan-600) */
9765
+ .ng-fg-cyan-primary { color: var(--ng-colors-fg-cyan-primary); }
9766
+
9767
+ /* colors-fg-cyan-secondary: var(--ng-color-cyan-500) */
9768
+ .ng-fg-cyan-secondary { color: var(--ng-colors-fg-cyan-secondary); }
9769
+
9770
+ /* colors-fg-cyan-on-solid: var(--ng-color-base-white) */
9771
+ .ng-fg-cyan-on-solid { color: var(--ng-colors-fg-cyan-on-solid); }
9772
+
9773
+ /* colors-bg-rose-primary: var(--ng-color-rose-50) */
9774
+ .ng-bg-rose-primary { background-color: var(--ng-colors-bg-rose-primary); }
9775
+
9776
+ /* colors-bg-rose-secondary: var(--ng-color-rose-100) */
9777
+ .ng-bg-rose-secondary { background-color: var(--ng-colors-bg-rose-secondary); }
9778
+
9779
+ /* colors-bg-rose-solid: var(--ng-color-rose-600) */
9780
+ .ng-bg-rose-solid { background-color: var(--ng-colors-bg-rose-solid); }
9781
+
9782
+ /* colors-bg-rose-solid-hover: var(--ng-color-rose-700) */
9783
+ .ng-bg-rose-solid-hover { background-color: var(--ng-colors-bg-rose-solid-hover); }
9784
+
9785
+ /* colors-border-rose: var(--ng-color-rose-500) */
9786
+ .ng-border-rose { border-color: var(--ng-colors-border-rose); }
9787
+
9788
+ /* colors-border-rose-subtle: var(--ng-color-rose-300) */
9789
+ .ng-border-rose-subtle { border-color: var(--ng-colors-border-rose-subtle); }
9790
+
9791
+ /* colors-fg-rose-primary: var(--ng-color-rose-600) */
9792
+ .ng-fg-rose-primary { color: var(--ng-colors-fg-rose-primary); }
9793
+
9794
+ /* colors-fg-rose-secondary: var(--ng-color-rose-500) */
9795
+ .ng-fg-rose-secondary { color: var(--ng-colors-fg-rose-secondary); }
9796
+
9797
+ /* colors-fg-rose-on-solid: var(--ng-color-base-white) */
9798
+ .ng-fg-rose-on-solid { color: var(--ng-colors-fg-rose-on-solid); }
9799
+
9800
+ /* colors-bg-violet-primary: var(--ng-color-violet-50) */
9801
+ .ng-bg-violet-primary { background-color: var(--ng-colors-bg-violet-primary); }
9802
+
9803
+ /* colors-bg-violet-secondary: var(--ng-color-violet-100) */
9804
+ .ng-bg-violet-secondary { background-color: var(--ng-colors-bg-violet-secondary); }
9805
+
9806
+ /* colors-bg-violet-solid: var(--ng-color-violet-600) */
9807
+ .ng-bg-violet-solid { background-color: var(--ng-colors-bg-violet-solid); }
9808
+
9809
+ /* colors-bg-violet-solid-hover: var(--ng-color-violet-700) */
9810
+ .ng-bg-violet-solid-hover { background-color: var(--ng-colors-bg-violet-solid-hover); }
9811
+
9812
+ /* colors-border-violet: var(--ng-color-violet-500) */
9813
+ .ng-border-violet { border-color: var(--ng-colors-border-violet); }
9814
+
9815
+ /* colors-border-violet-subtle: var(--ng-color-violet-300) */
9816
+ .ng-border-violet-subtle { border-color: var(--ng-colors-border-violet-subtle); }
9817
+
9818
+ /* colors-fg-violet-primary: var(--ng-color-violet-600) */
9819
+ .ng-fg-violet-primary { color: var(--ng-colors-fg-violet-primary); }
9820
+
9821
+ /* colors-fg-violet-secondary: var(--ng-color-violet-500) */
9822
+ .ng-fg-violet-secondary { color: var(--ng-colors-fg-violet-secondary); }
9823
+
9824
+ /* colors-fg-violet-on-solid: var(--ng-color-base-white) */
9825
+ .ng-fg-violet-on-solid { color: var(--ng-colors-fg-violet-on-solid); }
9826
+
9827
+ /* colors-bg-moss-primary: var(--ng-color-moss-50) */
9828
+ .ng-bg-moss-primary { background-color: var(--ng-colors-bg-moss-primary); }
9829
+
9830
+ /* colors-bg-moss-secondary: var(--ng-color-moss-100) */
9831
+ .ng-bg-moss-secondary { background-color: var(--ng-colors-bg-moss-secondary); }
9832
+
9833
+ /* colors-bg-moss-solid: var(--ng-color-moss-600) */
9834
+ .ng-bg-moss-solid { background-color: var(--ng-colors-bg-moss-solid); }
9835
+
9836
+ /* colors-bg-moss-solid-hover: var(--ng-color-moss-700) */
9837
+ .ng-bg-moss-solid-hover { background-color: var(--ng-colors-bg-moss-solid-hover); }
9838
+
9839
+ /* colors-border-moss: var(--ng-color-moss-500) */
9840
+ .ng-border-moss { border-color: var(--ng-colors-border-moss); }
9841
+
9842
+ /* colors-border-moss-subtle: var(--ng-color-moss-300) */
9843
+ .ng-border-moss-subtle { border-color: var(--ng-colors-border-moss-subtle); }
9844
+
9845
+ /* colors-fg-moss-primary: var(--ng-color-moss-600) */
9846
+ .ng-fg-moss-primary { color: var(--ng-colors-fg-moss-primary); }
9847
+
9848
+ /* colors-fg-moss-secondary: var(--ng-color-moss-500) */
9849
+ .ng-fg-moss-secondary { color: var(--ng-colors-fg-moss-secondary); }
9850
+
9851
+ /* colors-fg-moss-on-solid: var(--ng-color-base-white) */
9852
+ .ng-fg-moss-on-solid { color: var(--ng-colors-fg-moss-on-solid); }
9853
+
9854
+ /* colors-bg-greenlight-primary: var(--ng-color-greenlight-50) */
9855
+ .ng-bg-greenlight-primary { background-color: var(--ng-colors-bg-greenlight-primary); }
9856
+
9857
+ /* colors-bg-greenlight-secondary: var(--ng-color-greenlight-100) */
9858
+ .ng-bg-greenlight-secondary { background-color: var(--ng-colors-bg-greenlight-secondary); }
9859
+
9860
+ /* colors-bg-greenlight-solid: var(--ng-color-greenlight-600) */
9861
+ .ng-bg-greenlight-solid { background-color: var(--ng-colors-bg-greenlight-solid); }
9862
+
9863
+ /* colors-bg-greenlight-solid-hover: var(--ng-color-greenlight-700) */
9864
+ .ng-bg-greenlight-solid-hover { background-color: var(--ng-colors-bg-greenlight-solid-hover); }
9865
+
9866
+ /* colors-border-greenlight: var(--ng-color-greenlight-500) */
9867
+ .ng-border-greenlight { border-color: var(--ng-colors-border-greenlight); }
9868
+
9869
+ /* colors-border-greenlight-subtle: var(--ng-color-greenlight-300) */
9870
+ .ng-border-greenlight-subtle { border-color: var(--ng-colors-border-greenlight-subtle); }
9871
+
9872
+ /* colors-fg-greenlight-primary: var(--ng-color-greenlight-600) */
9873
+ .ng-fg-greenlight-primary { color: var(--ng-colors-fg-greenlight-primary); }
9874
+
9875
+ /* colors-fg-greenlight-secondary: var(--ng-color-greenlight-500) */
9876
+ .ng-fg-greenlight-secondary { color: var(--ng-colors-fg-greenlight-secondary); }
9877
+
9878
+ /* colors-fg-greenlight-on-solid: var(--ng-color-base-white) */
9879
+ .ng-fg-greenlight-on-solid { color: var(--ng-colors-fg-greenlight-on-solid); }
9880
+
9719
9881
 
9720
9882
  /* ============================================================
9721
9883
  Colors — component colors
@@ -12269,6 +12431,60 @@
12269
12431
  .ng-hover\:bg-success-primary:hover { background-color: var(--ng-colors-bg-success-primary); }
12270
12432
  .ng-hover\:bg-success-secondary:hover { background-color: var(--ng-colors-bg-success-secondary); }
12271
12433
  .ng-hover\:bg-success-solid:hover { background-color: var(--ng-colors-bg-success-solid); }
12434
+ .ng-hover\:bg-teal-primary:hover { background-color: var(--ng-colors-bg-teal-primary); }
12435
+ .ng-hover\:bg-teal-secondary:hover { background-color: var(--ng-colors-bg-teal-secondary); }
12436
+ .ng-hover\:bg-teal-solid:hover { background-color: var(--ng-colors-bg-teal-solid); }
12437
+ .ng-hover\:bg-teal-solid-hover:hover { background-color: var(--ng-colors-bg-teal-solid-hover); }
12438
+ .ng-hover\:border-teal:hover { border-color: var(--ng-colors-border-teal); }
12439
+ .ng-hover\:border-teal-subtle:hover { border-color: var(--ng-colors-border-teal-subtle); }
12440
+ .ng-hover\:fg-teal-primary:hover { color: var(--ng-colors-fg-teal-primary); }
12441
+ .ng-hover\:fg-teal-secondary:hover { color: var(--ng-colors-fg-teal-secondary); }
12442
+ .ng-hover\:fg-teal-on-solid:hover { color: var(--ng-colors-fg-teal-on-solid); }
12443
+ .ng-hover\:bg-cyan-primary:hover { background-color: var(--ng-colors-bg-cyan-primary); }
12444
+ .ng-hover\:bg-cyan-secondary:hover { background-color: var(--ng-colors-bg-cyan-secondary); }
12445
+ .ng-hover\:bg-cyan-solid:hover { background-color: var(--ng-colors-bg-cyan-solid); }
12446
+ .ng-hover\:bg-cyan-solid-hover:hover { background-color: var(--ng-colors-bg-cyan-solid-hover); }
12447
+ .ng-hover\:border-cyan:hover { border-color: var(--ng-colors-border-cyan); }
12448
+ .ng-hover\:border-cyan-subtle:hover { border-color: var(--ng-colors-border-cyan-subtle); }
12449
+ .ng-hover\:fg-cyan-primary:hover { color: var(--ng-colors-fg-cyan-primary); }
12450
+ .ng-hover\:fg-cyan-secondary:hover { color: var(--ng-colors-fg-cyan-secondary); }
12451
+ .ng-hover\:fg-cyan-on-solid:hover { color: var(--ng-colors-fg-cyan-on-solid); }
12452
+ .ng-hover\:bg-rose-primary:hover { background-color: var(--ng-colors-bg-rose-primary); }
12453
+ .ng-hover\:bg-rose-secondary:hover { background-color: var(--ng-colors-bg-rose-secondary); }
12454
+ .ng-hover\:bg-rose-solid:hover { background-color: var(--ng-colors-bg-rose-solid); }
12455
+ .ng-hover\:bg-rose-solid-hover:hover { background-color: var(--ng-colors-bg-rose-solid-hover); }
12456
+ .ng-hover\:border-rose:hover { border-color: var(--ng-colors-border-rose); }
12457
+ .ng-hover\:border-rose-subtle:hover { border-color: var(--ng-colors-border-rose-subtle); }
12458
+ .ng-hover\:fg-rose-primary:hover { color: var(--ng-colors-fg-rose-primary); }
12459
+ .ng-hover\:fg-rose-secondary:hover { color: var(--ng-colors-fg-rose-secondary); }
12460
+ .ng-hover\:fg-rose-on-solid:hover { color: var(--ng-colors-fg-rose-on-solid); }
12461
+ .ng-hover\:bg-violet-primary:hover { background-color: var(--ng-colors-bg-violet-primary); }
12462
+ .ng-hover\:bg-violet-secondary:hover { background-color: var(--ng-colors-bg-violet-secondary); }
12463
+ .ng-hover\:bg-violet-solid:hover { background-color: var(--ng-colors-bg-violet-solid); }
12464
+ .ng-hover\:bg-violet-solid-hover:hover { background-color: var(--ng-colors-bg-violet-solid-hover); }
12465
+ .ng-hover\:border-violet:hover { border-color: var(--ng-colors-border-violet); }
12466
+ .ng-hover\:border-violet-subtle:hover { border-color: var(--ng-colors-border-violet-subtle); }
12467
+ .ng-hover\:fg-violet-primary:hover { color: var(--ng-colors-fg-violet-primary); }
12468
+ .ng-hover\:fg-violet-secondary:hover { color: var(--ng-colors-fg-violet-secondary); }
12469
+ .ng-hover\:fg-violet-on-solid:hover { color: var(--ng-colors-fg-violet-on-solid); }
12470
+ .ng-hover\:bg-moss-primary:hover { background-color: var(--ng-colors-bg-moss-primary); }
12471
+ .ng-hover\:bg-moss-secondary:hover { background-color: var(--ng-colors-bg-moss-secondary); }
12472
+ .ng-hover\:bg-moss-solid:hover { background-color: var(--ng-colors-bg-moss-solid); }
12473
+ .ng-hover\:bg-moss-solid-hover:hover { background-color: var(--ng-colors-bg-moss-solid-hover); }
12474
+ .ng-hover\:border-moss:hover { border-color: var(--ng-colors-border-moss); }
12475
+ .ng-hover\:border-moss-subtle:hover { border-color: var(--ng-colors-border-moss-subtle); }
12476
+ .ng-hover\:fg-moss-primary:hover { color: var(--ng-colors-fg-moss-primary); }
12477
+ .ng-hover\:fg-moss-secondary:hover { color: var(--ng-colors-fg-moss-secondary); }
12478
+ .ng-hover\:fg-moss-on-solid:hover { color: var(--ng-colors-fg-moss-on-solid); }
12479
+ .ng-hover\:bg-greenlight-primary:hover { background-color: var(--ng-colors-bg-greenlight-primary); }
12480
+ .ng-hover\:bg-greenlight-secondary:hover { background-color: var(--ng-colors-bg-greenlight-secondary); }
12481
+ .ng-hover\:bg-greenlight-solid:hover { background-color: var(--ng-colors-bg-greenlight-solid); }
12482
+ .ng-hover\:bg-greenlight-solid-hover:hover { background-color: var(--ng-colors-bg-greenlight-solid-hover); }
12483
+ .ng-hover\:border-greenlight:hover { border-color: var(--ng-colors-border-greenlight); }
12484
+ .ng-hover\:border-greenlight-subtle:hover { border-color: var(--ng-colors-border-greenlight-subtle); }
12485
+ .ng-hover\:fg-greenlight-primary:hover { color: var(--ng-colors-fg-greenlight-primary); }
12486
+ .ng-hover\:fg-greenlight-secondary:hover { color: var(--ng-colors-fg-greenlight-secondary); }
12487
+ .ng-hover\:fg-greenlight-on-solid:hover { color: var(--ng-colors-fg-greenlight-on-solid); }
12272
12488
  .ng-hover\:ring:hover { box-shadow: var(--ng-focus-ring); }
12273
12489
  .ng-hover\:ring-error:hover { box-shadow: var(--ng-focus-ring-error); }
12274
12490
  .ng-hover\:ring-shadow-xs:hover { box-shadow: var(--ng-focus-ring-shadow-xs); }
@@ -13598,6 +13814,60 @@
13598
13814
  .ng-focus\:bg-success-primary:focus { background-color: var(--ng-colors-bg-success-primary); }
13599
13815
  .ng-focus\:bg-success-secondary:focus { background-color: var(--ng-colors-bg-success-secondary); }
13600
13816
  .ng-focus\:bg-success-solid:focus { background-color: var(--ng-colors-bg-success-solid); }
13817
+ .ng-focus\:bg-teal-primary:focus { background-color: var(--ng-colors-bg-teal-primary); }
13818
+ .ng-focus\:bg-teal-secondary:focus { background-color: var(--ng-colors-bg-teal-secondary); }
13819
+ .ng-focus\:bg-teal-solid:focus { background-color: var(--ng-colors-bg-teal-solid); }
13820
+ .ng-focus\:bg-teal-solid-hover:focus { background-color: var(--ng-colors-bg-teal-solid-hover); }
13821
+ .ng-focus\:border-teal:focus { border-color: var(--ng-colors-border-teal); }
13822
+ .ng-focus\:border-teal-subtle:focus { border-color: var(--ng-colors-border-teal-subtle); }
13823
+ .ng-focus\:fg-teal-primary:focus { color: var(--ng-colors-fg-teal-primary); }
13824
+ .ng-focus\:fg-teal-secondary:focus { color: var(--ng-colors-fg-teal-secondary); }
13825
+ .ng-focus\:fg-teal-on-solid:focus { color: var(--ng-colors-fg-teal-on-solid); }
13826
+ .ng-focus\:bg-cyan-primary:focus { background-color: var(--ng-colors-bg-cyan-primary); }
13827
+ .ng-focus\:bg-cyan-secondary:focus { background-color: var(--ng-colors-bg-cyan-secondary); }
13828
+ .ng-focus\:bg-cyan-solid:focus { background-color: var(--ng-colors-bg-cyan-solid); }
13829
+ .ng-focus\:bg-cyan-solid-hover:focus { background-color: var(--ng-colors-bg-cyan-solid-hover); }
13830
+ .ng-focus\:border-cyan:focus { border-color: var(--ng-colors-border-cyan); }
13831
+ .ng-focus\:border-cyan-subtle:focus { border-color: var(--ng-colors-border-cyan-subtle); }
13832
+ .ng-focus\:fg-cyan-primary:focus { color: var(--ng-colors-fg-cyan-primary); }
13833
+ .ng-focus\:fg-cyan-secondary:focus { color: var(--ng-colors-fg-cyan-secondary); }
13834
+ .ng-focus\:fg-cyan-on-solid:focus { color: var(--ng-colors-fg-cyan-on-solid); }
13835
+ .ng-focus\:bg-rose-primary:focus { background-color: var(--ng-colors-bg-rose-primary); }
13836
+ .ng-focus\:bg-rose-secondary:focus { background-color: var(--ng-colors-bg-rose-secondary); }
13837
+ .ng-focus\:bg-rose-solid:focus { background-color: var(--ng-colors-bg-rose-solid); }
13838
+ .ng-focus\:bg-rose-solid-hover:focus { background-color: var(--ng-colors-bg-rose-solid-hover); }
13839
+ .ng-focus\:border-rose:focus { border-color: var(--ng-colors-border-rose); }
13840
+ .ng-focus\:border-rose-subtle:focus { border-color: var(--ng-colors-border-rose-subtle); }
13841
+ .ng-focus\:fg-rose-primary:focus { color: var(--ng-colors-fg-rose-primary); }
13842
+ .ng-focus\:fg-rose-secondary:focus { color: var(--ng-colors-fg-rose-secondary); }
13843
+ .ng-focus\:fg-rose-on-solid:focus { color: var(--ng-colors-fg-rose-on-solid); }
13844
+ .ng-focus\:bg-violet-primary:focus { background-color: var(--ng-colors-bg-violet-primary); }
13845
+ .ng-focus\:bg-violet-secondary:focus { background-color: var(--ng-colors-bg-violet-secondary); }
13846
+ .ng-focus\:bg-violet-solid:focus { background-color: var(--ng-colors-bg-violet-solid); }
13847
+ .ng-focus\:bg-violet-solid-hover:focus { background-color: var(--ng-colors-bg-violet-solid-hover); }
13848
+ .ng-focus\:border-violet:focus { border-color: var(--ng-colors-border-violet); }
13849
+ .ng-focus\:border-violet-subtle:focus { border-color: var(--ng-colors-border-violet-subtle); }
13850
+ .ng-focus\:fg-violet-primary:focus { color: var(--ng-colors-fg-violet-primary); }
13851
+ .ng-focus\:fg-violet-secondary:focus { color: var(--ng-colors-fg-violet-secondary); }
13852
+ .ng-focus\:fg-violet-on-solid:focus { color: var(--ng-colors-fg-violet-on-solid); }
13853
+ .ng-focus\:bg-moss-primary:focus { background-color: var(--ng-colors-bg-moss-primary); }
13854
+ .ng-focus\:bg-moss-secondary:focus { background-color: var(--ng-colors-bg-moss-secondary); }
13855
+ .ng-focus\:bg-moss-solid:focus { background-color: var(--ng-colors-bg-moss-solid); }
13856
+ .ng-focus\:bg-moss-solid-hover:focus { background-color: var(--ng-colors-bg-moss-solid-hover); }
13857
+ .ng-focus\:border-moss:focus { border-color: var(--ng-colors-border-moss); }
13858
+ .ng-focus\:border-moss-subtle:focus { border-color: var(--ng-colors-border-moss-subtle); }
13859
+ .ng-focus\:fg-moss-primary:focus { color: var(--ng-colors-fg-moss-primary); }
13860
+ .ng-focus\:fg-moss-secondary:focus { color: var(--ng-colors-fg-moss-secondary); }
13861
+ .ng-focus\:fg-moss-on-solid:focus { color: var(--ng-colors-fg-moss-on-solid); }
13862
+ .ng-focus\:bg-greenlight-primary:focus { background-color: var(--ng-colors-bg-greenlight-primary); }
13863
+ .ng-focus\:bg-greenlight-secondary:focus { background-color: var(--ng-colors-bg-greenlight-secondary); }
13864
+ .ng-focus\:bg-greenlight-solid:focus { background-color: var(--ng-colors-bg-greenlight-solid); }
13865
+ .ng-focus\:bg-greenlight-solid-hover:focus { background-color: var(--ng-colors-bg-greenlight-solid-hover); }
13866
+ .ng-focus\:border-greenlight:focus { border-color: var(--ng-colors-border-greenlight); }
13867
+ .ng-focus\:border-greenlight-subtle:focus { border-color: var(--ng-colors-border-greenlight-subtle); }
13868
+ .ng-focus\:fg-greenlight-primary:focus { color: var(--ng-colors-fg-greenlight-primary); }
13869
+ .ng-focus\:fg-greenlight-secondary:focus { color: var(--ng-colors-fg-greenlight-secondary); }
13870
+ .ng-focus\:fg-greenlight-on-solid:focus { color: var(--ng-colors-fg-greenlight-on-solid); }
13601
13871
  .ng-focus\:ring:focus { box-shadow: var(--ng-focus-ring); }
13602
13872
  .ng-focus\:ring-error:focus { box-shadow: var(--ng-focus-ring-error); }
13603
13873
  .ng-focus\:ring-shadow-xs:focus { box-shadow: var(--ng-focus-ring-shadow-xs); }
@@ -14927,6 +15197,60 @@
14927
15197
  .ng-focus-visible\:bg-success-primary:focus-visible { background-color: var(--ng-colors-bg-success-primary); }
14928
15198
  .ng-focus-visible\:bg-success-secondary:focus-visible { background-color: var(--ng-colors-bg-success-secondary); }
14929
15199
  .ng-focus-visible\:bg-success-solid:focus-visible { background-color: var(--ng-colors-bg-success-solid); }
15200
+ .ng-focus-visible\:bg-teal-primary:focus-visible { background-color: var(--ng-colors-bg-teal-primary); }
15201
+ .ng-focus-visible\:bg-teal-secondary:focus-visible { background-color: var(--ng-colors-bg-teal-secondary); }
15202
+ .ng-focus-visible\:bg-teal-solid:focus-visible { background-color: var(--ng-colors-bg-teal-solid); }
15203
+ .ng-focus-visible\:bg-teal-solid-hover:focus-visible { background-color: var(--ng-colors-bg-teal-solid-hover); }
15204
+ .ng-focus-visible\:border-teal:focus-visible { border-color: var(--ng-colors-border-teal); }
15205
+ .ng-focus-visible\:border-teal-subtle:focus-visible { border-color: var(--ng-colors-border-teal-subtle); }
15206
+ .ng-focus-visible\:fg-teal-primary:focus-visible { color: var(--ng-colors-fg-teal-primary); }
15207
+ .ng-focus-visible\:fg-teal-secondary:focus-visible { color: var(--ng-colors-fg-teal-secondary); }
15208
+ .ng-focus-visible\:fg-teal-on-solid:focus-visible { color: var(--ng-colors-fg-teal-on-solid); }
15209
+ .ng-focus-visible\:bg-cyan-primary:focus-visible { background-color: var(--ng-colors-bg-cyan-primary); }
15210
+ .ng-focus-visible\:bg-cyan-secondary:focus-visible { background-color: var(--ng-colors-bg-cyan-secondary); }
15211
+ .ng-focus-visible\:bg-cyan-solid:focus-visible { background-color: var(--ng-colors-bg-cyan-solid); }
15212
+ .ng-focus-visible\:bg-cyan-solid-hover:focus-visible { background-color: var(--ng-colors-bg-cyan-solid-hover); }
15213
+ .ng-focus-visible\:border-cyan:focus-visible { border-color: var(--ng-colors-border-cyan); }
15214
+ .ng-focus-visible\:border-cyan-subtle:focus-visible { border-color: var(--ng-colors-border-cyan-subtle); }
15215
+ .ng-focus-visible\:fg-cyan-primary:focus-visible { color: var(--ng-colors-fg-cyan-primary); }
15216
+ .ng-focus-visible\:fg-cyan-secondary:focus-visible { color: var(--ng-colors-fg-cyan-secondary); }
15217
+ .ng-focus-visible\:fg-cyan-on-solid:focus-visible { color: var(--ng-colors-fg-cyan-on-solid); }
15218
+ .ng-focus-visible\:bg-rose-primary:focus-visible { background-color: var(--ng-colors-bg-rose-primary); }
15219
+ .ng-focus-visible\:bg-rose-secondary:focus-visible { background-color: var(--ng-colors-bg-rose-secondary); }
15220
+ .ng-focus-visible\:bg-rose-solid:focus-visible { background-color: var(--ng-colors-bg-rose-solid); }
15221
+ .ng-focus-visible\:bg-rose-solid-hover:focus-visible { background-color: var(--ng-colors-bg-rose-solid-hover); }
15222
+ .ng-focus-visible\:border-rose:focus-visible { border-color: var(--ng-colors-border-rose); }
15223
+ .ng-focus-visible\:border-rose-subtle:focus-visible { border-color: var(--ng-colors-border-rose-subtle); }
15224
+ .ng-focus-visible\:fg-rose-primary:focus-visible { color: var(--ng-colors-fg-rose-primary); }
15225
+ .ng-focus-visible\:fg-rose-secondary:focus-visible { color: var(--ng-colors-fg-rose-secondary); }
15226
+ .ng-focus-visible\:fg-rose-on-solid:focus-visible { color: var(--ng-colors-fg-rose-on-solid); }
15227
+ .ng-focus-visible\:bg-violet-primary:focus-visible { background-color: var(--ng-colors-bg-violet-primary); }
15228
+ .ng-focus-visible\:bg-violet-secondary:focus-visible { background-color: var(--ng-colors-bg-violet-secondary); }
15229
+ .ng-focus-visible\:bg-violet-solid:focus-visible { background-color: var(--ng-colors-bg-violet-solid); }
15230
+ .ng-focus-visible\:bg-violet-solid-hover:focus-visible { background-color: var(--ng-colors-bg-violet-solid-hover); }
15231
+ .ng-focus-visible\:border-violet:focus-visible { border-color: var(--ng-colors-border-violet); }
15232
+ .ng-focus-visible\:border-violet-subtle:focus-visible { border-color: var(--ng-colors-border-violet-subtle); }
15233
+ .ng-focus-visible\:fg-violet-primary:focus-visible { color: var(--ng-colors-fg-violet-primary); }
15234
+ .ng-focus-visible\:fg-violet-secondary:focus-visible { color: var(--ng-colors-fg-violet-secondary); }
15235
+ .ng-focus-visible\:fg-violet-on-solid:focus-visible { color: var(--ng-colors-fg-violet-on-solid); }
15236
+ .ng-focus-visible\:bg-moss-primary:focus-visible { background-color: var(--ng-colors-bg-moss-primary); }
15237
+ .ng-focus-visible\:bg-moss-secondary:focus-visible { background-color: var(--ng-colors-bg-moss-secondary); }
15238
+ .ng-focus-visible\:bg-moss-solid:focus-visible { background-color: var(--ng-colors-bg-moss-solid); }
15239
+ .ng-focus-visible\:bg-moss-solid-hover:focus-visible { background-color: var(--ng-colors-bg-moss-solid-hover); }
15240
+ .ng-focus-visible\:border-moss:focus-visible { border-color: var(--ng-colors-border-moss); }
15241
+ .ng-focus-visible\:border-moss-subtle:focus-visible { border-color: var(--ng-colors-border-moss-subtle); }
15242
+ .ng-focus-visible\:fg-moss-primary:focus-visible { color: var(--ng-colors-fg-moss-primary); }
15243
+ .ng-focus-visible\:fg-moss-secondary:focus-visible { color: var(--ng-colors-fg-moss-secondary); }
15244
+ .ng-focus-visible\:fg-moss-on-solid:focus-visible { color: var(--ng-colors-fg-moss-on-solid); }
15245
+ .ng-focus-visible\:bg-greenlight-primary:focus-visible { background-color: var(--ng-colors-bg-greenlight-primary); }
15246
+ .ng-focus-visible\:bg-greenlight-secondary:focus-visible { background-color: var(--ng-colors-bg-greenlight-secondary); }
15247
+ .ng-focus-visible\:bg-greenlight-solid:focus-visible { background-color: var(--ng-colors-bg-greenlight-solid); }
15248
+ .ng-focus-visible\:bg-greenlight-solid-hover:focus-visible { background-color: var(--ng-colors-bg-greenlight-solid-hover); }
15249
+ .ng-focus-visible\:border-greenlight:focus-visible { border-color: var(--ng-colors-border-greenlight); }
15250
+ .ng-focus-visible\:border-greenlight-subtle:focus-visible { border-color: var(--ng-colors-border-greenlight-subtle); }
15251
+ .ng-focus-visible\:fg-greenlight-primary:focus-visible { color: var(--ng-colors-fg-greenlight-primary); }
15252
+ .ng-focus-visible\:fg-greenlight-secondary:focus-visible { color: var(--ng-colors-fg-greenlight-secondary); }
15253
+ .ng-focus-visible\:fg-greenlight-on-solid:focus-visible { color: var(--ng-colors-fg-greenlight-on-solid); }
14930
15254
  .ng-focus-visible\:ring:focus-visible { box-shadow: var(--ng-focus-ring); }
14931
15255
  .ng-focus-visible\:ring-error:focus-visible { box-shadow: var(--ng-focus-ring-error); }
14932
15256
  .ng-focus-visible\:ring-shadow-xs:focus-visible { box-shadow: var(--ng-focus-ring-shadow-xs); }
@@ -16256,6 +16580,60 @@
16256
16580
  .ng-focus-within\:bg-success-primary:focus-within { background-color: var(--ng-colors-bg-success-primary); }
16257
16581
  .ng-focus-within\:bg-success-secondary:focus-within { background-color: var(--ng-colors-bg-success-secondary); }
16258
16582
  .ng-focus-within\:bg-success-solid:focus-within { background-color: var(--ng-colors-bg-success-solid); }
16583
+ .ng-focus-within\:bg-teal-primary:focus-within { background-color: var(--ng-colors-bg-teal-primary); }
16584
+ .ng-focus-within\:bg-teal-secondary:focus-within { background-color: var(--ng-colors-bg-teal-secondary); }
16585
+ .ng-focus-within\:bg-teal-solid:focus-within { background-color: var(--ng-colors-bg-teal-solid); }
16586
+ .ng-focus-within\:bg-teal-solid-hover:focus-within { background-color: var(--ng-colors-bg-teal-solid-hover); }
16587
+ .ng-focus-within\:border-teal:focus-within { border-color: var(--ng-colors-border-teal); }
16588
+ .ng-focus-within\:border-teal-subtle:focus-within { border-color: var(--ng-colors-border-teal-subtle); }
16589
+ .ng-focus-within\:fg-teal-primary:focus-within { color: var(--ng-colors-fg-teal-primary); }
16590
+ .ng-focus-within\:fg-teal-secondary:focus-within { color: var(--ng-colors-fg-teal-secondary); }
16591
+ .ng-focus-within\:fg-teal-on-solid:focus-within { color: var(--ng-colors-fg-teal-on-solid); }
16592
+ .ng-focus-within\:bg-cyan-primary:focus-within { background-color: var(--ng-colors-bg-cyan-primary); }
16593
+ .ng-focus-within\:bg-cyan-secondary:focus-within { background-color: var(--ng-colors-bg-cyan-secondary); }
16594
+ .ng-focus-within\:bg-cyan-solid:focus-within { background-color: var(--ng-colors-bg-cyan-solid); }
16595
+ .ng-focus-within\:bg-cyan-solid-hover:focus-within { background-color: var(--ng-colors-bg-cyan-solid-hover); }
16596
+ .ng-focus-within\:border-cyan:focus-within { border-color: var(--ng-colors-border-cyan); }
16597
+ .ng-focus-within\:border-cyan-subtle:focus-within { border-color: var(--ng-colors-border-cyan-subtle); }
16598
+ .ng-focus-within\:fg-cyan-primary:focus-within { color: var(--ng-colors-fg-cyan-primary); }
16599
+ .ng-focus-within\:fg-cyan-secondary:focus-within { color: var(--ng-colors-fg-cyan-secondary); }
16600
+ .ng-focus-within\:fg-cyan-on-solid:focus-within { color: var(--ng-colors-fg-cyan-on-solid); }
16601
+ .ng-focus-within\:bg-rose-primary:focus-within { background-color: var(--ng-colors-bg-rose-primary); }
16602
+ .ng-focus-within\:bg-rose-secondary:focus-within { background-color: var(--ng-colors-bg-rose-secondary); }
16603
+ .ng-focus-within\:bg-rose-solid:focus-within { background-color: var(--ng-colors-bg-rose-solid); }
16604
+ .ng-focus-within\:bg-rose-solid-hover:focus-within { background-color: var(--ng-colors-bg-rose-solid-hover); }
16605
+ .ng-focus-within\:border-rose:focus-within { border-color: var(--ng-colors-border-rose); }
16606
+ .ng-focus-within\:border-rose-subtle:focus-within { border-color: var(--ng-colors-border-rose-subtle); }
16607
+ .ng-focus-within\:fg-rose-primary:focus-within { color: var(--ng-colors-fg-rose-primary); }
16608
+ .ng-focus-within\:fg-rose-secondary:focus-within { color: var(--ng-colors-fg-rose-secondary); }
16609
+ .ng-focus-within\:fg-rose-on-solid:focus-within { color: var(--ng-colors-fg-rose-on-solid); }
16610
+ .ng-focus-within\:bg-violet-primary:focus-within { background-color: var(--ng-colors-bg-violet-primary); }
16611
+ .ng-focus-within\:bg-violet-secondary:focus-within { background-color: var(--ng-colors-bg-violet-secondary); }
16612
+ .ng-focus-within\:bg-violet-solid:focus-within { background-color: var(--ng-colors-bg-violet-solid); }
16613
+ .ng-focus-within\:bg-violet-solid-hover:focus-within { background-color: var(--ng-colors-bg-violet-solid-hover); }
16614
+ .ng-focus-within\:border-violet:focus-within { border-color: var(--ng-colors-border-violet); }
16615
+ .ng-focus-within\:border-violet-subtle:focus-within { border-color: var(--ng-colors-border-violet-subtle); }
16616
+ .ng-focus-within\:fg-violet-primary:focus-within { color: var(--ng-colors-fg-violet-primary); }
16617
+ .ng-focus-within\:fg-violet-secondary:focus-within { color: var(--ng-colors-fg-violet-secondary); }
16618
+ .ng-focus-within\:fg-violet-on-solid:focus-within { color: var(--ng-colors-fg-violet-on-solid); }
16619
+ .ng-focus-within\:bg-moss-primary:focus-within { background-color: var(--ng-colors-bg-moss-primary); }
16620
+ .ng-focus-within\:bg-moss-secondary:focus-within { background-color: var(--ng-colors-bg-moss-secondary); }
16621
+ .ng-focus-within\:bg-moss-solid:focus-within { background-color: var(--ng-colors-bg-moss-solid); }
16622
+ .ng-focus-within\:bg-moss-solid-hover:focus-within { background-color: var(--ng-colors-bg-moss-solid-hover); }
16623
+ .ng-focus-within\:border-moss:focus-within { border-color: var(--ng-colors-border-moss); }
16624
+ .ng-focus-within\:border-moss-subtle:focus-within { border-color: var(--ng-colors-border-moss-subtle); }
16625
+ .ng-focus-within\:fg-moss-primary:focus-within { color: var(--ng-colors-fg-moss-primary); }
16626
+ .ng-focus-within\:fg-moss-secondary:focus-within { color: var(--ng-colors-fg-moss-secondary); }
16627
+ .ng-focus-within\:fg-moss-on-solid:focus-within { color: var(--ng-colors-fg-moss-on-solid); }
16628
+ .ng-focus-within\:bg-greenlight-primary:focus-within { background-color: var(--ng-colors-bg-greenlight-primary); }
16629
+ .ng-focus-within\:bg-greenlight-secondary:focus-within { background-color: var(--ng-colors-bg-greenlight-secondary); }
16630
+ .ng-focus-within\:bg-greenlight-solid:focus-within { background-color: var(--ng-colors-bg-greenlight-solid); }
16631
+ .ng-focus-within\:bg-greenlight-solid-hover:focus-within { background-color: var(--ng-colors-bg-greenlight-solid-hover); }
16632
+ .ng-focus-within\:border-greenlight:focus-within { border-color: var(--ng-colors-border-greenlight); }
16633
+ .ng-focus-within\:border-greenlight-subtle:focus-within { border-color: var(--ng-colors-border-greenlight-subtle); }
16634
+ .ng-focus-within\:fg-greenlight-primary:focus-within { color: var(--ng-colors-fg-greenlight-primary); }
16635
+ .ng-focus-within\:fg-greenlight-secondary:focus-within { color: var(--ng-colors-fg-greenlight-secondary); }
16636
+ .ng-focus-within\:fg-greenlight-on-solid:focus-within { color: var(--ng-colors-fg-greenlight-on-solid); }
16259
16637
  .ng-focus-within\:ring:focus-within { box-shadow: var(--ng-focus-ring); }
16260
16638
  .ng-focus-within\:ring-error:focus-within { box-shadow: var(--ng-focus-ring-error); }
16261
16639
  .ng-focus-within\:ring-shadow-xs:focus-within { box-shadow: var(--ng-focus-ring-shadow-xs); }
@@ -17585,6 +17963,60 @@
17585
17963
  .ng-active\:bg-success-primary:active { background-color: var(--ng-colors-bg-success-primary); }
17586
17964
  .ng-active\:bg-success-secondary:active { background-color: var(--ng-colors-bg-success-secondary); }
17587
17965
  .ng-active\:bg-success-solid:active { background-color: var(--ng-colors-bg-success-solid); }
17966
+ .ng-active\:bg-teal-primary:active { background-color: var(--ng-colors-bg-teal-primary); }
17967
+ .ng-active\:bg-teal-secondary:active { background-color: var(--ng-colors-bg-teal-secondary); }
17968
+ .ng-active\:bg-teal-solid:active { background-color: var(--ng-colors-bg-teal-solid); }
17969
+ .ng-active\:bg-teal-solid-hover:active { background-color: var(--ng-colors-bg-teal-solid-hover); }
17970
+ .ng-active\:border-teal:active { border-color: var(--ng-colors-border-teal); }
17971
+ .ng-active\:border-teal-subtle:active { border-color: var(--ng-colors-border-teal-subtle); }
17972
+ .ng-active\:fg-teal-primary:active { color: var(--ng-colors-fg-teal-primary); }
17973
+ .ng-active\:fg-teal-secondary:active { color: var(--ng-colors-fg-teal-secondary); }
17974
+ .ng-active\:fg-teal-on-solid:active { color: var(--ng-colors-fg-teal-on-solid); }
17975
+ .ng-active\:bg-cyan-primary:active { background-color: var(--ng-colors-bg-cyan-primary); }
17976
+ .ng-active\:bg-cyan-secondary:active { background-color: var(--ng-colors-bg-cyan-secondary); }
17977
+ .ng-active\:bg-cyan-solid:active { background-color: var(--ng-colors-bg-cyan-solid); }
17978
+ .ng-active\:bg-cyan-solid-hover:active { background-color: var(--ng-colors-bg-cyan-solid-hover); }
17979
+ .ng-active\:border-cyan:active { border-color: var(--ng-colors-border-cyan); }
17980
+ .ng-active\:border-cyan-subtle:active { border-color: var(--ng-colors-border-cyan-subtle); }
17981
+ .ng-active\:fg-cyan-primary:active { color: var(--ng-colors-fg-cyan-primary); }
17982
+ .ng-active\:fg-cyan-secondary:active { color: var(--ng-colors-fg-cyan-secondary); }
17983
+ .ng-active\:fg-cyan-on-solid:active { color: var(--ng-colors-fg-cyan-on-solid); }
17984
+ .ng-active\:bg-rose-primary:active { background-color: var(--ng-colors-bg-rose-primary); }
17985
+ .ng-active\:bg-rose-secondary:active { background-color: var(--ng-colors-bg-rose-secondary); }
17986
+ .ng-active\:bg-rose-solid:active { background-color: var(--ng-colors-bg-rose-solid); }
17987
+ .ng-active\:bg-rose-solid-hover:active { background-color: var(--ng-colors-bg-rose-solid-hover); }
17988
+ .ng-active\:border-rose:active { border-color: var(--ng-colors-border-rose); }
17989
+ .ng-active\:border-rose-subtle:active { border-color: var(--ng-colors-border-rose-subtle); }
17990
+ .ng-active\:fg-rose-primary:active { color: var(--ng-colors-fg-rose-primary); }
17991
+ .ng-active\:fg-rose-secondary:active { color: var(--ng-colors-fg-rose-secondary); }
17992
+ .ng-active\:fg-rose-on-solid:active { color: var(--ng-colors-fg-rose-on-solid); }
17993
+ .ng-active\:bg-violet-primary:active { background-color: var(--ng-colors-bg-violet-primary); }
17994
+ .ng-active\:bg-violet-secondary:active { background-color: var(--ng-colors-bg-violet-secondary); }
17995
+ .ng-active\:bg-violet-solid:active { background-color: var(--ng-colors-bg-violet-solid); }
17996
+ .ng-active\:bg-violet-solid-hover:active { background-color: var(--ng-colors-bg-violet-solid-hover); }
17997
+ .ng-active\:border-violet:active { border-color: var(--ng-colors-border-violet); }
17998
+ .ng-active\:border-violet-subtle:active { border-color: var(--ng-colors-border-violet-subtle); }
17999
+ .ng-active\:fg-violet-primary:active { color: var(--ng-colors-fg-violet-primary); }
18000
+ .ng-active\:fg-violet-secondary:active { color: var(--ng-colors-fg-violet-secondary); }
18001
+ .ng-active\:fg-violet-on-solid:active { color: var(--ng-colors-fg-violet-on-solid); }
18002
+ .ng-active\:bg-moss-primary:active { background-color: var(--ng-colors-bg-moss-primary); }
18003
+ .ng-active\:bg-moss-secondary:active { background-color: var(--ng-colors-bg-moss-secondary); }
18004
+ .ng-active\:bg-moss-solid:active { background-color: var(--ng-colors-bg-moss-solid); }
18005
+ .ng-active\:bg-moss-solid-hover:active { background-color: var(--ng-colors-bg-moss-solid-hover); }
18006
+ .ng-active\:border-moss:active { border-color: var(--ng-colors-border-moss); }
18007
+ .ng-active\:border-moss-subtle:active { border-color: var(--ng-colors-border-moss-subtle); }
18008
+ .ng-active\:fg-moss-primary:active { color: var(--ng-colors-fg-moss-primary); }
18009
+ .ng-active\:fg-moss-secondary:active { color: var(--ng-colors-fg-moss-secondary); }
18010
+ .ng-active\:fg-moss-on-solid:active { color: var(--ng-colors-fg-moss-on-solid); }
18011
+ .ng-active\:bg-greenlight-primary:active { background-color: var(--ng-colors-bg-greenlight-primary); }
18012
+ .ng-active\:bg-greenlight-secondary:active { background-color: var(--ng-colors-bg-greenlight-secondary); }
18013
+ .ng-active\:bg-greenlight-solid:active { background-color: var(--ng-colors-bg-greenlight-solid); }
18014
+ .ng-active\:bg-greenlight-solid-hover:active { background-color: var(--ng-colors-bg-greenlight-solid-hover); }
18015
+ .ng-active\:border-greenlight:active { border-color: var(--ng-colors-border-greenlight); }
18016
+ .ng-active\:border-greenlight-subtle:active { border-color: var(--ng-colors-border-greenlight-subtle); }
18017
+ .ng-active\:fg-greenlight-primary:active { color: var(--ng-colors-fg-greenlight-primary); }
18018
+ .ng-active\:fg-greenlight-secondary:active { color: var(--ng-colors-fg-greenlight-secondary); }
18019
+ .ng-active\:fg-greenlight-on-solid:active { color: var(--ng-colors-fg-greenlight-on-solid); }
17588
18020
  .ng-active\:ring:active { box-shadow: var(--ng-focus-ring); }
17589
18021
  .ng-active\:ring-error:active { box-shadow: var(--ng-focus-ring-error); }
17590
18022
  .ng-active\:ring-shadow-xs:active { box-shadow: var(--ng-focus-ring-shadow-xs); }
@@ -18914,6 +19346,60 @@
18914
19346
  .ng-disabled\:bg-success-primary:disabled { background-color: var(--ng-colors-bg-success-primary); }
18915
19347
  .ng-disabled\:bg-success-secondary:disabled { background-color: var(--ng-colors-bg-success-secondary); }
18916
19348
  .ng-disabled\:bg-success-solid:disabled { background-color: var(--ng-colors-bg-success-solid); }
19349
+ .ng-disabled\:bg-teal-primary:disabled { background-color: var(--ng-colors-bg-teal-primary); }
19350
+ .ng-disabled\:bg-teal-secondary:disabled { background-color: var(--ng-colors-bg-teal-secondary); }
19351
+ .ng-disabled\:bg-teal-solid:disabled { background-color: var(--ng-colors-bg-teal-solid); }
19352
+ .ng-disabled\:bg-teal-solid-hover:disabled { background-color: var(--ng-colors-bg-teal-solid-hover); }
19353
+ .ng-disabled\:border-teal:disabled { border-color: var(--ng-colors-border-teal); }
19354
+ .ng-disabled\:border-teal-subtle:disabled { border-color: var(--ng-colors-border-teal-subtle); }
19355
+ .ng-disabled\:fg-teal-primary:disabled { color: var(--ng-colors-fg-teal-primary); }
19356
+ .ng-disabled\:fg-teal-secondary:disabled { color: var(--ng-colors-fg-teal-secondary); }
19357
+ .ng-disabled\:fg-teal-on-solid:disabled { color: var(--ng-colors-fg-teal-on-solid); }
19358
+ .ng-disabled\:bg-cyan-primary:disabled { background-color: var(--ng-colors-bg-cyan-primary); }
19359
+ .ng-disabled\:bg-cyan-secondary:disabled { background-color: var(--ng-colors-bg-cyan-secondary); }
19360
+ .ng-disabled\:bg-cyan-solid:disabled { background-color: var(--ng-colors-bg-cyan-solid); }
19361
+ .ng-disabled\:bg-cyan-solid-hover:disabled { background-color: var(--ng-colors-bg-cyan-solid-hover); }
19362
+ .ng-disabled\:border-cyan:disabled { border-color: var(--ng-colors-border-cyan); }
19363
+ .ng-disabled\:border-cyan-subtle:disabled { border-color: var(--ng-colors-border-cyan-subtle); }
19364
+ .ng-disabled\:fg-cyan-primary:disabled { color: var(--ng-colors-fg-cyan-primary); }
19365
+ .ng-disabled\:fg-cyan-secondary:disabled { color: var(--ng-colors-fg-cyan-secondary); }
19366
+ .ng-disabled\:fg-cyan-on-solid:disabled { color: var(--ng-colors-fg-cyan-on-solid); }
19367
+ .ng-disabled\:bg-rose-primary:disabled { background-color: var(--ng-colors-bg-rose-primary); }
19368
+ .ng-disabled\:bg-rose-secondary:disabled { background-color: var(--ng-colors-bg-rose-secondary); }
19369
+ .ng-disabled\:bg-rose-solid:disabled { background-color: var(--ng-colors-bg-rose-solid); }
19370
+ .ng-disabled\:bg-rose-solid-hover:disabled { background-color: var(--ng-colors-bg-rose-solid-hover); }
19371
+ .ng-disabled\:border-rose:disabled { border-color: var(--ng-colors-border-rose); }
19372
+ .ng-disabled\:border-rose-subtle:disabled { border-color: var(--ng-colors-border-rose-subtle); }
19373
+ .ng-disabled\:fg-rose-primary:disabled { color: var(--ng-colors-fg-rose-primary); }
19374
+ .ng-disabled\:fg-rose-secondary:disabled { color: var(--ng-colors-fg-rose-secondary); }
19375
+ .ng-disabled\:fg-rose-on-solid:disabled { color: var(--ng-colors-fg-rose-on-solid); }
19376
+ .ng-disabled\:bg-violet-primary:disabled { background-color: var(--ng-colors-bg-violet-primary); }
19377
+ .ng-disabled\:bg-violet-secondary:disabled { background-color: var(--ng-colors-bg-violet-secondary); }
19378
+ .ng-disabled\:bg-violet-solid:disabled { background-color: var(--ng-colors-bg-violet-solid); }
19379
+ .ng-disabled\:bg-violet-solid-hover:disabled { background-color: var(--ng-colors-bg-violet-solid-hover); }
19380
+ .ng-disabled\:border-violet:disabled { border-color: var(--ng-colors-border-violet); }
19381
+ .ng-disabled\:border-violet-subtle:disabled { border-color: var(--ng-colors-border-violet-subtle); }
19382
+ .ng-disabled\:fg-violet-primary:disabled { color: var(--ng-colors-fg-violet-primary); }
19383
+ .ng-disabled\:fg-violet-secondary:disabled { color: var(--ng-colors-fg-violet-secondary); }
19384
+ .ng-disabled\:fg-violet-on-solid:disabled { color: var(--ng-colors-fg-violet-on-solid); }
19385
+ .ng-disabled\:bg-moss-primary:disabled { background-color: var(--ng-colors-bg-moss-primary); }
19386
+ .ng-disabled\:bg-moss-secondary:disabled { background-color: var(--ng-colors-bg-moss-secondary); }
19387
+ .ng-disabled\:bg-moss-solid:disabled { background-color: var(--ng-colors-bg-moss-solid); }
19388
+ .ng-disabled\:bg-moss-solid-hover:disabled { background-color: var(--ng-colors-bg-moss-solid-hover); }
19389
+ .ng-disabled\:border-moss:disabled { border-color: var(--ng-colors-border-moss); }
19390
+ .ng-disabled\:border-moss-subtle:disabled { border-color: var(--ng-colors-border-moss-subtle); }
19391
+ .ng-disabled\:fg-moss-primary:disabled { color: var(--ng-colors-fg-moss-primary); }
19392
+ .ng-disabled\:fg-moss-secondary:disabled { color: var(--ng-colors-fg-moss-secondary); }
19393
+ .ng-disabled\:fg-moss-on-solid:disabled { color: var(--ng-colors-fg-moss-on-solid); }
19394
+ .ng-disabled\:bg-greenlight-primary:disabled { background-color: var(--ng-colors-bg-greenlight-primary); }
19395
+ .ng-disabled\:bg-greenlight-secondary:disabled { background-color: var(--ng-colors-bg-greenlight-secondary); }
19396
+ .ng-disabled\:bg-greenlight-solid:disabled { background-color: var(--ng-colors-bg-greenlight-solid); }
19397
+ .ng-disabled\:bg-greenlight-solid-hover:disabled { background-color: var(--ng-colors-bg-greenlight-solid-hover); }
19398
+ .ng-disabled\:border-greenlight:disabled { border-color: var(--ng-colors-border-greenlight); }
19399
+ .ng-disabled\:border-greenlight-subtle:disabled { border-color: var(--ng-colors-border-greenlight-subtle); }
19400
+ .ng-disabled\:fg-greenlight-primary:disabled { color: var(--ng-colors-fg-greenlight-primary); }
19401
+ .ng-disabled\:fg-greenlight-secondary:disabled { color: var(--ng-colors-fg-greenlight-secondary); }
19402
+ .ng-disabled\:fg-greenlight-on-solid:disabled { color: var(--ng-colors-fg-greenlight-on-solid); }
18917
19403
  .ng-disabled\:ring:disabled { box-shadow: var(--ng-focus-ring); }
18918
19404
  .ng-disabled\:ring-error:disabled { box-shadow: var(--ng-focus-ring-error); }
18919
19405
  .ng-disabled\:ring-shadow-xs:disabled { box-shadow: var(--ng-focus-ring-shadow-xs); }
@@ -20243,6 +20729,60 @@
20243
20729
  .ng-enabled\:bg-success-primary:enabled { background-color: var(--ng-colors-bg-success-primary); }
20244
20730
  .ng-enabled\:bg-success-secondary:enabled { background-color: var(--ng-colors-bg-success-secondary); }
20245
20731
  .ng-enabled\:bg-success-solid:enabled { background-color: var(--ng-colors-bg-success-solid); }
20732
+ .ng-enabled\:bg-teal-primary:enabled { background-color: var(--ng-colors-bg-teal-primary); }
20733
+ .ng-enabled\:bg-teal-secondary:enabled { background-color: var(--ng-colors-bg-teal-secondary); }
20734
+ .ng-enabled\:bg-teal-solid:enabled { background-color: var(--ng-colors-bg-teal-solid); }
20735
+ .ng-enabled\:bg-teal-solid-hover:enabled { background-color: var(--ng-colors-bg-teal-solid-hover); }
20736
+ .ng-enabled\:border-teal:enabled { border-color: var(--ng-colors-border-teal); }
20737
+ .ng-enabled\:border-teal-subtle:enabled { border-color: var(--ng-colors-border-teal-subtle); }
20738
+ .ng-enabled\:fg-teal-primary:enabled { color: var(--ng-colors-fg-teal-primary); }
20739
+ .ng-enabled\:fg-teal-secondary:enabled { color: var(--ng-colors-fg-teal-secondary); }
20740
+ .ng-enabled\:fg-teal-on-solid:enabled { color: var(--ng-colors-fg-teal-on-solid); }
20741
+ .ng-enabled\:bg-cyan-primary:enabled { background-color: var(--ng-colors-bg-cyan-primary); }
20742
+ .ng-enabled\:bg-cyan-secondary:enabled { background-color: var(--ng-colors-bg-cyan-secondary); }
20743
+ .ng-enabled\:bg-cyan-solid:enabled { background-color: var(--ng-colors-bg-cyan-solid); }
20744
+ .ng-enabled\:bg-cyan-solid-hover:enabled { background-color: var(--ng-colors-bg-cyan-solid-hover); }
20745
+ .ng-enabled\:border-cyan:enabled { border-color: var(--ng-colors-border-cyan); }
20746
+ .ng-enabled\:border-cyan-subtle:enabled { border-color: var(--ng-colors-border-cyan-subtle); }
20747
+ .ng-enabled\:fg-cyan-primary:enabled { color: var(--ng-colors-fg-cyan-primary); }
20748
+ .ng-enabled\:fg-cyan-secondary:enabled { color: var(--ng-colors-fg-cyan-secondary); }
20749
+ .ng-enabled\:fg-cyan-on-solid:enabled { color: var(--ng-colors-fg-cyan-on-solid); }
20750
+ .ng-enabled\:bg-rose-primary:enabled { background-color: var(--ng-colors-bg-rose-primary); }
20751
+ .ng-enabled\:bg-rose-secondary:enabled { background-color: var(--ng-colors-bg-rose-secondary); }
20752
+ .ng-enabled\:bg-rose-solid:enabled { background-color: var(--ng-colors-bg-rose-solid); }
20753
+ .ng-enabled\:bg-rose-solid-hover:enabled { background-color: var(--ng-colors-bg-rose-solid-hover); }
20754
+ .ng-enabled\:border-rose:enabled { border-color: var(--ng-colors-border-rose); }
20755
+ .ng-enabled\:border-rose-subtle:enabled { border-color: var(--ng-colors-border-rose-subtle); }
20756
+ .ng-enabled\:fg-rose-primary:enabled { color: var(--ng-colors-fg-rose-primary); }
20757
+ .ng-enabled\:fg-rose-secondary:enabled { color: var(--ng-colors-fg-rose-secondary); }
20758
+ .ng-enabled\:fg-rose-on-solid:enabled { color: var(--ng-colors-fg-rose-on-solid); }
20759
+ .ng-enabled\:bg-violet-primary:enabled { background-color: var(--ng-colors-bg-violet-primary); }
20760
+ .ng-enabled\:bg-violet-secondary:enabled { background-color: var(--ng-colors-bg-violet-secondary); }
20761
+ .ng-enabled\:bg-violet-solid:enabled { background-color: var(--ng-colors-bg-violet-solid); }
20762
+ .ng-enabled\:bg-violet-solid-hover:enabled { background-color: var(--ng-colors-bg-violet-solid-hover); }
20763
+ .ng-enabled\:border-violet:enabled { border-color: var(--ng-colors-border-violet); }
20764
+ .ng-enabled\:border-violet-subtle:enabled { border-color: var(--ng-colors-border-violet-subtle); }
20765
+ .ng-enabled\:fg-violet-primary:enabled { color: var(--ng-colors-fg-violet-primary); }
20766
+ .ng-enabled\:fg-violet-secondary:enabled { color: var(--ng-colors-fg-violet-secondary); }
20767
+ .ng-enabled\:fg-violet-on-solid:enabled { color: var(--ng-colors-fg-violet-on-solid); }
20768
+ .ng-enabled\:bg-moss-primary:enabled { background-color: var(--ng-colors-bg-moss-primary); }
20769
+ .ng-enabled\:bg-moss-secondary:enabled { background-color: var(--ng-colors-bg-moss-secondary); }
20770
+ .ng-enabled\:bg-moss-solid:enabled { background-color: var(--ng-colors-bg-moss-solid); }
20771
+ .ng-enabled\:bg-moss-solid-hover:enabled { background-color: var(--ng-colors-bg-moss-solid-hover); }
20772
+ .ng-enabled\:border-moss:enabled { border-color: var(--ng-colors-border-moss); }
20773
+ .ng-enabled\:border-moss-subtle:enabled { border-color: var(--ng-colors-border-moss-subtle); }
20774
+ .ng-enabled\:fg-moss-primary:enabled { color: var(--ng-colors-fg-moss-primary); }
20775
+ .ng-enabled\:fg-moss-secondary:enabled { color: var(--ng-colors-fg-moss-secondary); }
20776
+ .ng-enabled\:fg-moss-on-solid:enabled { color: var(--ng-colors-fg-moss-on-solid); }
20777
+ .ng-enabled\:bg-greenlight-primary:enabled { background-color: var(--ng-colors-bg-greenlight-primary); }
20778
+ .ng-enabled\:bg-greenlight-secondary:enabled { background-color: var(--ng-colors-bg-greenlight-secondary); }
20779
+ .ng-enabled\:bg-greenlight-solid:enabled { background-color: var(--ng-colors-bg-greenlight-solid); }
20780
+ .ng-enabled\:bg-greenlight-solid-hover:enabled { background-color: var(--ng-colors-bg-greenlight-solid-hover); }
20781
+ .ng-enabled\:border-greenlight:enabled { border-color: var(--ng-colors-border-greenlight); }
20782
+ .ng-enabled\:border-greenlight-subtle:enabled { border-color: var(--ng-colors-border-greenlight-subtle); }
20783
+ .ng-enabled\:fg-greenlight-primary:enabled { color: var(--ng-colors-fg-greenlight-primary); }
20784
+ .ng-enabled\:fg-greenlight-secondary:enabled { color: var(--ng-colors-fg-greenlight-secondary); }
20785
+ .ng-enabled\:fg-greenlight-on-solid:enabled { color: var(--ng-colors-fg-greenlight-on-solid); }
20246
20786
  .ng-enabled\:ring:enabled { box-shadow: var(--ng-focus-ring); }
20247
20787
  .ng-enabled\:ring-error:enabled { box-shadow: var(--ng-focus-ring-error); }
20248
20788
  .ng-enabled\:ring-shadow-xs:enabled { box-shadow: var(--ng-focus-ring-shadow-xs); }
@@ -21572,6 +22112,60 @@
21572
22112
  .ng-disabled\:bg-success-primary[aria-disabled="true"] { background-color: var(--ng-colors-bg-success-primary); }
21573
22113
  .ng-disabled\:bg-success-secondary[aria-disabled="true"] { background-color: var(--ng-colors-bg-success-secondary); }
21574
22114
  .ng-disabled\:bg-success-solid[aria-disabled="true"] { background-color: var(--ng-colors-bg-success-solid); }
22115
+ .ng-disabled\:bg-teal-primary[aria-disabled="true"] { background-color: var(--ng-colors-bg-teal-primary); }
22116
+ .ng-disabled\:bg-teal-secondary[aria-disabled="true"] { background-color: var(--ng-colors-bg-teal-secondary); }
22117
+ .ng-disabled\:bg-teal-solid[aria-disabled="true"] { background-color: var(--ng-colors-bg-teal-solid); }
22118
+ .ng-disabled\:bg-teal-solid-hover[aria-disabled="true"] { background-color: var(--ng-colors-bg-teal-solid-hover); }
22119
+ .ng-disabled\:border-teal[aria-disabled="true"] { border-color: var(--ng-colors-border-teal); }
22120
+ .ng-disabled\:border-teal-subtle[aria-disabled="true"] { border-color: var(--ng-colors-border-teal-subtle); }
22121
+ .ng-disabled\:fg-teal-primary[aria-disabled="true"] { color: var(--ng-colors-fg-teal-primary); }
22122
+ .ng-disabled\:fg-teal-secondary[aria-disabled="true"] { color: var(--ng-colors-fg-teal-secondary); }
22123
+ .ng-disabled\:fg-teal-on-solid[aria-disabled="true"] { color: var(--ng-colors-fg-teal-on-solid); }
22124
+ .ng-disabled\:bg-cyan-primary[aria-disabled="true"] { background-color: var(--ng-colors-bg-cyan-primary); }
22125
+ .ng-disabled\:bg-cyan-secondary[aria-disabled="true"] { background-color: var(--ng-colors-bg-cyan-secondary); }
22126
+ .ng-disabled\:bg-cyan-solid[aria-disabled="true"] { background-color: var(--ng-colors-bg-cyan-solid); }
22127
+ .ng-disabled\:bg-cyan-solid-hover[aria-disabled="true"] { background-color: var(--ng-colors-bg-cyan-solid-hover); }
22128
+ .ng-disabled\:border-cyan[aria-disabled="true"] { border-color: var(--ng-colors-border-cyan); }
22129
+ .ng-disabled\:border-cyan-subtle[aria-disabled="true"] { border-color: var(--ng-colors-border-cyan-subtle); }
22130
+ .ng-disabled\:fg-cyan-primary[aria-disabled="true"] { color: var(--ng-colors-fg-cyan-primary); }
22131
+ .ng-disabled\:fg-cyan-secondary[aria-disabled="true"] { color: var(--ng-colors-fg-cyan-secondary); }
22132
+ .ng-disabled\:fg-cyan-on-solid[aria-disabled="true"] { color: var(--ng-colors-fg-cyan-on-solid); }
22133
+ .ng-disabled\:bg-rose-primary[aria-disabled="true"] { background-color: var(--ng-colors-bg-rose-primary); }
22134
+ .ng-disabled\:bg-rose-secondary[aria-disabled="true"] { background-color: var(--ng-colors-bg-rose-secondary); }
22135
+ .ng-disabled\:bg-rose-solid[aria-disabled="true"] { background-color: var(--ng-colors-bg-rose-solid); }
22136
+ .ng-disabled\:bg-rose-solid-hover[aria-disabled="true"] { background-color: var(--ng-colors-bg-rose-solid-hover); }
22137
+ .ng-disabled\:border-rose[aria-disabled="true"] { border-color: var(--ng-colors-border-rose); }
22138
+ .ng-disabled\:border-rose-subtle[aria-disabled="true"] { border-color: var(--ng-colors-border-rose-subtle); }
22139
+ .ng-disabled\:fg-rose-primary[aria-disabled="true"] { color: var(--ng-colors-fg-rose-primary); }
22140
+ .ng-disabled\:fg-rose-secondary[aria-disabled="true"] { color: var(--ng-colors-fg-rose-secondary); }
22141
+ .ng-disabled\:fg-rose-on-solid[aria-disabled="true"] { color: var(--ng-colors-fg-rose-on-solid); }
22142
+ .ng-disabled\:bg-violet-primary[aria-disabled="true"] { background-color: var(--ng-colors-bg-violet-primary); }
22143
+ .ng-disabled\:bg-violet-secondary[aria-disabled="true"] { background-color: var(--ng-colors-bg-violet-secondary); }
22144
+ .ng-disabled\:bg-violet-solid[aria-disabled="true"] { background-color: var(--ng-colors-bg-violet-solid); }
22145
+ .ng-disabled\:bg-violet-solid-hover[aria-disabled="true"] { background-color: var(--ng-colors-bg-violet-solid-hover); }
22146
+ .ng-disabled\:border-violet[aria-disabled="true"] { border-color: var(--ng-colors-border-violet); }
22147
+ .ng-disabled\:border-violet-subtle[aria-disabled="true"] { border-color: var(--ng-colors-border-violet-subtle); }
22148
+ .ng-disabled\:fg-violet-primary[aria-disabled="true"] { color: var(--ng-colors-fg-violet-primary); }
22149
+ .ng-disabled\:fg-violet-secondary[aria-disabled="true"] { color: var(--ng-colors-fg-violet-secondary); }
22150
+ .ng-disabled\:fg-violet-on-solid[aria-disabled="true"] { color: var(--ng-colors-fg-violet-on-solid); }
22151
+ .ng-disabled\:bg-moss-primary[aria-disabled="true"] { background-color: var(--ng-colors-bg-moss-primary); }
22152
+ .ng-disabled\:bg-moss-secondary[aria-disabled="true"] { background-color: var(--ng-colors-bg-moss-secondary); }
22153
+ .ng-disabled\:bg-moss-solid[aria-disabled="true"] { background-color: var(--ng-colors-bg-moss-solid); }
22154
+ .ng-disabled\:bg-moss-solid-hover[aria-disabled="true"] { background-color: var(--ng-colors-bg-moss-solid-hover); }
22155
+ .ng-disabled\:border-moss[aria-disabled="true"] { border-color: var(--ng-colors-border-moss); }
22156
+ .ng-disabled\:border-moss-subtle[aria-disabled="true"] { border-color: var(--ng-colors-border-moss-subtle); }
22157
+ .ng-disabled\:fg-moss-primary[aria-disabled="true"] { color: var(--ng-colors-fg-moss-primary); }
22158
+ .ng-disabled\:fg-moss-secondary[aria-disabled="true"] { color: var(--ng-colors-fg-moss-secondary); }
22159
+ .ng-disabled\:fg-moss-on-solid[aria-disabled="true"] { color: var(--ng-colors-fg-moss-on-solid); }
22160
+ .ng-disabled\:bg-greenlight-primary[aria-disabled="true"] { background-color: var(--ng-colors-bg-greenlight-primary); }
22161
+ .ng-disabled\:bg-greenlight-secondary[aria-disabled="true"] { background-color: var(--ng-colors-bg-greenlight-secondary); }
22162
+ .ng-disabled\:bg-greenlight-solid[aria-disabled="true"] { background-color: var(--ng-colors-bg-greenlight-solid); }
22163
+ .ng-disabled\:bg-greenlight-solid-hover[aria-disabled="true"] { background-color: var(--ng-colors-bg-greenlight-solid-hover); }
22164
+ .ng-disabled\:border-greenlight[aria-disabled="true"] { border-color: var(--ng-colors-border-greenlight); }
22165
+ .ng-disabled\:border-greenlight-subtle[aria-disabled="true"] { border-color: var(--ng-colors-border-greenlight-subtle); }
22166
+ .ng-disabled\:fg-greenlight-primary[aria-disabled="true"] { color: var(--ng-colors-fg-greenlight-primary); }
22167
+ .ng-disabled\:fg-greenlight-secondary[aria-disabled="true"] { color: var(--ng-colors-fg-greenlight-secondary); }
22168
+ .ng-disabled\:fg-greenlight-on-solid[aria-disabled="true"] { color: var(--ng-colors-fg-greenlight-on-solid); }
21575
22169
  .ng-disabled\:ring[aria-disabled="true"] { box-shadow: var(--ng-focus-ring); }
21576
22170
  .ng-disabled\:ring-error[aria-disabled="true"] { box-shadow: var(--ng-focus-ring-error); }
21577
22171
  .ng-disabled\:ring-shadow-xs[aria-disabled="true"] { box-shadow: var(--ng-focus-ring-shadow-xs); }