@atlaskit/tokens 1.14.2 → 1.15.1

package/report.api.md

@@ -340,6 +340,12 @@ export type ActiveTokens =
   | 'elevation.surface.sunken'
   | 'font.family.monospace'
   | 'font.family.sans'
+  | 'font.letterSpacing.0'
+  | 'font.letterSpacing.100'
+  | 'font.letterSpacing.200'
+  | 'font.letterSpacing.300'
+  | 'font.letterSpacing.400'
+  | 'font.lineHeight.1'
   | 'font.lineHeight.100'
   | 'font.lineHeight.200'
   | 'font.lineHeight.300'
@@ -880,8 +886,28 @@ type CSSTokenMap = {
   'space.600': 'var(--ds-space-600)';
   'space.800': 'var(--ds-space-800)';
   'space.1000': 'var(--ds-space-1000)';
+  'font.body': 'var(--ds-font-body)';
+  'font.body.sm': 'var(--ds-font-body-sm)';
+  'font.code': 'var(--ds-font-code)';
+  'font.heading.lg': 'var(--ds-font-heading-lg)';
+  'font.heading.md': 'var(--ds-font-heading-md)';
+  'font.heading.sm': 'var(--ds-font-heading-sm)';
+  'font.heading.xl': 'var(--ds-font-heading-xl)';
+  'font.heading.xs': 'var(--ds-font-heading-xs)';
+  'font.heading.xxl': 'var(--ds-font-heading-xxl)';
+  'font.heading.xxs': 'var(--ds-font-heading-xxs)';
+  '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.sm': 'var(--ds-font-ui-sm)';
+  'font.family.code': 'var(--ds-font-family-code)';
   'font.family.monospace': 'var(--ds-font-family-monospace)';
+  'font.family.product': 'var(--ds-font-family-product)';
   'font.family.sans': 'var(--ds-font-family-sans)';
+  'font.family.brand': 'var(--ds-font-family-brand)';
   'font.size.050': 'var(--ds-font-size-050)';
   'font.size.075': 'var(--ds-font-size-075)';
   'font.size.100': 'var(--ds-font-size-100)';
@@ -894,6 +920,7 @@ type CSSTokenMap = {
   'font.weight.medium': 'var(--ds-font-weight-medium)';
   'font.weight.regular': 'var(--ds-font-weight-regular)';
   'font.weight.semibold': 'var(--ds-font-weight-semibold)';
+  'font.lineHeight.1': 'var(--ds-font-lineHeight-1)';
   'font.lineHeight.100': 'var(--ds-font-lineHeight-100)';
   'font.lineHeight.200': 'var(--ds-font-lineHeight-200)';
   'font.lineHeight.300': 'var(--ds-font-lineHeight-300)';
@@ -994,6 +1021,7 @@ export type Groups =
   | 'fontFamily'
   | 'fontSize'
   | 'fontWeight'
+  | 'letterSpacing'
   | 'lineHeight'
   | 'opacity'
   | 'paint'
@@ -1324,6 +1352,12 @@ type InternalTokenIds =
   | 'elevation.surface.sunken'
   | 'font.family.monospace'
   | 'font.family.sans'
+  | 'font.letterSpacing.0'
+  | 'font.letterSpacing.100'
+  | 'font.letterSpacing.200'
+  | 'font.letterSpacing.300'
+  | 'font.letterSpacing.400'
+  | 'font.lineHeight.1'
   | 'font.lineHeight.100'
   | 'font.lineHeight.200'
   | 'font.lineHeight.300'
@@ -1469,6 +1503,8 @@ const themeIds: readonly [
   'spacing',
   'typography',
   'shape',
+  'typography-adg3',
+  'typography-minor3',
 ];
 
 // @public (undocumented)
@@ -1483,6 +1519,8 @@ const themeIdsWithOverrides: readonly [
   'spacing',
   'typography',
   'shape',
+  'typography-adg3',
+  'typography-minor3',
   'light-new-input-border',
   'dark-new-input-border',
 ];
@@ -1534,7 +1572,9 @@ export type Themes =
   | 'atlassian-light'
   | 'atlassian-shape'
   | 'atlassian-spacing'
-  | 'atlassian-typography';
+  | 'atlassian-typography'
+  | 'atlassian-typography-adg3'
+  | 'atlassian-typography-minor3';
 
 // @public
 export interface ThemeState {
@@ -1549,7 +1589,10 @@ export interface ThemeState {
   // (undocumented)
   spacing?: Extract<ThemeIds, 'spacing'>;
   // (undocumented)
-  typography?: Extract<ThemeIds, 'typography'>;
+  typography?: Extract<
+    ThemeIds,
+    'typography' | 'typography-adg3' | 'typography-minor3'
+  >;
   // (undocumented)
   UNSAFE_themeOptions?: ThemeOptionsSchema;
 }
@@ -1922,8 +1965,28 @@ const tokens: {
   readonly 'space.600': '--ds-space-600';
   readonly 'space.800': '--ds-space-800';
   readonly 'space.1000': '--ds-space-1000';
+  readonly 'font.body': '--ds-font-body';
+  readonly 'font.body.sm': '--ds-font-body-sm';
+  readonly 'font.code': '--ds-font-code';
+  readonly 'font.heading.lg': '--ds-font-heading-lg';
+  readonly 'font.heading.md': '--ds-font-heading-md';
+  readonly 'font.heading.sm': '--ds-font-heading-sm';
+  readonly 'font.heading.xl': '--ds-font-heading-xl';
+  readonly 'font.heading.xs': '--ds-font-heading-xs';
+  readonly 'font.heading.xxl': '--ds-font-heading-xxl';
+  readonly 'font.heading.xxs': '--ds-font-heading-xxs';
+  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.sm': '--ds-font-ui-sm';
+  readonly 'font.family.code': '--ds-font-family-code';
   readonly 'font.family.monospace': '--ds-font-family-monospace';
+  readonly 'font.family.product': '--ds-font-family-product';
   readonly 'font.family.sans': '--ds-font-family-sans';
+  readonly 'font.family.brand': '--ds-font-family-brand';
   readonly 'font.size.050': '--ds-font-size-050';
   readonly 'font.size.075': '--ds-font-size-075';
   readonly 'font.size.100': '--ds-font-size-100';
@@ -1936,6 +1999,7 @@ const tokens: {
   readonly 'font.weight.medium': '--ds-font-weight-medium';
   readonly 'font.weight.regular': '--ds-font-weight-regular';
   readonly 'font.weight.semibold': '--ds-font-weight-semibold';
+  readonly 'font.lineHeight.1': '--ds-font-lineHeight-1';
   readonly 'font.lineHeight.100': '--ds-font-lineHeight-100';
   readonly 'font.lineHeight.200': '--ds-font-lineHeight-200';
   readonly 'font.lineHeight.300': '--ds-font-lineHeight-300';
@@ -1954,6 +2018,27 @@ type TokenState =
   | DeprecatedTokenState
   | ExperimentalTokenState;
 
+// @public
+export type TypographyToken<
+  TPalette extends {
+    fontWeight: string;
+    fontSize: string;
+    lineHeight: string;
+    fontFamily: string;
+    letterSpacing: string;
+  },
+> = DesignToken<
+  {
+    fontStyle: 'normal';
+    fontWeight: TPalette['fontWeight'];
+    fontFamily: TPalette['fontFamily'];
+    fontSize: TPalette['fontSize'];
+    lineHeight: TPalette['lineHeight'];
+    letterSpacing: TPalette['letterSpacing'];
+  },
+  'typography'
+>;
+
 // @public
 export const useThemeObserver: () => Partial<ActiveThemeState>;
 

package/tmp/api-report-tmp.d.ts

@@ -13,7 +13,7 @@ interface ActiveThemeState extends ThemeState {
 }
 
 // @public
-export type ActiveTokens = 'border.radius' | 'border.radius.050' | 'border.radius.100' | 'border.radius.200' | 'border.radius.300' | 'border.radius.400' | 'border.radius.circle' | 'border.width' | 'border.width.indicator' | 'border.width.outline' | 'color.background.accent.blue.bolder' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtlest' | 'color.background.accent.gray.bolder' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtlest' | 'color.background.accent.green.bolder' | 'color.background.accent.green.subtle' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtlest' | 'color.background.accent.lime.bolder' | 'color.background.accent.lime.subtle' | 'color.background.accent.lime.subtler' | 'color.background.accent.lime.subtlest' | 'color.background.accent.magenta.bolder' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.orange.bolder' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtlest' | 'color.background.accent.purple.bolder' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtlest' | 'color.background.accent.red.bolder' | 'color.background.accent.red.subtle' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtlest' | 'color.background.accent.teal.bolder' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtlest' | 'color.background.accent.yellow.bolder' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtlest' | 'color.background.brand.bold' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.brand.boldest' | 'color.background.brand.boldest.hovered' | 'color.background.brand.boldest.pressed' | 'color.background.brand.subtlest' | 'color.background.brand.subtlest.hovered' | 'color.background.brand.subtlest.pressed' | 'color.background.danger' | 'color.background.danger.bold' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.danger.hovered' | 'color.background.danger.pressed' | 'color.background.disabled' | 'color.background.discovery' | 'color.background.discovery.bold' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.discovery.hovered' | 'color.background.discovery.pressed' | 'color.background.information' | 'color.background.information.bold' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.background.information.hovered' | 'color.background.information.pressed' | 'color.background.input' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.inverse.subtle' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.neutral' | 'color.background.neutral.bold' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.neutral.hovered' | 'color.background.neutral.pressed' | 'color.background.neutral.subtle' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.selected' | 'color.background.selected.bold' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.selected.hovered' | 'color.background.selected.pressed' | 'color.background.success' | 'color.background.success.bold' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.success.hovered' | 'color.background.success.pressed' | 'color.background.warning' | 'color.background.warning.bold' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.warning.hovered' | 'color.background.warning.pressed' | 'color.blanket' | 'color.blanket.danger' | 'color.blanket.selected' | 'color.border' | 'color.border.accent.blue' | 'color.border.accent.gray' | 'color.border.accent.green' | 'color.border.accent.lime' | 'color.border.accent.magenta' | 'color.border.accent.orange' | 'color.border.accent.purple' | 'color.border.accent.red' | 'color.border.accent.teal' | 'color.border.accent.yellow' | 'color.border.bold' | 'color.border.brand' | 'color.border.danger' | 'color.border.disabled' | 'color.border.discovery' | 'color.border.focused' | 'color.border.information' | 'color.border.input' | 'color.border.inverse' | 'color.border.selected' | 'color.border.success' | 'color.border.warning' | 'color.chart.blue.bold' | 'color.chart.blue.bold.hovered' | 'color.chart.blue.bolder' | 'color.chart.blue.bolder.hovered' | 'color.chart.blue.boldest' | 'color.chart.blue.boldest.hovered' | 'color.chart.brand' | 'color.chart.brand.hovered' | 'color.chart.categorical.1' | 'color.chart.categorical.1.hovered' | 'color.chart.categorical.2' | 'color.chart.categorical.2.hovered' | 'color.chart.categorical.3' | 'color.chart.categorical.3.hovered' | 'color.chart.categorical.4' | 'color.chart.categorical.4.hovered' | 'color.chart.categorical.5' | 'color.chart.categorical.5.hovered' | 'color.chart.categorical.6' | 'color.chart.categorical.6.hovered' | 'color.chart.categorical.7' | 'color.chart.categorical.7.hovered' | 'color.chart.categorical.8' | 'color.chart.categorical.8.hovered' | 'color.chart.danger' | 'color.chart.danger.bold' | 'color.chart.danger.bold.hovered' | 'color.chart.danger.hovered' | 'color.chart.discovery' | 'color.chart.discovery.bold' | 'color.chart.discovery.bold.hovered' | 'color.chart.discovery.hovered' | 'color.chart.gray.bold' | 'color.chart.gray.bold.hovered' | 'color.chart.gray.bolder' | 'color.chart.gray.bolder.hovered' | 'color.chart.gray.boldest' | 'color.chart.gray.boldest.hovered' | 'color.chart.green.bold' | 'color.chart.green.bold.hovered' | 'color.chart.green.bolder' | 'color.chart.green.bolder.hovered' | 'color.chart.green.boldest' | 'color.chart.green.boldest.hovered' | 'color.chart.information' | 'color.chart.information.bold' | 'color.chart.information.bold.hovered' | 'color.chart.information.hovered' | 'color.chart.lime.bold' | 'color.chart.lime.bold.hovered' | 'color.chart.lime.bolder' | 'color.chart.lime.bolder.hovered' | 'color.chart.lime.boldest' | 'color.chart.lime.boldest.hovered' | 'color.chart.magenta.bold' | 'color.chart.magenta.bold.hovered' | 'color.chart.magenta.bolder' | 'color.chart.magenta.bolder.hovered' | 'color.chart.magenta.boldest' | 'color.chart.magenta.boldest.hovered' | 'color.chart.neutral' | 'color.chart.neutral.hovered' | 'color.chart.orange.bold' | 'color.chart.orange.bold.hovered' | 'color.chart.orange.bolder' | 'color.chart.orange.bolder.hovered' | 'color.chart.orange.boldest' | 'color.chart.orange.boldest.hovered' | 'color.chart.purple.bold' | 'color.chart.purple.bold.hovered' | 'color.chart.purple.bolder' | 'color.chart.purple.bolder.hovered' | 'color.chart.purple.boldest' | 'color.chart.purple.boldest.hovered' | 'color.chart.red.bold' | 'color.chart.red.bold.hovered' | 'color.chart.red.bolder' | 'color.chart.red.bolder.hovered' | 'color.chart.red.boldest' | 'color.chart.red.boldest.hovered' | 'color.chart.success' | 'color.chart.success.bold' | 'color.chart.success.bold.hovered' | 'color.chart.success.hovered' | 'color.chart.teal.bold' | 'color.chart.teal.bold.hovered' | 'color.chart.teal.bolder' | 'color.chart.teal.bolder.hovered' | 'color.chart.teal.boldest' | 'color.chart.teal.boldest.hovered' | 'color.chart.warning' | 'color.chart.warning.bold' | 'color.chart.warning.bold.hovered' | 'color.chart.warning.hovered' | 'color.chart.yellow.bold' | 'color.chart.yellow.bold.hovered' | 'color.chart.yellow.bolder' | 'color.chart.yellow.bolder.hovered' | 'color.chart.yellow.boldest' | 'color.chart.yellow.boldest.hovered' | 'color.icon' | 'color.icon.accent.blue' | 'color.icon.accent.gray' | 'color.icon.accent.green' | 'color.icon.accent.lime' | 'color.icon.accent.magenta' | 'color.icon.accent.orange' | 'color.icon.accent.purple' | 'color.icon.accent.red' | 'color.icon.accent.teal' | 'color.icon.accent.yellow' | 'color.icon.brand' | 'color.icon.danger' | 'color.icon.disabled' | 'color.icon.discovery' | 'color.icon.information' | 'color.icon.inverse' | 'color.icon.selected' | 'color.icon.subtle' | 'color.icon.success' | 'color.icon.warning' | 'color.icon.warning.inverse' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.link' | 'color.link.pressed' | 'color.skeleton' | 'color.skeleton.subtle' | 'color.text' | 'color.text.accent.blue' | 'color.text.accent.blue.bolder' | 'color.text.accent.gray' | 'color.text.accent.gray.bolder' | 'color.text.accent.green' | 'color.text.accent.green.bolder' | 'color.text.accent.lime' | 'color.text.accent.lime.bolder' | 'color.text.accent.magenta' | 'color.text.accent.magenta.bolder' | 'color.text.accent.orange' | 'color.text.accent.orange.bolder' | 'color.text.accent.purple' | 'color.text.accent.purple.bolder' | 'color.text.accent.red' | 'color.text.accent.red.bolder' | 'color.text.accent.teal' | 'color.text.accent.teal.bolder' | 'color.text.accent.yellow' | 'color.text.accent.yellow.bolder' | 'color.text.brand' | 'color.text.danger' | 'color.text.disabled' | 'color.text.discovery' | 'color.text.information' | 'color.text.inverse' | 'color.text.selected' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.success' | 'color.text.warning' | 'color.text.warning.inverse' | 'elevation.shadow.overflow' | 'elevation.shadow.overflow.perimeter' | 'elevation.shadow.overflow.spread' | 'elevation.shadow.overlay' | 'elevation.shadow.raised' | 'elevation.surface' | 'elevation.surface.hovered' | 'elevation.surface.overlay' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'elevation.surface.pressed' | 'elevation.surface.raised' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.sunken' | 'font.family.monospace' | 'font.family.sans' | 'font.lineHeight.100' | 'font.lineHeight.200' | 'font.lineHeight.300' | 'font.lineHeight.400' | 'font.lineHeight.500' | 'font.lineHeight.600' | 'font.size.050' | 'font.size.075' | 'font.size.100' | 'font.size.200' | 'font.size.300' | 'font.size.400' | 'font.size.500' | 'font.size.600' | 'font.weight.bold' | 'font.weight.medium' | 'font.weight.regular' | 'font.weight.semibold' | 'opacity.disabled' | 'opacity.loading' | 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.1000' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'utility.UNSAFE.transparent';
+export type ActiveTokens = 'border.radius' | 'border.radius.050' | 'border.radius.100' | 'border.radius.200' | 'border.radius.300' | 'border.radius.400' | 'border.radius.circle' | 'border.width' | 'border.width.indicator' | 'border.width.outline' | 'color.background.accent.blue.bolder' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtlest' | 'color.background.accent.gray.bolder' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtlest' | 'color.background.accent.green.bolder' | 'color.background.accent.green.subtle' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtlest' | 'color.background.accent.lime.bolder' | 'color.background.accent.lime.subtle' | 'color.background.accent.lime.subtler' | 'color.background.accent.lime.subtlest' | 'color.background.accent.magenta.bolder' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.orange.bolder' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtlest' | 'color.background.accent.purple.bolder' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtlest' | 'color.background.accent.red.bolder' | 'color.background.accent.red.subtle' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtlest' | 'color.background.accent.teal.bolder' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtlest' | 'color.background.accent.yellow.bolder' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtlest' | 'color.background.brand.bold' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.brand.boldest' | 'color.background.brand.boldest.hovered' | 'color.background.brand.boldest.pressed' | 'color.background.brand.subtlest' | 'color.background.brand.subtlest.hovered' | 'color.background.brand.subtlest.pressed' | 'color.background.danger' | 'color.background.danger.bold' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.danger.hovered' | 'color.background.danger.pressed' | 'color.background.disabled' | 'color.background.discovery' | 'color.background.discovery.bold' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.discovery.hovered' | 'color.background.discovery.pressed' | 'color.background.information' | 'color.background.information.bold' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.background.information.hovered' | 'color.background.information.pressed' | 'color.background.input' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.inverse.subtle' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.neutral' | 'color.background.neutral.bold' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.neutral.hovered' | 'color.background.neutral.pressed' | 'color.background.neutral.subtle' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.selected' | 'color.background.selected.bold' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.selected.hovered' | 'color.background.selected.pressed' | 'color.background.success' | 'color.background.success.bold' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.success.hovered' | 'color.background.success.pressed' | 'color.background.warning' | 'color.background.warning.bold' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.warning.hovered' | 'color.background.warning.pressed' | 'color.blanket' | 'color.blanket.danger' | 'color.blanket.selected' | 'color.border' | 'color.border.accent.blue' | 'color.border.accent.gray' | 'color.border.accent.green' | 'color.border.accent.lime' | 'color.border.accent.magenta' | 'color.border.accent.orange' | 'color.border.accent.purple' | 'color.border.accent.red' | 'color.border.accent.teal' | 'color.border.accent.yellow' | 'color.border.bold' | 'color.border.brand' | 'color.border.danger' | 'color.border.disabled' | 'color.border.discovery' | 'color.border.focused' | 'color.border.information' | 'color.border.input' | 'color.border.inverse' | 'color.border.selected' | 'color.border.success' | 'color.border.warning' | 'color.chart.blue.bold' | 'color.chart.blue.bold.hovered' | 'color.chart.blue.bolder' | 'color.chart.blue.bolder.hovered' | 'color.chart.blue.boldest' | 'color.chart.blue.boldest.hovered' | 'color.chart.brand' | 'color.chart.brand.hovered' | 'color.chart.categorical.1' | 'color.chart.categorical.1.hovered' | 'color.chart.categorical.2' | 'color.chart.categorical.2.hovered' | 'color.chart.categorical.3' | 'color.chart.categorical.3.hovered' | 'color.chart.categorical.4' | 'color.chart.categorical.4.hovered' | 'color.chart.categorical.5' | 'color.chart.categorical.5.hovered' | 'color.chart.categorical.6' | 'color.chart.categorical.6.hovered' | 'color.chart.categorical.7' | 'color.chart.categorical.7.hovered' | 'color.chart.categorical.8' | 'color.chart.categorical.8.hovered' | 'color.chart.danger' | 'color.chart.danger.bold' | 'color.chart.danger.bold.hovered' | 'color.chart.danger.hovered' | 'color.chart.discovery' | 'color.chart.discovery.bold' | 'color.chart.discovery.bold.hovered' | 'color.chart.discovery.hovered' | 'color.chart.gray.bold' | 'color.chart.gray.bold.hovered' | 'color.chart.gray.bolder' | 'color.chart.gray.bolder.hovered' | 'color.chart.gray.boldest' | 'color.chart.gray.boldest.hovered' | 'color.chart.green.bold' | 'color.chart.green.bold.hovered' | 'color.chart.green.bolder' | 'color.chart.green.bolder.hovered' | 'color.chart.green.boldest' | 'color.chart.green.boldest.hovered' | 'color.chart.information' | 'color.chart.information.bold' | 'color.chart.information.bold.hovered' | 'color.chart.information.hovered' | 'color.chart.lime.bold' | 'color.chart.lime.bold.hovered' | 'color.chart.lime.bolder' | 'color.chart.lime.bolder.hovered' | 'color.chart.lime.boldest' | 'color.chart.lime.boldest.hovered' | 'color.chart.magenta.bold' | 'color.chart.magenta.bold.hovered' | 'color.chart.magenta.bolder' | 'color.chart.magenta.bolder.hovered' | 'color.chart.magenta.boldest' | 'color.chart.magenta.boldest.hovered' | 'color.chart.neutral' | 'color.chart.neutral.hovered' | 'color.chart.orange.bold' | 'color.chart.orange.bold.hovered' | 'color.chart.orange.bolder' | 'color.chart.orange.bolder.hovered' | 'color.chart.orange.boldest' | 'color.chart.orange.boldest.hovered' | 'color.chart.purple.bold' | 'color.chart.purple.bold.hovered' | 'color.chart.purple.bolder' | 'color.chart.purple.bolder.hovered' | 'color.chart.purple.boldest' | 'color.chart.purple.boldest.hovered' | 'color.chart.red.bold' | 'color.chart.red.bold.hovered' | 'color.chart.red.bolder' | 'color.chart.red.bolder.hovered' | 'color.chart.red.boldest' | 'color.chart.red.boldest.hovered' | 'color.chart.success' | 'color.chart.success.bold' | 'color.chart.success.bold.hovered' | 'color.chart.success.hovered' | 'color.chart.teal.bold' | 'color.chart.teal.bold.hovered' | 'color.chart.teal.bolder' | 'color.chart.teal.bolder.hovered' | 'color.chart.teal.boldest' | 'color.chart.teal.boldest.hovered' | 'color.chart.warning' | 'color.chart.warning.bold' | 'color.chart.warning.bold.hovered' | 'color.chart.warning.hovered' | 'color.chart.yellow.bold' | 'color.chart.yellow.bold.hovered' | 'color.chart.yellow.bolder' | 'color.chart.yellow.bolder.hovered' | 'color.chart.yellow.boldest' | 'color.chart.yellow.boldest.hovered' | 'color.icon' | 'color.icon.accent.blue' | 'color.icon.accent.gray' | 'color.icon.accent.green' | 'color.icon.accent.lime' | 'color.icon.accent.magenta' | 'color.icon.accent.orange' | 'color.icon.accent.purple' | 'color.icon.accent.red' | 'color.icon.accent.teal' | 'color.icon.accent.yellow' | 'color.icon.brand' | 'color.icon.danger' | 'color.icon.disabled' | 'color.icon.discovery' | 'color.icon.information' | 'color.icon.inverse' | 'color.icon.selected' | 'color.icon.subtle' | 'color.icon.success' | 'color.icon.warning' | 'color.icon.warning.inverse' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.link' | 'color.link.pressed' | 'color.skeleton' | 'color.skeleton.subtle' | 'color.text' | 'color.text.accent.blue' | 'color.text.accent.blue.bolder' | 'color.text.accent.gray' | 'color.text.accent.gray.bolder' | 'color.text.accent.green' | 'color.text.accent.green.bolder' | 'color.text.accent.lime' | 'color.text.accent.lime.bolder' | 'color.text.accent.magenta' | 'color.text.accent.magenta.bolder' | 'color.text.accent.orange' | 'color.text.accent.orange.bolder' | 'color.text.accent.purple' | 'color.text.accent.purple.bolder' | 'color.text.accent.red' | 'color.text.accent.red.bolder' | 'color.text.accent.teal' | 'color.text.accent.teal.bolder' | 'color.text.accent.yellow' | 'color.text.accent.yellow.bolder' | 'color.text.brand' | 'color.text.danger' | 'color.text.disabled' | 'color.text.discovery' | 'color.text.information' | 'color.text.inverse' | 'color.text.selected' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.success' | 'color.text.warning' | 'color.text.warning.inverse' | 'elevation.shadow.overflow' | 'elevation.shadow.overflow.perimeter' | 'elevation.shadow.overflow.spread' | 'elevation.shadow.overlay' | 'elevation.shadow.raised' | 'elevation.surface' | 'elevation.surface.hovered' | 'elevation.surface.overlay' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'elevation.surface.pressed' | 'elevation.surface.raised' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.sunken' | 'font.family.monospace' | 'font.family.sans' | 'font.letterSpacing.0' | 'font.letterSpacing.100' | 'font.letterSpacing.200' | 'font.letterSpacing.300' | 'font.letterSpacing.400' | 'font.lineHeight.1' | 'font.lineHeight.100' | 'font.lineHeight.200' | 'font.lineHeight.300' | 'font.lineHeight.400' | 'font.lineHeight.500' | 'font.lineHeight.600' | 'font.size.050' | 'font.size.075' | 'font.size.100' | 'font.size.200' | 'font.size.300' | 'font.size.400' | 'font.size.500' | 'font.size.600' | 'font.weight.bold' | 'font.weight.medium' | 'font.weight.regular' | 'font.weight.semibold' | 'opacity.disabled' | 'opacity.loading' | 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.1000' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'utility.UNSAFE.transparent';
 
 // @public (undocumented)
 type ActiveTokenState = 'active';
@@ -519,8 +519,28 @@ type CSSTokenMap = {
     'space.600': 'var(--ds-space-600)';
     'space.800': 'var(--ds-space-800)';
     'space.1000': 'var(--ds-space-1000)';
+    'font.body': 'var(--ds-font-body)';
+    'font.body.sm': 'var(--ds-font-body-sm)';
+    'font.code': 'var(--ds-font-code)';
+    'font.heading.lg': 'var(--ds-font-heading-lg)';
+    'font.heading.md': 'var(--ds-font-heading-md)';
+    'font.heading.sm': 'var(--ds-font-heading-sm)';
+    'font.heading.xl': 'var(--ds-font-heading-xl)';
+    'font.heading.xs': 'var(--ds-font-heading-xs)';
+    'font.heading.xxl': 'var(--ds-font-heading-xxl)';
+    'font.heading.xxs': 'var(--ds-font-heading-xxs)';
+    '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.sm': 'var(--ds-font-ui-sm)';
+    'font.family.code': 'var(--ds-font-family-code)';
     'font.family.monospace': 'var(--ds-font-family-monospace)';
+    'font.family.product': 'var(--ds-font-family-product)';
     'font.family.sans': 'var(--ds-font-family-sans)';
+    'font.family.brand': 'var(--ds-font-family-brand)';
     'font.size.050': 'var(--ds-font-size-050)';
     'font.size.075': 'var(--ds-font-size-075)';
     'font.size.100': 'var(--ds-font-size-100)';
@@ -533,6 +553,7 @@ type CSSTokenMap = {
     'font.weight.medium': 'var(--ds-font-weight-medium)';
     'font.weight.regular': 'var(--ds-font-weight-regular)';
     'font.weight.semibold': 'var(--ds-font-weight-semibold)';
+    'font.lineHeight.1': 'var(--ds-font-lineHeight-1)';
     'font.lineHeight.100': 'var(--ds-font-lineHeight-100)';
     'font.lineHeight.200': 'var(--ds-font-lineHeight-200)';
     'font.lineHeight.300': 'var(--ds-font-lineHeight-300)';
@@ -609,13 +630,13 @@ export const getThemeStyles: (preferences?: 'all' | Partial<ThemeState>) => Prom
 export function getTokenValue<T extends keyof Tokens_2>(tokenId: T, fallback?: string): string;
 
 // @public (undocumented)
-export type Groups = 'fontFamily' | 'fontSize' | 'fontWeight' | 'lineHeight' | 'opacity' | 'paint' | 'palette' | 'raw' | 'shadow' | 'shape' | 'spacing' | 'typography';
+export type Groups = 'fontFamily' | 'fontSize' | 'fontWeight' | 'letterSpacing' | 'lineHeight' | 'opacity' | 'paint' | 'palette' | 'raw' | 'shadow' | 'shape' | 'spacing' | 'typography';
 
 // @public (undocumented)
 type HEX = `#${string}`;
 
 // @public
-type InternalTokenIds = 'border.radius.050' | 'border.radius.100' | 'border.radius.200' | 'border.radius.300' | 'border.radius.400' | 'border.radius.[default]' | 'border.radius.circle' | 'border.width.[default]' | 'border.width.indicator' | 'border.width.outline' | 'color.background.accent.blue.bolder' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtlest' | 'color.background.accent.gray.bolder' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtlest' | 'color.background.accent.green.bolder' | 'color.background.accent.green.subtle' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtlest' | 'color.background.accent.lime.bolder' | 'color.background.accent.lime.subtle' | 'color.background.accent.lime.subtler' | 'color.background.accent.lime.subtlest' | 'color.background.accent.magenta.bolder' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.orange.bolder' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtlest' | 'color.background.accent.purple.bolder' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtlest' | 'color.background.accent.red.bolder' | 'color.background.accent.red.subtle' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtlest' | 'color.background.accent.teal.bolder' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtlest' | 'color.background.accent.yellow.bolder' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtlest' | '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.brand.subtlest.[default]' | 'color.background.brand.subtlest.hovered' | 'color.background.brand.subtlest.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.disabled' | '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.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.bold.[default]' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.neutral.subtle.[default]' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.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.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.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.blanket.[default]' | 'color.blanket.danger' | 'color.blanket.selected' | 'color.border.[default]' | 'color.border.accent.blue' | 'color.border.accent.gray' | 'color.border.accent.green' | 'color.border.accent.lime' | 'color.border.accent.magenta' | 'color.border.accent.orange' | 'color.border.accent.purple' | 'color.border.accent.red' | 'color.border.accent.teal' | 'color.border.accent.yellow' | 'color.border.bold' | 'color.border.brand' | 'color.border.danger' | 'color.border.disabled' | 'color.border.discovery' | 'color.border.focused' | 'color.border.information' | 'color.border.input' | 'color.border.inverse' | 'color.border.selected' | 'color.border.success' | 'color.border.warning' | '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.brand.[default]' | 'color.chart.brand.hovered' | '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.danger.[default].[default]' | 'color.chart.danger.[default].hovered' | 'color.chart.danger.bold.[default]' | 'color.chart.danger.bold.hovered' | 'color.chart.discovery.[default].[default]' | 'color.chart.discovery.[default].hovered' | 'color.chart.discovery.bold.[default]' | 'color.chart.discovery.bold.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.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.information.[default].[default]' | 'color.chart.information.[default].hovered' | 'color.chart.information.bold.[default]' | 'color.chart.information.bold.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.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.neutral.[default]' | 'color.chart.neutral.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.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.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.success.[default].[default]' | 'color.chart.success.[default].hovered' | 'color.chart.success.bold.[default]' | 'color.chart.success.bold.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.warning.[default].[default]' | 'color.chart.warning.[default].hovered' | 'color.chart.warning.bold.[default]' | 'color.chart.warning.bold.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.icon.[default]' | 'color.icon.accent.blue' | 'color.icon.accent.gray' | 'color.icon.accent.green' | 'color.icon.accent.lime' | 'color.icon.accent.magenta' | 'color.icon.accent.orange' | 'color.icon.accent.purple' | 'color.icon.accent.red' | 'color.icon.accent.teal' | 'color.icon.accent.yellow' | 'color.icon.brand' | 'color.icon.danger' | 'color.icon.disabled' | 'color.icon.discovery' | 'color.icon.information' | 'color.icon.inverse' | 'color.icon.selected' | 'color.icon.subtle' | 'color.icon.success' | 'color.icon.warning.[default]' | 'color.icon.warning.inverse' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.link.[default]' | 'color.link.pressed' | 'color.skeleton.[default]' | 'color.skeleton.subtle' | 'color.text.[default]' | 'color.text.accent.blue.[default]' | 'color.text.accent.blue.bolder' | 'color.text.accent.gray.[default]' | 'color.text.accent.gray.bolder' | 'color.text.accent.green.[default]' | 'color.text.accent.green.bolder' | 'color.text.accent.lime.[default]' | 'color.text.accent.lime.bolder' | 'color.text.accent.magenta.[default]' | 'color.text.accent.magenta.bolder' | 'color.text.accent.orange.[default]' | 'color.text.accent.orange.bolder' | 'color.text.accent.purple.[default]' | 'color.text.accent.purple.bolder' | 'color.text.accent.red.[default]' | 'color.text.accent.red.bolder' | 'color.text.accent.teal.[default]' | 'color.text.accent.teal.bolder' | 'color.text.accent.yellow.[default]' | 'color.text.accent.yellow.bolder' | 'color.text.brand' | 'color.text.danger' | 'color.text.disabled' | 'color.text.discovery' | 'color.text.information' | 'color.text.inverse' | 'color.text.selected' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.success' | 'color.text.warning.[default]' | 'color.text.warning.inverse' | 'elevation.shadow.overflow.[default]' | 'elevation.shadow.overflow.perimeter' | 'elevation.shadow.overflow.spread' | 'elevation.shadow.overlay' | 'elevation.shadow.raised' | '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' | 'font.family.monospace' | 'font.family.sans' | 'font.lineHeight.100' | 'font.lineHeight.200' | 'font.lineHeight.300' | 'font.lineHeight.400' | 'font.lineHeight.500' | 'font.lineHeight.600' | 'font.size.050' | 'font.size.075' | 'font.size.100' | 'font.size.200' | 'font.size.300' | 'font.size.400' | 'font.size.500' | 'font.size.600' | 'font.weight.bold' | 'font.weight.medium' | 'font.weight.regular' | 'font.weight.semibold' | 'opacity.disabled' | 'opacity.loading' | 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.1000' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'utility.UNSAFE.transparent';
+type InternalTokenIds = 'border.radius.050' | 'border.radius.100' | 'border.radius.200' | 'border.radius.300' | 'border.radius.400' | 'border.radius.[default]' | 'border.radius.circle' | 'border.width.[default]' | 'border.width.indicator' | 'border.width.outline' | 'color.background.accent.blue.bolder' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtlest' | 'color.background.accent.gray.bolder' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtlest' | 'color.background.accent.green.bolder' | 'color.background.accent.green.subtle' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtlest' | 'color.background.accent.lime.bolder' | 'color.background.accent.lime.subtle' | 'color.background.accent.lime.subtler' | 'color.background.accent.lime.subtlest' | 'color.background.accent.magenta.bolder' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.orange.bolder' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtlest' | 'color.background.accent.purple.bolder' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtlest' | 'color.background.accent.red.bolder' | 'color.background.accent.red.subtle' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtlest' | 'color.background.accent.teal.bolder' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtlest' | 'color.background.accent.yellow.bolder' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtlest' | '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.brand.subtlest.[default]' | 'color.background.brand.subtlest.hovered' | 'color.background.brand.subtlest.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.disabled' | '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.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.bold.[default]' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.neutral.subtle.[default]' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.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.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.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.blanket.[default]' | 'color.blanket.danger' | 'color.blanket.selected' | 'color.border.[default]' | 'color.border.accent.blue' | 'color.border.accent.gray' | 'color.border.accent.green' | 'color.border.accent.lime' | 'color.border.accent.magenta' | 'color.border.accent.orange' | 'color.border.accent.purple' | 'color.border.accent.red' | 'color.border.accent.teal' | 'color.border.accent.yellow' | 'color.border.bold' | 'color.border.brand' | 'color.border.danger' | 'color.border.disabled' | 'color.border.discovery' | 'color.border.focused' | 'color.border.information' | 'color.border.input' | 'color.border.inverse' | 'color.border.selected' | 'color.border.success' | 'color.border.warning' | '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.brand.[default]' | 'color.chart.brand.hovered' | '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.danger.[default].[default]' | 'color.chart.danger.[default].hovered' | 'color.chart.danger.bold.[default]' | 'color.chart.danger.bold.hovered' | 'color.chart.discovery.[default].[default]' | 'color.chart.discovery.[default].hovered' | 'color.chart.discovery.bold.[default]' | 'color.chart.discovery.bold.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.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.information.[default].[default]' | 'color.chart.information.[default].hovered' | 'color.chart.information.bold.[default]' | 'color.chart.information.bold.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.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.neutral.[default]' | 'color.chart.neutral.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.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.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.success.[default].[default]' | 'color.chart.success.[default].hovered' | 'color.chart.success.bold.[default]' | 'color.chart.success.bold.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.warning.[default].[default]' | 'color.chart.warning.[default].hovered' | 'color.chart.warning.bold.[default]' | 'color.chart.warning.bold.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.icon.[default]' | 'color.icon.accent.blue' | 'color.icon.accent.gray' | 'color.icon.accent.green' | 'color.icon.accent.lime' | 'color.icon.accent.magenta' | 'color.icon.accent.orange' | 'color.icon.accent.purple' | 'color.icon.accent.red' | 'color.icon.accent.teal' | 'color.icon.accent.yellow' | 'color.icon.brand' | 'color.icon.danger' | 'color.icon.disabled' | 'color.icon.discovery' | 'color.icon.information' | 'color.icon.inverse' | 'color.icon.selected' | 'color.icon.subtle' | 'color.icon.success' | 'color.icon.warning.[default]' | 'color.icon.warning.inverse' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.link.[default]' | 'color.link.pressed' | 'color.skeleton.[default]' | 'color.skeleton.subtle' | 'color.text.[default]' | 'color.text.accent.blue.[default]' | 'color.text.accent.blue.bolder' | 'color.text.accent.gray.[default]' | 'color.text.accent.gray.bolder' | 'color.text.accent.green.[default]' | 'color.text.accent.green.bolder' | 'color.text.accent.lime.[default]' | 'color.text.accent.lime.bolder' | 'color.text.accent.magenta.[default]' | 'color.text.accent.magenta.bolder' | 'color.text.accent.orange.[default]' | 'color.text.accent.orange.bolder' | 'color.text.accent.purple.[default]' | 'color.text.accent.purple.bolder' | 'color.text.accent.red.[default]' | 'color.text.accent.red.bolder' | 'color.text.accent.teal.[default]' | 'color.text.accent.teal.bolder' | 'color.text.accent.yellow.[default]' | 'color.text.accent.yellow.bolder' | 'color.text.brand' | 'color.text.danger' | 'color.text.disabled' | 'color.text.discovery' | 'color.text.information' | 'color.text.inverse' | 'color.text.selected' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.success' | 'color.text.warning.[default]' | 'color.text.warning.inverse' | 'elevation.shadow.overflow.[default]' | 'elevation.shadow.overflow.perimeter' | 'elevation.shadow.overflow.spread' | 'elevation.shadow.overlay' | 'elevation.shadow.raised' | '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' | 'font.family.monospace' | 'font.family.sans' | 'font.letterSpacing.0' | 'font.letterSpacing.100' | 'font.letterSpacing.200' | 'font.letterSpacing.300' | 'font.letterSpacing.400' | 'font.lineHeight.1' | 'font.lineHeight.100' | 'font.lineHeight.200' | 'font.lineHeight.300' | 'font.lineHeight.400' | 'font.lineHeight.500' | 'font.lineHeight.600' | 'font.size.050' | 'font.size.075' | 'font.size.100' | 'font.size.200' | 'font.size.300' | 'font.size.400' | 'font.size.500' | 'font.size.600' | 'font.weight.bold' | 'font.weight.medium' | 'font.weight.regular' | 'font.weight.semibold' | 'opacity.disabled' | 'opacity.loading' | 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.1000' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'utility.UNSAFE.transparent';
 
 // @public (undocumented)
 export type OpacityToken = DesignToken<string, 'opacity'>;
@@ -694,13 +715,13 @@ export const themeConfig: Record<ThemeOverrides | Themes, ThemeConfig>;
 export type ThemeIds = (typeof themeIds)[number];
 
 // @public
-const themeIds: readonly ["light", "dark", "legacy-light", "legacy-dark", "spacing", "typography", "shape"];
+const themeIds: readonly ["light", "dark", "legacy-light", "legacy-dark", "spacing", "typography", "shape", "typography-adg3", "typography-minor3"];
 
 // @public (undocumented)
 type ThemeIdsWithOverrides = (typeof themeIdsWithOverrides)[number];
 
 // @public (undocumented)
-const themeIdsWithOverrides: readonly ["light", "dark", "legacy-light", "legacy-dark", "spacing", "typography", "shape", "light-new-input-border", "dark-new-input-border"];
+const themeIdsWithOverrides: readonly ["light", "dark", "legacy-light", "legacy-dark", "spacing", "typography", "shape", "typography-adg3", "typography-minor3", "light-new-input-border", "dark-new-input-border"];
 
 // @public
 type ThemeKinds = 'color' | 'shape' | 'spacing' | 'typography';
@@ -737,7 +758,7 @@ const themeOverrideIds: readonly ["light-new-input-border", "dark-new-input-bord
 type ThemeOverrides = 'atlassian-dark-new-input-border' | 'atlassian-light-new-input-border';
 
 // @public
-export type Themes = 'atlassian-dark' | 'atlassian-legacy-dark' | 'atlassian-legacy-light' | 'atlassian-light' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography';
+export type Themes = 'atlassian-dark' | 'atlassian-legacy-dark' | 'atlassian-legacy-light' | 'atlassian-light' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography' | 'atlassian-typography-adg3' | 'atlassian-typography-minor3';
 
 // @public
 export interface ThemeState {
@@ -752,7 +773,7 @@ export interface ThemeState {
     // (undocumented)
     spacing?: Extract<ThemeIds, 'spacing'>;
     // (undocumented)
-    typography?: Extract<ThemeIds, 'typography'>;
+    typography?: Extract<ThemeIds, 'typography' | 'typography-adg3' | 'typography-minor3'>;
     // (undocumented)
     UNSAFE_themeOptions?: ThemeOptionsSchema;
 }
@@ -1122,8 +1143,28 @@ const tokens: {
     readonly 'space.600': "--ds-space-600";
     readonly 'space.800': "--ds-space-800";
     readonly 'space.1000': "--ds-space-1000";
+    readonly 'font.body': "--ds-font-body";
+    readonly 'font.body.sm': "--ds-font-body-sm";
+    readonly 'font.code': "--ds-font-code";
+    readonly 'font.heading.lg': "--ds-font-heading-lg";
+    readonly 'font.heading.md': "--ds-font-heading-md";
+    readonly 'font.heading.sm': "--ds-font-heading-sm";
+    readonly 'font.heading.xl': "--ds-font-heading-xl";
+    readonly 'font.heading.xs': "--ds-font-heading-xs";
+    readonly 'font.heading.xxl': "--ds-font-heading-xxl";
+    readonly 'font.heading.xxs': "--ds-font-heading-xxs";
+    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.sm': "--ds-font-ui-sm";
+    readonly 'font.family.code': "--ds-font-family-code";
     readonly 'font.family.monospace': "--ds-font-family-monospace";
+    readonly 'font.family.product': "--ds-font-family-product";
     readonly 'font.family.sans': "--ds-font-family-sans";
+    readonly 'font.family.brand': "--ds-font-family-brand";
     readonly 'font.size.050': "--ds-font-size-050";
     readonly 'font.size.075': "--ds-font-size-075";
     readonly 'font.size.100': "--ds-font-size-100";
@@ -1136,6 +1177,7 @@ const tokens: {
     readonly 'font.weight.medium': "--ds-font-weight-medium";
     readonly 'font.weight.regular': "--ds-font-weight-regular";
     readonly 'font.weight.semibold': "--ds-font-weight-semibold";
+    readonly 'font.lineHeight.1': "--ds-font-lineHeight-1";
     readonly 'font.lineHeight.100': "--ds-font-lineHeight-100";
     readonly 'font.lineHeight.200': "--ds-font-lineHeight-200";
     readonly 'font.lineHeight.300': "--ds-font-lineHeight-300";
@@ -1150,6 +1192,22 @@ type Tokens_2 = typeof tokens;
 // @public (undocumented)
 type TokenState = ActiveTokenState | DeletedTokenState | DeprecatedTokenState | ExperimentalTokenState;
 
+// @public
+export type TypographyToken<TPalette extends {
+    fontWeight: string;
+    fontSize: string;
+    lineHeight: string;
+    fontFamily: string;
+    letterSpacing: string;
+}> = DesignToken<{
+    fontStyle: 'normal';
+    fontWeight: TPalette['fontWeight'];
+    fontFamily: TPalette['fontFamily'];
+    fontSize: TPalette['fontSize'];
+    lineHeight: TPalette['lineHeight'];
+    letterSpacing: TPalette['letterSpacing'];
+}, 'typography'>;
+
 // @public
 export const useThemeObserver: () => Partial<ActiveThemeState>;
 

package/dist/es2019/tokens/atlassian-typography/font-size.js

@@ -1,31 +0,0 @@
-const font = {
-  font: {
-    size: {
-      '050': {
-        value: 'FontSize050'
-      },
-      '075': {
-        value: 'FontSize075'
-      },
-      '100': {
-        value: 'FontSize100'
-      },
-      '200': {
-        value: 'FontSize200'
-      },
-      '300': {
-        value: 'FontSize300'
-      },
-      '400': {
-        value: 'FontSize400'
-      },
-      '500': {
-        value: 'FontSize500'
-      },
-      '600': {
-        value: 'FontSize600'
-      }
-    }
-  }
-};
-export default font;

package/dist/es2019/tokens/atlassian-typography/font-weight.js

@@ -1,19 +0,0 @@
-const font = {
-  font: {
-    weight: {
-      regular: {
-        value: 'FontWeightRegular'
-      },
-      medium: {
-        value: 'FontWeightMedium'
-      },
-      semibold: {
-        value: 'FontWeightSemiBold'
-      },
-      bold: {
-        value: 'FontWeightBold'
-      }
-    }
-  }
-};
-export default font;

package/dist/esm/tokens/atlassian-typography/font-size.js

@@ -1,31 +0,0 @@
-var font = {
-  font: {
-    size: {
-      '050': {
-        value: 'FontSize050'
-      },
-      '075': {
-        value: 'FontSize075'
-      },
-      '100': {
-        value: 'FontSize100'
-      },
-      '200': {
-        value: 'FontSize200'
-      },
-      '300': {
-        value: 'FontSize300'
-      },
-      '400': {
-        value: 'FontSize400'
-      },
-      '500': {
-        value: 'FontSize500'
-      },
-      '600': {
-        value: 'FontSize600'
-      }
-    }
-  }
-};
-export default font;

package/dist/esm/tokens/atlassian-typography/font-weight.js

@@ -1,19 +0,0 @@
-var font = {
-  font: {
-    weight: {
-      regular: {
-        value: 'FontWeightRegular'
-      },
-      medium: {
-        value: 'FontWeightMedium'
-      },
-      semibold: {
-        value: 'FontWeightSemiBold'
-      },
-      bold: {
-        value: 'FontWeightBold'
-      }
-    }
-  }
-};
-export default font;