@sixthshift/design-system 0.2.1 → 0.3.0

package/src/theme/palette.json

@@ -1,100 +0,0 @@
-{
-  "$schema": "./palette.schema.json",
-  "emerald": {
-    "50": "#f2fafb",
-    "100": "#d6eef0",
-    "200": "#addde0",
-    "300": "#7cc4c8",
-    "400": "#4ba5a9",
-    "500": "#368086",
-    "600": "#2c666c",
-    "700": "#234e53",
-    "800": "#19393d",
-    "900": "#11292c",
-    "950": "#0a1a1d"
-  },
-
-  "topaz": {
-    "50": "#fff7f0",
-    "100": "#ffe5d1",
-    "200": "#fbc89f",
-    "300": "#f0a066",
-    "400": "#d9722e",
-    "500": "#c4530a",
-    "600": "#9f4007",
-    "700": "#7b2e06",
-    "800": "#5a2105",
-    "900": "#3d1503",
-    "950": "#230c02"
-  },
-
-  "ruby": {
-    "50": "#fff5f6",
-    "100": "#fde1e4",
-    "200": "#f8bac3",
-    "300": "#ec8796",
-    "400": "#d55368",
-    "500": "#c33341",
-    "600": "#9e2533",
-    "700": "#7a1b27",
-    "800": "#57131c",
-    "900": "#3a0c13",
-    "950": "#21070b"
-  },
-
-  "ocean": {
-    "50": "#f0f4fa",
-    "100": "#dce6f4",
-    "200": "#b9cde9",
-    "300": "#8fafd9",
-    "400": "#6691c7",
-    "500": "#4573ae",
-    "600": "#355a8c",
-    "700": "#034078",
-    "800": "#022f5a",
-    "900": "#001f54",
-    "950": "#0a1128"
-  },
-
-  "sky": {
-    "50": "#effcff",
-    "100": "#d6f5fb",
-    "200": "#b3ecf7",
-    "300": "#7fdff0",
-    "400": "#44c9e2",
-    "500": "#1282a2",
-    "600": "#0f6b86",
-    "700": "#10576d",
-    "800": "#12475a",
-    "900": "#133c4c",
-    "950": "#062733"
-  },
-
-  "earth": {
-    "50": "#fefcfb",
-    "100": "#faf6f4",
-    "200": "#f2ebe7",
-    "300": "#e8ddd6",
-    "400": "#d4c4b9",
-    "500": "#b8a192",
-    "600": "#9a816f",
-    "700": "#7d6555",
-    "800": "#5e4b40",
-    "900": "#3d302a",
-    "950": "#211916"
-  },
-
-  "slate": {
-    "50": "#f8fafc",
-    "100": "#f1f5f9",
-    "200": "#e2e8f0",
-    "300": "#cbd5e1",
-    "400": "#94a3b8",
-    "500": "#64748b",
-    "600": "#475569",
-    "700": "#334155",
-    "800": "#1e293b",
-    "900": "#0f172a",
-    "950": "#020617"
-  }
-}

package/src/theme/palette.schema.json

@@ -1,40 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "title": "PA Palette",
-  "description": "Color palette definition for Personal Assistant",
-  "type": "object",
-  "properties": {
-    "$schema": {
-      "type": "string"
-    }
-  },
-  "additionalProperties": {
-    "$ref": "#/$defs/colorScale"
-  },
-  "$defs": {
-    "hexColor": {
-      "type": "string",
-      "pattern": "^#[0-9a-fA-F]{6}$",
-      "description": "Hex color value (e.g., #818cf8)"
-    },
-    "colorScale": {
-      "type": "object",
-      "description": "A color scale with steps from 50 to 950",
-      "properties": {
-        "50": { "$ref": "#/$defs/hexColor", "description": "Lightest shade" },
-        "100": { "$ref": "#/$defs/hexColor" },
-        "200": { "$ref": "#/$defs/hexColor" },
-        "300": { "$ref": "#/$defs/hexColor" },
-        "400": { "$ref": "#/$defs/hexColor" },
-        "500": { "$ref": "#/$defs/hexColor", "description": "Base shade" },
-        "600": { "$ref": "#/$defs/hexColor" },
-        "700": { "$ref": "#/$defs/hexColor" },
-        "800": { "$ref": "#/$defs/hexColor" },
-        "900": { "$ref": "#/$defs/hexColor" },
-        "950": { "$ref": "#/$defs/hexColor", "description": "Darkest shade" }
-      },
-      "required": ["50", "100", "200", "300", "400", "500", "600", "700", "800", "900", "950"],
-      "additionalProperties": false
-    }
-  }
-}

