@atlaskit/tokens 1.49.1 → 1.50.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 (115) hide show
  1. package/CHANGELOG.md +1584 -1594
  2. package/README.md +14 -8
  3. package/codemods/css-to-design-tokens/lib/colors.tsx +47 -49
  4. package/codemods/css-to-design-tokens/lib/declaration.tsx +26 -26
  5. package/codemods/css-to-design-tokens/lib/legacy-colors.tsx +326 -326
  6. package/codemods/css-to-design-tokens/lib/meta.tsx +116 -122
  7. package/codemods/css-to-design-tokens/lib/tokens.tsx +28 -35
  8. package/codemods/css-to-design-tokens/lib/value.tsx +70 -72
  9. package/codemods/css-to-design-tokens/transform.tsx +68 -72
  10. package/codemods/hypermod.config.tsx +5 -5
  11. package/codemods/remove-fallbacks-color/transform.tsx +16 -18
  12. package/codemods/theme-to-design-tokens/transform.tsx +505 -588
  13. package/codemods/theme-to-design-tokens/utils/ast-meta.tsx +139 -147
  14. package/codemods/theme-to-design-tokens/utils/ast.tsx +23 -34
  15. package/codemods/theme-to-design-tokens/utils/color.tsx +25 -26
  16. package/codemods/theme-to-design-tokens/utils/css-utils.tsx +27 -30
  17. package/codemods/theme-to-design-tokens/utils/fuzzy-search.tsx +272 -290
  18. package/codemods/theme-to-design-tokens/utils/legacy-colors.tsx +224 -224
  19. package/codemods/theme-to-design-tokens/utils/named-colors.tsx +148 -148
  20. package/codemods/theme-to-design-tokens/utils/string-utils.tsx +10 -16
  21. package/codemods/utils/tokens.tsx +371 -371
  22. package/dist/cjs/artifacts/atlassian-dark-token-value-for-contrast-check.js +1 -1
  23. package/dist/cjs/artifacts/atlassian-light-token-value-for-contrast-check.js +1 -1
  24. package/dist/cjs/artifacts/generated-pairs.js +1 -1
  25. package/dist/cjs/artifacts/theme-import-map.js +1 -1
  26. package/dist/cjs/artifacts/themes/atlassian-typography-minor3.js +2 -2
  27. package/dist/cjs/artifacts/token-default-values.js +1 -1
  28. package/dist/cjs/artifacts/token-names.js +1 -1
  29. package/dist/cjs/artifacts/tokens-raw/atlassian-typography-minor3.js +3 -3
  30. package/dist/es2019/artifacts/atlassian-dark-token-value-for-contrast-check.js +1 -1
  31. package/dist/es2019/artifacts/atlassian-light-token-value-for-contrast-check.js +1 -1
  32. package/dist/es2019/artifacts/generated-pairs.js +1 -1
  33. package/dist/es2019/artifacts/theme-import-map.js +1 -1
  34. package/dist/es2019/artifacts/themes/atlassian-typography-minor3.js +2 -2
  35. package/dist/es2019/artifacts/token-default-values.js +1 -1
  36. package/dist/es2019/artifacts/token-names.js +1 -1
  37. package/dist/es2019/artifacts/tokens-raw/atlassian-typography-minor3.js +3 -3
  38. package/dist/esm/artifacts/atlassian-dark-token-value-for-contrast-check.js +1 -1
  39. package/dist/esm/artifacts/atlassian-light-token-value-for-contrast-check.js +1 -1
  40. package/dist/esm/artifacts/generated-pairs.js +1 -1
  41. package/dist/esm/artifacts/theme-import-map.js +1 -1
  42. package/dist/esm/artifacts/themes/atlassian-typography-minor3.js +2 -2
  43. package/dist/esm/artifacts/token-default-values.js +1 -1
  44. package/dist/esm/artifacts/token-names.js +1 -1
  45. package/dist/esm/artifacts/tokens-raw/atlassian-typography-minor3.js +3 -3
  46. package/dist/types/artifacts/atlassian-dark-token-value-for-contrast-check.d.ts +1 -1
  47. package/dist/types/artifacts/atlassian-light-token-value-for-contrast-check.d.ts +1 -1
  48. package/dist/types/artifacts/generated-pairs.d.ts +1 -1
  49. package/dist/types/artifacts/theme-import-map.d.ts +2 -2
  50. package/dist/types/artifacts/themes/atlassian-typography-minor3.d.ts +2 -2
  51. package/dist/types/artifacts/token-default-values.d.ts +1 -1
  52. package/dist/types/artifacts/token-names.d.ts +1 -1
  53. package/dist/types/artifacts/tokens-raw/atlassian-typography-minor3.d.ts +1 -1
  54. package/dist/types/artifacts/types-internal.d.ts +1 -1
  55. package/dist/types/artifacts/types.d.ts +1 -1
  56. package/dist/types/babel-plugin/plugin.d.ts +1 -1
  57. package/dist/types/custom-theme.d.ts +2 -2
  58. package/dist/types/enable-global-theme.d.ts +2 -2
  59. package/dist/types/entry-points/css-type-schema.codegen.d.ts +1 -1
  60. package/dist/types/entry-points/token-ids.d.ts +1 -1
  61. package/dist/types/get-global-theme.d.ts +1 -1
  62. package/dist/types/get-ssr-auto-script.d.ts +1 -1
  63. package/dist/types/get-theme-html-attrs.d.ts +1 -1
  64. package/dist/types/get-theme-styles.d.ts +1 -1
  65. package/dist/types/get-token.d.ts +1 -1
  66. package/dist/types/index.d.ts +1 -1
  67. package/dist/types/load-custom-theme-styles.d.ts +1 -1
  68. package/dist/types/set-global-theme.d.ts +2 -2
  69. package/dist/types/theme-state-transformer.d.ts +1 -1
  70. package/dist/types/utils/color-detection.d.ts +1 -1
  71. package/dist/types/utils/color-mode-listeners.d.ts +1 -1
  72. package/dist/types/utils/configure-page.d.ts +1 -1
  73. package/dist/types/utils/contrast-mode-listeners.d.ts +1 -1
  74. package/dist/types/utils/custom-theme-loading-utils.d.ts +1 -1
  75. package/dist/types/utils/custom-theme-token-contrast-check.d.ts +1 -1
  76. package/dist/types/utils/generate-custom-color-ramp.d.ts +2 -2
  77. package/dist/types/utils/get-increased-contrast-theme.d.ts +1 -1
  78. package/dist/types/utils/get-theme-preferences.d.ts +1 -1
  79. package/dist/types/utils/theme-loading.d.ts +1 -1
  80. package/dist/types-ts4.5/artifacts/atlassian-dark-token-value-for-contrast-check.d.ts +1 -1
  81. package/dist/types-ts4.5/artifacts/atlassian-light-token-value-for-contrast-check.d.ts +1 -1
  82. package/dist/types-ts4.5/artifacts/generated-pairs.d.ts +1 -1
  83. package/dist/types-ts4.5/artifacts/theme-import-map.d.ts +2 -2
  84. package/dist/types-ts4.5/artifacts/themes/atlassian-typography-minor3.d.ts +2 -2
  85. package/dist/types-ts4.5/artifacts/token-default-values.d.ts +1 -1
  86. package/dist/types-ts4.5/artifacts/token-names.d.ts +1 -1
  87. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-minor3.d.ts +1 -1
  88. package/dist/types-ts4.5/artifacts/types-internal.d.ts +1 -1
  89. package/dist/types-ts4.5/artifacts/types.d.ts +1 -1
  90. package/dist/types-ts4.5/babel-plugin/plugin.d.ts +1 -1
  91. package/dist/types-ts4.5/custom-theme.d.ts +2 -2
  92. package/dist/types-ts4.5/enable-global-theme.d.ts +2 -2
  93. package/dist/types-ts4.5/entry-points/css-type-schema.codegen.d.ts +1 -1
  94. package/dist/types-ts4.5/entry-points/token-ids.d.ts +1 -1
  95. package/dist/types-ts4.5/get-global-theme.d.ts +1 -1
  96. package/dist/types-ts4.5/get-ssr-auto-script.d.ts +1 -1
  97. package/dist/types-ts4.5/get-theme-html-attrs.d.ts +1 -1
  98. package/dist/types-ts4.5/get-theme-styles.d.ts +1 -1
  99. package/dist/types-ts4.5/get-token.d.ts +1 -1
  100. package/dist/types-ts4.5/index.d.ts +1 -1
  101. package/dist/types-ts4.5/load-custom-theme-styles.d.ts +1 -1
  102. package/dist/types-ts4.5/set-global-theme.d.ts +2 -2
  103. package/dist/types-ts4.5/theme-state-transformer.d.ts +1 -1
  104. package/dist/types-ts4.5/utils/color-detection.d.ts +1 -1
  105. package/dist/types-ts4.5/utils/color-mode-listeners.d.ts +1 -1
  106. package/dist/types-ts4.5/utils/configure-page.d.ts +1 -1
  107. package/dist/types-ts4.5/utils/contrast-mode-listeners.d.ts +1 -1
  108. package/dist/types-ts4.5/utils/custom-theme-loading-utils.d.ts +1 -1
  109. package/dist/types-ts4.5/utils/custom-theme-token-contrast-check.d.ts +1 -1
  110. package/dist/types-ts4.5/utils/generate-custom-color-ramp.d.ts +2 -2
  111. package/dist/types-ts4.5/utils/get-increased-contrast-theme.d.ts +1 -1
  112. package/dist/types-ts4.5/utils/get-theme-preferences.d.ts +1 -1
  113. package/dist/types-ts4.5/utils/theme-loading.d.ts +1 -1
  114. package/package.json +3 -5
  115. package/report.api.md +2071 -2090
