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

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

@@ -1,171 +0,0 @@
-import { defineStyleConfig as c } from "@chakra-ui/react";
-import { ThemeColorToken as e, ThemeSpaceToken as n, ThemeRadiusToken as o, ThemeFontToken as r, ThemeFontSizeToken as t } from "../theme-tokens.js";
-const i = c({
-  baseStyle: {
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center",
-    flexDirection: "row",
-    padding: "12px 8px",
-    minWidth: "32px",
-    borderRadius: o.Small,
-    fontSize: t.Medium,
-    fontFamily: r.Body,
-    color: e.OnSurface,
-    position: "relative",
-    border: "2px solid transparent",
-    zIndex: 1,
-    marginLeft: 1,
-    marginRight: 1,
-    span: {
-      position: "absolute",
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      top: "50%",
-      left: "50%",
-      width: "24px",
-      height: "1px",
-      transform: "translate(-50%,-50%)rotate(-45deg)",
-      background: e.OnSurface
-    },
-    _hover: {
-      background: e.AccentHoverAlpha
-    },
-    _active: {
-      background: e.AccentActiveAlpha
-    },
-    _focus: {
-      background: e.AccentContainer,
-      border: "2px solid",
-      borderColor: e.Info,
-      outlineColor: e.Info
-    },
-    _disabled: {
-      cursor: "not-allowed",
-      opacity: 0.48
-    }
-  },
-  variants: {
-    normal: {
-      _disabled: {
-        _hover: {
-          background: "none"
-        }
-      }
-    },
-    outSideMonth: {
-      color: e.OnBackgroundSubdued,
-      _disabled: {
-        background: "none"
-      }
-    },
-    isSelectedRangeDay: {
-      background: e.AccentContainer,
-      color: e.OnSurface,
-      marginRight: n.None,
-      marginLeft: n.None,
-      borderRadius: "none",
-      _disabled: {
-        background: e.AccentContainer,
-        color: e.OnSurface
-      },
-      _hover: {
-        border: `solid 1px ${e.Accent}`,
-        background: e.AccentHover,
-        color: e.OnAccent
-      }
-    },
-    currentDay: {
-      color: e.Accent,
-      _disabled: {
-        color: e.Accent,
-        _active: {
-          border: "none"
-        }
-      },
-      span: {
-        background: e.Accent
-      },
-      _hover: {
-        color: e.AccentHover,
-        _disabled: {
-          background: "none"
-        }
-      },
-      _active: {
-        color: e.AccentActive,
-        borderColor: e.AccentActive
-      }
-    },
-    selectedDay: {
-      background: e.Accent,
-      color: e.OnAccent,
-      span: {
-        background: e.OnAccent
-      },
-      _hover: {
-        background: e.AccentHover,
-        _disabled: {
-          background: e.Accent
-        }
-      },
-      _active: {
-        background: e.AccentActive
-      },
-      _focus: {
-        background: e.Accent,
-        borderColor: e.Info
-      }
-    },
-    startDateRange: {
-      background: e.Accent,
-      color: e.OnAccent,
-      borderTopRightRadius: o.None,
-      borderBottomRightRadius: o.None,
-      marginRight: n.None,
-      span: {
-        background: e.OnAccent
-      },
-      ":hover": {
-        background: e.AccentHover,
-        _disabled: {
-          background: e.Accent
-        }
-      },
-      _active: {
-        background: e.AccentActive
-      },
-      _focus: {
-        background: e.Accent,
-        borderColor: e.Info
-      }
-    },
-    endDateRange: {
-      background: e.Accent,
-      color: e.OnAccent,
-      borderTopLeftRadius: o.None,
-      borderBottomLeftRadius: o.None,
-      marginLeft: n.None,
-      span: {
-        background: e.OnAccent
-      },
-      ":hover": {
-        background: e.AccentHover,
-        _disabled: {
-          background: e.Accent
-        }
-      },
-      _active: {
-        background: e.AccentActive
-      },
-      _focus: {
-        background: e.Accent,
-        borderColor: e.Info
-      }
-    }
-  }
-});
-export {
-  i as dateCellConfig
-};

package/dist/theme/theme-config/components/datepicker-week-theme.d.ts

