@caspeco/casper-ui-library 0.0.2 → 0.0.3

package/dist/theme/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,aAAa,EACb,oBAAoB,EACpB,oBAAoB,IAAI,eAAe,GACvC,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,cAAc,eAAe,CAAC;AAC9B,YAAY,EACX,UAAU,EACV,WAAW,EACX,YAAY,EACZ,WAAW,EACX,eAAe,EACf,WAAW,EACX,WAAW,EACX,eAAe,EACf,oBAAoB,GACpB,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EACN,oBAAoB,IAAI,eAAe,EACvC,aAAa,EACb,oBAAoB,GACpB,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,YAAY,EACX,WAAW,EACX,UAAU,EACV,oBAAoB,EACpB,WAAW,EACX,WAAW,EACX,YAAY,EACZ,WAAW,EACX,eAAe,EACf,eAAe,GACf,MAAM,qBAAqB,CAAC;AAC7B,cAAc,eAAe,CAAC"}

package/dist/theme/theme-config/components/accordion-theme.d.ts

@@ -1,11 +1,11 @@
 import { ThemeBorderVariable, ThemeColorVariable, ThemeFontSizeVariable, ThemeRadiusVariable, ThemeSpaceVariable } from '../../theme-types.js';
 export declare const accordionConfig: {
     baseStyle?: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
-        keys: ("button" | "container" | "icon" | "root" | "panel")[];
+        keys: ("button" | "root" | "container" | "panel" | "icon")[];
     }> | undefined;
     sizes?: {
         [key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
-            keys: ("button" | "container" | "icon" | "root" | "panel")[];
+            keys: ("button" | "root" | "container" | "panel" | "icon")[];
         }>;
     } | undefined;
     variants?: {
@@ -138,9 +138,9 @@ export declare const accordionConfig: {
     } | undefined;
     defaultProps?: {
         size?: string | number | undefined;
-        variant?: "border" | "list" | "noBorder" | undefined;
+        variant?: "border" | "noBorder" | "list" | undefined;
         colorScheme?: string | undefined;
     } | undefined;
-    parts: ("button" | "container" | "icon" | "root" | "panel")[];
+    parts: ("button" | "root" | "container" | "panel" | "icon")[];
 };
 //# sourceMappingURL=accordion-theme.d.ts.map