@@ -1,232 +1,232 @@
1
1
  export const legacyColors = [
2
- 'R50',
3
- 'R75',
4
- 'R100',
5
- 'R200',
6
- 'R300',
7
- 'R400',
8
- 'R500',
9
- 'Y50',
10
- 'Y75',
11
- 'Y100',
12
- 'Y200',
13
- 'Y300',
14
- 'Y400',
15
- 'Y500',
16
- 'G50',
17
- 'G75',
18
- 'G100',
19
- 'G200',
20
- 'G300',
21
- 'G400',
22
- 'G500',
23
- 'B50',
24
- 'B75',
25
- 'B100',
26
- 'B200',
27
- 'B300',
28
- 'B400',
29
- 'B500',
30
- 'P50',
31
- 'P75',
32
- 'P100',
33
- 'P200',
34
- 'P300',
35
- 'P400',
36
- 'P500',
37
- 'T50',
38
- 'T75',
39
- 'T100',
40
- 'T200',
41
- 'T300',
42
- 'T400',
43
- 'T500',
44
- 'N0',
45
- 'N10',
46
- 'N20',
47
- 'N30',
48
- 'N40',
49
- 'N50',
50
- 'N60',
51
- 'N70',
52
- 'N80',
53
- 'N90',
54
- 'N100',
55
- 'N200',
56
- 'N300',
57
- 'N400',
58
- 'N500',
59
- 'N600',
60
- 'N700',
61
- 'N800',
62
- 'N900',
63
- 'N10A',
64
- 'N20A',
65
- 'N30A',
66
- 'N40A',
67
- 'N50A',
68
- 'N60A',
69
- 'N70A',
70
- 'N80A',
71
- 'N90A',
72
- 'N100A',
73
- 'N200A',
74
- 'N300A',
75
- 'N400A',
76
- 'N500A',
77
- 'N600A',
78
- 'N700A',
79
- 'N800A',
80
- 'DN900',
81
- 'DN800',
82
- 'DN700',
83
- 'DN600',
84
- 'DN500',
85
- 'DN400',
86
- 'DN300',
87
- 'DN200',
88
- 'DN100',
89
- 'DN90',
90
- 'DN80',
91
- 'DN70',
92
- 'DN60',
93
- 'DN50',
94
- 'DN40',
95
- 'DN30',
96
- 'DN20',
97
- 'DN10',
98
- 'DN0',
99
- 'DN800A',
100
- 'DN700A',
101
- 'DN600A',
102
- 'DN500A',
103
- 'DN400A',
104
- 'DN300A',
105
- 'DN200A',
106
- 'DN100A',
107
- 'DN90A',
108
- 'DN80A',
109
- 'DN70A',
110
- 'DN60A',
111
- 'DN50A',
112
- 'DN40A',
113
- 'DN30A',
114
- 'DN20A',
115
- 'DN10A',
2
+ 'R50',
3
+ 'R75',
4
+ 'R100',
5
+ 'R200',
6
+ 'R300',
7
+ 'R400',
8
+ 'R500',
9
+ 'Y50',
10
+ 'Y75',
11
+ 'Y100',
12
+ 'Y200',
13
+ 'Y300',
14
+ 'Y400',
15
+ 'Y500',
16
+ 'G50',
17
+ 'G75',
18
+ 'G100',
19
+ 'G200',
20
+ 'G300',
21
+ 'G400',
22
+ 'G500',
23
+ 'B50',
24
+ 'B75',
25
+ 'B100',
26
+ 'B200',
27
+ 'B300',
28
+ 'B400',
29
+ 'B500',
30
+ 'P50',
31
+ 'P75',
32
+ 'P100',
33
+ 'P200',
34
+ 'P300',
35
+ 'P400',
36
+ 'P500',
37
+ 'T50',
38
+ 'T75',
39
+ 'T100',
40
+ 'T200',
41
+ 'T300',
42
+ 'T400',
43
+ 'T500',
44
+ 'N0',
45
+ 'N10',
46
+ 'N20',
47
+ 'N30',
48
+ 'N40',
49
+ 'N50',
50
+ 'N60',
51
+ 'N70',
52
+ 'N80',
53
+ 'N90',
54
+ 'N100',
55
+ 'N200',
56
+ 'N300',
57
+ 'N400',
58
+ 'N500',
59
+ 'N600',
60
+ 'N700',
61
+ 'N800',
62
+ 'N900',
63
+ 'N10A',
64
+ 'N20A',
65
+ 'N30A',
66
+ 'N40A',
67
+ 'N50A',
68
+ 'N60A',
69
+ 'N70A',
70
+ 'N80A',
71
+ 'N90A',
72
+ 'N100A',
73
+ 'N200A',
74
+ 'N300A',
75
+ 'N400A',
76
+ 'N500A',
77
+ 'N600A',
78
+ 'N700A',
79
+ 'N800A',
80
+ 'DN900',
81
+ 'DN800',
82
+ 'DN700',
83
+ 'DN600',
84
+ 'DN500',
85
+ 'DN400',
86
+ 'DN300',
87
+ 'DN200',
88
+ 'DN100',
89
+ 'DN90',
90
+ 'DN80',
91
+ 'DN70',
92
+ 'DN60',
93
+ 'DN50',
94
+ 'DN40',
95
+ 'DN30',
96
+ 'DN20',
97
+ 'DN10',
98
+ 'DN0',
99
+ 'DN800A',
100
+ 'DN700A',
101
+ 'DN600A',
102
+ 'DN500A',
103
+ 'DN400A',
104
+ 'DN300A',
105
+ 'DN200A',
106
+ 'DN100A',
107
+ 'DN90A',
108
+ 'DN80A',
109
+ 'DN70A',
110
+ 'DN60A',
111
+ 'DN50A',
112
+ 'DN40A',
113
+ 'DN30A',
114
+ 'DN20A',
115
+ 'DN10A',
116
116
  ];
