@atlaskit/tokens 1.0.0 → 1.2.0

package/dist/types/artifacts/types.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::8bebcee41e22c676d030fc9656a216d9>>
+ * @codegen <<SignedSource::0590226763691ce0543ee24e9a6bb722>>
  * @codegenCommand yarn build tokens
  */
-export declare type ActiveTokens = 'color.text' | 'color.text.accent.red' | 'color.text.accent.red.bolder' | 'color.text.accent.orange' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green' | 'color.text.accent.green.bolder' | 'color.text.accent.teal' | 'color.text.accent.teal.bolder' | 'color.text.accent.blue' | 'color.text.accent.blue.bolder' | 'color.text.accent.purple' | 'color.text.accent.purple.bolder' | 'color.text.accent.magenta' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray' | 'color.text.accent.gray.bolder' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.selected' | 'color.text.brand' | 'color.text.danger' | 'color.text.warning' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.text.subtlest' | 'color.text.subtle' | 'color.link' | 'color.link.pressed' | 'color.icon' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.teal' | 'color.icon.accent.blue' | 'color.icon.accent.purple' | 'color.icon.accent.magenta' | 'color.icon.accent.gray' | 'color.icon.disabled' | 'color.icon.inverse' | 'color.icon.selected' | 'color.icon.brand' | 'color.icon.danger' | 'color.icon.warning' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.icon.subtle' | 'color.border' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.teal' | 'color.border.accent.blue' | 'color.border.accent.purple' | 'color.border.accent.magenta' | 'color.border.accent.gray' | 'color.border.disabled' | 'color.border.focused' | 'color.border.input' | 'color.border.inverse' | 'color.border.selected' | 'color.border.brand' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.border.bold' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtle' | 'color.background.accent.red.bolder' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.bolder' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.bolder' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtle' | 'color.background.accent.green.bolder' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.bolder' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.bolder' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.bolder' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.bolder' | 'color.background.accent.gray.subtlest' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.bolder' | 'color.background.disabled' | 'color.background.input' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.inverse.subtle' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.neutral' | 'color.background.neutral.hovered' | 'color.background.neutral.pressed' | 'color.background.neutral.subtle' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.selected' | 'color.background.selected.hovered' | 'color.background.selected.pressed' | 'color.background.selected.bold' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.brand.bold' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.danger' | 'color.background.danger.hovered' | 'color.background.danger.pressed' | 'color.background.danger.bold' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning' | 'color.background.warning.hovered' | 'color.background.warning.pressed' | 'color.background.warning.bold' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success' | 'color.background.success.hovered' | 'color.background.success.pressed' | 'color.background.success.bold' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery' | 'color.background.discovery.hovered' | 'color.background.discovery.pressed' | 'color.background.discovery.bold' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information' | 'color.background.information.hovered' | 'color.background.information.pressed' | 'color.background.information.bold' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket' | 'color.blanket.selected' | 'color.blanket.danger' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.skeleton' | 'color.skeleton.subtle' | 'color.chart.categorical.1' | 'color.chart.categorical.1.hovered' | 'color.chart.categorical.2' | 'color.chart.categorical.2.hovered' | 'color.chart.categorical.3' | 'color.chart.categorical.3.hovered' | 'color.chart.categorical.4' | 'color.chart.categorical.4.hovered' | 'color.chart.categorical.5' | 'color.chart.categorical.5.hovered' | 'color.chart.categorical.6' | 'color.chart.categorical.6.hovered' | 'color.chart.categorical.7' | 'color.chart.categorical.7.hovered' | 'color.chart.categorical.8' | 'color.chart.categorical.8.hovered' | 'color.chart.neutral' | 'color.chart.neutral.hovered' | 'color.chart.red.bold' | 'color.chart.red.bold.hovered' | 'color.chart.red.bolder' | 'color.chart.red.bolder.hovered' | 'color.chart.red.boldest' | 'color.chart.red.boldest.hovered' | 'color.chart.orange.bold' | 'color.chart.orange.bold.hovered' | 'color.chart.orange.bolder' | 'color.chart.orange.bolder.hovered' | 'color.chart.orange.boldest' | 'color.chart.orange.boldest.hovered' | 'color.chart.yellow.bold' | 'color.chart.yellow.bold.hovered' | 'color.chart.yellow.bolder' | 'color.chart.yellow.bolder.hovered' | 'color.chart.yellow.boldest' | 'color.chart.yellow.boldest.hovered' | 'color.chart.green.bold' | 'color.chart.green.bold.hovered' | 'color.chart.green.bolder' | 'color.chart.green.bolder.hovered' | 'color.chart.green.boldest' | 'color.chart.green.boldest.hovered' | 'color.chart.teal.bold' | 'color.chart.teal.bold.hovered' | 'color.chart.teal.bolder' | 'color.chart.teal.bolder.hovered' | 'color.chart.teal.boldest' | 'color.chart.teal.boldest.hovered' | 'color.chart.blue.bold' | 'color.chart.blue.bold.hovered' | 'color.chart.blue.bolder' | 'color.chart.blue.bolder.hovered' | 'color.chart.blue.boldest' | 'color.chart.blue.boldest.hovered' | 'color.chart.purple.bold' | 'color.chart.purple.bold.hovered' | 'color.chart.purple.bolder' | 'color.chart.purple.bolder.hovered' | 'color.chart.purple.boldest' | 'color.chart.purple.boldest.hovered' | 'color.chart.magenta.bold' | 'color.chart.magenta.bold.hovered' | 'color.chart.magenta.bolder' | 'color.chart.magenta.bolder.hovered' | 'color.chart.magenta.boldest' | 'color.chart.magenta.boldest.hovered' | 'color.chart.gray.bold' | 'color.chart.gray.bold.hovered' | 'color.chart.gray.bolder' | 'color.chart.gray.bolder.hovered' | 'color.chart.gray.boldest' | 'color.chart.gray.boldest.hovered' | 'color.chart.brand' | 'color.chart.brand.hovered' | 'color.chart.danger' | 'color.chart.danger.hovered' | 'color.chart.danger.bold' | 'color.chart.danger.bold.hovered' | 'color.chart.warning' | 'color.chart.warning.hovered' | 'color.chart.warning.bold' | 'color.chart.warning.bold.hovered' | 'color.chart.success' | 'color.chart.success.hovered' | 'color.chart.success.bold' | 'color.chart.success.bold.hovered' | 'color.chart.discovery' | 'color.chart.discovery.hovered' | 'color.chart.discovery.bold' | 'color.chart.discovery.bold.hovered' | 'color.chart.information' | 'color.chart.information.hovered' | 'color.chart.information.bold' | 'color.chart.information.bold.hovered' | 'elevation.surface' | 'elevation.surface.hovered' | 'elevation.surface.pressed' | 'elevation.surface.overlay' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'elevation.surface.raised' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.sunken' | 'elevation.shadow.overflow' | 'elevation.shadow.overflow.perimeter' | 'elevation.shadow.overflow.spread' | 'elevation.shadow.overlay' | 'elevation.shadow.raised' | 'opacity.disabled' | 'opacity.loading' | 'utility.UNSAFE.transparent' | 'spacing.scale.0' | 'spacing.scale.025' | 'spacing.scale.050' | 'spacing.scale.075' | 'spacing.scale.100' | 'spacing.scale.150' | 'spacing.scale.200' | 'spacing.scale.250' | 'spacing.scale.300' | 'spacing.scale.400' | 'spacing.scale.500' | 'spacing.scale.600' | 'spacing.scale.800' | 'spacing.scale.1000' | 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'space.1000' | 'font.family.monospace' | 'font.family.sans' | 'font.size.050' | 'font.size.075' | 'font.size.100' | 'font.size.200' | 'font.size.300' | 'font.size.400' | 'font.size.500' | 'font.size.600' | 'font.weight.bold' | 'font.weight.medium' | 'font.weight.regular' | 'font.weight.semibold' | 'font.lineHeight.100' | 'font.lineHeight.200' | 'font.lineHeight.300' | 'font.lineHeight.400' | 'font.lineHeight.500' | 'font.lineHeight.600';
+export declare type ActiveTokens = 'color.text' | 'color.text.accent.red' | 'color.text.accent.red.bolder' | 'color.text.accent.orange' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green' | 'color.text.accent.green.bolder' | 'color.text.accent.teal' | 'color.text.accent.teal.bolder' | 'color.text.accent.blue' | 'color.text.accent.blue.bolder' | 'color.text.accent.purple' | 'color.text.accent.purple.bolder' | 'color.text.accent.magenta' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray' | 'color.text.accent.gray.bolder' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.selected' | 'color.text.brand' | 'color.text.danger' | 'color.text.warning' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.text.subtlest' | 'color.text.subtle' | 'color.link' | 'color.link.pressed' | 'color.icon' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.teal' | 'color.icon.accent.blue' | 'color.icon.accent.purple' | 'color.icon.accent.magenta' | 'color.icon.accent.gray' | 'color.icon.disabled' | 'color.icon.inverse' | 'color.icon.selected' | 'color.icon.brand' | 'color.icon.danger' | 'color.icon.warning' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.icon.subtle' | 'color.border' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.teal' | 'color.border.accent.blue' | 'color.border.accent.purple' | 'color.border.accent.magenta' | 'color.border.accent.gray' | 'color.border.disabled' | 'color.border.focused' | 'color.border.input' | 'color.border.inverse' | 'color.border.selected' | 'color.border.brand' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.border.bold' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtle' | 'color.background.accent.red.bolder' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.bolder' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.bolder' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtle' | 'color.background.accent.green.bolder' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.bolder' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.bolder' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.bolder' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.bolder' | 'color.background.accent.gray.subtlest' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.bolder' | 'color.background.disabled' | 'color.background.input' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.inverse.subtle' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.neutral' | 'color.background.neutral.hovered' | 'color.background.neutral.pressed' | 'color.background.neutral.subtle' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.selected' | 'color.background.selected.hovered' | 'color.background.selected.pressed' | 'color.background.selected.bold' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.brand.bold' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.danger' | 'color.background.danger.hovered' | 'color.background.danger.pressed' | 'color.background.danger.bold' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning' | 'color.background.warning.hovered' | 'color.background.warning.pressed' | 'color.background.warning.bold' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success' | 'color.background.success.hovered' | 'color.background.success.pressed' | 'color.background.success.bold' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery' | 'color.background.discovery.hovered' | 'color.background.discovery.pressed' | 'color.background.discovery.bold' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information' | 'color.background.information.hovered' | 'color.background.information.pressed' | 'color.background.information.bold' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket' | 'color.blanket.selected' | 'color.blanket.danger' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.skeleton' | 'color.skeleton.subtle' | 'color.chart.categorical.1' | 'color.chart.categorical.1.hovered' | 'color.chart.categorical.2' | 'color.chart.categorical.2.hovered' | 'color.chart.categorical.3' | 'color.chart.categorical.3.hovered' | 'color.chart.categorical.4' | 'color.chart.categorical.4.hovered' | 'color.chart.categorical.5' | 'color.chart.categorical.5.hovered' | 'color.chart.categorical.6' | 'color.chart.categorical.6.hovered' | 'color.chart.categorical.7' | 'color.chart.categorical.7.hovered' | 'color.chart.categorical.8' | 'color.chart.categorical.8.hovered' | 'color.chart.neutral' | 'color.chart.neutral.hovered' | 'color.chart.red.bold' | 'color.chart.red.bold.hovered' | 'color.chart.red.bolder' | 'color.chart.red.bolder.hovered' | 'color.chart.red.boldest' | 'color.chart.red.boldest.hovered' | 'color.chart.orange.bold' | 'color.chart.orange.bold.hovered' | 'color.chart.orange.bolder' | 'color.chart.orange.bolder.hovered' | 'color.chart.orange.boldest' | 'color.chart.orange.boldest.hovered' | 'color.chart.yellow.bold' | 'color.chart.yellow.bold.hovered' | 'color.chart.yellow.bolder' | 'color.chart.yellow.bolder.hovered' | 'color.chart.yellow.boldest' | 'color.chart.yellow.boldest.hovered' | 'color.chart.green.bold' | 'color.chart.green.bold.hovered' | 'color.chart.green.bolder' | 'color.chart.green.bolder.hovered' | 'color.chart.green.boldest' | 'color.chart.green.boldest.hovered' | 'color.chart.teal.bold' | 'color.chart.teal.bold.hovered' | 'color.chart.teal.bolder' | 'color.chart.teal.bolder.hovered' | 'color.chart.teal.boldest' | 'color.chart.teal.boldest.hovered' | 'color.chart.blue.bold' | 'color.chart.blue.bold.hovered' | 'color.chart.blue.bolder' | 'color.chart.blue.bolder.hovered' | 'color.chart.blue.boldest' | 'color.chart.blue.boldest.hovered' | 'color.chart.purple.bold' | 'color.chart.purple.bold.hovered' | 'color.chart.purple.bolder' | 'color.chart.purple.bolder.hovered' | 'color.chart.purple.boldest' | 'color.chart.purple.boldest.hovered' | 'color.chart.magenta.bold' | 'color.chart.magenta.bold.hovered' | 'color.chart.magenta.bolder' | 'color.chart.magenta.bolder.hovered' | 'color.chart.magenta.boldest' | 'color.chart.magenta.boldest.hovered' | 'color.chart.gray.bold' | 'color.chart.gray.bold.hovered' | 'color.chart.gray.bolder' | 'color.chart.gray.bolder.hovered' | 'color.chart.gray.boldest' | 'color.chart.gray.boldest.hovered' | 'color.chart.brand' | 'color.chart.brand.hovered' | 'color.chart.danger' | 'color.chart.danger.hovered' | 'color.chart.danger.bold' | 'color.chart.danger.bold.hovered' | 'color.chart.warning' | 'color.chart.warning.hovered' | 'color.chart.warning.bold' | 'color.chart.warning.bold.hovered' | 'color.chart.success' | 'color.chart.success.hovered' | 'color.chart.success.bold' | 'color.chart.success.bold.hovered' | 'color.chart.discovery' | 'color.chart.discovery.hovered' | 'color.chart.discovery.bold' | 'color.chart.discovery.bold.hovered' | 'color.chart.information' | 'color.chart.information.hovered' | 'color.chart.information.bold' | 'color.chart.information.bold.hovered' | 'elevation.surface' | 'elevation.surface.hovered' | 'elevation.surface.pressed' | 'elevation.surface.overlay' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'elevation.surface.raised' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.sunken' | 'elevation.shadow.overflow' | 'elevation.shadow.overflow.perimeter' | 'elevation.shadow.overflow.spread' | 'elevation.shadow.overlay' | 'elevation.shadow.raised' | 'opacity.disabled' | 'opacity.loading' | 'utility.UNSAFE.transparent' | 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'space.1000' | 'font.family.monospace' | 'font.family.sans' | 'font.size.050' | 'font.size.075' | 'font.size.100' | 'font.size.200' | 'font.size.300' | 'font.size.400' | 'font.size.500' | 'font.size.600' | 'font.weight.bold' | 'font.weight.medium' | 'font.weight.regular' | 'font.weight.semibold' | 'font.lineHeight.100' | 'font.lineHeight.200' | 'font.lineHeight.300' | 'font.lineHeight.400' | 'font.lineHeight.500' | 'font.lineHeight.600';

