@webority/tokens 0.0.0-stage → 0.90.0

package/dist/source/mode.dark.tokens.json

@@ -0,0 +1,594 @@
+{
+    "palette": {
+        "phone-bg": {
+            "$value": "#0B0B12"
+        },
+        "phone-bg-subtle": {
+            "$value": "#13131C"
+        },
+        "phone-bg-muted": {
+            "$value": "#1C1C26"
+        },
+        "phone-surface": {
+            "$value": "#1C1C26"
+        },
+        "phone-surface-inverse": {
+            "$value": "#FAFAFA"
+        },
+        "phone-text": {
+            "$value": "#E2E2E2"
+        },
+        "phone-text-body": {
+            "$value": "#FAFAFA"
+        },
+        "phone-text-muted": {
+            "$value": "#B4B4BB"
+        },
+        "phone-text-subtle": {
+            "$value": "#919199"
+        },
+        "phone-text-inverse": {
+            "$value": "#0F0F1A"
+        },
+        "phone-link": {
+            "$value": "#9292EE"
+        },
+        "phone-border": {
+            "$value": "#27272F"
+        },
+        "phone-border-subtle": {
+            "$value": "#1C1C26"
+        },
+        "phone-focus-ring": {
+            "$value": "#7C7CE8"
+        },
+        "phone-scrim": {
+            "$value": "rgba(0, 0, 0, 0.65)"
+        },
+        "phone-field-bg": {
+            "$value": "#13131C"
+        },
+        "phone-field-border": {
+            "$value": "#27272F"
+        },
+        "phone-field-border-focus": {
+            "$value": "#3D5FB0"
+        },
+        "phone-primary": {
+            "$value": "#7C7CE8"
+        },
+        "phone-primary-hover": {
+            "$value": "#9292EE"
+        },
+        "phone-primary-soft": {
+            "$value": "#1F1F3D"
+        },
+        "phone-primary-text": {
+            "$value": "#8989EA"
+        },
+        "phone-on-primary": {
+            "$value": "#0F0F1A"
+        },
+        "phone-success": {
+            "$value": "#30C780"
+        },
+        "phone-success-text": {
+            "$value": "#30C780"
+        },
+        "phone-on-success": {
+            "$value": "#0F0F1A"
+        },
+        "phone-warning": {
+            "$value": "#FBBF24"
+        },
+        "phone-warning-text": {
+            "$value": "#FBBF24"
+        },
+        "phone-danger": {
+            "$value": "#F87171"
+        },
+        "phone-danger-text": {
+            "$value": "#F87171"
+        },
+        "phone-on-danger": {
+            "$value": "#0F0F1A"
+        },
+        "phone-danger-border": {
+            "$value": "#F87171"
+        },
+        "phone-info": {
+            "$value": "#60A5FA"
+        },
+        "phone-info-text": {
+            "$value": "#60A5FA"
+        },
+        "phone-on-info": {
+            "$value": "#0F0F1A"
+        },
+        "phone-neutral": {
+            "$value": "#1F1F26"
+        },
+        "phone-neutral-hover": {
+            "$value": "#2A2A33"
+        },
+        "phone-on-neutral": {
+            "$value": "#FAFAFA"
+        },
+        "phone-primary-pressed": {
+            "$value": "#A8A8F2"
+        },
+        "phone-on-neutral-strong": {
+            "$value": "#0F0F1A"
+        },
+        "phone-text-disabled": {
+            "$value": "#52525B"
+        },
+        "phone-surface-pressed": {
+            "$value": "rgba(255, 255, 255, 0.08)"
+        },
+        "phone-surface-hover": {
+            "$value": "rgba(255, 255, 255, 0.05)"
+        },
+        "phone-surface-selected": {
+            "$value": "rgba(124, 124, 232, 0.18)"
+        },
+        "phone-surface-disabled": {
+            "$value": "#1C1C26"
+        },
+        "phone-skeleton": {
+            "$value": "#1C1C26"
+        },
+        "phone-skeleton-highlight": {
+            "$value": "#27272F"
+        },
+        "phone-field-bg-focus": {
+            "$value": "#0B0B12"
+        },
+        "phone-field-bg-disabled": {
+            "$value": "#1C1C26"
+        },
+        "phone-field-border-error": {
+            "$value": "#8A2F42"
+        },
+        "phone-field-label": {
+            "$value": "#E4E6EE"
+        },
+        "phone-field-text": {
+            "$value": "#FAFAFA"
+        },
+        "phone-field-text-disabled": {
+            "$value": "#52525B"
+        },
+        "phone-field-placeholder": {
+            "$value": "#84848D"
+        },
+        "phone-field-placeholder-disabled": {
+            "$value": "#52525B"
+        },
+        "phone-field-icon": {
+            "$value": "#8B8B95"
+        },
+        "phone-field-icon-focus": {
+            "$value": "#D4D4DB"
+        },
+        "phone-field-icon-disabled": {
+            "$value": "#52525B"
+        },
+        "phone-field-caret": {
+            "$value": "#7C9EF0"
+        },
+        "phone-field-message": {
+            "$value": "#F87171"
+        },
+        "phone-avatar-1": {
+            "$value": "#8B8BEE"
+        },
+        "phone-avatar-2": {
+            "$value": "#2DD4BF"
+        },
+        "phone-avatar-3": {
+            "$value": "#FCD34D"
+        },
+        "phone-avatar-4": {
+            "$value": "#F472B6"
+        },
+        "phone-avatar-5": {
+            "$value": "#60A5FA"
+        },
+        "phone-avatar-6": {
+            "$value": "#A78BFA"
+        },
+        "phone-avatar-7": {
+            "$value": "#34D399"
+        },
+        "phone-avatar-8": {
+            "$value": "#F87171"
+        },
+        "phone-shadow-sm": {
+            "$value": "rgba(0, 0, 0, 0.4)"
+        },
+        "phone-shadow-md": {
+            "$value": "rgba(0, 0, 0, 0.5)"
+        },
+        "phone-shadow-lg": {
+            "$value": "rgba(0, 0, 0, 0.55)"
+        },
+        "phone-shadow-xl": {
+            "$value": "rgba(0, 0, 0, 0.6)"
+        },
+        "primary-5": {
+            "$value": "color-mix(in srgb, {palette.dark-primary} 10%, {palette.dark-bg-surface})"
+        },
+        "primary-10": {
+            "$value": "color-mix(in srgb, {palette.dark-primary} 16%, {palette.dark-bg-surface})"
+        },
+        "primary-15": {
+            "$value": "color-mix(in srgb, {palette.dark-primary} 21%, {palette.dark-bg-surface})"
+        },
+        "primary-20": {
+            "$value": "color-mix(in srgb, {palette.dark-primary} 26%, {palette.dark-bg-surface})"
+        },
+        "primary-30": {
+            "$value": "color-mix(in srgb, {palette.dark-primary} 40%, {palette.dark-bg-surface})"
+        },
+        "primary-50": {
+            "$value": "color-mix(in srgb, {palette.dark-primary} 62%, {palette.dark-bg-surface})"
+        },
+        "surface-mute": {
+            "$value": "{palette.dark-bg-muted}"
+        },
+        "surface-soft": {
+            "$value": "color-mix(in srgb, {palette.dark-primary} 10%, {palette.dark-bg-surface})"
+        },
+        "surface-violet-soft": {
+            "$value": "color-mix(in srgb, {palette.dark-primary} 6%, {palette.dark-bg-surface})"
+        },
+        "danger-5": {
+            "$value": "color-mix(in srgb, {palette.danger} 10%, {palette.dark-bg-surface})"
+        },
+        "neutral-bg-light": {
+            "$value": "{palette.dark-bg-surface}"
+        },
+        "neutral-bg-dark": {
+            "$value": "{palette.dark-bg-muted}"
+        },
+        "chart-1": {
+            "$value": "{palette.dark-primary}"
+        },
+        "chart-2": {
+            "$value": "{palette.dark-chart-2}"
+        },
+        "chart-3": {
+            "$value": "{palette.dark-chart-3}"
+        },
+        "chart-4": {
+            "$value": "{palette.dark-chart-4}"
+        },
+        "chart-5": {
+            "$value": "{palette.dark-chart-5}"
+        },
+        "chart-6": {
+            "$value": "{palette.dark-chart-6}"
+        },
+        "chart-7": {
+            "$value": "{palette.dark-chart-7}"
+        },
+        "chart-8": {
+            "$value": "{palette.dark-chart-8}"
+        },
+        "chart-seq-0": {
+            "$value": "{palette.dark-chart-seq-0}"
+        },
+        "chart-seq-1": {
+            "$value": "{palette.dark-chart-seq-1}"
+        },
+        "chart-seq-2": {
+            "$value": "{palette.dark-chart-seq-2}"
+        },
+        "chart-seq-3": {
+            "$value": "{palette.dark-chart-seq-3}"
+        },
+        "chart-seq-4": {
+            "$value": "{palette.dark-chart-seq-4}"
+        },
+        "chart-seq-5": {
+            "$value": "{palette.dark-chart-seq-5}"
+        },
+        "chart-seq-6": {
+            "$value": "{palette.dark-chart-seq-6}"
+        },
+        "chart-diverging-low": {
+            "$value": "{palette.dark-chart-diverging-low}"
+        },
+        "chart-diverging-mid": {
+            "$value": "{palette.dark-chart-diverging-mid}"
+        },
+        "chart-diverging-high": {
+            "$value": "{palette.dark-chart-diverging-high}"
+        },
+        "chart-neutral": {
+            "$value": "{palette.dark-chart-neutral}"
+        }
+    },
+    "color": {
+        "bg": {
+            "$value": "{palette.dark-bg-page}"
+        },
+        "bg-subtle": {
+            "$value": "{palette.dark-bg-elevated}"
+        },
+        "bg-muted": {
+            "$value": "{palette.dark-bg-muted}"
+        },
+        "surface": {
+            "$value": "{palette.dark-bg-surface}"
+        },
+        "surface-inverse": {
+            "$value": "{palette.dark-text}"
+        },
+        "text": {
+            "$value": "{palette.dark-text}"
+        },
+        "text-body": {
+            "$value": "{palette.dark-text}"
+        },
+        "text-muted": {
+            "$value": "{palette.dark-text-muted}"
+        },
+        "text-subtle": {
+            "$value": "{palette.dark-text-subtle}"
+        },
+        "text-inverse": {
+            "$value": "{palette.text-heading}"
+        },
+        "link": {
+            "$value": "{palette.dark-primary}"
+        },
+        "border": {
+            "$value": "{palette.dark-border}"
+        },
+        "border-subtle": {
+            "$value": "color-mix(in srgb, {palette.dark-border} 50%, transparent)"
+        },
+        "border-strong": {
+            "$value": "{palette.dark-border-strong}"
+        },
+        "field-bg": {
+            "$value": "{palette.dark-bg-muted}"
+        },
+        "field-border": {
+            "$value": "{palette.dark-field-border}"
+        },
+        "field-border-hover": {
+            "$value": "{palette.dark-field-border-hover}"
+        },
+        "field-border-focus": {
+            "$value": "{palette.dark-primary}"
+        },
+        "scrim": {
+            "$value": "color-mix(in srgb, #000000 45%, transparent)"
+        },
+        "scrim-strong": {
+            "$value": "color-mix(in srgb, #000000 62%, transparent)"
+        },
+        "progress-track": {
+            "$value": "{palette.dark-progress-track}"
+        },
+        "progress-label": {
+            "$value": "#0F0F0F"
+        },
+        "thumb": {
+            "$value": "color-mix(in srgb, {palette.dark-text} 12%, {palette.dark-bg-muted})"
+        },
+        "primary": {
+            "$value": "{palette.dark-primary}"
+        },
+        "primary-hover": {
+            "$value": "{palette.dark-primary-hover}"
+        },
+        "primary-soft": {
+            "$value": "color-mix(in srgb, {palette.primary} 20%, transparent)"
+        },
+        "primary-text": {
+            "$value": "{palette.dark-primary}"
+        },
+        "on-primary": {
+            "$value": "#0F0F0F"
+        },
+        "success-soft": {
+            "$value": "color-mix(in srgb, {palette.success} 18%, transparent)"
+        },
+        "success-text": {
+            "$value": "color-mix(in srgb, {palette.success} 75%, white)"
+        },
+        "success-text-on-soft": {
+            "$value": "color-mix(in srgb, {palette.success} 65%, white)"
+        },
+        "success-strong": {
+            "$value": "{color.success-text}"
+        },
+        "on-success-strong": {
+            "$value": "#0F0F0F"
+        },
+        "warning-soft": {
+            "$value": "color-mix(in srgb, {palette.warning} 18%, transparent)"
+        },
+        "warning-text": {
+            "$value": "color-mix(in srgb, {palette.warning} 75%, white)"
+        },
+        "warning-text-on-soft": {
+            "$value": "color-mix(in srgb, {palette.warning} 65%, white)"
+        },
+        "warning-strong": {
+            "$value": "{color.warning-text}"
+        },
+        "on-warning-strong": {
+            "$value": "#0F0F0F"
+        },
+        "danger-soft": {
+            "$value": "color-mix(in srgb, {palette.danger} 18%, transparent)"
+        },
+        "danger-text": {
+            "$value": "color-mix(in srgb, {palette.danger} 75%, white)"
+        },
+        "danger-text-on-soft": {
+            "$value": "color-mix(in srgb, {palette.danger} 65%, white)"
+        },
+        "danger-strong": {
+            "$value": "{color.danger-text}"
+        },
+        "on-danger-strong": {
+            "$value": "#0F0F0F"
+        },
+        "info-soft": {
+            "$value": "color-mix(in srgb, {palette.info} 18%, transparent)"
+        },
+        "info-text": {
+            "$value": "color-mix(in srgb, {palette.info} 75%, white)"
+        },
+        "info-text-on-soft": {
+            "$value": "color-mix(in srgb, {palette.info} 65%, white)"
+        },
+        "info-strong": {
+            "$value": "{color.info-text}"
+        },
+        "on-info-strong": {
+            "$value": "#0F0F0F"
+        },
+        "chart-1": {
+            "$value": "{palette.dark-primary}"
+        },
+        "chart-2": {
+            "$value": "{palette.dark-chart-2}"
+        },
+        "chart-3": {
+            "$value": "{palette.dark-chart-3}"
+        },
+        "chart-4": {
+            "$value": "{palette.dark-chart-4}"
+        },
+        "chart-5": {
+            "$value": "{palette.dark-chart-5}"
+        },
+        "chart-6": {
+            "$value": "{palette.dark-chart-6}"
+        },
+        "chart-7": {
+            "$value": "{palette.dark-chart-7}"
+        },
+        "chart-8": {
+            "$value": "{palette.dark-chart-8}"
+        },
+        "chart-seq-0": {
+            "$value": "{palette.dark-chart-seq-0}"
+        },
+        "chart-seq-1": {
+            "$value": "{palette.dark-chart-seq-1}"
+        },
+        "chart-seq-2": {
+            "$value": "{palette.dark-chart-seq-2}"
+        },
+        "chart-seq-3": {
+            "$value": "{palette.dark-chart-seq-3}"
+        },
+        "chart-seq-4": {
+            "$value": "{palette.dark-chart-seq-4}"
+        },
+        "chart-seq-5": {
+            "$value": "{palette.dark-chart-seq-5}"
+        },
+        "chart-seq-6": {
+            "$value": "{palette.dark-chart-seq-6}"
+        },
+        "chart-diverging-low": {
+            "$value": "{palette.dark-chart-diverging-low}"
+        },
+        "chart-diverging-mid": {
+            "$value": "{palette.dark-chart-diverging-mid}"
+        },
+        "chart-diverging-high": {
+            "$value": "{palette.dark-chart-diverging-high}"
+        },
+        "chart-neutral": {
+            "$value": "{palette.dark-chart-neutral}"
+        },
+        "success": {
+            "$value": "#30C780"
+        },
+        "warning": {
+            "$value": "#FBBF24"
+        },
+        "danger": {
+            "$value": "#F87171"
+        },
+        "info": {
+            "$value": "#60A5FA"
+        },
+        "on-success": {
+            "$value": "#0F0F1A"
+        },
+        "on-warning": {
+            "$value": "#0F0F1A"
+        },
+        "on-danger": {
+            "$value": "#0F0F1A"
+        },
+        "on-info": {
+            "$value": "#0F0F1A"
+        },
+        "success-pressed": {
+            "$value": "color-mix(in srgb, {color.success} 85%, white)"
+        },
+        "warning-pressed": {
+            "$value": "color-mix(in srgb, {color.warning} 85%, white)"
+        },
+        "danger-pressed": {
+            "$value": "color-mix(in srgb, {color.danger} 85%, white)"
+        },
+        "info-pressed": {
+            "$value": "color-mix(in srgb, {color.info} 85%, white)"
+        },
+        "success-border": {
+            "$value": "color-mix(in srgb, {color.success} 40%, transparent)"
+        },
+        "warning-border": {
+            "$value": "color-mix(in srgb, {color.warning} 40%, transparent)"
+        },
+        "danger-border": {
+            "$value": "color-mix(in srgb, {color.danger} 40%, transparent)"
+        },
+        "info-border": {
+            "$value": "color-mix(in srgb, {color.info} 40%, transparent)"
+        },
+        "warning-strong-hover": {
+            "$value": "color-mix(in srgb, {color.warning-strong} 85%, white)"
+        },
+        "danger-strong-hover": {
+            "$value": "color-mix(in srgb, {color.danger-strong} 85%, white)"
+        },
+        "scrollbar": {
+            "$value": "rgba(255, 255, 255, 0.18)"
+        },
+        "scrollbar-hover": {
+            "$value": "rgba(255, 255, 255, 0.28)"
+        },
+        "scrollbar-active": {
+            "$value": "rgba(255, 255, 255, 0.4)"
+        }
+    },
+    "effect": {
+        "close-filter": {
+            "$value": "invert(1) grayscale(100%) brightness(200%)"
+        }
+    },
+    "component": {
+        "thumb": {
+            "shadow": {
+                "$value": "0 2px 6px rgba(255, 255, 255, 0.1)"
+            },
+            "shadow-hover": {
+                "$value": "0 2px 12px rgba(255, 255, 255, 0.2)"
+            }
+        }
+    }
+}