@atlaskit/tokens 0.6.1 → 0.7.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 (95) hide show
  1. package/CHANGELOG.md +64 -0
  2. package/css/atlassian-dark.css +55 -8
  3. package/css/atlassian-light.css +54 -7
  4. package/dist/cjs/artifacts/rename-mapping.js +100 -32
  5. package/dist/cjs/artifacts/token-default-values.js +54 -7
  6. package/dist/cjs/artifacts/token-names.js +54 -7
  7. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +1173 -246
  8. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +1151 -224
  9. package/dist/cjs/figma/synchronize-figma-tokens.js +34 -9
  10. package/dist/cjs/get-token.js +1 -1
  11. package/dist/cjs/tokens/atlassian-dark/color/accent.js +120 -32
  12. package/dist/cjs/tokens/atlassian-dark/color/background.js +16 -3
  13. package/dist/cjs/tokens/atlassian-dark/color/border.js +3 -0
  14. package/dist/cjs/tokens/atlassian-dark/color/icon.js +3 -0
  15. package/dist/cjs/tokens/atlassian-dark/color/text.js +3 -0
  16. package/dist/cjs/tokens/atlassian-dark/deprecated/deprecated.js +79 -6
  17. package/dist/cjs/tokens/atlassian-dark/elevation/surface.js +1 -1
  18. package/dist/cjs/tokens/atlassian-light/color/accent.js +112 -24
  19. package/dist/cjs/tokens/atlassian-light/color/background.js +13 -0
  20. package/dist/cjs/tokens/atlassian-light/color/border.js +3 -0
  21. package/dist/cjs/tokens/atlassian-light/color/icon.js +3 -0
  22. package/dist/cjs/tokens/atlassian-light/color/text.js +3 -0
  23. package/dist/cjs/tokens/atlassian-light/deprecated/deprecated.js +79 -6
  24. package/dist/cjs/tokens/default/color/accent.js +234 -50
  25. package/dist/cjs/tokens/default/color/background.js +30 -5
  26. package/dist/cjs/tokens/default/color/border.js +7 -0
  27. package/dist/cjs/tokens/default/color/icon.js +7 -0
  28. package/dist/cjs/tokens/default/color/text.js +7 -0
  29. package/dist/cjs/tokens/default/deprecated/deprecated.js +192 -34
  30. package/dist/cjs/tokens/palette.js +6 -0
  31. package/dist/cjs/version.json +1 -1
  32. package/dist/es2019/artifacts/rename-mapping.js +100 -32
  33. package/dist/es2019/artifacts/token-default-values.js +54 -7
  34. package/dist/es2019/artifacts/token-names.js +54 -7
  35. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +1173 -246
  36. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +1151 -224
  37. package/dist/es2019/figma/synchronize-figma-tokens.js +32 -9
  38. package/dist/es2019/get-token.js +1 -1
  39. package/dist/es2019/tokens/atlassian-dark/color/accent.js +120 -32
  40. package/dist/es2019/tokens/atlassian-dark/color/background.js +16 -3
  41. package/dist/es2019/tokens/atlassian-dark/color/border.js +3 -0
  42. package/dist/es2019/tokens/atlassian-dark/color/icon.js +3 -0
  43. package/dist/es2019/tokens/atlassian-dark/color/text.js +3 -0
  44. package/dist/es2019/tokens/atlassian-dark/deprecated/deprecated.js +79 -6
  45. package/dist/es2019/tokens/atlassian-dark/elevation/surface.js +1 -1
  46. package/dist/es2019/tokens/atlassian-light/color/accent.js +112 -24
  47. package/dist/es2019/tokens/atlassian-light/color/background.js +13 -0
  48. package/dist/es2019/tokens/atlassian-light/color/border.js +3 -0
  49. package/dist/es2019/tokens/atlassian-light/color/icon.js +3 -0
  50. package/dist/es2019/tokens/atlassian-light/color/text.js +3 -0
  51. package/dist/es2019/tokens/atlassian-light/deprecated/deprecated.js +79 -6
  52. package/dist/es2019/tokens/default/color/accent.js +234 -50
  53. package/dist/es2019/tokens/default/color/background.js +30 -5
  54. package/dist/es2019/tokens/default/color/border.js +7 -0
  55. package/dist/es2019/tokens/default/color/icon.js +7 -0
  56. package/dist/es2019/tokens/default/color/text.js +7 -0
  57. package/dist/es2019/tokens/default/deprecated/deprecated.js +192 -34
  58. package/dist/es2019/tokens/palette.js +6 -0
  59. package/dist/es2019/version.json +1 -1
  60. package/dist/esm/artifacts/rename-mapping.js +100 -32
  61. package/dist/esm/artifacts/token-default-values.js +54 -7
  62. package/dist/esm/artifacts/token-names.js +54 -7
  63. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +1173 -246
  64. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +1151 -224
  65. package/dist/esm/figma/synchronize-figma-tokens.js +34 -9
  66. package/dist/esm/get-token.js +1 -1
  67. package/dist/esm/tokens/atlassian-dark/color/accent.js +120 -32
  68. package/dist/esm/tokens/atlassian-dark/color/background.js +16 -3
  69. package/dist/esm/tokens/atlassian-dark/color/border.js +3 -0
  70. package/dist/esm/tokens/atlassian-dark/color/icon.js +3 -0
  71. package/dist/esm/tokens/atlassian-dark/color/text.js +3 -0
  72. package/dist/esm/tokens/atlassian-dark/deprecated/deprecated.js +79 -6
  73. package/dist/esm/tokens/atlassian-dark/elevation/surface.js +1 -1
  74. package/dist/esm/tokens/atlassian-light/color/accent.js +112 -24
  75. package/dist/esm/tokens/atlassian-light/color/background.js +13 -0
  76. package/dist/esm/tokens/atlassian-light/color/border.js +3 -0
  77. package/dist/esm/tokens/atlassian-light/color/icon.js +3 -0
  78. package/dist/esm/tokens/atlassian-light/color/text.js +3 -0
  79. package/dist/esm/tokens/atlassian-light/deprecated/deprecated.js +79 -6
  80. package/dist/esm/tokens/default/color/accent.js +234 -50
  81. package/dist/esm/tokens/default/color/background.js +30 -5
  82. package/dist/esm/tokens/default/color/border.js +7 -0
  83. package/dist/esm/tokens/default/color/icon.js +7 -0
  84. package/dist/esm/tokens/default/color/text.js +7 -0
  85. package/dist/esm/tokens/default/deprecated/deprecated.js +192 -34
  86. package/dist/esm/tokens/palette.js +6 -0
  87. package/dist/esm/version.json +1 -1
  88. package/dist/types/artifacts/token-default-values.d.ts +54 -7
  89. package/dist/types/artifacts/token-names.d.ts +108 -14
  90. package/dist/types/artifacts/types-internal.d.ts +1 -1
  91. package/dist/types/artifacts/types.d.ts +1 -1
  92. package/dist/types/figma/synchronize-figma-tokens.d.ts +9 -1
  93. package/dist/types/tokens/default/utility/utility.d.ts +10 -10
  94. package/dist/types/types.d.ts +116 -26
  95. package/package.json +2 -4
