@atlaskit/tokens 6.4.3 → 7.0.0

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # @atlaskit/tokens
 
+## 7.0.0
+
+### Major Changes
+
+- [`75ba0401c1743`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/75ba0401c1743) -
+  Deleted deprecated shape tokens. Migration guide:
+
+  | Old token                | New token/value                                   |
+  | ------------------------ | ------------------------------------------------- |
+  | `border.radius.050`      | `radius.xsmall`                                   |
+  | `border.radius`          | `radius.small`                                    |
+  | `border.radius.100`      | `radius.small`                                    |
+  | `border.radius.200`      | `radius.large`                                    |
+  | `border.radius.300`      | `radius.xlarge`                                   |
+  | `border.radius.400`      | `16px`                                            |
+  | `border.radius.circle`   | `radius.full`                                     |
+  | `border.width.0`         | `0`                                               |
+  | `border.width.outline`   | `border.width.selected` or `border.width.focused` |
+  | `border.width.indicator` | `3px`                                             |
+
+  The babel plugin has also been updated to skip new radius tokens in shouldForceAutoFallback mode
+  (previously only the deprecated `border.radius.x` tokens were skipped).
+
+## 6.5.0
+
+### Minor Changes
+
+- [`d65b31774de31`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d65b31774de31) -
+  Removed deprecated border radius and border width tokens from CSS type.
+
 ## 6.4.3
 
 ### Patch Changes
