@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
package/demo/nxtgen-classes.css CHANGED
@@ -733,10 +733,10 @@
733
733
  Typography — font-family
734
734
  ============================================================ */
735
735
 
736
- /* font-family-display: Inter */
736
+ /* font-family-display: Inter, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif */
737
737
  .ng-font-family-display { font-family: var(--ng-font-family-display); }
738
738
 
739
- /* font-family-body: Inter */
739
+ /* font-family-body: Inter, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif */
740
740
  .ng-font-family-body { font-family: var(--ng-font-family-body); }
741
741
 
742
742
 
@@ -4468,6 +4468,168 @@
4468
4468
  /* colors-bg-success-solid: var(--ng-color-success-600) */
4469
4469
  .ng-bg-success-solid { background-color: var(--ng-colors-bg-success-solid); }
4470
4470
 
4471
+ /* colors-bg-teal-primary: var(--ng-color-teal-50) */
4472
+ .ng-bg-teal-primary { background-color: var(--ng-colors-bg-teal-primary); }
4473
+
4474
+ /* colors-bg-teal-secondary: var(--ng-color-teal-100) */
4475
+ .ng-bg-teal-secondary { background-color: var(--ng-colors-bg-teal-secondary); }
4476
+
4477
+ /* colors-bg-teal-solid: var(--ng-color-teal-600) */
4478
+ .ng-bg-teal-solid { background-color: var(--ng-colors-bg-teal-solid); }
4479
+
4480
+ /* colors-bg-teal-solid-hover: var(--ng-color-teal-700) */
4481
+ .ng-bg-teal-solid-hover { background-color: var(--ng-colors-bg-teal-solid-hover); }
4482
+
4483
+ /* colors-border-teal: var(--ng-color-teal-500) */
4484
+ .ng-border-teal { border-color: var(--ng-colors-border-teal); }
4485
+
4486
+ /* colors-border-teal-subtle: var(--ng-color-teal-300) */
4487
+ .ng-border-teal-subtle { border-color: var(--ng-colors-border-teal-subtle); }
4488
+
4489
+ /* colors-fg-teal-primary: var(--ng-color-teal-600) */
4490
+ .ng-fg-teal-primary { color: var(--ng-colors-fg-teal-primary); }
4491
+
4492
+ /* colors-fg-teal-secondary: var(--ng-color-teal-500) */
4493
+ .ng-fg-teal-secondary { color: var(--ng-colors-fg-teal-secondary); }
4494
+
4495
+ /* colors-fg-teal-on-solid: var(--ng-color-base-white) */
4496
+ .ng-fg-teal-on-solid { color: var(--ng-colors-fg-teal-on-solid); }
4497
+
4498
+ /* colors-bg-cyan-primary: var(--ng-color-cyan-50) */
4499
+ .ng-bg-cyan-primary { background-color: var(--ng-colors-bg-cyan-primary); }
4500
+
4501
+ /* colors-bg-cyan-secondary: var(--ng-color-cyan-100) */
4502
+ .ng-bg-cyan-secondary { background-color: var(--ng-colors-bg-cyan-secondary); }
4503
+
4504
+ /* colors-bg-cyan-solid: var(--ng-color-cyan-600) */
4505
+ .ng-bg-cyan-solid { background-color: var(--ng-colors-bg-cyan-solid); }
4506
+
4507
+ /* colors-bg-cyan-solid-hover: var(--ng-color-cyan-700) */
4508
+ .ng-bg-cyan-solid-hover { background-color: var(--ng-colors-bg-cyan-solid-hover); }
4509
+
4510
+ /* colors-border-cyan: var(--ng-color-cyan-500) */
4511
+ .ng-border-cyan { border-color: var(--ng-colors-border-cyan); }
4512
+
4513
+ /* colors-border-cyan-subtle: var(--ng-color-cyan-300) */
4514
+ .ng-border-cyan-subtle { border-color: var(--ng-colors-border-cyan-subtle); }
4515
+
4516
+ /* colors-fg-cyan-primary: var(--ng-color-cyan-600) */
4517
+ .ng-fg-cyan-primary { color: var(--ng-colors-fg-cyan-primary); }
4518
+
4519
+ /* colors-fg-cyan-secondary: var(--ng-color-cyan-500) */
4520
+ .ng-fg-cyan-secondary { color: var(--ng-colors-fg-cyan-secondary); }
4521
+
4522
+ /* colors-fg-cyan-on-solid: var(--ng-color-base-white) */
4523
+ .ng-fg-cyan-on-solid { color: var(--ng-colors-fg-cyan-on-solid); }
4524
+
4525
+ /* colors-bg-rose-primary: var(--ng-color-rose-50) */
4526
+ .ng-bg-rose-primary { background-color: var(--ng-colors-bg-rose-primary); }
4527
+
4528
+ /* colors-bg-rose-secondary: var(--ng-color-rose-100) */
4529
+ .ng-bg-rose-secondary { background-color: var(--ng-colors-bg-rose-secondary); }
4530
+
4531
+ /* colors-bg-rose-solid: var(--ng-color-rose-600) */
4532
+ .ng-bg-rose-solid { background-color: var(--ng-colors-bg-rose-solid); }
4533
+
4534
+ /* colors-bg-rose-solid-hover: var(--ng-color-rose-700) */
4535
+ .ng-bg-rose-solid-hover { background-color: var(--ng-colors-bg-rose-solid-hover); }
4536
+
4537
+ /* colors-border-rose: var(--ng-color-rose-500) */
4538
+ .ng-border-rose { border-color: var(--ng-colors-border-rose); }
4539
+
4540
+ /* colors-border-rose-subtle: var(--ng-color-rose-300) */
4541
+ .ng-border-rose-subtle { border-color: var(--ng-colors-border-rose-subtle); }
4542
+
4543
+ /* colors-fg-rose-primary: var(--ng-color-rose-600) */
4544
+ .ng-fg-rose-primary { color: var(--ng-colors-fg-rose-primary); }
4545
+
4546
+ /* colors-fg-rose-secondary: var(--ng-color-rose-500) */
4547
+ .ng-fg-rose-secondary { color: var(--ng-colors-fg-rose-secondary); }
4548
+
4549
+ /* colors-fg-rose-on-solid: var(--ng-color-base-white) */
4550
+ .ng-fg-rose-on-solid { color: var(--ng-colors-fg-rose-on-solid); }
4551
+
4552
+ /* colors-bg-violet-primary: var(--ng-color-violet-50) */
4553
+ .ng-bg-violet-primary { background-color: var(--ng-colors-bg-violet-primary); }
4554
+
4555
+ /* colors-bg-violet-secondary: var(--ng-color-violet-100) */
4556
+ .ng-bg-violet-secondary { background-color: var(--ng-colors-bg-violet-secondary); }
4557
+
4558
+ /* colors-bg-violet-solid: var(--ng-color-violet-600) */
4559
+ .ng-bg-violet-solid { background-color: var(--ng-colors-bg-violet-solid); }
4560
+
4561
+ /* colors-bg-violet-solid-hover: var(--ng-color-violet-700) */
4562
+ .ng-bg-violet-solid-hover { background-color: var(--ng-colors-bg-violet-solid-hover); }
4563
+
4564
+ /* colors-border-violet: var(--ng-color-violet-500) */
4565
+ .ng-border-violet { border-color: var(--ng-colors-border-violet); }
4566
+
4567
+ /* colors-border-violet-subtle: var(--ng-color-violet-300) */
4568
+ .ng-border-violet-subtle { border-color: var(--ng-colors-border-violet-subtle); }
4569
+
4570
+ /* colors-fg-violet-primary: var(--ng-color-violet-600) */
4571
+ .ng-fg-violet-primary { color: var(--ng-colors-fg-violet-primary); }
4572
+
4573
+ /* colors-fg-violet-secondary: var(--ng-color-violet-500) */
4574
+ .ng-fg-violet-secondary { color: var(--ng-colors-fg-violet-secondary); }
4575
+
4576
+ /* colors-fg-violet-on-solid: var(--ng-color-base-white) */
4577
+ .ng-fg-violet-on-solid { color: var(--ng-colors-fg-violet-on-solid); }
4578
+
4579
+ /* colors-bg-moss-primary: var(--ng-color-moss-50) */
4580
+ .ng-bg-moss-primary { background-color: var(--ng-colors-bg-moss-primary); }
4581
+
4582
+ /* colors-bg-moss-secondary: var(--ng-color-moss-100) */
4583
+ .ng-bg-moss-secondary { background-color: var(--ng-colors-bg-moss-secondary); }
4584
+
4585
+ /* colors-bg-moss-solid: var(--ng-color-moss-600) */
4586
+ .ng-bg-moss-solid { background-color: var(--ng-colors-bg-moss-solid); }
4587
+
4588
+ /* colors-bg-moss-solid-hover: var(--ng-color-moss-700) */
4589
+ .ng-bg-moss-solid-hover { background-color: var(--ng-colors-bg-moss-solid-hover); }
4590
+
4591
+ /* colors-border-moss: var(--ng-color-moss-500) */
4592
+ .ng-border-moss { border-color: var(--ng-colors-border-moss); }
4593
+
4594
+ /* colors-border-moss-subtle: var(--ng-color-moss-300) */
4595
+ .ng-border-moss-subtle { border-color: var(--ng-colors-border-moss-subtle); }
4596
+
4597
+ /* colors-fg-moss-primary: var(--ng-color-moss-600) */
4598
+ .ng-fg-moss-primary { color: var(--ng-colors-fg-moss-primary); }
4599
+
4600
+ /* colors-fg-moss-secondary: var(--ng-color-moss-500) */
4601
+ .ng-fg-moss-secondary { color: var(--ng-colors-fg-moss-secondary); }
4602
+
4603
+ /* colors-fg-moss-on-solid: var(--ng-color-base-white) */
4604
+ .ng-fg-moss-on-solid { color: var(--ng-colors-fg-moss-on-solid); }
4605
+
4606
+ /* colors-bg-greenlight-primary: var(--ng-color-greenlight-50) */
4607
+ .ng-bg-greenlight-primary { background-color: var(--ng-colors-bg-greenlight-primary); }
4608
+
4609
+ /* colors-bg-greenlight-secondary: var(--ng-color-greenlight-100) */
4610
+ .ng-bg-greenlight-secondary { background-color: var(--ng-colors-bg-greenlight-secondary); }
4611
+
4612
+ /* colors-bg-greenlight-solid: var(--ng-color-greenlight-600) */
4613
+ .ng-bg-greenlight-solid { background-color: var(--ng-colors-bg-greenlight-solid); }
4614
+
4615
+ /* colors-bg-greenlight-solid-hover: var(--ng-color-greenlight-700) */
4616
+ .ng-bg-greenlight-solid-hover { background-color: var(--ng-colors-bg-greenlight-solid-hover); }
4617
+
4618
+ /* colors-border-greenlight: var(--ng-color-greenlight-500) */
4619
+ .ng-border-greenlight { border-color: var(--ng-colors-border-greenlight); }
4620
+
4621
+ /* colors-border-greenlight-subtle: var(--ng-color-greenlight-300) */
4622
+ .ng-border-greenlight-subtle { border-color: var(--ng-colors-border-greenlight-subtle); }
4623
+
4624
+ /* colors-fg-greenlight-primary: var(--ng-color-greenlight-600) */
4625
+ .ng-fg-greenlight-primary { color: var(--ng-colors-fg-greenlight-primary); }
4626
+
4627
+ /* colors-fg-greenlight-secondary: var(--ng-color-greenlight-500) */
4628
+ .ng-fg-greenlight-secondary { color: var(--ng-colors-fg-greenlight-secondary); }
4629
+
4630
+ /* colors-fg-greenlight-on-solid: var(--ng-color-base-white) */
4631
+ .ng-fg-greenlight-on-solid { color: var(--ng-colors-fg-greenlight-on-solid); }
4632
+
4471
4633
 