package/dist/types/entry-points/tokens-raw.d.ts

@@ -2,3 +2,4 @@ export { default as light } from '../artifacts/tokens-raw/atlassian-light';
 export { default as dark } from '../artifacts/tokens-raw/atlassian-dark';
 export { default as spacing } from '../artifacts/tokens-raw/atlassian-spacing';
 export { default as typography } from '../artifacts/tokens-raw/atlassian-typography';
+export { default as shape } from '../artifacts/tokens-raw/atlassian-shape';

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

@@ -0,0 +1,61 @@
+import type { ShapeScaleTokenSchema } from '../types';
+/**
+ * Types are inferred from the base tokens below
+ */
+export declare type ShapePaletteToken = BaseRadiusToken | BaseSizeToken;
+export declare type BaseSizeToken = keyof typeof baseSizeTokens;
+export declare type BaseRadiusToken = keyof typeof baseRadiusTokens;
+declare const baseSizeTokens: {
+    readonly Size050: {
+        readonly value: "0.0625rem";
+        readonly attributes: {
+            readonly group: "shape";
+        };
+    };
+    readonly Size100: {
+        readonly value: "0.125rem";
+        readonly attributes: {
+            readonly group: "shape";
+        };
+    };
+};
+declare const baseRadiusTokens: {
+    readonly Radius050: {
+        readonly value: "0.125rem";
+        readonly attributes: {
+            readonly group: "shape";
+        };
+    };
+    readonly Radius100: {
+        readonly value: "0.25rem";
+        readonly attributes: {
+            readonly group: "shape";
+        };
+    };
+    readonly Radius200: {
+        readonly value: "0.5rem";
+        readonly attributes: {
+            readonly group: "shape";
+        };
+    };
+    readonly Radius300: {
+        readonly value: "0.75rem";
+        readonly attributes: {
+            readonly group: "shape";
+        };
+    };
+    readonly Radius400: {
+        readonly value: "1rem";
+        readonly attributes: {
+            readonly group: "shape";
+        };
+    };
+    readonly RadiusCircle: {
+        readonly value: "50%";
+        readonly attributes: {
+            readonly group: "shape";
+        };
+    };
+};
+declare const shapePalette: ShapeScaleTokenSchema<BaseRadiusToken, BaseSizeToken>;
+export default shapePalette;

