@atlaskit/tokens 0.8.2 → 0.9.1

package/dist/cjs/tokens/default/elevation/shadow.js

@@ -11,6 +11,7 @@ var shadow = {
         attributes: {
           group: 'shadow',
           state: 'active',
+          introduced: '0.6.0',
           description: "Use for the box shadow of raised card elements, such as Jira cards on a Kanban board. Combine with elevation.surface.raised"
         }
       },
@@ -18,6 +19,7 @@ var shadow = {
         attributes: {
           group: 'shadow',
           state: 'active',
+          introduced: '0.6.0',
           description: "Use to create a shadow when content scolls under other content."
         }
       },
@@ -25,6 +27,7 @@ var shadow = {
         attributes: {
           group: 'shadow',
           state: 'active',
+          introduced: '0.6.0',
           description: "Use for the box shadow of elements that sit on top of the UI, such as modals, dropdown menus, flags, and inline dialogs. Combine with elevation.surface.overlay\n\nAlso use for the box shadow of raised cards in a dragged state."
         }
       }

package/dist/cjs/tokens/default/elevation/surface.js

@@ -11,6 +11,7 @@ var shadow = {
         attributes: {
           group: 'paint',
           state: 'active',
+          introduced: '0.6.0',
           description: 'Use as the primary background for the UI.'
         }
       },
@@ -18,6 +19,7 @@ var shadow = {
         attributes: {
           group: 'paint',
           state: 'active',
+          introduced: '0.6.0',
           description: 'A secondary background for the UI commonly used for grouping items, such as Jira cards in columns.'
         }
       },
@@ -25,6 +27,7 @@ var shadow = {
         attributes: {
           group: 'paint',
           state: 'active',
+          introduced: '0.6.0',
           description: 'Use for the background of raised cards, such as Jira cards on a Kanban board. Combine with elevation.shadow.raised'
         }
       },
@@ -32,6 +35,7 @@ var shadow = {
         attributes: {
           group: 'paint',
           state: 'active',
+          introduced: '0.6.0',
           description: "Use for the background of elements that sit on top of they UI, such as modals, dropdown menus, flags, and inline dialogs. Combine with elevation.shadow.overlay\n\nAlso use for the background of raised cards in a dragged state."
         }
       }

package/dist/cjs/tokens/default/utility/utility.js

@@ -10,6 +10,7 @@ var utility = {
       attributes: {
         group: 'raw',
         state: 'active',
+        introduced: '0.1.1',
         description: 'Transparent token used for backwards compatibility between new and old theming solutions'
       }
     },
@@ -17,6 +18,7 @@ var utility = {
       attributes: {
         group: 'raw',
         state: 'active',
+        introduced: '0.4.0',
         description: 'Used as a placeholder when a suitable token does not exist'
       }
     }

package/dist/cjs/version.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/tokens",
-	"version": "0.8.2",
+	"version": "0.9.1",
 	"sideEffects": [
 		"**/*.css"
 	]

package/dist/es2019/artifacts/rename-mapping.js

@@ -112,6 +112,10 @@ const renameMapper = [{
   "path": "color.background.accent.magenta.bold",
   "state": "deleted",
   "replacement": "color.background.accent.magenta.subtle"
+}, {
+  "path": "color.background.inverse.[default]",
+  "state": "deprecated",
+  "replacement": "color.background.inverse.subtle.[default]"
 }, {
   "path": "color.background.brand.[default].[default]",
   "state": "deprecated",

package/dist/es2019/artifacts/token-default-values.js

@@ -70,6 +70,7 @@ const defaultTokenValues = {
   'color.border.accent.teal': '#1D9AAA',
   'color.border.accent.magenta': '#CD519D',
   'color.border': '#091E4224',
+  'color.border.inverse': '#FFFFFF',
   'color.border.focused': '#388BFF',
   'color.border.input': '#091E4224',
   'color.border.disabled': '#091E420F',
@@ -131,7 +132,10 @@ const defaultTokenValues = {
   'color.background.accent.magenta': '#FDD0EC',
   'color.background.accent.magenta.bold': '#E774BB',
   'color.background.disabled': '#091E420F',
-  'color.background.inverse': '#00000029',
+  'color.background.inverse.subtle': '#00000029',
+  'color.background.inverse.subtle.hovered': '#0000003D',
+  'color.background.inverse.subtle.pressed': '#00000052',
+  'color.background.inverse': '#FFFFFF29',
   'color.background.input': '#FFFFFF',
   'color.background.input.hovered': '#F7F8F9',
   'color.background.input.pressed': '#FFFFFF',

package/dist/es2019/artifacts/token-names.js

@@ -66,6 +66,7 @@ const tokens = {
   'color.border.accent.teal': '--ds-border-accent-teal',
   'color.border.accent.magenta': '--ds-border-accent-magenta',
   'color.border': '--ds-border',
+  'color.border.inverse': '--ds-border-inverse',
   'color.border.focused': '--ds-border-focused',
   'color.border.input': '--ds-border-input',
   'color.border.disabled': '--ds-border-disabled',
@@ -127,6 +128,9 @@ const tokens = {
   'color.background.accent.magenta': '--ds-background-accent-magenta',
   'color.background.accent.magenta.bold': '--ds-background-accent-magenta-bold',
   'color.background.disabled': '--ds-background-disabled',
+  'color.background.inverse.subtle': '--ds-background-inverse-subtle',
+  'color.background.inverse.subtle.hovered': '--ds-background-inverse-subtle-hovered',
+  'color.background.inverse.subtle.pressed': '--ds-background-inverse-subtle-pressed',
   'color.background.inverse': '--ds-background-inverse',
   'color.background.input': '--ds-background-input',
   'color.background.input.hovered': '--ds-background-input-hovered',