4472
4634
  /* ============================================================
4473
4635
  Colors — component colors
@@ -7021,6 +7183,60 @@
7021
7183
  .ng-hover\:bg-success-primary:hover { background-color: var(--ng-colors-bg-success-primary); }
7022
7184
  .ng-hover\:bg-success-secondary:hover { background-color: var(--ng-colors-bg-success-secondary); }
7023
7185
  .ng-hover\:bg-success-solid:hover { background-color: var(--ng-colors-bg-success-solid); }
7186
+ .ng-hover\:bg-teal-primary:hover { background-color: var(--ng-colors-bg-teal-primary); }
7187
+ .ng-hover\:bg-teal-secondary:hover { background-color: var(--ng-colors-bg-teal-secondary); }
7188
+ .ng-hover\:bg-teal-solid:hover { background-color: var(--ng-colors-bg-teal-solid); }
7189
+ .ng-hover\:bg-teal-solid-hover:hover { background-color: var(--ng-colors-bg-teal-solid-hover); }
7190
+ .ng-hover\:border-teal:hover { border-color: var(--ng-colors-border-teal); }
7191
+ .ng-hover\:border-teal-subtle:hover { border-color: var(--ng-colors-border-teal-subtle); }
7192
+ .ng-hover\:fg-teal-primary:hover { color: var(--ng-colors-fg-teal-primary); }
7193
+ .ng-hover\:fg-teal-secondary:hover { color: var(--ng-colors-fg-teal-secondary); }
7194
+ .ng-hover\:fg-teal-on-solid:hover { color: var(--ng-colors-fg-teal-on-solid); }
7195
+ .ng-hover\:bg-cyan-primary:hover { background-color: var(--ng-colors-bg-cyan-primary); }
7196
+ .ng-hover\:bg-cyan-secondary:hover { background-color: var(--ng-colors-bg-cyan-secondary); }
7197
+ .ng-hover\:bg-cyan-solid:hover { background-color: var(--ng-colors-bg-cyan-solid); }
7198
+ .ng-hover\:bg-cyan-solid-hover:hover { background-color: var(--ng-colors-bg-cyan-solid-hover); }
7199
+ .ng-hover\:border-cyan:hover { border-color: var(--ng-colors-border-cyan); }
7200
+ .ng-hover\:border-cyan-subtle:hover { border-color: var(--ng-colors-border-cyan-subtle); }
7201
+ .ng-hover\:fg-cyan-primary:hover { color: var(--ng-colors-fg-cyan-primary); }
7202
+ .ng-hover\:fg-cyan-secondary:hover { color: var(--ng-colors-fg-cyan-secondary); }
7203
+ .ng-hover\:fg-cyan-on-solid:hover { color: var(--ng-colors-fg-cyan-on-solid); }
7204
+ .ng-hover\:bg-rose-primary:hover { background-color: var(--ng-colors-bg-rose-primary); }
7205
+ .ng-hover\:bg-rose-secondary:hover { background-color: var(--ng-colors-bg-rose-secondary); }
7206
+ .ng-hover\:bg-rose-solid:hover { background-color: var(--ng-colors-bg-rose-solid); }
7207
+ .ng-hover\:bg-rose-solid-hover:hover { background-color: var(--ng-colors-bg-rose-solid-hover); }
7208
+ .ng-hover\:border-rose:hover { border-color: var(--ng-colors-border-rose); }
7209
+ .ng-hover\:border-rose-subtle:hover { border-color: var(--ng-colors-border-rose-subtle); }
7210
+ .ng-hover\:fg-rose-primary:hover { color: var(--ng-colors-fg-rose-primary); }
7211
+ .ng-hover\:fg-rose-secondary:hover { color: var(--ng-colors-fg-rose-secondary); }
7212
+ .ng-hover\:fg-rose-on-solid:hover { color: var(--ng-colors-fg-rose-on-solid); }
7213
+ .ng-hover\:bg-violet-primary:hover { background-color: var(--ng-colors-bg-violet-primary); }
7214
+ .ng-hover\:bg-violet-secondary:hover { background-color: var(--ng-colors-bg-violet-secondary); }
7215
+ .ng-hover\:bg-violet-solid:hover { background-color: var(--ng-colors-bg-violet-solid); }
7216
+ .ng-hover\:bg-violet-solid-hover:hover { background-color: var(--ng-colors-bg-violet-solid-hover); }
7217
+ .ng-hover\:border-violet:hover { border-color: var(--ng-colors-border-violet); }
7218
+ .ng-hover\:border-violet-subtle:hover { border-color: var(--ng-colors-border-violet-subtle); }
7219
+ .ng-hover\:fg-violet-primary:hover { color: var(--ng-colors-fg-violet-primary); }
7220
+ .ng-hover\:fg-violet-secondary:hover { color: var(--ng-colors-fg-violet-secondary); }
7221
+ .ng-hover\:fg-violet-on-solid:hover { color: var(--ng-colors-fg-violet-on-solid); }
7222
+ .ng-hover\:bg-moss-primary:hover { background-color: var(--ng-colors-bg-moss-primary); }
7223
+ .ng-hover\:bg-moss-secondary:hover { background-color: var(--ng-colors-bg-moss-secondary); }
7224
+ .ng-hover\:bg-moss-solid:hover { background-color: var(--ng-colors-bg-moss-solid); }
7225
+ .ng-hover\:bg-moss-solid-hover:hover { background-color: var(--ng-colors-bg-moss-solid-hover); }
7226
+ .ng-hover\:border-moss:hover { border-color: var(--ng-colors-border-moss); }
7227
+ .ng-hover\:border-moss-subtle:hover { border-color: var(--ng-colors-border-moss-subtle); }
7228
+ .ng-hover\:fg-moss-primary:hover { color: var(--ng-colors-fg-moss-primary); }
7229
+ .ng-hover\:fg-moss-secondary:hover { color: var(--ng-colors-fg-moss-secondary); }
7230
+ .ng-hover\:fg-moss-on-solid:hover { color: var(--ng-colors-fg-moss-on-solid); }
7231
+ .ng-hover\:bg-greenlight-primary:hover { background-color: var(--ng-colors-bg-greenlight-primary); }
7232
+ .ng-hover\:bg-greenlight-secondary:hover { background-color: var(--ng-colors-bg-greenlight-secondary); }
7233
+ .ng-hover\:bg-greenlight-solid:hover { background-color: var(--ng-colors-bg-greenlight-solid); }
7234
+ .ng-hover\:bg-greenlight-solid-hover:hover { background-color: var(--ng-colors-bg-greenlight-solid-hover); }
7235
+ .ng-hover\:border-greenlight:hover { border-color: var(--ng-colors-border-greenlight); }
7236
+ .ng-hover\:border-greenlight-subtle:hover { border-color: var(--ng-colors-border-greenlight-subtle); }
7237
+ .ng-hover\:fg-greenlight-primary:hover { color: var(--ng-colors-fg-greenlight-primary); }
7238
+ .ng-hover\:fg-greenlight-secondary:hover { color: var(--ng-colors-fg-greenlight-secondary); }
7239
+ .ng-hover\:fg-greenlight-on-solid:hover { color: var(--ng-colors-fg-greenlight-on-solid); }
7024
7240
  .ng-hover\:ring:hover { box-shadow: var(--ng-focus-ring); }
7025
7241
  .ng-hover\:ring-error:hover { box-shadow: var(--ng-focus-ring-error); }
7026
7242
  .ng-hover\:ring-shadow-xs:hover { box-shadow: var(--ng-focus-ring-shadow-xs); }
@@ -8350,6 +8566,60 @@
8350
8566
  .ng-focus\:bg-success-primary:focus { background-color: var(--ng-colors-bg-success-primary); }
8351
8567
  .ng-focus\:bg-success-secondary:focus { background-color: var(--ng-colors-bg-success-secondary); }
8352
8568
  .ng-focus\:bg-success-solid:focus { background-color: var(--ng-colors-bg-success-solid); }
8569
+ .ng-focus\:bg-teal-primary:focus { background-color: var(--ng-colors-bg-teal-primary); }
8570
+ .ng-focus\:bg-teal-secondary:focus { background-color: var(--ng-colors-bg-teal-secondary); }
8571
+ .ng-focus\:bg-teal-solid:focus { background-color: var(--ng-colors-bg-teal-solid); }
8572
+ .ng-focus\:bg-teal-solid-hover:focus { background-color: var(--ng-colors-bg-teal-solid-hover); }
8573
+ .ng-focus\:border-teal:focus { border-color: var(--ng-colors-border-teal); }
8574
+ .ng-focus\:border-teal-subtle:focus { border-color: var(--ng-colors-border-teal-subtle); }
8575
+ .ng-focus\:fg-teal-primary:focus { color: var(--ng-colors-fg-teal-primary); }
8576
+ .ng-focus\:fg-teal-secondary:focus { color: var(--ng-colors-fg-teal-secondary); }
8577
+ .ng-focus\:fg-teal-on-solid:focus { color: var(--ng-colors-fg-teal-on-solid); }
8578
+ .ng-focus\:bg-cyan-primary:focus { background-color: var(--ng-colors-bg-cyan-primary); }
8579
+ .ng-focus\:bg-cyan-secondary:focus { background-color: var(--ng-colors-bg-cyan-secondary); }
8580
+ .ng-focus\:bg-cyan-solid:focus { background-color: var(--ng-colors-bg-cyan-solid); }
8581
+ .ng-focus\:bg-cyan-solid-hover:focus { background-color: var(--ng-colors-bg-cyan-solid-hover); }
8582
+ .ng-focus\:border-cyan:focus { border-color: var(--ng-colors-border-cyan); }
8583
+ .ng-focus\:border-cyan-subtle:focus { border-color: var(--ng-colors-border-cyan-subtle); }
8584
+ .ng-focus\:fg-cyan-primary:focus { color: var(--ng-colors-fg-cyan-primary); }
8585
+ .ng-focus\:fg-cyan-secondary:focus { color: var(--ng-colors-fg-cyan-secondary); }
8586
+ .ng-focus\:fg-cyan-on-solid:focus { color: var(--ng-colors-fg-cyan-on-solid); }
8587
+ .ng-focus\:bg-rose-primary:focus { background-color: var(--ng-colors-bg-rose-primary); }
8588
+ .ng-focus\:bg-rose-secondary:focus { background-color: var(--ng-colors-bg-rose-secondary); }
8589
+ .ng-focus\:bg-rose-solid:focus { background-color: var(--ng-colors-bg-rose-solid); }
8590
+ .ng-focus\:bg-rose-solid-hover:focus { background-color: var(--ng-colors-bg-rose-solid-hover); }
8591
+ .ng-focus\:border-rose:focus { border-color: var(--ng-colors-border-rose); }
8592
+ .ng-focus\:border-rose-subtle:focus { border-color: var(--ng-colors-border-rose-subtle); }
8593
+ .ng-focus\:fg-rose-primary:focus { color: var(--ng-colors-fg-rose-primary); }
8594
+ .ng-focus\:fg-rose-secondary:focus { color: var(--ng-colors-fg-rose-secondary); }
8595
+ .ng-focus\:fg-rose-on-solid:focus { color: var(--ng-colors-fg-rose-on-solid); }
8596
+ .ng-focus\:bg-violet-primary:focus { background-color: var(--ng-colors-bg-violet-primary); }
8597
+ .ng-focus\:bg-violet-secondary:focus { background-color: var(--ng-colors-bg-violet-secondary); }
8598
+ .ng-focus\:bg-violet-solid:focus { background-color: var(--ng-colors-bg-violet-solid); }
8599
+ .ng-focus\:bg-violet-solid-hover:focus { background-color: var(--ng-colors-bg-violet-solid-hover); }
8600
+ .ng-focus\:border-violet:focus { border-color: var(--ng-colors-border-violet); }
8601
+ .ng-focus\:border-violet-subtle:focus { border-color: var(--ng-colors-border-violet-subtle); }
8602
+ .ng-focus\:fg-violet-primary:focus { color: var(--ng-colors-fg-violet-primary); }
8603
+ .ng-focus\:fg-violet-secondary:focus { color: var(--ng-colors-fg-violet-secondary); }
8604
+ .ng-focus\:fg-violet-on-solid:focus { color: var(--ng-colors-fg-violet-on-solid); }
8605
+ .ng-focus\:bg-moss-primary:focus { background-color: var(--ng-colors-bg-moss-primary); }
8606
+ .ng-focus\:bg-moss-secondary:focus { background-color: var(--ng-colors-bg-moss-secondary); }
8607
+ .ng-focus\:bg-moss-solid:focus { background-color: var(--ng-colors-bg-moss-solid); }
8608
+ .ng-focus\:bg-moss-solid-hover:focus { background-color: var(--ng-colors-bg-moss-solid-hover); }
8609
+ .ng-focus\:border-moss:focus { border-color: var(--ng-colors-border-moss); }
8610
+ .ng-focus\:border-moss-subtle:focus { border-color: var(--ng-colors-border-moss-subtle); }
8611
+ .ng-focus\:fg-moss-primary:focus { color: var(--ng-colors-fg-moss-primary); }
8612
+ .ng-focus\:fg-moss-secondary:focus { color: var(--ng-colors-fg-moss-secondary); }
8613
+ .ng-focus\:fg-moss-on-solid:focus { color: var(--ng-colors-fg-moss-on-solid); }
8614
+ .ng-focus\:bg-greenlight-primary:focus { background-color: var(--ng-colors-bg-greenlight-primary); }
8615
+ .ng-focus\:bg-greenlight-secondary:focus { background-color: var(--ng-colors-bg-greenlight-secondary); }
8616
+ .ng-focus\:bg-greenlight-solid:focus { background-color: var(--ng-colors-bg-greenlight-solid); }
8617
+ .ng-focus\:bg-greenlight-solid-hover:focus { background-color: var(--ng-colors-bg-greenlight-solid-hover); }
8618
+ .ng-focus\:border-greenlight:focus { border-color: var(--ng-colors-border-greenlight); }
8619
+ .ng-focus\:border-greenlight-subtle:focus { border-color: var(--ng-colors-border-greenlight-subtle); }
8620
+ .ng-focus\:fg-greenlight-primary:focus { color: var(--ng-colors-fg-greenlight-primary); }
8621
+ .ng-focus\:fg-greenlight-secondary:focus { color: var(--ng-colors-fg-greenlight-secondary); }
8622
+ .ng-focus\:fg-greenlight-on-solid:focus { color: var(--ng-colors-fg-greenlight-on-solid); }
8353
8623
  .ng-focus\:ring:focus { box-shadow: var(--ng-focus-ring); }
8354
8624
  .ng-focus\:ring-error:focus { box-shadow: var(--ng-focus-ring-error); }
8355
8625
  .ng-focus\:ring-shadow-xs:focus { box-shadow: var(--ng-focus-ring-shadow-xs); }
@@ -9679,6 +9949,60 @@
9679
9949
  .ng-focus-visible\:bg-success-primary:focus-visible { background-color: var(--ng-colors-bg-success-primary); }
9680
9950
  .ng-focus-visible\:bg-success-secondary:focus-visible { background-color: var(--ng-colors-bg-success-secondary); }
9681
9951
  .ng-focus-visible\:bg-success-solid:focus-visible { background-color: var(--ng-colors-bg-success-solid); }
9952
+ .ng-focus-visible\:bg-teal-primary:focus-visible { background-color: var(--ng-colors-bg-teal-primary); }
9953
+ .ng-focus-visible\:bg-teal-secondary:focus-visible { background-color: var(--ng-colors-bg-teal-secondary); }
9954
+ .ng-focus-visible\:bg-teal-solid:focus-visible { background-color: var(--ng-colors-bg-teal-solid); }
9955
+ .ng-focus-visible\:bg-teal-solid-hover:focus-visible { background-color: var(--ng-colors-bg-teal-solid-hover); }
9956
+ .ng-focus-visible\:border-teal:focus-visible { border-color: var(--ng-colors-border-teal); }
9957
+ .ng-focus-visible\:border-teal-subtle:focus-visible { border-color: var(--ng-colors-border-teal-subtle); }
9958
+ .ng-focus-visible\:fg-teal-primary:focus-visible { color: var(--ng-colors-fg-teal-primary); }
9959
+ .ng-focus-visible\:fg-teal-secondary:focus-visible { color: var(--ng-colors-fg-teal-secondary); }
9960
+ .ng-focus-visible\:fg-teal-on-solid:focus-visible { color: var(--ng-colors-fg-teal-on-solid); }
9961
+ .ng-focus-visible\:bg-cyan-primary:focus-visible { background-color: var(--ng-colors-bg-cyan-primary); }
9962
+ .ng-focus-visible\:bg-cyan-secondary:focus-visible { background-color: var(--ng-colors-bg-cyan-secondary); }
9963
+ .ng-focus-visible\:bg-cyan-solid:focus-visible { background-color: var(--ng-colors-bg-cyan-solid); }
9964
+ .ng-focus-visible\:bg-cyan-solid-hover:focus-visible { background-color: var(--ng-colors-bg-cyan-solid-hover); }
9965
+ .ng-focus-visible\:border-cyan:focus-visible { border-color: var(--ng-colors-border-cyan); }
9966
+ .ng-focus-visible\:border-cyan-subtle:focus-visible { border-color: var(--ng-colors-border-cyan-subtle); }
9967
+ .ng-focus-visible\:fg-cyan-primary:focus-visible { color: var(--ng-colors-fg-cyan-primary); }
9968
+ .ng-focus-visible\:fg-cyan-secondary:focus-visible { color: var(--ng-colors-fg-cyan-secondary); }
9969
+ .ng-focus-visible\:fg-cyan-on-solid:focus-visible { color: var(--ng-colors-fg-cyan-on-solid); }
9970
+ .ng-focus-visible\:bg-rose-primary:focus-visible { background-color: var(--ng-colors-bg-rose-primary); }
9971
+ .ng-focus-visible\:bg-rose-secondary:focus-visible { background-color: var(--ng-colors-bg-rose-secondary); }
9972
+ .ng-focus-visible\:bg-rose-solid:focus-visible { background-color: var(--ng-colors-bg-rose-solid); }
9973
+ .ng-focus-visible\:bg-rose-solid-hover:focus-visible { background-color: var(--ng-colors-bg-rose-solid-hover); }
9974
+ .ng-focus-visible\:border-rose:focus-visible { border-color: var(--ng-colors-border-rose); }
9975
+ .ng-focus-visible\:border-rose-subtle:focus-visible { border-color: var(--ng-colors-border-rose-subtle); }
9976
+ .ng-focus-visible\:fg-rose-primary:focus-visible { color: var(--ng-colors-fg-rose-primary); }
9977
+ .ng-focus-visible\:fg-rose-secondary:focus-visible { color: var(--ng-colors-fg-rose-secondary); }
9978
+ .ng-focus-visible\:fg-rose-on-solid:focus-visible { color: var(--ng-colors-fg-rose-on-solid); }
9979
+ .ng-focus-visible\:bg-violet-primary:focus-visible { background-color: var(--ng-colors-bg-violet-primary); }
9980
+ .ng-focus-visible\:bg-violet-secondary:focus-visible { background-color: var(--ng-colors-bg-violet-secondary); }
9981
+ .ng-focus-visible\:bg-violet-solid:focus-visible { background-color: var(--ng-colors-bg-violet-solid); }
9982
+ .ng-focus-visible\:bg-violet-solid-hover:focus-visible { background-color: var(--ng-colors-bg-violet-solid-hover); }
9983
+ .ng-focus-visible\:border-violet:focus-visible { border-color: var(--ng-colors-border-violet); }
9984
+ .ng-focus-visible\:border-violet-subtle:focus-visible { border-color: var(--ng-colors-border-violet-subtle); }
9985
+ .ng-focus-visible\:fg-violet-primary:focus-visible { color: var(--ng-colors-fg-violet-primary); }
9986
+ .ng-focus-visible\:fg-violet-secondary:focus-visible { color: var(--ng-colors-fg-violet-secondary); }
9987
+ .ng-focus-visible\:fg-violet-on-solid:focus-visible { color: var(--ng-colors-fg-violet-on-solid); }
9988
+ .ng-focus-visible\:bg-moss-primary:focus-visible { background-color: var(--ng-colors-bg-moss-primary); }
9989
+ .ng-focus-visible\:bg-moss-secondary:focus-visible { background-color: var(--ng-colors-bg-moss-secondary); }
9990
+ .ng-focus-visible\:bg-moss-solid:focus-visible { background-color: var(--ng-colors-bg-moss-solid); }
9991
+ .ng-focus-visible\:bg-moss-solid-hover:focus-visible { background-color: var(--ng-colors-bg-moss-solid-hover); }
9992
+ .ng-focus-visible\:border-moss:focus-visible { border-color: var(--ng-colors-border-moss); }
9993
+ .ng-focus-visible\:border-moss-subtle:focus-visible { border-color: var(--ng-colors-border-moss-subtle); }
9994
+ .ng-focus-visible\:fg-moss-primary:focus-visible { color: var(--ng-colors-fg-moss-primary); }
9995
+ .ng-focus-visible\:fg-moss-secondary:focus-visible { color: var(--ng-colors-fg-moss-secondary); }
9996
+ .ng-focus-visible\:fg-moss-on-solid:focus-visible { color: var(--ng-colors-fg-moss-on-solid); }
9997
+ .ng-focus-visible\:bg-greenlight-primary:focus-visible { background-color: var(--ng-colors-bg-greenlight-primary); }
9998
+ .ng-focus-visible\:bg-greenlight-secondary:focus-visible { background-color: var(--ng-colors-bg-greenlight-secondary); }
9999
+ .ng-focus-visible\:bg-greenlight-solid:focus-visible { background-color: var(--ng-colors-bg-greenlight-solid); }
10000
+ .ng-focus-visible\:bg-greenlight-solid-hover:focus-visible { background-color: var(--ng-colors-bg-greenlight-solid-hover); }
10001
+ .ng-focus-visible\:border-greenlight:focus-visible { border-color: var(--ng-colors-border-greenlight); }
10002
+ .ng-focus-visible\:border-greenlight-subtle:focus-visible { border-color: var(--ng-colors-border-greenlight-subtle); }
10003
+ .ng-focus-visible\:fg-greenlight-primary:focus-visible { color: var(--ng-colors-fg-greenlight-primary); }
10004
+ .ng-focus-visible\:fg-greenlight-secondary:focus-visible { color: var(--ng-colors-fg-greenlight-secondary); }
10005
+ .ng-focus-visible\:fg-greenlight-on-solid:focus-visible { color: var(--ng-colors-fg-greenlight-on-solid); }
9682
10006
  .ng-focus-visible\:ring:focus-visible { box-shadow: var(--ng-focus-ring); }
9683
10007
  .ng-focus-visible\:ring-error:focus-visible { box-shadow: var(--ng-focus-ring-error); }
9684
10008
  .ng-focus-visible\:ring-shadow-xs:focus-visible { box-shadow: var(--ng-focus-ring-shadow-xs); }
@@ -11008,6 +11332,60 @@
11008
11332
  .ng-focus-within\:bg-success-primary:focus-within { background-color: var(--ng-colors-bg-success-primary); }
11009
11333
  .ng-focus-within\:bg-success-secondary:focus-within { background-color: var(--ng-colors-bg-success-secondary); }
11010
11334
  .ng-focus-within\:bg-success-solid:focus-within { background-color: var(--ng-colors-bg-success-solid); }
11335
+ .ng-focus-within\:bg-teal-primary:focus-within { background-color: var(--ng-colors-bg-teal-primary); }
11336
+ .ng-focus-within\:bg-teal-secondary:focus-within { background-color: var(--ng-colors-bg-teal-secondary); }
11337
+ .ng-focus-within\:bg-teal-solid:focus-within { background-color: var(--ng-colors-bg-teal-solid); }
11338
+ .ng-focus-within\:bg-teal-solid-hover:focus-within { background-color: var(--ng-colors-bg-teal-solid-hover); }
11339
+ .ng-focus-within\:border-teal:focus-within { border-color: var(--ng-colors-border-teal); }
11340
+ .ng-focus-within\:border-teal-subtle:focus-within { border-color: var(--ng-colors-border-teal-subtle); }
11341
+ .ng-focus-within\:fg-teal-primary:focus-within { color: var(--ng-colors-fg-teal-primary); }
11342
+ .ng-focus-within\:fg-teal-secondary:focus-within { color: var(--ng-colors-fg-teal-secondary); }
11343
+ .ng-focus-within\:fg-teal-on-solid:focus-within { color: var(--ng-colors-fg-teal-on-solid); }
11344
+ .ng-focus-within\:bg-cyan-primary:focus-within { background-color: var(--ng-colors-bg-cyan-primary); }
11345
+ .ng-focus-within\:bg-cyan-secondary:focus-within { background-color: var(--ng-colors-bg-cyan-secondary); }
11346
+ .ng-focus-within\:bg-cyan-solid:focus-within { background-color: var(--ng-colors-bg-cyan-solid); }
11347
+ .ng-focus-within\:bg-cyan-solid-hover:focus-within { background-color: var(--ng-colors-bg-cyan-solid-hover); }
11348
+ .ng-focus-within\:border-cyan:focus-within { border-color: var(--ng-colors-border-cyan); }
11349
+ .ng-focus-within\:border-cyan-subtle:focus-within { border-color: var(--ng-colors-border-cyan-subtle); }
11350
+ .ng-focus-within\:fg-cyan-primary:focus-within { color: var(--ng-colors-fg-cyan-primary); }
11351
+ .ng-focus-within\:fg-cyan-secondary:focus-within { color: var(--ng-colors-fg-cyan-secondary); }
11352
+ .ng-focus-within\:fg-cyan-on-solid:focus-within { color: var(--ng-colors-fg-cyan-on-solid); }
11353
+ .ng-focus-within\:bg-rose-primary:focus-within { background-color: var(--ng-colors-bg-rose-primary); }
11354
+ .ng-focus-within\:bg-rose-secondary:focus-within { background-color: var(--ng-colors-bg-rose-secondary); }
11355
+ .ng-focus-within\:bg-rose-solid:focus-within { background-color: var(--ng-colors-bg-rose-solid); }
11356
+ .ng-focus-within\:bg-rose-solid-hover:focus-within { background-color: var(--ng-colors-bg-rose-solid-hover); }
11357
+ .ng-focus-within\:border-rose:focus-within { border-color: var(--ng-colors-border-rose); }
11358
+ .ng-focus-within\:border-rose-subtle:focus-within { border-color: var(--ng-colors-border-rose-subtle); }
11359
+ .ng-focus-within\:fg-rose-primary:focus-within { color: var(--ng-colors-fg-rose-primary); }
11360
+ .ng-focus-within\:fg-rose-secondary:focus-within { color: var(--ng-colors-fg-rose-secondary); }
11361
+ .ng-focus-within\:fg-rose-on-solid:focus-within { color: var(--ng-colors-fg-rose-on-solid); }
11362
+ .ng-focus-within\:bg-violet-primary:focus-within { background-color: var(--ng-colors-bg-violet-primary); }
11363
+ .ng-focus-within\:bg-violet-secondary:focus-within { background-color: var(--ng-colors-bg-violet-secondary); }
11364
+ .ng-focus-within\:bg-violet-solid:focus-within { background-color: var(--ng-colors-bg-violet-solid); }
11365
+ .ng-focus-within\:bg-violet-solid-hover:focus-within { background-color: var(--ng-colors-bg-violet-solid-hover); }
11366
+ .ng-focus-within\:border-violet:focus-within { border-color: var(--ng-colors-border-violet); }
11367
+ .ng-focus-within\:border-violet-subtle:focus-within { border-color: var(--ng-colors-border-violet-subtle); }
11368
+ .ng-focus-within\:fg-violet-primary:focus-within { color: var(--ng-colors-fg-violet-primary); }
11369
+ .ng-focus-within\:fg-violet-secondary:focus-within { color: var(--ng-colors-fg-violet-secondary); }
11370
+ .ng-focus-within\:fg-violet-on-solid:focus-within { color: var(--ng-colors-fg-violet-on-solid); }
11371
+ .ng-focus-within\:bg-moss-primary:focus-within { background-color: var(--ng-colors-bg-moss-primary); }
11372
+ .ng-focus-within\:bg-moss-secondary:focus-within { background-color: var(--ng-colors-bg-moss-secondary); }
11373
+ .ng-focus-within\:bg-moss-solid:focus-within { background-color: var(--ng-colors-bg-moss-solid); }
11374
+ .ng-focus-within\:bg-moss-solid-hover:focus-within { background-color: var(--ng-colors-bg-moss-solid-hover); }
11375
+ .ng-focus-within\:border-moss:focus-within { border-color: var(--ng-colors-border-moss); }
11376
+ .ng-focus-within\:border-moss-subtle:focus-within { border-color: var(--ng-colors-border-moss-subtle); }
11377
+ .ng-focus-within\:fg-moss-primary:focus-within { color: var(--ng-colors-fg-moss-primary); }
11378
+ .ng-focus-within\:fg-moss-secondary:focus-within { color: var(--ng-colors-fg-moss-secondary); }
11379
+ .ng-focus-within\:fg-moss-on-solid:focus-within { color: var(--ng-colors-fg-moss-on-solid); }
11380
+ .ng-focus-within\:bg-greenlight-primary:focus-within { background-color: var(--ng-colors-bg-greenlight-primary); }
11381
+ .ng-focus-within\:bg-greenlight-secondary:focus-within { background-color: var(--ng-colors-bg-greenlight-secondary); }
11382
+ .ng-focus-within\:bg-greenlight-solid:focus-within { background-color: var(--ng-colors-bg-greenlight-solid); }
11383
+ .ng-focus-within\:bg-greenlight-solid-hover:focus-within { background-color: var(--ng-colors-bg-greenlight-solid-hover); }
11384
+ .ng-focus-within\:border-greenlight:focus-within { border-color: var(--ng-colors-border-greenlight); }
11385
+ .ng-focus-within\:border-greenlight-subtle:focus-within { border-color: var(--ng-colors-border-greenlight-subtle); }
11386
+ .ng-focus-within\:fg-greenlight-primary:focus-within { color: var(--ng-colors-fg-greenlight-primary); }
11387
+ .ng-focus-within\:fg-greenlight-secondary:focus-within { color: var(--ng-colors-fg-greenlight-secondary); }
11388
+ .ng-focus-within\:fg-greenlight-on-solid:focus-within { color: var(--ng-colors-fg-greenlight-on-solid); }
11011
11389
  .ng-focus-within\:ring:focus-within { box-shadow: var(--ng-focus-ring); }
11012
11390
  .ng-focus-within\:ring-error:focus-within { box-shadow: var(--ng-focus-ring-error); }
11013
11391
  .ng-focus-within\:ring-shadow-xs:focus-within { box-shadow: var(--ng-focus-ring-shadow-xs); }
@@ -12337,6 +12715,60 @@
12337
12715
  .ng-active\:bg-success-primary:active { background-color: var(--ng-colors-bg-success-primary); }
12338
12716
  .ng-active\:bg-success-secondary:active { background-color: var(--ng-colors-bg-success-secondary); }
12339
12717
  .ng-active\:bg-success-solid:active { background-color: var(--ng-colors-bg-success-solid); }
12718
+ .ng-active\:bg-teal-primary:active { background-color: var(--ng-colors-bg-teal-primary); }
12719
+ .ng-active\:bg-teal-secondary:active { background-color: var(--ng-colors-bg-teal-secondary); }
12720
+ .ng-active\:bg-teal-solid:active { background-color: var(--ng-colors-bg-teal-solid); }
12721
+ .ng-active\:bg-teal-solid-hover:active { background-color: var(--ng-colors-bg-teal-solid-hover); }
12722
+ .ng-active\:border-teal:active { border-color: var(--ng-colors-border-teal); }
12723
+ .ng-active\:border-teal-subtle:active { border-color: var(--ng-colors-border-teal-subtle); }
12724
+ .ng-active\:fg-teal-primary:active { color: var(--ng-colors-fg-teal-primary); }
12725
+ .ng-active\:fg-teal-secondary:active { color: var(--ng-colors-fg-teal-secondary); }
12726
+ .ng-active\:fg-teal-on-solid:active { color: var(--ng-colors-fg-teal-on-solid); }
12727
+ .ng-active\:bg-cyan-primary:active { background-color: var(--ng-colors-bg-cyan-primary); }
12728
+ .ng-active\:bg-cyan-secondary:active { background-color: var(--ng-colors-bg-cyan-secondary); }
12729
+ .ng-active\:bg-cyan-solid:active { background-color: var(--ng-colors-bg-cyan-solid); }
12730
+ .ng-active\:bg-cyan-solid-hover:active { background-color: var(--ng-colors-bg-cyan-solid-hover); }
12731
+ .ng-active\:border-cyan:active { border-color: var(--ng-colors-border-cyan); }
12732
+ .ng-active\:border-cyan-subtle:active { border-color: var(--ng-colors-border-cyan-subtle); }
12733
+ .ng-active\:fg-cyan-primary:active { color: var(--ng-colors-fg-cyan-primary); }
12734
+ .ng-active\:fg-cyan-secondary:active { color: var(--ng-colors-fg-cyan-secondary); }
12735
+ .ng-active\:fg-cyan-on-solid:active { color: var(--ng-colors-fg-cyan-on-solid); }
12736
+ .ng-active\:bg-rose-primary:active { background-color: var(--ng-colors-bg-rose-primary); }
12737
+ .ng-active\:bg-rose-secondary:active { background-color: var(--ng-colors-bg-rose-secondary); }
12738
+ .ng-active\:bg-rose-solid:active { background-color: var(--ng-colors-bg-rose-solid); }
12739
+ .ng-active\:bg-rose-solid-hover:active { background-color: var(--ng-colors-bg-rose-solid-hover); }
12740
+ .ng-active\:border-rose:active { border-color: var(--ng-colors-border-rose); }
12741
+ .ng-active\:border-rose-subtle:active { border-color: var(--ng-colors-border-rose-subtle); }
12742
+ .ng-active\:fg-rose-primary:active { color: var(--ng-colors-fg-rose-primary); }
12743
+ .ng-active\:fg-rose-secondary:active { color: var(--ng-colors-fg-rose-secondary); }
12744
+ .ng-active\:fg-rose-on-solid:active { color: var(--ng-colors-fg-rose-on-solid); }
12745
+ .ng-active\:bg-violet-primary:active { background-color: var(--ng-colors-bg-violet-primary); }
12746
+ .ng-active\:bg-violet-secondary:active { background-color: var(--ng-colors-bg-violet-secondary); }
12747
+ .ng-active\:bg-violet-solid:active { background-color: var(--ng-colors-bg-violet-solid); }
12748
+ .ng-active\:bg-violet-solid-hover:active { background-color: var(--ng-colors-bg-violet-solid-hover); }
12749
+ .ng-active\:border-violet:active { border-color: var(--ng-colors-border-violet); }
12750
+ .ng-active\:border-violet-subtle:active { border-color: var(--ng-colors-border-violet-subtle); }
12751
+ .ng-active\:fg-violet-primary:active { color: var(--ng-colors-fg-violet-primary); }
12752
+ .ng-active\:fg-violet-secondary:active { color: var(--ng-colors-fg-violet-secondary); }
12753
+ .ng-active\:fg-violet-on-solid:active { color: var(--ng-colors-fg-violet-on-solid); }
12754
+ .ng-active\:bg-moss-primary:active { background-color: var(--ng-colors-bg-moss-primary); }
12755
+ .ng-active\:bg-moss-secondary:active { background-color: var(--ng-colors-bg-moss-secondary); }
12756
+ .ng-active\:bg-moss-solid:active { background-color: var(--ng-colors-bg-moss-solid); }
12757
+ .ng-active\:bg-moss-solid-hover:active { background-color: var(--ng-colors-bg-moss-solid-hover); }
12758
+ .ng-active\:border-moss:active { border-color: var(--ng-colors-border-moss); }
12759
+ .ng-active\:border-moss-subtle:active { border-color: var(--ng-colors-border-moss-subtle); }
12760
+ .ng-active\:fg-moss-primary:active { color: var(--ng-colors-fg-moss-primary); }
12761
+ .ng-active\:fg-moss-secondary:active { color: var(--ng-colors-fg-moss-secondary); }
12762
+ .ng-active\:fg-moss-on-solid:active { color: var(--ng-colors-fg-moss-on-solid); }
12763
+ .ng-active\:bg-greenlight-primary:active { background-color: var(--ng-colors-bg-greenlight-primary); }
12764
+ .ng-active\:bg-greenlight-secondary:active { background-color: var(--ng-colors-bg-greenlight-secondary); }
12765
+ .ng-active\:bg-greenlight-solid:active { background-color: var(--ng-colors-bg-greenlight-solid); }
12766
+ .ng-active\:bg-greenlight-solid-hover:active { background-color: var(--ng-colors-bg-greenlight-solid-hover); }
12767
+ .ng-active\:border-greenlight:active { border-color: var(--ng-colors-border-greenlight); }
12768
+ .ng-active\:border-greenlight-subtle:active { border-color: var(--ng-colors-border-greenlight-subtle); }
12769
+ .ng-active\:fg-greenlight-primary:active { color: var(--ng-colors-fg-greenlight-primary); }
12770
+ .ng-active\:fg-greenlight-secondary:active { color: var(--ng-colors-fg-greenlight-secondary); }
12771
+ .ng-active\:fg-greenlight-on-solid:active { color: var(--ng-colors-fg-greenlight-on-solid); }
12340
12772
  .ng-active\:ring:active { box-shadow: var(--ng-focus-ring); }
12341
12773
  .ng-active\:ring-error:active { box-shadow: var(--ng-focus-ring-error); }
12342
12774
  .ng-active\:ring-shadow-xs:active { box-shadow: var(--ng-focus-ring-shadow-xs); }
@@ -13666,6 +14098,60 @@
13666
14098
  .ng-disabled\:bg-success-primary:disabled { background-color: var(--ng-colors-bg-success-primary); }
13667
14099
  .ng-disabled\:bg-success-secondary:disabled { background-color: var(--ng-colors-bg-success-secondary); }
13668
14100
  .ng-disabled\:bg-success-solid:disabled { background-color: var(--ng-colors-bg-success-solid); }
14101
+ .ng-disabled\:bg-teal-primary:disabled { background-color: var(--ng-colors-bg-teal-primary); }
14102
+ .ng-disabled\:bg-teal-secondary:disabled { background-color: var(--ng-colors-bg-teal-secondary); }
14103
+ .ng-disabled\:bg-teal-solid:disabled { background-color: var(--ng-colors-bg-teal-solid); }
14104
+ .ng-disabled\:bg-teal-solid-hover:disabled { background-color: var(--ng-colors-bg-teal-solid-hover); }
14105
+ .ng-disabled\:border-teal:disabled { border-color: var(--ng-colors-border-teal); }
14106
+ .ng-disabled\:border-teal-subtle:disabled { border-color: var(--ng-colors-border-teal-subtle); }
14107
+ .ng-disabled\:fg-teal-primary:disabled { color: var(--ng-colors-fg-teal-primary); }
14108
+ .ng-disabled\:fg-teal-secondary:disabled { color: var(--ng-colors-fg-teal-secondary); }
14109
+ .ng-disabled\:fg-teal-on-solid:disabled { color: var(--ng-colors-fg-teal-on-solid); }
14110
+ .ng-disabled\:bg-cyan-primary:disabled { background-color: var(--ng-colors-bg-cyan-primary); }
14111
+ .ng-disabled\:bg-cyan-secondary:disabled { background-color: var(--ng-colors-bg-cyan-secondary); }
14112
+ .ng-disabled\:bg-cyan-solid:disabled { background-color: var(--ng-colors-bg-cyan-solid); }
14113
+ .ng-disabled\:bg-cyan-solid-hover:disabled { background-color: var(--ng-colors-bg-cyan-solid-hover); }
14114
+ .ng-disabled\:border-cyan:disabled { border-color: var(--ng-colors-border-cyan); }
14115
+ .ng-disabled\:border-cyan-subtle:disabled { border-color: var(--ng-colors-border-cyan-subtle); }
14116
+ .ng-disabled\:fg-cyan-primary:disabled { color: var(--ng-colors-fg-cyan-primary); }
14117
+ .ng-disabled\:fg-cyan-secondary:disabled { color: var(--ng-colors-fg-cyan-secondary); }
14118
+ .ng-disabled\:fg-cyan-on-solid:disabled { color: var(--ng-colors-fg-cyan-on-solid); }
14119
+ .ng-disabled\:bg-rose-primary:disabled { background-color: var(--ng-colors-bg-rose-primary); }
14120
+ .ng-disabled\:bg-rose-secondary:disabled { background-color: var(--ng-colors-bg-rose-secondary); }
14121
+ .ng-disabled\:bg-rose-solid:disabled { background-color: var(--ng-colors-bg-rose-solid); }
14122
+ .ng-disabled\:bg-rose-solid-hover:disabled { background-color: var(--ng-colors-bg-rose-solid-hover); }
14123
+ .ng-disabled\:border-rose:disabled { border-color: var(--ng-colors-border-rose); }
14124
+ .ng-disabled\:border-rose-subtle:disabled { border-color: var(--ng-colors-border-rose-subtle); }
14125
+ .ng-disabled\:fg-rose-primary:disabled { color: var(--ng-colors-fg-rose-primary); }
14126
+ .ng-disabled\:fg-rose-secondary:disabled { color: var(--ng-colors-fg-rose-secondary); }
14127
+ .ng-disabled\:fg-rose-on-solid:disabled { color: var(--ng-colors-fg-rose-on-solid); }
14128
+ .ng-disabled\:bg-violet-primary:disabled { background-color: var(--ng-colors-bg-violet-primary); }
14129
+ .ng-disabled\:bg-violet-secondary:disabled { background-color: var(--ng-colors-bg-violet-secondary); }
14130
+ .ng-disabled\:bg-violet-solid:disabled { background-color: var(--ng-colors-bg-violet-solid); }
14131
+ .ng-disabled\:bg-violet-solid-hover:disabled { background-color: var(--ng-colors-bg-violet-solid-hover); }
14132
+ .ng-disabled\:border-violet:disabled { border-color: var(--ng-colors-border-violet); }
14133
+ .ng-disabled\:border-violet-subtle:disabled { border-color: var(--ng-colors-border-violet-subtle); }
14134
+ .ng-disabled\:fg-violet-primary:disabled { color: var(--ng-colors-fg-violet-primary); }
14135
+ .ng-disabled\:fg-violet-secondary:disabled { color: var(--ng-colors-fg-violet-secondary); }
14136
+ .ng-disabled\:fg-violet-on-solid:disabled { color: var(--ng-colors-fg-violet-on-solid); }
14137
+ .ng-disabled\:bg-moss-primary:disabled { background-color: var(--ng-colors-bg-moss-primary); }
14138
+ .ng-disabled\:bg-moss-secondary:disabled { background-color: var(--ng-colors-bg-moss-secondary); }
14139
+ .ng-disabled\:bg-moss-solid:disabled { background-color: var(--ng-colors-bg-moss-solid); }
14140
+ .ng-disabled\:bg-moss-solid-hover:disabled { background-color: var(--ng-colors-bg-moss-solid-hover); }
14141
+ .ng-disabled\:border-moss:disabled { border-color: var(--ng-colors-border-moss); }
14142
+ .ng-disabled\:border-moss-subtle:disabled { border-color: var(--ng-colors-border-moss-subtle); }
14143
+ .ng-disabled\:fg-moss-primary:disabled { color: var(--ng-colors-fg-moss-primary); }
14144
+ .ng-disabled\:fg-moss-secondary:disabled { color: var(--ng-colors-fg-moss-secondary); }
14145
+ .ng-disabled\:fg-moss-on-solid:disabled { color: var(--ng-colors-fg-moss-on-solid); }
14146
+ .ng-disabled\:bg-greenlight-primary:disabled { background-color: var(--ng-colors-bg-greenlight-primary); }
14147
+ .ng-disabled\:bg-greenlight-secondary:disabled { background-color: var(--ng-colors-bg-greenlight-secondary); }
14148
+ .ng-disabled\:bg-greenlight-solid:disabled { background-color: var(--ng-colors-bg-greenlight-solid); }
14149
+ .ng-disabled\:bg-greenlight-solid-hover:disabled { background-color: var(--ng-colors-bg-greenlight-solid-hover); }
14150
+ .ng-disabled\:border-greenlight:disabled { border-color: var(--ng-colors-border-greenlight); }
14151
+ .ng-disabled\:border-greenlight-subtle:disabled { border-color: var(--ng-colors-border-greenlight-subtle); }
14152
+ .ng-disabled\:fg-greenlight-primary:disabled { color: var(--ng-colors-fg-greenlight-primary); }
14153
+ .ng-disabled\:fg-greenlight-secondary:disabled { color: var(--ng-colors-fg-greenlight-secondary); }
14154
+ .ng-disabled\:fg-greenlight-on-solid:disabled { color: var(--ng-colors-fg-greenlight-on-solid); }
13669
14155
  .ng-disabled\:ring:disabled { box-shadow: var(--ng-focus-ring); }
13670
14156
  .ng-disabled\:ring-error:disabled { box-shadow: var(--ng-focus-ring-error); }
13671
14157
  .ng-disabled\:ring-shadow-xs:disabled { box-shadow: var(--ng-focus-ring-shadow-xs); }
@@ -14995,6 +15481,60 @@
14995
15481
  .ng-enabled\:bg-success-primary:enabled { background-color: var(--ng-colors-bg-success-primary); }
14996
15482
  .ng-enabled\:bg-success-secondary:enabled { background-color: var(--ng-colors-bg-success-secondary); }
14997
15483
  .ng-enabled\:bg-success-solid:enabled { background-color: var(--ng-colors-bg-success-solid); }
15484
+ .ng-enabled\:bg-teal-primary:enabled { background-color: var(--ng-colors-bg-teal-primary); }
15485
+ .ng-enabled\:bg-teal-secondary:enabled { background-color: var(--ng-colors-bg-teal-secondary); }
15486
+ .ng-enabled\:bg-teal-solid:enabled { background-color: var(--ng-colors-bg-teal-solid); }
15487
+ .ng-enabled\:bg-teal-solid-hover:enabled { background-color: var(--ng-colors-bg-teal-solid-hover); }
15488
+ .ng-enabled\:border-teal:enabled { border-color: var(--ng-colors-border-teal); }
15489
+ .ng-enabled\:border-teal-subtle:enabled { border-color: var(--ng-colors-border-teal-subtle); }
15490
+ .ng-enabled\:fg-teal-primary:enabled { color: var(--ng-colors-fg-teal-primary); }
15491
+ .ng-enabled\:fg-teal-secondary:enabled { color: var(--ng-colors-fg-teal-secondary); }
15492
+ .ng-enabled\:fg-teal-on-solid:enabled { color: var(--ng-colors-fg-teal-on-solid); }
15493
+ .ng-enabled\:bg-cyan-primary:enabled { background-color: var(--ng-colors-bg-cyan-primary); }
15494
+ .ng-enabled\:bg-cyan-secondary:enabled { background-color: var(--ng-colors-bg-cyan-secondary); }
15495
+ .ng-enabled\:bg-cyan-solid:enabled { background-color: var(--ng-colors-bg-cyan-solid); }
15496
+ .ng-enabled\:bg-cyan-solid-hover:enabled { background-color: var(--ng-colors-bg-cyan-solid-hover); }
15497
+ .ng-enabled\:border-cyan:enabled { border-color: var(--ng-colors-border-cyan); }
15498
+ .ng-enabled\:border-cyan-subtle:enabled { border-color: var(--ng-colors-border-cyan-subtle); }
15499
+ .ng-enabled\:fg-cyan-primary:enabled { color: var(--ng-colors-fg-cyan-primary); }
15500
+ .ng-enabled\:fg-cyan-secondary:enabled { color: var(--ng-colors-fg-cyan-secondary); }
15501
+ .ng-enabled\:fg-cyan-on-solid:enabled { color: var(--ng-colors-fg-cyan-on-solid); }
15502
+ .ng-enabled\:bg-rose-primary:enabled { background-color: var(--ng-colors-bg-rose-primary); }
15503
+ .ng-enabled\:bg-rose-secondary:enabled { background-color: var(--ng-colors-bg-rose-secondary); }
15504
+ .ng-enabled\:bg-rose-solid:enabled { background-color: var(--ng-colors-bg-rose-solid); }
15505
+ .ng-enabled\:bg-rose-solid-hover:enabled { background-color: var(--ng-colors-bg-rose-solid-hover); }
15506
+ .ng-enabled\:border-rose:enabled { border-color: var(--ng-colors-border-rose); }
15507
+ .ng-enabled\:border-rose-subtle:enabled { border-color: var(--ng-colors-border-rose-subtle); }
15508
+ .ng-enabled\:fg-rose-primary:enabled { color: var(--ng-colors-fg-rose-primary); }
15509
+ .ng-enabled\:fg-rose-secondary:enabled { color: var(--ng-colors-fg-rose-secondary); }
15510
+ .ng-enabled\:fg-rose-on-solid:enabled { color: var(--ng-colors-fg-rose-on-solid); }
15511
+ .ng-enabled\:bg-violet-primary:enabled { background-color: var(--ng-colors-bg-violet-primary); }
15512
+ .ng-enabled\:bg-violet-secondary:enabled { background-color: var(--ng-colors-bg-violet-secondary); }
15513
+ .ng-enabled\:bg-violet-solid:enabled { background-color: var(--ng-colors-bg-violet-solid); }
15514
+ .ng-enabled\:bg-violet-solid-hover:enabled { background-color: var(--ng-colors-bg-violet-solid-hover); }
15515
+ .ng-enabled\:border-violet:enabled { border-color: var(--ng-colors-border-violet); }
15516
+ .ng-enabled\:border-violet-subtle:enabled { border-color: var(--ng-colors-border-violet-subtle); }
15517
+ .ng-enabled\:fg-violet-primary:enabled { color: var(--ng-colors-fg-violet-primary); }
15518
+ .ng-enabled\:fg-violet-secondary:enabled { color: var(--ng-colors-fg-violet-secondary); }
15519
+ .ng-enabled\:fg-violet-on-solid:enabled { color: var(--ng-colors-fg-violet-on-solid); }
15520
+ .ng-enabled\:bg-moss-primary:enabled { background-color: var(--ng-colors-bg-moss-primary); }
15521
+ .ng-enabled\:bg-moss-secondary:enabled { background-color: var(--ng-colors-bg-moss-secondary); }
15522
+ .ng-enabled\:bg-moss-solid:enabled { background-color: var(--ng-colors-bg-moss-solid); }
15523
+ .ng-enabled\:bg-moss-solid-hover:enabled { background-color: var(--ng-colors-bg-moss-solid-hover); }
15524
+ .ng-enabled\:border-moss:enabled { border-color: var(--ng-colors-border-moss); }
15525
+ .ng-enabled\:border-moss-subtle:enabled { border-color: var(--ng-colors-border-moss-subtle); }
15526
+ .ng-enabled\:fg-moss-primary:enabled { color: var(--ng-colors-fg-moss-primary); }
15527
+ .ng-enabled\:fg-moss-secondary:enabled { color: var(--ng-colors-fg-moss-secondary); }
15528
+ .ng-enabled\:fg-moss-on-solid:enabled { color: var(--ng-colors-fg-moss-on-solid); }
15529
+ .ng-enabled\:bg-greenlight-primary:enabled { background-color: var(--ng-colors-bg-greenlight-primary); }
15530
+ .ng-enabled\:bg-greenlight-secondary:enabled { background-color: var(--ng-colors-bg-greenlight-secondary); }
15531
+ .ng-enabled\:bg-greenlight-solid:enabled { background-color: var(--ng-colors-bg-greenlight-solid); }
15532
+ .ng-enabled\:bg-greenlight-solid-hover:enabled { background-color: var(--ng-colors-bg-greenlight-solid-hover); }
15533
+ .ng-enabled\:border-greenlight:enabled { border-color: var(--ng-colors-border-greenlight); }
15534
+ .ng-enabled\:border-greenlight-subtle:enabled { border-color: var(--ng-colors-border-greenlight-subtle); }
15535
+ .ng-enabled\:fg-greenlight-primary:enabled { color: var(--ng-colors-fg-greenlight-primary); }
15536
+ .ng-enabled\:fg-greenlight-secondary:enabled { color: var(--ng-colors-fg-greenlight-secondary); }
15537
+ .ng-enabled\:fg-greenlight-on-solid:enabled { color: var(--ng-colors-fg-greenlight-on-solid); }
14998
15538
  .ng-enabled\:ring:enabled { box-shadow: var(--ng-focus-ring); }
14999
15539
  .ng-enabled\:ring-error:enabled { box-shadow: var(--ng-focus-ring-error); }
15000
15540
  .ng-enabled\:ring-shadow-xs:enabled { box-shadow: var(--ng-focus-ring-shadow-xs); }
@@ -16324,6 +16864,60 @@
16324
16864
  .ng-disabled\:bg-success-primary[aria-disabled="true"] { background-color: var(--ng-colors-bg-success-primary); }
16325
16865
  .ng-disabled\:bg-success-secondary[aria-disabled="true"] { background-color: var(--ng-colors-bg-success-secondary); }
16326
16866
  .ng-disabled\:bg-success-solid[aria-disabled="true"] { background-color: var(--ng-colors-bg-success-solid); }
16867
+ .ng-disabled\:bg-teal-primary[aria-disabled="true"] { background-color: var(--ng-colors-bg-teal-primary); }
16868
+ .ng-disabled\:bg-teal-secondary[aria-disabled="true"] { background-color: var(--ng-colors-bg-teal-secondary); }
16869
+ .ng-disabled\:bg-teal-solid[aria-disabled="true"] { background-color: var(--ng-colors-bg-teal-solid); }
16870
+ .ng-disabled\:bg-teal-solid-hover[aria-disabled="true"] { background-color: var(--ng-colors-bg-teal-solid-hover); }
16871
+ .ng-disabled\:border-teal[aria-disabled="true"] { border-color: var(--ng-colors-border-teal); }
16872
+ .ng-disabled\:border-teal-subtle[aria-disabled="true"] { border-color: var(--ng-colors-border-teal-subtle); }
16873
+ .ng-disabled\:fg-teal-primary[aria-disabled="true"] { color: var(--ng-colors-fg-teal-primary); }
16874
+ .ng-disabled\:fg-teal-secondary[aria-disabled="true"] { color: var(--ng-colors-fg-teal-secondary); }
16875
+ .ng-disabled\:fg-teal-on-solid[aria-disabled="true"] { color: var(--ng-colors-fg-teal-on-solid); }
16876
+ .ng-disabled\:bg-cyan-primary[aria-disabled="true"] { background-color: var(--ng-colors-bg-cyan-primary); }
16877
+ .ng-disabled\:bg-cyan-secondary[aria-disabled="true"] { background-color: var(--ng-colors-bg-cyan-secondary); }
16878
+ .ng-disabled\:bg-cyan-solid[aria-disabled="true"] { background-color: var(--ng-colors-bg-cyan-solid); }
16879
+ .ng-disabled\:bg-cyan-solid-hover[aria-disabled="true"] { background-color: var(--ng-colors-bg-cyan-solid-hover); }
16880
+ .ng-disabled\:border-cyan[aria-disabled="true"] { border-color: var(--ng-colors-border-cyan); }
16881
+ .ng-disabled\:border-cyan-subtle[aria-disabled="true"] { border-color: var(--ng-colors-border-cyan-subtle); }
16882
+ .ng-disabled\:fg-cyan-primary[aria-disabled="true"] { color: var(--ng-colors-fg-cyan-primary); }
16883
+ .ng-disabled\:fg-cyan-secondary[aria-disabled="true"] { color: var(--ng-colors-fg-cyan-secondary); }
16884
+ .ng-disabled\:fg-cyan-on-solid[aria-disabled="true"] { color: var(--ng-colors-fg-cyan-on-solid); }
16885
+ .ng-disabled\:bg-rose-primary[aria-disabled="true"] { background-color: var(--ng-colors-bg-rose-primary); }
16886
+ .ng-disabled\:bg-rose-secondary[aria-disabled="true"] { background-color: var(--ng-colors-bg-rose-secondary); }
16887
+ .ng-disabled\:bg-rose-solid[aria-disabled="true"] { background-color: var(--ng-colors-bg-rose-solid); }
16888
+ .ng-disabled\:bg-rose-solid-hover[aria-disabled="true"] { background-color: var(--ng-colors-bg-rose-solid-hover); }
16889
+ .ng-disabled\:border-rose[aria-disabled="true"] { border-color: var(--ng-colors-border-rose); }
16890
+ .ng-disabled\:border-rose-subtle[aria-disabled="true"] { border-color: var(--ng-colors-border-rose-subtle); }
16891
+ .ng-disabled\:fg-rose-primary[aria-disabled="true"] { color: var(--ng-colors-fg-rose-primary); }
16892
+ .ng-disabled\:fg-rose-secondary[aria-disabled="true"] { color: var(--ng-colors-fg-rose-secondary); }
16893
+ .ng-disabled\:fg-rose-on-solid[aria-disabled="true"] { color: var(--ng-colors-fg-rose-on-solid); }
16894
+ .ng-disabled\:bg-violet-primary[aria-disabled="true"] { background-color: var(--ng-colors-bg-violet-primary); }
16895
+ .ng-disabled\:bg-violet-secondary[aria-disabled="true"] { background-color: var(--ng-colors-bg-violet-secondary); }
16896
+ .ng-disabled\:bg-violet-solid[aria-disabled="true"] { background-color: var(--ng-colors-bg-violet-solid); }
16897
+ .ng-disabled\:bg-violet-solid-hover[aria-disabled="true"] { background-color: var(--ng-colors-bg-violet-solid-hover); }
16898
+ .ng-disabled\:border-violet[aria-disabled="true"] { border-color: var(--ng-colors-border-violet); }
16899
+ .ng-disabled\:border-violet-subtle[aria-disabled="true"] { border-color: var(--ng-colors-border-violet-subtle); }
16900
+ .ng-disabled\:fg-violet-primary[aria-disabled="true"] { color: var(--ng-colors-fg-violet-primary); }
16901
+ .ng-disabled\:fg-violet-secondary[aria-disabled="true"] { color: var(--ng-colors-fg-violet-secondary); }
16902
+ .ng-disabled\:fg-violet-on-solid[aria-disabled="true"] { color: var(--ng-colors-fg-violet-on-solid); }
16903
+ .ng-disabled\:bg-moss-primary[aria-disabled="true"] { background-color: var(--ng-colors-bg-moss-primary); }
16904
+ .ng-disabled\:bg-moss-secondary[aria-disabled="true"] { background-color: var(--ng-colors-bg-moss-secondary); }
16905
+ .ng-disabled\:bg-moss-solid[aria-disabled="true"] { background-color: var(--ng-colors-bg-moss-solid); }
16906
+ .ng-disabled\:bg-moss-solid-hover[aria-disabled="true"] { background-color: var(--ng-colors-bg-moss-solid-hover); }
16907
+ .ng-disabled\:border-moss[aria-disabled="true"] { border-color: var(--ng-colors-border-moss); }
16908
+ .ng-disabled\:border-moss-subtle[aria-disabled="true"] { border-color: var(--ng-colors-border-moss-subtle); }
16909
+ .ng-disabled\:fg-moss-primary[aria-disabled="true"] { color: var(--ng-colors-fg-moss-primary); }
16910
+ .ng-disabled\:fg-moss-secondary[aria-disabled="true"] { color: var(--ng-colors-fg-moss-secondary); }
16911
+ .ng-disabled\:fg-moss-on-solid[aria-disabled="true"] { color: var(--ng-colors-fg-moss-on-solid); }
16912
+ .ng-disabled\:bg-greenlight-primary[aria-disabled="true"] { background-color: var(--ng-colors-bg-greenlight-primary); }
16913
+ .ng-disabled\:bg-greenlight-secondary[aria-disabled="true"] { background-color: var(--ng-colors-bg-greenlight-secondary); }
16914
+ .ng-disabled\:bg-greenlight-solid[aria-disabled="true"] { background-color: var(--ng-colors-bg-greenlight-solid); }
16915
+ .ng-disabled\:bg-greenlight-solid-hover[aria-disabled="true"] { background-color: var(--ng-colors-bg-greenlight-solid-hover); }
16916
+ .ng-disabled\:border-greenlight[aria-disabled="true"] { border-color: var(--ng-colors-border-greenlight); }
16917
+ .ng-disabled\:border-greenlight-subtle[aria-disabled="true"] { border-color: var(--ng-colors-border-greenlight-subtle); }
16918
+ .ng-disabled\:fg-greenlight-primary[aria-disabled="true"] { color: var(--ng-colors-fg-greenlight-primary); }
16919
+ .ng-disabled\:fg-greenlight-secondary[aria-disabled="true"] { color: var(--ng-colors-fg-greenlight-secondary); }
16920
+ .ng-disabled\:fg-greenlight-on-solid[aria-disabled="true"] { color: var(--ng-colors-fg-greenlight-on-solid); }
16327
16921
  .ng-disabled\:ring[aria-disabled="true"] { box-shadow: var(--ng-focus-ring); }
16328
16922
  .ng-disabled\:ring-error[aria-disabled="true"] { box-shadow: var(--ng-focus-ring-error); }
16329
16923
  .ng-disabled\:ring-shadow-xs[aria-disabled="true"] { box-shadow: var(--ng-focus-ring-shadow-xs); }