@atlaskit/tokens 1.31.0 → 1.33.0

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

@@ -0,0 +1,145 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Strict design token based typedef representing a subset of safe CSS properties.
+ *
+ * @codegen <<SignedSource::f2fc11bdb22ab9a7a28b7be9c69bac3d>>
+ * @codegenCommand yarn build tokens
+ */
+export type BackgroundColor = 'var(--ds-background-accent-lime-subtlest)' | 'var(--ds-background-accent-lime-subtler)' | 'var(--ds-background-accent-lime-subtle)' | 'var(--ds-background-accent-lime-bolder)' | 'var(--ds-background-accent-red-subtlest)' | 'var(--ds-background-accent-red-subtler)' | 'var(--ds-background-accent-red-subtle)' | 'var(--ds-background-accent-red-bolder)' | 'var(--ds-background-accent-orange-subtlest)' | 'var(--ds-background-accent-orange-subtler)' | 'var(--ds-background-accent-orange-subtle)' | 'var(--ds-background-accent-orange-bolder)' | 'var(--ds-background-accent-yellow-subtlest)' | 'var(--ds-background-accent-yellow-subtler)' | 'var(--ds-background-accent-yellow-subtle)' | 'var(--ds-background-accent-yellow-bolder)' | 'var(--ds-background-accent-green-subtlest)' | 'var(--ds-background-accent-green-subtler)' | 'var(--ds-background-accent-green-subtle)' | 'var(--ds-background-accent-green-bolder)' | 'var(--ds-background-accent-teal-subtlest)' | 'var(--ds-background-accent-teal-subtler)' | 'var(--ds-background-accent-teal-subtle)' | 'var(--ds-background-accent-teal-bolder)' | 'var(--ds-background-accent-blue-subtlest)' | 'var(--ds-background-accent-blue-subtler)' | 'var(--ds-background-accent-blue-subtle)' | 'var(--ds-background-accent-blue-bolder)' | 'var(--ds-background-accent-purple-subtlest)' | 'var(--ds-background-accent-purple-subtler)' | 'var(--ds-background-accent-purple-subtle)' | 'var(--ds-background-accent-purple-bolder)' | 'var(--ds-background-accent-magenta-subtlest)' | 'var(--ds-background-accent-magenta-subtler)' | 'var(--ds-background-accent-magenta-subtle)' | 'var(--ds-background-accent-magenta-bolder)' | 'var(--ds-background-accent-gray-subtlest)' | 'var(--ds-background-accent-gray-subtler)' | 'var(--ds-background-accent-gray-subtle)' | 'var(--ds-background-accent-gray-bolder)' | 'var(--ds-background-disabled)' | 'var(--ds-background-input)' | 'var(--ds-background-inverse-subtle)' | 'var(--ds-background-neutral)' | 'var(--ds-background-neutral-subtle)' | 'var(--ds-background-neutral-bold)' | 'var(--ds-background-selected)' | 'var(--ds-background-selected-bold)' | 'var(--ds-background-brand-subtlest)' | 'var(--ds-background-brand-bold)' | 'var(--ds-background-brand-boldest)' | 'var(--ds-background-danger)' | 'var(--ds-background-danger-bold)' | 'var(--ds-background-warning)' | 'var(--ds-background-warning-bold)' | 'var(--ds-background-success)' | 'var(--ds-background-success-bold)' | 'var(--ds-background-discovery)' | 'var(--ds-background-discovery-bold)' | 'var(--ds-background-information)' | 'var(--ds-background-information-bold)' | 'var(--ds-surface)' | 'var(--ds-surface-overlay)' | 'var(--ds-surface-raised)' | 'var(--ds-surface-sunken)' | 'var(--ds-elevation-surface-current)';
+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)';
+export type BackgroundColorPressed = 'var(--ds-background-accent-lime-subtlest-pressed)' | 'var(--ds-background-accent-lime-subtler-pressed)' | 'var(--ds-background-accent-lime-subtle-pressed)' | 'var(--ds-background-accent-lime-bolder-pressed)' | 'var(--ds-background-accent-red-subtlest-pressed)' | 'var(--ds-background-accent-red-subtler-pressed)' | 'var(--ds-background-accent-red-subtle-pressed)' | 'var(--ds-background-accent-red-bolder-pressed)' | 'var(--ds-background-accent-orange-subtlest-pressed)' | 'var(--ds-background-accent-orange-subtler-pressed)' | 'var(--ds-background-accent-orange-subtle-pressed)' | 'var(--ds-background-accent-orange-bolder-pressed)' | 'var(--ds-background-accent-yellow-subtlest-pressed)' | 'var(--ds-background-accent-yellow-subtler-pressed)' | 'var(--ds-background-accent-yellow-subtle-pressed)' | 'var(--ds-background-accent-yellow-bolder-pressed)' | 'var(--ds-background-accent-green-subtlest-pressed)' | 'var(--ds-background-accent-green-subtler-pressed)' | 'var(--ds-background-accent-green-subtle-pressed)' | 'var(--ds-background-accent-green-bolder-pressed)' | 'var(--ds-background-accent-teal-subtlest-pressed)' | 'var(--ds-background-accent-teal-subtler-pressed)' | 'var(--ds-background-accent-teal-subtle-pressed)' | 'var(--ds-background-accent-teal-bolder-pressed)' | 'var(--ds-background-accent-blue-subtlest-pressed)' | 'var(--ds-background-accent-blue-subtler-pressed)' | 'var(--ds-background-accent-blue-subtle-pressed)' | 'var(--ds-background-accent-blue-bolder-pressed)' | 'var(--ds-background-accent-purple-subtlest-pressed)' | 'var(--ds-background-accent-purple-subtler-pressed)' | 'var(--ds-background-accent-purple-subtle-pressed)' | 'var(--ds-background-accent-purple-bolder-pressed)' | 'var(--ds-background-accent-magenta-subtlest-pressed)' | 'var(--ds-background-accent-magenta-subtler-pressed)' | 'var(--ds-background-accent-magenta-subtle-pressed)' | 'var(--ds-background-accent-magenta-bolder-pressed)' | 'var(--ds-background-accent-gray-subtlest-pressed)' | 'var(--ds-background-accent-gray-subtler-pressed)' | 'var(--ds-background-accent-gray-subtle-pressed)' | 'var(--ds-background-accent-gray-bolder-pressed)' | 'var(--ds-background-input-pressed)' | 'var(--ds-background-inverse-subtle-pressed)' | 'var(--ds-background-neutral-pressed)' | 'var(--ds-background-neutral-subtle-pressed)' | 'var(--ds-background-neutral-bold-pressed)' | 'var(--ds-background-selected-pressed)' | 'var(--ds-background-selected-bold-pressed)' | 'var(--ds-background-brand-subtlest-pressed)' | 'var(--ds-background-brand-bold-pressed)' | 'var(--ds-background-brand-boldest-pressed)' | 'var(--ds-background-danger-pressed)' | 'var(--ds-background-danger-bold-pressed)' | 'var(--ds-background-warning-pressed)' | 'var(--ds-background-warning-bold-pressed)' | 'var(--ds-background-success-pressed)' | 'var(--ds-background-success-bold-pressed)' | 'var(--ds-background-discovery-pressed)' | 'var(--ds-background-discovery-bold-pressed)' | 'var(--ds-background-information-pressed)' | 'var(--ds-background-information-bold-pressed)' | 'var(--ds-surface-pressed)' | 'var(--ds-surface-overlay-pressed)' | 'var(--ds-surface-raised-pressed)';
+export type Dimension = 'var(--ds-font-size-050)' | 'var(--ds-font-size-075)' | 'var(--ds-font-size-100)' | 'var(--ds-font-size-200)' | 'var(--ds-font-size-300)' | 'var(--ds-font-size-400)' | 'var(--ds-font-size-500)' | 'var(--ds-font-size-600)';
+export type BorderColor = '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 BorderWidth = 'var(--ds-border-width)' | 'var(--ds-border-width-indicator)' | 'var(--ds-border-width-outline)';
+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)';
+export type Space = 'var(--ds-space-0)' | 'var(--ds-space-025)' | 'var(--ds-space-050)' | 'var(--ds-space-075)' | 'var(--ds-space-100)' | 'var(--ds-space-150)' | 'var(--ds-space-200)' | 'var(--ds-space-250)' | 'var(--ds-space-300)' | 'var(--ds-space-400)' | 'var(--ds-space-500)' | 'var(--ds-space-600)' | 'var(--ds-space-800)' | 'var(--ds-space-1000)' | 'var(--ds-space-negative-025)' | 'var(--ds-space-negative-050)' | 'var(--ds-space-negative-075)' | 'var(--ds-space-negative-100)' | 'var(--ds-space-negative-150)' | 'var(--ds-space-negative-200)' | 'var(--ds-space-negative-250)' | 'var(--ds-space-negative-300)' | 'var(--ds-space-negative-400)';
+export type Shadow = 'var(--ds-shadow-overflow)' | 'var(--ds-shadow-overflow-perimeter)' | 'var(--ds-shadow-overflow-spread)' | 'var(--ds-shadow-overlay)' | 'var(--ds-shadow-raised)';
+export type TextColor = 'var(--ds-text)' | 'var(--ds-text-accent-lime)' | 'var(--ds-text-accent-lime-bolder)' | 'var(--ds-text-accent-red)' | 'var(--ds-text-accent-red-bolder)' | 'var(--ds-text-accent-orange)' | 'var(--ds-text-accent-orange-bolder)' | 'var(--ds-text-accent-yellow)' | 'var(--ds-text-accent-yellow-bolder)' | 'var(--ds-text-accent-green)' | 'var(--ds-text-accent-green-bolder)' | 'var(--ds-text-accent-teal)' | 'var(--ds-text-accent-teal-bolder)' | 'var(--ds-text-accent-blue)' | 'var(--ds-text-accent-blue-bolder)' | 'var(--ds-text-accent-purple)' | 'var(--ds-text-accent-purple-bolder)' | 'var(--ds-text-accent-magenta)' | 'var(--ds-text-accent-magenta-bolder)' | 'var(--ds-text-accent-gray)' | 'var(--ds-text-accent-gray-bolder)' | 'var(--ds-text-disabled)' | 'var(--ds-text-inverse)' | 'var(--ds-text-selected)' | 'var(--ds-text-brand)' | 'var(--ds-text-danger)' | 'var(--ds-text-warning)' | 'var(--ds-text-warning-inverse)' | 'var(--ds-text-success)' | 'var(--ds-text-discovery)' | 'var(--ds-text-information)' | 'var(--ds-text-subtlest)' | 'var(--ds-text-subtle)' | 'var(--ds-link)' | 'var(--ds-link-pressed)' | 'var(--ds-link-visited)';
+export type Opacity = 'var(--ds-opacity-disabled)' | 'var(--ds-opacity-loading)';
+export interface TokenizedProps {
+    backgroundColor: BackgroundColor;
+    blockSize: Dimension;
+    borderBlockColor: BorderColor;
+    borderBlockEndColor: BorderColor;
+    borderBlockEndWidth: BorderWidth;
+    borderBlockStartColor: BorderColor;
+    borderBlockStartWidth: BorderWidth;
+    borderBlockWidth: BorderWidth;
+    borderBottomColor: BorderColor;
+    borderBottomLeftRadius: BorderRadius;
+    borderBottomRightRadius: BorderRadius;
+    borderBottomWidth: BorderWidth;
+    borderColor: BorderColor;
+    borderEndEndRadius: BorderRadius;
+    borderEndStartRadius: BorderRadius;
+    borderInlineColor: BorderColor;
+    borderInlineEndColor: BorderColor;
+    borderInlineEndWidth: BorderWidth;
+    borderInlineStartColor: BorderColor;
+    borderInlineStartWidth: BorderWidth;
+    borderInlineWidth: BorderWidth;
+    borderLeftColor: BorderColor;
+    borderLeftWidth: BorderWidth;
+    borderRadius: BorderRadius;
+    borderRightColor: BorderColor;
+    borderRightWidth: BorderWidth;
+    borderStartEndRadius: BorderRadius;
+    borderStartStartRadius: BorderRadius;
+    borderTopColor: BorderColor;
+    borderTopLeftRadius: BorderRadius;
+    borderTopRightRadius: BorderRadius;
+    borderTopWidth: BorderWidth;
+    borderWidth: BorderWidth;
+    bottom: Space;
+    boxShadow: Shadow;
+    color: TextColor;
+    columnGap: Space;
+    gap: Space;
+    height: Dimension;
+    inlineSize: Dimension;
+    inset: Space;
+    insetBlock: Space;
+    insetBlockEnd: Space;
+    insetBlockStart: Space;
+    insetInline: Space;
+    insetInlineEnd: Space;
+    insetInlineStart: Space;
+    left: Space;
+    margin: Space;
+    marginBlock: Space;
+    marginBlockEnd: Space;
+    marginBlockStart: Space;
+    marginBottom: Space;
+    marginInline: Space;
+    marginInlineEnd: Space;
+    marginInlineStart: Space;
+    marginLeft: Space;
+    marginRight: Space;
+    marginTop: Space;
+    maxBlockSize: Dimension;
+    maxHeight: Dimension;
+    maxInlineSize: Dimension;
+    maxWidth: Dimension;
+    minBlockSize: Dimension;
+    minHeight: Dimension;
+    minInlineSize: Dimension;
+    minWidth: Dimension;
+    opacity: Opacity;
+    outlineColor: BorderColor;
+    outlineOffset: Space;
+    outlineWidth: BorderWidth;
+    padding: Space;
+    paddingBlock: Space;
+    paddingBlockEnd: Space;
+    paddingBlockStart: Space;
+    paddingBottom: Space;
+    paddingInline: Space;
+    paddingInlineEnd: Space;
+    paddingInlineStart: Space;
+    paddingLeft: Space;
+    paddingRight: Space;
+    paddingTop: Space;
+    right: Space;
+    rowGap: Space;
+    top: Space;
+    width: Dimension;
+    zIndex: number;
+}
+export interface TokenizedPropsWithHovered extends Omit<TokenizedProps, 'backgroundColor'> {
+    backgroundColor: BackgroundColorHovered;
+}
+export interface TokenizedPropsWithPressed extends Omit<TokenizedProps, 'backgroundColor'> {
+    backgroundColor: BackgroundColorPressed;
+}
+export interface DesignTokenStyles extends TokenizedProps {
+    '&::after': TokenizedProps;
+    '&::before': TokenizedProps;
+    '&:active': TokenizedPropsWithPressed;
+    '&:any-link': TokenizedProps;
+    '&:autofill': TokenizedProps;
+    '&:blank': TokenizedProps;
+    '&:checked': TokenizedProps;
+    '&:default': TokenizedProps;
+    '&:disabled': TokenizedProps;
+    '&:enabled': TokenizedProps;
+    '&:focus-visible': TokenizedProps;
+    '&:focus-within': TokenizedProps;
+    '&:focus': TokenizedProps;
+    '&:hover': TokenizedPropsWithHovered;
+    '&:in-range': TokenizedProps;
+    '&:indeterminate': TokenizedProps;
+    '&:invalid': TokenizedProps;
+    '&:link': TokenizedProps;
+    '&:local-link': TokenizedProps;
+    '&:optional': TokenizedProps;
+    '&:out-of-range': TokenizedProps;
+    '&:placeholder-shown': TokenizedProps;
+    '&:read-only': TokenizedProps;
+    '&:read-write': TokenizedProps;
+    '&:required': TokenizedProps;
+    '&:user-invalid': TokenizedProps;
+    '&:user-valid': TokenizedProps;
+    '&:valid': TokenizedProps;
+    '&:visited': TokenizedProps;
+}

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

