@vkzstudio/muza-ui 1.0.4 → 1.0.6

package/dist/styles/typography.css

@@ -1,84 +1,84 @@
-/* width >= 1024px */
-@theme {
-  --font-heading: Objectivity;
-  --font-text: Objectivity;
-  --font-cta: Objectivity;
-  --paragraph-spacing-12: 12px;
-  --text-2xs: 12px;
-  --text-input: 14px;
-  --text-xs: 14px;
-  --text-sm: 16px;
-  --text-md: 18px;
-  --text-lg: 20px;
-  --text-xl: 24px;
-  --text-2xl: 32px;
-  --text-3xl: 40px;
-  --text-4xl: 48px;
-  --text-5xl: 56px;
-  --text-6xl: 64px;
-  --text-7xl: 72px;
-  --font-weight-light: 300;
-  --font-weight-regular: 400;
-  --font-weight-medium: 500;
-  --font-weight-bold: 700;
-}
-
-/* max 1024px */
-@media (width < 64rem) {
-  :root {
-    --paragraph-spacing-12: 12px;
-    --text-2xs: 12px;
-    --text-xs: 14px;
-    --text-input: 16px;
-    --text-sm: 16px;
-    --text-md: 18px;
-    --text-lg: 20px;
-    --text-xl: 22px;
-    --text-2xl: 28px;
-    --text-3xl: 32px;
-    --text-4xl: 40px;
-    --text-5xl: 48px;
-    --text-6xl: 56px;
-    --text-7xl: 64px;
-  }
-}
-
-/* max 768px */
-@media (width < 48rem) {
-  :root {
-    --paragraph-spacing-12: 12px;
-    --text-2xs: 12px;
-    --text-xs: 14px;
-    --text-input: 16px;
-    --text-sm: 16px;
-    --text-md: 18px;
-    --text-lg: 20px;
-    --text-xl: 20px;
-    --text-2xl: 24px;
-    --text-3xl: 28px;
-    --text-4xl: 32px;
-    --text-5xl: 40px;
-    --text-6xl: 48px;
-    --text-7xl: 56px;
-  }
-}
-
-/* min 1600px */
-@media (width >= 100rem) {
-  :root {
-    --paragraph-spacing-12: 12px;
-    --text-2xs: 12px;
-    --text-input: 14px;
-    --text-xs: 14px;
-    --text-sm: 16px;
-    --text-md: 18px;
-    --text-lg: 20px;
-    --text-xl: 24px;
-    --text-2xl: 32px;
-    --text-3xl: 40px;
-    --text-4xl: 48px;
-    --text-5xl: 56px;
-    --text-6xl: 64px;
-    --text-7xl: 72px;
-  }
-}
+/* width >= 1024px */
+@theme {
+  --font-heading: Objectivity;
+  --font-text: Objectivity;
+  --font-cta: Objectivity;
+  --paragraph-spacing-12: 12px;
+  --text-2xs: 12px;
+  --text-input: 14px;
+  --text-xs: 14px;
+  --text-sm: 16px;
+  --text-md: 18px;
+  --text-lg: 20px;
+  --text-xl: 24px;
+  --text-2xl: 32px;
+  --text-3xl: 40px;
+  --text-4xl: 48px;
+  --text-5xl: 56px;
+  --text-6xl: 64px;
+  --text-7xl: 72px;
+  --font-weight-light: 300;
+  --font-weight-regular: 400;
+  --font-weight-medium: 500;
+  --font-weight-bold: 700;
+}
+
+/* max 1024px */
+@media (width < 64rem) {
+  :root {
+    --paragraph-spacing-12: 12px;
+    --text-2xs: 12px;
+    --text-xs: 14px;
+    --text-input: 16px;
+    --text-sm: 16px;
+    --text-md: 18px;
+    --text-lg: 20px;
+    --text-xl: 22px;
+    --text-2xl: 28px;
+    --text-3xl: 32px;
+    --text-4xl: 40px;
+    --text-5xl: 48px;
+    --text-6xl: 56px;
+    --text-7xl: 64px;
+  }
+}
+
+/* max 768px */
+@media (width < 48rem) {
+  :root {
+    --paragraph-spacing-12: 12px;
+    --text-2xs: 12px;
+    --text-xs: 14px;
+    --text-input: 16px;
+    --text-sm: 16px;
+    --text-md: 18px;
+    --text-lg: 20px;
+    --text-xl: 20px;
+    --text-2xl: 24px;
+    --text-3xl: 28px;
+    --text-4xl: 32px;
+    --text-5xl: 40px;
+    --text-6xl: 48px;
+    --text-7xl: 56px;
+  }
+}
+
+/* min 1600px */
+@media (width >= 100rem) {
+  :root {
+    --paragraph-spacing-12: 12px;
+    --text-2xs: 12px;
+    --text-input: 14px;
+    --text-xs: 14px;
+    --text-sm: 16px;
+    --text-md: 18px;
+    --text-lg: 20px;
+    --text-xl: 24px;
+    --text-2xl: 32px;
+    --text-3xl: 40px;
+    --text-4xl: 48px;
+    --text-5xl: 56px;
+    --text-6xl: 64px;
+    --text-7xl: 72px;
+  }
+}

