@atlaskit/tokens 0.10.16 → 0.10.19

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 (173) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/css/atlassian-dark.css +3 -1
  3. package/css/atlassian-legacy-dark.css +292 -0
  4. package/css/atlassian-legacy-light.css +292 -0
  5. package/css/atlassian-light.css +3 -1
  6. package/dist/cjs/artifacts/palettes-raw/legacy-palette.js +120 -69
  7. package/dist/cjs/artifacts/palettes-raw/palette.js +35 -1
  8. package/dist/cjs/artifacts/token-default-values.js +3 -1
  9. package/dist/cjs/artifacts/token-names.js +3 -1
  10. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +45 -3
  11. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-dark.js +6800 -0
  12. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.js +6760 -0
  13. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +45 -3
  14. package/dist/cjs/constants.js +9 -5
  15. package/dist/cjs/get-token.js +1 -1
  16. package/dist/cjs/palettes/legacy-palette.js +59 -34
  17. package/dist/cjs/palettes/palette.js +18 -0
  18. package/dist/cjs/tokens/atlassian-dark/opacity/opacity.js +18 -0
  19. package/dist/cjs/tokens/atlassian-legacy-dark/color/accent.js +296 -0
  20. package/dist/cjs/tokens/atlassian-legacy-dark/color/background.js +250 -0
  21. package/dist/cjs/tokens/atlassian-legacy-dark/color/border.js +53 -0
  22. package/dist/cjs/tokens/atlassian-legacy-dark/color/icon.js +52 -0
  23. package/dist/cjs/tokens/atlassian-legacy-dark/color/interaction.js +22 -0
  24. package/dist/cjs/tokens/atlassian-legacy-dark/color/skeleton.js +20 -0
  25. package/dist/cjs/tokens/atlassian-legacy-dark/color/text.js +63 -0
  26. package/dist/cjs/tokens/atlassian-legacy-dark/deprecated/deprecated.js +532 -0
  27. package/dist/cjs/tokens/atlassian-legacy-dark/elevation/shadow.js +89 -0
  28. package/dist/cjs/tokens/atlassian-legacy-dark/elevation/surface.js +26 -0
  29. package/dist/cjs/tokens/atlassian-legacy-dark/opacity/opacity.js +18 -0
  30. package/dist/cjs/tokens/atlassian-legacy-dark/utility/utility.js +20 -0
  31. package/dist/cjs/tokens/atlassian-legacy-light/color/accent.js +296 -0
  32. package/dist/cjs/tokens/atlassian-legacy-light/color/background.js +249 -0
  33. package/dist/cjs/tokens/atlassian-legacy-light/color/border.js +53 -0
  34. package/dist/cjs/tokens/atlassian-legacy-light/color/icon.js +52 -0
  35. package/dist/cjs/tokens/atlassian-legacy-light/color/interaction.js +22 -0
  36. package/dist/cjs/tokens/atlassian-legacy-light/color/skeleton.js +20 -0
  37. package/dist/cjs/tokens/atlassian-legacy-light/color/text.js +63 -0
  38. package/dist/cjs/tokens/atlassian-legacy-light/deprecated/deprecated.js +523 -0
  39. package/dist/cjs/tokens/atlassian-legacy-light/elevation/shadow.js +71 -0
  40. package/dist/cjs/tokens/atlassian-legacy-light/elevation/surface.js +26 -0
  41. package/dist/cjs/tokens/atlassian-legacy-light/opacity/opacity.js +18 -0
  42. package/dist/cjs/tokens/atlassian-legacy-light/utility/utility.js +20 -0
  43. package/dist/cjs/tokens/atlassian-light/opacity/opacity.js +18 -0
  44. package/dist/cjs/tokens/default/elevation/shadow.js +1 -1
  45. package/dist/cjs/tokens/default/opacity/opacity.js +28 -0
  46. package/dist/cjs/utils/token-ids.js +8 -5
  47. package/dist/cjs/version.json +1 -1
  48. package/dist/es2019/artifacts/palettes-raw/legacy-palette.js +120 -69
  49. package/dist/es2019/artifacts/palettes-raw/palette.js +35 -1
  50. package/dist/es2019/artifacts/token-default-values.js +3 -1
  51. package/dist/es2019/artifacts/token-names.js +3 -1
  52. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +45 -3
  53. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-dark.js +6792 -0
  54. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-light.js +6752 -0
  55. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +45 -3
  56. package/dist/es2019/constants.js +6 -3
  57. package/dist/es2019/get-token.js +1 -1
  58. package/dist/es2019/palettes/legacy-palette.js +59 -34
  59. package/dist/es2019/palettes/palette.js +18 -0
  60. package/dist/es2019/tokens/atlassian-dark/opacity/opacity.js +11 -0
  61. package/dist/es2019/tokens/atlassian-legacy-dark/color/accent.js +289 -0
  62. package/dist/es2019/tokens/atlassian-legacy-dark/color/background.js +243 -0
  63. package/dist/es2019/tokens/atlassian-legacy-dark/color/border.js +46 -0
  64. package/dist/es2019/tokens/atlassian-legacy-dark/color/icon.js +45 -0
  65. package/dist/es2019/tokens/atlassian-legacy-dark/color/interaction.js +15 -0
  66. package/dist/es2019/tokens/atlassian-legacy-dark/color/skeleton.js +13 -0
  67. package/dist/es2019/tokens/atlassian-legacy-dark/color/text.js +56 -0
  68. package/dist/es2019/tokens/atlassian-legacy-dark/deprecated/deprecated.js +525 -0
  69. package/dist/es2019/tokens/atlassian-legacy-dark/elevation/shadow.js +82 -0
  70. package/dist/es2019/tokens/atlassian-legacy-dark/elevation/surface.js +19 -0
  71. package/dist/es2019/tokens/atlassian-legacy-dark/opacity/opacity.js +11 -0
  72. package/dist/es2019/tokens/atlassian-legacy-dark/utility/utility.js +13 -0
  73. package/dist/es2019/tokens/atlassian-legacy-light/color/accent.js +289 -0
  74. package/dist/es2019/tokens/atlassian-legacy-light/color/background.js +242 -0
  75. package/dist/es2019/tokens/atlassian-legacy-light/color/border.js +46 -0
  76. package/dist/es2019/tokens/atlassian-legacy-light/color/icon.js +45 -0
  77. package/dist/es2019/tokens/atlassian-legacy-light/color/interaction.js +15 -0
  78. package/dist/es2019/tokens/atlassian-legacy-light/color/skeleton.js +13 -0
  79. package/dist/es2019/tokens/atlassian-legacy-light/color/text.js +56 -0
  80. package/dist/es2019/tokens/atlassian-legacy-light/deprecated/deprecated.js +516 -0
  81. package/dist/es2019/tokens/atlassian-legacy-light/elevation/shadow.js +64 -0
  82. package/dist/es2019/tokens/atlassian-legacy-light/elevation/surface.js +19 -0
  83. package/dist/es2019/tokens/atlassian-legacy-light/opacity/opacity.js +11 -0
  84. package/dist/es2019/tokens/atlassian-legacy-light/utility/utility.js +13 -0
  85. package/dist/es2019/tokens/atlassian-light/opacity/opacity.js +11 -0
  86. package/dist/es2019/tokens/default/elevation/shadow.js +1 -1
  87. package/dist/es2019/tokens/default/opacity/opacity.js +21 -0
  88. package/dist/es2019/utils/token-ids.js +6 -4
  89. package/dist/es2019/version.json +1 -1
  90. package/dist/esm/artifacts/palettes-raw/legacy-palette.js +120 -69
  91. package/dist/esm/artifacts/palettes-raw/palette.js +35 -1
  92. package/dist/esm/artifacts/token-default-values.js +3 -1
  93. package/dist/esm/artifacts/token-names.js +3 -1
  94. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +45 -3
  95. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-dark.js +6792 -0
  96. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-light.js +6752 -0
  97. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +45 -3
  98. package/dist/esm/constants.js +6 -3
  99. package/dist/esm/get-token.js +1 -1
  100. package/dist/esm/palettes/legacy-palette.js +59 -34
  101. package/dist/esm/palettes/palette.js +18 -0
  102. package/dist/esm/tokens/atlassian-dark/opacity/opacity.js +11 -0
  103. package/dist/esm/tokens/atlassian-legacy-dark/color/accent.js +289 -0
  104. package/dist/esm/tokens/atlassian-legacy-dark/color/background.js +243 -0
  105. package/dist/esm/tokens/atlassian-legacy-dark/color/border.js +46 -0
  106. package/dist/esm/tokens/atlassian-legacy-dark/color/icon.js +45 -0
  107. package/dist/esm/tokens/atlassian-legacy-dark/color/interaction.js +15 -0
  108. package/dist/esm/tokens/atlassian-legacy-dark/color/skeleton.js +13 -0
  109. package/dist/esm/tokens/atlassian-legacy-dark/color/text.js +56 -0
  110. package/dist/esm/tokens/atlassian-legacy-dark/deprecated/deprecated.js +525 -0
  111. package/dist/esm/tokens/atlassian-legacy-dark/elevation/shadow.js +82 -0
  112. package/dist/esm/tokens/atlassian-legacy-dark/elevation/surface.js +19 -0
  113. package/dist/esm/tokens/atlassian-legacy-dark/opacity/opacity.js +11 -0
  114. package/dist/esm/tokens/atlassian-legacy-dark/utility/utility.js +13 -0
  115. package/dist/esm/tokens/atlassian-legacy-light/color/accent.js +289 -0
  116. package/dist/esm/tokens/atlassian-legacy-light/color/background.js +242 -0
  117. package/dist/esm/tokens/atlassian-legacy-light/color/border.js +46 -0
  118. package/dist/esm/tokens/atlassian-legacy-light/color/icon.js +45 -0
  119. package/dist/esm/tokens/atlassian-legacy-light/color/interaction.js +15 -0
  120. package/dist/esm/tokens/atlassian-legacy-light/color/skeleton.js +13 -0
  121. package/dist/esm/tokens/atlassian-legacy-light/color/text.js +56 -0
  122. package/dist/esm/tokens/atlassian-legacy-light/deprecated/deprecated.js +516 -0
  123. package/dist/esm/tokens/atlassian-legacy-light/elevation/shadow.js +64 -0
  124. package/dist/esm/tokens/atlassian-legacy-light/elevation/surface.js +19 -0
  125. package/dist/esm/tokens/atlassian-legacy-light/opacity/opacity.js +11 -0
  126. package/dist/esm/tokens/atlassian-legacy-light/utility/utility.js +13 -0
  127. package/dist/esm/tokens/atlassian-light/opacity/opacity.js +11 -0
  128. package/dist/esm/tokens/default/elevation/shadow.js +1 -1
  129. package/dist/esm/tokens/default/opacity/opacity.js +21 -0
  130. package/dist/esm/utils/token-ids.js +6 -4
  131. package/dist/esm/version.json +1 -1
  132. package/dist/types/artifacts/palettes-raw/legacy-palette.d.ts +20 -3
  133. package/dist/types/artifacts/palettes-raw/palette.d.ts +20 -3
  134. package/dist/types/artifacts/token-default-values.d.ts +3 -1
  135. package/dist/types/artifacts/token-names.d.ts +5 -1
  136. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +28 -1
  137. package/dist/types/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +222 -0
  138. package/dist/types/artifacts/tokens-raw/atlassian-legacy-light.d.ts +174 -0
  139. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +28 -1
  140. package/dist/types/artifacts/types-internal.d.ts +2 -2
  141. package/dist/types/artifacts/types.d.ts +2 -2
  142. package/dist/types/constants.d.ts +4 -1
  143. package/dist/types/palettes/legacy-palette.d.ts +1 -1
  144. package/dist/types/tokens/atlassian-dark/opacity/opacity.d.ts +3 -0
  145. package/dist/types/tokens/atlassian-legacy-dark/color/accent.d.ts +4 -0
  146. package/dist/types/tokens/atlassian-legacy-dark/color/background.d.ts +4 -0
  147. package/dist/types/tokens/atlassian-legacy-dark/color/border.d.ts +4 -0
  148. package/dist/types/tokens/atlassian-legacy-dark/color/icon.d.ts +4 -0
  149. package/dist/types/tokens/atlassian-legacy-dark/color/interaction.d.ts +4 -0
  150. package/dist/types/tokens/atlassian-legacy-dark/color/skeleton.d.ts +4 -0
  151. package/dist/types/tokens/atlassian-legacy-dark/color/text.d.ts +4 -0
  152. package/dist/types/tokens/atlassian-legacy-dark/deprecated/deprecated.d.ts +4 -0
  153. package/dist/types/tokens/atlassian-legacy-dark/elevation/shadow.d.ts +4 -0
  154. package/dist/types/tokens/atlassian-legacy-dark/elevation/surface.d.ts +4 -0
  155. package/dist/types/tokens/atlassian-legacy-dark/opacity/opacity.d.ts +3 -0
  156. package/dist/types/tokens/atlassian-legacy-dark/utility/utility.d.ts +5 -0
  157. package/dist/types/tokens/atlassian-legacy-light/color/accent.d.ts +4 -0
  158. package/dist/types/tokens/atlassian-legacy-light/color/background.d.ts +4 -0
  159. package/dist/types/tokens/atlassian-legacy-light/color/border.d.ts +4 -0
  160. package/dist/types/tokens/atlassian-legacy-light/color/icon.d.ts +4 -0
  161. package/dist/types/tokens/atlassian-legacy-light/color/interaction.d.ts +4 -0
  162. package/dist/types/tokens/atlassian-legacy-light/color/skeleton.d.ts +4 -0
  163. package/dist/types/tokens/atlassian-legacy-light/color/text.d.ts +4 -0
  164. package/dist/types/tokens/atlassian-legacy-light/deprecated/deprecated.d.ts +4 -0
  165. package/dist/types/tokens/atlassian-legacy-light/elevation/shadow.d.ts +4 -0
  166. package/dist/types/tokens/atlassian-legacy-light/elevation/surface.d.ts +4 -0
  167. package/dist/types/tokens/atlassian-legacy-light/opacity/opacity.d.ts +3 -0
  168. package/dist/types/tokens/atlassian-legacy-light/utility/utility.d.ts +5 -0
  169. package/dist/types/tokens/atlassian-light/opacity/opacity.d.ts +3 -0
  170. package/dist/types/tokens/default/opacity/opacity.d.ts +3 -0
  171. package/dist/types/types.d.ts +29 -8
  172. package/dist/types/utils/token-ids.d.ts +1 -3
  173. package/package.json +16 -14
