@telia/teddy 0.5.1 → 0.6.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 (79) hide show
  1. package/dist/components/avatar/avatar-root.cjs +34 -0
  2. package/dist/components/avatar/avatar-root.d.ts +17 -0
  3. package/dist/components/avatar/avatar-root.js +34 -0
  4. package/dist/components/avatar/index.cjs +6 -0
  5. package/dist/components/avatar/index.d.ts +9 -0
  6. package/dist/components/avatar/index.js +6 -0
  7. package/dist/components/avatar/utils.cjs +10 -0
  8. package/dist/components/avatar/utils.d.ts +1 -0
  9. package/dist/components/avatar/utils.js +10 -0
  10. package/dist/components/breadcrumbs/breadcrumbs-link.d.ts +1 -1
  11. package/dist/components/breadcrumbs/index.d.ts +1 -1
  12. package/dist/components/card/card-illustration.d.ts +1 -1
  13. package/dist/components/card/card-link.d.ts +1 -1
  14. package/dist/components/card/card.d.ts +1 -1
  15. package/dist/components/channel-button/channel-button-root.d.ts +6 -6
  16. package/dist/components/channel-button/index.d.ts +6 -6
  17. package/dist/components/checkbox/checkbox-group-list.d.ts +1 -1
  18. package/dist/components/checkbox/checkbox-group.d.ts +1 -1
  19. package/dist/components/checkbox/index.d.ts +2 -2
  20. package/dist/components/chip/chip-indicator.d.ts +2 -2
  21. package/dist/components/chip/index.d.ts +2 -2
  22. package/dist/components/expandable-card/expandable-card-button.d.ts +4 -4
  23. package/dist/components/expandable-card/index.d.ts +5 -5
  24. package/dist/components/flip-card/flip-card-trigger.d.ts +4 -4
  25. package/dist/components/icon/utils.d.ts +1 -1
  26. package/dist/components/index.cjs +4 -0
  27. package/dist/components/index.d.ts +2 -0
  28. package/dist/components/index.js +4 -0
  29. package/dist/components/modal/modal-close.cjs +2 -0
  30. package/dist/components/modal/modal-close.js +2 -0
  31. package/dist/components/modal/modal-title.d.ts +1 -1
  32. package/dist/components/navigation-menu/navigation-menu.cjs +2 -0
  33. package/dist/components/navigation-menu/navigation-menu.d.ts +1 -1
  34. package/dist/components/navigation-menu/navigation-menu.js +2 -0
  35. package/dist/components/notabene/notabene-icon.d.ts +2 -2
  36. package/dist/components/notification/index.d.ts +8 -8
  37. package/dist/components/notification/notification-icon.d.ts +2 -2
  38. package/dist/components/notification/notification-root.d.ts +8 -8
  39. package/dist/components/radio-card-group/radio-card-group-content.cjs +2 -0
  40. package/dist/components/radio-card-group/radio-card-group-content.js +2 -0
  41. package/dist/components/radio-card-group/radio-card-group-item-title.cjs +2 -0
  42. package/dist/components/radio-card-group/radio-card-group-item-title.js +2 -0
  43. package/dist/components/radio-card-group/radio-card-group-item.cjs +2 -0
  44. package/dist/components/radio-card-group/radio-card-group-item.js +2 -0
  45. package/dist/components/scroll-area/index.d.ts +5 -5
  46. package/dist/components/scroll-area/scroll-area-button.d.ts +4 -4
  47. package/dist/components/subscription-card/index.cjs +18 -0
  48. package/dist/components/subscription-card/index.d.ts +74 -0
  49. package/dist/components/subscription-card/index.js +18 -0
  50. package/dist/components/subscription-card/subscription-card-avatar.cjs +25 -0
  51. package/dist/components/subscription-card/subscription-card-avatar.d.ts +10 -0
  52. package/dist/components/subscription-card/subscription-card-avatar.js +25 -0
  53. package/dist/components/subscription-card/subscription-card-content.cjs +13 -0
  54. package/dist/components/subscription-card/subscription-card-content.d.ts +4 -0
  55. package/dist/components/subscription-card/subscription-card-content.js +13 -0
  56. package/dist/components/subscription-card/subscription-card-heading.cjs +24 -0
  57. package/dist/components/subscription-card/subscription-card-heading.d.ts +5 -0
  58. package/dist/components/subscription-card/subscription-card-heading.js +24 -0
  59. package/dist/components/subscription-card/subscription-card-root.cjs +60 -0
  60. package/dist/components/subscription-card/subscription-card-root.d.ts +20 -0
  61. package/dist/components/subscription-card/subscription-card-root.js +60 -0
  62. package/dist/components/subscription-card/subscription-card-subtitle.cjs +15 -0
  63. package/dist/components/subscription-card/subscription-card-subtitle.d.ts +5 -0
  64. package/dist/components/subscription-card/subscription-card-subtitle.js +15 -0
  65. package/dist/components/tabs/index.d.ts +1 -1
  66. package/dist/components/tabs/tabs-root.d.ts +1 -1
  67. package/dist/components/tabs/tabs-scroll-button.d.ts +4 -4
  68. package/dist/components/tabs/tabs-scroll.d.ts +1 -1
  69. package/dist/components/text-field/index.d.ts +4 -4
  70. package/dist/components/text-field/text-field-button.d.ts +4 -4
  71. package/dist/components/toggle/toggle.d.ts +2 -2
  72. package/dist/components/tooltip/index.d.ts +1 -1
  73. package/dist/main.cjs +4 -0
  74. package/dist/main.js +4 -0
  75. package/dist/style.css +349 -203
  76. package/dist/utils/generate-styling/grid.d.ts +24 -24
  77. package/dist/utils/generate-styling/index.d.ts +16 -16
  78. package/dist/utils/generate-styling/util.d.ts +2 -2
  79. package/package.json +2 -1