package/dist/styles/utilities.css

@@ -1,66 +1,66 @@
-@utility fix-y-text {
-  /* Default value for >14px font size */
-  transform: translateY(0.125em);
-}
-
-@utility fix-y-text-* {
-  /* Custom value */
-  /* Use 2 for >14px font size */
-  /* Use 1 for <=14px font size */
-  transform: translateY(calc(--value(integer) * 0.0625em));
-}
-
-@utility focus-visible-auto {
-  @apply focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none;
-}
-
-@utility focus-visible-default {
-  @apply focus-visible:ring-2 focus-visible:ring-stroke-focus-outline-def focus-visible:ring-offset-2 focus-visible:outline-none;
-}
-
-@utility focus-visible-* {
-  @apply focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none;
-
-  &:focus-visible {
-    --tw-ring-color: --value(--color-*);
-  }
-}
-
-@utility focus-within-auto {
-  @apply focus-within:ring-2 focus-within:ring-offset-2 focus-within:outline-none;
-}
-
-@utility focus-within-default {
-  @apply focus-within:ring-2 focus-within:ring-stroke-focus-outline-def focus-within:ring-offset-2 focus-within:outline-none;
-}
-
-@utility focus-within-* {
-  @apply focus-within:ring-2 focus-within:ring-offset-2 focus-within:outline-none;
-
-  &:focus-within {
-    --tw-ring-color: --value(--color-*);
-  }
-}
-
-@utility focus-auto {
-  @apply focus:ring-2 focus:ring-offset-2 focus:outline-none;
-}
-
-@utility focus-default {
-  @apply focus:ring-2 focus:ring-stroke-focus-outline-def focus:ring-offset-2 focus:outline-none;
-}
-
-@utility focus-* {
-  @apply focus:ring-2 focus:ring-offset-2 focus:outline-none;
-
-  &:focus-visible {
-    --tw-ring-color: --value(--color-*);
-  }
-}
-
-@utility dropdown-shadow-default {
-  box-shadow: 0 8px 32px 0 rgba(59, 18, 107, 0.2);
-  /* Box shadow seems to have better performance on safari and since the cards in dropdowns are not transparent should work as intended */
-  /* transform: translateZ(0);
-  filter: drop-shadow(0px 8px 16px rgba(59, 18, 107, 0.2)); */
-}
+@utility fix-y-text {
+  /* Default value for >14px font size */
+  transform: translateY(0.125em);
+}
+
+@utility fix-y-text-* {
+  /* Custom value */
+  /* Use 2 for >14px font size */
+  /* Use 1 for <=14px font size */
+  transform: translateY(calc(--value(integer) * 0.0625em));
+}
+
+@utility focus-visible-auto {
+  @apply focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none;
+}
+
+@utility focus-visible-default {
+  @apply focus-visible:ring-2 focus-visible:ring-stroke-focus-outline-def focus-visible:ring-offset-2 focus-visible:outline-none;
+}
+
+@utility focus-visible-* {
+  @apply focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none;
+
+  &:focus-visible {
+    --tw-ring-color: --value(--color-*);
+  }
+}
+
+@utility focus-within-auto {
+  @apply focus-within:ring-2 focus-within:ring-offset-2 focus-within:outline-none;
+}
+
+@utility focus-within-default {
+  @apply focus-within:ring-2 focus-within:ring-stroke-focus-outline-def focus-within:ring-offset-2 focus-within:outline-none;
+}
+
+@utility focus-within-* {
+  @apply focus-within:ring-2 focus-within:ring-offset-2 focus-within:outline-none;
+
+  &:focus-within {
+    --tw-ring-color: --value(--color-*);
+  }
+}
+
+@utility focus-auto {
+  @apply focus:ring-2 focus:ring-offset-2 focus:outline-none;
+}
+
+@utility focus-default {
+  @apply focus:ring-2 focus:ring-stroke-focus-outline-def focus:ring-offset-2 focus:outline-none;
+}
+
+@utility focus-* {
+  @apply focus:ring-2 focus:ring-offset-2 focus:outline-none;
+
+  &:focus-visible {
+    --tw-ring-color: --value(--color-*);
+  }
+}
+
+@utility dropdown-shadow-default {
+  box-shadow: 0 8px 32px 0 rgba(59, 18, 107, 0.2);
+  /* Box shadow seems to have better performance on safari and since the cards in dropdowns are not transparent should work as intended */
+  /* transform: translateZ(0);
+  filter: drop-shadow(0px 8px 16px rgba(59, 18, 107, 0.2)); */
+}

