@atlaskit/tokens
Version:
Design tokens are the single source of truth to name and store design decisions.
272 lines (271 loc) • 8.82 kB
JavaScript
/**
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::6e14340b7d1da0b5055c1ac21d339141>>
* @codegenCommand yarn build tokens
*/
const tokens = [{
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.6.0",
"description": "Hovered state for color.background.neutral.subtle"
},
"value": "#17171708",
"filePath": "schema/themes/atlassian-light-finesse/color/background.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.6.0",
"description": "Hovered state for color.background.neutral.subtle"
},
"value": "Neutral100A"
},
"name": "color.background.neutral.subtle.hovered",
"path": ["color", "background", "neutral", "subtle", "hovered"],
"cleanName": "color.background.neutral.subtle.hovered"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.6.0",
"description": "Pressed state for color.background.neutral.subtle"
},
"value": "#0515240F",
"filePath": "schema/themes/atlassian-light-finesse/color/background.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.6.0",
"description": "Pressed state for color.background.neutral.subtle"
},
"value": "Neutral200A"
},
"name": "color.background.neutral.subtle.pressed",
"path": ["color", "background", "neutral", "subtle", "pressed"],
"cleanName": "color.background.neutral.subtle.pressed"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.6.2",
"description": "Use for the background of elements in a selected state, such as in opened dropdown buttons."
},
"value": "#0515240F",
"filePath": "schema/themes/atlassian-light-finesse/color/background.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.6.2",
"description": "Use for the background of elements in a selected state, such as in opened dropdown buttons."
},
"value": "Neutral200A"
},
"name": "color.background.selected.[default].[default]",
"path": ["color", "background", "selected", "[default]", "[default]"],
"cleanName": "color.background.selected"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.6.2",
"description": "Hovered state for color.background.selected"
},
"value": "#0B120E24",
"filePath": "schema/themes/atlassian-light-finesse/color/background.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.6.2",
"description": "Hovered state for color.background.selected"
},
"value": "Neutral300A"
},
"name": "color.background.selected.[default].hovered",
"path": ["color", "background", "selected", "[default]", "hovered"],
"cleanName": "color.background.selected.hovered"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.6.2",
"description": "Pressed state for color.background.selected"
},
"value": "#080F214A",
"filePath": "schema/themes/atlassian-light-finesse/color/background.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.6.2",
"description": "Pressed state for color.background.selected"
},
"value": "Neutral400A"
},
"name": "color.background.selected.[default].pressed",
"path": ["color", "background", "selected", "[default]", "pressed"],
"cleanName": "color.background.selected.pressed"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.6.2",
"description": "Use for the backgrounds of elements in a selected state, such as checkboxes and radio buttons."
},
"value": "#292A2E",
"filePath": "schema/themes/atlassian-light-finesse/color/background.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.6.2",
"description": "Use for the backgrounds of elements in a selected state, such as checkboxes and radio buttons."
},
"value": "Neutral1000"
},
"name": "color.background.selected.bold.[default]",
"path": ["color", "background", "selected", "bold", "[default]"],
"cleanName": "color.background.selected.bold"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.6.2",
"description": "Hovered state of color.background.selected.bold"
},
"value": "#3B3D42",
"filePath": "schema/themes/atlassian-light-finesse/color/background.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.6.2",
"description": "Hovered state of color.background.selected.bold"
},
"value": "Neutral900"
},
"name": "color.background.selected.bold.hovered",
"path": ["color", "background", "selected", "bold", "hovered"],
"cleanName": "color.background.selected.bold.hovered"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.6.2",
"description": "Pressed state of color.background.selected.bold"
},
"value": "#505258",
"filePath": "schema/themes/atlassian-light-finesse/color/background.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.6.2",
"description": "Pressed state of color.background.selected.bold"
},
"value": "Neutral800"
},
"name": "color.background.selected.bold.pressed",
"path": ["color", "background", "selected", "bold", "pressed"],
"cleanName": "color.background.selected.bold.pressed"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.6.2",
"description": "Use for borders or visual indicators of elements in a selected or opened state, such as in tabs or menu items."
},
"value": "#292A2E",
"filePath": "schema/themes/atlassian-light-finesse/color/border.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.6.2",
"description": "Use for borders or visual indicators of elements in a selected or opened state, such as in tabs or menu items."
},
"value": "Neutral1000"
},
"name": "color.border.selected",
"path": ["color", "border", "selected"],
"cleanName": "color.border.selected"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.6.0",
"description": "Use for text in selected or opened states, such as tabs and dropdown buttons."
},
"value": "#292A2E",
"filePath": "schema/themes/atlassian-light-finesse/color/text.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.6.0",
"description": "Use for text in selected or opened states, such as tabs and dropdown buttons."
},
"value": "Neutral1000"
},
"name": "color.text.selected",
"path": ["color", "text", "selected"],
"cleanName": "color.text.selected"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.6.2",
"description": "Use for icons in selected or opened states, such as those used in dropdown buttons."
},
"value": "#292A2E",
"filePath": "schema/themes/atlassian-light-finesse/color/icon.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.6.2",
"description": "Use for icons in selected or opened states, such as those used in dropdown buttons."
},
"value": "Neutral1000"
},
"name": "color.icon.selected",
"path": ["color", "icon", "selected"],
"cleanName": "color.icon.selected"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.6.0",
"description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
},
"value": "#0515240F",
"filePath": "schema/themes/atlassian-light-finesse/color/background.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.6.0",
"description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
},
"value": "Neutral200A"
},
"name": "color.blanket.selected",
"path": ["color", "blanket", "selected"],
"cleanName": "color.blanket.selected"
}];
export default tokens;