@visual-framework/vf-design-tokens
Version:
A collection of design tokens for consumption across projects and products
61 lines (58 loc) • 2.05 kB
YAML
imports:
- "../core.palette.alias.yml"
props:
- name: vf-ui-color--black
value: '{!ui-color--black}'
meta:
friendlyName: UI Black
sassMap: black
CSSCustomProperty: --vf-ui-color--black
Deprecated: true
DeprecatedText: Please use the <a class="vf-card__link" href="../neutral-colors/"><code>vf-neutral--900</code></a> token.
- name: vf-ui-color--grey
value: '{!ui-color--grey}'
meta:
friendlyName: UI Grey
sassMap: grey
CSSCustomProperty: --vf-ui-color--grey
Deprecated: true
DeprecatedText: Please use the <a class="vf-card__link" href="../neutral-colors/"><code>vf-neutral--300</code></a> token.
- name: vf-ui-color--grey--light
value: '{!ui-color--grey--light}'
meta:
friendlyName: UI Grey light
sassMap: grey--light
CSSCustomProperty: --vf-ui-color--grey--light
Deprecated: true
DeprecatedText: Please use the <a class="vf-card__link" href="../neutral-colors/"><code>vf-neutral--100</code></a> token.
- name: vf-ui-color--yellow
value: '{!ui-color--yellow}'
meta:
friendlyName: UI Yellow
sassMap: yellow
CSSCustomProperty: --vf-ui-color--yellow
- name: vf-ui-color--red
value: '{!ui-color--red}'
meta:
friendlyName: UI Red
sassMap: red
CSSCustomProperty: --vf-ui-color--red
- name: vf-ui-color--white
value: '{!ui-color--white}'
meta:
friendlyName: UI White
sassMap: white
CSSCustomProperty: --vf-ui-color--white
Deprecated: true
DeprecatedText: Please use the <a class="vf-card__link" href="../neutral-colors/"><code>vf-neutral--0</code></a> token.
- name: vf-ui-color--off-white
value: '{!ui-color--off-white}'
meta:
friendlyName: UI Off white
sassMap: off-white
CSSCustomProperty: --vf-ui-color--off-white
Deprecated: true
DeprecatedText: Please use the <a class="vf-card__link" href="../neutral-colors/"><code>vf-neutral--100</code></a> token.
global:
type: color
category: color