cetec-design-system 2.2.0-next.0 → 2.2.2-next.0

package/dist/{cetec-preset-CyN7J0WL.js → cetec-preset-CcvrY8wh.js}

@@ -766,6 +766,24 @@ const colors$1 = defineTokens.colors({
     "90": { value: "#1E1E1E" },
     "100": { value: "#000000" }
   },
+  slate_inverse: {
+    "0": { value: "#000000" },
+    "1": { value: "#383838" },
+    "2": { value: "#474643" },
+    "3": { value: "#53504c" },
+    "4": { value: "#5d5954" },
+    "5": { value: "#66605e" },
+    "10": { value: "#8a8985" },
+    "20": { value: "#acabaa" },
+    "30": { value: "#cbc8c4" },
+    "40": { value: "#dfdcdb" },
+    "50": { value: "#eaeaea" },
+    "60": { value: "#f2f2f2" },
+    "70": { value: "#f8f8f8" },
+    "80": { value: "#fcfcfc" },
+    "90": { value: "#fefefe" },
+    "100": { value: "#ffffff" }
+  },
   gold: {
     "1": { value: "#FFFCF4" },
     "2": { value: "#FFF9E9" },
@@ -7300,26 +7318,26 @@ const buttonStyles = {
   _disabled: {
     cursor: "not-allowed"
   },
-  "&[data-disabled=true]": {
+  "&:has([data-disabled=true])": {
     cursor: "not-allowed"
   },
-  "&[data-deleted=true]": {
+  "&:has([data-deleted=true])": {
     textDecoration: "line-through",
     opacity: "[0.6]"
   },
-  "&[data-selected=true]": {
+  "&:has([data-selected=true])": {
     bg: "bg.neutral.boldest",
     _icon: {
       fill: "icon.decorative.inverse"
     }
   },
-  "&[data-selected=true]:is(:hover, [data-hover])": {
+  "&:has([data-selected=true]):is(:hover, [data-hover])": {
     bg: "bg.neutral.bold.hovered",
     _icon: {
       fill: "icon.decorative.inverse.hovered"
     }
   },
-  "&[data-selected=true]:is(:active, [data-active])": {
+  "&:has([data-selected=true]):is(:active, [data-active])": {
     bg: "bg.neutral.bold.pressed",
     _icon: {
       fill: "icon.decorative.inverse.hovered"
@@ -7362,7 +7380,7 @@ const chipRecipe = defineSlotRecipe({
         bg: "bg.neutral.boldest",
         color: "text.inverse"
       },
-      "&[data-disabled=true]": {
+      "&:has([data-disabled=true])": {
         cursor: "not-allowed",
         bg: "bg.disabled",
         color: "text.disabled",
@@ -7395,7 +7413,7 @@ const chipRecipe = defineSlotRecipe({
       px: "var(--main-px)",
       fontSize: "var(--main-fs)",
       color: "text",
-      "[data-selected=true] &": {
+      "[data-selected=true] > &": {
         color: "text.inverse"
       }
     },
@@ -9174,6 +9192,104 @@ const colors = defineSemanticTokens.colors({
           value: { base: "{colors.magenta.70}", _dark: "{colors.magenta.40}" }
         }
       }
+    },
+    slate: {
+      "0": {
+        value: {
+          base: "{colors.slate.0}",
+          _dark: "{colors.slate_inverse.0}"
+        }
+      },
+      "1": {
+        value: {
+          base: "{colors.slate.1}",
+          _dark: "{colors.slate_inverse.1}"
+        }
+      },
+      "2": {
+        value: {
+          base: "{colors.slate.2}",
+          _dark: "{colors.slate_inverse.2}"
+        }
+      },
+      "3": {
+        value: {
+          base: "{colors.slate.3}",
+          _dark: "{colors.slate_inverse.3}"
+        }
+      },
+      "4": {
+        value: {
+          base: "{colors.slate.4}",
+          _dark: "{colors.slate_inverse.4}"
+        }
+      },
+      "5": {
+        value: {
+          base: "{colors.slate.5}",
+          _dark: "{colors.slate_inverse.5}"
+        }
+      },
+      "10": {
+        value: {
+          base: "{colors.slate.10}",
+          _dark: "{colors.slate_inverse.10}"
+        }
+      },
+      "20": {
+        value: {
+          base: "{colors.slate.20}",
+          _dark: "{colors.slate_inverse.20}"
+        }
+      },
+      "30": {
+        value: {
+          base: "{colors.slate.30}",
+          _dark: "{colors.slate_inverse.30}"
+        }
+      },
+      "40": {
+        value: {
+          base: "{colors.slate.40}",
+          _dark: "{colors.slate_inverse.40}"
+        }
+      },
+      "50": {
+        value: {
+          base: "{colors.slate.50}",
+          _dark: "{colors.slate_inverse.50}"
+        }
+      },
+      "60": {
+        value: {
+          base: "{colors.slate.60}",
+          _dark: "{colors.slate_inverse.60}"
+        }
+      },
+      "70": {
+        value: {
+          base: "{colors.slate.70}",
+          _dark: "{colors.slate_inverse.70}"
+        }
+      },
+      "80": {
+        value: {
+          base: "{colors.slate.80}",
+          _dark: "{colors.slate_inverse.80}"
+        }
+      },
+      "90": {
+        value: {
+          base: "{colors.slate.90}",
+          _dark: "{colors.slate_inverse.90}"
+        }
+      },
+      "100": {
+        value: {
+          base: "{colors.slate.100}",
+          _dark: "{colors.slate_inverse.100}"
+        }
+      }
     }
   },
   blanket: {
@@ -10044,4 +10160,4 @@ export {
   breakpoints as b,
   containerSizes as c
 };
-//# sourceMappingURL=cetec-preset-CyN7J0WL.js.map
+//# sourceMappingURL=cetec-preset-CcvrY8wh.js.map