@bitrise/bitkit-v2 0.3.67 → 0.3.69

package/dist/theme/semantic-tokens/semanticColors.js

@@ -1,7 +1,1535 @@
-import { defineSemanticTokens as o } from "@chakra-ui/react/styled-system";
-import { withSlashes as t } from "../themeUtils.js";
-import e from "./semanticColors.json.js";
-const a = o.colors(t(e));
+import { defineSemanticTokens as l } from "@chakra-ui/react/styled-system";
+import { withSlashes as s } from "../themeUtils.js";
+const r = l.colors(
+  s({
+    brand: {
+      primary: {
+        value: {
+          _light: "{colors.purple.30}"
+        }
+      }
+    },
+    separator: {
+      primary: {
+        value: {
+          _light: "{colors.neutral.90}"
+        }
+      }
+    },
+    sys: {
+      fg: {
+        base: {
+          value: {
+            _light: "{colors.neutral.10}"
+          }
+        },
+        primary: {
+          value: {
+            _light: "{colors.purple.10}"
+          }
+        },
+        secondary: {
+          value: {
+            _light: "{colors.neutral.40}"
+          }
+        },
+        tertiary: {
+          value: {
+            _light: "{colors.neutral.60}"
+          }
+        },
+        subtle: {
+          value: {
+            _light: "{colors.neutral.70}"
+          }
+        },
+        minimal: {
+          value: {
+            _light: "{colors.neutral.80}"
+          }
+        },
+        positive: {
+          value: {
+            _light: "{colors.green.50}"
+          }
+        },
+        negative: {
+          value: {
+            _light: "{colors.red.50}"
+          }
+        },
+        "on-color": {
+          value: {
+            _light: "{colors.neutral.100}"
+          }
+        },
+        "on-contrast": {
+          value: {
+            _light: "{colors.neutral.95}"
+          }
+        },
+        "on-disabled": {
+          value: {
+            _light: "{colors.neutral.70}"
+          }
+        },
+        disabled: {
+          value: {
+            _light: "{colors.neutral.80}"
+          }
+        }
+      },
+      bg: {
+        surface: {
+          value: {
+            _light: "{colors.neutral.100}"
+          }
+        },
+        contrast: {
+          value: {
+            _light: "{colors.neutral.10}"
+          }
+        },
+        moderate: {
+          value: {
+            _light: "{colors.neutral.90}"
+          }
+        },
+        subtle: {
+          value: {
+            _light: "{colors.neutral.93}"
+          }
+        },
+        minimal: {
+          value: {
+            _light: "{colors.neutral.95}"
+          }
+        },
+        disabled: {
+          value: {
+            _light: "{colors.neutral.95}"
+          }
+        }
+      },
+      border: {
+        minimal: {
+          value: {
+            _light: "{colors.neutral.93}"
+          }
+        },
+        subtle: {
+          value: {
+            _light: "{colors.neutral.90}"
+          }
+        },
+        strong: {
+          value: {
+            _light: "{colors.neutral.80}"
+          }
+        },
+        emphasized: {
+          value: {
+            _light: "{colors.neutral.70}"
+          }
+        },
+        critical: {
+          value: {
+            _light: "{colors.red.50}"
+          }
+        },
+        inverse: {
+          value: {
+            _light: "{colors.neutral.100}"
+          }
+        },
+        "on-contrast": {
+          value: {
+            _light: "{colors.neutral.95}"
+          }
+        },
+        disabled: {
+          value: {
+            _light: "{colors.neutral.90}"
+          }
+        }
+      },
+      primary: {
+        base: {
+          value: {
+            _light: "{colors.purple.40}"
+          }
+        },
+        emphasized: {
+          value: {
+            _light: "{colors.purple.30}"
+          }
+        },
+        contrast: {
+          value: {
+            _light: "{colors.purple.10}"
+          }
+        },
+        muted: {
+          value: {
+            _light: "{colors.purple.80}"
+          }
+        },
+        subtle: {
+          value: {
+            _light: "{colors.purple.93}"
+          }
+        },
+        disabled: {
+          value: {
+            _light: "{colors.neutral.90}"
+          }
+        }
+      },
+      purple: {
+        base: {
+          value: {
+            _light: "{colors.purple.50}"
+          }
+        },
+        strong: {
+          value: {
+            _light: "{colors.purple.40}"
+          }
+        },
+        bold: {
+          value: {
+            _light: "{colors.purple.60}"
+          }
+        },
+        highlight: {
+          value: {
+            _light: "{colors.purple.70}"
+          }
+        },
+        muted: {
+          value: {
+            _light: "{colors.purple.80}"
+          }
+        },
+        moderate: {
+          value: {
+            _light: "{colors.purple.90}"
+          }
+        },
+        subtle: {
+          value: {
+            _light: "{colors.purple.93}"
+          }
+        },
+        minimal: {
+          value: {
+            _light: "{colors.purple.95}"
+          }
+        },
+        disabled: {
+          value: {
+            _light: "{colors.neutral.90}"
+          }
+        }
+      },
+      blue: {
+        base: {
+          value: {
+            _light: "{colors.blue.50}"
+          }
+        },
+        strong: {
+          value: {
+            _light: "{colors.blue.40}"
+          }
+        },
+        bold: {
+          value: {
+            _light: "{colors.blue.60}"
+          }
+        },
+        muted: {
+          value: {
+            _light: "{colors.blue.80}"
+          }
+        },
+        moderate: {
+          value: {
+            _light: "{colors.blue.90}"
+          }
+        },
+        subtle: {
+          value: {
+            _light: "{colors.blue.93}"
+          }
+        },
+        minimal: {
+          value: {
+            _light: "{colors.blue.95}"
+          }
+        }
+      },
+      green: {
+        base: {
+          value: {
+            _light: "{colors.green.50}"
+          }
+        },
+        strong: {
+          value: {
+            _light: "{colors.green.40}"
+          }
+        },
+        bold: {
+          value: {
+            _light: "{colors.green.60}"
+          }
+        },
+        muted: {
+          value: {
+            _light: "{colors.green.80}"
+          }
+        },
+        moderate: {
+          value: {
+            _light: "{colors.green.90}"
+          }
+        },
+        subtle: {
+          value: {
+            _light: "{colors.green.93}"
+          }
+        },
+        minimal: {
+          value: {
+            _light: "{colors.green.95}"
+          }
+        }
+      },
+      yellow: {
+        base: {
+          value: {
+            _light: "{colors.yellow.50}"
+          }
+        },
+        strong: {
+          value: {
+            _light: "{colors.yellow.40}"
+          }
+        },
+        bold: {
+          value: {
+            _light: "{colors.yellow.60}"
+          }
+        },
+        muted: {
+          value: {
+            _light: "{colors.yellow.80}"
+          }
+        },
+        moderate: {
+          value: {
+            _light: "{colors.yellow.90}"
+          }
+        },
+        subtle: {
+          value: {
+            _light: "{colors.yellow.93}"
+          }
+        },
+        minimal: {
+          value: {
+            _light: "{colors.yellow.95}"
+          }
+        }
+      },
+      red: {
+        base: {
+          value: {
+            _light: "{colors.red.50}"
+          }
+        },
+        dark: {
+          value: {
+            _light: "{colors.red.20}"
+          }
+        },
+        strong: {
+          value: {
+            _light: "{colors.red.40}"
+          }
+        },
+        bold: {
+          value: {
+            _light: "{colors.red.60}"
+          }
+        },
+        muted: {
+          value: {
+            _light: "{colors.red.80}"
+          }
+        },
+        moderate: {
+          value: {
+            _light: "{colors.red.90}"
+          }
+        },
+        subtle: {
+          value: {
+            _light: "{colors.red.93}"
+          }
+        },
+        minimal: {
+          value: {
+            _light: "{colors.red.95}"
+          }
+        }
+      },
+      neutral: {
+        base: {
+          value: {
+            _light: "{colors.neutral.50}"
+          }
+        },
+        strong: {
+          value: {
+            _light: "{colors.neutral.40}"
+          }
+        },
+        bold: {
+          value: {
+            _light: "{colors.neutral.60}"
+          }
+        },
+        muted: {
+          value: {
+            _light: "{colors.neutral.80}"
+          }
+        },
+        moderate: {
+          value: {
+            _light: "{colors.neutral.90}"
+          }
+        },
+        subtle: {
+          value: {
+            _light: "{colors.neutral.93}"
+          }
+        },
+        minimal: {
+          value: {
+            _light: "{colors.neutral.95}"
+          }
+        }
+      },
+      orange: {
+        base: {
+          value: {
+            _light: "{colors.orange.50}"
+          }
+        },
+        strong: {
+          value: {
+            _light: "{colors.orange.40}"
+          }
+        },
+        bold: {
+          value: {
+            _light: "{colors.orange.60}"
+          }
+        },
+        muted: {
+          value: {
+            _light: "{colors.orange.80}"
+          }
+        },
+        moderate: {
+          value: {
+            _light: "{colors.orange.90}"
+          }
+        },
+        subtle: {
+          value: {
+            _light: "{colors.orange.93}"
+          }
+        },
+        minimal: {
+          value: {
+            _light: "{colors.orange.95}"
+          }
+        }
+      },
+      turquoise: {
+        base: {
+          value: {
+            _light: "{colors.turquoise.50}"
+          }
+        },
+        dark: {
+          value: {
+            _light: "{colors.turquoise.20}"
+          }
+        },
+        emphasized: {
+          value: {
+            _light: "{colors.turquoise.30}"
+          }
+        },
+        strong: {
+          value: {
+            _light: "{colors.turquoise.40}"
+          }
+        },
+        bold: {
+          value: {
+            _light: "{colors.turquoise.60}"
+          }
+        },
+        muted: {
+          value: {
+            _light: "{colors.turquoise.80}"
+          }
+        },
+        moderate: {
+          value: {
+            _light: "{colors.turquoise.90}"
+          }
+        },
+        subtle: {
+          value: {
+            _light: "{colors.turquoise.93}"
+          }
+        },
+        minimal: {
+          value: {
+            _light: "{colors.turquoise.95}"
+          }
+        }
+      }
+    },
+    background: {
+      primary: {
+        value: {
+          _light: "{colors.sys.bg.surface}"
+        }
+      },
+      secondary: {
+        value: {
+          _light: "{colors.sys.bg.minimal}"
+        }
+      },
+      tertiary: {
+        value: {
+          _light: "{colors.sys.bg.subtle}"
+        }
+      },
+      hover: {
+        value: {
+          _light: "{colors.sys.bg.subtle}"
+        }
+      },
+      active: {
+        value: {
+          _light: "{colors.sys.bg.moderate}"
+        }
+      },
+      selected: {
+        value: {
+          _light: "{colors.sys.purple.minimal}"
+        }
+      },
+      "selected-hover": {
+        value: {
+          _light: "{colors.sys.purple.subtle}"
+        }
+      },
+      contrast: {
+        value: {
+          _light: "{colors.sys.bg.contrast}"
+        }
+      },
+      disabled: {
+        value: {
+          _light: "{colors.sys.bg.disabled}"
+        }
+      }
+    },
+    border: {
+      regular: {
+        value: {
+          _light: "{colors.sys.border.subtle}"
+        }
+      },
+      minimal: {
+        value: {
+          _light: "{colors.sys.border.minimal}"
+        }
+      },
+      strong: {
+        value: {
+          _light: "{colors.sys.border.strong}"
+        }
+      },
+      hover: {
+        value: {
+          _light: "{colors.sys.border.emphasized}"
+        }
+      },
+      focus: {
+        value: {
+          _light: "{colors.sys.purple.highlight}"
+        }
+      },
+      selected: {
+        value: {
+          _light: "{colors.sys.purple}"
+        }
+      },
+      error: {
+        value: {
+          _light: "{colors.sys.border.critical}"
+        }
+      },
+      inverse: {
+        value: {
+          _light: "{colors.sys.border.inverse}"
+        }
+      },
+      "on-contrast": {
+        value: {
+          _light: "{colors.sys.border.on-contrast}"
+        }
+      },
+      disabled: {
+        value: {
+          _light: "{colors.sys.border.disabled}"
+        }
+      }
+    },
+    text: {
+      primary: {
+        value: {
+          _light: "{colors.sys.fg.primary}"
+        }
+      },
+      secondary: {
+        value: {
+          _light: "{colors.sys.fg.secondary}"
+        }
+      },
+      tertiary: {
+        value: {
+          _light: "{colors.sys.fg.tertiary}"
+        }
+      },
+      body: {
+        value: {
+          _light: "{colors.sys.fg}"
+        }
+      },
+      helper: {
+        value: {
+          _light: "{colors.sys.fg.secondary}"
+        }
+      },
+      link: {
+        value: {
+          _light: "{colors.sys.purple}"
+        }
+      },
+      "link-hover": {
+        value: {
+          _light: "{colors.sys.purple.strong}"
+        }
+      },
+      selected: {
+        value: {
+          _light: "{colors.sys.purple}"
+        }
+      },
+      positive: {
+        value: {
+          _light: "{colors.sys.fg.positive}"
+        }
+      },
+      negative: {
+        value: {
+          _light: "{colors.sys.fg.negative}"
+        }
+      },
+      "on-color": {
+        value: {
+          _light: "{colors.sys.fg.on-color}"
+        }
+      },
+      "on-contrast": {
+        value: {
+          _light: "{colors.sys.fg.on-contrast}"
+        }
+      },
+      "on-disabled": {
+        value: {
+          _light: "{colors.sys.fg.on-disabled}"
+        }
+      },
+      disabled: {
+        value: {
+          _light: "{colors.sys.fg.disabled}"
+        }
+      }
+    },
+    icon: {
+      primary: {
+        value: {
+          _light: "{colors.sys.fg.primary}"
+        }
+      },
+      secondary: {
+        value: {
+          _light: "{colors.sys.fg.secondary}"
+        }
+      },
+      tertiary: {
+        value: {
+          _light: "{colors.sys.fg.tertiary}"
+        }
+      },
+      interactive: {
+        value: {
+          _light: "{colors.sys.purple}"
+        }
+      },
+      "interactive-hover": {
+        value: {
+          _light: "{colors.sys.purple.strong}"
+        }
+      },
+      positive: {
+        value: {
+          _light: "{colors.sys.fg.positive}"
+        }
+      },
+      negative: {
+        value: {
+          _light: "{colors.sys.fg.negative}"
+        }
+      },
+      "on-color": {
+        value: {
+          _light: "{colors.sys.fg.on-color}"
+        }
+      },
+      "on-contrast": {
+        value: {
+          _light: "{colors.sys.fg.on-contrast}"
+        }
+      },
+      "on-disabled": {
+        value: {
+          _light: "{colors.sys.fg.on-disabled}"
+        }
+      },
+      disabled: {
+        value: {
+          _light: "{colors.sys.fg.disabled}"
+        }
+      }
+    },
+    button: {
+      primary: {
+        bg: {
+          value: {
+            _light: "{colors.sys.primary}"
+          }
+        },
+        "bg-hover": {
+          value: {
+            _light: "{colors.sys.primary.emphasized}"
+          }
+        },
+        "bg-active": {
+          value: {
+            _light: "{colors.sys.fg.primary}"
+          }
+        },
+        "bg-disabled": {
+          value: {
+            _light: "{colors.sys.primary.disabled}"
+          }
+        },
+        fg: {
+          value: {
+            _light: "{colors.sys.fg.on-color}"
+          }
+        },
+        "fg-hover": {
+          value: {
+            _light: "{colors.sys.fg.on-color}"
+          }
+        },
+        "fg-active": {
+          value: {
+            _light: "{colors.sys.fg.on-color}"
+          }
+        },
+        "fg-disabled": {
+          value: {
+            _light: "{colors.sys.fg.on-disabled}"
+          }
+        }
+      },
+      secondary: {
+        bg: {
+          value: {
+            _light: "{colors.sys.bg.surface}"
+          }
+        },
+        "bg-hover": {
+          value: {
+            _light: "{colors.sys.bg.subtle}"
+          }
+        },
+        "bg-active": {
+          value: {
+            _light: "{colors.sys.bg.moderate}"
+          }
+        },
+        "bg-disabled": {
+          value: {
+            _light: "{colors.sys.bg.minimal}"
+          }
+        },
+        fg: {
+          value: {
+            _light: "{colors.sys.fg.primary}"
+          }
+        },
+        "fg-hover": {
+          value: {
+            _light: "{colors.sys.fg.primary}"
+          }
+        },
+        "fg-active": {
+          value: {
+            _light: "{colors.sys.fg.primary}"
+          }
+        },
+        "fg-disabled": {
+          value: {
+            _light: "{colors.sys.fg.disabled}"
+          }
+        },
+        border: {
+          value: {
+            _light: "{colors.sys.border.strong}"
+          }
+        },
+        "border-hover": {
+          value: {
+            _light: "{colors.sys.border.emphasized}"
+          }
+        },
+        "border-active": {
+          value: {
+            _light: "{colors.sys.border.emphasized}"
+          }
+        },
+        "border-disabled": {
+          value: {
+            _light: "{colors.sys.border.disabled}"
+          }
+        }
+      },
+      tertiary: {
+        bg: {
+          value: {
+            _light: "transparent"
+          }
+        },
+        "bg-hover": {
+          value: {
+            _light: "{colors.sys.bg.subtle}"
+          }
+        },
+        "bg-active": {
+          value: {
+            _light: "{colors.sys.bg.moderate}"
+          }
+        },
+        "bg-disabled": {
+          value: {
+            _light: "transparent"
+          }
+        },
+        fg: {
+          value: {
+            _light: "{colors.sys.purple}"
+          }
+        },
+        "fg-hover": {
+          value: {
+            _light: "{colors.sys.purple.strong}"
+          }
+        },
+        "fg-active": {
+          value: {
+            _light: "{colors.sys.fg.primary}"
+          }
+        },
+        "fg-disabled": {
+          value: {
+            _light: "{colors.sys.fg.disabled}"
+          }
+        }
+      },
+      "danger-primary": {
+        bg: {
+          value: {
+            _light: "{colors.sys.red}"
+          }
+        },
+        "bg-hover": {
+          value: {
+            _light: "{colors.sys.red.strong}"
+          }
+        },
+        "bg-active": {
+          value: {
+            _light: "{colors.sys.red.dark}"
+          }
+        },
+        "bg-disabled": {
+          value: {
+            _light: "{colors.sys.primary.disabled}"
+          }
+        },
+        fg: {
+          value: {
+            _light: "{colors.sys.fg.on-color}"
+          }
+        },
+        "fg-hover": {
+          value: {
+            _light: "{colors.sys.fg.on-color}"
+          }
+        },
+        "fg-active": {
+          value: {
+            _light: "{colors.sys.fg.on-color}"
+          }
+        },
+        "fg-disabled": {
+          value: {
+            _light: "{colors.sys.fg.on-disabled}"
+          }
+        }
+      },
+      "danger-secondary": {
+        bg: {
+          value: {
+            _light: "{colors.sys.bg.surface}"
+          }
+        },
+        "bg-hover": {
+          value: {
+            _light: "{colors.sys.red.minimal}"
+          }
+        },
+        "bg-active": {
+          value: {
+            _light: "{colors.sys.red.moderate}"
+          }
+        },
+        "bg-disabled": {
+          value: {
+            _light: "{colors.sys.bg.minimal}"
+          }
+        },
+        fg: {
+          value: {
+            _light: "{colors.sys.red}"
+          }
+        },
+        "fg-hover": {
+          value: {
+            _light: "{colors.sys.red}"
+          }
+        },
+        "fg-active": {
+          value: {
+            _light: "{colors.sys.red.strong}"
+          }
+        },
+        "fg-disabled": {
+          value: {
+            _light: "{colors.sys.fg.disabled}"
+          }
+        },
+        border: {
+          value: {
+            _light: "{colors.sys.red.muted}"
+          }
+        },
+        "border-hover": {
+          value: {
+            _light: "{colors.sys.red.muted}"
+          }
+        },
+        "border-active": {
+          value: {
+            _light: "{colors.sys.red}"
+          }
+        },
+        "border-disabled": {
+          value: {
+            _light: "{colors.sys.border.disabled}"
+          }
+        }
+      },
+      "danger-tertiary": {
+        bg: {
+          value: {
+            _light: "transparent"
+          }
+        },
+        "bg-hover": {
+          value: {
+            _light: "{colors.sys.red.minimal}"
+          }
+        },
+        "bg-active": {
+          value: {
+            _light: "{colors.sys.red.moderate}"
+          }
+        },
+        "bg-disabled": {
+          value: {
+            _light: "transparent"
+          }
+        },
+        fg: {
+          value: {
+            _light: "{colors.sys.red}"
+          }
+        },
+        "fg-hover": {
+          value: {
+            _light: "{colors.sys.red}"
+          }
+        },
+        "fg-active": {
+          value: {
+            _light: "{colors.sys.red.strong}"
+          }
+        },
+        "fg-disabled": {
+          value: {
+            _light: "{colors.sys.fg.disabled}"
+          }
+        }
+      },
+      "ai-primary": {
+        bg: {
+          value: {
+            _light: "{colors.sys.turquoise.strong}"
+          }
+        },
+        "bg-hover": {
+          value: {
+            _light: "{colors.sys.turquoise.emphasized}"
+          }
+        },
+        "bg-active": {
+          value: {
+            _light: "{colors.sys.turquoise.dark}"
+          }
+        },
+        "bg-disabled": {
+          value: {
+            _light: "{colors.sys.primary.disabled}"
+          }
+        },
+        fg: {
+          value: {
+            _light: "{colors.sys.fg.on-color}"
+          }
+        },
+        "fg-hover": {
+          value: {
+            _light: "{colors.sys.fg.on-color}"
+          }
+        },
+        "fg-active": {
+          value: {
+            _light: "{colors.sys.fg.on-color}"
+          }
+        },
+        "fg-disabled": {
+          value: {
+            _light: "{colors.sys.fg.on-disabled}"
+          }
+        }
+      },
+      "ai-secondary": {
+        bg: {
+          value: {
+            _light: "{colors.sys.bg.surface}"
+          }
+        },
+        "bg-hover": {
+          value: {
+            _light: "{colors.sys.turquoise.minimal}"
+          }
+        },
+        "bg-active": {
+          value: {
+            _light: "{colors.sys.turquoise.moderate}"
+          }
+        },
+        "bg-disabled": {
+          value: {
+            _light: "{colors.sys.bg.minimal}"
+          }
+        },
+        fg: {
+          value: {
+            _light: "{colors.sys.turquoise}"
+          }
+        },
+        "fg-hover": {
+          value: {
+            _light: "{colors.sys.turquoise}"
+          }
+        },
+        "fg-active": {
+          value: {
+            _light: "{colors.sys.turquoise.strong}"
+          }
+        },
+        "fg-disabled": {
+          value: {
+            _light: "{colors.sys.fg.disabled}"
+          }
+        },
+        border: {
+          value: {
+            _light: "{colors.sys.turquoise.muted}"
+          }
+        },
+        "border-hover": {
+          value: {
+            _light: "{colors.sys.turquoise.muted}"
+          }
+        },
+        "border-active": {
+          value: {
+            _light: "{colors.sys.turquoise}"
+          }
+        },
+        "border-disabled": {
+          value: {
+            _light: "{colors.sys.border.disabled}"
+          }
+        }
+      },
+      "ai-tertiary": {
+        bg: {
+          value: {
+            _light: "{colors.sys.bg.transparent}"
+          }
+        },
+        "bg-hover": {
+          value: {
+            _light: "{colors.sys.turquoise.minimal}"
+          }
+        },
+        "bg-active": {
+          value: {
+            _light: "{colors.sys.turquoise.moderate}"
+          }
+        },
+        "bg-disabled": {
+          value: {
+            _light: "{colors.sys.bg.transparent}"
+          }
+        },
+        fg: {
+          value: {
+            _light: "{colors.sys.turquoise}"
+          }
+        },
+        "fg-hover": {
+          value: {
+            _light: "{colors.sys.turquoise}"
+          }
+        },
+        "fg-active": {
+          value: {
+            _light: "{colors.sys.turquoise.strong}"
+          }
+        },
+        "fg-disabled": {
+          value: {
+            _light: "{colors.sys.fg.disabled}"
+          }
+        }
+      }
+    },
+    input: {
+      text: {
+        label: {
+          value: {
+            _light: "{colors.sys.fg.primary}"
+          }
+        },
+        inputValue: {
+          value: {
+            _light: "{colors.sys.fg}"
+          }
+        },
+        placeholder: {
+          value: {
+            _light: "{colors.sys.fg.subtle}"
+          }
+        },
+        helper: {
+          value: {
+            _light: "{colors.sys.fg.secondary}"
+          }
+        },
+        error: {
+          value: {
+            _light: "{colors.sys.fg.negative}"
+          }
+        }
+      },
+      toggle: {
+        frameOn: {
+          value: {
+            _light: "{colors.sys.green.bold}"
+          }
+        },
+        "frameOn-disabled": {
+          value: {
+            _light: "{colors.sys.green.bold/50}"
+          }
+        },
+        frameOff: {
+          value: {
+            _light: "{colors.sys.neutral.bold}"
+          }
+        },
+        "frameOff-disabled": {
+          value: {
+            _light: "{colors.sys.neutral.bold/50}"
+          }
+        },
+        slideOn: {
+          value: {
+            _light: "{colors.sys.bg.surface}"
+          }
+        },
+        "slideOn-disabled": {
+          value: {
+            _light: "{colors.sys.bg.surface}"
+          }
+        },
+        slideOff: {
+          value: {
+            _light: "{colors.sys.bg.surface}"
+          }
+        },
+        "slideOff-disabled": {
+          value: {
+            _light: "{colors.sys.bg.surface}"
+          }
+        }
+      }
+    },
+    status: {
+      info: {
+        bg: {
+          value: {
+            _light: "{colors.sys.blue.minimal}"
+          }
+        },
+        "bg-hover": {
+          value: {
+            _light: "{colors.sys.blue.subtle}"
+          }
+        },
+        "bg-active": {
+          value: {
+            _light: "{colors.sys.blue.moderate}"
+          }
+        },
+        border: {
+          value: {
+            _light: "{colors.sys.blue.muted}"
+          }
+        },
+        icon: {
+          value: {
+            _light: "{colors.sys.blue.strong}"
+          }
+        },
+        text: {
+          value: {
+            _light: "{colors.sys.blue.strong}"
+          }
+        }
+      },
+      success: {
+        bg: {
+          value: {
+            _light: "{colors.sys.green.minimal}"
+          }
+        },
+        "bg-hover": {
+          value: {
+            _light: "{colors.sys.green.subtle}"
+          }
+        },
+        "bg-active": {
+          value: {
+            _light: "{colors.sys.green.moderate}"
+          }
+        },
+        border: {
+          value: {
+            _light: "{colors.sys.green.muted}"
+          }
+        },
+        icon: {
+          value: {
+            _light: "{colors.sys.green.strong}"
+          }
+        },
+        text: {
+          value: {
+            _light: "{colors.sys.green.strong}"
+          }
+        }
+      },
+      warning: {
+        bg: {
+          value: {
+            _light: "{colors.sys.yellow.minimal}"
+          }
+        },
+        "bg-hover": {
+          value: {
+            _light: "{colors.sys.yellow.subtle}"
+          }
+        },
+        "bg-active": {
+          value: {
+            _light: "{colors.sys.yellow.moderate}"
+          }
+        },
+        border: {
+          value: {
+            _light: "{colors.sys.yellow.muted}"
+          }
+        },
+        icon: {
+          value: {
+            _light: "{colors.sys.yellow.strong}"
+          }
+        },
+        text: {
+          value: {
+            _light: "{colors.sys.yellow.strong}"
+          }
+        }
+      },
+      critical: {
+        bg: {
+          value: {
+            _light: "{colors.sys.red.minimal}"
+          }
+        },
+        "bg-hover": {
+          value: {
+            _light: "{colors.sys.red.subtle}"
+          }
+        },
+        "bg-active": {
+          value: {
+            _light: "{colors.sys.red.moderate}"
+          }
+        },
+        border: {
+          value: {
+            _light: "{colors.sys.red.muted}"
+          }
+        },
+        icon: {
+          value: {
+            _light: "{colors.sys.red.strong}"
+          }
+        },
+        text: {
+          value: {
+            _light: "{colors.sys.red.strong}"
+          }
+        }
+      },
+      progress: {
+        bg: {
+          value: {
+            _light: "{colors.sys.purple.minimal}"
+          }
+        },
+        "bg-hover": {
+          value: {
+            _light: "{colors.sys.purple.subtle}"
+          }
+        },
+        "bg-active": {
+          value: {
+            _light: "{colors.sys.purple.moderate}"
+          }
+        },
+        border: {
+          value: {
+            _light: "{colors.sys.purple.muted}"
+          }
+        },
+        icon: {
+          value: {
+            _light: "{colors.sys.purple.strong}"
+          }
+        },
+        text: {
+          value: {
+            _light: "{colors.sys.purple.strong}"
+          }
+        }
+      },
+      neutral: {
+        bg: {
+          value: {
+            _light: "{colors.sys.neutral.minimal}"
+          }
+        },
+        "bg-hover": {
+          value: {
+            _light: "{colors.sys.neutral.subtle}"
+          }
+        },
+        "bg-active": {
+          value: {
+            _light: "{colors.sys.neutral.moderate}"
+          }
+        },
+        border: {
+          value: {
+            _light: "{colors.sys.neutral.muted}"
+          }
+        },
+        icon: {
+          value: {
+            _light: "{colors.sys.neutral.strong}"
+          }
+        },
+        text: {
+          value: {
+            _light: "{colors.sys.neutral.strong}"
+          }
+        }
+      },
+      ai: {
+        bg: {
+          value: {
+            _light: "{colors.sys.turquoise.minimal}"
+          }
+        },
+        "bg-hover": {
+          value: {
+            _light: "{colors.sys.turquoise.subtle}"
+          }
+        },
+        "bg-active": {
+          value: {
+            _light: "{colors.sys.turquoise.moderate}"
+          }
+        },
+        border: {
+          value: {
+            _light: "{colors.sys.turquoise.muted}"
+          }
+        },
+        icon: {
+          value: {
+            _light: "{colors.sys.turquoise.strong}"
+          }
+        },
+        text: {
+          value: {
+            _light: "{colors.sys.turquoise.strong}"
+          }
+        }
+      }
+    },
+    utilities: {
+      overlay: {
+        value: {
+          _light: "{colors.sys.bg.contrast/50}"
+        }
+      },
+      "overlay-side": {
+        value: {
+          _light: "linear-gradient (90deg, {colors.sys.bg.contrast/0} 0%, {colors.sys.bg.contrast/32} 100%)"
+        }
+      },
+      "overlay-light": {
+        value: {
+          _light: "{colors.sys.bg.contrast/16}"
+        }
+      },
+      skeleton: {
+        value: {
+          _light: "{colors.sys.bg.subtle}"
+        }
+      },
+      "skeleton-strong": {
+        value: {
+          _light: "{colors.sys.fg.minimal}"
+        }
+      }
+    },
+    ui: {
+      "header-action": {
+        bg: {
+          value: {
+            _light: "{colors.sys.bg.surface/0}"
+          }
+        },
+        "bg-hover": {
+          value: {
+            _light: "{colors.sys.bg.surface/20}"
+          }
+        },
+        "bg-active": {
+          value: {
+            _light: "{colors.sys.bg.surface/20}"
+          }
+        },
+        "bg-selected": {
+          value: {
+            _light: "{colors.sys.bg.surface/20}"
+          }
+        },
+        "bg-selected-hover": {
+          value: {
+            _light: "{colors.sys.bg.surface/10}"
+          }
+        }
+      }
+    }
+  })
+);
 export {
-  a as default
+  r as default
 };