@atlaskit/tokens 6.5.0 → 7.0.0

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::ed8b341bea9e633d9bf846cc430b9b60>>
+ * @codegen <<SignedSource::884d9496e85b87859f0c8ef41167280b>>
  * @codegenCommand yarn build tokens
  */
 
@@ -176,174 +176,6 @@ var tokens = [{
   "name": "radius.tile",
   "path": ["radius", "tile"],
   "cleanName": "radius.tile"
-}, {
-  "attributes": {
-    "group": "shape",
-    "state": "deprecated",
-    "introduced": "1.5.2",
-    "deprecated": "6.1.0",
-    "description": "The default border radius."
-  },
-  "value": "4px",
-  "filePath": "schema/themes/atlassian-shape/shape.tsx",
-  "isSource": true,
-  "original": {
-    "attributes": {
-      "group": "shape",
-      "state": "deprecated",
-      "introduced": "1.5.2",
-      "deprecated": "6.1.0",
-      "description": "The default border radius."
-    },
-    "value": "Radius04"
-  },
-  "name": "border.radius.[default]",
-  "path": ["border", "radius", "[default]"],
-  "cleanName": "border.radius"
-}, {
-  "attributes": {
-    "group": "shape",
-    "state": "deprecated",
-    "introduced": "1.1.0",
-    "deprecated": "6.1.0",
-    "description": "Used for selection indicators, like tabs."
-  },
-  "value": "2px",
-  "filePath": "schema/themes/atlassian-shape/shape.tsx",
-  "isSource": true,
-  "original": {
-    "attributes": {
-      "group": "shape",
-      "state": "deprecated",
-      "introduced": "1.1.0",
-      "deprecated": "6.1.0",
-      "description": "Used for selection indicators, like tabs."
-    },
-    "value": "Radius02"
-  },
-  "name": "border.radius.050",
-  "path": ["border", "radius", "050"],
-  "cleanName": "border.radius.050"
-}, {
-  "attributes": {
-    "group": "shape",
-    "state": "deprecated",
-    "introduced": "1.1.0",
-    "deprecated": "6.1.0",
-    "description": "Used for buttons and inputs."
-  },
-  "value": "4px",
-  "filePath": "schema/themes/atlassian-shape/shape.tsx",
-  "isSource": true,
-  "original": {
-    "attributes": {
-      "group": "shape",
-      "state": "deprecated",
-      "introduced": "1.1.0",
-      "deprecated": "6.1.0",
-      "description": "Used for buttons and inputs."
-    },
-    "value": "Radius04"
-  },
-  "name": "border.radius.100",
-  "path": ["border", "radius", "100"],
-  "cleanName": "border.radius.100"
-}, {
-  "attributes": {
-    "group": "shape",
-    "state": "deprecated",
-    "introduced": "1.1.0",
-    "deprecated": "6.1.0",
-    "description": "Used for smaller cards."
-  },
-  "value": "8px",
-  "filePath": "schema/themes/atlassian-shape/shape.tsx",
-  "isSource": true,
-  "original": {
-    "attributes": {
-      "group": "shape",
-      "state": "deprecated",
-      "introduced": "1.1.0",
-      "deprecated": "6.1.0",
-      "description": "Used for smaller cards."
-    },
-    "value": "Radius08"
-  },
-  "name": "border.radius.200",
-  "path": ["border", "radius", "200"],
-  "cleanName": "border.radius.200"
-}, {
-  "attributes": {
-    "group": "shape",
-    "state": "deprecated",
-    "introduced": "1.1.0",
-    "deprecated": "6.1.0",
-    "description": "Used for cards and larger containers."
-  },
-  "value": "12px",
-  "filePath": "schema/themes/atlassian-shape/shape.tsx",
-  "isSource": true,
-  "original": {
-    "attributes": {
-      "group": "shape",
-      "state": "deprecated",
-      "introduced": "1.1.0",
-      "deprecated": "6.1.0",
-      "description": "Used for cards and larger containers."
-    },
-    "value": "Radius12"
-  },
-  "name": "border.radius.300",
-  "path": ["border", "radius", "300"],
-  "cleanName": "border.radius.300"
-}, {
-  "attributes": {
-    "group": "shape",
-    "state": "deprecated",
-    "introduced": "1.1.0",
-    "deprecated": "6.1.0",
-    "description": "Used for modals."
-  },
-  "value": "16px",
-  "filePath": "schema/themes/atlassian-shape/shape.tsx",
-  "isSource": true,
-  "original": {
-    "attributes": {
-      "group": "shape",
-      "state": "deprecated",
-      "introduced": "1.1.0",
-      "deprecated": "6.1.0",
-      "description": "Used for modals."
-    },
-    "value": "Radius16"
-  },
-  "name": "border.radius.400",
-  "path": ["border", "radius", "400"],
-  "cleanName": "border.radius.400"
-}, {
-  "attributes": {
-    "group": "shape",
-    "state": "deprecated",
-    "introduced": "1.1.0",
-    "deprecated": "6.1.0",
-    "description": "Used for circular containers, like a rounded button."
-  },
-  "value": "9999px",
-  "filePath": "schema/themes/atlassian-shape/shape.tsx",
-  "isSource": true,
-  "original": {
-    "attributes": {
-      "group": "shape",
-      "state": "deprecated",
-      "introduced": "1.1.0",
-      "deprecated": "6.1.0",
-      "description": "Used for circular containers, like a rounded button."
-    },
-    "value": "Radius99"
-  },
-  "name": "border.radius.circle",
-  "path": ["border", "radius", "circle"],
-  "cleanName": "border.radius.circle"
 }, {
   "attributes": {
     "group": "shape",
@@ -368,78 +200,6 @@ var tokens = [{
   "name": "border.width.[default]",
   "path": ["border", "width", "[default]"],
   "cleanName": "border.width"
-}, {
-  "attributes": {
-    "group": "shape",
-    "state": "deprecated",
-    "introduced": "1.2.1",
-    "deprecated": "6.1.0",
-    "description": "Used for zero width borders."
-  },
-  "value": "0px",
-  "filePath": "schema/themes/atlassian-shape/shape.tsx",
-  "isSource": true,
-  "original": {
-    "attributes": {
-      "group": "shape",
-      "state": "deprecated",
-      "introduced": "1.2.1",
-      "deprecated": "6.1.0",
-      "description": "Used for zero width borders."
-    },
-    "value": "Size0"
-  },
-  "name": "border.width.0",
-  "path": ["border", "width", "0"],
-  "cleanName": "border.width.0"
-}, {
-  "attributes": {
-    "group": "shape",
-    "state": "deprecated",
-    "introduced": "1.5.2",
-    "deprecated": "6.1.0",
-    "description": "Used for indicators like tab and menu selected states."
-  },
-  "value": "3px",
-  "filePath": "schema/themes/atlassian-shape/shape.tsx",
-  "isSource": true,
-  "original": {
-    "attributes": {
-      "group": "shape",
-      "state": "deprecated",
-      "introduced": "1.5.2",
-      "deprecated": "6.1.0",
-      "description": "Used for indicators like tab and menu selected states."
-    },
-    "value": "Size200"
-  },
-  "name": "border.width.indicator",
-  "path": ["border", "width", "indicator"],
-  "cleanName": "border.width.indicator"
-}, {
-  "attributes": {
-    "group": "shape",
-    "state": "deprecated",
-    "introduced": "1.5.2",
-    "deprecated": "6.1.0",
-    "description": "Used for focus, active or selected inputs."
-  },
-  "value": "2px",
-  "filePath": "schema/themes/atlassian-shape/shape.tsx",
-  "isSource": true,
-  "original": {
-    "attributes": {
-      "group": "shape",
-      "state": "deprecated",
-      "introduced": "1.5.2",
-      "deprecated": "6.1.0",
-      "description": "Used for focus, active or selected inputs."
-    },
-    "value": "BorderWidth2"
-  },
-  "name": "border.width.outline",
-  "path": ["border", "width", "outline"],
-  "cleanName": "border.width.outline"
 }, {
   "attributes": {
     "group": "shape",

package/dist/cjs/babel-plugin/plugin.js

@@ -123,9 +123,9 @@ function plugin() {
                 }
               }
 
-              // The border.radius tokens are skipped in shouldForceAutoFallback mode because these tokens are not enabled in the live apps and enforcing default values on them will override all the fallback values that are currently being used to render the actual UI.
+              // The radius tokens are skipped in shouldForceAutoFallback mode because these tokens are not enabled in the live apps and enforcing default values on them will override all the fallback values that are currently being used to render the actual UI.
               // The exempted tokens (the ones that start with any of the provided exemption prefixes) are also skipped.
-              var forceAutoFallbackExemptions = ['border.radius'].concat((0, _toConsumableArray2.default)(state.opts.forceAutoFallbackExemptions || []));
+              var forceAutoFallbackExemptions = ['radius'].concat((0, _toConsumableArray2.default)(state.opts.forceAutoFallbackExemptions || []));
 
               // Handle fallbacks
               var fallback = state.opts.shouldForceAutoFallback !== false && !isExempted(tokenName, forceAutoFallbackExemptions) ? t.stringLiteral(getDefaultFallback(tokenName, state.opts.defaultTheme)) : path.node.arguments[1];

package/dist/cjs/entry-points/token-metadata.codegen.js

@@ -9,7 +9,7 @@ exports.tokens = void 0;
  *
  * Metadata for generation of of `@atlaskit/ads-mcp` and https://atlassian.design/llms-tokens.txt.
  *
- * @codegen <<SignedSource::1e5ee1932049c613950d3e1b7e5d6d3c>>
+ * @codegen <<SignedSource::fc7eb246882a1c2dfeef3f7836f83459>>
  * @codegenCommand yarn build tokens
  */
 
@@ -2238,61 +2238,11 @@ var tokens = exports.tokens = [{
   path: ['radius', 'tile'],
   description: 'Used for tiles only.',
   exampleValue: '25%'
-}, {
-  name: 'border.radius',
-  path: ['border', 'radius', '[default]'],
-  description: 'The default border radius.',
-  exampleValue: '0.25rem'
-}, {
-  name: 'border.radius.050',
-  path: ['border', 'radius', '050'],
-  description: 'Used for selection indicators, like tabs.',
-  exampleValue: '0.125rem'
-}, {
-  name: 'border.radius.100',
-  path: ['border', 'radius', '100'],
-  description: 'Used for buttons and inputs.',
-  exampleValue: '0.25rem'
-}, {
-  name: 'border.radius.200',
-  path: ['border', 'radius', '200'],
-  description: 'Used for smaller cards.',
-  exampleValue: '0.5rem'
-}, {
-  name: 'border.radius.300',
-  path: ['border', 'radius', '300'],
-  description: 'Used for cards and larger containers.',
-  exampleValue: '0.75rem'
-}, {
-  name: 'border.radius.400',
-  path: ['border', 'radius', '400'],
-  description: 'Used for modals.',
-  exampleValue: '1rem'
-}, {
-  name: 'border.radius.circle',
-  path: ['border', 'radius', 'circle'],
-  description: 'Used for circular containers, like a rounded button.',
-  exampleValue: '624.9375rem'
 }, {
   name: 'border.width',
   path: ['border', 'width', '[default]'],
   description: 'The default width for all standard component borders and dividers.',
   exampleValue: '0.0625rem'
-}, {
-  name: 'border.width.0',
-  path: ['border', 'width', '0'],
-  description: 'Used for zero width borders.',
-  exampleValue: '0rem'
-}, {
-  name: 'border.width.indicator',
-  path: ['border', 'width', 'indicator'],
-  description: 'Used for indicators like tab and menu selected states.',
-  exampleValue: '0.1875rem'
-}, {
-  name: 'border.width.outline',
-  path: ['border', 'width', 'outline'],
-  description: 'Used for focus, active or selected inputs.',
-  exampleValue: '0.125rem'
 }, {
   name: 'border.width.selected',
   path: ['border', 'width', 'selected'],

package/dist/cjs/theme-config.js

@@ -45,7 +45,7 @@ var themeContrastModes = ['more', 'no-preference', 'auto'];
  *
  * These ids must be kebab case
  */
-var themeIds = exports.themeIds = ['light-increased-contrast', 'light', 'light-future', 'light-brand-refresh', 'dark', 'dark-future', 'dark-increased-contrast', 'dark-brand-refresh', 'legacy-light', 'legacy-dark', 'spacing', 'shape', 'shape-rounder', 'shape-roundest', 'typography', 'typography-adg3', 'typography-modernized', 'typography-refreshed'];
+var themeIds = exports.themeIds = ['light-increased-contrast', 'light', 'light-future', 'light-brand-refresh', 'dark', 'dark-future', 'dark-increased-contrast', 'dark-brand-refresh', 'legacy-light', 'legacy-dark', 'spacing', 'shape', 'typography', 'typography-adg3', 'typography-modernized', 'typography-refreshed'];
 /**
  * Theme override ids: the equivalent of themeIds for theme overrides.
  * Theme overrides are temporary and there may not be any defined at times.
@@ -181,22 +181,6 @@ var themeConfig = {
       type: 'shape'
     }
   },
-  'atlassian-shape-rounder': {
-    id: 'shape-rounder',
-    displayName: 'Shape (Rounder)',
-    palette: 'shapePalette',
-    attributes: {
-      type: 'shape'
-    }
-  },
-  'atlassian-shape-roundest': {
-    id: 'shape-roundest',
-    displayName: 'Shape (Roundest)',
-    palette: 'shapePalette',
-    attributes: {
-      type: 'shape'
-    }
-  },
   'atlassian-typography-modernized': {
     id: 'typography-modernized',
     displayName: 'Atlassian Typography (Modernized)',

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::72feb1804c9c8d27535c172745ee1b9b>>
+ * @codegen <<SignedSource::0573206a0674f4e86073a4ec84cad3b9>>
  * @codegenCommand yarn build tokens
  */
 
@@ -169,35 +169,5 @@ const tokens = [{
   },
   "name": "border.width.BorderWidth2",
   "path": ["border", "width", "BorderWidth2"]
-}, {
-  "value": "0px",
-  "attributes": {
-    "group": "shape"
-  },
-  "filePath": "schema/palettes/shape-palette.tsx",
-  "isSource": true,
-  "original": {
-    "value": 0,
-    "attributes": {
-      "group": "shape"
-    }
-  },
-  "name": "border.width.Size0",
-  "path": ["border", "width", "Size0"]
-}, {
-  "value": "3px",
-  "attributes": {
-    "group": "shape"
-  },
-  "filePath": "schema/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/replacement-mapping.js

@@ -12,39 +12,9 @@
  * These changes will then be picked up by our tooling which will attempt to
  * migrate as many of these renames as possible.
  *
- * @codegen <<SignedSource::7ca64db3c8d60ea8d78edec946e325bc>>
+ * @codegen <<SignedSource::c779b40628532228cae2ec34977f1f8e>>
  * @codegenCommand yarn build tokens
  */
 
-const replacementMapper = [{
-  "path": "border.radius.[default]",
-  "state": "deprecated"
-}, {
-  "path": "border.radius.050",
-  "state": "deprecated"
-}, {
-  "path": "border.radius.100",
-  "state": "deprecated"
-}, {
-  "path": "border.radius.200",
-  "state": "deprecated"
-}, {
-  "path": "border.radius.300",
-  "state": "deprecated"
-}, {
-  "path": "border.radius.400",
-  "state": "deprecated"
-}, {
-  "path": "border.radius.circle",
-  "state": "deprecated"
-}, {
-  "path": "border.width.0",
-  "state": "deprecated"
-}, {
-  "path": "border.width.indicator",
-  "state": "deprecated"
-}, {
-  "path": "border.width.outline",
-  "state": "deprecated"
-}];
+const replacementMapper = [];
 export default replacementMapper;

package/dist/es2019/artifacts/theme-import-map.js

@@ -6,7 +6,7 @@
  * This allows users to compose their themes and only use the tokens that are requested.
  * When a new theme is created, the import should automatically be added to the map
  *
- * @codegen <<SignedSource::3db020c00d91d31fe8e413b082708618>>
+ * @codegen <<SignedSource::4131829e60733a1a5e513dcc84af81de>>
  * @codegenCommand yarn build tokens
  */
 
@@ -35,10 +35,6 @@ const themeImportsMap = {
   './themes/atlassian-typography-adg3'),
   'shape': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-shape" */
   './themes/atlassian-shape'),
-  'shape-rounder': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-shape-rounder" */
-  './themes/atlassian-shape-rounder'),
-  'shape-roundest': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-shape-roundest" */
-  './themes/atlassian-shape-roundest'),
   'typography-modernized': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-typography-modernized" */
   './themes/atlassian-typography-modernized'),
   'typography-refreshed': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-typography-refreshed" */

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::128da9031c125f03deb978cf4b9c3009>>
+ * @codegen <<SignedSource::f516cab37702e8e3d5152cb55d59256b>>
  * @codegenCommand yarn build tokens
  */
 export default `
@@ -12,17 +12,7 @@ html[data-theme~="shape:shape-rounder"] {
   --ds-radius-xlarge: 1rem;
   --ds-radius-full: 624.9375rem;
   --ds-radius-tile: 25%;
-  --ds-border-radius: 0.25rem;
-  --ds-border-radius-050: 0.125rem;
-  --ds-border-radius-100: 0.25rem;
-  --ds-border-radius-200: 0.5rem;
-  --ds-border-radius-300: 0.75rem;
-  --ds-border-radius-400: 1rem;
-  --ds-border-radius-circle: 624.9375rem;
   --ds-border-width: 0.0625rem;
-  --ds-border-width-0: 0rem;
-  --ds-border-width-indicator: 0.1875rem;
-  --ds-border-width-outline: 0.125rem;
   --ds-border-width-selected: 0.125rem;
   --ds-border-width-focused: 0.125rem;
 }

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::fe8e6647480782980a41e5b764ef573e>>
+ * @codegen <<SignedSource::46c9186a43917f0c2addc79cdca0c7e6>>
  * @codegenCommand yarn build tokens
  */
 export default `
@@ -12,17 +12,7 @@ html[data-theme~="shape:shape-roundest"] {
   --ds-radius-xlarge: 1.25rem;
   --ds-radius-full: 624.9375rem;
   --ds-radius-tile: 25%;
-  --ds-border-radius: 0.25rem;
-  --ds-border-radius-050: 0.125rem;
-  --ds-border-radius-100: 0.25rem;
-  --ds-border-radius-200: 0.5rem;
-  --ds-border-radius-300: 0.75rem;
-  --ds-border-radius-400: 1rem;
-  --ds-border-radius-circle: 624.9375rem;
   --ds-border-width: 0.0625rem;
-  --ds-border-width-0: 0rem;
-  --ds-border-width-indicator: 0.1875rem;
-  --ds-border-width-outline: 0.125rem;
   --ds-border-width-selected: 0.125rem;
   --ds-border-width-focused: 0.125rem;
 }

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::1ce1b3c3f1f76652ab1f337426556032>>
+ * @codegen <<SignedSource::a1c0e74bffea67b610c867ef86037e15>>
  * @codegenCommand yarn build tokens
  */
 export default `
@@ -12,17 +12,7 @@ html[data-theme~="shape:shape"] {
   --ds-radius-xlarge: 0.75rem;
   --ds-radius-full: 624.9375rem;
   --ds-radius-tile: 25%;
-  --ds-border-radius: 0.25rem;
-  --ds-border-radius-050: 0.125rem;
-  --ds-border-radius-100: 0.25rem;
-  --ds-border-radius-200: 0.5rem;
-  --ds-border-radius-300: 0.75rem;
-  --ds-border-radius-400: 1rem;
-  --ds-border-radius-circle: 624.9375rem;
   --ds-border-width: 0.0625rem;
-  --ds-border-width-0: 0rem;
-  --ds-border-width-indicator: 0.1875rem;
-  --ds-border-width-outline: 0.125rem;
   --ds-border-width-selected: 0.125rem;
   --ds-border-width-focused: 0.125rem;
 }

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

@@ -7,7 +7,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::eba7fc303dbd28142e0828a97466e5ad>>
+ * @codegen <<SignedSource::e7abfe1ee39a9de14a95d8a23472f8e4>>
  * @codegenCommand yarn build tokens
  */
 const defaultTokenValues = {
@@ -456,17 +456,7 @@ const defaultTokenValues = {
   'radius.xlarge': '0.75rem',
   'radius.full': '624.9375rem',
   'radius.tile': '25%',
-  'border.radius': '0.25rem',
-  'border.radius.050': '0.125rem',
-  'border.radius.100': '0.25rem',
-  'border.radius.200': '0.5rem',
-  'border.radius.300': '0.75rem',
-  'border.radius.400': '1rem',
-  'border.radius.circle': '624.9375rem',
   'border.width': '0.0625rem',
-  'border.width.0': '0rem',
-  'border.width.indicator': '0.1875rem',
-  'border.width.outline': '0.125rem',
   'border.width.selected': '0.125rem',
   'border.width.focused': '0.125rem'
 };

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::a8feb13ecf105e7fd6247cb4d1a99b01>>
+ * @codegen <<SignedSource::e7897709d50bd1f9582875a2a591b896>>
  * @codegenCommand yarn build tokens
  */
 const tokens = {
@@ -449,17 +449,7 @@ const tokens = {
   'radius.xlarge': '--ds-radius-xlarge',
   'radius.full': '--ds-radius-full',
   'radius.tile': '--ds-radius-tile',
-  'border.radius': '--ds-border-radius',
-  'border.radius.050': '--ds-border-radius-050',
-  'border.radius.100': '--ds-border-radius-100',
-  'border.radius.200': '--ds-border-radius-200',
-  'border.radius.300': '--ds-border-radius-300',
-  'border.radius.400': '--ds-border-radius-400',
-  'border.radius.circle': '--ds-border-radius-circle',
   'border.width': '--ds-border-width',
-  'border.width.0': '--ds-border-width-0',
-  'border.width.indicator': '--ds-border-width-indicator',
-  'border.width.outline': '--ds-border-width-outline',
   'border.width.selected': '--ds-border-width-selected',
   'border.width.focused': '--ds-border-width-focused'
 };