@pantheon-systems/pds-design-tokens

{ "color": { "dark-mode": { "badge": { "indicator": { "silver": { "background": { "value": "#e7e7eb", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/badge.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.neutral.100.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-badge-indicator-silver-background", "attributes": { "category": "color", "type": "dark-mode", "item": "badge", "subitem": "indicator", "state": "silver" }, "path": [ "color", "dark-mode", "badge", "indicator", "silver", "background" ] }, "foreground": { "value": "#2f323d", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/badge.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.neutral.300.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-badge-indicator-silver-foreground", "attributes": { "category": "color", "type": "dark-mode", "item": "badge", "subitem": "indicator", "state": "silver" }, "path": [ "color", "dark-mode", "badge", "indicator", "silver", "foreground" ] } }, "gold": { "background": { "value": "#ffe668", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/badge.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.brand.secondary.300.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-badge-indicator-gold-background", "attributes": { "category": "color", "type": "dark-mode", "item": "badge", "subitem": "indicator", "state": "gold" }, "path": [ "color", "dark-mode", "badge", "indicator", "gold", "background" ] }, "foreground": { "value": "#705e00", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/badge.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.brand.secondary.600.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-badge-indicator-gold-foreground", "attributes": { "category": "color", "type": "dark-mode", "item": "badge", "subitem": "indicator", "state": "gold" }, "path": [ "color", "dark-mode", "badge", "indicator", "gold", "foreground" ] } }, "platinum": { "background": { "value": "#cbc2f0", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/badge.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.brand.primary.200.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-badge-indicator-platinum-background", "attributes": { "category": "color", "type": "dark-mode", "item": "badge", "subitem": "indicator", "state": "platinum" }, "path": [ "color", "dark-mode", "badge", "indicator", "platinum", "background" ] }, "foreground": { "value": "#42318d", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/badge.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.brand.primary.500.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-badge-indicator-platinum-foreground", "attributes": { "category": "color", "type": "dark-mode", "item": "badge", "subitem": "indicator", "state": "platinum" }, "path": [ "color", "dark-mode", "badge", "indicator", "platinum", "foreground" ] } }, "diamond": { "background": { "value": "#d3e7fd", "public": true, "filePath": "tokens/color/component/badge.dark.json", "isSource": true, "original": { "value": "#D3E7FD", "public": true }, "name": "color-dark-mode-badge-indicator-diamond-background", "attributes": { "category": "color", "type": "dark-mode", "item": "badge", "subitem": "indicator", "state": "diamond" }, "path": [ "color", "dark-mode", "badge", "indicator", "diamond", "background" ] }, "foreground": { "value": "#005cc8", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/badge.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.status.info.utility.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-badge-indicator-diamond-foreground", "attributes": { "category": "color", "type": "dark-mode", "item": "badge", "subitem": "indicator", "state": "diamond" }, "path": [ "color", "dark-mode", "badge", "indicator", "diamond", "foreground" ] } }, "critical": { "background": { "value": "#a70000", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/badge.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.status.critical.utility.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-badge-indicator-critical-background", "attributes": { "category": "color", "type": "dark-mode", "item": "badge", "subitem": "indicator", "state": "critical" }, "path": [ "color", "dark-mode", "badge", "indicator", "critical", "background" ] }, "foreground": { "value": "#ffffff", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/badge.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.neutral.000.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-badge-indicator-critical-foreground", "attributes": { "category": "color", "type": "dark-mode", "item": "badge", "subitem": "indicator", "state": "critical" }, "path": [ "color", "dark-mode", "badge", "indicator", "critical", "foreground" ] } }, "info": { "background": { "value": "#005cc8", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/badge.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.status.info.utility.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-badge-indicator-info-background", "attributes": { "category": "color", "type": "dark-mode", "item": "badge", "subitem": "indicator", "state": "info" }, "path": [ "color", "dark-mode", "badge", "indicator", "info", "background" ] }, "foreground": { "value": "#ffffff", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/badge.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.neutral.000.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-badge-indicator-info-foreground", "attributes": { "category": "color", "type": "dark-mode", "item": "badge", "subitem": "indicator", "state": "info" }, "path": [ "color", "dark-mode", "badge", "indicator", "info", "foreground" ] } }, "success": { "background": { "value": "#00710f", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/badge.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.status.success.utility.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-badge-indicator-success-background", "attributes": { "category": "color", "type": "dark-mode", "item": "badge", "subitem": "indicator", "state": "success" }, "path": [ "color", "dark-mode", "badge", "indicator", "success", "background" ] }, "foreground": { "value": "#ffffff", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/badge.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.neutral.000.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-badge-indicator-success-foreground", "attributes": { "category": "color", "type": "dark-mode", "item": "badge", "subitem": "indicator", "state": "success" }, "path": [ "color", "dark-mode", "badge", "indicator", "success", "foreground" ] } }, "neutral": { "background": { "value": "#6d6d78", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/badge.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.neutral.200.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-badge-indicator-neutral-background", "attributes": { "category": "color", "type": "dark-mode", "item": "badge", "subitem": "indicator", "state": "neutral" }, "path": [ "color", "dark-mode", "badge", "indicator", "neutral", "background" ] }, "foreground": { "value": "#ffffff", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/badge.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.neutral.000.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-badge-indicator-neutral-foreground", "attributes": { "category": "color", "type": "dark-mode", "item": "badge", "subitem": "indicator", "state": "neutral" }, "path": [ "color", "dark-mode", "badge", "indicator", "neutral", "foreground" ] } }, "warning": { "background": { "value": "#bd5b00", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/badge.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.status.warning.utility.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-badge-indicator-warning-background", "attributes": { "category": "color", "type": "dark-mode", "item": "badge", "subitem": "indicator", "state": "warning" }, "path": [ "color", "dark-mode", "badge", "indicator", "warning", "background" ] }, "foreground": { "value": "#ffffff", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/badge.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.neutral.000.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-badge-indicator-warning-foreground", "attributes": { "category": "color", "type": "dark-mode", "item": "badge", "subitem": "indicator", "state": "warning" }, "path": [ "color", "dark-mode", "badge", "indicator", "warning", "foreground" ] } }, "brand": { "background": { "value": "#745dd8", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/badge.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.brand.primary.400.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-badge-indicator-brand-background", "attributes": { "category": "color", "type": "dark-mode", "item": "badge", "subitem": "indicator", "state": "brand" }, "path": [ "color", "dark-mode", "badge", "indicator", "brand", "background" ] }, "foreground": { "value": "#ffffff", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/badge.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.neutral.000.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-badge-indicator-brand-foreground", "attributes": { "category": "color", "type": "dark-mode", "item": "badge", "subitem": "indicator", "state": "brand" }, "path": [ "color", "dark-mode", "badge", "indicator", "brand", "foreground" ] } } } }, "banner": { "info": { "background": { "value": "#005cc8", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/banner.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.status.info.utility.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-banner-info-background", "attributes": { "category": "color", "type": "dark-mode", "item": "banner", "subitem": "info", "state": "background" }, "path": [ "color", "dark-mode", "banner", "info", "background" ] }, "foreground": { "value": "#ffffff", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/banner.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.neutral.000.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-banner-info-foreground", "attributes": { "category": "color", "type": "dark-mode", "item": "banner", "subitem": "info", "state": "foreground" }, "path": [ "color", "dark-mode", "banner", "info", "foreground" ] } }, "warning": { "background": { "value": "#bd5b00", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/banner.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.status.warning.utility.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-banner-warning-background", "attributes": { "category": "color", "type": "dark-mode", "item": "banner", "subitem": "warning", "state": "background" }, "path": [ "color", "dark-mode", "banner", "warning", "background" ] }, "foreground": { "value": "#ffffff", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/banner.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.neutral.000.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-banner-warning-foreground", "attributes": { "category": "color", "type": "dark-mode", "item": "banner", "subitem": "warning", "state": "foreground" }, "path": [ "color", "dark-mode", "banner", "warning", "foreground" ] } }, "critical": { "background": { "value": "#a70000", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/banner.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.status.critical.utility.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-banner-critical-background", "attributes": { "category": "color", "type": "dark-mode", "item": "banner", "subitem": "critical", "state": "background" }, "path": [ "color", "dark-mode", "banner", "critical", "background" ] }, "foreground": { "value": "#ffffff", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/banner.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.neutral.000.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-banner-critical-foreground", "attributes": { "category": "color", "type": "dark-mode", "item": "banner", "subitem": "critical", "state": "foreground" }, "path": [ "color", "dark-mode", "banner", "critical", "foreground" ] } } }, "button": { "primary": { "background": { "default": { "value": "#42318d", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/button.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.brand.primary.500.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-button-primary-background-default", "attributes": { "category": "color", "type": "dark-mode", "item": "button", "subitem": "primary", "state": "background" }, "path": [ "color", "dark-mode", "button", "primary", "background", "default" ] }, "hover": { "value": "#745dd8", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/button.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.brand.primary.400.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-button-primary-background-hover", "attributes": { "category": "color", "type": "dark-mode", "item": "button", "subitem": "primary", "state": "background" }, "path": [ "color", "dark-mode", "button", "primary", "background", "hover" ] }, "active": { "value": "#8a78de", "public": true, "filePath": "tokens/color/component/button.dark.json", "isSource": true, "original": { "value": "#8A78DE", "public": true }, "name": "color-dark-mode-button-primary-background-active", "attributes": { "category": "color", "type": "dark-mode", "item": "button", "subitem": "primary", "state": "background" }, "path": [ "color", "dark-mode", "button", "primary", "background", "active" ] } }, "border": { "default": { "value": "#42318d", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/button.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.brand.primary.500.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-button-primary-border-default", "attributes": { "category": "color", "type": "dark-mode", "item": "button", "subitem": "primary", "state": "border" }, "path": [ "color", "dark-mode", "button", "primary", "border", "default" ] }, "hover": { "value": "#745dd8", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/button.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.brand.primary.400.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-button-primary-border-hover", "attributes": { "category": "color", "type": "dark-mode", "item": "button", "subitem": "primary", "state": "border" }, "path": [ "color", "dark-mode", "button", "primary", "border", "hover" ] }, "active": { "value": "#8a78de", "public": true, "filePath": "tokens/color/component/button.dark.json", "isSource": true, "original": { "value": "#8A78DE", "public": true }, "name": "color-dark-mode-button-primary-border-active", "attributes": { "category": "color", "type": "dark-mode", "item": "button", "subitem": "primary", "state": "border" }, "path": [ "color", "dark-mode", "button", "primary", "border", "active" ] } }, "foreground": { "default": { "value": "#ffffff", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/button.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.neutral.000.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-button-primary-foreground-default", "attributes": { "category": "color", "type": "dark-mode", "item": "button", "subitem": "primary", "state": "foreground" }, "path": [ "color", "dark-mode", "button", "primary", "foreground", "default" ] }, "hover": { "value": "#ffffff", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/button.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.neutral.000.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-button-primary-foreground-hover", "attributes": { "category": "color", "type": "dark-mode", "item": "button", "subitem": "primary", "state": "foreground" }, "path": [ "color", "dark-mode", "button", "primary", "foreground", "hover" ] }, "active": { "value": "#ffffff", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/button.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.neutral.000.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-button-primary-foreground-active", "attributes": { "category": "color", "type": "dark-mode", "item": "button", "subitem": "primary", "state": "foreground" }, "path": [ "color", "dark-mode", "button", "primary", "foreground", "active" ] } } }, "secondary": { "background": { "default": { "value": "rgba(0, 0, 0, 0)", "public": true, "filePath": "tokens/color/component/button.dark.json", "isSource": true, "original": { "value": "transparent", "public": true }, "name": "color-dark-mode-button-secondary-background-default", "attributes": { "category": "color", "type": "dark-mode", "item": "button", "subitem": "secondary", "state": "background" }, "path": [ "color", "dark-mode", "button", "secondary", "background", "default" ] }, "hover": { "value": "#20232c", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/button.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.neutral.400.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-button-secondary-background-hover", "attributes": { "category": "color", "type": "dark-mode", "item": "button", "subitem": "secondary", "state": "background" }, "path": [ "color", "dark-mode", "button", "secondary", "background", "hover" ] }, "active": { "value": "#1a1b20", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/button.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.neutral.500.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-button-secondary-background-active", "attributes": { "category": "color", "type": "dark-mode", "item": "button", "subitem": "secondary", "state": "background" }, "path": [ "color", "dark-mode", "button", "secondary", "background", "active" ] } }, "border": { "default": { "value": "#6d6d78", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/button.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.neutral.200.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-button-secondary-border-default", "attributes": { "category": "color", "type": "dark-mode", "item": "button", "subitem": "secondary", "state": "border" }, "path": [ "color", "dark-mode", "button", "secondary", "border", "default" ] }, "hover": { "value": "#ffffff", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/button.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.neutral.000.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-button-secondary-border-hover", "attributes": { "category": "color", "type": "dark-mode", "item": "button", "subitem": "secondary", "state": "border" }, "path": [ "color", "dark-mode", "button", "secondary", "border", "hover" ] }, "active": { "value": "#20232c", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/button.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.neutral.400.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-button-secondary-border-active", "attributes": { "category": "color", "type": "dark-mode", "item": "button", "subitem": "secondary", "state": "border" }, "path": [ "color", "dark-mode", "button", "secondary", "border", "active" ] } }, "foreground": { "default": { "value": "#e7e7eb", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/button.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.neutral.100.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-button-secondary-foreground-default", "attributes": { "category": "color", "type": "dark-mode", "item": "button", "subitem": "secondary", "state": "foreground" }, "path": [ "color", "dark-mode", "button", "secondary", "foreground", "default" ] }, "hover": { "value": "#ffffff", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/button.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.neutral.000.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-button-secondary-foreground-hover", "attributes": { "category": "color", "type": "dark-mode", "item": "button", "subitem": "secondary", "state": "foreground" }, "path": [ "color", "dark-mode", "button", "secondary", "foreground", "hover" ] }, "active": { "value": "#e7e7eb", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/button.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.neutral.100.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-button-secondary-foreground-active", "attributes": { "category": "color", "type": "dark-mode", "item": "button", "subitem": "secondary", "state": "foreground" }, "path": [ "color", "dark-mode", "button", "secondary", "foreground", "active" ] } } }, "subtle": { "background": { "default": { "value": "rgba(0, 0, 0, 0)", "public": true, "filePath": "tokens/color/component/button.dark.json", "isSource": true, "original": { "value": "transparent", "public": true }, "name": "color-dark-mode-button-subtle-background-default", "attributes": { "category": "color", "type": "dark-mode", "item": "button", "subitem": "subtle", "state": "background" }, "path": [ "color", "dark-mode", "button", "subtle", "background", "default" ] } }, "border": { "default": { "value": "rgba(0, 0, 0, 0)", "public": true, "filePath": "tokens/color/component/button.dark.json", "isSource": true, "original": { "value": "transparent", "public": true }, "name": "color-dark-mode-button-subtle-border-default", "attributes": { "category": "color", "type": "dark-mode", "item": "button", "subitem": "subtle", "state": "border" }, "path": [ "color", "dark-mode", "button", "subtle", "border", "default" ] } }, "foreground": { "default": { "value": "#cbc2f0", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/button.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.brand.primary.200.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-button-subtle-foreground-default", "attributes": { "category": "color", "type": "dark-mode", "item": "button", "subitem": "subtle", "state": "foreground" }, "path": [ "color", "dark-mode", "button", "subtle", "foreground", "default" ] }, "hover": { "value": "#745dd8", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/button.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.brand.primary.400.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-button-subtle-foreground-hover", "attributes": { "category": "color", "type": "dark-mode", "item": "button", "subitem": "subtle", "state": "foreground" }, "path": [ "color", "dark-mode", "button", "subtle", "foreground", "hover" ] }, "active": { "value": "#745dd8", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/button.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.brand.primary.400.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-button-subtle-foreground-active", "attributes": { "category": "color", "type": "dark-mode", "item": "button", "subitem": "subtle", "state": "foreground" }, "path": [ "color", "dark-mode", "button", "subtle", "foreground", "active" ] } } }, "brand": { "background": { "default": { "value": "#ddbd16", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/button.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.brand.secondary.500.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-button-brand-background-default", "attributes": { "category": "color", "type": "dark-mode", "item": "button", "subitem": "brand", "state": "background" }, "path": [ "color", "dark-mode", "button", "brand", "background", "default" ] }, "hover": { "value": "#ffdc28", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/button.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.brand.secondary.400.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-button-brand-background-hover", "attributes": { "category": "color", "type": "dark-mode", "item": "button", "subitem": "brand", "state": "background" }, "path": [ "color", "dark-mode", "button", "brand", "background", "hover" ] }, "active": { "value": "#ffe668", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/button.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.brand.secondary.300.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-button-brand-background-active", "attributes": { "category": "color", "type": "dark-mode", "item": "button", "subitem": "brand", "state": "background" }, "path": [ "color", "dark-mode", "button", "brand", "background", "active" ] } }, "border": { "default": { "value": "#ddbd16", "public": true, "isReferenceToInternal": true, "filePath": "tokens/color/component/button.dark.json", "isSource": true, "original": { "value": "{color.dark-mode.brand.secondary.500.value}", "public": true, "isReferenceToInternal": true }, "name": "color-dark-mode-button-brand-border-default", "attributes": { "category": "color", "type": "dark-mode", "item": "button", "subitem": "brand", "state": "border" }, "path": [ "color", "dark-mode", "button", "brand", "border", "defa