@atlaskit/tokens 1.5.2 → 1.6.0

package/figma/atlassian-legacy-dark.json

@@ -15,7 +15,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Use for red text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags."
+        "description": "Use for red text on subtlest and subtler red accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#FF5630"
     },
@@ -24,7 +24,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.7.0",
-        "description": "Use on bold red accent backgrounds."
+        "description": "Use for red text on subtle red accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#FF7452"
     },
@@ -33,7 +33,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Use for orange text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags."
+        "description": "Use for orange text on subtlest and subtler orange accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#FEC57B"
     },
@@ -42,7 +42,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.7.0",
-        "description": "Use on bold orange accent backgrounds."
+        "description": "Use for orange text on subtle orange accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#F18D13"
     },
@@ -51,7 +51,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Use for yellow text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags."
+        "description": "Use for yellow text on subtlest and subtler yellow accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#FFAB00"
     },
@@ -60,7 +60,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.7.0",
-        "description": "Use on bold yellow accent backgrounds."
+        "description": "Use for yellow text on subtle yellow accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#FFC400"
     },
@@ -69,7 +69,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Use for green text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags."
+        "description": "Use for green text on subtlest and subtler green accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#36B37E"
     },
@@ -78,7 +78,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.7.0",
-        "description": "Use on bold green accent backgrounds."
+        "description": "Use for green text on subtle green accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#57D9A3"
     },
@@ -87,7 +87,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Use for teal text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags."
+        "description": "Use for teal text on subtlest and subtler teal accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#00B8D9"
     },
@@ -96,7 +96,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.7.0",
-        "description": "Use on bold teal accent backgrounds."
+        "description": "Use for teal text on subtle teal accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#00C7E6"
     },
@@ -105,7 +105,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Use for blue text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags."
+        "description": "Use for blue text on subtlest and subtler blue accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#0065FF"
     },
@@ -114,7 +114,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.7.0",
-        "description": "Use on bold blue accent backgrounds."
+        "description": "Use for blue text on subtle blue accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#2684FF"
     },
@@ -123,7 +123,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Use for purple text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags."
+        "description": "Use for purple text on subtlest and subtler purple accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#6554C0"
     },
@@ -132,7 +132,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.7.0",
-        "description": "Use on bold purple accent backgrounds."
+        "description": "Use for purple text on subtle purple accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#8777D9"
     },
@@ -141,7 +141,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Use for magenta text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags."
+        "description": "Use for magenta text on subtlest and subtler magenta accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#F797D2"
     },
@@ -150,7 +150,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.7.0",
-        "description": "Use on bold magenta accent backgrounds."
+        "description": "Use for magenta text on subtle magenta accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#FDD0EC"
     },

package/figma/atlassian-legacy-light.json

@@ -15,7 +15,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Use for red text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags."
+        "description": "Use for red text on subtlest and subtler red accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#DE350B"
     },
@@ -24,7 +24,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.7.0",
-        "description": "Use on bold red accent backgrounds."
+        "description": "Use for red text on subtle red accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#BF2600"
     },
@@ -33,7 +33,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Use for orange text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags."
+        "description": "Use for orange text on subtlest and subtler orange accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#F18D13"
     },
@@ -42,7 +42,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.7.0",
-        "description": "Use on bold orange accent backgrounds."
+        "description": "Use for orange text on subtle orange accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#B65C02"
     },
@@ -51,7 +51,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Use for yellow text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags."
+        "description": "Use for yellow text on subtlest and subtler yellow accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#FF991F"
     },
@@ -60,7 +60,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.7.0",
-        "description": "Use on bold yellow accent backgrounds."
+        "description": "Use for yellow text on subtle yellow accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#FF8B00"
     },
@@ -69,7 +69,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Use for green text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags."
+        "description": "Use for green text on subtlest and subtler green accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#00875A"
     },
@@ -78,7 +78,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.7.0",
-        "description": "Use on bold green accent backgrounds."
+        "description": "Use for green text on subtle green accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#006644"
     },