package/dist/styles/white-label.css

@@ -1,25 +1,25 @@
-@theme static {
-  /* color */
-  --brand-12: var(--color-transparent-brand-12);
-  --brand-15: var(--color-transparent-brand-15);
-  --brand-8: var(--color-transparent-brand-8);
-  --brand-disabled: var(--color-purple-200);
-  --brand-focused: var(--color-purple-700);
-  --brand-hover: var(--color-purple-600);
-  --brand-primary: var(--color-purple-500);
-  --brand-quaternary: var(--color-purple-400);
-  --brand-secondary: var(--color-purple-300);
-  --brand-tertiary: var(--color-purple-100);
-  --brand-white: var(--color-neutral-off-white);
-  --gray-100: var(--color-gray-100);
-  --gray-1000: var(--color-gray-1000);
-  --gray-200: var(--color-gray-200);
-  --gray-300: var(--color-gray-300);
-  --gray-400: var(--color-gray-400);
-  --gray-50: var(--color-gray-50);
-  --gray-500: var(--color-gray-500);
-  --gray-600: var(--color-gray-600);
-  --gray-700: var(--color-gray-700);
-  --gray-800: var(--color-gray-800);
-  --gray-900: var(--color-gray-900);
-}
+@theme static {
+  /* color */
+  --brand-12: var(--color-transparent-brand-12);
+  --brand-15: var(--color-transparent-brand-15);
+  --brand-8: var(--color-transparent-brand-8);
+  --brand-disabled: var(--color-purple-200);
+  --brand-focused: var(--color-purple-700);
+  --brand-hover: var(--color-purple-600);
+  --brand-primary: var(--color-purple-500);
+  --brand-quaternary: var(--color-purple-400);
+  --brand-secondary: var(--color-purple-300);
+  --brand-tertiary: var(--color-purple-100);
+  --brand-white: var(--color-neutral-off-white);
+  --gray-100: var(--color-gray-100);
+  --gray-1000: var(--color-gray-1000);
+  --gray-200: var(--color-gray-200);
+  --gray-300: var(--color-gray-300);
+  --gray-400: var(--color-gray-400);
+  --gray-50: var(--color-gray-50);
+  --gray-500: var(--color-gray-500);
+  --gray-600: var(--color-gray-600);
+  --gray-700: var(--color-gray-700);
+  --gray-800: var(--color-gray-800);
+  --gray-900: var(--color-gray-900);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkzstudio/muza-ui",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "React component library built with Vite, shadcn/ui, and Tailwind CSS",
   "type": "module",
   "main": "./dist/index.js",

package/dist/components/Snackbar/Snackbar.d.ts

@@ -1,4 +0,0 @@
-import { ToasterProps as SnackbarProps } from 'sonner';
-declare const SnackbarContainer: ({ ...props }: SnackbarProps) => import("react/jsx-runtime").JSX.Element;
-export { SnackbarContainer };
-//# sourceMappingURL=Snackbar.d.ts.map

package/dist/components/Snackbar/Snackbar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Snackbar.d.ts","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,IAAI,aAAa,EAAqB,MAAM,QAAQ,CAAA;AAE9E,QAAA,MAAM,iBAAiB,GAAI,cAAc,aAAa,4CAErD,CAAA;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/components/Snackbar/Snackbar.js

@@ -1,6 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { Toaster as t } from "sonner";
-const e = ({ ...r }) => /* @__PURE__ */ o(t, { ...r });
-export {
-  e as SnackbarContainer
-};

package/dist/components/Snackbar/Snackbar.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Snackbar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAG3D,OAAO,EAAE,KAAK,EAAS,MAAM,SAAS,CAAA;AAEtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CA6D5B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAA;AAEnC,eAAO,MAAM,OAAO,EAAE,KAyBrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KA4BrB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KA4BnB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAgExB,CAAA"}

package/dist/components/Snackbar/Toast.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Snackbar/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,UAAU,UAAU;IAClB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,OAAO,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;IACxC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,KAAK,GAAI,OAAO,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,oBAO3C,CAAA;AAED,QAAA,MAAM,KAAK,GAAI,8EASZ,UAAU,4CA8CZ,CAAA;AAED,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAA"}

package/dist/components/Snackbar/index.d.ts

@@ -1,3 +0,0 @@
-export * from './Snackbar';
-export { toast } from './Toast';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Snackbar/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Snackbar/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA"}