@abgov/design-tokens
Version:
```bash npm i --save-dev @abgov/design-tokens ```
93 lines (92 loc) • 2.29 kB
JSON
{
"icon-button-small-padding": {
"value": "{space.2xs}",
"type": "spacing"
},
"icon-button-medium-padding": {
"value": "{space.xs}",
"type": "spacing"
},
"icon-button-large-padding": {
"value": "{space.s}",
"type": "spacing"
},
"icon-button-border-radius": {
"value": "{borderRadius.m}",
"type": "borderRadius"
},
"icon-button-focus-border-width": {
"value": "{input.borderWidth.focus}",
"type": "borderWidth"
},
"icon-button-focus-border-color": {
"value": "{input.color.border.focus}",
"type": "color"
},
"icon-button-medium-border-radius": {
"value": "{borderRadius.m}",
"type": "borderRadius"
},
"icon-button-large-border-radius": {
"value": "{borderRadius.xl}",
"type": "borderRadius"
},
"icon-button-default-color": {
"value": "{color.interactive.default}",
"type": "color"
},
"icon-button-default-hover-color": {
"value": "{color.interactive.hover}",
"type": "color"
},
"icon-button-default-hover-color-bg": {
"value": "{color.greyscale.100}",
"dark": "#3a3a3a",
"type": "color"
},
"icon-button-default-disabled-color": {
"value": "{color.interactive.disabled}",
"type": "color"
},
"icon-button-light-color": {
"value": "{color.greyscale.white}",
"type": "color"
},
"icon-button-light-hover-color-bg": {
"value": "{color.greyscale.600}",
"type": "color"
},
"icon-button-light-disabled-color": {
"value": "{color.greyscale.500}",
"type": "color"
},
"icon-button-dark-color": {
"value": "{color.greyscale.black}",
"type": "color"
},
"icon-button-dark-hover-color-bg": {
"value": "{color.greyscale.100}",
"dark": "#3a3a3a",
"type": "color"
},
"icon-button-dark-disabled-color": {
"value": "{color.greyscale.500}",
"type": "color"
},
"icon-button-destructive-color": {
"value": "{color.emergency.default}",
"type": "color"
},
"icon-button-destructive-hover-color": {
"value": "{color.emergency.dark}",
"type": "color"
},
"icon-button-destructive-hover-color-bg": {
"value": "{color.emergency.light}",
"type": "color"
},
"icon-button-destructive-disabled-color": {
"value": "{color.greyscale.500}",
"type": "color"
}
}