@atlaskit/tokens 1.8.0 → 1.9.0

package/dist/cjs/set-global-theme.js

@@ -54,7 +54,7 @@ var getThemePreferences = function getThemePreferences(themeState) {
       themePreferences.push(themeId);
     }
   });
-  if ((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-border-input_ff9l1')) {
+  if ((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu')) {
     themePreferences.push("".concat(themePreferences.includes('dark') ? 'dark' : 'light', "-new-input-border"));
   }
 
@@ -139,29 +139,6 @@ var setGlobalTheme = /*#__PURE__*/function () {
             };
           }()));
         case 4:
-          if (!themePreferences.includes('dark')) {
-            _context2.next = 13;
-            break;
-          }
-          if (!
-          // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-          (0, _platformFeatureFlags.getBooleanFF)('design-system-team.dark-theme-iteration_dk1ln')) {
-            _context2.next = 10;
-            break;
-          }
-          _context2.next = 8;
-          return (0, _themeLoading.loadAndAppendThemeCss)('dark-iteration');
-        case 8:
-          _context2.next = 13;
-          break;
-        case 10:
-          if (!(0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.dark-iteration-confluence_e2t22')) {
-            _context2.next = 13;
-            break;
-          }
-          _context2.next = 13;
-          return (0, _themeLoading.loadAndAppendThemeCss)('dark-iteration');
-        case 13:
           if (colorMode === 'auto' && darkModeMql) {
             colorMode = darkModeMql.matches ? 'dark' : 'light';
             // Add an event listener for changes to the system theme.
@@ -188,7 +165,7 @@ var setGlobalTheme = /*#__PURE__*/function () {
             document.documentElement.setAttribute(key, value);
           });
           return _context2.abrupt("return", unbindThemeChangeListener);
-        case 17:
+        case 8:
         case "end":
           return _context2.stop();
       }
@@ -243,16 +220,7 @@ var getThemeStyles = /*#__PURE__*/function () {
             spacing: spacing,
             typography: typography
           });
