@atlaskit/tokens 1.21.1 → 1.22.0

package/dist/esm/get-token-value.js

@@ -1,7 +1,7 @@
 import warnOnce from '@atlaskit/ds-lib/warn-once';
 import tokens from './artifacts/token-names';
 var name = "@atlaskit/tokens";
-var version = "1.21.1";
+var version = "1.22.0";
 /**
  * Takes a dot-separated token name and and an optional fallback, and returns the current computed CSS value for the
  * resulting CSS Custom Property.

package/dist/esm/get-token.js

@@ -2,7 +2,7 @@ import warnOnce from '@atlaskit/ds-lib/warn-once';
 import tokens from './artifacts/token-names';
 import { TOKEN_NOT_FOUND_CSS_VAR } from './constants';
 var name = "@atlaskit/tokens";
-var version = "1.21.1";
+var version = "1.22.0";
 /**
  * Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.
  * This should be used to implement design decisions throughout your application.

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

@@ -7,7 +7,10 @@ var font = {
       monospace: {
         value: 'FontFamilyWebMono'
       },
-      product: {
+      heading: {
+        value: 'FontFamilyWebSans'
+      },
+      body: {
         value: 'FontFamilyWebSans'
       },
       brand: {

package/dist/esm/tokens/atlassian-typography/theme.js

@@ -6,7 +6,7 @@ var typography = {
           fontWeight: 'FontWeight700',
           fontSize: 'FontSize36',
           lineHeight: 'LineHeight700',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.heading',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -16,7 +16,7 @@ var typography = {
           fontWeight: 'FontWeight700',
           fontSize: 'FontSize28',
           lineHeight: 'LineHeight500',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.heading',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -26,7 +26,7 @@ var typography = {
           fontWeight: 'FontWeight700',
           fontSize: 'FontSize24',
           lineHeight: 'LineHeight400',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.heading',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -36,7 +36,7 @@ var typography = {
           fontWeight: 'FontWeight700',
           fontSize: 'FontSize20',
           lineHeight: 'LineHeight300',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.heading',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -46,7 +46,7 @@ var typography = {
           fontWeight: 'FontWeight700',
           fontSize: 'FontSize16',
           lineHeight: 'LineHeight200',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.heading',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -56,7 +56,7 @@ var typography = {
           fontWeight: 'FontWeight700',
           fontSize: 'FontSize14',
           lineHeight: 'LineHeight100',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.heading',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -66,7 +66,7 @@ var typography = {
           fontWeight: 'FontWeight700',
           fontSize: 'FontSize12',
           lineHeight: 'LineHeight100',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.heading',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -78,7 +78,7 @@ var typography = {
           fontWeight: 'FontWeight400',
           fontSize: 'FontSizeCode',
           lineHeight: 'LineHeight1',
-          fontFamily: 'FontFamilyWebMono',
+          fontFamily: 'font.family.code',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -90,7 +90,7 @@ var typography = {
           fontWeight: 'FontWeight400',
           fontSize: 'FontSize14',
           lineHeight: 'LineHeight200',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.body',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -100,7 +100,7 @@ var typography = {
           fontWeight: 'FontWeight400',
           fontSize: 'FontSize12',
           lineHeight: 'LineHeight200',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.body',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -110,7 +110,7 @@ var typography = {
           fontWeight: 'FontWeight400',
           fontSize: 'FontSize16',
           lineHeight: 'LineHeight300',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.body',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -122,7 +122,7 @@ var typography = {
           fontWeight: 'FontWeight400',
           fontSize: 'FontSize14',
           lineHeight: 'LineHeight1',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.body',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -132,7 +132,7 @@ var typography = {
           fontWeight: 'FontWeight400',
           fontSize: 'FontSize12',
           lineHeight: 'LineHeight1',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.body',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }

package/dist/esm/tokens/atlassian-typography-adg3/font-family.js

@@ -7,7 +7,10 @@ var font = {
       monospace: {
         value: 'FontFamilyWebMono'
       },
-      product: {
+      body: {
+        value: 'FontFamilyWebSans'
+      },
+      heading: {
         value: 'FontFamilyWebSans'
       },
       brand: {

package/dist/esm/tokens/atlassian-typography-adg3/theme.js

@@ -1,3 +1,11 @@
+var utility = {
+  // @ts-expect-error in complete utility theme
+  UNSAFE: {
+    textTransformUppercase: {
+      value: 'uppercase'
+    }
+  }
+};
 var typography = {
   font: {
     heading: {
@@ -6,7 +14,7 @@ var typography = {
           fontWeight: 'FontWeight500',
           fontSize: 'LegacyFontSize35',
           lineHeight: 'LineHeight700',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.heading',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing400'
         }
@@ -16,7 +24,7 @@ var typography = {
           fontWeight: 'FontWeight600',
           fontSize: 'LegacyFontSize29',
           lineHeight: 'LineHeight500',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.heading',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing400'
         }
@@ -26,7 +34,7 @@ var typography = {
           fontWeight: 'FontWeight500',
           fontSize: 'FontSize24',
           lineHeight: 'LineHeight400',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.heading',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing400'
         }
@@ -36,7 +44,7 @@ var typography = {
           fontWeight: 'FontWeight500',
           fontSize: 'FontSize20',
           lineHeight: 'LineHeight300',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.heading',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing300'
         }
@@ -46,7 +54,7 @@ var typography = {
           fontWeight: 'FontWeight600',
           fontSize: 'FontSize16',
           lineHeight: 'LineHeight200',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.heading',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing200'
         }
@@ -56,7 +64,7 @@ var typography = {
           fontWeight: 'FontWeight600',
           fontSize: 'FontSize14',
           lineHeight: 'LineHeight100',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.heading',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing100'
         }
@@ -66,7 +74,7 @@ var typography = {
           fontWeight: 'FontWeight600',
           fontSize: 'FontSize12',
           lineHeight: 'LineHeight100',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.heading',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -78,7 +86,7 @@ var typography = {
           fontWeight: 'FontWeight400',
           fontSize: 'FontSizeCode',
           lineHeight: 'LineHeight1',
-          fontFamily: 'FontFamilyWebMono',
+          fontFamily: 'font.family.code',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -90,7 +98,7 @@ var typography = {
           fontWeight: 'FontWeight400',
           fontSize: 'FontSize14',
           lineHeight: 'LineHeight200',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.body',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -100,7 +108,7 @@ var typography = {
           fontWeight: 'FontWeight400',
           fontSize: 'FontSize16',
           lineHeight: 'LineHeight300',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.body',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -110,7 +118,7 @@ var typography = {
           fontWeight: 'FontWeight400',
           fontSize: 'LegacyFontSize11',
           lineHeight: 'LineHeight200',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.body',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -122,7 +130,7 @@ var typography = {
           fontWeight: 'FontWeight400',
           fontSize: 'FontSize14',
           lineHeight: 'LineHeight1',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.body',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -132,7 +140,7 @@ var typography = {
           fontWeight: 'FontWeight400',
           fontSize: 'LegacyFontSize11',
           lineHeight: 'LineHeight1',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.body',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -140,4 +148,7 @@ var typography = {
     }
   }
 };
-export default typography;
+export default {
+  font: typography.font,
+  utility: utility
+};

package/dist/esm/tokens/atlassian-typography-minor3/font-family.js

@@ -7,7 +7,10 @@ var font = {
       monospace: {
         value: 'FontFamilyWebMono'
       },
-      product: {
+      body: {
+        value: 'FontFamilyWebSans'
+      },
+      heading: {
         value: 'FontFamilyWebSans'
       },
       brand: {

package/dist/esm/tokens/atlassian-typography-minor3/theme.js

@@ -1,3 +1,11 @@
+var utility = {
+  // @ts-expect-error in complete utility theme
+  UNSAFE: {
+    textTransformUppercase: {
+      value: 'uppercase'
+    }
+  }
+};
 var typography = {
   font: {
     heading: {
@@ -6,7 +14,7 @@ var typography = {
           fontWeight: 'FontWeight700',
           fontSize: 'FontSize32',
           lineHeight: 'LineHeight600',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.heading',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -16,7 +24,7 @@ var typography = {
           fontWeight: 'FontWeight700',
           fontSize: 'FontSize28',
           lineHeight: 'LineHeight500',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.heading',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -26,7 +34,7 @@ var typography = {
           fontWeight: 'FontWeight700',
           fontSize: 'FontSize24',
           lineHeight: 'LineHeight400',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.heading',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -36,7 +44,7 @@ var typography = {
           fontWeight: 'FontWeight700',
           fontSize: 'FontSize20',
           lineHeight: 'LineHeight300',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.heading',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -46,7 +54,7 @@ var typography = {
           fontWeight: 'FontWeight700',
           fontSize: 'FontSize16',
           lineHeight: 'LineHeight200',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.heading',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -56,7 +64,7 @@ var typography = {
           fontWeight: 'FontWeight700',
           fontSize: 'FontSize14',
           lineHeight: 'LineHeight100',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.heading',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -66,7 +74,7 @@ var typography = {
           fontWeight: 'FontWeight700',
           fontSize: 'FontSize12',
           lineHeight: 'LineHeight100',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.heading',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -78,7 +86,7 @@ var typography = {
           fontWeight: 'FontWeight400',
           fontSize: 'FontSizeCode',
           lineHeight: 'LineHeight1',
-          fontFamily: 'FontFamilyWebMono',
+          fontFamily: 'font.family.code',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -90,7 +98,7 @@ var typography = {
           fontWeight: 'FontWeight400',
           fontSize: 'FontSize14',
           lineHeight: 'LineHeight200',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.body',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -100,7 +108,7 @@ var typography = {
           fontWeight: 'FontWeight400',
           fontSize: 'FontSize16',
           lineHeight: 'LineHeight300',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.body',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -110,7 +118,7 @@ var typography = {
           fontWeight: 'FontWeight400',
           fontSize: 'FontSize12',
           lineHeight: 'LineHeight200',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.body',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -122,7 +130,7 @@ var typography = {
           fontWeight: 'FontWeight400',
           fontSize: 'FontSize14',
           lineHeight: 'LineHeight1',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.body',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -132,7 +140,7 @@ var typography = {
           fontWeight: 'FontWeight400',
           fontSize: 'FontSize12',
           lineHeight: 'LineHeight1',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.body',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -140,4 +148,7 @@ var typography = {
     }
   }
 };
-export default typography;
+export default {
+  font: typography.font,
+  utility: utility
+};

package/dist/esm/tokens/default/typography/font-family.js

@@ -33,7 +33,15 @@ var font = {
           description: 'Helpful guidance goes here'
         }
       },
-      product: {
+      heading: {
+        attributes: {
+          group: 'fontFamily',
+          state: 'experimental',
+          introduced: '1.14.0',
+          description: 'Helpful guidance goes here'
+        }
+      },
+      body: {
         attributes: {
           group: 'fontFamily',
           state: 'experimental',

package/dist/esm/tokens/default/utility/utility.js

@@ -7,6 +7,14 @@ var utility = {
         introduced: '0.1.1',
         description: 'Transparent token used for backwards compatibility between new and old theming solutions'
       }
+    },
+    textTransformUppercase: {
+      attributes: {
+        group: 'raw',
+        state: 'active',
+        introduced: '1.20.1',
+        description: 'Text transform uppercase token used for backwards compatibility between new and old theming solutions'
+      }
     }
   },
   elevation: {

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

@@ -1,7 +1,7 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::40ab79b49a385a9644c0830bb643054e>>
+ * @codegen <<SignedSource::86a1df1a5baba529610e15ed684ea4b8>>
  * @codegenCommand yarn build tokens
  */
