@atlaskit/tokens 1.2.11 → 1.2.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/artifacts/themes/atlassian-dark-iteration.js +2 -2
  3. package/dist/cjs/get-token-value.js +1 -1
  4. package/dist/cjs/get-token.js +1 -1
  5. package/dist/cjs/set-global-theme.js +6 -2
  6. package/dist/cjs/tokens/atlassian-dark-iteration/color/background.js +4 -2
  7. package/dist/cjs/version.json +1 -1
  8. package/dist/es2019/artifacts/themes/atlassian-dark-iteration.js +3 -3
  9. package/dist/es2019/get-token-value.js +1 -1
  10. package/dist/es2019/get-token.js +1 -1
  11. package/dist/es2019/set-global-theme.js +6 -2
  12. package/dist/es2019/tokens/atlassian-dark-iteration/color/background.js +4 -2
  13. package/dist/es2019/version.json +1 -1
  14. package/dist/esm/artifacts/themes/atlassian-dark-iteration.js +2 -2
  15. package/dist/esm/get-token-value.js +1 -1
  16. package/dist/esm/get-token.js +1 -1
  17. package/dist/esm/set-global-theme.js +6 -2
  18. package/dist/esm/tokens/atlassian-dark-iteration/color/background.js +4 -2
  19. package/dist/esm/version.json +1 -1
  20. package/dist/types/artifacts/themes/atlassian-dark-iteration.d.ts +2 -2
  21. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/tokens
2
2
 
