@atlaskit/tokens 1.2.0 → 1.2.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/tokens
 
+## 1.2.2
+
+### Patch Changes
+
+- [`67a01afe12b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/67a01afe12b) - Add internal and experimental token for border.width.0
+
+## 1.2.1
+
+### Patch Changes
+
+- [`7f5f23dcb68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7f5f23dcb68) - Introduce shape tokens to some packages.
+
 ## 1.2.0
 
 ### Minor Changes

package/README.md

@@ -10,29 +10,7 @@ yarn add @atlaskit/tokens
 
 ## Usage
 
-### Set global theme
-
-To load and set themes into your app, call setGlobalTheme during runtime.
-
-```tsx
-import { setGlobalTheme } from '@atlaskit/tokens';
-
-setGlobalTheme({ colorMode: 'light', light: 'light', dark: 'dark' });
-```
-
-### Token
-
-Use the `token` function to get a [CSS variable](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties) for the named token.
-
-```tsx
-import { token } from '@atlaskit/tokens';
-
-token('color.background.default');
-```
-
-### Learn more
-
-To learn more about the tokens package API, view the [token package docs on atlassian.design](https://atlassian.design/components/tokens/code)
+[View documentation](https://atlassian.design/components/tokens).
 
 # BabelPlugin
 

package/dist/cjs/artifacts/palettes-raw/shape-palette.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::f260aa650535ab5be564f74e1ff1a157>>
+ * @codegen <<SignedSource::d9adf6612a4bc5957b7824e1f32a76b2>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -99,6 +99,21 @@ var tokens = [{
   },
   "name": "border.radius.RadiusCircle",
   "path": ["border", "radius", "RadiusCircle"]
+}, {
+  "value": "0",
+  "attributes": {
+    "group": "shape"
+  },
+  "filePath": "src/palettes/shape-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": "0",
+    "attributes": {
+      "group": "shape"
+    }
+  },
+  "name": "border.width.Size0",
+  "path": ["border", "width", "Size0"]
 }, {
   "value": "0.0625rem",
   "attributes": {

package/dist/cjs/artifacts/themes/atlassian-shape.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::309f92a792656831b0e137b75ca1156f>>
+ * @codegen <<SignedSource::e1827dff880ab23a73ac703dfb8f2018>>
  * @codegenCommand yarn build tokens
  */
-var _default = "\nhtml[data-theme~=\"shape:shape\"] {\n  --ds-radius-050: 0.125rem;\n  --ds-radius-100: 0.25rem;\n  --ds-radius-200: 0.5rem;\n  --ds-radius-300: 0.75rem;\n  --ds-radius-400: 1rem;\n  --ds-radius-round: 50%;\n  --ds-width-050: 0.0625rem;\n  --ds-width-100: 0.125rem;\n}\n";
+var _default = "\nhtml[data-theme~=\"shape:shape\"] {\n  --ds-radius-050: 0.125rem;\n  --ds-radius-100: 0.25rem;\n  --ds-radius-200: 0.5rem;\n  --ds-radius-300: 0.75rem;\n  --ds-radius-400: 1rem;\n  --ds-radius-round: 50%;\n  --ds-width-0: 0;\n  --ds-width-050: 0.0625rem;\n  --ds-width-100: 0.125rem;\n}\n";
 exports.default = _default;

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

@@ -10,7 +10,7 @@ exports.default = void 0;
  * Token names mapped to their value in the default Atlassian themes ('light').
  * These default values are used by the Babel plugin to optionally provide automatic fallbacks.
  *
- * @codegen <<SignedSource::f5109afc580f9e67007907726883450e>>
+ * @codegen <<SignedSource::9c962af7a2afdab3160e3f3a2b285a8a>>
  * @codegenCommand yarn build tokens
  */
 var defaultTokenValues = {
@@ -20,6 +20,7 @@ var defaultTokenValues = {
   'border.radius.300': '0.75rem',
   'border.radius.400': '1rem',
   'border.radius.round': '50%',
+  'border.width.0': '0',
   'border.width.050': '0.0625rem',
   'border.width.100': '0.125rem',
   'color.text': '#172B4D',

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::0d28771b28a7bf28109534471c1383d4>>
+ * @codegen <<SignedSource::462a85d7e15b8fb4e0c4225b94e89903>>
  * @codegenCommand yarn build tokens
  */
 var tokens = {
@@ -16,6 +16,7 @@ var tokens = {
   'border.radius.300': '--ds-radius-300',
   'border.radius.400': '--ds-radius-400',
   'border.radius.round': '--ds-radius-round',
+  'border.width.0': '--ds-width-0',
   'border.width.050': '--ds-width-050',
   'border.width.100': '--ds-width-100',
   'color.text': '--ds-text',

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::c9a10991e5bb0b7dbbb35a5f644bceb0>>
+ * @codegen <<SignedSource::f4523de23a205d43950d1b24f656f952>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -141,6 +141,28 @@ var tokens = [{
   "name": "border.radius.round",
   "path": ["border", "radius", "round"],
   "cleanName": "border.radius.round"
+}, {
+  "attributes": {
+    "group": "shape",
+    "state": "experimental",
+    "introduced": "1.2.1",
+    "description": "Experimental, description needs to be amended"
+  },
+  "value": "0",
+  "filePath": "src/tokens/atlassian-shape/shape.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "shape",
+      "state": "experimental",
+      "introduced": "1.2.1",
+      "description": "Experimental, description needs to be amended"
+    },
+    "value": "Size0"
+  },
+  "name": "border.width.0",
+  "path": ["border", "width", "0"],
+  "cleanName": "border.width.0"
 }, {
   "attributes": {
     "group": "shape",

package/dist/cjs/get-token-value.js

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
 var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
 var name = "@atlaskit/tokens";
-var version = "1.2.0";
+var version = "1.2.2";
 /**
  * Takes a dot-separated token name and and an optional fallback, and returns the current computed CSS value for the
  * resulting CSS Custom Property.

package/dist/cjs/get-token.js

@@ -9,7 +9,7 @@ var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
 var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
 var _constants = require("./constants");
 var name = "@atlaskit/tokens";
-var version = "1.2.0";
+var version = "1.2.2";
 /**
  * Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.
  * This should be used to implement design decisions throughout your application.

package/dist/cjs/palettes/shape-palette.js

@@ -9,6 +9,12 @@ exports.default = void 0;
  */
 
 var baseSizeTokens = {
+  Size0: {
+    value: '0',
+    attributes: {
+      group: 'shape'
+    }
+  },
   Size050: {
     value: '0.0625rem',
     attributes: {

package/dist/cjs/tokens/atlassian-shape/shape.js

@@ -11,6 +11,9 @@ exports.default = void 0;
 var shape = {
   border: {
     width: {
+      '0': {
+        value: 'Size0'
+      },
       '050': {
         value: 'Size050'
       },

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

@@ -7,6 +7,14 @@ exports.default = void 0;
 var shape = {
   border: {
     width: {
+      '0': {
+        attributes: {
+          group: 'shape',
+          state: 'experimental',
+          introduced: '1.2.1',
+          description: 'Experimental, description needs to be amended'
+        }
+      },
       '050': {
         attributes: {
           group: 'shape',

package/dist/cjs/version.json

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

package/dist/es2019/artifacts/palettes-raw/shape-palette.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::f260aa650535ab5be564f74e1ff1a157>>
+ * @codegen <<SignedSource::d9adf6612a4bc5957b7824e1f32a76b2>>
  * @codegenCommand yarn build tokens
  */
 const tokens = [{
@@ -93,6 +93,21 @@ const tokens = [{
   },
   "name": "border.radius.RadiusCircle",
   "path": ["border", "radius", "RadiusCircle"]
+}, {
+  "value": "0",
+  "attributes": {
+    "group": "shape"
+  },
+  "filePath": "src/palettes/shape-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": "0",
+    "attributes": {
+      "group": "shape"
+    }
+  },
+  "name": "border.width.Size0",
+  "path": ["border", "width", "Size0"]
 }, {
   "value": "0.0625rem",
   "attributes": {

package/dist/es2019/artifacts/themes/atlassian-shape.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::309f92a792656831b0e137b75ca1156f>>
+ * @codegen <<SignedSource::e1827dff880ab23a73ac703dfb8f2018>>
  * @codegenCommand yarn build tokens
  */
 export default `
@@ -11,6 +11,7 @@ html[data-theme~="shape:shape"] {
   --ds-radius-300: 0.75rem;
   --ds-radius-400: 1rem;
   --ds-radius-round: 50%;
+  --ds-width-0: 0;
   --ds-width-050: 0.0625rem;
   --ds-width-100: 0.125rem;
 }

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

@@ -4,7 +4,7 @@
  * Token names mapped to their value in the default Atlassian themes ('light').
  * These default values are used by the Babel plugin to optionally provide automatic fallbacks.
  *
- * @codegen <<SignedSource::f5109afc580f9e67007907726883450e>>
+ * @codegen <<SignedSource::9c962af7a2afdab3160e3f3a2b285a8a>>
  * @codegenCommand yarn build tokens
  */
 const defaultTokenValues = {
@@ -14,6 +14,7 @@ const defaultTokenValues = {
   'border.radius.300': '0.75rem',
   'border.radius.400': '1rem',
   'border.radius.round': '50%',
+  'border.width.0': '0',
   'border.width.050': '0.0625rem',
   'border.width.100': '0.125rem',
   'color.text': '#172B4D',

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::0d28771b28a7bf28109534471c1383d4>>
+ * @codegen <<SignedSource::462a85d7e15b8fb4e0c4225b94e89903>>
  * @codegenCommand yarn build tokens
  */
 const tokens = {
@@ -10,6 +10,7 @@ const tokens = {
   'border.radius.300': '--ds-radius-300',
   'border.radius.400': '--ds-radius-400',
   'border.radius.round': '--ds-radius-round',
+  'border.width.0': '--ds-width-0',
   'border.width.050': '--ds-width-050',
   'border.width.100': '--ds-width-100',
   'color.text': '--ds-text',

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::c9a10991e5bb0b7dbbb35a5f644bceb0>>
+ * @codegen <<SignedSource::f4523de23a205d43950d1b24f656f952>>
  * @codegenCommand yarn build tokens
  */
 const tokens = [{
@@ -135,6 +135,28 @@ const tokens = [{
   "name": "border.radius.round",
   "path": ["border", "radius", "round"],
   "cleanName": "border.radius.round"
+}, {
+  "attributes": {
+    "group": "shape",
+    "state": "experimental",
+    "introduced": "1.2.1",
+    "description": "Experimental, description needs to be amended"
+  },
+  "value": "0",
+  "filePath": "src/tokens/atlassian-shape/shape.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "shape",
+      "state": "experimental",
+      "introduced": "1.2.1",
+      "description": "Experimental, description needs to be amended"
+    },
+    "value": "Size0"
+  },
+  "name": "border.width.0",
+  "path": ["border", "width", "0"],
+  "cleanName": "border.width.0"
 }, {
   "attributes": {
     "group": "shape",

package/dist/es2019/get-token-value.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 = "1.2.0";
+const version = "1.2.2";
 /**
  * Takes a dot-separated token name and and an optional fallback, and returns the current computed CSS value for the
  * resulting CSS Custom Property.

package/dist/es2019/get-token.js

@@ -2,7 +2,7 @@ import warnOnce from '@atlaskit/ds-lib/warn-once';
 import tokens from './artifacts/token-names';
 import { TOKEN_NOT_FOUND_CSS_VAR } from './constants';
 const name = "@atlaskit/tokens";
-const version = "1.2.0";
+const version = "1.2.2";
 /**
  * Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.
  * This should be used to implement design decisions throughout your application.

package/dist/es2019/palettes/shape-palette.js

@@ -3,6 +3,12 @@
  */
 
 const baseSizeTokens = {
+  Size0: {
+    value: '0',
+    attributes: {
+      group: 'shape'
+    }
+  },
   Size050: {
     value: '0.0625rem',
     attributes: {

package/dist/es2019/tokens/atlassian-shape/shape.js

@@ -5,6 +5,9 @@
 const shape = {
   border: {
     width: {
+      '0': {
+        value: 'Size0'
+      },
       '050': {
         value: 'Size050'
       },

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

@@ -1,6 +1,14 @@
 const shape = {
   border: {
     width: {
+      '0': {
+        attributes: {
+          group: 'shape',
+          state: 'experimental',
+          introduced: '1.2.1',
+          description: 'Experimental, description needs to be amended'
+        }
+      },
       '050': {
         attributes: {
           group: 'shape',

package/dist/es2019/version.json

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

package/dist/esm/artifacts/palettes-raw/shape-palette.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::f260aa650535ab5be564f74e1ff1a157>>
+ * @codegen <<SignedSource::d9adf6612a4bc5957b7824e1f32a76b2>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -93,6 +93,21 @@ var tokens = [{
   },
   "name": "border.radius.RadiusCircle",
   "path": ["border", "radius", "RadiusCircle"]
+}, {
+  "value": "0",
+  "attributes": {
+    "group": "shape"
+  },
+  "filePath": "src/palettes/shape-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": "0",
+    "attributes": {
+      "group": "shape"
+    }
+  },
+  "name": "border.width.Size0",
+  "path": ["border", "width", "Size0"]
 }, {
   "value": "0.0625rem",
   "attributes": {

package/dist/esm/artifacts/themes/atlassian-shape.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::309f92a792656831b0e137b75ca1156f>>
+ * @codegen <<SignedSource::e1827dff880ab23a73ac703dfb8f2018>>
  * @codegenCommand yarn build tokens
  */
-export default "\nhtml[data-theme~=\"shape:shape\"] {\n  --ds-radius-050: 0.125rem;\n  --ds-radius-100: 0.25rem;\n  --ds-radius-200: 0.5rem;\n  --ds-radius-300: 0.75rem;\n  --ds-radius-400: 1rem;\n  --ds-radius-round: 50%;\n  --ds-width-050: 0.0625rem;\n  --ds-width-100: 0.125rem;\n}\n";
+export default "\nhtml[data-theme~=\"shape:shape\"] {\n  --ds-radius-050: 0.125rem;\n  --ds-radius-100: 0.25rem;\n  --ds-radius-200: 0.5rem;\n  --ds-radius-300: 0.75rem;\n  --ds-radius-400: 1rem;\n  --ds-radius-round: 50%;\n  --ds-width-0: 0;\n  --ds-width-050: 0.0625rem;\n  --ds-width-100: 0.125rem;\n}\n";

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

@@ -4,7 +4,7 @@
  * Token names mapped to their value in the default Atlassian themes ('light').
  * These default values are used by the Babel plugin to optionally provide automatic fallbacks.
  *
- * @codegen <<SignedSource::f5109afc580f9e67007907726883450e>>
+ * @codegen <<SignedSource::9c962af7a2afdab3160e3f3a2b285a8a>>
  * @codegenCommand yarn build tokens
  */
 var defaultTokenValues = {
@@ -14,6 +14,7 @@ var defaultTokenValues = {
   'border.radius.300': '0.75rem',
   'border.radius.400': '1rem',
   'border.radius.round': '50%',
+  'border.width.0': '0',
   'border.width.050': '0.0625rem',
   'border.width.100': '0.125rem',
   'color.text': '#172B4D',

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::0d28771b28a7bf28109534471c1383d4>>
+ * @codegen <<SignedSource::462a85d7e15b8fb4e0c4225b94e89903>>
  * @codegenCommand yarn build tokens
  */
 var tokens = {
@@ -10,6 +10,7 @@ var tokens = {
   'border.radius.300': '--ds-radius-300',
   'border.radius.400': '--ds-radius-400',
   'border.radius.round': '--ds-radius-round',
+  'border.width.0': '--ds-width-0',
   'border.width.050': '--ds-width-050',
   'border.width.100': '--ds-width-100',
   'color.text': '--ds-text',

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::c9a10991e5bb0b7dbbb35a5f644bceb0>>
+ * @codegen <<SignedSource::f4523de23a205d43950d1b24f656f952>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -135,6 +135,28 @@ var tokens = [{
   "name": "border.radius.round",
   "path": ["border", "radius", "round"],
   "cleanName": "border.radius.round"
+}, {
+  "attributes": {
+    "group": "shape",
+    "state": "experimental",
+    "introduced": "1.2.1",
+    "description": "Experimental, description needs to be amended"
+  },
+  "value": "0",
+  "filePath": "src/tokens/atlassian-shape/shape.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "shape",
+      "state": "experimental",
+      "introduced": "1.2.1",
+      "description": "Experimental, description needs to be amended"
+    },
+    "value": "Size0"
+  },
+  "name": "border.width.0",
+  "path": ["border", "width", "0"],
+  "cleanName": "border.width.0"
 }, {
   "attributes": {
     "group": "shape",

package/dist/esm/get-token-value.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 = "1.2.0";
+var version = "1.2.2";
 /**
  * Takes a dot-separated token name and and an optional fallback, and returns the current computed CSS value for the
  * resulting CSS Custom Property.

package/dist/esm/get-token.js

@@ -2,7 +2,7 @@ import warnOnce from '@atlaskit/ds-lib/warn-once';
 import tokens from './artifacts/token-names';
 import { TOKEN_NOT_FOUND_CSS_VAR } from './constants';
 var name = "@atlaskit/tokens";
-var version = "1.2.0";
+var version = "1.2.2";
 /**
  * Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.
  * This should be used to implement design decisions throughout your application.

package/dist/esm/palettes/shape-palette.js

@@ -3,6 +3,12 @@
  */
 
 var baseSizeTokens = {
+  Size0: {
+    value: '0',
+    attributes: {
+      group: 'shape'
+    }
+  },
   Size050: {
     value: '0.0625rem',
     attributes: {

package/dist/esm/tokens/atlassian-shape/shape.js

@@ -5,6 +5,9 @@
 var shape = {
   border: {
     width: {
+      '0': {
+        value: 'Size0'
+      },
       '050': {
         value: 'Size050'
       },

package/dist/esm/tokens/default/shape/shape.js

@@ -1,6 +1,14 @@
 var shape = {
   border: {
     width: {
+      '0': {
+        attributes: {
+          group: 'shape',
+          state: 'experimental',
+          introduced: '1.2.1',
+          description: 'Experimental, description needs to be amended'
+        }
+      },
       '050': {
         attributes: {
           group: 'shape',

package/dist/esm/version.json

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

package/dist/types/artifacts/palettes-raw/shape-palette.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::f260aa650535ab5be564f74e1ff1a157>>
+ * @codegen <<SignedSource::d9adf6612a4bc5957b7824e1f32a76b2>>
  * @codegenCommand yarn build tokens
  */
 declare const tokens: {

package/dist/types/artifacts/themes/atlassian-shape.d.ts

@@ -1,7 +1,7 @@
-declare const _default: "\nhtml[data-theme~=\"shape:shape\"] {\n  --ds-radius-050: 0.125rem;\n  --ds-radius-100: 0.25rem;\n  --ds-radius-200: 0.5rem;\n  --ds-radius-300: 0.75rem;\n  --ds-radius-400: 1rem;\n  --ds-radius-round: 50%;\n  --ds-width-050: 0.0625rem;\n  --ds-width-100: 0.125rem;\n}\n";
+declare const _default: "\nhtml[data-theme~=\"shape:shape\"] {\n  --ds-radius-050: 0.125rem;\n  --ds-radius-100: 0.25rem;\n  --ds-radius-200: 0.5rem;\n  --ds-radius-300: 0.75rem;\n  --ds-radius-400: 1rem;\n  --ds-radius-round: 50%;\n  --ds-width-0: 0;\n  --ds-width-050: 0.0625rem;\n  --ds-width-100: 0.125rem;\n}\n";
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::309f92a792656831b0e137b75ca1156f>>
+ * @codegen <<SignedSource::e1827dff880ab23a73ac703dfb8f2018>>
  * @codegenCommand yarn build tokens
  */
 export default _default;

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

@@ -4,7 +4,7 @@
  * Token names mapped to their value in the default Atlassian themes ('light').
  * These default values are used by the Babel plugin to optionally provide automatic fallbacks.
  *
- * @codegen <<SignedSource::f5109afc580f9e67007907726883450e>>
+ * @codegen <<SignedSource::9c962af7a2afdab3160e3f3a2b285a8a>>
  * @codegenCommand yarn build tokens
  */
 declare const defaultTokenValues: {
@@ -14,6 +14,7 @@ declare const defaultTokenValues: {
     readonly 'border.radius.300': "0.75rem";
     readonly 'border.radius.400': "1rem";
     readonly 'border.radius.round': "50%";
+    readonly 'border.width.0': "0";
     readonly 'border.width.050': "0.0625rem";
     readonly 'border.width.100': "0.125rem";
     readonly 'color.text': "#172B4D";

package/dist/types/artifacts/token-names.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::0d28771b28a7bf28109534471c1383d4>>
+ * @codegen <<SignedSource::462a85d7e15b8fb4e0c4225b94e89903>>
  * @codegenCommand yarn build tokens
  */
 declare const tokens: {
@@ -10,6 +10,7 @@ declare const tokens: {
     readonly 'border.radius.300': "--ds-radius-300";
     readonly 'border.radius.400': "--ds-radius-400";
     readonly 'border.radius.round': "--ds-radius-round";
+    readonly 'border.width.0': "--ds-width-0";
     readonly 'border.width.050': "--ds-width-050";
     readonly 'border.width.100': "--ds-width-100";
     readonly 'color.text': "--ds-text";
@@ -340,6 +341,7 @@ export declare type CSSTokenMap = {
     'border.radius.300': 'var(--ds-radius-300)';
     'border.radius.400': 'var(--ds-radius-400)';
     'border.radius.round': 'var(--ds-radius-round)';
+    'border.width.0': 'var(--ds-width-0)';
     'border.width.050': 'var(--ds-width-050)';
     'border.width.100': 'var(--ds-width-100)';
     'color.text': 'var(--ds-text)';

package/dist/types/artifacts/tokens-raw/atlassian-shape.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::c9a10991e5bb0b7dbbb35a5f644bceb0>>
+ * @codegen <<SignedSource::f4523de23a205d43950d1b24f656f952>>
  * @codegenCommand yarn build tokens
  */
 declare const tokens: {

package/dist/types/palettes/shape-palette.d.ts

@@ -6,6 +6,12 @@ export declare type ShapePaletteToken = BaseRadiusToken | BaseSizeToken;
 export declare type BaseSizeToken = keyof typeof baseSizeTokens;
 export declare type BaseRadiusToken = keyof typeof baseRadiusTokens;
 declare const baseSizeTokens: {
+    readonly Size0: {
+        readonly value: "0";
+        readonly attributes: {
+            readonly group: "shape";
+        };
+    };
     readonly Size050: {
         readonly value: "0.0625rem";
         readonly attributes: {

package/dist/types/types.d.ts

@@ -768,6 +768,7 @@ export interface SpacingTokenSchema {
 export interface ShapeTokenSchema {
     border: {
         width: {
+            '0': ShapeToken;
             '050': ShapeToken;
             '100': ShapeToken;
         };

package/figma/atlassian-shape.json

@@ -55,6 +55,15 @@
       },
       "value": "50%"
     },
+    "Shape/border.width.0": {
+      "attributes": {
+        "group": "shape",
+        "state": "experimental",
+        "introduced": "1.2.1",
+        "description": "Experimental, description needs to be amended"
+      },
+      "value": "0"
+    },
     "Shape/border.width.050": {
       "attributes": {
         "group": "shape",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/tokens",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "author": "Atlassian Pty Ltd",
   "description": "Design tokens are the single source of truth to name and store design decisions.",
   "license": "Apache-2.0",
@@ -8,7 +8,6 @@
     "registry": "https://registry.npmjs.org/"
   },
   "atlassian": {
-    "disableProductCI": true,
     "team": "Design System Team",
     "releaseModel": "continuous",
     "website": {
@@ -67,15 +66,17 @@
     "@atlaskit/checkbox": "^12.4.0",
     "@atlaskit/code": "^14.4.5",
     "@atlaskit/docs": "^9.0.10",
-    "@atlaskit/dropdown-menu": "^11.5.0",
+    "@atlaskit/dropdown-menu": "^11.6.0",
     "@atlaskit/ds-explorations": "^2.0.0",
     "@atlaskit/dynamic-table": "^14.8.0",
     "@atlaskit/empty-state": "^7.4.0",
     "@atlaskit/focus-ring": "^1.2.0",
+    "@atlaskit/grid": "^0.7.0",
     "@atlaskit/heading": "^1.1.0",
     "@atlaskit/icon": "^21.11.0",
     "@atlaskit/lozenge": "^11.3.0",
     "@atlaskit/modal-dialog": "^12.4.0",
+    "@atlaskit/primitives": "^0.2.0",
     "@atlaskit/section-message": "^6.3.0",
     "@atlaskit/tabs": "^13.3.0",
     "@atlaskit/tag": "^11.4.0",

package/report.api.md

@@ -28,6 +28,7 @@ type CSSTokenMap = {
   'border.radius.300': 'var(--ds-radius-300)';
   'border.radius.400': 'var(--ds-radius-400)';
   'border.radius.round': 'var(--ds-radius-round)';
+  'border.width.0': 'var(--ds-width-0)';
   'border.width.050': 'var(--ds-width-050)';
   'border.width.100': 'var(--ds-width-100)';
   'color.text': 'var(--ds-text)';
@@ -522,6 +523,7 @@ const tokens: {
   readonly 'border.radius.300': '--ds-radius-300';
   readonly 'border.radius.400': '--ds-radius-400';
   readonly 'border.radius.round': '--ds-radius-round';
+  readonly 'border.width.0': '--ds-width-0';
   readonly 'border.width.050': '--ds-width-050';
   readonly 'border.width.100': '--ds-width-100';
   readonly 'color.text': '--ds-text';

package/tmp/api-report-tmp.d.ts

@@ -17,6 +17,7 @@ type CSSTokenMap = {
     'border.radius.300': 'var(--ds-radius-300)';
     'border.radius.400': 'var(--ds-radius-400)';
     'border.radius.round': 'var(--ds-radius-round)';
+    'border.width.0': 'var(--ds-width-0)';
     'border.width.050': 'var(--ds-width-050)';
     'border.width.100': 'var(--ds-width-100)';
     'color.text': 'var(--ds-text)';
@@ -462,6 +463,7 @@ const tokens: {
     readonly 'border.radius.300': "--ds-radius-300";
     readonly 'border.radius.400': "--ds-radius-400";
     readonly 'border.radius.round': "--ds-radius-round";
+    readonly 'border.width.0': "--ds-width-0";
     readonly 'border.width.050': "--ds-width-050";
     readonly 'border.width.100': "--ds-width-100";
     readonly 'color.text': "--ds-text";