@caspeco/casper-ui-library 8.4.0 → 9.0.0-alpha.0

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

@@ -1,146 +0,0 @@
-import { ThemeBorderVariable, ThemeColorVariable, ThemeFontSizeVariable, ThemeRadiusVariable, ThemeSpaceVariable } from '../../theme-types.js';
-export declare const accordionConfig: {
-    baseStyle?: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
-        keys: ("button" | "container" | "root" | "panel" | "icon")[];
-    }> | undefined;
-    sizes?: {
-        [key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
-            keys: ("button" | "container" | "root" | "panel" | "icon")[];
-        }>;
-    } | undefined;
-    variants?: {
-        border: {
-            button: {
-                display: string;
-                width: string;
-                fontSize: ThemeFontSizeVariable;
-                fontWeight: string;
-                py: ThemeSpaceVariable;
-                px: ThemeSpaceVariable;
-                "@media(hover: hover)": {
-                    _hover: {
-                        background: ThemeColorVariable;
-                    };
-                };
-                svg: {
-                    pointerEvents: string;
-                };
-                color: ThemeColorVariable;
-                background: ThemeColorVariable;
-                borderRadius: ThemeRadiusVariable;
-                justifyContent: string;
-                _expanded: {
-                    borderBottom: ThemeBorderVariable;
-                    borderColor: ThemeColorVariable;
-                    borderBottomRadius: ThemeRadiusVariable;
-                };
-            };
-            container: {
-                border: string;
-            };
-            root: {
-                width: string;
-                background: ThemeColorVariable;
-                borderRadius: ThemeRadiusVariable;
-                border: ThemeBorderVariable;
-                borderColor: ThemeColorVariable;
-            };
-            panel: {
-                width: string;
-                padding: ThemeSpaceVariable;
-                color: ThemeColorVariable;
-            };
-        };
-        noBorder: {
-            button: {
-                color: ThemeColorVariable;
-                flexDirection: string;
-                justifyContent: string;
-                gap: ThemeSpaceVariable;
-                "@media(hover: hover)": {
-                    _hover: {
-                        background: ThemeColorVariable;
-                        borderRadius: ThemeRadiusVariable;
-                    };
-                };
-                _expanded: {
-                    borderBottomRadius: ThemeRadiusVariable;
-                };
-                display: string;
-                width: string;
-                fontSize: ThemeFontSizeVariable;
-                fontWeight: string;
-                py: ThemeSpaceVariable;
-                px: ThemeSpaceVariable;
-                svg: {
-                    pointerEvents: string;
-                };
-            };
-            container: {
-                border: string;
-            };
-            root: {
-                width: string;
-                background: string;
-                ':has(button[aria-expanded="true"])': {
-                    borderRadius: ThemeRadiusVariable;
-                    border: ThemeBorderVariable;
-                    borderColor: ThemeColorVariable;
-                };
-            };
-            panel: {
-                pt: number;
-                px: ThemeSpaceVariable;
-                pb: ThemeSpaceVariable;
-                color: ThemeColorVariable;
-                width: string;
-            };
-        };
-        list: {
-            button: {
-                display: string;
-                width: string;
-                fontSize: ThemeFontSizeVariable;
-                fontWeight: string;
-                py: ThemeSpaceVariable;
-                px: ThemeSpaceVariable;
-                "@media(hover: hover)": {
-                    _hover: {
-                        background: ThemeColorVariable;
-                    };
-                };
-                svg: {
-                    pointerEvents: string;
-                };
-                color: ThemeColorVariable;
-                background: string;
-                justifyContent: string;
-            };
-            container: {
-                borderTopWidth: number;
-                borderBottom: ThemeBorderVariable;
-                borderBottomColor: ThemeColorVariable;
-                "&:last-child": {
-                    borderBottom: string;
-                };
-            };
-            root: {
-                width: string;
-                background: ThemeColorVariable;
-                border: string;
-            };
-            panel: {
-                width: string;
-                padding: ThemeSpaceVariable;
-                color: ThemeColorVariable;
-            };
-        };
-    } | undefined;
-    defaultProps?: {
-        size?: string | number | undefined;
-        variant?: "border" | "noBorder" | "list" | undefined;
-        colorScheme?: string | undefined;
-    } | undefined;
-    parts: ("button" | "container" | "root" | "panel" | "icon")[];
-};
-//# sourceMappingURL=accordion-theme.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"accordion-theme.d.ts","sourceRoot":"","sources":["../../../../lib/theme/theme-config/components/accordion-theme.ts"],"names":[],"mappings":"AAEA,OAAO,EACN,mBAAmB,EACnB,kBAAkB,EAClB,qBAAqB,EACrB,mBAAmB,EACnB,kBAAkB,EAClB,MAAM,mBAAmB,CAAC;AA6H3B,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAS1B,CAAC"}

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