3
+ ## 1.2.12
4
+
5
+ ### Patch Changes
6
+
7
+ - [`ec8f1ac379a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ec8f1ac379a) - Tweaks to dark theme tokens (`background.selected` and `background.selected.pressed`) behind a feature flag.
8
+
3
9
  ## 1.2.11
4
10
 
5
11
  ### Patch Changes
package/dist/cjs/artifacts/themes/atlassian-dark-iteration.js CHANGED
@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  /**
8
8
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
9
- * @codegen <<SignedSource::337e80050595184e7a6198ba1c75e2fc>>
9
+ * @codegen <<SignedSource::bed7a2c437875bc4a9a695fc1fa149d1>>
10
10
  * @codegenCommand yarn build tokens
11
11
  */
12
- var _default = "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:dark\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:dark\"] {\n --ds-text: #B6C2CF;\n --ds-text-inverse: #1D2125;\n --ds-text-selected: #6EAAFF;\n --ds-text-warning-inverse: #1D2125;\n --ds-text-subtlest: #8C9BAB;\n --ds-link: #6EAAFF;\n --ds-link-pressed: #A8CCFF;\n --ds-icon-inverse: #1D2125;\n --ds-icon-selected: #6EAAFF;\n --ds-icon-warning-inverse: #1D2125;\n --ds-icon-subtle: #8C9BAB;\n --ds-background-accent-red-subtlest: #4F1C16;\n --ds-background-accent-orange-subtlest: #513010;\n --ds-background-accent-yellow-subtlest: #473602;\n --ds-background-accent-green-subtlest: #143E2C;\n --ds-background-accent-teal-subtlest: #193E42;\n --ds-background-accent-blue-subtlest: #092957;\n --ds-background-accent-purple-subtlest: #2B2451;\n --ds-background-accent-magenta-subtlest: #421F34;\n --ds-background-accent-gray-bolder: #8C9BAB;\n --ds-background-input: #22272B;\n --ds-background-input-hovered: #282E33;\n --ds-background-input-pressed: #22272B;\n --ds-background-selected: #082145;\n --ds-background-selected-pressed: #0055CC;\n --ds-background-danger: #4F1C16;\n --ds-background-danger-pressed: #872518;\n --ds-background-warning: #473602;\n --ds-background-warning-pressed: #6B5103;\n --ds-background-success: #143E2C;\n --ds-background-success-pressed: #1B5A40;\n --ds-background-discovery: #2B2451;\n --ds-background-discovery-pressed: #4A3D8A;\n --ds-background-information: #092957;\n --ds-background-information-pressed: #073A83;\n --ds-blanket: #10121499;\n --ds-chart-neutral-hovered: #8C9BAB;\n --ds-chart-gray-bold-hovered: #8C9BAB;\n --ds-chart-gray-bolder: #8C9BAB;\n --ds-surface: #1D2125;\n --ds-surface-hovered: #22272B;\n --ds-surface-pressed: #282E33;\n --ds-surface-overlay: #282E33;\n --ds-surface-overlay-pressed: #38414A;\n --ds-surface-raised: #22272B;\n --ds-surface-raised-hovered: #282E33;\n --ds-surface-sunken: #161A1D;\n --ds-shadow-overlay: inset 0px 0px 0px 1px #BCD6F01F, 0px 8px 12px #0304045C, 0px 0px 1px #03040480;\n}\n";
12
+ var _default = "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:dark\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:dark\"] {\n --ds-text: #B6C2CF;\n --ds-text-inverse: #1D2125;\n --ds-text-selected: #6EAAFF;\n --ds-text-warning-inverse: #1D2125;\n --ds-text-subtlest: #8C9BAB;\n --ds-link: #6EAAFF;\n --ds-link-pressed: #A8CCFF;\n --ds-icon-inverse: #1D2125;\n --ds-icon-selected: #6EAAFF;\n --ds-icon-warning-inverse: #1D2125;\n --ds-icon-subtle: #8C9BAB;\n --ds-background-accent-red-subtlest: #4F1C16;\n --ds-background-accent-orange-subtlest: #513010;\n --ds-background-accent-yellow-subtlest: #473602;\n --ds-background-accent-green-subtlest: #143E2C;\n --ds-background-accent-teal-subtlest: #193E42;\n --ds-background-accent-blue-subtlest: #092957;\n --ds-background-accent-purple-subtlest: #2B2451;\n --ds-background-accent-magenta-subtlest: #421F34;\n --ds-background-accent-gray-bolder: #8C9BAB;\n --ds-background-input: #22272B;\n --ds-background-input-hovered: #282E33;\n --ds-background-input-pressed: #22272B;\n --ds-background-selected: #092957;\n --ds-background-selected-pressed: #073A83;\n --ds-background-danger: #4F1C16;\n --ds-background-danger-pressed: #872518;\n --ds-background-warning: #473602;\n --ds-background-warning-pressed: #6B5103;\n --ds-background-success: #143E2C;\n --ds-background-success-pressed: #1B5A40;\n --ds-background-discovery: #2B2451;\n --ds-background-discovery-pressed: #4A3D8A;\n --ds-background-information: #092957;\n --ds-background-information-pressed: #073A83;\n --ds-blanket: #10121499;\n --ds-chart-neutral-hovered: #8C9BAB;\n --ds-chart-gray-bold-hovered: #8C9BAB;\n --ds-chart-gray-bolder: #8C9BAB;\n --ds-surface: #1D2125;\n --ds-surface-hovered: #22272B;\n --ds-surface-pressed: #282E33;\n --ds-surface-overlay: #282E33;\n --ds-surface-overlay-pressed: #38414A;\n --ds-surface-raised: #22272B;\n --ds-surface-raised-hovered: #282E33;\n --ds-surface-sunken: #161A1D;\n --ds-shadow-overlay: inset 0px 0px 0px 1px #BCD6F01F, 0px 8px 12px #0304045C, 0px 0px 1px #03040480;\n}\n";
13
13
  exports.default = _default;
package/dist/cjs/get-token-value.js CHANGED
@@ -8,7 +8,7 @@ exports.default = void 0;
8
8
  var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
9
9
  var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
10
10
  var name = "@atlaskit/tokens";
11
- var version = "1.2.11";
11
+ var version = "1.2.12";
12
12
  /**
13
13
  * Takes a dot-separated token name and and an optional fallback, and returns the current computed CSS value for the
14
14
  * resulting CSS Custom Property.
package/dist/cjs/get-token.js CHANGED
@@ -9,7 +9,7 @@ var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
9
9
  var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
10
10
  var _constants = require("./constants");
11
11
  var name = "@atlaskit/tokens";
12
- var version = "1.2.11";
12
+ var version = "1.2.12";
13
13
  /**
14
14
  * Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.
15
15
  * This should be used to implement design decisions throughout your application.
package/dist/cjs/set-global-theme.js CHANGED
@@ -82,7 +82,9 @@ var setGlobalTheme = /*#__PURE__*/function () {
82
82
  _ref2 = _args2.length > 0 && _args2[0] !== undefined ? _args2[0] : {}, _ref2$colorMode = _ref2.colorMode, colorMode = _ref2$colorMode === void 0 ? themeStateDefaults['colorMode'] : _ref2$colorMode, _ref2$dark = _ref2.dark, dark = _ref2$dark === void 0 ? themeStateDefaults['dark'] : _ref2$dark, _ref2$light = _ref2.light, light = _ref2$light === void 0 ? themeStateDefaults['light'] : _ref2$light, _ref2$spacing = _ref2.spacing, spacing = _ref2$spacing === void 0 ? themeStateDefaults['spacing'] : _ref2$spacing, _ref2$typography = _ref2.typography, typography = _ref2$typography === void 0 ? themeStateDefaults['typography'] : _ref2$typography;
83
83
  // Dedupe list of themes to avoid race condition
84
84
  themePreferences = new Set([dark, light, spacing, typography]);
85
- if ((0, _platformFeatureFlags.getBooleanFF)('design-system-team.dark-theme-iteration_dk1ln') && themePreferences.has('dark')) {
85
+ if (
86
+ // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
87
+ (0, _platformFeatureFlags.getBooleanFF)('design-system-team.dark-theme-iteration_dk1ln') && themePreferences.has('dark')) {
86
88
  themePreferences.add('dark-iteration');
87
89
  }
88
90
  _context2.next = 5;
@@ -187,7 +189,9 @@ var getThemeStyles = /*#__PURE__*/function () {
187
189
  themePreferences.push(themeId);
188
190
  }
189
191
  });
190
- if ((0, _platformFeatureFlags.getBooleanFF)('design-system-team.dark-theme-iteration_dk1ln') && themePreferences.includes('dark')) {
192
+ if (
193
+ // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
194
+ (0, _platformFeatureFlags.getBooleanFF)('design-system-team.dark-theme-iteration_dk1ln') && themePreferences.includes('dark')) {
191
195
  themePreferences.push('dark-iteration');
192
196
  }
193
197
  _context4.next = 6;
package/dist/cjs/tokens/atlassian-dark-iteration/color/background.js CHANGED
@@ -28,10 +28,12 @@ var color = {
28
28
  selected: {
29
29
  '[default]': {
30
30
  '[default]': {
31
- value: 'Blue1000'
31
+ // @ts-ignore Blue950 not currently available
32
+ value: '#092957'
32
33
  },
33
34
  pressed: {
34
- value: 'Blue800'
35
+ // @ts-ignore Blue850 not currently available
36
+ value: '#073A83'
35
37
  }
36
38
  }
37
39
  },
package/dist/cjs/version.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/tokens",
3
- "version": "1.2.11",
3
+ "version": "1.2.12",
4
4
  "sideEffects": [
5
5
  "**/*.css"
6
6
  ]
package/dist/es2019/artifacts/themes/atlassian-dark-iteration.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::337e80050595184e7a6198ba1c75e2fc>>
3
+ * @codegen <<SignedSource::bed7a2c437875bc4a9a695fc1fa149d1>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  export default `
@@ -29,8 +29,8 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
29
29
  --ds-background-input: #22272B;
30
30
  --ds-background-input-hovered: #282E33;
31
31
  --ds-background-input-pressed: #22272B;
32
- --ds-background-selected: #082145;
33
- --ds-background-selected-pressed: #0055CC;
32
+ --ds-background-selected: #092957;
33
+ --ds-background-selected-pressed: #073A83;
34
34
  --ds-background-danger: #4F1C16;
35
35
  --ds-background-danger-pressed: #872518;
36
36
  --ds-background-warning: #473602;
package/dist/es2019/get-token-value.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import warnOnce from '@atlaskit/ds-lib/warn-once';
2
2
  import tokens from './artifacts/token-names';
3
3
  const name = "@atlaskit/tokens";
4
- const version = "1.2.11";
4
+ const version = "1.2.12";
5
5
  /**
6
6
  * Takes a dot-separated token name and and an optional fallback, and returns the current computed CSS value for the
7
7
  * resulting CSS Custom Property.
package/dist/es2019/get-token.js CHANGED
@@ -2,7 +2,7 @@ import warnOnce from '@atlaskit/ds-lib/warn-once';
2
2
  import tokens from './artifacts/token-names';
3
3
  import { TOKEN_NOT_FOUND_CSS_VAR } from './constants';
4
4
  const name = "@atlaskit/tokens";
5
- const version = "1.2.11";
5
+ const version = "1.2.12";
6
6
  /**
7
7
  * Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.
8
8
  * This should be used to implement design decisions throughout your application.
package/dist/es2019/set-global-theme.js CHANGED
@@ -56,7 +56,9 @@ const setGlobalTheme = async ({
56
56
  } = {}) => {
57
57
  // Dedupe list of themes to avoid race condition
58
58
  const themePreferences = new Set([dark, light, spacing, typography]);
59
- if (getBooleanFF('design-system-team.dark-theme-iteration_dk1ln') && themePreferences.has('dark')) {
59
+ if (
60
+ // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
61
+ getBooleanFF('design-system-team.dark-theme-iteration_dk1ln') && themePreferences.has('dark')) {
60
62
  themePreferences.add('dark-iteration');
61
63
  }
62
64
  await Promise.all([...themePreferences].filter(themeId => themeId !== undefined).map(async themeId => await loadAndAppendThemeCss(themeId)));
@@ -110,7 +112,9 @@ export const getThemeStyles = async ({
110
112
  themePreferences.push(themeId);
111
113
  }
112
114
  });
113
- if (getBooleanFF('design-system-team.dark-theme-iteration_dk1ln') && themePreferences.includes('dark')) {
115
+ if (
116
+ // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
117
+ getBooleanFF('design-system-team.dark-theme-iteration_dk1ln') && themePreferences.includes('dark')) {
114
118
  themePreferences.push('dark-iteration');
115
119
  }
116
120
  const results = await Promise.all(themePreferences.map(async themeId => {
package/dist/es2019/tokens/atlassian-dark-iteration/color/background.js CHANGED
@@ -22,10 +22,12 @@ const color = {
22
22
  selected: {
23
23
  '[default]': {
24
24
  '[default]': {
25
- value: 'Blue1000'
25
+ // @ts-ignore Blue950 not currently available
26
+ value: '#092957'
26
27
  },
27
28
  pressed: {
28
- value: 'Blue800'
29
+ // @ts-ignore Blue850 not currently available
30
+ value: '#073A83'
29
31
  }
30
32
  }
31
33
  },
package/dist/es2019/version.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/tokens",
3
- "version": "1.2.11",
3
+ "version": "1.2.12",
4
4
  "sideEffects": [
5
5
  "**/*.css"
6
6
  ]
