components / work
button primitive
Button primitive is the work package's compact editorial action style. It is not a JS component; instead it exposes a CSS contract that work interactions and navigation controls share.
| field | value |
| group | work |
| import | @arieare/ds-work/work-ds.css |
| source | packages/ds-work/src/work-ds.css |
component tokens
| token | source | description |
--ds-button-primitive-border-color / --ds-button-primitive-bg / --ds-button-primitive-text-color | @arieare/ds-work/work-ds.css | Defines the primitive button surface, border, and text color. |
--ds-button-primitive-font-size / --ds-button-primitive-letter-spacing | @arieare/ds-work/work-ds.css | Controls the compact uppercase label rhythm. |
--ds-control-button-* | @arieare/ds-work/work-ds.css | Optional control-button overrides layered on top of the primitive button contract. |