UNPKG

@pantheon-systems/pds-design-tokens

Version:

Design Tokens for the Pantheon Design System

1,516 lines 267 kB
{ "color": { "light-mode": { "badge": { "indicator": { "silver": { "background": { "value": "#c3c5c9", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/badge.light.json", "isSource": true, "original": { "value": "{color.light-mode.neutral.300.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-badge-indicator-silver-background", "attributes": { "category": "color", "type": "light-mode", "item": "badge", "subitem": "indicator", "state": "silver" }, "path": [ "color", "light-mode", "badge", "indicator", "silver", "background" ] }, "foreground": { "value": "#23232d", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/badge.light.json", "isSource": true, "original": { "value": "{color.light-mode.neutral.500.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-badge-indicator-silver-foreground", "attributes": { "category": "color", "type": "light-mode", "item": "badge", "subitem": "indicator", "state": "silver" }, "path": [ "color", "light-mode", "badge", "indicator", "silver", "foreground" ] } }, "gold": { "background": { "value": "#ffe668", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/badge.light.json", "isSource": true, "original": { "value": "{color.light-mode.brand.secondary.300.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-badge-indicator-gold-background", "attributes": { "category": "color", "type": "light-mode", "item": "badge", "subitem": "indicator", "state": "gold" }, "path": [ "color", "light-mode", "badge", "indicator", "gold", "background" ] }, "foreground": { "value": "#726009", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/badge.light.json", "isSource": true, "original": { "value": "{color.light-mode.brand.secondary.600.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-badge-indicator-gold-foreground", "attributes": { "category": "color", "type": "light-mode", "item": "badge", "subitem": "indicator", "state": "gold" }, "path": [ "color", "light-mode", "badge", "indicator", "gold", "foreground" ] } }, "diamond": { "background": { "value": "#d7edff", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/badge.light.json", "isSource": true, "original": { "value": "{color.light-mode.status.info.background.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-badge-indicator-diamond-background", "attributes": { "category": "color", "type": "light-mode", "item": "badge", "subitem": "indicator", "state": "diamond" }, "path": [ "color", "light-mode", "badge", "indicator", "diamond", "background" ] }, "foreground": { "value": "#0766c5", "public": true, "filePath": "tokens/color/component/badge.light.json", "isSource": true, "original": { "value": "#0766C5", "public": true }, "name": "color-light-mode-badge-indicator-diamond-foreground", "attributes": { "category": "color", "type": "light-mode", "item": "badge", "subitem": "indicator", "state": "diamond" }, "path": [ "color", "light-mode", "badge", "indicator", "diamond", "foreground" ] } }, "platinum": { "background": { "value": "#e5e0f8", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/badge.light.json", "isSource": true, "original": { "value": "{color.light-mode.brand.primary.200.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-badge-indicator-platinum-background", "attributes": { "category": "color", "type": "light-mode", "item": "badge", "subitem": "indicator", "state": "platinum" }, "path": [ "color", "light-mode", "badge", "indicator", "platinum", "background" ] }, "foreground": { "value": "#4f32ce", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/badge.light.json", "isSource": true, "original": { "value": "{color.light-mode.brand.primary.400.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-badge-indicator-platinum-foreground", "attributes": { "category": "color", "type": "light-mode", "item": "badge", "subitem": "indicator", "state": "platinum" }, "path": [ "color", "light-mode", "badge", "indicator", "platinum", "foreground" ] } }, "critical": { "background": { "value": "#bc1c11", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/badge.light.json", "isSource": true, "original": { "value": "{color.light-mode.status.critical.foreground.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-badge-indicator-critical-background", "attributes": { "category": "color", "type": "light-mode", "item": "badge", "subitem": "indicator", "state": "critical" }, "path": [ "color", "light-mode", "badge", "indicator", "critical", "background" ] }, "foreground": { "value": "#ffffff", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/badge.light.json", "isSource": true, "original": { "value": "{color.light-mode.neutral.000.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-badge-indicator-critical-foreground", "attributes": { "category": "color", "type": "light-mode", "item": "badge", "subitem": "indicator", "state": "critical" }, "path": [ "color", "light-mode", "badge", "indicator", "critical", "foreground" ] } }, "info": { "background": { "value": "#0875e1", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/badge.light.json", "isSource": true, "original": { "value": "{color.light-mode.status.info.foreground.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-badge-indicator-info-background", "attributes": { "category": "color", "type": "light-mode", "item": "badge", "subitem": "indicator", "state": "info" }, "path": [ "color", "light-mode", "badge", "indicator", "info", "background" ] }, "foreground": { "value": "#ffffff", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/badge.light.json", "isSource": true, "original": { "value": "{color.light-mode.neutral.000.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-badge-indicator-info-foreground", "attributes": { "category": "color", "type": "light-mode", "item": "badge", "subitem": "indicator", "state": "info" }, "path": [ "color", "light-mode", "badge", "indicator", "info", "foreground" ] } }, "success": { "background": { "value": "#217a37", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/badge.light.json", "isSource": true, "original": { "value": "{color.light-mode.status.success.foreground.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-badge-indicator-success-background", "attributes": { "category": "color", "type": "light-mode", "item": "badge", "subitem": "indicator", "state": "success" }, "path": [ "color", "light-mode", "badge", "indicator", "success", "background" ] }, "foreground": { "value": "#ffffff", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/badge.light.json", "isSource": true, "original": { "value": "{color.light-mode.neutral.000.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-badge-indicator-success-foreground", "attributes": { "category": "color", "type": "light-mode", "item": "badge", "subitem": "indicator", "state": "success" }, "path": [ "color", "light-mode", "badge", "indicator", "success", "foreground" ] } }, "warning": { "background": { "value": "#b06300", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/badge.light.json", "isSource": true, "original": { "value": "{color.light-mode.status.warning.foreground.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-badge-indicator-warning-background", "attributes": { "category": "color", "type": "light-mode", "item": "badge", "subitem": "indicator", "state": "warning" }, "path": [ "color", "light-mode", "badge", "indicator", "warning", "background" ] }, "foreground": { "value": "#ffffff", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/badge.light.json", "isSource": true, "original": { "value": "{color.light-mode.neutral.000.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-badge-indicator-warning-foreground", "attributes": { "category": "color", "type": "light-mode", "item": "badge", "subitem": "indicator", "state": "warning" }, "path": [ "color", "light-mode", "badge", "indicator", "warning", "foreground" ] } }, "neutral": { "background": { "value": "#6a6e7a", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/badge.light.json", "isSource": true, "original": { "value": "{color.light-mode.neutral.400.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-badge-indicator-neutral-background", "attributes": { "category": "color", "type": "light-mode", "item": "badge", "subitem": "indicator", "state": "neutral" }, "path": [ "color", "light-mode", "badge", "indicator", "neutral", "background" ] }, "foreground": { "value": "#ffffff", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/badge.light.json", "isSource": true, "original": { "value": "{color.light-mode.neutral.000.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-badge-indicator-neutral-foreground", "attributes": { "category": "color", "type": "light-mode", "item": "badge", "subitem": "indicator", "state": "neutral" }, "path": [ "color", "light-mode", "badge", "indicator", "neutral", "foreground" ] } }, "brand": { "background": { "value": "#4f32ce", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/badge.light.json", "isSource": true, "original": { "value": "{color.light-mode.brand.primary.400.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-badge-indicator-brand-background", "attributes": { "category": "color", "type": "light-mode", "item": "badge", "subitem": "indicator", "state": "brand" }, "path": [ "color", "light-mode", "badge", "indicator", "brand", "background" ] }, "foreground": { "value": "#ffffff", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/badge.light.json", "isSource": true, "original": { "value": "{color.light-mode.neutral.000.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-badge-indicator-brand-foreground", "attributes": { "category": "color", "type": "light-mode", "item": "badge", "subitem": "indicator", "state": "brand" }, "path": [ "color", "light-mode", "badge", "indicator", "brand", "foreground" ] } } } }, "banner": { "info": { "background": { "value": "#0875e1", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/banner.light.json", "isSource": true, "original": { "value": "{color.light-mode.status.info.foreground.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-banner-info-background", "attributes": { "category": "color", "type": "light-mode", "item": "banner", "subitem": "info", "state": "background" }, "path": [ "color", "light-mode", "banner", "info", "background" ] }, "foreground": { "value": "#ffffff", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/banner.light.json", "isSource": true, "original": { "value": "{color.light-mode.neutral.000.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-banner-info-foreground", "attributes": { "category": "color", "type": "light-mode", "item": "banner", "subitem": "info", "state": "foreground" }, "path": [ "color", "light-mode", "banner", "info", "foreground" ] } }, "warning": { "background": { "value": "#ffa126", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/banner.light.json", "isSource": true, "original": { "value": "{color.light-mode.status.warning.utility.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-banner-warning-background", "attributes": { "category": "color", "type": "light-mode", "item": "banner", "subitem": "warning", "state": "background" }, "path": [ "color", "light-mode", "banner", "warning", "background" ] }, "foreground": { "value": "#23232d", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/banner.light.json", "isSource": true, "original": { "value": "{color.light-mode.fg.default.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-banner-warning-foreground", "attributes": { "category": "color", "type": "light-mode", "item": "banner", "subitem": "warning", "state": "foreground" }, "path": [ "color", "light-mode", "banner", "warning", "foreground" ] } }, "critical": { "background": { "value": "#de2e21", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/banner.light.json", "isSource": true, "original": { "value": "{color.light-mode.status.critical.utility.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-banner-critical-background", "attributes": { "category": "color", "type": "light-mode", "item": "banner", "subitem": "critical", "state": "background" }, "path": [ "color", "light-mode", "banner", "critical", "background" ] }, "foreground": { "value": "#ffffff", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/banner.light.json", "isSource": true, "original": { "value": "{color.light-mode.neutral.000.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-banner-critical-foreground", "attributes": { "category": "color", "type": "light-mode", "item": "banner", "subitem": "critical", "state": "foreground" }, "path": [ "color", "light-mode", "banner", "critical", "foreground" ] } } }, "button": { "primary": { "background": { "default": { "value": "#4f32ce", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/button.light.json", "isSource": true, "original": { "value": "{color.light-mode.brand.primary.400.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-button-primary-background-default", "attributes": { "category": "color", "type": "light-mode", "item": "button", "subitem": "primary", "state": "background" }, "path": [ "color", "light-mode", "button", "primary", "background", "default" ] }, "hover": { "value": "#3017a1", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/button.light.json", "isSource": true, "original": { "value": "{color.light-mode.brand.primary.500.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-button-primary-background-hover", "attributes": { "category": "color", "type": "light-mode", "item": "button", "subitem": "primary", "state": "background" }, "path": [ "color", "light-mode", "button", "primary", "background", "hover" ] }, "active": { "value": "#12026f", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/button.light.json", "isSource": true, "original": { "value": "{color.light-mode.brand.primary.600.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-button-primary-background-active", "attributes": { "category": "color", "type": "light-mode", "item": "button", "subitem": "primary", "state": "background" }, "path": [ "color", "light-mode", "button", "primary", "background", "active" ] } }, "border": { "default": { "value": "#4f32ce", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/button.light.json", "isSource": true, "original": { "value": "{color.light-mode.brand.primary.400.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-button-primary-border-default", "attributes": { "category": "color", "type": "light-mode", "item": "button", "subitem": "primary", "state": "border" }, "path": [ "color", "light-mode", "button", "primary", "border", "default" ] }, "hover": { "value": "#3017a1", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/button.light.json", "isSource": true, "original": { "value": "{color.light-mode.brand.primary.500.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-button-primary-border-hover", "attributes": { "category": "color", "type": "light-mode", "item": "button", "subitem": "primary", "state": "border" }, "path": [ "color", "light-mode", "button", "primary", "border", "hover" ] }, "active": { "value": "#12026f", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/button.light.json", "isSource": true, "original": { "value": "{color.light-mode.brand.primary.600.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-button-primary-border-active", "attributes": { "category": "color", "type": "light-mode", "item": "button", "subitem": "primary", "state": "border" }, "path": [ "color", "light-mode", "button", "primary", "border", "active" ] } }, "foreground": { "default": { "value": "#ffffff", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/button.light.json", "isSource": true, "original": { "value": "{color.light-mode.neutral.000.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-button-primary-foreground-default", "attributes": { "category": "color", "type": "light-mode", "item": "button", "subitem": "primary", "state": "foreground" }, "path": [ "color", "light-mode", "button", "primary", "foreground", "default" ] }, "hover": { "value": "#ffffff", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/button.light.json", "isSource": true, "original": { "value": "{color.light-mode.neutral.000.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-button-primary-foreground-hover", "attributes": { "category": "color", "type": "light-mode", "item": "button", "subitem": "primary", "state": "foreground" }, "path": [ "color", "light-mode", "button", "primary", "foreground", "hover" ] }, "active": { "value": "#ffffff", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/button.light.json", "isSource": true, "original": { "value": "{color.light-mode.neutral.000.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-button-primary-foreground-active", "attributes": { "category": "color", "type": "light-mode", "item": "button", "subitem": "primary", "state": "foreground" }, "path": [ "color", "light-mode", "button", "primary", "foreground", "active" ] } } }, "secondary": { "background": { "default": { "value": "rgba(0, 0, 0, 0)", "public": true, "filePath": "tokens/color/component/button.light.json", "isSource": true, "original": { "value": "transparent", "public": true }, "name": "color-light-mode-button-secondary-background-default", "attributes": { "category": "color", "type": "light-mode", "item": "button", "subitem": "secondary", "state": "background" }, "path": [ "color", "light-mode", "button", "secondary", "background", "default" ] }, "hover": { "value": "#f4f3fc", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/button.light.json", "isSource": true, "original": { "value": "{color.light-mode.brand.primary.100.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-button-secondary-background-hover", "attributes": { "category": "color", "type": "light-mode", "item": "button", "subitem": "secondary", "state": "background" }, "path": [ "color", "light-mode", "button", "secondary", "background", "hover" ] }, "active": { "value": "#f4f3fc", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/button.light.json", "isSource": true, "original": { "value": "{color.light-mode.brand.primary.100.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-button-secondary-background-active", "attributes": { "category": "color", "type": "light-mode", "item": "button", "subitem": "secondary", "state": "background" }, "path": [ "color", "light-mode", "button", "secondary", "background", "active" ] } }, "border": { "default": { "value": "#4f32ce", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/button.light.json", "isSource": true, "original": { "value": "{color.light-mode.brand.primary.400.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-button-secondary-border-default", "attributes": { "category": "color", "type": "light-mode", "item": "button", "subitem": "secondary", "state": "border" }, "path": [ "color", "light-mode", "button", "secondary", "border", "default" ] }, "hover": { "value": "#4f32ce", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/button.light.json", "isSource": true, "original": { "value": "{color.light-mode.brand.primary.400.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-button-secondary-border-hover", "attributes": { "category": "color", "type": "light-mode", "item": "button", "subitem": "secondary", "state": "border" }, "path": [ "color", "light-mode", "button", "secondary", "border", "hover" ] }, "active": { "value": "#3017a1", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/button.light.json", "isSource": true, "original": { "value": "{color.light-mode.brand.primary.500.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-button-secondary-border-active", "attributes": { "category": "color", "type": "light-mode", "item": "button", "subitem": "secondary", "state": "border" }, "path": [ "color", "light-mode", "button", "secondary", "border", "active" ] } }, "foreground": { "default": { "value": "#4f32ce", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/button.light.json", "isSource": true, "original": { "value": "{color.light-mode.brand.primary.400.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-button-secondary-foreground-default", "attributes": { "category": "color", "type": "light-mode", "item": "button", "subitem": "secondary", "state": "foreground" }, "path": [ "color", "light-mode", "button", "secondary", "foreground", "default" ] }, "hover": { "value": "#4f32ce", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/button.light.json", "isSource": true, "original": { "value": "{color.light-mode.brand.primary.400.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-button-secondary-foreground-hover", "attributes": { "category": "color", "type": "light-mode", "item": "button", "subitem": "secondary", "state": "foreground" }, "path": [ "color", "light-mode", "button", "secondary", "foreground", "hover" ] }, "active": { "value": "#3017a1", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/button.light.json", "isSource": true, "original": { "value": "{color.light-mode.brand.primary.500.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-button-secondary-foreground-active", "attributes": { "category": "color", "type": "light-mode", "item": "button", "subitem": "secondary", "state": "foreground" }, "path": [ "color", "light-mode", "button", "secondary", "foreground", "active" ] } } }, "subtle": { "background": { "default": { "value": "rgba(0, 0, 0, 0)", "public": true, "filePath": "tokens/color/component/button.light.json", "isSource": true, "original": { "value": "transparent", "public": true }, "name": "color-light-mode-button-subtle-background-default", "attributes": { "category": "color", "type": "light-mode", "item": "button", "subitem": "subtle", "state": "background" }, "path": [ "color", "light-mode", "button", "subtle", "background", "default" ] } }, "border": { "default": { "value": "rgba(0, 0, 0, 0)", "public": true, "filePath": "tokens/color/component/button.light.json", "isSource": true, "original": { "value": "transparent", "public": true }, "name": "color-light-mode-button-subtle-border-default", "attributes": { "category": "color", "type": "light-mode", "item": "button", "subitem": "subtle", "state": "border" }, "path": [ "color", "light-mode", "button", "subtle", "border", "default" ] } }, "foreground": { "default": { "value": "#4f32ce", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/button.light.json", "isSource": true, "original": { "value": "{color.light-mode.brand.primary.400.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-button-subtle-foreground-default", "attributes": { "category": "color", "type": "light-mode", "item": "button", "subitem": "subtle", "state": "foreground" }, "path": [ "color", "light-mode", "button", "subtle", "foreground", "default" ] }, "hover": { "value": "#3017a1", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/button.light.json", "isSource": true, "original": { "value": "{color.light-mode.brand.primary.500.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-button-subtle-foreground-hover", "attributes": { "category": "color", "type": "light-mode", "item": "button", "subitem": "subtle", "state": "foreground" }, "path": [ "color", "light-mode", "button", "subtle", "foreground", "hover" ] }, "active": { "value": "#12026f", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/button.light.json", "isSource": true, "original": { "value": "{color.light-mode.brand.primary.600.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-button-subtle-foreground-active", "attributes": { "category": "color", "type": "light-mode", "item": "button", "subitem": "subtle", "state": "foreground" }, "path": [ "color", "light-mode", "button", "subtle", "foreground", "active" ] } } }, "brand": { "background": { "default": { "value": "#ffdc28", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/button.light.json", "isSource": true, "original": { "value": "{color.light-mode.brand.secondary.400.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-button-brand-background-default", "attributes": { "category": "color", "type": "light-mode", "item": "button", "subitem": "brand", "state": "background" }, "path": [ "color", "light-mode", "button", "brand", "background", "default" ] }, "hover": { "value": "#ddbd16", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/button.light.json", "isSource": true, "original": { "value": "{color.light-mode.brand.secondary.500.value}", "public": true, "isReferenceToInternal": true }, "name": "color-light-mode-button-brand-background-hover", "attributes": { "category": "color", "type": "light-mode", "item": "button", "subitem": "brand", "state": "background" }, "path": [ "color", "light-mode", "button", "brand", "background", "hover" ] }, "active": { "value": "#a88f10", "public": true, "filePath": "tokens/color/component/button.light.json", "isSource": true, "original": { "value": "#A88F10", "public": true }, "name": "color-light-mode-button-brand-background-active", "attributes": { "category": "color", "type": "light-mode", "item": "button", "subitem": "brand", "state": "background" }, "path": [ "color", "light-mode", "button", "brand", "background", "active" ] } }, "border": { "default": { "value": "#ffdc28", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/button.light.json", "isSource": true, "original": { "value": "{color.light-mode.brand.secondary.400.value}", "public": true, "isReferenceToInternal": true }, "name": "