@atlaskit/tokens 1.10.2 → 1.11.1

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/tokens
 
+## 1.11.1
+
+### Patch Changes
+
+- [`7053f18ecc5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7053f18ecc5) - Added suggest metadata to shape tokens to aid future migration suggestions.
+- [`ba43427b3e8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ba43427b3e8) - Internal changes to account for introduction of shape/radius tokens.
+
+## 1.11.0
+
+### Minor Changes
+
+- [`c96e003db64`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c96e003db64) - Following on from 1.7.0, shape tokens are no longer being enabled behind a feature flag. Only space tokens will be enabled by default when the feature flag is active.
+
 ## 1.10.2
 
 ### Patch Changes

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::ba57ec0a6991ab386479b6c9006397ba>>
+ * @codegen <<SignedSource::b929a0286651ecabd7f635e23b71f002>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -144,6 +144,21 @@ var tokens = [{
   },
   "name": "border.width.Size100",
   "path": ["border", "width", "Size100"]
+}, {
+  "value": "3px",
+  "attributes": {
+    "group": "shape"
+  },
+  "filePath": "src/palettes/shape-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": 3,
+    "attributes": {
+      "group": "shape"
+    }
+  },
+  "name": "border.width.Size200",
+  "path": ["border", "width", "Size200"]
 }];
 var _default = tokens;
 exports.default = _default;

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::861a4448ac467155c8290f2b211e99c5>>
+ * @codegen <<SignedSource::57c7e229053412965e492af01b042778>>
  * @codegenCommand yarn build tokens
  */
