@aquera/nile-elements 2.0.4 → 2.0.6

package/demo/nxtgen-classes.css

@@ -1,3 +1,6 @@
+/* @nile-version 1.3.2 */
+:root { --nile-version: "1.3.2"; }
+
 /**
  * Do not edit directly
  * Generated by build-nxtgen-utilities.mjs
@@ -3278,84 +3281,84 @@
 .ng-fill-blue-950   { fill: var(--ng-color-blue-950); }
 .ng-stroke-blue-950 { stroke: var(--ng-color-blue-950); }
 
-/* color-bluedark-25: #F5F8FFFF */
+/* color-bluedark-25: #F5F8FEFF */
 .ng-text-bluedark-25   { color: var(--ng-color-bluedark-25); }
 .ng-bg-bluedark-25     { background-color: var(--ng-color-bluedark-25); }
 .ng-border-bluedark-25 { border-color: var(--ng-color-bluedark-25); }
 .ng-fill-bluedark-25   { fill: var(--ng-color-bluedark-25); }
 .ng-stroke-bluedark-25 { stroke: var(--ng-color-bluedark-25); }
 
-/* color-bluedark-50: #EFF4FFFF */
+/* color-bluedark-50: #F0F4FDFF */
 .ng-text-bluedark-50   { color: var(--ng-color-bluedark-50); }
 .ng-bg-bluedark-50     { background-color: var(--ng-color-bluedark-50); }
 .ng-border-bluedark-50 { border-color: var(--ng-color-bluedark-50); }
 .ng-fill-bluedark-50   { fill: var(--ng-color-bluedark-50); }
 .ng-stroke-bluedark-50 { stroke: var(--ng-color-bluedark-50); }
 
-/* color-bluedark-100: #D1E0FFFF */
+/* color-bluedark-100: #D3E1FAFF */
 .ng-text-bluedark-100   { color: var(--ng-color-bluedark-100); }
 .ng-bg-bluedark-100     { background-color: var(--ng-color-bluedark-100); }
 .ng-border-bluedark-100 { border-color: var(--ng-color-bluedark-100); }
 .ng-fill-bluedark-100   { fill: var(--ng-color-bluedark-100); }
 .ng-stroke-bluedark-100 { stroke: var(--ng-color-bluedark-100); }
 
-/* color-bluedark-200: #B2CCFFFF */
+/* color-bluedark-200: #B4CEF7FF */
 .ng-text-bluedark-200   { color: var(--ng-color-bluedark-200); }
 .ng-bg-bluedark-200     { background-color: var(--ng-color-bluedark-200); }
 .ng-border-bluedark-200 { border-color: var(--ng-color-bluedark-200); }
 .ng-fill-bluedark-200   { fill: var(--ng-color-bluedark-200); }
 .ng-stroke-bluedark-200 { stroke: var(--ng-color-bluedark-200); }
 
-/* color-bluedark-300: #84ADFFFF */
+/* color-bluedark-300: #88B0F3FF */
 .ng-text-bluedark-300   { color: var(--ng-color-bluedark-300); }
 .ng-bg-bluedark-300     { background-color: var(--ng-color-bluedark-300); }
 .ng-border-bluedark-300 { border-color: var(--ng-color-bluedark-300); }
 .ng-fill-bluedark-300   { fill: var(--ng-color-bluedark-300); }
 .ng-stroke-bluedark-300 { stroke: var(--ng-color-bluedark-300); }
 
-/* color-bluedark-400: #528BFFFF */
+/* color-bluedark-400: #5690EEFF */
 .ng-text-bluedark-400   { color: var(--ng-color-bluedark-400); }
 .ng-bg-bluedark-400     { background-color: var(--ng-color-bluedark-400); }
 .ng-border-bluedark-400 { border-color: var(--ng-color-bluedark-400); }
 .ng-fill-bluedark-400   { fill: var(--ng-color-bluedark-400); }
 .ng-stroke-bluedark-400 { stroke: var(--ng-color-bluedark-400); }
 
-/* color-bluedark-500: #2970FFFF */
+/* color-bluedark-500: #2D79EBFF */
 .ng-text-bluedark-500   { color: var(--ng-color-bluedark-500); }
 .ng-bg-bluedark-500     { background-color: var(--ng-color-bluedark-500); }
 .ng-border-bluedark-500 { border-color: var(--ng-color-bluedark-500); }
 .ng-fill-bluedark-500   { fill: var(--ng-color-bluedark-500); }
 .ng-stroke-bluedark-500 { stroke: var(--ng-color-bluedark-500); }
 
-/* color-bluedark-600: #155EEFFF */
+/* color-bluedark-600: #1868DBFF */
 .ng-text-bluedark-600   { color: var(--ng-color-bluedark-600); }
 .ng-bg-bluedark-600     { background-color: var(--ng-color-bluedark-600); }
 .ng-border-bluedark-600 { border-color: var(--ng-color-bluedark-600); }
 .ng-fill-bluedark-600   { fill: var(--ng-color-bluedark-600); }
 .ng-stroke-bluedark-600 { stroke: var(--ng-color-bluedark-600); }
 
-/* color-bluedark-700: #004EEBFF */
+/* color-bluedark-700: #005BD4FF */
 .ng-text-bluedark-700   { color: var(--ng-color-bluedark-700); }
 .ng-bg-bluedark-700     { background-color: var(--ng-color-bluedark-700); }
 .ng-border-bluedark-700 { border-color: var(--ng-color-bluedark-700); }
 .ng-fill-bluedark-700   { fill: var(--ng-color-bluedark-700); }
 .ng-stroke-bluedark-700 { stroke: var(--ng-color-bluedark-700); }
 
-/* color-bluedark-800: #0040C1FF */
+/* color-bluedark-800: #004AAEFF */
 .ng-text-bluedark-800   { color: var(--ng-color-bluedark-800); }
 .ng-bg-bluedark-800     { background-color: var(--ng-color-bluedark-800); }
 .ng-border-bluedark-800 { border-color: var(--ng-color-bluedark-800); }
 .ng-fill-bluedark-800   { fill: var(--ng-color-bluedark-800); }
 .ng-stroke-bluedark-800 { stroke: var(--ng-color-bluedark-800); }
 
-/* color-bluedark-900: #00359EFF */
+/* color-bluedark-900: #003D90FF */
 .ng-text-bluedark-900   { color: var(--ng-color-bluedark-900); }
 .ng-bg-bluedark-900     { background-color: var(--ng-color-bluedark-900); }
 .ng-border-bluedark-900 { border-color: var(--ng-color-bluedark-900); }
 .ng-fill-bluedark-900   { fill: var(--ng-color-bluedark-900); }
 .ng-stroke-bluedark-900 { stroke: var(--ng-color-bluedark-900); }
 
-/* color-bluedark-950: #002266FF */
+/* color-bluedark-950: #01275DFF */
 .ng-text-bluedark-950   { color: var(--ng-color-bluedark-950); }
 .ng-bg-bluedark-950     { background-color: var(--ng-color-bluedark-950); }
 .ng-border-bluedark-950 { border-color: var(--ng-color-bluedark-950); }
@@ -4468,6 +4471,168 @@
 /* colors-bg-success-solid: var(--ng-color-success-600) */
 .ng-bg-success-solid { background-color: var(--ng-colors-bg-success-solid); }
 
