@atlaskit/tokens 1.12.0 → 1.13.0

package/figma/atlassian-light.json

@@ -1279,6 +1279,33 @@
       },
       "value": "#09326C"
     },
+    "Light/color.background.brand.subtlest": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "1.13.0",
+        "description": "Use for the background of elements used to reinforce our brand, but with less emphasis."
+      },
+      "value": "#E9F2FF"
+    },
+    "Light/color.background.brand.subtlest.hovered": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "1.13.0",
+        "description": "Hovered state of color.background.brand.subtlest."
+      },
+      "value": "#CCE0FF"
+    },
+    "Light/color.background.brand.subtlest.pressed": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "1.13.0",
+        "description": "Pressed state of color.background.brand.subtlest"
+      },
+      "value": "#85B8FF"
+    },
     "Light/color.background.brand.bold": {
       "attributes": {
         "group": "paint",
@@ -1293,7 +1320,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Hovered state of color.background.brand.bold"
+        "description": "Hovered state of color.background.brand.bold."
       },
       "value": "#0055CC"
     },
@@ -1302,10 +1329,37 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Pressed state of color.background.brand.bold"
+        "description": "Pressed state of color.background.brand.bold."
       },
       "value": "#09326C"
     },
+    "Light/color.background.brand.boldest": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "1.13.0",
+        "description": "Use for the background of elements used to reinforce our brand, that need to stand out a lot."
+      },
+      "value": "#092957"
+    },
+    "Light/color.background.brand.boldest.hovered": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "1.13.0",
+        "description": "Hovered state of color.background.brand.boldest."
+      },
+      "value": "#09326C"
+    },
+    "Light/color.background.brand.boldest.pressed": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "1.13.0",
+        "description": "Pressed state of color.background.brand.boldest."
+      },
+      "value": "#0055CC"
+    },
     "Light/color.background.danger": {
       "attributes": {
         "group": "paint",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/tokens",
-  "version": "1.12.0",
+  "version": "1.13.0",
   "description": "Design tokens are the single source of truth to name and store design decisions.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -30,7 +30,7 @@
   "scripts": {
     "ak-postbuild": "(cd $(npx repo-root) && yarn build @atlassian/codegen -d cjs,esm,es2019) && yarn workspace @atlaskit/tokens codegen-tokens && yarn workspace @atlaskit/tokens check-clean-git",
     "check-clean-git": "git diff --exit-code -- packages/design-system/tokens/ || (echo 'tokens are out of date, run yarn build tokens' && false)",
-    "codegen-tokens": "ts-node --project $(npx repo-root)/tsconfig.node.json ./scripts/style-dictionary/build"
+    "codegen-tokens": "ts-node --project $(npx repo-root)/tsconfig.node.json ./scripts/style-dictionary/build && cd $(npx repo-root)/packages/design-system/primitives && yarn codegen-styles"
   },
   "dependencies": {
     "@atlaskit/ds-lib": "^2.2.0",

package/report.api.md

@@ -78,6 +78,12 @@ export type ActiveTokens =
   | 'color.background.brand.bold'
   | 'color.background.brand.bold.hovered'
   | 'color.background.brand.bold.pressed'
+  | 'color.background.brand.boldest'
+  | 'color.background.brand.boldest.hovered'
+  | 'color.background.brand.boldest.pressed'
+  | 'color.background.brand.subtlest'
+  | 'color.background.brand.subtlest.hovered'
+  | 'color.background.brand.subtlest.pressed'
   | 'color.background.danger'
   | 'color.background.danger.bold'
   | 'color.background.danger.bold.hovered'
@@ -685,9 +691,15 @@ type CSSTokenMap = {
   'color.background.selected.bold': 'var(--ds-background-selected-bold)';
   'color.background.selected.bold.hovered': 'var(--ds-background-selected-bold-hovered)';
   'color.background.selected.bold.pressed': 'var(--ds-background-selected-bold-pressed)';
+  'color.background.brand.subtlest': 'var(--ds-background-brand-subtlest)';
+  'color.background.brand.subtlest.hovered': 'var(--ds-background-brand-subtlest-hovered)';
+  'color.background.brand.subtlest.pressed': 'var(--ds-background-brand-subtlest-pressed)';
   'color.background.brand.bold': 'var(--ds-background-brand-bold)';
   'color.background.brand.bold.hovered': 'var(--ds-background-brand-bold-hovered)';
   'color.background.brand.bold.pressed': 'var(--ds-background-brand-bold-pressed)';
+  'color.background.brand.boldest': 'var(--ds-background-brand-boldest)';
+  'color.background.brand.boldest.hovered': 'var(--ds-background-brand-boldest-hovered)';
+  'color.background.brand.boldest.pressed': 'var(--ds-background-brand-boldest-pressed)';
   'color.background.danger': 'var(--ds-background-danger)';
   'color.background.danger.hovered': 'var(--ds-background-danger-hovered)';
   'color.background.danger.pressed': 'var(--ds-background-danger-pressed)';
@@ -1056,6 +1068,12 @@ type InternalTokenIds =
   | 'color.background.brand.bold.[default]'
   | 'color.background.brand.bold.hovered'
   | 'color.background.brand.bold.pressed'
+  | 'color.background.brand.boldest.[default]'
+  | 'color.background.brand.boldest.hovered'
+  | 'color.background.brand.boldest.pressed'
+  | 'color.background.brand.subtlest.[default]'
+  | 'color.background.brand.subtlest.hovered'
+  | 'color.background.brand.subtlest.pressed'
   | 'color.background.danger.[default].[default]'
   | 'color.background.danger.[default].hovered'
   | 'color.background.danger.[default].pressed'
@@ -1715,9 +1733,15 @@ const tokens: {
   readonly 'color.background.selected.bold': '--ds-background-selected-bold';
   readonly 'color.background.selected.bold.hovered': '--ds-background-selected-bold-hovered';
   readonly 'color.background.selected.bold.pressed': '--ds-background-selected-bold-pressed';
+  readonly 'color.background.brand.subtlest': '--ds-background-brand-subtlest';
+  readonly 'color.background.brand.subtlest.hovered': '--ds-background-brand-subtlest-hovered';
+  readonly 'color.background.brand.subtlest.pressed': '--ds-background-brand-subtlest-pressed';
   readonly 'color.background.brand.bold': '--ds-background-brand-bold';
   readonly 'color.background.brand.bold.hovered': '--ds-background-brand-bold-hovered';
   readonly 'color.background.brand.bold.pressed': '--ds-background-brand-bold-pressed';
+  readonly 'color.background.brand.boldest': '--ds-background-brand-boldest';
+  readonly 'color.background.brand.boldest.hovered': '--ds-background-brand-boldest-hovered';
+  readonly 'color.background.brand.boldest.pressed': '--ds-background-brand-boldest-pressed';
   readonly 'color.background.danger': '--ds-background-danger';
   readonly 'color.background.danger.hovered': '--ds-background-danger-hovered';
   readonly 'color.background.danger.pressed': '--ds-background-danger-pressed';