@boostdev/design-system-components 0.1.17 → 0.1.18

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 (8) hide show
  1. package/dist/client.cjs +48 -48
  2. package/dist/client.css +440 -438
  3. package/dist/client.js +48 -48
  4. package/dist/index.cjs +48 -48
  5. package/dist/index.css +440 -438
  6. package/dist/index.js +48 -48
  7. package/package.json +1 -1
  8. package/src/components/interaction/Drawer/Drawer.module.css +2 -0
package/dist/index.css CHANGED
@@ -1,22 +1,22 @@
1
1
  /* src/components/ui/Accordion/Accordion.module.css */
2
2
  @layer component {
3
- .bds0117Accordion-accordion {
3
+ .bds0118Accordion-accordion {
4
4
  display: flex;
5
5
  flex-direction: column;
6
6
  border: 1px solid var(--color_bg--subtle);
7
7
  border-radius: var(--border_radius--s);
8
8
  overflow: hidden;
9
9
  }
10
- .bds0117Accordion-item {
10
+ .bds0118Accordion-item {
11
11
  border-bottom: 1px solid var(--color_bg--subtle);
12
12
  }
13
- .bds0117Accordion-item:last-child {
13
+ .bds0118Accordion-item:last-child {
14
14
  border-bottom: none;
15
15
  }
16
- .bds0117Accordion-heading {
16
+ .bds0118Accordion-heading {
17
17
  margin: 0;
18
18
  }
19
- .bds0117Accordion-trigger {
19
+ .bds0118Accordion-trigger {
20
20
  all: unset;
21
21
  display: flex;
22
22
  align-items: center;
@@ -31,44 +31,44 @@
31
31
  transition: var(--animation_transition);
32
32
  box-sizing: border-box;
33
33
  }
34
- .bds0117Accordion-trigger:disabled {
34
+ .bds0118Accordion-trigger:disabled {
35
35
  opacity: 0.4;
36
36
  cursor: not-allowed;
37
37
  }
38
- .bds0117Accordion-trigger:focus-visible {
38
+ .bds0118Accordion-trigger:focus-visible {
39
39
  outline: var(--outline_default);
40
40
  outline-offset: calc(var(--outline_offset) * -1);
41
41
  border-radius: var(--border_radius--xs);
42
42
  }
43
43
  @media (hover: hover) and (pointer: fine) {
44
- .bds0117Accordion-trigger:not(:disabled):hover {
44
+ .bds0118Accordion-trigger:not(:disabled):hover {
45
45
  background-color: var(--color_bg--subtle);
46
46
  }
47
47
  }
48
- .bds0117Accordion-triggerLabel {
48
+ .bds0118Accordion-triggerLabel {
49
49
  flex: 1;
50
50
  text-align: start;
51
51
  }
52
- .bds0117Accordion-chevron {
52
+ .bds0118Accordion-chevron {
53
53
  width: 1.25rem;
54
54
  height: 1.25rem;
55
55
  flex-shrink: 0;
56
56
  transition: transform var(--animation_transition-duration) var(--animation_easing);
57
57
  }
58
- .bds0117Accordion-item.bds0117Accordion---open .bds0117Accordion-chevron {
58
+ .bds0118Accordion-item.bds0118Accordion---open .bds0118Accordion-chevron {
59
59
  transform: rotate(180deg);
60
60
  }
61
- .bds0117Accordion-panel {
61
+ .bds0118Accordion-panel {
62
62
  overflow: hidden;
63
63
  }
64
- .bds0117Accordion-panelContent {
64
+ .bds0118Accordion-panelContent {
65
65
  padding: 0 var(--space_m) var(--space_m);
66
66
  color: var(--color_on-bg);
67
67
  font-size: var(--font_size--body);
68
68
  line-height: var(--font_line-height--body);
69
69
  }
70
70
  @media (prefers-reduced-motion: reduce) {
71
- .bds0117Accordion-chevron {
71
+ .bds0118Accordion-chevron {
72
72
  transition: none;
73
73
  }
74
74
  }
@@ -76,7 +76,7 @@
76
76
 
77
77
  /* src/components/ui/Alert/Alert.module.css */
78
78
  @layer component {
79
- .bds0117Alert-alert {
79
+ .bds0118Alert-alert {
80
80
  display: flex;
81
81
  align-items: flex-start;
82
82
  gap: var(--space_s);
@@ -88,43 +88,43 @@
88
88
  font-size: var(--font_size--body);
89
89
  line-height: var(--font_line-height--body);
90
90
  }
91
- .bds0117Alert---variant_info {
91
+ .bds0118Alert---variant_info {
92
92
  --alert_bg: var(--color_blue--subtle);
93
93
  --alert_text: var(--color_on-blue--subtle);
94
94
  --alert_border: var(--color_blue);
95
95
  }
96
- .bds0117Alert---variant_success {
96
+ .bds0118Alert---variant_success {
97
97
  --alert_bg: var(--color_success--subtle);
98
98
  --alert_text: var(--color_on-success--subtle);
99
99
  --alert_border: var(--color_success);
100
100
  }
101
- .bds0117Alert---variant_warning {
101
+ .bds0118Alert---variant_warning {
102
102
  --alert_bg: var(--color_orange--subtle);
103
103
  --alert_text: var(--color_on-orange--subtle);
104
104
  --alert_border: var(--color_warning);
105
105
  }
106
- .bds0117Alert---variant_error {
106
+ .bds0118Alert---variant_error {
107
107
  --alert_bg: rgb(from var(--color_error) r g b / 12%);
108
108
  --alert_text: var(--color_on-bg);
109
109
  --alert_border: var(--color_error);
110
110
  }
111
- .bds0117Alert-icon {
111
+ .bds0118Alert-icon {
112
112
  display: flex;
113
113
  align-items: center;
114
114
  flex-shrink: 0;
115
115
  margin-block-start: 0.1em;
116
116
  }
117
- .bds0117Alert-content {
117
+ .bds0118Alert-content {
118
118
  flex: 1;
119
119
  display: flex;
120
120
  flex-direction: column;
121
121
  gap: var(--space_xxs);
122
122
  }
123
- .bds0117Alert-title {
123
+ .bds0118Alert-title {
124
124
  font-weight: var(--font_weight--semibold);
125
125
  font-size: var(--font_size--body);
126
126
  }
127
- .bds0117Alert-dismiss {
127
+ .bds0118Alert-dismiss {
128
128
  all: unset;
129
129
  display: flex;
130
130
  align-items: center;
@@ -136,16 +136,16 @@
136
136
  border: 1px solid currentcolor;
137
137
  border-radius: 50%;
138
138
  }
139
- .bds0117Alert-dismiss svg {
139
+ .bds0118Alert-dismiss svg {
140
140
  width: 1rem;
141
141
  height: 1rem;
142
142
  }
143
- .bds0117Alert-dismiss:focus-visible {
143
+ .bds0118Alert-dismiss:focus-visible {
144
144
  outline: var(--outline_default);
145
145
  outline-offset: var(--outline_offset);
146
146
  }
147
147
  @media (hover: hover) and (pointer: fine) {
148
- .bds0117Alert-dismiss:hover {
148
+ .bds0118Alert-dismiss:hover {
149
149
  opacity: 0.7;
150
150
  }
151
151
  }
@@ -153,7 +153,7 @@
153
153
 
154
154
  /* src/components/ui/Avatar/Avatar.module.css */
155
155
  @layer component {
156
- .bds0117Avatar-avatar {
156
+ .bds0118Avatar-avatar {
157
157
  display: inline-flex;
158
158
  align-items: center;
159
159
  justify-content: center;
@@ -163,42 +163,42 @@
163
163
  overflow: hidden;
164
164
  flex-shrink: 0;
165
165
  }
166
- .bds0117Avatar-avatar.bds0117Avatar---fallback {
166
+ .bds0118Avatar-avatar.bds0118Avatar---fallback {
167
167
  background-color: var(--avatar_bg, var(--color_blue));
168
168
  color: var(--avatar_text, var(--color_on-blue));
169
169
  font-weight: var(--font_weight--semibold);
170
170
  }
171
- .bds0117Avatar-avatar.bds0117Avatar---size_small {
171
+ .bds0118Avatar-avatar.bds0118Avatar---size_small {
172
172
  --avatar_size: 2em;
173
173
  }
174
- .bds0117Avatar-avatar.bds0117Avatar---size_medium {
174
+ .bds0118Avatar-avatar.bds0118Avatar---size_medium {
175
175
  --avatar_size: 3em;
176
176
  }
177
- .bds0117Avatar-avatar.bds0117Avatar---size_large {
177
+ .bds0118Avatar-avatar.bds0118Avatar---size_large {
178
178
  --avatar_size: 4.5em;
179
179
  }
180
- .bds0117Avatar-image {
180
+ .bds0118Avatar-image {
181
181
  width: 100%;
182
182
  height: 100%;
183
183
  object-fit: cover;
184
184
  display: block;
185
185
  }
186
- .bds0117Avatar-initials {
186
+ .bds0118Avatar-initials {
187
187
  line-height: 1;
188
188
  user-select: none;
189
189
  font-size: var(--font_size--body);
190
190
  }
191
- .bds0117Avatar-avatar.bds0117Avatar---size_small .bds0117Avatar-initials {
191
+ .bds0118Avatar-avatar.bds0118Avatar---size_small .bds0118Avatar-initials {
192
192
  font-size: var(--font_size--body--s);
193
193
  }
194
- .bds0117Avatar-avatar.bds0117Avatar---size_large .bds0117Avatar-initials {
194
+ .bds0118Avatar-avatar.bds0118Avatar---size_large .bds0118Avatar-initials {
195
195
  font-size: var(--font_size--heading-3);
196
196
  }
197
197
  }
198
198
 
199
199
  /* src/components/ui/Badge/Badge.module.css */
200
200
  @layer component {
201
- .bds0117Badge-badge {
201
+ .bds0118Badge-badge {
202
202
  display: inline-flex;
203
203
  align-items: center;
204
204
  justify-content: center;
@@ -211,23 +211,23 @@
211
211
  background-color: var(--badge_bg, var(--color_blue));
212
212
  color: var(--badge_text, var(--color_on-blue));
213
213
  }
214
- .bds0117Badge---variant_primary {
214
+ .bds0118Badge---variant_primary {
215
215
  --badge_bg: var(--color_interactive);
216
216
  --badge_text: var(--color_on-interactive);
217
217
  }
218
- .bds0117Badge---variant_secondary {
218
+ .bds0118Badge---variant_secondary {
219
219
  --badge_bg: var(--color_bg);
220
220
  --badge_text: var(--color_on-bg);
221
221
  }
222
- .bds0117Badge---variant_success {
222
+ .bds0118Badge---variant_success {
223
223
  --badge_bg: var(--color_success);
224
224
  --badge_text: var(--color_on-success);
225
225
  }
226
- .bds0117Badge---variant_error {
226
+ .bds0118Badge---variant_error {
227
227
  --badge_bg: var(--color_error);
228
228
  --badge_text: var(--color_on-error);
229
229
  }
230
- .bds0117Badge---variant_warning {
230
+ .bds0118Badge---variant_warning {
231
231
  --badge_bg: var(--color_warning);
232
232
  --badge_text: var(--color_on-warning);
233
233
  }
@@ -235,10 +235,10 @@
235
235
 
236
236
  /* src/components/ui/Breadcrumb/Breadcrumb.module.css */
237
237
  @layer component {
238
- .bds0117Breadcrumb-breadcrumb {
238
+ .bds0118Breadcrumb-breadcrumb {
239
239
  font-size: var(--font_size--body--s);
240
240
  }
241
- .bds0117Breadcrumb-list {
241
+ .bds0118Breadcrumb-list {
242
242
  display: flex;
243
243
  flex-wrap: wrap;
244
244
  align-items: center;
@@ -247,32 +247,32 @@
247
247
  margin: 0;
248
248
  padding: 0;
249
249
  }
250
- .bds0117Breadcrumb-item {
250
+ .bds0118Breadcrumb-item {
251
251
  display: flex;
252
252
  align-items: center;
253
253
  gap: var(--space_xxs);
254
254
  }
255
- .bds0117Breadcrumb-link {
255
+ .bds0118Breadcrumb-link {
256
256
  color: var(--color_interactive);
257
257
  text-decoration: none;
258
258
  transition: var(--animation_transition);
259
259
  }
260
- .bds0117Breadcrumb-link:focus-visible {
260
+ .bds0118Breadcrumb-link:focus-visible {
261
261
  outline: var(--outline_default);
262
262
  outline-offset: var(--outline_offset);
263
263
  border-radius: var(--border_radius--xs);
264
264
  }
265
265
  @media (hover: hover) and (pointer: fine) {
266
- .bds0117Breadcrumb-link:hover {
266
+ .bds0118Breadcrumb-link:hover {
267
267
  text-decoration: underline;
268
268
  text-underline-offset: 0.2em;
269
269
  }
270
270
  }
271
- .bds0117Breadcrumb-separator {
271
+ .bds0118Breadcrumb-separator {
272
272
  color: var(--color_on-bg--subtle);
273
273
  user-select: none;
274
274
  }
275
- .bds0117Breadcrumb-current {
275
+ .bds0118Breadcrumb-current {
276
276
  color: var(--color_on-bg--subtle);
277
277
  font-weight: var(--font_weight--semibold);
278
278
  }
@@ -280,12 +280,12 @@
280
280
 
281
281
  /* src/components/ui/Collapsible/Collapsible.module.css */
282
282
  @layer component {
283
- .bds0117Collapsible-collapsible {
283
+ .bds0118Collapsible-collapsible {
284
284
  border: var(--collapsible_border-width, 1px) solid var(--collapsible_border-color, var(--color_bg--subtle));
285
285
  border-radius: var(--collapsible_border-radius, var(--border_radius--m));
286
286
  overflow: hidden;
287
287
  }
288
- .bds0117Collapsible-summary {
288
+ .bds0118Collapsible-summary {
289
289
  list-style: none;
290
290
  display: flex;
291
291
  align-items: center;
@@ -300,25 +300,25 @@
300
300
  user-select: none;
301
301
  transition: var(--animation_transition);
302
302
  }
303
- .bds0117Collapsible-summary::-webkit-details-marker {
303
+ .bds0118Collapsible-summary::-webkit-details-marker {
304
304
  display: none;
305
305
  }
306
- .bds0117Collapsible-summary:focus-visible {
306
+ .bds0118Collapsible-summary:focus-visible {
307
307
  outline: var(--outline_default);
308
308
  outline-offset: calc(var(--outline_offset) * -1);
309
309
  }
310
310
  @media (hover: hover) and (pointer: fine) {
311
- .bds0117Collapsible-summary:hover {
311
+ .bds0118Collapsible-summary:hover {
312
312
  background-color: var(--collapsible_bg--hover, var(--color_bg--subtle));
313
313
  }
314
314
  }
315
- .bds0117Collapsible-collapsible[open] > .bds0117Collapsible-summary {
315
+ .bds0118Collapsible-collapsible[open] > .bds0118Collapsible-summary {
316
316
  border-block-end: var(--collapsible_border-width, 1px) solid var(--collapsible_border-color, var(--color_bg--subtle));
317
317
  }
318
- .bds0117Collapsible-summaryContent {
318
+ .bds0118Collapsible-summaryContent {
319
319
  flex: 1;
320
320
  }
321
- .bds0117Collapsible-icon {
321
+ .bds0118Collapsible-icon {
322
322
  width: 0.5rem;
323
323
  height: 0.5rem;
324
324
  border-right: 2px solid currentcolor;
@@ -327,17 +327,17 @@
327
327
  flex-shrink: 0;
328
328
  transition: transform var(--animation_transition-duration) var(--animation_easing);
329
329
  }
330
- .bds0117Collapsible-collapsible[open] > .bds0117Collapsible-summary .bds0117Collapsible-icon {
330
+ .bds0118Collapsible-collapsible[open] > .bds0118Collapsible-summary .bds0118Collapsible-icon {
331
331
  transform: rotate(-135deg);
332
332
  }
333
- .bds0117Collapsible-content {
333
+ .bds0118Collapsible-content {
334
334
  padding: var(--space_m);
335
335
  color: var(--collapsible_on-color, var(--color_on-bg));
336
336
  font-size: var(--font_size--body);
337
337
  line-height: var(--font_line-height--body);
338
338
  }
339
339
  @media (prefers-reduced-motion: reduce) {
340
- .bds0117Collapsible-icon {
340
+ .bds0118Collapsible-icon {
341
341
  transition: none;
342
342
  }
343
343
  }
@@ -345,7 +345,7 @@
345
345
 
346
346
  /* src/components/ui/Calendar/Calendar.module.css */
347
347
  @layer component {
348
- .bds0117Calendar-calendar {
348
+ .bds0118Calendar-calendar {
349
349
  display: inline-flex;
350
350
  flex-direction: column;
351
351
  gap: var(--space_s);
@@ -356,17 +356,17 @@
356
356
  box-shadow: var(--shadow_s);
357
357
  width: 20rem;
358
358
  }
359
- .bds0117Calendar-header {
359
+ .bds0118Calendar-header {
360
360
  display: flex;
361
361
  align-items: center;
362
362
  justify-content: space-between;
363
363
  }
364
- .bds0117Calendar-monthYear {
364
+ .bds0118Calendar-monthYear {
365
365
  font-size: var(--font_size--body);
366
366
  font-weight: var(--font_weight--semibold);
367
367
  color: var(--color_on-bg);
368
368
  }
369
- .bds0117Calendar-navBtn {
369
+ .bds0118Calendar-navBtn {
370
370
  all: unset;
371
371
  display: flex;
372
372
  align-items: center;
@@ -378,35 +378,35 @@
378
378
  color: var(--color_on-bg);
379
379
  transition: var(--animation_transition);
380
380
  }
381
- .bds0117Calendar-navBtn svg {
381
+ .bds0118Calendar-navBtn svg {
382
382
  width: 1rem;
383
383
  height: 1rem;
384
384
  }
385
- .bds0117Calendar-navBtn:focus-visible {
385
+ .bds0118Calendar-navBtn:focus-visible {
386
386
  outline: var(--outline_default);
387
387
  outline-offset: var(--outline_offset);
388
388
  }
389
389
  @media (hover: hover) and (pointer: fine) {
390
- .bds0117Calendar-navBtn:hover {
390
+ .bds0118Calendar-navBtn:hover {
391
391
  background-color: var(--color_bg--subtle);
392
392
  }
393
393
  }
394
- .bds0117Calendar-grid {
394
+ .bds0118Calendar-grid {
395
395
  border-collapse: collapse;
396
396
  width: 100%;
397
397
  table-layout: fixed;
398
398
  }
399
- .bds0117Calendar-weekday {
399
+ .bds0118Calendar-weekday {
400
400
  font-size: var(--font_size--body--s);
401
401
  font-weight: var(--font_weight--semibold);
402
402
  color: var(--color_on-bg--muted);
403
403
  text-align: center;
404
404
  padding-block-end: var(--space_xs);
405
405
  }
406
- .bds0117Calendar-empty {
406
+ .bds0118Calendar-empty {
407
407
  padding: 0;
408
408
  }
409
- .bds0117Calendar-day {
409
+ .bds0118Calendar-day {
410
410
  all: unset;
411
411
  display: flex;
412
412
  align-items: center;
@@ -420,30 +420,30 @@
420
420
  transition: var(--animation_transition);
421
421
  box-sizing: border-box;
422
422
  }
423
- .bds0117Calendar-day:focus-visible {
423
+ .bds0118Calendar-day:focus-visible {
424
424
  outline: var(--outline_default);
425
425
  outline-offset: var(--outline_offset);
426
426
  }
427
427
  @media (hover: hover) and (pointer: fine) {
428
- .bds0117Calendar-day:not(.bds0117Calendar-disabled, .bds0117Calendar-selected):hover {
428
+ .bds0118Calendar-day:not(.bds0118Calendar-disabled, .bds0118Calendar-selected):hover {
429
429
  background-color: var(--color_bg--subtle);
430
430
  }
431
431
  }
432
- .bds0117Calendar-today {
432
+ .bds0118Calendar-today {
433
433
  border: 2px solid var(--color_interactive);
434
434
  font-weight: var(--font_weight--semibold);
435
435
  }
436
- .bds0117Calendar-selected {
436
+ .bds0118Calendar-selected {
437
437
  background-color: var(--color_interactive);
438
438
  color: var(--color_on-interactive);
439
439
  font-weight: var(--font_weight--semibold);
440
440
  }
441
- .bds0117Calendar-disabled {
441
+ .bds0118Calendar-disabled {
442
442
  opacity: 0.35;
443
443
  cursor: not-allowed;
444
444
  }
445
445
  @media (prefers-reduced-motion: reduce) {
446
- .bds0117Calendar-day {
446
+ .bds0118Calendar-day {
447
447
  transition: none;
448
448
  }
449
449
  }
@@ -451,13 +451,13 @@
451
451
 
452
452
  /* src/components/ui/Carousel/Carousel.module.css */
453
453
  @layer component {
454
- .bds0117Carousel-carousel {
454
+ .bds0118Carousel-carousel {
455
455
  position: relative;
456
456
  display: flex;
457
457
  align-items: center;
458
458
  gap: var(--space_xs);
459
459
  }
460
- .bds0117Carousel-track {
460
+ .bds0118Carousel-track {
461
461
  display: flex;
462
462
  gap: var(--space_m);
463
463
  overflow-x: auto;
@@ -466,14 +466,14 @@
466
466
  flex: 1;
467
467
  scroll-behavior: smooth;
468
468
  }
469
- .bds0117Carousel-track::-webkit-scrollbar {
469
+ .bds0118Carousel-track::-webkit-scrollbar {
470
470
  display: none;
471
471
  }
472
- .bds0117Carousel-slide {
472
+ .bds0118Carousel-slide {
473
473
  scroll-snap-align: start;
474
474
  flex-shrink: 0;
475
475
  }
476
- .bds0117Carousel-navBtn {
476
+ .bds0118Carousel-navBtn {
477
477
  all: unset;
478
478
  display: flex;
479
479
  align-items: center;
@@ -489,21 +489,21 @@
489
489
  transition: var(--animation_transition);
490
490
  box-shadow: var(--shadow_s);
491
491
  }
492
- .bds0117Carousel-navBtn svg {
492
+ .bds0118Carousel-navBtn svg {
493
493
  width: 1.25rem;
494
494
  height: 1.25rem;
495
495
  }
496
- .bds0117Carousel-navBtn:focus-visible {
496
+ .bds0118Carousel-navBtn:focus-visible {
497
497
  outline: var(--outline_default);
498
498
  outline-offset: var(--outline_offset);
499
499
  }
500
500
  @media (hover: hover) and (pointer: fine) {
501
- .bds0117Carousel-navBtn:hover {
501
+ .bds0118Carousel-navBtn:hover {
502
502
  background-color: var(--color_bg--subtle);
503
503
  }
504
504
  }
505
505
  @media (prefers-reduced-motion: reduce) {
506
- .bds0117Carousel-track {
506
+ .bds0118Carousel-track {
507
507
  scroll-behavior: auto;
508
508
  }
509
509
  }
@@ -511,7 +511,7 @@
511
511
 
512
512
  /* src/components/ui/DescriptionList/DescriptionList.module.css */
513
513
  @layer component {
514
- .bds0117DescriptionList-list {
514
+ .bds0118DescriptionList-list {
515
515
  display: flex;
516
516
  flex-direction: column;
517
517
  gap: var(--space_s);
@@ -520,61 +520,61 @@
520
520
  font-size: var(--font_size--body);
521
521
  color: var(--color_on-bg);
522
522
  }
523
- .bds0117DescriptionList-group {
523
+ .bds0118DescriptionList-group {
524
524
  display: flex;
525
525
  flex-direction: column;
526
526
  gap: var(--space_xxs);
527
527
  }
528
- .bds0117DescriptionList-term {
528
+ .bds0118DescriptionList-term {
529
529
  font-weight: var(--font_weight--semibold);
530
530
  color: var(--color_on-bg);
531
531
  }
532
- .bds0117DescriptionList-details {
532
+ .bds0118DescriptionList-details {
533
533
  margin: 0;
534
534
  color: var(--color_on-bg--muted);
535
535
  }
536
- .bds0117DescriptionList---layout_inline .bds0117DescriptionList-group {
536
+ .bds0118DescriptionList---layout_inline .bds0118DescriptionList-group {
537
537
  display: grid;
538
538
  grid-template-columns: minmax(8rem, 1fr) 2fr;
539
539
  gap: var(--space_xs);
540
540
  align-items: baseline;
541
541
  }
542
- .bds0117DescriptionList---layout_inline .bds0117DescriptionList-term {
542
+ .bds0118DescriptionList---layout_inline .bds0118DescriptionList-term {
543
543
  grid-column: 1;
544
544
  }
545
- .bds0117DescriptionList---layout_inline .bds0117DescriptionList-details {
545
+ .bds0118DescriptionList---layout_inline .bds0118DescriptionList-details {
546
546
  grid-column: 2;
547
547
  }
548
548
  }
549
549
 
550
550
  /* src/components/ui/Link/Link.module.css */
551
551
  @layer component {
552
- .bds0117Link-link {
552
+ .bds0118Link-link {
553
553
  color: var(--link_color, var(--color_interactive));
554
554
  text-decoration: underline;
555
555
  text-underline-offset: 0.2em;
556
556
  transition: var(--animation_transition);
557
557
  cursor: pointer;
558
558
  }
559
- .bds0117Link-link:focus-visible {
559
+ .bds0118Link-link:focus-visible {
560
560
  outline: var(--outline_default);
561
561
  outline-offset: var(--outline_offset);
562
562
  border-radius: var(--border_radius--xs);
563
563
  }
564
564
  @media (hover: hover) and (pointer: fine) {
565
- .bds0117Link-link:hover {
565
+ .bds0118Link-link:hover {
566
566
  --link_color: var(--link_color-hover, var(--color_blue--strong));
567
567
  }
568
568
  }
569
- .bds0117Link---variant_default {
569
+ .bds0118Link---variant_default {
570
570
  --link_color: var(--color_interactive);
571
571
  --link_color-hover: var(--color_blue--strong);
572
572
  }
573
- .bds0117Link---variant_subtle {
573
+ .bds0118Link---variant_subtle {
574
574
  --link_color: var(--color_on-bg);
575
575
  --link_color-hover: var(--color_interactive);
576
576
  }
577
- .bds0117Link---variant_standalone {
577
+ .bds0118Link---variant_standalone {
578
578
  --link_color: var(--color_interactive);
579
579
  --link_color-hover: var(--color_blue--strong);
580
580
  display: inline-flex;
@@ -584,12 +584,12 @@
584
584
  text-decoration: none;
585
585
  }
586
586
  @media (hover: hover) and (pointer: fine) {
587
- .bds0117Link---variant_standalone:hover {
587
+ .bds0118Link---variant_standalone:hover {
588
588
  text-decoration: underline;
589
589
  text-underline-offset: 0.2em;
590
590
  }
591
591
  }
592
- .bds0117Link-externalLabel {
592
+ .bds0118Link-externalLabel {
593
593
  position: absolute;
594
594
  width: 1px;
595
595
  height: 1px;
@@ -604,12 +604,12 @@
604
604
 
605
605
  /* src/components/ui/Loading/Loading.module.css */
606
606
  @layer component {
607
- .bds0117Loading-loading {
607
+ .bds0118Loading-loading {
608
608
  display: flex;
609
609
  justify-content: center;
610
610
  align-items: center;
611
611
  }
612
- .bds0117Loading-spinner {
612
+ .bds0118Loading-spinner {
613
613
  width: 2.5em;
614
614
  height: 2.5em;
615
615
  border: 4px solid var(--color_bg);
@@ -617,12 +617,12 @@
617
617
  border-radius: 50%;
618
618
  animation: spin 1s linear infinite;
619
619
  }
620
- .bds0117Loading---size_small .bds0117Loading-spinner {
620
+ .bds0118Loading---size_small .bds0118Loading-spinner {
621
621
  width: 1.5em;
622
622
  height: 1.5em;
623
623
  border-width: 2px;
624
624
  }
625
- .bds0117Loading---size_large .bds0117Loading-spinner {
625
+ .bds0118Loading---size_large .bds0118Loading-spinner {
626
626
  width: 4em;
627
627
  height: 4em;
628
628
  border-width: 6px;
@@ -639,7 +639,7 @@
639
639
 
640
640
  /* src/components/ui/NotificationBanner/NotificationBanner.module.css */
641
641
  @layer component {
642
- .bds0117NotificationBanner-banner {
642
+ .bds0118NotificationBanner-banner {
643
643
  display: flex;
644
644
  align-items: center;
645
645
  gap: var(--space_m);
@@ -651,33 +651,33 @@
651
651
  line-height: var(--font_line-height--body);
652
652
  width: 100%;
653
653
  }
654
- .bds0117NotificationBanner---variant_info {
654
+ .bds0118NotificationBanner---variant_info {
655
655
  --banner_bg: var(--color_blue--subtle);
656
656
  --banner_text: var(--color_on-blue--subtle);
657
657
  --banner_border: var(--color_blue);
658
658
  }
659
- .bds0117NotificationBanner---variant_success {
659
+ .bds0118NotificationBanner---variant_success {
660
660
  --banner_bg: var(--color_success--subtle);
661
661
  --banner_text: var(--color_on-success--subtle);
662
662
  --banner_border: var(--color_success);
663
663
  }
664
- .bds0117NotificationBanner---variant_warning {
664
+ .bds0118NotificationBanner---variant_warning {
665
665
  --banner_bg: var(--color_orange--subtle);
666
666
  --banner_text: var(--color_on-orange--subtle);
667
667
  --banner_border: var(--color_warning);
668
668
  }
669
- .bds0117NotificationBanner---variant_error {
669
+ .bds0118NotificationBanner---variant_error {
670
670
  --banner_bg: rgb(from var(--color_error) r g b / 12%);
671
671
  --banner_text: var(--color_on-bg);
672
672
  --banner_border: var(--color_error);
673
673
  }
674
- .bds0117NotificationBanner-content {
674
+ .bds0118NotificationBanner-content {
675
675
  flex: 1;
676
676
  }
677
- .bds0117NotificationBanner-action {
677
+ .bds0118NotificationBanner-action {
678
678
  flex-shrink: 0;
679
679
  }
680
- .bds0117NotificationBanner-dismiss {
680
+ .bds0118NotificationBanner-dismiss {
681
681
  all: unset;
682
682
  display: flex;
683
683
  align-items: center;
@@ -689,16 +689,16 @@
689
689
  border: 1px solid currentcolor;
690
690
  transition: var(--animation_transition);
691
691
  }
692
- .bds0117NotificationBanner-dismiss svg {
692
+ .bds0118NotificationBanner-dismiss svg {
693
693
  width: 1rem;
694
694
  height: 1rem;
695
695
  }
696
- .bds0117NotificationBanner-dismiss:focus-visible {
696
+ .bds0118NotificationBanner-dismiss:focus-visible {
697
697
  outline: var(--outline_default);
698
698
  outline-offset: var(--outline_offset);
699
699
  }
700
700
  @media (hover: hover) and (pointer: fine) {
701
- .bds0117NotificationBanner-dismiss:hover {
701
+ .bds0118NotificationBanner-dismiss:hover {
702
702
  opacity: 0.7;
703
703
  }
704
704
  }
@@ -706,11 +706,11 @@
706
706
 
707
707
  /* src/components/ui/Pagination/Pagination.module.css */
708
708
  @layer component {
709
- .bds0117Pagination-pagination {
709
+ .bds0118Pagination-pagination {
710
710
  display: flex;
711
711
  justify-content: center;
712
712
  }
713
- .bds0117Pagination-list {
713
+ .bds0118Pagination-list {
714
714
  display: flex;
715
715
  align-items: center;
716
716
  gap: var(--space_xxs);
@@ -718,7 +718,7 @@
718
718
  margin: 0;
719
719
  padding: 0;
720
720
  }
721
- .bds0117Pagination-button {
721
+ .bds0118Pagination-button {
722
722
  all: unset;
723
723
  display: inline-flex;
724
724
  align-items: center;
@@ -737,30 +737,30 @@
737
737
  transition: var(--animation_transition);
738
738
  box-sizing: border-box;
739
739
  }
740
- .bds0117Pagination-button:disabled {
740
+ .bds0118Pagination-button:disabled {
741
741
  opacity: 0.4;
742
742
  cursor: not-allowed;
743
743
  }
744
- .bds0117Pagination-button:focus-visible {
744
+ .bds0118Pagination-button:focus-visible {
745
745
  outline: var(--outline_default);
746
746
  outline-offset: var(--outline_offset);
747
747
  }
748
748
  @media (hover: hover) and (pointer: fine) {
749
- .bds0117Pagination-button:not(:disabled, .bds0117Pagination---active):hover {
749
+ .bds0118Pagination-button:not(:disabled, .bds0118Pagination---active):hover {
750
750
  --btn_bg: var(--color_bg--subtle);
751
751
  --btn_color: var(--color_interactive);
752
752
  }
753
753
  }
754
- .bds0117Pagination-button.bds0117Pagination---active {
754
+ .bds0118Pagination-button.bds0118Pagination---active {
755
755
  --btn_bg: var(--color_interactive);
756
756
  --btn_color: var(--color_on-interactive);
757
757
  --btn_border: var(--color_interactive);
758
758
  }
759
- .bds0117Pagination-button.bds0117Pagination---nav svg {
759
+ .bds0118Pagination-button.bds0118Pagination---nav svg {
760
760
  width: 1rem;
761
761
  height: 1rem;
762
762
  }
763
- .bds0117Pagination-ellipsis {
763
+ .bds0118Pagination-ellipsis {
764
764
  display: inline-flex;
765
765
  align-items: center;
766
766
  justify-content: center;
@@ -774,46 +774,46 @@
774
774
 
775
775
  /* src/components/ui/Progress/Progress.module.css */
776
776
  @layer component {
777
- .bds0117Progress-container {
777
+ .bds0118Progress-container {
778
778
  display: flex;
779
779
  flex-direction: column;
780
780
  gap: var(--space_xxs);
781
781
  width: 100%;
782
782
  }
783
- .bds0117Progress-labelRow {
783
+ .bds0118Progress-labelRow {
784
784
  display: flex;
785
785
  justify-content: space-between;
786
786
  align-items: baseline;
787
787
  font-size: var(--font_size--body--s);
788
788
  color: var(--color_on-bg);
789
789
  }
790
- .bds0117Progress-value {
790
+ .bds0118Progress-value {
791
791
  font-variant-numeric: tabular-nums;
792
792
  }
793
- .bds0117Progress-track {
793
+ .bds0118Progress-track {
794
794
  width: 100%;
795
795
  height: var(--progress_height, var(--space_xs));
796
796
  background-color: var(--color_bg--subtle);
797
797
  border-radius: 999px;
798
798
  overflow: hidden;
799
799
  }
800
- .bds0117Progress-track.bds0117Progress---size_small {
800
+ .bds0118Progress-track.bds0118Progress---size_small {
801
801
  --progress_height: var(--space_xxs);
802
802
  }
803
- .bds0117Progress-track.bds0117Progress---size_medium {
803
+ .bds0118Progress-track.bds0118Progress---size_medium {
804
804
  --progress_height: var(--space_xs);
805
805
  }
806
- .bds0117Progress-track.bds0117Progress---size_large {
806
+ .bds0118Progress-track.bds0118Progress---size_large {
807
807
  --progress_height: var(--space_s);
808
808
  }
809
- .bds0117Progress-fill {
809
+ .bds0118Progress-fill {
810
810
  height: 100%;
811
811
  background-color: var(--progress_color-active, var(--color_active));
812
812
  border-radius: 999px;
813
813
  transition: width var(--animation_transition-duration) var(--animation_easing);
814
814
  }
815
815
  @media (prefers-reduced-motion: reduce) {
816
- .bds0117Progress-fill {
816
+ .bds0118Progress-fill {
817
817
  transition: none;
818
818
  }
819
819
  }
@@ -821,23 +821,23 @@
821
821
 
822
822
  /* src/components/ui/ProgressCircle/ProgressCircle.module.css */
823
823
  @layer component {
824
- .bds0117ProgressCircle-wrapper {
824
+ .bds0118ProgressCircle-wrapper {
825
825
  position: relative;
826
826
  display: inline-flex;
827
827
  align-items: center;
828
828
  justify-content: center;
829
829
  }
830
- .bds0117ProgressCircle-svg {
830
+ .bds0118ProgressCircle-svg {
831
831
  display: block;
832
832
  }
833
- .bds0117ProgressCircle-track {
833
+ .bds0118ProgressCircle-track {
834
834
  stroke: var(--color_bg--subtle);
835
835
  }
836
- .bds0117ProgressCircle-fill {
836
+ .bds0118ProgressCircle-fill {
837
837
  stroke: var(--progressCircle_color-active, var(--color_active));
838
838
  transition: stroke-dashoffset var(--animation_transition-duration) var(--animation_easing);
839
839
  }
840
- .bds0117ProgressCircle-value {
840
+ .bds0118ProgressCircle-value {
841
841
  position: absolute;
842
842
  font-size: var(--font_size--body--s);
843
843
  font-weight: var(--font_weight--semibold);
@@ -845,17 +845,17 @@
845
845
  color: var(--color_on-bg);
846
846
  line-height: 1;
847
847
  }
848
- .bds0117ProgressCircle---size_small .bds0117ProgressCircle-value {
848
+ .bds0118ProgressCircle---size_small .bds0118ProgressCircle-value {
849
849
  font-size: 0.5rem;
850
850
  }
851
- .bds0117ProgressCircle---size_medium .bds0117ProgressCircle-value {
851
+ .bds0118ProgressCircle---size_medium .bds0118ProgressCircle-value {
852
852
  font-size: var(--font_size--body--s);
853
853
  }
854
- .bds0117ProgressCircle---size_large .bds0117ProgressCircle-value {
854
+ .bds0118ProgressCircle---size_large .bds0118ProgressCircle-value {
855
855
  font-size: var(--font_size--body);
856
856
  }
857
857
  @media (prefers-reduced-motion: reduce) {
858
- .bds0117ProgressCircle-fill {
858
+ .bds0118ProgressCircle-fill {
859
859
  transition: none;
860
860
  }
861
861
  }
@@ -863,16 +863,16 @@
863
863
 
864
864
  /* src/components/ui/Separator/Separator.module.css */
865
865
  @layer component {
866
- .bds0117Separator-separator {
866
+ .bds0118Separator-separator {
867
867
  border: none;
868
868
  background-color: var(--separator_color, var(--color_on-bg));
869
869
  }
870
- .bds0117Separator-separator.bds0117Separator---horizontal {
870
+ .bds0118Separator-separator.bds0118Separator---horizontal {
871
871
  display: block;
872
872
  width: 100%;
873
873
  height: var(--separator_thickness, 1px);
874
874
  }
875
- .bds0117Separator-separator.bds0117Separator---vertical {
875
+ .bds0118Separator-separator.bds0118Separator---vertical {
876
876
  display: inline-block;
877
877
  width: var(--separator_thickness, 1px);
878
878
  align-self: stretch;
@@ -881,7 +881,7 @@
881
881
 
882
882
  /* src/components/ui/Skeleton/Skeleton.module.css */
883
883
  @layer component {
884
- .bds0117Skeleton-skeleton {
884
+ .bds0118Skeleton-skeleton {
885
885
  background:
886
886
  linear-gradient(
887
887
  90deg,
@@ -905,7 +905,7 @@
905
905
 
906
906
  /* src/components/ui/SkipLink/SkipLink.module.css */
907
907
  @layer component {
908
- .bds0117SkipLink-skipLink {
908
+ .bds0118SkipLink-skipLink {
909
909
  position: absolute;
910
910
  inset-block-start: var(--space_s);
911
911
  inset-inline-start: var(--space_s);
@@ -921,13 +921,13 @@
921
921
  transform: translateY(-200%);
922
922
  transition: transform var(--animation_transition-duration) var(--animation_easing);
923
923
  }
924
- .bds0117SkipLink-skipLink:focus-visible {
924
+ .bds0118SkipLink-skipLink:focus-visible {
925
925
  transform: translateY(0);
926
926
  outline: var(--outline_default);
927
927
  outline-offset: var(--outline_offset);
928
928
  }
929
929
  @media (prefers-reduced-motion: reduce) {
930
- .bds0117SkipLink-skipLink {
930
+ .bds0118SkipLink-skipLink {
931
931
  transition: none;
932
932
  }
933
933
  }
@@ -935,29 +935,29 @@
935
935
 
936
936
  /* src/components/ui/Table/Table.module.css */
937
937
  @layer component {
938
- .bds0117Table-wrapper {
938
+ .bds0118Table-wrapper {
939
939
  width: 100%;
940
940
  overflow-x: auto;
941
941
  border-radius: var(--border_radius--s);
942
942
  border: 1px solid var(--color_bg--subtle);
943
943
  }
944
- .bds0117Table-table {
944
+ .bds0118Table-table {
945
945
  width: 100%;
946
946
  border-collapse: collapse;
947
947
  font-size: var(--font_size--body);
948
948
  font-family: var(--font_family--body);
949
949
  }
950
- .bds0117Table-caption {
950
+ .bds0118Table-caption {
951
951
  caption-side: top;
952
952
  text-align: start;
953
953
  padding: var(--space_s) var(--space_m);
954
954
  font-weight: var(--font_weight--semibold);
955
955
  color: var(--color_on-bg);
956
956
  }
957
- .bds0117Table-thead {
957
+ .bds0118Table-thead {
958
958
  background-color: var(--color_bg--subtle);
959
959
  }
960
- .bds0117Table-th {
960
+ .bds0118Table-th {
961
961
  padding: var(--space_s) var(--space_m);
962
962
  text-align: start;
963
963
  font-weight: var(--font_weight--semibold);
@@ -966,10 +966,10 @@
966
966
  white-space: nowrap;
967
967
  border-bottom: 1px solid var(--color_bg--subtle);
968
968
  }
969
- .bds0117Table-th.bds0117Table---sortable {
969
+ .bds0118Table-th.bds0118Table---sortable {
970
970
  padding: 0;
971
971
  }
972
- .bds0117Table-sortButton {
972
+ .bds0118Table-sortButton {
973
973
  all: unset;
974
974
  display: flex;
975
975
  align-items: center;
@@ -983,47 +983,47 @@
983
983
  transition: var(--animation_transition);
984
984
  box-sizing: border-box;
985
985
  }
986
- .bds0117Table-sortButton:focus-visible {
986
+ .bds0118Table-sortButton:focus-visible {
987
987
  outline: var(--outline_default);
988
988
  outline-offset: calc(var(--outline_offset) * -1);
989
989
  }
990
990
  @media (hover: hover) and (pointer: fine) {
991
- .bds0117Table-sortButton:hover {
991
+ .bds0118Table-sortButton:hover {
992
992
  color: var(--color_on-bg);
993
993
  }
994
994
  }
995
- .bds0117Table-sortIcon {
995
+ .bds0118Table-sortIcon {
996
996
  width: 1rem;
997
997
  height: 1rem;
998
998
  opacity: 0.4;
999
999
  transition: transform var(--animation_transition-duration) var(--animation_easing), opacity var(--animation_transition-duration) var(--animation_easing);
1000
1000
  }
1001
- .bds0117Table-sortIcon.bds0117Table---sort-active {
1001
+ .bds0118Table-sortIcon.bds0118Table---sort-active {
1002
1002
  opacity: 1;
1003
1003
  color: var(--color_interactive);
1004
1004
  }
1005
- .bds0117Table-sortIcon.bds0117Table---sort-desc {
1005
+ .bds0118Table-sortIcon.bds0118Table---sort-desc {
1006
1006
  transform: rotate(180deg);
1007
1007
  }
1008
- .bds0117Table-tbody .bds0117Table-tr {
1008
+ .bds0118Table-tbody .bds0118Table-tr {
1009
1009
  border-bottom: 1px solid var(--color_bg--subtle);
1010
1010
  transition: var(--animation_transition);
1011
1011
  }
1012
- .bds0117Table-tbody .bds0117Table-tr:last-child {
1012
+ .bds0118Table-tbody .bds0118Table-tr:last-child {
1013
1013
  border-bottom: none;
1014
1014
  }
1015
1015
  @media (hover: hover) and (pointer: fine) {
1016
- .bds0117Table-tbody .bds0117Table-tr:hover {
1016
+ .bds0118Table-tbody .bds0118Table-tr:hover {
1017
1017
  background-color: var(--color_bg--subtle);
1018
1018
  }
1019
1019
  }
1020
- .bds0117Table-td {
1020
+ .bds0118Table-td {
1021
1021
  padding: var(--space_s) var(--space_m);
1022
1022
  color: var(--color_on-bg);
1023
1023
  vertical-align: middle;
1024
1024
  }
1025
1025
  @media (prefers-reduced-motion: reduce) {
1026
- .bds0117Table-sortIcon {
1026
+ .bds0118Table-sortIcon {
1027
1027
  transition: none;
1028
1028
  }
1029
1029
  }
@@ -1031,16 +1031,16 @@
1031
1031
 
1032
1032
  /* src/components/ui/Tabs/Tabs.module.css */
1033
1033
  @layer component {
1034
- .bds0117Tabs-tabs {
1034
+ .bds0118Tabs-tabs {
1035
1035
  display: flex;
1036
1036
  flex-direction: column;
1037
1037
  }
1038
- .bds0117Tabs-tabList {
1038
+ .bds0118Tabs-tabList {
1039
1039
  display: flex;
1040
1040
  border-bottom: 1px solid var(--color_bg--subtle);
1041
1041
  gap: var(--space_xxs);
1042
1042
  }
1043
- .bds0117Tabs-tab {
1043
+ .bds0118Tabs-tab {
1044
1044
  all: unset;
1045
1045
  display: inline-flex;
1046
1046
  align-items: center;
@@ -1054,28 +1054,28 @@
1054
1054
  cursor: pointer;
1055
1055
  transition: var(--animation_transition);
1056
1056
  }
1057
- .bds0117Tabs-tab.bds0117Tabs---active {
1057
+ .bds0118Tabs-tab.bds0118Tabs---active {
1058
1058
  --tab_color: var(--color_interactive);
1059
1059
  --tab_border-color: var(--color_interactive);
1060
1060
  }
1061
- .bds0117Tabs-tab:disabled {
1061
+ .bds0118Tabs-tab:disabled {
1062
1062
  opacity: 0.4;
1063
1063
  cursor: not-allowed;
1064
1064
  }
1065
- .bds0117Tabs-tab:focus-visible {
1065
+ .bds0118Tabs-tab:focus-visible {
1066
1066
  outline: var(--outline_default);
1067
1067
  outline-offset: var(--outline_offset);
1068
1068
  border-radius: var(--border_radius--xs);
1069
1069
  }
1070
1070
  @media (hover: hover) and (pointer: fine) {
1071
- .bds0117Tabs-tab:not(:disabled, .bds0117Tabs---active):hover {
1071
+ .bds0118Tabs-tab:not(:disabled, .bds0118Tabs---active):hover {
1072
1072
  --tab_color: var(--color_interactive);
1073
1073
  }
1074
1074
  }
1075
- .bds0117Tabs-panel {
1075
+ .bds0118Tabs-panel {
1076
1076
  padding-block-start: var(--space_m);
1077
1077
  }
1078
- .bds0117Tabs-panel:focus-visible {
1078
+ .bds0118Tabs-panel:focus-visible {
1079
1079
  outline: var(--outline_default);
1080
1080
  outline-offset: var(--outline_offset);
1081
1081
  }
@@ -1083,12 +1083,12 @@
1083
1083
 
1084
1084
  /* src/components/ui/Tooltip/Tooltip.module.css */
1085
1085
  @layer component {
1086
- .bds0117Tooltip-wrapper {
1086
+ .bds0118Tooltip-wrapper {
1087
1087
  position: relative;
1088
1088
  display: inline-flex;
1089
1089
  align-items: center;
1090
1090
  }
1091
- .bds0117Tooltip-tooltip {
1091
+ .bds0118Tooltip-tooltip {
1092
1092
  position: absolute;
1093
1093
  z-index: var(--z-index_popover);
1094
1094
  padding: var(--space_xxs) var(--space_xs);
@@ -1103,33 +1103,33 @@
1103
1103
  opacity: 0;
1104
1104
  transition: opacity var(--animation_transition-duration) var(--animation_easing);
1105
1105
  }
1106
- .bds0117Tooltip-wrapper:hover .bds0117Tooltip-tooltip,
1107
- .bds0117Tooltip-wrapper:focus-within .bds0117Tooltip-tooltip {
1106
+ .bds0118Tooltip-wrapper:hover .bds0118Tooltip-tooltip,
1107
+ .bds0118Tooltip-wrapper:focus-within .bds0118Tooltip-tooltip {
1108
1108
  visibility: visible;
1109
1109
  opacity: 1;
1110
1110
  }
1111
- .bds0117Tooltip---placement_top {
1111
+ .bds0118Tooltip---placement_top {
1112
1112
  bottom: calc(100% + var(--space_xs));
1113
1113
  left: 50%;
1114
1114
  transform: translateX(-50%);
1115
1115
  }
1116
- .bds0117Tooltip---placement_bottom {
1116
+ .bds0118Tooltip---placement_bottom {
1117
1117
  top: calc(100% + var(--space_xs));
1118
1118
  left: 50%;
1119
1119
  transform: translateX(-50%);
1120
1120
  }
1121
- .bds0117Tooltip---placement_left {
1121
+ .bds0118Tooltip---placement_left {
1122
1122
  right: calc(100% + var(--space_xs));
1123
1123
  top: 50%;
1124
1124
  transform: translateY(-50%);
1125
1125
  }
1126
- .bds0117Tooltip---placement_right {
1126
+ .bds0118Tooltip---placement_right {
1127
1127
  left: calc(100% + var(--space_xs));
1128
1128
  top: 50%;
1129
1129
  transform: translateY(-50%);
1130
1130
  }
1131
1131
  @media (prefers-reduced-motion: reduce) {
1132
- .bds0117Tooltip-tooltip {
1132
+ .bds0118Tooltip-tooltip {
1133
1133
  transition: none;
1134
1134
  }
1135
1135
  }
@@ -1137,34 +1137,34 @@
1137
1137
 
1138
1138
  /* src/components/ui/Typography/Typography.module.css */
1139
1139
  @layer component {
1140
- .bds0117Typography-typography {
1140
+ .bds0118Typography-typography {
1141
1141
  margin: 0;
1142
1142
  font-family: var(--font_family--body);
1143
1143
  color: var(--typography_color, var(--color_on-bg));
1144
1144
  }
1145
- .bds0117Typography---h1 {
1145
+ .bds0118Typography---h1 {
1146
1146
  font-family: var(--font_family--heading);
1147
1147
  font-size: var(--font_size--heading-1);
1148
1148
  font-weight: var(--font_weight--bold);
1149
1149
  line-height: var(--font_line-height--heading);
1150
1150
  }
1151
- .bds0117Typography---h2 {
1151
+ .bds0118Typography---h2 {
1152
1152
  font-family: var(--font_family--heading);
1153
1153
  font-size: var(--font_size--heading-2);
1154
1154
  font-weight: var(--font_weight--semibold);
1155
1155
  line-height: var(--font_line-height--heading);
1156
1156
  }
1157
- .bds0117Typography---h3 {
1157
+ .bds0118Typography---h3 {
1158
1158
  font-family: var(--font_family--heading);
1159
1159
  font-size: var(--font_size--heading-3);
1160
1160
  font-weight: var(--font_weight--semibold);
1161
1161
  line-height: var(--font_line-height--heading);
1162
1162
  }
1163
- .bds0117Typography---body {
1163
+ .bds0118Typography---body {
1164
1164
  font-size: var(--font_size--body);
1165
1165
  line-height: var(--font_line-height--body);
1166
1166
  }
1167
- .bds0117Typography---body_s {
1167
+ .bds0118Typography---body_s {
1168
1168
  font-size: var(--font_size--body--s);
1169
1169
  line-height: var(--font_line-height--body);
1170
1170
  }
@@ -1186,8 +1186,8 @@
1186
1186
  }
1187
1187
  }
1188
1188
  @layer component {
1189
- .bds0117Button-button,
1190
- .bds0117Button-button[href] {
1189
+ .bds0118Button-button,
1190
+ .bds0118Button-button[href] {
1191
1191
  all: unset;
1192
1192
  position: relative;
1193
1193
  font: inherit;
@@ -1208,68 +1208,68 @@
1208
1208
  border: 2px solid var(--button_border-color, var(--color_cta));
1209
1209
  transition: var(--animation_transition);
1210
1210
  }
1211
- .bds0117Button-button.bds0117Button---primary {
1211
+ .bds0118Button-button.bds0118Button---primary {
1212
1212
  --button_border-color: transparent;
1213
1213
  }
1214
- .bds0117Button-button.bds0117Button---secondary {
1214
+ .bds0118Button-button.bds0118Button---secondary {
1215
1215
  --button_bg: var(--color_bg);
1216
1216
  --button_text: var(--color_on-bg);
1217
1217
  --button_border-color: var(--button_text);
1218
1218
  }
1219
- .bds0117Button-button.bds0117Button---size_small {
1219
+ .bds0118Button-button.bds0118Button---size_small {
1220
1220
  --button_height: 2.25em;
1221
1221
  --button_font-size: var(--font_size--body--s);
1222
1222
  --button_border_radius--s: var(--border_radius--xs);
1223
1223
  padding-inline: var(--space_m);
1224
1224
  }
1225
- .bds0117Button-button.bds0117Button---size_medium {
1225
+ .bds0118Button-button.bds0118Button---size_medium {
1226
1226
  --button_height: 3em;
1227
1227
  padding-inline: var(--space_l);
1228
1228
  }
1229
- .bds0117Button-button.bds0117Button---size_large {
1229
+ .bds0118Button-button.bds0118Button---size_large {
1230
1230
  --button_font-size: var(--font_size--heading-3);
1231
1231
  padding-inline: var(--space_xl);
1232
1232
  --button_border_radius--s: var(--border_radius--m);
1233
1233
  }
1234
- .bds0117Button-button.bds0117Button---hasPulse {
1234
+ .bds0118Button-button.bds0118Button---hasPulse {
1235
1235
  animation: pulse 3s infinite;
1236
1236
  }
1237
- .bds0117Button-button[href] {
1237
+ .bds0118Button-button[href] {
1238
1238
  text-decoration: none;
1239
1239
  }
1240
- .bds0117Button-button svg {
1240
+ .bds0118Button-button svg {
1241
1241
  --icon__stroke: currentcolor;
1242
1242
  fill: currentcolor;
1243
1243
  color: currentcolor;
1244
1244
  flex-shrink: 0;
1245
1245
  }
1246
- .bds0117Button-prefix {
1246
+ .bds0118Button-prefix {
1247
1247
  display: flex;
1248
1248
  align-items: center;
1249
1249
  margin-inline-start: calc(var(--space_s) * -1);
1250
1250
  transition: var(--animation_transition);
1251
1251
  }
1252
- .bds0117Button-suffix {
1252
+ .bds0118Button-suffix {
1253
1253
  display: flex;
1254
1254
  align-items: center;
1255
1255
  margin-inline-end: calc(var(--space_s) * -1);
1256
1256
  transition: var(--animation_transition);
1257
1257
  }
1258
1258
  @media (hover: hover) and (pointer: fine) {
1259
- .bds0117Button-button:hover .bds0117Button-prefix svg {
1259
+ .bds0118Button-button:hover .bds0118Button-prefix svg {
1260
1260
  animation: 2s infinite fadeZoom ease-out;
1261
1261
  }
1262
- .bds0117Button-button:hover .bds0117Button-suffix svg {
1262
+ .bds0118Button-button:hover .bds0118Button-suffix svg {
1263
1263
  animation: 2s infinite fadeZoom ease-out;
1264
1264
  }
1265
1265
  }
1266
- .bds0117Button-button:focus-visible {
1266
+ .bds0118Button-button:focus-visible {
1267
1267
  outline-offset: var(--outline_offset);
1268
1268
  outline: var(--outline_default);
1269
1269
  border-radius: var(--border_radius--s);
1270
1270
  }
1271
1271
  @media (hover: hover) and (pointer: fine) {
1272
- .bds0117Button-button:hover {
1272
+ .bds0118Button-button:hover {
1273
1273
  --button_bg: var(--color_bg);
1274
1274
  --button_text: var(--color_interactive);
1275
1275
  --button_pulse-color: var(--color_interactive);
@@ -1280,7 +1280,7 @@
1280
1280
 
1281
1281
  /* src/components/interaction/Command/Command.module.css */
1282
1282
  @layer component {
1283
- .bds0117Command-dialog {
1283
+ .bds0118Command-dialog {
1284
1284
  padding: 0;
1285
1285
  border: none;
1286
1286
  border-radius: var(--border_radius--m);
@@ -1290,11 +1290,11 @@
1290
1290
  overflow: visible;
1291
1291
  margin-block-start: 10vh;
1292
1292
  }
1293
- .bds0117Command-dialog::backdrop {
1293
+ .bds0118Command-dialog::backdrop {
1294
1294
  background-color: var(--command_backdrop-color, rgb(0 0 0 / 50%));
1295
1295
  backdrop-filter: blur(3px);
1296
1296
  }
1297
- .bds0117Command-palette {
1297
+ .bds0118Command-palette {
1298
1298
  display: flex;
1299
1299
  flex-direction: column;
1300
1300
  background-color: var(--command_color, var(--color_bg));
@@ -1305,7 +1305,7 @@
1305
1305
  max-height: 70vh;
1306
1306
  border: 1px solid currentcolor;
1307
1307
  }
1308
- .bds0117Command-searchRow {
1308
+ .bds0118Command-searchRow {
1309
1309
  display: flex;
1310
1310
  align-items: center;
1311
1311
  gap: var(--space_xs);
@@ -1313,13 +1313,13 @@
1313
1313
  border-block-end: 1px solid currentcolor;
1314
1314
  flex-shrink: 0;
1315
1315
  }
1316
- .bds0117Command-searchIcon {
1316
+ .bds0118Command-searchIcon {
1317
1317
  width: 1.25rem;
1318
1318
  height: 1.25rem;
1319
1319
  color: var(--color_on-bg--muted);
1320
1320
  flex-shrink: 0;
1321
1321
  }
1322
- .bds0117Command-search {
1322
+ .bds0118Command-search {
1323
1323
  flex: 1;
1324
1324
  border: none;
1325
1325
  outline: none;
@@ -1329,10 +1329,10 @@
1329
1329
  background: transparent;
1330
1330
  min-width: 0;
1331
1331
  }
1332
- .bds0117Command-search::placeholder {
1332
+ .bds0118Command-search::placeholder {
1333
1333
  color: var(--color_on-bg--muted);
1334
1334
  }
1335
- .bds0117Command-escHint {
1335
+ .bds0118Command-escHint {
1336
1336
  font-size: var(--font_size--body--s);
1337
1337
  color: var(--color_on-bg--muted);
1338
1338
  border: 1px solid currentcolor;
@@ -1340,18 +1340,18 @@
1340
1340
  padding: 0.1em 0.4em;
1341
1341
  flex-shrink: 0;
1342
1342
  }
1343
- .bds0117Command-list {
1343
+ .bds0118Command-list {
1344
1344
  overflow-y: auto;
1345
1345
  list-style: none;
1346
1346
  margin: 0;
1347
1347
  padding: var(--space_xs) 0;
1348
1348
  }
1349
- .bds0117Command-groupList {
1349
+ .bds0118Command-groupList {
1350
1350
  list-style: none;
1351
1351
  margin: 0;
1352
1352
  padding: 0;
1353
1353
  }
1354
- .bds0117Command-group {
1354
+ .bds0118Command-group {
1355
1355
  padding: var(--space_xs) var(--space_m);
1356
1356
  font-size: var(--font_size--body--s);
1357
1357
  font-weight: var(--font_weight--semibold);
@@ -1359,7 +1359,7 @@
1359
1359
  text-transform: uppercase;
1360
1360
  letter-spacing: 0.05em;
1361
1361
  }
1362
- .bds0117Command-item {
1362
+ .bds0118Command-item {
1363
1363
  display: flex;
1364
1364
  align-items: center;
1365
1365
  gap: var(--space_s);
@@ -1367,26 +1367,26 @@
1367
1367
  cursor: pointer;
1368
1368
  transition: background-color var(--animation_transition-duration) var(--animation_easing);
1369
1369
  }
1370
- .bds0117Command-itemActive {
1370
+ .bds0118Command-itemActive {
1371
1371
  background-color: var(--color_bg--subtle);
1372
1372
  }
1373
- .bds0117Command-itemLabel {
1373
+ .bds0118Command-itemLabel {
1374
1374
  flex: 1;
1375
1375
  font-size: var(--font_size--body);
1376
1376
  color: var(--color_on-bg);
1377
1377
  }
1378
- .bds0117Command-itemDesc {
1378
+ .bds0118Command-itemDesc {
1379
1379
  font-size: var(--font_size--body--s);
1380
1380
  color: var(--color_on-bg--muted);
1381
1381
  }
1382
- .bds0117Command-shortcut {
1382
+ .bds0118Command-shortcut {
1383
1383
  font-size: var(--font_size--body--s);
1384
1384
  color: var(--color_on-bg--muted);
1385
1385
  border: 1px solid currentcolor;
1386
1386
  border-radius: var(--border_radius--xs);
1387
1387
  padding: 0.1em 0.4em;
1388
1388
  }
1389
- .bds0117Command-empty {
1389
+ .bds0118Command-empty {
1390
1390
  padding: var(--space_l) var(--space_m);
1391
1391
  text-align: center;
1392
1392
  color: var(--color_on-bg--muted);
@@ -1396,7 +1396,7 @@
1396
1396
 
1397
1397
  /* src/components/interaction/Dialog/Dialog.module.css */
1398
1398
  @layer component {
1399
- .bds0117Dialog-dialog {
1399
+ .bds0118Dialog-dialog {
1400
1400
  font-size: var(--font_size--body--s);
1401
1401
  border: 2px solid currentcolor;
1402
1402
  background-color: var(--dialog_color ,var(--color_grey--subtle));
@@ -1407,19 +1407,19 @@
1407
1407
  max-height: 90svh;
1408
1408
  overflow: visible;
1409
1409
  }
1410
- .bds0117Dialog-dialogContent {
1410
+ .bds0118Dialog-dialogContent {
1411
1411
  display: grid;
1412
1412
  gap: var(--grid_gap);
1413
1413
  overflow-y: auto;
1414
1414
  min-height: 0;
1415
1415
  flex: 1;
1416
1416
  }
1417
- .bds0117Dialog-closeForm {
1417
+ .bds0118Dialog-closeForm {
1418
1418
  position: absolute;
1419
1419
  inset-block-start: -1em;
1420
1420
  inset-inline-end: -1em;
1421
1421
  }
1422
- .bds0117Dialog-closeButton {
1422
+ .bds0118Dialog-closeButton {
1423
1423
  all: unset;
1424
1424
  width: 2em;
1425
1425
  height: 2em;
@@ -1432,11 +1432,11 @@
1432
1432
  border: 2px solid currentcolor;
1433
1433
  cursor: pointer;
1434
1434
  }
1435
- .bds0117Dialog-closeButton svg {
1435
+ .bds0118Dialog-closeButton svg {
1436
1436
  width: 1.25em;
1437
1437
  height: 1.25em;
1438
1438
  }
1439
- .bds0117Dialog-dialog::backdrop {
1439
+ .bds0118Dialog-dialog::backdrop {
1440
1440
  background-color: var(--dialog_backdrop-color, rgb(0 0 0 / 50%));
1441
1441
  backdrop-filter: blur(3px);
1442
1442
  }
@@ -1444,7 +1444,7 @@
1444
1444
 
1445
1445
  /* src/components/interaction/Drawer/Drawer.module.css */
1446
1446
  @layer component {
1447
- .bds0117Drawer-drawer {
1447
+ .bds0118Drawer-drawer {
1448
1448
  position: fixed;
1449
1449
  inset: 0;
1450
1450
  margin: 0;
@@ -1457,11 +1457,11 @@
1457
1457
  background: transparent;
1458
1458
  overflow: hidden;
1459
1459
  }
1460
- .bds0117Drawer-drawer::backdrop {
1460
+ .bds0118Drawer-drawer::backdrop {
1461
1461
  background-color: var(--drawer_backdrop-color, rgb(0 0 0 / 50%));
1462
1462
  backdrop-filter: blur(3px);
1463
1463
  }
1464
- .bds0117Drawer-panel {
1464
+ .bds0118Drawer-panel {
1465
1465
  position: absolute;
1466
1466
  inset-block: 0;
1467
1467
  display: flex;
@@ -1474,13 +1474,13 @@
1474
1474
  overflow: hidden;
1475
1475
  transition: var(--animation_transition);
1476
1476
  }
1477
- .bds0117Drawer---side_right .bds0117Drawer-panel {
1477
+ .bds0118Drawer---side_right .bds0118Drawer-panel {
1478
1478
  inset-inline-end: 0;
1479
1479
  }
1480
- .bds0117Drawer---side_left .bds0117Drawer-panel {
1480
+ .bds0118Drawer---side_left .bds0118Drawer-panel {
1481
1481
  inset-inline-start: 0;
1482
1482
  }
1483
- .bds0117Drawer-header {
1483
+ .bds0118Drawer-header {
1484
1484
  display: flex;
1485
1485
  align-items: center;
1486
1486
  justify-content: space-between;
@@ -1488,7 +1488,7 @@
1488
1488
  border-block-end: 1px solid currentcolor;
1489
1489
  flex-shrink: 0;
1490
1490
  }
1491
- .bds0117Drawer-closeButton {
1491
+ .bds0118Drawer-closeButton {
1492
1492
  all: unset;
1493
1493
  display: flex;
1494
1494
  align-items: center;
@@ -1499,26 +1499,28 @@
1499
1499
  cursor: pointer;
1500
1500
  transition: var(--animation_transition);
1501
1501
  }
1502
- .bds0117Drawer-closeButton svg {
1502
+ .bds0118Drawer-closeButton svg {
1503
1503
  width: 1.25rem;
1504
1504
  height: 1.25rem;
1505
1505
  }
1506
- .bds0117Drawer-closeButton:focus-visible {
1506
+ .bds0118Drawer-closeButton:focus-visible {
1507
1507
  outline: var(--outline_default);
1508
1508
  outline-offset: var(--outline_offset);
1509
1509
  }
1510
1510
  @media (hover: hover) and (pointer: fine) {
1511
- .bds0117Drawer-closeButton:hover {
1511
+ .bds0118Drawer-closeButton:hover {
1512
1512
  background-color: var(--color_bg--subtle);
1513
1513
  }
1514
1514
  }
1515
- .bds0117Drawer-body {
1515
+ .bds0118Drawer-body {
1516
1516
  flex: 1;
1517
1517
  overflow-y: auto;
1518
1518
  padding: var(--space_l);
1519
+ display: flex;
1520
+ flex-direction: column;
1519
1521
  }
1520
1522
  @media (prefers-reduced-motion: reduce) {
1521
- .bds0117Drawer-panel {
1523
+ .bds0118Drawer-panel {
1522
1524
  transition: none;
1523
1525
  }
1524
1526
  }
@@ -1526,11 +1528,11 @@
1526
1528
 
1527
1529
  /* src/components/interaction/DropdownMenu/DropdownMenu.module.css */
1528
1530
  @layer component {
1529
- .bds0117DropdownMenu-wrapper {
1531
+ .bds0118DropdownMenu-wrapper {
1530
1532
  position: relative;
1531
1533
  display: inline-flex;
1532
1534
  }
1533
- .bds0117DropdownMenu-menu {
1535
+ .bds0118DropdownMenu-menu {
1534
1536
  position: absolute;
1535
1537
  top: calc(100% + var(--space_xxs));
1536
1538
  z-index: var(--z-index_dropdown);
@@ -1544,19 +1546,19 @@
1544
1546
  list-style: none;
1545
1547
  margin: 0;
1546
1548
  }
1547
- .bds0117DropdownMenu---placement_bottom-start {
1549
+ .bds0118DropdownMenu---placement_bottom-start {
1548
1550
  left: 0;
1549
1551
  }
1550
- .bds0117DropdownMenu---placement_bottom-end {
1552
+ .bds0118DropdownMenu---placement_bottom-end {
1551
1553
  right: 0;
1552
1554
  }
1553
- .bds0117DropdownMenu-separator {
1555
+ .bds0118DropdownMenu-separator {
1554
1556
  border: none;
1555
1557
  border-top: 1px solid currentcolor;
1556
1558
  margin: var(--space_xxs) 0;
1557
1559
  opacity: 0.15;
1558
1560
  }
1559
- .bds0117DropdownMenu-item {
1561
+ .bds0118DropdownMenu-item {
1560
1562
  all: unset;
1561
1563
  display: flex;
1562
1564
  align-items: center;
@@ -1570,22 +1572,22 @@
1570
1572
  box-sizing: border-box;
1571
1573
  transition: var(--animation_transition);
1572
1574
  }
1573
- .bds0117DropdownMenu-item:disabled {
1575
+ .bds0118DropdownMenu-item:disabled {
1574
1576
  opacity: 0.4;
1575
1577
  cursor: not-allowed;
1576
1578
  }
1577
- .bds0117DropdownMenu-item:focus-visible {
1579
+ .bds0118DropdownMenu-item:focus-visible {
1578
1580
  outline: var(--outline_default);
1579
1581
  outline-offset: calc(var(--outline_offset) * -1);
1580
1582
  border-radius: var(--border_radius--xs);
1581
1583
  }
1582
1584
  @media (hover: hover) and (pointer: fine) {
1583
- .bds0117DropdownMenu-item:not(:disabled):hover {
1585
+ .bds0118DropdownMenu-item:not(:disabled):hover {
1584
1586
  background-color: var(--color_bg--subtle);
1585
1587
  color: var(--color_interactive);
1586
1588
  }
1587
1589
  }
1588
- .bds0117DropdownMenu-icon {
1590
+ .bds0118DropdownMenu-icon {
1589
1591
  display: flex;
1590
1592
  align-items: center;
1591
1593
  flex-shrink: 0;
@@ -1594,11 +1596,11 @@
1594
1596
 
1595
1597
  /* src/components/interaction/Popover/Popover.module.css */
1596
1598
  @layer component {
1597
- .bds0117Popover-wrapper {
1599
+ .bds0118Popover-wrapper {
1598
1600
  position: relative;
1599
1601
  display: inline-flex;
1600
1602
  }
1601
- .bds0117Popover-panel {
1603
+ .bds0118Popover-panel {
1602
1604
  position: absolute;
1603
1605
  z-index: var(--z-index_popover);
1604
1606
  min-width: 12rem;
@@ -1610,19 +1612,19 @@
1610
1612
  color: var(--popover_on-color, var(--color_on-bg));
1611
1613
  font-size: var(--font_size--body);
1612
1614
  }
1613
- .bds0117Popover---placement_bottom {
1615
+ .bds0118Popover---placement_bottom {
1614
1616
  top: calc(100% + var(--space_xs));
1615
1617
  left: 0;
1616
1618
  }
1617
- .bds0117Popover---placement_top {
1619
+ .bds0118Popover---placement_top {
1618
1620
  bottom: calc(100% + var(--space_xs));
1619
1621
  left: 0;
1620
1622
  }
1621
- .bds0117Popover---placement_right {
1623
+ .bds0118Popover---placement_right {
1622
1624
  left: calc(100% + var(--space_xs));
1623
1625
  top: 0;
1624
1626
  }
1625
- .bds0117Popover---placement_left {
1627
+ .bds0118Popover---placement_left {
1626
1628
  right: calc(100% + var(--space_xs));
1627
1629
  top: 0;
1628
1630
  }
@@ -1630,23 +1632,23 @@
1630
1632
 
1631
1633
  /* src/components/interaction/Rating/Rating.module.css */
1632
1634
  @layer component {
1633
- .bds0117Rating-rating {
1635
+ .bds0118Rating-rating {
1634
1636
  display: inline-flex;
1635
1637
  gap: var(--space_xxxs);
1636
1638
  color: var(--color_bg);
1637
1639
  }
1638
- .bds0117Rating-star {
1640
+ .bds0118Rating-star {
1639
1641
  width: 1.5em;
1640
1642
  height: 1.5em;
1641
1643
  }
1642
- .bds0117Rating---filled {
1644
+ .bds0118Rating---filled {
1643
1645
  color: var(--color_warning);
1644
1646
  }
1645
1647
  }
1646
1648
 
1647
1649
  /* src/components/interaction/Toast/Toast.module.css */
1648
1650
  @layer component {
1649
- .bds0117Toast-toastContainer {
1651
+ .bds0118Toast-toastContainer {
1650
1652
  position: fixed;
1651
1653
  bottom: var(--space_xl);
1652
1654
  right: var(--space_xl);
@@ -1655,7 +1657,7 @@
1655
1657
  gap: var(--space_m);
1656
1658
  z-index: var(--z-index_toast);
1657
1659
  }
1658
- .bds0117Toast-toast {
1660
+ .bds0118Toast-toast {
1659
1661
  padding: var(--space_m) var(--space_l);
1660
1662
  background-color: var(--toast_color, var(--color_bg));
1661
1663
  color: var(--toast_on-color, var(--color_on-bg));
@@ -1667,26 +1669,26 @@
1667
1669
  min-width: 300px;
1668
1670
  animation: slideIn var(--animation_duration--fast) var(--animation_easing);
1669
1671
  }
1670
- .bds0117Toast-toast.bds0117Toast---variant_success {
1672
+ .bds0118Toast-toast.bds0118Toast---variant_success {
1671
1673
  --toast_color: var(--color_success);
1672
1674
  --toast_on-color: var(--color_on-success);
1673
1675
  }
1674
- .bds0117Toast-toast.bds0117Toast---variant_warning {
1676
+ .bds0118Toast-toast.bds0118Toast---variant_warning {
1675
1677
  --toast_color: var(--color_warning);
1676
1678
  --toast_on-color: var(--color_on-warning);
1677
1679
  }
1678
- .bds0117Toast-toast.bds0117Toast---variant_info {
1680
+ .bds0118Toast-toast.bds0118Toast---variant_info {
1679
1681
  --toast_color: var(--color_bg--subtle);
1680
1682
  --toast_on-color: var(--color_on-bg--subtle);
1681
1683
  }
1682
- .bds0117Toast-toast.bds0117Toast---variant_error {
1684
+ .bds0118Toast-toast.bds0118Toast---variant_error {
1683
1685
  --toast_color: var(--color_error);
1684
1686
  --toast_on-color: var(--color_on-error);
1685
1687
  }
1686
- .bds0117Toast-message {
1688
+ .bds0118Toast-message {
1687
1689
  flex: 1;
1688
1690
  }
1689
- .bds0117Toast-closeButton {
1691
+ .bds0118Toast-closeButton {
1690
1692
  display: flex;
1691
1693
  align-items: center;
1692
1694
  justify-content: center;
@@ -1699,7 +1701,7 @@
1699
1701
  cursor: pointer;
1700
1702
  color: var(--toast_on-color);
1701
1703
  }
1702
- .bds0117Toast-closeButton svg {
1704
+ .bds0118Toast-closeButton svg {
1703
1705
  width: 1rem;
1704
1706
  height: 1rem;
1705
1707
  }
@@ -1717,17 +1719,17 @@
1717
1719
 
1718
1720
  /* src/components/interaction/form/Checkbox/Checkbox.module.css */
1719
1721
  @layer component {
1720
- .bds0117Checkbox-checkboxGroup {
1722
+ .bds0118Checkbox-checkboxGroup {
1721
1723
  --inputSize: calc(var(--space_s) * 2);
1722
1724
  display: flex;
1723
1725
  flex-direction: column;
1724
1726
  }
1725
- .bds0117Checkbox-inputWrapper {
1727
+ .bds0118Checkbox-inputWrapper {
1726
1728
  display: flex;
1727
1729
  align-items: stretch;
1728
1730
  gap: var(--space_xs);
1729
1731
  }
1730
- .bds0117Checkbox-checkbox {
1732
+ .bds0118Checkbox-checkbox {
1731
1733
  margin-block-start: 0.25em;
1732
1734
  width: var(--inputSize);
1733
1735
  height: var(--inputSize);
@@ -1740,11 +1742,11 @@
1740
1742
  position: relative;
1741
1743
  transition: background-color 0.3s ease, border-color 0.3s ease;
1742
1744
  }
1743
- .bds0117Checkbox-checkbox:checked {
1745
+ .bds0118Checkbox-checkbox:checked {
1744
1746
  background-color: var(--checkbox_color-active, var(--color_active));
1745
1747
  border-color: var(--checkbox_color-active, var(--color_active));
1746
1748
  }
1747
- .bds0117Checkbox-checkbox:checked::after {
1749
+ .bds0118Checkbox-checkbox:checked::after {
1748
1750
  content: "";
1749
1751
  position: absolute;
1750
1752
  left: 0.6em;
@@ -1755,15 +1757,15 @@
1755
1757
  border-width: 0 2px 2px 0;
1756
1758
  transform: rotate(45deg);
1757
1759
  }
1758
- .bds0117Checkbox-checkbox:focus {
1760
+ .bds0118Checkbox-checkbox:focus {
1759
1761
  outline: none;
1760
1762
  border-color: var(--color_interactive);
1761
1763
  box-shadow: 0 0 0 2px rgb(from var(--color_interactive) r g b / 20%);
1762
1764
  }
1763
- .bds0117Checkbox-checkboxError {
1765
+ .bds0118Checkbox-checkboxError {
1764
1766
  border-color: var(--color_error);
1765
1767
  }
1766
- .bds0117Checkbox-checkboxError:focus {
1768
+ .bds0118Checkbox-checkboxError:focus {
1767
1769
  border-color: var(--color_error);
1768
1770
  box-shadow: 0 0 0 2px rgb(from var(--color_error) r g b / 20%);
1769
1771
  }
@@ -1771,19 +1773,19 @@
1771
1773
 
1772
1774
  /* src/components/interaction/form/atoms/Message.module.css */
1773
1775
  @layer component {
1774
- .bds0117Message-error,
1775
- .bds0117Message-hint {
1776
+ .bds0118Message-error,
1777
+ .bds0118Message-hint {
1776
1778
  font-size: var(--font_size--body--s);
1777
1779
  margin-inline-start: var(--labelPosition);
1778
1780
  }
1779
- .bds0117Message-error {
1781
+ .bds0118Message-error {
1780
1782
  color: var(--color_error);
1781
1783
  }
1782
1784
  }
1783
1785
 
1784
1786
  /* src/components/interaction/form/atoms/Label.module.css */
1785
1787
  @layer component {
1786
- .bds0117Label-label {
1788
+ .bds0118Label-label {
1787
1789
  display: flex;
1788
1790
  align-items: center;
1789
1791
  font-family: var(--font_family--body);
@@ -1794,7 +1796,7 @@
1794
1796
 
1795
1797
  /* src/components/interaction/form/atoms/InputContainer.module.css */
1796
1798
  @layer component {
1797
- .bds0117InputContainer-container {
1799
+ .bds0118InputContainer-container {
1798
1800
  --labelPosition: calc(var(--inputSize) + var(--space_m));
1799
1801
  display: flex;
1800
1802
  flex-direction: column;
@@ -1804,16 +1806,16 @@
1804
1806
 
1805
1807
  /* src/components/interaction/form/Combobox/Combobox.module.css */
1806
1808
  @layer component {
1807
- .bds0117Combobox-formGroup {
1809
+ .bds0118Combobox-formGroup {
1808
1810
  display: flex;
1809
1811
  flex-direction: column;
1810
1812
  }
1811
- .bds0117Combobox-inputWrapper {
1813
+ .bds0118Combobox-inputWrapper {
1812
1814
  position: relative;
1813
1815
  display: flex;
1814
1816
  align-items: center;
1815
1817
  }
1816
- .bds0117Combobox-input {
1818
+ .bds0118Combobox-input {
1817
1819
  appearance: none;
1818
1820
  width: 100%;
1819
1821
  font-family: var(--font_family--body);
@@ -1826,22 +1828,22 @@
1826
1828
  color: var(--combobox_color, var(--color_on-bg));
1827
1829
  transition: var(--animation_transition);
1828
1830
  }
1829
- .bds0117Combobox-input:focus {
1831
+ .bds0118Combobox-input:focus {
1830
1832
  --combobox_border-color: var(--color_interactive);
1831
1833
  outline: none;
1832
1834
  box-shadow: var(--combobox_focus-ring, 0 0 0 2px rgb(from var(--color_interactive) r g b / 20%));
1833
1835
  }
1834
- .bds0117Combobox-input:disabled {
1836
+ .bds0118Combobox-input:disabled {
1835
1837
  opacity: 0.5;
1836
1838
  cursor: not-allowed;
1837
1839
  }
1838
- .bds0117Combobox-inputError {
1840
+ .bds0118Combobox-inputError {
1839
1841
  --combobox_border-color: var(--color_error);
1840
1842
  }
1841
- .bds0117Combobox-inputError:focus {
1843
+ .bds0118Combobox-inputError:focus {
1842
1844
  --combobox_focus-ring: 0 0 0 2px rgb(from var(--color_error) r g b / 20%);
1843
1845
  }
1844
- .bds0117Combobox-chevron {
1846
+ .bds0118Combobox-chevron {
1845
1847
  position: absolute;
1846
1848
  inset-inline-end: var(--space_s);
1847
1849
  display: flex;
@@ -1849,11 +1851,11 @@
1849
1851
  pointer-events: none;
1850
1852
  color: var(--combobox_color, var(--color_on-bg));
1851
1853
  }
1852
- .bds0117Combobox-chevron svg {
1854
+ .bds0118Combobox-chevron svg {
1853
1855
  width: 1rem;
1854
1856
  height: 1rem;
1855
1857
  }
1856
- .bds0117Combobox-listbox {
1858
+ .bds0118Combobox-listbox {
1857
1859
  position: absolute;
1858
1860
  top: calc(100% + var(--space_xxs));
1859
1861
  left: 0;
@@ -1870,7 +1872,7 @@
1870
1872
  color: var(--combobox_on-color, var(--color_on-bg));
1871
1873
  box-shadow: var(--shadow_m);
1872
1874
  }
1873
- .bds0117Combobox-option {
1875
+ .bds0118Combobox-option {
1874
1876
  display: flex;
1875
1877
  align-items: center;
1876
1878
  padding: var(--space_xs) var(--space_m);
@@ -1879,14 +1881,14 @@
1879
1881
  cursor: pointer;
1880
1882
  transition: var(--animation_transition);
1881
1883
  }
1882
- .bds0117Combobox-option.bds0117Combobox---highlighted {
1884
+ .bds0118Combobox-option.bds0118Combobox---highlighted {
1883
1885
  background-color: var(--color_bg--subtle);
1884
1886
  color: var(--color_interactive);
1885
1887
  }
1886
- .bds0117Combobox-option.bds0117Combobox---selected {
1888
+ .bds0118Combobox-option.bds0118Combobox---selected {
1887
1889
  font-weight: var(--font_weight--semibold);
1888
1890
  }
1889
- .bds0117Combobox-option.bds0117Combobox---disabled {
1891
+ .bds0118Combobox-option.bds0118Combobox---disabled {
1890
1892
  opacity: 0.4;
1891
1893
  cursor: not-allowed;
1892
1894
  }
@@ -1894,11 +1896,11 @@
1894
1896
 
1895
1897
  /* src/components/interaction/form/FileInput/FileInput.module.css */
1896
1898
  @layer component {
1897
- .bds0117FileInput-formGroup {
1899
+ .bds0118FileInput-formGroup {
1898
1900
  display: flex;
1899
1901
  flex-direction: column;
1900
1902
  }
1901
- .bds0117FileInput-dropZone {
1903
+ .bds0118FileInput-dropZone {
1902
1904
  display: flex;
1903
1905
  flex-direction: column;
1904
1906
  align-items: center;
@@ -1912,40 +1914,40 @@
1912
1914
  text-align: center;
1913
1915
  transition: var(--animation_transition);
1914
1916
  }
1915
- .bds0117FileInput-dropZone:focus-within {
1917
+ .bds0118FileInput-dropZone:focus-within {
1916
1918
  outline: var(--outline_default);
1917
1919
  outline-offset: var(--outline_offset);
1918
1920
  border-color: var(--fileInput_border-color, currentcolor);
1919
1921
  }
1920
- .bds0117FileInput-isDragging {
1922
+ .bds0118FileInput-isDragging {
1921
1923
  border-color: currentcolor;
1922
1924
  background-color: rgb(from currentcolor r g b / 8%);
1923
1925
  }
1924
- .bds0117FileInput-hasError {
1926
+ .bds0118FileInput-hasError {
1925
1927
  border-color: var(--color_error);
1926
1928
  }
1927
- .bds0117FileInput-isDisabled {
1929
+ .bds0118FileInput-isDisabled {
1928
1930
  opacity: 0.5;
1929
1931
  cursor: not-allowed;
1930
1932
  }
1931
- .bds0117FileInput-icon {
1933
+ .bds0118FileInput-icon {
1932
1934
  width: 2rem;
1933
1935
  height: 2rem;
1934
1936
  flex-shrink: 0;
1935
1937
  }
1936
- .bds0117FileInput-prompt {
1938
+ .bds0118FileInput-prompt {
1937
1939
  font-size: var(--font_size--body);
1938
1940
  color: var(--color_on-bg--muted);
1939
1941
  }
1940
- .bds0117FileInput-prompt strong {
1942
+ .bds0118FileInput-prompt strong {
1941
1943
  color: var(--color_interactive);
1942
1944
  font-weight: var(--font_weight--semibold);
1943
1945
  }
1944
- .bds0117FileInput-acceptHint {
1946
+ .bds0118FileInput-acceptHint {
1945
1947
  font-size: var(--font_size--body--s);
1946
1948
  color: var(--color_on-bg--muted);
1947
1949
  }
1948
- .bds0117FileInput-hiddenInput {
1950
+ .bds0118FileInput-hiddenInput {
1949
1951
  position: absolute;
1950
1952
  width: 1px;
1951
1953
  height: 1px;
@@ -1955,7 +1957,7 @@
1955
1957
  border: 0;
1956
1958
  }
1957
1959
  @media (hover: hover) and (pointer: fine) {
1958
- .bds0117FileInput-dropZone:not(.bds0117FileInput-isDisabled):hover {
1960
+ .bds0118FileInput-dropZone:not(.bds0118FileInput-isDisabled):hover {
1959
1961
  border-color: var(--color_interactive);
1960
1962
  background-color: rgb(from var(--color_interactive) r g b / 4%);
1961
1963
  }
@@ -1964,12 +1966,12 @@
1964
1966
 
1965
1967
  /* src/components/interaction/form/FormInput/FormInput.module.css */
1966
1968
  @layer component {
1967
- .bds0117FormInput-formGroup {
1969
+ .bds0118FormInput-formGroup {
1968
1970
  --labelPosition: 0;
1969
1971
  display: flex;
1970
1972
  flex-direction: column;
1971
1973
  }
1972
- .bds0117FormInput-input {
1974
+ .bds0118FormInput-input {
1973
1975
  font-family: var(--font_family--body);
1974
1976
  font-size: var(--font_size--body);
1975
1977
  padding: var(--space_s);
@@ -1979,26 +1981,26 @@
1979
1981
  color: var(--input_color, var(--color_on-bg));
1980
1982
  background-color: var(--input_color_bg, var(--color_bg));
1981
1983
  }
1982
- .bds0117FormInput-input:focus {
1984
+ .bds0118FormInput-input:focus {
1983
1985
  --input_border-color: var(--color_interactive);
1984
1986
  outline: none;
1985
1987
  box-shadow: var(--input_focus-ring, 0 0 0 2px rgb(from var(--color_interactive) r g b / 20%));
1986
1988
  }
1987
- .bds0117FormInput-inputError {
1989
+ .bds0118FormInput-inputError {
1988
1990
  --input_border-color: var(--color_error);
1989
1991
  }
1990
- .bds0117FormInput-inputError:focus {
1992
+ .bds0118FormInput-inputError:focus {
1991
1993
  --input_focus-ring: 0 0 0 2px rgb(from var(--color_error) r g b / 20%);
1992
1994
  }
1993
1995
  }
1994
1996
 
1995
1997
  /* src/components/interaction/form/NumberInput/NumberInput.module.css */
1996
1998
  @layer component {
1997
- .bds0117NumberInput-formGroup {
1999
+ .bds0118NumberInput-formGroup {
1998
2000
  display: flex;
1999
2001
  flex-direction: column;
2000
2002
  }
2001
- .bds0117NumberInput-inputRow {
2003
+ .bds0118NumberInput-inputRow {
2002
2004
  display: flex;
2003
2005
  align-items: stretch;
2004
2006
  border: 1px solid currentcolor;
@@ -2006,11 +2008,11 @@
2006
2008
  overflow: hidden;
2007
2009
  transition: var(--animation_transition);
2008
2010
  }
2009
- .bds0117NumberInput-inputRow:focus-within {
2011
+ .bds0118NumberInput-inputRow:focus-within {
2010
2012
  border-color: var(--numberInput_border-color, var(--color_interactive));
2011
2013
  box-shadow: var(--numberInput_focus-ring, 0 0 0 2px rgb(from var(--color_interactive) r g b / 20%));
2012
2014
  }
2013
- .bds0117NumberInput-input {
2015
+ .bds0118NumberInput-input {
2014
2016
  flex: 1;
2015
2017
  border: none;
2016
2018
  outline: none;
@@ -2023,17 +2025,17 @@
2023
2025
  min-width: 0;
2024
2026
  appearance: textfield;
2025
2027
  }
2026
- .bds0117NumberInput-input::-webkit-inner-spin-button,
2027
- .bds0117NumberInput-input::-webkit-outer-spin-button {
2028
+ .bds0118NumberInput-input::-webkit-inner-spin-button,
2029
+ .bds0118NumberInput-input::-webkit-outer-spin-button {
2028
2030
  appearance: none;
2029
2031
  }
2030
- .bds0117NumberInput-inputError {
2032
+ .bds0118NumberInput-inputError {
2031
2033
  --numberInput_border-color: var(--color_error);
2032
2034
  }
2033
- .bds0117NumberInput-inputError:focus-within {
2035
+ .bds0118NumberInput-inputError:focus-within {
2034
2036
  --numberInput_focus-ring: 0 0 0 2px rgb(from var(--color_error) r g b / 20%);
2035
2037
  }
2036
- .bds0117NumberInput-stepper {
2038
+ .bds0118NumberInput-stepper {
2037
2039
  all: unset;
2038
2040
  display: flex;
2039
2041
  align-items: center;
@@ -2045,16 +2047,16 @@
2045
2047
  transition: var(--animation_transition);
2046
2048
  flex-shrink: 0;
2047
2049
  }
2048
- .bds0117NumberInput-stepper svg {
2050
+ .bds0118NumberInput-stepper svg {
2049
2051
  width: 1rem;
2050
2052
  height: 1rem;
2051
2053
  }
2052
- .bds0117NumberInput-stepper:disabled {
2054
+ .bds0118NumberInput-stepper:disabled {
2053
2055
  opacity: 0.4;
2054
2056
  cursor: not-allowed;
2055
2057
  }
2056
2058
  @media (hover: hover) and (pointer: fine) {
2057
- .bds0117NumberInput-stepper:not(:disabled):hover {
2059
+ .bds0118NumberInput-stepper:not(:disabled):hover {
2058
2060
  background-color: var(--color_bg--subtle);
2059
2061
  opacity: 0.7;
2060
2062
  }
@@ -2063,29 +2065,29 @@
2063
2065
 
2064
2066
  /* src/components/interaction/form/Radio/Radio.module.css */
2065
2067
  @layer component {
2066
- .bds0117Radio-radioGroup {
2068
+ .bds0118Radio-radioGroup {
2067
2069
  --inputSize: calc(var(--space_s) * 2);
2068
2070
  --labelPosition: calc(var(--inputSize) + var(--space_m));
2069
2071
  display: flex;
2070
2072
  flex-direction: column;
2071
2073
  }
2072
- .bds0117Radio-inputWrapper {
2074
+ .bds0118Radio-inputWrapper {
2073
2075
  display: flex;
2074
2076
  align-items: flex-start;
2075
2077
  gap: var(--space_xs);
2076
2078
  }
2077
- .bds0117Radio-textWrapper {
2079
+ .bds0118Radio-textWrapper {
2078
2080
  display: flex;
2079
2081
  flex-direction: column;
2080
2082
  gap: var(--space_xxxs);
2081
2083
  padding-block-start: var(--space_xxxs);
2082
2084
  }
2083
- .bds0117Radio-description {
2085
+ .bds0118Radio-description {
2084
2086
  font-size: var(--font_size--body--s);
2085
2087
  color: var(--radio_description-color, var(--color_on-bg--subtle));
2086
2088
  line-height: var(--font_line-height--body);
2087
2089
  }
2088
- .bds0117Radio-radio {
2090
+ .bds0118Radio-radio {
2089
2091
  flex-shrink: 0;
2090
2092
  margin-block-start: 0.2em;
2091
2093
  width: var(--inputSize);
@@ -2099,11 +2101,11 @@
2099
2101
  position: relative;
2100
2102
  transition: background-color 0.2s ease, border-color 0.2s ease;
2101
2103
  }
2102
- .bds0117Radio-radio:checked {
2104
+ .bds0118Radio-radio:checked {
2103
2105
  background-color: var(--radio_color-active, var(--color_active));
2104
2106
  border-color: var(--radio_color-active, var(--color_active));
2105
2107
  }
2106
- .bds0117Radio-radio:checked::after {
2108
+ .bds0118Radio-radio:checked::after {
2107
2109
  content: "";
2108
2110
  position: absolute;
2109
2111
  left: 50%;
@@ -2114,15 +2116,15 @@
2114
2116
  border-radius: 50%;
2115
2117
  background-color: var(--radio_color-on-active, var(--color_on-active));
2116
2118
  }
2117
- .bds0117Radio-radio:focus {
2119
+ .bds0118Radio-radio:focus {
2118
2120
  outline: none;
2119
2121
  border-color: var(--color_interactive);
2120
2122
  box-shadow: 0 0 0 2px rgb(from var(--color_interactive) r g b / 20%);
2121
2123
  }
2122
- .bds0117Radio-radioError {
2124
+ .bds0118Radio-radioError {
2123
2125
  border-color: var(--color_error);
2124
2126
  }
2125
- .bds0117Radio-radioError:focus {
2127
+ .bds0118Radio-radioError:focus {
2126
2128
  border-color: var(--color_error);
2127
2129
  box-shadow: 0 0 0 2px rgb(from var(--color_error) r g b / 20%);
2128
2130
  }
@@ -2130,7 +2132,7 @@
2130
2132
 
2131
2133
  /* src/components/interaction/form/SegmentedControl/SegmentedControl.module.css */
2132
2134
  @layer component {
2133
- .bds0117SegmentedControl-control {
2135
+ .bds0118SegmentedControl-control {
2134
2136
  position: relative;
2135
2137
  display: inline-grid;
2136
2138
  grid-auto-flow: column;
@@ -2140,7 +2142,7 @@
2140
2142
  border-radius: var(--border_radius--m);
2141
2143
  gap: 0;
2142
2144
  }
2143
- .bds0117SegmentedControl-thumb {
2145
+ .bds0118SegmentedControl-thumb {
2144
2146
  position: absolute;
2145
2147
  top: var(--space_xxxs);
2146
2148
  bottom: var(--space_xxxs);
@@ -2153,7 +2155,7 @@
2153
2155
  transform: translateX(calc(var(--control_selected-index, 0) * 100%));
2154
2156
  transition: transform var(--animation_transition-duration) var(--animation_easing);
2155
2157
  }
2156
- .bds0117SegmentedControl-item {
2158
+ .bds0118SegmentedControl-item {
2157
2159
  position: relative;
2158
2160
  z-index: 1;
2159
2161
  display: flex;
@@ -2163,18 +2165,18 @@
2163
2165
  border-radius: var(--border_radius--s);
2164
2166
  transition: var(--animation_transition);
2165
2167
  }
2166
- .bds0117SegmentedControl-item.bds0117SegmentedControl---disabled {
2168
+ .bds0118SegmentedControl-item.bds0118SegmentedControl---disabled {
2167
2169
  opacity: 0.4;
2168
2170
  cursor: not-allowed;
2169
2171
  }
2170
- .bds0117SegmentedControl-radio {
2172
+ .bds0118SegmentedControl-radio {
2171
2173
  position: absolute;
2172
2174
  opacity: 0;
2173
2175
  width: 0;
2174
2176
  height: 0;
2175
2177
  margin: 0;
2176
2178
  }
2177
- .bds0117SegmentedControl-label {
2179
+ .bds0118SegmentedControl-label {
2178
2180
  display: block;
2179
2181
  padding: var(--space_xs) var(--space_m);
2180
2182
  white-space: nowrap;
@@ -2185,33 +2187,33 @@
2185
2187
  pointer-events: none;
2186
2188
  user-select: none;
2187
2189
  }
2188
- .bds0117SegmentedControl-control.bds0117SegmentedControl---size_small .bds0117SegmentedControl-label {
2190
+ .bds0118SegmentedControl-control.bds0118SegmentedControl---size_small .bds0118SegmentedControl-label {
2189
2191
  padding: var(--space_xxs) var(--space_s);
2190
2192
  font-size: var(--font_size--body--s);
2191
2193
  }
2192
- .bds0117SegmentedControl-control.bds0117SegmentedControl---size_large .bds0117SegmentedControl-label {
2194
+ .bds0118SegmentedControl-control.bds0118SegmentedControl---size_large .bds0118SegmentedControl-label {
2193
2195
  padding: var(--space_s) var(--space_m);
2194
2196
  white-space: normal;
2195
2197
  text-align: center;
2196
2198
  }
2197
- .bds0117SegmentedControl-item.bds0117SegmentedControl---active .bds0117SegmentedControl-label {
2199
+ .bds0118SegmentedControl-item.bds0118SegmentedControl---active .bds0118SegmentedControl-label {
2198
2200
  color: var(--control_label-color--active, var(--color_on-bg));
2199
2201
  }
2200
- .bds0117SegmentedControl-radio:focus-visible ~ .bds0117SegmentedControl-label {
2202
+ .bds0118SegmentedControl-radio:focus-visible ~ .bds0118SegmentedControl-label {
2201
2203
  outline: var(--outline_default);
2202
2204
  outline-offset: calc(var(--outline_offset) * -1);
2203
2205
  border-radius: var(--border_radius--s);
2204
2206
  }
2205
2207
  @media (hover: hover) and (pointer: fine) {
2206
- .bds0117SegmentedControl-item:not(.bds0117SegmentedControl---active, .bds0117SegmentedControl---disabled):hover .bds0117SegmentedControl-label {
2208
+ .bds0118SegmentedControl-item:not(.bds0118SegmentedControl---active, .bds0118SegmentedControl---disabled):hover .bds0118SegmentedControl-label {
2207
2209
  color: var(--control_label-color--hover, var(--color_on-bg));
2208
2210
  }
2209
2211
  }
2210
2212
  @media (prefers-reduced-motion: reduce) {
2211
- .bds0117SegmentedControl-thumb {
2213
+ .bds0118SegmentedControl-thumb {
2212
2214
  transition: none;
2213
2215
  }
2214
- .bds0117SegmentedControl-label {
2216
+ .bds0118SegmentedControl-label {
2215
2217
  transition: none;
2216
2218
  }
2217
2219
  }
@@ -2219,16 +2221,16 @@
2219
2221
 
2220
2222
  /* src/components/interaction/form/Select/Select.module.css */
2221
2223
  @layer component {
2222
- .bds0117Select-formGroup {
2224
+ .bds0118Select-formGroup {
2223
2225
  display: flex;
2224
2226
  flex-direction: column;
2225
2227
  }
2226
- .bds0117Select-selectWrapper {
2228
+ .bds0118Select-selectWrapper {
2227
2229
  position: relative;
2228
2230
  display: flex;
2229
2231
  align-items: center;
2230
2232
  }
2231
- .bds0117Select-select {
2233
+ .bds0118Select-select {
2232
2234
  appearance: none;
2233
2235
  width: 100%;
2234
2236
  font-family: var(--font_family--body);
@@ -2242,22 +2244,22 @@
2242
2244
  cursor: pointer;
2243
2245
  transition: var(--animation_transition);
2244
2246
  }
2245
- .bds0117Select-select:focus {
2247
+ .bds0118Select-select:focus {
2246
2248
  --select_border-color: var(--color_interactive);
2247
2249
  outline: none;
2248
2250
  box-shadow: var(--select_focus-ring, 0 0 0 2px rgb(from var(--color_interactive) r g b / 20%));
2249
2251
  }
2250
- .bds0117Select-select:disabled {
2252
+ .bds0118Select-select:disabled {
2251
2253
  opacity: 0.5;
2252
2254
  cursor: not-allowed;
2253
2255
  }
2254
- .bds0117Select-selectError {
2256
+ .bds0118Select-selectError {
2255
2257
  --select_border-color: var(--color_error);
2256
2258
  }
2257
- .bds0117Select-selectError:focus {
2259
+ .bds0118Select-selectError:focus {
2258
2260
  --select_focus-ring: 0 0 0 2px rgb(from var(--color_error) r g b / 20%);
2259
2261
  }
2260
- .bds0117Select-chevron {
2262
+ .bds0118Select-chevron {
2261
2263
  position: absolute;
2262
2264
  inset-inline-end: var(--space_s);
2263
2265
  display: flex;
@@ -2265,7 +2267,7 @@
2265
2267
  pointer-events: none;
2266
2268
  color: var(--select_color, var(--color_on-bg));
2267
2269
  }
2268
- .bds0117Select-chevron svg {
2270
+ .bds0118Select-chevron svg {
2269
2271
  width: 1rem;
2270
2272
  height: 1rem;
2271
2273
  }
@@ -2273,22 +2275,22 @@
2273
2275
 
2274
2276
  /* src/components/interaction/form/Slider/Slider.module.css */
2275
2277
  @layer component {
2276
- .bds0117Slider-formGroup {
2278
+ .bds0118Slider-formGroup {
2277
2279
  display: flex;
2278
2280
  flex-direction: column;
2279
2281
  gap: var(--space_xxs);
2280
2282
  }
2281
- .bds0117Slider-labelRow {
2283
+ .bds0118Slider-labelRow {
2282
2284
  display: flex;
2283
2285
  justify-content: space-between;
2284
2286
  align-items: baseline;
2285
2287
  }
2286
- .bds0117Slider-value {
2288
+ .bds0118Slider-value {
2287
2289
  font-size: var(--font_size--body--s);
2288
2290
  font-variant-numeric: tabular-nums;
2289
2291
  color: var(--color_on-bg--subtle);
2290
2292
  }
2291
- .bds0117Slider-slider {
2293
+ .bds0118Slider-slider {
2292
2294
  --slider_fill: 0%;
2293
2295
  --slider_track-height: var(--space_xxs);
2294
2296
  --slider_thumb-size: calc(var(--space_s) * 2);
@@ -2307,16 +2309,16 @@
2307
2309
  cursor: pointer;
2308
2310
  transition: var(--animation_transition);
2309
2311
  }
2310
- .bds0117Slider-slider:focus-visible {
2312
+ .bds0118Slider-slider:focus-visible {
2311
2313
  outline: var(--outline_default);
2312
2314
  outline-offset: var(--outline_offset);
2313
2315
  border-radius: 999px;
2314
2316
  }
2315
- .bds0117Slider-slider:disabled {
2317
+ .bds0118Slider-slider:disabled {
2316
2318
  opacity: 0.4;
2317
2319
  cursor: not-allowed;
2318
2320
  }
2319
- .bds0117Slider-slider::-webkit-slider-thumb {
2321
+ .bds0118Slider-slider::-webkit-slider-thumb {
2320
2322
  appearance: none;
2321
2323
  width: var(--slider_thumb-size);
2322
2324
  height: var(--slider_thumb-size);
@@ -2326,7 +2328,7 @@
2326
2328
  transition: var(--animation_transition);
2327
2329
  cursor: pointer;
2328
2330
  }
2329
- .bds0117Slider-slider::-moz-range-thumb {
2331
+ .bds0118Slider-slider::-moz-range-thumb {
2330
2332
  width: var(--slider_thumb-size);
2331
2333
  height: var(--slider_thumb-size);
2332
2334
  border: none;
@@ -2335,7 +2337,7 @@
2335
2337
  box-shadow: var(--shadow_s);
2336
2338
  cursor: pointer;
2337
2339
  }
2338
- .bds0117Slider-sliderError {
2340
+ .bds0118Slider-sliderError {
2339
2341
  background:
2340
2342
  linear-gradient(
2341
2343
  to right,
@@ -2344,16 +2346,16 @@
2344
2346
  var(--color_bg--subtle) var(--slider_fill),
2345
2347
  var(--color_bg--subtle) 100%);
2346
2348
  }
2347
- .bds0117Slider-sliderError::-webkit-slider-thumb {
2349
+ .bds0118Slider-sliderError::-webkit-slider-thumb {
2348
2350
  background-color: var(--color_error);
2349
2351
  }
2350
- .bds0117Slider-sliderError::-moz-range-thumb {
2352
+ .bds0118Slider-sliderError::-moz-range-thumb {
2351
2353
  background-color: var(--color_error);
2352
2354
  }
2353
2355
  @media (prefers-reduced-motion: reduce) {
2354
- .bds0117Slider-slider,
2355
- .bds0117Slider-slider::-webkit-slider-thumb,
2356
- .bds0117Slider-slider::-moz-range-thumb {
2356
+ .bds0118Slider-slider,
2357
+ .bds0118Slider-slider::-webkit-slider-thumb,
2358
+ .bds0118Slider-slider::-moz-range-thumb {
2357
2359
  transition: none;
2358
2360
  }
2359
2361
  }
@@ -2361,7 +2363,7 @@
2361
2363
 
2362
2364
  /* src/components/interaction/form/Switch/Switch.module.css */
2363
2365
  @layer component {
2364
- .bds0117Switch-switchGroup {
2366
+ .bds0118Switch-switchGroup {
2365
2367
  --switch_thumb-size: 1.25em;
2366
2368
  --switch_track-pad: var(--space_xxxs);
2367
2369
  --switch_track-height: calc(var(--switch_thumb-size) + var(--switch_track-pad) * 2);
@@ -2370,21 +2372,21 @@
2370
2372
  display: flex;
2371
2373
  flex-direction: column;
2372
2374
  }
2373
- .bds0117Switch-switchGroup.bds0117Switch---size_small {
2375
+ .bds0118Switch-switchGroup.bds0118Switch---size_small {
2374
2376
  --switch_thumb-size: 1em;
2375
2377
  }
2376
- .bds0117Switch-switchGroup.bds0117Switch---size_medium {
2378
+ .bds0118Switch-switchGroup.bds0118Switch---size_medium {
2377
2379
  --switch_thumb-size: 1.25em;
2378
2380
  }
2379
- .bds0117Switch-switchGroup.bds0117Switch---size_large {
2381
+ .bds0118Switch-switchGroup.bds0118Switch---size_large {
2380
2382
  --switch_thumb-size: 1.5em;
2381
2383
  }
2382
- .bds0117Switch-inputWrapper {
2384
+ .bds0118Switch-inputWrapper {
2383
2385
  display: flex;
2384
2386
  align-items: center;
2385
2387
  gap: var(--space_xs);
2386
2388
  }
2387
- .bds0117Switch-trackWrapper {
2389
+ .bds0118Switch-trackWrapper {
2388
2390
  position: relative;
2389
2391
  display: inline-flex;
2390
2392
  align-items: center;
@@ -2392,7 +2394,7 @@
2392
2394
  width: var(--switch_track-width);
2393
2395
  height: var(--switch_track-height);
2394
2396
  }
2395
- .bds0117Switch-switch {
2397
+ .bds0118Switch-switch {
2396
2398
  position: absolute;
2397
2399
  inset: 0;
2398
2400
  appearance: none;
@@ -2403,10 +2405,10 @@
2403
2405
  cursor: pointer;
2404
2406
  z-index: 1;
2405
2407
  }
2406
- .bds0117Switch-switch:disabled {
2408
+ .bds0118Switch-switch:disabled {
2407
2409
  cursor: not-allowed;
2408
2410
  }
2409
- .bds0117Switch-track {
2411
+ .bds0118Switch-track {
2410
2412
  display: inline-flex;
2411
2413
  align-items: center;
2412
2414
  width: var(--switch_track-width);
@@ -2419,7 +2421,7 @@
2419
2421
  outline: 1px solid var(--switch_thumb-bg, var(--color_grey));
2420
2422
  outline-offset: var(--outline_offset);
2421
2423
  }
2422
- .bds0117Switch-thumb {
2424
+ .bds0118Switch-thumb {
2423
2425
  display: block;
2424
2426
  width: var(--switch_thumb-size);
2425
2427
  height: var(--switch_thumb-size);
@@ -2429,28 +2431,28 @@
2429
2431
  transition: var(--animation_transition);
2430
2432
  transform: translateX(0);
2431
2433
  }
2432
- .bds0117Switch-switch.bds0117Switch-switchError + .bds0117Switch-track {
2434
+ .bds0118Switch-switch.bds0118Switch-switchError + .bds0118Switch-track {
2433
2435
  outline: 1px solid var(--color_error);
2434
2436
  }
2435
- .bds0117Switch-switch:checked + .bds0117Switch-track {
2437
+ .bds0118Switch-switch:checked + .bds0118Switch-track {
2436
2438
  background-color: var(--switch_track-bg--active, var(--color_active--subtle));
2437
2439
  outline-color: var(--switch_thumb-bg--active, var(--color_active--strong));
2438
2440
  }
2439
- .bds0117Switch-switch:checked + .bds0117Switch-track .bds0117Switch-thumb {
2441
+ .bds0118Switch-switch:checked + .bds0118Switch-track .bds0118Switch-thumb {
2440
2442
  background-color: var(--switch_thumb-bg--active, var(--color_active--strong));
2441
2443
  transform: translateX(var(--switch_thumb-size));
2442
2444
  }
2443
- .bds0117Switch-switch:focus-visible + .bds0117Switch-track {
2445
+ .bds0118Switch-switch:focus-visible + .bds0118Switch-track {
2444
2446
  outline: var(--outline_default);
2445
2447
  outline-offset: var(--outline_offset);
2446
2448
  border-radius: 999px;
2447
2449
  }
2448
- .bds0117Switch-switch:disabled + .bds0117Switch-track {
2450
+ .bds0118Switch-switch:disabled + .bds0118Switch-track {
2449
2451
  opacity: 0.4;
2450
2452
  }
2451
2453
  @media (prefers-reduced-motion: reduce) {
2452
- .bds0117Switch-track,
2453
- .bds0117Switch-thumb {
2454
+ .bds0118Switch-track,
2455
+ .bds0118Switch-thumb {
2454
2456
  transition: none;
2455
2457
  }
2456
2458
  }
@@ -2458,11 +2460,11 @@
2458
2460
 
2459
2461
  /* src/components/interaction/form/Textarea/Textarea.module.css */
2460
2462
  @layer component {
2461
- .bds0117Textarea-formGroup {
2463
+ .bds0118Textarea-formGroup {
2462
2464
  display: flex;
2463
2465
  flex-direction: column;
2464
2466
  }
2465
- .bds0117Textarea-textarea {
2467
+ .bds0118Textarea-textarea {
2466
2468
  font-family: var(--font_family--body);
2467
2469
  font-size: var(--font_size--body);
2468
2470
  line-height: var(--font_line-height--body);
@@ -2475,69 +2477,69 @@
2475
2477
  min-height: calc(var(--space_m) * 5);
2476
2478
  transition: var(--animation_transition);
2477
2479
  }
2478
- .bds0117Textarea-textarea:focus {
2480
+ .bds0118Textarea-textarea:focus {
2479
2481
  --textarea_border-color: var(--color_interactive);
2480
2482
  outline: none;
2481
2483
  box-shadow: var(--textarea_focus-ring, 0 0 0 2px rgb(from var(--color_interactive) r g b / 20%));
2482
2484
  }
2483
- .bds0117Textarea-textarea:disabled {
2485
+ .bds0118Textarea-textarea:disabled {
2484
2486
  opacity: 0.5;
2485
2487
  cursor: not-allowed;
2486
2488
  resize: none;
2487
2489
  }
2488
- .bds0117Textarea-textareaError {
2490
+ .bds0118Textarea-textareaError {
2489
2491
  --textarea_border-color: var(--color_error);
2490
2492
  }
2491
- .bds0117Textarea-textareaError:focus {
2493
+ .bds0118Textarea-textareaError:focus {
2492
2494
  --textarea_focus-ring: 0 0 0 2px rgb(from var(--color_error) r g b / 20%);
2493
2495
  }
2494
2496
  }
2495
2497
 
2496
2498
  /* src/components/layout/ButtonGroup/ButtonGroup.module.css */
2497
2499
  @layer component {
2498
- .bds0117ButtonGroup-buttonGroup {
2500
+ .bds0118ButtonGroup-buttonGroup {
2499
2501
  container-type: inline-size;
2500
2502
  container-name: button-group;
2501
2503
  grid-column: var(--grid_span-100);
2502
2504
  }
2503
- .bds0117ButtonGroup-buttonGroup .bds0117ButtonGroup-container {
2505
+ .bds0118ButtonGroup-buttonGroup .bds0118ButtonGroup-container {
2504
2506
  position: relative;
2505
2507
  display: flex;
2506
2508
  flex-direction: column-reverse;
2507
2509
  gap: var(--space_l);
2508
2510
  align-items: center;
2509
2511
  }
2510
- .bds0117ButtonGroup-buttonGroup.bds0117ButtonGroup---variant_card .bds0117ButtonGroup-container {
2512
+ .bds0118ButtonGroup-buttonGroup.bds0118ButtonGroup---variant_card .bds0118ButtonGroup-container {
2511
2513
  align-items: stretch;
2512
2514
  }
2513
- .bds0117ButtonGroup-buttonGroup.bds0117ButtonGroup---variant_flow .bds0117ButtonGroup-container,
2514
- .bds0117ButtonGroup-buttonGroup.bds0117ButtonGroup---variant_modal .bds0117ButtonGroup-container {
2515
+ .bds0118ButtonGroup-buttonGroup.bds0118ButtonGroup---variant_flow .bds0118ButtonGroup-container,
2516
+ .bds0118ButtonGroup-buttonGroup.bds0118ButtonGroup---variant_modal .bds0118ButtonGroup-container {
2515
2517
  align-items: center;
2516
2518
  }
2517
- .bds0117ButtonGroup-buttonGroup.bds0117ButtonGroup---variant_content .bds0117ButtonGroup-container {
2519
+ .bds0118ButtonGroup-buttonGroup.bds0118ButtonGroup---variant_content .bds0118ButtonGroup-container {
2518
2520
  align-items: flex-start;
2519
2521
  }
2520
2522
  @supports (contain: inline-size) {
2521
2523
  @container button-group (min-width: 30rem) {
2522
- .bds0117ButtonGroup-buttonGroup .bds0117ButtonGroup-container {
2524
+ .bds0118ButtonGroup-buttonGroup .bds0118ButtonGroup-container {
2523
2525
  flex-direction: row;
2524
2526
  justify-content: space-between;
2525
2527
  }
2526
- .bds0117ButtonGroup-buttonGroup.bds0117ButtonGroup---variant_modal .bds0117ButtonGroup-container > :first-child:last-child,
2527
- .bds0117ButtonGroup-buttonGroup.bds0117ButtonGroup---variant_flow .bds0117ButtonGroup-container > :first-child:last-child {
2528
+ .bds0118ButtonGroup-buttonGroup.bds0118ButtonGroup---variant_modal .bds0118ButtonGroup-container > :first-child:last-child,
2529
+ .bds0118ButtonGroup-buttonGroup.bds0118ButtonGroup---variant_flow .bds0118ButtonGroup-container > :first-child:last-child {
2528
2530
  margin-inline-start: auto;
2529
2531
  }
2530
- .bds0117ButtonGroup-buttonGroup.bds0117ButtonGroup---variant_card .bds0117ButtonGroup-container {
2532
+ .bds0118ButtonGroup-buttonGroup.bds0118ButtonGroup---variant_card .bds0118ButtonGroup-container {
2531
2533
  justify-content: center;
2532
2534
  }
2533
- .bds0117ButtonGroup-buttonGroup.bds0117ButtonGroup---variant_modal .bds0117ButtonGroup-container {
2535
+ .bds0118ButtonGroup-buttonGroup.bds0118ButtonGroup---variant_modal .bds0118ButtonGroup-container {
2534
2536
  justify-content: flex-end;
2535
2537
  }
2536
- .bds0117ButtonGroup-buttonGroup.bds0117ButtonGroup---variant_content .bds0117ButtonGroup-container {
2538
+ .bds0118ButtonGroup-buttonGroup.bds0118ButtonGroup---variant_content .bds0118ButtonGroup-container {
2537
2539
  justify-content: flex-start;
2538
2540
  align-items: center;
2539
2541
  }
2540
- .bds0117ButtonGroup-buttonGroup.bds0117ButtonGroup---variant_grid .bds0117ButtonGroup-container {
2542
+ .bds0118ButtonGroup-buttonGroup.bds0118ButtonGroup---variant_grid .bds0118ButtonGroup-container {
2541
2543
  justify-content: center;
2542
2544
  }
2543
2545
  }
@@ -2546,59 +2548,59 @@
2546
2548
 
2547
2549
  /* src/components/layout/Card/Card.module.css */
2548
2550
  @layer component {
2549
- .bds0117Card-card {
2551
+ .bds0118Card-card {
2550
2552
  background-color: var(--card_color, var(--color_bg));
2551
2553
  color: var(--card_on-color, var(--color_on-bg));
2552
2554
  border-radius: var(--border_radius--m);
2553
2555
  transition: all 0.3s ease;
2554
2556
  position: relative;
2555
2557
  }
2556
- .bds0117Card-card.bds0117Card---default {
2558
+ .bds0118Card-card.bds0118Card---default {
2557
2559
  box-shadow: var(--shadow_s);
2558
2560
  }
2559
- .bds0117Card-card.bds0117Card---elevated {
2561
+ .bds0118Card-card.bds0118Card---elevated {
2560
2562
  box-shadow: var(--shadow_m);
2561
2563
  }
2562
- .bds0117Card-card.bds0117Card---outlined {
2564
+ .bds0118Card-card.bds0118Card---outlined {
2563
2565
  border: 1px solid currentcolor;
2564
2566
  box-shadow: var(--shadow_s);
2565
2567
  }
2566
- .bds0117Card-card.bds0117Card---clickable {
2568
+ .bds0118Card-card.bds0118Card---clickable {
2567
2569
  cursor: pointer;
2568
2570
  }
2569
- .bds0117Card-card.bds0117Card---padding-none {
2571
+ .bds0118Card-card.bds0118Card---padding-none {
2570
2572
  padding: 0;
2571
2573
  }
2572
- .bds0117Card-card.bds0117Card---padding-small {
2574
+ .bds0118Card-card.bds0118Card---padding-small {
2573
2575
  padding: var(--space_s);
2574
2576
  }
2575
- .bds0117Card-card.bds0117Card---padding-medium {
2577
+ .bds0118Card-card.bds0118Card---padding-medium {
2576
2578
  padding: var(--space_m);
2577
2579
  }
2578
- .bds0117Card-card.bds0117Card---padding-large {
2580
+ .bds0118Card-card.bds0118Card---padding-large {
2579
2581
  padding: var(--space_l);
2580
2582
  }
2581
- .bds0117Card-card.bds0117Card---text-start {
2583
+ .bds0118Card-card.bds0118Card---text-start {
2582
2584
  text-align: left;
2583
2585
  }
2584
- .bds0117Card-card.bds0117Card---text-center {
2586
+ .bds0118Card-card.bds0118Card---text-center {
2585
2587
  text-align: center;
2586
2588
  }
2587
- .bds0117Card-card.bds0117Card---text-end {
2589
+ .bds0118Card-card.bds0118Card---text-end {
2588
2590
  text-align: right;
2589
2591
  }
2590
2592
  @media (hover: hover) and (pointer: fine) {
2591
- .bds0117Card-card.bds0117Card---clickable:hover {
2593
+ .bds0118Card-card.bds0118Card---clickable:hover {
2592
2594
  transform: translateY(-2px);
2593
2595
  box-shadow: var(--shadow_xl);
2594
2596
  }
2595
- .bds0117Card-card.bds0117Card---default:hover {
2597
+ .bds0118Card-card.bds0118Card---default:hover {
2596
2598
  box-shadow: var(--shadow_m);
2597
2599
  }
2598
- .bds0117Card-card.bds0117Card---elevated:hover {
2600
+ .bds0118Card-card.bds0118Card---elevated:hover {
2599
2601
  box-shadow: var(--shadow_2xl);
2600
2602
  }
2601
- .bds0117Card-card.bds0117Card---outlined:hover {
2603
+ .bds0118Card-card.bds0118Card---outlined:hover {
2602
2604
  box-shadow: var(--shadow_s);
2603
2605
  }
2604
2606
  }
@@ -2606,60 +2608,60 @@
2606
2608
 
2607
2609
  /* src/components/layout/SectionHeader/SectionHeader.module.css */
2608
2610
  @layer component {
2609
- .bds0117SectionHeader-sectionHeader {
2611
+ .bds0118SectionHeader-sectionHeader {
2610
2612
  display: flex;
2611
2613
  flex-direction: column;
2612
2614
  gap: var(--space_m);
2613
2615
  grid-column: var(--grid_span-100);
2614
2616
  }
2615
- .bds0117SectionHeader-title {
2617
+ .bds0118SectionHeader-title {
2616
2618
  color: var(--sectionHeader-title-color, var(--color_on-bg));
2617
2619
  margin: 0;
2618
2620
  font-family: var(--font_family--body);
2619
2621
  }
2620
- .bds0117SectionHeader-subtitle {
2622
+ .bds0118SectionHeader-subtitle {
2621
2623
  color: var(--sectionHeader_subtitle-color, var(--color_grey--strong));
2622
2624
  margin: 0;
2623
2625
  font-family: var(--font_family--body);
2624
2626
  font-weight: var(--font_weight--medium);
2625
2627
  }
2626
- .bds0117SectionHeader-sectionHeader.bds0117SectionHeader---start {
2628
+ .bds0118SectionHeader-sectionHeader.bds0118SectionHeader---start {
2627
2629
  align-items: flex-start;
2628
2630
  text-align: left;
2629
2631
  }
2630
- .bds0117SectionHeader-sectionHeader.bds0117SectionHeader---center {
2632
+ .bds0118SectionHeader-sectionHeader.bds0118SectionHeader---center {
2631
2633
  align-items: center;
2632
2634
  text-align: center;
2633
2635
  }
2634
- .bds0117SectionHeader-sectionHeader.bds0117SectionHeader---end {
2636
+ .bds0118SectionHeader-sectionHeader.bds0118SectionHeader---end {
2635
2637
  align-items: flex-end;
2636
2638
  text-align: right;
2637
2639
  }
2638
- .bds0117SectionHeader-sectionHeader.bds0117SectionHeader---small .bds0117SectionHeader-title {
2640
+ .bds0118SectionHeader-sectionHeader.bds0118SectionHeader---small .bds0118SectionHeader-title {
2639
2641
  font-size: var(--font_size--heading-1);
2640
2642
  line-height: var(--font_line-height--heading);
2641
2643
  font-weight: var(--font_weight--bold);
2642
2644
  }
2643
- .bds0117SectionHeader-sectionHeader.bds0117SectionHeader---small .bds0117SectionHeader-subtitle {
2645
+ .bds0118SectionHeader-sectionHeader.bds0118SectionHeader---small .bds0118SectionHeader-subtitle {
2644
2646
  font-size: var(--font_size--body);
2645
2647
  line-height: 1.4;
2646
2648
  }
2647
- .bds0117SectionHeader-sectionHeader.bds0117SectionHeader---medium .bds0117SectionHeader-title {
2649
+ .bds0118SectionHeader-sectionHeader.bds0118SectionHeader---medium .bds0118SectionHeader-title {
2648
2650
  font-size: var(--font_size--display);
2649
2651
  line-height: var(--font_line-height--display);
2650
2652
  font-weight: var(--font_weight--bold);
2651
2653
  }
2652
- .bds0117SectionHeader-sectionHeader.bds0117SectionHeader---medium .bds0117SectionHeader-subtitle {
2654
+ .bds0118SectionHeader-sectionHeader.bds0118SectionHeader---medium .bds0118SectionHeader-subtitle {
2653
2655
  font-size: var(--font_size--heading-3);
2654
2656
  line-height: 1.3;
2655
2657
  }
2656
- .bds0117SectionHeader-sectionHeader.bds0117SectionHeader---large .bds0117SectionHeader-title {
2658
+ .bds0118SectionHeader-sectionHeader.bds0118SectionHeader---large .bds0118SectionHeader-title {
2657
2659
  font-size: var(--font_size--display);
2658
2660
  line-height: var(--font_line-height--display);
2659
2661
  font-weight: var(--font_weight--bold);
2660
2662
  letter-spacing: var(--font_tracking--tight);
2661
2663
  }
2662
- .bds0117SectionHeader-sectionHeader.bds0117SectionHeader---large .bds0117SectionHeader-subtitle {
2664
+ .bds0118SectionHeader-sectionHeader.bds0118SectionHeader---large .bds0118SectionHeader-subtitle {
2663
2665
  font-size: var(--font_size--heading-2);
2664
2666
  line-height: 1.3;
2665
2667
  font-weight: var(--font_weight--medium);
@@ -2668,7 +2670,7 @@
2668
2670
 
2669
2671
  /* src/components/layout/IconWrapper/IconWrapper.module.css */
2670
2672
  @layer component {
2671
- .bds0117IconWrapper-wrapper {
2673
+ .bds0118IconWrapper-wrapper {
2672
2674
  width: 2em;
2673
2675
  height: 2em;
2674
2676
  font-size: 3em;
@@ -2683,7 +2685,7 @@
2683
2685
  position: relative;
2684
2686
  transition: var(--animation_transition);
2685
2687
  }
2686
- .bds0117IconWrapper-wrapper svg {
2688
+ .bds0118IconWrapper-wrapper svg {
2687
2689
  fill: currentcolor;
2688
2690
  }
2689
2691
  }