@atlaskit/tokens 1.26.1 → 1.27.0
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 +108 -0
- package/dist/cjs/artifacts/atlassian-dark-token-value-for-contrast-check.js +2 -2
- package/dist/cjs/artifacts/palettes-raw/palette.js +77 -77
- package/dist/cjs/artifacts/theme-import-map.js +1 -13
- package/dist/cjs/artifacts/themes/atlassian-dark-increased-contrast.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-dark.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-light-increased-contrast.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-light.js +2 -2
- package/dist/cjs/artifacts/token-default-values.js +101 -101
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +115 -115
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +115 -115
- package/dist/cjs/artifacts/tokens-raw/atlassian-light-increased-contrast.js +124 -124
- package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +109 -109
- package/dist/cjs/get-token-value.js +1 -1
- package/dist/cjs/get-token.js +1 -1
- package/dist/cjs/theme-config.js +1 -25
- package/dist/cjs/utils/get-theme-preferences.js +0 -13
- package/dist/es2019/artifacts/atlassian-dark-token-value-for-contrast-check.js +2 -2
- package/dist/es2019/artifacts/palettes-raw/palette.js +77 -77
- package/dist/es2019/artifacts/theme-import-map.js +1 -5
- package/dist/es2019/artifacts/themes/atlassian-dark-increased-contrast.js +115 -115
- package/dist/es2019/artifacts/themes/atlassian-dark.js +109 -109
- package/dist/es2019/artifacts/themes/atlassian-light-increased-contrast.js +124 -124
- package/dist/es2019/artifacts/themes/atlassian-light.js +101 -101
- package/dist/es2019/artifacts/token-default-values.js +101 -101
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +115 -115
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +115 -115
- package/dist/es2019/artifacts/tokens-raw/atlassian-light-increased-contrast.js +124 -124
- package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +109 -109
- package/dist/es2019/get-token-value.js +1 -1
- package/dist/es2019/get-token.js +1 -1
- package/dist/es2019/theme-config.js +1 -25
- package/dist/es2019/utils/get-theme-preferences.js +0 -13
- package/dist/esm/artifacts/atlassian-dark-token-value-for-contrast-check.js +2 -2
- package/dist/esm/artifacts/palettes-raw/palette.js +77 -77
- package/dist/esm/artifacts/theme-import-map.js +1 -9
- package/dist/esm/artifacts/themes/atlassian-dark-increased-contrast.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-dark.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-light-increased-contrast.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-light.js +2 -2
- package/dist/esm/artifacts/token-default-values.js +101 -101
- package/dist/esm/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +115 -115
- package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +115 -115
- package/dist/esm/artifacts/tokens-raw/atlassian-light-increased-contrast.js +124 -124
- package/dist/esm/artifacts/tokens-raw/atlassian-light.js +109 -109
- package/dist/esm/get-token-value.js +1 -1
- package/dist/esm/get-token.js +1 -1
- package/dist/esm/theme-config.js +1 -25
- package/dist/esm/utils/get-theme-preferences.js +0 -13
- package/dist/types/artifacts/atlassian-dark-token-value-for-contrast-check.d.ts +2 -2
- package/dist/types/artifacts/palettes-raw/palette.d.ts +1 -1
- package/dist/types/artifacts/theme-import-map.d.ts +1 -1
- package/dist/types/artifacts/themes/atlassian-dark-increased-contrast.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-dark.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-light-increased-contrast.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-light.d.ts +2 -2
- package/dist/types/artifacts/token-default-values.d.ts +101 -101
- package/dist/types/artifacts/tokens-raw/atlassian-dark-increased-contrast.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-light-increased-contrast.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
- package/dist/types/theme-config.d.ts +4 -4
- package/dist/types-ts4.5/artifacts/atlassian-dark-token-value-for-contrast-check.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/palettes-raw/palette.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/theme-import-map.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/themes/atlassian-dark-increased-contrast.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-dark.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-light-increased-contrast.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-light.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/token-default-values.d.ts +101 -101
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark-increased-contrast.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light-increased-contrast.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
- package/dist/types-ts4.5/theme-config.d.ts +4 -8
- package/figma/atlassian-dark-increased-contrast.json +114 -114
- package/figma/atlassian-dark.json +108 -108
- package/figma/atlassian-light-increased-contrast.json +123 -123
- package/figma/atlassian-light.json +100 -100
- package/package.json +1 -4
- package/report.api.md +2 -9
- package/tmp/api-report-tmp.d.ts +4 -4
- package/dist/cjs/artifacts/palettes-raw/updated-saturated-palette.js +0 -2257
- package/dist/cjs/artifacts/themes/atlassian-dark-saturated-palette-changes.js +0 -12
- package/dist/cjs/artifacts/themes/atlassian-light-saturated-palette-changes.js +0 -12
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark-saturated-palette-changes.js +0 -8683
- package/dist/cjs/artifacts/tokens-raw/atlassian-light-saturated-palette-changes.js +0 -8645
- package/dist/es2019/artifacts/palettes-raw/updated-saturated-palette.js +0 -2251
- package/dist/es2019/artifacts/themes/atlassian-dark-saturated-palette-changes.js +0 -399
- package/dist/es2019/artifacts/themes/atlassian-light-saturated-palette-changes.js +0 -399
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark-saturated-palette-changes.js +0 -8677
- package/dist/es2019/artifacts/tokens-raw/atlassian-light-saturated-palette-changes.js +0 -8639
- package/dist/esm/artifacts/palettes-raw/updated-saturated-palette.js +0 -2251
- package/dist/esm/artifacts/themes/atlassian-dark-saturated-palette-changes.js +0 -6
- package/dist/esm/artifacts/themes/atlassian-light-saturated-palette-changes.js +0 -6
- package/dist/esm/artifacts/tokens-raw/atlassian-dark-saturated-palette-changes.js +0 -8677
- package/dist/esm/artifacts/tokens-raw/atlassian-light-saturated-palette-changes.js +0 -8639
- package/dist/types/artifacts/palettes-raw/updated-saturated-palette.d.ts +0 -41
- package/dist/types/artifacts/themes/atlassian-dark-saturated-palette-changes.d.ts +0 -7
- package/dist/types/artifacts/themes/atlassian-light-saturated-palette-changes.d.ts +0 -7
- package/dist/types/artifacts/tokens-raw/atlassian-dark-saturated-palette-changes.d.ts +0 -109
- package/dist/types/artifacts/tokens-raw/atlassian-light-saturated-palette-changes.d.ts +0 -89
- package/dist/types-ts4.5/artifacts/palettes-raw/updated-saturated-palette.d.ts +0 -41
- package/dist/types-ts4.5/artifacts/themes/atlassian-dark-saturated-palette-changes.d.ts +0 -7
- package/dist/types-ts4.5/artifacts/themes/atlassian-light-saturated-palette-changes.d.ts +0 -7
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark-saturated-palette-changes.d.ts +0 -109
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light-saturated-palette-changes.d.ts +0 -89
- package/figma/atlassian-dark-saturated-palette-changes.json +0 -3540
- package/figma/atlassian-light-saturated-palette-changes.json +0 -3519
|
@@ -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.
|
|
11
|
+
var version = "1.27.0";
|
|
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.
|
|
12
|
+
var version = "1.27.0";
|
|
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/theme-config.js
CHANGED
|
@@ -49,7 +49,7 @@ var themeIds = exports.themeIds = ['light-increased-contrast', 'light', 'dark',
|
|
|
49
49
|
* Theme override ids: the equivalent of themeIds for theme overrides.
|
|
50
50
|
* Theme overrides are temporary and there may not be any defined at times.
|
|
51
51
|
*/
|
|
52
|
-
var themeOverrideIds = exports.themeOverrideIds = ['light-new-input-border', 'dark-new-input-border'
|
|
52
|
+
var themeOverrideIds = exports.themeOverrideIds = ['light-new-input-border', 'dark-new-input-border'];
|
|
53
53
|
var themeIdsWithOverrides = exports.themeIdsWithOverrides = [].concat(themeIds, themeOverrideIds);
|
|
54
54
|
|
|
55
55
|
/**
|
|
@@ -172,30 +172,6 @@ var themeConfig = {
|
|
|
172
172
|
mode: 'dark'
|
|
173
173
|
}
|
|
174
174
|
},
|
|
175
|
-
'atlassian-light-saturated-palette-changes': {
|
|
176
|
-
id: 'light-saturated-palette-changes',
|
|
177
|
-
displayName: 'Light Theme Saturated Palette Change',
|
|
178
|
-
palette: 'updatedSaturatedPalette',
|
|
179
|
-
override: 'light',
|
|
180
|
-
extends: 'light',
|
|
181
|
-
attributes: {
|
|
182
|
-
type: 'color',
|
|
183
|
-
mode: 'light',
|
|
184
|
-
extends: 'light'
|
|
185
|
-
}
|
|
186
|
-
},
|
|
187
|
-
'atlassian-dark-saturated-palette-changes': {
|
|
188
|
-
id: 'dark-saturated-palette-changes',
|
|
189
|
-
displayName: 'Dark Theme Saturated Palette Change',
|
|
190
|
-
palette: 'updatedSaturatedPalette',
|
|
191
|
-
override: 'dark',
|
|
192
|
-
extends: 'dark',
|
|
193
|
-
attributes: {
|
|
194
|
-
type: 'color',
|
|
195
|
-
mode: 'dark',
|
|
196
|
-
extends: 'dark'
|
|
197
|
-
}
|
|
198
|
-
},
|
|
199
175
|
'atlassian-typography': {
|
|
200
176
|
id: 'typography',
|
|
201
177
|
displayName: 'Atlassian Typography (Minor Second)',
|
|
@@ -37,19 +37,6 @@ var getThemePreferences = exports.getThemePreferences = function getThemePrefere
|
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
39
|
}
|
|
40
|
-
|
|
41
|
-
// Replace light/dark theme with new palette if feature flag is on
|
|
42
|
-
if ((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.saturated-palette-changes_asoro')) {
|
|
43
|
-
// Iterate over themePreferences and swap out light/dark with new palette
|
|
44
|
-
themePreferences.forEach(function (themeId, index) {
|
|
45
|
-
if (themeId === 'light') {
|
|
46
|
-
themePreferences[index] = 'light-saturated-palette-changes';
|
|
47
|
-
}
|
|
48
|
-
if (themeId === 'dark') {
|
|
49
|
-
themePreferences[index] = 'dark-saturated-palette-changes';
|
|
50
|
-
}
|
|
51
|
-
});
|
|
52
|
-
}
|
|
53
40
|
[shape, spacing, typography].forEach(function (themeId) {
|
|
54
41
|
if (themeId) {
|
|
55
42
|
themePreferences.push(themeId);
|
|
@@ -3,13 +3,13 @@
|
|
|
3
3
|
*
|
|
4
4
|
* Token names mapped to their values, used for contrast checking when generating custom themes
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::0c8d4e0653f1a4cd9a80fac95331fd7a>>
|
|
7
7
|
* @codegenCommand yarn build tokens
|
|
8
8
|
*/
|
|
9
9
|
const tokenValues = {
|
|
10
10
|
'color.text.brand': '#579DFF',
|
|
11
11
|
'elevation.surface.overlay': '#282E33',
|
|
12
|
-
'color.background.selected': '#
|
|
12
|
+
'color.background.selected': '#1C2B41',
|
|
13
13
|
'color.text.selected': '#579DFF',
|
|
14
14
|
'color.border.brand': '#579DFF',
|
|
15
15
|
'color.chart.brand': '#388BFF',
|