@atlaskit/tokens 1.24.0 → 1.25.1

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

@@ -9,7 +9,7 @@ const utility = {
 const typography = {
   font: {
     heading: {
-      xxl: {
+      xxlarge: {
         value: {
           fontWeight: 'FontWeight700',
           fontSize: 'FontSize32',
@@ -19,7 +19,7 @@ const typography = {
           letterSpacing: 'LetterSpacing0'
         }
       },
-      xl: {
+      xlarge: {
         value: {
           fontWeight: 'FontWeight700',
           fontSize: 'FontSize28',
@@ -29,7 +29,7 @@ const typography = {
           letterSpacing: 'LetterSpacing0'
         }
       },
-      lg: {
+      large: {
         value: {
           fontWeight: 'FontWeight700',
           fontSize: 'FontSize24',
@@ -39,7 +39,7 @@ const typography = {
           letterSpacing: 'LetterSpacing0'
         }
       },
-      md: {
+      medium: {
         value: {
           fontWeight: 'FontWeight700',
           fontSize: 'FontSize20',
@@ -49,7 +49,7 @@ const typography = {
           letterSpacing: 'LetterSpacing0'
         }
       },
-      sm: {
+      small: {
         value: {
           fontWeight: 'FontWeight700',
           fontSize: 'FontSize16',
@@ -59,7 +59,7 @@ const typography = {
           letterSpacing: 'LetterSpacing0'
         }
       },
-      xs: {
+      xsmall: {
         value: {
           fontWeight: 'FontWeight700',
           fontSize: 'FontSize14',
@@ -69,7 +69,7 @@ const typography = {
           letterSpacing: 'LetterSpacing0'
         }
       },
-      xxs: {
+      xxsmall: {
         value: {
           fontWeight: 'FontWeight700',
           fontSize: 'FontSize12',
@@ -103,7 +103,7 @@ const typography = {
           letterSpacing: 'LetterSpacing0'
         }
       },
-      lg: {
+      large: {
         value: {
           fontWeight: 'FontWeight400',
           fontSize: 'FontSize16',
@@ -113,7 +113,7 @@ const typography = {
           letterSpacing: 'LetterSpacing0'
         }
       },
-      sm: {
+      small: {
         value: {
           fontWeight: 'FontWeight400',
           fontSize: 'FontSize12',
@@ -135,7 +135,7 @@ const typography = {
           letterSpacing: 'LetterSpacing0'
         }
       },
-      sm: {
+      small: {
         value: {
           fontWeight: 'FontWeight400',
           fontSize: 'FontSize12',

package/dist/es2019/tokens/default/typography/font.js

@@ -28,7 +28,7 @@ const font = {
       }
     },
     heading: {
-      xxl: {
+      xxlarge: {
         attributes: {
           group: 'typography',
           state: 'experimental',
@@ -36,7 +36,7 @@ const font = {
           description: 'TBD'
         }
       },
-      xl: {
+      xlarge: {
         attributes: {
           group: 'typography',
           state: 'experimental',
@@ -44,7 +44,7 @@ const font = {
           description: 'TBD'
         }
       },
-      lg: {
+      large: {
         attributes: {
           group: 'typography',
           state: 'experimental',
@@ -52,7 +52,7 @@ const font = {
           description: 'TBD'
         }
       },
-      md: {
+      medium: {
         attributes: {
           group: 'typography',
           state: 'experimental',
@@ -60,7 +60,7 @@ const font = {
           description: 'TBD'
         }
       },
-      sm: {
+      small: {
         attributes: {
           group: 'typography',
           state: 'experimental',
@@ -68,7 +68,7 @@ const font = {
           description: 'TBD'
         }
       },
-      xs: {
+      xsmall: {
         attributes: {
           group: 'typography',
           state: 'experimental',
@@ -76,7 +76,7 @@ const font = {
           description: 'TBD'
         }
       },
-      xxs: {
+      xxsmall: {
         attributes: {
           group: 'typography',
           state: 'experimental',
@@ -86,7 +86,7 @@ const font = {
       }
     },
     ui: {
-      sm: {
+      small: {
         attributes: {
           group: 'typography',
           state: 'experimental',
@@ -104,7 +104,7 @@ const font = {
       }
     },
     body: {
-      lg: {
+      large: {
         attributes: {
           group: 'typography',
           state: 'experimental',
@@ -112,7 +112,7 @@ const font = {
           description: 'Larger body font or default body font for text rich experiences.'
         }
       },
-      sm: {
+      small: {
         attributes: {
           group: 'typography',
           state: 'experimental',

package/dist/es2019/utils/get-theme-preferences.js

@@ -9,13 +9,37 @@ export const getThemePreferences = themeState => {
     typography
   } = themeState;
   const themePreferences = colorMode === 'auto' ? [light, dark] : [themeState[colorMode]];
+
+  // Replace light/dark theme with new palette if feature flag is on
+  if (getBooleanFF('platform.design-system-team.saturated-palette-changes_asoro')) {
+    // Iterate over themePreferences and swap out light/dark with new palette
+    themePreferences.forEach((themeId, index) => {
+      if (themeId === 'light') {
+        themePreferences[index] = 'light-saturated-palette-changes';
+      }
+      if (themeId === 'dark') {
+        themePreferences[index] = 'dark-saturated-palette-changes';
+      }
+    });
+  }
   [shape, spacing, typography].forEach(themeId => {
     if (themeId) {
       themePreferences.push(themeId);
     }
   });
+  return [...new Set(themePreferences)];
+};
+export const getThemeOverridePreferences = themeState => {
+  const {
+    colorMode,
+    dark,
+    light
+  } = themeState;
+  const themeOverridePreferences = [];
+  const themePreferences = colorMode === 'auto' ? [light, dark] : [themeState[colorMode]];
   if (getBooleanFF('platform.design-system-team.border-checkbox_nyoiu')) {
-    themePreferences.push(`${themePreferences.includes('dark') ? 'dark' : 'light'}-new-input-border`);
+    themePreferences.includes('light') && themeOverridePreferences.push('light-new-input-border');
+    themePreferences.includes('dark') && themeOverridePreferences.push('dark-new-input-border');
   }
-  return [...new Set(themePreferences)];
+  return [...new Set(themeOverridePreferences)];
 };

package/dist/es2019/utils/hct-color-utils/hct.js

@@ -1,4 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _class2;
 /**
  * Below lines are copied from @material/material-color-utilities.
  * Do not modify it.
@@ -925,7 +926,8 @@ export class ViewingConditions {
     this.z = z;
   }
 }
+_class2 = ViewingConditions;
 /**
  * sRGB-like viewing conditions.
  */
-_defineProperty(ViewingConditions, "DEFAULT", ViewingConditions.make());
+_defineProperty(ViewingConditions, "DEFAULT", _class2.make());

package/dist/esm/artifacts/palettes-raw/typography-palette.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::fb8c64dc20041c62b562be8da8152e46>>
+ * @codegen <<SignedSource::70935f0c6dc0ecb8df8e0eea44853fba>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -64,14 +64,14 @@ var tokens = [{
   "name": "typography.fontFamily.FontFamilyWebMono",
   "path": ["typography", "fontFamily", "FontFamilyWebMono"]
 }, {
-  "value": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
+  "value": "ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif",
   "attributes": {
     "group": "fontFamily"
   },
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
-    "value": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
+    "value": "ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif",
     "attributes": {
       "group": "fontFamily"
     }