-var _default = "\nhtml[data-theme~=\"shape:shape\"] {\n  --ds-border-radius-050: 0.125rem;\n  --ds-border-radius: 0.25rem;\n  --ds-border-radius-100: 0.25rem;\n  --ds-border-radius-200: 0.5rem;\n  --ds-border-radius-300: 0.75rem;\n  --ds-border-radius-400: 1rem;\n  --ds-border-radius-circle: 2002rem;\n  --ds-border-width: 0.0625rem;\n  --ds-border-width-0: 0rem;\n  --ds-border-width-050: 0.0625rem;\n  --ds-border-width-100: 0.125rem;\n}\n";
+var _default = "\nhtml[data-theme~=\"shape:shape\"] {\n  --ds-border-radius-050: 0.125rem;\n  --ds-border-radius: 0.25rem;\n  --ds-border-radius-100: 0.25rem;\n  --ds-border-radius-200: 0.5rem;\n  --ds-border-radius-300: 0.75rem;\n  --ds-border-radius-400: 1rem;\n  --ds-border-radius-circle: 2002rem;\n  --ds-border-width: 0.0625rem;\n  --ds-border-width-0: 0rem;\n  --ds-border-width-indicator: 0.1875rem;\n  --ds-border-width-outline: 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::5d1a0a49014fb279849c19fdd2909317>>
+ * @codegen <<SignedSource::a2442c19bc018ff0c9f4f96c2bfa54ab>>
  * @codegenCommand yarn build tokens
  */
 var defaultTokenValues = {
@@ -323,8 +323,8 @@ var defaultTokenValues = {
   'border.radius.circle': '2002rem',
   'border.width': '0.0625rem',
   'border.width.0': '0rem',
-  'border.width.050': '0.0625rem',
-  'border.width.100': '0.125rem',
+  'border.width.indicator': '0.1875rem',
+  'border.width.outline': '0.125rem',
   'space.0': '0rem',
   'space.025': '0.125rem',
   'space.050': '0.25rem',

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::87bc2dd9f7bab2c43fbdcafbd9e9e3ac>>
+ * @codegen <<SignedSource::0c77b46d428791fb0288b991d64320bc>>
  * @codegenCommand yarn build tokens
  */
 var tokens = {
@@ -319,8 +319,8 @@ var tokens = {
   'border.radius.circle': '--ds-border-radius-circle',
   'border.width': '--ds-border-width',
   'border.width.0': '--ds-border-width-0',
-  'border.width.050': '--ds-border-width-050',
-  'border.width.100': '--ds-border-width-100',
+  'border.width.indicator': '--ds-border-width-indicator',
+  'border.width.outline': '--ds-border-width-outline',
   'space.0': '--ds-space-0',
   'space.025': '--ds-space-025',
   'space.050': '--ds-space-050',

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::8b50feb722f3a686c5a45c85ec5545b2>>
+ * @codegen <<SignedSource::475f699859423669fdb3de04f32b3560>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -35,6 +35,7 @@ var tokens = [{
   "attributes": {
     "group": "shape",
     "state": "active",
+    "suggest": ["3px", "4px"],
     "introduced": "1.5.2",
     "description": "The default border radius."
   },
@@ -45,6 +46,7 @@ var tokens = [{
     "attributes": {
       "group": "shape",
       "state": "active",
+      "suggest": ["3px", "4px"],
       "introduced": "1.5.2",
       "description": "The default border radius."
     },
@@ -145,6 +147,7 @@ var tokens = [{
   "attributes": {
     "group": "shape",
     "state": "active",
+    "suggest": ["50%"],
     "introduced": "1.1.0",
     "description": "Used for circular containers, like a rounded button."
   },
@@ -155,6 +158,7 @@ var tokens = [{
     "attributes": {
       "group": "shape",
       "state": "active",
+      "suggest": ["50%"],
       "introduced": "1.1.0",
       "description": "Used for circular containers, like a rounded button."
     },
@@ -167,8 +171,9 @@ var tokens = [{
   "attributes": {
     "group": "shape",
     "state": "active",
+    "suggest": ["1px", "2px"],
     "introduced": "1.5.2",
-    "description": "The default border width."
+    "description": "The default border width. Used for all borders."
   },
   "value": "1px",
   "filePath": "src/tokens/atlassian-shape/shape.tsx",
@@ -177,8 +182,9 @@ var tokens = [{
     "attributes": {
       "group": "shape",
       "state": "active",
+      "suggest": ["1px", "2px"],
       "introduced": "1.5.2",
-      "description": "The default border width."
+      "description": "The default border width. Used for all borders."
     },
     "value": "Size050"
   },
@@ -190,7 +196,7 @@ var tokens = [{
     "group": "shape",
     "state": "experimental",
     "introduced": "1.2.1",
-    "description": "Experimental, description needs to be amended"
+    "description": "Used for zero width borders."
   },
   "value": "0px",
   "filePath": "src/tokens/atlassian-shape/shape.tsx",
@@ -200,7 +206,7 @@ var tokens = [{
       "group": "shape",
       "state": "experimental",
       "introduced": "1.2.1",
-      "description": "Experimental, description needs to be amended"
+      "description": "Used for zero width borders."
     },
     "value": "Size0"
   },
@@ -211,30 +217,30 @@ var tokens = [{
   "attributes": {
     "group": "shape",
     "state": "active",
-    "introduced": "1.1.0",
-    "description": "Used for all borders and dividers."
+    "introduced": "1.5.2",
+    "description": "Used for indicators like tab and menu selected states."
   },
-  "value": "1px",
+  "value": "3px",
   "filePath": "src/tokens/atlassian-shape/shape.tsx",
   "isSource": true,
   "original": {
     "attributes": {
       "group": "shape",
       "state": "active",
-      "introduced": "1.1.0",
-      "description": "Used for all borders and dividers."
+      "introduced": "1.5.2",
+      "description": "Used for indicators like tab and menu selected states."
     },
-    "value": "Size050"
+    "value": "Size200"
   },
-  "name": "border.width.050",
-  "path": ["border", "width", "050"],
-  "cleanName": "border.width.050"
+  "name": "border.width.indicator",
+  "path": ["border", "width", "indicator"],
+  "cleanName": "border.width.indicator"
 }, {
   "attributes": {
     "group": "shape",
     "state": "active",
-    "introduced": "1.1.0",
-    "description": "Used for bolder dividers and interaction states."
+    "introduced": "1.5.2",
+    "description": "Used for focus, active or selected inputs."
   },
   "value": "2px",
   "filePath": "src/tokens/atlassian-shape/shape.tsx",
@@ -243,14 +249,14 @@ var tokens = [{
     "attributes": {
       "group": "shape",
       "state": "active",
-      "introduced": "1.1.0",
-      "description": "Used for bolder dividers and interaction states."
+      "introduced": "1.5.2",
+      "description": "Used for focus, active or selected inputs."
     },
     "value": "Size100"
   },
-  "name": "border.width.100",
-  "path": ["border", "width", "100"],
-  "cleanName": "border.width.100"
+  "name": "border.width.outline",
+  "path": ["border", "width", "outline"],
+  "cleanName": "border.width.outline"
 }];
 var _default = tokens;
 exports.default = _default;

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.10.2";
+var version = "1.11.1";
 /**
  * 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.10.2";
+var version = "1.11.1";
 /**
  * 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

@@ -26,6 +26,12 @@ var baseSizeTokens = {
     attributes: {
       group: 'shape'
     }
+  },
+  Size200: {
+    value: 3,
+    attributes: {
+      group: 'shape'
+    }
   }
 };
 var baseRadiusTokens = {

package/dist/cjs/set-global-theme.js

@@ -61,9 +61,6 @@ var getThemePreferences = function getThemePreferences(themeState) {
 
   // Load shape and spacing by default, currently behind a feature flag
   if ((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.space-and-shape-tokens_q5me6')) {
-    if (!themePreferences.includes('shape')) {
-      themePreferences.push('shape');
-    }
     if (!themePreferences.includes('spacing')) {
       themePreferences.push('spacing');
     }
@@ -300,12 +297,12 @@ var getThemeHtmlAttrs = function getThemeHtmlAttrs() {
     typography: typography
   };
 
-  // Load shape and spacing by default, currently behind a feature flag
+  // Load spacing by default, currently behind a feature flag
   if ((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.space-and-shape-tokens_q5me6')) {
     themePreferences = {
       dark: dark,
       light: light,
-      shape: 'shape',
+      shape: shape,
       spacing: 'spacing',
       typography: typography
     };

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

@@ -17,11 +17,11 @@ var shape = {
       '0': {
         value: 'Size0'
       },
-      '050': {
-        value: 'Size050'
-      },
-      '100': {
+      outline: {
         value: 'Size100'
+      },
+      indicator: {
+        value: 'Size200'
       }
     },
     radius: {

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

@@ -11,8 +11,9 @@ var shape = {
         attributes: {
           group: 'shape',
           state: 'active',
+          suggest: ['1px', '2px'],
           introduced: '1.5.2',
-          description: 'The default border width.'
+          description: 'The default border width. Used for all borders.'
         }
       },
       '0': {
@@ -20,23 +21,23 @@ var shape = {
           group: 'shape',
           state: 'experimental',
           introduced: '1.2.1',
-          description: 'Experimental, description needs to be amended'
+          description: 'Used for zero width borders.'
         }
       },
-      '050': {
+      outline: {
         attributes: {
           group: 'shape',
           state: 'active',
-          introduced: '1.1.0',
-          description: 'Used for all borders and dividers.'
+          introduced: '1.5.2',
+          description: 'Used for focus, active or selected inputs.'
         }
       },
-      '100': {
+      indicator: {
         attributes: {
           group: 'shape',
           state: 'active',
-          introduced: '1.1.0',
-          description: 'Used for bolder dividers and interaction states.'
+          introduced: '1.5.2',
+          description: 'Used for indicators like tab and menu selected states.'
         }
       }
     },
@@ -45,6 +46,7 @@ var shape = {
         attributes: {
           group: 'shape',
           state: 'active',
+          suggest: ['3px', '4px'],
           introduced: '1.5.2',
           description: 'The default border radius.'
         }
@@ -93,6 +95,7 @@ var shape = {
         attributes: {
           group: 'shape',
           state: 'active',
+          suggest: ['50%'],
           introduced: '1.1.0',
           description: 'Used for circular containers, like a rounded button.'
         }

package/dist/cjs/version.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/tokens",
-	"version": "1.10.2",
+	"version": "1.11.1",
 	"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::ba57ec0a6991ab386479b6c9006397ba>>
+ * @codegen <<SignedSource::b929a0286651ecabd7f635e23b71f002>>
  * @codegenCommand yarn build tokens
  */
 const tokens = [{
@@ -138,5 +138,20 @@ const tokens = [{
   },
   "name": "border.width.Size100",
   "path": ["border", "width", "Size100"]
+}, {
+  "value": "3px",
+  "attributes": {
+    "group": "shape"
+  },
+  "filePath": "src/palettes/shape-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": 3,
+    "attributes": {
+      "group": "shape"
+    }
+  },
+  "name": "border.width.Size200",
+  "path": ["border", "width", "Size200"]
 }];
 export default tokens;

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::861a4448ac467155c8290f2b211e99c5>>
+ * @codegen <<SignedSource::57c7e229053412965e492af01b042778>>
  * @codegenCommand yarn build tokens
  */
 export default `
@@ -14,7 +14,7 @@ html[data-theme~="shape:shape"] {
   --ds-border-radius-circle: 2002rem;
   --ds-border-width: 0.0625rem;
   --ds-border-width-0: 0rem;
-  --ds-border-width-050: 0.0625rem;
-  --ds-border-width-100: 0.125rem;
+  --ds-border-width-indicator: 0.1875rem;
+  --ds-border-width-outline: 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::5d1a0a49014fb279849c19fdd2909317>>
+ * @codegen <<SignedSource::a2442c19bc018ff0c9f4f96c2bfa54ab>>
  * @codegenCommand yarn build tokens
  */
 const defaultTokenValues = {
@@ -317,8 +317,8 @@ const defaultTokenValues = {
   'border.radius.circle': '2002rem',
   'border.width': '0.0625rem',
   'border.width.0': '0rem',
-  'border.width.050': '0.0625rem',
-  'border.width.100': '0.125rem',
+  'border.width.indicator': '0.1875rem',
+  'border.width.outline': '0.125rem',
   'space.0': '0rem',
   'space.025': '0.125rem',
   'space.050': '0.25rem',

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::87bc2dd9f7bab2c43fbdcafbd9e9e3ac>>
+ * @codegen <<SignedSource::0c77b46d428791fb0288b991d64320bc>>
  * @codegenCommand yarn build tokens
  */
 const tokens = {
@@ -313,8 +313,8 @@ const tokens = {
   'border.radius.circle': '--ds-border-radius-circle',
   'border.width': '--ds-border-width',
   'border.width.0': '--ds-border-width-0',
-  'border.width.050': '--ds-border-width-050',
-  'border.width.100': '--ds-border-width-100',
+  'border.width.indicator': '--ds-border-width-indicator',
+  'border.width.outline': '--ds-border-width-outline',
   'space.0': '--ds-space-0',
   'space.025': '--ds-space-025',
   'space.050': '--ds-space-050',

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::8b50feb722f3a686c5a45c85ec5545b2>>
+ * @codegen <<SignedSource::475f699859423669fdb3de04f32b3560>>
  * @codegenCommand yarn build tokens
  */
 const tokens = [{
@@ -29,6 +29,7 @@ const tokens = [{
   "attributes": {
     "group": "shape",
     "state": "active",
+    "suggest": ["3px", "4px"],
     "introduced": "1.5.2",
     "description": "The default border radius."
   },
@@ -39,6 +40,7 @@ const tokens = [{
     "attributes": {
       "group": "shape",
       "state": "active",
+      "suggest": ["3px", "4px"],
       "introduced": "1.5.2",
       "description": "The default border radius."
     },
@@ -139,6 +141,7 @@ const tokens = [{
   "attributes": {
     "group": "shape",
     "state": "active",
+    "suggest": ["50%"],
     "introduced": "1.1.0",
     "description": "Used for circular containers, like a rounded button."
   },
@@ -149,6 +152,7 @@ const tokens = [{
     "attributes": {
       "group": "shape",
       "state": "active",
+      "suggest": ["50%"],
       "introduced": "1.1.0",
       "description": "Used for circular containers, like a rounded button."
     },
@@ -161,8 +165,9 @@ const tokens = [{
   "attributes": {
     "group": "shape",
     "state": "active",
+    "suggest": ["1px", "2px"],
     "introduced": "1.5.2",
-    "description": "The default border width."
+    "description": "The default border width. Used for all borders."
   },
   "value": "1px",
   "filePath": "src/tokens/atlassian-shape/shape.tsx",
@@ -171,8 +176,9 @@ const tokens = [{
     "attributes": {
       "group": "shape",
       "state": "active",
+      "suggest": ["1px", "2px"],
       "introduced": "1.5.2",
-      "description": "The default border width."
+      "description": "The default border width. Used for all borders."
     },
     "value": "Size050"
   },
@@ -184,7 +190,7 @@ const tokens = [{
     "group": "shape",
     "state": "experimental",
     "introduced": "1.2.1",
-    "description": "Experimental, description needs to be amended"
+    "description": "Used for zero width borders."
   },
   "value": "0px",
   "filePath": "src/tokens/atlassian-shape/shape.tsx",
@@ -194,7 +200,7 @@ const tokens = [{
       "group": "shape",
       "state": "experimental",
       "introduced": "1.2.1",
-      "description": "Experimental, description needs to be amended"
+      "description": "Used for zero width borders."
     },
     "value": "Size0"
   },
@@ -205,30 +211,30 @@ const tokens = [{
   "attributes": {
     "group": "shape",
     "state": "active",
-    "introduced": "1.1.0",
-    "description": "Used for all borders and dividers."
+    "introduced": "1.5.2",
+    "description": "Used for indicators like tab and menu selected states."
   },
-  "value": "1px",
+  "value": "3px",
   "filePath": "src/tokens/atlassian-shape/shape.tsx",
   "isSource": true,
   "original": {
     "attributes": {
       "group": "shape",
       "state": "active",
-      "introduced": "1.1.0",
-      "description": "Used for all borders and dividers."
+      "introduced": "1.5.2",
+      "description": "Used for indicators like tab and menu selected states."
     },
-    "value": "Size050"
+    "value": "Size200"
   },
-  "name": "border.width.050",
-  "path": ["border", "width", "050"],
-  "cleanName": "border.width.050"
+  "name": "border.width.indicator",
+  "path": ["border", "width", "indicator"],
+  "cleanName": "border.width.indicator"
 }, {
   "attributes": {
     "group": "shape",
     "state": "active",
-    "introduced": "1.1.0",
-    "description": "Used for bolder dividers and interaction states."
+    "introduced": "1.5.2",
+    "description": "Used for focus, active or selected inputs."
   },
   "value": "2px",
   "filePath": "src/tokens/atlassian-shape/shape.tsx",
@@ -237,13 +243,13 @@ const tokens = [{
     "attributes": {
       "group": "shape",
       "state": "active",
-      "introduced": "1.1.0",
-      "description": "Used for bolder dividers and interaction states."
+      "introduced": "1.5.2",
+      "description": "Used for focus, active or selected inputs."
     },
     "value": "Size100"
   },
-  "name": "border.width.100",
-  "path": ["border", "width", "100"],
-  "cleanName": "border.width.100"
+  "name": "border.width.outline",
+  "path": ["border", "width", "outline"],
+  "cleanName": "border.width.outline"
 }];
 export default tokens;

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.10.2";
+const version = "1.11.1";
 /**
  * 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.10.2";
+const version = "1.11.1";
 /**
  * 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

@@ -20,6 +20,12 @@ const baseSizeTokens = {
     attributes: {
       group: 'shape'
     }
+  },
+  Size200: {
+    value: 3,
+    attributes: {
+      group: 'shape'
+    }
   }
 };
 const baseRadiusTokens = {