@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.
Files changed (194) hide show
  1. package/CHANGELOG.md +295 -0
  2. package/README.md +7 -16
  3. package/dist/cjs/artifacts/palettes-raw/legacy-palette.js +0 -1
  4. package/dist/cjs/artifacts/palettes-raw/palette.js +0 -1
  5. package/dist/cjs/artifacts/palettes-raw/spacing-scale.js +0 -1
  6. package/dist/cjs/artifacts/palettes-raw/typography-palette.js +0 -1
  7. package/dist/cjs/artifacts/replacement-mapping.js +2 -402
  8. package/dist/cjs/artifacts/theme-import-map.js +56 -0
  9. package/dist/cjs/artifacts/themes/atlassian-dark.js +13 -0
  10. package/dist/cjs/artifacts/themes/atlassian-legacy-dark.js +13 -0
  11. package/dist/cjs/artifacts/themes/atlassian-legacy-light.js +13 -0
  12. package/dist/cjs/artifacts/themes/atlassian-light.js +13 -0
  13. package/dist/cjs/artifacts/themes/atlassian-spacing.js +13 -0
  14. package/dist/cjs/artifacts/themes/atlassian-typography.js +13 -0
  15. package/dist/cjs/artifacts/token-default-values.js +2 -104
  16. package/dist/cjs/artifacts/token-names.js +2 -104
  17. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +1354 -4261
  18. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-dark.js +1352 -4259
  19. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.js +1396 -4283
  20. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +1365 -4252
  21. package/dist/cjs/artifacts/tokens-raw/atlassian-spacing.js +0 -1
  22. package/dist/cjs/artifacts/tokens-raw/atlassian-typography.js +0 -1
  23. package/dist/cjs/artifacts/typescript/atlassian-dark-token-names.js +0 -1
  24. package/dist/cjs/artifacts/typescript/atlassian-light-token-names.js +0 -1
  25. package/dist/cjs/babel-plugin/index.js +0 -2
  26. package/dist/cjs/babel-plugin/plugin.js +17 -43
  27. package/dist/cjs/entry-points/babel-plugin.js +0 -2
  28. package/dist/cjs/entry-points/palettes-raw.js +0 -2
  29. package/dist/cjs/entry-points/rename-mapping.js +0 -2
  30. package/dist/cjs/entry-points/token-ids.js +0 -1
  31. package/dist/cjs/entry-points/token-names.js +0 -2
  32. package/dist/cjs/entry-points/tokens-raw.js +0 -5
  33. package/dist/cjs/get-global-theme.js +30 -0
  34. package/dist/cjs/get-token-value.js +1 -10
  35. package/dist/cjs/get-token.js +3 -13
  36. package/dist/cjs/index.js +46 -10
  37. package/dist/cjs/palettes/legacy-palette.js +1 -1
  38. package/dist/cjs/palettes/spacing-scale.js +1 -1
  39. package/dist/cjs/palettes/typography-palette.js +0 -5
  40. package/dist/cjs/set-global-theme.js +265 -39
  41. package/dist/cjs/theme-config.js +8 -23
  42. package/dist/cjs/{theme-change-observer.js → theme-mutation-observer.js} +5 -57
  43. package/dist/cjs/tokens/atlassian-dark/utility/utility.js +1 -4
  44. package/dist/cjs/tokens/atlassian-legacy-dark/utility/utility.js +1 -4
  45. package/dist/cjs/tokens/atlassian-legacy-light/utility/utility.js +1 -4
  46. package/dist/cjs/tokens/atlassian-light/utility/utility.js +1 -4
  47. package/dist/cjs/tokens/atlassian-spacing/spacing.js +0 -1
  48. package/dist/cjs/tokens/default/spacing/spacing.js +0 -1
  49. package/dist/cjs/tokens/default/utility/utility.js +1 -9
  50. package/dist/cjs/use-theme-observer.js +41 -0
  51. package/dist/cjs/utils/color-detection.js +23 -43
  52. package/dist/cjs/utils/theme-loading.js +69 -0
  53. package/dist/cjs/utils/theme-state-transformer.js +73 -0
  54. package/dist/cjs/utils/token-ids.js +4 -12
  55. package/dist/cjs/version.json +1 -1
  56. package/dist/es2019/artifacts/replacement-mapping.js +2 -401
  57. package/dist/es2019/artifacts/theme-import-map.js +27 -0
  58. package/dist/es2019/artifacts/themes/atlassian-dark.js +296 -0
  59. package/dist/es2019/artifacts/themes/atlassian-legacy-dark.js +296 -0
  60. package/dist/es2019/artifacts/themes/atlassian-legacy-light.js +296 -0
  61. package/dist/es2019/artifacts/themes/atlassian-light.js +296 -0
  62. package/{css/atlassian-spacing.css → dist/es2019/artifacts/themes/atlassian-spacing.js} +4 -2
  63. package/{css/atlassian-typography.css → dist/es2019/artifacts/themes/atlassian-typography.js} +4 -2
  64. package/dist/es2019/artifacts/token-default-values.js +2 -103
  65. package/dist/es2019/artifacts/token-names.js +2 -103
  66. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +1354 -4260
  67. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-dark.js +1349 -4255
  68. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-light.js +1397 -4283
  69. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +1360 -4246
  70. package/dist/es2019/babel-plugin/plugin.js +17 -37
  71. package/dist/es2019/get-global-theme.js +20 -0
  72. package/dist/es2019/get-token-value.js +1 -6
  73. package/dist/es2019/get-token.js +3 -8
  74. package/dist/es2019/index.js +5 -2
  75. package/dist/es2019/palettes/legacy-palette.js +1 -0
  76. package/dist/es2019/palettes/spacing-scale.js +1 -0
  77. package/dist/es2019/palettes/typography-palette.js +2 -1
  78. package/dist/es2019/set-global-theme.js +162 -32
  79. package/dist/es2019/theme-config.js +5 -21
  80. package/dist/es2019/{theme-change-observer.js → theme-mutation-observer.js} +4 -37
  81. package/dist/es2019/tokens/atlassian-dark/utility/utility.js +1 -4
  82. package/dist/es2019/tokens/atlassian-legacy-dark/utility/utility.js +1 -4
  83. package/dist/es2019/tokens/atlassian-legacy-light/utility/utility.js +1 -4
  84. package/dist/es2019/tokens/atlassian-light/utility/utility.js +1 -4
  85. package/dist/es2019/tokens/default/utility/utility.js +1 -9
  86. package/dist/es2019/use-theme-observer.js +26 -0
  87. package/dist/es2019/utils/color-detection.js +3 -5
  88. package/dist/es2019/utils/theme-loading.js +18 -0
  89. package/dist/es2019/utils/theme-state-transformer.js +47 -0
  90. package/dist/es2019/utils/token-ids.js +5 -4
  91. package/dist/es2019/version.json +1 -1
  92. package/dist/esm/artifacts/replacement-mapping.js +2 -401
  93. package/dist/esm/artifacts/theme-import-map.js +39 -0
  94. package/dist/esm/artifacts/themes/atlassian-dark.js +6 -0
  95. package/dist/esm/artifacts/themes/atlassian-legacy-dark.js +6 -0
  96. package/dist/esm/artifacts/themes/atlassian-legacy-light.js +6 -0
  97. package/dist/esm/artifacts/themes/atlassian-light.js +6 -0
  98. package/dist/esm/artifacts/themes/atlassian-spacing.js +6 -0
  99. package/dist/esm/artifacts/themes/atlassian-typography.js +6 -0
  100. package/dist/esm/artifacts/token-default-values.js +2 -103
  101. package/dist/esm/artifacts/token-names.js +2 -103
  102. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +1354 -4260
  103. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-dark.js +1349 -4255
  104. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-light.js +1397 -4283
  105. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +1360 -4246
  106. package/dist/esm/babel-plugin/plugin.js +17 -35
  107. package/dist/esm/get-global-theme.js +22 -0
  108. package/dist/esm/get-token-value.js +1 -6
  109. package/dist/esm/get-token.js +3 -8
  110. package/dist/esm/index.js +5 -2
  111. package/dist/esm/palettes/legacy-palette.js +1 -0
  112. package/dist/esm/palettes/spacing-scale.js +1 -0
  113. package/dist/esm/palettes/typography-palette.js +0 -3
  114. package/dist/esm/set-global-theme.js +263 -37
  115. package/dist/esm/theme-config.js +5 -21
  116. package/dist/esm/{theme-change-observer.js → theme-mutation-observer.js} +4 -49
  117. package/dist/esm/tokens/atlassian-dark/utility/utility.js +1 -4
  118. package/dist/esm/tokens/atlassian-legacy-dark/utility/utility.js +1 -4
  119. package/dist/esm/tokens/atlassian-legacy-light/utility/utility.js +1 -4
  120. package/dist/esm/tokens/atlassian-light/utility/utility.js +1 -4
  121. package/dist/esm/tokens/default/utility/utility.js +1 -9
  122. package/dist/esm/use-theme-observer.js +34 -0
  123. package/dist/esm/utils/color-detection.js +23 -30
  124. package/dist/esm/utils/theme-loading.js +60 -0
  125. package/dist/esm/utils/theme-state-transformer.js +64 -0
  126. package/dist/esm/utils/token-ids.js +5 -4
  127. package/dist/esm/version.json +1 -1
  128. package/dist/types/artifacts/replacement-mapping.d.ts +1 -1
  129. package/dist/types/artifacts/theme-import-map.d.ts +16 -0
  130. package/dist/types/artifacts/themes/atlassian-dark.d.ts +7 -0
  131. package/dist/types/artifacts/themes/atlassian-legacy-dark.d.ts +7 -0
  132. package/dist/types/artifacts/themes/atlassian-legacy-light.d.ts +7 -0
  133. package/dist/types/artifacts/themes/atlassian-light.d.ts +7 -0
  134. package/dist/types/artifacts/themes/atlassian-spacing.d.ts +7 -0
  135. package/dist/types/artifacts/themes/atlassian-typography.d.ts +7 -0
  136. package/dist/types/artifacts/token-default-values.d.ts +2 -103
  137. package/dist/types/artifacts/token-names.d.ts +3 -205
  138. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -115
  139. package/dist/types/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -115
  140. package/dist/types/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -91
  141. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +1 -91
  142. package/dist/types/artifacts/types-internal.d.ts +2 -2
  143. package/dist/types/artifacts/types.d.ts +2 -2
  144. package/dist/types/get-global-theme.d.ts +2 -0
  145. package/dist/types/index.d.ts +7 -3
  146. package/dist/types/set-global-theme.d.ts +63 -7
  147. package/dist/types/theme-config.d.ts +10 -7
  148. package/dist/types/{theme-change-observer.d.ts → theme-mutation-observer.d.ts} +2 -16
  149. package/dist/types/types.d.ts +1 -180
  150. package/dist/types/use-theme-observer.d.ts +15 -0
  151. package/dist/types/utils/theme-loading.d.ts +3 -0
  152. package/dist/types/utils/theme-state-transformer.d.ts +26 -0
  153. package/figma/atlassian-dark.json +2632 -0
  154. package/figma/atlassian-legacy-dark.json +2632 -0
  155. package/figma/atlassian-legacy-light.json +2610 -0
  156. package/figma/atlassian-light.json +2610 -0
  157. package/figma/atlassian-spacing.json +956 -0
  158. package/figma/atlassian-typography.json +114 -0
  159. package/package.json +7 -9
  160. package/report.api.md +85 -219
  161. package/tmp/api-report-tmp.d.ts +58 -210
  162. package/css/atlassian-dark.css +0 -786
  163. package/css/atlassian-legacy-dark.css +0 -786
  164. package/css/atlassian-legacy-light.css +0 -786
  165. package/css/atlassian-light.css +0 -786
  166. package/dist/cjs/artifacts/typescript/atlassian-light-token-default-values.js +0 -407
  167. package/dist/cjs/entry-points/figma-sync.js +0 -23
  168. package/dist/cjs/tokens/atlassian-dark/deprecated/deprecated.js +0 -435
  169. package/dist/cjs/tokens/atlassian-legacy-dark/deprecated/deprecated.js +0 -532
  170. package/dist/cjs/tokens/atlassian-legacy-light/deprecated/deprecated.js +0 -523
  171. package/dist/cjs/tokens/atlassian-light/deprecated/deprecated.js +0 -421
  172. package/dist/cjs/tokens/default/deprecated/deprecated.js +0 -1186
  173. package/dist/es2019/artifacts/typescript/atlassian-light-token-default-values.js +0 -399
  174. package/dist/es2019/entry-points/figma-sync.js +0 -3
  175. package/dist/es2019/tokens/atlassian-dark/deprecated/deprecated.js +0 -428
  176. package/dist/es2019/tokens/atlassian-legacy-dark/deprecated/deprecated.js +0 -525
  177. package/dist/es2019/tokens/atlassian-legacy-light/deprecated/deprecated.js +0 -516
  178. package/dist/es2019/tokens/atlassian-light/deprecated/deprecated.js +0 -414
  179. package/dist/es2019/tokens/default/deprecated/deprecated.js +0 -1217
  180. package/dist/esm/artifacts/typescript/atlassian-light-token-default-values.js +0 -399
  181. package/dist/esm/entry-points/figma-sync.js +0 -3
  182. package/dist/esm/tokens/atlassian-dark/deprecated/deprecated.js +0 -428
  183. package/dist/esm/tokens/atlassian-legacy-dark/deprecated/deprecated.js +0 -525
  184. package/dist/esm/tokens/atlassian-legacy-light/deprecated/deprecated.js +0 -516
  185. package/dist/esm/tokens/atlassian-light/deprecated/deprecated.js +0 -414
  186. package/dist/esm/tokens/default/deprecated/deprecated.js +0 -1179
  187. package/dist/types/artifacts/typescript/atlassian-light-token-default-values.d.ts +0 -399
  188. package/dist/types/entry-points/figma-sync.d.ts +0 -3
  189. package/dist/types/tokens/atlassian-dark/deprecated/deprecated.d.ts +0 -4
  190. package/dist/types/tokens/atlassian-legacy-dark/deprecated/deprecated.d.ts +0 -4
  191. package/dist/types/tokens/atlassian-legacy-light/deprecated/deprecated.d.ts +0 -4
  192. package/dist/types/tokens/atlassian-light/deprecated/deprecated.d.ts +0 -4
  193. package/dist/types/tokens/default/deprecated/deprecated.d.ts +0 -4
  194. 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.13.4",
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-sync": "./src/entry-points/figma-sync.tsx",
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.0",
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",