117
117
 
118
118
  export const legacyColorMixins = [
119
- 'background',
120
- 'backgroundActive',
121
- 'backgroundHover',
122
- 'backgroundOnLayer',
123
- 'text',
124
- 'textHover',
125
- 'textActive',
126
- 'subtleText',
127
- 'placeholderText',
128
- 'heading',
129
- 'subtleHeading',
130
- 'codeBlock',
131
- 'link',
132
- 'linkHover',
133
- 'linkActive',
134
- 'linkOutline',
135
- 'primary',
136
- 'blue',
137
- 'teal',
138
- 'purple',
139
- 'red',
140
- 'yellow',
141
- 'green',
142
- 'skeleton',
119
+ 'background',
120
+ 'backgroundActive',
121
+ 'backgroundHover',
122
+ 'backgroundOnLayer',
123
+ 'text',
124
+ 'textHover',
125
+ 'textActive',
126
+ 'subtleText',
127
+ 'placeholderText',
128
+ 'heading',
129
+ 'subtleHeading',
130
+ 'codeBlock',
131
+ 'link',
132
+ 'linkHover',
133
+ 'linkActive',
134
+ 'linkOutline',
135
+ 'primary',
136
+ 'blue',
137
+ 'teal',
138
+ 'purple',
139
+ 'red',
140
+ 'yellow',
141
+ 'green',
142
+ 'skeleton',
143
143
  ];