package/dist/esm/artifacts/themes/atlassian-dark-iteration.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::337e80050595184e7a6198ba1c75e2fc>>
3
+ * @codegen <<SignedSource::bed7a2c437875bc4a9a695fc1fa149d1>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
- export default "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:dark\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:dark\"] {\n --ds-text: #B6C2CF;\n --ds-text-inverse: #1D2125;\n --ds-text-selected: #6EAAFF;\n --ds-text-warning-inverse: #1D2125;\n --ds-text-subtlest: #8C9BAB;\n --ds-link: #6EAAFF;\n --ds-link-pressed: #A8CCFF;\n --ds-icon-inverse: #1D2125;\n --ds-icon-selected: #6EAAFF;\n --ds-icon-warning-inverse: #1D2125;\n --ds-icon-subtle: #8C9BAB;\n --ds-background-accent-red-subtlest: #4F1C16;\n --ds-background-accent-orange-subtlest: #513010;\n --ds-background-accent-yellow-subtlest: #473602;\n --ds-background-accent-green-subtlest: #143E2C;\n --ds-background-accent-teal-subtlest: #193E42;\n --ds-background-accent-blue-subtlest: #092957;\n --ds-background-accent-purple-subtlest: #2B2451;\n --ds-background-accent-magenta-subtlest: #421F34;\n --ds-background-accent-gray-bolder: #8C9BAB;\n --ds-background-input: #22272B;\n --ds-background-input-hovered: #282E33;\n --ds-background-input-pressed: #22272B;\n --ds-background-selected: #082145;\n --ds-background-selected-pressed: #0055CC;\n --ds-background-danger: #4F1C16;\n --ds-background-danger-pressed: #872518;\n --ds-background-warning: #473602;\n --ds-background-warning-pressed: #6B5103;\n --ds-background-success: #143E2C;\n --ds-background-success-pressed: #1B5A40;\n --ds-background-discovery: #2B2451;\n --ds-background-discovery-pressed: #4A3D8A;\n --ds-background-information: #092957;\n --ds-background-information-pressed: #073A83;\n --ds-blanket: #10121499;\n --ds-chart-neutral-hovered: #8C9BAB;\n --ds-chart-gray-bold-hovered: #8C9BAB;\n --ds-chart-gray-bolder: #8C9BAB;\n --ds-surface: #1D2125;\n --ds-surface-hovered: #22272B;\n --ds-surface-pressed: #282E33;\n --ds-surface-overlay: #282E33;\n --ds-surface-overlay-pressed: #38414A;\n --ds-surface-raised: #22272B;\n --ds-surface-raised-hovered: #282E33;\n --ds-surface-sunken: #161A1D;\n --ds-shadow-overlay: inset 0px 0px 0px 1px #BCD6F01F, 0px 8px 12px #0304045C, 0px 0px 1px #03040480;\n}\n";
6
+ export default "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:dark\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:dark\"] {\n --ds-text: #B6C2CF;\n --ds-text-inverse: #1D2125;\n --ds-text-selected: #6EAAFF;\n --ds-text-warning-inverse: #1D2125;\n --ds-text-subtlest: #8C9BAB;\n --ds-link: #6EAAFF;\n --ds-link-pressed: #A8CCFF;\n --ds-icon-inverse: #1D2125;\n --ds-icon-selected: #6EAAFF;\n --ds-icon-warning-inverse: #1D2125;\n --ds-icon-subtle: #8C9BAB;\n --ds-background-accent-red-subtlest: #4F1C16;\n --ds-background-accent-orange-subtlest: #513010;\n --ds-background-accent-yellow-subtlest: #473602;\n --ds-background-accent-green-subtlest: #143E2C;\n --ds-background-accent-teal-subtlest: #193E42;\n --ds-background-accent-blue-subtlest: #092957;\n --ds-background-accent-purple-subtlest: #2B2451;\n --ds-background-accent-magenta-subtlest: #421F34;\n --ds-background-accent-gray-bolder: #8C9BAB;\n --ds-background-input: #22272B;\n --ds-background-input-hovered: #282E33;\n --ds-background-input-pressed: #22272B;\n --ds-background-selected: #092957;\n --ds-background-selected-pressed: #073A83;\n --ds-background-danger: #4F1C16;\n --ds-background-danger-pressed: #872518;\n --ds-background-warning: #473602;\n --ds-background-warning-pressed: #6B5103;\n --ds-background-success: #143E2C;\n --ds-background-success-pressed: #1B5A40;\n --ds-background-discovery: #2B2451;\n --ds-background-discovery-pressed: #4A3D8A;\n --ds-background-information: #092957;\n --ds-background-information-pressed: #073A83;\n --ds-blanket: #10121499;\n --ds-chart-neutral-hovered: #8C9BAB;\n --ds-chart-gray-bold-hovered: #8C9BAB;\n --ds-chart-gray-bolder: #8C9BAB;\n --ds-surface: #1D2125;\n --ds-surface-hovered: #22272B;\n --ds-surface-pressed: #282E33;\n --ds-surface-overlay: #282E33;\n --ds-surface-overlay-pressed: #38414A;\n --ds-surface-raised: #22272B;\n --ds-surface-raised-hovered: #282E33;\n --ds-surface-sunken: #161A1D;\n --ds-shadow-overlay: inset 0px 0px 0px 1px #BCD6F01F, 0px 8px 12px #0304045C, 0px 0px 1px #03040480;\n}\n";
package/dist/esm/get-token-value.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import warnOnce from '@atlaskit/ds-lib/warn-once';
2
2
  import tokens from './artifacts/token-names';
