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

package/dist/node_modules/next-themes/dist/index.js

@@ -0,0 +1,85 @@
+import * as t from "react";
+var K = (e, i, a, u, c, l, d, h) => {
+  let m = document.documentElement, v = ["light", "dark"];
+  function f(r) {
+    (Array.isArray(e) ? e : [e]).forEach((y) => {
+      let S = y === "class", k = S && l ? c.map((b) => l[b] || b) : c;
+      S ? (m.classList.remove(...k), m.classList.add(l && l[r] ? l[r] : r)) : m.setAttribute(y, r);
+    }), C(r);
+  }
+  function C(r) {
+    h && v.includes(r) && (m.style.colorScheme = r);
+  }
+  function o() {
+    return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+  }
+  if (u) f(u);
+  else try {
+    let r = localStorage.getItem(i) || a, y = d && r === "system" ? o() : r;
+    f(y);
+  } catch {
+  }
+}, P = ["light", "dark"], I = "(prefers-color-scheme: dark)", N = typeof window > "u", A = t.createContext(void 0), V = { setTheme: (e) => {
+}, themes: [] }, $ = () => {
+  var e;
+  return (e = t.useContext(A)) != null ? e : V;
+}, j = (e) => t.useContext(A) ? t.createElement(t.Fragment, null, e.children) : t.createElement(_, { ...e }), W = ["light", "dark"], _ = ({ forcedTheme: e, disableTransitionOnChange: i = !1, enableSystem: a = !0, enableColorScheme: u = !0, storageKey: c = "theme", themes: l = W, defaultTheme: d = a ? "system" : "light", attribute: h = "data-theme", value: m, children: v, nonce: f, scriptProps: C }) => {
+  let [o, r] = t.useState(() => J(c, d)), [y, S] = t.useState(() => o === "system" ? L() : o), k = m ? Object.values(m) : l, b = t.useCallback((n) => {
+    let s = n;
+    if (!s) return;
+    n === "system" && a && (s = L());
+    let g = m ? m[s] : s, x = i ? R(f) : null, w = document.documentElement, M = (p) => {
+      p === "class" ? (w.classList.remove(...k), g && w.classList.add(g)) : p.startsWith("data-") && (g ? w.setAttribute(p, g) : w.removeAttribute(p));
+    };
+    if (Array.isArray(h) ? h.forEach(M) : M(h), u) {
+      let p = P.includes(d) ? d : null, H = P.includes(s) ? s : p;
+      w.style.colorScheme = H;
+    }
+    x?.();
+  }, [f]), T = t.useCallback((n) => {
+    let s = typeof n == "function" ? n(o) : n;
+    r(s);
+    try {
+      localStorage.setItem(c, s);
+    } catch {
+    }
+  }, [o]), E = t.useCallback((n) => {
+    let s = L(n);
+    S(s), o === "system" && a && !e && b("system");
+  }, [o, e]);
+  t.useEffect(() => {
+    let n = window.matchMedia(I);
+    return n.addListener(E), E(n), () => n.removeListener(E);
+  }, [E]), t.useEffect(() => {
+    let n = (s) => {
+      s.key === c && (s.newValue ? r(s.newValue) : T(d));
+    };
+    return window.addEventListener("storage", n), () => window.removeEventListener("storage", n);
+  }, [T]), t.useEffect(() => {
+    b(e ?? o);
+  }, [e, o]);
+  let O = t.useMemo(() => ({ theme: o, setTheme: T, forcedTheme: e, resolvedTheme: o === "system" ? y : o, themes: a ? [...l, "system"] : l, systemTheme: a ? y : void 0 }), [o, T, e, y, a, l]);
+  return t.createElement(A.Provider, { value: O }, t.createElement(z, { forcedTheme: e, storageKey: c, attribute: h, enableSystem: a, enableColorScheme: u, defaultTheme: d, value: m, themes: l, nonce: f, scriptProps: C }), v);
+}, z = t.memo(({ forcedTheme: e, storageKey: i, attribute: a, enableSystem: u, enableColorScheme: c, defaultTheme: l, value: d, themes: h, nonce: m, scriptProps: v }) => {
+  let f = JSON.stringify([a, i, l, e, h, d, u, c]).slice(1, -1);
+  return t.createElement("script", { ...v, suppressHydrationWarning: !0, nonce: typeof window > "u" ? m : "", dangerouslySetInnerHTML: { __html: `(${K.toString()})(${f})` } });
+}), J = (e, i) => {
+  if (N) return;
+  let a;
+  try {
+    a = localStorage.getItem(e) || void 0;
+  } catch {
+  }
+  return a || i;
+}, R = (e) => {
+  let i = document.createElement("style");
+  return e && i.setAttribute("nonce", e), i.appendChild(document.createTextNode("*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")), document.head.appendChild(i), () => {
+    window.getComputedStyle(document.body), setTimeout(() => {
+      document.head.removeChild(i);
+    }, 1);
+  };
+}, L = (e) => (e || (e = window.matchMedia(I)), e.matches ? "dark" : "light");
+export {
+  j as ThemeProvider,
+  $ as useTheme
+};