@@ -1 +1,2 @@
 export { default } from '../artifacts/palettes-raw/palette';
+export { default as typographyPalette } from '../artifacts/palettes-raw/typography-palette';

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

@@ -1,5 +1,6 @@
 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-adg3';
+export { default as typography } from '../artifacts/tokens-raw/atlassian-typography-minor3';
+export { default as typographyAdg3 } from '../artifacts/tokens-raw/atlassian-typography-adg3';
 export { default as shape } from '../artifacts/tokens-raw/atlassian-shape';

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::21692c7f910850540ebe583c659e4d10>>
+ * @codegen <<SignedSource::2df62eea3dac692cc6574ac0124e31a8>>
  * @codegenCommand yarn build tokens
  */
 import tokens from './token-names';

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

@@ -1,7 +1,7 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::3440d4cd41486b7e2bc04c1fab9ebdfe>>
+ * @codegen <<SignedSource::c3e775ab05e25f11bd988de880b8e14f>>
  * @codegenCommand yarn build tokens
  */
-declare const _default: "\nhtml[data-theme~=\"typography:typography-adg3\"] {\n  --ds-UNSAFE-textTransformUppercase: uppercase;\n  --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-body);\n  --ds-font-body-large: normal 400 1rem/1.5rem var(--ds-font-family-body);\n  --ds-font-body-small: normal 400 0.6875rem/1rem var(--ds-font-family-body);\n  --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-code);\n  --ds-font-heading-large: normal 500 1.5rem/1.75rem var(--ds-font-family-heading);\n  --ds-font-heading-medium: normal 500 1.25rem/1.5rem var(--ds-font-family-heading);\n  --ds-font-heading-small: normal 600 1rem/1.25rem var(--ds-font-family-heading);\n  --ds-font-heading-xlarge: normal 600 1.8125rem/2rem var(--ds-font-family-heading);\n  --ds-font-heading-xsmall: normal 600 0.875rem/1rem var(--ds-font-family-heading);\n  --ds-font-heading-xxlarge: normal 500 2.1875rem/2.5rem var(--ds-font-family-heading);\n  --ds-font-heading-xxsmall: normal 600 0.75rem/1rem var(--ds-font-family-heading);\n  --ds-font-letterSpacing-0: 0;\n  --ds-font-letterSpacing-100: -0.003em;\n  --ds-font-letterSpacing-200: -0.006em;\n  --ds-font-letterSpacing-300: -0.008em;\n  --ds-font-letterSpacing-400: -0.01em;\n  --ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-body);\n  --ds-font-ui-small: normal 400 0.6875rem/1 var(--ds-font-family-body);\n  --ds-font-family-body: ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-family-code: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n  --ds-font-family-heading: ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-family-monospace: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n  --ds-font-family-sans: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n  --ds-font-family-brand: Charlie Sans;\n  --ds-font-size-050: 0.6875rem;\n  --ds-font-size-075: 0.75rem;\n  --ds-font-size-100: 0.875rem;\n  --ds-font-size-200: 1rem;\n  --ds-font-size-300: 1.25rem;\n  --ds-font-size-400: 1.5rem;\n  --ds-font-size-500: 1.8125rem;\n  --ds-font-size-600: 2.1875rem;\n  --ds-font-weight-bold: 700;\n  --ds-font-weight-medium: 500;\n  --ds-font-weight-regular: 400;\n  --ds-font-weight-semibold: 600;\n  --ds-font-lineHeight-1: 1;\n  --ds-font-lineHeight-100: 1rem;\n  --ds-font-lineHeight-200: 1.25rem;\n  --ds-font-lineHeight-300: 1.5rem;\n  --ds-font-lineHeight-400: 1.75rem;\n  --ds-font-lineHeight-500: 2rem;\n  --ds-font-lineHeight-600: 2.5rem;\n}\n";
+declare const _default: "\nhtml[data-theme~=\"typography:typography-adg3\"] {\n  --ds-UNSAFE-textTransformUppercase: uppercase;\n  --ds-font-heading-xxlarge: normal 500 2.1875rem/2.5rem var(--ds-font-family-heading);\n  --ds-font-heading-xlarge: normal 600 1.8125rem/2rem var(--ds-font-family-heading);\n  --ds-font-heading-large: normal 500 1.5rem/1.75rem var(--ds-font-family-heading);\n  --ds-font-heading-medium: normal 500 1.25rem/1.5rem var(--ds-font-family-heading);\n  --ds-font-heading-small: normal 600 1rem/1.25rem var(--ds-font-family-heading);\n  --ds-font-heading-xsmall: normal 600 0.875rem/1rem var(--ds-font-family-heading);\n  --ds-font-heading-xxsmall: normal 600 0.75rem/1rem var(--ds-font-family-heading);\n  --ds-font-body-large: normal 400 1rem/1.5rem var(--ds-font-family-body);\n  --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-body);\n  --ds-font-body-small: normal 400 0.6875rem/1rem var(--ds-font-family-body);\n  --ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-body);\n  --ds-font-ui-small: normal 400 0.6875rem/1 var(--ds-font-family-body);\n  --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-code);\n  --ds-font-letterSpacing-0: 0;\n  --ds-font-letterSpacing-100: -0.003em;\n  --ds-font-letterSpacing-200: -0.006em;\n  --ds-font-letterSpacing-300: -0.008em;\n  --ds-font-letterSpacing-400: -0.01em;\n  --ds-font-family-body: ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-family-code: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n  --ds-font-family-heading: ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-family-monospace: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n  --ds-font-family-sans: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n  --ds-font-family-brand: Charlie Sans;\n  --ds-font-size-050: 0.6875rem;\n  --ds-font-size-075: 0.75rem;\n  --ds-font-size-100: 0.875rem;\n  --ds-font-size-200: 1rem;\n  --ds-font-size-300: 1.25rem;\n  --ds-font-size-400: 1.5rem;\n  --ds-font-size-500: 1.8125rem;\n  --ds-font-size-600: 2.1875rem;\n  --ds-font-weight-bold: 700;\n  --ds-font-weight-medium: 500;\n  --ds-font-weight-regular: 400;\n  --ds-font-weight-semibold: 600;\n  --ds-font-lineHeight-1: 1;\n  --ds-font-lineHeight-100: 1rem;\n  --ds-font-lineHeight-200: 1.25rem;\n  --ds-font-lineHeight-300: 1.5rem;\n  --ds-font-lineHeight-400: 1.75rem;\n  --ds-font-lineHeight-500: 2rem;\n  --ds-font-lineHeight-600: 2.5rem;\n}\n";
 export default _default;

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

