@atlaskit/tokens 7.1.0 → 8.0.0

package/dist/es2019/entry-points/tokens-raw.js

@@ -1,8 +1,6 @@
 export { default as light } from '../artifacts/tokens-raw/atlassian-light';
-export { default as lightBrandRefresh } from '../artifacts/tokens-raw/atlassian-light-brand-refresh';
 export { default as legacyLightTokens } from '../artifacts/tokens-raw/atlassian-legacy-light';
 export { default as dark } from '../artifacts/tokens-raw/atlassian-dark';
-export { default as darkBrandRefresh } from '../artifacts/tokens-raw/atlassian-dark-brand-refresh';
 export { default as spacing } from '../artifacts/tokens-raw/atlassian-spacing';
 export { default as typography } from '../artifacts/tokens-raw/atlassian-typography';
 export { default as typographyAdg3 } from '../artifacts/tokens-raw/atlassian-typography-adg3';

package/dist/es2019/get-theme-styles.js

@@ -29,7 +29,6 @@ const getThemeStyles = async preferences => {
     if (!fg('platform_increased-contrast-themes')) {
       themePreferences = themePreferences.filter(n => n !== 'light-increased-contrast' && n !== 'dark-increased-contrast');
     }
-    themePreferences = themePreferences.filter(n => n !== 'light-brand-refresh' && n !== 'dark-brand-refresh');
   } else {
     const themeState = {
       colorMode: (preferences === null || preferences === void 0 ? void 0 : preferences.colorMode) || themeStateDefaults['colorMode'],

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

@@ -1,5 +1,4 @@
 import warnOnce from '@atlaskit/ds-lib/warn-once';
-import { fg } from '@atlaskit/platform-feature-flags';
 import tokens from './artifacts/token-names';
 /**
  * Takes a dot-separated token name and and an optional fallback, and returns the current computed CSS value for the
@@ -29,9 +28,6 @@ function getTokenValue(tokenId, fallback = '') {
     if (!token) {
       warnOnce(`Unknown token id at path: ${tokenId} in @atlaskit/tokens`);
     }
-    if (token === '--ds-icon-subtlest' && !fg('platform-component-visual-refresh')) {
-      warnOnce(`Token "color.icon.subtlest" is only available when feature flag "platform-component-visual-refresh" is on, don't use it if the flag can't be turned on on this page`);
-    }
   }
   if (typeof window === 'undefined') {
     return tokenValue;

package/dist/es2019/get-token.js

@@ -1,5 +1,4 @@
 import warnOnce from '@atlaskit/ds-lib/warn-once';
-import { fg } from '@atlaskit/platform-feature-flags';
 import tokens from './artifacts/token-names';
 import { TOKEN_NOT_FOUND_CSS_VAR } from './constants';
 /**
@@ -30,9 +29,6 @@ function token(path, fallback) {
     if (!token) {
       warnOnce(`Unknown token id at path: ${path} in @atlaskit/tokens`);
     }
-    if (token === '--ds-icon-subtlest' && !fg('platform-component-visual-refresh')) {
-      warnOnce(`Token "color.icon.subtlest" is only available when feature flag "platform-component-visual-refresh" is on, don't use it if the flag can't be turned on on this page`);
-    }
   }
 
   // if the token is not found - replacing it with variable name without any value, to avoid it being undefined which would result in invalid css

package/dist/es2019/theme-config.js

@@ -40,7 +40,7 @@ const themeContrastModes = ['more', 'no-preference', 'auto'];
  *
  * These ids must be kebab case
  */
-export const themeIds = ['light-increased-contrast', 'light', 'light-future', 'light-brand-refresh', 'dark', 'dark-future', 'dark-increased-contrast', 'dark-brand-refresh', 'legacy-light', 'legacy-dark', 'spacing', 'shape', 'typography', 'typography-adg3', 'typography-modernized', 'typography-refreshed'];
+export const themeIds = ['light-increased-contrast', 'light', 'light-future', 'dark', 'dark-future', 'dark-increased-contrast', 'legacy-light', 'legacy-dark', 'spacing', 'shape', 'typography', 'typography-adg3', 'typography-modernized', 'typography-refreshed'];
 /**
  * Theme override ids: the equivalent of themeIds for theme overrides.
  * Theme overrides are temporary and there may not be any defined at times.
@@ -191,24 +191,6 @@ const themeConfig = {
     attributes: {
       type: 'typography'
     }
-  },
-  'atlassian-light-brand-refresh': {
-    id: 'light-brand-refresh',
-    displayName: 'Light theme (Brand refresh)',
-    palette: 'brandRefreshPalette',
-    attributes: {
-      type: 'color',
-      mode: 'light'
-    }
-  },
-  'atlassian-dark-brand-refresh': {
-    id: 'dark-brand-refresh',
-    displayName: 'Dark theme (Brand refresh)',
-    palette: 'brandRefreshPalette',
-    attributes: {
-      type: 'color',
-      mode: 'dark'
-    }
   }
 };
 

package/dist/es2019/utils/theme-loading.js

@@ -1,4 +1,3 @@
-import { fg } from '@atlaskit/platform-feature-flags';
 import themeImportMap from '../artifacts/theme-import-map';
 import { CUSTOM_THEME_ATTRIBUTE, THEME_DATA_ATTRIBUTE } from '../constants';
 export const loadAndAppendThemeCss = async themeId => {
@@ -18,9 +17,6 @@ export const loadAndAppendThemeCss = async themeId => {
   document.head.appendChild(style);
 };
 export const loadThemeCss = async themeId => {
-  if ((themeId === 'light' || themeId === 'dark') && fg('platform-component-visual-refresh')) {
-    themeId += '-brand-refresh';
-  }
   const {
     default: themeCss
   } = await themeImportMap[themeId]();

package/dist/esm/artifacts/atlassian-dark-token-value-for-contrast-check.js

@@ -3,16 +3,16 @@
  *
  * Token names mapped to their values, used for contrast checking when generating custom themes
  *
- * @codegen <<SignedSource::023110f136ad929098f2d5a341b7ad7c>>
+ * @codegen <<SignedSource::a4300b2e54a0be0fd9143a9438bedc56>>
  * @codegenCommand yarn build tokens
  */
 var tokenValues = {
-  'color.text.brand': '#579DFF',
-  'elevation.surface.overlay': '#282E33',
-  'color.background.selected': '#1C2B41',
-  'color.text.selected': '#579DFF',
-  'color.border.brand': '#579DFF',
-  'color.chart.brand': '#388BFF',
-  'color.text.inverse': '#1D2125'
+  'color.text.brand': '#669DF1',
+  'elevation.surface.overlay': '#2B2C2F',
+  'color.background.selected': '#1C2B42',
+  'color.text.selected': '#669DF1',
+  'color.border.brand': '#669DF1',
+  'color.chart.brand': '#4688EC',
+  'color.text.inverse': '#1F1F21'
 };
 export default tokenValues;

package/dist/esm/artifacts/atlassian-light-token-value-for-contrast-check.js

@@ -3,16 +3,16 @@
  *
  * Token names mapped to their values, used for contrast checking when generating custom themes
  *
- * @codegen <<SignedSource::9975d8c2d3b07e5b405782c2d24fab5f>>
+ * @codegen <<SignedSource::9bb4cd1746b9d02e7d3b431f3310479f>>
  * @codegenCommand yarn build tokens
  */
 var tokenValues = {
-  'color.text.brand': '#0C66E4',
-  'elevation.surface.sunken': '#F7F8F9',
-  'color.background.selected': '#E9F2FF',
-  'color.text.selected': '#0C66E4',
-  'color.border.brand': '#0C66E4',
-  'color.chart.brand': '#1D7AFC',
+  'color.text.brand': '#1868DB',
+  'elevation.surface.sunken': '#F8F8F8',
+  'color.background.selected': '#E9F2FE',
+  'color.text.selected': '#1868DB',
+  'color.border.brand': '#1868DB',
+  'color.chart.brand': '#357DE8',
   'color.text.inverse': '#FFFFFF'
 };
 export default tokenValues;