3
3
  var name = "@atlaskit/tokens";
4
- var version = "1.2.11";
4
+ var version = "1.2.12";
5
5
  /**
6
6
  * Takes a dot-separated token name and and an optional fallback, and returns the current computed CSS value for the
7
7
  * resulting CSS Custom Property.
package/dist/esm/get-token.js CHANGED
@@ -2,7 +2,7 @@ import warnOnce from '@atlaskit/ds-lib/warn-once';
2
2
  import tokens from './artifacts/token-names';
3
3
  import { TOKEN_NOT_FOUND_CSS_VAR } from './constants';
4
4
  var name = "@atlaskit/tokens";
5
- var version = "1.2.11";
5
+ var version = "1.2.12";
6
6
  /**
7
7
  * Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.
8
8
  * This should be used to implement design decisions throughout your application.
package/dist/esm/set-global-theme.js CHANGED
@@ -76,7 +76,9 @@ var setGlobalTheme = /*#__PURE__*/function () {
76
76
  _ref2 = _args2.length > 0 && _args2[0] !== undefined ? _args2[0] : {}, _ref2$colorMode = _ref2.colorMode, colorMode = _ref2$colorMode === void 0 ? themeStateDefaults['colorMode'] : _ref2$colorMode, _ref2$dark = _ref2.dark, dark = _ref2$dark === void 0 ? themeStateDefaults['dark'] : _ref2$dark, _ref2$light = _ref2.light, light = _ref2$light === void 0 ? themeStateDefaults['light'] : _ref2$light, _ref2$spacing = _ref2.spacing, spacing = _ref2$spacing === void 0 ? themeStateDefaults['spacing'] : _ref2$spacing, _ref2$typography = _ref2.typography, typography = _ref2$typography === void 0 ? themeStateDefaults['typography'] : _ref2$typography;
77
77
  // Dedupe list of themes to avoid race condition
78
78
  themePreferences = new Set([dark, light, spacing, typography]);
79
- if (getBooleanFF('design-system-team.dark-theme-iteration_dk1ln') && themePreferences.has('dark')) {
79
+ if (
80
+ // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
81
+ getBooleanFF('design-system-team.dark-theme-iteration_dk1ln') && themePreferences.has('dark')) {
80
82
  themePreferences.add('dark-iteration');
81
83
  }
82
84
  _context2.next = 5;
@@ -181,7 +183,9 @@ export var getThemeStyles = /*#__PURE__*/function () {
181
183
  themePreferences.push(themeId);
182
184
  }
183
185
  });
