@caspeco/casper-ui-library 5.6.1 → 6.1.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/package.json

@@ -1,9 +1,14 @@
 {
 	"name": "@caspeco/casper-ui-library",
-	"version": "5.6.1",
+	"version": "6.1.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,23 +30,24 @@
 		"@arethetypeswrong/cli": "^0.18.2",
 		"@caspeco/eslint-config": "^4.0.5",
 		"@caspeco/prettier-config": "^1.0.6",
-		"@eslint/js": "^9.35.0",
+		"@eslint/js": "^9.36.0",
 		"@testing-library/jest-dom": "^6.8.0",
 		"@testing-library/react": "^16.3.0",
+		"@testing-library/user-event": "^14.6.1",
 		"@types/jest": "^30.0.0",
-		"@types/node": "^24.3.1",
+		"@types/node": "^24.5.2",
 		"@types/react": "^18.3.12",
 		"@types/react-dom": "^18.3.1",
-		"@vitejs/plugin-react-swc": "^4.0.1",
-		"eslint": "^9.35.0",
+		"@vitejs/plugin-react-swc": "^4.1.0",
+		"eslint": "^9.36.0",
 		"eslint-plugin-react-hooks": "^5.2.0",
 		"eslint-plugin-react-refresh": "^0.4.20",
-		"globals": "^16.3.0",
-		"jsdom": "^26.1.0",
+		"globals": "^16.4.0",
+		"jsdom": "^27.0.0",
 		"tsc-alias": "^1.8.16",
 		"typescript": "~5.9.2",
-		"typescript-eslint": "^8.42.0",
-		"vite": "^7.1.4",
+		"typescript-eslint": "^8.44.0",
+		"vite": "^7.1.6",
 		"vite-plugin-dts": "^4.5.4",
 		"vite-tsconfig-paths": "^5.1.4",
 		"vitest": "^3.2.4"