package/dist/test-utils/create-visual-tests.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-visual-tests.d.ts","sourceRoot":"","sources":["../../lib/test-utils/create-visual-tests.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAGN,KAAK,uBAAuB,EAC5B,MAAM,0BAA0B,CAAC;AAElC,KAAK,iBAAiB,GAAG,CAAC,uBAAuB,GAAG,wBAAwB,CAAC,YAAY,CAAC,CAAC,GAAG,SAAS,CAAC;AAExG;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAChC,aAAa,EAAE,MAAM,EACrB,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,EAC3C,OAAO,CAAC,EAAE,iBAAiB,QAc3B;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,aAAa,EAAE,OAAO,CAAC,EAAE,iBAAiB,QAUrF"}
+{"version":3,"file":"create-visual-tests.d.ts","sourceRoot":"","sources":["../../lib/test-utils/create-visual-tests.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AACnF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAG3C,OAAO,EAGN,KAAK,uBAAuB,EAC5B,MAAM,0BAA0B,CAAC;AAElC,KAAK,iBAAiB,GAAG,CAAC,uBAAuB,GAAG,wBAAwB,CAAC,YAAY,CAAC,CAAC,GAAG,SAAS,CAAC;AAExG;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAChC,aAAa,EAAE,MAAM,EACrB,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,EAC3C,OAAO,CAAC,EAAE,iBAAiB,QAc3B;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,aAAa,EAAE,OAAO,CAAC,EAAE,iBAAiB,QAWrF"}

package/dist/test-utils/render-for-visual-test.d.ts

@@ -4,5 +4,5 @@ export type VisualTestRenderOptions = {
     width?: CSSProperties["width"];
     height?: CSSProperties["height"];
 };
-export declare function renderForVisualTest(ui: ReactElement, options?: VisualTestRenderOptions): import('@testing-library/react').RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
+export declare function renderForVisualTest(ui: ReactElement, options?: VisualTestRenderOptions): Promise<import('vitest-browser-react').RenderResult>;
 //# sourceMappingURL=render-for-visual-test.d.ts.map

package/dist/test-utils/render-for-visual-test.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"render-for-visual-test.d.ts","sourceRoot":"","sources":["../../lib/test-utils/render-for-visual-test.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEzD,eAAO,MAAM,wBAAwB,gBAAgB,CAAC;AAEtD,MAAM,MAAM,uBAAuB,GAAG;IACrC,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;CACjC,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAAE,EAAE,YAAY,EAAE,OAAO,CAAC,EAAE,uBAAuB,gIAiBtF"}
+{"version":3,"file":"render-for-visual-test.d.ts","sourceRoot":"","sources":["../../lib/test-utils/render-for-visual-test.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAa,MAAM,OAAO,CAAC;AAEpE,eAAO,MAAM,wBAAwB,gBAAgB,CAAC;AAEtD,MAAM,MAAM,uBAAuB,GAAG;IACrC,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;CACjC,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAAE,EAAE,YAAY,EAAE,OAAO,CAAC,EAAE,uBAAuB,wDAiBtF"}

package/dist/test-utils/render-with-theme.d.ts

@@ -0,0 +1,4 @@
+import { ReactElement } from 'react';
+import { RenderOptions } from 'vitest-browser-react';
+export declare function renderWithTheme(ui: ReactElement, options?: Omit<RenderOptions, "wrapper">): Promise<import('vitest-browser-react').RenderResult>;
+//# sourceMappingURL=render-with-theme.d.ts.map

package/dist/test-utils/render-with-theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-with-theme.d.ts","sourceRoot":"","sources":["../../lib/test-utils/render-with-theme.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAU,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAElE,wBAAgB,eAAe,CAAC,EAAE,EAAE,YAAY,EAAE,OAAO,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC,wDAKzF"}

package/dist/theme/component-recipes.d.ts

@@ -0,0 +1,8 @@
+import { RecipeDefinition, SlotRecipeDefinition } from '@chakra-ui/react';
+export declare const componentRecipes: {
+    [key: string]: RecipeDefinition;
+};
+export declare const componentSlotRecipes: {
+    [key: string]: SlotRecipeDefinition;
+};
+//# sourceMappingURL=component-recipes.d.ts.map

package/dist/theme/component-recipes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-recipes.d.ts","sourceRoot":"","sources":["../../lib/theme/component-recipes.ts"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAE/E,eAAO,MAAM,gBAAgB,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,gBAAgB,CAAA;CAa/D,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,oBAAoB,CAAA;CAcvE,CAAC"}

package/dist/theme/component-recipes.js

@@ -0,0 +1,57 @@
+import { accordionRecipe as e } from "../components/accordion/accordion-recipe.js";
+import { badgeRecipe as o } from "../components/badge/badge-recipe.js";
+import { buttonRecipe as i } from "../components/button/button-recipe.js";
+import { checkboxRecipe as r } from "../components/checkbox/checkbox-recipe.js";
+import { comboboxRecipe as t } from "../components/combobox/combobox-recipe.js";
+import { dateCellRecipe as p } from "../components/date-picker/date-cell-recipe.js";
+import { dateCellWeekRecipe as m } from "../components/date-picker/datepicker-week-recipe.js";
+import { dividerRecipe as c } from "../components/divider/divider-recipe.js";
+import { drawerRecipe as a } from "../components/drawer/drawer-recipe.js";
+import { fieldsetSlotRecipe as f } from "../components/fieldset/fieldset-recipe.js";
+import { formControlRecipe as R } from "../components/form-control/form-control-recipe.js";
+import { inputAddonRecipe as d } from "../components/input/input-addon-recipe.js";
+import { inputRecipe as n } from "../components/input/input-recipe.js";
+import { linkRecipe as l } from "../components/link/link-recipe.js";
+import { menuRecipe as b } from "../components/menu/menu-recipe.js";
+import { modalRecipe as s } from "../components/modal/modal-recipe.js";
+import { paginatorRecipe as u } from "../components/paginator/paginator-recipe.js";
+import { radioGroupRecipe as x } from "../components/radio/radio-group-recipe.js";
+import { selectRecipe as g } from "../components/select/select-recipe.js";
+import { switchRecipe as k } from "../components/switch/switch-recipe.js";
+import { tableRecipe as C } from "../components/table/table-recipe.js";
+import { tabsRecipe as h } from "../components/tabs/tabs-recipe.js";
+import { tagRecipe as w } from "../components/tag/tag-recipe.js";
+import { textRecipe as v } from "../components/text/text-recipe.js";
+import { textareaRecipe as S } from "../components/textarea/textarea-recipe.js";
+const Y = {
+  button: i,
+  input: n,
+  inputAddon: d,
+  badge: o,
+  divider: c,
+  link: l,
+  dateCell: p,
+  dateCellWeek: m,
+  text: v,
+  textarea: S,
+  paginator: u,
+  combobox: t
+}, Z = {
+  accordion: e,
+  radioGroup: x,
+  dialog: s,
+  checkbox: r,
+  tabs: h,
+  nativeSelect: g,
+  field: R,
+  fieldset: f,
+  switch: k,
+  menu: b,
+  table: C,
+  tag: w,
+  drawer: a
+};
+export {
+  Y as componentRecipes,
+  Z as componentSlotRecipes
+};

package/dist/theme/index.d.ts

@@ -1,7 +1,5 @@
-export { useColorMode } from '@chakra-ui/react';
 export { isTouchScreenDevice } from './theme-helper.js';
-export { ThemeColorModeScript as ColorModeScript, ThemeProvider } from './theme-provider.js';
-export { ThemeProviderContext } from './theme-context.js';
+export { ThemeProvider } from './theme-provider.js';
 export type { ThemeProviderProps } from './theme-provider.js';
 export type { BorderProps, ColorProps, CustomChakraBoxProps, LayoutProps, MarginProps, PaddingProps, ShadowProps, ThemeStyleProps, TypographyProps, } from './theme-style-props.js';
 export * from './theme-types.js';

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,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,oBAAoB,IAAI,eAAe,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC1F,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,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;AAE7B,cAAc,eAAe,CAAC"}

package/dist/theme/theme-casper-ui.d.ts

@@ -0,0 +1,13 @@
+import { GlobalStyleObject } from '@chakra-ui/react';
+import { ThemeColorValues, ThemeFontValues } from './theme-types.js';
+/**
+ * Default Casper UI Theme,
+ * Based on the design system of Caspeco AB.
+ */
+export declare const casperUITheme: {
+    colors: ThemeColorValues;
+    fonts: ThemeFontValues;
+    fontStyleSheet: string;
+    globalStyles: GlobalStyleObject;
+};
+//# sourceMappingURL=theme-casper-ui.d.ts.map

package/dist/theme/theme-casper-ui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-casper-ui.d.ts","sourceRoot":"","sources":["../../lib/theme/theme-casper-ui.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAgYvE;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;;CAKzB,CAAC"}

package/dist/theme/theme-casper-ui.js

@@ -0,0 +1,388 @@
+const n = {
+  primary: "#1F8696",
+  primaryDark: "#2497A8",
+  primaryHover: "#1B757E",
+  primaryHoverDark: "#208897",
+  primaryActive: "#17666D",
+  primaryActiveDark: "#1D7986",
+  onPrimary: "#FDFDFD",
+  onPrimaryDark: "#FDFDFD",
+  primaryContainer: "#F1F8F8",
+  primaryContainerDark: "#14435C",
+  onPrimaryContainer: "#151411",
+  onPrimaryContainerDark: "#FDFDFD",
+  secondary: "#FFC120",
+  secondaryDark: "#FFC120",
+  secondaryHover: "#F5B100",
+  secondaryHoverDark: "#F5B100",
+  secondaryActive: "#E0A200",
+  secondaryActiveDark: "#E0A200",
+  onSecondary: "#151411",
+  onSecondaryDark: "#151411",
+  secondaryContainer: "#FFF4D6",
+  secondaryContainerDark: "#705100",
+  onSecondaryContainer: "#151411",
+  onSecondaryContainerDark: "#FDFDFD",
+  accent: "#1F8696",
+  accentDark: "#2497A8",
+  accentHover: "#1B757E",
+  accentHoverDark: "#208897",
+  accentHoverAlpha: "#1F86901F",
+  // opacity 12%
+  accentHoverAlphaDark: "#2497A81f",
+  // opacity 12%
+  accentActive: "#17666D",
+  accentActiveDark: "#1D7986",
+  accentActiveAlpha: "#1F869029",
+  // opacity 16%
+  accentActiveAlphaDark: "#2497A829",
+  // opacity 16%
+  onAccent: "#FDFDFD",
+  onAccentDark: "#FDFDFD",
+  accentContainer: "#DDEFF8",
+  accentContainerDark: "#14435C",
+  onAccentContainer: "#151411",
+  onAccentContainerDark: "#FDFDFD",
+  background: "#F6F5F4",
+  backgroundDark: "#0B2533",
+  onBackground: "#151411",
+  onBackgroundDark: "#FDFDFD",
+  onBackgroundBorder: "#1514113D",
+  // opacity 24%
+  onBackgroundBorderDark: "#FDFDFD3D",
+  // opacity 24%
+  onBackgroundSubdued: "#1514117A",
+  // opacity 48%
+  onBackgroundSubduedDark: "#FDFDFD7A ",
+  // opacity 48%
+  backgroundDisabled: "#1514110F",
+  // opacity 6%
+  backgroundDisabledDark: "#FDFDFD0F",
+  // opacity 6%
+  onBackgroundHeader: "#151411",
+  onBackgroundHeaderDark: "#FDFDFD",
+  viewHeaderBackground: "#F6F5F4CC",
+  // opacity 80%
+  viewHeaderBackgroundDark: "#0B2533CC",
+  // opacity 80%
+  surface: "#FDFDFD",
+  surfaceDark: "#0D2B3B",
+  onSurface: "#151411",
+  onSurfaceDark: "#FDFDFD",
+  onSurfaceBorder: "#1514113D",
+  // opacity 24%
+  onSurfaceBorderDark: "#FDFDFD3D",
+  // opacity 24%
+  onSurfaceSubdued: "#1514117A",
+  // opacity 48%
+  onSurfaceSubduedDark: "#FDFDFD7A",
+  // opacity 48%
+  surfaceDisabled: "#1514110F",
+  // opacity 6%
+  surfaceDisabledDark: "#FDFDFD0F",
+  // opacity 6%
+  onSurfaceHeader: "#151411",
+  onSurfaceHeaderDark: "#FDFDFD",
+  info: "#2A82C2",
+  infoDark: "#2A82C2",
+  infoHover: "#2470A8",
+  infoHoverDark: "#3691D3",
+  infoActive: "#1F608F",
+  infoActiveDark: "#4F9FD9",
+  onInfo: "#FDFDFD",
+  onInfoDark: "#FDFDFD",
+  infoContainer: "#D5E8F6",
+  infoContainerDark: "#154361",
+  onInfoContainer: "#151411",
+  onInfoContainerDark: "#FDFDFD",
+  success: "#4CAF7B",
+  successDark: "#4CAF7B",
+  successHover: "#42996B",
+  successHoverDark: "#5FBA8A",
+  successActive: "#39845C",
+  successActiveDark: "#74C39A",
+  onSuccess: "#FDFDFD",
+  onSuccessDark: "#FDFDFD",
+  successContainer: "#D8EEE2",
+  successContainerDark: "#20514A",
+  onSuccessContainer: "#151411",
+  onSuccessContainerDark: "#FDFDFD",
+  warning: "#F5C12D",
+  warningDark: "#F5C12D",
+  warningHover: "#F4B910",
+  warningHoverDark: "#F6CA4B",
+  warningActive: "#DBA50A",
+  warningActiveDark: "#F8D268",
+  onWarning: "#151411",
+  onWarningDark: "#151411",
+  warningContainer: "#FCEEC4",
+  warningContainerDark: "#64592B",
+  onWarningContainer: "#151411",
+  onWarningContainerDark: "#FDFDFD",
+  error: "#E94D58",
+  errorDark: "#E94D58",
+  errorHover: "#E6333F",
+  errorHoverDark: "#EC6972",
+  errorActive: "#DE1B29",
+  errorActiveDark: "#F0848C",
+  onError: "#FDFDFD",
+  onErrorDark: "#FDFDFD",
+  errorContainer: "#FFE5E6",
+  errorContainerDark: "#52323F",
+  onErrorContainer: "#151411",
+  onErrorContainerDark: "#FDFDFD",
+  neutral: "#C6C6C6",
+  neutralDark: "#525767",
+  neutralHover: "#A8A8A8",
+  neutralHoverDark: "#656C80",
+  neutralActive: "#8D8D8D",
+  neutralActiveDark: "#2E2E2E",
+  onNeutral: "#000000",
+  onNeutralDark: "#000000",
+  neutralContainer: "#F4F4F4",
+  neutralContainerDark: "#5C5C5C",
+  onNeutralContainer: "#000000",
+  onNeutralContainerDark: "#F6F9FF"
+}, r = {
+  header: "'Inter', sans-serif",
+  subheader: "'Inter', sans-serif",
+  body: "'Inter', sans-serif"
+}, t = `
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Inter';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Inter';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Inter';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Inter';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format('woff2');
+	unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Inter';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Inter';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format('woff2');
+	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Inter';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Inter';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Inter';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Inter';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Inter';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format('woff2');
+	unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Inter';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Inter';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format('woff2');
+	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Inter';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Inter';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Inter';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Inter';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Inter';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format('woff2');
+	unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Inter';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Inter';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format('woff2');
+	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Inter';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+body,html {
+	font-family: 'Inter', sans-serif;
+	font-weight: 400;
+}
+`, o = {
+  body: {
+    backgroundColor: n.background,
+    color: n.onBackground
+  },
+  "i, em": {
+    fontStyle: "italic"
+  },
+  "button, input, select": {
+    transitionProperty: "background-color, border-color, color, fill, stroke, opacity, box-shadow, transform",
+    transitionDuration: "200ms"
+  },
+  "button, select, input[type='radio'], input[type='checkbox']": {
+    cursor: "pointer"
+  }
+}, a = {
+  colors: n,
+  fonts: r,
+  fontStyleSheet: t,
+  globalStyles: o
+};
+export {
+  a as casperUITheme
+};

package/dist/theme/theme-provider.d.ts

@@ -1,5 +1,6 @@
+import { GlobalStyleObject } from '@chakra-ui/react';
 import { ReactNode } from 'react';
-import { GlobalStyles, ThemeColorValues, ThemeFontValues } from './theme-types.js';
+import { ThemeColorValues, ThemeFontValues } from './theme-types.js';
 export type ThemeProviderProps = {
     /** Children to be rendered within this theme. */
     children: ReactNode;
@@ -12,7 +13,7 @@ export type ThemeProviderProps = {
      * for custom Theme Fonts.
      * See example usage in theme-casper.ui.ts */
     fontStyleSheet?: string;
-    globalStyles?: GlobalStyles;
+    globalStyles?: GlobalStyleObject;
 };
 /**
  * Provides theme appearance to all children rendered within the provider.
@@ -20,11 +21,4 @@ export type ThemeProviderProps = {
  * provide your own theme variables.
  */
 export declare function ThemeProvider({ colors, fonts, fontStyleSheet, globalStyles, children, }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
-/**
- * Custom Casper UI wrapper for Chakra ColorModeScript to handle color mode throughout the app,
- * currently always set to light as initial color mode.
- *
- * @see Docs https://caspeco.github.io/casper-ui-library/getting-started/theme/
- */
-export declare function ThemeColorModeScript(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=theme-provider.d.ts.map

package/dist/theme/theme-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme-provider.d.ts","sourceRoot":"","sources":["../../lib/theme/theme-provider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAG/F,MAAM,MAAM,kBAAkB,GAAG;IAChC,iDAAiD;IACjD,QAAQ,EAAE,SAAS,CAAC;IACpB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B;8EAC0E;IAC1E,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB;;iDAE6C;IAC7C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC5B,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC7B,MAA6B,EAC7B,KAA2B,EAC3B,cAA6C,EAC7C,YAAyC,EACzC,QAAQ,GACR,EAAE,kBAAkB,2CAsBpB;AAED;;;;;GAKG;AACH,wBAAgB,oBAAoB,4CAKnC"}
+{"version":3,"file":"theme-provider.d.ts","sourceRoot":"","sources":["../../lib/theme/theme-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAG1E,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAE5E,MAAM,MAAM,kBAAkB,GAAG;IAChC,iDAAiD;IACjD,QAAQ,EAAE,SAAS,CAAC;IACpB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B;8EAC0E;IAC1E,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB;;iDAE6C;IAC7C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,iBAAiB,CAAC;CACjC,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC7B,MAA6B,EAC7B,KAA2B,EAC3B,cAA6C,EAC7C,YAAyC,EACzC,QAAQ,GACR,EAAE,kBAAkB,2CAgBpB"}