@atlaskit/tokens 9.0.0 → 9.1.1
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 +14 -0
- package/dist/cjs/enable-global-theme.js +1 -1
- package/dist/cjs/get-theme-html-attrs.js +1 -1
- package/dist/cjs/get-theme-styles.js +1 -1
- package/dist/cjs/set-global-theme.js +2 -2
- package/dist/cjs/theme-config.js +1 -6
- package/dist/es2019/enable-global-theme.js +1 -1
- package/dist/es2019/get-theme-html-attrs.js +1 -1
- package/dist/es2019/get-theme-styles.js +1 -1
- package/dist/es2019/set-global-theme.js +2 -2
- package/dist/es2019/theme-config.js +1 -6
- package/dist/esm/enable-global-theme.js +1 -1
- package/dist/esm/get-theme-html-attrs.js +1 -1
- package/dist/esm/get-theme-styles.js +1 -1
- package/dist/esm/set-global-theme.js +2 -2
- package/dist/esm/theme-config.js +1 -6
- package/dist/types/index.d.ts +1 -1
- package/dist/types/theme-config.d.ts +2 -3
- package/dist/types-ts4.5/index.d.ts +1 -1
- package/dist/types-ts4.5/theme-config.d.ts +2 -3
- package/package.json +12 -15
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/tokens
|
|
2
2
|
|
|
3
|
+
## 9.1.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`22a828a976edc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/22a828a976edc) -
|
|
8
|
+
Removing experimental feature flag to disable the typography theme.
|
|
9
|
+
|
|
10
|
+
## 9.1.0
|
|
11
|
+
|
|
12
|
+
### Minor Changes
|
|
13
|
+
|
|
14
|
+
- [`018bda95d97eb`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/018bda95d97eb) -
|
|
15
|
+
Added new export for ThemeContrastModes
|
|
16
|
+
|
|
3
17
|
## 9.0.0
|
|
4
18
|
|
|
5
19
|
### Major Changes
|
|
@@ -44,7 +44,7 @@ var enableGlobalTheme = function enableGlobalTheme() {
|
|
|
44
44
|
_ref$spacing = _ref.spacing,
|
|
45
45
|
spacing = _ref$spacing === void 0 ? _themeConfig.themeStateDefaults['spacing'] : _ref$spacing,
|
|
46
46
|
_ref$typography = _ref.typography,
|
|
47
|
-
typography = _ref$typography === void 0 ? _themeConfig.themeStateDefaults['typography']
|
|
47
|
+
typography = _ref$typography === void 0 ? _themeConfig.themeStateDefaults['typography'] : _ref$typography,
|
|
48
48
|
_ref$UNSAFE_themeOpti = _ref.UNSAFE_themeOptions,
|
|
49
49
|
UNSAFE_themeOptions = _ref$UNSAFE_themeOpti === void 0 ? _themeConfig.themeStateDefaults['UNSAFE_themeOptions'] : _ref$UNSAFE_themeOpti;
|
|
50
50
|
var themeLoader = arguments.length > 1 ? arguments[1] : undefined;
|
|
@@ -46,7 +46,7 @@ var getThemeHtmlAttrs = function getThemeHtmlAttrs() {
|
|
|
46
46
|
_ref$spacing = _ref.spacing,
|
|
47
47
|
spacing = _ref$spacing === void 0 ? _themeConfig.themeStateDefaults['spacing'] : _ref$spacing,
|
|
48
48
|
_ref$typography = _ref.typography,
|
|
49
|
-
typography = _ref$typography === void 0 ? _themeConfig.themeStateDefaults['typography']
|
|
49
|
+
typography = _ref$typography === void 0 ? _themeConfig.themeStateDefaults['typography'] : _ref$typography,
|
|
50
50
|
_ref$UNSAFE_themeOpti = _ref.UNSAFE_themeOptions,
|
|
51
51
|
UNSAFE_themeOptions = _ref$UNSAFE_themeOpti === void 0 ? _themeConfig.themeStateDefaults['UNSAFE_themeOptions'] : _ref$UNSAFE_themeOpti;
|
|
52
52
|
var themeAttribute = (0, _themeStateTransformer.themeObjectToString)({
|
|
@@ -55,7 +55,7 @@ var getThemeStyles = /*#__PURE__*/function () {
|
|
|
55
55
|
light: (preferences === null || preferences === void 0 ? void 0 : preferences.light) || _themeConfig.themeStateDefaults['light'],
|
|
56
56
|
shape: (preferences === null || preferences === void 0 ? void 0 : preferences.shape) || _themeConfig.themeStateDefaults['shape'](),
|
|
57
57
|
spacing: (preferences === null || preferences === void 0 ? void 0 : preferences.spacing) || _themeConfig.themeStateDefaults['spacing'],
|
|
58
|
-
typography: (preferences === null || preferences === void 0 ? void 0 : preferences.typography) || _themeConfig.themeStateDefaults['typography']
|
|
58
|
+
typography: (preferences === null || preferences === void 0 ? void 0 : preferences.typography) || _themeConfig.themeStateDefaults['typography']
|
|
59
59
|
};
|
|
60
60
|
themePreferences = (0, _getThemePreferences.getThemePreferences)(themeState);
|
|
61
61
|
themeOverridePreferences = (0, _getThemePreferences.getThemeOverridePreferences)(themeState);
|
|
@@ -83,9 +83,9 @@ var setGlobalTheme = /*#__PURE__*/function () {
|
|
|
83
83
|
nextThemeState = _args3.length > 0 && _args3[0] !== undefined ? _args3[0] : {};
|
|
84
84
|
themeLoader = _args3.length > 1 ? _args3[1] : undefined;
|
|
85
85
|
_ref2 = typeof nextThemeState === 'function' ? nextThemeState(_objectSpread(_objectSpread({}, _themeConfig.themeStateDefaults), {}, {
|
|
86
|
-
typography: _themeConfig.themeStateDefaults['typography']
|
|
86
|
+
typography: _themeConfig.themeStateDefaults['typography'],
|
|
87
87
|
shape: _themeConfig.themeStateDefaults['shape']()
|
|
88
|
-
}, (0, _getGlobalTheme.default)())) : nextThemeState, _ref2$colorMode = _ref2.colorMode, colorMode = _ref2$colorMode === void 0 ? _themeConfig.themeStateDefaults['colorMode'] : _ref2$colorMode, _ref2$contrastMode = _ref2.contrastMode, contrastMode = _ref2$contrastMode === void 0 ? _themeConfig.themeStateDefaults['contrastMode'] : _ref2$contrastMode, _ref2$dark = _ref2.dark, dark = _ref2$dark === void 0 ? _themeConfig.themeStateDefaults['dark'] : _ref2$dark, _ref2$light = _ref2.light, light = _ref2$light === void 0 ? _themeConfig.themeStateDefaults['light'] : _ref2$light, _ref2$shape = _ref2.shape, shape = _ref2$shape === void 0 ? _themeConfig.themeStateDefaults['shape']() : _ref2$shape, _ref2$spacing = _ref2.spacing, spacing = _ref2$spacing === void 0 ? _themeConfig.themeStateDefaults['spacing'] : _ref2$spacing, _ref2$typography = _ref2.typography, typography = _ref2$typography === void 0 ? _themeConfig.themeStateDefaults['typography']
|
|
88
|
+
}, (0, _getGlobalTheme.default)())) : nextThemeState, _ref2$colorMode = _ref2.colorMode, colorMode = _ref2$colorMode === void 0 ? _themeConfig.themeStateDefaults['colorMode'] : _ref2$colorMode, _ref2$contrastMode = _ref2.contrastMode, contrastMode = _ref2$contrastMode === void 0 ? _themeConfig.themeStateDefaults['contrastMode'] : _ref2$contrastMode, _ref2$dark = _ref2.dark, dark = _ref2$dark === void 0 ? _themeConfig.themeStateDefaults['dark'] : _ref2$dark, _ref2$light = _ref2.light, light = _ref2$light === void 0 ? _themeConfig.themeStateDefaults['light'] : _ref2$light, _ref2$shape = _ref2.shape, shape = _ref2$shape === void 0 ? _themeConfig.themeStateDefaults['shape']() : _ref2$shape, _ref2$spacing = _ref2.spacing, spacing = _ref2$spacing === void 0 ? _themeConfig.themeStateDefaults['spacing'] : _ref2$spacing, _ref2$typography = _ref2.typography, typography = _ref2$typography === void 0 ? _themeConfig.themeStateDefaults['typography'] : _ref2$typography, _ref2$UNSAFE_themeOpt = _ref2.UNSAFE_themeOptions, UNSAFE_themeOptions = _ref2$UNSAFE_themeOpt === void 0 ? _themeConfig.themeStateDefaults['UNSAFE_themeOptions'] : _ref2$UNSAFE_themeOpt; // CLEANUP: Remove. This blocks application of increased contrast themes
|
|
89
89
|
// without the feature flag enabled.
|
|
90
90
|
if (!(0, _platformFeatureFlags.fg)('platform_increased-contrast-themes')) {
|
|
91
91
|
if (light === 'light-increased-contrast') {
|
package/dist/cjs/theme-config.js
CHANGED
|
@@ -227,12 +227,7 @@ var themeStateDefaults = exports.themeStateDefaults = {
|
|
|
227
227
|
return undefined;
|
|
228
228
|
},
|
|
229
229
|
spacing: 'spacing',
|
|
230
|
-
typography:
|
|
231
|
-
if ((0, _platformFeatureFlags.fg)('platform-disable-default-typography')) {
|
|
232
|
-
return undefined;
|
|
233
|
-
}
|
|
234
|
-
return 'typography';
|
|
235
|
-
},
|
|
230
|
+
typography: 'typography',
|
|
236
231
|
UNSAFE_themeOptions: undefined
|
|
237
232
|
};
|
|
238
233
|
|
|
@@ -30,7 +30,7 @@ const enableGlobalTheme = ({
|
|
|
30
30
|
light = themeStateDefaults['light'],
|
|
31
31
|
shape = themeStateDefaults['shape'](),
|
|
32
32
|
spacing = themeStateDefaults['spacing'],
|
|
33
|
-
typography = themeStateDefaults['typography']
|
|
33
|
+
typography = themeStateDefaults['typography'],
|
|
34
34
|
UNSAFE_themeOptions = themeStateDefaults['UNSAFE_themeOptions']
|
|
35
35
|
} = {}, themeLoader) => {
|
|
36
36
|
const themeState = {
|
|
@@ -28,7 +28,7 @@ const getThemeHtmlAttrs = ({
|
|
|
28
28
|
contrastMode = themeStateDefaults['contrastMode'],
|
|
29
29
|
shape = themeStateDefaults['shape'](),
|
|
30
30
|
spacing = themeStateDefaults['spacing'],
|
|
31
|
-
typography = themeStateDefaults['typography']
|
|
31
|
+
typography = themeStateDefaults['typography'],
|
|
32
32
|
UNSAFE_themeOptions = themeStateDefaults['UNSAFE_themeOptions']
|
|
33
33
|
} = {}) => {
|
|
34
34
|
const themeAttribute = themeObjectToString({
|
|
@@ -37,7 +37,7 @@ const getThemeStyles = async preferences => {
|
|
|
37
37
|
light: (preferences === null || preferences === void 0 ? void 0 : preferences.light) || themeStateDefaults['light'],
|
|
38
38
|
shape: (preferences === null || preferences === void 0 ? void 0 : preferences.shape) || themeStateDefaults['shape'](),
|
|
39
39
|
spacing: (preferences === null || preferences === void 0 ? void 0 : preferences.spacing) || themeStateDefaults['spacing'],
|
|
40
|
-
typography: (preferences === null || preferences === void 0 ? void 0 : preferences.typography) || themeStateDefaults['typography']
|
|
40
|
+
typography: (preferences === null || preferences === void 0 ? void 0 : preferences.typography) || themeStateDefaults['typography']
|
|
41
41
|
};
|
|
42
42
|
themePreferences = getThemePreferences(themeState);
|
|
43
43
|
themeOverridePreferences = getThemeOverridePreferences(themeState);
|
|
@@ -36,11 +36,11 @@ const setGlobalTheme = async (nextThemeState = {}, themeLoader) => {
|
|
|
36
36
|
light = themeStateDefaults['light'],
|
|
37
37
|
shape = themeStateDefaults['shape'](),
|
|
38
38
|
spacing = themeStateDefaults['spacing'],
|
|
39
|
-
typography = themeStateDefaults['typography']
|
|
39
|
+
typography = themeStateDefaults['typography'],
|
|
40
40
|
UNSAFE_themeOptions = themeStateDefaults['UNSAFE_themeOptions']
|
|
41
41
|
} = typeof nextThemeState === 'function' ? nextThemeState({
|
|
42
42
|
...themeStateDefaults,
|
|
43
|
-
typography: themeStateDefaults['typography']
|
|
43
|
+
typography: themeStateDefaults['typography'],
|
|
44
44
|
shape: themeStateDefaults['shape'](),
|
|
45
45
|
...getGlobalTheme()
|
|
46
46
|
}) : nextThemeState;
|
|
@@ -222,12 +222,7 @@ export const themeStateDefaults = {
|
|
|
222
222
|
return undefined;
|
|
223
223
|
},
|
|
224
224
|
spacing: 'spacing',
|
|
225
|
-
typography:
|
|
226
|
-
if (fg('platform-disable-default-typography')) {
|
|
227
|
-
return undefined;
|
|
228
|
-
}
|
|
229
|
-
return 'typography';
|
|
230
|
-
},
|
|
225
|
+
typography: 'typography',
|
|
231
226
|
UNSAFE_themeOptions: undefined
|
|
232
227
|
};
|
|
233
228
|
|
|
@@ -38,7 +38,7 @@ var enableGlobalTheme = function enableGlobalTheme() {
|
|
|
38
38
|
_ref$spacing = _ref.spacing,
|
|
39
39
|
spacing = _ref$spacing === void 0 ? themeStateDefaults['spacing'] : _ref$spacing,
|
|
40
40
|
_ref$typography = _ref.typography,
|
|
41
|
-
typography = _ref$typography === void 0 ? themeStateDefaults['typography']
|
|
41
|
+
typography = _ref$typography === void 0 ? themeStateDefaults['typography'] : _ref$typography,
|
|
42
42
|
_ref$UNSAFE_themeOpti = _ref.UNSAFE_themeOptions,
|
|
43
43
|
UNSAFE_themeOptions = _ref$UNSAFE_themeOpti === void 0 ? themeStateDefaults['UNSAFE_themeOptions'] : _ref$UNSAFE_themeOpti;
|
|
44
44
|
var themeLoader = arguments.length > 1 ? arguments[1] : undefined;
|
|
@@ -39,7 +39,7 @@ var getThemeHtmlAttrs = function getThemeHtmlAttrs() {
|
|
|
39
39
|
_ref$spacing = _ref.spacing,
|
|
40
40
|
spacing = _ref$spacing === void 0 ? themeStateDefaults['spacing'] : _ref$spacing,
|
|
41
41
|
_ref$typography = _ref.typography,
|
|
42
|
-
typography = _ref$typography === void 0 ? themeStateDefaults['typography']
|
|
42
|
+
typography = _ref$typography === void 0 ? themeStateDefaults['typography'] : _ref$typography,
|
|
43
43
|
_ref$UNSAFE_themeOpti = _ref.UNSAFE_themeOptions,
|
|
44
44
|
UNSAFE_themeOptions = _ref$UNSAFE_themeOpti === void 0 ? themeStateDefaults['UNSAFE_themeOptions'] : _ref$UNSAFE_themeOpti;
|
|
45
45
|
var themeAttribute = themeObjectToString({
|
|
@@ -46,7 +46,7 @@ var getThemeStyles = /*#__PURE__*/function () {
|
|
|
46
46
|
light: (preferences === null || preferences === void 0 ? void 0 : preferences.light) || themeStateDefaults['light'],
|
|
47
47
|
shape: (preferences === null || preferences === void 0 ? void 0 : preferences.shape) || themeStateDefaults['shape'](),
|
|
48
48
|
spacing: (preferences === null || preferences === void 0 ? void 0 : preferences.spacing) || themeStateDefaults['spacing'],
|
|
49
|
-
typography: (preferences === null || preferences === void 0 ? void 0 : preferences.typography) || themeStateDefaults['typography']
|
|
49
|
+
typography: (preferences === null || preferences === void 0 ? void 0 : preferences.typography) || themeStateDefaults['typography']
|
|
50
50
|
};
|
|
51
51
|
themePreferences = getThemePreferences(themeState);
|
|
52
52
|
themeOverridePreferences = getThemeOverridePreferences(themeState);
|
|
@@ -75,9 +75,9 @@ var setGlobalTheme = /*#__PURE__*/function () {
|
|
|
75
75
|
nextThemeState = _args3.length > 0 && _args3[0] !== undefined ? _args3[0] : {};
|
|
76
76
|
themeLoader = _args3.length > 1 ? _args3[1] : undefined;
|
|
77
77
|
_ref2 = typeof nextThemeState === 'function' ? nextThemeState(_objectSpread(_objectSpread({}, themeStateDefaults), {}, {
|
|
78
|
-
typography: themeStateDefaults['typography']
|
|
78
|
+
typography: themeStateDefaults['typography'],
|
|
79
79
|
shape: themeStateDefaults['shape']()
|
|
80
|
-
}, getGlobalTheme())) : nextThemeState, _ref2$colorMode = _ref2.colorMode, colorMode = _ref2$colorMode === void 0 ? themeStateDefaults['colorMode'] : _ref2$colorMode, _ref2$contrastMode = _ref2.contrastMode, contrastMode = _ref2$contrastMode === void 0 ? themeStateDefaults['contrastMode'] : _ref2$contrastMode, _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$shape = _ref2.shape, shape = _ref2$shape === void 0 ? themeStateDefaults['shape']() : _ref2$shape, _ref2$spacing = _ref2.spacing, spacing = _ref2$spacing === void 0 ? themeStateDefaults['spacing'] : _ref2$spacing, _ref2$typography = _ref2.typography, typography = _ref2$typography === void 0 ? themeStateDefaults['typography']
|
|
80
|
+
}, getGlobalTheme())) : nextThemeState, _ref2$colorMode = _ref2.colorMode, colorMode = _ref2$colorMode === void 0 ? themeStateDefaults['colorMode'] : _ref2$colorMode, _ref2$contrastMode = _ref2.contrastMode, contrastMode = _ref2$contrastMode === void 0 ? themeStateDefaults['contrastMode'] : _ref2$contrastMode, _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$shape = _ref2.shape, shape = _ref2$shape === void 0 ? themeStateDefaults['shape']() : _ref2$shape, _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, _ref2$UNSAFE_themeOpt = _ref2.UNSAFE_themeOptions, UNSAFE_themeOptions = _ref2$UNSAFE_themeOpt === void 0 ? themeStateDefaults['UNSAFE_themeOptions'] : _ref2$UNSAFE_themeOpt; // CLEANUP: Remove. This blocks application of increased contrast themes
|
|
81
81
|
// without the feature flag enabled.
|
|
82
82
|
if (!fg('platform_increased-contrast-themes')) {
|
|
83
83
|
if (light === 'light-increased-contrast') {
|
package/dist/esm/theme-config.js
CHANGED
|
@@ -222,12 +222,7 @@ export var themeStateDefaults = {
|
|
|
222
222
|
return undefined;
|
|
223
223
|
},
|
|
224
224
|
spacing: 'spacing',
|
|
225
|
-
typography:
|
|
226
|
-
if (fg('platform-disable-default-typography')) {
|
|
227
|
-
return undefined;
|
|
228
|
-
}
|
|
229
|
-
return 'typography';
|
|
230
|
-
},
|
|
225
|
+
typography: 'typography',
|
|
231
226
|
UNSAFE_themeOptions: undefined
|
|
232
227
|
};
|
|
233
228
|
|
package/dist/types/index.d.ts
CHANGED
|
@@ -12,6 +12,6 @@ export { default as getGlobalTheme } from './get-global-theme';
|
|
|
12
12
|
export { themeStringToObject, themeObjectToString } from './theme-state-transformer';
|
|
13
13
|
export type { CSSToken } from './artifacts/token-names';
|
|
14
14
|
export type { ActiveTokens } from './artifacts/types';
|
|
15
|
-
export type { ThemeColorModes, Themes, ThemeFileNames, ThemeIds, ThemeOptionsSchema, ThemeState, ActiveThemeState, } from './theme-config';
|
|
15
|
+
export type { ThemeColorModes, ThemeContrastModes, Themes, ThemeFileNames, ThemeIds, ThemeOptionsSchema, ThemeState, ActiveThemeState, } from './theme-config';
|
|
16
16
|
export type { FontFamilyToken, FontWeightToken, Groups, OpacityToken, PaintToken, RawToken, ShadowToken, SpacingToken, ShapeToken, TypographyToken, } from './types';
|
|
17
17
|
export { CURRENT_SURFACE_CSS_VAR } from './constants';
|
|
@@ -34,7 +34,7 @@ export type DataColorModes = Exclude<ThemeColorModes, 'auto'>;
|
|
|
34
34
|
* Contrast preferences: The system contrast preference
|
|
35
35
|
*/
|
|
36
36
|
declare const themeContrastModes: readonly ["more", "no-preference", "auto"];
|
|
37
|
-
type ThemeContrastModes = (typeof themeContrastModes)[number];
|
|
37
|
+
export type ThemeContrastModes = (typeof themeContrastModes)[number];
|
|
38
38
|
export type DataContrastModes = 'more' | 'no-preference' | 'auto';
|
|
39
39
|
/**
|
|
40
40
|
* Theme ids: The value that will be mounted to the DOM as a data attr
|
|
@@ -133,8 +133,7 @@ export interface ThemeState {
|
|
|
133
133
|
* Can't evaluate typography feature flags at the module level,
|
|
134
134
|
* it will always resolve to false when server side rendered or when flags are loaded async.
|
|
135
135
|
*/
|
|
136
|
-
interface ThemeStateDefaults extends Omit<ThemeState, '
|
|
137
|
-
typography: () => ThemeState['typography'];
|
|
136
|
+
interface ThemeStateDefaults extends Omit<ThemeState, 'shape'> {
|
|
138
137
|
shape: () => ThemeState['shape'];
|
|
139
138
|
}
|
|
140
139
|
/**
|
|
@@ -12,6 +12,6 @@ export { default as getGlobalTheme } from './get-global-theme';
|
|
|
12
12
|
export { themeStringToObject, themeObjectToString } from './theme-state-transformer';
|
|
13
13
|
export type { CSSToken } from './artifacts/token-names';
|
|
14
14
|
export type { ActiveTokens } from './artifacts/types';
|
|
15
|
-
export type { ThemeColorModes, Themes, ThemeFileNames, ThemeIds, ThemeOptionsSchema, ThemeState, ActiveThemeState, } from './theme-config';
|
|
15
|
+
export type { ThemeColorModes, ThemeContrastModes, Themes, ThemeFileNames, ThemeIds, ThemeOptionsSchema, ThemeState, ActiveThemeState, } from './theme-config';
|
|
16
16
|
export type { FontFamilyToken, FontWeightToken, Groups, OpacityToken, PaintToken, RawToken, ShadowToken, SpacingToken, ShapeToken, TypographyToken, } from './types';
|
|
17
17
|
export { CURRENT_SURFACE_CSS_VAR } from './constants';
|
|
@@ -42,7 +42,7 @@ declare const themeContrastModes: readonly [
|
|
|
42
42
|
"no-preference",
|
|
43
43
|
"auto"
|
|
44
44
|
];
|
|
45
|
-
type ThemeContrastModes = (typeof themeContrastModes)[number];
|
|
45
|
+
export type ThemeContrastModes = (typeof themeContrastModes)[number];
|
|
46
46
|
export type DataContrastModes = 'more' | 'no-preference' | 'auto';
|
|
47
47
|
/**
|
|
48
48
|
* Theme ids: The value that will be mounted to the DOM as a data attr
|
|
@@ -172,8 +172,7 @@ export interface ThemeState {
|
|
|
172
172
|
* Can't evaluate typography feature flags at the module level,
|
|
173
173
|
* it will always resolve to false when server side rendered or when flags are loaded async.
|
|
174
174
|
*/
|
|
175
|
-
interface ThemeStateDefaults extends Omit<ThemeState, '
|
|
176
|
-
typography: () => ThemeState['typography'];
|
|
175
|
+
interface ThemeStateDefaults extends Omit<ThemeState, 'shape'> {
|
|
177
176
|
shape: () => ThemeState['shape'];
|
|
178
177
|
}
|
|
179
178
|
/**
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/tokens",
|
|
3
|
-
"version": "9.
|
|
3
|
+
"version": "9.1.1",
|
|
4
4
|
"description": "Design tokens are the single source of truth to name and store design decisions.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -43,32 +43,32 @@
|
|
|
43
43
|
"devDependencies": {
|
|
44
44
|
"@af/formatting": "workspace:^",
|
|
45
45
|
"@af/visual-regression": "workspace:^",
|
|
46
|
-
"@atlaskit/avatar": "^25.
|
|
46
|
+
"@atlaskit/avatar": "^25.7.0",
|
|
47
47
|
"@atlaskit/button": "^23.9.0",
|
|
48
48
|
"@atlaskit/calendar": "^17.2.0",
|
|
49
|
-
"@atlaskit/checkbox": "^17.
|
|
49
|
+
"@atlaskit/checkbox": "^17.3.0",
|
|
50
50
|
"@atlaskit/code": "^17.4.0",
|
|
51
51
|
"@atlaskit/css": "^0.19.0",
|
|
52
52
|
"@atlaskit/docs": "^11.2.0",
|
|
53
|
-
"@atlaskit/dropdown-menu": "^16.
|
|
53
|
+
"@atlaskit/dropdown-menu": "^16.4.0",
|
|
54
54
|
"@atlaskit/dynamic-table": "^18.3.0",
|
|
55
|
-
"@atlaskit/form": "^15.
|
|
55
|
+
"@atlaskit/form": "^15.3.0",
|
|
56
56
|
"@atlaskit/grid": "^0.18.0",
|
|
57
57
|
"@atlaskit/heading": "^5.2.0",
|
|
58
|
-
"@atlaskit/icon": "^29.
|
|
58
|
+
"@atlaskit/icon": "^29.4.0",
|
|
59
59
|
"@atlaskit/inline-message": "^15.5.0",
|
|
60
|
-
"@atlaskit/link": "^3.
|
|
61
|
-
"@atlaskit/lozenge": "^13.
|
|
62
|
-
"@atlaskit/popup": "^4.
|
|
60
|
+
"@atlaskit/link": "^3.3.0",
|
|
61
|
+
"@atlaskit/lozenge": "^13.3.0",
|
|
62
|
+
"@atlaskit/popup": "^4.13.0",
|
|
63
63
|
"@atlaskit/primitives": "^17.0.0",
|
|
64
|
-
"@atlaskit/radio": "^8.
|
|
65
|
-
"@atlaskit/section-message": "^8.
|
|
64
|
+
"@atlaskit/radio": "^8.4.0",
|
|
65
|
+
"@atlaskit/section-message": "^8.12.0",
|
|
66
66
|
"@atlaskit/select": "^21.6.0",
|
|
67
67
|
"@atlaskit/tag": "^14.2.0",
|
|
68
68
|
"@atlaskit/textarea": "^8.2.0",
|
|
69
69
|
"@atlaskit/textfield": "^8.2.0",
|
|
70
70
|
"@atlaskit/theme": "^21.0.0",
|
|
71
|
-
"@atlaskit/tooltip": "^20.
|
|
71
|
+
"@atlaskit/tooltip": "^20.12.0",
|
|
72
72
|
"@atlassian/codegen": "^0.1.0",
|
|
73
73
|
"@atlassian/feature-flags-test-utils": "^1.0.0",
|
|
74
74
|
"@atlassian/ts-loader": "^0.1.0",
|
|
@@ -126,9 +126,6 @@
|
|
|
126
126
|
"platform-default-typography-refreshed": {
|
|
127
127
|
"type": "boolean"
|
|
128
128
|
},
|
|
129
|
-
"platform-disable-default-typography": {
|
|
130
|
-
"type": "boolean"
|
|
131
|
-
},
|
|
132
129
|
"should-render-to-parent-should-be-true-design-syst": {
|
|
133
130
|
"type": "boolean"
|
|
134
131
|
},
|