@atlaskit/tokens 10.0.1 → 11.0.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 +17 -0
- package/dist/cjs/artifacts/replacement-mapping.js +6 -2
- package/dist/cjs/artifacts/theme-import-map.js +1 -13
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark-future.js +1 -1
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +1 -1
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +1 -1
- package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-dark.js +1 -1
- package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.js +1 -1
- package/dist/cjs/artifacts/tokens-raw/atlassian-light-future.js +1 -1
- package/dist/cjs/artifacts/tokens-raw/atlassian-light-increased-contrast.js +1 -1
- package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +1 -1
- package/dist/cjs/artifacts/tokens-raw/atlassian-shape.js +1 -1
- package/dist/cjs/artifacts/tokens-raw/atlassian-spacing.js +1 -1
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography.js +9 -5
- package/dist/cjs/babel-plugin/plugin.js +3 -7
- package/dist/cjs/entry-points/tokens-raw.js +0 -7
- package/dist/cjs/theme-config.js +1 -19
- package/dist/cjs/theme-state-transformer.js +4 -4
- package/dist/es2019/artifacts/replacement-mapping.js +6 -2
- package/dist/es2019/artifacts/theme-import-map.js +1 -5
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark-future.js +1 -1
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +1 -1
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +1 -1
- package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-dark.js +1 -1
- package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-light.js +1 -1
- package/dist/es2019/artifacts/tokens-raw/atlassian-light-future.js +1 -1
- package/dist/es2019/artifacts/tokens-raw/atlassian-light-increased-contrast.js +1 -1
- package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +1 -1
- package/dist/es2019/artifacts/tokens-raw/atlassian-shape.js +1 -1
- package/dist/es2019/artifacts/tokens-raw/atlassian-spacing.js +1 -1
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography.js +9 -5
- package/dist/es2019/babel-plugin/plugin.js +4 -7
- package/dist/es2019/entry-points/tokens-raw.js +0 -1
- package/dist/es2019/theme-config.js +1 -19
- package/dist/es2019/theme-state-transformer.js +4 -4
- package/dist/esm/artifacts/replacement-mapping.js +6 -2
- package/dist/esm/artifacts/theme-import-map.js +1 -9
- package/dist/esm/artifacts/tokens-raw/atlassian-dark-future.js +1 -1
- package/dist/esm/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +1 -1
- package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +1 -1
- package/dist/esm/artifacts/tokens-raw/atlassian-legacy-dark.js +1 -1
- package/dist/esm/artifacts/tokens-raw/atlassian-legacy-light.js +1 -1
- package/dist/esm/artifacts/tokens-raw/atlassian-light-future.js +1 -1
- package/dist/esm/artifacts/tokens-raw/atlassian-light-increased-contrast.js +1 -1
- package/dist/esm/artifacts/tokens-raw/atlassian-light.js +1 -1
- package/dist/esm/artifacts/tokens-raw/atlassian-shape.js +1 -1
- package/dist/esm/artifacts/tokens-raw/atlassian-spacing.js +1 -1
- package/dist/esm/artifacts/tokens-raw/atlassian-typography.js +9 -5
- package/dist/esm/babel-plugin/plugin.js +3 -7
- package/dist/esm/entry-points/tokens-raw.js +0 -1
- package/dist/esm/theme-config.js +1 -19
- package/dist/esm/theme-state-transformer.js +4 -4
- package/dist/types/artifacts/replacement-mapping.d.ts +1 -1
- package/dist/types/artifacts/theme-import-map.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-dark-future.d.ts +2 -1
- package/dist/types/artifacts/tokens-raw/atlassian-dark-increased-contrast.d.ts +2 -1
- package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +2 -1
- package/dist/types/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +2 -1
- package/dist/types/artifacts/tokens-raw/atlassian-legacy-light.d.ts +2 -1
- package/dist/types/artifacts/tokens-raw/atlassian-light-future.d.ts +2 -1
- package/dist/types/artifacts/tokens-raw/atlassian-light-increased-contrast.d.ts +2 -1
- package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +2 -1
- package/dist/types/artifacts/tokens-raw/atlassian-shape.d.ts +2 -1
- package/dist/types/artifacts/tokens-raw/atlassian-spacing.d.ts +2 -1
- package/dist/types/artifacts/tokens-raw/atlassian-typography.d.ts +2 -1
- package/dist/types/artifacts/types-internal.d.ts +2 -2
- package/dist/types/artifacts/types.d.ts +2 -2
- package/dist/types/babel-plugin/plugin.d.ts +1 -1
- package/dist/types/entry-points/tokens-raw.d.ts +0 -1
- package/dist/types/theme-config.d.ts +6 -6
- package/dist/types/theme-state-transformer.d.ts +4 -4
- package/dist/types-ts4.5/artifacts/replacement-mapping.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/theme-import-map.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark-future.d.ts +2 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark-increased-contrast.d.ts +2 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark.d.ts +2 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +2 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-light.d.ts +2 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light-future.d.ts +2 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light-increased-contrast.d.ts +2 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light.d.ts +2 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-shape.d.ts +2 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-spacing.d.ts +2 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography.d.ts +2 -1
- package/dist/types-ts4.5/artifacts/types-internal.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/types.d.ts +2 -2
- package/dist/types-ts4.5/babel-plugin/plugin.d.ts +1 -1
- package/dist/types-ts4.5/entry-points/tokens-raw.d.ts +0 -1
- package/dist/types-ts4.5/theme-config.d.ts +4 -8
- package/dist/types-ts4.5/theme-state-transformer.d.ts +4 -4
- package/figma/atlassian-typography.json +3 -1
- package/package.json +4 -4
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
export { default as light } from '../artifacts/tokens-raw/atlassian-light';
|
|
2
|
-
export { default as legacyLightTokens } from '../artifacts/tokens-raw/atlassian-legacy-light';
|
|
3
2
|
export { default as dark } from '../artifacts/tokens-raw/atlassian-dark';
|
|
4
3
|
export { default as spacing } from '../artifacts/tokens-raw/atlassian-spacing';
|
|
5
4
|
export { default as typography } from '../artifacts/tokens-raw/atlassian-typography';
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
* These ids are what the actual theme files/folders are called.
|
|
7
7
|
* style-dictionary will attempt to locate these in the file-system.
|
|
8
8
|
*/
|
|
9
|
-
export type Themes = 'atlassian-light' | 'atlassian-light-future' | 'atlassian-light-increased-contrast' | 'atlassian-dark' | 'atlassian-dark-future' | 'atlassian-dark-increased-contrast' | 'atlassian-
|
|
9
|
+
export type Themes = 'atlassian-light' | 'atlassian-light-future' | 'atlassian-light-increased-contrast' | 'atlassian-dark' | 'atlassian-dark-future' | 'atlassian-dark-increased-contrast' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography';
|
|
10
10
|
export type ThemeFileNames = Themes;
|
|
11
11
|
/**
|
|
12
12
|
* ThemeOverrides: The internal identifier of a theme override. Which are themes that contain
|
|
@@ -57,8 +57,6 @@ export declare const themeIds: readonly [
|
|
|
57
57
|
"dark",
|
|
58
58
|
"dark-future",
|
|
59
59
|
"dark-increased-contrast",
|
|
60
|
-
"legacy-light",
|
|
61
|
-
"legacy-dark",
|
|
62
60
|
"spacing",
|
|
63
61
|
"shape",
|
|
64
62
|
"typography"
|
|
@@ -78,8 +76,6 @@ export declare const themeIdsWithOverrides: readonly [
|
|
|
78
76
|
"dark",
|
|
79
77
|
"dark-future",
|
|
80
78
|
"dark-increased-contrast",
|
|
81
|
-
"legacy-light",
|
|
82
|
-
"legacy-dark",
|
|
83
79
|
"spacing",
|
|
84
80
|
"shape",
|
|
85
81
|
"typography"
|
|
@@ -96,7 +92,7 @@ type ExtensionThemeId = ThemeIds;
|
|
|
96
92
|
* For example: legacy light & dark themes use the "legacyPalette" containing colors from our
|
|
97
93
|
* previous color set.
|
|
98
94
|
*/
|
|
99
|
-
export type Palettes = 'defaultPalette' | '
|
|
95
|
+
export type Palettes = 'defaultPalette' | 'spacingScale' | 'shapePalette' | 'typographyPalette';
|
|
100
96
|
/**
|
|
101
97
|
* ThemeConfig: the source of truth for all theme meta-data.
|
|
102
98
|
* This object should be used whenever interfacing with themes.
|
|
@@ -148,8 +144,8 @@ export interface ThemeOptionsSchema {
|
|
|
148
144
|
* ThemeState: the standard representation of an app's current theme and preferences
|
|
149
145
|
*/
|
|
150
146
|
export interface ThemeState {
|
|
151
|
-
light: Extract<ThemeIds, 'light' | 'light-future' | 'dark' | 'dark-future' | '
|
|
152
|
-
dark: Extract<ThemeIds, 'light' | 'light-future' | 'dark' | 'dark-future' | '
|
|
147
|
+
light: Extract<ThemeIds, 'light' | 'light-future' | 'dark' | 'dark-future' | 'light-increased-contrast' | 'dark-increased-contrast'>;
|
|
148
|
+
dark: Extract<ThemeIds, 'light' | 'light-future' | 'dark' | 'dark-future' | 'light-increased-contrast' | 'dark-increased-contrast'>;
|
|
153
149
|
colorMode: ThemeColorModes;
|
|
154
150
|
contrastMode: ThemeContrastModes;
|
|
155
151
|
shape?: Extract<ThemeIds, 'shape'>;
|
|
@@ -7,8 +7,8 @@ import { type ThemeState } from './theme-config';
|
|
|
7
7
|
*
|
|
8
8
|
* @example
|
|
9
9
|
* ```
|
|
10
|
-
* themeStringToObject('dark:dark light:
|
|
11
|
-
* // returns { dark: 'dark', light: '
|
|
10
|
+
* themeStringToObject('dark:dark light:light spacing:spacing');
|
|
11
|
+
* // returns { dark: 'dark', light: 'light', spacing: 'spacing' }
|
|
12
12
|
* ```
|
|
13
13
|
*/
|
|
14
14
|
export declare const themeStringToObject: (themeState: string) => Partial<ThemeState>;
|
|
@@ -19,8 +19,8 @@ export declare const themeStringToObject: (themeState: string) => Partial<ThemeS
|
|
|
19
19
|
*
|
|
20
20
|
* @example
|
|
21
21
|
* ```
|
|
22
|
-
* themeObjectToString({ dark: 'dark', light: '
|
|
23
|
-
* // returns 'dark:dark light:
|
|
22
|
+
* themeObjectToString({ dark: 'dark', light: 'light', spacing: 'spacing' });
|
|
23
|
+
* // returns 'dark:dark light:light spacing:spacing'
|
|
24
24
|
* ```
|
|
25
25
|
*/
|
|
26
26
|
export declare const themeObjectToString: (themeState: Partial<ThemeState>) => string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/tokens",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "11.0.0",
|
|
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/"
|
|
@@ -55,16 +55,16 @@
|
|
|
55
55
|
"@atlaskit/form": "^15.3.0",
|
|
56
56
|
"@atlaskit/grid": "^0.18.0",
|
|
57
57
|
"@atlaskit/heading": "^5.2.0",
|
|
58
|
-
"@atlaskit/icon": "^
|
|
58
|
+
"@atlaskit/icon": "^30.0.0",
|
|
59
59
|
"@atlaskit/inline-message": "^15.5.0",
|
|
60
60
|
"@atlaskit/link": "^3.3.0",
|
|
61
61
|
"@atlaskit/lozenge": "^13.3.0",
|
|
62
62
|
"@atlaskit/popup": "^4.13.0",
|
|
63
|
-
"@atlaskit/primitives": "^
|
|
63
|
+
"@atlaskit/primitives": "^18.0.0",
|
|
64
64
|
"@atlaskit/radio": "^8.4.0",
|
|
65
65
|
"@atlaskit/section-message": "^8.12.0",
|
|
66
66
|
"@atlaskit/select": "^21.7.0",
|
|
67
|
-
"@atlaskit/tag": "^14.
|
|
67
|
+
"@atlaskit/tag": "^14.3.0",
|
|
68
68
|
"@atlaskit/textarea": "^8.2.0",
|
|
69
69
|
"@atlaskit/textfield": "^8.2.0",
|
|
70
70
|
"@atlaskit/theme": "^21.0.0",
|