@@ -1,91 +0,0 @@
-import { ThemeColorToken, ThemeFontSizeToken, ThemeFontToken, ThemeRadiusToken } from '../theme-tokens.js';
-export declare const dateCellWeekConfig: {
-    baseStyle?: {
-        display: string;
-        justifyContent: string;
-        alignItems: string;
-        flexDirection: string;
-        padding: string;
-        fontSize: ThemeFontSizeToken;
-        fontFamily: ThemeFontToken;
-        color: ThemeColorToken;
-        position: string;
-        border: string;
-        span: {
-            position: string;
-            display: string;
-            alignItems: string;
-            justifyContent: string;
-            top: string;
-            left: string;
-            width: string;
-            height: string;
-            transform: string;
-            background: ThemeColorToken;
-            opacity: string;
-        };
-        _hover: {
-            background: ThemeColorToken;
-            borderRadius: ThemeRadiusToken;
-        };
-        _active: {
-            background: ThemeColorToken;
-        };
-        _disabled: {
-            cursor: string;
-            borderRadius: string;
-            color: ThemeColorToken;
-            opacity: number;
-        };
-    } | undefined;
-    sizes?: {
-        [key: string]: import('@chakra-ui/styled-system').SystemStyleInterpolation;
-    } | undefined;
-    variants?: {
-        normal: {
-            _disabled: {
-                _hover: {
-                    background: string;
-                };
-            };
-        };
-        outSideMonth: {
-            color: ThemeColorToken;
-            _disabled: {
-                background: string;
-            };
-        };
-        currentDay: {
-            color: ThemeColorToken;
-            background: ThemeColorToken;
-            span: {
-                background: ThemeColorToken;
-            };
-            _hover: {
-                color: ThemeColorToken;
-                _disabled: {
-                    borderColor: ThemeColorToken;
-                    background: string;
-                };
-            };
-        };
-        selectedDay: {
-            background: ThemeColorToken;
-            color: ThemeColorToken;
-            _disabled: {
-                background: ThemeColorToken;
-                color: ThemeColorToken;
-            };
-            _hover: {
-                background: ThemeColorToken;
-                color: ThemeColorToken;
-            };
-        };
-    } | undefined;
-    defaultProps?: {
-        size?: string | number | undefined;
-        variant?: "normal" | "outSideMonth" | "currentDay" | "selectedDay" | undefined;
-        colorScheme?: string | undefined;
-    } | undefined;
-};
-//# sourceMappingURL=datepicker-week-theme.d.ts.map

package/dist/theme/theme-config/components/datepicker-week-theme.d.ts.map

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

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

@@ -1,86 +0,0 @@
-import { defineStyleConfig as o } from "@chakra-ui/react";
-import { ThemeColorToken as e, ThemeRadiusToken as n, ThemeFontToken as r, ThemeFontSizeToken as t } from "../theme-tokens.js";
-const d = o({
-  baseStyle: {
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center",
-    flexDirection: "row",
-    padding: "12px 8px",
-    fontSize: t.Medium,
-    fontFamily: r.Body,
-    color: e.OnSurface,
-    position: "relative",
-    border: "2px solid transparent",
-    span: {
-      position: "absolute",
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      top: "50%",
-      left: "50%",
-      width: "24px",
-      height: "2px",
-      transform: "translate(-50%,-50%)rotate(-45deg)",
-      background: e.OnSurface,
-      opacity: "0.48"
-    },
-    _hover: {
-      background: e.AccentHoverAlpha,
-      borderRadius: n.Medium
-    },
-    _active: {
-      background: e.AccentActiveAlpha
-    },
-    _disabled: {
-      cursor: "not-allowed",
-      borderRadius: "none",
-      color: e.OnSurfaceSubdued,
-      opacity: 0.48
-    }
-  },
-  variants: {
-    normal: {
-      _disabled: {
-        _hover: {
-          background: "none"
-        }
-      }
-    },
-    outSideMonth: {
-      color: e.OnBackgroundSubdued,
-      _disabled: {
-        background: "none"
-      }
-    },
-    currentDay: {
-      color: e.Accent,
-      background: e.Background,
-      span: {
-        background: e.Accent
-      },
-      _hover: {
-        color: e.AccentHover,
-        _disabled: {
-          borderColor: e.Accent,
-          background: "none"
-        }
-      }
-    },
-    selectedDay: {
-      background: e.AccentContainer,
-      color: e.OnSurface,
-      _disabled: {
-        background: e.AccentContainer,
-        color: e.OnSurface
-      },
-      _hover: {
-        background: e.AccentHover,
-        color: e.OnAccent
-      }
-    }
-  }
-});
-export {
-  d as dateCellWeekConfig
-};

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

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

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

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

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