@@ -1,123 +0,0 @@
-import { createMultiStyleConfigHelpers as u, defineStyle as n } from "@chakra-ui/react";
-import { ThemeColorVariable as e, ThemeBorderVariable as a, ThemeSpaceVariable as r, ThemeRadiusVariable as o, ThemeFontSizeVariable as c } from "../../theme-types.js";
-import { accordionAnatomy as b } from "../../../packages/casper-ui-library/node_modules/@chakra-ui/anatomy/dist/esm/components.js";
-const { definePartsStyle: t, defineMultiStyleConfig: s } = u(b.keys), d = n({
-  width: "100%"
-}), i = n({
-  display: "flex",
-  width: "100%",
-  fontSize: c.Large,
-  fontWeight: "500",
-  py: r.Small,
-  px: r.Medium,
-  "@media(hover: hover)": {
-    _hover: {
-      background: e.SurfaceDisabled
-    }
-  },
-  svg: {
-    pointerEvents: "none"
-  }
-}), l = n({
-  width: "100%",
-  padding: r.Medium,
-  color: e.OnSurface
-}), m = t({
-  button: {
-    color: e.OnSurface,
-    background: e.Surface,
-    borderRadius: o.Medium,
-    justifyContent: "space-between",
-    _expanded: {
-      borderBottom: a.XSmall,
-      borderColor: e.OnSurfaceBorder,
-      borderBottomRadius: o.None
-    },
-    ...i
-  },
-  container: {
-    border: "none"
-  },
-  root: {
-    background: e.Surface,
-    borderRadius: o.Medium,
-    border: a.XSmall,
-    borderColor: e.OnSurfaceBorder,
-    ...d
-  },
-  panel: {
-    ...l
-  }
-}), f = t({
-  button: {
-    ...i,
-    color: e.OnBackground,
-    flexDirection: "row-reverse",
-    justifyContent: "flex-end",
-    gap: r.XSmall,
-    "@media(hover: hover)": {
-      _hover: {
-        background: e.SurfaceDisabled,
-        borderRadius: o.Medium
-      }
-    },
-    _expanded: {
-      borderBottomRadius: o.None
-    }
-  },
-  container: {
-    border: "none"
-  },
-  root: {
-    background: "transparent",
-    // Root has no expanded state on its own, we identify the state via the button
-    ':has(button[aria-expanded="true"])': {
-      borderRadius: o.Medium,
-      border: a.XSmall,
-      borderColor: e.OnSurfaceBorder
-    },
-    ...d
-  },
-  panel: {
-    pt: 0,
-    px: r.Medium,
-    pb: r.Medium,
-    color: e.OnBackground,
-    width: "100%"
-  }
-}), S = t({
-  button: {
-    color: e.OnSurface,
-    background: "transparent",
-    justifyContent: "space-between",
-    ...i
-  },
-  container: {
-    borderTopWidth: 0,
-    borderBottom: a.XSmall,
-    borderBottomColor: e.OnSurfaceBorder,
-    "&:last-child": {
-      borderBottom: "none"
-    }
-  },
-  root: {
-    background: e.Surface,
-    border: "none",
-    ...d
-  },
-  panel: {
-    ...l
-  }
-}), B = s({
-  variants: {
-    border: m,
-    noBorder: f,
-    list: S
-  },
-  defaultProps: {
-    variant: "border"
-  }
-});
-export {
-  B as accordionConfig
-};

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

@@ -1,22 +0,0 @@
-import { SystemStyleInterpolation } from '@chakra-ui/react';
-import { ThemeFontSizeToken } from '../theme-tokens.js';
-export declare const badgeConfig: {
-    baseStyle?: import('@chakra-ui/styled-system').CSSWithMultiValues | undefined;
-    sizes?: {
-        md: {
-            fontSize: ThemeFontSizeToken;
-        };
-        sm: {
-            fontSize: ThemeFontSizeToken;
-        };
-    } | undefined;
-    variants?: {
-        [x: string]: SystemStyleInterpolation;
-    } | undefined;
-    defaultProps?: {
-        size?: "md" | "sm" | undefined;
-        variant?: string | number | undefined;
-        colorScheme?: string | undefined;
-    } | undefined;
-};
-//# sourceMappingURL=badge-theme.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"badge-theme.d.ts","sourceRoot":"","sources":["../../../../lib/theme/theme-config/components/badge-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,wBAAwB,EAA6C,MAAM,kBAAkB,CAAC;AAC5G,OAAO,EAEN,kBAAkB,EAIlB,MAAM,iBAAiB,CAAC;AAgDzB,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;CAkBtB,CAAC"}

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

