@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
|
@@ -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.
|
|
4
|
+
const version = "1.27.0";
|
|
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.
|
|
5
|
+
const version = "1.27.0";
|
|
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.
|
|
@@ -43,7 +43,7 @@ export const themeIds = ['light-increased-contrast', 'light', 'dark', 'dark-incr
|
|
|
43
43
|
* Theme override ids: the equivalent of themeIds for theme overrides.
|
|
44
44
|
* Theme overrides are temporary and there may not be any defined at times.
|
|
45
45
|
*/
|
|
46
|
-
export const themeOverrideIds = ['light-new-input-border', 'dark-new-input-border'
|
|
46
|
+
export const themeOverrideIds = ['light-new-input-border', 'dark-new-input-border'];
|
|
47
47
|
export const themeIdsWithOverrides = [...themeIds, ...themeOverrideIds];
|
|
48
48
|
|
|
49
49
|
/**
|
|
@@ -166,30 +166,6 @@ const themeConfig = {
|
|
|
166
166
|
mode: 'dark'
|
|
167
167
|
}
|
|
168
168
|
},
|
|
169
|
-
'atlassian-light-saturated-palette-changes': {
|
|
170
|
-
id: 'light-saturated-palette-changes',
|
|
171
|
-
displayName: 'Light Theme Saturated Palette Change',
|
|
172
|
-
palette: 'updatedSaturatedPalette',
|
|
173
|
-
override: 'light',
|
|
174
|
-
extends: 'light',
|
|
175
|
-
attributes: {
|
|
176
|
-
type: 'color',
|
|
177
|
-
mode: 'light',
|
|
178
|
-
extends: 'light'
|
|
179
|
-
}
|
|
180
|
-
},
|
|
181
|
-
'atlassian-dark-saturated-palette-changes': {
|
|
182
|
-
id: 'dark-saturated-palette-changes',
|
|
183
|
-
displayName: 'Dark Theme Saturated Palette Change',
|
|
184
|
-
palette: 'updatedSaturatedPalette',
|
|
185
|
-
override: 'dark',
|
|
186
|
-
extends: 'dark',
|
|
187
|
-
attributes: {
|
|
188
|
-
type: 'color',
|
|
189
|
-
mode: 'dark',
|
|
190
|
-
extends: 'dark'
|
|
191
|
-
}
|
|
192
|
-
},
|
|
193
169
|
'atlassian-typography': {
|
|
194
170
|
id: 'typography',
|
|
195
171
|
displayName: 'Atlassian Typography (Minor Second)',
|
|
@@ -31,19 +31,6 @@ export const getThemePreferences = themeState => {
|
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
|
-
|
|
35
|
-
// Replace light/dark theme with new palette if feature flag is on
|
|
36
|
-
if (getBooleanFF('platform.design-system-team.saturated-palette-changes_asoro')) {
|
|
37
|
-
// Iterate over themePreferences and swap out light/dark with new palette
|
|
38
|
-
themePreferences.forEach((themeId, index) => {
|
|
39
|
-
if (themeId === 'light') {
|
|
40
|
-
themePreferences[index] = 'light-saturated-palette-changes';
|
|
41
|
-
}
|
|
42
|
-
if (themeId === 'dark') {
|
|
43
|
-
themePreferences[index] = 'dark-saturated-palette-changes';
|
|
44
|
-
}
|
|
45
|
-
});
|
|
46
|
-
}
|
|
47
34
|
[shape, spacing, typography].forEach(themeId => {
|
|
48
35
|
if (themeId) {
|
|
49
36
|
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
|
var 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',
|