package/dist/style.css CHANGED
@@ -1,4 +1,352 @@
1
- @charset 'UTF-8';._teddy-spinner--xxs_ywden_1 {
1
+ @charset 'UTF-8';@layer icon {
2
+ ._teddy-icon_1ur3a_2 {
3
+ display: inline;
4
+ align-self: center;
5
+ fill: currentColor;
6
+ flex-shrink: 0;
7
+ }
8
+ ._teddy-icon--font_1ur3a_8 {
9
+ width: 1em;
10
+ height: 1em;
11
+ }
12
+ ._teddy-icon--xxs_1ur3a_12 {
13
+ width: var(--teddy-spacing-150);
14
+ height: var(--teddy-spacing-150);
15
+ }
16
+ ._teddy-icon--xs_1ur3a_16 {
17
+ width: var(--teddy-spacing-200);
18
+ height: var(--teddy-spacing-200);
19
+ }
20
+ ._teddy-icon--sm_1ur3a_20 {
21
+ width: var(--teddy-spacing-250);
22
+ height: var(--teddy-spacing-250);
23
+ }
24
+ ._teddy-icon--md_1ur3a_24 {
25
+ width: var(--teddy-spacing-300);
26
+ height: var(--teddy-spacing-300);
27
+ }
28
+ ._teddy-icon--lg_1ur3a_28 {
29
+ width: var(--teddy-spacing-400);
30
+ height: var(--teddy-spacing-400);
31
+ }
32
+ ._teddy-icon--xl_1ur3a_32 {
33
+ width: var(--teddy-spacing-600);
34
+ height: var(--teddy-spacing-600);
35
+ }
36
+ ._teddy-icon-with-children_1ur3a_36 {
37
+ display: inline-flex;
38
+ align-items: center;
39
+ font-family: var(--teddy-typography-family-default);
40
+ gap: var(--teddy-spacing-100);
41
+ }
42
+ }@layer text {
43
+ ._teddy-text_15w9u_2 {
44
+ color: inherit;
45
+ display: block;
46
+ margin: 0;
47
+ hyphens: none;
48
+ }
49
+ ._teddy-text--disabled_15w9u_8 {
50
+ color: var(--teddy-color-text-weak);
51
+ }
52
+ ._teddy-text--hyphens_15w9u_11 {
53
+ hyphens: auto;
54
+ }
55
+ ._teddy-text--paragraph-100_15w9u_14 {
56
+ font-family: var(--teddy-typography-family-default);
57
+ font-weight: var(--teddy-typography-weight-normal);
58
+ font-size: var(--teddy-typography-scale-100);
59
+ line-height: var(--teddy-typography-line-height-loose);
60
+ }
61
+ ._teddy-text--paragraph-100-medium_15w9u_20 {
62
+ font-family: var(--teddy-typography-family-default);
63
+ font-weight: var(--teddy-typography-weight-normal);
64
+ font-size: var(--teddy-typography-scale-100);
65
+ line-height: var(--teddy-typography-line-height-loose);
66
+ font-weight: var(--teddy-typography-weight-medium);
67
+ }
68
+ ._teddy-text--paragraph-100-bold_15w9u_27 {
69
+ font-family: var(--teddy-typography-family-default);
70
+ font-weight: var(--teddy-typography-weight-normal);
71
+ font-size: var(--teddy-typography-scale-100);
72
+ line-height: var(--teddy-typography-line-height-loose);
73
+ font-weight: var(--teddy-typography-weight-bold);
74
+ }
75
+ ._teddy-text--paragraph-200_15w9u_34 {
76
+ font-family: var(--teddy-typography-family-default);
77
+ font-weight: var(--teddy-typography-weight-normal);
78
+ font-size: var(--teddy-typography-scale-100);
79
+ line-height: var(--teddy-typography-line-height-looser);
80
+ }
81
+ ._teddy-text--preamble-100_15w9u_40 {
82
+ font-family: var(--teddy-typography-family-default);
83
+ font-weight: var(--teddy-typography-weight-normal);
84
+ font-size: var(--teddy-typography-scale-200);
85
+ line-height: var(--teddy-typography-line-height-loose);
86
+ }
87
+ ._teddy-text--preamble-200_15w9u_46 {
88
+ font-family: var(--teddy-typography-family-default);
89
+ font-weight: var(--teddy-typography-weight-normal);
90
+ font-size: clamp(var(--teddy-typography-scale-150), 3vw, var(--teddy-typography-scale-400));
91
+ line-height: var(--teddy-typography-line-height-loose);
92
+ }
93
+ ._teddy-text--additional-100_15w9u_52 {
94
+ font-family: var(--teddy-typography-family-default);
95
+ font-weight: var(--teddy-typography-weight-normal);
96
+ font-size: var(--teddy-typography-scale-75);
97
+ line-height: var(--teddy-typography-line-height-loose);
98
+ }
99
+ ._teddy-text--additional-100-medium_15w9u_58 {
100
+ font-family: var(--teddy-typography-family-default);
101
+ font-weight: var(--teddy-typography-weight-normal);
102
+ font-size: var(--teddy-typography-scale-75);
103
+ line-height: var(--teddy-typography-line-height-loose);
104
+ font-weight: var(--teddy-typography-weight-medium);
105
+ }
106
+ ._teddy-text--overline-100_15w9u_65 {
107
+ font-family: var(--teddy-typography-family-default);
108
+ font-size: var(--teddy-typography-scale-75);
109
+ letter-spacing: var(--teddy-spacing-10);
110
+ line-height: var(--teddy-typography-line-height-tight);
111
+ text-transform: uppercase;
112
+ }
113
+ ._teddy-text--overline-200_15w9u_72 {
114
+ font-family: var(--teddy-typography-family-default);
115
+ font-size: clamp(var(--teddy-typography-scale-75), 3vw, var(--teddy-typography-scale-100));
116
+ letter-spacing: var(--teddy-spacing-10);
117
+ line-height: var(--teddy-typography-line-height-tight);
118
+ text-transform: uppercase;
119
+ }
120
+ }._teddy-avatar_e3370_1 {
121
+ display: flex;
122
+ align-items: center;
123
+ justify-content: center;
124
+ width: 40px;
125
+ height: 40px;
126
+ border-radius: 50%;
127
+ overflow: hidden;
128
+ background-color: var(--teddy-color-brand-white);
129
+ color: var(--teddy-color-text-medium);
130
+ }
131
+ ._teddy-avatar--beige_e3370_12 {
132
+ background-color: var(--teddy-color-brand-light-beige);
133
+ }
134
+ ._teddy-avatar--grey_e3370_15 {
135
+ background-color: var(--teddy-color-gray-50);
136
+ }
137
+ ._teddy-avatar--purple-light_e3370_18 {
138
+ background-color: var(--teddy-color-purple-50);
139
+ }
140
+ ._teddy-avatar--white_e3370_21 {
141
+ background-color: var(--teddy-color-brand-white);
142
+ }
143
+ ._teddy-avatar--orange_e3370_24 {
144
+ background-color: var(--teddy-color-orange-50);
145
+ }
146
+ ._teddy-avatar--blue_e3370_27 {
147
+ background-color: var(--teddy-color-blue-50);
148
+ }
149
+ ._teddy-avatar--green_e3370_30 {
150
+ background-color: var(--teddy-color-green-50);
151
+ }@layer heading, badge, flex, grid, subscription-card;
152
+ @layer subscription-card {
153
+ ._teddy-subscription-card_77suf_3 {
154
+ outline: none;
155
+ background: none;
156
+ border: none;
157
+ padding: 0;
158
+ margin: 0;
159
+ text-align: inherit;
160
+ font: inherit;
161
+ color: inherit;
162
+ text-decoration: none;
163
+ box-sizing: border-box;
164
+ padding: var(--teddy-spacing-250);
165
+ border: var(--teddy-border-width-xs) solid transparent;
166
+ border-radius: var(--teddy-border-radius-md);
167
+ }
168
+ ._teddy-subscription-card_77suf_3 ._teddy-subscription-card__content_77suf_18 {
169
+ margin-top: var(--teddy-spacing-150);
170
+ }
171
+ ._teddy-subscription-card--white_77suf_21 {
172
+ background-color: var(--teddy-color-brand-white);
173
+ color: var(--teddy-color-text-default);
174
+ }
175
+ ._teddy-subscription-card--white_77suf_21._teddy-subscription-card--disabled_77suf_25 {
176
+ background-color: var(--teddy-color-background-interactive-disabled);
177
+ }
178
+ ._teddy-subscription-card--white_77suf_21:hover:not(:has(._teddy-subscription-card--disabled_77suf_25)) {
179
+ background-color: var(--teddy-color-purple-50);
180
+ }
181
+ ._teddy-subscription-card--white_77suf_21:active:not(:has(._teddy-subscription-card--disabled_77suf_25)) {
182
+ background-color: var(--teddy-color-purple-100);
183
+ }
184
+ ._teddy-subscription-card--white_77suf_21._teddy-subscription-card--border_77suf_34 {
185
+ border-color: var(--teddy-color-transparent-black-300);
186
+ }
187
+ ._teddy-subscription-card--white_77suf_21._teddy-subscription-card--border_77suf_34._teddy-subscription-card--disabled_77suf_25 {
188
+ border-color: var(--teddy-color-transparent-black-300);
189
+ }
190
+ ._teddy-subscription-card--white_77suf_21._teddy-subscription-card--border_77suf_34:hover:not(:has(._teddy-subscription-card--disabled_77suf_25)) {
191
+ border-color: var(--teddy-color-transparent-black-300);
192
+ }
193
+ ._teddy-subscription-card--white_77suf_21._teddy-subscription-card--border_77suf_34:active:not(:has(._teddy-subscription-card--disabled_77suf_25)) {
194
+ border-color: var(--teddy-color-transparent-black-300);
195
+ }
196
+ ._teddy-subscription-card--grey_77suf_46 {
197
+ background-color: #f5f5fa;
198
+ color: var(--teddy-color-text-default);
199
+ }
200
+ ._teddy-subscription-card--grey_77suf_46._teddy-subscription-card--disabled_77suf_25 {
201
+ background-color: var(--teddy-color-background-interactive-disabled);
202
+ }
203
+ ._teddy-subscription-card--grey_77suf_46:hover:not(:has(._teddy-subscription-card--disabled_77suf_25)) {
204
+ background-color: var(--teddy-color-gray-100);
205
+ }
206
+ ._teddy-subscription-card--grey_77suf_46:active:not(:has(._teddy-subscription-card--disabled_77suf_25)) {
207
+ background-color: var(--teddy-color-gray-200);
208
+ }
209
+ ._teddy-subscription-card--purple-light_77suf_59 {
210
+ background-color: var(--teddy-color-purple-50);
211
+ color: var(--teddy-color-text-default);
212
+ }
213
+ ._teddy-subscription-card--purple-light_77suf_59._teddy-subscription-card--disabled_77suf_25 {
214
+ background-color: var(--teddy-color-background-interactive-disabled);
215
+ }
216
+ ._teddy-subscription-card--purple-light_77suf_59:hover:not(:has(._teddy-subscription-card--disabled_77suf_25)) {
217
+ background-color: var(--teddy-color-purple-100);
218
+ }
219
+ ._teddy-subscription-card--purple-light_77suf_59:active:not(:has(._teddy-subscription-card--disabled_77suf_25)) {
220
+ background-color: var(--teddy-color-purple-200);
221
+ }
222
+ ._teddy-subscription-card--beige-light_77suf_72 {
223
+ background-color: var(--teddy-color-beige-50);
224
+ color: var(--teddy-color-text-default);
225
+ }
226
+ ._teddy-subscription-card--beige-light_77suf_72._teddy-subscription-card--disabled_77suf_25 {
227
+ background-color: var(--teddy-color-background-interactive-disabled);
228
+ }
229
+ ._teddy-subscription-card--beige-light_77suf_72:hover:not(:has(._teddy-subscription-card--disabled_77suf_25)) {
230
+ background-color: var(--teddy-color-beige-100);
231
+ }
232
+ ._teddy-subscription-card--beige-light_77suf_72:active:not(:has(._teddy-subscription-card--disabled_77suf_25)) {
233
+ background-color: var(--teddy-color-beige-200);
234
+ }
235
+ ._teddy-subscription-card__layout_77suf_85 {
236
+ display: grid;
237
+ gap: 0 var(--teddy-spacing-150);
238
+ grid-template-columns: auto 1fr auto;
239
+ justify-items: start;
240
+ justify-content: stretch;
241
+ align-items: center;
242
+ grid-template-areas: "avatar heading chevron" "avatar subtitle chevron" "content content content";
243
+ }
244
+ ._teddy-subscription-card__layout_77suf_85 ._teddy-subscription-card__avatar_77suf_94 {
245
+ grid-area: avatar;
246
+ }
247
+ ._teddy-subscription-card__layout_77suf_85 ._teddy-subscription-card__heading_77suf_97 {
248
+ grid-area: heading;
249
+ }
250
+ ._teddy-subscription-card__layout_77suf_85 ._teddy-subscription-card__subtitle_77suf_100 {
251
+ grid-area: subtitle;
252
+ }
253
+ ._teddy-subscription-card__layout_77suf_85 ._teddy-subscription-card__chevron_77suf_103 {
254
+ grid-area: chevron;
255
+ }
256
+ ._teddy-subscription-card__layout_77suf_85 ._teddy-subscription-card__content_77suf_18 {
257
+ grid-area: content;
258
+ }
259
+ ._teddy-subscription-card_77suf_3:focus-visible {
260
+ outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
261
+ outline-offset: var(--teddy-spacing-25);
262
+ }
263
+ ._teddy-subscription-card--disabled_77suf_25 {
264
+ pointer-events: none;
265
+ }
266
+ }@layer heading {
267
+ ._teddy-heading_r8os0_2 {
268
+ color: var(--teddy-color-text-default);
269
+ display: block;
270
+ hyphens: none;
271
+ margin: 0;
272
+ max-width: 60ch;
273
+ }
274
+ ._teddy-heading--hyphens_r8os0_9 {
275
+ hyphens: auto;
276
+ }
277
+ ._teddy-heading--subsection-100_r8os0_12 {
278
+ font-family: var(--teddy-typography-family-default);
279
+ font-weight: var(--teddy-typography-weight-medium);
280
+ font-size: var(--teddy-typography-scale-100);
281
+ line-height: var(--teddy-typography-line-height-default);
282
+ }
283
+ ._teddy-heading--title-100_r8os0_18 {
284
+ font-family: var(--teddy-typography-family-default);
285
+ font-weight: var(--teddy-typography-weight-bold);
286
+ font-size: clamp(var(--teddy-typography-scale-100), 3cqw, var(--teddy-typography-scale-200));
287
+ line-height: var(--teddy-typography-line-height-default);
288
+ }
289
+ ._teddy-heading--title-200_r8os0_24 {
290
+ font-family: var(--teddy-typography-family-default);
291
+ font-weight: var(--teddy-typography-weight-bold);
292
+ font-size: clamp(var(--teddy-typography-scale-200), 3cqw, var(--teddy-typography-scale-400));
293
+ line-height: var(--teddy-typography-line-height-default);
294
+ }
295
+ ._teddy-heading--title-300_r8os0_30 {
296
+ font-family: var(--teddy-typography-family-default);
297
+ font-weight: var(--teddy-typography-weight-bold);
298
+ font-size: clamp(var(--teddy-typography-scale-400), 3cqw, var(--teddy-typography-scale-600));
299
+ line-height: var(--teddy-typography-line-height-default);
300
+ }
301
+ ._teddy-heading--title-400_r8os0_36 {
302
+ font-family: var(--teddy-typography-family-default);
303
+ font-weight: var(--teddy-typography-weight-bold);
304
+ font-size: clamp(var(--teddy-typography-scale-500), 3cqw, var(--teddy-typography-scale-700));
305
+ line-height: var(--teddy-typography-line-height-default);
306
+ }
307
+ ._teddy-heading--title-500_r8os0_42 {
308
+ font-family: var(--teddy-typography-family-default);
309
+ font-weight: var(--teddy-typography-weight-bold);
310
+ font-size: clamp(var(--teddy-typography-scale-500), 3cqw, var(--teddy-typography-scale-800));
311
+ line-height: var(--teddy-typography-line-height-tight);
312
+ }
313
+ ._teddy-heading--title-600_r8os0_48 {
314
+ font-family: var(--teddy-typography-family-default);
315
+ font-weight: var(--teddy-typography-weight-bold);
316
+ font-size: clamp(var(--teddy-typography-scale-650), 3cqw, var(--teddy-typography-scale-850));
317
+ line-height: var(--teddy-typography-line-height-tight);
318
+ }
319
+ ._teddy-heading--title-700_r8os0_54 {
320
+ font-family: var(--teddy-typography-family-default);
321
+ font-weight: var(--teddy-typography-weight-bold);
322
+ font-size: clamp(var(--teddy-typography-scale-700), 3cqw, var(--teddy-typography-scale-900));
323
+ line-height: var(--teddy-typography-line-height-tight);
324
+ }
325
+ ._teddy-heading--display-25_r8os0_60 {
326
+ font-family: var(--teddy-typography-family-display);
327
+ font-weight: var(--teddy-typography-weight-medium);
328
+ font-size: clamp(var(--teddy-typography-scale-600), 3cqw, var(--teddy-typography-scale-800));
329
+ line-height: var(--teddy-typography-line-height-tight);
330
+ }
331
+ ._teddy-heading--display-50_r8os0_66 {
332
+ font-family: var(--teddy-typography-family-display);
333
+ font-weight: var(--teddy-typography-weight-medium);
334
+ font-size: clamp(var(--teddy-typography-scale-650), 3cqw, var(--teddy-typography-scale-850));
335
+ line-height: var(--teddy-typography-line-height-tight);
336
+ }
337
+ ._teddy-heading--display-100_r8os0_72 {
338
+ font-family: var(--teddy-typography-family-display);
339
+ font-weight: var(--teddy-typography-weight-medium);
340
+ font-size: clamp(var(--teddy-typography-scale-700), 3cqw, var(--teddy-typography-scale-900));
341
+ line-height: var(--teddy-typography-line-height-tight);
342
+ }
343
+ ._teddy-heading--display-200_r8os0_78 {
344
+ font-family: var(--teddy-typography-family-display);
345
+ font-weight: var(--teddy-typography-weight-medium);
346
+ font-size: clamp(var(--teddy-typography-scale-800), 3cqw, var(--teddy-typography-scale-1000));
347
+ line-height: var(--teddy-typography-line-height-tight);
348
+ }
349
+ }._teddy-spinner--xxs_ywden_1 {
2
350
  height: var(--teddy-spacing-250);
3
351
  width: var(--teddy-spacing-250);
4
352
  }
@@ -339,47 +687,6 @@
339
687
  ._teddy-button--icon-only_1k5uy_56 ._teddy-button__loading_1k5uy_265 {
340
688
  background-color: var(--teddy-color-gray-100);
341
689
  }
342
- }@layer icon {
343
- ._teddy-icon_1ur3a_2 {
344
- display: inline;
345
- align-self: center;
346
- fill: currentColor;
347
- flex-shrink: 0;
348
- }
349
- ._teddy-icon--font_1ur3a_8 {
350
- width: 1em;
351
- height: 1em;
352
- }
353
- ._teddy-icon--xxs_1ur3a_12 {
354
- width: var(--teddy-spacing-150);
355
- height: var(--teddy-spacing-150);
356
- }
357
- ._teddy-icon--xs_1ur3a_16 {
358
- width: var(--teddy-spacing-200);
359
- height: var(--teddy-spacing-200);
360
- }
361
- ._teddy-icon--sm_1ur3a_20 {
362
- width: var(--teddy-spacing-250);
363
- height: var(--teddy-spacing-250);
364
- }
365
- ._teddy-icon--md_1ur3a_24 {
366
- width: var(--teddy-spacing-300);
367
- height: var(--teddy-spacing-300);
368
- }
369
- ._teddy-icon--lg_1ur3a_28 {
370
- width: var(--teddy-spacing-400);
371
- height: var(--teddy-spacing-400);
372
- }
373
- ._teddy-icon--xl_1ur3a_32 {
374
- width: var(--teddy-spacing-600);
375
- height: var(--teddy-spacing-600);
376
- }
377
- ._teddy-icon-with-children_1ur3a_36 {
378
- display: inline-flex;
379
- align-items: center;
380
- font-family: var(--teddy-typography-family-default);
381
- gap: var(--teddy-spacing-100);
382
- }
383
690
  }._teddy-scroll-area_1r6mf_1 {
384
691
  position: relative;
385
692
  overflow: hidden;
@@ -572,89 +879,6 @@
572
879
  }