package/src/theme/theme.json

@@ -1,349 +0,0 @@
-{
-  "$schema": "./theme.schema.json",
-  "name": "Default",
-  "version": "0.1.0",
-  "light": {
-    "bg-strong": "var(--color-slate-800)",
-    "bg-strong-hovered": "var(--color-slate-900)",
-    "bg-strong-pressed": "var(--color-slate-950)",
-    "bg-strong-disabled": "var(--color-slate-300)",
-    "bg-normal": "white",
-    "bg-normal-hovered": "var(--color-slate-50)",
-    "bg-normal-pressed": "var(--color-slate-100)",
-    "bg-normal-disabled": "var(--color-slate-200)",
-    "bg-subtle": "var(--color-slate-50)",
-    "bg-subtle-hovered": "var(--color-slate-100)",
-    "bg-subtle-pressed": "var(--color-slate-200)",
-    "bg-subtle-disabled": "var(--color-slate-100)",
-    "bg-brand-subtle": "var(--color-ocean-100)",
-    "bg-brand-subtle-hovered": "var(--color-ocean-200)",
-    "bg-brand-subtle-pressed": "var(--color-ocean-300)",
-    "bg-brand-subtle-disabled": "var(--color-ocean-50)",
-    "bg-brand": "var(--color-ocean-600)",
-    "bg-brand-hovered": "var(--color-ocean-700)",
-    "bg-brand-pressed": "var(--color-ocean-800)",
-    "bg-brand-disabled": "var(--color-ocean-300)",
-    "bg-brand-strong": "var(--color-ocean-800)",
-    "bg-brand-strong-hovered": "var(--color-ocean-900)",
-    "bg-brand-strong-pressed": "var(--color-ocean-950)",
-    "bg-brand-strong-disabled": "var(--color-ocean-400)",
-    "bg-success-subtle": "var(--color-emerald-100)",
-    "bg-success-subtle-hovered": "var(--color-emerald-200)",
-    "bg-success-subtle-pressed": "var(--color-emerald-300)",
-    "bg-success-subtle-disabled": "var(--color-emerald-50)",
-    "bg-success": "var(--color-emerald-600)",
-    "bg-success-hovered": "var(--color-emerald-700)",
-    "bg-success-pressed": "var(--color-emerald-800)",
-    "bg-success-disabled": "var(--color-emerald-300)",
-    "bg-success-strong": "var(--color-emerald-800)",
-    "bg-success-strong-hovered": "var(--color-emerald-900)",
-    "bg-success-strong-pressed": "var(--color-emerald-950)",
-    "bg-success-strong-disabled": "var(--color-emerald-400)",
-    "bg-warning-subtle": "var(--color-topaz-100)",
-    "bg-warning-subtle-hovered": "var(--color-topaz-200)",
-    "bg-warning-subtle-pressed": "var(--color-topaz-300)",
-    "bg-warning-subtle-disabled": "var(--color-topaz-50)",
-    "bg-warning": "var(--color-topaz-600)",
-    "bg-warning-hovered": "var(--color-topaz-700)",
-    "bg-warning-pressed": "var(--color-topaz-800)",
-    "bg-warning-disabled": "var(--color-topaz-300)",
-    "bg-warning-strong": "var(--color-topaz-800)",
-    "bg-warning-strong-hovered": "var(--color-topaz-900)",
-    "bg-warning-strong-pressed": "var(--color-topaz-950)",
-    "bg-warning-strong-disabled": "var(--color-topaz-400)",
-    "bg-danger-subtle": "var(--color-ruby-100)",
-    "bg-danger-subtle-hovered": "var(--color-ruby-200)",
-    "bg-danger-subtle-pressed": "var(--color-ruby-300)",
-    "bg-danger-subtle-disabled": "var(--color-ruby-50)",
-    "bg-danger": "var(--color-ruby-600)",
-    "bg-danger-hovered": "var(--color-ruby-700)",
-    "bg-danger-pressed": "var(--color-ruby-800)",
-    "bg-danger-disabled": "var(--color-ruby-300)",
-    "bg-danger-strong": "var(--color-ruby-800)",
-    "bg-danger-strong-hovered": "var(--color-ruby-900)",
-    "bg-danger-strong-pressed": "var(--color-ruby-950)",
-    "bg-danger-strong-disabled": "var(--color-ruby-400)",
-
-    "fg-strong": "var(--color-slate-900)",
-    "fg-strong-hovered": "var(--color-slate-950)",
-    "fg-strong-pressed": "black",
-    "fg-strong-disabled": "var(--color-slate-400)",
-    "fg-on-strong": "var(--color-slate-50)",
-    "fg-on-strong-hovered": "white",
-    "fg-on-strong-pressed": "white",
-    "fg-on-strong-disabled": "var(--color-slate-300)",
-    "fg-normal": "var(--color-slate-900)",
-    "fg-normal-hovered": "var(--color-slate-950)",
-    "fg-normal-pressed": "var(--color-slate-950)",
-    "fg-normal-disabled": "var(--color-slate-400)",
-    "fg-subtle": "var(--color-slate-500)",
-    "fg-subtle-hovered": "var(--color-slate-600)",
-    "fg-subtle-pressed": "var(--color-slate-700)",
-    "fg-subtle-disabled": "var(--color-slate-300)",
-    "fg-brand": "var(--color-ocean-700)",
-    "fg-brand-hovered": "var(--color-ocean-800)",
-    "fg-brand-pressed": "var(--color-ocean-900)",
-    "fg-brand-disabled": "var(--color-ocean-300)",
-    "fg-on-brand-subtle": "var(--color-ocean-800)",
-    "fg-on-brand-subtle-hovered": "var(--color-ocean-900)",
-    "fg-on-brand-subtle-pressed": "var(--color-ocean-950)",
-    "fg-on-brand-subtle-disabled": "var(--color-ocean-400)",
-    "fg-on-brand": "var(--color-slate-50)",
-    "fg-on-brand-hovered": "white",
-    "fg-on-brand-pressed": "white",
-    "fg-on-brand-disabled": "var(--color-slate-300)",
-    "fg-on-brand-strong": "var(--color-slate-50)",
-    "fg-on-brand-strong-hovered": "white",
-    "fg-on-brand-strong-pressed": "white",
-    "fg-on-brand-strong-disabled": "var(--color-slate-300)",
-    "fg-success": "var(--color-emerald-700)",
-    "fg-success-hovered": "var(--color-emerald-800)",
-    "fg-success-pressed": "var(--color-emerald-900)",
-    "fg-success-disabled": "var(--color-emerald-300)",
-    "fg-on-success-subtle": "var(--color-emerald-800)",
-    "fg-on-success-subtle-hovered": "var(--color-emerald-900)",
-    "fg-on-success-subtle-pressed": "var(--color-emerald-950)",
-    "fg-on-success-subtle-disabled": "var(--color-emerald-400)",
-    "fg-on-success": "var(--color-slate-50)",
-    "fg-on-success-hovered": "white",
-    "fg-on-success-pressed": "white",
-    "fg-on-success-disabled": "var(--color-slate-300)",
-    "fg-warning": "var(--color-topaz-700)",
-    "fg-warning-hovered": "var(--color-topaz-800)",
-    "fg-warning-pressed": "var(--color-topaz-900)",
-    "fg-warning-disabled": "var(--color-topaz-300)",
-    "fg-on-warning-subtle": "var(--color-topaz-800)",
-    "fg-on-warning-subtle-hovered": "var(--color-topaz-900)",
-    "fg-on-warning-subtle-pressed": "var(--color-topaz-950)",
-    "fg-on-warning-subtle-disabled": "var(--color-topaz-400)",
-    "fg-on-warning": "var(--color-slate-50)",
-    "fg-on-warning-hovered": "white",
-    "fg-on-warning-pressed": "white",
-    "fg-on-warning-disabled": "var(--color-slate-300)",
-    "fg-danger": "var(--color-ruby-700)",
-    "fg-danger-hovered": "var(--color-ruby-800)",
-    "fg-danger-pressed": "var(--color-ruby-900)",
-    "fg-danger-disabled": "var(--color-ruby-300)",
-    "fg-on-danger-subtle": "var(--color-ruby-800)",
-    "fg-on-danger-subtle-hovered": "var(--color-ruby-900)",
-    "fg-on-danger-subtle-pressed": "var(--color-ruby-950)",
-    "fg-on-danger-subtle-disabled": "var(--color-ruby-400)",
-    "fg-on-danger": "var(--color-slate-50)",
-    "fg-on-danger-hovered": "white",
-    "fg-on-danger-pressed": "white",
-    "fg-on-danger-disabled": "var(--color-slate-300)",
-
-    "border-strong": "var(--color-slate-800)",
-    "border-strong-hovered": "var(--color-slate-900)",
-    "border-strong-pressed": "var(--color-slate-950)",
-    "border-strong-disabled": "var(--color-slate-300)",
-    "border-normal": "var(--color-slate-300)",
-    "border-normal-hovered": "var(--color-slate-400)",
-    "border-normal-pressed": "var(--color-slate-500)",
-    "border-normal-disabled": "var(--color-slate-100)",
-    "border-subtle": "var(--color-slate-100)",
-    "border-subtle-hovered": "var(--color-slate-200)",
-    "border-subtle-pressed": "var(--color-slate-300)",
-    "border-subtle-disabled": "var(--color-slate-50)",
-    "border-brand-subtle": "var(--color-ocean-300)",
-    "border-brand-subtle-hovered": "var(--color-ocean-400)",
-    "border-brand-subtle-pressed": "var(--color-ocean-500)",
-    "border-brand-subtle-disabled": "var(--color-ocean-200)",
-    "border-brand": "var(--color-ocean-600)",
-    "border-brand-hovered": "var(--color-ocean-700)",
-    "border-brand-pressed": "var(--color-ocean-800)",
-    "border-brand-disabled": "var(--color-ocean-200)",
-    "border-brand-strong": "var(--color-ocean-800)",
-    "border-brand-strong-hovered": "var(--color-ocean-900)",
-    "border-brand-strong-pressed": "var(--color-ocean-950)",
-    "border-brand-strong-disabled": "var(--color-ocean-400)",
-    "border-success": "var(--color-emerald-300)",
-    "border-success-hovered": "var(--color-emerald-400)",
-    "border-success-pressed": "var(--color-emerald-500)",
-    "border-success-disabled": "var(--color-emerald-200)",
-    "border-warning": "var(--color-topaz-300)",
-    "border-warning-hovered": "var(--color-topaz-400)",
-    "border-warning-pressed": "var(--color-topaz-500)",
-    "border-warning-disabled": "var(--color-topaz-200)",
-    "border-danger": "var(--color-ruby-300)",
-    "border-danger-hovered": "var(--color-ruby-400)",
-    "border-danger-pressed": "var(--color-ruby-500)",
-    "border-danger-disabled": "var(--color-ruby-200)",
-
-    "focus-ring": "var(--color-ocean-500)",
-
-    "bg-overlay": "rgba(0, 0, 0, 0.5)"
-  },
-  "dark": {
-    "bg-strong": "var(--color-slate-200)",
-    "bg-strong-hovered": "var(--color-slate-100)",
-    "bg-strong-pressed": "var(--color-slate-50)",
-    "bg-strong-disabled": "var(--color-slate-600)",
-    "bg-normal": "var(--color-slate-900)",
-    "bg-normal-hovered": "var(--color-slate-800)",
-    "bg-normal-pressed": "var(--color-slate-700)",
-    "bg-normal-disabled": "var(--color-slate-900)",
-    "bg-subtle": "var(--color-slate-800)",
-    "bg-subtle-hovered": "var(--color-slate-700)",
-    "bg-subtle-pressed": "var(--color-slate-600)",
-    "bg-subtle-disabled": "var(--color-slate-800)",
-    "bg-brand-subtle": "var(--color-ocean-950)",
-    "bg-brand-subtle-hovered": "var(--color-ocean-900)",
-    "bg-brand-subtle-pressed": "var(--color-ocean-800)",
-    "bg-brand-subtle-disabled": "var(--color-ocean-950)",
-    "bg-brand": "var(--color-ocean-500)",
-    "bg-brand-hovered": "var(--color-ocean-400)",
-    "bg-brand-pressed": "var(--color-ocean-300)",
-    "bg-brand-disabled": "var(--color-ocean-800)",
-    "bg-brand-strong": "var(--color-ocean-300)",
-    "bg-brand-strong-hovered": "var(--color-ocean-200)",
-    "bg-brand-strong-pressed": "var(--color-ocean-100)",
-    "bg-brand-strong-disabled": "var(--color-ocean-600)",
-    "bg-success-subtle": "var(--color-emerald-950)",
-    "bg-success-subtle-hovered": "var(--color-emerald-900)",
-    "bg-success-subtle-pressed": "var(--color-emerald-800)",
-    "bg-success-subtle-disabled": "var(--color-emerald-950)",
-    "bg-success": "var(--color-emerald-500)",
-    "bg-success-hovered": "var(--color-emerald-400)",
-    "bg-success-pressed": "var(--color-emerald-300)",
-    "bg-success-disabled": "var(--color-emerald-800)",
-    "bg-success-strong": "var(--color-emerald-300)",
-    "bg-success-strong-hovered": "var(--color-emerald-200)",
-    "bg-success-strong-pressed": "var(--color-emerald-100)",
-    "bg-success-strong-disabled": "var(--color-emerald-600)",
-    "bg-warning-subtle": "var(--color-topaz-950)",
-    "bg-warning-subtle-hovered": "var(--color-topaz-900)",
-    "bg-warning-subtle-pressed": "var(--color-topaz-800)",
-    "bg-warning-subtle-disabled": "var(--color-topaz-950)",
-    "bg-warning": "var(--color-topaz-500)",
-    "bg-warning-hovered": "var(--color-topaz-400)",
-    "bg-warning-pressed": "var(--color-topaz-300)",
-    "bg-warning-disabled": "var(--color-topaz-800)",
-    "bg-warning-strong": "var(--color-topaz-300)",
-    "bg-warning-strong-hovered": "var(--color-topaz-200)",
-    "bg-warning-strong-pressed": "var(--color-topaz-100)",
-    "bg-warning-strong-disabled": "var(--color-topaz-600)",
-    "bg-danger-subtle": "var(--color-ruby-950)",
-    "bg-danger-subtle-hovered": "var(--color-ruby-900)",
-    "bg-danger-subtle-pressed": "var(--color-ruby-800)",
-    "bg-danger-subtle-disabled": "var(--color-ruby-950)",
-    "bg-danger": "var(--color-ruby-500)",
-    "bg-danger-hovered": "var(--color-ruby-400)",
-    "bg-danger-pressed": "var(--color-ruby-300)",
-    "bg-danger-disabled": "var(--color-ruby-800)",
-    "bg-danger-strong": "var(--color-ruby-300)",
-    "bg-danger-strong-hovered": "var(--color-ruby-200)",
-    "bg-danger-strong-pressed": "var(--color-ruby-100)",
-    "bg-danger-strong-disabled": "var(--color-ruby-600)",
-
-    "fg-strong": "var(--color-slate-50)",
-    "fg-strong-hovered": "white",
-    "fg-strong-pressed": "white",
-    "fg-strong-disabled": "var(--color-slate-500)",
-    "fg-on-strong": "var(--color-slate-900)",
-    "fg-on-strong-hovered": "var(--color-slate-950)",
-    "fg-on-strong-pressed": "black",
-    "fg-on-strong-disabled": "var(--color-slate-500)",
-    "fg-normal": "var(--color-slate-50)",
-    "fg-normal-hovered": "white",
-    "fg-normal-pressed": "white",
-    "fg-normal-disabled": "var(--color-slate-500)",
-    "fg-subtle": "var(--color-slate-400)",
-    "fg-subtle-hovered": "var(--color-slate-300)",
-    "fg-subtle-pressed": "var(--color-slate-200)",
-    "fg-subtle-disabled": "var(--color-slate-600)",
-    "fg-brand": "var(--color-ocean-400)",
-    "fg-brand-hovered": "var(--color-ocean-300)",
-    "fg-brand-pressed": "var(--color-ocean-200)",
-    "fg-brand-disabled": "var(--color-ocean-700)",
-    "fg-on-brand-subtle": "var(--color-ocean-300)",
-    "fg-on-brand-subtle-hovered": "var(--color-ocean-200)",
-    "fg-on-brand-subtle-pressed": "var(--color-ocean-100)",
-    "fg-on-brand-subtle-disabled": "var(--color-ocean-700)",
-    "fg-on-brand": "var(--color-slate-50)",
-    "fg-on-brand-hovered": "white",
-    "fg-on-brand-pressed": "white",
-    "fg-on-brand-disabled": "var(--color-slate-400)",
-    "fg-on-brand-strong": "var(--color-slate-900)",
-    "fg-on-brand-strong-hovered": "var(--color-slate-950)",
-    "fg-on-brand-strong-pressed": "black",
-    "fg-on-brand-strong-disabled": "var(--color-slate-500)",
-    "fg-success": "var(--color-emerald-400)",
-    "fg-success-hovered": "var(--color-emerald-300)",
-    "fg-success-pressed": "var(--color-emerald-200)",
-    "fg-success-disabled": "var(--color-emerald-700)",
-    "fg-on-success-subtle": "var(--color-emerald-300)",
-    "fg-on-success-subtle-hovered": "var(--color-emerald-200)",
-    "fg-on-success-subtle-pressed": "var(--color-emerald-100)",
-    "fg-on-success-subtle-disabled": "var(--color-emerald-700)",
-    "fg-on-success": "var(--color-slate-900)",
-    "fg-on-success-hovered": "var(--color-slate-950)",
-    "fg-on-success-pressed": "black",
-    "fg-on-success-disabled": "var(--color-slate-500)",
-    "fg-warning": "var(--color-topaz-400)",
-    "fg-warning-hovered": "var(--color-topaz-300)",
-    "fg-warning-pressed": "var(--color-topaz-200)",
-    "fg-warning-disabled": "var(--color-topaz-700)",
-    "fg-on-warning-subtle": "var(--color-topaz-300)",
-    "fg-on-warning-subtle-hovered": "var(--color-topaz-200)",
-    "fg-on-warning-subtle-pressed": "var(--color-topaz-100)",
-    "fg-on-warning-subtle-disabled": "var(--color-topaz-700)",
-    "fg-on-warning": "var(--color-slate-900)",
-    "fg-on-warning-hovered": "var(--color-slate-950)",
-    "fg-on-warning-pressed": "black",
-    "fg-on-warning-disabled": "var(--color-slate-500)",
-    "fg-danger": "var(--color-ruby-400)",
-    "fg-danger-hovered": "var(--color-ruby-300)",
-    "fg-danger-pressed": "var(--color-ruby-200)",
-    "fg-danger-disabled": "var(--color-ruby-700)",
-    "fg-on-danger-subtle": "var(--color-ruby-300)",
-    "fg-on-danger-subtle-hovered": "var(--color-ruby-200)",
-    "fg-on-danger-subtle-pressed": "var(--color-ruby-100)",
-    "fg-on-danger-subtle-disabled": "var(--color-ruby-700)",
-    "fg-on-danger": "var(--color-slate-900)",
-    "fg-on-danger-hovered": "var(--color-slate-950)",
-    "fg-on-danger-pressed": "black",
-    "fg-on-danger-disabled": "var(--color-slate-500)",
-
-    "border-strong": "var(--color-slate-200)",
-    "border-strong-hovered": "var(--color-slate-100)",
-    "border-strong-pressed": "var(--color-slate-50)",
-    "border-strong-disabled": "var(--color-slate-600)",
-    "border-normal": "var(--color-slate-700)",
-    "border-normal-hovered": "var(--color-slate-600)",
-    "border-normal-pressed": "var(--color-slate-500)",
-    "border-normal-disabled": "var(--color-slate-800)",
-    "border-subtle": "var(--color-slate-800)",
-    "border-subtle-hovered": "var(--color-slate-700)",
-    "border-subtle-pressed": "var(--color-slate-600)",
-    "border-subtle-disabled": "var(--color-slate-900)",
-    "border-brand-subtle": "var(--color-ocean-700)",
-    "border-brand-subtle-hovered": "var(--color-ocean-600)",
-    "border-brand-subtle-pressed": "var(--color-ocean-500)",
-    "border-brand-subtle-disabled": "var(--color-ocean-800)",
-    "border-brand": "var(--color-ocean-500)",
-    "border-brand-hovered": "var(--color-ocean-400)",
-    "border-brand-pressed": "var(--color-ocean-300)",
-    "border-brand-disabled": "var(--color-ocean-800)",
-    "border-brand-strong": "var(--color-ocean-300)",
-    "border-brand-strong-hovered": "var(--color-ocean-200)",
-    "border-brand-strong-pressed": "var(--color-ocean-100)",
-    "border-brand-strong-disabled": "var(--color-ocean-600)",
-    "border-success": "var(--color-emerald-700)",
-    "border-success-hovered": "var(--color-emerald-600)",
-    "border-success-pressed": "var(--color-emerald-500)",
-    "border-success-disabled": "var(--color-emerald-800)",
-    "border-warning": "var(--color-topaz-700)",
-    "border-warning-hovered": "var(--color-topaz-600)",
-    "border-warning-pressed": "var(--color-topaz-500)",
-    "border-warning-disabled": "var(--color-topaz-800)",
-    "border-danger": "var(--color-ruby-700)",
-    "border-danger-hovered": "var(--color-ruby-600)",
-    "border-danger-pressed": "var(--color-ruby-500)",
-    "border-danger-disabled": "var(--color-ruby-800)",
-
-    "focus-ring": "var(--color-ocean-400)",
-
-    "bg-overlay": "rgba(0, 0, 0, 0.6)"
-  }
-}