@psnext/design-system 1.5.1 → 2.0.0

package/dist/Icon.js

@@ -1811,12 +1811,12 @@ const BOX_PADDING = {
 /** Icon (stroke) color for the bare, un-boxed variant. */
 const iconColorVariants = cva("", {
 	variants: { color: {
-		default: "text-foreground",
-		muted: "text-muted-foreground",
-		primary: "text-primary",
-		success: "text-[var(--content-success)]",
-		destructive: "text-error-foreground",
-		inverted: "text-inverse-foreground"
+		default: "text-primary-txt",
+		muted: "text-muted-txt",
+		primary: "text-primary-txt",
+		success: "text-success-txt",
+		destructive: "text-danger-txt",
+		inverted: "text-primary-invert-txt"
 	} },
 	defaultVariants: { color: "default" }
 });
@@ -1824,7 +1824,7 @@ const iconColorVariants = cva("", {
 const iconBoxVariants = cva("inline-flex items-center justify-center", {
 	variants: {
 		shape: {
-			square: "rounded-md",
+			square: "rounded-6",
 			round: "rounded-full"
 		},
 		color: {
@@ -1844,62 +1844,62 @@ const iconBoxVariants = cva("inline-flex items-center justify-center", {
 		{
 			fill: "subtle",
 			color: "default",
-			class: "bg-muted text-foreground"
+			class: "bg-muted-bg text-primary-txt"
 		},
 		{
 			fill: "subtle",
 			color: "muted",
-			class: "bg-muted text-muted-foreground"
+			class: "bg-muted-bg text-muted-txt"
 		},
 		{
 			fill: "subtle",
 			color: "primary",
-			class: "bg-primary/10 text-primary"
+			class: "bg-primary-invert-bg/10 text-primary-txt"
 		},
 		{
 			fill: "subtle",
 			color: "success",
-			class: "bg-[var(--bg-success)] text-[var(--content-success)]"
+			class: "bg-success-bg text-success-txt"
 		},
 		{
 			fill: "subtle",
 			color: "destructive",
-			class: "bg-destructive-alpha text-error-foreground"
+			class: "bg-danger-bg text-danger-txt"
 		},
 		{
 			fill: "subtle",
 			color: "inverted",
-			class: "bg-muted text-foreground"
+			class: "bg-muted-bg text-primary-txt"
 		},
 		{
 			fill: "solid",
 			color: "default",
-			class: "bg-inverse text-inverse-foreground"
+			class: "bg-primary-invert-bg text-primary-invert-txt"
 		},
 		{
 			fill: "solid",
 			color: "muted",
-			class: "bg-muted-foreground text-inverse-foreground"
+			class: "bg-muted-txt text-primary-invert-txt"
 		},
 		{
 			fill: "solid",
 			color: "primary",
-			class: "bg-primary text-primary-foreground"
+			class: "bg-primary-invert-bg text-primary-invert-txt"
 		},
 		{
 			fill: "solid",
 			color: "success",
-			class: "bg-[var(--content-success)] text-inverse-foreground"
+			class: "bg-success-txt text-primary-invert-txt"
 		},
 		{
 			fill: "solid",
 			color: "destructive",
-			class: "bg-destructive-alpha text-error-foreground"
+			class: "bg-danger-bg text-danger-txt"
 		},
 		{
 			fill: "solid",
 			color: "inverted",
-			class: "bg-inverse text-inverse-foreground"
+			class: "bg-primary-invert-bg text-primary-invert-txt"
 		}
 	],
 	defaultVariants: {