@atlaskit/tokens 1.23.0 → 1.25.0

package/dist/cjs/tokens/atlassian-light-saturated-palette-changes/color/background.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var color = {
+  color: {
+    background: {
+      warning: {
+        bold: {
+          '[default]': {
+            value: 'Yellow300'
+          },
+          hovered: {
+            value: 'Yellow400'
+          },
+          pressed: {
+            value: 'Yellow500'
+          }
+        }
+      }
+    }
+  }
+};
+var _default = color;
+exports.default = _default;

package/dist/cjs/tokens/atlassian-light-saturated-palette-changes/color/icon.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var color = {
+  color: {
+    icon: {
+      danger: {
+        value: 'Red700'
+      }
+    }
+  }
+};
+var _default = color;
+exports.default = _default;

package/dist/cjs/tokens/default/color/text.js

@@ -130,6 +130,14 @@ var color = {
           introduced: '0.6.0',
           description: 'Use for links in a pressed state.'
         }
+      },
+      visited: {
+        attributes: {
+          group: 'paint',
+          state: 'active',
+          introduced: '1.23.0',
+          description: 'Use for links in a visited state.'
+        }
       }
     }
   }

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getThemePreferences = void 0;
+exports.getThemePreferences = exports.getThemeOverridePreferences = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var getThemePreferences = function getThemePreferences(themeState) {
@@ -15,14 +15,37 @@ var getThemePreferences = function getThemePreferences(themeState) {
     spacing = themeState.spacing,
     typography = themeState.typography;
   var themePreferences = colorMode === 'auto' ? [light, dark] : [themeState[colorMode]];
+
+  // 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);
     }
   });
+  return (0, _toConsumableArray2.default)(new Set(themePreferences));
+};
+exports.getThemePreferences = getThemePreferences;
+var getThemeOverridePreferences = function getThemeOverridePreferences(themeState) {
+  var colorMode = themeState.colorMode,
+    dark = themeState.dark,
+    light = themeState.light;
+  var themeOverridePreferences = [];
+  var themePreferences = colorMode === 'auto' ? [light, dark] : [themeState[colorMode]];
   if ((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu')) {
-    themePreferences.push("".concat(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 (0, _toConsumableArray2.default)(new Set(themePreferences));
+  return (0, _toConsumableArray2.default)(new Set(themeOverridePreferences));
 };
-exports.getThemePreferences = getThemePreferences;
+exports.getThemeOverridePreferences = getThemeOverridePreferences;