@atlaskit/tokens
Version:
Design tokens are the single source of truth to name and store design decisions.
272 lines (271 loc) • 8.86 kB
JavaScript
/**
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::66b2fd853fc2fa126a88bd74805bfc4b>>
* @codegenCommand yarn build tokens
*/
var tokens = [{
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.6.0",
"description": "Hovered state for color.background.neutral.subtle"
},
"value": "#BDBDBD0A",
"filePath": "schema/themes/atlassian-dark-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": "DarkNeutral100A"
},
"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": "#CECED912",
"filePath": "schema/themes/atlassian-dark-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": "DarkNeutral200A"
},
"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": "#CECED912",
"filePath": "schema/themes/atlassian-dark-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": "DarkNeutral200A"
},
"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": "#E3E4F21F",
"filePath": "schema/themes/atlassian-dark-finesse/color/background.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.6.2",
"description": "Hovered state for color.background.selected"
},
"value": "DarkNeutral300A"
},
"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": "#E5E9F640",
"filePath": "schema/themes/atlassian-dark-finesse/color/background.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.6.2",
"description": "Pressed state for color.background.selected"
},
"value": "DarkNeutral400A"
},
"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": "#CECFD2",
"filePath": "schema/themes/atlassian-dark-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": "DarkNeutral1000"
},
"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": "#BFC1C4",
"filePath": "schema/themes/atlassian-dark-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": "DarkNeutral900"
},
"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": "#A9ABAF",
"filePath": "schema/themes/atlassian-dark-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": "DarkNeutral800"
},
"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": "#CECFD2",
"filePath": "schema/themes/atlassian-dark-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": "DarkNeutral1000"
},
"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": "#CECFD2",
"filePath": "schema/themes/atlassian-dark-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": "DarkNeutral1000"
},
"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": "#CECFD2",
"filePath": "schema/themes/atlassian-dark-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": "DarkNeutral1000"
},
"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": "#CECED912",
"filePath": "schema/themes/atlassian-dark-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": "DarkNeutral200A"
},
"name": "color.blanket.selected",
"path": ["color", "blanket", "selected"],
"cleanName": "color.blanket.selected"
}];
export default tokens;