@vkzstudio/muza-ui 1.0.4 → 1.0.5

package/dist/styles/3rd-parties.css

@@ -1,5 +1,5 @@
-/* Third-party library stylesheets */
-
-/* PhotoSwipe - Required for Lightbox component */
-@import 'photoswipe/dist/photoswipe.css';
-@import '../components/Lightbox/LightboxOverrides.css';
+/* Third-party library stylesheets */
+
+/* PhotoSwipe - Required for Lightbox component */
+@import 'photoswipe/dist/photoswipe.css';
+@import '../components/Lightbox/LightboxOverrides.css';

package/dist/styles/animations.css

@@ -1,41 +1,41 @@
-@theme {
-  @keyframes accordion-down {
-    0% {
-      height: 0;
-    }
-    100% {
-      height: var(--radix-accordion-content-height);
-    }
-  }
-  @keyframes accordion-up {
-    0% {
-      height: var(--radix-accordion-content-height);
-    }
-    100% {
-      height: 0;
-    }
-  }
-
-  --animate-accordion-down: accordion-down 0.2s ease-out;
-  --animate-accordion-up: accordion-up 0.2s ease-out;
-
-  @keyframes expandable-row-down {
-    0% {
-      max-height: 0;
-    }
-    100% {
-      max-height: 2000px;
-    }
-  }
-  @keyframes expandable-row-up {
-    0% {
-      max-height: 2000px;
-    }
-    100% {
-      max-height: 0;
-    }
-  }
-
-  --animate-expandable-row-down: expandable-row-down 1s ease-out;
-  --animate-expandable-row-up: expandable-row-up 1s ease-out;
-}
+@theme {
+  @keyframes accordion-down {
+    0% {
+      height: 0;
+    }
+    100% {
+      height: var(--radix-accordion-content-height);
+    }
+  }
+  @keyframes accordion-up {
+    0% {
+      height: var(--radix-accordion-content-height);
+    }
+    100% {
+      height: 0;
+    }
+  }
+
+  --animate-accordion-down: accordion-down 0.2s ease-out;
+  --animate-accordion-up: accordion-up 0.2s ease-out;
+
+  @keyframes expandable-row-down {
+    0% {
+      max-height: 0;
+    }
+    100% {
+      max-height: 2000px;
+    }
+  }
+  @keyframes expandable-row-up {
+    0% {
+      max-height: 2000px;
+    }
+    100% {
+      max-height: 0;
+    }
+  }
+
+  --animate-expandable-row-down: expandable-row-down 1s ease-out;
+  --animate-expandable-row-up: expandable-row-up 1s ease-out;
+}

package/dist/styles/breakpoints.css

@@ -1,4 +1,4 @@
-@theme {
-  --breakpoint-2xl: 100rem; /* 1600px */
-  --breakpoint-3xl: 120rem; /* 1888px */
-}
+@theme {
+  --breakpoint-2xl: 100rem; /* 1600px */
+  --breakpoint-3xl: 120rem; /* 1888px */
+}

package/dist/styles/primitives.css

