@atlaskit/tokens 6.0.0 → 6.1.0

package/dist/types/entry-points/css-type-schema.codegen.d.ts

@@ -3,7 +3,7 @@
  *
  * Strict design token based typedef representing a subset of safe CSS properties.
  *
- * @codegen <<SignedSource::051c591fbf1b8f4a288b93923ff8d5bf>>
+ * @codegen <<SignedSource::6ed6300d4dff96971806496d207407b0>>
  * @codegenCommand yarn build tokens
  */
 export type BackgroundColorHovered = 'var(--ds-background-accent-lime-subtlest-hovered)' | 'var(--ds-background-accent-lime-subtler-hovered)' | 'var(--ds-background-accent-lime-subtle-hovered)' | 'var(--ds-background-accent-lime-bolder-hovered)' | 'var(--ds-background-accent-red-subtlest-hovered)' | 'var(--ds-background-accent-red-subtler-hovered)' | 'var(--ds-background-accent-red-subtle-hovered)' | 'var(--ds-background-accent-red-bolder-hovered)' | 'var(--ds-background-accent-orange-subtlest-hovered)' | 'var(--ds-background-accent-orange-subtler-hovered)' | 'var(--ds-background-accent-orange-subtle-hovered)' | 'var(--ds-background-accent-orange-bolder-hovered)' | 'var(--ds-background-accent-yellow-subtlest-hovered)' | 'var(--ds-background-accent-yellow-subtler-hovered)' | 'var(--ds-background-accent-yellow-subtle-hovered)' | 'var(--ds-background-accent-yellow-bolder-hovered)' | 'var(--ds-background-accent-green-subtlest-hovered)' | 'var(--ds-background-accent-green-subtler-hovered)' | 'var(--ds-background-accent-green-subtle-hovered)' | 'var(--ds-background-accent-green-bolder-hovered)' | 'var(--ds-background-accent-teal-subtlest-hovered)' | 'var(--ds-background-accent-teal-subtler-hovered)' | 'var(--ds-background-accent-teal-subtle-hovered)' | 'var(--ds-background-accent-teal-bolder-hovered)' | 'var(--ds-background-accent-blue-subtlest-hovered)' | 'var(--ds-background-accent-blue-subtler-hovered)' | 'var(--ds-background-accent-blue-subtle-hovered)' | 'var(--ds-background-accent-blue-bolder-hovered)' | 'var(--ds-background-accent-purple-subtlest-hovered)' | 'var(--ds-background-accent-purple-subtler-hovered)' | 'var(--ds-background-accent-purple-subtle-hovered)' | 'var(--ds-background-accent-purple-bolder-hovered)' | 'var(--ds-background-accent-magenta-subtlest-hovered)' | 'var(--ds-background-accent-magenta-subtler-hovered)' | 'var(--ds-background-accent-magenta-subtle-hovered)' | 'var(--ds-background-accent-magenta-bolder-hovered)' | 'var(--ds-background-accent-gray-subtlest-hovered)' | 'var(--ds-background-accent-gray-subtler-hovered)' | 'var(--ds-background-accent-gray-subtle-hovered)' | 'var(--ds-background-accent-gray-bolder-hovered)' | 'var(--ds-background-input-hovered)' | 'var(--ds-background-inverse-subtle-hovered)' | 'var(--ds-background-neutral-hovered)' | 'var(--ds-background-neutral-subtle-hovered)' | 'var(--ds-background-neutral-bold-hovered)' | 'var(--ds-background-selected-hovered)' | 'var(--ds-background-selected-bold-hovered)' | 'var(--ds-background-brand-subtlest-hovered)' | 'var(--ds-background-brand-bold-hovered)' | 'var(--ds-background-brand-boldest-hovered)' | 'var(--ds-background-danger-hovered)' | 'var(--ds-background-danger-bold-hovered)' | 'var(--ds-background-warning-hovered)' | 'var(--ds-background-warning-bold-hovered)' | 'var(--ds-background-success-hovered)' | 'var(--ds-background-success-bold-hovered)' | 'var(--ds-background-discovery-hovered)' | 'var(--ds-background-discovery-bold-hovered)' | 'var(--ds-background-information-hovered)' | 'var(--ds-background-information-bold-hovered)' | 'var(--ds-surface-hovered)' | 'var(--ds-surface-overlay-hovered)' | 'var(--ds-surface-raised-hovered)';