package/dist/theme/theme-config/components/button-theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button-theme.d.ts","sourceRoot":"","sources":["../../../../lib/theme/theme-config/components/button-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,0BAA0B,EAA6C,MAAM,kBAAkB,CAAC;AAwN9G,eAAO,MAAM,YAAY,EAAE,0BA+BzB,CAAC"}
+{"version":3,"file":"button-theme.d.ts","sourceRoot":"","sources":["../../../../lib/theme/theme-config/components/button-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,0BAA0B,EAA6C,MAAM,kBAAkB,CAAC;AAuN9G,eAAO,MAAM,YAAY,EAAE,0BA+BzB,CAAC"}

package/dist/theme/theme-config/components/button-theme.js

@@ -1,6 +1,6 @@
 import { defineStyleConfig as i } from "@chakra-ui/react";
-import { ThemeColorToken as o, ThemeBorderToken as a, ThemeRadiusToken as d, ThemeFontToken as t, ThemeFontSizeToken as c } from "../theme-tokens.js";
 import { isTouchScreenDevice as e } from "../../theme-helper.js";
+import { ThemeColorToken as o, ThemeBorderToken as a, ThemeRadiusToken as d, ThemeFontToken as t, ThemeFontSizeToken as c } from "../theme-tokens.js";
 const l = {
   fontFamily: t.SubHeader,
   borderRadius: d.XLarge,

package/dist/theme/theme-config/components/checkbox-theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-theme.d.ts","sourceRoot":"","sources":["../../../../lib/theme/theme-config/components/checkbox-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,yBAAyB,EAAe,MAAM,kBAAkB,CAAC;AAuN9G,eAAO,MAAM,cAAc,EAAE,yBAI3B,CAAC"}
+{"version":3,"file":"checkbox-theme.d.ts","sourceRoot":"","sources":["../../../../lib/theme/theme-config/components/checkbox-theme.ts"],"names":[],"mappings":"AACA,OAAO,EAA8C,KAAK,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAsN9G,eAAO,MAAM,cAAc,EAAE,yBAI3B,CAAC"}

package/dist/theme/theme-config/components/checkbox-theme.js

@@ -1,8 +1,8 @@
-import { createMultiStyleConfigHelpers as l, defineStyle as r } from "@chakra-ui/react";
-import { checkboxAnatomy as i } from "../../../node_modules/@chakra-ui/anatomy/dist/chunk-7OOI6RFH.js";
+import { checkboxAnatomy as l } from "../../../node_modules/@chakra-ui/anatomy/dist/chunk-7OOI6RFH.js";
+import { createMultiStyleConfigHelpers as i, defineStyle as r } from "@chakra-ui/react";
 import { ThemeColorVariable as o } from "../../theme-types.js";
 import { ThemeColorToken as e, ThemeFontSizeToken as b, ThemeFontToken as A, ThemeBorderToken as v } from "../theme-tokens.js";
-const { definePartsStyle: c, defineMultiStyleConfig: s } = l(i.keys), h = r({
+const { definePartsStyle: c, defineMultiStyleConfig: s } = i(l.keys), h = r({
   m: 0,
   fontFamily: A.Body,
   fontSize: b.Medium,

package/dist/theme/theme-config/components/combobox-theme.d.ts

@@ -51,7 +51,7 @@ export declare const comboboxConfig: {
         };
     } | undefined;
     defaultProps?: {
-        size?: "lg" | "md" | "sm" | "xl" | "xs" | undefined;
+        size?: "md" | "sm" | "lg" | "xs" | "xl" | undefined;
         variant?: "outline" | "ghost" | undefined;
         colorScheme?: string | undefined;
     } | undefined;

package/dist/theme/theme-config/components/drawer-theme.d.ts

@@ -39,7 +39,7 @@ export declare const drawerConfig: {
         }>;
     } | undefined;
     defaultProps?: {
-        size?: "lg" | "md" | "sm" | "xl" | "xs" | undefined;
+        size?: "md" | "sm" | "lg" | "xs" | "xl" | undefined;
         variant?: string | number | undefined;
         colorScheme?: string | undefined;
     } | undefined;

package/dist/theme/theme-config/components/form-error-theme.d.ts

@@ -10,12 +10,12 @@ export declare const formErrorConfig: {
     } | undefined;
     sizes?: {
         [key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
-            keys: ("text" | "icon")[];
+            keys: ("icon" | "text")[];
         }>;
     } | undefined;
     variants?: {
         [key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
-            keys: ("text" | "icon")[];
+            keys: ("icon" | "text")[];
         }>;
     } | undefined;
     defaultProps?: {
@@ -23,6 +23,6 @@ export declare const formErrorConfig: {
         variant?: string | number | undefined;
         colorScheme?: string | undefined;
     } | undefined;
-    parts: ("text" | "icon")[];
+    parts: ("icon" | "text")[];
 };
 //# sourceMappingURL=form-error-theme.d.ts.map

package/dist/theme/theme-config/components/input-theme.d.ts

@@ -56,6 +56,8 @@ export declare const inputConfig: {
                 borderColor: ThemeColorToken;
                 background: ThemeColorToken;
                 borderRadius: ThemeRadiusToken;
+                paddingInlineStart: ThemeSpaceToken;
+                paddingInlineEnd: ThemeSpaceToken;
                 width: string;
                 _disabled: {
                     cursor: string;
@@ -115,7 +117,8 @@ export declare const inputConfig: {
         };
         ghost: {
             field: {
-                border: string;
+                border: ThemeBorderToken;
+                borderColor: string;
                 background: string;
                 color: ThemeColorToken;
                 _focus: {
@@ -130,7 +133,7 @@ export declare const inputConfig: {
                     };
                     "&:hover:not(:focus)": {
                         backgroundColor: ThemeColorToken;
-                        borderColor: ThemeColorToken;
+                        borderColor: string;
                     };
                 };
                 _invalid: {
@@ -139,8 +142,9 @@ export declare const inputConfig: {
                     boxShadow: string;
                 };
                 fontFamily: ThemeFontToken;
-                borderColor: ThemeColorToken;
                 borderRadius: ThemeRadiusToken;
+                paddingInlineStart: ThemeSpaceToken;
+                paddingInlineEnd: ThemeSpaceToken;
                 width: string;
                 _disabled: {
                     cursor: string;
@@ -192,7 +196,7 @@ export declare const inputConfig: {
         };
     } | undefined;
     defaultProps?: {
-        size?: "lg" | "md" | "sm" | undefined;
+        size?: "md" | "sm" | "lg" | undefined;
         variant?: "outline" | "ghost" | undefined;
         colorScheme?: string | undefined;
     } | undefined;

package/dist/theme/theme-config/components/input-theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input-theme.d.ts","sourceRoot":"","sources":["../../../../lib/theme/theme-config/components/input-theme.ts"],"names":[],"mappings":"AAIA,OAAO,EACN,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EAClB,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,MAAM,iBAAiB,CAAC;AA+IzB,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMtB,CAAC"}
+{"version":3,"file":"input-theme.d.ts","sourceRoot":"","sources":["../../../../lib/theme/theme-config/components/input-theme.ts"],"names":[],"mappings":"AAIA,OAAO,EACN,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EAClB,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,MAAM,iBAAiB,CAAC;AAkJzB,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMtB,CAAC"}

package/dist/theme/theme-config/components/input-theme.js

@@ -1,15 +1,17 @@
-import { inputAnatomy as m } from "../../../node_modules/@chakra-ui/anatomy/dist/chunk-7OOI6RFH.js";
-import { createMultiStyleConfigHelpers as S, defineStyle as n } from "@chakra-ui/react";
-import { ThemeColorVariable as a } from "../../theme-types.js";
-import { isTouchScreenDevice as b } from "../../theme-helper.js";
-import { ThemeColorToken as o, ThemeSpaceToken as r, ThemeRadiusToken as c, ThemeBorderToken as i, ThemeFontToken as s, ThemeFontSizeToken as l } from "../theme-tokens.js";
-const { definePartsStyle: d, defineMultiStyleConfig: p } = S(m.keys), t = {
-  fontFamily: s.Body,
+import { inputAnatomy as f } from "../../../node_modules/@chakra-ui/anatomy/dist/chunk-7OOI6RFH.js";
+import { createMultiStyleConfigHelpers as m, defineStyle as l } from "@chakra-ui/react";
+import { isTouchScreenDevice as s } from "../../theme-helper.js";
+import { ThemeColorVariable as n } from "../../theme-types.js";
+import { ThemeColorToken as o, ThemeSpaceToken as r, ThemeRadiusToken as t, ThemeBorderToken as d, ThemeFontToken as b, ThemeFontSizeToken as i } from "../theme-tokens.js";
+const { definePartsStyle: a, defineMultiStyleConfig: p } = m(f.keys), c = {
+  fontFamily: b.Body,
   color: o.OnSurface,
-  border: i.XSmall,
+  border: d.XSmall,
   borderColor: o.OnSurfaceBorder,
   background: o.Surface,
-  borderRadius: c.Small,
+  borderRadius: t.Small,
+  paddingInlineStart: r.Small,
+  paddingInlineEnd: r.Small,
   width: "100%",
   _disabled: {
     cursor: "not-allowed",
@@ -31,14 +33,14 @@ const { definePartsStyle: d, defineMultiStyleConfig: p } = S(m.keys), t = {
   },
   _invalid: {
     borderColor: o.Error,
-    boxShadow: `0 0 0 4px ${a.ErrorContainer}`
+    boxShadow: `0 0 0 4px ${n.ErrorContainer}`
   },
   _focus: {
     borderColor: o.Info,
-    boxShadow: `0 0 0 4px ${a.InfoContainer}`
+    boxShadow: `0 0 0 4px ${n.InfoContainer}`
   },
   _hover: {
-    borderColor: b() ? o.OnSurfaceBorder : o.OnSurface,
+    borderColor: s() ? o.OnSurfaceBorder : o.OnSurface,
     _disabled: void 0,
     _readOnly: void 0
   }
@@ -46,7 +48,7 @@ const { definePartsStyle: d, defineMultiStyleConfig: p } = S(m.keys), t = {
   color: o.OnSurface,
   background: o.SurfaceDisabled,
   borderColor: o.OnSurfaceBorder,
-  borderRadius: c.Small,
+  borderRadius: t.Small,
   px: r.Medium,
   _disabled: {
     opacity: 1,
@@ -57,51 +59,52 @@ const { definePartsStyle: d, defineMultiStyleConfig: p } = S(m.keys), t = {
     opacity: 1,
     background: o.SurfaceDisabled
   }
-}, f = {
+}, S = {
   color: o.OnSurface,
   _disabled: {
     opacity: 1,
     color: o.OnSurfaceSubdued
   }
 }, e = {
-  lg: n({
-    fontSize: l.Medium,
+  lg: l({
+    fontSize: i.Medium,
     px: r.Medium
   }),
-  md: n({
-    fontSize: l.Medium,
+  md: l({
+    fontSize: i.Medium,
     px: r.Small
   }),
-  sm: n({
-    fontSize: l.Small,
+  sm: l({
+    fontSize: i.Small,
     px: r.Small
   })
-}, h = {
-  lg: d({
+}, g = {
+  lg: a({
     field: e.lg,
     addon: e.lg,
     element: e.lg
   }),
-  md: d({
+  md: a({
     field: e.md,
     addon: e.md,
     element: e.md
   }),
-  sm: d({
+  sm: a({
     field: e.sm,
     addon: e.sm,
     element: e.sm
   })
-}, C = d({
+}, h = a({
   field: {
-    ...t,
-    border: "none",
+    ...c,
+    border: d.XSmall,
+    borderColor: "transparent",
     background: "none",
     color: o.OnSurface,
     _focus: {
-      border: i.XSmall,
+      border: d.XSmall,
       borderColor: o.Info,
-      boxShadow: `0 0 0 4px ${a.InfoContainer}`,
+      boxShadow: `0 0 0 4px ${n.InfoContainer}`,
       backgroundColor: o.Surface
     },
     "@media(hover: hover)": {
@@ -110,27 +113,27 @@ const { definePartsStyle: d, defineMultiStyleConfig: p } = S(m.keys), t = {
       },
       "&:hover:not(:focus)": {
         backgroundColor: o.SurfaceDisabled,
-        borderColor: o.Info
+        borderColor: "transparent"
       }
     },
     _invalid: {
-      border: i.XSmall,
+      border: d.XSmall,
       borderColor: o.Error,
-      boxShadow: `0 0 0 4px ${a.ErrorContainer}`
+      boxShadow: `0 0 0 4px ${n.ErrorContainer}`
     }
   },
   addon: u,
-  element: f
-}), g = {
+  element: S
+}), C = {
   outline: {
-    field: t,
+    field: c,
     addon: u,
-    element: f
+    element: S
   },
-  ghost: C
+  ghost: h
 }, _ = p({
-  sizes: h,
-  variants: g,
+  sizes: g,
+  variants: C,
   defaultProps: {
     variant: "outline"
   }

package/dist/theme/theme-config/components/select-theme.d.ts

@@ -21,6 +21,8 @@ export declare const selectConfig: {
                 borderColor?: ThemeColorToken | undefined;
                 background?: ThemeColorToken | undefined;
                 borderRadius?: import('../theme-tokens.js').ThemeRadiusToken | undefined;
+                paddingInlineStart?: import('../theme-tokens.js').ThemeSpaceToken | undefined;
+                paddingInlineEnd?: import('../theme-tokens.js').ThemeSpaceToken | undefined;
                 width?: string | undefined;
                 _disabled?: {
                     cursor: string;
@@ -88,11 +90,12 @@ export declare const selectConfig: {
         };
         ghost: {
             field: {
-                border: string;
                 "> option, > optgroup": {
                     color: ThemeColorToken;
                     background: ThemeColorToken;
                 };
+                border?: import('../theme-tokens.js').ThemeBorderToken | undefined;
+                borderColor?: string | undefined;
                 background?: string | undefined;
                 color?: ThemeColorToken | undefined;
                 _focus?: {
@@ -107,7 +110,7 @@ export declare const selectConfig: {
                     };
                     "&:hover:not(:focus)": {
                         backgroundColor: ThemeColorToken;
-                        borderColor: ThemeColorToken;
+                        borderColor: string;
                     };
                 } | undefined;
                 _invalid?: {
@@ -116,8 +119,9 @@ export declare const selectConfig: {
                     boxShadow: string;
                 } | undefined;
                 fontFamily?: import('../theme-tokens.js').ThemeFontToken | undefined;
-                borderColor?: ThemeColorToken | undefined;
                 borderRadius?: import('../theme-tokens.js').ThemeRadiusToken | undefined;
+                paddingInlineStart?: import('../theme-tokens.js').ThemeSpaceToken | undefined;
+                paddingInlineEnd?: import('../theme-tokens.js').ThemeSpaceToken | undefined;
                 width?: string | undefined;
                 _disabled?: {
                     cursor: string;

package/dist/theme/theme-config/components/select-theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select-theme.d.ts","sourceRoot":"","sources":["../../../../lib/theme/theme-config/components/select-theme.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AA+CtE,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQvB,CAAC"}
+{"version":3,"file":"select-theme.d.ts","sourceRoot":"","sources":["../../../../lib/theme/theme-config/components/select-theme.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AA8CtE,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQvB,CAAC"}

package/dist/theme/theme-config/components/select-theme.js

@@ -33,7 +33,6 @@ const p = a({
   field: {
     // Apply input theme, as Select and Input share most of their appearances
     ...(r = e.variants) == null ? void 0 : r.ghost.field,
-    border: "none",
     // Give nested option elements color styles to match the select element.
     // Only applicable to Microsoft desktop browsers, will be ignored by browsers that use their own native styles.
     "> option, > optgroup": {

package/dist/theme/theme-config/components/switch-theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch-theme.d.ts","sourceRoot":"","sources":["../../../../lib/theme/theme-config/components/switch-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,yBAAyB,EAA8C,MAAM,kBAAkB,CAAC;AA4E9G,eAAO,MAAM,YAAY,EAAE,yBAGzB,CAAC"}
+{"version":3,"file":"switch-theme.d.ts","sourceRoot":"","sources":["../../../../lib/theme/theme-config/components/switch-theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,yBAAyB,EAA8C,MAAM,kBAAkB,CAAC;AA2E9G,eAAO,MAAM,YAAY,EAAE,yBAGzB,CAAC"}

package/dist/theme/theme-config/components/switch-theme.js

@@ -1,7 +1,7 @@
-import { createMultiStyleConfigHelpers as r, defineStyle as o } from "@chakra-ui/react";
-import { switchAnatomy as c } from "../../../node_modules/@chakra-ui/anatomy/dist/chunk-7OOI6RFH.js";
+import { switchAnatomy as r } from "../../../node_modules/@chakra-ui/anatomy/dist/chunk-7OOI6RFH.js";
+import { createMultiStyleConfigHelpers as c, defineStyle as o } from "@chakra-ui/react";
 import { ThemeColorToken as e } from "../theme-tokens.js";
-const { definePartsStyle: t, defineMultiStyleConfig: i } = r(c.keys), h = o({
+const { definePartsStyle: t, defineMultiStyleConfig: i } = c(r.keys), h = o({
   backgroundColor: e.Surface,
   borderColor: e.OnSurfaceSubdued,
   borderStyle: "solid",

package/dist/theme/theme-config/components/tabs-theme.js

@@ -1,7 +1,7 @@
 import { tabsAnatomy as d } from "../../../node_modules/@chakra-ui/anatomy/dist/chunk-7OOI6RFH.js";
 import { createMultiStyleConfigHelpers as l } from "@chakra-ui/react";
-import { ThemeBorderToken as a, ThemeRadiusToken as i, ThemeFontToken as c, ThemeColorToken as e, ThemeFontSizeToken as r } from "../theme-tokens.js";
 import { ThemeSpaceVariable as t } from "../../theme-types.js";
+import { ThemeBorderToken as a, ThemeRadiusToken as i, ThemeFontToken as c, ThemeColorToken as e, ThemeFontSizeToken as r } from "../theme-tokens.js";
 const { definePartsStyle: o, defineMultiStyleConfig: g } = l(d.keys), s = o({
   tab: {
     color: e.OnBackground,

package/dist/theme/theme-config/theme-components.js

@@ -1,54 +1,54 @@
-import { buttonConfig as o } from "./components/button-theme.js";
-import { checkboxConfig as r } from "./components/checkbox-theme.js";
-import { dateCellConfig as i } from "./components/date-cell-theme.js";
-import { dateCellWeekConfig as m } from "./components/datepicker-week-theme.js";
-import { dividerConfig as f } from "./components/divider-theme.js";
-import { formErrorConfig as t } from "./components/form-error-theme.js";
-import { formLabelConfig as n } from "./components/form-label-theme.js";
-import { formConfig as e } from "./components/form-theme.js";
-import { inputConfig as g } from "./components/input-theme.js";
-import { linkConfig as C } from "./components/link-theme.js";
-import { modalConfig as p } from "./components/modal-theme.js";
-import { radioConfig as a } from "./components/radio-theme.js";
-import { selectConfig as l } from "./components/select-theme.js";
-import { switchConfig as b } from "./components/switch-theme.js";
-import { tabsConfig as c } from "./components/tabs-theme.js";
-import { textConfig as d } from "./components/text-theme.js";
-import { textareaConfig as x } from "./components/textarea-theme.js";
-import { menuConfig as k } from "./components/menu-theme.js";
-import { tableConfig as s } from "./components/table-theme.js";
-import { paginatorConfig as u } from "./components/paginator-theme.js";
-import { badgeConfig as T } from "./components/badge-theme.js";
-import { tagConfig as h } from "./components/tag-theme.js";
-import { accordionConfig as w } from "./components/accordion-theme.js";
-import { comboboxConfig as D } from "./components/combobox-theme.js";
-import { drawerConfig as F } from "./components/drawer-theme.js";
+import { accordionConfig as o } from "./components/accordion-theme.js";
+import { badgeConfig as r } from "./components/badge-theme.js";
+import { buttonConfig as i } from "./components/button-theme.js";
+import { checkboxConfig as m } from "./components/checkbox-theme.js";
+import { comboboxConfig as f } from "./components/combobox-theme.js";
+import { dateCellConfig as t } from "./components/date-cell-theme.js";
+import { dateCellWeekConfig as n } from "./components/datepicker-week-theme.js";
+import { dividerConfig as e } from "./components/divider-theme.js";
+import { drawerConfig as g } from "./components/drawer-theme.js";
+import { formErrorConfig as C } from "./components/form-error-theme.js";
+import { formLabelConfig as p } from "./components/form-label-theme.js";
+import { formConfig as a } from "./components/form-theme.js";
+import { inputConfig as l } from "./components/input-theme.js";
+import { linkConfig as b } from "./components/link-theme.js";
+import { menuConfig as c } from "./components/menu-theme.js";
+import { modalConfig as d } from "./components/modal-theme.js";
+import { paginatorConfig as x } from "./components/paginator-theme.js";
+import { radioConfig as k } from "./components/radio-theme.js";
+import { selectConfig as s } from "./components/select-theme.js";
+import { switchConfig as u } from "./components/switch-theme.js";
+import { tableConfig as T } from "./components/table-theme.js";
+import { tabsConfig as h } from "./components/tabs-theme.js";
+import { tagConfig as w } from "./components/tag-theme.js";
+import { textConfig as D } from "./components/text-theme.js";
+import { textareaConfig as F } from "./components/textarea-theme.js";
 const Y = {
-  Accordion: w,
-  Button: o,
-  Badge: T,
-  Divider: f,
-  Radio: a,
-  Input: g,
-  Modal: p,
-  Checkbox: r,
-  Tabs: c,
-  Select: l,
-  Form: e,
-  FormLabel: n,
-  FormError: t,
-  Link: C,
-  DateCell: i,
-  DateCellWeek: m,
-  Switch: b,
-  Text: d,
-  Textarea: x,
-  Menu: k,
-  Table: s,
-  Paginator: u,
-  Tag: h,
-  Combobox: D,
-  Drawer: F
+  Accordion: o,
+  Button: i,
+  Badge: r,
+  Divider: e,
+  Radio: k,
+  Input: l,
+  Modal: d,
+  Checkbox: m,
+  Tabs: h,
+  Select: s,
+  Form: a,
+  FormLabel: p,
+  FormError: C,
+  Link: b,
+  DateCell: t,
+  DateCellWeek: n,
+  Switch: u,
+  Text: D,
+  Textarea: F,
+  Menu: c,
+  Table: T,
+  Paginator: x,
+  Tag: w,
+  Combobox: f,
+  Drawer: g
 };
 export {
   Y as componentsConfig

package/dist/theme/theme-provider.js

@@ -1,9 +1,9 @@
 import { jsx as e } from "react/jsx-runtime";
-import { extendTheme as f, ChakraProvider as a, ColorModeScript as h } from "@chakra-ui/react";
+import { ColorModeScript as f, extendTheme as a, ChakraProvider as h } from "@chakra-ui/react";
 import { createContext as p } from "react";
 import { createSemanticTokens as d } from "./theme-config/theme.js";
-import { componentsConfig as S } from "./theme-config/theme-components.js";
 import { casperUITheme as o } from "./theme-config/theme-casper-ui.js";
+import { componentsConfig as S } from "./theme-config/theme-components.js";
 const C = p({
   colors: o.colors,
   fonts: o.fonts,
@@ -21,16 +21,16 @@ function M({
     cssVarPrefix: "theme",
     initialColorMode: "light",
     useSystemColorMode: !1
-  }, s = { global: { ...i, fontStyleSheet: n } }, c = f({
+  }, s = { global: { ...i, fontStyleSheet: n } }, c = a({
     semanticTokens: d(t, r),
     components: S,
     config: m,
     styles: s
   });
-  return /* @__PURE__ */ e(C.Provider, { value: { colors: t, fonts: r, fontStyleSheet: n, globalStyles: i }, children: /* @__PURE__ */ e(a, { theme: c, children: l }) });
+  return /* @__PURE__ */ e(C.Provider, { value: { colors: t, fonts: r, fontStyleSheet: n, globalStyles: i }, children: /* @__PURE__ */ e(h, { theme: c, children: l }) });
 }
 function P() {
-  return /* @__PURE__ */ e(h, { initialColorMode: "light" });
+  return /* @__PURE__ */ e(f, { initialColorMode: "light" });
 }
 export {
   P as ThemeColorModeScript,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@caspeco/casper-ui-library",
-	"version": "0.0.2",
+	"version": "0.0.3",
 	"prettier": "@caspeco/prettier-config",
 	"type": "module",
 	"sideEffects": false,
@@ -11,8 +11,8 @@
 	"module": "dist/index.js",
 	"types": "dist/index.d.ts",
 	"scripts": {
-		"dev": "vite build --watch",
-		"build": "vite build",
+		"dev": "vite build --watch --mode dev",
+		"build": "vite build --mode prod",
 		"tsc": "tsc --project tsconfig.app.json",
 		"test": "vitest run",
 		"prettier": "prettier --check .",