@@ -1,155 +1,155 @@
-:root {
-  /* color */
-  --color-black-dramatic-100: #efedf1;
-  --color-black-dramatic-200: #dad8df;
-  --color-black-dramatic-300: #bab6c3;
-  --color-black-dramatic-400: #948ea2;
-  --color-black-dramatic-50: #f7f7f8;
-  --color-black-dramatic-500: #777087;
-  --color-black-dramatic-600: #615a6f;
-  --color-black-dramatic-700: #4f495b;
-  --color-black-dramatic-800: #443f4d;
-  --color-black-dramatic-900: #272727;
-  --color-black-dramatic-950: #1c1a1f;
-  --color-gray-100: #f6f3fe;
-  --color-gray-1000: #5a5473;
-  --color-gray-200: #eeebf7;
-  --color-gray-300: #e3e0f1;
-  --color-gray-400: #d6d1ea;
-  --color-gray-50: #f9f8fb;
-  --color-gray-500: #c6c0dc;
-  --color-gray-600: #9a92b9;
-  --color-gray-700: #867fa2;
-  --color-gray-800: #787194;
-  --color-gray-900: #645c81;
-  --color-green-100: #54d2c1;
-  --color-green-1000: #032924;
-  --color-green-200: #46bfaf;
-  --color-green-300: #30a192;
-  --color-green-400: #248578;
-  --color-green-500: #14645a;
-  --color-green-600: #0e584e;
-  --color-green-700: #0b4f46;
-  --color-green-800: #073f38;
-  --color-green-900: #053631;
-  --color-lime-100: #f7fbde;
-  --color-lime-1000: #8e9850;
-  --color-lime-200: #f8ffcc;
-  --color-lime-300: #eaf5a7;
-  --color-lime-400: #e7f591;
-  --color-lime-500: #e2f477;
-  --color-lime-600: #d6e95d;
-  --color-lime-700: #c9dc52;
-  --color-lime-800: #b3c353;
-  --color-lime-900: #a4b154;
-  --color-neutral-off-white: #f7f5ff;
-  --color-neutral-white: #ffffff;
-  --color-orange-100: #ffebdc;
-  --color-orange-1000: #661b00;
-  --color-orange-200: #fecdb8;
-  --color-orange-300: #feaf94;
-  --color-orange-400: #fd9170;
-  --color-orange-500: #fb825f;
-  --color-orange-600: #fa734b;
-  --color-orange-700: #cb5233;
-  --color-orange-800: #b34024;
-  --color-orange-900: #8b2f19;
-  --color-other-blue: #1d8ced;
-  --color-other-blue-light: #cde8ff;
-  --color-other-green: #009174;
-  --color-other-green-light: #cde7e2;
-  --color-other-orange: #f47140;
-  --color-other-orange-light: #ffe4d9;
-  --color-other-pink: #e4329c;
-  --color-other-pink-light: #ffd2ec;
-  --color-other-purple: #652ef3;
-  --color-other-purple-light: #dfd2ff;
-  --color-other-red: #ee304d;
-  --color-other-red-light: #ffccd3;
-  --color-other-yellow: #e3b42b;
-  --color-other-yellow-light: #f6e9c3;
-  --color-pink-100: #f2e9f8;
-  --color-pink-1000: #3c0b48;
-  --color-pink-200: #e6c3ff;
-  --color-pink-300: #df9eff;
-  --color-pink-400: #cb82eb;
-  --color-pink-500: #bf5fe6;
-  --color-pink-600: #b750e4;
-  --color-pink-700: #ad35e1;
-  --color-pink-800: #8924b2;
-  --color-pink-900: #62177c;
-  --color-purple-100: #f1e9f8;
-  --color-purple-1000: #100321;
-  --color-purple-200: #d2b9f3;
-  --color-purple-300: #a673e7;
-  --color-purple-400: #843fde;
-  --color-purple-500: #5f1eb4;
-  --color-purple-600: #521d96;
-  --color-purple-700: #461d7c;
-  --color-purple-800: #320f5e;
-  --color-purple-900: #1c0638;
-  --color-red-100: #ffd1d7;
-  --color-red-1000: #36070d;
-  --color-red-200: #ea929d;
-  --color-red-300: #d45f6e;
-  --color-red-400: #b44453;
-  --color-red-50: #fff1f2;
-  --color-red-500: #a92b3d;
-  --color-red-600: #9d1326;
-  --color-red-700: #841120;
-  --color-red-800: #6a0e1a;
-  --color-red-900: #500b14;
-  --color-transparent-brand-12: #5f1eb41f;
-  --color-transparent-brand-15: #5f1eb426;
-  --color-transparent-brand-8: #5f1eb414;
-  --color-transparent-dark-10: #1c1a1f1a;
-  --color-transparent-dark-12: #1c1a1f1f;
-  --color-transparent-dark-70: #100321b2;
-  --color-transparent-dark-8: #1c1a1f14;
-  --color-transparent-green-15: #14645a26;
-  --color-transparent-light-15: #f6f3fe26;
-  --color-transparent-light-25: #f6f3fe40;
-  --color-transparent-light-40: #c6c0dc66;
-  --color-transparent-orange-15: #fb825f26;
-  --color-transparent-red-10: #a92b3d1a;
-  --color-transparent-red-15: #a92b3d26;
-  --color-transparent-red-20: #a92b3d33;
-  --color-transparent-red-35: #a92b3d59;
-  --color-transparent-red-8: #a92b3d14;
-  --color-transparent-transparent: #ffffff00;
-  --color-transparent-white-15: #ffffff26;
-  /* number */
-  --spacing-0: 0px;
-  --spacing-1: 1px;
-  --spacing-1-5: 1.5px;
-  --spacing-2: 2px;
-  --spacing-4: 4px;
-  --spacing-6: 6px;
-  --spacing-8: 8px;
-  --spacing-10: 10px;
-  --spacing-12: 12px;
-  --spacing-16: 16px;
-  --spacing-20: 20px;
-  --spacing-24: 24px;
-  --spacing-28: 28px;
-  --spacing-32: 32px;
-  --spacing-36: 36px;
-  --spacing-40: 40px;
-  --spacing-48: 48px;
-  --spacing-50: 50px;
-  --spacing-56: 56px;
-  --spacing-64: 64px;
-  --spacing-72: 72px;
-  --spacing-80: 80px;
-  --spacing-96: 96px;
-  --spacing-120: 120px;
-  --spacing-160: 160px;
-  --spacing-240: 240px;
-  --spacing-320: 320px;
-  --spacing-335: 335px;
-  --spacing-360: 360px;
-  --spacing-400: 400px;
-  --spacing-640: 640px;
-  --spacing-720: 720px;
-  --spacing-980: 980px;
-}
+:root {
+  /* color */
+  --color-black-dramatic-100: #efedf1;
+  --color-black-dramatic-200: #dad8df;
+  --color-black-dramatic-300: #bab6c3;
+  --color-black-dramatic-400: #948ea2;
+  --color-black-dramatic-50: #f7f7f8;
+  --color-black-dramatic-500: #777087;
+  --color-black-dramatic-600: #615a6f;
+  --color-black-dramatic-700: #4f495b;
+  --color-black-dramatic-800: #443f4d;
+  --color-black-dramatic-900: #272727;
+  --color-black-dramatic-950: #1c1a1f;
+  --color-gray-100: #f6f3fe;
+  --color-gray-1000: #5a5473;
+  --color-gray-200: #eeebf7;
+  --color-gray-300: #e3e0f1;
+  --color-gray-400: #d6d1ea;
+  --color-gray-50: #f9f8fb;
+  --color-gray-500: #c6c0dc;
+  --color-gray-600: #9a92b9;
+  --color-gray-700: #867fa2;
+  --color-gray-800: #787194;
+  --color-gray-900: #645c81;
+  --color-green-100: #54d2c1;
+  --color-green-1000: #032924;
+  --color-green-200: #46bfaf;
+  --color-green-300: #30a192;
+  --color-green-400: #248578;
+  --color-green-500: #14645a;
+  --color-green-600: #0e584e;
+  --color-green-700: #0b4f46;
+  --color-green-800: #073f38;
+  --color-green-900: #053631;
+  --color-lime-100: #f7fbde;
+  --color-lime-1000: #8e9850;
+  --color-lime-200: #f8ffcc;
+  --color-lime-300: #eaf5a7;
+  --color-lime-400: #e7f591;
+  --color-lime-500: #e2f477;
+  --color-lime-600: #d6e95d;
+  --color-lime-700: #c9dc52;
+  --color-lime-800: #b3c353;
+  --color-lime-900: #a4b154;
+  --color-neutral-off-white: #f7f5ff;
+  --color-neutral-white: #ffffff;
+  --color-orange-100: #ffebdc;
+  --color-orange-1000: #661b00;
+  --color-orange-200: #fecdb8;
+  --color-orange-300: #feaf94;
+  --color-orange-400: #fd9170;
+  --color-orange-500: #fb825f;
+  --color-orange-600: #fa734b;
+  --color-orange-700: #cb5233;
+  --color-orange-800: #b34024;
+  --color-orange-900: #8b2f19;
+  --color-other-blue: #1d8ced;
+  --color-other-blue-light: #cde8ff;
+  --color-other-green: #009174;
+  --color-other-green-light: #cde7e2;
+  --color-other-orange: #f47140;
+  --color-other-orange-light: #ffe4d9;
+  --color-other-pink: #e4329c;
+  --color-other-pink-light: #ffd2ec;
+  --color-other-purple: #652ef3;
+  --color-other-purple-light: #dfd2ff;
+  --color-other-red: #ee304d;
+  --color-other-red-light: #ffccd3;
+  --color-other-yellow: #e3b42b;
+  --color-other-yellow-light: #f6e9c3;
+  --color-pink-100: #f2e9f8;
+  --color-pink-1000: #3c0b48;
+  --color-pink-200: #e6c3ff;
+  --color-pink-300: #df9eff;
+  --color-pink-400: #cb82eb;
+  --color-pink-500: #bf5fe6;
+  --color-pink-600: #b750e4;
+  --color-pink-700: #ad35e1;
+  --color-pink-800: #8924b2;
+  --color-pink-900: #62177c;
+  --color-purple-100: #f1e9f8;
+  --color-purple-1000: #100321;
+  --color-purple-200: #d2b9f3;
+  --color-purple-300: #a673e7;
+  --color-purple-400: #843fde;
+  --color-purple-500: #5f1eb4;
+  --color-purple-600: #521d96;
+  --color-purple-700: #461d7c;
+  --color-purple-800: #320f5e;
+  --color-purple-900: #1c0638;
+  --color-red-100: #ffd1d7;
+  --color-red-1000: #36070d;
+  --color-red-200: #ea929d;
+  --color-red-300: #d45f6e;
+  --color-red-400: #b44453;
+  --color-red-50: #fff1f2;
+  --color-red-500: #a92b3d;
+  --color-red-600: #9d1326;
+  --color-red-700: #841120;
+  --color-red-800: #6a0e1a;
+  --color-red-900: #500b14;
+  --color-transparent-brand-12: #5f1eb41f;
+  --color-transparent-brand-15: #5f1eb426;
+  --color-transparent-brand-8: #5f1eb414;
+  --color-transparent-dark-10: #1c1a1f1a;
+  --color-transparent-dark-12: #1c1a1f1f;
+  --color-transparent-dark-70: #100321b2;
+  --color-transparent-dark-8: #1c1a1f14;
+  --color-transparent-green-15: #14645a26;
+  --color-transparent-light-15: #f6f3fe26;
+  --color-transparent-light-25: #f6f3fe40;
+  --color-transparent-light-40: #c6c0dc66;
+  --color-transparent-orange-15: #fb825f26;
+  --color-transparent-red-10: #a92b3d1a;
+  --color-transparent-red-15: #a92b3d26;
+  --color-transparent-red-20: #a92b3d33;
+  --color-transparent-red-35: #a92b3d59;
+  --color-transparent-red-8: #a92b3d14;
+  --color-transparent-transparent: #ffffff00;
+  --color-transparent-white-15: #ffffff26;
+  /* number */
+  --spacing-0: 0px;
+  --spacing-1: 1px;
+  --spacing-1-5: 1.5px;
+  --spacing-2: 2px;
+  --spacing-4: 4px;
+  --spacing-6: 6px;
+  --spacing-8: 8px;
+  --spacing-10: 10px;
+  --spacing-12: 12px;
+  --spacing-16: 16px;
+  --spacing-20: 20px;
+  --spacing-24: 24px;
+  --spacing-28: 28px;
+  --spacing-32: 32px;
+  --spacing-36: 36px;
+  --spacing-40: 40px;
+  --spacing-48: 48px;
+  --spacing-50: 50px;
+  --spacing-56: 56px;
+  --spacing-64: 64px;
+  --spacing-72: 72px;
+  --spacing-80: 80px;
+  --spacing-96: 96px;
+  --spacing-120: 120px;
+  --spacing-160: 160px;
+  --spacing-240: 240px;
+  --spacing-320: 320px;
+  --spacing-335: 335px;
+  --spacing-360: 360px;
+  --spacing-400: 400px;
+  --spacing-640: 640px;
+  --spacing-720: 720px;
+  --spacing-980: 980px;
+}