@@ -13,8 +13,8 @@ export type FontShorthand = 'var(--ds-font-heading-xxlarge)' | 'var(--ds-font-he
 export type IconColorPressed = 'var(--ds-link-pressed)' | 'var(--ds-link-visited-pressed)';
 export type IconColor = IconColorPressed | 'var(--ds-link)' | 'var(--ds-link-visited)' | 'var(--ds-icon)' | 'var(--ds-icon-accent-lime)' | 'var(--ds-icon-accent-red)' | 'var(--ds-icon-accent-orange)' | 'var(--ds-icon-accent-yellow)' | 'var(--ds-icon-accent-green)' | 'var(--ds-icon-accent-teal)' | 'var(--ds-icon-accent-blue)' | 'var(--ds-icon-accent-purple)' | 'var(--ds-icon-accent-magenta)' | 'var(--ds-icon-accent-gray)' | 'var(--ds-icon-disabled)' | 'var(--ds-icon-inverse)' | 'var(--ds-icon-selected)' | 'var(--ds-icon-brand)' | 'var(--ds-icon-danger)' | 'var(--ds-icon-warning)' | 'var(--ds-icon-warning-inverse)' | 'var(--ds-icon-success)' | 'var(--ds-icon-discovery)' | 'var(--ds-icon-information)' | 'var(--ds-icon-subtlest)' | 'var(--ds-icon-subtle)';
 export type BorderColor = 'transparent' | 'var(--ds-border)' | 'var(--ds-border-accent-lime)' | 'var(--ds-border-accent-red)' | 'var(--ds-border-accent-orange)' | 'var(--ds-border-accent-yellow)' | 'var(--ds-border-accent-green)' | 'var(--ds-border-accent-teal)' | 'var(--ds-border-accent-blue)' | 'var(--ds-border-accent-purple)' | 'var(--ds-border-accent-magenta)' | 'var(--ds-border-accent-gray)' | 'var(--ds-border-disabled)' | 'var(--ds-border-focused)' | 'var(--ds-border-input)' | 'var(--ds-border-inverse)' | 'var(--ds-border-selected)' | 'var(--ds-border-brand)' | 'var(--ds-border-danger)' | 'var(--ds-border-warning)' | 'var(--ds-border-success)' | 'var(--ds-border-discovery)' | 'var(--ds-border-information)' | 'var(--ds-border-bold)';
-export type BorderRadius = 'var(--ds-border-radius-050)' | 'var(--ds-border-radius)' | 'var(--ds-border-radius-100)' | 'var(--ds-border-radius-200)' | 'var(--ds-border-radius-300)' | 'var(--ds-border-radius-400)' | 'var(--ds-border-radius-circle)' | 'inherit' | `${number}px` | `${number}rem`;
-export type BorderWidth = 'var(--ds-border-width)' | 'var(--ds-border-width-indicator)' | 'var(--ds-border-width-outline)' | 0 | '0';
+export type BorderRadius = 'var(--ds-border-radius)' | 'var(--ds-border-radius-050)' | 'var(--ds-border-radius-100)' | 'var(--ds-border-radius-200)' | 'var(--ds-border-radius-300)' | 'var(--ds-border-radius-400)' | 'var(--ds-border-radius-circle)' | 'inherit' | `${number}px` | `${number}rem`;
+export type BorderWidth = 'var(--ds-border-width)' | 'var(--ds-border-width-0)' | 'var(--ds-border-width-indicator)' | 'var(--ds-border-width-outline)' | 'var(--ds-border-width-selected)' | 'var(--ds-border-width-focused)' | 0 | '0';
 export type BorderShorthand = 'none' | `${BorderWidth} solid ${BorderColor}`;
 type NumericSize = `${number}px` | `${number}rem` | `${number}vh` | `${number}vw` | `${number}%`;
 export type SizeIntrinsic = 'min-content' | 'max-content' | 'fit-content' | 'auto' | NumericSize | `min(${NumericSize}, ${NumericSize})` | `max(${NumericSize}, ${NumericSize})`;

package/dist/types/entry-points/token-metadata.codegen.d.ts

@@ -3,7 +3,7 @@
  *
  * Metadata for generation of of `@atlaskit/ads-mcp` and https://atlassian.design/llms-tokens.txt.
  *
