@caspeco/casper-ui-library 6.0.0 → 7.0.0

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

@@ -1,5 +1,5 @@
 import { defineStyleConfig as i } from "@chakra-ui/react";
-import { isTouchScreenDevice as e } from "../../theme-helper.js";
+import { isTouchScreenDevice as r } 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,
@@ -21,7 +21,7 @@ const l = {
   background: o.Accent,
   color: o.OnAccent,
   _hover: {
-    background: e() ? o.Accent : o.AccentHover,
+    background: r() ? o.Accent : o.AccentHover,
     _disabled: {
       background: o.Accent,
       color: o.OnAccent
@@ -31,12 +31,12 @@ const l = {
     background: o.AccentActive,
     color: o.OnAccent
   }
-}, g = {
+}, b = {
   background: o.AccentContainer,
   color: o.OnAccentContainer,
   _hover: {
-    background: e() ? o.AccentContainer : o.AccentHover,
-    color: e() ? o.OnAccentContainer : o.OnAccent,
+    background: r() ? o.AccentContainer : o.AccentHover,
+    color: r() ? o.OnAccentContainer : o.OnAccent,
     _disabled: {
       background: o.AccentContainer,
       color: o.OnAccentContainer
@@ -46,18 +46,32 @@ const l = {
     background: o.AccentActive,
     color: o.OnAccent
   }
-}, b = {
+}, g = {
   color: o.OnBackground,
   fontWeight: "medium",
   _hover: {
     color: o.OnBackground,
-    bg: e() ? "none" : o.AccentHoverAlpha,
+    bg: r() ? "none" : o.AccentHoverAlpha,
     textDecoration: "none"
   },
   _active: {
     bg: o.AccentActiveAlpha,
     color: o.OnBackground
   }
+}, A = {
+  background: o.Error,
+  color: o.OnAccent,
+  _hover: {
+    background: r() ? o.Error : o.ErrorHover,
+    _disabled: {
+      background: o.Error,
+      color: o.OnAccent
+    }
+  },
+  _active: {
+    background: o.ErrorActive,
+    color: o.OnAccent
+  }
 }, s = {
   color: o.OnBackground,
   fontFamily: t.Body,
@@ -69,7 +83,7 @@ const l = {
   width: "fit-content",
   border: 0,
   _hover: {
-    color: e() ? o.OnBackground : o.AccentHover
+    color: r() ? o.OnBackground : o.AccentHover
   },
   _active: {
     color: o.AccentActive,
@@ -78,7 +92,7 @@ const l = {
   _disabled: {
     textDecoration: "none"
   }
-}, A = {
+}, v = {
   flex: "1",
   fontWeight: "normal",
   font: t.Body,
@@ -108,7 +122,7 @@ const l = {
     bg: o.AccentHoverAlpha,
     color: o.OnAccentContainer
   }
-}, v = {
+}, k = {
   background: "transparent",
   color: o.OnBackground,
   borderColor: o.OnBackgroundBorder,
@@ -134,13 +148,13 @@ const l = {
       }
     }
   }
-}, r = '&[aria-pressed="true"]', n = '&[aria-pressed="false"]', k = {
+}, e = '&[aria-pressed="true"]', n = '&[aria-pressed="false"]', h = {
   // Base style
   borderRadius: d.Small,
   borderWidth: a.XSmall,
   borderColor: o.OnSurfaceBorder,
   // Pressed state
-  [`${r}`]: {
+  [`${e}`]: {
     background: o.Accent,
     color: o.OnAccent
   },
@@ -151,7 +165,7 @@ const l = {
   },
   // Hover styles
   "@media(hover: hover)": {
-    [`${r}&:hover`]: {
+    [`${e}&:hover`]: {
       background: o.AccentHover,
       borderColor: o.AccentHover,
       _disabled: {
@@ -169,7 +183,7 @@ const l = {
     }
   },
   // Active styles
-  [`${r}:active`]: {
+  [`${e}:active`]: {
     color: o.OnAccent,
     background: o.AccentActive
   },
@@ -178,7 +192,7 @@ const l = {
     background: o.AccentActiveAlpha
   },
   // Define general disabled styles last to ensure they are not overridden
-  [`${r}:disabled`]: {
+  [`${e}:disabled`]: {
     color: o.OnAccent,
     background: o.Accent,
     borderColor: o.Accent
@@ -211,12 +225,13 @@ const l = {
   },
   variants: {
     primary: u,
-    secondary: g,
-    ghost: b,
+    secondary: b,
+    ghost: g,
     link: s,
-    segmentedControl: A,
-    tertiary: v,
-    toggle: k
+    segmentedControl: v,
+    tertiary: k,
+    toggle: h,
+    alert: A
   }
 });
 export {

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

@@ -0,0 +1,10 @@
+import { ThemeColorValues, ThemeFontValues, GlobalStyles } from './theme-types.js';
+type ThemeProviderContextType = {
+    colors: ThemeColorValues;
+    fonts: ThemeFontValues;
+    fontStyleSheet: string;
+    globalStyles: GlobalStyles;
+};
+export declare const ThemeProviderContext: import('react').Context<ThemeProviderContextType>;
+export {};
+//# sourceMappingURL=theme-context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theme-context.d.ts","sourceRoot":"","sources":["../../lib/theme/theme-context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAErF,KAAK,wBAAwB,GAAG;IAC/B,MAAM,EAAE,gBAAgB,CAAC;IACzB,KAAK,EAAE,eAAe,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,YAAY,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,oBAAoB,mDAK/B,CAAC"}

package/dist/theme/theme-context.js

@@ -0,0 +1,11 @@
+import { createContext as o } from "react";
+import { casperUITheme as e } from "./theme-config/theme-casper-ui.js";
+const l = o({
+  colors: e.colors,
+  fonts: e.fonts,
+  fontStyleSheet: e.fontStyleSheet,
+  globalStyles: e.globalStyles
+});
+export {
+  l as ThemeProviderContext
+};

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

@@ -1 +1 @@
-{"version":3,"file":"theme-provider-context.composition.d.ts","sourceRoot":"","sources":["../../lib/theme/theme-provider-context.composition.tsx"],"names":[],"mappings":"AAaA,wBAAgB,MAAM,4CA8BrB;AAED,wBAAgB,KAAK,4CAkBpB;AAED,wBAAgB,SAAS,4CAcxB;AAED,wBAAgB,KAAK,4CAyBpB;AAED,wBAAgB,WAAW,4CA2B1B;AAED,wBAAgB,YAAY,4CA2B3B;AAED,wBAAgB,OAAO,4CA6BtB;AAED,wBAAgB,WAAW,4CAa1B;AAED,wBAAgB,SAAS,4CAgCxB"}
+{"version":3,"file":"theme-provider-context.composition.d.ts","sourceRoot":"","sources":["../../lib/theme/theme-provider-context.composition.tsx"],"names":[],"mappings":"AAaA,wBAAgB,MAAM,4CA8BrB;AAED,wBAAgB,KAAK,4CAmBpB;AAED,wBAAgB,SAAS,4CAkBxB;AAED,wBAAgB,KAAK,4CAyBpB;AAED,wBAAgB,WAAW,4CA2B1B;AAED,wBAAgB,YAAY,4CA2B3B;AAED,wBAAgB,OAAO,4CA6BtB;AAED,wBAAgB,WAAW,4CAa1B;AAED,wBAAgB,SAAS,4CAgCxB"}

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

@@ -14,13 +14,6 @@ export type ThemeProviderProps = {
     fontStyleSheet?: string;
     globalStyles?: GlobalStyles;
 };
-type ThemeProviderContextType = {
-    colors: ThemeColorValues;
-    fonts: ThemeFontValues;
-    fontStyleSheet: string;
-    globalStyles: GlobalStyles;
-};
-export declare const ThemeProviderContext: import('react').Context<ThemeProviderContextType>;
 /**
  * Provides theme appearance to all children rendered within the provider.
  * Default theme values are set to a Casper UI-theme. To override them,
@@ -34,5 +27,4 @@ export declare function ThemeProvider({ colors, fonts, fontStyleSheet, globalSty
  * @see Docs https://caspeco.github.io/casper-ui-library/getting-started/theme/
  */
 export declare function ThemeColorModeScript(): import("react/jsx-runtime").JSX.Element;
-export {};
 //# 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,EAAiB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAItD,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAE/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,KAAK,wBAAwB,GAAG;IAC/B,MAAM,EAAE,gBAAgB,CAAC;IACzB,KAAK,EAAE,eAAe,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,YAAY,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,oBAAoB,mDAK/B,CAAC;AAEH;;;;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":"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"}

package/dist/theme/theme-provider.js

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

package/package.json

@@ -1,9 +1,14 @@
 {
 	"name": "@caspeco/casper-ui-library",
-	"version": "6.0.0",
+	"version": "7.0.0",
 	"prettier": "@caspeco/prettier-config",
 	"type": "module",
 	"sideEffects": false,
+	"homepage": "https://github.com/Caspeco/casper-ui-library",
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/Caspeco/casper-ui-library.git"
+	},
 	"files": [
 		"dist"
 	],
@@ -25,24 +30,24 @@
 		"@arethetypeswrong/cli": "^0.18.2",
 		"@caspeco/eslint-config": "^4.0.5",
 		"@caspeco/prettier-config": "^1.0.6",
-		"@eslint/js": "^9.35.0",
-		"@testing-library/jest-dom": "^6.8.0",
+		"@eslint/js": "^9.37.0",
+		"@testing-library/jest-dom": "^6.9.1",
 		"@testing-library/react": "^16.3.0",
 		"@testing-library/user-event": "^14.6.1",
 		"@types/jest": "^30.0.0",
-		"@types/node": "^24.4.0",
+		"@types/node": "^24.7.0",
 		"@types/react": "^18.3.12",
 		"@types/react-dom": "^18.3.1",
-		"@vitejs/plugin-react-swc": "^4.0.1",
-		"eslint": "^9.35.0",
-		"eslint-plugin-react-hooks": "^5.2.0",
-		"eslint-plugin-react-refresh": "^0.4.20",
+		"@vitejs/plugin-react-swc": "^4.1.0",
+		"eslint": "^9.37.0",
+		"eslint-plugin-react-hooks": "^6.1.1",
+		"eslint-plugin-react-refresh": "^0.4.23",
 		"globals": "^16.4.0",
 		"jsdom": "^27.0.0",
 		"tsc-alias": "^1.8.16",
-		"typescript": "~5.9.2",
-		"typescript-eslint": "^8.43.0",
-		"vite": "^7.1.5",
+		"typescript": "~5.9.3",
+		"typescript-eslint": "^8.45.0",
+		"vite": "^7.1.9",
 		"vite-plugin-dts": "^4.5.4",
 		"vite-tsconfig-paths": "^5.1.4",
 		"vitest": "^3.2.4"