@@ -1,52 +0,0 @@
-import { defineStyleConfig as c } from "@chakra-ui/react";
-import { ThemeFontSizeToken as s, ThemeFontToken as m, ThemeSpaceToken as d, ThemeRadiusToken as S, ThemeColorToken as t } from "../theme-tokens.js";
-const l = ["Primary", "Secondary", "Success", "Error", "Info", "Neutral", "Warning"], f = l.reduce(
-  (n, o) => {
-    const e = n, r = `${o.toLowerCase()}Solid`, a = o, i = `On${o}`;
-    return e[r] = {
-      backgroundColor: t[a],
-      textColor: t[i]
-    }, e;
-  },
-  {}
-), u = l.reduce(
-  (n, o) => {
-    const e = n, r = `${o.toLowerCase()}`, a = `${o}Container`, i = `On${o}Container`;
-    return e[r] = {
-      backgroundColor: t[a],
-      textColor: t[i]
-    }, e;
-  },
-  {}
-), C = {
-  borderRadius: S.Small,
-  display: "flex",
-  alignItems: "center",
-  px: d.XSmall,
-  height: "24px",
-  textTransform: "none",
-  width: "fit-content",
-  fontFamily: m.Body,
-  fontWeight: 500
-}, h = c({
-  baseStyle: C,
-  sizes: {
-    md: {
-      fontSize: s.Small
-    },
-    sm: {
-      fontSize: s.XSmall
-    }
-  },
-  defaultProps: {
-    size: "md",
-    variant: "neutral"
-  },
-  variants: {
-    ...f,
-    ...u
-  }
-});
-export {
-  h as badgeConfig
-};

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

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

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

@@ -1 +0,0 @@
-{"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;AAyO9G,eAAO,MAAM,YAAY,EAAE,0BA4CzB,CAAC"}

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

