UNPKG

@atlaskit/tokens

Version:

Design tokens are the single source of truth to name and store design decisions.

1,567 lines (1,565 loc) 291 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = void 0; /** * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen} * @codegen <<SignedSource::8ba837ec9e96316ec5c338789f9aad1e>> * @codegenCommand yarn build tokens */ var tokens = [{ "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for primary text, such as body copy, sentence case headers, and buttons." }, "value": "#172B4D", "filePath": "schema/themes/atlassian-legacy-light/color/text.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for primary text, such as body copy, sentence case headers, and buttons." }, "value": "N800" }, "name": "color.text.[default]", "path": ["color", "text", "[default]"], "cleanName": "color.text" }, { "attributes": { "group": "paint", "state": "active", "introduced": "1.8.0", "description": "Use for lime text on subtlest and subtler lime accent backgrounds when there is no meaning tied to the color." }, "value": "#4C6B1F", "filePath": "schema/themes/atlassian-legacy-light/color/accent.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "1.8.0", "description": "Use for lime text on subtlest and subtler lime accent backgrounds when there is no meaning tied to the color." }, "value": "#4C6B1F" }, "name": "color.text.accent.lime.[default]", "path": ["color", "text", "accent", "lime", "[default]"], "cleanName": "color.text.accent.lime" }, { "attributes": { "group": "paint", "state": "active", "introduced": "1.8.0", "description": "Use for lime text on subtle lime accent backgrounds when there is no meaning tied to the color." }, "value": "#37471F", "filePath": "schema/themes/atlassian-legacy-light/color/accent.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "1.8.0", "description": "Use for lime text on subtle lime accent backgrounds when there is no meaning tied to the color." }, "value": "#37471F" }, "name": "color.text.accent.lime.bolder", "path": ["color", "text", "accent", "lime", "bolder"], "cleanName": "color.text.accent.lime.bolder" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for red text on subtlest and subtler red accent backgrounds when there is no meaning tied to the color." }, "value": "#DE350B", "filePath": "schema/themes/atlassian-legacy-light/color/accent.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for red text on subtlest and subtler red accent backgrounds when there is no meaning tied to the color." }, "value": "R400" }, "name": "color.text.accent.red.[default]", "path": ["color", "text", "accent", "red", "[default]"], "cleanName": "color.text.accent.red" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.7.0", "description": "Use for red text on subtle red accent backgrounds when there is no meaning tied to the color." }, "value": "#BF2600", "filePath": "schema/themes/atlassian-legacy-light/color/accent.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.7.0", "description": "Use for red text on subtle red accent backgrounds when there is no meaning tied to the color." }, "value": "R500" }, "name": "color.text.accent.red.bolder", "path": ["color", "text", "accent", "red", "bolder"], "cleanName": "color.text.accent.red.bolder" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for orange text on subtlest and subtler orange accent backgrounds when there is no meaning tied to the color." }, "value": "#F18D13", "filePath": "schema/themes/atlassian-legacy-light/color/accent.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for orange text on subtlest and subtler orange accent backgrounds when there is no meaning tied to the color." }, "value": "#F18D13" }, "name": "color.text.accent.orange.[default]", "path": ["color", "text", "accent", "orange", "[default]"], "cleanName": "color.text.accent.orange" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.7.0", "description": "Use for orange text on subtle orange accent backgrounds when there is no meaning tied to the color." }, "value": "#B65C02", "filePath": "schema/themes/atlassian-legacy-light/color/accent.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.7.0", "description": "Use for orange text on subtle orange accent backgrounds when there is no meaning tied to the color." }, "value": "#B65C02" }, "name": "color.text.accent.orange.bolder", "path": ["color", "text", "accent", "orange", "bolder"], "cleanName": "color.text.accent.orange.bolder" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for yellow text on subtlest and subtler yellow accent backgrounds when there is no meaning tied to the color." }, "value": "#FF991F", "filePath": "schema/themes/atlassian-legacy-light/color/accent.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for yellow text on subtlest and subtler yellow accent backgrounds when there is no meaning tied to the color." }, "value": "Y400" }, "name": "color.text.accent.yellow.[default]", "path": ["color", "text", "accent", "yellow", "[default]"], "cleanName": "color.text.accent.yellow" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.7.0", "description": "Use for yellow text on subtle yellow accent backgrounds when there is no meaning tied to the color." }, "value": "#FF8B00", "filePath": "schema/themes/atlassian-legacy-light/color/accent.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.7.0", "description": "Use for yellow text on subtle yellow accent backgrounds when there is no meaning tied to the color." }, "value": "Y500" }, "name": "color.text.accent.yellow.bolder", "path": ["color", "text", "accent", "yellow", "bolder"], "cleanName": "color.text.accent.yellow.bolder" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for green text on subtlest and subtler green accent backgrounds when there is no meaning tied to the color." }, "value": "#00875A", "filePath": "schema/themes/atlassian-legacy-light/color/accent.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for green text on subtlest and subtler green accent backgrounds when there is no meaning tied to the color." }, "value": "G400" }, "name": "color.text.accent.green.[default]", "path": ["color", "text", "accent", "green", "[default]"], "cleanName": "color.text.accent.green" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.7.0", "description": "Use for green text on subtle green accent backgrounds when there is no meaning tied to the color." }, "value": "#006644", "filePath": "schema/themes/atlassian-legacy-light/color/accent.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.7.0", "description": "Use for green text on subtle green accent backgrounds when there is no meaning tied to the color." }, "value": "G500" }, "name": "color.text.accent.green.bolder", "path": ["color", "text", "accent", "green", "bolder"], "cleanName": "color.text.accent.green.bolder" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for teal text on subtlest and subtler teal accent backgrounds when there is no meaning tied to the color." }, "value": "#00A3BF", "filePath": "schema/themes/atlassian-legacy-light/color/accent.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for teal text on subtlest and subtler teal accent backgrounds when there is no meaning tied to the color." }, "value": "T400" }, "name": "color.text.accent.teal.[default]", "path": ["color", "text", "accent", "teal", "[default]"], "cleanName": "color.text.accent.teal" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.7.0", "description": "Use for teal text on subtle teal accent backgrounds when there is no meaning tied to the color." }, "value": "#008DA6", "filePath": "schema/themes/atlassian-legacy-light/color/accent.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.7.0", "description": "Use for teal text on subtle teal accent backgrounds when there is no meaning tied to the color." }, "value": "T500" }, "name": "color.text.accent.teal.bolder", "path": ["color", "text", "accent", "teal", "bolder"], "cleanName": "color.text.accent.teal.bolder" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for blue text on subtlest and subtler blue accent backgrounds when there is no meaning tied to the color." }, "value": "#0052CC", "filePath": "schema/themes/atlassian-legacy-light/color/accent.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for blue text on subtlest and subtler blue accent backgrounds when there is no meaning tied to the color." }, "value": "B400" }, "name": "color.text.accent.blue.[default]", "path": ["color", "text", "accent", "blue", "[default]"], "cleanName": "color.text.accent.blue" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.7.0", "description": "Use for blue text on subtle blue accent backgrounds when there is no meaning tied to the color." }, "value": "#0747A6", "filePath": "schema/themes/atlassian-legacy-light/color/accent.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.7.0", "description": "Use for blue text on subtle blue accent backgrounds when there is no meaning tied to the color." }, "value": "B500" }, "name": "color.text.accent.blue.bolder", "path": ["color", "text", "accent", "blue", "bolder"], "cleanName": "color.text.accent.blue.bolder" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for purple text on subtlest and subtler purple accent backgrounds when there is no meaning tied to the color." }, "value": "#5243AA", "filePath": "schema/themes/atlassian-legacy-light/color/accent.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for purple text on subtlest and subtler purple accent backgrounds when there is no meaning tied to the color." }, "value": "P400" }, "name": "color.text.accent.purple.[default]", "path": ["color", "text", "accent", "purple", "[default]"], "cleanName": "color.text.accent.purple" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.7.0", "description": "Use for purple text on subtle purple accent backgrounds when there is no meaning tied to the color." }, "value": "#403294", "filePath": "schema/themes/atlassian-legacy-light/color/accent.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.7.0", "description": "Use for purple text on subtle purple accent backgrounds when there is no meaning tied to the color." }, "value": "P500" }, "name": "color.text.accent.purple.bolder", "path": ["color", "text", "accent", "purple", "bolder"], "cleanName": "color.text.accent.purple.bolder" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for magenta text on subtlest and subtler magenta accent backgrounds when there is no meaning tied to the color." }, "value": "#E774BB", "filePath": "schema/themes/atlassian-legacy-light/color/accent.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for magenta text on subtlest and subtler magenta accent backgrounds when there is no meaning tied to the color." }, "value": "#E774BB" }, "name": "color.text.accent.magenta.[default]", "path": ["color", "text", "accent", "magenta", "[default]"], "cleanName": "color.text.accent.magenta" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.7.0", "description": "Use for magenta text on subtle magenta accent backgrounds when there is no meaning tied to the color." }, "value": "#DA62AC", "filePath": "schema/themes/atlassian-legacy-light/color/accent.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.7.0", "description": "Use for magenta text on subtle magenta accent backgrounds when there is no meaning tied to the color." }, "value": "#DA62AC" }, "name": "color.text.accent.magenta.bolder", "path": ["color", "text", "accent", "magenta", "bolder"], "cleanName": "color.text.accent.magenta.bolder" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.10.5", "description": "Use for text on non-bold gray accent backgrounds, such as colored tags." }, "value": "#505F79", "filePath": "schema/themes/atlassian-legacy-light/color/accent.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.10.5", "description": "Use for text on non-bold gray accent backgrounds, such as colored tags." }, "value": "N400" }, "name": "color.text.accent.gray.[default]", "path": ["color", "text", "accent", "gray", "[default]"], "cleanName": "color.text.accent.gray" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.10.5", "description": "Use for text and icons on gray subtle accent backgrounds." }, "value": "#172B4D", "filePath": "schema/themes/atlassian-legacy-light/color/accent.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.10.5", "description": "Use for text and icons on gray subtle accent backgrounds." }, "value": "N800" }, "name": "color.text.accent.gray.bolder", "path": ["color", "text", "accent", "gray", "bolder"], "cleanName": "color.text.accent.gray.bolder" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.0.15", "description": "Use for text in a disabled state." }, "value": "#A5ADBA", "filePath": "schema/themes/atlassian-legacy-light/color/text.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.0.15", "description": "Use for text in a disabled state." }, "value": "N70" }, "name": "color.text.disabled", "path": ["color", "text", "disabled"], "cleanName": "color.text.disabled" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for text on bold backgrounds." }, "value": "#FFFFFF", "filePath": "schema/themes/atlassian-legacy-light/color/text.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for text on bold backgrounds." }, "value": "N0" }, "name": "color.text.inverse", "path": ["color", "text", "inverse"], "cleanName": "color.text.inverse" }, { "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": "#0052CC", "filePath": "schema/themes/atlassian-legacy-light/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": "B400" }, "name": "color.text.selected", "path": ["color", "text", "selected"], "cleanName": "color.text.selected" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for text that reinforces our brand." }, "value": "#0065FF", "filePath": "schema/themes/atlassian-legacy-light/color/text.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for text that reinforces our brand." }, "value": "B300" }, "name": "color.text.brand", "path": ["color", "text", "brand"], "cleanName": "color.text.brand" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.0.15", "description": "Use for critical text, such as input field error messaging." }, "value": "#DE350B", "filePath": "schema/themes/atlassian-legacy-light/color/text.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.0.15", "description": "Use for critical text, such as input field error messaging." }, "value": "R400" }, "name": "color.text.danger.[default]", "path": ["color", "text", "danger", "[default]"], "cleanName": "color.text.danger" }, { "attributes": { "group": "paint", "state": "active", "introduced": "8.1.0", "description": "Use for text on top of danger semantic labels to ensure accessibility and desired visual appearance." }, "value": "#BF2600", "filePath": "schema/themes/atlassian-legacy-light/color/text.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "8.1.0", "description": "Use for text on top of danger semantic labels to ensure accessibility and desired visual appearance." }, "value": "R500" }, "name": "color.text.danger.bolder", "path": ["color", "text", "danger", "bolder"], "cleanName": "color.text.danger.bolder" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.0.15", "description": "Use for text to emphasize caution, such as in moved lozenges." }, "value": "#974F0C", "filePath": "schema/themes/atlassian-legacy-light/color/text.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.0.15", "description": "Use for text to emphasize caution, such as in moved lozenges." }, "value": "O800" }, "name": "color.text.warning.[default]", "path": ["color", "text", "warning", "[default]"], "cleanName": "color.text.warning" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for text when on bold warning backgrounds." }, "value": "#172B4D", "filePath": "schema/themes/atlassian-legacy-light/color/text.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for text when on bold warning backgrounds." }, "value": "N800" }, "name": "color.text.warning.inverse", "path": ["color", "text", "warning", "inverse"], "cleanName": "color.text.warning.inverse" }, { "attributes": { "group": "paint", "state": "active", "introduced": "8.1.0", "description": "Use for text on top of warning semantic labels to ensure accessibility and desired visual appearance." }, "value": "#974F0C", "filePath": "schema/themes/atlassian-legacy-light/color/text.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "8.1.0", "description": "Use for text on top of warning semantic labels to ensure accessibility and desired visual appearance." }, "value": "O800" }, "name": "color.text.warning.bolder", "path": ["color", "text", "warning", "bolder"], "cleanName": "color.text.warning.bolder" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.0.15", "description": "Use for text to communicate a favorable outcome, such as input field success messaging." }, "value": "#006644", "filePath": "schema/themes/atlassian-legacy-light/color/text.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.0.15", "description": "Use for text to communicate a favorable outcome, such as input field success messaging." }, "value": "G500" }, "name": "color.text.success.[default]", "path": ["color", "text", "success", "[default]"], "cleanName": "color.text.success" }, { "attributes": { "group": "paint", "state": "active", "introduced": "8.1.0", "description": "Use for text on top of success semantic labels to ensure accessibility and desired visual appearance." }, "value": "#006644", "filePath": "schema/themes/atlassian-legacy-light/color/text.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "8.1.0", "description": "Use for text on top of success semantic labels to ensure accessibility and desired visual appearance." }, "value": "G500" }, "name": "color.text.success.bolder", "path": ["color", "text", "success", "bolder"], "cleanName": "color.text.success.bolder" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.0.15", "description": "Use for text to emphasize change or something new, such as in new lozenges." }, "value": "#403294", "filePath": "schema/themes/atlassian-legacy-light/color/text.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.0.15", "description": "Use for text to emphasize change or something new, such as in new lozenges." }, "value": "P500" }, "name": "color.text.discovery.[default]", "path": ["color", "text", "discovery", "[default]"], "cleanName": "color.text.discovery" }, { "attributes": { "group": "paint", "state": "active", "introduced": "8.1.0", "description": "Use for text on top of discovery semantic labels to ensure accessibility and desired visual appearance." }, "value": "#403294", "filePath": "schema/themes/atlassian-legacy-light/color/text.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "8.1.0", "description": "Use for text on top of discovery semantic labels to ensure accessibility and desired visual appearance." }, "value": "P500" }, "name": "color.text.discovery.bolder", "path": ["color", "text", "discovery", "bolder"], "cleanName": "color.text.discovery.bolder" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for informative text or to communicate something is in progress, such as in-progress lozenges." }, "value": "#0052CC", "filePath": "schema/themes/atlassian-legacy-light/color/text.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for informative text or to communicate something is in progress, such as in-progress lozenges." }, "value": "B400" }, "name": "color.text.information.[default]", "path": ["color", "text", "information", "[default]"], "cleanName": "color.text.information" }, { "attributes": { "group": "paint", "state": "active", "introduced": "8.1.0", "description": "Use for text on top of information semantic labels to ensure accessibility and desired visual appearance." }, "value": "#0747A6", "filePath": "schema/themes/atlassian-legacy-light/color/text.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "8.1.0", "description": "Use for text on top of information semantic labels to ensure accessibility and desired visual appearance." }, "value": "B500" }, "name": "color.text.information.bolder", "path": ["color", "text", "information", "bolder"], "cleanName": "color.text.information.bolder" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for tertiary text, such as meta-data, breadcrumbs, input field placeholder and helper text." }, "value": "#7A869A", "filePath": "schema/themes/atlassian-legacy-light/color/text.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for tertiary text, such as meta-data, breadcrumbs, input field placeholder and helper text." }, "value": "N100" }, "name": "color.text.subtlest", "path": ["color", "text", "subtlest"], "cleanName": "color.text.subtlest" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for secondary text, such as navigation, subtle button links, input field labels, and all caps subheadings." }, "value": "#42526E", "filePath": "schema/themes/atlassian-legacy-light/color/text.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for secondary text, such as navigation, subtle button links, input field labels, and all caps subheadings." }, "value": "N500" }, "name": "color.text.subtle", "path": ["color", "text", "subtle"], "cleanName": "color.text.subtle" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for links in a default or hovered state. Add an underline for hovered states." }, "value": "#0052CC", "filePath": "schema/themes/atlassian-legacy-light/color/text.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for links in a default or hovered state. Add an underline for hovered states." }, "value": "B400" }, "name": "color.link.[default]", "path": ["color", "link", "[default]"], "cleanName": "color.link" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for links in a pressed state." }, "value": "#0747A6", "filePath": "schema/themes/atlassian-legacy-light/color/text.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for links in a pressed state." }, "value": "B500" }, "name": "color.link.pressed", "path": ["color", "link", "pressed"], "cleanName": "color.link.pressed" }, { "attributes": { "group": "paint", "state": "active", "introduced": "1.23.0", "description": "Use for visited links." }, "value": "#403294", "filePath": "schema/themes/atlassian-legacy-light/color/text.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "1.23.0", "description": "Use for visited links." }, "value": "P500" }, "name": "color.link.visited.[default]", "path": ["color", "link", "visited", "[default]"], "cleanName": "color.link.visited" }, { "attributes": { "group": "paint", "state": "active", "introduced": "1.43.0", "description": "Use for visited links in a pressed state." }, "value": "#403294", "filePath": "schema/themes/atlassian-legacy-light/color/text.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "1.43.0", "description": "Use for visited links in a pressed state." }, "value": "P500" }, "name": "color.link.visited.pressed", "path": ["color", "link", "visited", "pressed"], "cleanName": "color.link.visited.pressed" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for icon-only buttons, or icons paired with color.text" }, "value": "#505F79", "filePath": "schema/themes/atlassian-legacy-light/color/icon.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for icon-only buttons, or icons paired with color.text" }, "value": "N400" }, "name": "color.icon.[default]", "path": ["color", "icon", "[default]"], "cleanName": "color.icon" }, { "attributes": { "group": "paint", "state": "active", "introduced": "1.6.0", "description": "Use for lime icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons." }, "value": "#6A9A23", "filePath": "schema/themes/atlassian-legacy-light/color/accent.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "1.6.0", "description": "Use for lime icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons." }, "value": "#6A9A23" }, "name": "color.icon.accent.lime", "path": ["color", "icon", "accent", "lime"], "cleanName": "color.icon.accent.lime" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for red icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons." }, "value": "#FF5630", "filePath": "schema/themes/atlassian-legacy-light/color/accent.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for red icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons." }, "value": "R300" }, "name": "color.icon.accent.red", "path": ["color", "icon", "accent", "red"], "cleanName": "color.icon.accent.red" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for orange icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons." }, "value": "#D94008", "filePath": "schema/themes/atlassian-legacy-light/color/accent.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for orange icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons." }, "value": "#D94008" }, "name": "color.icon.accent.orange", "path": ["color", "icon", "accent", "orange"], "cleanName": "color.icon.accent.orange" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for yellow icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons." }, "value": "#FFAB00", "filePath": "schema/themes/atlassian-legacy-light/color/accent.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for yellow icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons." }, "value": "Y300" }, "name": "color.icon.accent.yellow", "path": ["color", "icon", "accent", "yellow"], "cleanName": "color.icon.accent.yellow" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for green icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons." }, "value": "#36B37E", "filePath": "schema/themes/atlassian-legacy-light/color/accent.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for green icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons." }, "value": "G300" }, "name": "color.icon.accent.green", "path": ["color", "icon", "accent", "green"], "cleanName": "color.icon.accent.green" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for teal icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons." }, "value": "#00B8D9", "filePath": "schema/themes/atlassian-legacy-light/color/accent.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for teal icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons." }, "value": "T300" }, "name": "color.icon.accent.teal", "path": ["color", "icon", "accent", "teal"], "cleanName": "color.icon.accent.teal" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for blue icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons." }, "value": "#0065FF", "filePath": "schema/themes/atlassian-legacy-light/color/accent.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for blue icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons." }, "value": "B300" }, "name": "color.icon.accent.blue", "path": ["color", "icon", "accent", "blue"], "cleanName": "color.icon.accent.blue" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for purple icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons." }, "value": "#6554C0", "filePath": "schema/themes/atlassian-legacy-light/color/accent.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for purple icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons." }, "value": "P300" }, "name": "color.icon.accent.purple", "path": ["color", "icon", "accent", "purple"], "cleanName": "color.icon.accent.purple" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for magenta icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons." }, "value": "#CD519D", "filePath": "schema/themes/atlassian-legacy-light/color/accent.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for magenta icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons." }, "value": "#CD519D" }, "name": "color.icon.accent.magenta", "path": ["color", "icon", "accent", "magenta"], "cleanName": "color.icon.accent.magenta" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.10.5", "description": "Use for icons on non-bold gray accent backgrounds, such as file type icons." }, "value": "#5E6C84", "filePath": "schema/themes/atlassian-legacy-light/color/accent.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.10.5", "description": "Use for icons on non-bold gray accent backgrounds, such as file type icons." }, "value": "N300" }, "name": "color.icon.accent.gray", "path": ["color", "icon", "accent", "gray"], "cleanName": "color.icon.accent.gray" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for icons in a disabled state." }, "value": "#8993A4", "filePath": "schema/themes/atlassian-legacy-light/color/icon.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for icons in a disabled state." }, "value": "N90" }, "name": "color.icon.disabled", "path": ["color", "icon", "disabled"], "cleanName": "color.icon.disabled" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for icons on bold backgrounds." }, "value": "#FFFFFF", "filePath": "schema/themes/atlassian-legacy-light/color/icon.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for icons on bold backgrounds." }, "value": "N0" }, "name": "color.icon.inverse", "path": ["color", "icon", "inverse"], "cleanName": "color.icon.inverse" }, { "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": "#0052CC", "filePath": "schema/themes/atlassian-legacy-light/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": "B400" }, "name": "color.icon.selected", "path": ["color", "icon", "selected"], "cleanName": "color.icon.selected" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for icons that reinforce our brand." }, "value": "#0065FF", "filePath": "schema/themes/atlassian-legacy-light/color/icon.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for icons that reinforce our brand." }, "value": "B300" }, "name": "color.icon.brand", "path": ["color", "icon", "brand"], "cleanName": "color.icon.brand" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for icons communicating critical information, such as those used in error handing." }, "value": "#DE350B", "filePath": "schema/themes/atlassian-legacy-light/color/icon.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for icons communicating critical information, such as those used in error handing." }, "value": "R400" }, "name": "color.icon.danger", "path": ["color", "icon", "danger"], "cleanName": "color.icon.danger" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for icons communicating caution, such as those used in warning section messages." }, "value": "#FFC400", "filePath": "schema/themes/atlassian-legacy-light/color/icon.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for icons communicating caution, such as those used in warning section messages." }, "value": "Y200" }, "name": "color.icon.warning.[default]", "path": ["color", "icon", "warning", "[default]"], "cleanName": "color.icon.warning" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for icons when on bold warning backgrounds." }, "value": "#253858", "filePath": "schema/themes/atlassian-legacy-light/color/icon.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for icons when on bold warning backgrounds." }, "value": "N700" }, "name": "color.icon.warning.inverse", "path": ["color", "icon", "warning", "inverse"], "cleanName": "color.icon.warning.inverse" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for icons communicating a favorable outcome, such as those used in success section messaged." }, "value": "#00875A", "filePath": "schema/themes/atlassian-legacy-light/color/icon.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for icons communicating a favorable outcome, such as those used in success section messaged." }, "value": "G400" }, "name": "color.icon.success", "path": ["color", "icon", "success"], "cleanName": "color.icon.success" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for icons communicating change or something new, such as discovery section messages." }, "value": "#8777D9", "filePath": "schema/themes/atlassian-legacy-light/color/icon.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for icons communicating change or something new, such as discovery section messages." }, "value": "P200" }, "name": "color.icon.discovery", "path": ["color", "icon", "discovery"], "cleanName": "color.icon.discovery" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for icons communicating information or something in-progress, such as information section messages." }, "value": "#0747A6", "filePath": "schema/themes/atlassian-legacy-light/color/icon.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for icons communicating information or something in-progress, such as information section messages." }, "value": "B500" }, "name": "color.icon.information", "path": ["color", "icon", "information"], "cleanName": "color.icon.information" }, { "attributes": { "group": "paint", "state": "active", "introduced": "1.54.0", "description": "Use for icons paired with color.text.subtlest" }, "value": "#6B778C", "filePath": "schema/themes/atlassian-legacy-light/color/icon.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "1.54.0", "description": "Use for icons paired with color.text.subtlest" }, "value": "N200" }, "name": "color.icon.subtlest", "path": ["color", "icon", "subtlest"], "cleanName": "color.icon.subtlest" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for icons paired with color.text.subtle" }, "value": "#6B778C", "filePath": "schema/themes/atlassian-legacy-light/color/icon.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for icons paired with color.text.subtle" }, "value": "N200" }, "name": "color.icon.subtle", "path": ["color", "icon", "subtle"], "cleanName": "color.icon.subtle" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use to visually group or separate UI elements, such as flat cards or side panel dividers." }, "value": "#091e4221", "filePath": "schema/themes/atlassian-legacy-light/color/border.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use to visually group or separate UI elements, such as flat cards or side panel dividers." }, "value": "N40A" }, "name": "color.border.[default]", "path": ["color", "border", "[default]"], "cleanName": "color.border" }, { "attributes": { "group": "paint", "state": "active", "introduced": "1.6.0", "description": "Use for lime borders on non-bold backgrounds when there is no meaning tied to the color." }, "value": "#6A9A23", "filePath": "schema/themes/atlassian-legacy-light/color/accent.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "1.6.0", "description": "Use for lime borders on non-bold backgrounds when there is no meaning tied to the color." }, "value": "#6A9A23" }, "name": "color.border.accent.lime", "path": ["color", "border", "accent", "lime"], "cleanName": "color.border.accent.lime" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for red borders on non-bold backgrounds when there is no meaning tied to the color." }, "value": "#FF5630", "filePath": "schema/themes/atlassian-legacy-light/color/accent.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for red borders on non-bold backgrounds when there is no meaning tied to the color." }, "value": "R300" }, "name": "color.border.accent.red", "path": ["color", "border", "accent", "red"], "cleanName": "color.border.accent.red" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for orange borders on non-bold backgrounds when there is no meaning tied to the color." }, "value": "#D94008", "filePath": "schema/themes/atlassian-legacy-light/color/accent.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for orange borders on non-bold backgrounds when there is no meaning tied to the color." }, "value": "#D94008" }, "name": "color.border.accent.orange", "path": ["color", "border", "accent", "orange"], "cleanName": "color.border.accent.orange" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for yellow borders on non-bold backgrounds when there is no meaning tied to the color." }, "value": "#FFAB00", "filePath": "schema/themes/atlassian-legacy-light/color/accent.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for yellow borders on non-bold backgrounds when there is no meaning tied to the color." }, "value": "Y300" }, "name": "color.border.accent.yellow", "path": ["color", "border", "accent", "yellow"], "cleanName": "color.border.accent.yellow" }, { "attributes": { "group": "paint", "state": "active", "introduced": "0.6.0", "description": "Use for green borders on non-bold backgrounds when there is no meaning tied to the color." }, "value": "#36B37E", "filePath": "schema/themes/atlassian-legacy-light/color/accent.tsx", "isSource": true, "original": { "attributes": { "group": "paint", "state": "active", "introduced"