@atlaskit/tokens 0.8.2 → 0.9.1

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

@@ -5,6 +5,7 @@ const 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`
         }
       },
@@ -12,6 +13,7 @@ const shadow = {
         attributes: {
           group: 'shadow',
           state: 'active',
+          introduced: '0.6.0',
           description: `Use to create a shadow when content scolls under other content.`
         }
       },
@@ -19,6 +21,7 @@ const 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
 
 Also use for the box shadow of raised cards in a dragged state.`

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

@@ -5,6 +5,7 @@ const shadow = {
         attributes: {
           group: 'paint',
           state: 'active',
+          introduced: '0.6.0',
           description: 'Use as the primary background for the UI.'
         }
       },
@@ -12,6 +13,7 @@ const 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.'
         }
       },
@@ -19,6 +21,7 @@ const 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'
         }
       },
@@ -26,6 +29,7 @@ const 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
 
 Also use for the background of raised cards in a dragged state.`

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

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

package/dist/es2019/version.json

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

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

@@ -112,6 +112,10 @@ var 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/esm/artifacts/token-default-values.js

@@ -70,6 +70,7 @@ var 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 @@ var 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/esm/artifacts/token-names.js

@@ -66,6 +66,7 @@ var 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 @@ var 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',