@@ -1,252 +0,0 @@
-import { defineStyleConfig as i } from "@chakra-ui/react";
-import { isTouchScreenDevice as e } from "../../theme-helper.js";
-import { ThemeColorToken as o, ThemeSpaceToken as l, ThemeBorderToken as a, ThemeRadiusToken as d, ThemeFontToken as t, ThemeFontSizeToken as r } from "../theme-tokens.js";
-const g = {
-  fontFamily: t.SubHeader,
-  borderRadius: d.XLarge,
-  border: a.XSmall,
-  borderColor: "transparent",
-  fontWeight: "medium",
-  cursor: "pointer",
-  WebkitTapHighlightColor: "transparent",
-  _disabled: {
-    cursor: "not-allowed",
-    opacity: 0.48
-  },
-  _active: {
-    color: o.OnAccent,
-    background: o.AccentActive
-  }
-}, u = {
-  background: o.Accent,
-  color: o.OnAccent,
-  _hover: {
-    background: e() ? o.Accent : o.AccentHover,
-    _disabled: {
-      background: o.Accent,
-      color: o.OnAccent
-    }
-  },
-  _active: {
-    background: o.AccentActive,
-    color: o.OnAccent
-  }
-}, b = {
-  background: o.AccentContainer,
-  color: o.OnAccentContainer,
-  _hover: {
-    background: e() ? o.AccentContainer : o.AccentHover,
-    color: e() ? o.OnAccentContainer : o.OnAccent,
-    _disabled: {
-      background: o.AccentContainer,
-      color: o.OnAccentContainer
-    }
-  },
-  _active: {
-    background: o.AccentActive,
-    color: o.OnAccent
-  }
-}, s = {
-  color: o.OnBackground,
-  fontWeight: "medium",
-  _hover: {
-    color: o.OnBackground,
-    bg: e() ? "none" : o.AccentHoverAlpha,
-    textDecoration: "none"
-  },
-  _active: {
-    bg: o.AccentActiveAlpha,
-    color: o.OnBackground
-  }
-}, A = {
-  background: o.Error,
-  color: o.OnAccent,
-  _hover: {
-    background: e() ? o.Error : o.ErrorHover,
-    _disabled: {
-      background: o.Error,
-      color: o.OnAccent
-    }
-  },
-  _active: {
-    background: o.ErrorActive,
-    color: o.OnAccent
-  }
-}, h = {
-  color: o.OnBackground,
-  fontFamily: t.Body,
-  borderRadius: 0,
-  fontWeight: "normal",
-  background: "transparent",
-  textDecorationLine: "underline",
-  textUnderlineOffset: "3px",
-  width: "fit-content",
-  border: 0,
-  _hover: {
-    color: e() ? o.OnBackground : o.AccentHover
-  },
-  _active: {
-    color: o.AccentActive,
-    background: "transparent"
-  },
-  _disabled: {
-    textDecoration: "none"
-  }
-}, v = {
-  flex: "1",
-  fontWeight: "normal",
-  font: t.Body,
-  bg: o.AccentContainer,
-  color: o.OnAccentContainer,
-  borderRadius: "2px",
-  _hover: {
-    textDecoration: "underline",
-    _disabled: {
-      textDecoration: "none"
-    }
-  },
-  // [data-active] is the controlled 'isActive'-state of SegmentedControl
-  "&[data-active]": {
-    fontWeight: "medium",
-    bg: o.Surface,
-    color: o.OnSurface,
-    ":disabled": {
-      bg: o.Surface
-    },
-    ":hover:disabled": {
-      bg: o.Surface
-    }
-  },
-  // Native active selctor, seen when button is in pressed state
-  _active: {
-    bg: o.AccentHoverAlpha,
-    color: o.OnAccentContainer
-  }
-}, k = {
-  background: "transparent",
-  color: o.OnBackground,
-  borderColor: o.OnBackgroundBorder,
-  _active: {
-    borderColor: "transparent",
-    background: o.AccentActiveAlpha,
-    color: o.OnBackground,
-    _disabled: {
-      background: "transparent",
-      borderColor: o.OnBackgroundBorder,
-      color: o.OnBackground
-    }
-  },
-  "@media(hover: hover)": {
-    _hover: {
-      borderColor: "transparent",
-      color: o.OnBackground,
-      background: o.AccentHoverAlpha,
-      _disabled: {
-        background: "transparent",
-        borderColor: o.OnBackgroundBorder,
-        color: o.OnBackground
-      }
-    }
-  }
-}, n = '&[aria-pressed="true"]', c = '&[aria-pressed="false"]', p = {
-  // Base style
-  borderRadius: d.Small,
-  borderWidth: a.XSmall,
-  borderColor: o.OnSurfaceBorder,
-  paddingX: l.Small,
-  // Pressed state
-  [`${n}`]: {
-    background: o.Accent,
-    color: o.OnAccent
-  },
-  // Not pressed state
-  [`${c}`]: {
-    background: o.Surface,
-    color: o.OnSurface
-  },
-  // Hover styles
-  "@media(hover: hover)": {
-    [`${n}&:hover`]: {
-      background: o.AccentHover,
-      borderColor: o.AccentHover,
-      _disabled: {
-        background: o.Accent,
-        borderColor: o.Accent
-      }
-    },
-    [`${c}&:hover`]: {
-      background: o.AccentHoverAlpha,
-      color: o.OnSurface,
-      _disabled: {
-        background: o.Surface,
-        color: o.OnSurface
-      }
-    }
-  },
-  // Active styles
-  [`${n}:active`]: {
-    color: o.OnAccent,
-    background: o.AccentActive
-  },
-  [`${c}:active`]: {
-    color: o.OnSurface,
-    background: o.AccentActiveAlpha
-  },
-  // Define general disabled styles last to ensure they are not overridden
-  [`${n}:disabled`]: {
-    color: o.OnAccent,
-    background: o.Accent,
-    borderColor: o.Accent
-  },
-  [`${c}:disabled`]: {
-    color: o.OnSurface,
-    background: o.Surface
-  }
-}, S = i({
-  baseStyle: g,
-  sizes: {
-    xl: {
-      paddingX: "24px",
-      height: "56px",
-      minWidth: "56px",
-      fontSize: r.Large
-    },
-    lg: {
-      paddingX: "16px",
-      height: "48px",
-      minWidth: "48px",
-      fontSize: r.Medium
-    },
-    md: {
-      paddingX: "16px",
-      height: "40px",
-      minWidth: "40px",
-      fontSize: r.Medium
-    },
-    sm: {
-      paddingX: "8px",
-      height: "32px",
-      minWidth: "32px",
-      fontSize: r.Small
-    },
-    xs: {
-      paddingX: "8px",
-      height: "24px",
-      minWidth: "24px",
-      fontSize: r.Small
-    }
-  },
-  variants: {
-    primary: u,
-    secondary: b,
-    ghost: s,
-    link: h,
-    segmentedControl: v,
-    tertiary: k,
-    toggle: p,
-    alert: A
-  }
-});
-export {
-  S as buttonConfig
-};

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

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

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

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