@atlaskit/tokens
Advanced tools
Comparing version 0.9.1 to 0.9.2
@@ -6,3 +6,6 @@ { | ||
"module:es2019": "../dist/es2019/entry-points/babel-plugin.js", | ||
"sideEffects": [ | ||
"**/*.css" | ||
], | ||
"types": "../dist/types/entry-points/babel-plugin.d.ts" | ||
} |
# @atlaskit/tokens | ||
## 0.9.2 | ||
### Patch Changes | ||
- [`c1de986e861`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c1de986e861) - Added new entrypoint `@atlaskit/tokens/palettes-raw` for raw palette token data (used in documentation) | ||
## 0.9.1 | ||
@@ -4,0 +10,0 @@ |
@@ -25,2 +25,2 @@ "use strict"; | ||
var _tokenIds = require("../token-ids"); | ||
var _tokenIds = require("../utils/token-ids"); |
@@ -15,3 +15,3 @@ "use strict"; | ||
var name = "@atlaskit/tokens"; | ||
var version = "0.9.1"; | ||
var version = "0.9.2"; | ||
@@ -18,0 +18,0 @@ function token(path, fallback) { |
@@ -15,2 +15,4 @@ "use strict"; | ||
introduced: '0.1.1', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.blue.bolder', | ||
@@ -25,2 +27,4 @@ description: 'Use for blue backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.' | ||
introduced: '0.1.1', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.green.bolder', | ||
@@ -35,2 +39,4 @@ description: 'Use for green backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.' | ||
introduced: '0.1.1', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.orange.bolder', | ||
@@ -45,2 +51,4 @@ description: 'Use for orange backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.' | ||
introduced: '0.1.1', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.purple.bolder', | ||
@@ -55,2 +63,4 @@ description: 'Use for purple backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.' | ||
introduced: '0.1.1', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.red.bolder', | ||
@@ -65,2 +75,4 @@ description: 'Use for red backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.' | ||
introduced: '0.1.1', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.teal.bolder', | ||
@@ -75,2 +87,4 @@ description: 'Use for teal backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.' | ||
introduced: '0.1.0', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.blue.subtler', | ||
@@ -85,2 +99,4 @@ description: 'Use for blue subdued backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
introduced: '0.1.0', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.green.subtler', | ||
@@ -95,2 +111,4 @@ description: 'Use for green subdued backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
introduced: '0.1.0', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.magenta.subtler', | ||
@@ -105,2 +123,4 @@ description: 'Use for magenta subdued backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
introduced: '0.1.0', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.orange.subtler', | ||
@@ -115,2 +135,4 @@ description: 'Use for orange subdued backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
introduced: '0.1.0', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.purple.subtler', | ||
@@ -125,2 +147,4 @@ description: 'Use for purple subdued backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
introduced: '0.1.0', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.red.subtler', | ||
@@ -135,2 +159,4 @@ description: 'Use for red subdued backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
introduced: '0.1.0', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.teal.subtler', | ||
@@ -149,2 +175,4 @@ description: 'Use for teal subdued backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.blue.subtler', | ||
@@ -159,2 +187,4 @@ description: 'Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.blue.subtle', | ||
@@ -171,2 +201,4 @@ description: 'Use for blue backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.red.subtler', | ||
@@ -181,2 +213,4 @@ description: 'Use for red backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.red.subtle', | ||
@@ -193,2 +227,4 @@ description: 'Use for red backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.orange.subtler', | ||
@@ -203,2 +239,4 @@ description: 'Use for orange backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.orange.subtle', | ||
@@ -215,2 +253,4 @@ description: 'Use for orange backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.yellow.subtler', | ||
@@ -225,2 +265,4 @@ description: 'Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.yellow.subtle', | ||
@@ -237,2 +279,4 @@ description: 'Use for yellow backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.green.subtler', | ||
@@ -247,2 +291,4 @@ description: 'Use for green backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.green.subtle', | ||
@@ -259,2 +305,4 @@ description: 'Use for green backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.teal.subtler', | ||
@@ -269,2 +317,4 @@ description: 'Use for teal backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.teal.subtle', | ||
@@ -281,2 +331,4 @@ description: 'Use for teal backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.purple.subtler', | ||
@@ -291,2 +343,4 @@ description: 'Use for purple backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.purple.subtle', | ||
@@ -303,2 +357,4 @@ description: 'Use for purple backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.magenta.subtler', | ||
@@ -313,2 +369,4 @@ description: 'Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.magenta.subtle', | ||
@@ -325,2 +383,4 @@ description: 'Use for magenta backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.blanket.[default]', | ||
@@ -337,2 +397,3 @@ description: 'Use for the screen overlay that appears with modal dialogs' | ||
introduced: '0.6.0', | ||
deprecated: '0.6.2', | ||
replacement: 'color.background.selected.[default].[default]', | ||
@@ -347,2 +408,3 @@ description: 'Use for the background of elements used to reinforce our brand.' | ||
introduced: '0.6.0', | ||
deprecated: '0.6.2', | ||
replacement: 'color.background.selected.[default].hovered', | ||
@@ -357,2 +419,3 @@ description: 'Hovered state for color.background.brand' | ||
introduced: '0.6.0', | ||
deprecated: '0.6.2', | ||
replacement: 'color.background.selected.[default].pressed', | ||
@@ -370,2 +433,4 @@ description: 'Pressed state for color.background.brand' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.brand.bold.hovered', | ||
@@ -380,2 +445,4 @@ description: 'Hover state of background.boldBrand' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.brand.bold.pressed', | ||
@@ -390,2 +457,4 @@ description: 'Pressed state of background.boldBrand' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.brand.bold.[default]', | ||
@@ -402,2 +471,4 @@ description: 'A vibrant background for small UI elements like primary buttons and bold in progress lozenges.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.danger.bold.hovered', | ||
@@ -412,2 +483,4 @@ description: 'Hover state of background.boldDanger' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.danger.bold.pressed', | ||
@@ -422,2 +495,4 @@ description: 'Pressed state of background.boldDanger' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.danger.bold.[default]', | ||
@@ -434,2 +509,4 @@ description: 'A vibrant background for small UI elements like danger buttons and bold removed lozenges.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.discovery.bold.hovered', | ||
@@ -444,2 +521,4 @@ description: 'Hover state of background.boldDiscovery' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.discovery.bold.pressed', | ||
@@ -454,2 +533,4 @@ description: 'Pressed state of background.boldDiscovery' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.discovery.bold.[default]', | ||
@@ -466,2 +547,4 @@ description: 'A vibrant background for small UI elements like onboarding buttons and bold new lozenges.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.neutral.bold.hovered', | ||
@@ -476,2 +559,4 @@ description: 'Hover state of background.boldNeutral' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.neutral.bold.pressed', | ||
@@ -486,2 +571,4 @@ description: 'Pressed state of background.boldNeutral' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.neutral.bold.[default]', | ||
@@ -498,2 +585,4 @@ description: 'A vibrant background for small UI elements like unchecked toggles and bold default lozenges.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.success.bold.hovered', | ||
@@ -508,2 +597,4 @@ description: 'Hover state of background.boldSuccess' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.success.bold.pressed', | ||
@@ -518,2 +609,4 @@ description: 'Pressed state of background.boldSuccess' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.success.bold.[default]', | ||
@@ -530,2 +623,4 @@ description: 'A vibrant background for small UI elements like checked toggles and bold success lozenges.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.warning.bold.hovered', | ||
@@ -540,2 +635,4 @@ description: 'Hover state of background.boldWarning' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.warning.bold.pressed', | ||
@@ -550,2 +647,4 @@ description: 'Pressed state of background.boldWarning' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.warning.bold.[default]', | ||
@@ -561,2 +660,4 @@ description: 'A vibrant background for small UI elements like warning buttons and bold moved lozenges.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'elevation.surface.raised', | ||
@@ -571,2 +672,4 @@ description: 'Use for the background of raised cards, such as Jira cards on a Kanban board.\nCombine with shadow.card.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'elevation.surface.[default]', | ||
@@ -582,2 +685,3 @@ description: 'Use as the primary background for the UI' | ||
introduced: '0.1.0', | ||
deprecated: '0.8.3', | ||
replacement: 'color.background.inverse.subtle.[default]', | ||
@@ -593,2 +697,4 @@ description: 'Use for backgrounds of elements on a bold background, such as in the buttons on spotlight cards.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'elevation.surface.overlay', | ||
@@ -604,2 +710,3 @@ description: "\nUse for the background of overlay elements, such as modals, dropdown menus, flags, and inline dialogs (i.e. elements that sit on top of the UI).\n\nAlso use for the background of raised cards in a dragged state.\n\nCombine with shadow.overlay." | ||
introduced: '0.1.0', | ||
deprecated: '0.6.0', | ||
replacement: 'color.background.selected.[default].[default]', | ||
@@ -614,2 +721,3 @@ description: 'Use for backgrounds of elements in a selected state' | ||
introduced: '0.1.0', | ||
deprecated: '0.6.0', | ||
replacement: 'color.background.selected.[default].hovered', | ||
@@ -626,2 +734,4 @@ description: 'Hover state for color.background.selected' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.input.pressed', | ||
@@ -636,2 +746,4 @@ description: 'Pressed state for background.subtleBorderedNeutral' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.input.[default]', | ||
@@ -648,2 +760,3 @@ description: 'Hover state for background.subtleBorderedNeutral' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
replacement: 'color.background.selected.[default].hovered', | ||
@@ -658,2 +771,3 @@ description: 'Hover state for background.subtleBrand' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
replacement: 'color.background.selected.[default].pressed', | ||
@@ -668,2 +782,3 @@ description: 'Pressed state for background.subtleBrand' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
replacement: 'color.background.selected.[default].[default]', | ||
@@ -680,2 +795,4 @@ description: 'Use for subdued backgrounds of UI elements like information section messages and in progress lozenges.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.danger.[default].hovered', | ||
@@ -690,2 +807,4 @@ description: 'Hover state for background.subtleDanger' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.danger.[default].pressed', | ||
@@ -700,2 +819,4 @@ description: 'Pressed state for background.subtleDanger' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.danger.[default].[default]', | ||
@@ -712,2 +833,4 @@ description: 'Use for subdued backgrounds of UI elements like error section messages and removed lozenges.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.discovery.[default].hovered', | ||
@@ -722,2 +845,4 @@ description: 'Hover state for background.subtleDiscovery' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.discovery.[default].pressed', | ||
@@ -732,2 +857,4 @@ description: 'Pressed state for background.subtleDiscovery' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.discovery.[default].[default]', | ||
@@ -744,2 +871,4 @@ description: 'Use for subdued backgrounds of UI elements like discovery section messages and new lozenges.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.neutral.[default].hovered', | ||
@@ -754,2 +883,4 @@ description: 'Hover state for background.subtleNeutral' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.neutral.[default].pressed', | ||
@@ -764,2 +895,4 @@ description: 'Pressed state for background.subtleNeutral' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.neutral.[default].[default]', | ||
@@ -776,2 +909,4 @@ description: 'Use as the default background of UI elements like buttons, lozenges, and tags.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.success.[default].hovered', | ||
@@ -786,2 +921,4 @@ description: 'Hover state for background.subtleSuccess' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.success.[default].pressed', | ||
@@ -796,2 +933,4 @@ description: 'Pressed state for background.subtleSuccess' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.success.[default].[default]', | ||
@@ -808,2 +947,4 @@ description: 'Use for subdued backgrounds of UI elements like success section messages and success lozenges.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.warning.[default].hovered', | ||
@@ -818,2 +959,4 @@ description: 'Hover state for background.subtleWarning' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.warning.[default].pressed', | ||
@@ -828,2 +971,4 @@ description: 'Pressed state for background.subtleWarning' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.warning.[default].[default]', | ||
@@ -839,2 +984,4 @@ description: 'Use for subdued backgrounds of UI elements like warning section messages and moved lozenges.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'elevation.surface.sunken', | ||
@@ -850,2 +997,4 @@ description: 'Use as a secondary background for the UI' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.neutral.subtle.hovered', | ||
@@ -860,2 +1009,4 @@ description: 'Hover state for UIs that do not have a default background, such as menu items or subtle buttons.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.neutral.subtle.pressed', | ||
@@ -873,2 +1024,4 @@ description: 'Pressed state for UIs that do not have a default background, such as menu items or subtle buttons.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.text.[default]', | ||
@@ -884,2 +1037,4 @@ description: 'Use for primary text, such as body copy, sentence case headers, and buttons' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.link.pressed', | ||
@@ -894,2 +1049,4 @@ description: 'Use for links in a pressed state' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.link.[default]', | ||
@@ -905,2 +1062,4 @@ description: 'Use for links in a resting or hover state. Add an underline for hover states' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.text.subtlest', | ||
@@ -915,2 +1074,4 @@ description: "\nUse for tertiary text, such as meta-data, breadcrumbs, input field placeholder and helper text.\n\nUse for icons that are paired with text.medEmphasis text" | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.text.subtle', | ||
@@ -925,2 +1086,4 @@ description: "\nUse for secondary text, such navigation, subtle button links, input field labels, and all caps subheadings.\n\nUse for icon-only buttons, or icons paired with text.highEmphasis text\n " | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.text.inverse', | ||
@@ -935,2 +1098,4 @@ description: 'Use for text and icons when on bold backgrounds' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.text.warning.inverse', | ||
@@ -947,2 +1112,4 @@ description: 'Use for text and icons when on bold warning backgrounds' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.border.focused', | ||
@@ -957,2 +1124,4 @@ description: 'Use for focus rings of elements in a focus state' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.border.[default]', | ||
@@ -969,2 +1138,4 @@ description: 'Use to create borders around UI elements such as text fields, checkboxes, and radio buttons, or to visually group or separate UI elements, such as flat cards or side panel dividers' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.icon.brand', | ||
@@ -979,2 +1150,4 @@ description: "\nUse rarely for icons or borders representing brand, in-progress, or information, such as the icons in information sections messages.\n\nAlso use for blue icons or borders when there is no meaning tied to the color, such as file type icons." | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.icon.danger', | ||
@@ -989,2 +1162,4 @@ description: "\nUse rarely for icons and borders representing critical information, such the icons in error section messages or the borders on invalid text fields.\n\nAlso use for red icons or borders when there is no meaning tied to the color, such as file type icons." | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.icon.discovery', | ||
@@ -999,2 +1174,4 @@ description: "\nUse rarely for icons and borders representing new information, such as the icons in discovery section mesages or the borders in onboarding spotlights.\n\nAlso use for purple icons or borders when there is no meaning tied to the color, such as file type icons.\n" | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.icon.success', | ||
@@ -1009,2 +1186,4 @@ description: "\nUse rarely for icons and borders representing positive information, such as the icons in success section messages or the borders on validated text fields.\n\nAlso use for green icons or borders when there is no meaning tied to the color, such as file type icons.\n" | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.icon.warning.[default]', | ||
@@ -1021,2 +1200,4 @@ description: "\nUse rarely for icons and borders representing semi-urgent information, such as the icons in warning section messages.\n\nAlso use for yellow icons or borders when there is no meaning tied to the color, such as file type icons.\n" | ||
introduced: '0.1.0', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.interaction.hovered', | ||
@@ -1031,2 +1212,4 @@ description: 'Use as a background overlay for elements in a hover state when their background color cannot change, such as avatars.' | ||
introduced: '0.1.0', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.interaction.pressed', | ||
@@ -1044,2 +1227,4 @@ description: 'Use as a background overlay for elements in a pressed state when their background color cannot change, such as avatars.' | ||
introduced: '0.6.0', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'elevation.shadow.raised', | ||
@@ -1054,2 +1239,4 @@ description: "\nUse for the box shadow of raised card elements, such as Jira cards on a Kanban board.\n\nCombine with background.overlay" | ||
introduced: '0.6.0', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'elevation.shadow.overlay', | ||
@@ -1056,0 +1243,0 @@ description: "\nUse for the box shadow of overlay elements, such as modals, dropdown menus, flags, and inline dialogs (i.e. elements that sit on top of the UI).\n\nAlso use for the box shadow of raised cards in a dragged state.\n\nCombine with background.overlay" |
@@ -13,3 +13,4 @@ "use strict"; | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'blue' | ||
} | ||
@@ -20,3 +21,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'blue' | ||
} | ||
@@ -27,3 +29,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'blue' | ||
} | ||
@@ -34,3 +37,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'blue' | ||
} | ||
@@ -41,3 +45,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'blue' | ||
} | ||
@@ -48,3 +53,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'blue' | ||
} | ||
@@ -55,3 +61,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'blue' | ||
} | ||
@@ -62,3 +69,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'blue' | ||
} | ||
@@ -69,3 +77,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'blue' | ||
} | ||
@@ -76,3 +85,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'blue' | ||
} | ||
@@ -83,3 +93,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'red' | ||
} | ||
@@ -90,3 +101,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'red' | ||
} | ||
@@ -97,3 +109,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'red' | ||
} | ||
@@ -104,3 +117,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'red' | ||
} | ||
@@ -111,3 +125,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'red' | ||
} | ||
@@ -118,3 +133,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'red' | ||
} | ||
@@ -125,3 +141,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'red' | ||
} | ||
@@ -132,3 +149,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'red' | ||
} | ||
@@ -139,3 +157,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'red' | ||
} | ||
@@ -146,3 +165,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'red' | ||
} | ||
@@ -153,3 +173,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'yellow' | ||
} | ||
@@ -160,3 +181,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'yellow' | ||
} | ||
@@ -167,3 +189,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'yellow' | ||
} | ||
@@ -174,3 +197,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'yellow' | ||
} | ||
@@ -181,3 +205,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'yellow' | ||
} | ||
@@ -188,3 +213,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'yellow' | ||
} | ||
@@ -195,3 +221,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'yellow' | ||
} | ||
@@ -202,3 +229,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'yellow' | ||
} | ||
@@ -209,3 +237,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'yellow' | ||
} | ||
@@ -216,3 +245,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'yellow' | ||
} | ||
@@ -223,3 +253,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'green' | ||
} | ||
@@ -230,3 +261,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'green' | ||
} | ||
@@ -237,3 +269,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'green' | ||
} | ||
@@ -244,3 +277,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'green' | ||
} | ||
@@ -251,3 +285,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'green' | ||
} | ||
@@ -258,3 +293,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'green' | ||
} | ||
@@ -265,3 +301,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'green' | ||
} | ||
@@ -272,3 +309,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'green' | ||
} | ||
@@ -279,3 +317,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'green' | ||
} | ||
@@ -286,3 +325,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'green' | ||
} | ||
@@ -293,3 +333,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'purple' | ||
} | ||
@@ -300,3 +341,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'purple' | ||
} | ||
@@ -307,3 +349,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'purple' | ||
} | ||
@@ -314,3 +357,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'purple' | ||
} | ||
@@ -321,3 +365,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'purple' | ||
} | ||
@@ -328,3 +373,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'purple' | ||
} | ||
@@ -335,3 +381,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'purple' | ||
} | ||
@@ -342,3 +389,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'purple' | ||
} | ||
@@ -349,3 +397,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'purple' | ||
} | ||
@@ -356,3 +405,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'purple' | ||
} | ||
@@ -363,3 +413,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'teal' | ||
} | ||
@@ -370,3 +421,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'teal' | ||
} | ||
@@ -377,3 +429,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'teal' | ||
} | ||
@@ -384,3 +437,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'teal' | ||
} | ||
@@ -391,3 +445,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'teal' | ||
} | ||
@@ -398,3 +453,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'teal' | ||
} | ||
@@ -405,3 +461,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'teal' | ||
} | ||
@@ -412,3 +469,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'teal' | ||
} | ||
@@ -419,3 +477,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'teal' | ||
} | ||
@@ -426,3 +485,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'teal' | ||
} | ||
@@ -433,3 +493,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'orange' | ||
} | ||
@@ -440,3 +501,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'orange' | ||
} | ||
@@ -447,3 +509,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'orange' | ||
} | ||
@@ -454,3 +517,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'orange' | ||
} | ||
@@ -461,3 +525,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'orange' | ||
} | ||
@@ -468,3 +533,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'orange' | ||
} | ||
@@ -475,3 +541,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'orange' | ||
} | ||
@@ -482,3 +549,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'orange' | ||
} | ||
@@ -489,3 +557,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'orange' | ||
} | ||
@@ -496,3 +565,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'orange' | ||
} | ||
@@ -503,3 +573,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'magenta' | ||
} | ||
@@ -510,3 +581,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'magenta' | ||
} | ||
@@ -517,3 +589,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'magenta' | ||
} | ||
@@ -524,3 +597,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'magenta' | ||
} | ||
@@ -531,3 +605,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'magenta' | ||
} | ||
@@ -538,3 +613,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'magenta' | ||
} | ||
@@ -545,3 +621,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'magenta' | ||
} | ||
@@ -552,3 +629,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'magenta' | ||
} | ||
@@ -559,3 +637,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'magenta' | ||
} | ||
@@ -566,3 +645,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'magenta' | ||
} | ||
@@ -573,3 +653,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -581,3 +662,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -588,3 +670,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -595,3 +678,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -603,3 +687,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -610,3 +695,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -618,3 +704,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -625,3 +712,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -633,3 +721,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -640,3 +729,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -648,3 +738,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -655,3 +746,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -663,3 +755,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -670,3 +763,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -677,3 +771,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -684,3 +779,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -691,3 +787,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -698,3 +795,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -705,3 +803,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -712,3 +811,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -719,3 +819,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -727,3 +828,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -734,3 +836,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -742,3 +845,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -749,3 +853,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -757,3 +862,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -764,3 +870,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -772,3 +879,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -779,3 +887,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -787,3 +896,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -794,3 +904,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -801,3 +912,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -808,3 +920,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -815,3 +928,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -822,3 +936,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -829,3 +944,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -832,0 +948,0 @@ } |
{ | ||
"name": "@atlaskit/tokens", | ||
"version": "0.9.1", | ||
"version": "0.9.2", | ||
"sideEffects": [ | ||
@@ -5,0 +5,0 @@ "**/*.css" |
@@ -1,1 +0,1 @@ | ||
export { getCSSCustomProperty, getTokenId, getFullyQualifiedTokenId } from '../token-ids'; | ||
export { getCSSCustomProperty, getTokenId, getFullyQualifiedTokenId } from '../utils/token-ids'; |
import warnOnce from '@atlaskit/ds-lib/warn-once'; | ||
import tokens from './artifacts/token-names'; | ||
const name = "@atlaskit/tokens"; | ||
const version = "0.9.1"; | ||
const version = "0.9.2"; | ||
@@ -6,0 +6,0 @@ function token(path, fallback) { |
@@ -9,2 +9,4 @@ const color = { | ||
introduced: '0.1.1', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.blue.bolder', | ||
@@ -19,2 +21,4 @@ description: 'Use for blue backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.' | ||
introduced: '0.1.1', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.green.bolder', | ||
@@ -29,2 +33,4 @@ description: 'Use for green backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.' | ||
introduced: '0.1.1', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.orange.bolder', | ||
@@ -39,2 +45,4 @@ description: 'Use for orange backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.' | ||
introduced: '0.1.1', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.purple.bolder', | ||
@@ -49,2 +57,4 @@ description: 'Use for purple backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.' | ||
introduced: '0.1.1', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.red.bolder', | ||
@@ -59,2 +69,4 @@ description: 'Use for red backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.' | ||
introduced: '0.1.1', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.teal.bolder', | ||
@@ -69,2 +81,4 @@ description: 'Use for teal backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.' | ||
introduced: '0.1.0', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.blue.subtler', | ||
@@ -79,2 +93,4 @@ description: 'Use for blue subdued backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
introduced: '0.1.0', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.green.subtler', | ||
@@ -89,2 +105,4 @@ description: 'Use for green subdued backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
introduced: '0.1.0', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.magenta.subtler', | ||
@@ -99,2 +117,4 @@ description: 'Use for magenta subdued backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
introduced: '0.1.0', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.orange.subtler', | ||
@@ -109,2 +129,4 @@ description: 'Use for orange subdued backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
introduced: '0.1.0', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.purple.subtler', | ||
@@ -119,2 +141,4 @@ description: 'Use for purple subdued backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
introduced: '0.1.0', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.red.subtler', | ||
@@ -129,2 +153,4 @@ description: 'Use for red subdued backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
introduced: '0.1.0', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.teal.subtler', | ||
@@ -143,2 +169,4 @@ description: 'Use for teal subdued backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.blue.subtler', | ||
@@ -153,2 +181,4 @@ description: 'Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.blue.subtle', | ||
@@ -165,2 +195,4 @@ description: 'Use for blue backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.red.subtler', | ||
@@ -175,2 +207,4 @@ description: 'Use for red backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.red.subtle', | ||
@@ -187,2 +221,4 @@ description: 'Use for red backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.orange.subtler', | ||
@@ -197,2 +233,4 @@ description: 'Use for orange backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.orange.subtle', | ||
@@ -209,2 +247,4 @@ description: 'Use for orange backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.yellow.subtler', | ||
@@ -219,2 +259,4 @@ description: 'Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.yellow.subtle', | ||
@@ -231,2 +273,4 @@ description: 'Use for yellow backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.green.subtler', | ||
@@ -241,2 +285,4 @@ description: 'Use for green backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.green.subtle', | ||
@@ -253,2 +299,4 @@ description: 'Use for green backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.teal.subtler', | ||
@@ -263,2 +311,4 @@ description: 'Use for teal backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.teal.subtle', | ||
@@ -275,2 +325,4 @@ description: 'Use for teal backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.purple.subtler', | ||
@@ -285,2 +337,4 @@ description: 'Use for purple backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.purple.subtle', | ||
@@ -297,2 +351,4 @@ description: 'Use for purple backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.magenta.subtler', | ||
@@ -307,2 +363,4 @@ description: 'Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.magenta.subtle', | ||
@@ -319,2 +377,4 @@ description: 'Use for magenta backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.blanket.[default]', | ||
@@ -331,2 +391,3 @@ description: 'Use for the screen overlay that appears with modal dialogs' | ||
introduced: '0.6.0', | ||
deprecated: '0.6.2', | ||
replacement: 'color.background.selected.[default].[default]', | ||
@@ -341,2 +402,3 @@ description: 'Use for the background of elements used to reinforce our brand.' | ||
introduced: '0.6.0', | ||
deprecated: '0.6.2', | ||
replacement: 'color.background.selected.[default].hovered', | ||
@@ -351,2 +413,3 @@ description: 'Hovered state for color.background.brand' | ||
introduced: '0.6.0', | ||
deprecated: '0.6.2', | ||
replacement: 'color.background.selected.[default].pressed', | ||
@@ -364,2 +427,4 @@ description: 'Pressed state for color.background.brand' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.brand.bold.hovered', | ||
@@ -374,2 +439,4 @@ description: 'Hover state of background.boldBrand' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.brand.bold.pressed', | ||
@@ -384,2 +451,4 @@ description: 'Pressed state of background.boldBrand' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.brand.bold.[default]', | ||
@@ -396,2 +465,4 @@ description: 'A vibrant background for small UI elements like primary buttons and bold in progress lozenges.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.danger.bold.hovered', | ||
@@ -406,2 +477,4 @@ description: 'Hover state of background.boldDanger' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.danger.bold.pressed', | ||
@@ -416,2 +489,4 @@ description: 'Pressed state of background.boldDanger' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.danger.bold.[default]', | ||
@@ -428,2 +503,4 @@ description: 'A vibrant background for small UI elements like danger buttons and bold removed lozenges.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.discovery.bold.hovered', | ||
@@ -438,2 +515,4 @@ description: 'Hover state of background.boldDiscovery' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.discovery.bold.pressed', | ||
@@ -448,2 +527,4 @@ description: 'Pressed state of background.boldDiscovery' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.discovery.bold.[default]', | ||
@@ -460,2 +541,4 @@ description: 'A vibrant background for small UI elements like onboarding buttons and bold new lozenges.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.neutral.bold.hovered', | ||
@@ -470,2 +553,4 @@ description: 'Hover state of background.boldNeutral' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.neutral.bold.pressed', | ||
@@ -480,2 +565,4 @@ description: 'Pressed state of background.boldNeutral' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.neutral.bold.[default]', | ||
@@ -492,2 +579,4 @@ description: 'A vibrant background for small UI elements like unchecked toggles and bold default lozenges.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.success.bold.hovered', | ||
@@ -502,2 +591,4 @@ description: 'Hover state of background.boldSuccess' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.success.bold.pressed', | ||
@@ -512,2 +603,4 @@ description: 'Pressed state of background.boldSuccess' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.success.bold.[default]', | ||
@@ -524,2 +617,4 @@ description: 'A vibrant background for small UI elements like checked toggles and bold success lozenges.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.warning.bold.hovered', | ||
@@ -534,2 +629,4 @@ description: 'Hover state of background.boldWarning' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.warning.bold.pressed', | ||
@@ -544,2 +641,4 @@ description: 'Pressed state of background.boldWarning' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.warning.bold.[default]', | ||
@@ -555,2 +654,4 @@ description: 'A vibrant background for small UI elements like warning buttons and bold moved lozenges.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'elevation.surface.raised', | ||
@@ -565,2 +666,4 @@ description: 'Use for the background of raised cards, such as Jira cards on a Kanban board.\nCombine with shadow.card.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'elevation.surface.[default]', | ||
@@ -576,2 +679,3 @@ description: 'Use as the primary background for the UI' | ||
introduced: '0.1.0', | ||
deprecated: '0.8.3', | ||
replacement: 'color.background.inverse.subtle.[default]', | ||
@@ -587,2 +691,4 @@ description: 'Use for backgrounds of elements on a bold background, such as in the buttons on spotlight cards.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'elevation.surface.overlay', | ||
@@ -603,2 +709,3 @@ description: ` | ||
introduced: '0.1.0', | ||
deprecated: '0.6.0', | ||
replacement: 'color.background.selected.[default].[default]', | ||
@@ -613,2 +720,3 @@ description: 'Use for backgrounds of elements in a selected state' | ||
introduced: '0.1.0', | ||
deprecated: '0.6.0', | ||
replacement: 'color.background.selected.[default].hovered', | ||
@@ -625,2 +733,4 @@ description: 'Hover state for color.background.selected' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.input.pressed', | ||
@@ -635,2 +745,4 @@ description: 'Pressed state for background.subtleBorderedNeutral' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.input.[default]', | ||
@@ -647,2 +759,3 @@ description: 'Hover state for background.subtleBorderedNeutral' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
replacement: 'color.background.selected.[default].hovered', | ||
@@ -657,2 +770,3 @@ description: 'Hover state for background.subtleBrand' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
replacement: 'color.background.selected.[default].pressed', | ||
@@ -667,2 +781,3 @@ description: 'Pressed state for background.subtleBrand' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
replacement: 'color.background.selected.[default].[default]', | ||
@@ -679,2 +794,4 @@ description: 'Use for subdued backgrounds of UI elements like information section messages and in progress lozenges.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.danger.[default].hovered', | ||
@@ -689,2 +806,4 @@ description: 'Hover state for background.subtleDanger' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.danger.[default].pressed', | ||
@@ -699,2 +818,4 @@ description: 'Pressed state for background.subtleDanger' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.danger.[default].[default]', | ||
@@ -711,2 +832,4 @@ description: 'Use for subdued backgrounds of UI elements like error section messages and removed lozenges.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.discovery.[default].hovered', | ||
@@ -721,2 +844,4 @@ description: 'Hover state for background.subtleDiscovery' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.discovery.[default].pressed', | ||
@@ -731,2 +856,4 @@ description: 'Pressed state for background.subtleDiscovery' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.discovery.[default].[default]', | ||
@@ -743,2 +870,4 @@ description: 'Use for subdued backgrounds of UI elements like discovery section messages and new lozenges.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.neutral.[default].hovered', | ||
@@ -753,2 +882,4 @@ description: 'Hover state for background.subtleNeutral' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.neutral.[default].pressed', | ||
@@ -763,2 +894,4 @@ description: 'Pressed state for background.subtleNeutral' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.neutral.[default].[default]', | ||
@@ -775,2 +908,4 @@ description: 'Use as the default background of UI elements like buttons, lozenges, and tags.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.success.[default].hovered', | ||
@@ -785,2 +920,4 @@ description: 'Hover state for background.subtleSuccess' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.success.[default].pressed', | ||
@@ -795,2 +932,4 @@ description: 'Pressed state for background.subtleSuccess' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.success.[default].[default]', | ||
@@ -807,2 +946,4 @@ description: 'Use for subdued backgrounds of UI elements like success section messages and success lozenges.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.warning.[default].hovered', | ||
@@ -817,2 +958,4 @@ description: 'Hover state for background.subtleWarning' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.warning.[default].pressed', | ||
@@ -827,2 +970,4 @@ description: 'Pressed state for background.subtleWarning' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.warning.[default].[default]', | ||
@@ -838,2 +983,4 @@ description: 'Use for subdued backgrounds of UI elements like warning section messages and moved lozenges.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'elevation.surface.sunken', | ||
@@ -849,2 +996,4 @@ description: 'Use as a secondary background for the UI' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.neutral.subtle.hovered', | ||
@@ -859,2 +1008,4 @@ description: 'Hover state for UIs that do not have a default background, such as menu items or subtle buttons.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.neutral.subtle.pressed', | ||
@@ -872,2 +1023,4 @@ description: 'Pressed state for UIs that do not have a default background, such as menu items or subtle buttons.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.text.[default]', | ||
@@ -883,2 +1036,4 @@ description: 'Use for primary text, such as body copy, sentence case headers, and buttons' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.link.pressed', | ||
@@ -893,2 +1048,4 @@ description: 'Use for links in a pressed state' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.link.[default]', | ||
@@ -904,2 +1061,4 @@ description: 'Use for links in a resting or hover state. Add an underline for hover states' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.text.subtlest', | ||
@@ -917,2 +1076,4 @@ description: ` | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.text.subtle', | ||
@@ -931,2 +1092,4 @@ description: ` | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.text.inverse', | ||
@@ -941,2 +1104,4 @@ description: 'Use for text and icons when on bold backgrounds' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.text.warning.inverse', | ||
@@ -953,2 +1118,4 @@ description: 'Use for text and icons when on bold warning backgrounds' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.border.focused', | ||
@@ -963,2 +1130,4 @@ description: 'Use for focus rings of elements in a focus state' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.border.[default]', | ||
@@ -975,2 +1144,4 @@ description: 'Use to create borders around UI elements such as text fields, checkboxes, and radio buttons, or to visually group or separate UI elements, such as flat cards or side panel dividers' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.icon.brand', | ||
@@ -988,2 +1159,4 @@ description: ` | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.icon.danger', | ||
@@ -1001,2 +1174,4 @@ description: ` | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.icon.discovery', | ||
@@ -1015,2 +1190,4 @@ description: ` | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.icon.success', | ||
@@ -1029,2 +1206,4 @@ description: ` | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.icon.warning.[default]', | ||
@@ -1045,2 +1224,4 @@ description: ` | ||
introduced: '0.1.0', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.interaction.hovered', | ||
@@ -1055,2 +1236,4 @@ description: 'Use as a background overlay for elements in a hover state when their background color cannot change, such as avatars.' | ||
introduced: '0.1.0', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.interaction.pressed', | ||
@@ -1068,2 +1251,4 @@ description: 'Use as a background overlay for elements in a pressed state when their background color cannot change, such as avatars.' | ||
introduced: '0.6.0', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'elevation.shadow.raised', | ||
@@ -1081,2 +1266,4 @@ description: ` | ||
introduced: '0.6.0', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'elevation.shadow.overlay', | ||
@@ -1083,0 +1270,0 @@ description: ` |
@@ -7,3 +7,4 @@ const palette = { | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'blue' | ||
} | ||
@@ -14,3 +15,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'blue' | ||
} | ||
@@ -21,3 +23,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'blue' | ||
} | ||
@@ -28,3 +31,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'blue' | ||
} | ||
@@ -35,3 +39,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'blue' | ||
} | ||
@@ -42,3 +47,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'blue' | ||
} | ||
@@ -49,3 +55,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'blue' | ||
} | ||
@@ -56,3 +63,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'blue' | ||
} | ||
@@ -63,3 +71,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'blue' | ||
} | ||
@@ -70,3 +79,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'blue' | ||
} | ||
@@ -77,3 +87,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'red' | ||
} | ||
@@ -84,3 +95,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'red' | ||
} | ||
@@ -91,3 +103,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'red' | ||
} | ||
@@ -98,3 +111,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'red' | ||
} | ||
@@ -105,3 +119,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'red' | ||
} | ||
@@ -112,3 +127,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'red' | ||
} | ||
@@ -119,3 +135,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'red' | ||
} | ||
@@ -126,3 +143,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'red' | ||
} | ||
@@ -133,3 +151,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'red' | ||
} | ||
@@ -140,3 +159,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'red' | ||
} | ||
@@ -147,3 +167,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'yellow' | ||
} | ||
@@ -154,3 +175,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'yellow' | ||
} | ||
@@ -161,3 +183,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'yellow' | ||
} | ||
@@ -168,3 +191,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'yellow' | ||
} | ||
@@ -175,3 +199,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'yellow' | ||
} | ||
@@ -182,3 +207,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'yellow' | ||
} | ||
@@ -189,3 +215,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'yellow' | ||
} | ||
@@ -196,3 +223,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'yellow' | ||
} | ||
@@ -203,3 +231,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'yellow' | ||
} | ||
@@ -210,3 +239,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'yellow' | ||
} | ||
@@ -217,3 +247,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'green' | ||
} | ||
@@ -224,3 +255,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'green' | ||
} | ||
@@ -231,3 +263,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'green' | ||
} | ||
@@ -238,3 +271,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'green' | ||
} | ||
@@ -245,3 +279,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'green' | ||
} | ||
@@ -252,3 +287,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'green' | ||
} | ||
@@ -259,3 +295,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'green' | ||
} | ||
@@ -266,3 +303,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'green' | ||
} | ||
@@ -273,3 +311,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'green' | ||
} | ||
@@ -280,3 +319,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'green' | ||
} | ||
@@ -287,3 +327,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'purple' | ||
} | ||
@@ -294,3 +335,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'purple' | ||
} | ||
@@ -301,3 +343,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'purple' | ||
} | ||
@@ -308,3 +351,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'purple' | ||
} | ||
@@ -315,3 +359,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'purple' | ||
} | ||
@@ -322,3 +367,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'purple' | ||
} | ||
@@ -329,3 +375,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'purple' | ||
} | ||
@@ -336,3 +383,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'purple' | ||
} | ||
@@ -343,3 +391,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'purple' | ||
} | ||
@@ -350,3 +399,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'purple' | ||
} | ||
@@ -357,3 +407,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'teal' | ||
} | ||
@@ -364,3 +415,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'teal' | ||
} | ||
@@ -371,3 +423,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'teal' | ||
} | ||
@@ -378,3 +431,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'teal' | ||
} | ||
@@ -385,3 +439,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'teal' | ||
} | ||
@@ -392,3 +447,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'teal' | ||
} | ||
@@ -399,3 +455,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'teal' | ||
} | ||
@@ -406,3 +463,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'teal' | ||
} | ||
@@ -413,3 +471,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'teal' | ||
} | ||
@@ -420,3 +479,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'teal' | ||
} | ||
@@ -427,3 +487,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'orange' | ||
} | ||
@@ -434,3 +495,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'orange' | ||
} | ||
@@ -441,3 +503,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'orange' | ||
} | ||
@@ -448,3 +511,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'orange' | ||
} | ||
@@ -455,3 +519,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'orange' | ||
} | ||
@@ -462,3 +527,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'orange' | ||
} | ||
@@ -469,3 +535,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'orange' | ||
} | ||
@@ -476,3 +543,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'orange' | ||
} | ||
@@ -483,3 +551,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'orange' | ||
} | ||
@@ -490,3 +559,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'orange' | ||
} | ||
@@ -497,3 +567,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'magenta' | ||
} | ||
@@ -504,3 +575,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'magenta' | ||
} | ||
@@ -511,3 +583,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'magenta' | ||
} | ||
@@ -518,3 +591,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'magenta' | ||
} | ||
@@ -525,3 +599,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'magenta' | ||
} | ||
@@ -532,3 +607,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'magenta' | ||
} | ||
@@ -539,3 +615,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'magenta' | ||
} | ||
@@ -546,3 +623,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'magenta' | ||
} | ||
@@ -553,3 +631,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'magenta' | ||
} | ||
@@ -560,3 +639,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'magenta' | ||
} | ||
@@ -567,3 +647,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -575,3 +656,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -582,3 +664,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -589,3 +672,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -597,3 +681,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -604,3 +689,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -612,3 +698,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -619,3 +706,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -627,3 +715,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -634,3 +723,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -642,3 +732,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -649,3 +740,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -657,3 +749,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -664,3 +757,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -671,3 +765,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -678,3 +773,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -685,3 +781,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -692,3 +789,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -699,3 +797,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -706,3 +805,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -713,3 +813,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -721,3 +822,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -728,3 +830,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -736,3 +839,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -743,3 +847,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -751,3 +856,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -758,3 +864,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -766,3 +873,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -773,3 +881,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -781,3 +890,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -788,3 +898,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -795,3 +906,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -802,3 +914,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -809,3 +922,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -816,3 +930,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -823,3 +938,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -826,0 +942,0 @@ } |
{ | ||
"name": "@atlaskit/tokens", | ||
"version": "0.9.1", | ||
"version": "0.9.2", | ||
"sideEffects": [ | ||
@@ -5,0 +5,0 @@ "**/*.css" |
@@ -1,1 +0,1 @@ | ||
export { getCSSCustomProperty, getTokenId, getFullyQualifiedTokenId } from '../token-ids'; | ||
export { getCSSCustomProperty, getTokenId, getFullyQualifiedTokenId } from '../utils/token-ids'; |
import warnOnce from '@atlaskit/ds-lib/warn-once'; | ||
import tokens from './artifacts/token-names'; | ||
var name = "@atlaskit/tokens"; | ||
var version = "0.9.1"; | ||
var version = "0.9.2"; | ||
@@ -6,0 +6,0 @@ function token(path, fallback) { |
@@ -9,2 +9,4 @@ var color = { | ||
introduced: '0.1.1', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.blue.bolder', | ||
@@ -19,2 +21,4 @@ description: 'Use for blue backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.' | ||
introduced: '0.1.1', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.green.bolder', | ||
@@ -29,2 +33,4 @@ description: 'Use for green backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.' | ||
introduced: '0.1.1', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.orange.bolder', | ||
@@ -39,2 +45,4 @@ description: 'Use for orange backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.' | ||
introduced: '0.1.1', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.purple.bolder', | ||
@@ -49,2 +57,4 @@ description: 'Use for purple backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.' | ||
introduced: '0.1.1', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.red.bolder', | ||
@@ -59,2 +69,4 @@ description: 'Use for red backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.' | ||
introduced: '0.1.1', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.teal.bolder', | ||
@@ -69,2 +81,4 @@ description: 'Use for teal backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.' | ||
introduced: '0.1.0', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.blue.subtler', | ||
@@ -79,2 +93,4 @@ description: 'Use for blue subdued backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
introduced: '0.1.0', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.green.subtler', | ||
@@ -89,2 +105,4 @@ description: 'Use for green subdued backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
introduced: '0.1.0', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.magenta.subtler', | ||
@@ -99,2 +117,4 @@ description: 'Use for magenta subdued backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
introduced: '0.1.0', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.orange.subtler', | ||
@@ -109,2 +129,4 @@ description: 'Use for orange subdued backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
introduced: '0.1.0', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.purple.subtler', | ||
@@ -119,2 +141,4 @@ description: 'Use for purple subdued backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
introduced: '0.1.0', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.red.subtler', | ||
@@ -129,2 +153,4 @@ description: 'Use for red subdued backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
introduced: '0.1.0', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.teal.subtler', | ||
@@ -143,2 +169,4 @@ description: 'Use for teal subdued backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.blue.subtler', | ||
@@ -153,2 +181,4 @@ description: 'Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.blue.subtle', | ||
@@ -165,2 +195,4 @@ description: 'Use for blue backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.red.subtler', | ||
@@ -175,2 +207,4 @@ description: 'Use for red backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.red.subtle', | ||
@@ -187,2 +221,4 @@ description: 'Use for red backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.orange.subtler', | ||
@@ -197,2 +233,4 @@ description: 'Use for orange backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.orange.subtle', | ||
@@ -209,2 +247,4 @@ description: 'Use for orange backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.yellow.subtler', | ||
@@ -219,2 +259,4 @@ description: 'Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.yellow.subtle', | ||
@@ -231,2 +273,4 @@ description: 'Use for yellow backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.green.subtler', | ||
@@ -241,2 +285,4 @@ description: 'Use for green backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.green.subtle', | ||
@@ -253,2 +299,4 @@ description: 'Use for green backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.teal.subtler', | ||
@@ -263,2 +311,4 @@ description: 'Use for teal backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.teal.subtle', | ||
@@ -275,2 +325,4 @@ description: 'Use for teal backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.purple.subtler', | ||
@@ -285,2 +337,4 @@ description: 'Use for purple backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.purple.subtle', | ||
@@ -297,2 +351,4 @@ description: 'Use for purple backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.magenta.subtler', | ||
@@ -307,2 +363,4 @@ description: 'Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
introduced: '0.6.0', | ||
deprecated: '0.7.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.accent.magenta.subtle', | ||
@@ -319,2 +377,4 @@ description: 'Use for magenta backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.blanket.[default]', | ||
@@ -331,2 +391,3 @@ description: 'Use for the screen overlay that appears with modal dialogs' | ||
introduced: '0.6.0', | ||
deprecated: '0.6.2', | ||
replacement: 'color.background.selected.[default].[default]', | ||
@@ -341,2 +402,3 @@ description: 'Use for the background of elements used to reinforce our brand.' | ||
introduced: '0.6.0', | ||
deprecated: '0.6.2', | ||
replacement: 'color.background.selected.[default].hovered', | ||
@@ -351,2 +413,3 @@ description: 'Hovered state for color.background.brand' | ||
introduced: '0.6.0', | ||
deprecated: '0.6.2', | ||
replacement: 'color.background.selected.[default].pressed', | ||
@@ -364,2 +427,4 @@ description: 'Pressed state for color.background.brand' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.brand.bold.hovered', | ||
@@ -374,2 +439,4 @@ description: 'Hover state of background.boldBrand' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.brand.bold.pressed', | ||
@@ -384,2 +451,4 @@ description: 'Pressed state of background.boldBrand' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.brand.bold.[default]', | ||
@@ -396,2 +465,4 @@ description: 'A vibrant background for small UI elements like primary buttons and bold in progress lozenges.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.danger.bold.hovered', | ||
@@ -406,2 +477,4 @@ description: 'Hover state of background.boldDanger' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.danger.bold.pressed', | ||
@@ -416,2 +489,4 @@ description: 'Pressed state of background.boldDanger' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.danger.bold.[default]', | ||
@@ -428,2 +503,4 @@ description: 'A vibrant background for small UI elements like danger buttons and bold removed lozenges.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.discovery.bold.hovered', | ||
@@ -438,2 +515,4 @@ description: 'Hover state of background.boldDiscovery' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.discovery.bold.pressed', | ||
@@ -448,2 +527,4 @@ description: 'Pressed state of background.boldDiscovery' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.discovery.bold.[default]', | ||
@@ -460,2 +541,4 @@ description: 'A vibrant background for small UI elements like onboarding buttons and bold new lozenges.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.neutral.bold.hovered', | ||
@@ -470,2 +553,4 @@ description: 'Hover state of background.boldNeutral' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.neutral.bold.pressed', | ||
@@ -480,2 +565,4 @@ description: 'Pressed state of background.boldNeutral' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.neutral.bold.[default]', | ||
@@ -492,2 +579,4 @@ description: 'A vibrant background for small UI elements like unchecked toggles and bold default lozenges.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.success.bold.hovered', | ||
@@ -502,2 +591,4 @@ description: 'Hover state of background.boldSuccess' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.success.bold.pressed', | ||
@@ -512,2 +603,4 @@ description: 'Pressed state of background.boldSuccess' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.success.bold.[default]', | ||
@@ -524,2 +617,4 @@ description: 'A vibrant background for small UI elements like checked toggles and bold success lozenges.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.warning.bold.hovered', | ||
@@ -534,2 +629,4 @@ description: 'Hover state of background.boldWarning' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.warning.bold.pressed', | ||
@@ -544,2 +641,4 @@ description: 'Pressed state of background.boldWarning' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.warning.bold.[default]', | ||
@@ -555,2 +654,4 @@ description: 'A vibrant background for small UI elements like warning buttons and bold moved lozenges.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'elevation.surface.raised', | ||
@@ -565,2 +666,4 @@ description: 'Use for the background of raised cards, such as Jira cards on a Kanban board.\nCombine with shadow.card.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'elevation.surface.[default]', | ||
@@ -576,2 +679,3 @@ description: 'Use as the primary background for the UI' | ||
introduced: '0.1.0', | ||
deprecated: '0.8.3', | ||
replacement: 'color.background.inverse.subtle.[default]', | ||
@@ -587,2 +691,4 @@ description: 'Use for backgrounds of elements on a bold background, such as in the buttons on spotlight cards.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'elevation.surface.overlay', | ||
@@ -598,2 +704,3 @@ description: "\nUse for the background of overlay elements, such as modals, dropdown menus, flags, and inline dialogs (i.e. elements that sit on top of the UI).\n\nAlso use for the background of raised cards in a dragged state.\n\nCombine with shadow.overlay." | ||
introduced: '0.1.0', | ||
deprecated: '0.6.0', | ||
replacement: 'color.background.selected.[default].[default]', | ||
@@ -608,2 +715,3 @@ description: 'Use for backgrounds of elements in a selected state' | ||
introduced: '0.1.0', | ||
deprecated: '0.6.0', | ||
replacement: 'color.background.selected.[default].hovered', | ||
@@ -620,2 +728,4 @@ description: 'Hover state for color.background.selected' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.input.pressed', | ||
@@ -630,2 +740,4 @@ description: 'Pressed state for background.subtleBorderedNeutral' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.input.[default]', | ||
@@ -642,2 +754,3 @@ description: 'Hover state for background.subtleBorderedNeutral' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
replacement: 'color.background.selected.[default].hovered', | ||
@@ -652,2 +765,3 @@ description: 'Hover state for background.subtleBrand' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
replacement: 'color.background.selected.[default].pressed', | ||
@@ -662,2 +776,3 @@ description: 'Pressed state for background.subtleBrand' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
replacement: 'color.background.selected.[default].[default]', | ||
@@ -674,2 +789,4 @@ description: 'Use for subdued backgrounds of UI elements like information section messages and in progress lozenges.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.danger.[default].hovered', | ||
@@ -684,2 +801,4 @@ description: 'Hover state for background.subtleDanger' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.danger.[default].pressed', | ||
@@ -694,2 +813,4 @@ description: 'Pressed state for background.subtleDanger' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.danger.[default].[default]', | ||
@@ -706,2 +827,4 @@ description: 'Use for subdued backgrounds of UI elements like error section messages and removed lozenges.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.discovery.[default].hovered', | ||
@@ -716,2 +839,4 @@ description: 'Hover state for background.subtleDiscovery' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.discovery.[default].pressed', | ||
@@ -726,2 +851,4 @@ description: 'Pressed state for background.subtleDiscovery' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.discovery.[default].[default]', | ||
@@ -738,2 +865,4 @@ description: 'Use for subdued backgrounds of UI elements like discovery section messages and new lozenges.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.neutral.[default].hovered', | ||
@@ -748,2 +877,4 @@ description: 'Hover state for background.subtleNeutral' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.neutral.[default].pressed', | ||
@@ -758,2 +889,4 @@ description: 'Pressed state for background.subtleNeutral' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.neutral.[default].[default]', | ||
@@ -770,2 +903,4 @@ description: 'Use as the default background of UI elements like buttons, lozenges, and tags.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.success.[default].hovered', | ||
@@ -780,2 +915,4 @@ description: 'Hover state for background.subtleSuccess' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.success.[default].pressed', | ||
@@ -790,2 +927,4 @@ description: 'Pressed state for background.subtleSuccess' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.success.[default].[default]', | ||
@@ -802,2 +941,4 @@ description: 'Use for subdued backgrounds of UI elements like success section messages and success lozenges.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.warning.[default].hovered', | ||
@@ -812,2 +953,4 @@ description: 'Hover state for background.subtleWarning' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.warning.[default].pressed', | ||
@@ -822,2 +965,4 @@ description: 'Pressed state for background.subtleWarning' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.warning.[default].[default]', | ||
@@ -833,2 +978,4 @@ description: 'Use for subdued backgrounds of UI elements like warning section messages and moved lozenges.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'elevation.surface.sunken', | ||
@@ -844,2 +991,4 @@ description: 'Use as a secondary background for the UI' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.neutral.subtle.hovered', | ||
@@ -854,2 +1003,4 @@ description: 'Hover state for UIs that do not have a default background, such as menu items or subtle buttons.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.background.neutral.subtle.pressed', | ||
@@ -867,2 +1018,4 @@ description: 'Pressed state for UIs that do not have a default background, such as menu items or subtle buttons.' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.text.[default]', | ||
@@ -878,2 +1031,4 @@ description: 'Use for primary text, such as body copy, sentence case headers, and buttons' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.link.pressed', | ||
@@ -888,2 +1043,4 @@ description: 'Use for links in a pressed state' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.link.[default]', | ||
@@ -899,2 +1056,4 @@ description: 'Use for links in a resting or hover state. Add an underline for hover states' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.text.subtlest', | ||
@@ -909,2 +1068,4 @@ description: "\nUse for tertiary text, such as meta-data, breadcrumbs, input field placeholder and helper text.\n\nUse for icons that are paired with text.medEmphasis text" | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.text.subtle', | ||
@@ -919,2 +1080,4 @@ description: "\nUse for secondary text, such navigation, subtle button links, input field labels, and all caps subheadings.\n\nUse for icon-only buttons, or icons paired with text.highEmphasis text\n " | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.text.inverse', | ||
@@ -929,2 +1092,4 @@ description: 'Use for text and icons when on bold backgrounds' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.text.warning.inverse', | ||
@@ -941,2 +1106,4 @@ description: 'Use for text and icons when on bold warning backgrounds' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.border.focused', | ||
@@ -951,2 +1118,4 @@ description: 'Use for focus rings of elements in a focus state' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.border.[default]', | ||
@@ -963,2 +1132,4 @@ description: 'Use to create borders around UI elements such as text fields, checkboxes, and radio buttons, or to visually group or separate UI elements, such as flat cards or side panel dividers' | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.icon.brand', | ||
@@ -973,2 +1144,4 @@ description: "\nUse rarely for icons or borders representing brand, in-progress, or information, such as the icons in information sections messages.\n\nAlso use for blue icons or borders when there is no meaning tied to the color, such as file type icons." | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.icon.danger', | ||
@@ -983,2 +1156,4 @@ description: "\nUse rarely for icons and borders representing critical information, such the icons in error section messages or the borders on invalid text fields.\n\nAlso use for red icons or borders when there is no meaning tied to the color, such as file type icons." | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.icon.discovery', | ||
@@ -993,2 +1168,4 @@ description: "\nUse rarely for icons and borders representing new information, such as the icons in discovery section mesages or the borders in onboarding spotlights.\n\nAlso use for purple icons or borders when there is no meaning tied to the color, such as file type icons.\n" | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.icon.success', | ||
@@ -1003,2 +1180,4 @@ description: "\nUse rarely for icons and borders representing positive information, such as the icons in success section messages or the borders on validated text fields.\n\nAlso use for green icons or borders when there is no meaning tied to the color, such as file type icons.\n" | ||
introduced: '0.0.15', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.icon.warning.[default]', | ||
@@ -1015,2 +1194,4 @@ description: "\nUse rarely for icons and borders representing semi-urgent information, such as the icons in warning section messages.\n\nAlso use for yellow icons or borders when there is no meaning tied to the color, such as file type icons.\n" | ||
introduced: '0.1.0', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.interaction.hovered', | ||
@@ -1025,2 +1206,4 @@ description: 'Use as a background overlay for elements in a hover state when their background color cannot change, such as avatars.' | ||
introduced: '0.1.0', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'color.interaction.pressed', | ||
@@ -1038,2 +1221,4 @@ description: 'Use as a background overlay for elements in a pressed state when their background color cannot change, such as avatars.' | ||
introduced: '0.6.0', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'elevation.shadow.raised', | ||
@@ -1048,2 +1233,4 @@ description: "\nUse for the box shadow of raised card elements, such as Jira cards on a Kanban board.\n\nCombine with background.overlay" | ||
introduced: '0.6.0', | ||
deprecated: '0.6.0', | ||
deleted: '0.8.0', | ||
replacement: 'elevation.shadow.overlay', | ||
@@ -1050,0 +1237,0 @@ description: "\nUse for the box shadow of overlay elements, such as modals, dropdown menus, flags, and inline dialogs (i.e. elements that sit on top of the UI).\n\nAlso use for the box shadow of raised cards in a dragged state.\n\nCombine with background.overlay" |
@@ -7,3 +7,4 @@ var palette = { | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'blue' | ||
} | ||
@@ -14,3 +15,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'blue' | ||
} | ||
@@ -21,3 +23,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'blue' | ||
} | ||
@@ -28,3 +31,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'blue' | ||
} | ||
@@ -35,3 +39,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'blue' | ||
} | ||
@@ -42,3 +47,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'blue' | ||
} | ||
@@ -49,3 +55,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'blue' | ||
} | ||
@@ -56,3 +63,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'blue' | ||
} | ||
@@ -63,3 +71,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'blue' | ||
} | ||
@@ -70,3 +79,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'blue' | ||
} | ||
@@ -77,3 +87,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'red' | ||
} | ||
@@ -84,3 +95,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'red' | ||
} | ||
@@ -91,3 +103,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'red' | ||
} | ||
@@ -98,3 +111,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'red' | ||
} | ||
@@ -105,3 +119,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'red' | ||
} | ||
@@ -112,3 +127,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'red' | ||
} | ||
@@ -119,3 +135,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'red' | ||
} | ||
@@ -126,3 +143,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'red' | ||
} | ||
@@ -133,3 +151,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'red' | ||
} | ||
@@ -140,3 +159,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'red' | ||
} | ||
@@ -147,3 +167,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'yellow' | ||
} | ||
@@ -154,3 +175,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'yellow' | ||
} | ||
@@ -161,3 +183,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'yellow' | ||
} | ||
@@ -168,3 +191,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'yellow' | ||
} | ||
@@ -175,3 +199,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'yellow' | ||
} | ||
@@ -182,3 +207,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'yellow' | ||
} | ||
@@ -189,3 +215,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'yellow' | ||
} | ||
@@ -196,3 +223,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'yellow' | ||
} | ||
@@ -203,3 +231,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'yellow' | ||
} | ||
@@ -210,3 +239,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'yellow' | ||
} | ||
@@ -217,3 +247,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'green' | ||
} | ||
@@ -224,3 +255,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'green' | ||
} | ||
@@ -231,3 +263,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'green' | ||
} | ||
@@ -238,3 +271,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'green' | ||
} | ||
@@ -245,3 +279,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'green' | ||
} | ||
@@ -252,3 +287,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'green' | ||
} | ||
@@ -259,3 +295,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'green' | ||
} | ||
@@ -266,3 +303,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'green' | ||
} | ||
@@ -273,3 +311,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'green' | ||
} | ||
@@ -280,3 +319,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'green' | ||
} | ||
@@ -287,3 +327,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'purple' | ||
} | ||
@@ -294,3 +335,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'purple' | ||
} | ||
@@ -301,3 +343,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'purple' | ||
} | ||
@@ -308,3 +351,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'purple' | ||
} | ||
@@ -315,3 +359,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'purple' | ||
} | ||
@@ -322,3 +367,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'purple' | ||
} | ||
@@ -329,3 +375,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'purple' | ||
} | ||
@@ -336,3 +383,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'purple' | ||
} | ||
@@ -343,3 +391,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'purple' | ||
} | ||
@@ -350,3 +399,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'purple' | ||
} | ||
@@ -357,3 +407,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'teal' | ||
} | ||
@@ -364,3 +415,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'teal' | ||
} | ||
@@ -371,3 +423,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'teal' | ||
} | ||
@@ -378,3 +431,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'teal' | ||
} | ||
@@ -385,3 +439,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'teal' | ||
} | ||
@@ -392,3 +447,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'teal' | ||
} | ||
@@ -399,3 +455,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'teal' | ||
} | ||
@@ -406,3 +463,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'teal' | ||
} | ||
@@ -413,3 +471,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'teal' | ||
} | ||
@@ -420,3 +479,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'teal' | ||
} | ||
@@ -427,3 +487,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'orange' | ||
} | ||
@@ -434,3 +495,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'orange' | ||
} | ||
@@ -441,3 +503,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'orange' | ||
} | ||
@@ -448,3 +511,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'orange' | ||
} | ||
@@ -455,3 +519,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'orange' | ||
} | ||
@@ -462,3 +527,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'orange' | ||
} | ||
@@ -469,3 +535,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'orange' | ||
} | ||
@@ -476,3 +543,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'orange' | ||
} | ||
@@ -483,3 +551,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'orange' | ||
} | ||
@@ -490,3 +559,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'orange' | ||
} | ||
@@ -497,3 +567,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'magenta' | ||
} | ||
@@ -504,3 +575,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'magenta' | ||
} | ||
@@ -511,3 +583,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'magenta' | ||
} | ||
@@ -518,3 +591,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'magenta' | ||
} | ||
@@ -525,3 +599,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'magenta' | ||
} | ||
@@ -532,3 +607,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'magenta' | ||
} | ||
@@ -539,3 +615,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'magenta' | ||
} | ||
@@ -546,3 +623,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'magenta' | ||
} | ||
@@ -553,3 +631,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'magenta' | ||
} | ||
@@ -560,3 +639,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'magenta' | ||
} | ||
@@ -567,3 +647,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -575,3 +656,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -582,3 +664,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -589,3 +672,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -597,3 +681,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -604,3 +689,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -612,3 +698,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -619,3 +706,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -627,3 +715,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -634,3 +723,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -642,3 +732,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -649,3 +740,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -657,3 +749,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -664,3 +757,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -671,3 +765,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -678,3 +773,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -685,3 +781,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -692,3 +789,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -699,3 +797,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'dark neutral' | ||
} | ||
@@ -706,3 +805,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -713,3 +813,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -721,3 +822,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -728,3 +830,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -736,3 +839,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -743,3 +847,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -751,3 +856,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -758,3 +864,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -766,3 +873,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -773,3 +881,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -781,3 +890,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -788,3 +898,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -795,3 +906,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -802,3 +914,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -809,3 +922,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -816,3 +930,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -823,3 +938,4 @@ }, | ||
attributes: { | ||
group: 'palette' | ||
group: 'palette', | ||
category: 'light neutral' | ||
} | ||
@@ -826,0 +942,0 @@ } |
{ | ||
"name": "@atlaskit/tokens", | ||
"version": "0.9.1", | ||
"version": "0.9.2", | ||
"sideEffects": [ | ||
@@ -5,0 +5,0 @@ "**/*.css" |
@@ -7,2 +7,4 @@ declare const tokens: ({ | ||
description: string; | ||
deprecated?: undefined; | ||
deleted?: undefined; | ||
replacement?: undefined; | ||
@@ -19,2 +21,4 @@ }; | ||
description: string; | ||
deprecated?: undefined; | ||
deleted?: undefined; | ||
replacement?: undefined; | ||
@@ -31,2 +35,4 @@ }; | ||
introduced: string; | ||
deprecated: string; | ||
deleted: string; | ||
replacement: string; | ||
@@ -43,2 +49,4 @@ description: string; | ||
introduced: string; | ||
deprecated: string; | ||
deleted: string; | ||
replacement: string; | ||
@@ -56,5 +64,34 @@ description: string; | ||
introduced: string; | ||
deprecated: string; | ||
replacement: string; | ||
description: string; | ||
deleted?: undefined; | ||
}; | ||
value: string; | ||
filePath: string; | ||
isSource: boolean; | ||
original: { | ||
attributes: { | ||
group: string; | ||
state: string; | ||
introduced: string; | ||
deprecated: string; | ||
replacement: string; | ||
description: string; | ||
deleted?: undefined; | ||
}; | ||
value: string; | ||
}; | ||
name: string; | ||
path: string[]; | ||
} | { | ||
attributes: { | ||
group: string; | ||
state: string; | ||
introduced: string; | ||
deprecated: string; | ||
deleted: string; | ||
replacement: string; | ||
description: string; | ||
}; | ||
value: ({ | ||
@@ -88,2 +125,4 @@ radius: number; | ||
introduced: string; | ||
deprecated: string; | ||
deleted: string; | ||
replacement: string; | ||
@@ -122,2 +161,4 @@ description: string; | ||
description: string; | ||
deprecated?: undefined; | ||
deleted?: undefined; | ||
replacement?: undefined; | ||
@@ -154,2 +195,4 @@ }; | ||
description: string; | ||
deprecated?: undefined; | ||
deleted?: undefined; | ||
replacement?: undefined; | ||
@@ -156,0 +199,0 @@ }; |
@@ -7,2 +7,4 @@ declare const tokens: ({ | ||
description: string; | ||
deprecated?: undefined; | ||
deleted?: undefined; | ||
replacement?: undefined; | ||
@@ -19,2 +21,4 @@ }; | ||
description: string; | ||
deprecated?: undefined; | ||
deleted?: undefined; | ||
replacement?: undefined; | ||
@@ -31,2 +35,4 @@ }; | ||
introduced: string; | ||
deprecated: string; | ||
deleted: string; | ||
replacement: string; | ||
@@ -43,2 +49,4 @@ description: string; | ||
introduced: string; | ||
deprecated: string; | ||
deleted: string; | ||
replacement: string; | ||
@@ -56,5 +64,34 @@ description: string; | ||
introduced: string; | ||
deprecated: string; | ||
replacement: string; | ||
description: string; | ||
deleted?: undefined; | ||
}; | ||
value: string; | ||
filePath: string; | ||
isSource: boolean; | ||
original: { | ||
attributes: { | ||
group: string; | ||
state: string; | ||
introduced: string; | ||
deprecated: string; | ||
replacement: string; | ||
description: string; | ||
deleted?: undefined; | ||
}; | ||
value: string; | ||
}; | ||
name: string; | ||
path: string[]; | ||
} | { | ||
attributes: { | ||
group: string; | ||
state: string; | ||
introduced: string; | ||
deprecated: string; | ||
deleted: string; | ||
replacement: string; | ||
description: string; | ||
}; | ||
value: { | ||
@@ -76,2 +113,4 @@ radius: number; | ||
introduced: string; | ||
deprecated: string; | ||
deleted: string; | ||
replacement: string; | ||
@@ -98,2 +137,4 @@ description: string; | ||
description: string; | ||
deprecated?: undefined; | ||
deleted?: undefined; | ||
replacement?: undefined; | ||
@@ -118,2 +159,4 @@ }; | ||
description: string; | ||
deprecated?: undefined; | ||
deleted?: undefined; | ||
replacement?: undefined; | ||
@@ -120,0 +163,0 @@ }; |
@@ -1,1 +0,1 @@ | ||
export { getCSSCustomProperty, getTokenId, getFullyQualifiedTokenId, } from '../token-ids'; | ||
export { getCSSCustomProperty, getTokenId, getFullyQualifiedTokenId, } from '../utils/token-ids'; |
import { InternalTokenIds } from './artifacts/types-internal'; | ||
export declare type Groups = 'raw' | 'paint' | 'shadow' | 'palette'; | ||
export declare type ActiveTokenStates = 'active'; | ||
export declare type ReplacedTokenStates = 'deprecated' | 'deleted'; | ||
export declare type TokenState = ActiveTokenStates | ReplacedTokenStates; | ||
export declare type ActiveTokenState = 'active'; | ||
export declare type DeprecatedTokenState = 'deprecated'; | ||
export declare type DeletedTokenState = 'deleted'; | ||
export declare type TokenState = ActiveTokenState | DeprecatedTokenState | DeletedTokenState; | ||
export declare type Replacement = InternalTokenIds | InternalTokenIds[]; | ||
export declare type PaletteCategory = 'blue' | 'purple' | 'red' | 'magenta' | 'orange' | 'yellow' | 'green' | 'teal' | 'light neutral' | 'dark neutral'; | ||
export interface Token<TValue, Group extends Groups> { | ||
@@ -31,13 +33,21 @@ value: TValue; | ||
attributes: { | ||
state: ActiveTokenState; | ||
group: Group; | ||
description: string; | ||
state: ActiveTokenStates; | ||
introduced: string; | ||
replacement?: undefined; | ||
} | { | ||
state: DeprecatedTokenState; | ||
group: Group; | ||
description: string; | ||
state: ReplacedTokenStates; | ||
introduced: string; | ||
deprecated: string; | ||
replacement?: Replacement; | ||
} | { | ||
state: DeletedTokenState; | ||
group: Group; | ||
description: string; | ||
introduced: string; | ||
deprecated: string; | ||
deleted: string; | ||
replacement?: Replacement; | ||
}; | ||
@@ -54,3 +64,8 @@ } | ||
export declare type AttributeSchema<Schema extends object> = DeepOmit<Schema, 'value'>; | ||
export declare type PaletteToken = BaseToken<string, 'palette'>; | ||
export interface PaletteToken extends BaseToken<string, 'palette'> { | ||
attributes: { | ||
group: 'palette'; | ||
category: PaletteCategory; | ||
}; | ||
} | ||
export declare type ColorPalette = keyof PaletteColorTokenSchema['color']['palette']; | ||
@@ -57,0 +72,0 @@ export declare type PaintToken<Value extends string = ColorPalette> = DesignToken<Value, 'paint'>; |
{ | ||
"name": "@atlaskit/tokens", | ||
"version": "0.9.1", | ||
"version": "0.9.2", | ||
"author": "Atlassian Pty Ltd", | ||
"description": "Tokens are a single source of truth to name and store Atlassian design decisions.", | ||
"description": "Design tokens are the single source of truth to name and store design decisions.", | ||
"license": "Apache-2.0", | ||
@@ -12,3 +12,6 @@ "publishConfig": { | ||
"team": "Design System Team", | ||
"releaseModel": "scheduled" | ||
"releaseModel": "scheduled", | ||
"website": { | ||
"name": "Design tokens" | ||
} | ||
}, | ||
@@ -26,2 +29,3 @@ "repository": "https://bitbucket.org/atlassian/atlassian-frontend", | ||
".": "./src/index.tsx", | ||
"./palettes-raw": "./src/entry-points/palettes-raw.tsx", | ||
"./token-ids": "./src/entry-points/token-ids.tsx", | ||
@@ -46,4 +50,8 @@ "./token-names": "./src/entry-points/token-names.tsx", | ||
"devDependencies": { | ||
"@atlaskit/badge": "^15.0.11", | ||
"@atlaskit/button": "^16.3.0", | ||
"@atlaskit/code": "^14.3.0", | ||
"@atlaskit/docs": "^9.0.10", | ||
"@atlaskit/dropdown-menu": "^11.1.3", | ||
"@atlaskit/empty-state": "^7.3.9", | ||
"@atlaskit/focus-ring": "^1.0.0", | ||
@@ -59,2 +67,3 @@ "@atlaskit/heading": "^0.1.8", | ||
"@atlaskit/toggle": "^12.4.2", | ||
"@atlaskit/tooltip": "^17.5.7", | ||
"@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1", | ||
@@ -84,3 +93,4 @@ "@babel/core": "^7.12.3", | ||
}, | ||
"homepage": "https://atlassian.design/", | ||
"prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1" | ||
} |
@@ -6,3 +6,6 @@ { | ||
"module:es2019": "../dist/es2019/entry-points/rename-mapping.js", | ||
"sideEffects": [ | ||
"**/*.css" | ||
], | ||
"types": "../dist/types/entry-points/rename-mapping.d.ts" | ||
} |
@@ -6,3 +6,6 @@ { | ||
"module:es2019": "../dist/es2019/entry-points/token-ids.js", | ||
"sideEffects": [ | ||
"**/*.css" | ||
], | ||
"types": "../dist/types/entry-points/token-ids.d.ts" | ||
} |
@@ -6,3 +6,6 @@ { | ||
"module:es2019": "../dist/es2019/entry-points/token-names.js", | ||
"sideEffects": [ | ||
"**/*.css" | ||
], | ||
"types": "../dist/types/entry-points/token-names.d.ts" | ||
} |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
No website
QualityPackage does not have a website.
Found 1 instance in 1 package
2189566
243
70295
1
28