@@ -87,7 +87,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Use for teal text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags."
+        "description": "Use for teal text on subtlest and subtler teal accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#00A3BF"
     },
@@ -96,7 +96,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.7.0",
-        "description": "Use on bold teal accent backgrounds."
+        "description": "Use for teal text on subtle teal accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#008DA6"
     },
@@ -105,7 +105,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Use for blue text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags."
+        "description": "Use for blue text on subtlest and subtler blue accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#0052CC"
     },
@@ -114,7 +114,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.7.0",
-        "description": "Use on bold blue accent backgrounds."
+        "description": "Use for blue text on subtle blue accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#0747A6"
     },
@@ -123,7 +123,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Use for purple text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags."
+        "description": "Use for purple text on subtlest and subtler purple accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#5243AA"
     },
@@ -132,7 +132,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.7.0",
-        "description": "Use on bold purple accent backgrounds."
+        "description": "Use for purple text on subtle purple accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#403294"
     },
@@ -141,7 +141,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Use for magenta text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags."
+        "description": "Use for magenta text on subtlest and subtler magenta accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#E774BB"
     },
@@ -150,7 +150,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.7.0",
-        "description": "Use on bold magenta accent backgrounds."
+        "description": "Use for magenta text on subtle magenta accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#DA62AC"
     },

package/figma/atlassian-light.json

@@ -15,7 +15,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Use for red text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags."
+        "description": "Use for red text on subtlest and subtler red accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#AE2A19"
     },
@@ -24,7 +24,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.7.0",
-        "description": "Use on bold red accent backgrounds."
+        "description": "Use for red text on subtle red accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#601E16"
     },
@@ -33,7 +33,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Use for orange text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags."
+        "description": "Use for orange text on subtlest and subtler orange accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#974F0C"
     },
@@ -42,7 +42,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.7.0",
-        "description": "Use on bold orange accent backgrounds."
+        "description": "Use for orange text on subtle orange accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#5F3811"
     },
@@ -51,7 +51,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Use for yellow text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags."
+        "description": "Use for yellow text on subtlest and subtler yellow accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#7F5F01"
     },
@@ -60,7 +60,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.7.0",
-        "description": "Use on bold yellow accent backgrounds."
+        "description": "Use for yellow text on subtle yellow accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#533F04"
     },
@@ -69,7 +69,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Use for green text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags."
+        "description": "Use for green text on subtlest and subtler green accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#216E4E"
     },
@@ -78,7 +78,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.7.0",
-        "description": "Use on bold green accent backgrounds."
+        "description": "Use for green text on subtle green accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#164B35"
     },
@@ -87,7 +87,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Use for teal text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags."
+        "description": "Use for teal text on subtlest and subtler teal accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#206B74"
     },
@@ -96,7 +96,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.7.0",
-        "description": "Use on bold teal accent backgrounds."
+        "description": "Use for teal text on subtle teal accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#1D474C"
     },
@@ -105,7 +105,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Use for blue text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags."
+        "description": "Use for blue text on subtlest and subtler blue accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#0055CC"
     },
@@ -114,7 +114,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.7.0",
-        "description": "Use on bold blue accent backgrounds."
+        "description": "Use for blue text on subtle blue accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#09326C"
     },
@@ -123,7 +123,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Use for purple text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags."
+        "description": "Use for purple text on subtlest and subtler purple accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#5E4DB2"
     },
@@ -132,7 +132,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.7.0",
-        "description": "Use on bold purple accent backgrounds."
+        "description": "Use for purple text on subtle purple accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#352C63"
     },
@@ -141,7 +141,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Use for magenta text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags."
+        "description": "Use for magenta text on subtlest and subtler magenta accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#943D73"
     },
@@ -150,7 +150,7 @@
         "group": "paint",
         "state": "active",
         "introduced": "0.7.0",
-        "description": "Use on bold magenta accent backgrounds."
+        "description": "Use for magenta text on subtle magenta accent backgrounds when there is no meaning tied to the color."
       },
       "value": "#50253F"
     },

package/figma/atlassian-shape.json