144
144
 
145
145
  export const legacyColorMetaMap: Record<string, string[]> = {
146
- R50: ['danger'],
147
- R75: ['danger'],
148
- R100: ['danger'],
149
- R200: ['danger'],
150
- R300: ['danger', 'bold'],
151
- R400: ['danger', 'bold'],
152
- R500: ['danger', 'bold'],
153
- Y50: ['warning'],
154
- Y75: ['warning'],
155
- Y100: ['warning'],
156
- Y200: ['warning'],
157
- Y300: ['warning', 'bold'],
158
- Y400: ['warning', 'bold'],
159
- Y500: ['warning', 'bold'],
160
- G50: ['success'],
161
- G75: ['success'],
162
- G100: ['success'],
163
- G200: ['success'],
164
- G300: ['success'],
165
- G400: ['success'],
166
- G500: ['success'],
167
- B50: ['information'],
168
- B75: ['information'],
169
- B100: ['information'],
170
- B200: ['information'],
171
- B300: ['information', 'bold'],
172
- B400: ['information', 'bold'],
173
- B500: ['information', 'bold'],
174
- P50: ['discovery'],
175
- P75: ['discovery'],
176
- P100: ['discovery'],
177
- P200: ['discovery'],
178
- P300: ['discovery', 'bold'],
179
- P400: ['discovery', 'bold'],
180
- P500: ['discovery', 'bold'],
181
- T50: ['accent', 'teal'],
182
- T75: ['accent', 'teal'],
183
- T100: ['accent', 'teal'],
184
- T200: ['accent', 'teal'],
185
- T300: ['accent', 'teal'],
186
- T400: ['accent', 'teal'],
187
- T500: ['accent', 'teal'],
188
- N0: ['inverse'],
189
- N10: ['neutral'],
190
- N20: ['neutral'],
191
- N30: ['neutral'],
192
- N40: ['neutral'],
193
- N50: ['neutral'],
194
- N60: ['neutral'],
195
- N70: ['neutral'],
196
- N80: ['neutral'],
197
- N90: ['neutral'],
198
- N100: ['neutral'],
199
- N200: ['neutral'],
200
- N300: ['neutral'],
201
- N400: ['neutral'],
202
- N500: ['neutral'],
203
- N600: ['neutral'],
204
- N700: ['neutral'],
205
- N800: ['neutral'],
206
- N900: ['neutral'],
207
- background: ['background', 'default'],
208
- backgroundActive: ['background', 'pressed'],
209
- backgroundHover: ['background', 'hovered'],
210
- backgroundOnLayer: ['background', 'blanket'],
211
- text: ['text'],
212
- textHover: ['text', 'subtle'],
213
- textActive: ['text', 'link', 'pressed'],
214
- subtleText: ['text', 'subtlest'],
215
- placeholderText: ['text', 'subtlest'],
216
- heading: ['text'],
217
- subtleHeading: ['text', 'subtle'],
218
- link: ['link'],
219
- linkHover: ['link', 'hovered'],
220
- linkActive: ['link', 'pressed'],
221
- linkOutline: ['border', 'selected'],
222
- primary: ['brand'],
223
- blue: ['accent', 'blue'],
224
- teal: ['accent', 'teal'],
225
- purple: ['accent', 'purple'],
226
- red: ['accent', 'red'],
227
- yellow: ['accent', 'orange'],
228
- green: ['accent', 'green'],
229
- grey: ['background', 'neutral'],
230
- skeleton: ['skeleton'],
231
- white: ['inverse'],
146
+ R50: ['danger'],
147
+ R75: ['danger'],
148
+ R100: ['danger'],
149
+ R200: ['danger'],
150
+ R300: ['danger', 'bold'],
151
+ R400: ['danger', 'bold'],
152
+ R500: ['danger', 'bold'],
153
+ Y50: ['warning'],
154
+ Y75: ['warning'],
155
+ Y100: ['warning'],
156
+ Y200: ['warning'],
157
+ Y300: ['warning', 'bold'],
158
+ Y400: ['warning', 'bold'],
159
+ Y500: ['warning', 'bold'],
160
+ G50: ['success'],
161
+ G75: ['success'],
162
+ G100: ['success'],
163
+ G200: ['success'],
164
+ G300: ['success'],
165
+ G400: ['success'],
166
+ G500: ['success'],
167
+ B50: ['information'],
168
+ B75: ['information'],
169
+ B100: ['information'],
170
+ B200: ['information'],
171
+ B300: ['information', 'bold'],
172
+ B400: ['information', 'bold'],
173
+ B500: ['information', 'bold'],
174
+ P50: ['discovery'],
175
+ P75: ['discovery'],
176
+ P100: ['discovery'],
177
+ P200: ['discovery'],
178
+ P300: ['discovery', 'bold'],
179
+ P400: ['discovery', 'bold'],
180
+ P500: ['discovery', 'bold'],
181
+ T50: ['accent', 'teal'],
182
+ T75: ['accent', 'teal'],
183
+ T100: ['accent', 'teal'],
184
+ T200: ['accent', 'teal'],
185
+ T300: ['accent', 'teal'],
186
+ T400: ['accent', 'teal'],
187
+ T500: ['accent', 'teal'],
188
+ N0: ['inverse'],
189
+ N10: ['neutral'],
190
+ N20: ['neutral'],
191
+ N30: ['neutral'],
192
+ N40: ['neutral'],
193
+ N50: ['neutral'],
194
+ N60: ['neutral'],
195
+ N70: ['neutral'],
196
+ N80: ['neutral'],
197
+ N90: ['neutral'],
198
+ N100: ['neutral'],
199
+ N200: ['neutral'],
200
+ N300: ['neutral'],
201
+ N400: ['neutral'],
202
+ N500: ['neutral'],
203
+ N600: ['neutral'],
204
+ N700: ['neutral'],
205
+ N800: ['neutral'],
206
+ N900: ['neutral'],
207
+ background: ['background', 'default'],
208
+ backgroundActive: ['background', 'pressed'],
209
+ backgroundHover: ['background', 'hovered'],
210
+ backgroundOnLayer: ['background', 'blanket'],
211
+ text: ['text'],
212
+ textHover: ['text', 'subtle'],
213
+ textActive: ['text', 'link', 'pressed'],
214
+ subtleText: ['text', 'subtlest'],
215
+ placeholderText: ['text', 'subtlest'],
216
+ heading: ['text'],
217
+ subtleHeading: ['text', 'subtle'],
218
+ link: ['link'],
219
+ linkHover: ['link', 'hovered'],
220
+ linkActive: ['link', 'pressed'],
221
+ linkOutline: ['border', 'selected'],
222
+ primary: ['brand'],
223
+ blue: ['accent', 'blue'],
224
+ teal: ['accent', 'teal'],
225
+ purple: ['accent', 'purple'],
226
+ red: ['accent', 'red'],
227
+ yellow: ['accent', 'orange'],
228
+ green: ['accent', 'green'],
229
+ grey: ['background', 'neutral'],
230
+ skeleton: ['skeleton'],
231
+ white: ['inverse'],
232
232
  };