package/dist/styles/token-colors.css

@@ -1,32 +1,30 @@
 @theme inline {
   /* color */
-  --color-comp-accordeon-settings-stroke-def: var(
-    --color-stroke-base-secondary
-  );
-  --color-comp-accordeon-settings-stroke-disabled: var(
-    --color-stroke-base-secondary
-  );
-  --color-comp-accordeon-settings-stroke-focused: var(
-    --color-surface-base-transparent
-  );
-  --color-comp-accordeon-settings-stroke-hover: var(
-    --color-stroke-base-secondary
-  );
-  --color-comp-accordeon-settings-surface-primary-def: var(
+  --color-comp-accordeon-settings-bg-primary-def: var(
     --color-surface-base-secondary
   );
-  --color-comp-accordeon-settings-surface-primary-disabled: var(
+  --color-comp-accordeon-settings-bg-primary-disabled: var(
     --color-surface-base-secondary
   );
-  --color-comp-accordeon-settings-surface-primary-focused: var(
+  --color-comp-accordeon-settings-bg-primary-focused: var(
     --color-surface-base-secondary
   );
-  --color-comp-accordeon-settings-surface-primary-hover: var(
-    --color-surface-base-primary-hover
+  --color-comp-accordeon-settings-bg-primary-hover: var(
+    --color-surface-base-secondary
   );
-  --color-comp-accordeon-settings-surface-secondary: var(
+  --color-comp-accordeon-settings-bg-secondary: var(
     --color-surface-base-primary
   );
+  --color-comp-accordeon-settings-stroke-def: var(
+    --color-stroke-base-secondary
+  );
+  --color-comp-accordeon-settings-stroke-disabled: var(
+    --color-stroke-base-secondary
+  );
+  --color-comp-accordeon-settings-stroke-focused: var(
+    --color-surface-base-transparent
+  );
+  --color-comp-accordeon-settings-stroke-hover: var(--color-stroke-brand-hover);
   --color-comp-alert-bg-error: var(--color-surface-state-bg-error);
   --color-comp-alert-bg-info: var(--color-surface-state-bg-info);
   --color-comp-alert-bg-success: var(--color-surface-state-bg-success);
@@ -1086,32 +1084,32 @@
   --color-icon-brand-hover: var(--brand-hover);
   --color-icon-brand-pressed: var(--brand-focused);
   --color-icon-dark-primary-def: var(--color-black-dramatic-950);
-  --color-icon-dark-primary-focused: var(--color-gray-1000);
-  --color-icon-dark-primary-hover: var(--color-gray-900);
-  --color-icon-dark-primary-pressed: var(--color-gray-1000);
-  --color-icon-dark-secondary-def: var(--color-gray-700);
-  --color-icon-dark-secondary-focused: var(--color-gray-900);
-  --color-icon-dark-secondary-hover: var(--color-gray-800);
-  --color-icon-dark-secondary-pressed: var(--color-gray-900);
-  --color-icon-dark-tertiary: var(--color-gray-500);
+  --color-icon-dark-primary-focused: var(--gray-1000);
+  --color-icon-dark-primary-hover: var(--gray-900);
+  --color-icon-dark-primary-pressed: var(--gray-1000);
+  --color-icon-dark-secondary-def: var(--gray-700);
+  --color-icon-dark-secondary-focused: var(--gray-900);
+  --color-icon-dark-secondary-hover: var(--gray-800);
+  --color-icon-dark-secondary-pressed: var(--gray-900);
+  --color-icon-dark-tertiary: var(--gray-500);
   --color-icon-error-def: var(--color-red-500);
   --color-icon-error-disabled: var(--color-transparent-red-35);
   --color-icon-error-focused: var(--color-red-700);
   --color-icon-error-hover: var(--color-red-600);
   --color-icon-error-pressed: var(--color-red-700);
   --color-icon-invert-def: var(--color-neutral-white);
-  --color-icon-invert-focused: var(--color-gray-400);
-  --color-icon-invert-hover: var(--color-gray-300);
-  --color-icon-invert-invert-disabled: var(--color-gray-700);
-  --color-icon-invert-pressed: var(--color-gray-400);
+  --color-icon-invert-focused: var(--gray-400);
+  --color-icon-invert-hover: var(--gray-300);
+  --color-icon-invert-invert-disabled: var(--gray-700);
+  --color-icon-invert-pressed: var(--gray-400);
   --color-stroke-base-disabled: var(--color-transparent-light-40);
-  --color-stroke-base-primary: var(--color-gray-300);
-  --color-stroke-base-primary-focused: var(--color-gray-500);
-  --color-stroke-base-primary-hover: var(--color-gray-300);
-  --color-stroke-base-primary-pressed: var(--color-gray-500);
-  --color-stroke-base-secondary: var(--color-gray-200);
+  --color-stroke-base-primary: var(--gray-300);
+  --color-stroke-base-primary-focused: var(--gray-500);
+  --color-stroke-base-primary-hover: var(--gray-300);
+  --color-stroke-base-primary-pressed: var(--gray-500);
+  --color-stroke-base-secondary: var(--gray-200);
   --color-stroke-base-success: var(--color-green-500);
-  --color-stroke-base-tertiary: var(--color-gray-600);
+  --color-stroke-base-tertiary: var(--gray-600);
   --color-stroke-base-warning: var(--color-orange-500);
   --color-stroke-brand-def: var(--brand-primary);
   --color-stroke-brand-disabled: var(--brand-15);
@@ -1119,15 +1117,15 @@
   --color-stroke-brand-hover: var(--brand-hover);
   --color-stroke-brand-pressed: var(--brand-focused);
   --color-stroke-dark-def: var(--color-black-dramatic-950);
-  --color-stroke-dark-disabled: var(--color-gray-500);
+  --color-stroke-dark-disabled: var(--gray-500);
   --color-stroke-dark-focused: var(--color-black-dramatic-900);
   --color-stroke-dark-hover: var(--color-black-dramatic-900);
   --color-stroke-dark-pressed: var(--color-black-dramatic-900);
-  --color-stroke-dashed-def: var(--color-gray-500);
-  --color-stroke-dashed-disabled: var(--color-gray-400);
-  --color-stroke-dashed-focused: var(--color-gray-600);
-  --color-stroke-dashed-hover: var(--color-gray-600);
-  --color-stroke-dashed-pressed: var(--color-gray-600);
+  --color-stroke-dashed-def: var(--gray-500);
+  --color-stroke-dashed-disabled: var(--gray-400);
+  --color-stroke-dashed-focused: var(--gray-600);
+  --color-stroke-dashed-hover: var(--gray-600);
+  --color-stroke-dashed-pressed: var(--gray-600);
   --color-stroke-error-def: var(--color-red-500);
   --color-stroke-error-disabled: var(--color-transparent-red-35);
   --color-stroke-error-focused: var(--color-red-700);
@@ -1137,10 +1135,10 @@
   --color-stroke-invert-primary: var(--brand-white);
   --color-stroke-invert-secondary: var(--color-transparent-light-25);
   --color-surface-base-overlay: var(--color-transparent-dark-70);
-  --color-surface-base-primary: var(--color-gray-50);
+  --color-surface-base-primary: var(--gray-50);
   --color-surface-base-primary-disabled: var(--color-transparent-light-15);
-  --color-surface-base-primary-focused-pressed: var(--color-gray-400);
-  --color-surface-base-primary-hover: var(--color-gray-300);
+  --color-surface-base-primary-focused-pressed: var(--gray-400);
+  --color-surface-base-primary-hover: var(--gray-300);
   --color-surface-base-secondary: var(--color-neutral-white);
   --color-surface-base-tertiary: var(--brand-white);
   --color-surface-base-transparent: var(--color-transparent-transparent);
@@ -1180,17 +1178,17 @@
   --color-text-brand-focused: var(--brand-focused);
   --color-text-brand-hover: var(--brand-hover);
   --color-text-brand-pressed: var(--brand-focused);
-  --color-text-dark-disabled: var(--color-gray-500);
+  --color-text-dark-disabled: var(--gray-500);
   --color-text-dark-primary-def: var(--color-black-dramatic-950);
-  --color-text-dark-primary-focused: var(--color-gray-1000);
-  --color-text-dark-primary-hover: var(--color-gray-900);
-  --color-text-dark-primary-pressed: var(--color-gray-1000);
-  --color-text-dark-secondary: var(--color-gray-900);
-  --color-text-dark-tertiary: var(--color-gray-700);
+  --color-text-dark-primary-focused: var(--gray-1000);
+  --color-text-dark-primary-hover: var(--gray-900);
+  --color-text-dark-primary-pressed: var(--gray-1000);
+  --color-text-dark-secondary: var(--gray-900);
+  --color-text-dark-tertiary: var(--gray-700);
   --color-text-invert-def: var(--color-neutral-white);
-  --color-text-invert-focused: var(--color-gray-400);
-  --color-text-invert-hover: var(--color-gray-300);
-  --color-text-invert-pressed: var(--color-gray-400);
+  --color-text-invert-focused: var(--gray-400);
+  --color-text-invert-hover: var(--gray-300);
+  --color-text-invert-pressed: var(--gray-400);
   --color-text-state-error-def: var(--color-red-500);
   --color-text-state-error-disabled: var(--color-transparent-red-35);
   --color-text-state-error-focused: var(--color-red-700);