@atlaskit/tokens 0.13.4 → 1.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 +295 -0
- package/README.md +7 -16
- package/dist/cjs/artifacts/palettes-raw/legacy-palette.js +0 -1
- package/dist/cjs/artifacts/palettes-raw/palette.js +0 -1
- package/dist/cjs/artifacts/palettes-raw/spacing-scale.js +0 -1
- package/dist/cjs/artifacts/palettes-raw/typography-palette.js +0 -1
- package/dist/cjs/artifacts/replacement-mapping.js +2 -402
- package/dist/cjs/artifacts/theme-import-map.js +56 -0
- package/dist/cjs/artifacts/themes/atlassian-dark.js +13 -0
- package/dist/cjs/artifacts/themes/atlassian-legacy-dark.js +13 -0
- package/dist/cjs/artifacts/themes/atlassian-legacy-light.js +13 -0
- package/dist/cjs/artifacts/themes/atlassian-light.js +13 -0
- package/dist/cjs/artifacts/themes/atlassian-spacing.js +13 -0
- package/dist/cjs/artifacts/themes/atlassian-typography.js +13 -0
- package/dist/cjs/artifacts/token-default-values.js +2 -104
- package/dist/cjs/artifacts/token-names.js +2 -104
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +1354 -4261
- package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-dark.js +1352 -4259
- package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.js +1396 -4283
- package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +1365 -4252
- package/dist/cjs/artifacts/tokens-raw/atlassian-spacing.js +0 -1
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography.js +0 -1
- package/dist/cjs/artifacts/typescript/atlassian-dark-token-names.js +0 -1
- package/dist/cjs/artifacts/typescript/atlassian-light-token-names.js +0 -1
- package/dist/cjs/babel-plugin/index.js +0 -2
- package/dist/cjs/babel-plugin/plugin.js +17 -43
- package/dist/cjs/entry-points/babel-plugin.js +0 -2
- package/dist/cjs/entry-points/palettes-raw.js +0 -2
- package/dist/cjs/entry-points/rename-mapping.js +0 -2
- package/dist/cjs/entry-points/token-ids.js +0 -1
- package/dist/cjs/entry-points/token-names.js +0 -2
- package/dist/cjs/entry-points/tokens-raw.js +0 -5
- package/dist/cjs/get-global-theme.js +30 -0
- package/dist/cjs/get-token-value.js +1 -10
- package/dist/cjs/get-token.js +3 -13
- package/dist/cjs/index.js +46 -10
- package/dist/cjs/palettes/legacy-palette.js +1 -1
- package/dist/cjs/palettes/spacing-scale.js +1 -1
- package/dist/cjs/palettes/typography-palette.js +0 -5
- package/dist/cjs/set-global-theme.js +265 -39
- package/dist/cjs/theme-config.js +8 -23
- package/dist/cjs/{theme-change-observer.js → theme-mutation-observer.js} +5 -57
- package/dist/cjs/tokens/atlassian-dark/utility/utility.js +1 -4
- package/dist/cjs/tokens/atlassian-legacy-dark/utility/utility.js +1 -4
- package/dist/cjs/tokens/atlassian-legacy-light/utility/utility.js +1 -4
- package/dist/cjs/tokens/atlassian-light/utility/utility.js +1 -4
- package/dist/cjs/tokens/atlassian-spacing/spacing.js +0 -1
- package/dist/cjs/tokens/default/spacing/spacing.js +0 -1
- package/dist/cjs/tokens/default/utility/utility.js +1 -9
- package/dist/cjs/use-theme-observer.js +41 -0
- package/dist/cjs/utils/color-detection.js +23 -43
- package/dist/cjs/utils/theme-loading.js +69 -0
- package/dist/cjs/utils/theme-state-transformer.js +73 -0
- package/dist/cjs/utils/token-ids.js +4 -12
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/artifacts/replacement-mapping.js +2 -401
- package/dist/es2019/artifacts/theme-import-map.js +27 -0
- package/dist/es2019/artifacts/themes/atlassian-dark.js +296 -0
- package/dist/es2019/artifacts/themes/atlassian-legacy-dark.js +296 -0
- package/dist/es2019/artifacts/themes/atlassian-legacy-light.js +296 -0
- package/dist/es2019/artifacts/themes/atlassian-light.js +296 -0
- package/{css/atlassian-spacing.css → dist/es2019/artifacts/themes/atlassian-spacing.js} +4 -2
- package/{css/atlassian-typography.css → dist/es2019/artifacts/themes/atlassian-typography.js} +4 -2
- package/dist/es2019/artifacts/token-default-values.js +2 -103
- package/dist/es2019/artifacts/token-names.js +2 -103
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +1354 -4260
- package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-dark.js +1349 -4255
- package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-light.js +1397 -4283
- package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +1360 -4246
- package/dist/es2019/babel-plugin/plugin.js +17 -37
- package/dist/es2019/get-global-theme.js +20 -0
- package/dist/es2019/get-token-value.js +1 -6
- package/dist/es2019/get-token.js +3 -8
- package/dist/es2019/index.js +5 -2
- package/dist/es2019/palettes/legacy-palette.js +1 -0
- package/dist/es2019/palettes/spacing-scale.js +1 -0
- package/dist/es2019/palettes/typography-palette.js +2 -1
- package/dist/es2019/set-global-theme.js +162 -32
- package/dist/es2019/theme-config.js +5 -21
- package/dist/es2019/{theme-change-observer.js → theme-mutation-observer.js} +4 -37
- package/dist/es2019/tokens/atlassian-dark/utility/utility.js +1 -4
- package/dist/es2019/tokens/atlassian-legacy-dark/utility/utility.js +1 -4
- package/dist/es2019/tokens/atlassian-legacy-light/utility/utility.js +1 -4
- package/dist/es2019/tokens/atlassian-light/utility/utility.js +1 -4
- package/dist/es2019/tokens/default/utility/utility.js +1 -9
- package/dist/es2019/use-theme-observer.js +26 -0
- package/dist/es2019/utils/color-detection.js +3 -5
- package/dist/es2019/utils/theme-loading.js +18 -0
- package/dist/es2019/utils/theme-state-transformer.js +47 -0
- package/dist/es2019/utils/token-ids.js +5 -4
- package/dist/es2019/version.json +1 -1
- package/dist/esm/artifacts/replacement-mapping.js +2 -401
- package/dist/esm/artifacts/theme-import-map.js +39 -0
- package/dist/esm/artifacts/themes/atlassian-dark.js +6 -0
- package/dist/esm/artifacts/themes/atlassian-legacy-dark.js +6 -0
- package/dist/esm/artifacts/themes/atlassian-legacy-light.js +6 -0
- package/dist/esm/artifacts/themes/atlassian-light.js +6 -0
- package/dist/esm/artifacts/themes/atlassian-spacing.js +6 -0
- package/dist/esm/artifacts/themes/atlassian-typography.js +6 -0
- package/dist/esm/artifacts/token-default-values.js +2 -103
- package/dist/esm/artifacts/token-names.js +2 -103
- package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +1354 -4260
- package/dist/esm/artifacts/tokens-raw/atlassian-legacy-dark.js +1349 -4255
- package/dist/esm/artifacts/tokens-raw/atlassian-legacy-light.js +1397 -4283
- package/dist/esm/artifacts/tokens-raw/atlassian-light.js +1360 -4246
- package/dist/esm/babel-plugin/plugin.js +17 -35
- package/dist/esm/get-global-theme.js +22 -0
- package/dist/esm/get-token-value.js +1 -6
- package/dist/esm/get-token.js +3 -8
- package/dist/esm/index.js +5 -2
- package/dist/esm/palettes/legacy-palette.js +1 -0
- package/dist/esm/palettes/spacing-scale.js +1 -0
- package/dist/esm/palettes/typography-palette.js +0 -3
- package/dist/esm/set-global-theme.js +263 -37
- package/dist/esm/theme-config.js +5 -21
- package/dist/esm/{theme-change-observer.js → theme-mutation-observer.js} +4 -49
- package/dist/esm/tokens/atlassian-dark/utility/utility.js +1 -4
- package/dist/esm/tokens/atlassian-legacy-dark/utility/utility.js +1 -4
- package/dist/esm/tokens/atlassian-legacy-light/utility/utility.js +1 -4
- package/dist/esm/tokens/atlassian-light/utility/utility.js +1 -4
- package/dist/esm/tokens/default/utility/utility.js +1 -9
- package/dist/esm/use-theme-observer.js +34 -0
- package/dist/esm/utils/color-detection.js +23 -30
- package/dist/esm/utils/theme-loading.js +60 -0
- package/dist/esm/utils/theme-state-transformer.js +64 -0
- package/dist/esm/utils/token-ids.js +5 -4
- package/dist/esm/version.json +1 -1
- package/dist/types/artifacts/replacement-mapping.d.ts +1 -1
- package/dist/types/artifacts/theme-import-map.d.ts +16 -0
- package/dist/types/artifacts/themes/atlassian-dark.d.ts +7 -0
- package/dist/types/artifacts/themes/atlassian-legacy-dark.d.ts +7 -0
- package/dist/types/artifacts/themes/atlassian-legacy-light.d.ts +7 -0
- package/dist/types/artifacts/themes/atlassian-light.d.ts +7 -0
- package/dist/types/artifacts/themes/atlassian-spacing.d.ts +7 -0
- package/dist/types/artifacts/themes/atlassian-typography.d.ts +7 -0
- package/dist/types/artifacts/token-default-values.d.ts +2 -103
- package/dist/types/artifacts/token-names.d.ts +3 -205
- package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -115
- package/dist/types/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -115
- package/dist/types/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -91
- package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +1 -91
- package/dist/types/artifacts/types-internal.d.ts +2 -2
- package/dist/types/artifacts/types.d.ts +2 -2
- package/dist/types/get-global-theme.d.ts +2 -0
- package/dist/types/index.d.ts +7 -3
- package/dist/types/set-global-theme.d.ts +63 -7
- package/dist/types/theme-config.d.ts +10 -7
- package/dist/types/{theme-change-observer.d.ts → theme-mutation-observer.d.ts} +2 -16
- package/dist/types/types.d.ts +1 -180
- package/dist/types/use-theme-observer.d.ts +15 -0
- package/dist/types/utils/theme-loading.d.ts +3 -0
- package/dist/types/utils/theme-state-transformer.d.ts +26 -0
- package/figma/atlassian-dark.json +2632 -0
- package/figma/atlassian-legacy-dark.json +2632 -0
- package/figma/atlassian-legacy-light.json +2610 -0
- package/figma/atlassian-light.json +2610 -0
- package/figma/atlassian-spacing.json +956 -0
- package/figma/atlassian-typography.json +114 -0
- package/package.json +7 -9
- package/report.api.md +85 -219
- package/tmp/api-report-tmp.d.ts +58 -210
- package/css/atlassian-dark.css +0 -786
- package/css/atlassian-legacy-dark.css +0 -786
- package/css/atlassian-legacy-light.css +0 -786
- package/css/atlassian-light.css +0 -786
- package/dist/cjs/artifacts/typescript/atlassian-light-token-default-values.js +0 -407
- package/dist/cjs/entry-points/figma-sync.js +0 -23
- package/dist/cjs/tokens/atlassian-dark/deprecated/deprecated.js +0 -435
- package/dist/cjs/tokens/atlassian-legacy-dark/deprecated/deprecated.js +0 -532
- package/dist/cjs/tokens/atlassian-legacy-light/deprecated/deprecated.js +0 -523
- package/dist/cjs/tokens/atlassian-light/deprecated/deprecated.js +0 -421
- package/dist/cjs/tokens/default/deprecated/deprecated.js +0 -1186
- package/dist/es2019/artifacts/typescript/atlassian-light-token-default-values.js +0 -399
- package/dist/es2019/entry-points/figma-sync.js +0 -3
- package/dist/es2019/tokens/atlassian-dark/deprecated/deprecated.js +0 -428
- package/dist/es2019/tokens/atlassian-legacy-dark/deprecated/deprecated.js +0 -525
- package/dist/es2019/tokens/atlassian-legacy-light/deprecated/deprecated.js +0 -516
- package/dist/es2019/tokens/atlassian-light/deprecated/deprecated.js +0 -414
- package/dist/es2019/tokens/default/deprecated/deprecated.js +0 -1217
- package/dist/esm/artifacts/typescript/atlassian-light-token-default-values.js +0 -399
- package/dist/esm/entry-points/figma-sync.js +0 -3
- package/dist/esm/tokens/atlassian-dark/deprecated/deprecated.js +0 -428
- package/dist/esm/tokens/atlassian-legacy-dark/deprecated/deprecated.js +0 -525
- package/dist/esm/tokens/atlassian-legacy-light/deprecated/deprecated.js +0 -516
- package/dist/esm/tokens/atlassian-light/deprecated/deprecated.js +0 -414
- package/dist/esm/tokens/default/deprecated/deprecated.js +0 -1179
- package/dist/types/artifacts/typescript/atlassian-light-token-default-values.d.ts +0 -399
- package/dist/types/entry-points/figma-sync.d.ts +0 -3
- package/dist/types/tokens/atlassian-dark/deprecated/deprecated.d.ts +0 -4
- package/dist/types/tokens/atlassian-legacy-dark/deprecated/deprecated.d.ts +0 -4
- package/dist/types/tokens/atlassian-legacy-light/deprecated/deprecated.d.ts +0 -4
- package/dist/types/tokens/atlassian-light/deprecated/deprecated.d.ts +0 -4
- package/dist/types/tokens/default/deprecated/deprecated.d.ts +0 -4
- package/figma-sync/package.json +0 -17
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "Typography",
|
|
3
|
+
"tokens": {
|
|
4
|
+
"Typography/font.family.monospace": {
|
|
5
|
+
"attributes": {
|
|
6
|
+
"group": "fontFamily",
|
|
7
|
+
"state": "active",
|
|
8
|
+
"introduced": "0.10.33",
|
|
9
|
+
"description": "Helpful guidance goes here"
|
|
10
|
+
},
|
|
11
|
+
"value": "\"SFMono-Medium\", \"SF Mono\", \"Segoe UI Mono\", \"Roboto Mono\", \"Ubuntu Mono\", Menlo, Consolas, Courier, monospace"
|
|
12
|
+
},
|
|
13
|
+
"Typography/font.family.sans": {
|
|
14
|
+
"attributes": {
|
|
15
|
+
"group": "fontFamily",
|
|
16
|
+
"state": "active",
|
|
17
|
+
"introduced": "0.10.33",
|
|
18
|
+
"description": "Helpful guidance goes here"
|
|
19
|
+
},
|
|
20
|
+
"value": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif"
|
|
21
|
+
},
|
|
22
|
+
"Typography/font.weight.bold": {
|
|
23
|
+
"attributes": {
|
|
24
|
+
"group": "fontWeight",
|
|
25
|
+
"state": "active",
|
|
26
|
+
"introduced": "0.10.33",
|
|
27
|
+
"description": "Helpful guidance goes here"
|
|
28
|
+
},
|
|
29
|
+
"value": "700"
|
|
30
|
+
},
|
|
31
|
+
"Typography/font.weight.medium": {
|
|
32
|
+
"attributes": {
|
|
33
|
+
"group": "fontWeight",
|
|
34
|
+
"state": "active",
|
|
35
|
+
"introduced": "0.10.33",
|
|
36
|
+
"description": "Helpful guidance goes here"
|
|
37
|
+
},
|
|
38
|
+
"value": "500"
|
|
39
|
+
},
|
|
40
|
+
"Typography/font.weight.regular": {
|
|
41
|
+
"attributes": {
|
|
42
|
+
"group": "fontWeight",
|
|
43
|
+
"state": "active",
|
|
44
|
+
"introduced": "0.10.33",
|
|
45
|
+
"description": "Helpful guidance goes here"
|
|
46
|
+
},
|
|
47
|
+
"value": "400"
|
|
48
|
+
},
|
|
49
|
+
"Typography/font.weight.semibold": {
|
|
50
|
+
"attributes": {
|
|
51
|
+
"group": "fontWeight",
|
|
52
|
+
"state": "active",
|
|
53
|
+
"introduced": "0.10.33",
|
|
54
|
+
"description": "Helpful guidance goes here"
|
|
55
|
+
},
|
|
56
|
+
"value": "600"
|
|
57
|
+
},
|
|
58
|
+
"Typography/font.lineHeight.100": {
|
|
59
|
+
"attributes": {
|
|
60
|
+
"group": "lineHeight",
|
|
61
|
+
"state": "active",
|
|
62
|
+
"introduced": "0.10.33",
|
|
63
|
+
"description": "Helpful guidance goes here"
|
|
64
|
+
},
|
|
65
|
+
"value": "16px"
|
|
66
|
+
},
|
|
67
|
+
"Typography/font.lineHeight.200": {
|
|
68
|
+
"attributes": {
|
|
69
|
+
"group": "lineHeight",
|
|
70
|
+
"state": "active",
|
|
71
|
+
"introduced": "0.10.33",
|
|
72
|
+
"description": "Helpful guidance goes here"
|
|
73
|
+
},
|
|
74
|
+
"value": "20px"
|
|
75
|
+
},
|
|
76
|
+
"Typography/font.lineHeight.300": {
|
|
77
|
+
"attributes": {
|
|
78
|
+
"group": "lineHeight",
|
|
79
|
+
"state": "active",
|
|
80
|
+
"introduced": "0.10.33",
|
|
81
|
+
"description": "Helpful guidance goes here"
|
|
82
|
+
},
|
|
83
|
+
"value": "24px"
|
|
84
|
+
},
|
|
85
|
+
"Typography/font.lineHeight.400": {
|
|
86
|
+
"attributes": {
|
|
87
|
+
"group": "lineHeight",
|
|
88
|
+
"state": "active",
|
|
89
|
+
"introduced": "0.10.33",
|
|
90
|
+
"description": "Helpful guidance goes here"
|
|
91
|
+
},
|
|
92
|
+
"value": "28px"
|
|
93
|
+
},
|
|
94
|
+
"Typography/font.lineHeight.500": {
|
|
95
|
+
"attributes": {
|
|
96
|
+
"group": "lineHeight",
|
|
97
|
+
"state": "active",
|
|
98
|
+
"introduced": "0.10.33",
|
|
99
|
+
"description": "Helpful guidance goes here"
|
|
100
|
+
},
|
|
101
|
+
"value": "32px"
|
|
102
|
+
},
|
|
103
|
+
"Typography/font.lineHeight.600": {
|
|
104
|
+
"attributes": {
|
|
105
|
+
"group": "lineHeight",
|
|
106
|
+
"state": "active",
|
|
107
|
+
"introduced": "0.10.33",
|
|
108
|
+
"description": "Helpful guidance goes here"
|
|
109
|
+
},
|
|
110
|
+
"value": "40px"
|
|
111
|
+
}
|
|
112
|
+
},
|
|
113
|
+
"renameMap": {}
|
|
114
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/tokens",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "1.0.0",
|
|
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",
|
|
@@ -34,17 +34,14 @@
|
|
|
34
34
|
"atlaskit:src": "src/index.tsx",
|
|
35
35
|
"af:exports": {
|
|
36
36
|
".": "./src/index.tsx",
|
|
37
|
-
"./figma-
|
|
37
|
+
"./figma/atlassian-light.json": "./figma/atlassian-light.json",
|
|
38
|
+
"./figma/atlassian-dark.json": "./figma/atlassian-dark.json",
|
|
38
39
|
"./palettes-raw": "./src/entry-points/palettes-raw.tsx",
|
|
39
40
|
"./tokens-raw": "./src/entry-points/tokens-raw.tsx",
|
|
40
41
|
"./token-ids": "./src/entry-points/token-ids.tsx",
|
|
41
42
|
"./token-names": "./src/entry-points/token-names.tsx",
|
|
42
43
|
"./rename-mapping": "./src/entry-points/rename-mapping.tsx",
|
|
43
|
-
"./babel-plugin": "./src/entry-points/babel-plugin.tsx"
|
|
44
|
-
"./css/atlassian-light.css": "./css/atlassian-light.css",
|
|
45
|
-
"./css/atlassian-dark.css": "./css/atlassian-dark.css",
|
|
46
|
-
"./css/atlassian-legacy-light.css": "./css/atlassian-legacy-light.css",
|
|
47
|
-
"./css/atlassian-legacy-dark.css": "./css/atlassian-legacy-dark.css"
|
|
44
|
+
"./babel-plugin": "./src/entry-points/babel-plugin.tsx"
|
|
48
45
|
},
|
|
49
46
|
"scripts": {
|
|
50
47
|
"ak-postbuild": "(cd $(npx repo-root) && yarn build @af/codegen) && yarn workspace @atlaskit/tokens codegen-tokens && yarn workspace @atlaskit/tokens check-clean-git",
|
|
@@ -55,7 +52,8 @@
|
|
|
55
52
|
"@atlaskit/ds-lib": "^2.1.0",
|
|
56
53
|
"@babel/runtime": "^7.0.0",
|
|
57
54
|
"@babel/traverse": "^7.15.0",
|
|
58
|
-
"@babel/types": "^7.15.0"
|
|
55
|
+
"@babel/types": "^7.15.0",
|
|
56
|
+
"bind-event-listener": "^2.1.1"
|
|
59
57
|
},
|
|
60
58
|
"peerDependencies": {
|
|
61
59
|
"react": "^16.8.0"
|
|
@@ -67,7 +65,7 @@
|
|
|
67
65
|
"@atlaskit/badge": "^15.0.11",
|
|
68
66
|
"@atlaskit/button": "^16.5.0",
|
|
69
67
|
"@atlaskit/checkbox": "^12.4.0",
|
|
70
|
-
"@atlaskit/code": "^14.4.
|
|
68
|
+
"@atlaskit/code": "^14.4.5",
|
|
71
69
|
"@atlaskit/docs": "^9.0.10",
|
|
72
70
|
"@atlaskit/dropdown-menu": "^11.5.0",
|
|
73
71
|
"@atlaskit/ds-explorations": "^2.0.0",
|