@@ -1,7 +1,7 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::c7b2d164a3fe1175b6980f744a649000>>
+ * @codegen <<SignedSource::af25a33fb0ff39de368245336a06411e>>
  * @codegenCommand yarn build tokens
  */
-declare const _default: "\nhtml[data-theme~=\"typography:typography-minor3\"] {\n  --ds-UNSAFE-textTransformUppercase: uppercase;\n  --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-body);\n  --ds-font-body-large: normal 400 1rem/1.5rem var(--ds-font-family-body);\n  --ds-font-body-small: normal 400 0.75rem/1rem var(--ds-font-family-body);\n  --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-code);\n  --ds-font-heading-large: normal 700 1.5rem/1.75rem var(--ds-font-family-heading);\n  --ds-font-heading-medium: normal 700 1.25rem/1.5rem var(--ds-font-family-heading);\n  --ds-font-heading-small: normal 700 1rem/1.25rem var(--ds-font-family-heading);\n  --ds-font-heading-xlarge: normal 700 1.75rem/2rem var(--ds-font-family-heading);\n  --ds-font-heading-xsmall: normal 700 0.875rem/1rem var(--ds-font-family-heading);\n  --ds-font-heading-xxlarge: normal 700 2rem/2.25rem var(--ds-font-family-heading);\n  --ds-font-heading-xxsmall: normal 700 0.75rem/1rem var(--ds-font-family-heading);\n  --ds-font-letterSpacing-0: 0;\n  --ds-font-letterSpacing-100: 0;\n  --ds-font-letterSpacing-200: 0;\n  --ds-font-letterSpacing-300: 0;\n  --ds-font-letterSpacing-400: 0;\n  --ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-body);\n  --ds-font-ui-small: normal 400 0.75rem/1 var(--ds-font-family-body);\n  --ds-font-family-body: ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-family-code: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n  --ds-font-family-heading: ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-family-monospace: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n  --ds-font-family-sans: ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-family-brand: Charlie Sans;\n  @media not all and (min-width: 64rem) {\n    --ds-font-heading-large: normal 700 1.25rem/1.5rem var(--ds-font-family-heading);\n    --ds-font-heading-medium: normal 700 1rem/1.25rem var(--ds-font-family-heading);\n    --ds-font-heading-xlarge: normal 700 1.5rem/1.75rem var(--ds-font-family-heading);\n    --ds-font-heading-xxlarge: normal 700 1.75rem/2rem var(--ds-font-family-heading);\n  }\n}\n";
+declare const _default: "\nhtml[data-theme~=\"typography:typography-minor3\"] {\n  --ds-UNSAFE-textTransformUppercase: uppercase;\n  --ds-font-heading-xxlarge: normal 700 2rem/2.25rem var(--ds-font-family-heading);\n  --ds-font-heading-xlarge: normal 700 1.75rem/2rem var(--ds-font-family-heading);\n  --ds-font-heading-large: normal 700 1.5rem/1.75rem var(--ds-font-family-heading);\n  --ds-font-heading-medium: normal 700 1.25rem/1.5rem var(--ds-font-family-heading);\n  --ds-font-heading-small: normal 700 1rem/1.25rem var(--ds-font-family-heading);\n  --ds-font-heading-xsmall: normal 700 0.875rem/1rem var(--ds-font-family-heading);\n  --ds-font-heading-xxsmall: normal 700 0.75rem/1rem var(--ds-font-family-heading);\n  --ds-font-body-large: normal 400 1rem/1.5rem var(--ds-font-family-body);\n  --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-body);\n  --ds-font-body-small: normal 400 0.75rem/1rem var(--ds-font-family-body);\n  --ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-body);\n  --ds-font-ui-small: normal 400 0.75rem/1 var(--ds-font-family-body);\n  --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-code);\n  --ds-font-letterSpacing-0: 0;\n  --ds-font-letterSpacing-100: 0;\n  --ds-font-letterSpacing-200: 0;\n  --ds-font-letterSpacing-300: 0;\n  --ds-font-letterSpacing-400: 0;\n  --ds-font-family-body: ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-family-code: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n  --ds-font-family-heading: ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-family-monospace: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n  --ds-font-family-sans: ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-family-brand: Charlie Sans;\n  @media not all and (min-width: 64rem) {\n    --ds-font-heading-xxlarge: normal 700 1.75rem/2rem var(--ds-font-family-heading);\n    --ds-font-heading-xlarge: normal 700 1.5rem/1.75rem var(--ds-font-family-heading);\n    --ds-font-heading-large: normal 700 1.25rem/1.5rem var(--ds-font-family-heading);\n    --ds-font-heading-medium: normal 700 1rem/1.25rem var(--ds-font-family-heading);\n  }\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::ac16bd3fed98ec222ac09d5663ed540c>>
+ * @codegen <<SignedSource::cd46c7699adb6bcc1ef5f9983f692300>>
  * @codegenCommand yarn build tokens
  */
 declare const defaultTokenValues: {
@@ -434,24 +434,24 @@ declare const defaultTokenValues: {
     readonly 'space.negative.250': "-1.25rem";
     readonly 'space.negative.300': "-1.5rem";
     readonly 'space.negative.400': "-2rem";
-    readonly 'font.body': "normal 400 0.875rem/1.25rem var(--ds-font-family-body)";
-    readonly 'font.body.large': "normal 400 1rem/1.5rem var(--ds-font-family-body)";
-    readonly 'font.body.small': "normal 400 0.6875rem/1rem var(--ds-font-family-body)";
-    readonly 'font.code': "normal 400 0.875em/1 var(--ds-font-family-code)";
+    readonly 'font.heading.xxlarge': "normal 500 2.1875rem/2.5rem var(--ds-font-family-heading)";
+    readonly 'font.heading.xlarge': "normal 600 1.8125rem/2rem var(--ds-font-family-heading)";
     readonly 'font.heading.large': "normal 500 1.5rem/1.75rem var(--ds-font-family-heading)";
     readonly 'font.heading.medium': "normal 500 1.25rem/1.5rem var(--ds-font-family-heading)";
     readonly 'font.heading.small': "normal 600 1rem/1.25rem var(--ds-font-family-heading)";
-    readonly 'font.heading.xlarge': "normal 600 1.8125rem/2rem var(--ds-font-family-heading)";
     readonly 'font.heading.xsmall': "normal 600 0.875rem/1rem var(--ds-font-family-heading)";
-    readonly 'font.heading.xxlarge': "normal 500 2.1875rem/2.5rem var(--ds-font-family-heading)";
     readonly 'font.heading.xxsmall': "normal 600 0.75rem/1rem var(--ds-font-family-heading)";
+    readonly 'font.body.large': "normal 400 1rem/1.5rem var(--ds-font-family-body)";
+    readonly 'font.body': "normal 400 0.875rem/1.25rem var(--ds-font-family-body)";
+    readonly 'font.body.small': "normal 400 0.6875rem/1rem var(--ds-font-family-body)";
+    readonly 'font.ui': "normal 400 0.875rem/1 var(--ds-font-family-body)";
+    readonly 'font.ui.small': "normal 400 0.6875rem/1 var(--ds-font-family-body)";
+    readonly 'font.code': "normal 400 0.875em/1 var(--ds-font-family-code)";
     readonly 'font.letterSpacing.0': "0";
     readonly 'font.letterSpacing.100': "-0.003em";
     readonly 'font.letterSpacing.200': "-0.006em";
     readonly 'font.letterSpacing.300': "-0.008em";
     readonly 'font.letterSpacing.400': "-0.01em";
-    readonly 'font.ui': "normal 400 0.875rem/1 var(--ds-font-family-body)";
-    readonly 'font.ui.small': "normal 400 0.6875rem/1 var(--ds-font-family-body)";
     readonly 'font.family.body': "ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif";
     readonly 'font.family.code': "ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace";
     readonly 'font.family.heading': "ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif";

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::b8507162c70d82c2e8040cc31a142fdb>>
+ * @codegen <<SignedSource::f46c62b44101ed8ef04c2a9aa7e37742>>
  * @codegenCommand yarn build tokens
  */
 declare const tokens: {
@@ -427,24 +427,24 @@ declare const tokens: {
     readonly 'space.negative.250': "--ds-space-negative-250";
     readonly 'space.negative.300': "--ds-space-negative-300";
     readonly 'space.negative.400': "--ds-space-negative-400";
-    readonly 'font.body': "--ds-font-body";
-    readonly 'font.body.large': "--ds-font-body-large";
-    readonly 'font.body.small': "--ds-font-body-small";
-    readonly 'font.code': "--ds-font-code";
+    readonly 'font.heading.xxlarge': "--ds-font-heading-xxlarge";
+    readonly 'font.heading.xlarge': "--ds-font-heading-xlarge";
     readonly 'font.heading.large': "--ds-font-heading-large";
     readonly 'font.heading.medium': "--ds-font-heading-medium";
     readonly 'font.heading.small': "--ds-font-heading-small";
-    readonly 'font.heading.xlarge': "--ds-font-heading-xlarge";
     readonly 'font.heading.xsmall': "--ds-font-heading-xsmall";
-    readonly 'font.heading.xxlarge': "--ds-font-heading-xxlarge";
     readonly 'font.heading.xxsmall': "--ds-font-heading-xxsmall";
+    readonly 'font.body.large': "--ds-font-body-large";
+    readonly 'font.body': "--ds-font-body";
+    readonly 'font.body.small': "--ds-font-body-small";
+    readonly 'font.ui': "--ds-font-ui";
+    readonly 'font.ui.small': "--ds-font-ui-small";
+    readonly 'font.code': "--ds-font-code";
     readonly 'font.letterSpacing.0': "--ds-font-letterSpacing-0";
     readonly 'font.letterSpacing.100': "--ds-font-letterSpacing-100";
     readonly 'font.letterSpacing.200': "--ds-font-letterSpacing-200";
     readonly 'font.letterSpacing.300': "--ds-font-letterSpacing-300";
     readonly 'font.letterSpacing.400': "--ds-font-letterSpacing-400";
-    readonly 'font.ui': "--ds-font-ui";
-    readonly 'font.ui.small': "--ds-font-ui-small";
     readonly 'font.family.body': "--ds-font-family-body";
     readonly 'font.family.code': "--ds-font-family-code";
     readonly 'font.family.heading': "--ds-font-family-heading";
@@ -895,24 +895,24 @@ export type CSSTokenMap = {
     'space.negative.250': 'var(--ds-space-negative-250)';
     'space.negative.300': 'var(--ds-space-negative-300)';
     'space.negative.400': 'var(--ds-space-negative-400)';
-    'font.body': 'var(--ds-font-body)';
-    'font.body.large': 'var(--ds-font-body-large)';
-    'font.body.small': 'var(--ds-font-body-small)';
-    'font.code': 'var(--ds-font-code)';
+    'font.heading.xxlarge': 'var(--ds-font-heading-xxlarge)';
+    'font.heading.xlarge': 'var(--ds-font-heading-xlarge)';
     'font.heading.large': 'var(--ds-font-heading-large)';
     'font.heading.medium': 'var(--ds-font-heading-medium)';
     'font.heading.small': 'var(--ds-font-heading-small)';
-    'font.heading.xlarge': 'var(--ds-font-heading-xlarge)';
     'font.heading.xsmall': 'var(--ds-font-heading-xsmall)';
-    'font.heading.xxlarge': 'var(--ds-font-heading-xxlarge)';
     'font.heading.xxsmall': 'var(--ds-font-heading-xxsmall)';
+    'font.body.large': 'var(--ds-font-body-large)';
+    'font.body': 'var(--ds-font-body)';
+    'font.body.small': 'var(--ds-font-body-small)';
+    'font.ui': 'var(--ds-font-ui)';
+    'font.ui.small': 'var(--ds-font-ui-small)';
+    'font.code': 'var(--ds-font-code)';
     'font.letterSpacing.0': 'var(--ds-font-letterSpacing-0)';
     'font.letterSpacing.100': 'var(--ds-font-letterSpacing-100)';
     'font.letterSpacing.200': 'var(--ds-font-letterSpacing-200)';
     'font.letterSpacing.300': 'var(--ds-font-letterSpacing-300)';
     'font.letterSpacing.400': 'var(--ds-font-letterSpacing-400)';
-    'font.ui': 'var(--ds-font-ui)';
-    'font.ui.small': 'var(--ds-font-ui-small)';
     'font.family.body': 'var(--ds-font-family-body)';
     'font.family.code': 'var(--ds-font-family-code)';
     'font.family.heading': 'var(--ds-font-family-heading)';

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::3955d8a73e8c898ae06461a68d8b5cee>>
+ * @codegen <<SignedSource::193705d0fd8349d5378d72f9a1af347b>>
  * @codegenCommand yarn build tokens
  */
 declare const tokens: ({
@@ -35,7 +35,7 @@ declare const tokens: ({
         state: string;
         introduced: string;
         description: string;
-        responsiveSmallerVariant?: undefined;
+        responsiveSmallerVariant: string;
         deprecated?: undefined;
     };
     value: string;
@@ -47,7 +47,7 @@ declare const tokens: ({
             state: string;
             introduced: string;
             description: string;
-            responsiveSmallerVariant?: undefined;
+            responsiveSmallerVariant: string;
             deprecated?: undefined;
         };
         value: {
@@ -68,7 +68,7 @@ declare const tokens: ({
         state: string;
         introduced: string;
         description: string;
-        responsiveSmallerVariant: string;
+        responsiveSmallerVariant?: undefined;
         deprecated?: undefined;
     };
     value: string;
@@ -80,7 +80,7 @@ declare const tokens: ({
             state: string;
             introduced: string;
             description: string;
-            responsiveSmallerVariant: string;
+            responsiveSmallerVariant?: undefined;
             deprecated?: undefined;
         };
         value: {

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::b71fd742608a610806f7523f23e3a579>>
+ * @codegen <<SignedSource::40a1ce1a19e086ca1ffbacaa626d9c75>>
  * @codegenCommand yarn build tokens
  */
 declare const tokens: ({
@@ -35,7 +35,7 @@ declare const tokens: ({
         state: string;
         introduced: string;
         description: string;
-        responsiveSmallerVariant?: undefined;
+        responsiveSmallerVariant: string;
         deprecated?: undefined;
     };
     value: string;
@@ -47,7 +47,7 @@ declare const tokens: ({
             state: string;
             introduced: string;
             description: string;
-            responsiveSmallerVariant?: undefined;
+            responsiveSmallerVariant: string;
             deprecated?: undefined;
         };
         value: {
@@ -68,7 +68,7 @@ declare const tokens: ({
         state: string;
         introduced: string;
         description: string;
-        responsiveSmallerVariant: string;
+        responsiveSmallerVariant?: undefined;
         deprecated?: undefined;
     };
     value: string;
@@ -80,7 +80,7 @@ declare const tokens: ({
             state: string;
             introduced: string;
             description: string;
-            responsiveSmallerVariant: string;
+            responsiveSmallerVariant?: undefined;
             deprecated?: undefined;
         };
         value: {

package/dist/types-ts4.5/artifacts/types-internal.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::5a476d9f717f5155ae9c90ff533024ed>>
+ * @codegen <<SignedSource::2f2b542794208e54ca266aaef5d1035c>>
  * @codegenCommand yarn build tokens
  */
-export type InternalTokenIds = 'color.text.[default]' | 'color.text.accent.lime.[default]' | 'color.text.accent.lime.bolder' | 'color.text.accent.red.[default]' | 'color.text.accent.red.bolder' | 'color.text.accent.orange.[default]' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow.[default]' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green.[default]' | 'color.text.accent.green.bolder' | 'color.text.accent.teal.[default]' | 'color.text.accent.teal.bolder' | 'color.text.accent.blue.[default]' | 'color.text.accent.blue.bolder' | 'color.text.accent.purple.[default]' | 'color.text.accent.purple.bolder' | 'color.text.accent.magenta.[default]' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray.[default]' | 'color.text.accent.gray.bolder' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.selected' | 'color.text.brand' | 'color.text.danger' | 'color.text.warning.[default]' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.text.subtlest' | 'color.text.subtle' | 'color.link.[default]' | 'color.link.pressed' | 'color.link.visited' | 'color.icon.[default]' | 'color.icon.accent.lime' | '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.[default]' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.icon.subtle' | 'color.border.[default]' | 'color.border.accent.lime' | '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.lime.subtlest.[default]' | 'color.background.accent.lime.subtlest.hovered' | 'color.background.accent.lime.subtlest.pressed' | 'color.background.accent.lime.subtler.[default]' | 'color.background.accent.lime.subtler.hovered' | 'color.background.accent.lime.subtler.pressed' | 'color.background.accent.lime.subtle.[default]' | 'color.background.accent.lime.subtle.hovered' | 'color.background.accent.lime.subtle.pressed' | 'color.background.accent.lime.bolder.[default]' | 'color.background.accent.lime.bolder.hovered' | 'color.background.accent.lime.bolder.pressed' | 'color.background.accent.red.subtlest.[default]' | 'color.background.accent.red.subtlest.hovered' | 'color.background.accent.red.subtlest.pressed' | 'color.background.accent.red.subtler.[default]' | 'color.background.accent.red.subtler.hovered' | 'color.background.accent.red.subtler.pressed' | 'color.background.accent.red.subtle.[default]' | 'color.background.accent.red.subtle.hovered' | 'color.background.accent.red.subtle.pressed' | 'color.background.accent.red.bolder.[default]' | 'color.background.accent.red.bolder.hovered' | 'color.background.accent.red.bolder.pressed' | 'color.background.accent.orange.subtlest.[default]' | 'color.background.accent.orange.subtlest.hovered' | 'color.background.accent.orange.subtlest.pressed' | 'color.background.accent.orange.subtler.[default]' | 'color.background.accent.orange.subtler.hovered' | 'color.background.accent.orange.subtler.pressed' | 'color.background.accent.orange.subtle.[default]' | 'color.background.accent.orange.subtle.hovered' | 'color.background.accent.orange.subtle.pressed' | 'color.background.accent.orange.bolder.[default]' | 'color.background.accent.orange.bolder.hovered' | 'color.background.accent.orange.bolder.pressed' | 'color.background.accent.yellow.subtlest.[default]' | 'color.background.accent.yellow.subtlest.hovered' | 'color.background.accent.yellow.subtlest.pressed' | 'color.background.accent.yellow.subtler.[default]' | 'color.background.accent.yellow.subtler.hovered' | 'color.background.accent.yellow.subtler.pressed' | 'color.background.accent.yellow.subtle.[default]' | 'color.background.accent.yellow.subtle.hovered' | 'color.background.accent.yellow.subtle.pressed' | 'color.background.accent.yellow.bolder.[default]' | 'color.background.accent.yellow.bolder.hovered' | 'color.background.accent.yellow.bolder.pressed' | 'color.background.accent.green.subtlest.[default]' | 'color.background.accent.green.subtlest.hovered' | 'color.background.accent.green.subtlest.pressed' | 'color.background.accent.green.subtler.[default]' | 'color.background.accent.green.subtler.hovered' | 'color.background.accent.green.subtler.pressed' | 'color.background.accent.green.subtle.[default]' | 'color.background.accent.green.subtle.hovered' | 'color.background.accent.green.subtle.pressed' | 'color.background.accent.green.bolder.[default]' | 'color.background.accent.green.bolder.hovered' | 'color.background.accent.green.bolder.pressed' | 'color.background.accent.teal.subtlest.[default]' | 'color.background.accent.teal.subtlest.hovered' | 'color.background.accent.teal.subtlest.pressed' | 'color.background.accent.teal.subtler.[default]' | 'color.background.accent.teal.subtler.hovered' | 'color.background.accent.teal.subtler.pressed' | 'color.background.accent.teal.subtle.[default]' | 'color.background.accent.teal.subtle.hovered' | 'color.background.accent.teal.subtle.pressed' | 'color.background.accent.teal.bolder.[default]' | 'color.background.accent.teal.bolder.hovered' | 'color.background.accent.teal.bolder.pressed' | 'color.background.accent.blue.subtlest.[default]' | 'color.background.accent.blue.subtlest.hovered' | 'color.background.accent.blue.subtlest.pressed' | 'color.background.accent.blue.subtler.[default]' | 'color.background.accent.blue.subtler.hovered' | 'color.background.accent.blue.subtler.pressed' | 'color.background.accent.blue.subtle.[default]' | 'color.background.accent.blue.subtle.hovered' | 'color.background.accent.blue.subtle.pressed' | 'color.background.accent.blue.bolder.[default]' | 'color.background.accent.blue.bolder.hovered' | 'color.background.accent.blue.bolder.pressed' | 'color.background.accent.purple.subtlest.[default]' | 'color.background.accent.purple.subtlest.hovered' | 'color.background.accent.purple.subtlest.pressed' | 'color.background.accent.purple.subtler.[default]' | 'color.background.accent.purple.subtler.hovered' | 'color.background.accent.purple.subtler.pressed' | 'color.background.accent.purple.subtle.[default]' | 'color.background.accent.purple.subtle.hovered' | 'color.background.accent.purple.subtle.pressed' | 'color.background.accent.purple.bolder.[default]' | 'color.background.accent.purple.bolder.hovered' | 'color.background.accent.purple.bolder.pressed' | 'color.background.accent.magenta.subtlest.[default]' | 'color.background.accent.magenta.subtlest.hovered' | 'color.background.accent.magenta.subtlest.pressed' | 'color.background.accent.magenta.subtler.[default]' | 'color.background.accent.magenta.subtler.hovered' | 'color.background.accent.magenta.subtler.pressed' | 'color.background.accent.magenta.subtle.[default]' | 'color.background.accent.magenta.subtle.hovered' | 'color.background.accent.magenta.subtle.pressed' | 'color.background.accent.magenta.bolder.[default]' | 'color.background.accent.magenta.bolder.hovered' | 'color.background.accent.magenta.bolder.pressed' | 'color.background.accent.gray.subtlest.[default]' | 'color.background.accent.gray.subtlest.hovered' | 'color.background.accent.gray.subtlest.pressed' | 'color.background.accent.gray.subtler.[default]' | 'color.background.accent.gray.subtler.hovered' | 'color.background.accent.gray.subtler.pressed' | 'color.background.accent.gray.subtle.[default]' | 'color.background.accent.gray.subtle.hovered' | 'color.background.accent.gray.subtle.pressed' | 'color.background.accent.gray.bolder.[default]' | 'color.background.accent.gray.bolder.hovered' | 'color.background.accent.gray.bolder.pressed' | 'color.background.disabled' | 'color.background.input.[default]' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.inverse.subtle.[default]' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.neutral.[default].[default]' | 'color.background.neutral.[default].hovered' | 'color.background.neutral.[default].pressed' | 'color.background.neutral.subtle.[default]' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold.[default]' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.selected.[default].[default]' | 'color.background.selected.[default].hovered' | 'color.background.selected.[default].pressed' | 'color.background.selected.bold.[default]' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.brand.subtlest.[default]' | 'color.background.brand.subtlest.hovered' | 'color.background.brand.subtlest.pressed' | 'color.background.brand.bold.[default]' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.brand.boldest.[default]' | 'color.background.brand.boldest.hovered' | 'color.background.brand.boldest.pressed' | 'color.background.danger.[default].[default]' | 'color.background.danger.[default].hovered' | 'color.background.danger.[default].pressed' | 'color.background.danger.bold.[default]' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning.[default].[default]' | 'color.background.warning.[default].hovered' | 'color.background.warning.[default].pressed' | 'color.background.warning.bold.[default]' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success.[default].[default]' | 'color.background.success.[default].hovered' | 'color.background.success.[default].pressed' | 'color.background.success.bold.[default]' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery.[default].[default]' | 'color.background.discovery.[default].hovered' | 'color.background.discovery.[default].pressed' | 'color.background.discovery.bold.[default]' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information.[default].[default]' | 'color.background.information.[default].hovered' | 'color.background.information.[default].pressed' | 'color.background.information.bold.[default]' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket.[default]' | 'color.blanket.selected' | 'color.blanket.danger' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.skeleton.[default]' | 'color.skeleton.subtle' | 'color.chart.categorical.1.[default]' | 'color.chart.categorical.1.hovered' | 'color.chart.categorical.2.[default]' | 'color.chart.categorical.2.hovered' | 'color.chart.categorical.3.[default]' | 'color.chart.categorical.3.hovered' | 'color.chart.categorical.4.[default]' | 'color.chart.categorical.4.hovered' | 'color.chart.categorical.5.[default]' | 'color.chart.categorical.5.hovered' | 'color.chart.categorical.6.[default]' | 'color.chart.categorical.6.hovered' | 'color.chart.categorical.7.[default]' | 'color.chart.categorical.7.hovered' | 'color.chart.categorical.8.[default]' | 'color.chart.categorical.8.hovered' | 'color.chart.lime.bold.[default]' | 'color.chart.lime.bold.hovered' | 'color.chart.lime.bolder.[default]' | 'color.chart.lime.bolder.hovered' | 'color.chart.lime.boldest.[default]' | 'color.chart.lime.boldest.hovered' | 'color.chart.neutral.[default]' | 'color.chart.neutral.hovered' | 'color.chart.red.bold.[default]' | 'color.chart.red.bold.hovered' | 'color.chart.red.bolder.[default]' | 'color.chart.red.bolder.hovered' | 'color.chart.red.boldest.[default]' | 'color.chart.red.boldest.hovered' | 'color.chart.orange.bold.[default]' | 'color.chart.orange.bold.hovered' | 'color.chart.orange.bolder.[default]' | 'color.chart.orange.bolder.hovered' | 'color.chart.orange.boldest.[default]' | 'color.chart.orange.boldest.hovered' | 'color.chart.yellow.bold.[default]' | 'color.chart.yellow.bold.hovered' | 'color.chart.yellow.bolder.[default]' | 'color.chart.yellow.bolder.hovered' | 'color.chart.yellow.boldest.[default]' | 'color.chart.yellow.boldest.hovered' | 'color.chart.green.bold.[default]' | 'color.chart.green.bold.hovered' | 'color.chart.green.bolder.[default]' | 'color.chart.green.bolder.hovered' | 'color.chart.green.boldest.[default]' | 'color.chart.green.boldest.hovered' | 'color.chart.teal.bold.[default]' | 'color.chart.teal.bold.hovered' | 'color.chart.teal.bolder.[default]' | 'color.chart.teal.bolder.hovered' | 'color.chart.teal.boldest.[default]' | 'color.chart.teal.boldest.hovered' | 'color.chart.blue.bold.[default]' | 'color.chart.blue.bold.hovered' | 'color.chart.blue.bolder.[default]' | 'color.chart.blue.bolder.hovered' | 'color.chart.blue.boldest.[default]' | 'color.chart.blue.boldest.hovered' | 'color.chart.purple.bold.[default]' | 'color.chart.purple.bold.hovered' | 'color.chart.purple.bolder.[default]' | 'color.chart.purple.bolder.hovered' | 'color.chart.purple.boldest.[default]' | 'color.chart.purple.boldest.hovered' | 'color.chart.magenta.bold.[default]' | 'color.chart.magenta.bold.hovered' | 'color.chart.magenta.bolder.[default]' | 'color.chart.magenta.bolder.hovered' | 'color.chart.magenta.boldest.[default]' | 'color.chart.magenta.boldest.hovered' | 'color.chart.gray.bold.[default]' | 'color.chart.gray.bold.hovered' | 'color.chart.gray.bolder.[default]' | 'color.chart.gray.bolder.hovered' | 'color.chart.gray.boldest.[default]' | 'color.chart.gray.boldest.hovered' | 'color.chart.brand.[default]' | 'color.chart.brand.hovered' | 'color.chart.danger.[default].[default]' | 'color.chart.danger.[default].hovered' | 'color.chart.danger.bold.[default]' | 'color.chart.danger.bold.hovered' | 'color.chart.warning.[default].[default]' | 'color.chart.warning.[default].hovered' | 'color.chart.warning.bold.[default]' | 'color.chart.warning.bold.hovered' | 'color.chart.success.[default].[default]' | 'color.chart.success.[default].hovered' | 'color.chart.success.bold.[default]' | 'color.chart.success.bold.hovered' | 'color.chart.discovery.[default].[default]' | 'color.chart.discovery.[default].hovered' | 'color.chart.discovery.bold.[default]' | 'color.chart.discovery.bold.hovered' | 'color.chart.information.[default].[default]' | 'color.chart.information.[default].hovered' | 'color.chart.information.bold.[default]' | 'color.chart.information.bold.hovered' | 'elevation.surface.[default].[default]' | 'elevation.surface.[default].hovered' | 'elevation.surface.[default].pressed' | 'elevation.surface.overlay.[default]' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'elevation.surface.raised.[default]' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.sunken' | 'elevation.shadow.overflow.[default]' | 'elevation.shadow.overflow.perimeter' | 'elevation.shadow.overflow.spread' | 'elevation.shadow.overlay' | 'elevation.shadow.raised' | 'opacity.disabled' | 'opacity.loading' | 'utility.UNSAFE.textTransformUppercase' | 'utility.UNSAFE.transparent' | 'utility.elevation.surface.current' | 'border.radius.050' | 'border.radius.[default]' | 'border.radius.100' | 'border.radius.200' | 'border.radius.300' | 'border.radius.400' | 'border.radius.circle' | 'border.width.[default]' | 'border.width.indicator' | 'border.width.outline' | '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' | 'space.negative.025' | 'space.negative.050' | 'space.negative.075' | 'space.negative.100' | 'space.negative.150' | 'space.negative.200' | 'space.negative.250' | 'space.negative.300' | 'space.negative.400';
+export type InternalTokenIds = 'color.text.[default]' | 'color.text.accent.lime.[default]' | 'color.text.accent.lime.bolder' | 'color.text.accent.red.[default]' | 'color.text.accent.red.bolder' | 'color.text.accent.orange.[default]' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow.[default]' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green.[default]' | 'color.text.accent.green.bolder' | 'color.text.accent.teal.[default]' | 'color.text.accent.teal.bolder' | 'color.text.accent.blue.[default]' | 'color.text.accent.blue.bolder' | 'color.text.accent.purple.[default]' | 'color.text.accent.purple.bolder' | 'color.text.accent.magenta.[default]' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray.[default]' | 'color.text.accent.gray.bolder' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.selected' | 'color.text.brand' | 'color.text.danger' | 'color.text.warning.[default]' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.text.subtlest' | 'color.text.subtle' | 'color.link.[default]' | 'color.link.pressed' | 'color.link.visited' | 'color.icon.[default]' | 'color.icon.accent.lime' | '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.[default]' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.icon.subtle' | 'color.border.[default]' | 'color.border.accent.lime' | '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.lime.subtlest.[default]' | 'color.background.accent.lime.subtlest.hovered' | 'color.background.accent.lime.subtlest.pressed' | 'color.background.accent.lime.subtler.[default]' | 'color.background.accent.lime.subtler.hovered' | 'color.background.accent.lime.subtler.pressed' | 'color.background.accent.lime.subtle.[default]' | 'color.background.accent.lime.subtle.hovered' | 'color.background.accent.lime.subtle.pressed' | 'color.background.accent.lime.bolder.[default]' | 'color.background.accent.lime.bolder.hovered' | 'color.background.accent.lime.bolder.pressed' | 'color.background.accent.red.subtlest.[default]' | 'color.background.accent.red.subtlest.hovered' | 'color.background.accent.red.subtlest.pressed' | 'color.background.accent.red.subtler.[default]' | 'color.background.accent.red.subtler.hovered' | 'color.background.accent.red.subtler.pressed' | 'color.background.accent.red.subtle.[default]' | 'color.background.accent.red.subtle.hovered' | 'color.background.accent.red.subtle.pressed' | 'color.background.accent.red.bolder.[default]' | 'color.background.accent.red.bolder.hovered' | 'color.background.accent.red.bolder.pressed' | 'color.background.accent.orange.subtlest.[default]' | 'color.background.accent.orange.subtlest.hovered' | 'color.background.accent.orange.subtlest.pressed' | 'color.background.accent.orange.subtler.[default]' | 'color.background.accent.orange.subtler.hovered' | 'color.background.accent.orange.subtler.pressed' | 'color.background.accent.orange.subtle.[default]' | 'color.background.accent.orange.subtle.hovered' | 'color.background.accent.orange.subtle.pressed' | 'color.background.accent.orange.bolder.[default]' | 'color.background.accent.orange.bolder.hovered' | 'color.background.accent.orange.bolder.pressed' | 'color.background.accent.yellow.subtlest.[default]' | 'color.background.accent.yellow.subtlest.hovered' | 'color.background.accent.yellow.subtlest.pressed' | 'color.background.accent.yellow.subtler.[default]' | 'color.background.accent.yellow.subtler.hovered' | 'color.background.accent.yellow.subtler.pressed' | 'color.background.accent.yellow.subtle.[default]' | 'color.background.accent.yellow.subtle.hovered' | 'color.background.accent.yellow.subtle.pressed' | 'color.background.accent.yellow.bolder.[default]' | 'color.background.accent.yellow.bolder.hovered' | 'color.background.accent.yellow.bolder.pressed' | 'color.background.accent.green.subtlest.[default]' | 'color.background.accent.green.subtlest.hovered' | 'color.background.accent.green.subtlest.pressed' | 'color.background.accent.green.subtler.[default]' | 'color.background.accent.green.subtler.hovered' | 'color.background.accent.green.subtler.pressed' | 'color.background.accent.green.subtle.[default]' | 'color.background.accent.green.subtle.hovered' | 'color.background.accent.green.subtle.pressed' | 'color.background.accent.green.bolder.[default]' | 'color.background.accent.green.bolder.hovered' | 'color.background.accent.green.bolder.pressed' | 'color.background.accent.teal.subtlest.[default]' | 'color.background.accent.teal.subtlest.hovered' | 'color.background.accent.teal.subtlest.pressed' | 'color.background.accent.teal.subtler.[default]' | 'color.background.accent.teal.subtler.hovered' | 'color.background.accent.teal.subtler.pressed' | 'color.background.accent.teal.subtle.[default]' | 'color.background.accent.teal.subtle.hovered' | 'color.background.accent.teal.subtle.pressed' | 'color.background.accent.teal.bolder.[default]' | 'color.background.accent.teal.bolder.hovered' | 'color.background.accent.teal.bolder.pressed' | 'color.background.accent.blue.subtlest.[default]' | 'color.background.accent.blue.subtlest.hovered' | 'color.background.accent.blue.subtlest.pressed' | 'color.background.accent.blue.subtler.[default]' | 'color.background.accent.blue.subtler.hovered' | 'color.background.accent.blue.subtler.pressed' | 'color.background.accent.blue.subtle.[default]' | 'color.background.accent.blue.subtle.hovered' | 'color.background.accent.blue.subtle.pressed' | 'color.background.accent.blue.bolder.[default]' | 'color.background.accent.blue.bolder.hovered' | 'color.background.accent.blue.bolder.pressed' | 'color.background.accent.purple.subtlest.[default]' | 'color.background.accent.purple.subtlest.hovered' | 'color.background.accent.purple.subtlest.pressed' | 'color.background.accent.purple.subtler.[default]' | 'color.background.accent.purple.subtler.hovered' | 'color.background.accent.purple.subtler.pressed' | 'color.background.accent.purple.subtle.[default]' | 'color.background.accent.purple.subtle.hovered' | 'color.background.accent.purple.subtle.pressed' | 'color.background.accent.purple.bolder.[default]' | 'color.background.accent.purple.bolder.hovered' | 'color.background.accent.purple.bolder.pressed' | 'color.background.accent.magenta.subtlest.[default]' | 'color.background.accent.magenta.subtlest.hovered' | 'color.background.accent.magenta.subtlest.pressed' | 'color.background.accent.magenta.subtler.[default]' | 'color.background.accent.magenta.subtler.hovered' | 'color.background.accent.magenta.subtler.pressed' | 'color.background.accent.magenta.subtle.[default]' | 'color.background.accent.magenta.subtle.hovered' | 'color.background.accent.magenta.subtle.pressed' | 'color.background.accent.magenta.bolder.[default]' | 'color.background.accent.magenta.bolder.hovered' | 'color.background.accent.magenta.bolder.pressed' | 'color.background.accent.gray.subtlest.[default]' | 'color.background.accent.gray.subtlest.hovered' | 'color.background.accent.gray.subtlest.pressed' | 'color.background.accent.gray.subtler.[default]' | 'color.background.accent.gray.subtler.hovered' | 'color.background.accent.gray.subtler.pressed' | 'color.background.accent.gray.subtle.[default]' | 'color.background.accent.gray.subtle.hovered' | 'color.background.accent.gray.subtle.pressed' | 'color.background.accent.gray.bolder.[default]' | 'color.background.accent.gray.bolder.hovered' | 'color.background.accent.gray.bolder.pressed' | 'color.background.disabled' | 'color.background.input.[default]' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.inverse.subtle.[default]' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.neutral.[default].[default]' | 'color.background.neutral.[default].hovered' | 'color.background.neutral.[default].pressed' | 'color.background.neutral.subtle.[default]' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold.[default]' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.selected.[default].[default]' | 'color.background.selected.[default].hovered' | 'color.background.selected.[default].pressed' | 'color.background.selected.bold.[default]' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.brand.subtlest.[default]' | 'color.background.brand.subtlest.hovered' | 'color.background.brand.subtlest.pressed' | 'color.background.brand.bold.[default]' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.brand.boldest.[default]' | 'color.background.brand.boldest.hovered' | 'color.background.brand.boldest.pressed' | 'color.background.danger.[default].[default]' | 'color.background.danger.[default].hovered' | 'color.background.danger.[default].pressed' | 'color.background.danger.bold.[default]' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning.[default].[default]' | 'color.background.warning.[default].hovered' | 'color.background.warning.[default].pressed' | 'color.background.warning.bold.[default]' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success.[default].[default]' | 'color.background.success.[default].hovered' | 'color.background.success.[default].pressed' | 'color.background.success.bold.[default]' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery.[default].[default]' | 'color.background.discovery.[default].hovered' | 'color.background.discovery.[default].pressed' | 'color.background.discovery.bold.[default]' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information.[default].[default]' | 'color.background.information.[default].hovered' | 'color.background.information.[default].pressed' | 'color.background.information.bold.[default]' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket.[default]' | 'color.blanket.selected' | 'color.blanket.danger' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.skeleton.[default]' | 'color.skeleton.subtle' | 'color.chart.categorical.1.[default]' | 'color.chart.categorical.1.hovered' | 'color.chart.categorical.2.[default]' | 'color.chart.categorical.2.hovered' | 'color.chart.categorical.3.[default]' | 'color.chart.categorical.3.hovered' | 'color.chart.categorical.4.[default]' | 'color.chart.categorical.4.hovered' | 'color.chart.categorical.5.[default]' | 'color.chart.categorical.5.hovered' | 'color.chart.categorical.6.[default]' | 'color.chart.categorical.6.hovered' | 'color.chart.categorical.7.[default]' | 'color.chart.categorical.7.hovered' | 'color.chart.categorical.8.[default]' | 'color.chart.categorical.8.hovered' | 'color.chart.lime.bold.[default]' | 'color.chart.lime.bold.hovered' | 'color.chart.lime.bolder.[default]' | 'color.chart.lime.bolder.hovered' | 'color.chart.lime.boldest.[default]' | 'color.chart.lime.boldest.hovered' | 'color.chart.neutral.[default]' | 'color.chart.neutral.hovered' | 'color.chart.red.bold.[default]' | 'color.chart.red.bold.hovered' | 'color.chart.red.bolder.[default]' | 'color.chart.red.bolder.hovered' | 'color.chart.red.boldest.[default]' | 'color.chart.red.boldest.hovered' | 'color.chart.orange.bold.[default]' | 'color.chart.orange.bold.hovered' | 'color.chart.orange.bolder.[default]' | 'color.chart.orange.bolder.hovered' | 'color.chart.orange.boldest.[default]' | 'color.chart.orange.boldest.hovered' | 'color.chart.yellow.bold.[default]' | 'color.chart.yellow.bold.hovered' | 'color.chart.yellow.bolder.[default]' | 'color.chart.yellow.bolder.hovered' | 'color.chart.yellow.boldest.[default]' | 'color.chart.yellow.boldest.hovered' | 'color.chart.green.bold.[default]' | 'color.chart.green.bold.hovered' | 'color.chart.green.bolder.[default]' | 'color.chart.green.bolder.hovered' | 'color.chart.green.boldest.[default]' | 'color.chart.green.boldest.hovered' | 'color.chart.teal.bold.[default]' | 'color.chart.teal.bold.hovered' | 'color.chart.teal.bolder.[default]' | 'color.chart.teal.bolder.hovered' | 'color.chart.teal.boldest.[default]' | 'color.chart.teal.boldest.hovered' | 'color.chart.blue.bold.[default]' | 'color.chart.blue.bold.hovered' | 'color.chart.blue.bolder.[default]' | 'color.chart.blue.bolder.hovered' | 'color.chart.blue.boldest.[default]' | 'color.chart.blue.boldest.hovered' | 'color.chart.purple.bold.[default]' | 'color.chart.purple.bold.hovered' | 'color.chart.purple.bolder.[default]' | 'color.chart.purple.bolder.hovered' | 'color.chart.purple.boldest.[default]' | 'color.chart.purple.boldest.hovered' | 'color.chart.magenta.bold.[default]' | 'color.chart.magenta.bold.hovered' | 'color.chart.magenta.bolder.[default]' | 'color.chart.magenta.bolder.hovered' | 'color.chart.magenta.boldest.[default]' | 'color.chart.magenta.boldest.hovered' | 'color.chart.gray.bold.[default]' | 'color.chart.gray.bold.hovered' | 'color.chart.gray.bolder.[default]' | 'color.chart.gray.bolder.hovered' | 'color.chart.gray.boldest.[default]' | 'color.chart.gray.boldest.hovered' | 'color.chart.brand.[default]' | 'color.chart.brand.hovered' | 'color.chart.danger.[default].[default]' | 'color.chart.danger.[default].hovered' | 'color.chart.danger.bold.[default]' | 'color.chart.danger.bold.hovered' | 'color.chart.warning.[default].[default]' | 'color.chart.warning.[default].hovered' | 'color.chart.warning.bold.[default]' | 'color.chart.warning.bold.hovered' | 'color.chart.success.[default].[default]' | 'color.chart.success.[default].hovered' | 'color.chart.success.bold.[default]' | 'color.chart.success.bold.hovered' | 'color.chart.discovery.[default].[default]' | 'color.chart.discovery.[default].hovered' | 'color.chart.discovery.bold.[default]' | 'color.chart.discovery.bold.hovered' | 'color.chart.information.[default].[default]' | 'color.chart.information.[default].hovered' | 'color.chart.information.bold.[default]' | 'color.chart.information.bold.hovered' | 'elevation.surface.[default].[default]' | 'elevation.surface.[default].hovered' | 'elevation.surface.[default].pressed' | 'elevation.surface.overlay.[default]' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'elevation.surface.raised.[default]' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.sunken' | 'elevation.shadow.overflow.[default]' | 'elevation.shadow.overflow.perimeter' | 'elevation.shadow.overflow.spread' | 'elevation.shadow.overlay' | 'elevation.shadow.raised' | 'opacity.disabled' | 'opacity.loading' | 'utility.UNSAFE.textTransformUppercase' | 'utility.UNSAFE.transparent' | 'utility.elevation.surface.current' | 'border.radius.050' | 'border.radius.[default]' | 'border.radius.100' | 'border.radius.200' | 'border.radius.300' | 'border.radius.400' | 'border.radius.circle' | 'border.width.[default]' | 'border.width.indicator' | 'border.width.outline' | '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' | 'space.negative.025' | 'space.negative.050' | 'space.negative.075' | 'space.negative.100' | 'space.negative.150' | 'space.negative.200' | 'space.negative.250' | 'space.negative.300' | 'space.negative.400' | 'font.heading.xxlarge' | 'font.heading.xlarge' | 'font.heading.large' | 'font.heading.medium' | 'font.heading.small' | 'font.heading.xsmall' | 'font.heading.xxsmall' | 'font.body.large' | 'font.body.[default]' | 'font.body.small' | 'font.ui.[default]' | 'font.ui.small' | 'font.code.[default]';