@atlaskit/tokens 1.2.11 → 1.2.13
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.
- package/CHANGELOG.md +13 -1
- package/dist/cjs/artifacts/themes/atlassian-dark-iteration.js +2 -2
- package/dist/cjs/get-token-value.js +1 -1
- package/dist/cjs/get-token.js +1 -1
- package/dist/cjs/set-global-theme.js +6 -2
- package/dist/cjs/tokens/atlassian-dark-iteration/color/background.js +4 -2
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/artifacts/themes/atlassian-dark-iteration.js +3 -3
- package/dist/es2019/get-token-value.js +1 -1
- package/dist/es2019/get-token.js +1 -1
- package/dist/es2019/set-global-theme.js +6 -2
- package/dist/es2019/tokens/atlassian-dark-iteration/color/background.js +4 -2
- package/dist/es2019/version.json +1 -1
- package/dist/esm/artifacts/themes/atlassian-dark-iteration.js +2 -2
- package/dist/esm/get-token-value.js +1 -1
- package/dist/esm/get-token.js +1 -1
- package/dist/esm/set-global-theme.js +6 -2
- package/dist/esm/tokens/atlassian-dark-iteration/color/background.js +4 -2
- package/dist/esm/version.json +1 -1
- package/dist/types/artifacts/themes/atlassian-dark-iteration.d.ts +2 -2
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @atlaskit/tokens
|
|
2
2
|
|
|
3
|
+
## 1.2.13
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`a02eed2974e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a02eed2974e) - Move codegen into @atlassian scope to publish it to private registry
|
|
8
|
+
|
|
9
|
+
## 1.2.12
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [`ec8f1ac379a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ec8f1ac379a) - Tweaks to dark theme tokens (`background.selected` and `background.selected.pressed`) behind a feature flag.
|
|
14
|
+
|
|
3
15
|
## 1.2.11
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
|
@@ -849,7 +861,7 @@
|
|
|
849
861
|
|
|
850
862
|
### Patch Changes
|
|
851
863
|
|
|
852
|
-
- [`1dad88929cd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1dad88929cd) - Adds the `@
|
|
864
|
+
- [`1dad88929cd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1dad88929cd) - Adds the `@atlassian/codegen` package that is designed to be used in concert with packages that utilise built assets in their source. Initial release adds an integrity header to assets from `@atlaskit/tokens`.
|
|
853
865
|
|
|
854
866
|
## 0.9.3
|
|
855
867
|
|
|
@@ -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::
|
|
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: #
|
|
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;
|
|
@@ -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
|
+
var version = "1.2.13";
|
|
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.
|
|
12
|
+
var version = "1.2.13";
|
|
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.
|
|
@@ -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 (
|
|
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 (
|
|
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;
|
|
@@ -28,10 +28,12 @@ var color = {
|
|
|
28
28
|
selected: {
|
|
29
29
|
'[default]': {
|
|
30
30
|
'[default]': {
|
|
31
|
-
|
|
31
|
+
// @ts-ignore Blue950 not currently available
|
|
32
|
+
value: '#092957'
|
|
32
33
|
},
|
|
33
34
|
pressed: {
|
|
34
|
-
|
|
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
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
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: #
|
|
33
|
-
--ds-background-selected-pressed: #
|
|
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;
|
|
@@ -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.
|
|
4
|
+
const version = "1.2.13";
|
|
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.
|
|
5
|
+
const version = "1.2.13";
|
|
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.
|
|
@@ -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 (
|
|
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 (
|
|
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 => {
|
|
@@ -22,10 +22,12 @@ const color = {
|
|
|
22
22
|
selected: {
|
|
23
23
|
'[default]': {
|
|
24
24
|
'[default]': {
|
|
25
|
-
|
|
25
|
+
// @ts-ignore Blue950 not currently available
|
|
26
|
+
value: '#092957'
|
|
26
27
|
},
|
|
27
28
|
pressed: {
|
|
28
|
-
|
|
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
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
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: #
|
|
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";
|
|
@@ -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.
|
|
4
|
+
var version = "1.2.13";
|
|
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.
|
|
5
|
+
var version = "1.2.13";
|
|
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.
|
|
@@ -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 (
|
|
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 (
|
|
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;
|
|
@@ -22,10 +22,12 @@ var color = {
|
|
|
22
22
|
selected: {
|
|
23
23
|
'[default]': {
|
|
24
24
|
'[default]': {
|
|
25
|
-
|
|
25
|
+
// @ts-ignore Blue950 not currently available
|
|
26
|
+
value: '#092957'
|
|
26
27
|
},
|
|
27
28
|
pressed: {
|
|
28
|
-
|
|
29
|
+
// @ts-ignore Blue850 not currently available
|
|
30
|
+
value: '#073A83'
|
|
29
31
|
}
|
|
30
32
|
}
|
|
31
33
|
},
|
package/dist/esm/version.json
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: #
|
|
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::
|
|
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.
|
|
3
|
+
"version": "1.2.13",
|
|
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 @
|
|
50
|
+
"ak-postbuild": "(cd $(npx repo-root) && yarn build @atlassian/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
|
},
|
|
@@ -64,7 +64,6 @@
|
|
|
64
64
|
},
|
|
65
65
|
"devDependencies": {
|
|
66
66
|
"@af/accessibility-testing": "*",
|
|
67
|
-
"@af/codegen": "*",
|
|
68
67
|
"@atlaskit/avatar": "^21.2.0",
|
|
69
68
|
"@atlaskit/badge": "^15.0.11",
|
|
70
69
|
"@atlaskit/button": "^16.6.0",
|
|
@@ -81,7 +80,7 @@
|
|
|
81
80
|
"@atlaskit/icon": "^21.11.0",
|
|
82
81
|
"@atlaskit/lozenge": "^11.3.0",
|
|
83
82
|
"@atlaskit/modal-dialog": "^12.4.0",
|
|
84
|
-
"@atlaskit/primitives": "^0.
|
|
83
|
+
"@atlaskit/primitives": "^0.7.0",
|
|
85
84
|
"@atlaskit/section-message": "^6.3.0",
|
|
86
85
|
"@atlaskit/tabs": "^13.3.0",
|
|
87
86
|
"@atlaskit/tag": "^11.4.0",
|
|
@@ -90,6 +89,7 @@
|
|
|
90
89
|
"@atlaskit/toggle": "^12.5.0",
|
|
91
90
|
"@atlaskit/tooltip": "^17.7.0",
|
|
92
91
|
"@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
|
|
92
|
+
"@atlassian/codegen": "^0.0.1",
|
|
93
93
|
"@babel/core": "^7.12.3",
|
|
94
94
|
"@emotion/core": "^10.0.9",
|
|
95
95
|
"@emotion/react": "^11.7.1",
|