573
880
  ._teddy-table__cell--sticky-bottom_uodq1_85 {
574
881
  bottom: 0;
575
- }@layer heading {
576
- ._teddy-heading_r8os0_2 {
577
- color: var(--teddy-color-text-default);
578
- display: block;
579
- hyphens: none;
580
- margin: 0;
581
- max-width: 60ch;
582
- }
583
- ._teddy-heading--hyphens_r8os0_9 {
584
- hyphens: auto;
585
- }
586
- ._teddy-heading--subsection-100_r8os0_12 {
587
- font-family: var(--teddy-typography-family-default);
588
- font-weight: var(--teddy-typography-weight-medium);
589
- font-size: var(--teddy-typography-scale-100);
590
- line-height: var(--teddy-typography-line-height-default);
591
- }
592
- ._teddy-heading--title-100_r8os0_18 {
593
- font-family: var(--teddy-typography-family-default);
594
- font-weight: var(--teddy-typography-weight-bold);
595
- font-size: clamp(var(--teddy-typography-scale-100), 3cqw, var(--teddy-typography-scale-200));
596
- line-height: var(--teddy-typography-line-height-default);
597
- }
598
- ._teddy-heading--title-200_r8os0_24 {
599
- font-family: var(--teddy-typography-family-default);
600
- font-weight: var(--teddy-typography-weight-bold);
601
- font-size: clamp(var(--teddy-typography-scale-200), 3cqw, var(--teddy-typography-scale-400));
602
- line-height: var(--teddy-typography-line-height-default);
603
- }
604
- ._teddy-heading--title-300_r8os0_30 {
605
- font-family: var(--teddy-typography-family-default);
606
- font-weight: var(--teddy-typography-weight-bold);
607
- font-size: clamp(var(--teddy-typography-scale-400), 3cqw, var(--teddy-typography-scale-600));
608
- line-height: var(--teddy-typography-line-height-default);
609
- }
610
- ._teddy-heading--title-400_r8os0_36 {
611
- font-family: var(--teddy-typography-family-default);
612
- font-weight: var(--teddy-typography-weight-bold);
613
- font-size: clamp(var(--teddy-typography-scale-500), 3cqw, var(--teddy-typography-scale-700));
614
- line-height: var(--teddy-typography-line-height-default);
615
- }
616
- ._teddy-heading--title-500_r8os0_42 {
617
- font-family: var(--teddy-typography-family-default);
618
- font-weight: var(--teddy-typography-weight-bold);
619
- font-size: clamp(var(--teddy-typography-scale-500), 3cqw, var(--teddy-typography-scale-800));
620
- line-height: var(--teddy-typography-line-height-tight);
621
- }
622
- ._teddy-heading--title-600_r8os0_48 {
623
- font-family: var(--teddy-typography-family-default);
624
- font-weight: var(--teddy-typography-weight-bold);
625
- font-size: clamp(var(--teddy-typography-scale-650), 3cqw, var(--teddy-typography-scale-850));
626
- line-height: var(--teddy-typography-line-height-tight);
627
- }
628
- ._teddy-heading--title-700_r8os0_54 {
629
- font-family: var(--teddy-typography-family-default);
630
- font-weight: var(--teddy-typography-weight-bold);
631
- font-size: clamp(var(--teddy-typography-scale-700), 3cqw, var(--teddy-typography-scale-900));
632
- line-height: var(--teddy-typography-line-height-tight);
633
- }
634
- ._teddy-heading--display-25_r8os0_60 {
635
- font-family: var(--teddy-typography-family-display);
636
- font-weight: var(--teddy-typography-weight-medium);
637
- font-size: clamp(var(--teddy-typography-scale-600), 3cqw, var(--teddy-typography-scale-800));
638
- line-height: var(--teddy-typography-line-height-tight);
639
- }
640
- ._teddy-heading--display-50_r8os0_66 {
641
- font-family: var(--teddy-typography-family-display);
642
- font-weight: var(--teddy-typography-weight-medium);
643
- font-size: clamp(var(--teddy-typography-scale-650), 3cqw, var(--teddy-typography-scale-850));
644
- line-height: var(--teddy-typography-line-height-tight);
645
- }
646
- ._teddy-heading--display-100_r8os0_72 {
647
- font-family: var(--teddy-typography-family-display);
648
- font-weight: var(--teddy-typography-weight-medium);
649
- font-size: clamp(var(--teddy-typography-scale-700), 3cqw, var(--teddy-typography-scale-900));
650
- line-height: var(--teddy-typography-line-height-tight);
651
- }
652
- ._teddy-heading--display-200_r8os0_78 {
653
- font-family: var(--teddy-typography-family-display);
654
- font-weight: var(--teddy-typography-weight-medium);
655
- font-size: clamp(var(--teddy-typography-scale-800), 3cqw, var(--teddy-typography-scale-1000));
656
- line-height: var(--teddy-typography-line-height-tight);
657
- }
658
882
  }._teddy-flip-card_onxd6_1 {
659
883
  position: relative;
660
884
  perspective: 1000px;
@@ -1182,84 +1406,6 @@
1182
1406
  ._teddy-flex_1ncy4_1 {
1183
1407
  display: flex;
1184
1408
  }
1185
- }@layer text {
1186
- ._teddy-text_15w9u_2 {
1187
- color: inherit;
1188
- display: block;
1189
- margin: 0;
1190
- hyphens: none;
1191
- }
1192
- ._teddy-text--disabled_15w9u_8 {
1193
- color: var(--teddy-color-text-weak);
1194
- }
1195
- ._teddy-text--hyphens_15w9u_11 {
1196
- hyphens: auto;
1197
- }
1198
- ._teddy-text--paragraph-100_15w9u_14 {
1199
- font-family: var(--teddy-typography-family-default);
1200
- font-weight: var(--teddy-typography-weight-normal);
1201
- font-size: var(--teddy-typography-scale-100);
1202
- line-height: var(--teddy-typography-line-height-loose);
1203
- }
1204
- ._teddy-text--paragraph-100-medium_15w9u_20 {
1205
- font-family: var(--teddy-typography-family-default);
1206
- font-weight: var(--teddy-typography-weight-normal);
1207
- font-size: var(--teddy-typography-scale-100);
1208
- line-height: var(--teddy-typography-line-height-loose);
1209
- font-weight: var(--teddy-typography-weight-medium);
1210
- }
1211
- ._teddy-text--paragraph-100-bold_15w9u_27 {
1212
- font-family: var(--teddy-typography-family-default);
1213
- font-weight: var(--teddy-typography-weight-normal);
1214
- font-size: var(--teddy-typography-scale-100);
1215
- line-height: var(--teddy-typography-line-height-loose);
1216
- font-weight: var(--teddy-typography-weight-bold);
1217
- }
1218
- ._teddy-text--paragraph-200_15w9u_34 {
1219
- font-family: var(--teddy-typography-family-default);
1220
- font-weight: var(--teddy-typography-weight-normal);
1221
- font-size: var(--teddy-typography-scale-100);
1222
- line-height: var(--teddy-typography-line-height-looser);
1223
- }
1224
- ._teddy-text--preamble-100_15w9u_40 {
1225
- font-family: var(--teddy-typography-family-default);
1226
- font-weight: var(--teddy-typography-weight-normal);
1227
- font-size: var(--teddy-typography-scale-200);
1228
- line-height: var(--teddy-typography-line-height-loose);
1229
- }
1230
- ._teddy-text--preamble-200_15w9u_46 {
1231
- font-family: var(--teddy-typography-family-default);
1232
- font-weight: var(--teddy-typography-weight-normal);
1233
- font-size: clamp(var(--teddy-typography-scale-150), 3vw, var(--teddy-typography-scale-400));
1234
- line-height: var(--teddy-typography-line-height-loose);
1235
- }
1236
- ._teddy-text--additional-100_15w9u_52 {
1237
- font-family: var(--teddy-typography-family-default);
1238
- font-weight: var(--teddy-typography-weight-normal);
1239
- font-size: var(--teddy-typography-scale-75);
1240
- line-height: var(--teddy-typography-line-height-loose);
1241
- }
1242
- ._teddy-text--additional-100-medium_15w9u_58 {
1243
- font-family: var(--teddy-typography-family-default);
1244
- font-weight: var(--teddy-typography-weight-normal);
1245
- font-size: var(--teddy-typography-scale-75);
1246
- line-height: var(--teddy-typography-line-height-loose);
1247
- font-weight: var(--teddy-typography-weight-medium);
1248
- }
1249
- ._teddy-text--overline-100_15w9u_65 {
1250
- font-family: var(--teddy-typography-family-default);
1251
- font-size: var(--teddy-typography-scale-75);
1252
- letter-spacing: var(--teddy-spacing-10);
1253
- line-height: var(--teddy-typography-line-height-tight);
1254
- text-transform: uppercase;
1255
- }
1256
- ._teddy-text--overline-200_15w9u_72 {
1257
- font-family: var(--teddy-typography-family-default);
1258
- font-size: clamp(var(--teddy-typography-scale-75), 3vw, var(--teddy-typography-scale-100));
1259
- letter-spacing: var(--teddy-spacing-10);
1260
- line-height: var(--teddy-typography-line-height-tight);
1261
- text-transform: uppercase;
1262
- }
1263
1409
  }@layer link {
1264
1410
  ._teddy-link_1vpvx_2 {
1265
1411
  align-items: center;