@atlaskit/tokens 7.1.1 → 8.1.0

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

@@ -10,12 +10,6 @@ Object.defineProperty(exports, "dark", {
     return _atlassianDark.default;
   }
 });
-Object.defineProperty(exports, "darkBrandRefresh", {
-  enumerable: true,
-  get: function get() {
-    return _atlassianDarkBrandRefresh.default;
-  }
-});
 Object.defineProperty(exports, "legacyLightTokens", {
   enumerable: true,
   get: function get() {
@@ -28,12 +22,6 @@ Object.defineProperty(exports, "light", {
     return _atlassianLight.default;
   }
 });
-Object.defineProperty(exports, "lightBrandRefresh", {
-  enumerable: true,
-  get: function get() {
-    return _atlassianLightBrandRefresh.default;
-  }
-});
 Object.defineProperty(exports, "shape", {
   enumerable: true,
   get: function get() {
@@ -71,10 +59,8 @@ Object.defineProperty(exports, "typographyRefreshed", {
   }
 });
 var _atlassianLight = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-light"));
-var _atlassianLightBrandRefresh = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-light-brand-refresh"));
 var _atlassianLegacyLight = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-legacy-light"));
 var _atlassianDark = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-dark"));
-var _atlassianDarkBrandRefresh = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-dark-brand-refresh"));
 var _atlassianSpacing = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-spacing"));
 var _atlassianTypography = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-typography"));
 var _atlassianTypographyAdg = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-typography-adg3"));

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

@@ -47,9 +47,6 @@ var getThemeStyles = /*#__PURE__*/function () {
                 return n !== 'light-increased-contrast' && n !== 'dark-increased-contrast';
               });
             }
-            themePreferences = themePreferences.filter(function (n) {
-              return n !== 'light-brand-refresh' && n !== 'dark-brand-refresh';
-            });
           } else {
             themeState = {
               colorMode: (preferences === null || preferences === void 0 ? void 0 : preferences.colorMode) || _themeConfig.themeStateDefaults['colorMode'],

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

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
 /**
  * Takes a dot-separated token name and and an optional fallback, and returns the current computed CSS value for the
@@ -37,9 +36,6 @@ function getTokenValue(tokenId) {
     if (!token) {
       (0, _warnOnce.default)("Unknown token id at path: ".concat(tokenId, " in @atlaskit/tokens"));
     }
-    if (token === '--ds-icon-subtlest' && !(0, _platformFeatureFlags.fg)('platform-component-visual-refresh')) {
-      (0, _warnOnce.default)("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/cjs/get-token.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
 var _constants = require("./constants");
 /**
@@ -37,9 +36,6 @@ function token(path, fallback) {
     if (!token) {
       (0, _warnOnce.default)("Unknown token id at path: ".concat(path, " in @atlaskit/tokens"));
     }
-    if (token === '--ds-icon-subtlest' && !(0, _platformFeatureFlags.fg)('platform-component-visual-refresh')) {
-      (0, _warnOnce.default)("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/cjs/theme-config.js

@@ -45,7 +45,7 @@ var themeContrastModes = ['more', 'no-preference', 'auto'];
  *
  * These ids must be kebab case
  */
-var themeIds = exports.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'];
+var themeIds = exports.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.
@@ -196,24 +196,6 @@ var 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/cjs/utils/theme-loading.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.moreContrastMediaQuery = exports.loadThemeCss = exports.loadAndAppendThemeCss = exports.darkModeMediaQuery = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _themeImportMap = _interopRequireDefault(require("../artifacts/theme-import-map"));
 var _constants = require("../constants");
 var loadAndAppendThemeCss = exports.loadAndAppendThemeCss = /*#__PURE__*/function () {
@@ -52,16 +51,13 @@ var loadThemeCss = exports.loadThemeCss = /*#__PURE__*/function () {
     return _regenerator.default.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
-          if ((themeId === 'light' || themeId === 'dark') && (0, _platformFeatureFlags.fg)('platform-component-visual-refresh')) {
-            themeId += '-brand-refresh';
-          }
-          _context2.next = 3;
+          _context2.next = 2;
           return _themeImportMap.default[themeId]();
-        case 3:
+        case 2:
           _yield$themeImportMap = _context2.sent;
           themeCss = _yield$themeImportMap.default;
           return _context2.abrupt("return", themeCss);
-        case 6:
+        case 5:
         case "end":
           return _context2.stop();
       }

package/dist/es2019/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
  */
 const 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/es2019/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
  */
 const 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;