@atlaskit/tokens 0.9.2 → 0.9.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/tokens
 
+## 0.9.3
+
+### Patch Changes
+
+- [`ae9eab2df7d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ae9eab2df7d) - Fixing blanket selected and danger tokens that were 80% instead of 8% opacity
+
 ## 0.9.2
 
 ### Patch Changes

package/css/atlassian-dark.css

@@ -234,8 +234,8 @@ html[data-theme="dark"] {
   --ds-background-transparentNeutral-hover: #A1BDD914;
   --ds-background-transparentNeutral-pressed: #A6C5E229;
   --ds-blanket: #03040442;
-  --ds-blanket-selected: #1D7AFCCC;
-  --ds-blanket-danger: #E34935CC;
+  --ds-blanket-selected: #1D7AFC14;
+  --ds-blanket-danger: #E3493514;
   --ds-interaction-hovered: #00000029;
   --ds-interaction-pressed: #00000052;
   --ds-interaction-inverse-hovered: #ffffff33;

package/css/atlassian-light.css

@@ -234,8 +234,8 @@
   --ds-background-transparentNeutral-hover: #091E420F;
   --ds-background-transparentNeutral-pressed: #091E4224;
   --ds-blanket: #091E427A;
-  --ds-blanket-selected: #388BFFCC;
-  --ds-blanket-danger: #EF5C48CC;
+  --ds-blanket-selected: #388BFF14;
+  --ds-blanket-danger: #EF5C4814;
   --ds-interaction-hovered: #ffffff33;
   --ds-interaction-pressed: #ffffff5c;
   --ds-interaction-inverse-hovered: #00000029;

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

@@ -244,8 +244,8 @@ var defaultTokenValues = {
   'color.background.transparentNeutral.hover': '#091E420F',
   'color.background.transparentNeutral.pressed': '#091E4224',
   'color.blanket': '#091E427A',
-  'color.blanket.selected': '#388BFFCC',
-  'color.blanket.danger': '#EF5C48CC',
+  'color.blanket.selected': '#388BFF14',
+  'color.blanket.danger': '#EF5C4814',
   'color.interaction.hovered': '#ffffff33',
   'color.interaction.pressed': '#ffffff5c',
   'color.interaction.inverse.hovered': '#00000029',

package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js

@@ -5344,7 +5344,7 @@ var tokens = [{
     "introduced": "0.6.0",
     "description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
   },
-  "value": "#1D7AFCCC",
+  "value": "#1D7AFC14",
   "filePath": "src/tokens/atlassian-dark/color/background.tsx",
   "isSource": true,
   "original": {
@@ -5354,7 +5354,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
     },
-    "value": "#1D7AFCCC"
+    "value": "#1D7AFC14"
   },
   "name": "color.blanket.selected",
   "path": ["color", "blanket", "selected"]
@@ -5365,7 +5365,7 @@ var tokens = [{
     "introduced": "0.6.0",
     "description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
   },
-  "value": "#E34935CC",
+  "value": "#E3493514",
   "filePath": "src/tokens/atlassian-dark/color/background.tsx",
   "isSource": true,
   "original": {
@@ -5375,7 +5375,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
     },
-    "value": "#E34935CC"
+    "value": "#E3493514"
   },
   "name": "color.blanket.danger",
   "path": ["color", "blanket", "danger"]

package/dist/cjs/artifacts/tokens-raw/atlassian-light.js

@@ -5344,7 +5344,7 @@ var tokens = [{
     "introduced": "0.6.0",
     "description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
   },
-  "value": "#388BFFCC",
+  "value": "#388BFF14",
   "filePath": "src/tokens/atlassian-light/color/background.tsx",
   "isSource": true,
   "original": {
@@ -5354,7 +5354,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
     },
-    "value": "#388BFFCC"
+    "value": "#388BFF14"
   },
   "name": "color.blanket.selected",
   "path": ["color", "blanket", "selected"]
@@ -5365,7 +5365,7 @@ var tokens = [{
     "introduced": "0.6.0",
     "description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
   },
-  "value": "#EF5C48CC",
+  "value": "#EF5C4814",
   "filePath": "src/tokens/atlassian-light/color/background.tsx",
   "isSource": true,
   "original": {
@@ -5375,7 +5375,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
     },
-    "value": "#EF5C48CC"
+    "value": "#EF5C4814"
   },
   "name": "color.blanket.danger",
   "path": ["color", "blanket", "danger"]

package/dist/cjs/get-token.js

@@ -12,7 +12,7 @@ var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
 var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
 
 var name = "@atlaskit/tokens";
-var version = "0.9.2";
+var version = "0.9.3";
 
 function token(path, fallback) {
   var token = _tokenNames.default[path];

package/dist/cjs/tokens/atlassian-dark/color/background.js

@@ -12,11 +12,11 @@ var color = {
       },
       // @ts-ignore temporary value (B600 8% opacity)
       selected: {
-        value: '#1D7AFCCC'
+        value: '#1D7AFC14'
       },
       // @ts-ignore temporary value (R600 8% opacity)
       danger: {
-        value: '#E34935CC'
+        value: '#E3493514'
       }
     },
     background: {

package/dist/cjs/tokens/atlassian-light/color/background.js

@@ -12,11 +12,11 @@ var color = {
       },
       // @ts-ignore temporary value (B500 8% opacity)
       selected: {
-        value: '#388BFFCC'
+        value: '#388BFF14'
       },
       // @ts-ignore temporary value (R500 8% opacity)
       danger: {
-        value: '#EF5C48CC'
+        value: '#EF5C4814'
       }
     },
     background: {

package/dist/cjs/version.json

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

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

@@ -238,8 +238,8 @@ const defaultTokenValues = {
   'color.background.transparentNeutral.hover': '#091E420F',
   'color.background.transparentNeutral.pressed': '#091E4224',
   'color.blanket': '#091E427A',
-  'color.blanket.selected': '#388BFFCC',
-  'color.blanket.danger': '#EF5C48CC',
+  'color.blanket.selected': '#388BFF14',
+  'color.blanket.danger': '#EF5C4814',
   'color.interaction.hovered': '#ffffff33',
   'color.interaction.pressed': '#ffffff5c',
   'color.interaction.inverse.hovered': '#00000029',

package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js

@@ -5338,7 +5338,7 @@ const tokens = [{
     "introduced": "0.6.0",
     "description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
   },
-  "value": "#1D7AFCCC",
+  "value": "#1D7AFC14",
   "filePath": "src/tokens/atlassian-dark/color/background.tsx",
   "isSource": true,
   "original": {
@@ -5348,7 +5348,7 @@ const tokens = [{
       "introduced": "0.6.0",
       "description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
     },
-    "value": "#1D7AFCCC"
+    "value": "#1D7AFC14"
   },
   "name": "color.blanket.selected",
   "path": ["color", "blanket", "selected"]
@@ -5359,7 +5359,7 @@ const tokens = [{
     "introduced": "0.6.0",
     "description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
   },
-  "value": "#E34935CC",
+  "value": "#E3493514",
   "filePath": "src/tokens/atlassian-dark/color/background.tsx",
   "isSource": true,
   "original": {
@@ -5369,7 +5369,7 @@ const tokens = [{
       "introduced": "0.6.0",
       "description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
     },
-    "value": "#E34935CC"
+    "value": "#E3493514"
   },
   "name": "color.blanket.danger",
   "path": ["color", "blanket", "danger"]

package/dist/es2019/artifacts/tokens-raw/atlassian-light.js

@@ -5338,7 +5338,7 @@ const tokens = [{
     "introduced": "0.6.0",
     "description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
   },
-  "value": "#388BFFCC",
+  "value": "#388BFF14",
   "filePath": "src/tokens/atlassian-light/color/background.tsx",
   "isSource": true,
   "original": {
@@ -5348,7 +5348,7 @@ const tokens = [{
       "introduced": "0.6.0",
       "description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
     },
-    "value": "#388BFFCC"
+    "value": "#388BFF14"
   },
   "name": "color.blanket.selected",
   "path": ["color", "blanket", "selected"]
@@ -5359,7 +5359,7 @@ const tokens = [{
     "introduced": "0.6.0",
     "description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
   },
-  "value": "#EF5C48CC",
+  "value": "#EF5C4814",
   "filePath": "src/tokens/atlassian-light/color/background.tsx",
   "isSource": true,
   "original": {
@@ -5369,7 +5369,7 @@ const tokens = [{
       "introduced": "0.6.0",
       "description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
     },
-    "value": "#EF5C48CC"
+    "value": "#EF5C4814"
   },
   "name": "color.blanket.danger",
   "path": ["color", "blanket", "danger"]

package/dist/es2019/get-token.js

@@ -1,7 +1,7 @@
 import warnOnce from '@atlaskit/ds-lib/warn-once';
 import tokens from './artifacts/token-names';
 const name = "@atlaskit/tokens";
-const version = "0.9.2";
+const version = "0.9.3";
 
 function token(path, fallback) {
   let token = tokens[path];

package/dist/es2019/tokens/atlassian-dark/color/background.js

@@ -6,11 +6,11 @@ const color = {
       },
       // @ts-ignore temporary value (B600 8% opacity)
       selected: {
-        value: '#1D7AFCCC'
+        value: '#1D7AFC14'
       },
       // @ts-ignore temporary value (R600 8% opacity)
       danger: {
-        value: '#E34935CC'
+        value: '#E3493514'
       }
     },
     background: {

package/dist/es2019/tokens/atlassian-light/color/background.js

@@ -6,11 +6,11 @@ const color = {
       },
       // @ts-ignore temporary value (B500 8% opacity)
       selected: {
-        value: '#388BFFCC'
+        value: '#388BFF14'
       },
       // @ts-ignore temporary value (R500 8% opacity)
       danger: {
-        value: '#EF5C48CC'
+        value: '#EF5C4814'
       }
     },
     background: {

package/dist/es2019/version.json

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

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

@@ -238,8 +238,8 @@ var defaultTokenValues = {
   'color.background.transparentNeutral.hover': '#091E420F',
   'color.background.transparentNeutral.pressed': '#091E4224',
   'color.blanket': '#091E427A',
-  'color.blanket.selected': '#388BFFCC',
-  'color.blanket.danger': '#EF5C48CC',
+  'color.blanket.selected': '#388BFF14',
+  'color.blanket.danger': '#EF5C4814',
   'color.interaction.hovered': '#ffffff33',
   'color.interaction.pressed': '#ffffff5c',
   'color.interaction.inverse.hovered': '#00000029',

package/dist/esm/artifacts/tokens-raw/atlassian-dark.js

@@ -5338,7 +5338,7 @@ var tokens = [{
     "introduced": "0.6.0",
     "description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
   },
-  "value": "#1D7AFCCC",
+  "value": "#1D7AFC14",
   "filePath": "src/tokens/atlassian-dark/color/background.tsx",
   "isSource": true,
   "original": {
@@ -5348,7 +5348,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
     },
-    "value": "#1D7AFCCC"
+    "value": "#1D7AFC14"
   },
   "name": "color.blanket.selected",
   "path": ["color", "blanket", "selected"]
@@ -5359,7 +5359,7 @@ var tokens = [{
     "introduced": "0.6.0",
     "description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
   },
-  "value": "#E34935CC",
+  "value": "#E3493514",
   "filePath": "src/tokens/atlassian-dark/color/background.tsx",
   "isSource": true,
   "original": {
@@ -5369,7 +5369,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
     },
-    "value": "#E34935CC"
+    "value": "#E3493514"
   },
   "name": "color.blanket.danger",
   "path": ["color", "blanket", "danger"]

package/dist/esm/artifacts/tokens-raw/atlassian-light.js

@@ -5338,7 +5338,7 @@ var tokens = [{
     "introduced": "0.6.0",
     "description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
   },
-  "value": "#388BFFCC",
+  "value": "#388BFF14",
   "filePath": "src/tokens/atlassian-light/color/background.tsx",
   "isSource": true,
   "original": {
@@ -5348,7 +5348,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
     },
-    "value": "#388BFFCC"
+    "value": "#388BFF14"
   },
   "name": "color.blanket.selected",
   "path": ["color", "blanket", "selected"]
@@ -5359,7 +5359,7 @@ var tokens = [{
     "introduced": "0.6.0",
     "description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
   },
-  "value": "#EF5C48CC",
+  "value": "#EF5C4814",
   "filePath": "src/tokens/atlassian-light/color/background.tsx",
   "isSource": true,
   "original": {
@@ -5369,7 +5369,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
     },
-    "value": "#EF5C48CC"
+    "value": "#EF5C4814"
   },
   "name": "color.blanket.danger",
   "path": ["color", "blanket", "danger"]

package/dist/esm/get-token.js

@@ -1,7 +1,7 @@
 import warnOnce from '@atlaskit/ds-lib/warn-once';
 import tokens from './artifacts/token-names';
 var name = "@atlaskit/tokens";
-var version = "0.9.2";
+var version = "0.9.3";
 
 function token(path, fallback) {
   var token = tokens[path];

package/dist/esm/tokens/atlassian-dark/color/background.js

@@ -6,11 +6,11 @@ var color = {
       },
       // @ts-ignore temporary value (B600 8% opacity)
       selected: {
-        value: '#1D7AFCCC'
+        value: '#1D7AFC14'
       },
       // @ts-ignore temporary value (R600 8% opacity)
       danger: {
-        value: '#E34935CC'
+        value: '#E3493514'
       }
     },
     background: {

package/dist/esm/tokens/atlassian-light/color/background.js

@@ -6,11 +6,11 @@ var color = {
       },
       // @ts-ignore temporary value (B500 8% opacity)
       selected: {
-        value: '#388BFFCC'
+        value: '#388BFF14'
       },
       // @ts-ignore temporary value (R500 8% opacity)
       danger: {
-        value: '#EF5C48CC'
+        value: '#EF5C4814'
       }
     },
     background: {

package/dist/esm/version.json

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

package/dist/types/artifacts/token-default-values.d.ts

@@ -235,8 +235,8 @@ declare const defaultTokenValues: {
     readonly 'color.background.transparentNeutral.hover': "#091E420F";
     readonly 'color.background.transparentNeutral.pressed': "#091E4224";
     readonly 'color.blanket': "#091E427A";
-    readonly 'color.blanket.selected': "#388BFFCC";
-    readonly 'color.blanket.danger': "#EF5C48CC";
+    readonly 'color.blanket.selected': "#388BFF14";
+    readonly 'color.blanket.danger': "#EF5C4814";
     readonly 'color.interaction.hovered': "#ffffff33";
     readonly 'color.interaction.pressed': "#ffffff5c";
     readonly 'color.interaction.inverse.hovered': "#00000029";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/tokens",
-  "version": "0.9.2",
+  "version": "0.9.3",
   "author": "Atlassian Pty Ltd",
   "description": "Design tokens are the single source of truth to name and store design decisions.",
   "license": "Apache-2.0",