@@ -9,28 +9,68 @@ var color = {
9
9
  text: {
10
10
  accent: {
11
11
  blue: {
12
- value: 'B800'
12
+ '[default]': {
13
+ value: 'B800'
14
+ },
15
+ bolder: {
16
+ value: 'B900'
17
+ }
13
18
  },
14
19
  red: {
15
- value: 'R800'
20
+ '[default]': {
21
+ value: 'R800'
22
+ },
23
+ bolder: {
24
+ value: 'R900'
25
+ }
16
26
  },
17
27
  orange: {
18
- value: 'O800'
28
+ '[default]': {
29
+ value: 'O800'
30
+ },
31
+ bolder: {
32
+ value: 'O900'
33
+ }
19
34
  },
20
35
  yellow: {
21
- value: 'Y800'
36
+ '[default]': {
37
+ value: 'Y800'
38
+ },
39
+ bolder: {
40
+ value: 'Y900'
41
+ }
22
42
  },
23
43
  green: {
24
- value: 'G800'
44
+ '[default]': {
45
+ value: 'G800'
46
+ },
47
+ bolder: {
48
+ value: 'G900'
49
+ }
25
50
  },
26
51
  purple: {
27
- value: 'P800'
52
+ '[default]': {
53
+ value: 'P800'
54
+ },
55
+ bolder: {
56
+ value: 'P900'
57
+ }
28
58
  },
29
59
  teal: {
30
- value: 'T800'
60
+ '[default]': {
61
+ value: 'T800'
62
+ },
63
+ bolder: {
64
+ value: 'T900'
65
+ }
31
66
  },
32
67
  magenta: {
33
- value: 'M800'
68
+ '[default]': {
69
+ value: 'M800'
70
+ },
71
+ bolder: {
72
+ value: 'M900'
73
+ }
34
74
  }
35
75
  }
36
76
  },
@@ -93,67 +133,115 @@ var color = {
93
133
  background: {
94
134
  accent: {
95
135
  blue: {
96
- '[default]': {
136
+ subtlest: {
137
+ value: 'B100'
138
+ },
139
+ subtler: {
97
140
  value: 'B200'
98
141
  },
99
- bold: {
142
+ subtle: {
100
143
  value: 'B400'
144
+ },
145
+ bolder: {
146
+ value: 'B700'
101
147
  }
102
148
  },
103
149
  red: {
104
- '[default]': {
150
+ subtlest: {
151
+ value: 'R100'
152
+ },
153
+ subtler: {
105
154
  value: 'R200'
106
155
  },
107
- bold: {
156
+ subtle: {
108
157
  value: 'R400'
158
+ },
159
+ bolder: {
160
+ value: 'R700'
109
161
  }
110
162
  },
111
163
  orange: {
112
- '[default]': {
164
+ subtlest: {
165
+ value: 'O100'
166
+ },
167
+ subtler: {
113
168
  value: 'O200'
114
169
  },
115
- bold: {
170
+ subtle: {
116
171
  value: 'O400'
172
+ },
173
+ bolder: {
174
+ value: 'O700'
117
175
  }
118
176
  },
119
177
  yellow: {
120
- '[default]': {
178
+ subtlest: {
179
+ value: 'Y100'
180
+ },
181
+ subtler: {
121
182
  value: 'Y200'
122
183
  },
123
- bold: {
184
+ subtle: {
124
185
  value: 'Y400'
186
+ },
187
+ bolder: {
188
+ value: 'Y700'
125
189
  }
126
190
  },
127
191
  green: {
128
- '[default]': {
192
+ subtlest: {
193
+ value: 'G100'
194
+ },
195
+ subtler: {
129
196
  value: 'G200'
130
197
  },
131
- bold: {
198
+ subtle: {
132
199
  value: 'G400'
200
+ },
201
+ bolder: {
202
+ value: 'G700'
133
203
  }
134
204
  },
135
205
  purple: {
136
- '[default]': {
206
+ subtlest: {
207
+ value: 'P100'
208
+ },
209
+ subtler: {
137
210
  value: 'P200'
138
211
  },
139
- bold: {
212
+ subtle: {
140
213
  value: 'P400'
214
+ },
215
+ bolder: {
216
+ value: 'P700'
141
217
  }
142
218
  },
143
219
  teal: {
144
- '[default]': {
220
+ subtlest: {
221
+ value: 'T100'
222
+ },
223
+ subtler: {
145
224
  value: 'T200'
146
225
  },
147
- bold: {
226
+ subtle: {
148
227
  value: 'T400'
228
+ },
229
+ bolder: {
230
+ value: 'T700'
149
231
  }
150
232
  },
151
233
  magenta: {
152
- '[default]': {
234
+ subtlest: {
235
+ value: 'M100'
236
+ },
237
+ subtler: {
153
238
  value: 'M200'
154
239
  },
155
- bold: {
240
+ subtle: {
156
241
  value: 'M400'
242
+ },
243
+ bolder: {
244
+ value: 'M700'
157
245
  }
158
246
  }
159
247
  }
@@ -65,6 +65,19 @@ var color = {
65
65
  }
66
66
  },
67
67
  brand: {
68
+ bold: {
69
+ '[default]': {
70
+ value: 'B700'
71
+ },
72
+ hovered: {
73
+ value: 'B800'
74
+ },
75
+ pressed: {
76
+ value: 'B900'
77
+ }
78
+ }
79
+ },
80
+ selected: {
68
81
  '[default]': {
69
82
  '[default]': {
70
83
  value: 'B100'
@@ -22,6 +22,9 @@ var color = {
22
22
  brand: {
23
23
  value: 'B700'
24
24
  },
25
+ selected: {
26
+ value: 'B700'
27
+ },
25
28
  danger: {
26
29
  value: 'R600'
27
30
  },
@@ -22,6 +22,9 @@ var color = {
22
22
  brand: {
23
23
  value: 'B700'
24
24
  },
25
+ selected: {
26
+ value: 'B700'
27
+ },
25
28
  danger: {
26
29
  value: 'R600'
27
30
  },
@@ -25,6 +25,9 @@ var color = {
25
25
  brand: {
26
26
  value: 'B700'
27
27
  },
28
+ selected: {
29
+ value: 'B700'
30
+ },
28
31
  danger: {
29
32
  value: 'R800'
30
33
  },
@@ -48,9 +48,88 @@ var color = {
48
48
  }
49
49
  },
50
50
  background: {
51
+ accent: {
52
+ blue: {
53
+ '[default]': {
54
+ value: 'B200'
55
+ },
56
+ bold: {
57
+ value: 'B400'
58
+ }
59
+ },
60
+ red: {
61
+ '[default]': {
62
+ value: 'R200'
63
+ },
64
+ bold: {
65
+ value: 'R400'
66
+ }
67
+ },
68
+ orange: {
69
+ '[default]': {
70
+ value: 'O200'
71
+ },
72
+ bold: {
73
+ value: 'O400'
74
+ }
75
+ },
76
+ yellow: {
77
+ '[default]': {
78
+ value: 'Y200'
79
+ },
80
+ bold: {
81
+ value: 'Y400'
82
+ }
83
+ },
84
+ green: {
85
+ '[default]': {
86
+ value: 'G200'
87
+ },
88
+ bold: {
89
+ value: 'G400'
90
+ }
91
+ },
92
+ purple: {
93
+ '[default]': {
94
+ value: 'P200'
95
+ },
96
+ bold: {
97
+ value: 'P400'
98
+ }
99
+ },
100
+ teal: {
101
+ '[default]': {
102
+ value: 'T200'
103
+ },
104
+ bold: {
105
+ value: 'T400'
106
+ }
107
+ },
108
+ magenta: {
109
+ '[default]': {
110
+ value: 'M200'
111
+ },
112
+ bold: {
113
+ value: 'M400'
114
+ }
115
+ }
116
+ },
51
117
  blanket: {
52
118
  value: 'N500A'
53
119
  },
120
+ brand: {
121
+ '[default]': {
122
+ '[default]': {
123
+ value: 'B100'
124
+ },
125
+ hovered: {
126
+ value: 'B200'
127
+ },
128
+ pressed: {
129
+ value: 'B300'
130
+ }
131
+ }
132
+ },
54
133
  boldBrand: {
55
134
  resting: {
56
135
  value: 'B700'
@@ -132,9 +211,6 @@ var color = {
132
211
  },
133
212
  hover: {
134
213
  value: 'B200'
135
- },
136
- pressed: {
137
- value: 'B300'
138
214
  }
139
215
  },
140
216
  subtleBorderedNeutral: {
@@ -246,9 +322,6 @@ var color = {
246
322
  },
247
323
  onBoldWarning: {
248
324
  value: 'N1000'
249
- },
250
- selected: {
251
- value: 'B700'
252
325
  }
253
326
  },
254
327
  border: {