@@ -4,56 +4,74 @@
     "Shape/border.radius.050": {
       "attributes": {
         "group": "shape",
-        "state": "experimental",
+        "state": "active",
         "introduced": "1.1.0",
-        "description": "Experimental, description needs to be amended"
+        "description": "Used for selection indicators, like tabs."
       },
       "value": 2
     },
+    "Shape/border.radius": {
+      "attributes": {
+        "group": "shape",
+        "state": "active",
+        "introduced": "1.5.2",
+        "description": "The default border radius."
+      },
+      "value": 4
+    },
     "Shape/border.radius.100": {
       "attributes": {
         "group": "shape",
-        "state": "experimental",
+        "state": "active",
         "introduced": "1.1.0",
-        "description": "Experimental, description needs to be amended"
+        "description": "Used for buttons and inputs."
       },
       "value": 4
     },
     "Shape/border.radius.200": {
       "attributes": {
         "group": "shape",
-        "state": "experimental",
+        "state": "active",
         "introduced": "1.1.0",
-        "description": "Experimental, description needs to be amended"
+        "description": "Used for smaller cards."
       },
       "value": 8
     },
     "Shape/border.radius.300": {
       "attributes": {
         "group": "shape",
-        "state": "experimental",
+        "state": "active",
         "introduced": "1.1.0",
-        "description": "Experimental, description needs to be amended"
+        "description": "Used for cards and larger containers."
       },
       "value": 12
     },
     "Shape/border.radius.400": {
       "attributes": {
         "group": "shape",
-        "state": "experimental",
+        "state": "active",
         "introduced": "1.1.0",
-        "description": "Experimental, description needs to be amended"
+        "description": "Used for modals."
       },
       "value": 16
     },
-    "Shape/border.radius.round": {
+    "Shape/border.radius.circle": {
       "attributes": {
         "group": "shape",
-        "state": "experimental",
+        "state": "active",
         "introduced": "1.1.0",
-        "description": "Experimental, description needs to be amended"
+        "description": "Used for circular containers, like a rounded button."
       },
-      "value": "50%"
+      "value": 32032
+    },
+    "Shape/border.width": {
+      "attributes": {
+        "group": "shape",
+        "state": "active",
+        "introduced": "1.5.2",
+        "description": "The default border width."
+      },
+      "value": 1
     },
     "Shape/border.width.0": {
       "attributes": {
@@ -67,18 +85,18 @@
     "Shape/border.width.050": {
       "attributes": {
         "group": "shape",
-        "state": "experimental",
+        "state": "active",
         "introduced": "1.1.0",
-        "description": "Experimental, description needs to be amended"
+        "description": "Used for all borders and dividers."
       },
       "value": 1
     },
     "Shape/border.width.100": {
       "attributes": {
         "group": "shape",
-        "state": "experimental",
+        "state": "active",
         "introduced": "1.1.0",
-        "description": "Experimental, description needs to be amended"
+        "description": "Used for bolder dividers and interaction states."
       },
       "value": 2
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/tokens",
-  "version": "1.5.2",
+  "version": "1.6.0",
   "author": "Atlassian Pty Ltd",
   "description": "Design tokens are the single source of truth to name and store design decisions.",
   "license": "Apache-2.0",
@@ -71,16 +71,15 @@
     "@atlaskit/docs": "^9.1.0",
     "@atlaskit/dropdown-menu": "^11.9.0",
     "@atlaskit/ds-explorations": "^2.2.0",
-    "@atlaskit/dynamic-table": "^14.9.0",
+    "@atlaskit/dynamic-table": "^14.10.0",
     "@atlaskit/grid": "^0.11.0",
     "@atlaskit/heading": "^1.3.0",
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/lozenge": "^11.4.0",
-    "@atlaskit/primitives": "^0.9.0",
+    "@atlaskit/primitives": "^0.12.0",
     "@atlaskit/section-message": "^6.4.0",
     "@atlaskit/select": "^16.5.0",
     "@atlaskit/spinner": "^15.5.1",
-    "@atlaskit/tabs": "^13.4.0",
     "@atlaskit/tag": "^11.5.0",
     "@atlaskit/textfield": "^5.5.0",
     "@atlaskit/theme": "^12.5.0",