@amboss/design-system 1.21.3 → 1.22.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 (120) hide show
  1. package/README.md +4 -0
  2. package/build/cjs/build-tokens/visualConfig.js +55 -116
  3. package/build/cjs/src/components/Badge/Badge.js +4 -4
  4. package/build/cjs/src/components/Button/Button.js +10 -10
  5. package/build/cjs/src/components/Callout/Callout.js +3 -3
  6. package/build/cjs/src/components/Card/Card.js +1 -4
  7. package/build/cjs/src/components/Card/CardHeader/CardHeader.js +2 -8
  8. package/build/cjs/src/components/Collapsible/Collapsible.js +19 -16
  9. package/build/cjs/src/components/DataTable/TableHeader.js +7 -7
  10. package/build/cjs/src/components/DropdownMenu/DropdownMenu.js +5 -6
  11. package/build/cjs/src/components/DropdownMenu/MenuItem.js +3 -3
  12. package/build/cjs/src/components/Form/Checkbox/Checkbox.js +4 -4
  13. package/build/cjs/src/components/Form/Input/Input.js +5 -5
  14. package/build/cjs/src/components/Form/PasswordInput/PasswordInput.js +6 -8
  15. package/build/cjs/src/components/Form/Radio/Radio.js +4 -4
  16. package/build/cjs/src/components/Form/RadioButton/RadioButton.js +5 -5
  17. package/build/cjs/src/components/Form/SegmentedControl/SegmentedControlOption.js +15 -15
  18. package/build/cjs/src/components/Form/Select/Select.js +7 -7
  19. package/build/cjs/src/components/Form/Textarea/Textarea.js +4 -4
  20. package/build/cjs/src/components/Form/Toggle/Toggle.js +8 -5
  21. package/build/cjs/src/components/Form/ToggleButton/ToggleButton.js +6 -6
  22. package/build/cjs/src/components/Image/Image.js +96 -0
  23. package/build/cjs/src/components/Link/Link.js +6 -2
  24. package/build/cjs/src/components/Patterns/Modal/Modal.js +10 -8
  25. package/build/cjs/src/components/PictogramButton/PictogramButton.js +5 -5
  26. package/build/cjs/src/components/RoundButton/RoundButton.js +14 -19
  27. package/build/cjs/src/components/SegmentedProgressBar/SegmentedProgressBar.js +3 -3
  28. package/build/cjs/src/components/Sheet/Sheet.js +40 -22
  29. package/build/cjs/src/components/Tabs/Tabs.js +3 -3
  30. package/build/cjs/src/components/Tag/Tag.js +4 -4
  31. package/build/cjs/src/components/Toggletip/BasePopover.js +6 -8
  32. package/build/cjs/src/components/Typography/Header/Header.js +13 -13
  33. package/build/cjs/src/components/Typography/StyledText/StyledText.js +5 -4
  34. package/build/cjs/src/components/Typography/Text/Text.js +6 -2
  35. package/build/cjs/src/components/Typography/TextClamped/TextClamped.js +4 -8
  36. package/build/cjs/src/index.js +2 -0
  37. package/build/esm/build-tokens/_colors.json +16 -8
  38. package/build/esm/build-tokens/_sizes.json +236 -496
  39. package/build/esm/build-tokens/visualConfig.d.ts +45 -109
  40. package/build/esm/build-tokens/visualConfig.js +55 -116
  41. package/build/esm/build-tokens/visualConfig.js.map +1 -1
  42. package/build/esm/src/components/Badge/Badge.js +4 -4
  43. package/build/esm/src/components/Badge/Badge.js.map +1 -1
  44. package/build/esm/src/components/Button/Button.js +11 -11
  45. package/build/esm/src/components/Button/Button.js.map +1 -1
  46. package/build/esm/src/components/Callout/Callout.js +3 -3
  47. package/build/esm/src/components/Callout/Callout.js.map +1 -1
  48. package/build/esm/src/components/Card/Card.d.ts +1 -3
  49. package/build/esm/src/components/Card/Card.js +1 -4
  50. package/build/esm/src/components/Card/Card.js.map +1 -1
  51. package/build/esm/src/components/Card/CardHeader/CardHeader.d.ts +1 -3
  52. package/build/esm/src/components/Card/CardHeader/CardHeader.js +2 -8
  53. package/build/esm/src/components/Card/CardHeader/CardHeader.js.map +1 -1
  54. package/build/esm/src/components/Collapsible/Collapsible.js +19 -16
  55. package/build/esm/src/components/Collapsible/Collapsible.js.map +1 -1
  56. package/build/esm/src/components/DataTable/TableHeader.js +7 -7
  57. package/build/esm/src/components/DataTable/TableHeader.js.map +1 -1
  58. package/build/esm/src/components/DropdownMenu/DropdownMenu.js +5 -6
  59. package/build/esm/src/components/DropdownMenu/DropdownMenu.js.map +1 -1
  60. package/build/esm/src/components/DropdownMenu/MenuItem.d.ts +0 -1
  61. package/build/esm/src/components/DropdownMenu/MenuItem.js +3 -3
  62. package/build/esm/src/components/DropdownMenu/MenuItem.js.map +1 -1
  63. package/build/esm/src/components/Form/Checkbox/Checkbox.js +4 -4
  64. package/build/esm/src/components/Form/Checkbox/Checkbox.js.map +1 -1
  65. package/build/esm/src/components/Form/Input/Input.js +5 -5
  66. package/build/esm/src/components/Form/Input/Input.js.map +1 -1
  67. package/build/esm/src/components/Form/PasswordInput/PasswordInput.d.ts +0 -3
  68. package/build/esm/src/components/Form/PasswordInput/PasswordInput.js +6 -8
  69. package/build/esm/src/components/Form/PasswordInput/PasswordInput.js.map +1 -1
  70. package/build/esm/src/components/Form/Radio/Radio.js +4 -4
  71. package/build/esm/src/components/Form/Radio/Radio.js.map +1 -1
  72. package/build/esm/src/components/Form/RadioButton/RadioButton.js +5 -5
  73. package/build/esm/src/components/Form/RadioButton/RadioButton.js.map +1 -1
  74. package/build/esm/src/components/Form/SegmentedControl/SegmentedControlOption.js +15 -15
  75. package/build/esm/src/components/Form/SegmentedControl/SegmentedControlOption.js.map +1 -1
  76. package/build/esm/src/components/Form/Select/Select.js +7 -7
  77. package/build/esm/src/components/Form/Select/Select.js.map +1 -1
  78. package/build/esm/src/components/Form/Textarea/Textarea.js +4 -4
  79. package/build/esm/src/components/Form/Textarea/Textarea.js.map +1 -1
  80. package/build/esm/src/components/Form/Toggle/Toggle.js +8 -5
  81. package/build/esm/src/components/Form/Toggle/Toggle.js.map +1 -1
  82. package/build/esm/src/components/Form/ToggleButton/ToggleButton.js +6 -6
  83. package/build/esm/src/components/Form/ToggleButton/ToggleButton.js.map +1 -1
  84. package/build/esm/src/components/Image/Image.d.ts +35 -0
  85. package/build/esm/src/components/Image/Image.js +89 -0
  86. package/build/esm/src/components/Image/Image.js.map +1 -0
  87. package/build/esm/src/components/Link/Link.js +6 -2
  88. package/build/esm/src/components/Link/Link.js.map +1 -1
  89. package/build/esm/src/components/Patterns/Modal/Modal.js +10 -8
  90. package/build/esm/src/components/Patterns/Modal/Modal.js.map +1 -1
  91. package/build/esm/src/components/PictogramButton/PictogramButton.js +6 -6
  92. package/build/esm/src/components/PictogramButton/PictogramButton.js.map +1 -1
  93. package/build/esm/src/components/RoundButton/RoundButton.d.ts +1 -4
  94. package/build/esm/src/components/RoundButton/RoundButton.js +15 -20
  95. package/build/esm/src/components/RoundButton/RoundButton.js.map +1 -1
  96. package/build/esm/src/components/SegmentedProgressBar/SegmentedProgressBar.js +3 -3
  97. package/build/esm/src/components/SegmentedProgressBar/SegmentedProgressBar.js.map +1 -1
  98. package/build/esm/src/components/Sheet/Sheet.d.ts +2 -1
  99. package/build/esm/src/components/Sheet/Sheet.js +40 -22
  100. package/build/esm/src/components/Sheet/Sheet.js.map +1 -1
  101. package/build/esm/src/components/Tabs/Tabs.js +3 -3
  102. package/build/esm/src/components/Tabs/Tabs.js.map +1 -1
  103. package/build/esm/src/components/Tag/Tag.js +4 -4
  104. package/build/esm/src/components/Tag/Tag.js.map +1 -1
  105. package/build/esm/src/components/Toggletip/BasePopover.js +6 -8
  106. package/build/esm/src/components/Toggletip/BasePopover.js.map +1 -1
  107. package/build/esm/src/components/Typography/Header/Header.js +13 -13
  108. package/build/esm/src/components/Typography/Header/Header.js.map +1 -1
  109. package/build/esm/src/components/Typography/StyledText/StyledText.js +5 -4
  110. package/build/esm/src/components/Typography/StyledText/StyledText.js.map +1 -1
  111. package/build/esm/src/components/Typography/Text/Text.js +6 -2
  112. package/build/esm/src/components/Typography/Text/Text.js.map +1 -1
  113. package/build/esm/src/components/Typography/TextClamped/TextClamped.js +4 -8
  114. package/build/esm/src/components/Typography/TextClamped/TextClamped.js.map +1 -1
  115. package/build/esm/src/index.d.ts +1 -0
  116. package/build/esm/src/index.js +1 -0
  117. package/build/esm/src/index.js.map +1 -1
  118. package/build/scss/_theming.scss +4 -2
  119. package/build/scss/_variables.scss +2 -1
  120. package/package.json +13 -12