184
- if (getBooleanFF('design-system-team.dark-theme-iteration_dk1ln') && themePreferences.includes('dark')) {
186
+ if (
187
+ // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
188
+ getBooleanFF('design-system-team.dark-theme-iteration_dk1ln') && themePreferences.includes('dark')) {
185
189
  themePreferences.push('dark-iteration');
186
190
  }
187
191
  _context4.next = 6;
package/dist/esm/tokens/atlassian-dark-iteration/color/background.js CHANGED
@@ -22,10 +22,12 @@ var color = {
22
22
  selected: {
23
23
  '[default]': {
24
24
  '[default]': {
25
- value: 'Blue1000'
25
+ // @ts-ignore Blue950 not currently available
26
+ value: '#092957'
26
27
  },
27
28
  pressed: {
28
- value: 'Blue800'
29
+ // @ts-ignore Blue850 not currently available
30
+ value: '#073A83'
29
31
  }
30
32
  }
31
33
  },
package/dist/esm/version.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/tokens",
3
- "version": "1.2.11",
3
+ "version": "1.2.12",
4
4
  "sideEffects": [
5
5
  "**/*.css"
6
6
  ]
package/dist/types/artifacts/themes/atlassian-dark-iteration.d.ts CHANGED
@@ -1,7 +1,7 @@
1
- declare const _default: "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:dark\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:dark\"] {\n --ds-text: #B6C2CF;\n --ds-text-inverse: #1D2125;\n --ds-text-selected: #6EAAFF;\n --ds-text-warning-inverse: #1D2125;\n --ds-text-subtlest: #8C9BAB;\n --ds-link: #6EAAFF;\n --ds-link-pressed: #A8CCFF;\n --ds-icon-inverse: #1D2125;\n --ds-icon-selected: #6EAAFF;\n --ds-icon-warning-inverse: #1D2125;\n --ds-icon-subtle: #8C9BAB;\n --ds-background-accent-red-subtlest: #4F1C16;\n --ds-background-accent-orange-subtlest: #513010;\n --ds-background-accent-yellow-subtlest: #473602;\n --ds-background-accent-green-subtlest: #143E2C;\n --ds-background-accent-teal-subtlest: #193E42;\n --ds-background-accent-blue-subtlest: #092957;\n --ds-background-accent-purple-subtlest: #2B2451;\n --ds-background-accent-magenta-subtlest: #421F34;\n --ds-background-accent-gray-bolder: #8C9BAB;\n --ds-background-input: #22272B;\n --ds-background-input-hovered: #282E33;\n --ds-background-input-pressed: #22272B;\n --ds-background-selected: #082145;\n --ds-background-selected-pressed: #0055CC;\n --ds-background-danger: #4F1C16;\n --ds-background-danger-pressed: #872518;\n --ds-background-warning: #473602;\n --ds-background-warning-pressed: #6B5103;\n --ds-background-success: #143E2C;\n --ds-background-success-pressed: #1B5A40;\n --ds-background-discovery: #2B2451;\n --ds-background-discovery-pressed: #4A3D8A;\n --ds-background-information: #092957;\n --ds-background-information-pressed: #073A83;\n --ds-blanket: #10121499;\n --ds-chart-neutral-hovered: #8C9BAB;\n --ds-chart-gray-bold-hovered: #8C9BAB;\n --ds-chart-gray-bolder: #8C9BAB;\n --ds-surface: #1D2125;\n --ds-surface-hovered: #22272B;\n --ds-surface-pressed: #282E33;\n --ds-surface-overlay: #282E33;\n --ds-surface-overlay-pressed: #38414A;\n --ds-surface-raised: #22272B;\n --ds-surface-raised-hovered: #282E33;\n --ds-surface-sunken: #161A1D;\n --ds-shadow-overlay: inset 0px 0px 0px 1px #BCD6F01F, 0px 8px 12px #0304045C, 0px 0px 1px #03040480;\n}\n";
1
+ declare const _default: "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:dark\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:dark\"] {\n --ds-text: #B6C2CF;\n --ds-text-inverse: #1D2125;\n --ds-text-selected: #6EAAFF;\n --ds-text-warning-inverse: #1D2125;\n --ds-text-subtlest: #8C9BAB;\n --ds-link: #6EAAFF;\n --ds-link-pressed: #A8CCFF;\n --ds-icon-inverse: #1D2125;\n --ds-icon-selected: #6EAAFF;\n --ds-icon-warning-inverse: #1D2125;\n --ds-icon-subtle: #8C9BAB;\n --ds-background-accent-red-subtlest: #4F1C16;\n --ds-background-accent-orange-subtlest: #513010;\n --ds-background-accent-yellow-subtlest: #473602;\n --ds-background-accent-green-subtlest: #143E2C;\n --ds-background-accent-teal-subtlest: #193E42;\n --ds-background-accent-blue-subtlest: #092957;\n --ds-background-accent-purple-subtlest: #2B2451;\n --ds-background-accent-magenta-subtlest: #421F34;\n --ds-background-accent-gray-bolder: #8C9BAB;\n --ds-background-input: #22272B;\n --ds-background-input-hovered: #282E33;\n --ds-background-input-pressed: #22272B;\n --ds-background-selected: #092957;\n --ds-background-selected-pressed: #073A83;\n --ds-background-danger: #4F1C16;\n --ds-background-danger-pressed: #872518;\n --ds-background-warning: #473602;\n --ds-background-warning-pressed: #6B5103;\n --ds-background-success: #143E2C;\n --ds-background-success-pressed: #1B5A40;\n --ds-background-discovery: #2B2451;\n --ds-background-discovery-pressed: #4A3D8A;\n --ds-background-information: #092957;\n --ds-background-information-pressed: #073A83;\n --ds-blanket: #10121499;\n --ds-chart-neutral-hovered: #8C9BAB;\n --ds-chart-gray-bold-hovered: #8C9BAB;\n --ds-chart-gray-bolder: #8C9BAB;\n --ds-surface: #1D2125;\n --ds-surface-hovered: #22272B;\n --ds-surface-pressed: #282E33;\n --ds-surface-overlay: #282E33;\n --ds-surface-overlay-pressed: #38414A;\n --ds-surface-raised: #22272B;\n --ds-surface-raised-hovered: #282E33;\n --ds-surface-sunken: #161A1D;\n --ds-shadow-overlay: inset 0px 0px 0px 1px #BCD6F01F, 0px 8px 12px #0304045C, 0px 0px 1px #03040480;\n}\n";
2
2
  /**
3
3
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
4
- * @codegen <<SignedSource::337e80050595184e7a6198ba1c75e2fc>>
4
+ * @codegen <<SignedSource::bed7a2c437875bc4a9a695fc1fa149d1>>
5
5
  * @codegenCommand yarn build tokens
6
6
  */
7
7
  export default _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/tokens",
3
- "version": "1.2.11",
3
+ "version": "1.2.12",
4
4
  "author": "Atlassian Pty Ltd",
5
5
  "description": "Design tokens are the single source of truth to name and store design decisions.",
6
6
  "license": "Apache-2.0",
@@ -47,7 +47,7 @@
47
47
  "./babel-plugin": "./src/entry-points/babel-plugin.tsx"
48
48
  },
49
49
  "scripts": {
50
- "ak-postbuild": "(cd $(npx repo-root) && yarn build @af/codegen) && yarn workspace @atlaskit/tokens codegen-tokens && yarn workspace @atlaskit/tokens check-clean-git",
50
+ "ak-postbuild": "(cd $(npx repo-root) && yarn build @af/codegen -d cjs,esm,es2019) && yarn workspace @atlaskit/tokens codegen-tokens && yarn workspace @atlaskit/tokens check-clean-git",
51
51
  "check-clean-git": "git diff --exit-code -- packages/design-system/tokens/ || (echo 'tokens are out of date, run yarn build tokens' && false)",
52
52
  "codegen-tokens": "ts-node --project $(npx repo-root)/tsconfig.node.json ./scripts/style-dictionary/build"
53
53
  },
@@ -81,7 +81,7 @@
81
81
  "@atlaskit/icon": "^21.11.0",
82
82
  "@atlaskit/lozenge": "^11.3.0",
83
83
  "@atlaskit/modal-dialog": "^12.4.0",
84
- "@atlaskit/primitives": "^0.6.0",
84
+ "@atlaskit/primitives": "^0.7.0",
85
85
  "@atlaskit/section-message": "^6.3.0",
86
86
  "@atlaskit/tabs": "^13.3.0",
87
87
  "@atlaskit/tag": "^11.4.0",