-declare const _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";
+declare const _default: "\nhtml[data-theme~=\"typography:typography-adg3\"] {\n  --ds-UNSAFE-textTransformUppercase: uppercase;\n  --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-body);\n  --ds-font-body-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";
 export default _default;

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

@@ -1,7 +1,7 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::d807664672d6fd88e3f6e4054ec56bc9>>
+ * @codegen <<SignedSource::0975666a75bd15b63756e59298935cf5>>
  * @codegenCommand yarn build tokens
  */
-declare const _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";
+declare const _default: "\nhtml[data-theme~=\"typography:typography-minor3\"] {\n  --ds-UNSAFE-textTransformUppercase: uppercase;\n  --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-body);\n  --ds-font-body-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";
 export default _default;

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

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

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

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

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::487e60f0791ae39572ec7cc90e77eb13>>
+ * @codegen <<SignedSource::9b8fdc7df9d7269fb27f22c5e06d7743>>
  * @codegenCommand yarn build tokens
  */
 declare const tokens: {
@@ -389,6 +389,7 @@ declare const tokens: {
     readonly 'elevation.shadow.raised': "--ds-shadow-raised";
     readonly 'opacity.disabled': "--ds-opacity-disabled";
     readonly 'opacity.loading': "--ds-opacity-loading";
+    readonly 'utility.UNSAFE.textTransformUppercase': "--ds-UNSAFE-textTransformUppercase";
     readonly 'utility.UNSAFE.transparent': "--ds-UNSAFE-transparent";
     readonly 'utility.elevation.surface.current': "--ds-elevation-surface-current";
     readonly 'border.radius.050': "--ds-border-radius-050";
@@ -443,9 +444,10 @@ declare const tokens: {
     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.body': "--ds-font-family-body";
     readonly 'font.family.code': "--ds-font-family-code";
+    readonly 'font.family.heading': "--ds-font-family-heading";
     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";
@@ -854,6 +856,7 @@ export type CSSTokenMap = {
     'elevation.shadow.raised': 'var(--ds-shadow-raised)';
     'opacity.disabled': 'var(--ds-opacity-disabled)';
     'opacity.loading': 'var(--ds-opacity-loading)';
+    'utility.UNSAFE.textTransformUppercase': 'var(--ds-UNSAFE-textTransformUppercase)';
     'utility.UNSAFE.transparent': 'var(--ds-UNSAFE-transparent)';
     'utility.elevation.surface.current': 'var(--ds-elevation-surface-current)';
     'border.radius.050': 'var(--ds-border-radius-050)';
@@ -908,9 +911,10 @@ export type CSSTokenMap = {
     'font.letterSpacing.400': 'var(--ds-font-letterSpacing-400)';
     'font.ui': 'var(--ds-font-ui)';
     'font.ui.sm': 'var(--ds-font-ui-sm)';
+    'font.family.body': 'var(--ds-font-family-body)';
     'font.family.code': 'var(--ds-font-family-code)';
+    'font.family.heading': 'var(--ds-font-family-heading)';
     '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)';