@atlaskit/tokens 1.8.0 → 1.9.0

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

@@ -45,7 +45,7 @@ const getThemePreferences = themeState => {
       themePreferences.push(themeId);
     }
   });
-  if (getBooleanFF('platform.design-system-team.update-border-input_ff9l1')) {
+  if (getBooleanFF('platform.design-system-team.border-checkbox_nyoiu')) {
     themePreferences.push(`${themePreferences.includes('dark') ? 'dark' : 'light'}-new-input-border`);
   }
 
@@ -96,15 +96,6 @@ const setGlobalTheme = async ({
     typography
   });
   await Promise.all(themePreferences.map(async themeId => await loadAndAppendThemeCss(themeId)));
-  if (themePreferences.includes('dark')) {
-    if (
-    // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-    getBooleanFF('design-system-team.dark-theme-iteration_dk1ln')) {
-      await loadAndAppendThemeCss('dark-iteration');
-    } else if (getBooleanFF('platform.design-system-team.dark-iteration-confluence_e2t22')) {
-      await loadAndAppendThemeCss('dark-iteration');
-    }
-  }
   if (colorMode === 'auto' && darkModeMql) {
     colorMode = darkModeMql.matches ? 'dark' : 'light';
     // Add an event listener for changes to the system theme.
@@ -160,15 +151,6 @@ export const getThemeStyles = async ({
     spacing,
     typography
   });
-  if (themePreferences.includes('dark')) {
-    if (
-    // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-    getBooleanFF('design-system-team.dark-theme-iteration_dk1ln')) {
-      themePreferences.push('dark-iteration');
-    } else if (getBooleanFF('platform.design-system-team.dark-iteration-confluence_e2t22')) {
-      themePreferences.push('dark-iteration');
-    }
-  }
   const results = await Promise.all(themePreferences.map(async themeId => {
     try {
       const css = await loadThemeCss(themeId);

package/dist/es2019/theme-config.js

@@ -8,6 +8,13 @@
  * 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.
@@ -28,6 +35,11 @@ export const themeColorModes = ['light', 'dark', 'auto'];
  * These ids must be kebab case
  */
 export const themeIds = ['light', 'dark', 'legacy-light', 'legacy-dark', 'spacing', 'typography', 'shape'];
+/**
+ * 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'];
 
 /**
  * Theme to use a base. This will create the theme as
@@ -106,24 +118,12 @@ const themeConfig = {
     attributes: {
       type: 'shape'
     }
-  }
-};
-export const 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'
@@ -133,7 +133,7 @@ export const themeOverrideConfig = {
     id: 'dark-new-input-border',
     displayName: 'Dark Theme New Input Border',
     palette: 'defaultPalette',
-    overrideTheme: 'dark',
+    override: 'dark',
     attributes: {
       type: 'color',
       mode: 'dark'

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

@@ -1,8 +1,9 @@
 const 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: {
@@ -35,13 +36,13 @@ const color = {
       },
       input: {
         '[default]': {
-          value: 'DarkNeutral100'
+          value: 'DarkNeutral200'
         },
         hovered: {
-          value: 'DarkNeutral200'
+          value: 'DarkNeutral250'
         },
         pressed: {
-          value: 'DarkNeutral100'
+          value: 'DarkNeutral200'
         }
       },
       neutral: {

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

@@ -8,7 +8,7 @@ const color = {
         value: 'DarkNeutral700'
       },
       inverse: {
-        value: 'DarkNeutral0'
+        value: 'DarkNeutral100'
       },
       disabled: {
         value: 'DarkNeutral400A'
@@ -27,7 +27,7 @@ const color = {
           value: 'Yellow500'
         },
         inverse: {
-          value: 'DarkNeutral0'
+          value: 'DarkNeutral100'
         }
       },
       success: {

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

@@ -2,7 +2,7 @@ const color = {
   color: {
     text: {
       '[default]': {
-        value: 'DarkNeutral1000'
+        value: 'DarkNeutral900'
       },
       subtle: {
         value: 'DarkNeutral800'
@@ -11,7 +11,7 @@ const color = {
         value: 'DarkNeutral700'
       },
       inverse: {
-        value: 'DarkNeutral0'
+        value: 'DarkNeutral100'
       },
       disabled: {
         value: 'DarkNeutral400A'
@@ -30,7 +30,7 @@ const color = {
           value: 'Yellow300'
         },
         inverse: {
-          value: 'DarkNeutral0'
+          value: 'DarkNeutral100'
         }
       },
       success: {

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

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

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

@@ -3,24 +3,24 @@ const 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'
@@ -28,13 +28,13 @@ const elevation = {
       },
       overlay: {
         '[default]': {
-          value: 'DarkNeutral200'
+          value: 'DarkNeutral250'
         },
         hovered: {
           value: 'DarkNeutral300'
         },
         pressed: {
-          value: 'DarkNeutral400'
+          value: 'DarkNeutral350'
         }
       }
     }

package/dist/es2019/version.json

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