+/* colors-bg-teal-primary: var(--ng-color-teal-50) */
+.ng-bg-teal-primary { background-color: var(--ng-colors-bg-teal-primary); }
+
+/* colors-bg-teal-secondary: var(--ng-color-teal-100) */
+.ng-bg-teal-secondary { background-color: var(--ng-colors-bg-teal-secondary); }
+
+/* colors-bg-teal-solid: var(--ng-color-teal-600) */
+.ng-bg-teal-solid { background-color: var(--ng-colors-bg-teal-solid); }
+
+/* colors-bg-teal-solid-hover: var(--ng-color-teal-700) */
+.ng-bg-teal-solid-hover { background-color: var(--ng-colors-bg-teal-solid-hover); }
+
+/* colors-border-teal: var(--ng-color-teal-500) */
+.ng-border-teal { border-color: var(--ng-colors-border-teal); }
+
+/* colors-border-teal-subtle: var(--ng-color-teal-300) */
+.ng-border-teal-subtle { border-color: var(--ng-colors-border-teal-subtle); }
+
+/* colors-fg-teal-primary: var(--ng-color-teal-600) */
+.ng-fg-teal-primary { color: var(--ng-colors-fg-teal-primary); }
+
+/* colors-fg-teal-secondary: var(--ng-color-teal-500) */
+.ng-fg-teal-secondary { color: var(--ng-colors-fg-teal-secondary); }
+
+/* colors-fg-teal-on-solid: var(--ng-color-base-white) */
+.ng-fg-teal-on-solid { color: var(--ng-colors-fg-teal-on-solid); }
+
+/* colors-bg-cyan-primary: var(--ng-color-cyan-50) */
+.ng-bg-cyan-primary { background-color: var(--ng-colors-bg-cyan-primary); }
+
+/* colors-bg-cyan-secondary: var(--ng-color-cyan-100) */
+.ng-bg-cyan-secondary { background-color: var(--ng-colors-bg-cyan-secondary); }
+
+/* colors-bg-cyan-solid: var(--ng-color-cyan-600) */
+.ng-bg-cyan-solid { background-color: var(--ng-colors-bg-cyan-solid); }
+
+/* colors-bg-cyan-solid-hover: var(--ng-color-cyan-700) */
+.ng-bg-cyan-solid-hover { background-color: var(--ng-colors-bg-cyan-solid-hover); }
+
+/* colors-border-cyan: var(--ng-color-cyan-500) */
+.ng-border-cyan { border-color: var(--ng-colors-border-cyan); }
+
+/* colors-border-cyan-subtle: var(--ng-color-cyan-300) */
+.ng-border-cyan-subtle { border-color: var(--ng-colors-border-cyan-subtle); }
+
+/* colors-fg-cyan-primary: var(--ng-color-cyan-600) */
+.ng-fg-cyan-primary { color: var(--ng-colors-fg-cyan-primary); }
+
+/* colors-fg-cyan-secondary: var(--ng-color-cyan-500) */
+.ng-fg-cyan-secondary { color: var(--ng-colors-fg-cyan-secondary); }
+
+/* colors-fg-cyan-on-solid: var(--ng-color-base-white) */
+.ng-fg-cyan-on-solid { color: var(--ng-colors-fg-cyan-on-solid); }
+
+/* colors-bg-rose-primary: var(--ng-color-rose-50) */
+.ng-bg-rose-primary { background-color: var(--ng-colors-bg-rose-primary); }
+
+/* colors-bg-rose-secondary: var(--ng-color-rose-100) */
+.ng-bg-rose-secondary { background-color: var(--ng-colors-bg-rose-secondary); }
+
+/* colors-bg-rose-solid: var(--ng-color-rose-600) */
+.ng-bg-rose-solid { background-color: var(--ng-colors-bg-rose-solid); }
+
+/* colors-bg-rose-solid-hover: var(--ng-color-rose-700) */
+.ng-bg-rose-solid-hover { background-color: var(--ng-colors-bg-rose-solid-hover); }
+
+/* colors-border-rose: var(--ng-color-rose-500) */
+.ng-border-rose { border-color: var(--ng-colors-border-rose); }
+
+/* colors-border-rose-subtle: var(--ng-color-rose-300) */
+.ng-border-rose-subtle { border-color: var(--ng-colors-border-rose-subtle); }
+
+/* colors-fg-rose-primary: var(--ng-color-rose-600) */
+.ng-fg-rose-primary { color: var(--ng-colors-fg-rose-primary); }
+
+/* colors-fg-rose-secondary: var(--ng-color-rose-500) */
+.ng-fg-rose-secondary { color: var(--ng-colors-fg-rose-secondary); }
+
+/* colors-fg-rose-on-solid: var(--ng-color-base-white) */
+.ng-fg-rose-on-solid { color: var(--ng-colors-fg-rose-on-solid); }
+
+/* colors-bg-violet-primary: var(--ng-color-violet-50) */
+.ng-bg-violet-primary { background-color: var(--ng-colors-bg-violet-primary); }
+
+/* colors-bg-violet-secondary: var(--ng-color-violet-100) */
+.ng-bg-violet-secondary { background-color: var(--ng-colors-bg-violet-secondary); }
+
+/* colors-bg-violet-solid: var(--ng-color-violet-600) */
+.ng-bg-violet-solid { background-color: var(--ng-colors-bg-violet-solid); }
+
+/* colors-bg-violet-solid-hover: var(--ng-color-violet-700) */
+.ng-bg-violet-solid-hover { background-color: var(--ng-colors-bg-violet-solid-hover); }
+
+/* colors-border-violet: var(--ng-color-violet-500) */
+.ng-border-violet { border-color: var(--ng-colors-border-violet); }
+
+/* colors-border-violet-subtle: var(--ng-color-violet-300) */
+.ng-border-violet-subtle { border-color: var(--ng-colors-border-violet-subtle); }
+
+/* colors-fg-violet-primary: var(--ng-color-violet-600) */
+.ng-fg-violet-primary { color: var(--ng-colors-fg-violet-primary); }
+
+/* colors-fg-violet-secondary: var(--ng-color-violet-500) */
+.ng-fg-violet-secondary { color: var(--ng-colors-fg-violet-secondary); }
+
+/* colors-fg-violet-on-solid: var(--ng-color-base-white) */
+.ng-fg-violet-on-solid { color: var(--ng-colors-fg-violet-on-solid); }
+
+/* colors-bg-moss-primary: var(--ng-color-moss-50) */
+.ng-bg-moss-primary { background-color: var(--ng-colors-bg-moss-primary); }
+
+/* colors-bg-moss-secondary: var(--ng-color-moss-100) */
+.ng-bg-moss-secondary { background-color: var(--ng-colors-bg-moss-secondary); }
+
+/* colors-bg-moss-solid: var(--ng-color-moss-600) */
+.ng-bg-moss-solid { background-color: var(--ng-colors-bg-moss-solid); }
+
+/* colors-bg-moss-solid-hover: var(--ng-color-moss-700) */
+.ng-bg-moss-solid-hover { background-color: var(--ng-colors-bg-moss-solid-hover); }
+
+/* colors-border-moss: var(--ng-color-moss-500) */
+.ng-border-moss { border-color: var(--ng-colors-border-moss); }
+
+/* colors-border-moss-subtle: var(--ng-color-moss-300) */
+.ng-border-moss-subtle { border-color: var(--ng-colors-border-moss-subtle); }
+
+/* colors-fg-moss-primary: var(--ng-color-moss-600) */
+.ng-fg-moss-primary { color: var(--ng-colors-fg-moss-primary); }
+
+/* colors-fg-moss-secondary: var(--ng-color-moss-500) */
+.ng-fg-moss-secondary { color: var(--ng-colors-fg-moss-secondary); }
+
+/* colors-fg-moss-on-solid: var(--ng-color-base-white) */
+.ng-fg-moss-on-solid { color: var(--ng-colors-fg-moss-on-solid); }
+
+/* colors-bg-greenlight-primary: var(--ng-color-greenlight-50) */
+.ng-bg-greenlight-primary { background-color: var(--ng-colors-bg-greenlight-primary); }
+
+/* colors-bg-greenlight-secondary: var(--ng-color-greenlight-100) */
+.ng-bg-greenlight-secondary { background-color: var(--ng-colors-bg-greenlight-secondary); }
+
+/* colors-bg-greenlight-solid: var(--ng-color-greenlight-600) */
+.ng-bg-greenlight-solid { background-color: var(--ng-colors-bg-greenlight-solid); }
+
+/* colors-bg-greenlight-solid-hover: var(--ng-color-greenlight-700) */
+.ng-bg-greenlight-solid-hover { background-color: var(--ng-colors-bg-greenlight-solid-hover); }
+
+/* colors-border-greenlight: var(--ng-color-greenlight-500) */
+.ng-border-greenlight { border-color: var(--ng-colors-border-greenlight); }
+
+/* colors-border-greenlight-subtle: var(--ng-color-greenlight-300) */
+.ng-border-greenlight-subtle { border-color: var(--ng-colors-border-greenlight-subtle); }
+
+/* colors-fg-greenlight-primary: var(--ng-color-greenlight-600) */
+.ng-fg-greenlight-primary { color: var(--ng-colors-fg-greenlight-primary); }
+
+/* colors-fg-greenlight-secondary: var(--ng-color-greenlight-500) */
+.ng-fg-greenlight-secondary { color: var(--ng-colors-fg-greenlight-secondary); }
+
+/* colors-fg-greenlight-on-solid: var(--ng-color-base-white) */
+.ng-fg-greenlight-on-solid { color: var(--ng-colors-fg-greenlight-on-solid); }
+
 
 /* ============================================================
    Colors — component colors
@@ -7021,6 +7186,60 @@
 .ng-hover\:bg-success-primary:hover { background-color: var(--ng-colors-bg-success-primary); }
 .ng-hover\:bg-success-secondary:hover { background-color: var(--ng-colors-bg-success-secondary); }
 .ng-hover\:bg-success-solid:hover { background-color: var(--ng-colors-bg-success-solid); }
+.ng-hover\:bg-teal-primary:hover { background-color: var(--ng-colors-bg-teal-primary); }
+.ng-hover\:bg-teal-secondary:hover { background-color: var(--ng-colors-bg-teal-secondary); }
+.ng-hover\:bg-teal-solid:hover { background-color: var(--ng-colors-bg-teal-solid); }
+.ng-hover\:bg-teal-solid-hover:hover { background-color: var(--ng-colors-bg-teal-solid-hover); }
+.ng-hover\:border-teal:hover { border-color: var(--ng-colors-border-teal); }
+.ng-hover\:border-teal-subtle:hover { border-color: var(--ng-colors-border-teal-subtle); }
+.ng-hover\:fg-teal-primary:hover { color: var(--ng-colors-fg-teal-primary); }
+.ng-hover\:fg-teal-secondary:hover { color: var(--ng-colors-fg-teal-secondary); }
+.ng-hover\:fg-teal-on-solid:hover { color: var(--ng-colors-fg-teal-on-solid); }
+.ng-hover\:bg-cyan-primary:hover { background-color: var(--ng-colors-bg-cyan-primary); }
+.ng-hover\:bg-cyan-secondary:hover { background-color: var(--ng-colors-bg-cyan-secondary); }
+.ng-hover\:bg-cyan-solid:hover { background-color: var(--ng-colors-bg-cyan-solid); }
+.ng-hover\:bg-cyan-solid-hover:hover { background-color: var(--ng-colors-bg-cyan-solid-hover); }
+.ng-hover\:border-cyan:hover { border-color: var(--ng-colors-border-cyan); }
+.ng-hover\:border-cyan-subtle:hover { border-color: var(--ng-colors-border-cyan-subtle); }
+.ng-hover\:fg-cyan-primary:hover { color: var(--ng-colors-fg-cyan-primary); }
+.ng-hover\:fg-cyan-secondary:hover { color: var(--ng-colors-fg-cyan-secondary); }
+.ng-hover\:fg-cyan-on-solid:hover { color: var(--ng-colors-fg-cyan-on-solid); }
+.ng-hover\:bg-rose-primary:hover { background-color: var(--ng-colors-bg-rose-primary); }
+.ng-hover\:bg-rose-secondary:hover { background-color: var(--ng-colors-bg-rose-secondary); }
+.ng-hover\:bg-rose-solid:hover { background-color: var(--ng-colors-bg-rose-solid); }
+.ng-hover\:bg-rose-solid-hover:hover { background-color: var(--ng-colors-bg-rose-solid-hover); }
+.ng-hover\:border-rose:hover { border-color: var(--ng-colors-border-rose); }
+.ng-hover\:border-rose-subtle:hover { border-color: var(--ng-colors-border-rose-subtle); }
+.ng-hover\:fg-rose-primary:hover { color: var(--ng-colors-fg-rose-primary); }
+.ng-hover\:fg-rose-secondary:hover { color: var(--ng-colors-fg-rose-secondary); }
+.ng-hover\:fg-rose-on-solid:hover { color: var(--ng-colors-fg-rose-on-solid); }
+.ng-hover\:bg-violet-primary:hover { background-color: var(--ng-colors-bg-violet-primary); }
+.ng-hover\:bg-violet-secondary:hover { background-color: var(--ng-colors-bg-violet-secondary); }
+.ng-hover\:bg-violet-solid:hover { background-color: var(--ng-colors-bg-violet-solid); }
+.ng-hover\:bg-violet-solid-hover:hover { background-color: var(--ng-colors-bg-violet-solid-hover); }
+.ng-hover\:border-violet:hover { border-color: var(--ng-colors-border-violet); }
+.ng-hover\:border-violet-subtle:hover { border-color: var(--ng-colors-border-violet-subtle); }
+.ng-hover\:fg-violet-primary:hover { color: var(--ng-colors-fg-violet-primary); }
+.ng-hover\:fg-violet-secondary:hover { color: var(--ng-colors-fg-violet-secondary); }
+.ng-hover\:fg-violet-on-solid:hover { color: var(--ng-colors-fg-violet-on-solid); }
+.ng-hover\:bg-moss-primary:hover { background-color: var(--ng-colors-bg-moss-primary); }
+.ng-hover\:bg-moss-secondary:hover { background-color: var(--ng-colors-bg-moss-secondary); }
+.ng-hover\:bg-moss-solid:hover { background-color: var(--ng-colors-bg-moss-solid); }
+.ng-hover\:bg-moss-solid-hover:hover { background-color: var(--ng-colors-bg-moss-solid-hover); }
+.ng-hover\:border-moss:hover { border-color: var(--ng-colors-border-moss); }
+.ng-hover\:border-moss-subtle:hover { border-color: var(--ng-colors-border-moss-subtle); }
+.ng-hover\:fg-moss-primary:hover { color: var(--ng-colors-fg-moss-primary); }
+.ng-hover\:fg-moss-secondary:hover { color: var(--ng-colors-fg-moss-secondary); }
+.ng-hover\:fg-moss-on-solid:hover { color: var(--ng-colors-fg-moss-on-solid); }
+.ng-hover\:bg-greenlight-primary:hover { background-color: var(--ng-colors-bg-greenlight-primary); }
+.ng-hover\:bg-greenlight-secondary:hover { background-color: var(--ng-colors-bg-greenlight-secondary); }
+.ng-hover\:bg-greenlight-solid:hover { background-color: var(--ng-colors-bg-greenlight-solid); }
+.ng-hover\:bg-greenlight-solid-hover:hover { background-color: var(--ng-colors-bg-greenlight-solid-hover); }
+.ng-hover\:border-greenlight:hover { border-color: var(--ng-colors-border-greenlight); }
+.ng-hover\:border-greenlight-subtle:hover { border-color: var(--ng-colors-border-greenlight-subtle); }
+.ng-hover\:fg-greenlight-primary:hover { color: var(--ng-colors-fg-greenlight-primary); }
+.ng-hover\:fg-greenlight-secondary:hover { color: var(--ng-colors-fg-greenlight-secondary); }
+.ng-hover\:fg-greenlight-on-solid:hover { color: var(--ng-colors-fg-greenlight-on-solid); }
 .ng-hover\:ring:hover { box-shadow: var(--ng-focus-ring); }
 .ng-hover\:ring-error:hover { box-shadow: var(--ng-focus-ring-error); }
 .ng-hover\:ring-shadow-xs:hover { box-shadow: var(--ng-focus-ring-shadow-xs); }
@@ -8350,6 +8569,60 @@
 .ng-focus\:bg-success-primary:focus { background-color: var(--ng-colors-bg-success-primary); }
 .ng-focus\:bg-success-secondary:focus { background-color: var(--ng-colors-bg-success-secondary); }
 .ng-focus\:bg-success-solid:focus { background-color: var(--ng-colors-bg-success-solid); }
+.ng-focus\:bg-teal-primary:focus { background-color: var(--ng-colors-bg-teal-primary); }
+.ng-focus\:bg-teal-secondary:focus { background-color: var(--ng-colors-bg-teal-secondary); }
+.ng-focus\:bg-teal-solid:focus { background-color: var(--ng-colors-bg-teal-solid); }
+.ng-focus\:bg-teal-solid-hover:focus { background-color: var(--ng-colors-bg-teal-solid-hover); }
+.ng-focus\:border-teal:focus { border-color: var(--ng-colors-border-teal); }
+.ng-focus\:border-teal-subtle:focus { border-color: var(--ng-colors-border-teal-subtle); }
+.ng-focus\:fg-teal-primary:focus { color: var(--ng-colors-fg-teal-primary); }
+.ng-focus\:fg-teal-secondary:focus { color: var(--ng-colors-fg-teal-secondary); }
+.ng-focus\:fg-teal-on-solid:focus { color: var(--ng-colors-fg-teal-on-solid); }
+.ng-focus\:bg-cyan-primary:focus { background-color: var(--ng-colors-bg-cyan-primary); }
+.ng-focus\:bg-cyan-secondary:focus { background-color: var(--ng-colors-bg-cyan-secondary); }
+.ng-focus\:bg-cyan-solid:focus { background-color: var(--ng-colors-bg-cyan-solid); }
+.ng-focus\:bg-cyan-solid-hover:focus { background-color: var(--ng-colors-bg-cyan-solid-hover); }
+.ng-focus\:border-cyan:focus { border-color: var(--ng-colors-border-cyan); }
+.ng-focus\:border-cyan-subtle:focus { border-color: var(--ng-colors-border-cyan-subtle); }
+.ng-focus\:fg-cyan-primary:focus { color: var(--ng-colors-fg-cyan-primary); }
+.ng-focus\:fg-cyan-secondary:focus { color: var(--ng-colors-fg-cyan-secondary); }
+.ng-focus\:fg-cyan-on-solid:focus { color: var(--ng-colors-fg-cyan-on-solid); }
+.ng-focus\:bg-rose-primary:focus { background-color: var(--ng-colors-bg-rose-primary); }
+.ng-focus\:bg-rose-secondary:focus { background-color: var(--ng-colors-bg-rose-secondary); }
+.ng-focus\:bg-rose-solid:focus { background-color: var(--ng-colors-bg-rose-solid); }
+.ng-focus\:bg-rose-solid-hover:focus { background-color: var(--ng-colors-bg-rose-solid-hover); }
+.ng-focus\:border-rose:focus { border-color: var(--ng-colors-border-rose); }
+.ng-focus\:border-rose-subtle:focus { border-color: var(--ng-colors-border-rose-subtle); }
+.ng-focus\:fg-rose-primary:focus { color: var(--ng-colors-fg-rose-primary); }
+.ng-focus\:fg-rose-secondary:focus { color: var(--ng-colors-fg-rose-secondary); }
+.ng-focus\:fg-rose-on-solid:focus { color: var(--ng-colors-fg-rose-on-solid); }
+.ng-focus\:bg-violet-primary:focus { background-color: var(--ng-colors-bg-violet-primary); }
+.ng-focus\:bg-violet-secondary:focus { background-color: var(--ng-colors-bg-violet-secondary); }
+.ng-focus\:bg-violet-solid:focus { background-color: var(--ng-colors-bg-violet-solid); }
+.ng-focus\:bg-violet-solid-hover:focus { background-color: var(--ng-colors-bg-violet-solid-hover); }
+.ng-focus\:border-violet:focus { border-color: var(--ng-colors-border-violet); }
+.ng-focus\:border-violet-subtle:focus { border-color: var(--ng-colors-border-violet-subtle); }
+.ng-focus\:fg-violet-primary:focus { color: var(--ng-colors-fg-violet-primary); }
+.ng-focus\:fg-violet-secondary:focus { color: var(--ng-colors-fg-violet-secondary); }
+.ng-focus\:fg-violet-on-solid:focus { color: var(--ng-colors-fg-violet-on-solid); }
+.ng-focus\:bg-moss-primary:focus { background-color: var(--ng-colors-bg-moss-primary); }
+.ng-focus\:bg-moss-secondary:focus { background-color: var(--ng-colors-bg-moss-secondary); }
+.ng-focus\:bg-moss-solid:focus { background-color: var(--ng-colors-bg-moss-solid); }
+.ng-focus\:bg-moss-solid-hover:focus { background-color: var(--ng-colors-bg-moss-solid-hover); }
+.ng-focus\:border-moss:focus { border-color: var(--ng-colors-border-moss); }
+.ng-focus\:border-moss-subtle:focus { border-color: var(--ng-colors-border-moss-subtle); }
+.ng-focus\:fg-moss-primary:focus { color: var(--ng-colors-fg-moss-primary); }
+.ng-focus\:fg-moss-secondary:focus { color: var(--ng-colors-fg-moss-secondary); }
+.ng-focus\:fg-moss-on-solid:focus { color: var(--ng-colors-fg-moss-on-solid); }
+.ng-focus\:bg-greenlight-primary:focus { background-color: var(--ng-colors-bg-greenlight-primary); }
+.ng-focus\:bg-greenlight-secondary:focus { background-color: var(--ng-colors-bg-greenlight-secondary); }
+.ng-focus\:bg-greenlight-solid:focus { background-color: var(--ng-colors-bg-greenlight-solid); }
+.ng-focus\:bg-greenlight-solid-hover:focus { background-color: var(--ng-colors-bg-greenlight-solid-hover); }
+.ng-focus\:border-greenlight:focus { border-color: var(--ng-colors-border-greenlight); }
+.ng-focus\:border-greenlight-subtle:focus { border-color: var(--ng-colors-border-greenlight-subtle); }
+.ng-focus\:fg-greenlight-primary:focus { color: var(--ng-colors-fg-greenlight-primary); }
+.ng-focus\:fg-greenlight-secondary:focus { color: var(--ng-colors-fg-greenlight-secondary); }
+.ng-focus\:fg-greenlight-on-solid:focus { color: var(--ng-colors-fg-greenlight-on-solid); }
 .ng-focus\:ring:focus { box-shadow: var(--ng-focus-ring); }
 .ng-focus\:ring-error:focus { box-shadow: var(--ng-focus-ring-error); }
 .ng-focus\:ring-shadow-xs:focus { box-shadow: var(--ng-focus-ring-shadow-xs); }
@@ -9679,6 +9952,60 @@
 .ng-focus-visible\:bg-success-primary:focus-visible { background-color: var(--ng-colors-bg-success-primary); }
 .ng-focus-visible\:bg-success-secondary:focus-visible { background-color: var(--ng-colors-bg-success-secondary); }
 .ng-focus-visible\:bg-success-solid:focus-visible { background-color: var(--ng-colors-bg-success-solid); }
+.ng-focus-visible\:bg-teal-primary:focus-visible { background-color: var(--ng-colors-bg-teal-primary); }
+.ng-focus-visible\:bg-teal-secondary:focus-visible { background-color: var(--ng-colors-bg-teal-secondary); }
+.ng-focus-visible\:bg-teal-solid:focus-visible { background-color: var(--ng-colors-bg-teal-solid); }
+.ng-focus-visible\:bg-teal-solid-hover:focus-visible { background-color: var(--ng-colors-bg-teal-solid-hover); }
+.ng-focus-visible\:border-teal:focus-visible { border-color: var(--ng-colors-border-teal); }
+.ng-focus-visible\:border-teal-subtle:focus-visible { border-color: var(--ng-colors-border-teal-subtle); }
+.ng-focus-visible\:fg-teal-primary:focus-visible { color: var(--ng-colors-fg-teal-primary); }
+.ng-focus-visible\:fg-teal-secondary:focus-visible { color: var(--ng-colors-fg-teal-secondary); }
+.ng-focus-visible\:fg-teal-on-solid:focus-visible { color: var(--ng-colors-fg-teal-on-solid); }
+.ng-focus-visible\:bg-cyan-primary:focus-visible { background-color: var(--ng-colors-bg-cyan-primary); }
+.ng-focus-visible\:bg-cyan-secondary:focus-visible { background-color: var(--ng-colors-bg-cyan-secondary); }
+.ng-focus-visible\:bg-cyan-solid:focus-visible { background-color: var(--ng-colors-bg-cyan-solid); }
+.ng-focus-visible\:bg-cyan-solid-hover:focus-visible { background-color: var(--ng-colors-bg-cyan-solid-hover); }
+.ng-focus-visible\:border-cyan:focus-visible { border-color: var(--ng-colors-border-cyan); }
+.ng-focus-visible\:border-cyan-subtle:focus-visible { border-color: var(--ng-colors-border-cyan-subtle); }
+.ng-focus-visible\:fg-cyan-primary:focus-visible { color: var(--ng-colors-fg-cyan-primary); }
+.ng-focus-visible\:fg-cyan-secondary:focus-visible { color: var(--ng-colors-fg-cyan-secondary); }
+.ng-focus-visible\:fg-cyan-on-solid:focus-visible { color: var(--ng-colors-fg-cyan-on-solid); }
+.ng-focus-visible\:bg-rose-primary:focus-visible { background-color: var(--ng-colors-bg-rose-primary); }
+.ng-focus-visible\:bg-rose-secondary:focus-visible { background-color: var(--ng-colors-bg-rose-secondary); }
+.ng-focus-visible\:bg-rose-solid:focus-visible { background-color: var(--ng-colors-bg-rose-solid); }
+.ng-focus-visible\:bg-rose-solid-hover:focus-visible { background-color: var(--ng-colors-bg-rose-solid-hover); }
+.ng-focus-visible\:border-rose:focus-visible { border-color: var(--ng-colors-border-rose); }
+.ng-focus-visible\:border-rose-subtle:focus-visible { border-color: var(--ng-colors-border-rose-subtle); }
+.ng-focus-visible\:fg-rose-primary:focus-visible { color: var(--ng-colors-fg-rose-primary); }
+.ng-focus-visible\:fg-rose-secondary:focus-visible { color: var(--ng-colors-fg-rose-secondary); }
+.ng-focus-visible\:fg-rose-on-solid:focus-visible { color: var(--ng-colors-fg-rose-on-solid); }
+.ng-focus-visible\:bg-violet-primary:focus-visible { background-color: var(--ng-colors-bg-violet-primary); }
+.ng-focus-visible\:bg-violet-secondary:focus-visible { background-color: var(--ng-colors-bg-violet-secondary); }
+.ng-focus-visible\:bg-violet-solid:focus-visible { background-color: var(--ng-colors-bg-violet-solid); }
+.ng-focus-visible\:bg-violet-solid-hover:focus-visible { background-color: var(--ng-colors-bg-violet-solid-hover); }
+.ng-focus-visible\:border-violet:focus-visible { border-color: var(--ng-colors-border-violet); }
+.ng-focus-visible\:border-violet-subtle:focus-visible { border-color: var(--ng-colors-border-violet-subtle); }
+.ng-focus-visible\:fg-violet-primary:focus-visible { color: var(--ng-colors-fg-violet-primary); }
+.ng-focus-visible\:fg-violet-secondary:focus-visible { color: var(--ng-colors-fg-violet-secondary); }
+.ng-focus-visible\:fg-violet-on-solid:focus-visible { color: var(--ng-colors-fg-violet-on-solid); }
+.ng-focus-visible\:bg-moss-primary:focus-visible { background-color: var(--ng-colors-bg-moss-primary); }
+.ng-focus-visible\:bg-moss-secondary:focus-visible { background-color: var(--ng-colors-bg-moss-secondary); }
+.ng-focus-visible\:bg-moss-solid:focus-visible { background-color: var(--ng-colors-bg-moss-solid); }
+.ng-focus-visible\:bg-moss-solid-hover:focus-visible { background-color: var(--ng-colors-bg-moss-solid-hover); }
+.ng-focus-visible\:border-moss:focus-visible { border-color: var(--ng-colors-border-moss); }
+.ng-focus-visible\:border-moss-subtle:focus-visible { border-color: var(--ng-colors-border-moss-subtle); }
+.ng-focus-visible\:fg-moss-primary:focus-visible { color: var(--ng-colors-fg-moss-primary); }
+.ng-focus-visible\:fg-moss-secondary:focus-visible { color: var(--ng-colors-fg-moss-secondary); }
+.ng-focus-visible\:fg-moss-on-solid:focus-visible { color: var(--ng-colors-fg-moss-on-solid); }
+.ng-focus-visible\:bg-greenlight-primary:focus-visible { background-color: var(--ng-colors-bg-greenlight-primary); }
+.ng-focus-visible\:bg-greenlight-secondary:focus-visible { background-color: var(--ng-colors-bg-greenlight-secondary); }
+.ng-focus-visible\:bg-greenlight-solid:focus-visible { background-color: var(--ng-colors-bg-greenlight-solid); }
+.ng-focus-visible\:bg-greenlight-solid-hover:focus-visible { background-color: var(--ng-colors-bg-greenlight-solid-hover); }
+.ng-focus-visible\:border-greenlight:focus-visible { border-color: var(--ng-colors-border-greenlight); }
+.ng-focus-visible\:border-greenlight-subtle:focus-visible { border-color: var(--ng-colors-border-greenlight-subtle); }
+.ng-focus-visible\:fg-greenlight-primary:focus-visible { color: var(--ng-colors-fg-greenlight-primary); }
+.ng-focus-visible\:fg-greenlight-secondary:focus-visible { color: var(--ng-colors-fg-greenlight-secondary); }
+.ng-focus-visible\:fg-greenlight-on-solid:focus-visible { color: var(--ng-colors-fg-greenlight-on-solid); }
 .ng-focus-visible\:ring:focus-visible { box-shadow: var(--ng-focus-ring); }
 .ng-focus-visible\:ring-error:focus-visible { box-shadow: var(--ng-focus-ring-error); }
 .ng-focus-visible\:ring-shadow-xs:focus-visible { box-shadow: var(--ng-focus-ring-shadow-xs); }
@@ -11008,6 +11335,60 @@
 .ng-focus-within\:bg-success-primary:focus-within { background-color: var(--ng-colors-bg-success-primary); }
 .ng-focus-within\:bg-success-secondary:focus-within { background-color: var(--ng-colors-bg-success-secondary); }
 .ng-focus-within\:bg-success-solid:focus-within { background-color: var(--ng-colors-bg-success-solid); }
+.ng-focus-within\:bg-teal-primary:focus-within { background-color: var(--ng-colors-bg-teal-primary); }
+.ng-focus-within\:bg-teal-secondary:focus-within { background-color: var(--ng-colors-bg-teal-secondary); }
+.ng-focus-within\:bg-teal-solid:focus-within { background-color: var(--ng-colors-bg-teal-solid); }
+.ng-focus-within\:bg-teal-solid-hover:focus-within { background-color: var(--ng-colors-bg-teal-solid-hover); }
+.ng-focus-within\:border-teal:focus-within { border-color: var(--ng-colors-border-teal); }
+.ng-focus-within\:border-teal-subtle:focus-within { border-color: var(--ng-colors-border-teal-subtle); }
+.ng-focus-within\:fg-teal-primary:focus-within { color: var(--ng-colors-fg-teal-primary); }
+.ng-focus-within\:fg-teal-secondary:focus-within { color: var(--ng-colors-fg-teal-secondary); }
+.ng-focus-within\:fg-teal-on-solid:focus-within { color: var(--ng-colors-fg-teal-on-solid); }
+.ng-focus-within\:bg-cyan-primary:focus-within { background-color: var(--ng-colors-bg-cyan-primary); }
+.ng-focus-within\:bg-cyan-secondary:focus-within { background-color: var(--ng-colors-bg-cyan-secondary); }
+.ng-focus-within\:bg-cyan-solid:focus-within { background-color: var(--ng-colors-bg-cyan-solid); }
+.ng-focus-within\:bg-cyan-solid-hover:focus-within { background-color: var(--ng-colors-bg-cyan-solid-hover); }
+.ng-focus-within\:border-cyan:focus-within { border-color: var(--ng-colors-border-cyan); }
+.ng-focus-within\:border-cyan-subtle:focus-within { border-color: var(--ng-colors-border-cyan-subtle); }
+.ng-focus-within\:fg-cyan-primary:focus-within { color: var(--ng-colors-fg-cyan-primary); }
+.ng-focus-within\:fg-cyan-secondary:focus-within { color: var(--ng-colors-fg-cyan-secondary); }
+.ng-focus-within\:fg-cyan-on-solid:focus-within { color: var(--ng-colors-fg-cyan-on-solid); }
+.ng-focus-within\:bg-rose-primary:focus-within { background-color: var(--ng-colors-bg-rose-primary); }
+.ng-focus-within\:bg-rose-secondary:focus-within { background-color: var(--ng-colors-bg-rose-secondary); }
+.ng-focus-within\:bg-rose-solid:focus-within { background-color: var(--ng-colors-bg-rose-solid); }
+.ng-focus-within\:bg-rose-solid-hover:focus-within { background-color: var(--ng-colors-bg-rose-solid-hover); }
+.ng-focus-within\:border-rose:focus-within { border-color: var(--ng-colors-border-rose); }
+.ng-focus-within\:border-rose-subtle:focus-within { border-color: var(--ng-colors-border-rose-subtle); }
+.ng-focus-within\:fg-rose-primary:focus-within { color: var(--ng-colors-fg-rose-primary); }
+.ng-focus-within\:fg-rose-secondary:focus-within { color: var(--ng-colors-fg-rose-secondary); }
+.ng-focus-within\:fg-rose-on-solid:focus-within { color: var(--ng-colors-fg-rose-on-solid); }
+.ng-focus-within\:bg-violet-primary:focus-within { background-color: var(--ng-colors-bg-violet-primary); }
+.ng-focus-within\:bg-violet-secondary:focus-within { background-color: var(--ng-colors-bg-violet-secondary); }
+.ng-focus-within\:bg-violet-solid:focus-within { background-color: var(--ng-colors-bg-violet-solid); }
+.ng-focus-within\:bg-violet-solid-hover:focus-within { background-color: var(--ng-colors-bg-violet-solid-hover); }
+.ng-focus-within\:border-violet:focus-within { border-color: var(--ng-colors-border-violet); }
+.ng-focus-within\:border-violet-subtle:focus-within { border-color: var(--ng-colors-border-violet-subtle); }
+.ng-focus-within\:fg-violet-primary:focus-within { color: var(--ng-colors-fg-violet-primary); }
+.ng-focus-within\:fg-violet-secondary:focus-within { color: var(--ng-colors-fg-violet-secondary); }
+.ng-focus-within\:fg-violet-on-solid:focus-within { color: var(--ng-colors-fg-violet-on-solid); }
+.ng-focus-within\:bg-moss-primary:focus-within { background-color: var(--ng-colors-bg-moss-primary); }
+.ng-focus-within\:bg-moss-secondary:focus-within { background-color: var(--ng-colors-bg-moss-secondary); }
+.ng-focus-within\:bg-moss-solid:focus-within { background-color: var(--ng-colors-bg-moss-solid); }
+.ng-focus-within\:bg-moss-solid-hover:focus-within { background-color: var(--ng-colors-bg-moss-solid-hover); }
+.ng-focus-within\:border-moss:focus-within { border-color: var(--ng-colors-border-moss); }
+.ng-focus-within\:border-moss-subtle:focus-within { border-color: var(--ng-colors-border-moss-subtle); }
+.ng-focus-within\:fg-moss-primary:focus-within { color: var(--ng-colors-fg-moss-primary); }
+.ng-focus-within\:fg-moss-secondary:focus-within { color: var(--ng-colors-fg-moss-secondary); }
+.ng-focus-within\:fg-moss-on-solid:focus-within { color: var(--ng-colors-fg-moss-on-solid); }
+.ng-focus-within\:bg-greenlight-primary:focus-within { background-color: var(--ng-colors-bg-greenlight-primary); }
+.ng-focus-within\:bg-greenlight-secondary:focus-within { background-color: var(--ng-colors-bg-greenlight-secondary); }
+.ng-focus-within\:bg-greenlight-solid:focus-within { background-color: var(--ng-colors-bg-greenlight-solid); }
+.ng-focus-within\:bg-greenlight-solid-hover:focus-within { background-color: var(--ng-colors-bg-greenlight-solid-hover); }
+.ng-focus-within\:border-greenlight:focus-within { border-color: var(--ng-colors-border-greenlight); }
+.ng-focus-within\:border-greenlight-subtle:focus-within { border-color: var(--ng-colors-border-greenlight-subtle); }
+.ng-focus-within\:fg-greenlight-primary:focus-within { color: var(--ng-colors-fg-greenlight-primary); }
+.ng-focus-within\:fg-greenlight-secondary:focus-within { color: var(--ng-colors-fg-greenlight-secondary); }
+.ng-focus-within\:fg-greenlight-on-solid:focus-within { color: var(--ng-colors-fg-greenlight-on-solid); }
 .ng-focus-within\:ring:focus-within { box-shadow: var(--ng-focus-ring); }
 .ng-focus-within\:ring-error:focus-within { box-shadow: var(--ng-focus-ring-error); }
 .ng-focus-within\:ring-shadow-xs:focus-within { box-shadow: var(--ng-focus-ring-shadow-xs); }
@@ -12337,6 +12718,60 @@
 .ng-active\:bg-success-primary:active { background-color: var(--ng-colors-bg-success-primary); }
 .ng-active\:bg-success-secondary:active { background-color: var(--ng-colors-bg-success-secondary); }
 .ng-active\:bg-success-solid:active { background-color: var(--ng-colors-bg-success-solid); }
+.ng-active\:bg-teal-primary:active { background-color: var(--ng-colors-bg-teal-primary); }
+.ng-active\:bg-teal-secondary:active { background-color: var(--ng-colors-bg-teal-secondary); }
+.ng-active\:bg-teal-solid:active { background-color: var(--ng-colors-bg-teal-solid); }
+.ng-active\:bg-teal-solid-hover:active { background-color: var(--ng-colors-bg-teal-solid-hover); }
+.ng-active\:border-teal:active { border-color: var(--ng-colors-border-teal); }
+.ng-active\:border-teal-subtle:active { border-color: var(--ng-colors-border-teal-subtle); }
+.ng-active\:fg-teal-primary:active { color: var(--ng-colors-fg-teal-primary); }
+.ng-active\:fg-teal-secondary:active { color: var(--ng-colors-fg-teal-secondary); }
+.ng-active\:fg-teal-on-solid:active { color: var(--ng-colors-fg-teal-on-solid); }
+.ng-active\:bg-cyan-primary:active { background-color: var(--ng-colors-bg-cyan-primary); }
+.ng-active\:bg-cyan-secondary:active { background-color: var(--ng-colors-bg-cyan-secondary); }
+.ng-active\:bg-cyan-solid:active { background-color: var(--ng-colors-bg-cyan-solid); }
+.ng-active\:bg-cyan-solid-hover:active { background-color: var(--ng-colors-bg-cyan-solid-hover); }
+.ng-active\:border-cyan:active { border-color: var(--ng-colors-border-cyan); }
+.ng-active\:border-cyan-subtle:active { border-color: var(--ng-colors-border-cyan-subtle); }
+.ng-active\:fg-cyan-primary:active { color: var(--ng-colors-fg-cyan-primary); }
+.ng-active\:fg-cyan-secondary:active { color: var(--ng-colors-fg-cyan-secondary); }
+.ng-active\:fg-cyan-on-solid:active { color: var(--ng-colors-fg-cyan-on-solid); }
+.ng-active\:bg-rose-primary:active { background-color: var(--ng-colors-bg-rose-primary); }
+.ng-active\:bg-rose-secondary:active { background-color: var(--ng-colors-bg-rose-secondary); }
+.ng-active\:bg-rose-solid:active { background-color: var(--ng-colors-bg-rose-solid); }
+.ng-active\:bg-rose-solid-hover:active { background-color: var(--ng-colors-bg-rose-solid-hover); }
+.ng-active\:border-rose:active { border-color: var(--ng-colors-border-rose); }
+.ng-active\:border-rose-subtle:active { border-color: var(--ng-colors-border-rose-subtle); }
+.ng-active\:fg-rose-primary:active { color: var(--ng-colors-fg-rose-primary); }
+.ng-active\:fg-rose-secondary:active { color: var(--ng-colors-fg-rose-secondary); }
+.ng-active\:fg-rose-on-solid:active { color: var(--ng-colors-fg-rose-on-solid); }
+.ng-active\:bg-violet-primary:active { background-color: var(--ng-colors-bg-violet-primary); }
+.ng-active\:bg-violet-secondary:active { background-color: var(--ng-colors-bg-violet-secondary); }
+.ng-active\:bg-violet-solid:active { background-color: var(--ng-colors-bg-violet-solid); }
+.ng-active\:bg-violet-solid-hover:active { background-color: var(--ng-colors-bg-violet-solid-hover); }
+.ng-active\:border-violet:active { border-color: var(--ng-colors-border-violet); }
+.ng-active\:border-violet-subtle:active { border-color: var(--ng-colors-border-violet-subtle); }
+.ng-active\:fg-violet-primary:active { color: var(--ng-colors-fg-violet-primary); }
+.ng-active\:fg-violet-secondary:active { color: var(--ng-colors-fg-violet-secondary); }
+.ng-active\:fg-violet-on-solid:active { color: var(--ng-colors-fg-violet-on-solid); }
+.ng-active\:bg-moss-primary:active { background-color: var(--ng-colors-bg-moss-primary); }
+.ng-active\:bg-moss-secondary:active { background-color: var(--ng-colors-bg-moss-secondary); }
+.ng-active\:bg-moss-solid:active { background-color: var(--ng-colors-bg-moss-solid); }
+.ng-active\:bg-moss-solid-hover:active { background-color: var(--ng-colors-bg-moss-solid-hover); }
+.ng-active\:border-moss:active { border-color: var(--ng-colors-border-moss); }
+.ng-active\:border-moss-subtle:active { border-color: var(--ng-colors-border-moss-subtle); }
+.ng-active\:fg-moss-primary:active { color: var(--ng-colors-fg-moss-primary); }
+.ng-active\:fg-moss-secondary:active { color: var(--ng-colors-fg-moss-secondary); }
+.ng-active\:fg-moss-on-solid:active { color: var(--ng-colors-fg-moss-on-solid); }
+.ng-active\:bg-greenlight-primary:active { background-color: var(--ng-colors-bg-greenlight-primary); }
+.ng-active\:bg-greenlight-secondary:active { background-color: var(--ng-colors-bg-greenlight-secondary); }
+.ng-active\:bg-greenlight-solid:active { background-color: var(--ng-colors-bg-greenlight-solid); }
+.ng-active\:bg-greenlight-solid-hover:active { background-color: var(--ng-colors-bg-greenlight-solid-hover); }
+.ng-active\:border-greenlight:active { border-color: var(--ng-colors-border-greenlight); }
+.ng-active\:border-greenlight-subtle:active { border-color: var(--ng-colors-border-greenlight-subtle); }
+.ng-active\:fg-greenlight-primary:active { color: var(--ng-colors-fg-greenlight-primary); }
+.ng-active\:fg-greenlight-secondary:active { color: var(--ng-colors-fg-greenlight-secondary); }
+.ng-active\:fg-greenlight-on-solid:active { color: var(--ng-colors-fg-greenlight-on-solid); }
 .ng-active\:ring:active { box-shadow: var(--ng-focus-ring); }
 .ng-active\:ring-error:active { box-shadow: var(--ng-focus-ring-error); }
 .ng-active\:ring-shadow-xs:active { box-shadow: var(--ng-focus-ring-shadow-xs); }
@@ -13666,6 +14101,60 @@
 .ng-disabled\:bg-success-primary:disabled { background-color: var(--ng-colors-bg-success-primary); }
 .ng-disabled\:bg-success-secondary:disabled { background-color: var(--ng-colors-bg-success-secondary); }
 .ng-disabled\:bg-success-solid:disabled { background-color: var(--ng-colors-bg-success-solid); }
+.ng-disabled\:bg-teal-primary:disabled { background-color: var(--ng-colors-bg-teal-primary); }
+.ng-disabled\:bg-teal-secondary:disabled { background-color: var(--ng-colors-bg-teal-secondary); }
+.ng-disabled\:bg-teal-solid:disabled { background-color: var(--ng-colors-bg-teal-solid); }
+.ng-disabled\:bg-teal-solid-hover:disabled { background-color: var(--ng-colors-bg-teal-solid-hover); }
+.ng-disabled\:border-teal:disabled { border-color: var(--ng-colors-border-teal); }
+.ng-disabled\:border-teal-subtle:disabled { border-color: var(--ng-colors-border-teal-subtle); }
+.ng-disabled\:fg-teal-primary:disabled { color: var(--ng-colors-fg-teal-primary); }
+.ng-disabled\:fg-teal-secondary:disabled { color: var(--ng-colors-fg-teal-secondary); }
+.ng-disabled\:fg-teal-on-solid:disabled { color: var(--ng-colors-fg-teal-on-solid); }
+.ng-disabled\:bg-cyan-primary:disabled { background-color: var(--ng-colors-bg-cyan-primary); }
+.ng-disabled\:bg-cyan-secondary:disabled { background-color: var(--ng-colors-bg-cyan-secondary); }
+.ng-disabled\:bg-cyan-solid:disabled { background-color: var(--ng-colors-bg-cyan-solid); }
+.ng-disabled\:bg-cyan-solid-hover:disabled { background-color: var(--ng-colors-bg-cyan-solid-hover); }
+.ng-disabled\:border-cyan:disabled { border-color: var(--ng-colors-border-cyan); }
+.ng-disabled\:border-cyan-subtle:disabled { border-color: var(--ng-colors-border-cyan-subtle); }
+.ng-disabled\:fg-cyan-primary:disabled { color: var(--ng-colors-fg-cyan-primary); }
+.ng-disabled\:fg-cyan-secondary:disabled { color: var(--ng-colors-fg-cyan-secondary); }
+.ng-disabled\:fg-cyan-on-solid:disabled { color: var(--ng-colors-fg-cyan-on-solid); }
+.ng-disabled\:bg-rose-primary:disabled { background-color: var(--ng-colors-bg-rose-primary); }
+.ng-disabled\:bg-rose-secondary:disabled { background-color: var(--ng-colors-bg-rose-secondary); }
+.ng-disabled\:bg-rose-solid:disabled { background-color: var(--ng-colors-bg-rose-solid); }
+.ng-disabled\:bg-rose-solid-hover:disabled { background-color: var(--ng-colors-bg-rose-solid-hover); }
+.ng-disabled\:border-rose:disabled { border-color: var(--ng-colors-border-rose); }
+.ng-disabled\:border-rose-subtle:disabled { border-color: var(--ng-colors-border-rose-subtle); }
+.ng-disabled\:fg-rose-primary:disabled { color: var(--ng-colors-fg-rose-primary); }
+.ng-disabled\:fg-rose-secondary:disabled { color: var(--ng-colors-fg-rose-secondary); }
+.ng-disabled\:fg-rose-on-solid:disabled { color: var(--ng-colors-fg-rose-on-solid); }
+.ng-disabled\:bg-violet-primary:disabled { background-color: var(--ng-colors-bg-violet-primary); }
+.ng-disabled\:bg-violet-secondary:disabled { background-color: var(--ng-colors-bg-violet-secondary); }
+.ng-disabled\:bg-violet-solid:disabled { background-color: var(--ng-colors-bg-violet-solid); }
+.ng-disabled\:bg-violet-solid-hover:disabled { background-color: var(--ng-colors-bg-violet-solid-hover); }
+.ng-disabled\:border-violet:disabled { border-color: var(--ng-colors-border-violet); }
+.ng-disabled\:border-violet-subtle:disabled { border-color: var(--ng-colors-border-violet-subtle); }
+.ng-disabled\:fg-violet-primary:disabled { color: var(--ng-colors-fg-violet-primary); }
+.ng-disabled\:fg-violet-secondary:disabled { color: var(--ng-colors-fg-violet-secondary); }
+.ng-disabled\:fg-violet-on-solid:disabled { color: var(--ng-colors-fg-violet-on-solid); }
+.ng-disabled\:bg-moss-primary:disabled { background-color: var(--ng-colors-bg-moss-primary); }
+.ng-disabled\:bg-moss-secondary:disabled { background-color: var(--ng-colors-bg-moss-secondary); }
+.ng-disabled\:bg-moss-solid:disabled { background-color: var(--ng-colors-bg-moss-solid); }
+.ng-disabled\:bg-moss-solid-hover:disabled { background-color: var(--ng-colors-bg-moss-solid-hover); }
+.ng-disabled\:border-moss:disabled { border-color: var(--ng-colors-border-moss); }
+.ng-disabled\:border-moss-subtle:disabled { border-color: var(--ng-colors-border-moss-subtle); }
+.ng-disabled\:fg-moss-primary:disabled { color: var(--ng-colors-fg-moss-primary); }
+.ng-disabled\:fg-moss-secondary:disabled { color: var(--ng-colors-fg-moss-secondary); }
+.ng-disabled\:fg-moss-on-solid:disabled { color: var(--ng-colors-fg-moss-on-solid); }
+.ng-disabled\:bg-greenlight-primary:disabled { background-color: var(--ng-colors-bg-greenlight-primary); }
+.ng-disabled\:bg-greenlight-secondary:disabled { background-color: var(--ng-colors-bg-greenlight-secondary); }
+.ng-disabled\:bg-greenlight-solid:disabled { background-color: var(--ng-colors-bg-greenlight-solid); }
+.ng-disabled\:bg-greenlight-solid-hover:disabled { background-color: var(--ng-colors-bg-greenlight-solid-hover); }
+.ng-disabled\:border-greenlight:disabled { border-color: var(--ng-colors-border-greenlight); }
+.ng-disabled\:border-greenlight-subtle:disabled { border-color: var(--ng-colors-border-greenlight-subtle); }
+.ng-disabled\:fg-greenlight-primary:disabled { color: var(--ng-colors-fg-greenlight-primary); }
+.ng-disabled\:fg-greenlight-secondary:disabled { color: var(--ng-colors-fg-greenlight-secondary); }
+.ng-disabled\:fg-greenlight-on-solid:disabled { color: var(--ng-colors-fg-greenlight-on-solid); }
 .ng-disabled\:ring:disabled { box-shadow: var(--ng-focus-ring); }
 .ng-disabled\:ring-error:disabled { box-shadow: var(--ng-focus-ring-error); }
 .ng-disabled\:ring-shadow-xs:disabled { box-shadow: var(--ng-focus-ring-shadow-xs); }
@@ -14995,6 +15484,60 @@
 .ng-enabled\:bg-success-primary:enabled { background-color: var(--ng-colors-bg-success-primary); }
 .ng-enabled\:bg-success-secondary:enabled { background-color: var(--ng-colors-bg-success-secondary); }
 .ng-enabled\:bg-success-solid:enabled { background-color: var(--ng-colors-bg-success-solid); }
+.ng-enabled\:bg-teal-primary:enabled { background-color: var(--ng-colors-bg-teal-primary); }
+.ng-enabled\:bg-teal-secondary:enabled { background-color: var(--ng-colors-bg-teal-secondary); }
+.ng-enabled\:bg-teal-solid:enabled { background-color: var(--ng-colors-bg-teal-solid); }
+.ng-enabled\:bg-teal-solid-hover:enabled { background-color: var(--ng-colors-bg-teal-solid-hover); }
+.ng-enabled\:border-teal:enabled { border-color: var(--ng-colors-border-teal); }
+.ng-enabled\:border-teal-subtle:enabled { border-color: var(--ng-colors-border-teal-subtle); }
+.ng-enabled\:fg-teal-primary:enabled { color: var(--ng-colors-fg-teal-primary); }
+.ng-enabled\:fg-teal-secondary:enabled { color: var(--ng-colors-fg-teal-secondary); }
+.ng-enabled\:fg-teal-on-solid:enabled { color: var(--ng-colors-fg-teal-on-solid); }
+.ng-enabled\:bg-cyan-primary:enabled { background-color: var(--ng-colors-bg-cyan-primary); }
+.ng-enabled\:bg-cyan-secondary:enabled { background-color: var(--ng-colors-bg-cyan-secondary); }
+.ng-enabled\:bg-cyan-solid:enabled { background-color: var(--ng-colors-bg-cyan-solid); }
+.ng-enabled\:bg-cyan-solid-hover:enabled { background-color: var(--ng-colors-bg-cyan-solid-hover); }
+.ng-enabled\:border-cyan:enabled { border-color: var(--ng-colors-border-cyan); }
+.ng-enabled\:border-cyan-subtle:enabled { border-color: var(--ng-colors-border-cyan-subtle); }
+.ng-enabled\:fg-cyan-primary:enabled { color: var(--ng-colors-fg-cyan-primary); }
+.ng-enabled\:fg-cyan-secondary:enabled { color: var(--ng-colors-fg-cyan-secondary); }
+.ng-enabled\:fg-cyan-on-solid:enabled { color: var(--ng-colors-fg-cyan-on-solid); }
+.ng-enabled\:bg-rose-primary:enabled { background-color: var(--ng-colors-bg-rose-primary); }
+.ng-enabled\:bg-rose-secondary:enabled { background-color: var(--ng-colors-bg-rose-secondary); }
+.ng-enabled\:bg-rose-solid:enabled { background-color: var(--ng-colors-bg-rose-solid); }
+.ng-enabled\:bg-rose-solid-hover:enabled { background-color: var(--ng-colors-bg-rose-solid-hover); }
+.ng-enabled\:border-rose:enabled { border-color: var(--ng-colors-border-rose); }
+.ng-enabled\:border-rose-subtle:enabled { border-color: var(--ng-colors-border-rose-subtle); }
+.ng-enabled\:fg-rose-primary:enabled { color: var(--ng-colors-fg-rose-primary); }
+.ng-enabled\:fg-rose-secondary:enabled { color: var(--ng-colors-fg-rose-secondary); }
+.ng-enabled\:fg-rose-on-solid:enabled { color: var(--ng-colors-fg-rose-on-solid); }
+.ng-enabled\:bg-violet-primary:enabled { background-color: var(--ng-colors-bg-violet-primary); }
+.ng-enabled\:bg-violet-secondary:enabled { background-color: var(--ng-colors-bg-violet-secondary); }
+.ng-enabled\:bg-violet-solid:enabled { background-color: var(--ng-colors-bg-violet-solid); }
+.ng-enabled\:bg-violet-solid-hover:enabled { background-color: var(--ng-colors-bg-violet-solid-hover); }
+.ng-enabled\:border-violet:enabled { border-color: var(--ng-colors-border-violet); }
+.ng-enabled\:border-violet-subtle:enabled { border-color: var(--ng-colors-border-violet-subtle); }
+.ng-enabled\:fg-violet-primary:enabled { color: var(--ng-colors-fg-violet-primary); }
+.ng-enabled\:fg-violet-secondary:enabled { color: var(--ng-colors-fg-violet-secondary); }
+.ng-enabled\:fg-violet-on-solid:enabled { color: var(--ng-colors-fg-violet-on-solid); }
+.ng-enabled\:bg-moss-primary:enabled { background-color: var(--ng-colors-bg-moss-primary); }
+.ng-enabled\:bg-moss-secondary:enabled { background-color: var(--ng-colors-bg-moss-secondary); }
+.ng-enabled\:bg-moss-solid:enabled { background-color: var(--ng-colors-bg-moss-solid); }
+.ng-enabled\:bg-moss-solid-hover:enabled { background-color: var(--ng-colors-bg-moss-solid-hover); }
+.ng-enabled\:border-moss:enabled { border-color: var(--ng-colors-border-moss); }
+.ng-enabled\:border-moss-subtle:enabled { border-color: var(--ng-colors-border-moss-subtle); }
+.ng-enabled\:fg-moss-primary:enabled { color: var(--ng-colors-fg-moss-primary); }
+.ng-enabled\:fg-moss-secondary:enabled { color: var(--ng-colors-fg-moss-secondary); }
+.ng-enabled\:fg-moss-on-solid:enabled { color: var(--ng-colors-fg-moss-on-solid); }
+.ng-enabled\:bg-greenlight-primary:enabled { background-color: var(--ng-colors-bg-greenlight-primary); }
+.ng-enabled\:bg-greenlight-secondary:enabled { background-color: var(--ng-colors-bg-greenlight-secondary); }
+.ng-enabled\:bg-greenlight-solid:enabled { background-color: var(--ng-colors-bg-greenlight-solid); }
+.ng-enabled\:bg-greenlight-solid-hover:enabled { background-color: var(--ng-colors-bg-greenlight-solid-hover); }
+.ng-enabled\:border-greenlight:enabled { border-color: var(--ng-colors-border-greenlight); }
+.ng-enabled\:border-greenlight-subtle:enabled { border-color: var(--ng-colors-border-greenlight-subtle); }
+.ng-enabled\:fg-greenlight-primary:enabled { color: var(--ng-colors-fg-greenlight-primary); }
+.ng-enabled\:fg-greenlight-secondary:enabled { color: var(--ng-colors-fg-greenlight-secondary); }
+.ng-enabled\:fg-greenlight-on-solid:enabled { color: var(--ng-colors-fg-greenlight-on-solid); }
 .ng-enabled\:ring:enabled { box-shadow: var(--ng-focus-ring); }
 .ng-enabled\:ring-error:enabled { box-shadow: var(--ng-focus-ring-error); }
 .ng-enabled\:ring-shadow-xs:enabled { box-shadow: var(--ng-focus-ring-shadow-xs); }
@@ -16324,6 +16867,60 @@
 .ng-disabled\:bg-success-primary[aria-disabled="true"] { background-color: var(--ng-colors-bg-success-primary); }
 .ng-disabled\:bg-success-secondary[aria-disabled="true"] { background-color: var(--ng-colors-bg-success-secondary); }
 .ng-disabled\:bg-success-solid[aria-disabled="true"] { background-color: var(--ng-colors-bg-success-solid); }
+.ng-disabled\:bg-teal-primary[aria-disabled="true"] { background-color: var(--ng-colors-bg-teal-primary); }
+.ng-disabled\:bg-teal-secondary[aria-disabled="true"] { background-color: var(--ng-colors-bg-teal-secondary); }
+.ng-disabled\:bg-teal-solid[aria-disabled="true"] { background-color: var(--ng-colors-bg-teal-solid); }
+.ng-disabled\:bg-teal-solid-hover[aria-disabled="true"] { background-color: var(--ng-colors-bg-teal-solid-hover); }
+.ng-disabled\:border-teal[aria-disabled="true"] { border-color: var(--ng-colors-border-teal); }
+.ng-disabled\:border-teal-subtle[aria-disabled="true"] { border-color: var(--ng-colors-border-teal-subtle); }
+.ng-disabled\:fg-teal-primary[aria-disabled="true"] { color: var(--ng-colors-fg-teal-primary); }
+.ng-disabled\:fg-teal-secondary[aria-disabled="true"] { color: var(--ng-colors-fg-teal-secondary); }
+.ng-disabled\:fg-teal-on-solid[aria-disabled="true"] { color: var(--ng-colors-fg-teal-on-solid); }
+.ng-disabled\:bg-cyan-primary[aria-disabled="true"] { background-color: var(--ng-colors-bg-cyan-primary); }
+.ng-disabled\:bg-cyan-secondary[aria-disabled="true"] { background-color: var(--ng-colors-bg-cyan-secondary); }
+.ng-disabled\:bg-cyan-solid[aria-disabled="true"] { background-color: var(--ng-colors-bg-cyan-solid); }
+.ng-disabled\:bg-cyan-solid-hover[aria-disabled="true"] { background-color: var(--ng-colors-bg-cyan-solid-hover); }
+.ng-disabled\:border-cyan[aria-disabled="true"] { border-color: var(--ng-colors-border-cyan); }
+.ng-disabled\:border-cyan-subtle[aria-disabled="true"] { border-color: var(--ng-colors-border-cyan-subtle); }
+.ng-disabled\:fg-cyan-primary[aria-disabled="true"] { color: var(--ng-colors-fg-cyan-primary); }
+.ng-disabled\:fg-cyan-secondary[aria-disabled="true"] { color: var(--ng-colors-fg-cyan-secondary); }
+.ng-disabled\:fg-cyan-on-solid[aria-disabled="true"] { color: var(--ng-colors-fg-cyan-on-solid); }
+.ng-disabled\:bg-rose-primary[aria-disabled="true"] { background-color: var(--ng-colors-bg-rose-primary); }
+.ng-disabled\:bg-rose-secondary[aria-disabled="true"] { background-color: var(--ng-colors-bg-rose-secondary); }
+.ng-disabled\:bg-rose-solid[aria-disabled="true"] { background-color: var(--ng-colors-bg-rose-solid); }
+.ng-disabled\:bg-rose-solid-hover[aria-disabled="true"] { background-color: var(--ng-colors-bg-rose-solid-hover); }
+.ng-disabled\:border-rose[aria-disabled="true"] { border-color: var(--ng-colors-border-rose); }
+.ng-disabled\:border-rose-subtle[aria-disabled="true"] { border-color: var(--ng-colors-border-rose-subtle); }
+.ng-disabled\:fg-rose-primary[aria-disabled="true"] { color: var(--ng-colors-fg-rose-primary); }
+.ng-disabled\:fg-rose-secondary[aria-disabled="true"] { color: var(--ng-colors-fg-rose-secondary); }
+.ng-disabled\:fg-rose-on-solid[aria-disabled="true"] { color: var(--ng-colors-fg-rose-on-solid); }
+.ng-disabled\:bg-violet-primary[aria-disabled="true"] { background-color: var(--ng-colors-bg-violet-primary); }
+.ng-disabled\:bg-violet-secondary[aria-disabled="true"] { background-color: var(--ng-colors-bg-violet-secondary); }
+.ng-disabled\:bg-violet-solid[aria-disabled="true"] { background-color: var(--ng-colors-bg-violet-solid); }
+.ng-disabled\:bg-violet-solid-hover[aria-disabled="true"] { background-color: var(--ng-colors-bg-violet-solid-hover); }
+.ng-disabled\:border-violet[aria-disabled="true"] { border-color: var(--ng-colors-border-violet); }
+.ng-disabled\:border-violet-subtle[aria-disabled="true"] { border-color: var(--ng-colors-border-violet-subtle); }
+.ng-disabled\:fg-violet-primary[aria-disabled="true"] { color: var(--ng-colors-fg-violet-primary); }
+.ng-disabled\:fg-violet-secondary[aria-disabled="true"] { color: var(--ng-colors-fg-violet-secondary); }
+.ng-disabled\:fg-violet-on-solid[aria-disabled="true"] { color: var(--ng-colors-fg-violet-on-solid); }
+.ng-disabled\:bg-moss-primary[aria-disabled="true"] { background-color: var(--ng-colors-bg-moss-primary); }
+.ng-disabled\:bg-moss-secondary[aria-disabled="true"] { background-color: var(--ng-colors-bg-moss-secondary); }
+.ng-disabled\:bg-moss-solid[aria-disabled="true"] { background-color: var(--ng-colors-bg-moss-solid); }
+.ng-disabled\:bg-moss-solid-hover[aria-disabled="true"] { background-color: var(--ng-colors-bg-moss-solid-hover); }
+.ng-disabled\:border-moss[aria-disabled="true"] { border-color: var(--ng-colors-border-moss); }
+.ng-disabled\:border-moss-subtle[aria-disabled="true"] { border-color: var(--ng-colors-border-moss-subtle); }
+.ng-disabled\:fg-moss-primary[aria-disabled="true"] { color: var(--ng-colors-fg-moss-primary); }
+.ng-disabled\:fg-moss-secondary[aria-disabled="true"] { color: var(--ng-colors-fg-moss-secondary); }
+.ng-disabled\:fg-moss-on-solid[aria-disabled="true"] { color: var(--ng-colors-fg-moss-on-solid); }
+.ng-disabled\:bg-greenlight-primary[aria-disabled="true"] { background-color: var(--ng-colors-bg-greenlight-primary); }
+.ng-disabled\:bg-greenlight-secondary[aria-disabled="true"] { background-color: var(--ng-colors-bg-greenlight-secondary); }
+.ng-disabled\:bg-greenlight-solid[aria-disabled="true"] { background-color: var(--ng-colors-bg-greenlight-solid); }
+.ng-disabled\:bg-greenlight-solid-hover[aria-disabled="true"] { background-color: var(--ng-colors-bg-greenlight-solid-hover); }
+.ng-disabled\:border-greenlight[aria-disabled="true"] { border-color: var(--ng-colors-border-greenlight); }
+.ng-disabled\:border-greenlight-subtle[aria-disabled="true"] { border-color: var(--ng-colors-border-greenlight-subtle); }
+.ng-disabled\:fg-greenlight-primary[aria-disabled="true"] { color: var(--ng-colors-fg-greenlight-primary); }
+.ng-disabled\:fg-greenlight-secondary[aria-disabled="true"] { color: var(--ng-colors-fg-greenlight-secondary); }
+.ng-disabled\:fg-greenlight-on-solid[aria-disabled="true"] { color: var(--ng-colors-fg-greenlight-on-solid); }
 .ng-disabled\:ring[aria-disabled="true"] { box-shadow: var(--ng-focus-ring); }
 .ng-disabled\:ring-error[aria-disabled="true"] { box-shadow: var(--ng-focus-ring-error); }
 .ng-disabled\:ring-shadow-xs[aria-disabled="true"] { box-shadow: var(--ng-focus-ring-shadow-xs); }