@atlaskit/tokens 1.24.0 → 1.25.0

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;