- * @codegen <<SignedSource::c6f9eb087d49a14806a7713cb8306e06>>
+ * @codegen <<SignedSource::2f0d0ffb7abcc77f7b99efa4241047a4>>
  * @codegenCommand yarn build tokens
  */
 export interface Token {

package/dist/types/get-ssr-auto-script.d.ts

@@ -7,5 +7,5 @@ import { type ThemeState } from './theme-config';
  *
  * @returns {string} A string to be added to the innerHTML of a script tag in the document head
  */
-declare const getSSRAutoScript: (colorMode: ThemeState['colorMode'], contrastMode?: ThemeState['contrastMode']) => string | undefined;
+declare const getSSRAutoScript: (colorMode: ThemeState["colorMode"], contrastMode?: ThemeState["contrastMode"]) => string | undefined;
 export default getSSRAutoScript;

package/dist/types/get-theme-styles.d.ts

@@ -20,5 +20,5 @@ export interface ThemeStyles {
  * @returns A Promise of an object array, containing theme IDs, data-attributes to attach to the theme, and the theme CSS.
  * If an error is encountered while loading themes, the themes array will be empty.
  */
-declare const getThemeStyles: (preferences?: Partial<ThemeState> | 'all') => Promise<ThemeStyles[]>;
+declare const getThemeStyles: (preferences?: Partial<ThemeState> | "all") => Promise<ThemeStyles[]>;
 export default getThemeStyles;

package/dist/types/set-global-theme.d.ts

@@ -21,5 +21,5 @@ import { type ThemeIdsWithOverrides, type ThemeState } from './theme-config';
  * setGlobalTheme({colorMode: 'auto', light: 'light', dark: 'dark', spacing: 'spacing'});
  * ```
  */
-declare const setGlobalTheme: ({ colorMode, contrastMode, dark, light, shape, spacing, typography, UNSAFE_themeOptions, }?: Partial<ThemeState>, themeLoader?: ((id: ThemeIdsWithOverrides) => void | Promise<void>) | undefined) => Promise<UnbindFn>;
+declare const setGlobalTheme: ({ colorMode, contrastMode, dark, light, shape, spacing, typography, UNSAFE_themeOptions, }?: Partial<ThemeState>, themeLoader?: (id: ThemeIdsWithOverrides) => void | Promise<void>) => Promise<UnbindFn>;
 export default setGlobalTheme;

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

@@ -6,7 +6,7 @@
  * These ids are what the actual theme files/folders are called.
  * style-dictionary will attempt to locate these in the file-system.
  */
-export type Themes = 'atlassian-light' | 'atlassian-light-future' | 'atlassian-light-increased-contrast' | 'atlassian-light-brand-refresh' | 'atlassian-dark' | 'atlassian-dark-future' | 'atlassian-dark-increased-contrast' | 'atlassian-dark-brand-refresh' | 'atlassian-legacy-light' | 'atlassian-legacy-dark' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography' | 'atlassian-typography-refreshed' | 'atlassian-typography-modernized' | 'atlassian-typography-adg3';
+export type Themes = 'atlassian-light' | 'atlassian-light-future' | 'atlassian-light-increased-contrast' | 'atlassian-light-brand-refresh' | 'atlassian-dark' | 'atlassian-dark-future' | 'atlassian-dark-increased-contrast' | 'atlassian-dark-brand-refresh' | 'atlassian-legacy-light' | 'atlassian-legacy-dark' | 'atlassian-shape' | 'atlassian-shape-rounder' | 'atlassian-shape-roundest' | 'atlassian-spacing' | 'atlassian-typography' | 'atlassian-typography-refreshed' | 'atlassian-typography-modernized' | 'atlassian-typography-adg3';
 export type ThemeFileNames = Themes;
 /**
  * ThemeOverrides: The internal identifier of a theme override. Which are themes that contain
@@ -42,7 +42,7 @@ export type DataContrastModes = 'more' | 'no-preference' | 'auto';
  *
  * These ids must be kebab case
  */
-export declare const themeIds: readonly ["light-increased-contrast", "light", "light-future", "light-brand-refresh", "dark", "dark-future", "dark-increased-contrast", "dark-brand-refresh", "legacy-light", "legacy-dark", "spacing", "shape", "typography", "typography-adg3", "typography-modernized", "typography-refreshed"];
+export declare const themeIds: readonly ["light-increased-contrast", "light", "light-future", "light-brand-refresh", "dark", "dark-future", "dark-increased-contrast", "dark-brand-refresh", "legacy-light", "legacy-dark", "spacing", "shape", "shape-rounder", "shape-roundest", "typography", "typography-adg3", "typography-modernized", "typography-refreshed"];
 export type ThemeIds = (typeof themeIds)[number];
 /**
  * Theme override ids: the equivalent of themeIds for theme overrides.
@@ -50,7 +50,7 @@ export type ThemeIds = (typeof themeIds)[number];
  */
 declare const themeOverrideIds: readonly [];
 export type ThemeOverrideIds = (typeof themeOverrideIds)[number];
-export declare const themeIdsWithOverrides: readonly ["light-increased-contrast", "light", "light-future", "light-brand-refresh", "dark", "dark-future", "dark-increased-contrast", "dark-brand-refresh", "legacy-light", "legacy-dark", "spacing", "shape", "typography", "typography-adg3", "typography-modernized", "typography-refreshed"];
+export declare const themeIdsWithOverrides: readonly ["light-increased-contrast", "light", "light-future", "light-brand-refresh", "dark", "dark-future", "dark-increased-contrast", "dark-brand-refresh", "legacy-light", "legacy-dark", "spacing", "shape", "shape-rounder", "shape-roundest", "typography", "typography-adg3", "typography-modernized", "typography-refreshed"];
 export type ThemeIdsWithOverrides = (typeof themeIdsWithOverrides)[number];
 /**
  * Theme to use a base. This will create the theme as
@@ -119,7 +119,7 @@ export interface ThemeState {
     dark: Extract<ThemeIds, 'light' | 'light-future' | 'dark' | 'dark-future' | 'legacy-dark' | 'legacy-light' | 'light-increased-contrast' | 'dark-increased-contrast' | 'light-brand-refresh' | 'dark-brand-refresh'>;
     colorMode: ThemeColorModes;
     contrastMode: ThemeContrastModes;
-    shape?: Extract<ThemeIds, 'shape'>;
+    shape?: Extract<ThemeIds, 'shape' | 'shape-rounder' | 'shape-roundest'>;
     spacing: Extract<ThemeIds, 'spacing'>;
     /**
      * @deprecated 'typography-adg3' is deprecated, use 'typography' instead

package/dist/types/types.d.ts

@@ -127,9 +127,9 @@ export interface SpacingScaleTokenSchema<ScaleValues extends string> {
 }
 export interface ShapeScaleTokenSchema<RadiusScaleValues extends string, SizeScaleValues extends string> {
     border: {
-        radius: Record<RadiusScaleValues, ShapeSchemaValue>;
         width: Record<SizeScaleValues, ShapeSchemaValue>;
     };
+    radius: Record<RadiusScaleValues, ShapeSchemaValue>;
 }
 export interface FontSizeScaleTokenSchema<ScaleValues extends string> {
     fontSize: Record<ScaleValues, BaseToken<string | number, 'fontSize'>>;
@@ -1036,10 +1036,12 @@ export interface TypographyTokenSchema<TPalette extends {
 export interface ShapeTokenSchema<BaseToken> {
     border: {
         width: {
-            '[default]': ShapeToken<BaseToken>;
             '0': ShapeToken<BaseToken>;
             indicator: ShapeToken<BaseToken>;
             outline: ShapeToken<BaseToken>;
+            '[default]': ShapeToken<BaseToken>;
+            selected: ShapeToken<BaseToken>;
+            focused: ShapeToken<BaseToken>;
         };
         radius: {
             '[default]': ShapeToken<BaseToken>;
@@ -1051,6 +1053,14 @@ export interface ShapeTokenSchema<BaseToken> {
             circle: ShapeToken<BaseToken>;
         };
     };
+    radius: {
+        xsmall: ShapeToken<BaseToken>;
+        small: ShapeToken<BaseToken>;
+        medium: ShapeToken<BaseToken>;
+        large: ShapeToken<BaseToken>;
+        xlarge: ShapeToken<BaseToken>;
+        full: ShapeToken<BaseToken>;
+    };
 }
 /**
  * @private

package/dist/types/utils/color-detection.d.ts

@@ -10,4 +10,4 @@ export declare const hexToRGBAValues: (hex: string) => {
  *
  * @param rawShadow - ShadowToken raw value
  */
-export declare const getBoxShadow: (rawShadow: ShadowToken<string>['value']) => string;
+export declare const getBoxShadow: (rawShadow: ShadowToken<string>["value"]) => string;

package/dist/types/utils/custom-theme-token-contrast-check.d.ts

@@ -10,9 +10,9 @@ interface AdditionalContrastCheck {
 export declare const additionalChecks: AdditionalContrastCheck[];
 export declare const additionalContrastChecker: ({ customThemeTokenMap, mode, themeRamp, }: {
     customThemeTokenMap: {
-        [key: string]: string | number;
+        [key: string]: number | string;
     };
-    mode: 'light' | 'dark';
+    mode: "light" | "dark";
     themeRamp: string[];
 }) => {
     [key: string]: number;

package/dist/types/utils/generate-custom-color-ramp.d.ts

@@ -10,12 +10,6 @@ export declare const generateColors: (brandColor: CSSColor) => {
     ramp: CSSColor[];
     replacedColor: CSSColor;
 };
-export declare const generateTokenMap: (brandColor: CSSColor, mode: ThemeColorModes, themeRamp?: CSSColor[]) => {
-    light?: TokenMap | undefined;
-    dark?: TokenMap | undefined;
-};
-export declare const generateTokenMapWithContrastCheck: (brandColor: CSSColor, mode: ThemeColorModes, themeRamp?: CSSColor[]) => {
-    light?: TokenMap | undefined;
-    dark?: TokenMap | undefined;
-};
+export declare const generateTokenMap: (brandColor: CSSColor, mode: ThemeColorModes, themeRamp?: CSSColor[]) => { [mode in Mode]?: TokenMap; };
+export declare const generateTokenMapWithContrastCheck: (brandColor: CSSColor, mode: ThemeColorModes, themeRamp?: CSSColor[]) => { [mode in Mode]?: TokenMap; };
 export {};

package/dist/types-ts4.5/artifacts/palettes-raw/shape-palette.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::279b779961a28128ed651f2f529f7e86>>
+ * @codegen <<SignedSource::f4b022d6e18730437f14e3f2a6430c5a>>
  * @codegenCommand yarn build tokens
  */
 declare const tokens: {

package/dist/types-ts4.5/artifacts/replacement-mapping.d.ts

@@ -12,7 +12,7 @@
  * These changes will then be picked up by our tooling which will attempt to
  * migrate as many of these renames as possible.
  *
- * @codegen <<SignedSource::32dc903e7e4405ed9f0a75811b32c2e1>>
+ * @codegen <<SignedSource::7ca64db3c8d60ea8d78edec946e325bc>>
  * @codegenCommand yarn build tokens
  */
 import type tokens from './token-names';

package/dist/types-ts4.5/artifacts/theme-import-map.d.ts

@@ -6,7 +6,7 @@
  * This allows users to compose their themes and only use the tokens that are requested.
  * When a new theme is created, the import should automatically be added to the map
  *
- * @codegen <<SignedSource::4131829e60733a1a5e513dcc84af81de>>
+ * @codegen <<SignedSource::3db020c00d91d31fe8e413b082708618>>
  * @codegenCommand yarn build tokens
  */
 import { type ThemeIds, type ThemeOverrideIds } from '../theme-config';

package/dist/types-ts4.5/artifacts/themes/atlassian-shape-rounder.d.ts

@@ -0,0 +1,7 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::b2f388559d723f17083d9711905b528f>>
+ * @codegenCommand yarn build tokens
+ */
+declare const _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 _default;

package/dist/types-ts4.5/artifacts/themes/atlassian-shape-roundest.d.ts

@@ -0,0 +1,7 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::b1574d1a9deb339d6c42eb37e069a871>>
+ * @codegenCommand yarn build tokens
+ */
+declare const _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 _default;

package/dist/types-ts4.5/artifacts/themes/atlassian-shape.d.ts

@@ -1,7 +1,7 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::57c7e229053412965e492af01b042778>>
+ * @codegen <<SignedSource::5fd7a2193acea84566a4f17a6f50d7b2>>
  * @codegenCommand yarn build tokens
  */
-declare const _default: "\nhtml[data-theme~=\"shape:shape\"] {\n  --ds-border-radius-050: 0.125rem;\n  --ds-border-radius: 0.25rem;\n  --ds-border-radius-100: 0.25rem;\n  --ds-border-radius-200: 0.5rem;\n  --ds-border-radius-300: 0.75rem;\n  --ds-border-radius-400: 1rem;\n  --ds-border-radius-circle: 2002rem;\n  --ds-border-width: 0.0625rem;\n  --ds-border-width-0: 0rem;\n  --ds-border-width-indicator: 0.1875rem;\n  --ds-border-width-outline: 0.125rem;\n}\n";
+declare const _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 _default;

package/dist/types-ts4.5/artifacts/token-default-values.d.ts

@@ -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::14617f23058b2551ba4bc304aee7628f>>
+ * @codegen <<SignedSource::2992e1957578e92ec58e9b373bf9b813>>
  * @codegenCommand yarn build tokens
  */
 declare const defaultTokenValues: {
@@ -402,17 +402,6 @@ declare const defaultTokenValues: {
     readonly 'utility.UNSAFE.textTransformUppercase': "uppercase";
     readonly 'utility.UNSAFE.transparent': "transparent";
     readonly 'utility.elevation.surface.current': "#FFFFFF";
-    readonly 'border.radius.050': "0.125rem";
-    readonly 'border.radius': "0.25rem";
-    readonly 'border.radius.100': "0.25rem";
-    readonly 'border.radius.200': "0.5rem";
-    readonly 'border.radius.300': "0.75rem";
-    readonly 'border.radius.400': "1rem";
-    readonly 'border.radius.circle': "2002rem";
-    readonly 'border.width': "0.0625rem";
-    readonly 'border.width.0': "0rem";
-    readonly 'border.width.indicator': "0.1875rem";
-    readonly 'border.width.outline': "0.125rem";
     readonly 'space.0': "0rem";
     readonly 'space.025': "0.125rem";
     readonly 'space.050': "0.25rem";
@@ -460,5 +449,24 @@ declare const defaultTokenValues: {
     readonly 'font.family.code': "ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace";
     readonly 'font.family.brand.heading': "\"Charlie Display\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif";
     readonly 'font.family.brand.body': "\"Charlie Text\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif";
+    readonly 'radius.xsmall': "0.125rem";
+    readonly 'radius.small': "0.25rem";
+    readonly 'radius.medium': "0.375rem";
+    readonly 'radius.large': "0.5rem";
+    readonly 'radius.xlarge': "0.75rem";
+    readonly 'radius.full': "624.9375rem";
+    readonly 'border.radius': "0.25rem";
+    readonly 'border.radius.050': "0.125rem";
+    readonly 'border.radius.100': "0.25rem";
+    readonly 'border.radius.200': "0.5rem";
+    readonly 'border.radius.300': "0.75rem";
+    readonly 'border.radius.400': "1rem";
+    readonly 'border.radius.circle': "624.9375rem";
+    readonly 'border.width': "0.0625rem";
+    readonly 'border.width.0': "0rem";
+    readonly 'border.width.indicator': "0.1875rem";
+    readonly 'border.width.outline': "0.125rem";
+    readonly 'border.width.selected': "0.125rem";
+    readonly 'border.width.focused': "0.125rem";
 };
 export default defaultTokenValues;

package/dist/types-ts4.5/artifacts/token-names.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::5e39d81369b0c277ebeac5d0b02ae5cb>>
+ * @codegen <<SignedSource::06d7df9fd7562fac091fccfbf1704240>>
  * @codegenCommand yarn build tokens
  */
 declare const tokens: {
@@ -395,17 +395,6 @@ declare const tokens: {
     readonly 'utility.UNSAFE.textTransformUppercase': "--ds-UNSAFE-textTransformUppercase";
     readonly 'utility.UNSAFE.transparent': "--ds-UNSAFE-transparent";
     readonly 'utility.elevation.surface.current': "--ds-elevation-surface-current";
-    readonly 'border.radius.050': "--ds-border-radius-050";
-    readonly 'border.radius': "--ds-border-radius";
-    readonly 'border.radius.100': "--ds-border-radius-100";
-    readonly 'border.radius.200': "--ds-border-radius-200";
-    readonly 'border.radius.300': "--ds-border-radius-300";
-    readonly 'border.radius.400': "--ds-border-radius-400";
-    readonly 'border.radius.circle': "--ds-border-radius-circle";
-    readonly 'border.width': "--ds-border-width";
-    readonly 'border.width.0': "--ds-border-width-0";
-    readonly 'border.width.indicator': "--ds-border-width-indicator";
-    readonly 'border.width.outline': "--ds-border-width-outline";
     readonly 'space.0': "--ds-space-0";
     readonly 'space.025': "--ds-space-025";
     readonly 'space.050': "--ds-space-050";
@@ -453,6 +442,25 @@ declare const tokens: {
     readonly 'font.family.code': "--ds-font-family-code";
     readonly 'font.family.brand.heading': "--ds-font-family-brand-heading";
     readonly 'font.family.brand.body': "--ds-font-family-brand-body";
+    readonly 'radius.xsmall': "--ds-radius-xsmall";
+    readonly 'radius.small': "--ds-radius-small";
+    readonly 'radius.medium': "--ds-radius-medium";
+    readonly 'radius.large': "--ds-radius-large";
+    readonly 'radius.xlarge': "--ds-radius-xlarge";
+    readonly 'radius.full': "--ds-radius-full";
+    readonly 'border.radius': "--ds-border-radius";
+    readonly 'border.radius.050': "--ds-border-radius-050";
+    readonly 'border.radius.100': "--ds-border-radius-100";
+    readonly 'border.radius.200': "--ds-border-radius-200";
+    readonly 'border.radius.300': "--ds-border-radius-300";
+    readonly 'border.radius.400': "--ds-border-radius-400";
+    readonly 'border.radius.circle': "--ds-border-radius-circle";
+    readonly 'border.width': "--ds-border-width";
+    readonly 'border.width.0': "--ds-border-width-0";
+    readonly 'border.width.indicator': "--ds-border-width-indicator";
+    readonly 'border.width.outline': "--ds-border-width-outline";
+    readonly 'border.width.selected': "--ds-border-width-selected";
+    readonly 'border.width.focused': "--ds-border-width-focused";
 };
 export type CSSTokenMap = {
     'color.text': 'var(--ds-text)';
@@ -846,17 +854,6 @@ export type CSSTokenMap = {
     'utility.UNSAFE.textTransformUppercase': 'var(--ds-UNSAFE-textTransformUppercase)';
     'utility.UNSAFE.transparent': 'var(--ds-UNSAFE-transparent)';
     'utility.elevation.surface.current': 'var(--ds-elevation-surface-current)';
-    'border.radius.050': 'var(--ds-border-radius-050)';
-    'border.radius': 'var(--ds-border-radius)';
-    'border.radius.100': 'var(--ds-border-radius-100)';
-    'border.radius.200': 'var(--ds-border-radius-200)';
-    'border.radius.300': 'var(--ds-border-radius-300)';
-    'border.radius.400': 'var(--ds-border-radius-400)';
-    'border.radius.circle': 'var(--ds-border-radius-circle)';
-    'border.width': 'var(--ds-border-width)';
-    'border.width.0': 'var(--ds-border-width-0)';
-    'border.width.indicator': 'var(--ds-border-width-indicator)';
-    'border.width.outline': 'var(--ds-border-width-outline)';
     'space.0': 'var(--ds-space-0)';
     'space.025': 'var(--ds-space-025)';
     'space.050': 'var(--ds-space-050)';
@@ -904,6 +901,25 @@ export type CSSTokenMap = {
     'font.family.code': 'var(--ds-font-family-code)';
     'font.family.brand.heading': 'var(--ds-font-family-brand-heading)';
     'font.family.brand.body': 'var(--ds-font-family-brand-body)';
+    'radius.xsmall': 'var(--ds-radius-xsmall)';
+    'radius.small': 'var(--ds-radius-small)';
+    'radius.medium': 'var(--ds-radius-medium)';
+    'radius.large': 'var(--ds-radius-large)';
+    'radius.xlarge': 'var(--ds-radius-xlarge)';
+    'radius.full': 'var(--ds-radius-full)';
+    'border.radius': 'var(--ds-border-radius)';
+    'border.radius.050': 'var(--ds-border-radius-050)';
+    'border.radius.100': 'var(--ds-border-radius-100)';
+    'border.radius.200': 'var(--ds-border-radius-200)';
+    'border.radius.300': 'var(--ds-border-radius-300)';
+    'border.radius.400': 'var(--ds-border-radius-400)';
+    'border.radius.circle': 'var(--ds-border-radius-circle)';
+    'border.width': 'var(--ds-border-width)';
+    'border.width.0': 'var(--ds-border-width-0)';
+    'border.width.indicator': 'var(--ds-border-width-indicator)';
+    'border.width.outline': 'var(--ds-border-width-outline)';
+    'border.width.selected': 'var(--ds-border-width-selected)';
+    'border.width.focused': 'var(--ds-border-width-focused)';
 };
 export type CSSToken = CSSTokenMap[keyof CSSTokenMap];
 export default tokens;

package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-shape-rounder.d.ts

@@ -0,0 +1,59 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::70683a619511de03d801680b44fe3e86>>
+ * @codegenCommand yarn build tokens
+ */
+declare const tokens: ({
+    attributes: {
+        group: string;
+        state: string;
+        suggest: string[];
+        introduced: string;
+        description: string;
+        deprecated?: undefined;
+    };
+    value: string;
+    filePath: string;
+    isSource: boolean;
+    original: {
+        attributes: {
+            group: string;
+            state: string;
+            suggest: string[];
+            introduced: string;
+            description: string;
+            deprecated?: undefined;
+        };
+        value: string;
+    };
+    name: string;
+    path: string[];
+    cleanName: string;
+} | {
+    attributes: {
+        group: string;
+        state: string;
+        introduced: string;
+        deprecated: string;
+        description: string;
+        suggest?: undefined;
+    };
+    value: string;
+    filePath: string;
+    isSource: boolean;
+    original: {
+        attributes: {
+            group: string;
+            state: string;
+            introduced: string;
+            deprecated: string;
+            description: string;
+            suggest?: undefined;
+        };
+        value: string;
+    };
+    name: string;
+    path: string[];
+    cleanName: string;
+})[];
+export default tokens;

package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-shape-roundest.d.ts

@@ -0,0 +1,59 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::430e50a41a04b0f7abd0e25105c1912e>>
+ * @codegenCommand yarn build tokens
+ */
+declare const tokens: ({
+    attributes: {
+        group: string;
+        state: string;
+        suggest: string[];
+        introduced: string;
+        description: string;
+        deprecated?: undefined;
+    };
+    value: string;
+    filePath: string;
+    isSource: boolean;
+    original: {
+        attributes: {
+            group: string;
+            state: string;
+            suggest: string[];
+            introduced: string;
+            description: string;
+            deprecated?: undefined;
+        };
+        value: string;
+    };
+    name: string;
+    path: string[];
+    cleanName: string;
+} | {
+    attributes: {
+        group: string;
+        state: string;
+        introduced: string;
+        deprecated: string;
+        description: string;
+        suggest?: undefined;
+    };
+    value: string;
+    filePath: string;
+    isSource: boolean;
+    original: {
+        attributes: {
+            group: string;
+            state: string;
+            introduced: string;
+            deprecated: string;
+            description: string;
+            suggest?: undefined;
+        };
+        value: string;
+    };
+    name: string;
+    path: string[];
+    cleanName: string;
+})[];
+export default tokens;

package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-shape.d.ts

@@ -1,15 +1,16 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::c6c0b8c2ca5e429f25fe4035e374a0c5>>
+ * @codegen <<SignedSource::f755c03a62ad1c3a129f21e10a2669d5>>
  * @codegenCommand yarn build tokens
  */
 declare const tokens: ({
     attributes: {
         group: string;
         state: string;
+        suggest: string[];
         introduced: string;
         description: string;
-        suggest?: undefined;
+        deprecated?: undefined;
     };
     value: string;
     filePath: string;
@@ -18,9 +19,10 @@ declare const tokens: ({
         attributes: {
             group: string;
             state: string;
+            suggest: string[];
             introduced: string;
             description: string;
-            suggest?: undefined;
+            deprecated?: undefined;
         };
         value: string;
     };
@@ -31,9 +33,10 @@ declare const tokens: ({
     attributes: {
         group: string;
         state: string;
-        suggest: string[];
         introduced: string;
+        deprecated: string;
         description: string;
+        suggest?: undefined;
     };
     value: string;
     filePath: string;
@@ -42,9 +45,10 @@ declare const tokens: ({
         attributes: {
             group: string;
             state: string;
-            suggest: string[];
             introduced: string;
+            deprecated: string;
             description: string;
+            suggest?: undefined;
         };
         value: string;
     };