@caspeco/casper-ui-library 0.0.1

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

@@ -0,0 +1,28 @@
+import { ThemeColorToken, ThemeFontSizeToken, ThemeFontToken, ThemeSpaceToken } from '../theme-tokens.js';
+export declare const formErrorConfig: {
+    baseStyle?: {
+        text: {
+            color: ThemeColorToken;
+            fontFamily: ThemeFontToken;
+            fontSize: ThemeFontSizeToken;
+            marginTop: ThemeSpaceToken;
+        };
+    } | undefined;
+    sizes?: {
+        [key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
+            keys: ("text" | "icon")[];
+        }>;
+    } | undefined;
+    variants?: {
+        [key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
+            keys: ("text" | "icon")[];
+        }>;
+    } | undefined;
+    defaultProps?: {
+        size?: string | number | undefined;
+        variant?: string | number | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+    parts: ("text" | "icon")[];
+};
+//# sourceMappingURL=form-error-theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-error-theme.d.ts","sourceRoot":"","sources":["../../../../lib/theme/theme-config/components/form-error-theme.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAavG,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;CAE1B,CAAC"}

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

@@ -0,0 +1,16 @@
+import { formErrorAnatomy as o } from "../../../node_modules/@chakra-ui/anatomy/dist/chunk-7OOI6RFH.js";
+import { createMultiStyleConfigHelpers as e } from "@chakra-ui/react";
+import { ThemeSpaceToken as r, ThemeFontSizeToken as t, ThemeFontToken as n, ThemeColorToken as m } from "../theme-tokens.js";
+const { definePartsStyle: i, defineMultiStyleConfig: l } = e(o.keys), f = i({
+  text: {
+    color: m.Error,
+    fontFamily: n.Body,
+    fontSize: t.Small,
+    marginTop: r.XSmall
+  }
+}), y = l({
+  baseStyle: f
+});
+export {
+  y as formErrorConfig
+};

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

@@ -0,0 +1,26 @@
+import { ThemeColorToken, ThemeFontSizeToken, ThemeFontToken, ThemeSpaceToken } from '../theme-tokens.js';
+export declare const formLabelConfig: {
+    baseStyle?: {
+        fontSize: ThemeFontSizeToken;
+        fontFamily: ThemeFontToken;
+        color: ThemeColorToken;
+        fontWeight: string;
+        marginBottom: ThemeSpaceToken;
+        _disabled: {
+            opacity: number;
+            color: ThemeColorToken;
+        };
+    } | undefined;
+    sizes?: {
+        [key: string]: import('@chakra-ui/styled-system').SystemStyleInterpolation;
+    } | undefined;
+    variants?: {
+        [key: string]: import('@chakra-ui/styled-system').SystemStyleInterpolation;
+    } | undefined;
+    defaultProps?: {
+        size?: string | number | undefined;
+        variant?: string | number | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+};
+//# sourceMappingURL=form-label-theme.d.ts.map

package/dist/theme/theme-config/components/form-label-theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-label-theme.d.ts","sourceRoot":"","sources":["../../../../lib/theme/theme-config/components/form-label-theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAcvG,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;CAE1B,CAAC"}

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

@@ -0,0 +1,18 @@
+import { defineStyleConfig as e, defineStyle as n } from "@chakra-ui/react";
+import { ThemeColorToken as o, ThemeSpaceToken as t, ThemeFontToken as m, ThemeFontSizeToken as i } from "../theme-tokens.js";
+const r = n({
+  fontSize: i.Medium,
+  fontFamily: m.SubHeader,
+  color: o.OnBackground,
+  fontWeight: "normal",
+  marginBottom: t.XSmall,
+  _disabled: {
+    opacity: 1,
+    color: o.OnBackground
+  }
+}), f = e({
+  baseStyle: r
+});
+export {
+  f as formLabelConfig
+};

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

@@ -0,0 +1,3 @@
+import { ComponentMultiStyleConfig } from '@chakra-ui/react';
+export declare const formConfig: ComponentMultiStyleConfig;
+//# sourceMappingURL=form-theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-theme.d.ts","sourceRoot":"","sources":["../../../../lib/theme/theme-config/components/form-theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,yBAAyB,EAA8C,MAAM,kBAAkB,CAAC;AA6B9G,eAAO,MAAM,UAAU,EAAE,yBAEvB,CAAC"}

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

@@ -0,0 +1,27 @@
+import { formAnatomy as r } from "../../../node_modules/@chakra-ui/anatomy/dist/chunk-7OOI6RFH.js";
+import { createMultiStyleConfigHelpers as t, defineStyle as o } from "@chakra-ui/react";
+import { ThemeColorToken as e, ThemeFontSizeToken as n, ThemeFontToken as i, ThemeSpaceToken as l } from "../theme-tokens.js";
+const { definePartsStyle: a, defineMultiStyleConfig: c } = t(r.keys), d = o({
+  color: e.Error
+}), m = o({
+  color: e.OnBackgroundSubdued,
+  fontSize: n.Small,
+  marginTop: l.XSmall
+}), S = a({
+  container: {
+    _disabled: {
+      opacity: 1,
+      color: e.OnBackgroundSubdued
+    },
+    fontFamily: i.Body,
+    fontSize: n.Medium,
+    color: e.OnBackground
+  },
+  requiredIndicator: d,
+  helperText: m
+}), y = c({
+  baseStyle: S
+});
+export {
+  y as formConfig
+};

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

@@ -0,0 +1,201 @@
+import { ThemeBorderToken, ThemeColorToken, ThemeFontSizeToken, ThemeFontToken, ThemeRadiusToken, ThemeSpaceToken } from '../theme-tokens.js';
+export declare const inputConfig: {
+    baseStyle?: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
+        keys: ("element" | "addon" | "group" | "field")[];
+    }> | undefined;
+    sizes?: {
+        lg: {
+            field: {
+                fontSize: ThemeFontSizeToken;
+                px: ThemeSpaceToken;
+            };
+            addon: {
+                fontSize: ThemeFontSizeToken;
+                px: ThemeSpaceToken;
+            };
+            element: {
+                fontSize: ThemeFontSizeToken;
+                px: ThemeSpaceToken;
+            };
+        };
+        md: {
+            field: {
+                fontSize: ThemeFontSizeToken;
+                px: ThemeSpaceToken;
+            };
+            addon: {
+                fontSize: ThemeFontSizeToken;
+                px: ThemeSpaceToken;
+            };
+            element: {
+                fontSize: ThemeFontSizeToken;
+                px: ThemeSpaceToken;
+            };
+        };
+        sm: {
+            field: {
+                fontSize: ThemeFontSizeToken;
+                px: ThemeSpaceToken;
+            };
+            addon: {
+                fontSize: ThemeFontSizeToken;
+                px: ThemeSpaceToken;
+            };
+            element: {
+                fontSize: ThemeFontSizeToken;
+                px: ThemeSpaceToken;
+            };
+        };
+    } | undefined;
+    variants?: {
+        outline: {
+            field: {
+                fontFamily: ThemeFontToken;
+                color: ThemeColorToken;
+                border: ThemeBorderToken;
+                borderColor: ThemeColorToken;
+                background: ThemeColorToken;
+                borderRadius: ThemeRadiusToken;
+                width: string;
+                _disabled: {
+                    cursor: string;
+                    background: ThemeColorToken;
+                    color: ThemeColorToken;
+                    border: number;
+                    opacity: number;
+                };
+                _readOnly: {
+                    color: ThemeColorToken;
+                    background: ThemeColorToken;
+                    userSelect: string;
+                    opacity: number;
+                    border: number;
+                };
+                _placeholder: {
+                    color: ThemeColorToken;
+                    opacity: number;
+                };
+                _invalid: {
+                    borderColor: ThemeColorToken;
+                    boxShadow: string;
+                };
+                _focus: {
+                    borderColor: ThemeColorToken;
+                    boxShadow: string;
+                };
+                _hover: {
+                    borderColor: ThemeColorToken;
+                    _disabled: undefined;
+                    _readOnly: undefined;
+                };
+            };
+            addon: {
+                color: ThemeColorToken;
+                background: ThemeColorToken;
+                borderColor: ThemeColorToken;
+                borderRadius: ThemeRadiusToken;
+                px: ThemeSpaceToken;
+                _disabled: {
+                    opacity: number;
+                    cursor: string;
+                    background: ThemeColorToken;
+                };
+                _readOnly: {
+                    opacity: number;
+                    background: ThemeColorToken;
+                };
+            };
+            element: {
+                color: ThemeColorToken;
+                _disabled: {
+                    opacity: number;
+                    color: ThemeColorToken;
+                };
+            };
+        };
+        ghost: {
+            field: {
+                border: string;
+                background: string;
+                color: ThemeColorToken;
+                _focus: {
+                    border: ThemeBorderToken;
+                    borderColor: ThemeColorToken;
+                    boxShadow: string;
+                    backgroundColor: ThemeColorToken;
+                };
+                "@media(hover: hover)": {
+                    "&:hover": {
+                        borderColor: ThemeColorToken;
+                    };
+                    "&:hover:not(:focus)": {
+                        backgroundColor: ThemeColorToken;
+                        borderColor: ThemeColorToken;
+                    };
+                };
+                _invalid: {
+                    border: ThemeBorderToken;
+                    borderColor: ThemeColorToken;
+                    boxShadow: string;
+                };
+                fontFamily: ThemeFontToken;
+                borderColor: ThemeColorToken;
+                borderRadius: ThemeRadiusToken;
+                width: string;
+                _disabled: {
+                    cursor: string;
+                    background: ThemeColorToken;
+                    color: ThemeColorToken;
+                    border: number;
+                    opacity: number;
+                };
+                _readOnly: {
+                    color: ThemeColorToken;
+                    background: ThemeColorToken;
+                    userSelect: string;
+                    opacity: number;
+                    border: number;
+                };
+                _placeholder: {
+                    color: ThemeColorToken;
+                    opacity: number;
+                };
+                _hover: {
+                    borderColor: ThemeColorToken;
+                    _disabled: undefined;
+                    _readOnly: undefined;
+                };
+            };
+            addon: {
+                color: ThemeColorToken;
+                background: ThemeColorToken;
+                borderColor: ThemeColorToken;
+                borderRadius: ThemeRadiusToken;
+                px: ThemeSpaceToken;
+                _disabled: {
+                    opacity: number;
+                    cursor: string;
+                    background: ThemeColorToken;
+                };
+                _readOnly: {
+                    opacity: number;
+                    background: ThemeColorToken;
+                };
+            };
+            element: {
+                color: ThemeColorToken;
+                _disabled: {
+                    opacity: number;
+                    color: ThemeColorToken;
+                };
+            };
+        };
+    } | undefined;
+    defaultProps?: {
+        size?: "lg" | "md" | "sm" | undefined;
+        variant?: "outline" | "ghost" | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+    parts: ("element" | "addon" | "group" | "field")[];
+};
+//# sourceMappingURL=input-theme.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,140 @@
+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,
+  color: o.OnSurface,
+  border: i.XSmall,
+  borderColor: o.OnSurfaceBorder,
+  background: o.Surface,
+  borderRadius: c.Small,
+  width: "100%",
+  _disabled: {
+    cursor: "not-allowed",
+    background: o.SurfaceDisabled,
+    color: o.OnSurfaceSubdued,
+    border: 0,
+    opacity: 1
+  },
+  _readOnly: {
+    color: o.OnSurface,
+    background: o.SurfaceDisabled,
+    userSelect: "text",
+    opacity: 1,
+    border: 0
+  },
+  _placeholder: {
+    color: o.OnSurfaceSubdued,
+    opacity: 1
+  },
+  _invalid: {
+    borderColor: o.Error,
+    boxShadow: `0 0 0 4px ${a.ErrorContainer}`
+  },
+  _focus: {
+    borderColor: o.Info,
+    boxShadow: `0 0 0 4px ${a.InfoContainer}`
+  },
+  _hover: {
+    borderColor: b() ? o.OnSurfaceBorder : o.OnSurface,
+    _disabled: void 0,
+    _readOnly: void 0
+  }
+}, u = {
+  color: o.OnSurface,
+  background: o.SurfaceDisabled,
+  borderColor: o.OnSurfaceBorder,
+  borderRadius: c.Small,
+  px: r.Medium,
+  _disabled: {
+    opacity: 1,
+    cursor: "not-allowed",
+    background: o.SurfaceDisabled
+  },
+  _readOnly: {
+    opacity: 1,
+    background: o.SurfaceDisabled
+  }
+}, f = {
+  color: o.OnSurface,
+  _disabled: {
+    opacity: 1,
+    color: o.OnSurfaceSubdued
+  }
+}, e = {
+  lg: n({
+    fontSize: l.Medium,
+    px: r.Medium
+  }),
+  md: n({
+    fontSize: l.Medium,
+    px: r.Small
+  }),
+  sm: n({
+    fontSize: l.Small,
+    px: r.Small
+  })
+}, h = {
+  lg: d({
+    field: e.lg,
+    addon: e.lg,
+    element: e.lg
+  }),
+  md: d({
+    field: e.md,
+    addon: e.md,
+    element: e.md
+  }),
+  sm: d({
+    field: e.sm,
+    addon: e.sm,
+    element: e.sm
+  })
+}, C = d({
+  field: {
+    ...t,
+    border: "none",
+    background: "none",
+    color: o.OnSurface,
+    _focus: {
+      border: i.XSmall,
+      borderColor: o.Info,
+      boxShadow: `0 0 0 4px ${a.InfoContainer}`,
+      backgroundColor: o.Surface
+    },
+    "@media(hover: hover)": {
+      "&:hover": {
+        borderColor: o.Info
+      },
+      "&:hover:not(:focus)": {
+        backgroundColor: o.SurfaceDisabled,
+        borderColor: o.Info
+      }
+    },
+    _invalid: {
+      border: i.XSmall,
+      borderColor: o.Error,
+      boxShadow: `0 0 0 4px ${a.ErrorContainer}`
+    }
+  },
+  addon: u,
+  element: f
+}), g = {
+  outline: {
+    field: t,
+    addon: u,
+    element: f
+  },
+  ghost: C
+}, _ = p({
+  sizes: h,
+  variants: g,
+  defaultProps: {
+    variant: "outline"
+  }
+});
+export {
+  _ as inputConfig
+};

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

@@ -0,0 +1,3 @@
+import { ComponentSingleStyleConfig } from '@chakra-ui/react';
+export declare const linkConfig: ComponentSingleStyleConfig;
+//# sourceMappingURL=link-theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"link-theme.d.ts","sourceRoot":"","sources":["../../../../lib/theme/theme-config/components/link-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,0BAA0B,EAAqB,MAAM,kBAAkB,CAAC;AAmBtF,eAAO,MAAM,UAAU,EAAE,0BAEvB,CAAC"}

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

@@ -0,0 +1,22 @@
+import { defineStyleConfig as e } from "@chakra-ui/react";
+import { isTouchScreenDevice as n } from "../../theme-helper.js";
+import { ThemeColorToken as o, ThemeFontToken as r } from "../theme-tokens.js";
+const t = {
+  color: o.OnBackground,
+  fontFamily: r.Body,
+  fontWeight: "normal",
+  textDecorationLine: "underline",
+  textUnderlineOffset: "3px",
+  border: 0,
+  _hover: {
+    color: n() ? o.OnBackground : o.AccentHover
+  },
+  _active: {
+    color: o.AccentActive
+  }
+}, f = e({
+  baseStyle: t
+});
+export {
+  f as linkConfig
+};

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

@@ -0,0 +1,3 @@
+import { ComponentMultiStyleConfig } from '@chakra-ui/react';
+export declare const menuConfig: ComponentMultiStyleConfig;
+//# sourceMappingURL=menu-theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-theme.d.ts","sourceRoot":"","sources":["../../../../lib/theme/theme-config/components/menu-theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,yBAAyB,EAA8C,MAAM,kBAAkB,CAAC;AA8D9G,eAAO,MAAM,UAAU,EAAE,yBAEvB,CAAC"}

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

@@ -0,0 +1,53 @@
+import { menuAnatomy as n } from "../../../node_modules/@chakra-ui/anatomy/dist/chunk-7OOI6RFH.js";
+import { createMultiStyleConfigHelpers as r, defineStyle as a } from "@chakra-ui/react";
+import { ThemeSpaceVariable as e, ThemeFontSizeVariable as t, ThemeColorVariable as o, ThemeShadowVariable as l } from "../../theme-types.js";
+const { definePartsStyle: i, defineMultiStyleConfig: c } = r(n.keys), d = a({
+  minW: "280px",
+  alignItems: "center",
+  paddingLeft: e.Medium,
+  paddingRight: e.Medium,
+  paddingTop: e.Small,
+  paddingBottom: e.Small,
+  color: o.OnSurface,
+  backgroundColor: o.Surface,
+  cursor: "pointer",
+  _hover: {
+    backgroundColor: o.AccentHoverAlpha,
+    textDecoration: "underline",
+    _disabled: {
+      textDecoration: "none",
+      backgroundColor: "transparent"
+    }
+  },
+  _focus: {
+    backgroundColor: o.AccentHoverAlpha,
+    textDecoration: "underline",
+    _disabled: {
+      textDecoration: "none",
+      backgroundColor: "transparent"
+    }
+  },
+  // Seems to be the only way to override the default margin of the icon (left)
+  ".chakra-menu__icon-wrapper": {
+    mr: e.XSmall
+  }
+}), m = a({
+  boxShadow: l.Medium,
+  bg: o.Surface,
+  border: "none",
+  borderRadius: e.Small
+}), u = a({
+  opacity: 1,
+  color: o.OnSurfaceSubdued,
+  fontSize: t.Small,
+  mx: e.XSmall
+}), S = i({
+  item: d,
+  list: m,
+  command: u
+}), f = c({
+  baseStyle: S
+});
+export {
+  f as menuConfig
+};

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

@@ -0,0 +1,3 @@
+import { ComponentMultiStyleConfig } from '@chakra-ui/react';
+export declare const modalConfig: ComponentMultiStyleConfig;
+//# sourceMappingURL=modal-theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modal-theme.d.ts","sourceRoot":"","sources":["../../../../lib/theme/theme-config/components/modal-theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,yBAAyB,EAAiC,MAAM,kBAAkB,CAAC;AAyHjG,eAAO,MAAM,WAAW,EAAE,yBAIxB,CAAC"}