@@ -1,4 +1,194 @@
1
1
  [
2
+ {
3
+ "category": "size",
4
+ "type": "letterSpacing",
5
+ "name": "letterSpacing none",
6
+ "subitemName": "none",
7
+ "value": "0px",
8
+ "original": 0,
9
+ "variableName": "$size-letter-spacing-none",
10
+ "isUsed": false
11
+ },
12
+ {
13
+ "category": "size",
14
+ "type": "letterSpacing",
15
+ "name": "letterSpacing s",
16
+ "subitemName": "s",
17
+ "value": "0.5px",
18
+ "original": 0.5,
19
+ "variableName": "$size-letter-spacing-s",
20
+ "isUsed": true
21
+ },
22
+ {
23
+ "category": "size",
24
+ "type": "letterSpacing",
25
+ "name": "letterSpacing m",
26
+ "subitemName": "m",
27
+ "value": "1px",
28
+ "original": 1,
29
+ "variableName": "$size-letter-spacing-m",
30
+ "isUsed": true
31
+ },
32
+ {
33
+ "category": "size",
34
+ "type": "font",
35
+ "name": "font xs",
36
+ "subitemName": "xs",
37
+ "value": "12px",
38
+ "original": 12,
39
+ "variableName": "$size-font-xs",
40
+ "isUsed": true
41
+ },
42
+ {
43
+ "category": "size",
44
+ "type": "font",
45
+ "name": "font s",
46
+ "subitemName": "s",
47
+ "value": "14px",
48
+ "original": 14,
49
+ "variableName": "$size-font-s",
50
+ "isUsed": true
51
+ },
52
+ {
53
+ "category": "size",
54
+ "type": "font",
55
+ "name": "font m",
56
+ "subitemName": "m",
57
+ "value": "16px",
58
+ "original": 16,
59
+ "variableName": "$size-font-m",
60
+ "isUsed": true
61
+ },
62
+ {
63
+ "category": "size",
64
+ "type": "font",
65
+ "name": "font l",
66
+ "subitemName": "l",
67
+ "value": "18px",
68
+ "original": 18,
69
+ "variableName": "$size-font-l",
70
+ "isUsed": true
71
+ },
72
+ {
73
+ "category": "size",
74
+ "type": "font",
75
+ "name": "font xl",
76
+ "subitemName": "xl",
77
+ "value": "20px",
78
+ "original": 20,
79
+ "variableName": "$size-font-xl",
80
+ "isUsed": true
81
+ },
82
+ {
83
+ "category": "size",
84
+ "type": "font",
85
+ "name": "font xxl",
86
+ "subitemName": "xxl",
87
+ "value": "24px",
88
+ "original": 24,
89
+ "variableName": "$size-font-xxl",
90
+ "isUsed": true
91
+ },
92
+ {
93
+ "category": "size",
94
+ "type": "font",
95
+ "name": "font xxxl",
96
+ "subitemName": "xxxl",
97
+ "value": "26px",
98
+ "original": 26,
99
+ "variableName": "$size-font-xxxl",
100
+ "isUsed": true
101
+ },
102
+ {
103
+ "category": "size",
104
+ "type": "spacing",
105
+ "name": "spacing zero",
106
+ "subitemName": "zero",
107
+ "value": "0px",
108
+ "original": 0,
109
+ "variableName": "$size-spacing-zero",
110
+ "isUsed": true
111
+ },
112
+ {
113
+ "category": "size",
114
+ "type": "spacing",
115
+ "name": "spacing xxxs",
116
+ "subitemName": "xxxs",
117
+ "value": "2px",
118
+ "original": 2,
119
+ "variableName": "$size-spacing-xxxs",
120
+ "isUsed": true
121
+ },
122
+ {
123
+ "category": "size",
124
+ "type": "spacing",
125
+ "name": "spacing xxs",
126
+ "subitemName": "xxs",
127
+ "value": "4px",
128
+ "original": 4,
129
+ "variableName": "$size-spacing-xxs",
130
+ "isUsed": true
131
+ },
132
+ {
133
+ "category": "size",
134
+ "type": "spacing",
135
+ "name": "spacing xs",
136
+ "subitemName": "xs",
137
+ "value": "8px",
138
+ "original": 8,
139
+ "variableName": "$size-spacing-xs",
140
+ "isUsed": true
141
+ },
142
+ {
143
+ "category": "size",
144
+ "type": "spacing",
145
+ "name": "spacing s",
146
+ "subitemName": "s",
147
+ "value": "12px",
148
+ "original": 12,
149
+ "variableName": "$size-spacing-s",
150
+ "isUsed": true
151
+ },
152
+ {
153
+ "category": "size",
154
+ "type": "spacing",
155
+ "name": "spacing m",
156
+ "subitemName": "m",
157
+ "value": "16px",
158
+ "original": 16,
159
+ "variableName": "$size-spacing-m",
160
+ "isUsed": true
161
+ },
162
+ {
163
+ "category": "size",
164
+ "type": "spacing",
165
+ "name": "spacing l",
166
+ "subitemName": "l",
167
+ "value": "24px",
168
+ "original": 24,
169
+ "variableName": "$size-spacing-l",
170
+ "isUsed": true
171
+ },
172
+ {
173
+ "category": "size",
174
+ "type": "spacing",
175
+ "name": "spacing xl",
176
+ "subitemName": "xl",
177
+ "value": "32px",
178
+ "original": 32,
179
+ "variableName": "$size-spacing-xl",
180
+ "isUsed": true
181
+ },
182
+ {
183
+ "category": "size",
184
+ "type": "spacing",
185
+ "name": "spacing xxl",
186
+ "subitemName": "xxl",
187
+ "value": "48px",
188
+ "original": 48,
189
+ "variableName": "$size-spacing-xxl",
190
+ "isUsed": true
191
+ },
2
192
  {
3
193
  "category": "size",
4
194
  "type": "dimension",
@@ -197,536 +387,86 @@
197
387
  "value": "12px",
198
388
  "original": 12,
199
389
  "variableName": "$size-border-radius-m",
200
- "isUsed": false
201
- },
202
- {
203
- "category": "size",
204
- "type": "borderRadius",
205
- "name": "borderRadius button",
206
- "subitemName": "button m",
207
- "value": "4px",
208
- "original": 4,
209
- "variableName": "$size-border-radius-button-m",
210
390
  "isUsed": true
211
391
  },
212
392
  {
213
393
  "category": "size",
214
394
  "type": "borderRadius",
215
- "name": "borderRadius container",
216
- "subitemName": "container m",
217
- "value": "12px",
218
- "original": 12,
219
- "variableName": "$size-border-radius-container-m",
220
- "isUsed": false
221
- },
222
- {
223
- "category": "size",
224
- "type": "borderRadius",
225
- "name": "borderRadius card",
226
- "subitemName": "card m",
227
- "value": "12px",
228
- "original": 12,
229
- "variableName": "$size-border-radius-card-m",
230
- "isUsed": false
231
- },
232
- {
233
- "category": "size",
234
- "type": "borderRadius",
235
- "name": "borderRadius input",
236
- "subitemName": "input s",
237
- "value": "4px",
238
- "original": 4,
239
- "variableName": "$size-border-radius-input-s",
395
+ "name": "borderRadius l",
396
+ "subitemName": "l",
397
+ "value": "16px",
398
+ "original": 16,
399
+ "variableName": "$size-border-radius-l",
240
400
  "isUsed": true
241
401
  },
242
402
  {
243
403
  "category": "size",
244
404
  "type": "borderRadius",
245
- "name": "borderRadius textarea",
246
- "subitemName": "textarea s",
247
- "value": "4px",
248
- "original": 4,
249
- "variableName": "$size-border-radius-textarea-s",
405
+ "name": "borderRadius xl",
406
+ "subitemName": "xl",
407
+ "value": "24px",
408
+ "original": 24,
409
+ "variableName": "$size-border-radius-xl",
250
410
  "isUsed": true
251
411
  },
252
412
  {
253
413
  "category": "size",
254
- "type": "borderRadius",
255
- "name": "borderRadius dropdown",
256
- "subitemName": "dropdown s",
257
- "value": "4px",
258
- "original": 4,
259
- "variableName": "$size-border-radius-dropdown-s",
414
+ "type": "lineHeight",
415
+ "name": "lineHeight xs",
416
+ "subitemName": "xs",
417
+ "value": 1.1428571429,
418
+ "original": 1.1428571429,
419
+ "variableName": "$size-line-height-xs",
260
420
  "isUsed": true
261
421
  },
262
422
  {
263
423
  "category": "size",
264
- "type": "borderRadius",
265
- "name": "borderRadius dropdown",
266
- "subitemName": "dropdown m",
267
- "value": "8px",
268
- "original": 8,
269
- "variableName": "$size-border-radius-dropdown-m",
424
+ "type": "lineHeight",
425
+ "name": "lineHeight s",
426
+ "subitemName": "s",
427
+ "value": 1.25,
428
+ "original": 1.25,
429
+ "variableName": "$size-line-height-s",
270
430
  "isUsed": true
271
431
  },
272
432
  {
273
433
  "category": "size",
274
- "type": "borderRadius",
275
- "name": "borderRadius checkbox",
276
- "subitemName": "checkbox m",
277
- "value": "4px",
278
- "original": 4,
279
- "variableName": "$size-border-radius-checkbox-m",
434
+ "type": "lineHeight",
435
+ "name": "lineHeight m",
436
+ "subitemName": "m",
437
+ "value": 1.3333333,
438
+ "original": 1.3333333,
439
+ "variableName": "$size-line-height-m",
280
440
  "isUsed": true
281
441
  },
282
442
  {
283
443
  "category": "size",
284
- "type": "borderRadius",
285
- "name": "borderRadius radio",
286
- "subitemName": "radio m",
287
- "value": "12px",
288
- "original": 12,
289
- "variableName": "$size-border-radius-radio-m",
444
+ "type": "lineHeight",
445
+ "name": "lineHeight l",
446
+ "subitemName": "l",
447
+ "value": 1.4285714286,
448
+ "original": 1.4285714286,
449
+ "variableName": "$size-line-height-l",
290
450
  "isUsed": true
291
451
  },
292
452
  {
293
453
  "category": "size",
294
- "type": "borderRadius",
295
- "name": "borderRadius toggle",
296
- "subitemName": "toggle s",
297
- "value": "8px",
298
- "original": 8,
299
- "variableName": "$size-border-radius-toggle-s",
454
+ "type": "lineHeight",
455
+ "name": "lineHeight xl",
456
+ "subitemName": "xl",
457
+ "value": 1.5,
458
+ "original": 1.5,
459
+ "variableName": "$size-line-height-xl",
300
460
  "isUsed": true
301
461
  },
302
462
  {
303
463
  "category": "size",
304
- "type": "borderRadius",
305
- "name": "borderRadius toggle",
306
- "subitemName": "toggle m",
307
- "value": "16px",
308
- "original": 16,
309
- "variableName": "$size-border-radius-toggle-m",
464
+ "type": "lineHeight",
465
+ "name": "lineHeight xxl",
466
+ "subitemName": "xxl",
467
+ "value": 1.625,
468
+ "original": 1.625,
469
+ "variableName": "$size-line-height-xxl",
310
470
  "isUsed": false
311
- },
312
- {
313
- "category": "size",
314
- "type": "borderRadius",
315
- "name": "borderRadius badge",
316
- "subitemName": "badge m",
317
- "value": "24px",
318
- "original": 24,
319
- "variableName": "$size-border-radius-badge-m",
320
- "isUsed": true
321
- },
322
- {
323
- "category": "size",
324
- "type": "borderRadius",
325
- "name": "borderRadius toggle-button",
326
- "subitemName": "toggle-button m",
327
- "value": "16px",
328
- "original": 16,
329
- "variableName": "$size-border-radius-toggle-button-m",
330
- "isUsed": false
331
- },
332
- {
333
- "category": "size",
334
- "type": "borderRadius",
335
- "name": "borderRadius progress-bar",
336
- "subitemName": "progress-bar",
337
- "value": "4px",
338
- "original": 4,
339
- "variableName": "$size-border-radius-progress-bar",
340
- "isUsed": false
341
- },
342
- {
343
- "category": "size",
344
- "type": "spacing",
345
- "name": "spacing zero",
346
- "subitemName": "zero",
347
- "value": "0px",
348
- "original": 0,
349
- "variableName": "$size-spacing-zero",
350
- "isUsed": true
351
- },
352
- {
353
- "category": "size",
354
- "type": "spacing",
355
- "name": "spacing xxxs",
356
- "subitemName": "xxxs",
357
- "value": "2px",
358
- "original": 2,
359
- "variableName": "$size-spacing-xxxs",
360
- "isUsed": true
361
- },
362
- {
363
- "category": "size",
364
- "type": "spacing",
365
- "name": "spacing xxs",
366
- "subitemName": "xxs",
367
- "value": "4px",
368
- "original": 4,
369
- "variableName": "$size-spacing-xxs",
370
- "isUsed": true
371
- },
372
- {
373
- "category": "size",
374
- "type": "spacing",
375
- "name": "spacing xs",
376
- "subitemName": "xs",
377
- "value": "8px",
378
- "original": 8,
379
- "variableName": "$size-spacing-xs",
380
- "isUsed": true
381
- },
382
- {
383
- "category": "size",
384
- "type": "spacing",
385
- "name": "spacing s",
386
- "subitemName": "s",
387
- "value": "12px",
388
- "original": 12,
389
- "variableName": "$size-spacing-s",
390
- "isUsed": true
391
- },
392
- {
393
- "category": "size",
394
- "type": "spacing",
395
- "name": "spacing m",
396
- "subitemName": "m",
397
- "value": "16px",
398
- "original": 16,
399
- "variableName": "$size-spacing-m",
400
- "isUsed": true
401
- },
402
- {
403
- "category": "size",
404
- "type": "spacing",
405
- "name": "spacing l",
406
- "subitemName": "l",
407
- "value": "24px",
408
- "original": 24,
409
- "variableName": "$size-spacing-l",
410
- "isUsed": true
411
- },
412
- {
413
- "category": "size",
414
- "type": "spacing",
415
- "name": "spacing xl",
416
- "subitemName": "xl",
417
- "value": "32px",
418
- "original": 32,
419
- "variableName": "$size-spacing-xl",
420
- "isUsed": true
421
- },
422
- {
423
- "category": "size",
424
- "type": "spacing",
425
- "name": "spacing xxl",
426
- "subitemName": "xxl",
427
- "value": "48px",
428
- "original": 48,
429
- "variableName": "$size-spacing-xxl",
430
- "isUsed": true
431
- },
432
- {
433
- "category": "size",
434
- "type": "letterSpacing",
435
- "name": "letterSpacing badge",
436
- "subitemName": "badge m",
437
- "value": "1px",
438
- "original": 1,
439
- "variableName": "$size-letter-spacing-badge-m",
440
- "isUsed": true
441
- },
442
- {
443
- "category": "size",
444
- "type": "letterSpacing",
445
- "name": "letterSpacing header",
446
- "subitemName": "header h6",
447
- "value": "0.5px",
448
- "original": 0.5,
449
- "variableName": "$size-letter-spacing-header-h6",
450
- "isUsed": true
451
- },
452
- {
453
- "category": "size",
454
- "type": "font",
455
- "name": "font xs",
456
- "subitemName": "xs",
457
- "value": "12px",
458
- "original": 12,
459
- "variableName": "$size-font-xs",
460
- "isUsed": true
461
- },
462
- {
463
- "category": "size",
464
- "type": "font",
465
- "name": "font s",
466
- "subitemName": "s",
467
- "value": "14px",
468
- "original": 14,
469
- "variableName": "$size-font-s",
470
- "isUsed": true
471
- },
472
- {
473
- "category": "size",
474
- "type": "font",
475
- "name": "font m",
476
- "subitemName": "m",
477
- "value": "16px",
478
- "original": 16,
479
- "variableName": "$size-font-m",
480
- "isUsed": true
481
- },
482
- {
483
- "category": "size",
484
- "type": "font",
485
- "name": "font l",
486
- "subitemName": "l",
487
- "value": "18px",
488
- "original": 18,
489
- "variableName": "$size-font-l",
490
- "isUsed": true
491
- },
492
- {
493
- "category": "size",
494
- "type": "font",
495
- "name": "font xl",
496
- "subitemName": "xl",
497
- "value": "20px",
498
- "original": 20,
499
- "variableName": "$size-font-xl",
500
- "isUsed": true
501
- },
502
- {
503
- "category": "size",
504
- "type": "font",
505
- "name": "font xxl",
506
- "subitemName": "xxl",
507
- "value": "23px",
508
- "original": 23,
509
- "variableName": "$size-font-xxl",
510
- "isUsed": true
511
- },
512
- {
513
- "category": "size",
514
- "type": "font",
515
- "name": "font xxxl",
516
- "subitemName": "xxxl",
517
- "value": "26px",
518
- "original": 26,
519
- "variableName": "$size-font-xxxl",
520
- "isUsed": true
521
- },
522
- {
523
- "category": "size",
524
- "type": "font",
525
- "name": "font link",
526
- "subitemName": "link xs",
527
- "value": "10px",
528
- "original": 10,
529
- "variableName": "$size-font-link-xs",
530
- "isUsed": false
531
- },
532
- {
533
- "category": "size",
534
- "type": "font",
535
- "name": "font link",
536
- "subitemName": "link s",
537
- "value": "12px",
538
- "original": 12,
539
- "variableName": "$size-font-link-s",
540
- "isUsed": false
541
- },
542
- {
543
- "category": "size",
544
- "type": "font",
545
- "name": "font link",
546
- "subitemName": "link m",
547
- "value": "14px",
548
- "original": 14,
549
- "variableName": "$size-font-link-m",
550
- "isUsed": false
551
- },
552
- {
553
- "category": "size",
554
- "type": "font",
555
- "name": "font link",
556
- "subitemName": "link l",
557
- "value": "16px",
558
- "original": 16,
559
- "variableName": "$size-font-link-l",
560
- "isUsed": false
561
- },
562
- {
563
- "category": "size",
564
- "type": "lineHeight",
565
- "name": "lineHeight button",
566
- "subitemName": "button m",
567
- "value": "16px",
568
- "original": 16,
569
- "variableName": "$size-line-height-button-m",
570
- "isUsed": true
571
- },
572
- {
573
- "category": "size",
574
- "type": "lineHeight",
575
- "name": "lineHeight callout",
576
- "subitemName": "callout s",
577
- "value": "24px",
578
- "original": 24,
579
- "variableName": "$size-line-height-callout-s",
580
- "isUsed": false
581
- },
582
- {
583
- "category": "size",
584
- "type": "lineHeight",
585
- "name": "lineHeight link",
586
- "subitemName": "link xs",
587
- "value": "16px",
588
- "original": 16,
589
- "variableName": "$size-line-height-link-xs",
590
- "isUsed": false
591
- },
592
- {
593
- "category": "size",
594
- "type": "lineHeight",
595
- "name": "lineHeight link",
596
- "subitemName": "link s",
597
- "value": "18px",
598
- "original": 18,
599
- "variableName": "$size-line-height-link-s",
600
- "isUsed": true
601
- },
602
- {
603
- "category": "size",
604
- "type": "lineHeight",
605
- "name": "lineHeight link",
606
- "subitemName": "link m",
607
- "value": "20px",
608
- "original": 20,
609
- "variableName": "$size-line-height-link-m",
610
- "isUsed": false
611
- },
612
- {
613
- "category": "size",
614
- "type": "lineHeight",
615
- "name": "lineHeight link",
616
- "subitemName": "link l",
617
- "value": "22px",
618
- "original": 22,
619
- "variableName": "$size-line-height-link-l",
620
- "isUsed": false
621
- },
622
- {
623
- "category": "size",
624
- "type": "lineHeight",
625
- "name": "lineHeight badge",
626
- "subitemName": "badge m",
627
- "value": "16px",
628
- "original": 16,
629
- "variableName": "$size-line-height-badge-m",
630
- "isUsed": true
631
- },
632
- {
633
- "category": "size",
634
- "type": "lineHeight",
635
- "name": "lineHeight toggle-button",
636
- "subitemName": "toggle-button m",
637
- "value": "16px",
638
- "original": 16,
639
- "variableName": "$size-line-height-toggle-button-m",
640
- "isUsed": false
641
- },
642
- {
643
- "category": "size",
644
- "type": "lineHeight",
645
- "name": "lineHeight text",
646
- "subitemName": "text xs",
647
- "value": "18px",
648
- "original": 18,
649
- "variableName": "$size-line-height-text-xs",
650
- "isUsed": true
651
- },
652
- {
653
- "category": "size",
654
- "type": "lineHeight",
655
- "name": "lineHeight text",
656
- "subitemName": "text s",
657
- "value": "20px",
658
- "original": 20,
659
- "variableName": "$size-line-height-text-s",
660
- "isUsed": true
661
- },
662
- {
663
- "category": "size",
664
- "type": "lineHeight",
665
- "name": "lineHeight text",
666
- "subitemName": "text m",
667
- "value": "24px",
668
- "original": 24,
669
- "variableName": "$size-line-height-text-m",
670
- "isUsed": true
671
- },
672
- {
673
- "category": "size",
674
- "type": "lineHeight",
675
- "name": "lineHeight header",
676
- "subitemName": "header xxs",
677
- "value": "16px",
678
- "original": 16,
679
- "variableName": "$size-line-height-header-xxs",
680
- "isUsed": true
681
- },
682
- {
683
- "category": "size",
684
- "type": "lineHeight",
685
- "name": "lineHeight header",
686
- "subitemName": "header xs",
687
- "value": "20px",
688
- "original": 20,
689
- "variableName": "$size-line-height-header-xs",
690
- "isUsed": true
691
- },
692
- {
693
- "category": "size",
694
- "type": "lineHeight",
695
- "name": "lineHeight header",
696
- "subitemName": "header s",
697
- "value": "22px",
698
- "original": 22,
699
- "variableName": "$size-line-height-header-s",
700
- "isUsed": true
701
- },
702
- {
703
- "category": "size",
704
- "type": "lineHeight",
705
- "name": "lineHeight header",
706
- "subitemName": "header m",
707
- "value": "24px",
708
- "original": 24,
709
- "variableName": "$size-line-height-header-m",
710
- "isUsed": true
711
- },
712
- {
713
- "category": "size",
714
- "type": "lineHeight",
715
- "name": "lineHeight header",
716
- "subitemName": "header l",
717
- "value": "28px",
718
- "original": 28,
719
- "variableName": "$size-line-height-header-l",
720
- "isUsed": true
721
- },
722
- {
723
- "category": "size",
724
- "type": "lineHeight",
725
- "name": "lineHeight header",
726
- "subitemName": "header xl",
727
- "value": "32px",
728
- "original": 32,
729
- "variableName": "$size-line-height-header-xl",
730
- "isUsed": true
731
471
  }
732
472
  ]