@atlaskit/tokens 1.21.1 → 1.22.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/tokens
 
+## 1.22.0
+
+### Minor Changes
+
+- [`3d5c5dbe08c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3d5c5dbe08c) - Adds UNSAFE_textTransformUppercase token. This token should not be used directly unless to aid a migration.
+
 ## 1.21.1
 
 ### Patch Changes

package/dist/cjs/artifacts/themes/atlassian-typography-adg3.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::40ab79b49a385a9644c0830bb643054e>>
+ * @codegen <<SignedSource::86a1df1a5baba529610e15ed684ea4b8>>
  * @codegenCommand yarn build tokens
  */
-var _default = "\nhtml[data-theme~=\"typography:typography-adg3\"] {\n  --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-product);\n  --ds-font-body-lg: normal 400 1rem/1.5rem var(--ds-font-family-product);\n  --ds-font-body-sm: normal 400 0.6875rem/1.25rem var(--ds-font-family-product);\n  --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-monospace);\n  --ds-font-heading-lg: normal 500 1.5rem/1.75rem var(--ds-font-family-product);\n  --ds-font-heading-md: normal 500 1.25rem/1.5rem var(--ds-font-family-product);\n  --ds-font-heading-sm: normal 600 1rem/1.25rem var(--ds-font-family-product);\n  --ds-font-heading-xl: normal 600 1.8125rem/2rem var(--ds-font-family-product);\n  --ds-font-heading-xs: normal 600 0.875rem/1rem var(--ds-font-family-product);\n  --ds-font-heading-xxl: normal 500 2.1875rem/2.5rem var(--ds-font-family-product);\n  --ds-font-heading-xxs: normal 600 0.75rem/1rem var(--ds-font-family-product);\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-product);\n  --ds-font-ui-sm: normal 400 0.6875rem/1 var(--ds-font-family-product);\n  --ds-font-family-code: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n  --ds-font-family-monospace: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n  --ds-font-family-product: ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif;\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";
+var _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-lg: normal 400 1rem/1.5rem var(--ds-font-family-body);\n  --ds-font-body-sm: normal 400 0.6875rem/1.25rem var(--ds-font-family-body);\n  --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-code);\n  --ds-font-heading-lg: normal 500 1.5rem/1.75rem var(--ds-font-family-heading);\n  --ds-font-heading-md: normal 500 1.25rem/1.5rem var(--ds-font-family-heading);\n  --ds-font-heading-sm: normal 600 1rem/1.25rem var(--ds-font-family-heading);\n  --ds-font-heading-xl: normal 600 1.8125rem/2rem var(--ds-font-family-heading);\n  --ds-font-heading-xs: normal 600 0.875rem/1rem var(--ds-font-family-heading);\n  --ds-font-heading-xxl: normal 500 2.1875rem/2.5rem var(--ds-font-family-heading);\n  --ds-font-heading-xxs: 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-sm: normal 400 0.6875rem/1 var(--ds-font-family-body);\n  --ds-font-family-body: ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"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\", system-ui, Ubuntu, \"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";
 exports.default = _default;

package/dist/cjs/artifacts/themes/atlassian-typography-minor3.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::d807664672d6fd88e3f6e4054ec56bc9>>
+ * @codegen <<SignedSource::0975666a75bd15b63756e59298935cf5>>
  * @codegenCommand yarn build tokens
  */
-var _default = "\nhtml[data-theme~=\"typography:typography-minor3\"] {\n  --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-sans);\n  --ds-font-body-lg: normal 400 1rem/1.5rem var(--ds-font-family-sans);\n  --ds-font-body-sm: normal 400 0.75rem/1.25rem var(--ds-font-family-sans);\n  --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-monospace);\n  --ds-font-heading-lg: normal 700 1.5rem/1.75rem var(--ds-font-family-sans);\n  --ds-font-heading-md: normal 700 1.25rem/1.5rem var(--ds-font-family-sans);\n  --ds-font-heading-sm: normal 700 1rem/1.25rem var(--ds-font-family-sans);\n  --ds-font-heading-xl: normal 700 1.75rem/2rem var(--ds-font-family-sans);\n  --ds-font-heading-xs: normal 700 0.875rem/1rem var(--ds-font-family-sans);\n  --ds-font-heading-xxl: normal 700 2rem/2.25rem var(--ds-font-family-sans);\n  --ds-font-heading-xxs: normal 700 0.75rem/1rem var(--ds-font-family-sans);\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-sans);\n  --ds-font-ui-sm: normal 400 0.75rem/1 var(--ds-font-family-sans);\n  --ds-font-family-code: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n  --ds-font-family-monospace: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n  --ds-font-family-product: ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif;\n  --ds-font-family-sans: ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif;\n  --ds-font-family-brand: Charlie Sans;\n}\n";
+var _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-lg: normal 400 1rem/1.5rem var(--ds-font-family-body);\n  --ds-font-body-sm: normal 400 0.75rem/1.25rem var(--ds-font-family-body);\n  --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-code);\n  --ds-font-heading-lg: normal 700 1.5rem/1.75rem var(--ds-font-family-heading);\n  --ds-font-heading-md: normal 700 1.25rem/1.5rem var(--ds-font-family-heading);\n  --ds-font-heading-sm: normal 700 1rem/1.25rem var(--ds-font-family-heading);\n  --ds-font-heading-xl: normal 700 1.75rem/2rem var(--ds-font-family-heading);\n  --ds-font-heading-xs: normal 700 0.875rem/1rem var(--ds-font-family-heading);\n  --ds-font-heading-xxl: normal 700 2rem/2.25rem var(--ds-font-family-heading);\n  --ds-font-heading-xxs: 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-sm: normal 400 0.75rem/1 var(--ds-font-family-body);\n  --ds-font-family-body: ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"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\", system-ui, Ubuntu, \"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\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif;\n  --ds-font-family-brand: Charlie Sans;\n}\n";
 exports.default = _default;

package/dist/cjs/artifacts/themes/atlassian-typography.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::4523ed1ede9eb6edfe0926fd28d32efc>>
+ * @codegen <<SignedSource::349dc9dd4c283b60434a93a228019eb8>>
  * @codegenCommand yarn build tokens
  */
-var _default = "\nhtml[data-theme~=\"typography:typography\"] {\n  --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-sans);\n  --ds-font-body-lg: normal 400 1rem/1.5rem var(--ds-font-family-sans);\n  --ds-font-body-sm: normal 400 0.75rem/1.25rem var(--ds-font-family-sans);\n  --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-monospace);\n  --ds-font-heading-lg: normal 700 1.5rem/1.75rem var(--ds-font-family-sans);\n  --ds-font-heading-md: normal 700 1.25rem/1.5rem var(--ds-font-family-sans);\n  --ds-font-heading-sm: normal 700 1rem/1.25rem var(--ds-font-family-sans);\n  --ds-font-heading-xl: normal 700 1.75rem/2rem var(--ds-font-family-sans);\n  --ds-font-heading-xs: normal 700 0.875rem/1rem var(--ds-font-family-sans);\n  --ds-font-heading-xxl: normal 700 2.25rem/2.5rem var(--ds-font-family-sans);\n  --ds-font-heading-xxs: normal 700 0.75rem/1rem var(--ds-font-family-sans);\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-sans);\n  --ds-font-ui-sm: normal 400 0.75rem/1 var(--ds-font-family-sans);\n  --ds-font-family-code: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n  --ds-font-family-monospace: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n  --ds-font-family-product: ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif;\n  --ds-font-family-sans: ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif;\n  --ds-font-family-brand: Charlie Sans;\n}\n";
+var _default = "\nhtml[data-theme~=\"typography:typography\"] {\n  --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-body);\n  --ds-font-body-lg: normal 400 1rem/1.5rem var(--ds-font-family-body);\n  --ds-font-body-sm: normal 400 0.75rem/1.25rem var(--ds-font-family-body);\n  --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-code);\n  --ds-font-heading-lg: normal 700 1.5rem/1.75rem var(--ds-font-family-heading);\n  --ds-font-heading-md: normal 700 1.25rem/1.5rem var(--ds-font-family-heading);\n  --ds-font-heading-sm: normal 700 1rem/1.25rem var(--ds-font-family-heading);\n  --ds-font-heading-xl: normal 700 1.75rem/2rem var(--ds-font-family-heading);\n  --ds-font-heading-xs: normal 700 0.875rem/1rem var(--ds-font-family-heading);\n  --ds-font-heading-xxl: normal 700 2.25rem/2.5rem var(--ds-font-family-heading);\n  --ds-font-heading-xxs: 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-sm: normal 400 0.75rem/1 var(--ds-font-family-body);\n  --ds-font-family-body: ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"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\", system-ui, Ubuntu, \"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\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif;\n  --ds-font-family-brand: Charlie Sans;\n}\n";
 exports.default = _default;

package/dist/cjs/artifacts/token-default-values.js

@@ -13,7 +13,7 @@ exports.default = void 0;
  * Token names mapped to their value in the default Atlassian themes ('light').
  * These default values are used by the Babel plugin to optionally provide automatic fallbacks.
  *
- * @codegen <<SignedSource::89d57f1ac024661bf2b7ee3c1e74dfa9>>
+ * @codegen <<SignedSource::2ed9c3b5219514c1dd5c348fb4647ed3>>
  * @codegenCommand yarn build tokens
  */
 var defaultTokenValues = {
@@ -402,6 +402,7 @@ var defaultTokenValues = {
   'elevation.shadow.raised': '0px 1px 1px #091E4240, 0px 0px 1px #091E424F',
   'opacity.disabled': '0.4',
   'opacity.loading': '0.2',
+  'utility.UNSAFE.textTransformUppercase': 'uppercase',
   'utility.UNSAFE.transparent': 'transparent',
   'utility.elevation.surface.current': '#FFFFFF',
   'border.radius.050': '0.125rem',
@@ -438,27 +439,28 @@ var defaultTokenValues = {
   'space.negative.250': '-1.25rem',
   'space.negative.300': '-1.5rem',
   'space.negative.400': '-2rem',
-  'font.body': 'normal 400 0.875rem/1.25rem ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif',
-  'font.body.lg': 'normal 400 1rem/1.5rem ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif',
-  'font.body.sm': 'normal 400 0.6875rem/1.25rem ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif',
-  'font.code': 'normal 400 0.875em/1 ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace',
-  'font.heading.lg': 'normal 500 1.5rem/1.75rem ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif',
-  'font.heading.md': 'normal 500 1.25rem/1.5rem ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif',
-  'font.heading.sm': 'normal 600 1rem/1.25rem ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif',
-  'font.heading.xl': 'normal 600 1.8125rem/2rem ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif',
-  'font.heading.xs': 'normal 600 0.875rem/1rem ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif',
-  'font.heading.xxl': 'normal 500 2.1875rem/2.5rem ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif',
-  'font.heading.xxs': 'normal 600 0.75rem/1rem ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif',
+  'font.body': 'normal 400 0.875rem/1.25rem var(--ds-font-family-body)',
+  'font.body.lg': 'normal 400 1rem/1.5rem var(--ds-font-family-body)',
+  'font.body.sm': 'normal 400 0.6875rem/1.25rem var(--ds-font-family-body)',
+  'font.code': 'normal 400 0.875em/1 var(--ds-font-family-code)',
+  'font.heading.lg': 'normal 500 1.5rem/1.75rem var(--ds-font-family-heading)',
+  'font.heading.md': 'normal 500 1.25rem/1.5rem var(--ds-font-family-heading)',
+  'font.heading.sm': 'normal 600 1rem/1.25rem var(--ds-font-family-heading)',
+  'font.heading.xl': 'normal 600 1.8125rem/2rem var(--ds-font-family-heading)',
+  'font.heading.xs': 'normal 600 0.875rem/1rem var(--ds-font-family-heading)',
+  'font.heading.xxl': 'normal 500 2.1875rem/2.5rem var(--ds-font-family-heading)',
+  'font.heading.xxs': 'normal 600 0.75rem/1rem var(--ds-font-family-heading)',
   'font.letterSpacing.0': '0',
   'font.letterSpacing.100': '-0.003em',
   'font.letterSpacing.200': '-0.006em',
   'font.letterSpacing.300': '-0.008em',
   'font.letterSpacing.400': '-0.01em',
-  'font.ui': 'normal 400 0.875rem/1 ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif',
-  'font.ui.sm': 'normal 400 0.6875rem/1 ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif',
+  'font.ui': 'normal 400 0.875rem/1 var(--ds-font-family-body)',
+  'font.ui.sm': 'normal 400 0.6875rem/1 var(--ds-font-family-body)',
+  'font.family.body': 'ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif',
   'font.family.code': 'ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace',
+  'font.family.heading': 'ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif',
   'font.family.monospace': 'ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace',
-  'font.family.product': 'ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif',
   'font.family.sans': '-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',
   'font.family.brand': 'Charlie Sans',
   'font.size.050': '0.6875rem',

package/dist/cjs/artifacts/token-names.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::487e60f0791ae39572ec7cc90e77eb13>>
+ * @codegen <<SignedSource::9b8fdc7df9d7269fb27f22c5e06d7743>>
  * @codegenCommand yarn build tokens
  */
 var tokens = {
@@ -395,6 +395,7 @@ var tokens = {
   'elevation.shadow.raised': '--ds-shadow-raised',
   'opacity.disabled': '--ds-opacity-disabled',
   'opacity.loading': '--ds-opacity-loading',
+  'utility.UNSAFE.textTransformUppercase': '--ds-UNSAFE-textTransformUppercase',
   'utility.UNSAFE.transparent': '--ds-UNSAFE-transparent',
   'utility.elevation.surface.current': '--ds-elevation-surface-current',
   'border.radius.050': '--ds-border-radius-050',
@@ -449,9 +450,10 @@ var tokens = {
   'font.letterSpacing.400': '--ds-font-letterSpacing-400',
   'font.ui': '--ds-font-ui',
   'font.ui.sm': '--ds-font-ui-sm',
+  'font.family.body': '--ds-font-family-body',
   'font.family.code': '--ds-font-family-code',
+  'font.family.heading': '--ds-font-family-heading',
   'font.family.monospace': '--ds-font-family-monospace',
-  'font.family.product': '--ds-font-family-product',
   'font.family.sans': '--ds-font-family-sans',
   'font.family.brand': '--ds-font-family-brand',
   'font.size.050': '--ds-font-size-050',

package/dist/cjs/artifacts/tokens-raw/atlassian-typography-adg3.js

@@ -6,17 +6,39 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::56d6ec09c58b78a37bdca311bfaa73ea>>
+ * @codegen <<SignedSource::ea0accce09567f9c3a6ee559e04e4e33>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
+  "attributes": {
+    "group": "raw",
+    "state": "active",
+    "introduced": "1.20.1",
+    "description": "Text transform uppercase token used for backwards compatibility between new and old theming solutions"
+  },
+  "value": "uppercase",
+  "filePath": "src/tokens/atlassian-typography-adg3/theme.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "raw",
+      "state": "active",
+      "introduced": "1.20.1",
+      "description": "Text transform uppercase token used for backwards compatibility between new and old theming solutions"
+    },
+    "value": "uppercase"
+  },
+  "name": "utility.UNSAFE.textTransformUppercase",
+  "path": ["utility", "UNSAFE", "textTransformUppercase"],
+  "cleanName": "utility.UNSAFE.textTransformUppercase"
+}, {
   "attributes": {
     "group": "typography",
     "state": "experimental",
     "introduced": "1.14.0",
     "description": "The default body font."
   },
-  "value": "normal 400 14px/20px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
+  "value": "normal 400 14px/20px var(--ds-font-family-body)",
   "filePath": "src/tokens/atlassian-typography-adg3/theme.tsx",
   "isSource": true,
   "original": {
@@ -30,7 +52,7 @@ var tokens = [{
       "fontWeight": "FontWeight400",
       "fontSize": "FontSize14",
       "lineHeight": "LineHeight200",
-      "fontFamily": "FontFamilyWebSans",
+      "fontFamily": "font.family.body",
       "fontStyle": "normal",
       "letterSpacing": "LetterSpacing0"
     }
@@ -45,7 +67,7 @@ var tokens = [{
     "introduced": "1.14.0",
     "description": "Larger body font or default body font for text rich experiences."
   },
-  "value": "normal 400 16px/24px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
+  "value": "normal 400 16px/24px var(--ds-font-family-body)",
   "filePath": "src/tokens/atlassian-typography-adg3/theme.tsx",
   "isSource": true,
   "original": {
@@ -59,7 +81,7 @@ var tokens = [{
       "fontWeight": "FontWeight400",
       "fontSize": "FontSize16",
       "lineHeight": "LineHeight300",
-      "fontFamily": "FontFamilyWebSans",
+      "fontFamily": "font.family.body",
       "fontStyle": "normal",
       "letterSpacing": "LetterSpacing0"
     }
@@ -74,7 +96,7 @@ var tokens = [{
     "introduced": "1.14.0",
     "description": "Smaller body font."
   },
-  "value": "normal 400 11px/20px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
+  "value": "normal 400 11px/20px var(--ds-font-family-body)",
   "filePath": "src/tokens/atlassian-typography-adg3/theme.tsx",
   "isSource": true,
   "original": {
@@ -88,7 +110,7 @@ var tokens = [{
       "fontWeight": "FontWeight400",
       "fontSize": "LegacyFontSize11",
       "lineHeight": "LineHeight200",
-      "fontFamily": "FontFamilyWebSans",
+      "fontFamily": "font.family.body",
       "fontStyle": "normal",
       "letterSpacing": "LetterSpacing0"
     }
@@ -103,7 +125,7 @@ var tokens = [{
     "introduced": "1.14.0",
     "description": "Used for monospace and code."
   },
-  "value": "normal 400 0.875em/1 ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace",
+  "value": "normal 400 0.875em/1 var(--ds-font-family-code)",
   "filePath": "src/tokens/atlassian-typography-adg3/theme.tsx",
   "isSource": true,
   "original": {
@@ -117,7 +139,7 @@ var tokens = [{
       "fontWeight": "FontWeight400",
       "fontSize": "FontSizeCode",
       "lineHeight": "LineHeight1",
-      "fontFamily": "FontFamilyWebMono",
+      "fontFamily": "font.family.code",
       "fontStyle": "normal",
       "letterSpacing": "LetterSpacing0"
     }
@@ -132,7 +154,7 @@ var tokens = [{
     "introduced": "1.14.0",
     "description": "TBD"
   },
-  "value": "normal 500 24px/28px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
+  "value": "normal 500 24px/28px var(--ds-font-family-heading)",
   "filePath": "src/tokens/atlassian-typography-adg3/theme.tsx",
   "isSource": true,
   "original": {
@@ -146,7 +168,7 @@ var tokens = [{
       "fontWeight": "FontWeight500",
       "fontSize": "FontSize24",
       "lineHeight": "LineHeight400",
-      "fontFamily": "FontFamilyWebSans",
+      "fontFamily": "font.family.heading",
       "fontStyle": "normal",
       "letterSpacing": "LetterSpacing400"
     }
@@ -161,7 +183,7 @@ var tokens = [{
     "introduced": "1.14.0",
     "description": "TBD"
   },
-  "value": "normal 500 20px/24px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
+  "value": "normal 500 20px/24px var(--ds-font-family-heading)",
   "filePath": "src/tokens/atlassian-typography-adg3/theme.tsx",
   "isSource": true,
   "original": {
@@ -175,7 +197,7 @@ var tokens = [{
       "fontWeight": "FontWeight500",
       "fontSize": "FontSize20",
       "lineHeight": "LineHeight300",
-      "fontFamily": "FontFamilyWebSans",
+      "fontFamily": "font.family.heading",
       "fontStyle": "normal",
       "letterSpacing": "LetterSpacing300"
     }
@@ -190,7 +212,7 @@ var tokens = [{
     "introduced": "1.14.0",
     "description": "TBD"
   },
-  "value": "normal 600 16px/20px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
+  "value": "normal 600 16px/20px var(--ds-font-family-heading)",
   "filePath": "src/tokens/atlassian-typography-adg3/theme.tsx",
   "isSource": true,
   "original": {
@@ -204,7 +226,7 @@ var tokens = [{
       "fontWeight": "FontWeight600",
       "fontSize": "FontSize16",
       "lineHeight": "LineHeight200",
-      "fontFamily": "FontFamilyWebSans",
+      "fontFamily": "font.family.heading",
       "fontStyle": "normal",
       "letterSpacing": "LetterSpacing200"
     }
@@ -219,7 +241,7 @@ var tokens = [{
     "introduced": "1.14.0",
     "description": "TBD"
   },
-  "value": "normal 600 29px/32px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
+  "value": "normal 600 29px/32px var(--ds-font-family-heading)",
   "filePath": "src/tokens/atlassian-typography-adg3/theme.tsx",
   "isSource": true,
   "original": {
@@ -233,7 +255,7 @@ var tokens = [{
       "fontWeight": "FontWeight600",
       "fontSize": "LegacyFontSize29",
       "lineHeight": "LineHeight500",
-      "fontFamily": "FontFamilyWebSans",
+      "fontFamily": "font.family.heading",
       "fontStyle": "normal",
       "letterSpacing": "LetterSpacing400"
     }
@@ -248,7 +270,7 @@ var tokens = [{
     "introduced": "1.14.0",
     "description": "TBD"
   },
-  "value": "normal 600 14px/16px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
+  "value": "normal 600 14px/16px var(--ds-font-family-heading)",
   "filePath": "src/tokens/atlassian-typography-adg3/theme.tsx",
   "isSource": true,
   "original": {
@@ -262,7 +284,7 @@ var tokens = [{
       "fontWeight": "FontWeight600",
       "fontSize": "FontSize14",
       "lineHeight": "LineHeight100",
-      "fontFamily": "FontFamilyWebSans",
+      "fontFamily": "font.family.heading",
       "fontStyle": "normal",
       "letterSpacing": "LetterSpacing100"
     }
@@ -277,7 +299,7 @@ var tokens = [{
     "introduced": "1.14.0",
     "description": "TBD"
   },
-  "value": "normal 500 35px/40px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
+  "value": "normal 500 35px/40px var(--ds-font-family-heading)",
   "filePath": "src/tokens/atlassian-typography-adg3/theme.tsx",
   "isSource": true,
   "original": {
@@ -291,7 +313,7 @@ var tokens = [{
       "fontWeight": "FontWeight500",
       "fontSize": "LegacyFontSize35",
       "lineHeight": "LineHeight700",
-      "fontFamily": "FontFamilyWebSans",
+      "fontFamily": "font.family.heading",
       "fontStyle": "normal",
       "letterSpacing": "LetterSpacing400"
     }
@@ -306,7 +328,7 @@ var tokens = [{
     "introduced": "1.14.0",
     "description": "TBD"
   },
-  "value": "normal 600 12px/16px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
+  "value": "normal 600 12px/16px var(--ds-font-family-heading)",
   "filePath": "src/tokens/atlassian-typography-adg3/theme.tsx",
   "isSource": true,
   "original": {
@@ -320,7 +342,7 @@ var tokens = [{
       "fontWeight": "FontWeight600",
       "fontSize": "FontSize12",
       "lineHeight": "LineHeight100",
-      "fontFamily": "FontFamilyWebSans",
+      "fontFamily": "font.family.heading",
       "fontStyle": "normal",
       "letterSpacing": "LetterSpacing0"
     }
@@ -445,7 +467,7 @@ var tokens = [{
     "introduced": "1.14.0",
     "description": "Single-line non-wrapping text like that in a button."
   },
-  "value": "normal 400 14px/1 ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
+  "value": "normal 400 14px/1 var(--ds-font-family-body)",
   "filePath": "src/tokens/atlassian-typography-adg3/theme.tsx",
   "isSource": true,
   "original": {
@@ -459,7 +481,7 @@ var tokens = [{
       "fontWeight": "FontWeight400",
       "fontSize": "FontSize14",
       "lineHeight": "LineHeight1",
-      "fontFamily": "FontFamilyWebSans",
+      "fontFamily": "font.family.body",
       "fontStyle": "normal",
       "letterSpacing": "LetterSpacing0"
     }
@@ -474,7 +496,7 @@ var tokens = [{
     "introduced": "1.14.0",
     "description": "Single-line non-wrapping supporting text like that in a smaller label."
   },
-  "value": "normal 400 11px/1 ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
+  "value": "normal 400 11px/1 var(--ds-font-family-body)",
   "filePath": "src/tokens/atlassian-typography-adg3/theme.tsx",
   "isSource": true,
   "original": {
@@ -488,7 +510,7 @@ var tokens = [{
       "fontWeight": "FontWeight400",
       "fontSize": "LegacyFontSize11",
       "lineHeight": "LineHeight1",
-      "fontFamily": "FontFamilyWebSans",
+      "fontFamily": "font.family.body",
       "fontStyle": "normal",
       "letterSpacing": "LetterSpacing0"
     }
@@ -503,7 +525,7 @@ var tokens = [{
     "introduced": "1.14.0",
     "description": "Helpful guidance goes here"
   },
-  "value": "ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace",
+  "value": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
   "filePath": "src/tokens/atlassian-typography-adg3/font-family.tsx",
   "isSource": true,
   "original": {
@@ -513,16 +535,16 @@ var tokens = [{
       "introduced": "1.14.0",
       "description": "Helpful guidance goes here"
     },
-    "value": "FontFamilyWebMono"
+    "value": "FontFamilyWebSans"
   },
-  "name": "font.family.code",
-  "path": ["font", "family", "code"],
-  "cleanName": "font.family.code"
+  "name": "font.family.body",
+  "path": ["font", "family", "body"],
+  "cleanName": "font.family.body"
 }, {
   "attributes": {
     "group": "fontFamily",
-    "state": "active",
-    "introduced": "0.10.33",
+    "state": "experimental",
+    "introduced": "1.14.0",
     "description": "Helpful guidance goes here"
   },
   "value": "ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace",
@@ -531,15 +553,15 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "fontFamily",
-      "state": "active",
-      "introduced": "0.10.33",
+      "state": "experimental",
+      "introduced": "1.14.0",
       "description": "Helpful guidance goes here"
     },
     "value": "FontFamilyWebMono"
   },
-  "name": "font.family.monospace",
-  "path": ["font", "family", "monospace"],
-  "cleanName": "font.family.monospace"
+  "name": "font.family.code",
+  "path": ["font", "family", "code"],
+  "cleanName": "font.family.code"
 }, {
   "attributes": {
     "group": "fontFamily",
@@ -559,9 +581,31 @@ var tokens = [{
     },
     "value": "FontFamilyWebSans"
   },
-  "name": "font.family.product",
-  "path": ["font", "family", "product"],
-  "cleanName": "font.family.product"
+  "name": "font.family.heading",
+  "path": ["font", "family", "heading"],
+  "cleanName": "font.family.heading"
+}, {
+  "attributes": {
+    "group": "fontFamily",
+    "state": "active",
+    "introduced": "0.10.33",
+    "description": "Helpful guidance goes here"
+  },
+  "value": "ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace",
+  "filePath": "src/tokens/atlassian-typography-adg3/font-family.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "fontFamily",
+      "state": "active",
+      "introduced": "0.10.33",
+      "description": "Helpful guidance goes here"
+    },
+    "value": "FontFamilyWebMono"
+  },
+  "name": "font.family.monospace",
+  "path": ["font", "family", "monospace"],
+  "cleanName": "font.family.monospace"
 }, {
   "attributes": {
     "group": "fontFamily",