@tokenami/ds 0.0.73 → 0.0.75

package/dist/index.js

@@ -163,6 +163,12 @@ var fluid = (params) => {
     ---${params.property}-intercept: calc(var(---${params.property}-min) - (var(---${params.property}-scope) * ${breakpointMin}));
   `;
 };
+var colorMixOpacity = (property) => {
+  return `color-mix(in var(--color-space, srgb), var(--${property}-color) calc(var(--${property}-percent) * 1%), transparent)`;
+};
+var colorMix = (property, color) => {
+  return `color-mix(in var(--color-space, srgb), var(--${property}-color), ${color} calc(var(--${property}-percent) * 1%))`;
+};
 var src_default = createConfig({
   include: [],
   grid: rem(BASE_GRID_SIZE),
@@ -311,7 +317,7 @@ var src_default = createConfig({
     "::-webkit-inner-spin-button, ::-webkit-outer-spin-button": {
       height: "auto"
     },
-    "::webkit-search-decoration": {
+    "::-webkit-search-decoration": {
       WebkitAppearance: "none"
     },
     summary: {
@@ -364,29 +370,6 @@ var src_default = createConfig({
       }
     },
     root: {
-      alpha: {
-        "0": 0,
-        "5": 0.05,
-        "10": 0.1,
-        "15": 0.15,
-        "20": 0.2,
-        "25": 0.25,
-        "30": 0.3,
-        "35": 0.35,
-        "40": 0.4,
-        "45": 0.45,
-        "50": 0.5,
-        "55": 0.55,
-        "60": 0.6,
-        "65": 0.65,
-        "70": 0.7,
-        "75": 0.75,
-        "80": 0.8,
-        "85": 0.85,
-        "90": 0.9,
-        "95": 0.95,
-        "100": 1
-      },
       anim: {
         none: "none",
         spin: "spin 1s linear infinite",
@@ -411,6 +394,11 @@ var src_default = createConfig({
         "6xl": rem(1152),
         "7xl": rem(1280)
       },
+      "color-space": {
+        srgb: "",
+        oklch: "oklch",
+        oklab: "oklab"
+      },
       "drop-shadow": {
         xs: "drop-shadow(0 1px 1px rgb(0 0 0 / 0.05))",
         sm: "drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06))",
@@ -1053,22 +1041,14 @@ var src_default = createConfig({
         mono: `ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace`
       },
       gradient: {
-        "to-t": optionalViaGradient("to top in srgb"),
-        "to-tr": optionalViaGradient("to top right in srgb"),
-        "to-r": optionalViaGradient("to right in srgb"),
-        "to-br": optionalViaGradient("to bottom right in srgb"),
-        "to-b": optionalViaGradient("to bottom in srgb"),
-        "to-bl": optionalViaGradient("to bottom left in srgb"),
-        "to-l": optionalViaGradient("to left in srgb"),
-        "to-tl": optionalViaGradient("to top left in srgb"),
-        "hd-to-t": optionalViaGradient("to top in oklch"),
-        "hd-to-tr": optionalViaGradient("to top right in oklch"),
-        "hd-to-r": optionalViaGradient("to right in oklch"),
-        "hd-to-br": optionalViaGradient("to bottom right in oklch"),
-        "hd-to-b": optionalViaGradient("to bottom in oklch"),
-        "hd-to-bl": optionalViaGradient("to bottom left in oklch"),
-        "hd-to-l": optionalViaGradient("to left in oklch"),
-        "hd-to-tl": optionalViaGradient("to top left in oklch")
+        "to-t": optionalViaGradient("to top in var(--color-space, srgb)"),
+        "to-tr": optionalViaGradient("to top right in var(--color-space, srgb)"),
+        "to-r": optionalViaGradient("to right in var(--color-space, srgb)"),
+        "to-br": optionalViaGradient("to bottom right in var(--color-space, srgb)"),
+        "to-b": optionalViaGradient("to bottom in var(--color-space, srgb)"),
+        "to-bl": optionalViaGradient("to bottom left in var(--color-space, srgb)"),
+        "to-l": optionalViaGradient("to left in var(--color-space, srgb)"),
+        "to-tl": optionalViaGradient("to top left in var(--color-space, srgb)")
       },
       space: {
         "0": 0,
@@ -1127,6 +1107,91 @@ var src_default = createConfig({
         relaxed: 1.625,
         loose: 2
       },
+      mix: {
+        opacity: colorMixOpacity("mix"),
+        tint: colorMix("mix", "#fff"),
+        shade: colorMix("mix", "#000")
+      },
+      "mix-accent": {
+        opacity: colorMixOpacity("mix-accent"),
+        tint: colorMix("mix-accent", "#fff"),
+        shade: colorMix("mix-accent", "#000")
+      },
+      "mix-bg": {
+        opacity: colorMixOpacity("mix-bg"),
+        tint: colorMix("mix-bg", "#fff"),
+        shade: colorMix("mix-bg", "#000")
+      },
+      "mix-border": {
+        opacity: colorMixOpacity("mix-border"),
+        tint: colorMix("mix-border", "#fff"),
+        shade: colorMix("mix-border", "#000")
+      },
+      "mix-border-top": {
+        opacity: colorMixOpacity("mix-border-top"),
+        tint: colorMix("mix-border-top", "#fff"),
+        shade: colorMix("mix-border-top", "#000")
+      },
+      "mix-border-right": {
+        opacity: colorMixOpacity("mix-border-right"),
+        tint: colorMix("mix-border-right", "#fff"),
+        shade: colorMix("mix-border-right", "#000")
+      },
+      "mix-border-bottom": {
+        opacity: colorMixOpacity("mix-border-bottom"),
+        tint: colorMix("mix-border-bottom", "#fff"),
+        shade: colorMix("mix-border-bottom", "#000")
+      },
+      "mix-border-left": {
+        opacity: colorMixOpacity("mix-border-left"),
+        tint: colorMix("mix-border-left", "#fff"),
+        shade: colorMix("mix-border-left", "#000")
+      },
+      "mix-border-x": {
+        opacity: colorMixOpacity("mix-border-x"),
+        tint: colorMix("mix-border-x", "#fff"),
+        shade: colorMix("mix-border-x", "#000")
+      },
+      "mix-border-y": {
+        opacity: colorMixOpacity("mix-border-y"),
+        tint: colorMix("mix-border-y", "#fff"),
+        shade: colorMix("mix-border-y", "#000")
+      },
+      "mix-caret": {
+        opacity: colorMixOpacity("mix-caret"),
+        tint: colorMix("mix-caret", "#fff"),
+        shade: colorMix("mix-caret", "#000")
+      },
+      "mix-column-rule": {
+        opacity: colorMixOpacity("mix-column-rule"),
+        tint: colorMix("mix-column-rule", "#fff"),
+        shade: colorMix("mix-column-rule", "#000")
+      },
+      "mix-fill": {
+        opacity: colorMixOpacity("mix-fill"),
+        tint: colorMix("mix-fill", "#fff"),
+        shade: colorMix("mix-fill", "#000")
+      },
+      "mix-outline": {
+        opacity: colorMixOpacity("mix-outline"),
+        tint: colorMix("mix-outline", "#fff"),
+        shade: colorMix("mix-outline", "#000")
+      },
+      "mix-stroke": {
+        opacity: colorMixOpacity("mix-stroke"),
+        tint: colorMix("mix-stroke", "#fff"),
+        shade: colorMix("mix-stroke", "#000")
+      },
+      "mix-text-decoration": {
+        opacity: colorMixOpacity("mix-text-decoration"),
+        tint: colorMix("mix-text-decoration", "#fff"),
+        shade: colorMix("mix-text-decoration", "#000")
+      },
+      "mix-shadow": {
+        opacity: colorMixOpacity("mix-shadow"),
+        tint: colorMix("mix-shadow", "#fff"),
+        shade: colorMix("mix-shadow", "#000")
+      },
       morph: {
         none: "none",
         all: "all cubic-bezier(0.4, 0, 0.2, 1) 150ms",
@@ -1476,13 +1541,13 @@ var src_default = createConfig({
     w: ["inline-size"]
   },
   properties: {
-    "accent-color": ["color"],
+    "accent-color": ["color", "mix-accent"],
     animation: ["anim"],
     "animation-timing-function": ["ease"],
     "aspect-ratio": ["ratio"],
     "backdrop-filter": ["effect"],
-    background: ["color", "gradient"],
-    "background-color": ["color"],
+    background: ["color", "gradient", "mix-bg"],
+    "background-color": ["color", "mix-bg"],
     "background-image": ["gradient"],
     "background-position-x": ["grid", "space"],
     "background-position-y": ["grid", "space"],
@@ -1507,17 +1572,17 @@ var src_default = createConfig({
     "border-inline-start-width": ["line-size"],
     "border-inline-end": ["line"],
     "border-inline-end-width": ["line-size"],
-    "border-color": ["color"],
-    "border-top-color": ["color"],
-    "border-right-color": ["color"],
-    "border-bottom-color": ["color"],
-    "border-left-color": ["color"],
-    "border-block-color": ["color"],
-    "border-block-start-color": ["color"],
-    "border-block-end-color": ["color"],
-    "border-inline-color": ["color"],
-    "border-inline-start-color": ["color"],
-    "border-inline-end-color": ["color"],
+    "border-color": ["color", "mix-border"],
+    "border-top-color": ["color", "mix-border-top"],
+    "border-right-color": ["color", "mix-border-right"],
+    "border-bottom-color": ["color", "mix-border-bottom"],
+    "border-left-color": ["color", "mix-border-left"],
+    "border-block-color": ["color", "mix-border-y"],
+    "border-block-start-color": ["color", "mix-border-top"],
+    "border-block-end-color": ["color", "mix-border-bottom"],
+    "border-inline-color": ["color", "mix-border-x"],
+    "border-inline-start-color": ["color", "mix-border-left"],
+    "border-inline-end-color": ["color", "mix-border-right"],
     "border-radius": ["radii"],
     "border-top-left-radius": ["radii"],
     "border-top-right-radius": ["radii"],
@@ -1530,18 +1595,112 @@ var src_default = createConfig({
     "border-spacing": ["grid", "fluid-border-spacing-clamp"],
     bottom: ["grid", "space", "fluid-bottom-clamp"],
     "box-shadow": ["shadow"],
-    "caret-color": ["color"],
-    color: ["color"],
+    "caret-color": ["color", "mix-caret"],
+    color: ["color", "mix"],
     "column-gap": ["grid", "fluid-column-gap-clamp"],
     "column-rule": ["line"],
-    "column-rule-color": ["color"],
+    "column-rule-color": ["color", "mix-column-rule"],
     "column-rule-width": ["line-size"],
     columns: ["col"],
     "column-width": ["size", "grid", "fluid-column-width-clamp"],
     filter: ["effect", "drop-shadow"],
-    fill: ["color"],
+    fill: ["color", "mix-fill"],
     flex: ["flex"],
     "flex-basis": ["grid", "space", "fluid-flex-basis-clamp"],
+    font: ["text"],
+    "font-family": ["font"],
+    "font-size": ["text-size", "fluid-text-size-clamp"],
+    "font-weight": ["weight"],
+    "line-height": ["leading"],
+    gap: ["grid", "fluid-gap-clamp"],
+    "grid-column": ["span"],
+    "grid-row": ["span"],
+    "grid-template-rows": ["grid-span"],
+    "grid-template-columns": ["grid-span"],
+    height: ["size", "grid", "fluid-height-clamp"],
+    "inline-size": ["size", "grid", "fluid-width-clamp"],
+    inset: ["grid", "space", "fluid-inset-clamp"],
+    "inset-block": ["grid", "space", "fluid-inset-y-clamp"],
+    "inset-block-end": ["grid", "space", "fluid-bottom-clamp"],
+    "inset-block-start": ["grid", "space", "fluid-top-clamp"],
+    "inset-inline": ["grid", "space", "fluid-inset-x-clamp"],
+    "inset-inline-end": ["grid", "space", "fluid-right-clamp"],
+    "inset-inline-start": ["grid", "space", "fluid-left-clamp"],
+    left: ["grid", "space", "fluid-left-clamp"],
+    "letter-spacing": ["tracking"],
+    margin: ["grid", "fluid-m-clamp"],
+    "margin-block": ["grid", "fluid-my-clamp"],
+    "margin-block-end": ["grid", "fluid-mb-clamp"],
+    "margin-block-start": ["grid", "fluid-mt-clamp"],
+    "margin-inline": ["grid", "fluid-mx-clamp"],
+    "margin-inline-end": ["grid", "fluid-mr-clamp"],
+    "margin-inline-start": ["grid", "fluid-ml-clamp"],
+    "margin-top": ["grid", "fluid-mt-clamp"],
+    "margin-right": ["grid", "fluid-mr-clamp"],
+    "margin-bottom": ["grid", "fluid-mb-clamp"],
+    "margin-left": ["grid", "fluid-ml-clamp"],
+    "max-block-size": ["size", "grid", "fluid-max-height-clamp"],
+    "max-height": ["size", "grid", "fluid-max-width-clamp"],
+    "max-inline-size": ["size", "grid", "fluid-max-width-clamp"],
+    "max-width": ["size", "grid", "fluid-max-height-clamp"],
+    "min-block-size": ["size", "grid", "fluid-min-height-clamp"],
+    "min-height": ["size", "grid", "fluid-min-width-clamp"],
+    "min-inline-size": ["size", "grid", "fluid-min-width-clamp"],
+    "min-width": ["size", "grid", "fluid-min-height-clamp"],
+    opacity: ["number"],
+    outline: ["line"],
+    "outline-color": ["color", "mix-outline"],
+    "outline-width": ["line-size"],
+    "outline-offset": ["offset"],
+    padding: ["grid", "fluid-p-clamp"],
+    "padding-block": ["grid", "fluid-py-clamp"],
+    "padding-block-end": ["grid", "fluid-pb-clamp"],
+    "padding-block-start": ["grid", "fluid-pt-clamp"],
+    "padding-inline": ["grid", "fluid-px-clamp"],
+    "padding-inline-end": ["grid", "fluid-pr-clamp"],
+    "padding-inline-start": ["grid", "fluid-pl-clamp"],
+    "padding-top": ["grid", "fluid-pt-clamp"],
+    "padding-right": ["grid", "fluid-pr-clamp"],
+    "padding-bottom": ["grid", "fluid-pb-clamp"],
+    "padding-left": ["grid", "fluid-pl-clamp"],
+    right: ["grid", "space", "fluid-right-clamp"],
+    "row-gap": ["grid", "fluid-row-gap-clamp"],
+    "scroll-margin": ["grid", "fluid-scroll-m-clamp"],
+    "scroll-margin-block": ["grid", "fluid-scroll-my-clamp"],
+    "scroll-margin-block-end": ["grid", "fluid-scroll-mb-clamp"],
+    "scroll-margin-block-start": ["grid", "fluid-scroll-mt-clamp"],
+    "scroll-margin-inline": ["grid", "fluid-scroll-mx-clamp"],
+    "scroll-margin-inline-end": ["grid", "fluid-scroll-mr-clamp"],
+    "scroll-margin-inline-start": ["grid", "fluid-scroll-ml-clamp"],
+    "scroll-margin-top": ["grid", "fluid-scroll-mt-clamp"],
+    "scroll-margin-right": ["grid", "fluid-scroll-mr-clamp"],
+    "scroll-margin-bottom": ["grid", "fluid-scroll-mb-clamp"],
+    "scroll-margin-left": ["grid", "fluid-scroll-ml-clamp"],
+    "scroll-padding": ["grid", "fluid-scroll-p-clamp"],
+    "scroll-padding-block": ["grid", "fluid-scroll-py-clamp"],
+    "scroll-padding-block-end": ["grid", "fluid-scroll-pb-clamp"],
+    "scroll-padding-block-start": ["grid", "fluid-scroll-pt-clamp"],
+    "scroll-padding-inline": ["grid", "fluid-scroll-px-clamp"],
+    "scroll-padding-inline-end": ["grid", "fluid-scroll-pr-clamp"],
+    "scroll-padding-inline-start": ["grid", "fluid-scroll-pl-clamp"],
+    "scroll-padding-top": ["grid", "fluid-scroll-pt-clamp"],
+    "scroll-padding-right": ["grid", "fluid-scroll-pr-clamp"],
+    "scroll-padding-bottom": ["grid", "fluid-scroll-pb-clamp"],
+    "scroll-padding-left": ["grid", "fluid-scroll-pl-clamp"],
+    stroke: ["color", "mix-stroke"],
+    "stroke-width": ["grid", "fluid-stroke-width-clamp"],
+    "text-decoration-color": ["color", "mix-text-decoration"],
+    "text-indent": ["grid", "fluid-text-indent-clamp"],
+    "text-shadow": ["shadow"],
+    top: ["grid", "space", "fluid-top-clamp"],
+    transition: ["morph"],
+    "transition-duration": ["time"],
+    "transition-timing-function": ["ease"],
+    "transition-delay": ["time"],
+    width: ["size", "grid", "fluid-width-clamp"]
+  },
+  customProperties: {
+    "color-space": ["color-space"],
     "fluid-height-min": ["number"],
     "fluid-height-max": ["number"],
     "fluid-border-spacing-min": ["number"],
@@ -1642,104 +1801,47 @@ var src_default = createConfig({
     "fluid-stroke-width-max": ["number"],
     "fluid-text-indent-min": ["number"],
     "fluid-text-indent-max": ["number"],
-    font: ["text"],
-    "font-family": ["font"],
-    "font-size": ["text-size", "fluid-text-size-clamp"],
-    "font-weight": ["weight"],
-    "line-height": ["leading"],
-    gap: ["grid", "fluid-gap-clamp"],
     "gradient-from": ["color"],
     "gradient-from-stop": ["stop"],
     "gradient-to": ["color"],
     "gradient-to-stop": ["stop"],
     "gradient-via": ["color"],
     "gradient-via-stop": ["stop"],
-    "grid-column": ["span"],
-    "grid-row": ["span"],
-    "grid-template-rows": ["grid-span"],
-    "grid-template-columns": ["grid-span"],
-    height: ["size", "grid", "fluid-height-clamp"],
-    "inline-size": ["size", "grid", "fluid-width-clamp"],
-    inset: ["grid", "space", "fluid-inset-clamp"],
-    "inset-block": ["grid", "space", "fluid-inset-y-clamp"],
-    "inset-block-end": ["grid", "space", "fluid-bottom-clamp"],
-    "inset-block-start": ["grid", "space", "fluid-top-clamp"],
-    "inset-inline": ["grid", "space", "fluid-inset-x-clamp"],
-    "inset-inline-end": ["grid", "space", "fluid-right-clamp"],
-    "inset-inline-start": ["grid", "space", "fluid-left-clamp"],
-    left: ["grid", "space", "fluid-left-clamp"],
-    "letter-spacing": ["tracking"],
-    margin: ["grid", "fluid-m-clamp"],
-    "margin-block": ["grid", "fluid-my-clamp"],
-    "margin-block-end": ["grid", "fluid-mb-clamp"],
-    "margin-block-start": ["grid", "fluid-mt-clamp"],
-    "margin-inline": ["grid", "fluid-mx-clamp"],
-    "margin-inline-end": ["grid", "fluid-mr-clamp"],
-    "margin-inline-start": ["grid", "fluid-ml-clamp"],
-    "margin-top": ["grid", "fluid-mt-clamp"],
-    "margin-right": ["grid", "fluid-mr-clamp"],
-    "margin-bottom": ["grid", "fluid-mb-clamp"],
-    "margin-left": ["grid", "fluid-ml-clamp"],
-    "max-block-size": ["size", "grid", "fluid-max-height-clamp"],
-    "max-height": ["size", "grid", "fluid-max-width-clamp"],
-    "max-inline-size": ["size", "grid", "fluid-max-width-clamp"],
-    "max-width": ["size", "grid", "fluid-max-height-clamp"],
-    "min-block-size": ["size", "grid", "fluid-min-height-clamp"],
-    "min-height": ["size", "grid", "fluid-min-width-clamp"],
-    "min-inline-size": ["size", "grid", "fluid-min-width-clamp"],
-    "min-width": ["size", "grid", "fluid-min-height-clamp"],
-    opacity: ["alpha"],
-    outline: ["line"],
-    "outline-color": ["color"],
-    "outline-width": ["line-size"],
-    "outline-offset": ["offset"],
-    padding: ["grid", "fluid-p-clamp"],
-    "padding-block": ["grid", "fluid-py-clamp"],
-    "padding-block-end": ["grid", "fluid-pb-clamp"],
-    "padding-block-start": ["grid", "fluid-pt-clamp"],
-    "padding-inline": ["grid", "fluid-px-clamp"],
-    "padding-inline-end": ["grid", "fluid-pr-clamp"],
-    "padding-inline-start": ["grid", "fluid-pl-clamp"],
-    "padding-top": ["grid", "fluid-pt-clamp"],
-    "padding-right": ["grid", "fluid-pr-clamp"],
-    "padding-bottom": ["grid", "fluid-pb-clamp"],
-    "padding-left": ["grid", "fluid-pl-clamp"],
-    right: ["grid", "space", "fluid-right-clamp"],
-    "row-gap": ["grid", "fluid-row-gap-clamp"],
-    "scroll-margin": ["grid", "fluid-scroll-m-clamp"],
-    "scroll-margin-block": ["grid", "fluid-scroll-my-clamp"],
-    "scroll-margin-block-end": ["grid", "fluid-scroll-mb-clamp"],
-    "scroll-margin-block-start": ["grid", "fluid-scroll-mt-clamp"],
-    "scroll-margin-inline": ["grid", "fluid-scroll-mx-clamp"],
-    "scroll-margin-inline-end": ["grid", "fluid-scroll-mr-clamp"],
-    "scroll-margin-inline-start": ["grid", "fluid-scroll-ml-clamp"],
-    "scroll-margin-top": ["grid", "fluid-scroll-mt-clamp"],
-    "scroll-margin-right": ["grid", "fluid-scroll-mr-clamp"],
-    "scroll-margin-bottom": ["grid", "fluid-scroll-mb-clamp"],
-    "scroll-margin-left": ["grid", "fluid-scroll-ml-clamp"],
-    "scroll-padding": ["grid", "fluid-scroll-p-clamp"],
-    "scroll-padding-block": ["grid", "fluid-scroll-py-clamp"],
-    "scroll-padding-block-end": ["grid", "fluid-scroll-pb-clamp"],
-    "scroll-padding-block-start": ["grid", "fluid-scroll-pt-clamp"],
-    "scroll-padding-inline": ["grid", "fluid-scroll-px-clamp"],
-    "scroll-padding-inline-end": ["grid", "fluid-scroll-pr-clamp"],
-    "scroll-padding-inline-start": ["grid", "fluid-scroll-pl-clamp"],
-    "scroll-padding-top": ["grid", "fluid-scroll-pt-clamp"],
-    "scroll-padding-right": ["grid", "fluid-scroll-pr-clamp"],
-    "scroll-padding-bottom": ["grid", "fluid-scroll-pb-clamp"],
-    "scroll-padding-left": ["grid", "fluid-scroll-pl-clamp"],
-    "shadow-color": ["color"],
-    stroke: ["color"],
-    "stroke-width": ["grid", "fluid-stroke-width-clamp"],
-    "text-decoration-color": ["color"],
-    "text-indent": ["grid", "fluid-text-indent-clamp"],
-    "text-shadow": ["shadow"],
-    top: ["grid", "space", "fluid-top-clamp"],
-    transition: ["morph"],
-    "transition-duration": ["time"],
-    "transition-timing-function": ["ease"],
-    "transition-delay": ["time"],
-    width: ["size", "grid", "fluid-width-clamp"]
+    "mix-color": ["color"],
+    "mix-percent": ["number"],
+    "mix-accent-color": ["color"],
+    "mix-accent-percent": ["number"],
+    "mix-bg-color": ["color"],
+    "mix-bg-percent": ["number"],
+    "mix-border-color": ["color"],
+    "mix-border-percent": ["number"],
+    "mix-border-top-color": ["color"],
+    "mix-border-top-percent": ["number"],
+    "mix-border-right-color": ["color"],
+    "mix-border-right-percent": ["number"],
+    "mix-border-bottom-color": ["color"],
+    "mix-border-bottom-percent": ["number"],
+    "mix-border-left-color": ["color"],
+    "mix-border-left-percent": ["number"],
+    "mix-border-x-color": ["color"],
+    "mix-border-x-percent": ["number"],
+    "mix-border-y-color": ["color"],
+    "mix-border-y-percent": ["number"],
+    "mix-caret-color": ["color"],
+    "mix-caret-percent": ["number"],
+    "mix-column-rule-color": ["color"],
+    "mix-column-rule-percent": ["number"],
+    "mix-fill-color": ["color"],
+    "mix-fill-percent": ["number"],
+    "mix-outline-color": ["color"],
+    "mix-outline-percent": ["number"],
+    "mix-stroke-color": ["color"],
+    "mix-stroke-percent": ["number"],
+    "mix-text-decoration-color": ["color"],
+    "mix-text-decoration-percent": ["number"],
+    "mix-shadow-color": ["color"],
+    "mix-shadow-percent": ["number"],
+    "shadow-color": ["color", "mix-shadow"]
   }
 });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tokenami/ds",
-  "version": "0.0.73",
+  "version": "0.0.75",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -33,11 +33,11 @@
   },
   "dependencies": {
     "@radix-ui/colors": "^3.0.0",
-    "@tokenami/config": "0.0.73"
+    "@tokenami/config": "0.0.75"
   },
   "devDependencies": {
     "tsup": "^7.0.0",
     "typescript": "^5.1.3"
   },
-  "gitHead": "9635ef203a3075788c4736b48f84114b6752ece7"
+  "gitHead": "22349ac5288bb84667c6fe95bd5156b6b1db08df"
 }