@@ -445,7 +475,6 @@
 - [#102047](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/102047)
   [`3cc4b295175a6`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3cc4b295175a6) -
   Removed deprecated tokens:
-
   - `font.size.X`
   - `font.lineHeight.X`
   - `font.letterSpacing.X`
@@ -620,7 +649,6 @@
 - [#138792](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/138792)
   [`59c6812e1be91`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/59c6812e1be91) -
   Update the @atlaskit/css schema to include:
-
   - `border` and `font` shorthand token values
   - Background and color `-hovered` and `-pressed` tokens are available in the non-psuedo-states for
     patterns like `<div css={[isHovered && hoveredStyles]} />`
@@ -807,7 +835,6 @@
 - [#98149](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/98149)
   [`45101e24202a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/45101e24202a) -
   Change the state of the following tokens from deprecated to active:
-
   - font.family.body
   - font.family.code
   - font.family.heading
@@ -1293,7 +1320,6 @@ Mapped red/danger icons to darker shades to create distinction between orange an
 - [#38420](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38420)
   [`5a967ac2397`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5a967ac2397) - Adds two
   new synchronous theme configuration utilities:
-
   - `enableGlobalTheme` is a synchronous version of `setGlobalTheme` that sets data attributes on
     the page and takes a themeLoader
   - `UNSAFE_loadCustomThemeStyles` provides a synchronous way to generate and apply custom theme
@@ -1357,7 +1383,6 @@ Mapped red/danger icons to darker shades to create distinction between orange an
 - [#39430](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39430)
   [`ff1a0d8dcfd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ff1a0d8dcfd) -
   Introduces 80 new accent interaction tokens:
-
   - color.background.accent.blue.subtlest.hovered
   - color.background.accent.blue.subtlest.pressed
   - color.background.accent.blue.subtler.hovered
@@ -1479,7 +1504,6 @@ Mapped red/danger icons to darker shades to create distinction between orange an
 - [#37789](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/37789)
   [`031034da425`](https://bitbucket.org/atlassian/atlassian-frontend/commits/031034da425) -
   Introduces surface detection through the use of design tokens/CSS variables:
-
   - The `utility.elevation.surface.current` design token allows UI to be styled with a color based
     on a parent element's surface color.
   - The `CURRENT_SURFACE_CSS_VAR` constant is exported to enable the current surface CSS variable to
@@ -1558,7 +1582,6 @@ Mapped red/danger icons to darker shades to create distinction between orange an
 - [#36967](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36967)
   [`bc512702bdc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bc512702bdc) -
   Introduces new brand background tokens.
-
   - `color.background.brand.subtlest` - Use for the background of elements used to reinforce our
     brand, but with less emphasis.
   - `color.background.brand.subtlest.hovered` - Hovered state of color.background.brand.subtlest.
@@ -1580,7 +1603,6 @@ Mapped red/danger icons to darker shades to create distinction between orange an
   experimental support for custom theming via the `UNSAFE_themeOptions` field in `themeState`.
 
   This option is supported in the following functions:
-
   - `setGlobalTheme()`: optionally generates and loads customized themes based on the options
     provided, and sets the `data-custom-theme` attribute on page's HTML tag.
   - `getThemeStyles()`: returns additional style objects for constructing custom theme `<style>`
@@ -1688,7 +1710,6 @@ Mapped red/danger icons to darker shades to create distinction between orange an
 - [#35526](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35526)
   [`e200f2340ed`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e200f2340ed) -
   Introduces new lime token set.
-
   - `color.text.accent.lime` - Use for lime text on subtlest and subtler lime accent backgrounds
     when there is no meaning tied to the color.
   - `color.text.accent.lime.bolder` - Use for lime text on subtle lime accent backgrounds when there
@@ -2019,7 +2040,6 @@ Mapped red/danger icons to darker shades to create distinction between orange an
   various unused experimental spacing tokens in favor of the `space.X` token format.
 
   Removed:
-
   - `spacing.scale`
   - `spacing.scaleLinear`
   - `spacing.size`
@@ -2206,7 +2226,6 @@ This provides several benefits:
   version of `@atlaskit/tokens`.
 
 - Simpler logic for switching an experience based on the current theme:
-
   - Previously, experiences using theme observers had to check a combination of the
     `data-color-mode` attribute use media queries to to correctly match the currently rendered color
     mode in light, dark and 'auto' color modes. Now, the `data-color-mode` attribute always matches
@@ -2389,7 +2408,6 @@ will begin to error wherever they're used.
   [`0438a9318a1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0438a9318a1) - Tweaked
   the values of the `Neutral500` and `Neutral500` base tokens and updated `text.accent.gray.bolder`
   to improve color contrast:
-
   - Adjust `Neutral500` from `#8993A5` to `#8590A2` so that it passes 3:1 contrast against sunken
     surfaces in light mode
   - Adjust `Neutral500A` from `#091E42 @ 48%` to `#091E42 @ 49%` to match color of `Neutral500` on
@@ -2400,13 +2418,11 @@ will begin to error wherever they're used.
   chart tokens for data visualisation and charts.
 
   27 generic chart tokens and hovered state tokens:
-
   - `color.chart.[color].bold`
   - `color.chart.[color].bolder`
   - `color.chart.[color].boldest`
 
   12 semantic chart tokens and hovered state tokens:
-
   - `color.chart.brand`
   - `color.chart.neutral`
   - `color.chart.success`
@@ -2421,7 +2437,6 @@ will begin to error wherever they're used.
   - `color.chart.discovery.bold`
 
   8 categorical chart tokens and hovered state tokens:
-
   - `color.chart.categorical.1`
   - `color.chart.categorical.2`
   - `color.chart.categorical.3`
@@ -2727,7 +2742,6 @@ will begin to error wherever they're used.
 - [#25211](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/25211)
   [`9f6aa1d7cdc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9f6aa1d7cdc) -
   Introduces new interaction states to a number of existing elevation tokens:
-
   - elevation.surface.hovered
   - elevation.surface.pressed
   - elevation.surface.raised.hovered
@@ -2776,7 +2790,6 @@ will begin to error wherever they're used.
 - [#24188](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24188)
   [`50299267c2e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/50299267c2e) -
   Refactors style-dictionary to support multiple palettes.
-
   - Adds legacy-palette containing colours from `@atlaskit/theme`.
   - Palettes are processed as their own 'themes' (functionally) and now have their own configuration
     via style-dictionary.
@@ -2791,7 +2804,6 @@ will begin to error wherever they're used.
   [`e3377246ebc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e3377246ebc) - Moves
   the following `deprecated` tokens to the `sunset` phase. Please ensure that all `sunset` tokens
   are removed from your application, they will be completely removed in the next major version:
-
   - 'color.interaction.inverse.hovered' => 'color.background.inverse.subtle.hovered'
   - 'color.interaction.inverse.pressed' => 'color.background.inverse.subtle.pressed'
 
@@ -2805,7 +2817,6 @@ will begin to error wherever they're used.
 - [#23579](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/23579)
   [`39a56a3c4e7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/39a56a3c4e7) - Update
   disabled tokens to use alpha base tokens:
-
   - `color.text.disabled`
   - `color.icon.disabled`
   - `color.background.disabled`
@@ -2818,7 +2829,6 @@ will begin to error wherever they're used.
   [`83c253f28bd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/83c253f28bd) - [ux] -
   Correct 'color.interaction.hovered' and 'color.interaction.pressed' token values, which were
   mistakenly mapped inversely in light and dark mode. The token values have now been swapped.
-
   - Deprecate 'color.interaction.inverse.hovered' which has been replaced with
     'color.background.inverse.subtle.hovered'.
   - Deprecate 'color.interaction.inverse.pressed' which has been replaced with
@@ -2832,20 +2842,17 @@ will begin to error wherever they're used.
   [`d9d18df130f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d9d18df130f) - [ux]
   Tweaked the values of the DN500 and DN500A base tokens to improve color contrast when paired with
   text:
-
   - DN500 has changed from `#5C6C7A` to `#596773`
   - DN500A has changed from `#A9C5DF7A` to `#9BB4CA80`
 
   This changes the values in dark mode for the following tokens:
 
   _(active)_:
-
   - `color.text.disabled`
   - `color.icon.disabled`
   - `color.background.accent.gray.subtle`
 
   _(deprecated)_:
-
   - `color.overlay.pressed`
 
 ## 0.10.10
@@ -2877,7 +2884,6 @@ will begin to error wherever they're used.
 - [#22107](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/22107)
   [`cb8723a7974`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb8723a7974) -
   Introduces a new set of neutral accent tokens:
-
   - `color.background.accent.gray.bolder`
   - `color.background.accent.gray.subtle`
   - `color.background.accent.gray.subtler`
@@ -2903,7 +2909,6 @@ will begin to error wherever they're used.
   [`1124fa435ed`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1124fa435ed) - Moves
   the following `deprecated` tokens to the `sunset` phase. Please ensure that all `sunset` tokens
   are removed from your application, they will be completely removed in the next major version:
-
   - `color.background.brand.hovered` => `color.background.selected.hovered`
   - `color.background.brand.pressed` => `color.background.selected.pressed`
   - `color.background.brand` => `color.background.selected`
@@ -2940,7 +2945,6 @@ will begin to error wherever they're used.
 - [#21920](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/21920)
   [`5b8212f08b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5b8212f08b0) - The
   current theme can now be accessed and monitored for changes using new exports.
-
   - `useThemeObserver` React hook
   - `ThemeMutationObserver` Mutation Observer
 
@@ -3057,7 +3061,6 @@ will begin to error wherever they're used.
   following tokens have been moved from the `deprecated` to `deleted` state in their lifecycles.
   These tokens will continue to exist, however tooling will begin to error wherever they're used. If
   you haven't already, please run `yarn eslint --fix` or similar to automate your migration.
-
   - `color.background.blanket` => `color.blanket`
   - `color.background.boldBrand.resting` => `color.background.brand.bold`
   - `color.background.boldBrand.hover` => `color.background.brand.bold.hovered`
@@ -3161,18 +3164,15 @@ will begin to error wherever they're used.
 
 - [`c2ec60d6a1b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c2ec60d6a1b) - [ux]
   Updating existing 16 background accent colors
-
   - Rename default to subtler (Light:200 / Dark:900)
   - Rename bold renamed to subtle (Light:400 / Dark:700)
   - Update this ⤴ base token for dark mode from 700 to 800 (so it is now Light:400 / Dark:800)
 
   16 new accent background colors:
-
   - color.background.accent.[color].subtlest (Light: 100 / Dark:1000)
   - color.background.accent.[color].bolder (Light: 700 / Dark: 400)
 
   8 new text accent colors:
-
   - color.text.accent.[color].bolder (Light:900 / Dark:200)
 
 - [`7b6b994bef5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7b6b994bef5) - Correct
@@ -3196,7 +3196,6 @@ will begin to error wherever they're used.
 - [#19072](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/19072)
   [`899fd622557`](https://bitbucket.org/atlassian/atlassian-frontend/commits/899fd622557) -
   Re-introduces the selected and selected.bold tokens:
-
   - `color.text.selected`
   - `color.icon.selected`
   - `color.border.selected`
@@ -3208,7 +3207,6 @@ will begin to error wherever they're used.
   - `color.background.selected.bold.pressed`
 
   The following tokens are _deprecated_:
-
   - `color.background.brand`
   - `color.background.brand.hovered`
   - `color.background.brand.pressed`
@@ -3217,7 +3215,6 @@ will begin to error wherever they're used.
 
   Please ensure all usages of the following tokens are replaced with their `selected` counterpart,
   wherever a brand token is used to represent a selected state.
-
   - `color.background.brand.[default|hovered|pressed]` =>
     `color.background.selected.[default|hovered|pressed]`
   - `color.background.brand.bold.[default|hovered|pressed]` =>
@@ -3351,7 +3348,6 @@ will begin to error wherever they're used.
   previous rename map
 - [`0936217160c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0936217160c) - Add bold
   accent tokens:
-
   - `color.accent.boldBlue`
   - `color.accent.boldRed`
   - `color.accent.boldGreen`
@@ -3390,7 +3386,6 @@ will begin to error wherever they're used.
   `background.selected.pressed`
 - [`53749f08286`](https://bitbucket.org/atlassian/atlassian-frontend/commits/53749f08286) - Adds
   tokens:
-
   - `color.overlay.hover`
   - `color.overlay.pressed`
 
@@ -3435,11 +3430,9 @@ will begin to error wherever they're used.
   removes & renames tokens
 
   Adds:
-
   - `color.backgroundSelect`
 
   Renames:
-
   - `color.borderTextHighlighted` to `color.bordertextSelected`
   - `elevation.base` to `evelation.backgroundDefault`
   - `elevation.flatSecondary` to `elevation.backgroundSunken`
@@ -3450,11 +3443,9 @@ will begin to error wherever they're used.
   - `elevation.shadowOverlay` to `shadow.overlay`
 
   Removes:
-
   - `elevation.boarderFlatPrimary`
 
   Updates:
-
   - `elevation.shadowOverlay` value to `DN100`
   - `color.textWarning` in light mode to `O800`
   - `color.iconBorderWarning` in light mode to `O600`
@@ -3538,7 +3529,6 @@ will begin to error wherever they're used.
 - [#11433](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/11433)
   [`202cf0733de`](https://bitbucket.org/atlassian/atlassian-frontend/commits/202cf0733de) - Tokens
   are now built using style dictionary with three outputs:
-
   1. CSS
   1. Figma synchronizers
   1. Token name map

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::72feb1804c9c8d27535c172745ee1b9b>>
+ * @codegen <<SignedSource::0573206a0674f4e86073a4ec84cad3b9>>
  * @codegenCommand yarn build tokens
  */
 
@@ -175,35 +175,5 @@ var 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"]
 }];
 var _default = exports.default = tokens;

package/dist/cjs/artifacts/replacement-mapping.js

@@ -18,39 +18,9 @@ exports.default = void 0;
  * 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
  */
 
-var 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"
-}];
+var replacementMapper = [];
 var _default = exports.default = replacementMapper;

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

@@ -15,7 +15,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
  * 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
  */
 
@@ -92,18 +92,6 @@ var themeImportsMap = {
       './themes/atlassian-shape'));
     });
   },
-  'shape-rounder': function shapeRounder() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_atlassian-shape-rounder" */
-      './themes/atlassian-shape-rounder'));
-    });
-  },
-  'shape-roundest': function shapeRoundest() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_atlassian-shape-roundest" */
-      './themes/atlassian-shape-roundest'));
-    });
-  },
   'typography-modernized': function typographyModernized() {
     return Promise.resolve().then(function () {
       return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_atlassian-typography-modernized" */

package/dist/cjs/artifacts/themes/atlassian-shape-rounder.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::128da9031c125f03deb978cf4b9c3009>>
+ * @codegen <<SignedSource::f516cab37702e8e3d5152cb55d59256b>>
  * @codegenCommand yarn build tokens
  */
-var _default = exports.default = "\nhtml[data-theme~=\"shape:shape-rounder\"] {\n  --ds-radius-xsmall: 0.125rem;\n  --ds-radius-small: 0.25rem;\n  --ds-radius-medium: 0.375rem;\n  --ds-radius-large: 0.75rem;\n  --ds-radius-xlarge: 1rem;\n  --ds-radius-full: 624.9375rem;\n  --ds-radius-tile: 25%;\n  --ds-border-radius: 0.25rem;\n  --ds-border-radius-050: 0.125rem;\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: 624.9375rem;\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  --ds-border-width-selected: 0.125rem;\n  --ds-border-width-focused: 0.125rem;\n}\n";
+var _default = exports.default = "\nhtml[data-theme~=\"shape:shape-rounder\"] {\n  --ds-radius-xsmall: 0.125rem;\n  --ds-radius-small: 0.25rem;\n  --ds-radius-medium: 0.375rem;\n  --ds-radius-large: 0.75rem;\n  --ds-radius-xlarge: 1rem;\n  --ds-radius-full: 624.9375rem;\n  --ds-radius-tile: 25%;\n  --ds-border-width: 0.0625rem;\n  --ds-border-width-selected: 0.125rem;\n  --ds-border-width-focused: 0.125rem;\n}\n";

package/dist/cjs/artifacts/themes/atlassian-shape-roundest.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::fe8e6647480782980a41e5b764ef573e>>
+ * @codegen <<SignedSource::46c9186a43917f0c2addc79cdca0c7e6>>
  * @codegenCommand yarn build tokens
  */
-var _default = exports.default = "\nhtml[data-theme~=\"shape:shape-roundest\"] {\n  --ds-radius-xsmall: 0.125rem;\n  --ds-radius-small: 0.25rem;\n  --ds-radius-medium: 0.75rem;\n  --ds-radius-large: 1rem;\n  --ds-radius-xlarge: 1.25rem;\n  --ds-radius-full: 624.9375rem;\n  --ds-radius-tile: 25%;\n  --ds-border-radius: 0.25rem;\n  --ds-border-radius-050: 0.125rem;\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: 624.9375rem;\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  --ds-border-width-selected: 0.125rem;\n  --ds-border-width-focused: 0.125rem;\n}\n";
+var _default = exports.default = "\nhtml[data-theme~=\"shape:shape-roundest\"] {\n  --ds-radius-xsmall: 0.125rem;\n  --ds-radius-small: 0.25rem;\n  --ds-radius-medium: 0.75rem;\n  --ds-radius-large: 1rem;\n  --ds-radius-xlarge: 1.25rem;\n  --ds-radius-full: 624.9375rem;\n  --ds-radius-tile: 25%;\n  --ds-border-width: 0.0625rem;\n  --ds-border-width-selected: 0.125rem;\n  --ds-border-width-focused: 0.125rem;\n}\n";

package/dist/cjs/artifacts/themes/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::1ce1b3c3f1f76652ab1f337426556032>>
+ * @codegen <<SignedSource::a1c0e74bffea67b610c867ef86037e15>>
  * @codegenCommand yarn build tokens
  */
-var _default = exports.default = "\nhtml[data-theme~=\"shape:shape\"] {\n  --ds-radius-xsmall: 0.125rem;\n  --ds-radius-small: 0.25rem;\n  --ds-radius-medium: 0.375rem;\n  --ds-radius-large: 0.5rem;\n  --ds-radius-xlarge: 0.75rem;\n  --ds-radius-full: 624.9375rem;\n  --ds-radius-tile: 25%;\n  --ds-border-radius: 0.25rem;\n  --ds-border-radius-050: 0.125rem;\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: 624.9375rem;\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  --ds-border-width-selected: 0.125rem;\n  --ds-border-width-focused: 0.125rem;\n}\n";
+var _default = exports.default = "\nhtml[data-theme~=\"shape:shape\"] {\n  --ds-radius-xsmall: 0.125rem;\n  --ds-radius-small: 0.25rem;\n  --ds-radius-medium: 0.375rem;\n  --ds-radius-large: 0.5rem;\n  --ds-radius-xlarge: 0.75rem;\n  --ds-radius-full: 624.9375rem;\n  --ds-radius-tile: 25%;\n  --ds-border-width: 0.0625rem;\n  --ds-border-width-selected: 0.125rem;\n  --ds-border-width-focused: 0.125rem;\n}\n";

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

@@ -13,7 +13,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::eba7fc303dbd28142e0828a97466e5ad>>
+ * @codegen <<SignedSource::e7abfe1ee39a9de14a95d8a23472f8e4>>
  * @codegenCommand yarn build tokens
  */
 var defaultTokenValues = {
@@ -462,17 +462,7 @@ var 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/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::a8feb13ecf105e7fd6247cb4d1a99b01>>
+ * @codegen <<SignedSource::e7897709d50bd1f9582875a2a591b896>>
  * @codegenCommand yarn build tokens
  */
 var tokens = {
@@ -455,17 +455,7 @@ var 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'
 };