@@ -1,12 +0,0 @@
-import { defineStyleConfig as o } from "@chakra-ui/react";
-import { ThemeColorToken as r } from "../theme-tokens.js";
-const e = {
-  borderColor: r.OnBackgroundBorder,
-  m: 0,
-  opacity: 1
-}, t = o({
-  baseStyle: e
-});
-export {
-  t as dividerConfig
-};

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

@@ -1,48 +0,0 @@
-import { ThemeColorToken } from '../theme-tokens.js';
-export declare const drawerConfig: {
-    baseStyle?: {
-        dialog: {
-            bg: ThemeColorToken;
-            color: ThemeColorToken;
-        };
-    } | undefined;
-    sizes?: {
-        xs: {
-            dialog: {
-                maxWidth: string;
-            };
-        };
-        sm: {
-            dialog: {
-                maxWidth: string;
-            };
-        };
-        md: {
-            dialog: {
-                maxWidth: string;
-            };
-        };
-        lg: {
-            dialog: {
-                maxWidth: string;
-            };
-        };
-        xl: {
-            dialog: {
-                maxWidth: string;
-            };
-        };
-    } | undefined;
-    variants?: {
-        [key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
-            keys: ("body" | "dialog" | "footer" | "header" | "overlay" | "dialogContainer" | "closeButton")[];
-        }>;
-    } | undefined;
-    defaultProps?: {
-        size?: "md" | "sm" | "xl" | "lg" | "xs" | undefined;
-        variant?: string | number | undefined;
-        colorScheme?: string | undefined;
-    } | undefined;
-    parts: ("body" | "dialog" | "footer" | "header" | "overlay" | "dialogContainer" | "closeButton")[];
-};
-//# sourceMappingURL=drawer-theme.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"drawer-theme.d.ts","sourceRoot":"","sources":["../../../../lib/theme/theme-config/components/drawer-theme.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAmBlD,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGvB,CAAC"}

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

@@ -1,26 +0,0 @@
-import { createMultiStyleConfigHelpers as i } from "@chakra-ui/react";
-import { ThemeColorToken as e } from "../theme-tokens.js";
-import { drawerAnatomy as t } from "../../../packages/casper-ui-library/node_modules/@chakra-ui/anatomy/dist/esm/components.js";
-const { definePartsStyle: o, defineMultiStyleConfig: a } = i(t.keys), r = {
-  xs: o({ dialog: { maxWidth: "320px" } }),
-  // Chakra default
-  sm: o({ dialog: { maxWidth: "448px" } }),
-  // Chakra default
-  md: o({ dialog: { maxWidth: "560px" } }),
-  // Custom
-  lg: o({ dialog: { maxWidth: "672px" } }),
-  // Chakra default
-  xl: o({ dialog: { maxWidth: "896px" } })
-  // Chakra default
-}, l = o({
-  dialog: {
-    bg: e.Surface,
-    color: e.OnSurface
-  }
-}), n = a({
-  baseStyle: l,
-  sizes: r
-});
-export {
-  n as drawerConfig
-};

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

@@ -1,28 +0,0 @@
-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: ("icon" | "text")[];
-        }>;
-    } | undefined;
-    variants?: {
-        [key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
-            keys: ("icon" | "text")[];
-        }>;
-    } | undefined;
-    defaultProps?: {
-        size?: string | number | undefined;
-        variant?: string | number | undefined;
-        colorScheme?: string | undefined;
-    } | undefined;
-    parts: ("icon" | "text")[];
-};
-//# sourceMappingURL=form-error-theme.d.ts.map

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

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

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

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

@@ -1,26 +0,0 @@
-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

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

@@ -1,18 +0,0 @@
-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

@@ -1,3 +0,0 @@
-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

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

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