@devoinc/genesys-brand-devo
Version:
Devo brand tokens
1,389 lines (1,388 loc) • 3.15 MB
JavaScript
/**
* Do not edit directly, this file was auto-generated.
*/
module.exports = {
cmp: {
button: {
color: {
backdrop: {
hovered: {
value: "rgba(255,255,255,.12)",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value:
"{alias.color.background.action.backdrop.base.hovered.value}",
},
name: "CMP_BUTTON_COLOR_BACKDROP_HOVERED",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "backdrop",
variant: "hovered",
},
path: ["cmp", "button", "color", "backdrop", "hovered"],
},
focused: {
value: "rgba(0,0,0,0)",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value:
"{alias.color.background.action.backdrop.base.focused.value}",
},
name: "CMP_BUTTON_COLOR_BACKDROP_FOCUSED",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "backdrop",
variant: "focused",
},
path: ["cmp", "button", "color", "backdrop", "focused"],
},
pressed: {
value: "rgba(0,0,0,.16)",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value:
"{alias.color.background.action.backdrop.base.pressed.value}",
},
name: "CMP_BUTTON_COLOR_BACKDROP_PRESSED",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "backdrop",
variant: "pressed",
},
path: ["cmp", "button", "color", "backdrop", "pressed"],
},
},
background: {
accent: {
activated: {
value: "#103663",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value: "{alias.color.background.action.accent.activated.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_ACCENT_ACTIVATED",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "accent",
modifier: "activated",
},
path: [
"cmp",
"button",
"color",
"background",
"accent",
"activated",
],
},
enabled: {
value: "#16529C",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value: "{alias.color.background.action.accent.enabled.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_ACCENT_ENABLED",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "accent",
modifier: "enabled",
},
path: [
"cmp",
"button",
"color",
"background",
"accent",
"enabled",
],
},
expanded: {
value: "#0C4080",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value: "{alias.color.background.action.accent.expanded.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_ACCENT_EXPANDED",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "accent",
modifier: "expanded",
},
path: [
"cmp",
"button",
"color",
"background",
"accent",
"expanded",
],
},
disabled: {
value: "#103663",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value: "{alias.color.background.action.accent.disabled.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_ACCENT_DISABLED",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "accent",
modifier: "disabled",
},
path: [
"cmp",
"button",
"color",
"background",
"accent",
"disabled",
],
},
focused: {
value: "#16529C",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value: "{alias.color.background.action.accent.focused.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_ACCENT_FOCUSED",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "accent",
modifier: "focused",
},
path: [
"cmp",
"button",
"color",
"background",
"accent",
"focused",
],
},
hovered: {
value: "#16529C",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value: "{alias.color.background.action.accent.hovered.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_ACCENT_HOVERED",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "accent",
modifier: "hovered",
},
path: [
"cmp",
"button",
"color",
"background",
"accent",
"hovered",
],
},
loading: {
value: "#16529C",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value: "{alias.color.background.action.accent.enabled.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_ACCENT_LOADING",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "accent",
modifier: "loading",
},
path: [
"cmp",
"button",
"color",
"background",
"accent",
"loading",
],
},
loadingError: {
value: "#16529C",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value: "{alias.color.background.action.accent.enabled.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_ACCENT_LOADING_ERROR",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "accent",
modifier: "loadingError",
},
path: [
"cmp",
"button",
"color",
"background",
"accent",
"loadingError",
],
},
loadingSuccess: {
value: "#16529C",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value: "{alias.color.background.action.accent.enabled.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_ACCENT_LOADING_SUCCESS",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "accent",
modifier: "loadingSuccess",
},
path: [
"cmp",
"button",
"color",
"background",
"accent",
"loadingSuccess",
],
},
pressed: {
value: "#16529C",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value: "{alias.color.background.action.accent.pressed.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_ACCENT_PRESSED",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "accent",
modifier: "pressed",
},
path: [
"cmp",
"button",
"color",
"background",
"accent",
"pressed",
],
},
selected: {
value: "#16529C",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value: "{alias.color.background.action.accent.selected.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_ACCENT_SELECTED",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "accent",
modifier: "selected",
},
path: [
"cmp",
"button",
"color",
"background",
"accent",
"selected",
],
},
},
accentHigh: {
activated: {
value: "#B4C400",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value:
"{alias.color.background.action.accentHigh.activated.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_ACCENT_HIGH_ACTIVATED",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "accentHigh",
modifier: "activated",
},
path: [
"cmp",
"button",
"color",
"background",
"accentHigh",
"activated",
],
},
enabled: {
value: "#B4C400",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value:
"{alias.color.background.action.accentHigh.enabled.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_ACCENT_HIGH_ENABLED",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "accentHigh",
modifier: "enabled",
},
path: [
"cmp",
"button",
"color",
"background",
"accentHigh",
"enabled",
],
},
expanded: {
value: "#CCDF00",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value:
"{alias.color.background.action.accentHigh.expanded.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_ACCENT_HIGH_EXPANDED",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "accentHigh",
modifier: "expanded",
},
path: [
"cmp",
"button",
"color",
"background",
"accentHigh",
"expanded",
],
},
disabled: {
value: "#B4C400",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value:
"{alias.color.background.action.accentHigh.disabled.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_ACCENT_HIGH_DISABLED",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "accentHigh",
modifier: "disabled",
},
path: [
"cmp",
"button",
"color",
"background",
"accentHigh",
"disabled",
],
},
focused: {
value: "#D7E817",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value:
"{alias.color.background.action.accentHigh.focused.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_ACCENT_HIGH_FOCUSED",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "accentHigh",
modifier: "focused",
},
path: [
"cmp",
"button",
"color",
"background",
"accentHigh",
"focused",
],
},
hovered: {
value: "#D7E817",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value:
"{alias.color.background.action.accentHigh.hovered.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_ACCENT_HIGH_HOVERED",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "accentHigh",
modifier: "hovered",
},
path: [
"cmp",
"button",
"color",
"background",
"accentHigh",
"hovered",
],
},
loading: {
value: "#B4C400",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value:
"{alias.color.background.action.accentHigh.enabled.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_ACCENT_HIGH_LOADING",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "accentHigh",
modifier: "loading",
},
path: [
"cmp",
"button",
"color",
"background",
"accentHigh",
"loading",
],
},
loadingError: {
value: "#B4C400",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value:
"{alias.color.background.action.accentHigh.enabled.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_ACCENT_HIGH_LOADING_ERROR",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "accentHigh",
modifier: "loadingError",
},
path: [
"cmp",
"button",
"color",
"background",
"accentHigh",
"loadingError",
],
},
loadingSuccess: {
value: "#B4C400",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value:
"{alias.color.background.action.accentHigh.enabled.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_ACCENT_HIGH_LOADING_SUCCESS",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "accentHigh",
modifier: "loadingSuccess",
},
path: [
"cmp",
"button",
"color",
"background",
"accentHigh",
"loadingSuccess",
],
},
pressed: {
value: "#D7E817",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value:
"{alias.color.background.action.accentHigh.pressed.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_ACCENT_HIGH_PRESSED",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "accentHigh",
modifier: "pressed",
},
path: [
"cmp",
"button",
"color",
"background",
"accentHigh",
"pressed",
],
},
selected: {
value: "#D7E817",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value:
"{alias.color.background.action.accentHigh.selected.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_ACCENT_HIGH_SELECTED",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "accentHigh",
modifier: "selected",
},
path: [
"cmp",
"button",
"color",
"background",
"accentHigh",
"selected",
],
},
},
blendBase: {
activated: {
value: "rgba(255,255,255,.36)",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value:
"{alias.color.background.action.blendBase.activated.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_BLEND_BASE_ACTIVATED",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "blendBase",
modifier: "activated",
},
path: [
"cmp",
"button",
"color",
"background",
"blendBase",
"activated",
],
},
enabled: {
value: "rgba(255,255,255,.08)",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value:
"{alias.color.background.action.blendBase.enabled.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_BLEND_BASE_ENABLED",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "blendBase",
modifier: "enabled",
},
path: [
"cmp",
"button",
"color",
"background",
"blendBase",
"enabled",
],
},
expanded: {
value: "rgba(255,255,255,.16)",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value:
"{alias.color.background.action.blendBase.expanded.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_BLEND_BASE_EXPANDED",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "blendBase",
modifier: "expanded",
},
path: [
"cmp",
"button",
"color",
"background",
"blendBase",
"expanded",
],
},
disabled: {
value: "rgba(255,255,255,.08)",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value:
"{alias.color.background.action.blendBase.disabled.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_BLEND_BASE_DISABLED",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "blendBase",
modifier: "disabled",
},
path: [
"cmp",
"button",
"color",
"background",
"blendBase",
"disabled",
],
},
focused: {
value: "rgba(255,255,255,.08)",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value:
"{alias.color.background.action.blendBase.focused.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_BLEND_BASE_FOCUSED",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "blendBase",
modifier: "focused",
},
path: [
"cmp",
"button",
"color",
"background",
"blendBase",
"focused",
],
},
hovered: {
value: "rgba(255,255,255,.2)",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value:
"{alias.color.background.action.blendBase.hovered.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_BLEND_BASE_HOVERED",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "blendBase",
modifier: "hovered",
},
path: [
"cmp",
"button",
"color",
"background",
"blendBase",
"hovered",
],
},
loading: {
value: "rgba(255,255,255,.08)",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value:
"{alias.color.background.action.blendBase.enabled.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_BLEND_BASE_LOADING",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "blendBase",
modifier: "loading",
},
path: [
"cmp",
"button",
"color",
"background",
"blendBase",
"loading",
],
},
loadingError: {
value: "rgba(255,255,255,.08)",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value:
"{alias.color.background.action.blendBase.enabled.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_BLEND_BASE_LOADING_ERROR",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "blendBase",
modifier: "loadingError",
},
path: [
"cmp",
"button",
"color",
"background",
"blendBase",
"loadingError",
],
},
loadingSuccess: {
value: "rgba(255,255,255,.08)",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value:
"{alias.color.background.action.blendBase.enabled.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_BLEND_BASE_LOADING_SUCCESS",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "blendBase",
modifier: "loadingSuccess",
},
path: [
"cmp",
"button",
"color",
"background",
"blendBase",
"loadingSuccess",
],
},
pressed: {
value: "rgba(255,255,255,.08)",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value:
"{alias.color.background.action.blendBase.pressed.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_BLEND_BASE_PRESSED",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "blendBase",
modifier: "pressed",
},
path: [
"cmp",
"button",
"color",
"background",
"blendBase",
"pressed",
],
},
selected: {
value: "rgba(255,255,255,.24)",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value:
"{alias.color.background.action.blendBase.selected.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_BLEND_BASE_SELECTED",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "blendBase",
modifier: "selected",
},
path: [
"cmp",
"button",
"color",
"background",
"blendBase",
"selected",
],
},
},
blendInverse: {
activated: {
value: "rgba(0,0,0,.52)",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value:
"{alias.color.background.action.blendInverse.activated.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_BLEND_INVERSE_ACTIVATED",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "blendInverse",
modifier: "activated",
},
path: [
"cmp",
"button",
"color",
"background",
"blendInverse",
"activated",
],
},
enabled: {
value: "rgba(0,0,0,.2)",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value:
"{alias.color.background.action.blendInverse.enabled.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_BLEND_INVERSE_ENABLED",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "blendInverse",
modifier: "enabled",
},
path: [
"cmp",
"button",
"color",
"background",
"blendInverse",
"enabled",
],
},
expanded: {
value: "rgba(0,0,0,.32)",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value:
"{alias.color.background.action.blendInverse.expanded.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_BLEND_INVERSE_EXPANDED",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "blendInverse",
modifier: "expanded",
},
path: [
"cmp",
"button",
"color",
"background",
"blendInverse",
"expanded",
],
},
disabled: {
value: "rgba(0,0,0,.2)",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value:
"{alias.color.background.action.blendInverse.disabled.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_BLEND_INVERSE_DISABLED",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "blendInverse",
modifier: "disabled",
},
path: [
"cmp",
"button",
"color",
"background",
"blendInverse",
"disabled",
],
},
focused: {
value: "rgba(0,0,0,.2)",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value:
"{alias.color.background.action.blendInverse.focused.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_BLEND_INVERSE_FOCUSED",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "blendInverse",
modifier: "focused",
},
path: [
"cmp",
"button",
"color",
"background",
"blendInverse",
"focused",
],
},
hovered: {
value: "rgba(0,0,0,.2)",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value:
"{alias.color.background.action.blendInverse.hovered.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_BLEND_INVERSE_HOVERED",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "blendInverse",
modifier: "hovered",
},
path: [
"cmp",
"button",
"color",
"background",
"blendInverse",
"hovered",
],
},
loading: {
value: "rgba(0,0,0,.2)",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value:
"{alias.color.background.action.blendInverse.enabled.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_BLEND_INVERSE_LOADING",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "blendInverse",
modifier: "loading",
},
path: [
"cmp",
"button",
"color",
"background",
"blendInverse",
"loading",
],
},
loadingError: {
value: "rgba(0,0,0,.2)",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value:
"{alias.color.background.action.blendInverse.enabled.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_BLEND_INVERSE_LOADING_ERROR",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "blendInverse",
modifier: "loadingError",
},
path: [
"cmp",
"button",
"color",
"background",
"blendInverse",
"loadingError",
],
},
loadingSuccess: {
value: "rgba(0,0,0,.2)",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value:
"{alias.color.background.action.blendInverse.enabled.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_BLEND_INVERSE_LOADING_SUCCESS",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "blendInverse",
modifier: "loadingSuccess",
},
path: [
"cmp",
"button",
"color",
"background",
"blendInverse",
"loadingSuccess",
],
},
pressed: {
value: "rgba(0,0,0,.2)",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value:
"{alias.color.background.action.blendInverse.pressed.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_BLEND_INVERSE_PRESSED",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "blendInverse",
modifier: "pressed",
},
path: [
"cmp",
"button",
"color",
"background",
"blendInverse",
"pressed",
],
},
selected: {
value: "rgba(0,0,0,.4)",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value:
"{alias.color.background.action.blendInverse.selected.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_BLEND_INVERSE_SELECTED",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "blendInverse",
modifier: "selected",
},
path: [
"cmp",
"button",
"color",
"background",
"blendInverse",
"selected",
],
},
},
blendError: {
enabled: {
value: "rgba(237,83,83, 0.24)",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value:
"{alias.color.background.action.blendError.enabled.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_BLEND_ERROR_ENABLED",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "blendError",
modifier: "enabled",
},
path: [
"cmp",
"button",
"color",
"background",
"blendError",
"enabled",
],
},
hovered: {
value: "rgba(237,83,83, 0.24)",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value:
"{alias.color.background.action.blendError.hovered.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_BLEND_ERROR_HOVERED",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "blendError",
modifier: "hovered",
},
path: [
"cmp",
"button",
"color",
"background",
"blendError",
"hovered",
],
},
focused: {
value: "rgba(237,83,83, 0.24)",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/tokens/component/button/Button/button.json",
isSource: true,
original: {
value:
"{alias.color.background.action.blendError.focused.value}",
},
name: "CMP_BUTTON_COLOR_BACKGROUND_BLEND_ERROR_FOCUSED",
attributes: {
figmaType: "color",
tier: "cmp",
component: "button",
category: "color",
property: "background",
variant: "blendError",
modifier: "focused",
},
path: [
"cmp",
"button",
"color",
"background",
"blendError",
"focused",
],
},
pressed: {
value: "rgba(237,83,83, 0.24)",
filePath:
"/home/runner/work/genesys-brand-devo/genesys-brand-devo/node_modules/@devoinc/genesys-tokens/dist/toke