@vkzstudio/muza-ui 1.0.4 → 1.0.5

package/dist/styles/token-sizes.css

@@ -36,6 +36,9 @@
   --spacing-comp-accordion-settings-corner-radius: var(--radius-xl);
   --spacing-comp-accordion-settings-gap: var(--spacing-2xl);
   --spacing-comp-accordion-settings-p: var(--spacing-2xl);
+  --spacing-comp-admin-header-p-hor: var(--spacing-lg);
+  --spacing-comp-admin-header-p-ver: var(--spacing-3xl);
+  --spacing-comp-admin-header-h: var(--spacing-80);
   --spacing-comp-alert-gap-sm: var(--spacing-sm);
   --spacing-comp-alert-hor-p-sm: var(--spacing-sm);
   --spacing-comp-alert-gap-lg: var(--spacing-md);
@@ -63,7 +66,8 @@
   --spacing-comp-button-w-def: var(--spacing-56);
   --spacing-comp-button-h-lg: var(--spacing-64);
   --spacing-comp-button-w-lg: var(--spacing-64);
-  --spacing-comp-button-arrow-size: var(--spacing-4xl);
+  --spacing-comp-button-arrow-bg-size-sm: var(--spacing-3xl);
+  --spacing-comp-button-arrow-bg-size-def: var(--spacing-4xl);
   --spacing-comp-calendar-ico-size: var(--spacing-16);
   --spacing-comp-calendar-window-size: var(--spacing-40);
   --spacing-comp-card-p-hor: var(--spacing-2xl);
@@ -105,7 +109,7 @@
   --spacing-comp-input-h-large: var(--spacing-64);
   --spacing-comp-internal-benefits-circle-size: var(--spacing-36);
   --spacing-comp-login-circle-size: var(--spacing-80);
-  --spacing-comp-paggination-size: var(--spacing-4xl);
+  --spacing-comp-paggination-size: var(--spacing-3xl);
   --spacing-comp-pin-indicator-stroke-width: var(--spacing-1);
   --spacing-comp-pin-indicator-size: var(--spacing-12);
   --spacing-comp-pin-indicator-gap: var(--spacing-4xl);
@@ -144,9 +148,6 @@
   --spacing-comp-tag-h-def: var(--spacing-32);
   --spacing-comp-texteditor-ico-bg-size: var(--spacing-28);
   --spacing-comp-time-picker-container-h: var(--spacing-56);
-  --spacing-comp-top-nav-bar-p-hor: var(--spacing-lg);
-  --spacing-comp-top-nav-bar-p-ver: var(--spacing-3xl);
-  --spacing-comp-top-nav-bar-h: var(--spacing-80);
   --spacing-comp-view-client-p-hor: var(--spacing-sm);
   --spacing-comp-view-client-p-left: var(--spacing-sm);
   --spacing-comp-view-client-p-right: var(--spacing-lg);
@@ -204,6 +205,9 @@
     --spacing-comp-accordion-settings-corner-radius: var(--radius-xl);
     --spacing-comp-accordion-settings-gap: var(--spacing-2xl);
     --spacing-comp-accordion-settings-p: var(--spacing-2xl);
+    --spacing-comp-admin-header-p-hor: var(--spacing-lg);
+    --spacing-comp-admin-header-p-ver: var(--spacing-3xl);
+    --spacing-comp-admin-header-h: var(--spacing-80);
     --spacing-comp-alert-gap-sm: var(--spacing-sm);
     --spacing-comp-alert-hor-p-sm: var(--spacing-sm);
     --spacing-comp-alert-gap-lg: var(--spacing-md);
@@ -231,7 +235,8 @@
     --spacing-comp-button-w-def: var(--spacing-56);
     --spacing-comp-button-h-lg: var(--spacing-64);
     --spacing-comp-button-w-lg: var(--spacing-64);
-    --spacing-comp-button-arrow-size: var(--spacing-4xl);
+    --spacing-comp-button-arrow-bg-size-sm: var(--spacing-3xl);
+    --spacing-comp-button-arrow-bg-size-def: var(--spacing-4xl);
     --spacing-comp-calendar-ico-size: var(--spacing-16);
     --spacing-comp-calendar-window-size: var(--spacing-40);
     --spacing-comp-card-p-hor: var(--spacing-2xl);
@@ -273,7 +278,7 @@
     --spacing-comp-input-h-large: var(--spacing-64);
     --spacing-comp-internal-benefits-circle-size: var(--spacing-36);
     --spacing-comp-login-circle-size: var(--spacing-80);
-    --spacing-comp-paggination-size: var(--spacing-4xl);
+    --spacing-comp-paggination-size: var(--spacing-3xl);
     --spacing-comp-pin-indicator-stroke-width: var(--spacing-1);
     --spacing-comp-pin-indicator-size: var(--spacing-12);
     --spacing-comp-pin-indicator-gap: var(--spacing-4xl);
@@ -312,9 +317,6 @@
     --spacing-comp-tag-h-def: var(--spacing-32);
     --spacing-comp-texteditor-ico-bg-size: var(--spacing-28);
     --spacing-comp-time-picker-container-h: var(--spacing-56);
-    --spacing-comp-top-nav-bar-p-hor: var(--spacing-lg);
-    --spacing-comp-top-nav-bar-p-ver: var(--spacing-3xl);
-    --spacing-comp-top-nav-bar-h: var(--spacing-80);
     --spacing-comp-view-client-p-hor: var(--spacing-md);
     --spacing-comp-view-client-p-right: var(--spacing-md);
     --spacing-comp-view-client-p-left: var(--spacing-lg);