-          if (themePreferences.includes('dark')) {
-            if (
-            // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-            (0, _platformFeatureFlags.getBooleanFF)('design-system-team.dark-theme-iteration_dk1ln')) {
-              themePreferences.push('dark-iteration');
-            } else if ((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.dark-iteration-confluence_e2t22')) {
-              themePreferences.push('dark-iteration');
-            }
-          }
-          _context4.next = 5;
+          _context4.next = 4;
           return Promise.all(themePreferences.map( /*#__PURE__*/function () {
             var _ref8 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(themeId) {
               var css;
@@ -285,12 +253,12 @@ var getThemeStyles = /*#__PURE__*/function () {
               return _ref8.apply(this, arguments);
             };
           }()));
-        case 5:
+        case 4:
           results = _context4.sent;
           return _context4.abrupt("return", results.filter(function (theme) {
             return theme !== undefined;
           }));
-        case 7:
+        case 6:
         case "end":
           return _context4.stop();
       }

package/dist/cjs/theme-config.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.themeOverrideConfig = exports.themeIds = exports.themeColorModes = exports.default = void 0;
+exports.themeOverrideIds = exports.themeIds = exports.themeColorModes = exports.default = void 0;
 /**
  * This file contains the source of truth for themes and all associated meta data.
  */
@@ -14,6 +14,13 @@ exports.themeOverrideConfig = exports.themeIds = exports.themeColorModes = expor
  * style-dictionary will attempt to locate these in the file-system.
  */
 
+/**
+ * ThemeOverrides: The internal identifier of a theme override. Which are themes that contain
+ * a subset of tokens intended to override an existing theme. These ids are what the actual
+ * theme files/folders are called. style-dictionary will attempt to locate these in the file-system.
+ * Theme overrides are temporary and there may not be any defined at times.
+ */
+
 /**
  * Theme kinds: The type of theme.
  * Some themes are entirely focused on Color, whilst others are purely focused on spacing.
@@ -35,6 +42,12 @@ exports.themeColorModes = themeColorModes;
  * These ids must be kebab case
  */
 var themeIds = ['light', 'dark', 'legacy-light', 'legacy-dark', 'spacing', 'typography', 'shape'];
+exports.themeIds = themeIds;
+/**
+ * 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 = ['light-new-input-border', 'dark-new-input-border'];
 
 /**
  * Theme to use a base. This will create the theme as
@@ -52,7 +65,7 @@ var themeIds = ['light', 'dark', 'legacy-light', 'legacy-dark', 'spacing', 'typo
  * ThemeConfig: the source of truth for all theme meta-data.
  * This object should be used whenever interfacing with themes.
  */
-exports.themeIds = themeIds;
+exports.themeOverrideIds = themeOverrideIds;
 var themeConfig = {
   'atlassian-light': {
     id: 'light',
@@ -113,24 +126,12 @@ var themeConfig = {
     attributes: {
       type: 'shape'
     }
-  }
-};
-var themeOverrideConfig = {
-  'atlassian-dark-iteration': {
-    id: 'dark-iteration',
-    displayName: 'Dark Theme Iteration',
-    palette: 'defaultPalette',
-    overrideTheme: 'dark',
-    attributes: {
-      type: 'color',
-      mode: 'dark'
-    }
   },
   'atlassian-light-new-input-border': {
     id: 'light-new-input-border',
     displayName: 'Light Theme New Input Border',
     palette: 'defaultPalette',
-    overrideTheme: 'light',
+    override: 'light',
     attributes: {
       type: 'color',
       mode: 'light'
@@ -140,13 +141,12 @@ var themeOverrideConfig = {
     id: 'dark-new-input-border',
     displayName: 'Dark Theme New Input Border',
     palette: 'defaultPalette',
-    overrideTheme: 'dark',
+    override: 'dark',
     attributes: {
       type: 'color',
       mode: 'dark'
     }
   }
 };
-exports.themeOverrideConfig = themeOverrideConfig;
 var _default = themeConfig;
 exports.default = _default;

package/dist/cjs/tokens/atlassian-dark/color/background.js

@@ -7,8 +7,9 @@ exports.default = void 0;
 var color = {
   color: {
     blanket: {
+      // @ts-ignore temporary value (DarkNeutral-100 60% opacity)
       '[default]': {
-        value: 'DarkNeutral-100A'
+        value: '#10121499'
       },
       // @ts-ignore temporary value (Blue600 8% opacity)
       selected: {
@@ -41,13 +42,13 @@ var color = {
       },
       input: {
         '[default]': {
-          value: 'DarkNeutral100'
+          value: 'DarkNeutral200'
         },
         hovered: {
-          value: 'DarkNeutral200'
+          value: 'DarkNeutral250'
         },
         pressed: {
-          value: 'DarkNeutral100'
+          value: 'DarkNeutral200'
         }
       },
       neutral: {

package/dist/cjs/tokens/atlassian-dark/color/icon.js

@@ -14,7 +14,7 @@ var color = {
         value: 'DarkNeutral700'
       },
       inverse: {
-        value: 'DarkNeutral0'
+        value: 'DarkNeutral100'
       },
       disabled: {
         value: 'DarkNeutral400A'
@@ -33,7 +33,7 @@ var color = {
           value: 'Yellow500'
         },
         inverse: {
-          value: 'DarkNeutral0'
+          value: 'DarkNeutral100'
         }
       },
       success: {

package/dist/cjs/tokens/atlassian-dark/color/text.js

@@ -8,7 +8,7 @@ var color = {
   color: {
     text: {
       '[default]': {
-        value: 'DarkNeutral1000'
+        value: 'DarkNeutral900'
       },
       subtle: {
         value: 'DarkNeutral800'
@@ -17,7 +17,7 @@ var color = {
         value: 'DarkNeutral700'
       },
       inverse: {
-        value: 'DarkNeutral0'
+        value: 'DarkNeutral100'
       },
       disabled: {
         value: 'DarkNeutral400A'
@@ -36,7 +36,7 @@ var color = {
           value: 'Yellow300'
         },
         inverse: {
-          value: 'DarkNeutral0'
+          value: 'DarkNeutral100'
         }
       },
       success: {

package/dist/cjs/tokens/atlassian-dark/elevation/shadow.js

@@ -82,7 +82,7 @@ var shadow = {
             x: 0,
             y: 0
           },
-          opacity: 0.04,
+          opacity: 0.12,
           inset: true
         }, {
           radius: 12,

package/dist/cjs/tokens/atlassian-dark/elevation/surface.js

@@ -9,24 +9,24 @@ var elevation = {
     surface: {
       '[default]': {
         '[default]': {
-          value: 'DarkNeutral0'
+          value: 'DarkNeutral100'
         },
         hovered: {
-          value: 'DarkNeutral100'
+          value: 'DarkNeutral200'
         },
         pressed: {
-          value: 'DarkNeutral200'
+          value: 'DarkNeutral250'
         }
       },
       sunken: {
-        value: 'DarkNeutral-100'
+        value: 'DarkNeutral0'
       },
       raised: {
         '[default]': {
-          value: 'DarkNeutral100'
+          value: 'DarkNeutral200'
         },
         hovered: {
-          value: 'DarkNeutral200'
+          value: 'DarkNeutral250'
         },
         pressed: {
           value: 'DarkNeutral300'
@@ -34,13 +34,13 @@ var elevation = {
       },
       overlay: {
         '[default]': {
-          value: 'DarkNeutral200'
+          value: 'DarkNeutral250'
         },
         hovered: {
           value: 'DarkNeutral300'
         },
         pressed: {
-          value: 'DarkNeutral400'
+          value: 'DarkNeutral350'
         }
       }
     }

package/dist/cjs/version.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/tokens",
-	"version": "1.8.0",
+	"version": "1.9.0",
 	"sideEffects": [
 		"**/*.css"
 	]