@atlaskit/tokens 6.1.4 → 6.2.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/tokens
 
+## 6.2.0
+
+### Minor Changes
+
+- [`b2cbc15f17d6a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b2cbc15f17d6a) -
+  Added `radius.tile` token to be used exclusively for creating tiles.
+
 ## 6.1.4
 
 ### 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::f4b022d6e18730437f14e3f2a6430c5a>>
+ * @codegen <<SignedSource::56944727b3c1e10bac5077e2c3edc9bf>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -129,6 +129,21 @@ var tokens = [{
   },
   "name": "radius.Radius99",
   "path": ["radius", "Radius99"]
+}, {
+  "value": "25%",
+  "attributes": {
+    "group": "shape"
+  },
+  "filePath": "schema/palettes/shape-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": "25%",
+    "attributes": {
+      "group": "shape"
+    }
+  },
+  "name": "radius.RadiusPercentage25",
+  "path": ["radius", "RadiusPercentage25"]
 }, {
   "value": "1px",
   "attributes": {

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::b2f388559d723f17083d9711905b528f>>
+ * @codegen <<SignedSource::128da9031c125f03deb978cf4b9c3009>>
  * @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-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-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";

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::b1574d1a9deb339d6c42eb37e069a871>>
+ * @codegen <<SignedSource::fe8e6647480782980a41e5b764ef573e>>
  * @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-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-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";

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::5fd7a2193acea84566a4f17a6f50d7b2>>
+ * @codegen <<SignedSource::1ce1b3c3f1f76652ab1f337426556032>>
  * @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-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-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";

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::2992e1957578e92ec58e9b373bf9b813>>
+ * @codegen <<SignedSource::eba7fc303dbd28142e0828a97466e5ad>>
  * @codegenCommand yarn build tokens
  */
 var defaultTokenValues = {
@@ -461,6 +461,7 @@ var defaultTokenValues = {
   'radius.large': '0.5rem',
   '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',

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::06d7df9fd7562fac091fccfbf1704240>>
+ * @codegen <<SignedSource::a8feb13ecf105e7fd6247cb4d1a99b01>>
  * @codegenCommand yarn build tokens
  */
 var tokens = {
@@ -454,6 +454,7 @@ var tokens = {
   'radius.large': '--ds-radius-large',
   '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',

package/dist/cjs/artifacts/tokens-raw/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::70683a619511de03d801680b44fe3e86>>
+ * @codegen <<SignedSource::9f7396048d77a42862f986e9f2aa144e>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -153,6 +153,28 @@ var tokens = [{
   "name": "radius.full",
   "path": ["radius", "full"],
   "cleanName": "radius.full"
+}, {
+  "attributes": {
+    "group": "shape",
+    "state": "active",
+    "introduced": "6.2.0",
+    "description": "Used for tiles only."
+  },
+  "value": "25%",
+  "filePath": "schema/themes/atlassian-shape-rounder/shape.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "shape",
+      "state": "active",
+      "introduced": "6.2.0",
+      "description": "Used for tiles only."
+    },
+    "value": "RadiusPercentage25"
+  },
+  "name": "radius.tile",
+  "path": ["radius", "tile"],
+  "cleanName": "radius.tile"
 }, {
   "attributes": {
     "group": "shape",

package/dist/cjs/artifacts/tokens-raw/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::430e50a41a04b0f7abd0e25105c1912e>>
+ * @codegen <<SignedSource::05611dfd0ca8208c27a67efbdb8a44f0>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -153,6 +153,28 @@ var tokens = [{
   "name": "radius.full",
   "path": ["radius", "full"],
   "cleanName": "radius.full"
+}, {
+  "attributes": {
+    "group": "shape",
+    "state": "active",
+    "introduced": "6.2.0",
+    "description": "Used for tiles only."
+  },
+  "value": "25%",
+  "filePath": "schema/themes/atlassian-shape-roundest/shape.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "shape",
+      "state": "active",
+      "introduced": "6.2.0",
+      "description": "Used for tiles only."
+    },
+    "value": "RadiusPercentage25"
+  },
+  "name": "radius.tile",
+  "path": ["radius", "tile"],
+  "cleanName": "radius.tile"
 }, {
   "attributes": {
     "group": "shape",

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::f755c03a62ad1c3a129f21e10a2669d5>>
+ * @codegen <<SignedSource::cb61446316a92e7f26958e3ca733fd1e>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -153,6 +153,28 @@ var tokens = [{
   "name": "radius.full",
   "path": ["radius", "full"],
   "cleanName": "radius.full"
+}, {
+  "attributes": {
+    "group": "shape",
+    "state": "active",
+    "introduced": "6.2.0",
+    "description": "Used for tiles only."
+  },
+  "value": "25%",
+  "filePath": "schema/themes/atlassian-shape/shape.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "shape",
+      "state": "active",
+      "introduced": "6.2.0",
+      "description": "Used for tiles only."
+    },
+    "value": "RadiusPercentage25"
+  },
+  "name": "radius.tile",
+  "path": ["radius", "tile"],
+  "cleanName": "radius.tile"
 }, {
   "attributes": {
     "group": "shape",

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::2f0d0ffb7abcc77f7b99efa4241047a4>>
+ * @codegen <<SignedSource::8f8418aa1d6ba188bbe4113e52db79c6>>
  * @codegenCommand yarn build tokens
  */
 
@@ -2233,6 +2233,11 @@ var tokens = exports.tokens = [{
   path: ['radius', 'full'],
   description: 'Used for circular containers, like a rounded button.',
   exampleValue: '624.9375rem'
+}, {
+  name: 'radius.tile',
+  path: ['radius', 'tile'],
+  description: 'Used for tiles only.',
+  exampleValue: '25%'
 }, {
   name: 'border.radius',
   path: ['border', 'radius', '[default]'],

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::f4b022d6e18730437f14e3f2a6430c5a>>
+ * @codegen <<SignedSource::56944727b3c1e10bac5077e2c3edc9bf>>
  * @codegenCommand yarn build tokens
  */
 const tokens = [{
@@ -123,6 +123,21 @@ const tokens = [{
   },
   "name": "radius.Radius99",
   "path": ["radius", "Radius99"]
+}, {
+  "value": "25%",
+  "attributes": {
+    "group": "shape"
+  },
+  "filePath": "schema/palettes/shape-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": "25%",
+    "attributes": {
+      "group": "shape"
+    }
+  },
+  "name": "radius.RadiusPercentage25",
+  "path": ["radius", "RadiusPercentage25"]
 }, {
   "value": "1px",
   "attributes": {

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::b2f388559d723f17083d9711905b528f>>
+ * @codegen <<SignedSource::128da9031c125f03deb978cf4b9c3009>>
  * @codegenCommand yarn build tokens
  */
 export default `
@@ -11,6 +11,7 @@ html[data-theme~="shape:shape-rounder"] {
   --ds-radius-large: 0.75rem;
   --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;

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::b1574d1a9deb339d6c42eb37e069a871>>
+ * @codegen <<SignedSource::fe8e6647480782980a41e5b764ef573e>>
  * @codegenCommand yarn build tokens
  */
 export default `
@@ -11,6 +11,7 @@ html[data-theme~="shape:shape-roundest"] {
   --ds-radius-large: 1rem;
   --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;

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::5fd7a2193acea84566a4f17a6f50d7b2>>
+ * @codegen <<SignedSource::1ce1b3c3f1f76652ab1f337426556032>>
  * @codegenCommand yarn build tokens
  */
 export default `
@@ -11,6 +11,7 @@ html[data-theme~="shape:shape"] {
   --ds-radius-large: 0.5rem;
   --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;

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::2992e1957578e92ec58e9b373bf9b813>>
+ * @codegen <<SignedSource::eba7fc303dbd28142e0828a97466e5ad>>
  * @codegenCommand yarn build tokens
  */
 const defaultTokenValues = {
@@ -455,6 +455,7 @@ const defaultTokenValues = {
   'radius.large': '0.5rem',
   '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',

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::06d7df9fd7562fac091fccfbf1704240>>
+ * @codegen <<SignedSource::a8feb13ecf105e7fd6247cb4d1a99b01>>
  * @codegenCommand yarn build tokens
  */
 const tokens = {
@@ -448,6 +448,7 @@ const tokens = {
   'radius.large': '--ds-radius-large',
   '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',

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::70683a619511de03d801680b44fe3e86>>
+ * @codegen <<SignedSource::9f7396048d77a42862f986e9f2aa144e>>
  * @codegenCommand yarn build tokens
  */
 const tokens = [{
@@ -147,6 +147,28 @@ const tokens = [{
   "name": "radius.full",
   "path": ["radius", "full"],
   "cleanName": "radius.full"
+}, {
+  "attributes": {
+    "group": "shape",
+    "state": "active",
+    "introduced": "6.2.0",
+    "description": "Used for tiles only."
+  },
+  "value": "25%",
+  "filePath": "schema/themes/atlassian-shape-rounder/shape.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "shape",
+      "state": "active",
+      "introduced": "6.2.0",
+      "description": "Used for tiles only."
+    },
+    "value": "RadiusPercentage25"
+  },
+  "name": "radius.tile",
+  "path": ["radius", "tile"],
+  "cleanName": "radius.tile"
 }, {
   "attributes": {
     "group": "shape",

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::430e50a41a04b0f7abd0e25105c1912e>>
+ * @codegen <<SignedSource::05611dfd0ca8208c27a67efbdb8a44f0>>
  * @codegenCommand yarn build tokens
  */
 const tokens = [{
@@ -147,6 +147,28 @@ const tokens = [{
   "name": "radius.full",
   "path": ["radius", "full"],
   "cleanName": "radius.full"
+}, {
+  "attributes": {
+    "group": "shape",
+    "state": "active",
+    "introduced": "6.2.0",
+    "description": "Used for tiles only."
+  },
+  "value": "25%",
+  "filePath": "schema/themes/atlassian-shape-roundest/shape.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "shape",
+      "state": "active",
+      "introduced": "6.2.0",
+      "description": "Used for tiles only."
+    },
+    "value": "RadiusPercentage25"
+  },
+  "name": "radius.tile",
+  "path": ["radius", "tile"],
+  "cleanName": "radius.tile"
 }, {
   "attributes": {
     "group": "shape",

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::f755c03a62ad1c3a129f21e10a2669d5>>
+ * @codegen <<SignedSource::cb61446316a92e7f26958e3ca733fd1e>>
  * @codegenCommand yarn build tokens
  */
 const tokens = [{
@@ -147,6 +147,28 @@ const tokens = [{
   "name": "radius.full",
   "path": ["radius", "full"],
   "cleanName": "radius.full"
+}, {
+  "attributes": {
+    "group": "shape",
+    "state": "active",
+    "introduced": "6.2.0",
+    "description": "Used for tiles only."
+  },
+  "value": "25%",
+  "filePath": "schema/themes/atlassian-shape/shape.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "shape",
+      "state": "active",
+      "introduced": "6.2.0",
+      "description": "Used for tiles only."
+    },
+    "value": "RadiusPercentage25"
+  },
+  "name": "radius.tile",
+  "path": ["radius", "tile"],
+  "cleanName": "radius.tile"
 }, {
   "attributes": {
     "group": "shape",

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

@@ -3,7 +3,7 @@
  *
  * Metadata for generation of of `@atlaskit/ads-mcp` and https://atlassian.design/llms-tokens.txt.
  *
- * @codegen <<SignedSource::2f0d0ffb7abcc77f7b99efa4241047a4>>
+ * @codegen <<SignedSource::8f8418aa1d6ba188bbe4113e52db79c6>>
  * @codegenCommand yarn build tokens
  */
 
@@ -2227,6 +2227,11 @@ export const tokens = [{
   path: ['radius', 'full'],
   description: 'Used for circular containers, like a rounded button.',
   exampleValue: '624.9375rem'
+}, {
+  name: 'radius.tile',
+  path: ['radius', 'tile'],
+  description: 'Used for tiles only.',
+  exampleValue: '25%'
 }, {
   name: 'border.radius',
   path: ['border', 'radius', '[default]'],

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::f4b022d6e18730437f14e3f2a6430c5a>>
+ * @codegen <<SignedSource::56944727b3c1e10bac5077e2c3edc9bf>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -123,6 +123,21 @@ var tokens = [{
   },
   "name": "radius.Radius99",
   "path": ["radius", "Radius99"]
+}, {
+  "value": "25%",
+  "attributes": {
+    "group": "shape"
+  },
+  "filePath": "schema/palettes/shape-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": "25%",
+    "attributes": {
+      "group": "shape"
+    }
+  },
+  "name": "radius.RadiusPercentage25",
+  "path": ["radius", "RadiusPercentage25"]
 }, {
   "value": "1px",
   "attributes": {

package/dist/esm/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::b2f388559d723f17083d9711905b528f>>
+ * @codegen <<SignedSource::128da9031c125f03deb978cf4b9c3009>>
  * @codegenCommand yarn build tokens
  */
-export 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-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";
+export 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";

package/dist/esm/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::b1574d1a9deb339d6c42eb37e069a871>>
+ * @codegen <<SignedSource::fe8e6647480782980a41e5b764ef573e>>
  * @codegenCommand yarn build tokens
  */
-export 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-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";
+export 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";

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::5fd7a2193acea84566a4f17a6f50d7b2>>
+ * @codegen <<SignedSource::1ce1b3c3f1f76652ab1f337426556032>>
  * @codegenCommand yarn build tokens
  */
-export 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-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";
+export 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";

package/dist/esm/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::2992e1957578e92ec58e9b373bf9b813>>
+ * @codegen <<SignedSource::eba7fc303dbd28142e0828a97466e5ad>>
  * @codegenCommand yarn build tokens
  */
 var defaultTokenValues = {
@@ -455,6 +455,7 @@ var defaultTokenValues = {
   'radius.large': '0.5rem',
   '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',

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::06d7df9fd7562fac091fccfbf1704240>>
+ * @codegen <<SignedSource::a8feb13ecf105e7fd6247cb4d1a99b01>>
  * @codegenCommand yarn build tokens
  */
 var tokens = {
@@ -448,6 +448,7 @@ var tokens = {
   'radius.large': '--ds-radius-large',
   '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',

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::70683a619511de03d801680b44fe3e86>>
+ * @codegen <<SignedSource::9f7396048d77a42862f986e9f2aa144e>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -147,6 +147,28 @@ var tokens = [{
   "name": "radius.full",
   "path": ["radius", "full"],
   "cleanName": "radius.full"
+}, {
+  "attributes": {
+    "group": "shape",
+    "state": "active",
+    "introduced": "6.2.0",
+    "description": "Used for tiles only."
+  },
+  "value": "25%",
+  "filePath": "schema/themes/atlassian-shape-rounder/shape.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "shape",
+      "state": "active",
+      "introduced": "6.2.0",
+      "description": "Used for tiles only."
+    },
+    "value": "RadiusPercentage25"
+  },
+  "name": "radius.tile",
+  "path": ["radius", "tile"],
+  "cleanName": "radius.tile"
 }, {
   "attributes": {
     "group": "shape",