@@ -374,6 +376,9 @@
     --spacing-comp-accordion-settings-p: var(--spacing-lg);
     --spacing-comp-accordion-settings-corner-radius: var(--radius-xl);
     --spacing-comp-accordion-settings-gap: var(--spacing-2xl);
+    --spacing-comp-admin-header-p-hor: var(--spacing-lg);
+    --spacing-comp-admin-header-p-ver: var(--spacing-3xl);
+    --spacing-comp-admin-header-h: var(--spacing-80);
     --spacing-comp-alert-gap-sm: var(--spacing-sm);
     --spacing-comp-alert-hor-p-sm: var(--spacing-sm);
     --spacing-comp-alert-gap-lg: var(--spacing-md);
@@ -401,7 +406,8 @@
     --spacing-comp-button-w-def: var(--spacing-56);
     --spacing-comp-button-h-lg: var(--spacing-64);
     --spacing-comp-button-w-lg: var(--spacing-64);
-    --spacing-comp-button-arrow-size: var(--spacing-4xl);
+    --spacing-comp-button-arrow-bg-size-sm: var(--spacing-3xl);
+    --spacing-comp-button-arrow-bg-size-def: var(--spacing-4xl);
     --spacing-comp-calendar-ico-size: var(--spacing-16);
     --spacing-comp-calendar-window-size: var(--spacing-40);
     --spacing-comp-card-p-ver: var(--spacing-lg);
@@ -443,7 +449,7 @@
     --spacing-comp-input-h-large: var(--spacing-64);
     --spacing-comp-internal-benefits-circle-size: var(--spacing-36);
     --spacing-comp-login-circle-size: var(--spacing-64);
-    --spacing-comp-paggination-size: var(--spacing-4xl);
+    --spacing-comp-paggination-size: var(--spacing-3xl);
     --spacing-comp-pin-indicator-stroke-width: var(--spacing-1);
     --spacing-comp-pin-indicator-size: var(--spacing-12);
     --spacing-comp-pin-indicator-gap: var(--spacing-4xl);
@@ -482,9 +488,6 @@
     --spacing-comp-tag-h-def: var(--spacing-32);
     --spacing-comp-texteditor-ico-bg-size: var(--spacing-28);
     --spacing-comp-time-picker-container-h: var(--spacing-48);
-    --spacing-comp-top-nav-bar-p-hor: var(--spacing-lg);
-    --spacing-comp-top-nav-bar-p-ver: var(--spacing-3xl);
-    --spacing-comp-top-nav-bar-h: var(--spacing-80);
     --spacing-comp-view-client-p-hor: var(--spacing-md);
     --spacing-comp-view-client-p-right: var(--spacing-md);
     --spacing-comp-view-client-gap: var(--spacing-lg);
@@ -544,6 +547,9 @@
     --spacing-comp-accordion-settings-corner-radius: var(--radius-xl);
     --spacing-comp-accordion-settings-gap: var(--spacing-2xl);
     --spacing-comp-accordion-settings-p: var(--spacing-2xl);
+    --spacing-comp-admin-header-p-hor: var(--spacing-lg);
+    --spacing-comp-admin-header-p-ver: var(--spacing-3xl);
+    --spacing-comp-admin-header-h: var(--spacing-80);
     --spacing-comp-alert-gap-sm: var(--spacing-sm);
     --spacing-comp-alert-hor-p-sm: var(--spacing-sm);
     --spacing-comp-alert-gap-lg: var(--spacing-md);
@@ -571,7 +577,8 @@
     --spacing-comp-button-w-def: var(--spacing-56);
     --spacing-comp-button-h-lg: var(--spacing-64);
     --spacing-comp-button-w-lg: var(--spacing-64);
-    --spacing-comp-button-arrow-size: var(--spacing-4xl);
+    --spacing-comp-button-arrow-bg-size-sm: var(--spacing-3xl);
+    --spacing-comp-button-arrow-bg-size-def: var(--spacing-4xl);
     --spacing-comp-calendar-ico-size: var(--spacing-16);
     --spacing-comp-calendar-window-size: var(--spacing-40);
     --spacing-comp-card-p-ver: var(--spacing-2xl);
@@ -613,7 +620,7 @@
     --spacing-comp-input-h-large: var(--spacing-64);
     --spacing-comp-internal-benefits-circle-size: var(--spacing-36);
     --spacing-comp-login-circle-size: var(--spacing-80);
-    --spacing-comp-paggination-size: var(--spacing-4xl);
+    --spacing-comp-paggination-size: var(--spacing-3xl);
     --spacing-comp-pin-indicator-stroke-width: var(--spacing-1);
     --spacing-comp-pin-indicator-size: var(--spacing-12);
     --spacing-comp-pin-indicator-gap: var(--spacing-4xl);
@@ -652,9 +659,6 @@
     --spacing-comp-tag-h-def: var(--spacing-32);
     --spacing-comp-texteditor-ico-bg-size: var(--spacing-28);
     --spacing-comp-time-picker-container-h: var(--spacing-56);
-    --spacing-comp-top-nav-bar-p-hor: var(--spacing-lg);
-    --spacing-comp-top-nav-bar-p-ver: var(--spacing-3xl);
-    --spacing-comp-top-nav-bar-h: var(--spacing-80);
     --spacing-comp-view-client-p-hor: var(--spacing-sm);
     --spacing-comp-view-client-p-left: var(--spacing-sm);
     --spacing-comp-view-client-p-right: var(--spacing-lg);

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.5",
   "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"}