cetec-design-system 1.4.0 → 1.5.0

package/dist/{cetec-preset-DA6_Lz-z.js → cetec-preset-BIhjr__8.js}

@@ -4203,7 +4203,19 @@ const textVariants = {
   },
   underline: {
     true: {
-      textDecoration: "underline"
+      textDecoration: "underline",
+      textDecorationThickness: "[0.0625em]",
+      textUnderlineOffset: "[0.15625em]",
+      textDecorationSkipInk: "all"
+    }
+  },
+  dashedUnderline: {
+    true: {
+      textDecoration: "underline",
+      textDecorationStyle: "dashed",
+      textDecorationThickness: "[0.0625em]",
+      textUnderlineOffset: "[0.15625em]",
+      textDecorationSkipInk: "all"
     }
   },
   truncate: {
@@ -4252,36 +4264,30 @@ const linkBase = {
   fontWeight: "medium",
   gap: "1",
   color: "link",
-  textDecoration: "none",
-  backgroundImage: "linear-gradient(90deg, transparent 0% 100%)",
-  backgroundSize: "100% 1px",
-  backgroundRepeat: "no-repeat",
-  backgroundPositionY: "100%",
-  outlineWidth: "2",
-  outlineStyle: "solid",
-  outlineColor: "transparent",
-  outlineOffset: "1",
-  width: "fit-content",
-  cursor: "pointer",
+  textDecoration: "underline",
+  textDecorationThickness: "[0.0625em]",
+  textUnderlineOffset: "[0.15625em]",
+  textDecorationSkipInk: "all",
+  textDecorationColor: "[color-mix(in srgb, currentColor 30%, transparent)]",
+  transition: "all",
+  transitionDuration: "fast",
+  bg: "none",
   _hover: {
-    color: "link",
-    backgroundImage: "linear-gradient(90deg, currentColor 0% 100%)"
+    color: "link.pressed",
+    textDecorationColor: "current",
+    textDecorationThickness: "[0.125em]"
   },
   _focusVisible: {
     borderRadius: "4",
     outlineColor: "border.focused"
-  }
-};
-const linkVariants = {
-  ...textVariants,
+  },
   _disabled: {
-    true: {
-      cursor: "not-allowed",
-      opacity: 0.4,
-      pointerEvents: "none"
-    }
+    cursor: "not-allowed",
+    opacity: 0.4,
+    pointerEvents: "none"
   }
 };
+const linkVariants = { ...textVariants };
 const labelBase = {
   fontSize: "16",
   fontWeight: "normal",
@@ -9205,6 +9211,17 @@ const colors = defineSemanticTokens.colors({
         pressed: {
           value: { base: "{colors.green.70}", _dark: "{colors.green.20}" }
         }
+      },
+      subtle: {
+        DEFAULT: {
+          value: { base: "{colors.green.5}", _dark: "{colors.green.80}" }
+        },
+        hovered: {
+          value: { base: "{colors.green.10}", _dark: "{colors.green.70}" }
+        },
+        pressed: {
+          value: { base: "{colors.green.20}", _dark: "{colors.green.90}" }
+        }
       }
     },
     warning: {
@@ -9227,6 +9244,17 @@ const colors = defineSemanticTokens.colors({
         pressed: {
           value: { base: "{colors.orange.70}", _dark: "{colors.orange.50}" }
         }
+      },
+      subtle: {
+        DEFAULT: {
+          value: { base: "{colors.orange.5}", _dark: "{colors.orange.80}" }
+        },
+        hovered: {
+          value: { base: "{colors.orange.10}", _dark: "{colors.orange.70}" }
+        },
+        pressed: {
+          value: { base: "{colors.orange.20}", _dark: "{colors.orange.90}" }
+        }
       }
     },
     danger: {
@@ -9245,6 +9273,17 @@ const colors = defineSemanticTokens.colors({
         pressed: {
           value: { base: "{colors.red.60}", _dark: "{colors.red.50}" }
         }
+      },
+      subtle: {
+        DEFAULT: {
+          value: { base: "{colors.red.5}", _dark: "{colors.red.80}" }
+        },
+        hovered: {
+          value: { base: "{colors.red.10}", _dark: "{colors.red.70}" }
+        },
+        pressed: {
+          value: { base: "{colors.red.20}", _dark: "{colors.red.90}" }
+        }
       }
     },
     info: {
@@ -9267,6 +9306,17 @@ const colors = defineSemanticTokens.colors({
         pressed: {
           value: { base: "{colors.blue.70}", _dark: "{colors.blue.20}" }
         }
+      },
+      subtle: {
+        DEFAULT: {
+          value: { base: "{colors.blue.5}", _dark: "{colors.blue.80}" }
+        },
+        hovered: {
+          value: { base: "{colors.blue.10}", _dark: "{colors.blue.70}" }
+        },
+        pressed: {
+          value: { base: "{colors.blue.20}", _dark: "{colors.blue.90}" }
+        }
       }
     },
     cta: {
@@ -10559,4 +10609,4 @@ export {
   breakpoints as b,
   containerSizes as c
 };
-//# sourceMappingURL=cetec-preset-DA6_Lz-z.js.map
+//# sourceMappingURL=cetec-preset-BIhjr__8.js.map