Skip to content

Commit

Permalink
feat(data): adding an activeAlt modifier for the activeAlt button state
Browse files Browse the repository at this point in the history
  • Loading branch information
@ljemmo
ljemmo committed Jul 5, 2024
1 parent c18ce94 commit de71df2
Showing 1 changed file with 13 additions and 157 deletions.
170 changes: 13 additions & 157 deletions data/tokens/modes/light.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -815,161 +815,8 @@
}
}
},
"monochromeUPDATED": {
"standard": {
"active": {
"value": "{base.color.interactive.monochrome.standard.default}",
"type": "color",
"$extensions": {
"studio.tokens": {
"modify": {
"type": "alpha",
"value": "{base.color.modifiers.button.active}",
"space": "lch"
}
}
}
},
"default": {
"value": "{origin.colors.black}",
"type": "color"
},
"defaultAlt": {
"value": "{base.color.interactive.monochrome.standard.default}",
"type": "color",
"$extensions": {
"studio.tokens": {
"modify": {
"type": "alpha",
"value": "0.67",
"space": "lch"
}
}
}
},
"defaultAlt2": {
"value": "{base.color.interactive.monochrome.standard.active}",
"type": "color",
"$extensions": {
"studio.tokens": {
"modify": {
"type": "alpha",
"value": "0.50",
"space": "lch"
}
}
},
"description": "border color for off switches"
},
"hover": {
"value": "{base.color.interactive.monochrome.standard.default}",
"type": "color",
"description": "Secondary button border on hover"
},
"hoverAlt": {
"value": "{base.color.interactive.monochrome.standard.active}",
"type": "color",
"$extensions": {
"studio.tokens": {
"modify": {
"type": "alpha",
"value": "{base.color.modifiers.button.hoverAlt} ",
"space": "lch",
"color": "{base.color.modifier.contrastMore}"
}
}
},
"description": "Accordion and menu bg on hover\n"
},
"withActive": {
"value": "{base.color.interactive.monochrome.standard.default}",
"type": "color"
},
"withDefault": {
"value": "{base.color.generic.content.inverse.extreme}",
"type": "color"
},
"withHover": {
"value": "{base.color.interactive.monochrome.standard.default}",
"type": "color",
"description": "maybe should be white to align with primary group logic\n"
}
},
"inverse": {
"active": {
"value": "{base.color.interactive.monochrome.inverse.default}",
"type": "color",
"$extensions": {
"studio.tokens": {
"modify": {
"type": "alpha",
"value": "{base.color.modifiers.button.active}",
"space": "lch"
}
}
}
},
"default": {
"value": "{origin.colors.white}",
"type": "color"
},
"defaultAlt": {
"value": "{base.color.interactive.monochrome.inverse.default}",
"type": "color",
"$extensions": {
"studio.tokens": {
"modify": {
"type": "alpha",
"value": "0.67",
"space": "lch"
}
}
}
},
"hover": {
"value": "{base.color.interactive.monochrome.inverse.default}",
"type": "color",
"$extensions": {
"studio.tokens": {
"modify": {
"type": "alpha",
"value": "{base.color.modifiers.button.hover}",
"space": "lch"
}
}
}
},
"hoverAlt": {
"value": "{base.color.interactive.monochrome.inverse.active}",
"type": "color",
"$extensions": {
"studio.tokens": {
"modify": {
"type": "alpha",
"value": "{base.color.modifiers.button.hoverAlt} ",
"space": "lch",
"color": "{base.color.modifier.contrastMore}"
}
}
},
"description": "Accordion and menu bg on hover\n"
},
"withActive": {
"value": "{base.color.interactive.monochrome.inverse.default}",
"type": "color"
},
"withHover": {
"value": "{base.color.interactive.monochrome.inverse.default}",
"type": "color"
}
}
},
"monochrome": {
"standard": {
"withActiveAlt": {
"value": "{base.color.interactive.monochrome.standard.default}",
"type": "color"
},
"active": {
"value": "{origin.colors.black}",
"type": "color"
Expand All @@ -981,7 +828,7 @@
"studio.tokens": {
"modify": {
"type": "alpha",
"value": "{base.color.modifiers.button.active}",
"value": "{base.color.modifiers.button.activeAlt} ",
"space": "lch"
}
}
Expand Down Expand Up @@ -1051,6 +898,10 @@
"value": "{base.color.generic.content.inverse.extreme}",
"type": "color"
},
"withActiveAlt": {
"value": "{base.color.interactive.monochrome.standard.default}",
"type": "color"
},
"withDefault": {
"value": "{base.color.generic.content.inverse.extreme}",
"type": "color"
Expand All @@ -1073,7 +924,7 @@
"studio.tokens": {
"modify": {
"type": "alpha",
"value": "{base.color.modifiers.button.active}",
"value": "{base.color.modifiers.button.activeAlt}",
"space": "lch"
}
}
Expand Down Expand Up @@ -1804,9 +1655,14 @@
"modifiers": {
"button": {
"active": {
"value": "0.15",
"value": "0.32",
"type": "other",
"description": "Actve modifier used when 16% hover is used"
},
"activeAlt": {
"value": "0.16",
"type": "other",
"description": "more contrast"
"description": "Active appled when 8% hover is used"
},
"hover": {
"value": "0.16",
Expand Down

0 comments on commit de71df2

Please sign in to comment.