@atlaskit/tokens 1.26.1 → 1.28.0

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::9a936afc84b1d60e754307860c256a05>>
+ * @codegen <<SignedSource::c3c9d9a9e8c21403ff2d0c99bb6419c2>>
  * @codegenCommand yarn build tokens
  */
 const tokens = [{
@@ -146,7 +146,8 @@ const tokens = [{
     "group": "typography",
     "state": "experimental",
     "introduced": "1.14.0",
-    "description": "TBD"
+    "description": "TBD",
+    "responsiveSmallerVariant": "font.heading.medium"
   },
   "value": "normal 500 24px/28px var(--ds-font-family-heading)",
   "filePath": "schema/themes/atlassian-typography-adg3/theme.tsx",
@@ -156,7 +157,8 @@ const tokens = [{
       "group": "typography",
       "state": "experimental",
       "introduced": "1.14.0",
-      "description": "TBD"
+      "description": "TBD",
+      "responsiveSmallerVariant": "font.heading.medium"
     },
     "value": {
       "fontWeight": "FontWeight500",
@@ -175,7 +177,8 @@ const tokens = [{
     "group": "typography",
     "state": "experimental",
     "introduced": "1.14.0",
-    "description": "TBD"
+    "description": "TBD",
+    "responsiveSmallerVariant": "font.heading.small"
   },
   "value": "normal 500 20px/24px var(--ds-font-family-heading)",
   "filePath": "schema/themes/atlassian-typography-adg3/theme.tsx",
@@ -185,7 +188,8 @@ const tokens = [{
       "group": "typography",
       "state": "experimental",
       "introduced": "1.14.0",
-      "description": "TBD"
+      "description": "TBD",
+      "responsiveSmallerVariant": "font.heading.small"
     },
     "value": {
       "fontWeight": "FontWeight500",
@@ -233,7 +237,8 @@ const tokens = [{
     "group": "typography",
     "state": "experimental",
     "introduced": "1.14.0",
-    "description": "TBD"
+    "description": "TBD",
+    "responsiveSmallerVariant": "font.heading.large"
   },
   "value": "normal 600 29px/32px var(--ds-font-family-heading)",
   "filePath": "schema/themes/atlassian-typography-adg3/theme.tsx",
@@ -243,7 +248,8 @@ const tokens = [{
       "group": "typography",
       "state": "experimental",
       "introduced": "1.14.0",
-      "description": "TBD"
+      "description": "TBD",
+      "responsiveSmallerVariant": "font.heading.large"
     },
     "value": {
       "fontWeight": "FontWeight600",
@@ -291,7 +297,8 @@ const tokens = [{
     "group": "typography",
     "state": "experimental",
     "introduced": "1.14.0",
-    "description": "TBD"
+    "description": "TBD",
+    "responsiveSmallerVariant": "font.heading.xlarge"
   },
   "value": "normal 500 35px/40px var(--ds-font-family-heading)",
   "filePath": "schema/themes/atlassian-typography-adg3/theme.tsx",
@@ -301,7 +308,8 @@ const tokens = [{
       "group": "typography",
       "state": "experimental",
       "introduced": "1.14.0",
-      "description": "TBD"
+      "description": "TBD",
+      "responsiveSmallerVariant": "font.heading.xlarge"
     },
     "value": {
       "fontWeight": "FontWeight500",

package/dist/es2019/artifacts/tokens-raw/atlassian-typography-minor3.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::4197cb73414458032918015469216944>>
+ * @codegen <<SignedSource::1ae3b7bd31e38fb0fcdff9803f28c2f0>>
  * @codegenCommand yarn build tokens
  */
 const tokens = [{
@@ -146,7 +146,8 @@ const tokens = [{
     "group": "typography",
     "state": "experimental",
     "introduced": "1.14.0",
-    "description": "TBD"
+    "description": "TBD",
+    "responsiveSmallerVariant": "font.heading.medium"
   },
   "value": "normal 700 24px/28px var(--ds-font-family-heading)",
   "filePath": "schema/themes/atlassian-typography-minor3/theme.tsx",
@@ -156,7 +157,8 @@ const tokens = [{
       "group": "typography",
       "state": "experimental",
       "introduced": "1.14.0",
-      "description": "TBD"
+      "description": "TBD",
+      "responsiveSmallerVariant": "font.heading.medium"
     },
     "value": {
       "fontWeight": "FontWeight700",
@@ -175,7 +177,8 @@ const tokens = [{
     "group": "typography",
     "state": "experimental",
     "introduced": "1.14.0",
-    "description": "TBD"
+    "description": "TBD",
+    "responsiveSmallerVariant": "font.heading.small"
   },
   "value": "normal 700 20px/24px var(--ds-font-family-heading)",
   "filePath": "schema/themes/atlassian-typography-minor3/theme.tsx",
@@ -185,7 +188,8 @@ const tokens = [{
       "group": "typography",
       "state": "experimental",
       "introduced": "1.14.0",
-      "description": "TBD"
+      "description": "TBD",
+      "responsiveSmallerVariant": "font.heading.small"
     },
     "value": {
       "fontWeight": "FontWeight700",
@@ -233,7 +237,8 @@ const tokens = [{
     "group": "typography",
     "state": "experimental",
     "introduced": "1.14.0",
-    "description": "TBD"
+    "description": "TBD",
+    "responsiveSmallerVariant": "font.heading.large"
   },
   "value": "normal 700 28px/32px var(--ds-font-family-heading)",
   "filePath": "schema/themes/atlassian-typography-minor3/theme.tsx",
@@ -243,7 +248,8 @@ const tokens = [{
       "group": "typography",
       "state": "experimental",
       "introduced": "1.14.0",
-      "description": "TBD"
+      "description": "TBD",
+      "responsiveSmallerVariant": "font.heading.large"
     },
     "value": {
       "fontWeight": "FontWeight700",
@@ -291,7 +297,8 @@ const tokens = [{
     "group": "typography",
     "state": "experimental",
     "introduced": "1.14.0",
-    "description": "TBD"
+    "description": "TBD",
+    "responsiveSmallerVariant": "font.heading.xlarge"
   },
   "value": "normal 700 32px/36px var(--ds-font-family-heading)",
   "filePath": "schema/themes/atlassian-typography-minor3/theme.tsx",
@@ -301,7 +308,8 @@ const tokens = [{
       "group": "typography",
       "state": "experimental",
       "introduced": "1.14.0",
-      "description": "TBD"
+      "description": "TBD",
+      "responsiveSmallerVariant": "font.heading.xlarge"
     },
     "value": {
       "fontWeight": "FontWeight700",

package/dist/es2019/artifacts/tokens-raw/atlassian-typography.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::ecd63bab60b9c05c08973d35cc1989df>>
+ * @codegen <<SignedSource::e95de29cabce142a19e4a4c6780c2555>>
  * @codegenCommand yarn build tokens
  */
 const tokens = [{
@@ -124,7 +124,8 @@ const tokens = [{
     "group": "typography",
     "state": "experimental",
     "introduced": "1.14.0",
-    "description": "TBD"
+    "description": "TBD",
+    "responsiveSmallerVariant": "font.heading.medium"
   },
   "value": "normal 700 24px/28px var(--ds-font-family-heading)",
   "filePath": "schema/themes/atlassian-typography/theme.tsx",
@@ -134,7 +135,8 @@ const tokens = [{
       "group": "typography",
       "state": "experimental",
       "introduced": "1.14.0",
-      "description": "TBD"
+      "description": "TBD",
+      "responsiveSmallerVariant": "font.heading.medium"
     },
     "value": {
       "fontWeight": "FontWeight700",
@@ -153,7 +155,8 @@ const tokens = [{
     "group": "typography",
     "state": "experimental",
     "introduced": "1.14.0",
-    "description": "TBD"
+    "description": "TBD",
+    "responsiveSmallerVariant": "font.heading.small"
   },
   "value": "normal 700 20px/24px var(--ds-font-family-heading)",
   "filePath": "schema/themes/atlassian-typography/theme.tsx",
@@ -163,7 +166,8 @@ const tokens = [{
       "group": "typography",
       "state": "experimental",
       "introduced": "1.14.0",
-      "description": "TBD"
+      "description": "TBD",
+      "responsiveSmallerVariant": "font.heading.small"
     },
     "value": {
       "fontWeight": "FontWeight700",
@@ -211,7 +215,8 @@ const tokens = [{
     "group": "typography",
     "state": "experimental",
     "introduced": "1.14.0",
-    "description": "TBD"
+    "description": "TBD",
+    "responsiveSmallerVariant": "font.heading.large"
   },
   "value": "normal 700 28px/32px var(--ds-font-family-heading)",
   "filePath": "schema/themes/atlassian-typography/theme.tsx",
@@ -221,7 +226,8 @@ const tokens = [{
       "group": "typography",
       "state": "experimental",
       "introduced": "1.14.0",
-      "description": "TBD"
+      "description": "TBD",
+      "responsiveSmallerVariant": "font.heading.large"
     },
     "value": {
       "fontWeight": "FontWeight700",
@@ -269,7 +275,8 @@ const tokens = [{
     "group": "typography",
     "state": "experimental",
     "introduced": "1.14.0",
-    "description": "TBD"
+    "description": "TBD",
+    "responsiveSmallerVariant": "font.heading.xlarge"
   },
   "value": "normal 700 36px/40px var(--ds-font-family-heading)",
   "filePath": "schema/themes/atlassian-typography/theme.tsx",
@@ -279,7 +286,8 @@ const tokens = [{
       "group": "typography",
       "state": "experimental",
       "introduced": "1.14.0",
-      "description": "TBD"
+      "description": "TBD",
+      "responsiveSmallerVariant": "font.heading.xlarge"
     },
     "value": {
       "fontWeight": "FontWeight700",

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

@@ -1,7 +1,7 @@
 import warnOnce from '@atlaskit/ds-lib/warn-once';
 import tokens from './artifacts/token-names';
 const name = "@atlaskit/tokens";
-const version = "1.26.1";
+const version = "1.28.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/es2019/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';
 const name = "@atlaskit/tokens";
-const version = "1.26.1";
+const version = "1.28.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/es2019/theme-config.js

@@ -43,7 +43,7 @@ export const themeIds = ['light-increased-contrast', 'light', 'dark', 'dark-incr
  * Theme override ids: the equivalent of themeIds for theme overrides.
  * Theme overrides are temporary and there may not be any defined at times.
  */
-export const themeOverrideIds = ['light-new-input-border', 'dark-new-input-border', 'light-saturated-palette-changes', 'dark-saturated-palette-changes'];
+export const themeOverrideIds = ['light-new-input-border', 'dark-new-input-border'];
 export const themeIdsWithOverrides = [...themeIds, ...themeOverrideIds];
 
 /**
@@ -166,30 +166,6 @@ const themeConfig = {
       mode: 'dark'
     }
   },
-  'atlassian-light-saturated-palette-changes': {
-    id: 'light-saturated-palette-changes',
-    displayName: 'Light Theme Saturated Palette Change',
-    palette: 'updatedSaturatedPalette',
-    override: 'light',
-    extends: 'light',
-    attributes: {
-      type: 'color',
-      mode: 'light',
-      extends: 'light'
-    }
-  },
-  'atlassian-dark-saturated-palette-changes': {
-    id: 'dark-saturated-palette-changes',
-    displayName: 'Dark Theme Saturated Palette Change',
-    palette: 'updatedSaturatedPalette',
-    override: 'dark',
-    extends: 'dark',
-    attributes: {
-      type: 'color',
-      mode: 'dark',
-      extends: 'dark'
-    }
-  },
   'atlassian-typography': {
     id: 'typography',
     displayName: 'Atlassian Typography (Minor Second)',

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

@@ -31,19 +31,6 @@ export const getThemePreferences = themeState => {
       }
     }
   }
-
-  // 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);

package/dist/esm/artifacts/atlassian-dark-token-value-for-contrast-check.js

@@ -3,13 +3,13 @@
  *
  * Token names mapped to their values, used for contrast checking when generating custom themes
  *
- * @codegen <<SignedSource::5aed53e696137cdd59ece99fb9755c09>>
+ * @codegen <<SignedSource::0c8d4e0653f1a4cd9a80fac95331fd7a>>
  * @codegenCommand yarn build tokens
  */
 var tokenValues = {
   'color.text.brand': '#579DFF',
   'elevation.surface.overlay': '#282E33',
-  'color.background.selected': '#092957',
+  'color.background.selected': '#1C2B41',
   'color.text.selected': '#579DFF',
   'color.border.brand': '#579DFF',
   'color.chart.brand': '#388BFF',