@atlaskit/tokens 1.26.1 → 1.28.0

package/dist/cjs/artifacts/tokens-raw/atlassian-typography-adg3.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::9a936afc84b1d60e754307860c256a05>>
+ * @codegen <<SignedSource::c3c9d9a9e8c21403ff2d0c99bb6419c2>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -152,7 +152,8 @@ var 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",
@@ -162,7 +163,8 @@ var tokens = [{
       "group": "typography",
       "state": "experimental",
       "introduced": "1.14.0",
-      "description": "TBD"
+      "description": "TBD",
+      "responsiveSmallerVariant": "font.heading.medium"
     },
     "value": {
       "fontWeight": "FontWeight500",
@@ -181,7 +183,8 @@ var 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",
@@ -191,7 +194,8 @@ var tokens = [{
       "group": "typography",
       "state": "experimental",
       "introduced": "1.14.0",
-      "description": "TBD"
+      "description": "TBD",
+      "responsiveSmallerVariant": "font.heading.small"
     },
     "value": {
       "fontWeight": "FontWeight500",
@@ -239,7 +243,8 @@ var 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",
@@ -249,7 +254,8 @@ var tokens = [{
       "group": "typography",
       "state": "experimental",
       "introduced": "1.14.0",
-      "description": "TBD"
+      "description": "TBD",
+      "responsiveSmallerVariant": "font.heading.large"
     },
     "value": {
       "fontWeight": "FontWeight600",
@@ -297,7 +303,8 @@ var 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",
@@ -307,7 +314,8 @@ var tokens = [{
       "group": "typography",
       "state": "experimental",
       "introduced": "1.14.0",
-      "description": "TBD"
+      "description": "TBD",
+      "responsiveSmallerVariant": "font.heading.xlarge"
     },
     "value": {
       "fontWeight": "FontWeight500",

package/dist/cjs/artifacts/tokens-raw/atlassian-typography-minor3.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::4197cb73414458032918015469216944>>
+ * @codegen <<SignedSource::1ae3b7bd31e38fb0fcdff9803f28c2f0>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -152,7 +152,8 @@ var 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",
@@ -162,7 +163,8 @@ var tokens = [{
       "group": "typography",
       "state": "experimental",
       "introduced": "1.14.0",
-      "description": "TBD"
+      "description": "TBD",
+      "responsiveSmallerVariant": "font.heading.medium"
     },
     "value": {
       "fontWeight": "FontWeight700",
@@ -181,7 +183,8 @@ var 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",
@@ -191,7 +194,8 @@ var tokens = [{
       "group": "typography",
       "state": "experimental",
       "introduced": "1.14.0",
-      "description": "TBD"
+      "description": "TBD",
+      "responsiveSmallerVariant": "font.heading.small"
     },
     "value": {
       "fontWeight": "FontWeight700",
@@ -239,7 +243,8 @@ var 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",
@@ -249,7 +254,8 @@ var tokens = [{
       "group": "typography",
       "state": "experimental",
       "introduced": "1.14.0",
-      "description": "TBD"
+      "description": "TBD",
+      "responsiveSmallerVariant": "font.heading.large"
     },
     "value": {
       "fontWeight": "FontWeight700",
@@ -297,7 +303,8 @@ var 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",
@@ -307,7 +314,8 @@ var tokens = [{
       "group": "typography",
       "state": "experimental",
       "introduced": "1.14.0",
-      "description": "TBD"
+      "description": "TBD",
+      "responsiveSmallerVariant": "font.heading.xlarge"
     },
     "value": {
       "fontWeight": "FontWeight700",

package/dist/cjs/artifacts/tokens-raw/atlassian-typography.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::ecd63bab60b9c05c08973d35cc1989df>>
+ * @codegen <<SignedSource::e95de29cabce142a19e4a4c6780c2555>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -130,7 +130,8 @@ var 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",
@@ -140,7 +141,8 @@ var tokens = [{
       "group": "typography",
       "state": "experimental",
       "introduced": "1.14.0",
-      "description": "TBD"
+      "description": "TBD",
+      "responsiveSmallerVariant": "font.heading.medium"
     },
     "value": {
       "fontWeight": "FontWeight700",
@@ -159,7 +161,8 @@ var 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",
@@ -169,7 +172,8 @@ var tokens = [{
       "group": "typography",
       "state": "experimental",
       "introduced": "1.14.0",
-      "description": "TBD"
+      "description": "TBD",
+      "responsiveSmallerVariant": "font.heading.small"
     },
     "value": {
       "fontWeight": "FontWeight700",
@@ -217,7 +221,8 @@ var 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",
@@ -227,7 +232,8 @@ var tokens = [{
       "group": "typography",
       "state": "experimental",
       "introduced": "1.14.0",
-      "description": "TBD"
+      "description": "TBD",
+      "responsiveSmallerVariant": "font.heading.large"
     },
     "value": {
       "fontWeight": "FontWeight700",
@@ -275,7 +281,8 @@ var 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",
@@ -285,7 +292,8 @@ var tokens = [{
       "group": "typography",
       "state": "experimental",
       "introduced": "1.14.0",
-      "description": "TBD"
+      "description": "TBD",
+      "responsiveSmallerVariant": "font.heading.xlarge"
     },
     "value": {
       "fontWeight": "FontWeight700",

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

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
 var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
 var name = "@atlaskit/tokens";
-var version = "1.26.1";
+var 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/cjs/get-token.js

@@ -9,7 +9,7 @@ var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
 var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
 var _constants = require("./constants");
 var name = "@atlaskit/tokens";
-var version = "1.26.1";
+var 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/cjs/theme-config.js

@@ -49,7 +49,7 @@ var themeIds = exports.themeIds = ['light-increased-contrast', 'light', 'dark',
  * Theme override ids: the equivalent of themeIds for theme overrides.
  * Theme overrides are temporary and there may not be any defined at times.
  */
-var themeOverrideIds = exports.themeOverrideIds = ['light-new-input-border', 'dark-new-input-border', 'light-saturated-palette-changes', 'dark-saturated-palette-changes'];
+var themeOverrideIds = exports.themeOverrideIds = ['light-new-input-border', 'dark-new-input-border'];
 var themeIdsWithOverrides = exports.themeIdsWithOverrides = [].concat(themeIds, themeOverrideIds);
 
 /**
@@ -172,30 +172,6 @@ var 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/cjs/utils/get-theme-preferences.js

@@ -37,19 +37,6 @@ var getThemePreferences = exports.getThemePreferences = function getThemePrefere
       }
     }
   }
-
-  // Replace light/dark theme with new palette if feature flag is on
-  if ((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.saturated-palette-changes_asoro')) {
-    // Iterate over themePreferences and swap out light/dark with new palette
-    themePreferences.forEach(function (themeId, index) {
-      if (themeId === 'light') {
-        themePreferences[index] = 'light-saturated-palette-changes';
-      }
-      if (themeId === 'dark') {
-        themePreferences[index] = 'dark-saturated-palette-changes';
-      }
-    });
-  }
   [shape, spacing, typography].forEach(function (themeId) {
     if (themeId) {
       themePreferences.push(themeId);

package/dist/es2019/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
  */
 const 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',