diff --git a/packages/theme/json/theme.json b/packages/theme/json/theme.json index 6b0c2a7803..f1ae968fb6 100644 --- a/packages/theme/json/theme.json +++ b/packages/theme/json/theme.json @@ -1,658 +1,641 @@ { - "modes": ["$light", "$dark"], - "densities": ["$high", "$medium", "$low", "$touch"], + "modes": [ + "$light", + "$dark" + ], + "densities": [ + "$high", + "$medium", + "$low", + "$touch" + ], "palette": { "accent": { - "palette-accent-background": { + "palette-accent": { "$value": { "$dark": "{foundations.color.color-blue-500}", "$light": "{foundations.color.color-blue-500}" }, "$type": "color" }, - "palette-accent-border": { + "palette-accent-disabled": { "$value": { - "$dark": "{foundations.color.color-blue-500}", - "$light": "{foundations.color.color-blue-500}" + "$dark": "{foundations.color.color-blue-500-40a}", + "$light": "{foundations.color.color-blue-500-40a}" }, "$type": "color" }, - "palette-accent-foreground": { + "palette-accent-strong": { "$value": { - "$dark": "{foundations.color.color-white}", - "$light": "{foundations.color.color-white}" + "$dark": "{foundations.color.color-blue-400}", + "$light": "{foundations.color.color-blue-600}" }, "$type": "color" - } - }, - "error": { - "palette-error-background": { + }, + "palette-accent-strong-disabled": { "$value": { - "$dark": "{foundations.color.color-red-900}", - "$light": "{foundations.color.color-red-10}" + "$dark": "{foundations.color.color-blue-400-40a}", + "$light": "{foundations.color.color-blue-600-40a}" }, "$type": "color" }, - "palette-error-background-selected": { + "palette-accent-stronger": { "$value": { - "$dark": "{foundations.color.color-red-900}", - "$light": "{foundations.color.color-red-20}" + "$dark": "{foundations.color.color-blue-300}", + "$light": "{foundations.color.color-blue-700}" }, "$type": "color" }, - "palette-error-border": { + "palette-accent-stronger-disabled": { "$value": { - "$dark": "{foundations.color.color-red-500}", - "$light": "{foundations.color.color-red-500}" + "$dark": "{foundations.color.color-blue-300-40a}", + "$light": "{foundations.color.color-blue-700-40a}" }, "$type": "color" }, - "palette-error-foreground": { + "palette-accent-weak": { "$value": { - "$dark": "{foundations.color.color-red-500}", - "$light": "{foundations.color.color-red-500}" + "$dark": "{foundations.color.color-blue-600}", + "$light": "{foundations.color.color-blue-400}" }, "$type": "color" - } - }, - "info": { - "palette-info-background": { + }, + "palette-accent-weaker": { "$value": { - "$dark": "{foundations.color.color-blue-900}", - "$light": "{foundations.color.color-blue-10}" + "$dark": "{foundations.color.color-blue-800}", + "$light": "{foundations.color.color-blue-200}" }, "$type": "color" }, - "palette-info-border": { + "palette-accent-weaker-disabled": { "$value": { - "$dark": "{foundations.color.color-blue-500}", - "$light": "{foundations.color.color-blue-500}" + "$dark": "{foundations.color.color-blue-800-40a}", + "$light": "{foundations.color.color-blue-200-40a}" }, "$type": "color" }, - "palette-info-foreground": { + "palette-accent-weakest": { "$value": { - "$dark": "{foundations.color.color-blue-500}", - "$light": "{foundations.color.color-blue-500}" + "$dark": "{foundations.color.color-blue-900}", + "$light": "{foundations.color.color-blue-100}" }, "$type": "color" } }, - "interact": { - "palette-interact-background": { + "background": { + "palette-background-backdrop": { "$value": { - "$dark": "transparent", - "$light": "transparent" + "$dark": "{foundations.color.color-black-70a}", + "$light": "{foundations.color.color-white-70a}" }, "$type": "color" }, - "palette-interact-background-blurSelected": { + "palette-background-hover": { "$value": { - "$dark": "{foundations.color.color-gray-600}", - "$light": "{foundations.color.color-gray-30}" + "$dark": "{foundations.color.color-white-8a}", + "$light": "{foundations.color.color-black-8a}" }, "$type": "color" }, - "palette-interact-background-hover": { + "palette-background-primary": { "$value": { - "$dark": "{foundations.color.color-blue-800}", - "$light": "{foundations.color.color-blue-10}" + "$dark": "{foundations.color.color-asphalt}", + "$light": "{foundations.color.color-snow}" }, "$type": "color" }, - "palette-interact-background-active": { + "palette-background-primary-disabled": { "$value": { - "$dark": "{foundations.color.color-blue-700}", - "$light": "{foundations.color.color-blue-30}" + "$dark": "{foundations.color.color-asphalt-40a}", + "$light": "{foundations.color.color-snow-40a}" }, "$type": "color" }, - "palette-interact-background-disabled": { + "palette-background-secondary": { "$value": { - "$dark": "transparent", - "$light": "transparent" + "$dark": "{foundations.color.color-oil}", + "$light": "{foundations.color.color-mist}" }, "$type": "color" }, - "palette-interact-background-activeDisabled": { + "palette-background-secondary-disabled": { "$value": { - "$dark": "{foundations.color.color-blue-700-fade-background}", - "$light": "{foundations.color.color-blue-30-fade-background}" + "$dark": "{foundations.color.color-oil-40a}", + "$light": "{foundations.color.color-mist-40a}" }, "$type": "color" }, - "palette-interact-border": { + "palette-background-transparent": { "$value": { - "$dark": "{foundations.color.color-gray-90}", - "$light": "{foundations.color.color-gray-200}" + "$dark": "{foundations.color.color-transparent}", + "$light": "{foundations.color.color-transparent}" }, "$type": "color" - }, - "palette-interact-border-active": { + } + }, + "category": { + "palette-category-cat-1": { "$value": { - "$dark": "{foundations.color.color-blue-100}", - "$light": "{foundations.color.color-blue-600}" + "$dark": "{foundations.color.color-cobalt-500}", + "$light": "{foundations.color.color-cobalt-500}" }, "$type": "color" }, - "palette-interact-border-activeDisabled": { + "palette-category-cat-1-strong": { "$value": { - "$dark": "{foundations.color.color-blue-100-fade-fill}", - "$light": "{foundations.color.color-blue-600-fade-fill}" + "$dark": "{foundations.color.color-cobalt-400}", + "$light": "{foundations.color.color-cobalt-600}" }, "$type": "color" }, - "palette-interact-border-disabled": { + "palette-category-cat-10": { "$value": { - "$dark": "{foundations.color.color-gray-90-fade-border}", - "$light": "{foundations.color.color-gray-200-fade-border}" + "$dark": "{foundations.color.color-jade-500}", + "$light": "{foundations.color.color-jade-500}" }, "$type": "color" }, - "palette-interact-border-hover": { + "palette-category-cat-10-strong": { "$value": { - "$dark": "{foundations.color.color-blue-500}", - "$light": "{foundations.color.color-blue-500}" + "$dark": "{foundations.color.color-jade-400}", + "$light": "{foundations.color.color-jade-600}" }, "$type": "color" }, - "palette-interact-border-readonly": { + "palette-category-cat-11": { "$value": { - "$dark": "{foundations.color.color-gray-90-fade-border-readonly}", - "$light": "{foundations.color.color-gray-200-fade-border-readonly}" + "$dark": "{foundations.color.color-citrine-500}", + "$light": "{foundations.color.color-citrine-500}" }, "$type": "color" }, - "palette-interact-foreground": { + "palette-category-cat-11-strong": { "$value": { - "$dark": "{foundations.color.color-gray-90}", - "$light": "{foundations.color.color-gray-200}" + "$dark": "{foundations.color.color-citrine-400}", + "$light": "{foundations.color.color-citrine-600}" }, "$type": "color" }, - "palette-interact-foreground-active": { + "palette-category-cat-12": { "$value": { - "$dark": "{foundations.color.color-blue-100}", - "$light": "{foundations.color.color-blue-600}" + "$dark": "{foundations.color.color-autumn-500}", + "$light": "{foundations.color.color-autumn-500}" }, "$type": "color" }, - "palette-interact-foreground-activeDisabled": { + "palette-category-cat-12-strong": { "$value": { - "$dark": "{foundations.color.color-blue-100-fade-foreground}", - "$light": "{foundations.color.color-blue-600-fade-foreground}" + "$dark": "{foundations.color.color-autumn-400}", + "$light": "{foundations.color.color-autumn-600}" }, "$type": "color" }, - "palette-interact-foreground-disabled": { + "palette-category-cat-13": { "$value": { - "$dark": "{foundations.color.color-gray-90-fade-foreground}", - "$light": "{foundations.color.color-gray-200-fade-foreground}" + "$dark": "{foundations.color.color-lavender-500}", + "$light": "{foundations.color.color-lavender-500}" }, "$type": "color" }, - "palette-interact-foreground-hover": { + "palette-category-cat-13-strong": { "$value": { - "$dark": "{foundations.color.color-blue-500}", - "$light": "{foundations.color.color-blue-500}" + "$dark": "{foundations.color.color-lavender-400}", + "$light": "{foundations.color.color-lavender-600}" }, "$type": "color" }, - "palette-interact-outline": { + "palette-category-cat-14": { "$value": { - "$dark": "{foundations.color.color-blue-100}", - "$light": "{foundations.color.color-blue-600}" + "$dark": "{foundations.color.color-ocean-500}", + "$light": "{foundations.color.color-ocean-500}" }, "$type": "color" }, - "palette-interact-cta-background": { + "palette-category-cat-14-strong": { "$value": { - "$dark": "{foundations.color.color-blue-600}", - "$light": "{foundations.color.color-blue-600}" + "$dark": "{foundations.color.color-ocean-400}", + "$light": "{foundations.color.color-ocean-600}" }, "$type": "color" }, - "palette-interact-cta-background-active": { + "palette-category-cat-15": { "$value": { - "$dark": "{foundations.color.color-blue-700}", - "$light": "{foundations.color.color-blue-700}" + "$dark": "{foundations.color.color-smoke-500}", + "$light": "{foundations.color.color-smoke-500}" }, "$type": "color" }, - "palette-interact-cta-background-disabled": { + "palette-category-cat-15-strong": { "$value": { - "$dark": "{foundations.color.color-blue-600-fade-background}", - "$light": "{foundations.color.color-blue-600-fade-background}" + "$dark": "{foundations.color.color-smoke-400}", + "$light": "{foundations.color.color-smoke-600}" }, "$type": "color" }, - "palette-interact-cta-background-hover": { + "palette-category-cat-16": { "$value": { - "$dark": "{foundations.color.color-blue-500}", - "$light": "{foundations.color.color-blue-500}" + "$dark": "{foundations.color.color-fuchsia-500}", + "$light": "{foundations.color.color-fuchsia-500}" }, "$type": "color" }, - "palette-interact-cta-foreground": { + "palette-category-cat-16-strong": { "$value": { - "$dark": "{foundations.color.color-white}", - "$light": "{foundations.color.color-white}" + "$dark": "{foundations.color.color-fuchsia-400}", + "$light": "{foundations.color.color-fuchsia-600}" }, "$type": "color" }, - "palette-interact-cta-foreground-active": { + "palette-category-cat-17": { "$value": { - "$dark": "{foundations.color.color-white}", - "$light": "{foundations.color.color-white}" + "$dark": "{foundations.color.color-lime-500}", + "$light": "{foundations.color.color-lime-500}" }, "$type": "color" }, - "palette-interact-cta-foreground-disabled": { + "palette-category-cat-17-strong": { "$value": { - "$dark": "{foundations.color.color-white-fade-foreground}", - "$light": "{foundations.color.color-white-fade-foreground}" + "$dark": "{foundations.color.color-lime-400}", + "$light": "{foundations.color.color-lime-600}" }, "$type": "color" }, - "palette-interact-cta-foreground-hover": { + "palette-category-cat-18": { "$value": { - "$dark": "{foundations.color.color-white}", - "$light": "{foundations.color.color-white}" + "$dark": "{foundations.color.color-fur-500}", + "$light": "{foundations.color.color-fur-500}" }, "$type": "color" }, - "palette-interact-primary-background": { + "palette-category-cat-18-strong": { "$value": { - "$dark": "{foundations.color.color-gray-300}", - "$light": "{foundations.color.color-gray-60}" + "$dark": "{foundations.color.color-fur-400}", + "$light": "{foundations.color.color-fur-600}" }, "$type": "color" }, - "palette-interact-primary-background-active": { + "palette-category-cat-19": { "$value": { - "$dark": "{foundations.color.color-gray-70}", - "$light": "{foundations.color.color-gray-200}" + "$dark": "{foundations.color.color-violet-500}", + "$light": "{foundations.color.color-violet-500}" }, "$type": "color" }, - "palette-interact-primary-background-disabled": { + "palette-category-cat-19-strong": { "$value": { - "$dark": "{foundations.color.color-gray-300-fade-background}", - "$light": "{foundations.color.color-gray-60-fade-background}" + "$dark": "{foundations.color.color-violet-400}", + "$light": "{foundations.color.color-violet-600}" }, "$type": "color" }, - "palette-interact-primary-background-hover": { + "palette-category-cat-2": { "$value": { - "$dark": "{foundations.color.color-gray-200}", - "$light": "{foundations.color.color-gray-40}" + "$dark": "{foundations.color.color-cider-500}", + "$light": "{foundations.color.color-cider-500}" }, "$type": "color" }, - "palette-interact-primary-foreground": { + "palette-category-cat-2-strong": { "$value": { - "$dark": "{foundations.color.color-white}", - "$light": "{foundations.color.color-gray-900}" + "$dark": "{foundations.color.color-cider-400}", + "$light": "{foundations.color.color-cider-600}" }, "$type": "color" }, - "palette-interact-primary-foreground-active": { + "palette-category-cat-20": { "$value": { - "$dark": "{foundations.color.color-gray-900}", - "$light": "{foundations.color.color-white}" + "$dark": "{foundations.color.color-forest-500}", + "$light": "{foundations.color.color-forest-500}" }, "$type": "color" }, - "palette-interact-primary-foreground-disabled": { + "palette-category-cat-20-strong": { "$value": { - "$dark": "{foundations.color.color-white-fade-foreground}", - "$light": "{foundations.color.color-gray-900-fade-foreground}" + "$dark": "{foundations.color.color-forest-400}", + "$light": "{foundations.color.color-forest-600}" }, "$type": "color" }, - "palette-interact-primary-foreground-hover": { + "palette-category-cat-3": { "$value": { - "$dark": "{foundations.color.color-white}", - "$light": "{foundations.color.color-gray-900}" + "$dark": "{foundations.color.color-plum-500}", + "$light": "{foundations.color.color-plum-500}" }, "$type": "color" }, - "palette-interact-secondary-background": { + "palette-category-cat-3-strong": { "$value": { - "$dark": "transparent", - "$light": "transparent" + "$dark": "{foundations.color.color-plum-400}", + "$light": "{foundations.color.color-plum-600}" }, "$type": "color" }, - "palette-interact-secondary-background-active": { + "palette-category-cat-4": { "$value": { - "$dark": "{foundations.color.color-gray-70}", - "$light": "{foundations.color.color-gray-200}" + "$dark": "{foundations.color.color-aqua-500}", + "$light": "{foundations.color.color-aqua-500}" }, "$type": "color" }, - "palette-interact-secondary-background-disabled": { + "palette-category-cat-4-strong": { "$value": { - "$dark": "transparent", - "$light": "transparent" + "$dark": "{foundations.color.color-aqua-400}", + "$light": "{foundations.color.color-aqua-600}" }, "$type": "color" }, - "palette-interact-secondary-background-hover": { + "palette-category-cat-5": { "$value": { - "$dark": "{foundations.color.color-gray-200}", - "$light": "{foundations.color.color-gray-40}" + "$dark": "{foundations.color.color-slate-500}", + "$light": "{foundations.color.color-slate-500}" }, "$type": "color" }, - "palette-interact-secondary-foreground": { + "palette-category-cat-5-strong": { "$value": { - "$dark": "{foundations.color.color-white}", - "$light": "{foundations.color.color-gray-900}" + "$dark": "{foundations.color.color-slate-400}", + "$light": "{foundations.color.color-slate-600}" }, "$type": "color" }, - "palette-interact-secondary-foreground-active": { + "palette-category-cat-6": { "$value": { - "$dark": "{foundations.color.color-gray-900}", - "$light": "{foundations.color.color-white}" + "$dark": "{foundations.color.color-rose-500}", + "$light": "{foundations.color.color-rose-500}" }, "$type": "color" }, - "palette-interact-secondary-foreground-disabled": { + "palette-category-cat-6-strong": { "$value": { - "$dark": "{foundations.color.color-white-fade-foreground}", - "$light": "{foundations.color.color-gray-900-fade-foreground}" + "$dark": "{foundations.color.color-rose-400}", + "$light": "{foundations.color.color-rose-600}" }, "$type": "color" }, - "palette-interact-secondary-foreground-hover": { - "$value": { - "$dark": "{foundations.color.color-white}", - "$light": "{foundations.color.color-gray-900}" - }, - "$type": "color" - } - }, - "navigate": { - "palette-navigate-background-hover": { + "palette-category-cat-7": { "$value": { - "$dark": "{foundations.color.color-white-fade-background-hover}", - "$light": "{foundations.color.color-black-fade-background-hover}" + "$dark": "{foundations.color.color-olive-500}", + "$light": "{foundations.color.color-olive-500}" }, "$type": "color" }, - "palette-navigate-foreground-hover": { + "palette-category-cat-7-strong": { "$value": { - "$dark": "{foundations.color.color-blue-200}", - "$light": "{foundations.color.color-blue-600}" + "$dark": "{foundations.color.color-olive-400}", + "$light": "{foundations.color.color-olive-600}" }, "$type": "color" }, - "palette-navigate-foreground-active": { + "palette-category-cat-8": { "$value": { - "$dark": "{foundations.color.color-blue-300}", - "$light": "{foundations.color.color-blue-700}" + "$dark": "{foundations.color.color-salmon-500}", + "$light": "{foundations.color.color-salmon-500}" }, "$type": "color" }, - "palette-navigate-foreground-visited": { + "palette-category-cat-8-strong": { "$value": { - "$dark": "{foundations.color.color-purple-100}", - "$light": "{foundations.color.color-purple-800}" + "$dark": "{foundations.color.color-salmon-400}", + "$light": "{foundations.color.color-salmon-600}" }, "$type": "color" }, - "palette-navigate-indicator-hover": { + "palette-category-cat-9": { "$value": { - "$dark": "{foundations.color.color-gray-90}", - "$light": "{foundations.color.color-gray-90}" + "$dark": "{foundations.color.color-indigo-500}", + "$light": "{foundations.color.color-indigo-500}" }, "$type": "color" }, - "palette-navigate-indicator-active": { + "palette-category-cat-9-strong": { "$value": { - "$dark": "{foundations.color.color-orange-400}", - "$light": "{foundations.color.color-orange-600}" + "$dark": "{foundations.color.color-indigo-400}", + "$light": "{foundations.color.color-indigo-600}" }, "$type": "color" } }, - "negative": { - "palette-negative-foreground": { + "foreground": { + "palette-foreground-active": { "$value": { - "$dark": "{foundations.color.color-red-300}", - "$light": "{foundations.color.color-red-700}" + "$dark": "{foundations.color.color-blue-300}", + "$light": "{foundations.color.color-blue-700}" }, "$type": "color" - } - }, - "neutral": { - "palette-neutral-primary-background": { + }, + "palette-foreground-hover": { "$value": { - "$dark": "{foundations.color.color-gray-800}", - "$light": "{foundations.color.color-white}" + "$dark": "{foundations.color.color-blue-400}", + "$light": "{foundations.color.color-blue-600}" }, "$type": "color" }, - "palette-neutral-primary-background-disabled": { + "palette-foreground-invert": { "$value": { - "$dark": "{foundations.color.color-gray-800-fade-background}", - "$light": "{foundations.color.color-white-fade-background}" + "$dark": "{foundations.color.color-black}", + "$light": "{foundations.color.color-white}" }, "$type": "color" }, - "palette-neutral-primary-background-readonly": { + "palette-foreground-invert-disabled": { "$value": { - "$dark": "{foundations.color.color-gray-800-fade-background-readonly}", - "$light": "{foundations.color.color-white-fade-background-readonly}" + "$dark": "{foundations.color.color-black-40a}", + "$light": "{foundations.color.color-white-40a}" }, "$type": "color" }, - "palette-neutral-primary-foreground": { + "palette-foreground-primary": { "$value": { "$dark": "{foundations.color.color-white}", - "$light": "{foundations.color.color-gray-900}" + "$light": "{foundations.color.color-black}" }, "$type": "color" }, - "palette-neutral-primary-foreground-disabled": { + "palette-foreground-primary-disabled": { "$value": { - "$dark": "{foundations.color.color-white-fade-foreground}", - "$light": "{foundations.color.color-gray-900-fade-foreground}" + "$dark": "{foundations.color.color-white-40a}", + "$light": "{foundations.color.color-black-40a}" }, "$type": "color" }, - "palette-neutral-primary-separator": { + "palette-foreground-secondary": { "$value": { - "$dark": "{foundations.color.color-white-fade-separatorOpacity-primary}", - "$light": "{foundations.color.color-black-fade-separatorOpacity-primary}" + "$dark": "{foundations.color.color-gray-300}", + "$light": "{foundations.color.color-gray-700}" }, "$type": "color" }, - "palette-neutral-primary-border": { + "palette-foreground-secondary-disabled": { "$value": { - "$dark": "{foundations.color.color-gray-300}", - "$light": "{foundations.color.color-gray-50}" + "$dark": "{foundations.color.color-gray-300-40a}", + "$light": "{foundations.color.color-gray-700-40a}" }, "$type": "color" }, - "palette-neutral-primary-border-disabled": { + "palette-foreground-visited": { "$value": { - "$dark": "{foundations.color.color-gray-300-fade-border}", - "$light": "{foundations.color.color-gray-50-fade-border}" + "$dark": "{foundations.color.color-purple-200}", + "$light": "{foundations.color.color-purple-800}" }, "$type": "color" - }, - "palette-neutral-secondary-background": { + } + }, + "info": { + "palette-info": { "$value": { - "$dark": "{foundations.color.color-gray-600}", - "$light": "{foundations.color.color-gray-20}" + "$dark": "{foundations.color.color-blue-400}", + "$light": "{foundations.color.color-blue-600}" }, "$type": "color" }, - "palette-neutral-secondary-background-disabled": { + "palette-info-weak": { + "$value": { + "$dark": "{foundations.color.color-blue-900}", + "$light": "{foundations.color.color-blue-100}" + }, + "$type": "color" + } + }, + "negative": { + "palette-negative": { "$value": { - "$dark": "{foundations.color.color-gray-600-fade-background}", - "$light": "{foundations.color.color-gray-20-fade-background}" + "$dark": "{foundations.color.color-red-400}", + "$light": "{foundations.color.color-red-600}" }, "$type": "color" }, - "palette-neutral-secondary-background-readonly": { + "palette-negative-weak": { "$value": { - "$dark": "{foundations.color.color-gray-600-fade-background-readonly}", - "$light": "{foundations.color.color-gray-20-fade-background-readonly}" + "$dark": "{foundations.color.color-red-900}", + "$light": "{foundations.color.color-red-100}" + }, + "$type": "color" + } + }, + "neutral": { + "palette-neutral": { + "$value": { + "$dark": "{foundations.color.color-gray-500}", + "$light": "{foundations.color.color-gray-500}" }, "$type": "color" }, - "palette-neutral-secondary-border": { + "palette-neutral-disabled": { "$value": { - "$dark": "{foundations.color.color-gray-300}", - "$light": "{foundations.color.color-gray-50}" + "$dark": "{foundations.color.color-gray-500-40a}", + "$light": "{foundations.color.color-gray-500-40a}" }, "$type": "color" }, - "palette-neutral-secondary-border-disabled": { + "palette-neutral-readonly": { "$value": { - "$dark": "{foundations.color.color-gray-300-fade-border}", - "$light": "{foundations.color.color-gray-50-fade-border}" + "$dark": "{foundations.color.color-gray-500-15a}", + "$light": "{foundations.color.color-gray-500-15a}" }, "$type": "color" }, - "palette-neutral-secondary-foreground": { + "palette-neutral-strong": { "$value": { - "$dark": "{foundations.color.color-gray-70}", - "$light": "{foundations.color.color-gray-200}" + "$dark": "{foundations.color.color-gray-400}", + "$light": "{foundations.color.color-gray-600}" }, "$type": "color" }, - "palette-neutral-secondary-foreground-disabled": { + "palette-neutral-strong-disabled": { "$value": { - "$dark": "{foundations.color.color-gray-70-fade-foreground}", - "$light": "{foundations.color.color-gray-200-fade-foreground}" + "$dark": "{foundations.color.color-gray-400-40a}", + "$light": "{foundations.color.color-gray-600-40a}" }, "$type": "color" }, - "palette-neutral-backdrop": { + "palette-neutral-stronger-primary": { "$value": { - "$dark": "{foundations.color.color-black-fade-backdrop}", - "$light": "{foundations.color.color-white-fade-backdrop}" + "$dark": "{foundations.color.color-white-40a}", + "$light": "{foundations.color.color-black-40a}" }, "$type": "color" }, - "palette-neutral-secondary-separator": { + "palette-neutral-stronger-secondary": { "$value": { - "$dark": "{foundations.color.color-white-fade-separatorOpacity-secondary}", - "$light": "{foundations.color.color-black-fade-separatorOpacity-secondary}" + "$dark": "{foundations.color.color-white-25a}", + "$light": "{foundations.color.color-black-25a}" }, "$type": "color" }, - "palette-neutral-tertiary-separator": { + "palette-neutral-stronger-tertiary": { "$value": { - "$dark": "{foundations.color.color-white-fade-separatorOpacity-tertiary}", - "$light": "{foundations.color.color-black-fade-separatorOpacity-tertiary}" + "$dark": "{foundations.color.color-white-15a}", + "$light": "{foundations.color.color-black-15a}" }, "$type": "color" - } - }, - "positive": { - "palette-positive-foreground": { + }, + "palette-neutral-weak": { "$value": { - "$dark": "{foundations.color.color-green-300}", - "$light": "{foundations.color.color-green-700}" + "$dark": "{foundations.color.color-gray-600}", + "$light": "{foundations.color.color-gray-400}" }, "$type": "color" - } - }, - "success": { - "palette-success-background": { + }, + "palette-neutral-weaker": { "$value": { - "$dark": "{foundations.color.color-green-900}", - "$light": "{foundations.color.color-green-10}" + "$dark": "{foundations.color.color-gray-700}", + "$light": "{foundations.color.color-gray-300}" }, "$type": "color" }, - "palette-success-background-selected": { + "palette-neutral-weaker-disabled": { "$value": { - "$dark": "{foundations.color.color-green-900}", - "$light": "{foundations.color.color-green-20}" + "$dark": "{foundations.color.color-gray-700-40a}", + "$light": "{foundations.color.color-gray-300-40a}" }, "$type": "color" }, - "palette-success-border": { + "palette-neutral-weaker-readonly": { "$value": { - "$dark": "{foundations.color.color-green-400}", - "$light": "{foundations.color.color-green-500}" + "$dark": "{foundations.color.color-gray-700-15a}", + "$light": "{foundations.color.color-gray-300-15a}" }, "$type": "color" }, - "palette-success-foreground": { + "palette-neutral-weakest": { "$value": { - "$dark": "{foundations.color.color-green-400}", - "$light": "{foundations.color.color-green-500}" + "$dark": "{foundations.color.color-gray-800}", + "$light": "{foundations.color.color-gray-200}" }, "$type": "color" } }, - "warning": { - "palette-warning-background": { + "positive": { + "palette-positive": { "$value": { - "$dark": "{foundations.color.color-orange-900}", - "$light": "{foundations.color.color-orange-10}" + "$dark": "{foundations.color.color-green-400}", + "$light": "{foundations.color.color-green-600}" }, "$type": "color" }, - "palette-warning-background-selected": { + "palette-positive-weak": { "$value": { - "$dark": "{foundations.color.color-orange-900}", - "$light": "{foundations.color.color-orange-20}" + "$dark": "{foundations.color.color-green-900}", + "$light": "{foundations.color.color-green-100}" }, "$type": "color" - }, - "palette-warning-border": { + } + }, + "warning": { + "palette-warning": { "$value": { - "$dark": "{foundations.color.color-orange-500}", - "$light": "{foundations.color.color-orange-700}" + "$dark": "{foundations.color.color-orange-400}", + "$light": "{foundations.color.color-orange-600}" }, "$type": "color" }, - "palette-warning-foreground": { + "palette-warning-weak": { "$value": { - "$dark": "{foundations.color.color-orange-500}", - "$light": "{foundations.color.color-orange-700}" + "$dark": "{foundations.color.color-orange-900}", + "$light": "{foundations.color.color-orange-100}" }, "$type": "color" } - }, - "opacity": { - "palette-opacity-backdrop": { - "$value": "{foundations.opacity.opacity-70}", - "$type": "number" - }, - "palette-opacity-disabled": { - "$value": "{foundations.opacity.opacity-40}", - "$type": "number" - }, - "palette-opacity-background-readonly": { - "$value": "{foundations.opacity.opacity-0}", - "$type": "number" - }, - "palette-opacity-border-readonly": { - "$value": "{foundations.opacity.opacity-15}", - "$type": "number" - }, - "palette-opacity-primary-border": { - "$value": "{foundations.opacity.opacity-40}", - "$type": "number" - }, - "palette-opacity-secondary-border": { - "$value": "{foundations.opacity.opacity-25}", - "$type": "number" - }, - "palette-opacity-tertiary-border": { - "$value": "{foundations.opacity.opacity-15}", - "$type": "number" - } } }, "foundations": { @@ -977,826 +960,640 @@ } }, "color": { - "color-white": { - "$value": "#ffffff", + "color-aqua-400": { + "$value": "#6fdbde", "$type": "color" }, - "color-black": { - "$value": "#000000", + "color-aqua-500": { + "$value": "#2a8285", "$type": "color" }, - "color-red-10": { - "$value": "#ffe3e0", + "color-aqua-600": { + "$value": "#155c5e", "$type": "color" }, - "color-red-20": { - "$value": "#ffcfc9", + "color-asphalt": { + "$value": "#18191a", "$type": "color" }, - "color-red-30": { - "$value": "#ffbbb2", + "color-asphalt-40a": { + "$value": "#18191a00", "$type": "color" }, - "color-red-40": { - "$value": "#ffa79c", + "color-autumn-400": { + "$value": "#f29f63", "$type": "color" }, - "color-red-50": { - "$value": "#ff9485", + "color-autumn-500": { + "$value": "#bd5b15", "$type": "color" }, - "color-red-100": { - "$value": "#ff806f", + "color-autumn-600": { + "$value": "#803a08", "$type": "color" }, - "color-red-200": { - "$value": "#ff6c58", + "color-black": { + "$value": "#000000", "$type": "color" }, - "color-red-300": { - "$value": "#ff5942", + "color-black-15a": { + "$value": "#00000000", "$type": "color" }, - "color-red-400": { - "$value": "#ed412a", + "color-black-25a": { + "$value": "#00000000", "$type": "color" }, - "color-red-500": { - "$value": "#e32b16", + "color-black-40a": { + "$value": "#00000000", "$type": "color" }, - "color-red-600": { - "$value": "#c42010", + "color-black-70a": { + "$value": "#00000000", "$type": "color" }, - "color-red-700": { - "$value": "#a6150b", + "color-black-8a": { + "$value": "#00000000", "$type": "color" }, - "color-red-800": { - "$value": "#880a05", + "color-blue-100": { + "$value": "#cae7fc", "$type": "color" }, - "color-red-900": { - "$value": "#412522", + "color-blue-200": { + "$value": "#a7cbea", "$type": "color" }, - "color-orange-10": { - "$value": "#ffe8bf", + "color-blue-200-40a": { + "$value": "#a7cbea00", "$type": "color" }, - "color-orange-20": { - "$value": "#fedfa6", + "color-blue-300": { + "$value": "#83b0d8", "$type": "color" }, - "color-orange-30": { - "$value": "#fed68e", + "color-blue-300-40a": { + "$value": "#83b0d800", "$type": "color" }, - "color-orange-40": { - "$value": "#fecd76", + "color-blue-400": { + "$value": "#5c95c7", "$type": "color" }, - "color-orange-50": { - "$value": "#fec55e", + "color-blue-400-40a": { + "$value": "#5c95c700", "$type": "color" }, - "color-orange-100": { - "$value": "#fab551", + "color-blue-500": { + "$value": "#2b7cb5", "$type": "color" }, - "color-orange-200": { - "$value": "#f6a544", + "color-blue-500-40a": { + "$value": "#2b7cb500", "$type": "color" }, - "color-orange-300": { - "$value": "#f29538", + "color-blue-600": { + "$value": "#1f6494", "$type": "color" }, - "color-orange-400": { - "$value": "#ee852b", + "color-blue-600-40a": { + "$value": "#1f649400", "$type": "color" }, - "color-orange-500": { - "$value": "#ea7319", + "color-blue-700": { + "$value": "#134d75", "$type": "color" }, - "color-orange-600": { - "$value": "#e06519", + "color-blue-700-40a": { + "$value": "#134d7500", "$type": "color" }, - "color-orange-700": { - "$value": "#d65513", + "color-blue-800": { + "$value": "#073757", "$type": "color" }, - "color-orange-800": { - "$value": "#cc440d", + "color-blue-800-40a": { + "$value": "#07375700", "$type": "color" }, - "color-orange-900": { - "$value": "#362c24", + "color-blue-900": { + "$value": "#00223b", "$type": "color" }, - "color-green-10": { - "$value": "#d1f4c9", + "color-cider-400": { + "$value": "#f2af74", "$type": "color" }, - "color-green-20": { - "$value": "#b8e8b6", + "color-cider-500": { + "$value": "#ab6528", "$type": "color" }, - "color-green-30": { - "$value": "#a0dda4", + "color-cider-600": { + "$value": "#854814", "$type": "color" }, - "color-green-40": { - "$value": "#88d291", + "color-citrine-400": { + "$value": "#ccba62", "$type": "color" }, - "color-green-50": { - "$value": "#70c77f", + "color-citrine-500": { + "$value": "#877410", "$type": "color" }, - "color-green-100": { - "$value": "#5dbd74", + "color-citrine-600": { + "$value": "#635303", "$type": "color" }, - "color-green-200": { - "$value": "#4db469", + "color-cobalt-400": { + "$value": "#7eacf2", "$type": "color" }, - "color-green-300": { - "$value": "#3cab60", + "color-cobalt-500": { + "$value": "#4676bf", "$type": "color" }, - "color-green-400": { - "$value": "#309c5a", + "color-cobalt-600": { + "$value": "#234d8c", "$type": "color" }, - "color-green-500": { - "$value": "#24874b", + "color-forest-400": { + "$value": "#60d1a4", "$type": "color" }, - "color-green-600": { - "$value": "#18723d", + "color-forest-500": { + "$value": "#23855e", "$type": "color" }, - "color-green-700": { - "$value": "#0c5d2e", + "color-forest-600": { + "$value": "#196145", "$type": "color" }, - "color-green-800": { - "$value": "#014920", + "color-fuchsia-400": { + "$value": "#e879bf", "$type": "color" }, - "color-green-900": { - "$value": "#23342b", + "color-fuchsia-500": { + "$value": "#c24795", "$type": "color" }, - "color-teal-10": { - "$value": "#daf0f0", + "color-fuchsia-600": { + "$value": "#822a62", "$type": "color" }, - "color-teal-20": { - "$value": "#c7e8e8", + "color-fur-400": { + "$value": "#cc966c", "$type": "color" }, - "color-teal-30": { - "$value": "#b4e0e1", + "color-fur-500": { + "$value": "#996a45", "$type": "color" }, - "color-teal-40": { - "$value": "#a2d9da", + "color-fur-600": { + "$value": "#664022", "$type": "color" }, - "color-teal-50": { - "$value": "#8dcdd1", + "color-gray-100": { + "$value": "#ebebed", "$type": "color" }, - "color-teal-100": { - "$value": "#7bc1c8", + "color-gray-200": { + "$value": "#cbccd0", "$type": "color" }, - "color-teal-200": { - "$value": "#63b5c0", + "color-gray-300": { + "$value": "#adaeb3", "$type": "color" }, - "color-teal-300": { - "$value": "#49a0ac", + "color-gray-300-15a": { + "$value": "#adaeb300", "$type": "color" }, - "color-teal-400": { - "$value": "#3095a6", + "color-gray-300-40a": { + "$value": "#adaeb300", "$type": "color" }, - "color-teal-500": { - "$value": "#008297", + "color-gray-400": { + "$value": "#8f9198", "$type": "color" }, - "color-teal-600": { - "$value": "#1b6b85", + "color-gray-400-40a": { + "$value": "#8f919800", "$type": "color" }, - "color-teal-700": { - "$value": "#005571", + "color-gray-500": { + "$value": "#72757d", "$type": "color" }, - "color-teal-800": { - "$value": "#014156", + "color-gray-500-15a": { + "$value": "#72757d00", "$type": "color" }, - "color-teal-900": { - "$value": "#00314c", + "color-gray-500-40a": { + "$value": "#72757d00", "$type": "color" }, - "color-blue-10": { - "$value": "#cbe7f9", + "color-gray-600": { + "$value": "#5b5d64", "$type": "color" }, - "color-blue-20": { - "$value": "#b7def6", + "color-gray-600-40a": { + "$value": "#5b5d6400", "$type": "color" }, - "color-blue-30": { - "$value": "#a4d5f4", + "color-gray-700": { + "$value": "#45474d", "$type": "color" }, - "color-blue-40": { - "$value": "#90ccf2", + "color-gray-700-15a": { + "$value": "#45474d00", "$type": "color" }, - "color-blue-50": { - "$value": "#7dc3f0", + "color-gray-700-40a": { + "$value": "#45474d00", "$type": "color" }, - "color-blue-100": { - "$value": "#64b1e4", + "color-gray-800": { + "$value": "#303136", "$type": "color" }, - "color-blue-200": { - "$value": "#4b9fd8", + "color-gray-900": { + "$value": "#1c1d21", "$type": "color" }, - "color-blue-300": { - "$value": "#338dcd", + "color-green-100": { + "$value": "#c7edd6", "$type": "color" }, - "color-blue-400": { - "$value": "#2e84c6", + "color-green-200": { + "$value": "#a1d3b2", "$type": "color" }, - "color-blue-500": { - "$value": "#2670a9", + "color-green-300": { + "$value": "#7bb98f", "$type": "color" }, - "color-blue-600": { - "$value": "#155c93", + "color-green-400": { + "$value": "#54a06d", "$type": "color" }, - "color-blue-700": { - "$value": "#00477b", + "color-green-500": { + "$value": "#26874c", "$type": "color" }, - "color-blue-800": { - "$value": "#273c4d", + "color-green-600": { + "$value": "#1c723d", "$type": "color" }, - "color-blue-900": { - "$value": "#232f38", + "color-green-700": { + "$value": "#115d2f", "$type": "color" }, - "color-purple-10": { - "$value": "#f9e0f7", + "color-green-800": { + "$value": "#074922", "$type": "color" }, - "color-purple-20": { - "$value": "#f7d4f4", + "color-green-900": { + "$value": "#003615", "$type": "color" }, - "color-purple-30": { - "$value": "#f5c9f1", + "color-indigo-400": { + "$value": "#9887f5", "$type": "color" }, - "color-purple-40": { - "$value": "#f3bdee", + "color-indigo-500": { + "$value": "#7868ce", "$type": "color" }, - "color-purple-50": { - "$value": "#f1b2eb", + "color-indigo-600": { + "$value": "#463b82", "$type": "color" }, - "color-purple-100": { - "$value": "#df9ce1", + "color-jade-400": { + "$value": "#52ba6c", "$type": "color" }, - "color-purple-200": { - "$value": "#cd87d7", + "color-jade-500": { + "$value": "#2d8543", "$type": "color" }, - "color-purple-300": { - "$value": "#c074cb", + "color-jade-600": { + "$value": "#185427", "$type": "color" }, - "color-purple-400": { - "$value": "#a961b5", + "color-lavender-400": { + "$value": "#d492d4", "$type": "color" }, - "color-purple-500": { - "$value": "#964ea2", + "color-lavender-500": { + "$value": "#946694", "$type": "color" }, - "color-purple-600": { - "$value": "#813c8d", + "color-lavender-600": { + "$value": "#613461", "$type": "color" }, - "color-purple-700": { - "$value": "#672e7a", + "color-lime-400": { + "$value": "#b1cc56", "$type": "color" }, - "color-purple-800": { - "$value": "#53256d", + "color-lime-500": { + "$value": "#667d15", "$type": "color" }, - "color-purple-900": { - "$value": "#3b1054", + "color-lime-600": { + "$value": "#3a470e", "$type": "color" }, - "color-gray-10": { + "color-mist": { "$value": "#f2f4f6", "$type": "color" }, - "color-gray-20": { - "$value": "#eaedef", + "color-mist-40a": { + "$value": "#f2f4f600", "$type": "color" }, - "color-gray-30": { - "$value": "#e0e4e9", + "color-ocean-400": { + "$value": "#5fc4d4", "$type": "color" }, - "color-gray-40": { - "$value": "#d9dde3", + "color-ocean-500": { + "$value": "#008094", "$type": "color" }, - "color-gray-50": { - "$value": "#ced2d9", + "color-ocean-600": { + "$value": "#005461", "$type": "color" }, - "color-gray-60": { - "$value": "#c5c9d0", + "color-oil": { + "$value": "#272829", "$type": "color" }, - "color-gray-70": { - "$value": "#b4b7be", + "color-oil-40a": { + "$value": "#27282900", "$type": "color" }, - "color-gray-80": { - "$value": "#9fa3aa", + "color-olive-400": { + "$value": "#9bb06d", "$type": "color" }, - "color-gray-90": { - "$value": "#84878e", + "color-olive-500": { + "$value": "#6d7c4d", "$type": "color" }, - "color-gray-100": { - "$value": "#74777f", + "color-olive-600": { + "$value": "#535e3a", "$type": "color" }, - "color-gray-200": { - "$value": "#61656e", + "color-orange-100": { + "$value": "#f7dac6", "$type": "color" }, - "color-gray-300": { - "$value": "#4c505b", + "color-orange-200": { + "$value": "#f0b896", "$type": "color" }, - "color-gray-400": { - "$value": "#44484f", + "color-orange-300": { + "$value": "#e49768", "$type": "color" }, - "color-gray-500": { - "$value": "#3b3f46", + "color-orange-400": { + "$value": "#d6773b", "$type": "color" }, - "color-gray-600": { - "$value": "#2f3136", + "color-orange-500": { + "$value": "#c45500", "$type": "color" }, - "color-gray-700": { - "$value": "#2a2c2f", + "color-orange-600": { + "$value": "#9b4406", "$type": "color" }, - "color-gray-800": { - "$value": "#242526", + "color-orange-700": { + "$value": "#743309", "$type": "color" }, - "color-gray-900": { - "$value": "#161616", + "color-orange-800": { + "$value": "#4f2307", "$type": "color" }, - "color-blue-100-fade-foreground": { - "$value": { - "color": "{foundations.color.color-blue-100}", - "opacity": "{palette.opacity.palette-opacity-disabled}" - }, + "color-orange-900": { + "$value": "#2e1400", "$type": "color" }, - "color-blue-500-fade-foreground": { - "$value": { - "color": "{foundations.color.color-blue-500}", - "opacity": "{palette.opacity.palette-opacity-disabled}" - }, - "$type": "color" - }, - "color-blue-600-fade-foreground": { - "$value": { - "color": "{foundations.color.color-blue-600}", - "opacity": "{palette.opacity.palette-opacity-disabled}" - }, - "$type": "color" - }, - "color-gray-200-fade-foreground": { - "$value": { - "color": "{foundations.color.color-gray-200}", - "opacity": "{palette.opacity.palette-opacity-disabled}" - }, - "$type": "color" - }, - "color-gray-70-fade-foreground": { - "$value": { - "color": "{foundations.color.color-gray-70}", - "opacity": "{palette.opacity.palette-opacity-disabled}" - }, + "color-plum-400": { + "$value": "#d184f5", "$type": "color" }, - "color-gray-90-fade-foreground": { - "$value": { - "color": "{foundations.color.color-gray-90}", - "opacity": "{palette.opacity.palette-opacity-disabled}" - }, + "color-plum-500": { + "$value": "#9f55c2", "$type": "color" }, - "color-gray-900-fade-foreground": { - "$value": { - "color": "{foundations.color.color-gray-900}", - "opacity": "{palette.opacity.palette-opacity-disabled}" - }, + "color-plum-600": { + "$value": "#611f80", "$type": "color" }, - "color-green-300-fade-foreground": { - "$value": { - "color": "{foundations.color.color-green-300}", - "opacity": "{palette.opacity.palette-opacity-disabled}" - }, + "color-purple-100": { + "$value": "#f4d2fa", "$type": "color" }, - "color-green-400-fade-foreground": { - "$value": { - "color": "{foundations.color.color-green-400}", - "opacity": "{palette.opacity.palette-opacity-disabled}" - }, + "color-purple-200": { + "$value": "#e1b3e8", "$type": "color" }, - "color-green-500-fade-foreground": { - "$value": { - "color": "{foundations.color.color-green-500}", - "opacity": "{palette.opacity.palette-opacity-disabled}" - }, + "color-purple-300": { + "$value": "#cd94d6", "$type": "color" }, - "color-green-700-fade-foreground": { - "$value": { - "color": "{foundations.color.color-green-700}", - "opacity": "{palette.opacity.palette-opacity-disabled}" - }, + "color-purple-400": { + "$value": "#b975c4", "$type": "color" }, - "color-red-300-fade-foreground": { - "$value": { - "color": "{foundations.color.color-red-300}", - "opacity": "{palette.opacity.palette-opacity-disabled}" - }, + "color-purple-500": { + "$value": "#a556b2", "$type": "color" }, - "color-red-500-fade-foreground": { - "$value": { - "color": "{foundations.color.color-red-500}", - "opacity": "{palette.opacity.palette-opacity-disabled}" - }, + "color-purple-600": { + "$value": "#884094", "$type": "color" }, - "color-red-700-fade-foreground": { - "$value": { - "color": "{foundations.color.color-red-700}", - "opacity": "{palette.opacity.palette-opacity-disabled}" - }, + "color-purple-700": { + "$value": "#6d2b78", "$type": "color" }, - "color-white-fade-foreground": { - "$value": { - "color": "{foundations.color.color-white}", - "opacity": "{palette.opacity.palette-opacity-disabled}" - }, + "color-purple-800": { + "$value": "#52155c", "$type": "color" }, - "color-blue-500-fade-border": { - "$value": { - "color": "{foundations.color.color-blue-500}", - "opacity": "{palette.opacity.palette-opacity-disabled}" - }, + "color-purple-900": { + "$value": "#390042", "$type": "color" }, - "color-gray-50-fade-border": { - "$value": { - "color": "{foundations.color.color-gray-50}", - "opacity": "{palette.opacity.palette-opacity-disabled}" - }, + "color-red-100": { + "$value": "#ffdad6", "$type": "color" }, - "color-gray-60-fade-border": { - "$value": { - "color": "{foundations.color.color-gray-60}", - "opacity": "{palette.opacity.palette-opacity-disabled}" - }, + "color-red-200": { + "$value": "#ffb4a5", "$type": "color" }, - "color-gray-90-fade-border": { - "$value": { - "color": "{foundations.color.color-gray-90}", - "opacity": "{palette.opacity.palette-opacity-disabled}" - }, + "color-red-300": { + "$value": "#f98c76", "$type": "color" }, - "color-gray-200-fade-border": { - "$value": { - "color": "{foundations.color.color-gray-200}", - "opacity": "{palette.opacity.palette-opacity-disabled}" - }, + "color-red-400": { + "$value": "#ee6349", "$type": "color" }, - "color-gray-300-fade-border": { - "$value": { - "color": "{foundations.color.color-gray-300}", - "opacity": "{palette.opacity.palette-opacity-disabled}" - }, + "color-red-500": { + "$value": "#e02f1b", "$type": "color" }, - "color-green-400-fade-border": { - "$value": { - "color": "{foundations.color.color-green-400}", - "opacity": "{palette.opacity.palette-opacity-disabled}" - }, + "color-red-600": { + "$value": "#b42417", "$type": "color" }, - "color-green-500-fade-border": { - "$value": { - "color": "{foundations.color.color-green-500}", - "opacity": "{palette.opacity.palette-opacity-disabled}" - }, + "color-red-700": { + "$value": "#8a1912", "$type": "color" }, - "color-orange-400-fade-border": { - "$value": { - "color": "{foundations.color.color-orange-400}", - "opacity": "{palette.opacity.palette-opacity-disabled}" - }, + "color-red-800": { + "$value": "#620f0c", "$type": "color" }, - "color-orange-500-fade-border": { - "$value": { - "color": "{foundations.color.color-orange-500}", - "opacity": "{palette.opacity.palette-opacity-disabled}" - }, + "color-red-900": { + "$value": "#3d0600", "$type": "color" }, - "color-orange-600-fade-border": { - "$value": { - "color": "{foundations.color.color-orange-600}", - "opacity": "{palette.opacity.palette-opacity-disabled}" - }, + "color-rose-400": { + "$value": "#f59de3", "$type": "color" }, - "color-orange-700-fade-border": { - "$value": { - "color": "{foundations.color.color-orange-700}", - "opacity": "{palette.opacity.palette-opacity-disabled}" - }, + "color-rose-500": { + "$value": "#b0569e", "$type": "color" }, - "color-red-500-fade-border": { - "$value": { - "color": "{foundations.color.color-red-500}", - "opacity": "{palette.opacity.palette-opacity-disabled}" - }, + "color-rose-600": { + "$value": "#8a2f77", "$type": "color" }, - "color-gray-90-fade-border-readonly": { - "$value": { - "color": "{foundations.color.color-gray-90}", - "opacity": "{palette.opacity.palette-opacity-border-readonly}" - }, + "color-salmon-400": { + "$value": "#fc8b8f", "$type": "color" }, - "color-gray-200-fade-border-readonly": { - "$value": { - "color": "{foundations.color.color-gray-200}", - "opacity": "{palette.opacity.palette-opacity-border-readonly}" - }, + "color-salmon-500": { + "$value": "#bd5558", "$type": "color" }, - "color-blue-30-fade-background": { - "$value": { - "color": "{foundations.color.color-blue-30}", - "opacity": "{palette.opacity.palette-opacity-disabled}" - }, + "color-salmon-600": { + "$value": "#8a373a", "$type": "color" }, - "color-blue-500-fade-background": { - "$value": { - "color": "{foundations.color.color-blue-500}", - "opacity": "{palette.opacity.palette-opacity-disabled}" - }, + "color-slate-400": { + "$value": "#9da9c7", "$type": "color" }, - "color-blue-600-fade-background": { - "$value": { - "color": "{foundations.color.color-blue-600}", - "opacity": "{palette.opacity.palette-opacity-disabled}" - }, + "color-slate-500": { + "$value": "#697694", "$type": "color" }, - "color-blue-700-fade-background": { - "$value": { - "color": "{foundations.color.color-blue-700}", - "opacity": "{palette.opacity.palette-opacity-disabled}" - }, + "color-slate-600": { + "$value": "#3b4661", "$type": "color" }, - "color-gray-20-fade-background": { - "$value": { - "color": "{foundations.color.color-gray-20}", - "opacity": "{palette.opacity.palette-opacity-disabled}" - }, + "color-smoke-400": { + "$value": "#bbc0c9", "$type": "color" }, - "color-gray-60-fade-background": { - "$value": { - "color": "{foundations.color.color-gray-60}", - "opacity": "{palette.opacity.palette-opacity-disabled}" - }, + "color-smoke-500": { + "$value": "#72757a", "$type": "color" }, - "color-gray-70-fade-background": { - "$value": { - "color": "{foundations.color.color-gray-70}", - "opacity": "{palette.opacity.palette-opacity-disabled}" - }, + "color-smoke-600": { + "$value": "#4c5057", "$type": "color" }, - "color-gray-200-fade-background": { - "$value": { - "color": "{foundations.color.color-gray-200}", - "opacity": "{palette.opacity.palette-opacity-disabled}" - }, + "color-snow": { + "$value": "#ffffff", "$type": "color" }, - "color-gray-300-fade-background": { - "$value": { - "color": "{foundations.color.color-gray-300}", - "opacity": "{palette.opacity.palette-opacity-disabled}" - }, + "color-snow-40a": { + "$value": "#ffffff00", "$type": "color" }, - "color-gray-600-fade-background": { - "$value": { - "color": "{foundations.color.color-gray-600}", - "opacity": "{palette.opacity.palette-opacity-disabled}" - }, + "color-teal-100": { + "$value": "#c4eef5", "$type": "color" }, - "color-gray-800-fade-background": { - "$value": { - "color": "{foundations.color.color-gray-800}", - "opacity": "{palette.opacity.palette-opacity-disabled}" - }, + "color-teal-200": { + "$value": "#a0d2db", "$type": "color" }, - "color-white-fade-background": { - "$value": { - "color": "{foundations.color.color-white}", - "opacity": "{palette.opacity.palette-opacity-disabled}" - }, + "color-teal-300": { + "$value": "#7bb6c1", "$type": "color" }, - "color-white-fade-background-readonly": { - "$value": { - "color": "{foundations.color.color-white}", - "opacity": "{palette.opacity.palette-opacity-background-readonly}" - }, + "color-teal-400": { + "$value": "#569ba8", "$type": "color" }, - "color-gray-20-fade-background-readonly": { - "$value": { - "color": "{foundations.color.color-gray-20}", - "opacity": "{palette.opacity.palette-opacity-background-readonly}" - }, + "color-teal-500": { + "$value": "#2b818f", "$type": "color" }, - "color-gray-600-fade-background-readonly": { - "$value": { - "color": "{foundations.color.color-gray-600}", - "opacity": "{palette.opacity.palette-opacity-background-readonly}" - }, + "color-teal-600": { + "$value": "#206d79", "$type": "color" }, - "color-gray-800-fade-background-readonly": { - "$value": { - "color": "{foundations.color.color-gray-800}", - "opacity": "{palette.opacity.palette-opacity-background-readonly}" - }, + "color-teal-700": { + "$value": "#145a65", "$type": "color" }, - "color-white-fade-backdrop": { - "$value": { - "color": "{foundations.color.color-white}", - "opacity": "{palette.opacity.palette-opacity-backdrop}" - }, + "color-teal-800": { + "$value": "#094750", "$type": "color" }, - "color-black-fade-backdrop": { - "$value": { - "color": "{foundations.color.color-black}", - "opacity": "{palette.opacity.palette-opacity-backdrop}" - }, + "color-teal-900": { + "$value": "#00353d", "$type": "color" }, - "color-blue-100-fade-fill": { - "$value": { - "color": "{foundations.color.color-blue-100}", - "opacity": "{palette.opacity.palette-opacity-disabled}" - }, + "color-transparent": { + "$value": "#ffffff00", "$type": "color" }, - "color-blue-600-fade-fill": { - "$value": { - "color": "{foundations.color.color-blue-600}", - "opacity": "{palette.opacity.palette-opacity-disabled}" - }, + "color-violet-400": { + "$value": "#8a96f2", "$type": "color" }, - "color-white-fade-separatorOpacity-primary": { - "$value": { - "color": "{foundations.color.color-white}", - "opacity": "{palette.opacity.palette-opacity-primary-border}" - }, + "color-violet-500": { + "$value": "#636ebf", "$type": "color" }, - "color-white-fade-separatorOpacity-secondary": { - "$value": { - "color": "{foundations.color.color-white}", - "opacity": "{palette.opacity.palette-opacity-secondary-border}" - }, + "color-violet-600": { + "$value": "#454fa1", "$type": "color" }, - "color-white-fade-separatorOpacity-tertiary": { - "$value": { - "color": "{foundations.color.color-white}", - "opacity": "{palette.opacity.palette-opacity-tertiary-border}" - }, + "color-white": { + "$value": "#ffffff", "$type": "color" }, - "color-black-fade-separatorOpacity-primary": { - "$value": { - "color": "{foundations.color.color-black}", - "opacity": "{palette.opacity.palette-opacity-primary-border}" - }, + "color-white-15a": { + "$value": "#ffffff00", "$type": "color" }, - "color-black-fade-separatorOpacity-secondary": { - "$value": { - "color": "{foundations.color.color-black}", - "opacity": "{palette.opacity.palette-opacity-secondary-border}" - }, + "color-white-25a": { + "$value": "#ffffff00", "$type": "color" }, - "color-black-fade-separatorOpacity-tertiary": { - "$value": { - "color": "{foundations.color.color-black}", - "opacity": "{palette.opacity.palette-opacity-tertiary-border}" - }, + "color-white-40a": { + "$value": "#ffffff00", "$type": "color" }, - "color-black-fade-background-hover": { - "$value": { - "color": "{foundations.color.color-black}", - "opacity": "{foundations.opacity.opacity-8}" - }, + "color-white-70a": { + "$value": "#ffffff00", "$type": "color" }, - "color-white-fade-background-hover": { - "$value": { - "color": "{foundations.color.color-white}", - "opacity": "{foundations.opacity.opacity-8}" - }, + "color-white-8a": { + "$value": "#ffffff00", "$type": "color" } }, @@ -1880,1076 +1677,451 @@ } }, "characteristics": { - "text": { - "text-h1-fontSize": { - "$value": { - "$low": "32px", - "$touch": "42px", - "$medium": "24px", - "$high": "18px" - }, - "$type": "fontSize" + "status": { + "status-info-borderColor": { + "$value": "{palette.info.palette-info}", + "$type": "color" }, - "text-h1-lineHeight": { - "$value": { - "$low": "42px", - "$touch": "54px", - "$medium": "32px", - "$high": "24px" - }, - "$type": "lineHeight" + "status-info-background": { + "$value": "{palette.info.palette-info-weak}", + "$type": "color" }, - "text-h2-fontSize": { - "$value": { - "$low": "24px", - "$touch": "32px", - "$medium": "18px", - "$high": "14px" - }, - "$type": "fontSize" + "status-info-foreground": { + "$value": "{palette.info.palette-info}", + "$type": "color" }, - "text-h2-lineHeight": { - "$value": { - "$low": "32px", - "$touch": "42px", - "$medium": "24px", - "$high": "18px" - }, - "$type": "lineHeight" + "status-static-foreground": { + "$value": "{palette.foreground.palette-foreground-secondary}", + "$type": "color" }, - "text-h3-fontSize": { - "$value": { - "$low": "18px", - "$touch": "24px", - "$medium": "14px", - "$high": "12px" - }, - "$type": "fontSize" + "status-warning-foreground": { + "$value": "{palette.warning.palette-warning}", + "$type": "color" }, - "text-h3-lineHeight": { - "$value": { - "$low": "24px", - "$touch": "32px", - "$medium": "18px", - "$high": "16px" - }, - "$type": "lineHeight" + "status-warning-background-selected": { + "$value": "{palette.warning.palette-warning-weak}", + "$type": "color" }, - "text-h4-fontSize": { - "$value": { - "$low": "14px", - "$touch": "16px", - "$medium": "12px", - "$high": "11px" - }, - "$type": "fontSize" + "status-warning-background": { + "$value": "{palette.warning.palette-warning-weak}", + "$type": "color" }, - "text-h4-lineHeight": { - "$value": { - "$low": "18px", - "$touch": "20px", - "$medium": "16px", - "$high": "14px" - }, - "$type": "lineHeight" + "status-warning-borderColor": { + "$value": "{palette.warning.palette-warning}", + "$type": "color" }, - "text-label-fontSize": { - "$value": { - "$low": "12px", - "$touch": "14px", - "$medium": "11px", - "$high": "10px" - }, - "$type": "fontSize" + "status-success-background": { + "$value": "{palette.positive.palette-positive-weak}", + "$type": "color" }, - "text-label-lineHeight": { - "$value": { - "$low": "16px", - "$touch": "18px", - "$medium": "14px", - "$high": "13px" - }, - "$type": "lineHeight" + "status-success-background-selected": { + "$value": "{palette.positive.palette-positive-weak}", + "$type": "color" }, - "text-fontSize": { - "$value": { - "$low": "14px", - "$touch": "16px", - "$medium": "12px", - "$high": "11px" - }, - "$type": "fontSize" + "status-success-foreground": { + "$value": "{palette.positive.palette-positive}", + "$type": "color" }, - "text-lineHeight": { - "$value": { - "$low": "18px", - "$touch": "20px", - "$medium": "16px", - "$high": "14px" - }, - "$type": "lineHeight" + "status-success-borderColor": { + "$value": "{palette.positive.palette-positive}", + "$type": "color" }, - "text-minHeight": { - "$value": { - "$low": "18px", - "$touch": "20px", - "$medium": "16px", - "$high": "14px" - }, - "$type": "minHeight" + "status-error-background-selected": { + "$value": "{palette.negative.palette-negative-weak}", + "$type": "color" }, - "text-display1-fontSize": { - "$value": { - "$low": "68px", - "$touch": "84px", - "$medium": "54px", - "$high": "42px" - }, - "$type": "fontSize" + "status-error-background": { + "$value": "{palette.negative.palette-negative-weak}", + "$type": "color" }, - "text-display1-lineHeight": { - "$value": { - "$low": "88px", - "$touch": "109px", - "$medium": "70px", - "$high": "54px" - }, - "$type": "lineHeight" + "status-error-borderColor": { + "$value": "{palette.negative.palette-negative}", + "$type": "color" }, - "text-display2-fontSize": { - "$value": { - "$low": "46px", - "$touch": "58px", - "$medium": "36px", - "$high": "28px" - }, - "$type": "fontSize" + "status-error-foreground": { + "$value": "{palette.negative.palette-negative}", + "$type": "color" }, - "text-display2-lineHeight": { - "$value": { - "$low": "60px", - "$touch": "76px", - "$medium": "47px", - "$high": "36px" - }, - "$type": "lineHeight" + "status-negative-foreground": { + "$value": "{palette.negative.palette-negative}", + "$type": "color" }, - "text-display3-fontSize": { - "$value": { - "$low": "32px", - "$touch": "42px", - "$medium": "24px", - "$high": "18px" - }, - "$type": "fontSize" + "status-positive-foreground": { + "$value": "{palette.positive.palette-positive}", + "$type": "color" + } + }, + "container": { + "container-secondary-borderColor-disabled": { + "$value": "{palette.neutral.palette-neutral-disabled}", + "$type": "color" }, - "text-display3-lineHeight": { - "$value": { - "$low": "42px", - "$touch": "54px", - "$medium": "32px", - "$high": "24px" - }, - "$type": "lineHeight" + "container-secondary-borderColor": { + "$value": "{palette.neutral.palette-neutral}", + "$type": "color" }, - "text-notation-fontSize": { - "$value": { - "$low": "12px", - "$touch": "14px", - "$medium": "10px", - "$high": "8px" - }, - "$type": "fontSize" + "container-secondary-background": { + "$value": "{palette.background.palette-background-secondary}", + "$type": "color" }, - "text-notation-lineHeight": { - "$value": { - "$low": "16px", - "$touch": "18px", - "$medium": "13px", - "$high": "10px" - }, - "$type": "lineHeight" + "container-secondary-background-disabled": { + "$value": "{palette.background.palette-background-secondary-disabled}", + "$type": "color" }, - "text-letterSpacing": { - "$value": "0", - "$type": "letterSpacing" - }, - "text-textAlign": { - "$value": "left", - "$type": "textAlign" - }, - "text-textAlign-embedded": { - "$value": "center", - "$type": "textAlign" - }, - "text-textTransform": { - "$value": "none", - "$type": "textTransform" - }, - "text-action-letterSpacing": { - "$value": "0.6px", - "$type": "letterSpacing" - }, - "text-action-textTransform": { - "$value": "uppercase", - "$type": "textTransform" - }, - "text-action-textAlign": { - "$value": "center", - "$type": "textAlign" - }, - "text-action-fontWeight": { - "$value": "var(--salt-typography-fontWeight-semiBold)", - "$type": "fontWeight" - }, - "text-fontFamily": { - "$value": "var(--salt-typography-fontFamily)", - "$type": "fontFamily" - }, - "text-fontWeight": { - "$value": "var(--salt-typography-fontWeight-regular)", - "$type": "fontWeight" - }, - "text-fontWeight-small": { - "$value": "var(--salt-typography-fontWeight-light)", - "$type": "fontWeight" - }, - "text-fontWeight-strong": { - "$value": "var(--salt-typography-fontWeight-semiBold)", - "$type": "fontWeight" - }, - "text-notation-fontFamily": { - "$value": "var(--salt-typography-fontFamily)", - "$type": "fontFamily" - }, - "text-notation-fontWeight": { - "$value": "var(--salt-typography-fontWeight-semiBold)", - "$type": "fontWeight" - }, - "text-notation-fontWeight-small": { - "$value": "var(--salt-typography-fontWeight-regular)", - "$type": "fontWeight" - }, - "text-notation-fontWeight-strong": { - "$value": "var(--salt-typography-fontWeight-bold)", - "$type": "fontWeight" - }, - "text-h1-fontFamily": { - "$value": "var(--salt-typography-fontFamily)", - "$type": "fontFamily" - }, - "text-h1-fontWeight": { - "$value": "var(--salt-typography-fontWeight-bold)", - "$type": "fontWeight" - }, - "text-h1-fontWeight-small": { - "$value": "var(--salt-typography-fontWeight-medium)", - "$type": "fontWeight" - }, - "text-h1-fontWeight-strong": { - "$value": "var(--salt-typography-fontWeight-extraBold)", - "$type": "fontWeight" - }, - "text-h2-fontFamily": { - "$value": "var(--salt-typography-fontFamily)", - "$type": "fontFamily" - }, - "text-h2-fontWeight": { - "$value": "var(--salt-typography-fontWeight-semiBold)", - "$type": "fontWeight" - }, - "text-h2-fontWeight-small": { - "$value": "var(--salt-typography-fontWeight-regular)", - "$type": "fontWeight" - }, - "text-h2-fontWeight-strong": { - "$value": "var(--salt-typography-fontWeight-bold)", - "$type": "fontWeight" - }, - "text-h3-fontFamily": { - "$value": "var(--salt-typography-fontFamily)", - "$type": "fontFamily" - }, - "text-h3-fontWeight": { - "$value": "var(--salt-typography-fontWeight-semiBold)", - "$type": "fontWeight" - }, - "text-h3-fontWeight-small": { - "$value": "var(--salt-typography-fontWeight-regular)", - "$type": "fontWeight" - }, - "text-h3-fontWeight-strong": { - "$value": "var(--salt-typography-fontWeight-bold)", - "$type": "fontWeight" - }, - "text-h4-fontFamily": { - "$value": "var(--salt-typography-fontFamily)", - "$type": "fontFamily" - }, - "text-h4-fontWeight": { - "$value": "var(--salt-typography-fontWeight-semiBold)", - "$type": "fontWeight" - }, - "text-h4-fontWeight-small": { - "$value": "var(--salt-typography-fontWeight-regular)", - "$type": "fontWeight" - }, - "text-h4-fontWeight-strong": { - "$value": "var(--salt-typography-fontWeight-bold)", - "$type": "fontWeight" - }, - "text-label-fontFamily": { - "$value": "var(--salt-typography-fontFamily)", - "$type": "fontFamily" - }, - "text-label-fontWeight": { - "$value": "var(--salt-typography-fontWeight-regular)", - "$type": "fontWeight" - }, - "text-label-fontWeight-small": { - "$value": "var(--salt-typography-fontWeight-light)", - "$type": "fontWeight" - }, - "text-label-fontWeight-strong": { - "$value": "var(--salt-typography-fontWeight-semiBold)", - "$type": "fontWeight" - }, - "text-display1-fontFamily": { - "$value": "var(--salt-typography-fontFamily)", - "$type": "fontFamily" - }, - "text-display1-fontWeight": { - "$value": "var(--salt-typography-fontWeight-semiBold)", - "$type": "fontWeight" - }, - "text-display1-fontWeight-strong": { - "$value": "var(--salt-typography-fontWeight-bold)", - "$type": "fontWeight" - }, - "text-display1-fontWeight-small": { - "$value": "var(--salt-typography-fontWeight-regular)", - "$type": "fontWeight" - }, - "text-display2-fontFamily": { - "$value": "var(--salt-typography-fontFamily)", - "$type": "fontFamily" - }, - "text-display2-fontWeight": { - "$value": "var(--salt-typography-fontWeight-semiBold)", - "$type": "fontWeight" - }, - "text-display2-fontWeight-strong": { - "$value": "var(--salt-typography-fontWeight-bold)", - "$type": "fontWeight" - }, - "text-display2-fontWeight-small": { - "$value": "var(--salt-typography-fontWeight-regular)", - "$type": "fontWeight" - }, - "text-display3-fontFamily": { - "$value": "var(--salt-typography-fontFamily)", - "$type": "fontFamily" - }, - "text-display3-fontWeight": { - "$value": "var(--salt-typography-fontWeight-semiBold)", - "$type": "fontWeight" - }, - "text-display3-fontWeight-strong": { - "$value": "var(--salt-typography-fontWeight-bold)", - "$type": "fontWeight" - }, - "text-display3-fontWeight-small": { - "$value": "var(--salt-typography-fontWeight-regular)", - "$type": "fontWeight" + "container-primary-borderColor-disabled": { + "$value": "{palette.neutral.palette-neutral-weaker-disabled}", + "$type": "color" }, - "text-code-fontFamily": { - "$value": "var(--salt-typography-fontFamily-code)", - "$type": "fontFamily" - } - }, - "accent": { - "accent-background": { - "$value": "{palette.accent.palette-accent-background}", + "container-primary-borderColor": { + "$value": "{palette.neutral.palette-neutral-weaker}", "$type": "color" }, - "accent-borderColor": { - "$value": "{palette.accent.palette-accent-border}", + "container-primary-background-disabled": { + "$value": "{palette.background.palette-background-primary-disabled}", "$type": "color" }, - "accent-foreground": { - "$value": "{palette.accent.palette-accent-foreground}", + "container-primary-background": { + "$value": "{palette.background.palette-background-primary}", "$type": "color" } }, "actionable": { - "actionable-cursor-hover": { - "$value": "pointer", - "$type": "cursor" - }, - "actionable-cursor-active": { - "$value": "pointer", - "$type": "cursor" - }, - "actionable-cursor-disabled": { - "$value": "not-allowed", - "$type": "cursor" - }, - "actionable-primary-foreground": { - "$value": "{palette.interact.palette-interact-primary-foreground}", - "$type": "color" - }, - "actionable-primary-foreground-hover": { - "$value": "{palette.interact.palette-interact-primary-foreground-hover}", - "$type": "color" - }, - "actionable-primary-foreground-active": { - "$value": "{palette.interact.palette-interact-primary-foreground-active}", - "$type": "color" - }, - "actionable-primary-foreground-disabled": { - "$value": "{palette.interact.palette-interact-primary-foreground-disabled}", - "$type": "color" - }, - "actionable-primary-background": { - "$value": "{palette.interact.palette-interact-primary-background}", - "$type": "color" - }, - "actionable-primary-background-hover": { - "$value": "{palette.interact.palette-interact-primary-background-hover}", - "$type": "color" - }, - "actionable-primary-background-active": { - "$value": "{palette.interact.palette-interact-primary-background-active}", - "$type": "color" - }, - "actionable-primary-background-disabled": { - "$value": "{palette.interact.palette-interact-primary-background-disabled}", + "actionable-secondary-foreground-disabled": { + "$value": "{palette.foreground.palette-foreground-primary-disabled}", "$type": "color" }, - "actionable-cta-foreground": { - "$value": "{palette.interact.palette-interact-cta-foreground}", + "actionable-secondary-foreground": { + "$value": "{palette.foreground.palette-foreground-primary}", "$type": "color" }, - "actionable-cta-foreground-hover": { - "$value": "{palette.interact.palette-interact-cta-foreground-hover}", + "actionable-secondary-background": { + "$value": "{palette.background.palette-background-transparent}", "$type": "color" }, - "actionable-cta-foreground-active": { - "$value": "{palette.interact.palette-interact-cta-foreground-active}", + "actionable-secondary-background-hover": { + "$value": "{palette.neutral.palette-neutral-weak}", "$type": "color" }, - "actionable-cta-foreground-disabled": { - "$value": "{palette.interact.palette-interact-cta-foreground-disabled}", + "actionable-secondary-foreground-active": { + "$value": "{palette.foreground.palette-foreground-invert}", "$type": "color" }, - "actionable-cta-background": { - "$value": "{palette.interact.palette-interact-cta-background}", + "actionable-secondary-background-disabled": { + "$value": "{palette.background.palette-background-transparent}", "$type": "color" }, - "actionable-cta-background-hover": { - "$value": "{palette.interact.palette-interact-cta-background-hover}", + "actionable-secondary-background-active": { + "$value": "{palette.neutral.palette-neutral-strong}", "$type": "color" }, - "actionable-cta-background-active": { - "$value": "{palette.interact.palette-interact-cta-background-active}", + "actionable-secondary-foreground-hover": { + "$value": "{palette.foreground.palette-foreground-primary}", "$type": "color" }, - "actionable-cta-background-disabled": { - "$value": "{palette.interact.palette-interact-cta-background-disabled}", + "actionable-primary-foreground-disabled": { + "$value": "{palette.foreground.palette-foreground-primary-disabled}", "$type": "color" }, - "actionable-secondary-foreground": { - "$value": "{palette.interact.palette-interact-secondary-foreground}", + "actionable-primary-foreground-hover": { + "$value": "{palette.foreground.palette-foreground-primary}", "$type": "color" }, - "actionable-secondary-foreground-hover": { - "$value": "{palette.interact.palette-interact-secondary-foreground-hover}", + "actionable-primary-background": { + "$value": "{palette.neutral.palette-neutral-weaker}", "$type": "color" }, - "actionable-secondary-foreground-active": { - "$value": "{palette.interact.palette-interact-secondary-foreground-active}", + "actionable-primary-background-disabled": { + "$value": "{palette.neutral.palette-neutral-weaker-disabled}", "$type": "color" }, - "actionable-secondary-foreground-disabled": { - "$value": "{palette.interact.palette-interact-secondary-foreground-disabled}", + "actionable-primary-background-active": { + "$value": "{palette.neutral.palette-neutral-strong}", "$type": "color" }, - "actionable-secondary-background": { - "$value": "{palette.interact.palette-interact-secondary-background}", + "actionable-primary-background-readonly": { + "$value": "{palette.neutral.palette-neutral-weaker-readonly}", "$type": "color" }, - "actionable-secondary-background-hover": { - "$value": "{palette.interact.palette-interact-secondary-background-hover}", + "actionable-primary-background-hover": { + "$value": "{palette.neutral.palette-neutral-weak}", "$type": "color" }, - "actionable-secondary-background-active": { - "$value": "{palette.interact.palette-interact-secondary-background-active}", + "actionable-primary-foreground-active": { + "$value": "{palette.foreground.palette-foreground-invert}", "$type": "color" }, - "actionable-secondary-background-disabled": { - "$value": "{palette.interact.palette-interact-secondary-background-disabled}", + "actionable-primary-foreground": { + "$value": "{palette.foreground.palette-foreground-primary}", "$type": "color" - } - }, - "container": { - "container-borderStyle": { - "$value": "solid", - "$type": "borderStyle" }, - "container-primary-background": { - "$value": "{palette.neutral.palette-neutral-primary-background}", + "actionable-cta-foreground": { + "$value": "{palette.foreground.palette-foreground-invert}", "$type": "color" }, - "container-primary-background-disabled": { - "$value": "{palette.neutral.palette-neutral-primary-background-disabled}", + "actionable-cta-foreground-active": { + "$value": "{palette.foreground.palette-foreground-invert}", "$type": "color" }, - "container-primary-borderColor": { - "$value": "{palette.neutral.palette-neutral-primary-border}", + "actionable-cta-foreground-hover": { + "$value": "{palette.foreground.palette-foreground-invert}", "$type": "color" }, - "container-primary-borderColor-disabled": { - "$value": "{palette.neutral.palette-neutral-primary-border-disabled}", + "actionable-cta-foreground-disabled": { + "$value": "{palette.foreground.palette-foreground-invert-disabled}", "$type": "color" }, - "container-secondary-background": { - "$value": "{palette.neutral.palette-neutral-secondary-background}", + "actionable-cta-background-hover": { + "$value": "{palette.accent.palette-accent-weak}", "$type": "color" }, - "container-secondary-background-disabled": { - "$value": "{palette.neutral.palette-neutral-secondary-background-disabled}", + "actionable-cta-background-disabled": { + "$value": "{palette.accent.palette-accent-disabled}", "$type": "color" }, - "container-secondary-borderColor": { - "$value": "{palette.neutral.palette-neutral-secondary-border}", + "actionable-cta-background": { + "$value": "{palette.accent.palette-accent}", "$type": "color" }, - "container-secondary-borderColor-disabled": { - "$value": "{palette.neutral.palette-neutral-secondary-border-disabled}", + "actionable-cta-background-active": { + "$value": "{palette.accent.palette-accent-strong}", "$type": "color" } }, - "content": { - "content-primary-foreground": { - "$value": "{palette.neutral.palette-neutral-primary-foreground}", - "$type": "color" - }, - "content-primary-foreground-disabled": { - "$value": "{palette.neutral.palette-neutral-primary-foreground-disabled}", - "$type": "color" - }, - "content-secondary-foreground": { - "$value": "{palette.neutral.palette-neutral-secondary-foreground}", - "$type": "color" - }, - "content-secondary-foreground-disabled": { - "$value": "{palette.neutral.palette-neutral-secondary-foreground-disabled}", - "$type": "color" - }, - "content-foreground-hover": { - "$value": "{palette.navigate.palette-navigate-foreground-hover}", - "$type": "color" - }, - "content-foreground-active": { - "$value": "{palette.navigate.palette-navigate-foreground-active}", - "$type": "color" - }, - "content-foreground-visited": { - "$value": "{palette.navigate.palette-navigate-foreground-visited}", + "selectable": { + "selectable-background": { + "$value": "{palette.background.palette-background-transparent}", "$type": "color" }, - "content-foreground-highlight": { - "$value": "{palette.interact.palette-interact-background-active}", + "selectable-background-disabled": { + "$value": "{palette.background.palette-background-transparent}", "$type": "color" - } - }, - "draggable": { - "draggable-horizontal-cursor-hover": { - "$value": "row-resize", - "$type": "cursor" - }, - "draggable-horizontal-cursor-active": { - "$value": "row-resize", - "$type": "cursor" - }, - "draggable-vertical-cursor-hover": { - "$value": "col-resize", - "$type": "cursor" - }, - "draggable-vertical-cursor-active": { - "$value": "col-resize", - "$type": "cursor" - }, - "draggable-grab-cursor-hover": { - "$value": "grab", - "$type": "cursor" - }, - "draggable-grab-cursor-active": { - "$value": "grabbing", - "$type": "cursor" - } - }, - "editable": { - "editable-cursor-hover": { - "$value": "text", - "$type": "cursor" - }, - "editable-cursor-active": { - "$value": "text", - "$type": "cursor" - }, - "editable-cursor-disabled": { - "$value": "not-allowed", - "$type": "cursor" - }, - "editable-cursor-readonly": { - "$value": "text", - "$type": "cursor" - }, - "editable-borderStyle": { - "$value": "solid", - "$type": "borderStyle" - }, - "editable-borderStyle-hover": { - "$value": "solid", - "$type": "borderStyle" - }, - "editable-borderStyle-active": { - "$value": "solid", - "$type": "borderStyle" }, - "editable-borderStyle-disabled": { - "$value": "solid", - "$type": "borderStyle" - }, - "editable-borderStyle-readonly": { - "$value": "solid", - "$type": "borderStyle" - }, - "editable-borderWidth-active": { - "$value": "2px", - "$type": "borderWidth" - }, - "editable-borderColor": { - "$value": "{palette.interact.palette-interact-border}", + "selectable-borderColor": { + "$value": "{palette.neutral.palette-neutral}", "$type": "color" }, - "editable-borderColor-active": { - "$value": "{palette.interact.palette-interact-border-active}", + "selectable-borderColor-readonly": { + "$value": "{palette.neutral.palette-neutral-readonly}", "$type": "color" }, - "editable-borderColor-disabled": { - "$value": "{palette.interact.palette-interact-border-disabled}", + "selectable-background-blurSelected": { + "$value": "{palette.neutral.palette-neutral-weakest}", "$type": "color" }, - "editable-borderColor-hover": { - "$value": "{palette.interact.palette-interact-border-hover}", + "selectable-foreground-disabled": { + "$value": "{palette.neutral.palette-neutral-strong-disabled}", "$type": "color" }, - "editable-borderColor-readonly": { - "$value": "{palette.interact.palette-interact-border-readonly}", + "selectable-borderColor-disabled": { + "$value": "{palette.neutral.palette-neutral-disabled}", "$type": "color" }, - "editable-primary-background": { - "$value": "{palette.neutral.palette-neutral-primary-background}", + "selectable-foreground": { + "$value": "{palette.neutral.palette-neutral-strong}", "$type": "color" }, - "editable-primary-background-active": { - "$value": "{palette.neutral.palette-neutral-primary-background}", + "selectable-background-selected": { + "$value": "{palette.accent.palette-accent-weaker}", "$type": "color" }, - "editable-primary-background-disabled": { - "$value": "{palette.neutral.palette-neutral-primary-background-disabled}", + "selectable-background-hover": { + "$value": "{palette.accent.palette-accent-weakest}", "$type": "color" }, - "editable-primary-background-hover": { - "$value": "{palette.neutral.palette-neutral-primary-background}", + "selectable-borderColor-selected": { + "$value": "{palette.accent.palette-accent-stronger}", "$type": "color" }, - "editable-primary-background-readonly": { - "$value": "{palette.neutral.palette-neutral-primary-background-readonly}", + "selectable-foreground-selectedDisabled": { + "$value": "{palette.accent.palette-accent-strong-disabled}", "$type": "color" }, - "editable-secondary-background": { - "$value": "{palette.neutral.palette-neutral-secondary-background}", + "selectable-borderColor-selectedDisabled": { + "$value": "{palette.accent.palette-accent-stronger-disabled}", "$type": "color" }, - "editable-secondary-background-active": { - "$value": "{palette.neutral.palette-neutral-secondary-background}", + "selectable-borderColor-hover": { + "$value": "{palette.accent.palette-accent}", "$type": "color" }, - "editable-secondary-background-disabled": { - "$value": "{palette.neutral.palette-neutral-secondary-background-disabled}", + "selectable-background-selectedDisabled": { + "$value": "{palette.accent.palette-accent-weaker-disabled}", "$type": "color" }, - "editable-secondary-background-hover": { - "$value": "{palette.neutral.palette-neutral-secondary-background}", + "selectable-foreground-hover": { + "$value": "{palette.accent.palette-accent}", "$type": "color" }, - "editable-secondary-background-readonly": { - "$value": "{palette.neutral.palette-neutral-secondary-background-readonly}", + "selectable-foreground-selected": { + "$value": "{palette.accent.palette-accent-strong}", "$type": "color" - }, - "editable-help-fontStyle": { - "$value": "italic", - "$type": "fontStyle" } }, - "focused": { - "focused-outlineColor": { - "$value": "{palette.interact.palette-interact-outline}", + "track": { + "track-borderColor": { + "$value": "{palette.neutral.palette-neutral}", "$type": "color" - }, - "focused-outlineStyle": { - "$value": "dotted", - "$type": "outlineStyle" - }, - "focused-outlineWidth": { - "$value": "2px", - "$type": "outlineWidth" - }, - "focused-outlineInset": { - "$value": "0", - "$type": "outlineInset" - }, - "focused-outlineOffset": { - "$value": "0", - "$type": "outlineOffset" - }, - "focused-outline": { - "$value": { - "$outlineWidth": "{characteristics.focused.focused-outlineWidth}", - "$outlineStyle": "{characteristics.focused.focused-outlineStyle}", - "$outlineColor": "{characteristics.focused.focused-outlineColor}" - }, - "$type": "outline" } }, "navigable": { - "navigable-cursor-active": { - "$value": "pointer", - "$type": "cursor" - }, - "navigable-cursor-hover": { - "$value": "pointer", - "$type": "cursor" - }, - "navigable-cursor-disabled": { - "$value": "not-allowed", - "$type": "cursor" - }, - "navigable-cursor-edit": { - "$value": "text", - "$type": "cursor" - }, - "navigable-fontWeight": { - "$value": "var(--salt-typography-fontWeight-regular)", - "$type": "fontWeight" - }, - "navigable-fontWeight-hover": { - "$value": "var(--salt-typography-fontWeight-regular)", - "$type": "fontWeight" - }, - "navigable-fontWeight-active": { - "$value": "var(--salt-typography-fontWeight-semiBold)", - "$type": "fontWeight" - }, - "navigable-fontWeight-edit": { - "$value": "var(--salt-typography-fontWeight-regular)", - "$type": "fontWeight" - }, - "navigable-indicator-hover": { - "$value": "{palette.navigate.palette-navigate-indicator-hover}", + "navigable-background-hover": { + "$value": "{palette.background.palette-background-hover}", "$type": "color" }, "navigable-indicator-active": { - "$value": "{palette.navigate.palette-navigate-indicator-active}", - "$type": "color" - }, - "navigable-background-hover": { - "$value": "{palette.navigate.palette-navigate-background-hover}", + "$value": "{palette.accent.palette-accent}", "$type": "color" - } - }, - "overlayable": { - "overlayable-shadow-scroll": { - "$value": "{foundations.shadow.shadow-100}", - "$type": "shadow" - }, - "overlayable-shadow-region": { - "$value": "{foundations.shadow.shadow-200}", - "$type": "shadow" - }, - "overlayable-shadow": { - "$value": "{foundations.shadow.shadow-200}", - "$type": "shadow" - }, - "overlayable-shadow-hover": { - "$value": "{foundations.shadow.shadow-300}", - "$type": "shadow" - }, - "overlayable-shadow-popout": { - "$value": "{foundations.shadow.shadow-400}", - "$type": "shadow" - }, - "overlayable-shadow-drag": { - "$value": "{foundations.shadow.shadow-400}", - "$type": "shadow" - }, - "overlayable-shadow-modal": { - "$value": "{foundations.shadow.shadow-500}", - "$type": "shadow" }, - "overlayable-background": { - "$value": "{palette.neutral.palette-neutral-backdrop}", + "navigable-indicator-hover": { + "$value": "{palette.neutral.palette-neutral}", "$type": "color" } }, - "selectable": { - "selectable-cursor-hover": { - "$value": "pointer", - "$type": "cursor" - }, - "selectable-cursor-selected": { - "$value": "pointer", - "$type": "cursor" - }, - "selectable-cursor-blurSelected": { - "$value": "pointer", - "$type": "cursor" - }, - "selectable-cursor-disabled": { - "$value": "not-allowed", - "$type": "cursor" - }, - "selectable-cursor-readonly": { - "$value": "not-allowed", - "$type": "cursor" - }, - "selectable-borderStyle": { - "$value": "solid", - "$type": "borderStyle" - }, - "selectable-borderStyle-hover": { - "$value": "solid", - "$type": "borderStyle" - }, - "selectable-borderStyle-selected": { - "$value": "solid", - "$type": "borderStyle" - }, - "selectable-borderStyle-blurSelected": { - "$value": "solid", - "$type": "borderStyle" - }, - "selectable-borderColor": { - "$value": "{palette.interact.palette-interact-border}", - "$type": "color" - }, - "selectable-borderColor-hover": { - "$value": "{palette.interact.palette-interact-border-hover}", - "$type": "color" - }, - "selectable-borderColor-selected": { - "$value": "{palette.interact.palette-interact-border-active}", + "accent": { + "accent-foreground": { + "$value": "{palette.foreground.palette-foreground-invert}", "$type": "color" }, - "selectable-borderColor-selectedDisabled": { - "$value": "{palette.interact.palette-interact-border-activeDisabled}", + "accent-background": { + "$value": "{palette.accent.palette-accent}", "$type": "color" }, - "selectable-borderColor-disabled": { - "$value": "{palette.interact.palette-interact-border-disabled}", + "accent-borderColor": { + "$value": "{palette.accent.palette-accent}", "$type": "color" - }, - "selectable-borderColor-readonly": { - "$value": "{palette.interact.palette-interact-border-readonly}", + } + }, + "editable": { + "editable-secondary-background-readonly": { + "$value": "{palette.background.palette-background-transparent}", "$type": "color" }, - "selectable-foreground": { - "$value": "{palette.interact.palette-interact-foreground}", + "editable-secondary-background": { + "$value": "{palette.background.palette-background-secondary}", "$type": "color" }, - "selectable-foreground-disabled": { - "$value": "{palette.interact.palette-interact-foreground-disabled}", + "editable-secondary-background-disabled": { + "$value": "{palette.background.palette-background-secondary-disabled}", "$type": "color" }, - "selectable-foreground-hover": { - "$value": "{palette.interact.palette-interact-foreground-hover}", + "editable-secondary-background-active": { + "$value": "{palette.background.palette-background-secondary}", "$type": "color" }, - "selectable-foreground-selected": { - "$value": "{palette.interact.palette-interact-foreground-active}", + "editable-secondary-background-hover": { + "$value": "{palette.background.palette-background-secondary}", "$type": "color" }, - "selectable-foreground-selectedDisabled": { - "$value": "{palette.interact.palette-interact-foreground-activeDisabled}", + "editable-borderColor-readonly": { + "$value": "{palette.neutral.palette-neutral-readonly}", "$type": "color" }, - "selectable-background": { - "$value": "{palette.interact.palette-interact-background}", + "editable-borderColor": { + "$value": "{palette.neutral.palette-neutral}", "$type": "color" }, - "selectable-background-hover": { - "$value": "{palette.interact.palette-interact-background-hover}", + "editable-primary-background-readonly": { + "$value": "{palette.background.palette-background-transparent}", "$type": "color" }, - "selectable-background-selected": { - "$value": "{palette.interact.palette-interact-background-active}", + "editable-primary-background-hover": { + "$value": "{palette.background.palette-background-primary}", "$type": "color" }, - "selectable-background-blurSelected": { - "$value": "{palette.interact.palette-interact-background-blurSelected}", + "editable-primary-background": { + "$value": "{palette.background.palette-background-primary}", "$type": "color" }, - "selectable-background-disabled": { - "$value": "{palette.interact.palette-interact-background-disabled}", + "editable-primary-background-active": { + "$value": "{palette.background.palette-background-primary}", "$type": "color" }, - "selectable-background-selectedDisabled": { - "$value": "{palette.interact.palette-interact-background-activeDisabled}", + "editable-primary-background-disabled": { + "$value": "{palette.background.palette-background-primary-disabled}", "$type": "color" - } - }, - "separable": { - "separable-borderStyle": { - "$value": "solid", - "$type": "borderStyle" }, - "separable-primary-borderColor": { - "$value": "{palette.neutral.palette-neutral-primary-separator}", + "editable-borderColor-disabled": { + "$value": "{palette.neutral.palette-neutral-disabled}", "$type": "color" }, - "separable-secondary-borderColor": { - "$value": "{palette.neutral.palette-neutral-secondary-separator}", + "editable-borderColor-active": { + "$value": "{palette.accent.palette-accent-stronger}", "$type": "color" }, - "separable-tertiary-borderColor": { - "$value": "{palette.neutral.palette-neutral-tertiary-separator}", + "editable-borderColor-hover": { + "$value": "{palette.accent.palette-accent}", "$type": "color" } }, - "status": { - "status-info-foreground": { - "$value": "{palette.info.palette-info-foreground}", - "$type": "color" - }, - "status-success-foreground": { - "$value": "{palette.success.palette-success-foreground}", - "$type": "color" - }, - "status-warning-foreground": { - "$value": "{palette.warning.palette-warning-foreground}", - "$type": "color" - }, - "status-error-foreground": { - "$value": "{palette.error.palette-error-foreground}", - "$type": "color" - }, - "status-static-foreground": { - "$value": "{palette.neutral.palette-neutral-secondary-foreground}", - "$type": "color" - }, - "status-negative-foreground": { - "$value": "{palette.negative.palette-negative-foreground}", - "$type": "color" - }, - "status-positive-foreground": { - "$value": "{palette.positive.palette-positive-foreground}", - "$type": "color" - }, - "status-info-borderColor": { - "$value": "{palette.info.palette-info-border}", - "$type": "color" - }, - "status-success-borderColor": { - "$value": "{palette.success.palette-success-border}", - "$type": "color" - }, - "status-warning-borderColor": { - "$value": "{palette.warning.palette-warning-border}", + "content": { + "content-secondary-foreground-disabled": { + "$value": "{palette.foreground.palette-foreground-secondary-disabled}", "$type": "color" }, - "status-error-borderColor": { - "$value": "{palette.error.palette-error-border}", + "content-primary-foreground": { + "$value": "{palette.foreground.palette-foreground-primary}", "$type": "color" }, - "status-info-background": { - "$value": "{palette.info.palette-info-background}", + "content-secondary-foreground": { + "$value": "{palette.foreground.palette-foreground-secondary}", "$type": "color" }, - "status-success-background": { - "$value": "{palette.success.palette-success-background}", + "content-primary-foreground-disabled": { + "$value": "{palette.foreground.palette-foreground-primary-disabled}", "$type": "color" }, - "status-warning-background": { - "$value": "{palette.warning.palette-warning-background}", + "content-foreground-visited": { + "$value": "{palette.foreground.palette-foreground-visited}", "$type": "color" }, - "status-error-background": { - "$value": "{palette.error.palette-error-background}", + "content-foreground-active": { + "$value": "{palette.foreground.palette-foreground-active}", "$type": "color" }, - "status-success-background-selected": { - "$value": "{palette.success.palette-success-background-selected}", + "content-foreground-hover": { + "$value": "{palette.foreground.palette-foreground-hover}", "$type": "color" }, - "status-warning-background-selected": { - "$value": "{palette.warning.palette-warning-background-selected}", + "content-foreground-highlight": { + "$value": "{palette.accent.palette-accent-weaker}", "$type": "color" - }, - "status-error-background-selected": { - "$value": "{palette.error.palette-error-background-selected}", + } + }, + "overlayable": { + "overlayable-background": { + "$value": "{palette.background.palette-background-backdrop}", "$type": "color" } }, "target": { "target-background-hover": { - "$value": "{palette.interact.palette-interact-background-hover}", + "$value": "{palette.accent.palette-accent-weakest}", "$type": "color" }, "target-borderColor-hover": { - "$value": "{palette.interact.palette-interact-border-hover}", + "$value": "{palette.accent.palette-accent}", "$type": "color" - }, - "target-borderStyle": { - "$value": "dashed", - "$type": "borderStyle" - }, - "target-borderStyle-hover": { - "$value": "solid", - "$type": "borderStyle" - }, - "target-borderStyle-disabled": { - "$value": "dashed", - "$type": "borderStyle" - }, - "target-cursor-disabled": { - "$value": "not-allowed", - "$type": "cursor" } }, - "track": { - "track-borderStyle": { - "$value": "solid", - "$type": "borderStyle" - }, - "track-borderStyle-active": { - "$value": "solid", - "$type": "borderStyle" - }, - "track-borderStyle-complete": { - "$value": "solid", - "$type": "borderStyle" + "focused": { + "focused-outlineColor": { + "$value": "{palette.accent.palette-accent-stronger}", + "$type": "color" + } + }, + "separable": { + "separable-tertiary-borderColor": { + "$value": "{palette.neutral.palette-neutral-stronger-tertiary}", + "$type": "color" }, - "track-borderStyle-incomplete": { - "$value": "dotted", - "$type": "borderStyle" + "separable-primary-borderColor": { + "$value": "{palette.neutral.palette-neutral-stronger-primary}", + "$type": "color" }, - "track-borderColor": { - "$value": "{palette.neutral.palette-neutral-secondary-border}", + "separable-secondary-borderColor": { + "$value": "{palette.neutral.palette-neutral-stronger-secondary}", "$type": "color" } } } -} +} \ No newline at end of file