@caseparts-org/caseblocks 0.0.15 → 0.0.16

package/dist/atoms/Button/Button.d.ts

@@ -1,6 +1,6 @@
 import { HideAtProps } from '../HideAt';
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, HideAtProps {
-    size: "xs" | "sm" | "md" | "lg" | "xl";
+    size: "xxs" | "xs" | "sm" | "md" | "lg" | "xl";
     variant: "primary" | "secondary" | "cta-primary" | "tertiary" | "destructive";
     disabled?: boolean;
 }

package/dist/atoms/Button/Button.js

@@ -1,45 +1,47 @@
-import { jsx as r } from "react/jsx-runtime";
-import { t as n } from "../../Text.module-smM1g1J4.js";
-import { c as i } from "../../clsx-OuTLNxxd.js";
-import { getHideAtStyles as c } from "../HideAt.js";
-import '../../assets/Button.css';const m = "_button_1co79_1", t = {
+import { jsx as b } from "react/jsx-runtime";
+import { t } from "../../Text.module-smM1g1J4.js";
+import { c as r } from "../../clsx-OuTLNxxd.js";
+import { getHideAtStyles as z } from "../HideAt.js";
+import '../../assets/Button.css';const m = "_button_17viz_1", o = {
   button: m,
-  "button-primary": "_button-primary_1co79_36",
-  "button-secondary": "_button-secondary_1co79_50",
-  "button-cta-primary": "_button-cta-primary_1co79_72",
-  "button-tertiary": "_button-tertiary_1co79_86",
-  "button-destructive": "_button-destructive_1co79_104",
-  "button-size-xs": "_button-size-xs_1co79_122",
-  "button-size-sm": "_button-size-sm_1co79_126",
-  "button-size-md": "_button-size-md_1co79_130",
-  "button-size-lg": "_button-size-lg_1co79_134",
-  "button-size-xl": "_button-size-xl_1co79_138"
+  "button-primary": "_button-primary_17viz_36",
+  "button-secondary": "_button-secondary_17viz_50",
+  "button-cta-primary": "_button-cta-primary_17viz_72",
+  "button-tertiary": "_button-tertiary_17viz_86",
+  "button-destructive": "_button-destructive_17viz_104",
+  "button-size-xxs": "_button-size-xxs_17viz_122",
+  "button-size-xs": "_button-size-xs_17viz_128",
+  "button-size-sm": "_button-size-sm_17viz_135",
+  "button-size-md": "_button-size-md_17viz_142",
+  "button-size-lg": "_button-size-lg_17viz_149",
+  "button-size-xl": "_button-size-xl_17viz_156"
 };
-function l({
-  children: _,
-  size: o,
-  variant: u,
+function y({
+  children: n,
+  size: i,
+  variant: _,
   hideAt: s,
-  className: e,
-  ...b
+  className: u,
+  ...e
 }) {
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ b(
     "button",
     {
-      className: i(
-        t.button,
-        t[`button-${u}`],
-        t[`button-size-${o}`],
-        n.text,
-        n[`text-${o}`],
-        c(s),
-        e
+      className: r(
+        o.button,
+        o[`button-${_}`],
+        o[`button-size-${i}`],
+        t.text,
+        t[`text-${i}`],
+        t["text-semibold"],
+        z(s),
+        u
       ),
-      ...b,
-      children: _
+      ...e,
+      children: n
     }
   );
 }
 export {
-  l as Button
+  y as Button
 };

package/dist/atoms/Button/Button.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 import { Button } from './Button';
 declare const meta: {
     title: string;

package/dist/atoms/Button/Button.stories.js

@@ -1,8 +1,8 @@
-import { jsx as r, jsxs as s } from "react/jsx-runtime";
-import { Button as e } from "./Button.js";
-const c = {
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import { Button as r } from "./Button.js";
+const n = {
   title: "Case Parts/Atoms/Button",
-  component: e,
+  component: r,
   parameters: {
     // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
     layout: "centered"
@@ -11,8 +11,8 @@ const c = {
   tags: ["autodocs"]
 }, l = {
   args: {
-    children: "Button Text",
-    size: "sm",
+    children: "Text",
+    size: "md",
     variant: "primary"
   }
 }, a = [
@@ -22,19 +22,16 @@ const c = {
   "cta-primary",
   "destructive"
 ], p = {
-  render: () => /* @__PURE__ */ r("div", { style: { display: "flex", flexDirection: "column", gap: "10px" }, children: a.map((t) => /* @__PURE__ */ s(e, { variant: t, size: "md", children: [
-    t.charAt(0).toUpperCase() + t.slice(1),
-    " Button"
-  ] }, t)) })
-}, o = ["xs", "sm", "md", "lg", "xl"], m = {
-  render: () => /* @__PURE__ */ r("div", { style: { display: "flex", flexDirection: "column", gap: "10px" }, children: o.map((t) => /* @__PURE__ */ s(e, { size: t, variant: "primary", children: [
-    t.charAt(0).toUpperCase() + t.slice(1),
-    " Button"
-  ] }, t)) })
+  render: () => /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", gap: "10px" }, children: a.map((e) => /* @__PURE__ */ t(r, { variant: e, size: "md", children: e.charAt(0).toUpperCase() + e.slice(1) }, e)) })
+}, o = ["xxs", "xs", "sm", "md", "lg", "xl"], m = {
+  render: () => /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", gap: "10px" }, children: o.map((e) => /* @__PURE__ */ s(r, { size: e, variant: "primary", children: [
+    e.charAt(0).toUpperCase() + e.slice(1).toUpperCase(),
+    " Btn"
+  ] }, e)) })
 };
 export {
   l as AllProps,
   m as Sizes,
   p as Variants,
-  c as default
+  n as default
 };

package/dist/atoms/Flex/Flex.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 import { Flex } from './Flex';
 declare const meta: {
     title: string;

package/dist/atoms/Grid/Grid.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 import { Grid } from './Grid';
 declare const meta: {
     title: string;

package/dist/atoms/Icon/Icon.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 import { Icon } from './Icon';
 declare const meta: {
     title: string;

package/dist/atoms/Input/Input.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: import('react').ForwardRefExoticComponent<import('./Input').InputProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/atoms/Link/Link.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 import { Link } from './Link';
 declare const meta: {
     title: string;

package/dist/atoms/Separator/Separator.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 import { Separator } from './Separator';
 declare const meta: {
     title: string;

package/dist/atoms/Text/Text.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 import { Text } from './Text';
 declare const meta: {
     title: string;

package/dist/molecules/Account/Account.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 import { Account } from './Account';
 declare const meta: {
     title: string;

package/dist/molecules/Avatar/Avatar.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 import { Avatar } from './Avatar';
 declare const meta: {
     title: string;

package/dist/molecules/Cart/Cart.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 import { Cart } from './Cart';
 declare const meta: {
     title: string;

package/dist/molecules/Chip/Chip.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 import { Chip } from './Chip';
 declare const meta: {
     title: string;

package/dist/molecules/HamburgerMenu/HamburgerMenu.js

@@ -1,57 +1,56 @@
-import { jsxs as m, jsx as o } from "react/jsx-runtime";
-import { useState as u, useRef as l, useEffect as f } from "react";
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { useState as c, useRef as l, useEffect as f } from "react";
 import { getHideAtStyles as d } from "../../atoms/HideAt.js";
 import { Flex as p } from "../../atoms/Flex/Flex.js";
-import { Icon as _ } from "../../atoms/Icon/Icon.js";
-import { c as b } from "../../clsx-OuTLNxxd.js";
-import '../../assets/HamburgerMenu.css';const C = "_hamburgerContainer_b84wp_1", g = "_menuIcon_b84wp_4", h = "_menuContent_b84wp_8", v = "_closeContainer_b84wp_22", w = "_overlay_b84wp_41", t = {
+import { Icon as b } from "../../atoms/Icon/Icon.js";
+import { c as _ } from "../../clsx-OuTLNxxd.js";
+import '../../assets/HamburgerMenu.css';const C = "_hamburgerContainer_b84wp_1", g = "_menuIcon_b84wp_4", h = "_menuContent_b84wp_8", v = "_overlay_b84wp_41", t = {
   hamburgerContainer: C,
   menuIcon: g,
   menuContent: h,
-  closeContainer: v,
-  overlay: w
+  overlay: v
 };
-function j({ hideAt: s, children: c }) {
-  const [e, r] = u(!1), a = l(null);
+function E({ hideAt: m, children: s }) {
+  const [e, o] = c(!1), a = l(null);
   return f(() => {
     if (!e) return;
-    function n(i) {
-      a.current && !a.current.contains(i.target) && r(!1);
+    function n(u) {
+      a.current && !a.current.contains(u.target) && o(!1);
     }
     return document.addEventListener("mousedown", n), () => document.removeEventListener("mousedown", n);
-  }, [e]), /* @__PURE__ */ m(
+  }, [e]), /* @__PURE__ */ i(
     "div",
     {
       ref: a,
-      className: b(t.hamburgerContainer, d(s)),
+      className: _(t.hamburgerContainer, d(m)),
       children: [
-        e && /* @__PURE__ */ o(
+        e && /* @__PURE__ */ r(
           "div",
           {
             className: t.overlay,
-            onClick: () => r(!1),
+            onClick: () => o(!1),
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ r(
           p,
           {
             flexDirection: "row",
             className: t.menuIcon,
-            onClick: () => r((n) => !n),
+            onClick: () => o((n) => !n),
             "aria-expanded": e,
             "aria-controls": "hamburger-menu-content",
             role: "button",
-            children: /* @__PURE__ */ o(_, { iconKey: "fa-kit fa-bars", title: "Menu", size: "lg" })
+            children: /* @__PURE__ */ r(b, { iconKey: "fa-kit fa-bars", title: "Menu", size: "lg" })
           }
         ),
-        e && /* @__PURE__ */ o(
+        e && /* @__PURE__ */ r(
           "div",
           {
             id: "hamburger-menu-content",
             className: t.menuContent,
             role: "menu",
-            children: c
+            children: s
           }
         )
       ]
@@ -59,5 +58,5 @@ function j({ hideAt: s, children: c }) {
   );
 }
 export {
-  j as HamburgerMenu
+  E as HamburgerMenu
 };

package/dist/molecules/Logo/Logo.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 import { Logo } from './Logo';
 declare const meta: {
     title: string;

package/dist/molecules/SearchBox/SearchBox.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 import { SearchBox } from './SearchBox';
 declare const meta: {
     title: string;

package/dist/molecules/ToggleView/ToggleView.stories.d.ts

@@ -1,5 +1,5 @@
 import { ToggleView } from './ToggleView';
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: typeof ToggleView;