package/dist/types/palettes/spacing-scale.d.ts

@@ -7,86 +7,86 @@ declare const baseSpacingTokens: {
     readonly Space0: {
         readonly value: "0";
         readonly attributes: {
-            readonly group: "scale";
+            readonly group: "spacing";
         };
     };
     readonly Space025: {
         readonly value: "0.125rem";
         readonly attributes: {
-            readonly group: "scale";
+            readonly group: "spacing";
         };
     };
     readonly Space050: {
         readonly value: "0.25rem";
         readonly attributes: {
-            readonly group: "scale";
+            readonly group: "spacing";
         };
     };
     readonly Space075: {
         readonly value: "0.375rem";
         readonly attributes: {
-            readonly group: "scale";
+            readonly group: "spacing";
         };
     };
     readonly Space100: {
         readonly value: "0.5rem";
         readonly attributes: {
-            readonly group: "scale";
+            readonly group: "spacing";
         };
     };
     readonly Space150: {
         readonly value: "0.75rem";
         readonly attributes: {
-            readonly group: "scale";
+            readonly group: "spacing";
         };
     };
     readonly Space200: {
         readonly value: "1rem";
         readonly attributes: {
-            readonly group: "scale";
+            readonly group: "spacing";
         };
     };
     readonly Space250: {
         readonly value: "1.25rem";
         readonly attributes: {
-            readonly group: "scale";
+            readonly group: "spacing";
         };
     };
     readonly Space300: {
         readonly value: "1.5rem";
         readonly attributes: {
-            readonly group: "scale";
+            readonly group: "spacing";
         };
     };
     readonly Space400: {
         readonly value: "2rem";
         readonly attributes: {
-            readonly group: "scale";
+            readonly group: "spacing";
         };
     };
     readonly Space500: {
         readonly value: "2.5rem";
         readonly attributes: {
-            readonly group: "scale";
+            readonly group: "spacing";
         };
     };
     readonly Space600: {
         readonly value: "3rem";
         readonly attributes: {
-            readonly group: "scale";
+            readonly group: "spacing";
         };
     };
     readonly Space800: {
         readonly value: "4rem";
         readonly attributes: {
-            readonly group: "scale";
+            readonly group: "spacing";
         };
         readonly pixelValue: "64px";
     };
     readonly Space1000: {
         readonly value: "5rem";
         readonly attributes: {
-            readonly group: "scale";
+            readonly group: "spacing";
         };
         readonly pixelValue: "80px";
     };

package/dist/types/theme-config.d.ts

@@ -6,14 +6,14 @@
  * These ids are what the actual theme files/folders are called.
  * style-dictionary will attempt to locate these in the file-system.
  */
-export declare type Themes = 'atlassian-light' | 'atlassian-dark' | 'atlassian-legacy-light' | 'atlassian-legacy-dark' | 'atlassian-spacing' | 'atlassian-typography';
+export declare type Themes = 'atlassian-light' | 'atlassian-dark' | 'atlassian-legacy-light' | 'atlassian-legacy-dark' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography';
 export declare type ThemeFileNames = Themes;
 /**
  * Theme kinds: The type of theme.
  * Some themes are entirely focused on Color, whilst others are purely focused on spacing.
  * In the future other types may be introduced such as typography.
  */
-export declare type ThemeKinds = 'color' | 'spacing' | 'typography';
+export declare type ThemeKinds = 'color' | 'spacing' | 'typography' | 'shape';
 /**
  * Theme modes: The general purpose of a theme.
  * This attr is used to apply the appropriate system-preference option
@@ -29,7 +29,7 @@ export declare type DataColorModes = Omit<ThemeColorModes, 'auto'>;
  *
  * These ids must be kebab case
  */
-export declare const themeIds: readonly ["light", "dark", "legacy-light", "legacy-dark", "spacing", "typography"];
+export declare const themeIds: readonly ["light", "dark", "legacy-light", "legacy-dark", "spacing", "typography", "shape"];
 export declare type ThemeIds = typeof themeIds[number];
 /**
  * Theme to use a base. This will create the theme as
@@ -42,7 +42,7 @@ export declare type ExtensionThemeId = ThemeIds;
  * For example: legacy light & dark themes use the "legacyPalette" containing colors from our
  * previous color set.
  */
-export declare type Palettes = 'defaultPalette' | 'legacyPalette' | 'spacingScale' | 'typographyPalette';
+export declare type Palettes = 'defaultPalette' | 'legacyPalette' | 'spacingScale' | 'shapePalette' | 'typographyPalette';
 /**
  * ThemeConfig: the source of truth for all theme meta-data.
  * This object should be used whenever interfacing with themes.
@@ -55,9 +55,7 @@ interface ThemeConfig {
         type: 'color';
         mode: Exclude<ThemeColorModes, 'auto'>;
     } | {
-        type: 'spacing';
-    } | {
-        type: 'typography';
+        type: Extract<ThemeKinds, 'spacing' | 'typography' | 'shape'>;
     }) & {
         extends?: ExtensionThemeId;
     };

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

@@ -0,0 +1,7 @@
+import type { ShapeTokenSchema, ValueSchema } from '../../types';
+/**
+ * This is combined with the attribute schema.
+ * @link 'file:../default/shape/shape.tsx'
+ */
+declare const shape: ValueSchema<ShapeTokenSchema>;
+export default shape;

package/dist/types/tokens/default/shape/shape.d.ts

@@ -0,0 +1,3 @@
+import type { AttributeSchema, ShapeTokenSchema } from '../../../types';
+declare const shape: AttributeSchema<ShapeTokenSchema>;
+export default shape;

package/dist/types/types.d.ts

@@ -1,6 +1,7 @@
 import type { InternalTokenIds } from './artifacts/types-internal';
+import type { ShapePaletteToken } from './palettes/shape-palette';
 import type { SpacingPaletteToken } from './palettes/spacing-scale';
-export declare type Groups = 'raw' | 'paint' | 'shadow' | 'palette' | 'opacity' | 'spacing' | 'scale' | 'fontSize' | 'fontWeight' | 'fontFamily' | 'lineHeight';
+export declare type Groups = 'raw' | 'paint' | 'shadow' | 'palette' | 'opacity' | 'spacing' | 'shape' | 'typography' | 'fontSize' | 'fontWeight' | 'fontFamily' | 'lineHeight';
 export declare type ActiveTokenState = 'active';
 export declare type DeprecatedTokenState = 'deprecated';
 export declare type DeletedTokenState = 'deleted';
@@ -103,17 +104,13 @@ export declare type ShadowToken<BaseToken> = DesignToken<Array<{
 }>, 'shadow'>;
 export declare type OpacityToken = DesignToken<string, 'opacity'>;
 export declare type SpacingToken = DesignToken<SpacingPaletteToken, 'spacing'>;
+export declare type ShapeToken = DesignToken<ShapePaletteToken, 'shape'>;
 export declare type FontSizeToken<BaseToken> = DesignToken<BaseToken, 'fontSize'>;
 export declare type FontWeightToken<BaseToken> = DesignToken<BaseToken, 'fontWeight'>;
 export declare type FontFamilyToken<BaseToken> = DesignToken<BaseToken, 'fontFamily'>;
 export declare type LineHeightToken<BaseToken> = DesignToken<BaseToken, 'lineHeight'>;
 export declare type TypographyToken<BaseToken> = DesignToken<BaseToken, 'fontSize' | 'fontWeight' | 'fontFamily' | 'lineHeight'>;
 export declare type RawToken = DesignToken<string, 'raw'>;
-export interface ScaleToken extends BaseToken<string, 'scale'> {
-    attributes: {
-        group: 'scale';
-    };
-}
 export interface PaletteColorTokenSchema<PaletteValues extends string> {
     value: {
         opacity: {
@@ -125,23 +122,29 @@ export interface PaletteColorTokenSchema<PaletteValues extends string> {
         palette: Record<PaletteValues, PaletteToken>;
     };
 }
+declare type SpacingSchemaValue = BaseToken<string, 'spacing'>;
+declare type TypographySchemaValue = BaseToken<string, 'typography'>;
+declare type ShapeSchemaValue = BaseToken<string, 'shape'>;
 export interface SpacingScaleTokenSchema<ScaleValues extends string> {
-    space: Record<ScaleValues, ScaleToken>;
-    spacing: {
-        scale: Record<ScaleValues, ScaleToken>;
+    space: Record<ScaleValues, SpacingSchemaValue>;
+}
+export interface ShapeScaleTokenSchema<RadiusScaleValues extends string, SizeScaleValues extends string> {
+    border: {
+        radius: Record<RadiusScaleValues, ShapeSchemaValue>;
+        width: Record<SizeScaleValues, ShapeSchemaValue>;
     };
 }
 export interface FontSizeScaleTokenSchema<ScaleValues extends string> {
-    fontSize: Record<ScaleValues, ScaleToken>;
+    fontSize: Record<ScaleValues, TypographySchemaValue>;
 }
 export interface FontWeightScaleTokenSchema<ScaleValues extends string> {
-    fontWeight: Record<ScaleValues, ScaleToken>;
+    fontWeight: Record<ScaleValues, TypographySchemaValue>;
 }
 export interface FontFamilyPaletteTokenSchema<ScaleValues extends string> {
-    fontFamily: Record<ScaleValues, ScaleToken>;
+    fontFamily: Record<ScaleValues, TypographySchemaValue>;
 }
 export interface LineHeightScaleTokenSchema<ScaleValues extends string> {
-    lineHeight: Record<ScaleValues, ScaleToken>;
+    lineHeight: Record<ScaleValues, TypographySchemaValue>;
 }
 export interface BackgroundColorTokenSchema<BaseToken> {
     color: {
@@ -761,110 +764,20 @@ export interface SpacingTokenSchema {
         '800': SpacingToken;
         '1000': SpacingToken;
     };
-    spacing: {
-        scale: {
-            '0': SpacingToken;
-            '025': SpacingToken;
-            '050': SpacingToken;
-            '075': SpacingToken;
-            '100': SpacingToken;
-            '150': SpacingToken;
-            '200': SpacingToken;
-            '250': SpacingToken;
-            '300': SpacingToken;
-            '400': SpacingToken;
-            '500': SpacingToken;
-            '600': SpacingToken;
-            '800': SpacingToken;
-            '1000': SpacingToken;
-        };
-        scaleLinear: {
-            '0': SpacingToken;
-            '100': SpacingToken;
-            '200': SpacingToken;
-            '300': SpacingToken;
-            '400': SpacingToken;
-            '500': SpacingToken;
-            '600': SpacingToken;
-            '700': SpacingToken;
-            '800': SpacingToken;
-            '900': SpacingToken;
-            '1000': SpacingToken;
-            '1100': SpacingToken;
-        };
-        size: {
-            none: SpacingToken;
-            xxxxSmall: SpacingToken;
-            xxxSmall: SpacingToken;
-            xxSmall: SpacingToken;
-            xsmall: SpacingToken;
-            small: SpacingToken;
-            medium: SpacingToken;
-            large: SpacingToken;
-            xlarge: SpacingToken;
-            xxlarge: SpacingToken;
-            xxxlarge: SpacingToken;
-            xxxxlarge: SpacingToken;
-        };
-        ecl: {
-            element: {
-                '2': SpacingToken;
-                '4': SpacingToken;
-                '6': SpacingToken;
-                '8': SpacingToken;
-            };
-            container: {
-                '12': SpacingToken;
-                '16': SpacingToken;
-                '20': SpacingToken;
-                '24': SpacingToken;
-            };
-            layout: {
-                '32': SpacingToken;
-                '40': SpacingToken;
-                '64': SpacingToken;
-            };
-        };
-        ccc: {
-            component: {
-                '2': SpacingToken;
-                '4': SpacingToken;
-                '6': SpacingToken;
-                '8': SpacingToken;
-            };
-            content: {
-                '12': SpacingToken;
-                '16': SpacingToken;
-                '20': SpacingToken;
-                '24': SpacingToken;
-            };
-            container: {
-                '32': SpacingToken;
-                '40': SpacingToken;
-                '48': SpacingToken;
-            };
-        };
-        gap: {
-            '100': {
-                value: 'Space100';
-            };
-            '200': {
-                value: 'Space200';
-            };
-            '300': {
-                value: 'Space300';
-            };
+}
+export interface ShapeTokenSchema {
+    border: {
+        width: {
+            '050': ShapeToken;
+            '100': ShapeToken;
         };
-        inset: {
-            '100': {
-                value: 'Space100';
-            };
-            '200': {
-                value: 'Space200';
-            };
-            '300': {
-                value: 'Space300';
-            };
+        radius: {
+            '050': ShapeToken;
+            '100': ShapeToken;
+            '200': ShapeToken;
+            '300': ShapeToken;
+            '400': ShapeToken;
+            round: ShapeToken;
         };
     };
 }

package/figma/atlassian-shape.json

@@ -0,0 +1,78 @@
+{
+  "name": "Shape",
+  "tokens": {
+    "Shape/border.radius.050": {
+      "attributes": {
+        "group": "shape",
+        "state": "experimental",
+        "introduced": "1.1.0",
+        "description": "Experimental, description needs to be amended"
+      },
+      "value": "0.125rem"
+    },
+    "Shape/border.radius.100": {
+      "attributes": {
+        "group": "shape",
+        "state": "experimental",
+        "introduced": "1.1.0",
+        "description": "Experimental, description needs to be amended"
+      },
+      "value": "0.25rem"
+    },
+    "Shape/border.radius.200": {
+      "attributes": {
+        "group": "shape",
+        "state": "experimental",
+        "introduced": "1.1.0",
+        "description": "Experimental, description needs to be amended"
+      },
+      "value": "0.5rem"
+    },
+    "Shape/border.radius.300": {
+      "attributes": {
+        "group": "shape",
+        "state": "experimental",
+        "introduced": "1.1.0",
+        "description": "Experimental, description needs to be amended"
+      },
+      "value": "0.75rem"
+    },
+    "Shape/border.radius.400": {
+      "attributes": {
+        "group": "shape",
+        "state": "experimental",
+        "introduced": "1.1.0",
+        "description": "Experimental, description needs to be amended"
+      },
+      "value": "1rem"
+    },
+    "Shape/border.radius.round": {
+      "attributes": {
+        "group": "shape",
+        "state": "experimental",
+        "introduced": "1.1.0",
+        "description": "Experimental, description needs to be amended"
+      },
+      "value": "50%"
+    },
+    "Shape/border.width.050": {
+      "attributes": {
+        "group": "shape",
+        "state": "experimental",
+        "introduced": "1.1.0",
+        "description": "Experimental, description needs to be amended"
+      },
+      "value": "0.0625rem"
+    },
+    "Shape/border.width.100": {
+      "attributes": {
+        "group": "shape",
+        "state": "experimental",
+        "introduced": "1.1.0",
+        "description": "Experimental, description needs to be amended"
+      },
+      "value": "0.125rem"
+    }
+  },
+  "renameMap": {}
+}