@@ -0,0 +1,289 @@
1
+ const color = {
2
+ color: {
3
+ text: {
4
+ accent: {
5
+ blue: {
6
+ '[default]': {
7
+ value: 'B300'
8
+ },
9
+ bolder: {
10
+ value: 'B200'
11
+ }
12
+ },
13
+ red: {
14
+ '[default]': {
15
+ value: 'R300'
16
+ },
17
+ bolder: {
18
+ value: 'R200'
19
+ }
20
+ },
21
+ orange: {
22
+ // @ts-expect-error
23
+ '[default]': {
24
+ value: '#FEC57B'
25
+ },
26
+ // @ts-expect-error
27
+ bolder: {
28
+ value: '#F18D13'
29
+ }
30
+ },
31
+ yellow: {
32
+ '[default]': {
33
+ value: 'Y300'
34
+ },
35
+ bolder: {
36
+ value: 'Y200'
37
+ }
38
+ },
39
+ green: {
40
+ '[default]': {
41
+ value: 'G300'
42
+ },
43
+ bolder: {
44
+ value: 'G200'
45
+ }
46
+ },
47
+ purple: {
48
+ '[default]': {
49
+ value: 'P300'
50
+ },
51
+ bolder: {
52
+ value: 'P200'
53
+ }
54
+ },
55
+ teal: {
56
+ '[default]': {
57
+ value: 'T300'
58
+ },
59
+ bolder: {
60
+ value: 'T200'
61
+ }
62
+ },
63
+ magenta: {
64
+ // @ts-expect-error
65
+ '[default]': {
66
+ value: '#F797D2'
67
+ },
68
+ // @ts-expect-error
69
+ bolder: {
70
+ value: '#FDD0EC'
71
+ }
72
+ },
73
+ gray: {
74
+ '[default]': {
75
+ value: 'DN300'
76
+ },
77
+ bolder: {
78
+ value: 'DN500'
79
+ }
80
+ }
81
+ }
82
+ },
83
+ icon: {
84
+ accent: {
85
+ blue: {
86
+ value: 'B500'
87
+ },
88
+ red: {
89
+ value: 'R500'
90
+ },
91
+ // @ts-expect-error
92
+ orange: {
93
+ value: '#F18D13'
94
+ },
95
+ yellow: {
96
+ value: 'Y500'
97
+ },
98
+ green: {
99
+ value: 'G500'
100
+ },
101
+ purple: {
102
+ value: 'P500'
103
+ },
104
+ teal: {
105
+ value: 'T500'
106
+ },
107
+ // @ts-expect-error
108
+ magenta: {
109
+ value: '#DA62AC'
110
+ },
111
+ gray: {
112
+ value: 'DN600'
113
+ }
114
+ }
115
+ },
116
+ border: {
117
+ accent: {
118
+ blue: {
119
+ value: 'B500'
120
+ },
121
+ red: {
122
+ value: 'R500'
123
+ },
124
+ // @ts-expect-error
125
+ orange: {
126
+ value: '#F18D13'
127
+ },
128
+ yellow: {
129
+ value: 'Y500'
130
+ },
131
+ green: {
132
+ value: 'G500'
133
+ },
134
+ purple: {
135
+ value: 'P500'
136
+ },
137
+ teal: {
138
+ value: 'T500'
139
+ },
140
+ // @ts-expect-error
141
+ magenta: {
142
+ value: '#DA62AC'
143
+ },
144
+ gray: {
145
+ value: 'DN600'
146
+ }
147
+ }
148
+ },
149
+ background: {
150
+ accent: {
151
+ blue: {
152
+ subtlest: {
153
+ value: 'B500'
154
+ },
155
+ subtler: {
156
+ value: 'B400'
157
+ },
158
+ subtle: {
159
+ value: 'B300'
160
+ },
161
+ bolder: {
162
+ value: 'B100'
163
+ }
164
+ },
165
+ red: {
166
+ subtlest: {
167
+ value: 'R500'
168
+ },
169
+ subtler: {
170
+ value: 'R400'
171
+ },
172
+ subtle: {
173
+ value: 'R300'
174
+ },
175
+ bolder: {
176
+ value: 'R100'
177
+ }
178
+ },
179
+ orange: {
180
+ // @ts-expect-error
181
+ subtlest: {
182
+ value: '#43290F'
183
+ },
184
+ // @ts-expect-error
185
+ subtler: {
186
+ value: '#5F3811'
187
+ },
188
+ // @ts-expect-error
189
+ subtle: {
190
+ value: '#974F0C'
191
+ },
192
+ // @ts-expect-error
193
+ bolder: {
194
+ value: '#F18D13'
195
+ }
196
+ },
197
+ yellow: {
198
+ subtlest: {
199
+ value: 'Y500'
200
+ },
201
+ subtler: {
202
+ value: 'Y400'
203
+ },
204
+ subtle: {
205
+ value: 'Y300'
206
+ },
207
+ bolder: {
208
+ value: 'Y100'
209
+ }
210
+ },
211
+ green: {
212
+ subtlest: {
213
+ value: 'G500'
214
+ },
215
+ subtler: {
216
+ value: 'G400'
217
+ },
218
+ subtle: {
219
+ value: 'G300'
220
+ },
221
+ bolder: {
222
+ value: 'G100'
223
+ }
224
+ },
225
+ purple: {
226
+ subtlest: {
227
+ value: 'P500'
228
+ },
229
+ subtler: {
230
+ value: 'P400'
231
+ },
232
+ subtle: {
233
+ value: 'P300'
234
+ },
235
+ bolder: {
236
+ value: 'P100'
237
+ }
238
+ },
239
+ teal: {
240
+ subtlest: {
241
+ value: 'T500'
242
+ },
243
+ subtler: {
244
+ value: 'T400'
245
+ },
246
+ subtle: {
247
+ value: 'T300'
248
+ },
249
+ bolder: {
250
+ value: 'T100'
251
+ }
252
+ },
253
+ magenta: {
254
+ // @ts-expect-error
255
+ subtlest: {
256
+ value: '#341829'
257
+ },
258
+ // @ts-expect-error
259
+ subtler: {
260
+ value: '#50253F'
261
+ },
262
+ // @ts-expect-error
263
+ subtle: {
264
+ value: '#943D73'
265
+ },
266
+ // @ts-expect-error
267
+ bolder: {
268
+ value: '#E774BB'
269
+ }
270
+ },
271
+ gray: {
272
+ subtlest: {
273
+ value: 'DN300'
274
+ },
275
+ subtler: {
276
+ value: 'DN400'
277
+ },
278
+ subtle: {
279
+ value: 'DN500'
280
+ },
281
+ bolder: {
282
+ value: 'DN700'
283
+ }
284
+ }
285
+ }
286
+ }
287
+ }
288
+ };
289
+ export default color;
@@ -0,0 +1,243 @@
1
+ const color = {
2
+ color: {
3
+ blanket: {
4
+ '[default]': {
5
+ value: 'DN90A'
6
+ },
7
+ // @ts-ignore temporary value (B600 8% opacity)
8
+ selected: {
9
+ value: '#1D7AFC14'
10
+ },
11
+ // @ts-ignore temporary value (R600 8% opacity)
12
+ danger: {
13
+ value: '#E3493514'
14
+ }
15
+ },
16
+ background: {
17
+ disabled: {
18
+ value: 'DN70'
19
+ },
20
+ inverse: {
21
+ subtle: {
22
+ // @ts-ignore temporary value (#FFFFFF 16% opacity)
23
+ '[default]': {
24
+ value: '#FFFFFF29'
25
+ },
26
+ // @ts-ignore temporary value (#FFFFFF 24% opacity)
27
+ hovered: {
28
+ value: '#FFFFFF3D'
29
+ },
30
+ // @ts-ignore temporary value (#FFFFFF 32% opacity)
31
+ pressed: {
32
+ value: '#FFFFFF52'
33
+ }
34
+ }
35
+ },
36
+ input: {
37
+ '[default]': {
38
+ value: 'DN10'
39
+ },
40
+ hovered: {
41
+ value: 'DN30'
42
+ },
43
+ pressed: {
44
+ value: 'DN0'
45
+ }
46
+ },
47
+ neutral: {
48
+ '[default]': {
49
+ '[default]': {
50
+ value: 'DN70'
51
+ },
52
+ hovered: {
53
+ value: 'DN60'
54
+ },
55
+ pressed: {
56
+ value: 'B75'
57
+ }
58
+ },
59
+ subtle: {
60
+ //@ts-ignore temporary value
61
+ '[default]': {
62
+ value: 'transparent'
63
+ },
64
+ hovered: {
65
+ value: 'DN60'
66
+ },
67
+ pressed: {
68
+ value: 'B75'
69
+ }
70
+ },
71
+ bold: {
72
+ '[default]': {
73
+ value: 'DN700'
74
+ },
75
+ hovered: {
76
+ value: 'DN600'
77
+ },
78
+ pressed: {
79
+ value: 'DN800'
80
+ }
81
+ }
82
+ },
83
+ brand: {
84
+ bold: {
85
+ '[default]': {
86
+ value: 'B400'
87
+ },
88
+ hovered: {
89
+ value: 'B300'
90
+ },
91
+ pressed: {
92
+ value: 'B500'
93
+ }
94
+ }
95
+ },
96
+ selected: {
97
+ '[default]': {
98
+ '[default]': {
99
+ value: 'B50'
100
+ },
101
+ hovered: {
102
+ value: 'B75'
103
+ },
104
+ pressed: {
105
+ value: 'B100'
106
+ }
107
+ },
108
+ bold: {
109
+ '[default]': {
110
+ value: 'B400'
111
+ },
112
+ hovered: {
113
+ value: 'B300'
114
+ },
115
+ pressed: {
116
+ value: 'B500'
117
+ }
118
+ }
119
+ },
120
+ danger: {
121
+ '[default]': {
122
+ '[default]': {
123
+ value: 'R50'
124
+ },
125
+ hovered: {
126
+ value: 'R75'
127
+ },
128
+ pressed: {
129
+ value: 'R100'
130
+ }
131
+ },
132
+ bold: {
133
+ '[default]': {
134
+ value: 'R300'
135
+ },
136
+ hovered: {
137
+ value: 'R200'
138
+ },
139
+ pressed: {
140
+ value: 'R400'
141
+ }
142
+ }
143
+ },
144
+ warning: {
145
+ '[default]': {
146
+ '[default]': {
147
+ value: 'Y50'
148
+ },
149
+ hovered: {
150
+ value: 'Y75'
151
+ },
152
+ pressed: {
153
+ value: 'Y100'
154
+ }
155
+ },
156
+ bold: {
157
+ '[default]': {
158
+ value: 'Y300'
159
+ },
160
+ hovered: {
161
+ value: 'Y200'
162
+ },
163
+ pressed: {
164
+ value: 'Y400'
165
+ }
166
+ }
167
+ },
168
+ success: {
169
+ '[default]': {
170
+ '[default]': {
171
+ value: 'G50'
172
+ },
173
+ hovered: {
174
+ value: 'G75'
175
+ },
176
+ pressed: {
177
+ value: 'G100'
178
+ }
179
+ },
180
+ bold: {
181
+ '[default]': {
182
+ value: 'G400'
183
+ },
184
+ hovered: {
185
+ value: 'G300'
186
+ },
187
+ pressed: {
188
+ value: 'G500'
189
+ }
190
+ }
191
+ },
192
+ discovery: {
193
+ '[default]': {
194
+ '[default]': {
195
+ value: 'P50'
196
+ },
197
+ hovered: {
198
+ value: 'P75'
199
+ },
200
+ pressed: {
201
+ value: 'P100'
202
+ }
203
+ },
204
+ bold: {
205
+ '[default]': {
206
+ value: 'P400'
207
+ },
208
+ hovered: {
209
+ value: 'P300'
210
+ },
211
+ pressed: {
212
+ value: 'P500'
213
+ }
214
+ }
215
+ },
216
+ information: {
217
+ '[default]': {
218
+ '[default]': {
219
+ value: 'B50'
220
+ },
221
+ hovered: {
222
+ value: 'B75'
223
+ },
224
+ pressed: {
225
+ value: 'B100'
226
+ }
227
+ },
228
+ bold: {
229
+ '[default]': {
230
+ value: 'B400'
231
+ },
232
+ hovered: {
233
+ value: 'B300'
234
+ },
235
+ pressed: {
236
+ value: 'B500'
237
+ }
238
+ }
239
+ }
240
+ }
241
+ }
242
+ };
243
+ export default color;
@@ -0,0 +1,46 @@
1
+ const color = {
2
+ color: {
3
+ border: {
4
+ '[default]': {
5
+ value: 'DN40'
6
+ },
7
+ bold: {
8
+ value: 'DN200'
9
+ },
10
+ inverse: {
11
+ value: 'DN0'
12
+ },
13
+ focused: {
14
+ value: 'B75'
15
+ },
16
+ input: {
17
+ value: 'DN40'
18
+ },
19
+ disabled: {
20
+ value: 'DN10'
21
+ },
22
+ brand: {
23
+ value: 'B400'
24
+ },
25
+ selected: {
26
+ value: 'B400'
27
+ },
28
+ danger: {
29
+ value: 'R400'
30
+ },
31
+ warning: {
32
+ value: 'Y500'
33
+ },
34
+ success: {
35
+ value: 'G500'
36
+ },
37
+ discovery: {
38
+ value: 'P500'
39
+ },
40
+ information: {
41
+ value: 'B500'
42
+ }
43
+ }
44
+ }
45
+ };
46
+ export default color;
@@ -0,0 +1,45 @@
1
+ const color = {
2
+ color: {
3
+ icon: {
4
+ '[default]': {
5
+ value: 'DN800'
6
+ },
7
+ subtle: {
8
+ value: 'DN40'
9
+ },
10
+ inverse: {
11
+ value: 'DN40'
12
+ },
13
+ disabled: {
14
+ value: 'DN400A'
15
+ },
16
+ brand: {
17
+ value: 'B100'
18
+ },
19
+ selected: {
20
+ value: 'B100'
21
+ },
22
+ danger: {
23
+ value: 'R100'
24
+ },
25
+ warning: {
26
+ '[default]': {
27
+ value: 'Y75'
28
+ },
29
+ inverse: {
30
+ value: 'DN40'
31
+ }
32
+ },
33
+ success: {
34
+ value: 'G200'
35
+ },
36
+ discovery: {
37
+ value: 'P100'
38
+ },
39
+ information: {
40
+ value: 'B75'
41
+ }
42
+ }
43
+ }
44
+ };
45
+ export default color;
@@ -0,0 +1,15 @@
1
+ const color = {
2
+ color: {
3
+ interaction: {
4
+ hovered: {
5
+ // @ts-ignore temporary values
6
+ value: '#ffffff33'
7
+ },
8
+ pressed: {
9
+ // @ts-ignore temporary values
10
+ value: '#ffffff5c'
11
+ }
12
+ }
13
+ }
14
+ };
15
+ export default color;
@@ -0,0 +1,13 @@
1
+ const color = {
2
+ color: {
3
+ skeleton: {
4
+ '[default]': {
5
+ value: 'DN20A'
6
+ },
7
+ subtle: {
8
+ value: 'DN10A'
9
+ }
10
+ }
11
+ }
12
+ };
13
+ export default color;
@@ -0,0 +1,56 @@
1
+ const color = {
2
+ color: {
3
+ text: {
4
+ '[default]': {
5
+ value: 'DN900'
6
+ },
7
+ subtle: {
8
+ value: 'DN400'
9
+ },
10
+ subtlest: {
11
+ value: 'DN200'
12
+ },
13
+ inverse: {
14
+ value: 'DN0'
15
+ },
16
+ disabled: {
17
+ value: 'DN30'
18
+ },
19
+ brand: {
20
+ value: 'B400'
21
+ },
22
+ selected: {
23
+ value: 'B400'
24
+ },
25
+ danger: {
26
+ value: 'R300'
27
+ },
28
+ warning: {
29
+ '[default]': {
30
+ value: 'N800'
31
+ },
32
+ inverse: {
33
+ value: 'DN0'
34
+ }
35
+ },
36
+ success: {
37
+ value: 'G300'
38
+ },
39
+ information: {
40
+ value: 'B300'
41
+ },
42
+ discovery: {
43
+ value: 'P300'
44
+ }
45
+ },
46
+ link: {
47
+ '[default]': {
48
+ value: 'B400'
49
+ },
50
+ pressed: {
51
+ value: 'B300'
52
+ }
53
+ }
54
+ }
55
+ };
56
+ export default color;