@vkzstudio/muza-ui 1.0.47 → 1.1.0

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,21 +1,21 @@
-@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.3s ease-in-out;
-  --animate-accordion-up: accordion-up 0.3s ease-in-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.3s ease-in-out;
+  --animate-accordion-up: accordion-up 0.3s ease-in-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,161 +1,163 @@
-: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-dark: #0066bf;
-  --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-dark: #ba1376;
-  --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-dark: #866400;
-  --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: #f99fab;
-  --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-4: #5f1eb40a;
-  --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-10: #ffffff14;
-  --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-112: 112px;
-  --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-dark: #0066bf;
+  --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-dark: #ba1376;
+  --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-dark: #866400;
+  --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: #f99fab;
+  --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-4: #5f1eb40a;
+  --color-transparent-brand-70: #5f1eb4b2;
+  --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-10: #ffffff14;
+  --color-transparent-white-15: #ffffff26;
+  --color-transparent-white-70: #ffffffb2;
+  /* 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-112: 112px;
+  --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;
+}