strata-ui-react 0.2.12 → 0.3.0

package/dist/index.d.ts

@@ -66,7 +66,7 @@ export declare interface ButtonExtendedProps extends Omit<ComponentProps<"button
 }
 
 declare const buttonVariants: (props?: ({
-    tone?: "primary" | "secondary" | "neutral" | "success" | "warning" | "destructive" | "glass" | "accent" | null | undefined;
+    tone?: "primary" | "secondary" | "neutral" | "error" | "success" | "warning" | "glass" | "accent" | null | undefined;
     style?: "solid" | "outline" | "ghost" | null | undefined;
     size?: "small" | "medium" | "large" | "iconLarge" | "iconMedium" | "iconSmall" | null | undefined;
 } & ClassProp) | undefined) => string;

package/dist/strata-ui-react.es.js

@@ -1788,7 +1788,7 @@ const cx = clsx, cva = (t, n) => (i) => {
 }), buttonVariants = cva("inline-flex items-center justify-center whitespace-nowrap rounded-full select-none transition-all disabled:pointer-events-none disabled:opacity-50 cursor-pointer", {
 	variants: {
 		tone: {
-			destructive: "",
+			error: "",
 			glass: "",
 			neutral: "",
 			primary: "",
@@ -2163,70 +2163,70 @@ const cx = clsx, cva = (t, n) => (i) => {
 			className: "hover:raised-4 active:inset-shadow-3-shadow"
 		},
 		{
-			tone: "destructive",
+			tone: "error",
 			style: "solid",
 			className: "bg-error text-on-error"
 		},
 		{
-			tone: "destructive",
+			tone: "error",
 			style: "solid",
 			size: ["small", "iconSmall"],
 			className: "raised-1 hover:raised-2 active:inset-shadow-1-shadow"
 		},
 		{
-			tone: "destructive",
+			tone: "error",
 			style: "solid",
 			size: ["medium", "iconMedium"],
 			className: "raised-2 hover:raised-4 active:inset-shadow-2-shadow"
 		},
 		{
-			tone: "destructive",
+			tone: "error",
 			style: "solid",
 			size: ["large", "iconLarge"],
 			className: "raised-4 hover:raised-8 active:inset-shadow-3-shadow"
 		},
 		{
-			tone: "destructive",
+			tone: "error",
 			style: "outline",
 			className: "border-error text-error hover:text-on-error-container hover:bg-error-container active:bg-transparent"
 		},
 		{
-			tone: "destructive",
+			tone: "error",
 			style: "outline",
 			size: ["small", "iconSmall"],
 			className: "border-1"
 		},
 		{
-			tone: "destructive",
+			tone: "error",
 			style: "outline",
 			size: ["medium", "iconMedium"],
 			className: "border-2"
 		},
 		{
-			tone: "destructive",
+			tone: "error",
 			style: "outline",
 			size: ["large", "iconLarge"],
 			className: "border-4"
 		},
 		{
-			tone: "destructive",
+			tone: "error",
 			style: "ghost",
 			className: "text-error hover:surface-bright active:bg-surface-dim"
 		},
 		{
-			tone: "destructive",
+			tone: "error",
 			style: "ghost",
 			size: ["small", "iconSmall"],
 			className: "hover:raised-1 active:inset-shadow-1-shadow"
 		},
 		{
-			tone: "destructive",
+			tone: "error",
 			style: "ghost",
 			size: ["medium", "iconMedium"],
 			className: "hover:raised-2 active:inset-shadow-2-shadow"
 		},
 		{
-			tone: "destructive",
+			tone: "error",
 			style: "ghost",
 			size: ["large", "iconLarge"],
 			className: "hover:raised-4 active:inset-shadow-3-shadow"