@norges-domstoler/dds-components 0.0.15 → 0.0.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/components/Breadcrumbs/Breadcrumb.tokens.d.ts +3 -0
  2. package/dist/components/Search/Search.d.ts +1 -0
  3. package/dist/components/Select/Select.styles.d.ts +2 -1
  4. package/dist/components/Select/Select.tokens.d.ts +63 -6
  5. package/dist/index.es.js +475 -313
  6. package/dist/index.js +475 -313
  7. package/package.json +2 -2
package/dist/index.js CHANGED
@@ -3054,7 +3054,7 @@ function y$1(){return (y$1=Object.assign||function(e){for(var t=1;t<arguments.le
3054
3054
 
3055
3055
  /**
3056
3056
  * Do not edit directly
3057
- * Generated on Fri, 17 Sep 2021 11:44:35 GMT
3057
+ * Generated on Wed, 15 Dec 2021 11:11:43 GMT
3058
3058
  */
3059
3059
  var DdsColorPrimaryLightest = "rgba(234, 239, 244, 1)";
3060
3060
  var DdsColorPrimaryLighter = "rgba(172, 187, 198, 1)";
@@ -3195,7 +3195,7 @@ var colors$1 = /*#__PURE__*/Object.freeze({
3195
3195
 
3196
3196
  /**
3197
3197
  * Do not edit directly
3198
- * Generated on Fri, 17 Sep 2021 11:44:35 GMT
3198
+ * Generated on Wed, 15 Dec 2021 11:11:43 GMT
3199
3199
  */
3200
3200
  var DdsFontHeadingSans01FontSize = "14px";
3201
3201
  var DdsFontHeadingSans01FontSizeNumberPx = 14;
@@ -3208,8 +3208,8 @@ var DdsFontHeadingSans01LetterSpacing = "0.01em";
3208
3208
  var DdsFontHeadingSans01LineHeight = "1.5em";
3209
3209
  var DdsFontHeadingSans01ParagraphIndent = "0px";
3210
3210
  var DdsFontHeadingSans01ParagraphIndentNumberPx = 0;
3211
- var DdsFontHeadingSans01ParagraphSpacing = "7px";
3212
- var DdsFontHeadingSans01ParagraphSpacingNumberPx = 7;
3211
+ var DdsFontHeadingSans01ParagraphSpacing = "14px";
3212
+ var DdsFontHeadingSans01ParagraphSpacingNumberPx = 14;
3213
3213
  var DdsFontHeadingSans01TextCase = "none";
3214
3214
  var DdsFontHeadingSans02FontSize = "16px";
3215
3215
  var DdsFontHeadingSans02FontSizeNumberPx = 16;
@@ -3222,8 +3222,8 @@ var DdsFontHeadingSans02LetterSpacing = "0em";
3222
3222
  var DdsFontHeadingSans02LineHeight = "1.5em";
3223
3223
  var DdsFontHeadingSans02ParagraphIndent = "0px";
3224
3224
  var DdsFontHeadingSans02ParagraphIndentNumberPx = 0;
3225
- var DdsFontHeadingSans02ParagraphSpacing = "9px";
3226
- var DdsFontHeadingSans02ParagraphSpacingNumberPx = 9;
3225
+ var DdsFontHeadingSans02ParagraphSpacing = "16px";
3226
+ var DdsFontHeadingSans02ParagraphSpacingNumberPx = 16;
3227
3227
  var DdsFontHeadingSans02TextCase = "none";
3228
3228
  var DdsFontHeadingSans03FontSize = "24px";
3229
3229
  var DdsFontHeadingSans03FontSizeNumberPx = 24;
@@ -3236,8 +3236,8 @@ var DdsFontHeadingSans03LetterSpacing = "0em";
3236
3236
  var DdsFontHeadingSans03LineHeight = "1.35em";
3237
3237
  var DdsFontHeadingSans03ParagraphIndent = "0px";
3238
3238
  var DdsFontHeadingSans03ParagraphIndentNumberPx = 0;
3239
- var DdsFontHeadingSans03ParagraphSpacing = "8px";
3240
- var DdsFontHeadingSans03ParagraphSpacingNumberPx = 8;
3239
+ var DdsFontHeadingSans03ParagraphSpacing = "16px";
3240
+ var DdsFontHeadingSans03ParagraphSpacingNumberPx = 16;
3241
3241
  var DdsFontHeadingSans03TextCase = "none";
3242
3242
  var DdsFontHeadingSans04FontSize = "32px";
3243
3243
  var DdsFontHeadingSans04FontSizeNumberPx = 32;
@@ -3250,8 +3250,8 @@ var DdsFontHeadingSans04LetterSpacing = "0em";
3250
3250
  var DdsFontHeadingSans04LineHeight = "1.35em";
3251
3251
  var DdsFontHeadingSans04ParagraphIndent = "0px";
3252
3252
  var DdsFontHeadingSans04ParagraphIndentNumberPx = 0;
3253
- var DdsFontHeadingSans04ParagraphSpacing = "10px";
3254
- var DdsFontHeadingSans04ParagraphSpacingNumberPx = 10;
3253
+ var DdsFontHeadingSans04ParagraphSpacing = "21px";
3254
+ var DdsFontHeadingSans04ParagraphSpacingNumberPx = 21;
3255
3255
  var DdsFontHeadingSans04TextCase = "none";
3256
3256
  var DdsFontHeadingSans05FontSize = "40px";
3257
3257
  var DdsFontHeadingSans05FontSizeNumberPx = 40;
@@ -3264,8 +3264,8 @@ var DdsFontHeadingSans05LetterSpacing = "-0.01em";
3264
3264
  var DdsFontHeadingSans05LineHeight = "1.35em";
3265
3265
  var DdsFontHeadingSans05ParagraphIndent = "0px";
3266
3266
  var DdsFontHeadingSans05ParagraphIndentNumberPx = 0;
3267
- var DdsFontHeadingSans05ParagraphSpacing = "13px";
3268
- var DdsFontHeadingSans05ParagraphSpacingNumberPx = 13;
3267
+ var DdsFontHeadingSans05ParagraphSpacing = "26px";
3268
+ var DdsFontHeadingSans05ParagraphSpacingNumberPx = 26;
3269
3269
  var DdsFontHeadingSans05TextCase = "none";
3270
3270
  var DdsFontHeadingSans06FontSize = "48px";
3271
3271
  var DdsFontHeadingSans06FontSizeNumberPx = 48;
@@ -3278,8 +3278,8 @@ var DdsFontHeadingSans06LetterSpacing = "-0.01em";
3278
3278
  var DdsFontHeadingSans06LineHeight = "1.2em";
3279
3279
  var DdsFontHeadingSans06ParagraphIndent = "0px";
3280
3280
  var DdsFontHeadingSans06ParagraphIndentNumberPx = 0;
3281
- var DdsFontHeadingSans06ParagraphSpacing = "12px";
3282
- var DdsFontHeadingSans06ParagraphSpacingNumberPx = 12;
3281
+ var DdsFontHeadingSans06ParagraphSpacing = "24px";
3282
+ var DdsFontHeadingSans06ParagraphSpacingNumberPx = 24;
3283
3283
  var DdsFontHeadingSans06TextCase = "none";
3284
3284
  var DdsFontHeadingSans07FontSize = "64px";
3285
3285
  var DdsFontHeadingSans07FontSizeNumberPx = 64;
@@ -3292,8 +3292,8 @@ var DdsFontHeadingSans07LetterSpacing = "-0.01em";
3292
3292
  var DdsFontHeadingSans07LineHeight = "1.2em";
3293
3293
  var DdsFontHeadingSans07ParagraphIndent = "0px";
3294
3294
  var DdsFontHeadingSans07ParagraphIndentNumberPx = 0;
3295
- var DdsFontHeadingSans07ParagraphSpacing = "16px";
3296
- var DdsFontHeadingSans07ParagraphSpacingNumberPx = 16;
3295
+ var DdsFontHeadingSans07ParagraphSpacing = "32px";
3296
+ var DdsFontHeadingSans07ParagraphSpacingNumberPx = 32;
3297
3297
  var DdsFontHeadingSans07TextCase = "none";
3298
3298
  var DdsFontHeadingSans08FontSize = "80px";
3299
3299
  var DdsFontHeadingSans08FontSizeNumberPx = 80;
@@ -3306,8 +3306,8 @@ var DdsFontHeadingSans08LetterSpacing = "-0.01em";
3306
3306
  var DdsFontHeadingSans08LineHeight = "1.2em";
3307
3307
  var DdsFontHeadingSans08ParagraphIndent = "0px";
3308
3308
  var DdsFontHeadingSans08ParagraphIndentNumberPx = 0;
3309
- var DdsFontHeadingSans08ParagraphSpacing = "20px";
3310
- var DdsFontHeadingSans08ParagraphSpacingNumberPx = 20;
3309
+ var DdsFontHeadingSans08ParagraphSpacing = "40px";
3310
+ var DdsFontHeadingSans08ParagraphSpacingNumberPx = 40;
3311
3311
  var DdsFontHeadingSans08TextCase = "none";
3312
3312
  var DdsFontBodySans01FontSize = "14px";
3313
3313
  var DdsFontBodySans01FontSizeNumberPx = 14;
@@ -3320,8 +3320,8 @@ var DdsFontBodySans01LetterSpacing = "0.01em";
3320
3320
  var DdsFontBodySans01LineHeight = "1.5em";
3321
3321
  var DdsFontBodySans01ParagraphIndent = "0px";
3322
3322
  var DdsFontBodySans01ParagraphIndentNumberPx = 0;
3323
- var DdsFontBodySans01ParagraphSpacing = "7px";
3324
- var DdsFontBodySans01ParagraphSpacingNumberPx = 7;
3323
+ var DdsFontBodySans01ParagraphSpacing = "14px";
3324
+ var DdsFontBodySans01ParagraphSpacingNumberPx = 14;
3325
3325
  var DdsFontBodySans01TextCase = "none";
3326
3326
  var DdsFontBodySans02FontSize = "16px";
3327
3327
  var DdsFontBodySans02FontSizeNumberPx = 16;
@@ -3334,8 +3334,8 @@ var DdsFontBodySans02LetterSpacing = "0em";
3334
3334
  var DdsFontBodySans02LineHeight = "1.5em";
3335
3335
  var DdsFontBodySans02ParagraphIndent = "0px";
3336
3336
  var DdsFontBodySans02ParagraphIndentNumberPx = 0;
3337
- var DdsFontBodySans02ParagraphSpacing = "8px";
3338
- var DdsFontBodySans02ParagraphSpacingNumberPx = 8;
3337
+ var DdsFontBodySans02ParagraphSpacing = "16px";
3338
+ var DdsFontBodySans02ParagraphSpacingNumberPx = 16;
3339
3339
  var DdsFontBodySans02TextCase = "none";
3340
3340
  var DdsFontBodySans03FontSize = "18px";
3341
3341
  var DdsFontBodySans03FontSizeNumberPx = 18;
@@ -3348,8 +3348,8 @@ var DdsFontBodySans03LetterSpacing = "0em";
3348
3348
  var DdsFontBodySans03LineHeight = "1.5em";
3349
3349
  var DdsFontBodySans03ParagraphIndent = "0px";
3350
3350
  var DdsFontBodySans03ParagraphIndentNumberPx = 0;
3351
- var DdsFontBodySans03ParagraphSpacing = "10px";
3352
- var DdsFontBodySans03ParagraphSpacingNumberPx = 10;
3351
+ var DdsFontBodySans03ParagraphSpacing = "18px";
3352
+ var DdsFontBodySans03ParagraphSpacingNumberPx = 18;
3353
3353
  var DdsFontBodySans03TextCase = "none";
3354
3354
  var DdsFontBodySans04FontSize = "20px";
3355
3355
  var DdsFontBodySans04FontSizeNumberPx = 20;
@@ -3362,8 +3362,8 @@ var DdsFontBodySans04LetterSpacing = "0em";
3362
3362
  var DdsFontBodySans04LineHeight = "1.5em";
3363
3363
  var DdsFontBodySans04ParagraphIndent = "0px";
3364
3364
  var DdsFontBodySans04ParagraphIndentNumberPx = 0;
3365
- var DdsFontBodySans04ParagraphSpacing = "10px";
3366
- var DdsFontBodySans04ParagraphSpacingNumberPx = 10;
3365
+ var DdsFontBodySans04ParagraphSpacing = "20px";
3366
+ var DdsFontBodySans04ParagraphSpacingNumberPx = 20;
3367
3367
  var DdsFontBodySans04TextCase = "none";
3368
3368
  var DdsFontBodySerif01FontSize = "14px";
3369
3369
  var DdsFontBodySerif01FontSizeNumberPx = 14;
@@ -3376,8 +3376,8 @@ var DdsFontBodySerif01LetterSpacing = "0.01em";
3376
3376
  var DdsFontBodySerif01LineHeight = "1.5em";
3377
3377
  var DdsFontBodySerif01ParagraphIndent = "0px";
3378
3378
  var DdsFontBodySerif01ParagraphIndentNumberPx = 0;
3379
- var DdsFontBodySerif01ParagraphSpacing = "7px";
3380
- var DdsFontBodySerif01ParagraphSpacingNumberPx = 7;
3379
+ var DdsFontBodySerif01ParagraphSpacing = "14px";
3380
+ var DdsFontBodySerif01ParagraphSpacingNumberPx = 14;
3381
3381
  var DdsFontBodySerif01TextCase = "none";
3382
3382
  var DdsFontBodySerif02FontSize = "16px";
3383
3383
  var DdsFontBodySerif02FontSizeNumberPx = 16;
@@ -3390,8 +3390,8 @@ var DdsFontBodySerif02LetterSpacing = "0em";
3390
3390
  var DdsFontBodySerif02LineHeight = "1.5em";
3391
3391
  var DdsFontBodySerif02ParagraphIndent = "0px";
3392
3392
  var DdsFontBodySerif02ParagraphIndentNumberPx = 0;
3393
- var DdsFontBodySerif02ParagraphSpacing = "8px";
3394
- var DdsFontBodySerif02ParagraphSpacingNumberPx = 8;
3393
+ var DdsFontBodySerif02ParagraphSpacing = "16px";
3394
+ var DdsFontBodySerif02ParagraphSpacingNumberPx = 16;
3395
3395
  var DdsFontBodySerif02TextCase = "none";
3396
3396
  var DdsFontBodySerif03FontSize = "18px";
3397
3397
  var DdsFontBodySerif03FontSizeNumberPx = 18;
@@ -3404,8 +3404,8 @@ var DdsFontBodySerif03LetterSpacing = "0em";
3404
3404
  var DdsFontBodySerif03LineHeight = "1.5em";
3405
3405
  var DdsFontBodySerif03ParagraphIndent = "0px";
3406
3406
  var DdsFontBodySerif03ParagraphIndentNumberPx = 0;
3407
- var DdsFontBodySerif03ParagraphSpacing = "10px";
3408
- var DdsFontBodySerif03ParagraphSpacingNumberPx = 10;
3407
+ var DdsFontBodySerif03ParagraphSpacing = "18px";
3408
+ var DdsFontBodySerif03ParagraphSpacingNumberPx = 18;
3409
3409
  var DdsFontBodySerif03TextCase = "none";
3410
3410
  var DdsFontBodySerif04FontSize = "20px";
3411
3411
  var DdsFontBodySerif04FontSizeNumberPx = 20;
@@ -3418,8 +3418,8 @@ var DdsFontBodySerif04LetterSpacing = "0em";
3418
3418
  var DdsFontBodySerif04LineHeight = "1.5em";
3419
3419
  var DdsFontBodySerif04ParagraphIndent = "0px";
3420
3420
  var DdsFontBodySerif04ParagraphIndentNumberPx = 0;
3421
- var DdsFontBodySerif04ParagraphSpacing = "10px";
3422
- var DdsFontBodySerif04ParagraphSpacingNumberPx = 10;
3421
+ var DdsFontBodySerif04ParagraphSpacing = "20px";
3422
+ var DdsFontBodySerif04ParagraphSpacingNumberPx = 20;
3423
3423
  var DdsFontBodySerif04TextCase = "none";
3424
3424
  var DdsFontLeadSans01FontSize = "18px";
3425
3425
  var DdsFontLeadSans01FontSizeNumberPx = 18;
@@ -3432,8 +3432,8 @@ var DdsFontLeadSans01LetterSpacing = "0em";
3432
3432
  var DdsFontLeadSans01LineHeight = "1.5em";
3433
3433
  var DdsFontLeadSans01ParagraphIndent = "0px";
3434
3434
  var DdsFontLeadSans01ParagraphIndentNumberPx = 0;
3435
- var DdsFontLeadSans01ParagraphSpacing = "9px";
3436
- var DdsFontLeadSans01ParagraphSpacingNumberPx = 9;
3435
+ var DdsFontLeadSans01ParagraphSpacing = "18px";
3436
+ var DdsFontLeadSans01ParagraphSpacingNumberPx = 18;
3437
3437
  var DdsFontLeadSans01TextCase = "none";
3438
3438
  var DdsFontLeadSans02FontSize = "24px";
3439
3439
  var DdsFontLeadSans02FontSizeNumberPx = 24;
@@ -3446,8 +3446,8 @@ var DdsFontLeadSans02LetterSpacing = "0em";
3446
3446
  var DdsFontLeadSans02LineHeight = "1.35em";
3447
3447
  var DdsFontLeadSans02ParagraphIndent = "0px";
3448
3448
  var DdsFontLeadSans02ParagraphIndentNumberPx = 0;
3449
- var DdsFontLeadSans02ParagraphSpacing = "8px";
3450
- var DdsFontLeadSans02ParagraphSpacingNumberPx = 8;
3449
+ var DdsFontLeadSans02ParagraphSpacing = "16px";
3450
+ var DdsFontLeadSans02ParagraphSpacingNumberPx = 16;
3451
3451
  var DdsFontLeadSans02TextCase = "none";
3452
3452
  var DdsFontLeadSans03FontSize = "24px";
3453
3453
  var DdsFontLeadSans03FontSizeNumberPx = 24;
@@ -3460,8 +3460,8 @@ var DdsFontLeadSans03LetterSpacing = "0em";
3460
3460
  var DdsFontLeadSans03LineHeight = "1.35em";
3461
3461
  var DdsFontLeadSans03ParagraphIndent = "0px";
3462
3462
  var DdsFontLeadSans03ParagraphIndentNumberPx = 0;
3463
- var DdsFontLeadSans03ParagraphSpacing = "8px";
3464
- var DdsFontLeadSans03ParagraphSpacingNumberPx = 8;
3463
+ var DdsFontLeadSans03ParagraphSpacing = "16px";
3464
+ var DdsFontLeadSans03ParagraphSpacingNumberPx = 16;
3465
3465
  var DdsFontLeadSans03TextCase = "none";
3466
3466
  var DdsFontLeadSans04FontSize = "32px";
3467
3467
  var DdsFontLeadSans04FontSizeNumberPx = 32;
@@ -3474,8 +3474,8 @@ var DdsFontLeadSans04LetterSpacing = "0em";
3474
3474
  var DdsFontLeadSans04LineHeight = "1.35em";
3475
3475
  var DdsFontLeadSans04ParagraphIndent = "0px";
3476
3476
  var DdsFontLeadSans04ParagraphIndentNumberPx = 0;
3477
- var DdsFontLeadSans04ParagraphSpacing = "10px";
3478
- var DdsFontLeadSans04ParagraphSpacingNumberPx = 10;
3477
+ var DdsFontLeadSans04ParagraphSpacing = "21px";
3478
+ var DdsFontLeadSans04ParagraphSpacingNumberPx = 21;
3479
3479
  var DdsFontLeadSans04TextCase = "none";
3480
3480
  var DdsFontLeadSans05FontSize = "40px";
3481
3481
  var DdsFontLeadSans05FontSizeNumberPx = 40;
@@ -3488,8 +3488,8 @@ var DdsFontLeadSans05LetterSpacing = "-0.01em";
3488
3488
  var DdsFontLeadSans05LineHeight = "1.35em";
3489
3489
  var DdsFontLeadSans05ParagraphIndent = "0px";
3490
3490
  var DdsFontLeadSans05ParagraphIndentNumberPx = 0;
3491
- var DdsFontLeadSans05ParagraphSpacing = "13px";
3492
- var DdsFontLeadSans05ParagraphSpacingNumberPx = 13;
3491
+ var DdsFontLeadSans05ParagraphSpacing = "26px";
3492
+ var DdsFontLeadSans05ParagraphSpacingNumberPx = 26;
3493
3493
  var DdsFontLeadSans05TextCase = "none";
3494
3494
  var DdsFontSupportingStyleLabel01FontSize = "14px";
3495
3495
  var DdsFontSupportingStyleLabel01FontSizeNumberPx = 14;
@@ -3502,8 +3502,8 @@ var DdsFontSupportingStyleLabel01LetterSpacing = "0.01em";
3502
3502
  var DdsFontSupportingStyleLabel01LineHeight = "1.5em";
3503
3503
  var DdsFontSupportingStyleLabel01ParagraphIndent = "0px";
3504
3504
  var DdsFontSupportingStyleLabel01ParagraphIndentNumberPx = 0;
3505
- var DdsFontSupportingStyleLabel01ParagraphSpacing = "7px";
3506
- var DdsFontSupportingStyleLabel01ParagraphSpacingNumberPx = 7;
3505
+ var DdsFontSupportingStyleLabel01ParagraphSpacing = "14px";
3506
+ var DdsFontSupportingStyleLabel01ParagraphSpacingNumberPx = 14;
3507
3507
  var DdsFontSupportingStyleLabel01TextCase = "none";
3508
3508
  var DdsFontSupportingStyleHelpertext01FontSize = "14px";
3509
3509
  var DdsFontSupportingStyleHelpertext01FontSizeNumberPx = 14;
@@ -3516,8 +3516,8 @@ var DdsFontSupportingStyleHelpertext01LetterSpacing = "0.01em";
3516
3516
  var DdsFontSupportingStyleHelpertext01LineHeight = "1.5em";
3517
3517
  var DdsFontSupportingStyleHelpertext01ParagraphIndent = "0px";
3518
3518
  var DdsFontSupportingStyleHelpertext01ParagraphIndentNumberPx = 0;
3519
- var DdsFontSupportingStyleHelpertext01ParagraphSpacing = "7px";
3520
- var DdsFontSupportingStyleHelpertext01ParagraphSpacingNumberPx = 7;
3519
+ var DdsFontSupportingStyleHelpertext01ParagraphSpacing = "14px";
3520
+ var DdsFontSupportingStyleHelpertext01ParagraphSpacingNumberPx = 14;
3521
3521
  var DdsFontSupportingStyleHelpertext01TextCase = "none";
3522
3522
  var DdsFontSupportingStyleInputtext01FontSize = "14px";
3523
3523
  var DdsFontSupportingStyleInputtext01FontSizeNumberPx = 14;
@@ -3530,8 +3530,8 @@ var DdsFontSupportingStyleInputtext01LetterSpacing = "0.01em";
3530
3530
  var DdsFontSupportingStyleInputtext01LineHeight = "1.5em";
3531
3531
  var DdsFontSupportingStyleInputtext01ParagraphIndent = "0px";
3532
3532
  var DdsFontSupportingStyleInputtext01ParagraphIndentNumberPx = 0;
3533
- var DdsFontSupportingStyleInputtext01ParagraphSpacing = "7px";
3534
- var DdsFontSupportingStyleInputtext01ParagraphSpacingNumberPx = 7;
3533
+ var DdsFontSupportingStyleInputtext01ParagraphSpacing = "14px";
3534
+ var DdsFontSupportingStyleInputtext01ParagraphSpacingNumberPx = 14;
3535
3535
  var DdsFontSupportingStyleInputtext01TextCase = "none";
3536
3536
  var DdsFontSupportingStyleInputtext02FontSize = "18px";
3537
3537
  var DdsFontSupportingStyleInputtext02FontSizeNumberPx = 18;
@@ -3544,8 +3544,8 @@ var DdsFontSupportingStyleInputtext02LetterSpacing = "0em";
3544
3544
  var DdsFontSupportingStyleInputtext02LineHeight = "1.5em";
3545
3545
  var DdsFontSupportingStyleInputtext02ParagraphIndent = "0px";
3546
3546
  var DdsFontSupportingStyleInputtext02ParagraphIndentNumberPx = 0;
3547
- var DdsFontSupportingStyleInputtext02ParagraphSpacing = "9px";
3548
- var DdsFontSupportingStyleInputtext02ParagraphSpacingNumberPx = 9;
3547
+ var DdsFontSupportingStyleInputtext02ParagraphSpacing = "18px";
3548
+ var DdsFontSupportingStyleInputtext02ParagraphSpacingNumberPx = 18;
3549
3549
  var DdsFontSupportingStyleInputtext02TextCase = "none";
3550
3550
  var DdsFontSupportingStyleInputtext03FontSize = "20px";
3551
3551
  var DdsFontSupportingStyleInputtext03FontSizeNumberPx = 20;
@@ -3558,8 +3558,8 @@ var DdsFontSupportingStyleInputtext03LetterSpacing = "0em";
3558
3558
  var DdsFontSupportingStyleInputtext03LineHeight = "1.5em";
3559
3559
  var DdsFontSupportingStyleInputtext03ParagraphIndent = "0px";
3560
3560
  var DdsFontSupportingStyleInputtext03ParagraphIndentNumberPx = 0;
3561
- var DdsFontSupportingStyleInputtext03ParagraphSpacing = "10px";
3562
- var DdsFontSupportingStyleInputtext03ParagraphSpacingNumberPx = 10;
3561
+ var DdsFontSupportingStyleInputtext03ParagraphSpacing = "20px";
3562
+ var DdsFontSupportingStyleInputtext03ParagraphSpacingNumberPx = 20;
3563
3563
  var DdsFontSupportingStyleInputtext03TextCase = "none";
3564
3564
  var DdsFontSupportingStylePlaceholdertext01FontSize = "18px";
3565
3565
  var DdsFontSupportingStylePlaceholdertext01FontSizeNumberPx = 18;
@@ -3572,8 +3572,8 @@ var DdsFontSupportingStylePlaceholdertext01LetterSpacing = "0em";
3572
3572
  var DdsFontSupportingStylePlaceholdertext01LineHeight = "1.5em";
3573
3573
  var DdsFontSupportingStylePlaceholdertext01ParagraphIndent = "0px";
3574
3574
  var DdsFontSupportingStylePlaceholdertext01ParagraphIndentNumberPx = 0;
3575
- var DdsFontSupportingStylePlaceholdertext01ParagraphSpacing = "7px";
3576
- var DdsFontSupportingStylePlaceholdertext01ParagraphSpacingNumberPx = 7;
3575
+ var DdsFontSupportingStylePlaceholdertext01ParagraphSpacing = "18px";
3576
+ var DdsFontSupportingStylePlaceholdertext01ParagraphSpacingNumberPx = 18;
3577
3577
  var DdsFontSupportingStylePlaceholdertext01TextCase = "none";
3578
3578
  var DdsFontSupportingStyleTiny01FontSize = "12px";
3579
3579
  var DdsFontSupportingStyleTiny01FontSizeNumberPx = 12;
@@ -3586,8 +3586,8 @@ var DdsFontSupportingStyleTiny01LetterSpacing = "0.01em";
3586
3586
  var DdsFontSupportingStyleTiny01LineHeight = "1.5em";
3587
3587
  var DdsFontSupportingStyleTiny01ParagraphIndent = "0px";
3588
3588
  var DdsFontSupportingStyleTiny01ParagraphIndentNumberPx = 0;
3589
- var DdsFontSupportingStyleTiny01ParagraphSpacing = "7px";
3590
- var DdsFontSupportingStyleTiny01ParagraphSpacingNumberPx = 7;
3589
+ var DdsFontSupportingStyleTiny01ParagraphSpacing = "12px";
3590
+ var DdsFontSupportingStyleTiny01ParagraphSpacingNumberPx = 12;
3591
3591
  var DdsFontSupportingStyleTiny01TextCase = "none";
3592
3592
 
3593
3593
  var font = /*#__PURE__*/Object.freeze({
@@ -3988,7 +3988,7 @@ var font = /*#__PURE__*/Object.freeze({
3988
3988
 
3989
3989
  /**
3990
3990
  * Do not edit directly
3991
- * Generated on Fri, 17 Sep 2021 11:44:35 GMT
3991
+ * Generated on Wed, 15 Dec 2021 11:11:43 GMT
3992
3992
  */
3993
3993
  var BordersDdsBorderStyle1StrokeAlign = "inside";
3994
3994
  var BordersDdsBorderStyle1StrokeMiterLimit = 4;
@@ -4007,7 +4007,7 @@ var border = /*#__PURE__*/Object.freeze({
4007
4007
 
4008
4008
  /**
4009
4009
  * Do not edit directly
4010
- * Generated on Fri, 17 Sep 2021 11:44:35 GMT
4010
+ * Generated on Wed, 15 Dec 2021 11:11:43 GMT
4011
4011
  */
4012
4012
  var RadiiDdsBorderRadius1Radius = "2px";
4013
4013
  var RadiiDdsBorderRadius1RadiusNumberPx = 2;
@@ -4076,7 +4076,7 @@ var borderRadius$1 = /*#__PURE__*/Object.freeze({
4076
4076
 
4077
4077
  /**
4078
4078
  * Do not edit directly
4079
- * Generated on Fri, 17 Sep 2021 11:44:35 GMT
4079
+ * Generated on Wed, 15 Dec 2021 11:11:43 GMT
4080
4080
  */
4081
4081
  var SizesDdsSpacingLocalX3 = "48px";
4082
4082
  var SizesDdsSpacingLocalX3NumberPx = 48; // 48px
@@ -4149,7 +4149,7 @@ var spacing$1 = /*#__PURE__*/Object.freeze({
4149
4149
 
4150
4150
  /**
4151
4151
  * Do not edit directly
4152
- * Generated on Fri, 17 Sep 2021 11:44:35 GMT
4152
+ * Generated on Wed, 15 Dec 2021 11:11:43 GMT
4153
4153
  */
4154
4154
  var DdsIconsizeMedium = "24px";
4155
4155
  var DdsIconsizeMediumNumberPx = 24;
@@ -4170,7 +4170,7 @@ var iconSizes = /*#__PURE__*/Object.freeze({
4170
4170
 
4171
4171
  /**
4172
4172
  * Do not edit directly
4173
- * Generated on Fri, 17 Sep 2021 11:44:35 GMT
4173
+ * Generated on Wed, 15 Dec 2021 11:11:43 GMT
4174
4174
  */
4175
4175
  var DdsGridXs0599Pattern = "columns";
4176
4176
  var DdsGridXs0599GutterSize = "16px";
@@ -4249,7 +4249,7 @@ var grid = /*#__PURE__*/Object.freeze({
4249
4249
 
4250
4250
  /**
4251
4251
  * Do not edit directly
4252
- * Generated on Fri, 17 Sep 2021 11:44:35 GMT
4252
+ * Generated on Wed, 15 Dec 2021 11:11:43 GMT
4253
4253
  */
4254
4254
  var DdsInnershadow1Ondark = " 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.5) inset";
4255
4255
  var DdsInnershadow1Onlight = " 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.1) inset";
@@ -4266,7 +4266,7 @@ var innerShadow = /*#__PURE__*/Object.freeze({
4266
4266
 
4267
4267
  /**
4268
4268
  * Do not edit directly
4269
- * Generated on Fri, 17 Sep 2021 11:44:35 GMT
4269
+ * Generated on Wed, 15 Dec 2021 11:11:43 GMT
4270
4270
  */
4271
4271
  var DdsShadow1Ondark = " 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.5)";
4272
4272
  var DdsShadow1Onlight = " 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.1)";
@@ -4291,7 +4291,7 @@ var outerShadow = /*#__PURE__*/Object.freeze({
4291
4291
 
4292
4292
  /**
4293
4293
  * Do not edit directly
4294
- * Generated on Fri, 17 Sep 2021 11:44:35 GMT
4294
+ * Generated on Wed, 15 Dec 2021 11:11:43 GMT
4295
4295
  */
4296
4296
  var ddsStyles = {
4297
4297
  "$dds-font": {
@@ -4516,11 +4516,11 @@ var ddsStyles = {
4516
4516
  ]
4517
4517
  },
4518
4518
  "paragraphSpacing": {
4519
- "value": 7,
4519
+ "value": 14,
4520
4520
  "type": "number",
4521
4521
  "unit": "pixel",
4522
4522
  "original": {
4523
- "value": 7,
4523
+ "value": 14,
4524
4524
  "type": "number",
4525
4525
  "unit": "pixel"
4526
4526
  },
@@ -4780,11 +4780,11 @@ var ddsStyles = {
4780
4780
  ]
4781
4781
  },
4782
4782
  "paragraphSpacing": {
4783
- "value": 9,
4783
+ "value": 16,
4784
4784
  "type": "number",
4785
4785
  "unit": "pixel",
4786
4786
  "original": {
4787
- "value": 9,
4787
+ "value": 16,
4788
4788
  "type": "number",
4789
4789
  "unit": "pixel"
4790
4790
  },
@@ -5044,11 +5044,11 @@ var ddsStyles = {
5044
5044
  ]
5045
5045
  },
5046
5046
  "paragraphSpacing": {
5047
- "value": 8,
5047
+ "value": 16,
5048
5048
  "type": "number",
5049
5049
  "unit": "pixel",
5050
5050
  "original": {
5051
- "value": 8,
5051
+ "value": 16,
5052
5052
  "type": "number",
5053
5053
  "unit": "pixel"
5054
5054
  },
@@ -5308,11 +5308,11 @@ var ddsStyles = {
5308
5308
  ]
5309
5309
  },
5310
5310
  "paragraphSpacing": {
5311
- "value": 10,
5311
+ "value": 21,
5312
5312
  "type": "number",
5313
5313
  "unit": "pixel",
5314
5314
  "original": {
5315
- "value": 10,
5315
+ "value": 21,
5316
5316
  "type": "number",
5317
5317
  "unit": "pixel"
5318
5318
  },
@@ -5572,11 +5572,11 @@ var ddsStyles = {
5572
5572
  ]
5573
5573
  },
5574
5574
  "paragraphSpacing": {
5575
- "value": 13,
5575
+ "value": 26,
5576
5576
  "type": "number",
5577
5577
  "unit": "pixel",
5578
5578
  "original": {
5579
- "value": 13,
5579
+ "value": 26,
5580
5580
  "type": "number",
5581
5581
  "unit": "pixel"
5582
5582
  },
@@ -5836,11 +5836,11 @@ var ddsStyles = {
5836
5836
  ]
5837
5837
  },
5838
5838
  "paragraphSpacing": {
5839
- "value": 12,
5839
+ "value": 24,
5840
5840
  "type": "number",
5841
5841
  "unit": "pixel",
5842
5842
  "original": {
5843
- "value": 12,
5843
+ "value": 24,
5844
5844
  "type": "number",
5845
5845
  "unit": "pixel"
5846
5846
  },
@@ -6100,11 +6100,11 @@ var ddsStyles = {
6100
6100
  ]
6101
6101
  },
6102
6102
  "paragraphSpacing": {
6103
- "value": 16,
6103
+ "value": 32,
6104
6104
  "type": "number",
6105
6105
  "unit": "pixel",
6106
6106
  "original": {
6107
- "value": 16,
6107
+ "value": 32,
6108
6108
  "type": "number",
6109
6109
  "unit": "pixel"
6110
6110
  },
@@ -6364,11 +6364,11 @@ var ddsStyles = {
6364
6364
  ]
6365
6365
  },
6366
6366
  "paragraphSpacing": {
6367
- "value": 20,
6367
+ "value": 40,
6368
6368
  "type": "number",
6369
6369
  "unit": "pixel",
6370
6370
  "original": {
6371
- "value": 20,
6371
+ "value": 40,
6372
6372
  "type": "number",
6373
6373
  "unit": "pixel"
6374
6374
  },
@@ -6630,11 +6630,11 @@ var ddsStyles = {
6630
6630
  ]
6631
6631
  },
6632
6632
  "paragraphSpacing": {
6633
- "value": 7,
6633
+ "value": 14,
6634
6634
  "type": "number",
6635
6635
  "unit": "pixel",
6636
6636
  "original": {
6637
- "value": 7,
6637
+ "value": 14,
6638
6638
  "type": "number",
6639
6639
  "unit": "pixel"
6640
6640
  },
@@ -6894,11 +6894,11 @@ var ddsStyles = {
6894
6894
  ]
6895
6895
  },
6896
6896
  "paragraphSpacing": {
6897
- "value": 8,
6897
+ "value": 16,
6898
6898
  "type": "number",
6899
6899
  "unit": "pixel",
6900
6900
  "original": {
6901
- "value": 8,
6901
+ "value": 16,
6902
6902
  "type": "number",
6903
6903
  "unit": "pixel"
6904
6904
  },
@@ -7158,11 +7158,11 @@ var ddsStyles = {
7158
7158
  ]
7159
7159
  },
7160
7160
  "paragraphSpacing": {
7161
- "value": 10,
7161
+ "value": 18,
7162
7162
  "type": "number",
7163
7163
  "unit": "pixel",
7164
7164
  "original": {
7165
- "value": 10,
7165
+ "value": 18,
7166
7166
  "type": "number",
7167
7167
  "unit": "pixel"
7168
7168
  },
@@ -7422,11 +7422,11 @@ var ddsStyles = {
7422
7422
  ]
7423
7423
  },
7424
7424
  "paragraphSpacing": {
7425
- "value": 10,
7425
+ "value": 20,
7426
7426
  "type": "number",
7427
7427
  "unit": "pixel",
7428
7428
  "original": {
7429
- "value": 10,
7429
+ "value": 20,
7430
7430
  "type": "number",
7431
7431
  "unit": "pixel"
7432
7432
  },
@@ -7686,11 +7686,11 @@ var ddsStyles = {
7686
7686
  ]
7687
7687
  },
7688
7688
  "paragraphSpacing": {
7689
- "value": 7,
7689
+ "value": 14,
7690
7690
  "type": "number",
7691
7691
  "unit": "pixel",
7692
7692
  "original": {
7693
- "value": 7,
7693
+ "value": 14,
7694
7694
  "type": "number",
7695
7695
  "unit": "pixel"
7696
7696
  },
@@ -7950,11 +7950,11 @@ var ddsStyles = {
7950
7950
  ]
7951
7951
  },
7952
7952
  "paragraphSpacing": {
7953
- "value": 8,
7953
+ "value": 16,
7954
7954
  "type": "number",
7955
7955
  "unit": "pixel",
7956
7956
  "original": {
7957
- "value": 8,
7957
+ "value": 16,
7958
7958
  "type": "number",
7959
7959
  "unit": "pixel"
7960
7960
  },
@@ -8214,11 +8214,11 @@ var ddsStyles = {
8214
8214
  ]
8215
8215
  },
8216
8216
  "paragraphSpacing": {
8217
- "value": 10,
8217
+ "value": 18,
8218
8218
  "type": "number",
8219
8219
  "unit": "pixel",
8220
8220
  "original": {
8221
- "value": 10,
8221
+ "value": 18,
8222
8222
  "type": "number",
8223
8223
  "unit": "pixel"
8224
8224
  },
@@ -8478,11 +8478,11 @@ var ddsStyles = {
8478
8478
  ]
8479
8479
  },
8480
8480
  "paragraphSpacing": {
8481
- "value": 10,
8481
+ "value": 20,
8482
8482
  "type": "number",
8483
8483
  "unit": "pixel",
8484
8484
  "original": {
8485
- "value": 10,
8485
+ "value": 20,
8486
8486
  "type": "number",
8487
8487
  "unit": "pixel"
8488
8488
  },
@@ -8744,11 +8744,11 @@ var ddsStyles = {
8744
8744
  ]
8745
8745
  },
8746
8746
  "paragraphSpacing": {
8747
- "value": 9,
8747
+ "value": 18,
8748
8748
  "type": "number",
8749
8749
  "unit": "pixel",
8750
8750
  "original": {
8751
- "value": 9,
8751
+ "value": 18,
8752
8752
  "type": "number",
8753
8753
  "unit": "pixel"
8754
8754
  },
@@ -9008,11 +9008,11 @@ var ddsStyles = {
9008
9008
  ]
9009
9009
  },
9010
9010
  "paragraphSpacing": {
9011
- "value": 8,
9011
+ "value": 16,
9012
9012
  "type": "number",
9013
9013
  "unit": "pixel",
9014
9014
  "original": {
9015
- "value": 8,
9015
+ "value": 16,
9016
9016
  "type": "number",
9017
9017
  "unit": "pixel"
9018
9018
  },
@@ -9272,11 +9272,11 @@ var ddsStyles = {
9272
9272
  ]
9273
9273
  },
9274
9274
  "paragraphSpacing": {
9275
- "value": 8,
9275
+ "value": 16,
9276
9276
  "type": "number",
9277
9277
  "unit": "pixel",
9278
9278
  "original": {
9279
- "value": 8,
9279
+ "value": 16,
9280
9280
  "type": "number",
9281
9281
  "unit": "pixel"
9282
9282
  },
@@ -9536,11 +9536,11 @@ var ddsStyles = {
9536
9536
  ]
9537
9537
  },
9538
9538
  "paragraphSpacing": {
9539
- "value": 10,
9539
+ "value": 21,
9540
9540
  "type": "number",
9541
9541
  "unit": "pixel",
9542
9542
  "original": {
9543
- "value": 10,
9543
+ "value": 21,
9544
9544
  "type": "number",
9545
9545
  "unit": "pixel"
9546
9546
  },
@@ -9800,11 +9800,11 @@ var ddsStyles = {
9800
9800
  ]
9801
9801
  },
9802
9802
  "paragraphSpacing": {
9803
- "value": 13,
9803
+ "value": 26,
9804
9804
  "type": "number",
9805
9805
  "unit": "pixel",
9806
9806
  "original": {
9807
- "value": 13,
9807
+ "value": 26,
9808
9808
  "type": "number",
9809
9809
  "unit": "pixel"
9810
9810
  },
@@ -10066,11 +10066,11 @@ var ddsStyles = {
10066
10066
  ]
10067
10067
  },
10068
10068
  "paragraphSpacing": {
10069
- "value": 7,
10069
+ "value": 14,
10070
10070
  "type": "number",
10071
10071
  "unit": "pixel",
10072
10072
  "original": {
10073
- "value": 7,
10073
+ "value": 14,
10074
10074
  "type": "number",
10075
10075
  "unit": "pixel"
10076
10076
  },
@@ -10330,11 +10330,11 @@ var ddsStyles = {
10330
10330
  ]
10331
10331
  },
10332
10332
  "paragraphSpacing": {
10333
- "value": 7,
10333
+ "value": 14,
10334
10334
  "type": "number",
10335
10335
  "unit": "pixel",
10336
10336
  "original": {
10337
- "value": 7,
10337
+ "value": 14,
10338
10338
  "type": "number",
10339
10339
  "unit": "pixel"
10340
10340
  },
@@ -10594,11 +10594,11 @@ var ddsStyles = {
10594
10594
  ]
10595
10595
  },
10596
10596
  "paragraphSpacing": {
10597
- "value": 7,
10597
+ "value": 14,
10598
10598
  "type": "number",
10599
10599
  "unit": "pixel",
10600
10600
  "original": {
10601
- "value": 7,
10601
+ "value": 14,
10602
10602
  "type": "number",
10603
10603
  "unit": "pixel"
10604
10604
  },
@@ -10858,11 +10858,11 @@ var ddsStyles = {
10858
10858
  ]
10859
10859
  },
10860
10860
  "paragraphSpacing": {
10861
- "value": 9,
10861
+ "value": 18,
10862
10862
  "type": "number",
10863
10863
  "unit": "pixel",
10864
10864
  "original": {
10865
- "value": 9,
10865
+ "value": 18,
10866
10866
  "type": "number",
10867
10867
  "unit": "pixel"
10868
10868
  },
@@ -11122,11 +11122,11 @@ var ddsStyles = {
11122
11122
  ]
11123
11123
  },
11124
11124
  "paragraphSpacing": {
11125
- "value": 10,
11125
+ "value": 20,
11126
11126
  "type": "number",
11127
11127
  "unit": "pixel",
11128
11128
  "original": {
11129
- "value": 10,
11129
+ "value": 20,
11130
11130
  "type": "number",
11131
11131
  "unit": "pixel"
11132
11132
  },
@@ -11386,11 +11386,11 @@ var ddsStyles = {
11386
11386
  ]
11387
11387
  },
11388
11388
  "paragraphSpacing": {
11389
- "value": 7,
11389
+ "value": 18,
11390
11390
  "type": "number",
11391
11391
  "unit": "pixel",
11392
11392
  "original": {
11393
- "value": 7,
11393
+ "value": 18,
11394
11394
  "type": "number",
11395
11395
  "unit": "pixel"
11396
11396
  },
@@ -11650,11 +11650,11 @@ var ddsStyles = {
11650
11650
  ]
11651
11651
  },
11652
11652
  "paragraphSpacing": {
11653
- "value": 7,
11653
+ "value": 12,
11654
11654
  "type": "number",
11655
11655
  "unit": "pixel",
11656
11656
  "original": {
11657
- "value": 7,
11657
+ "value": 12,
11658
11658
  "type": "number",
11659
11659
  "unit": "pixel"
11660
11660
  },
@@ -11765,10 +11765,10 @@ var ddsBaseTokens = {
11765
11765
  fontPackages: fontPackages,
11766
11766
  };
11767
11767
 
11768
- var Colors$j = ddsBaseTokens.colors, FontPackages$g = ddsBaseTokens.fontPackages, BorderRadius$4 = ddsBaseTokens.borderRadius, Border$8 = ddsBaseTokens.border;
11768
+ var Colors$j = ddsBaseTokens.colors, FontPackages$h = ddsBaseTokens.fontPackages, BorderRadius$4 = ddsBaseTokens.borderRadius, Border$8 = ddsBaseTokens.border;
11769
11769
  var textDefault$8 = {
11770
11770
  textColor: Colors$j.DdsColorNeutralsGray9,
11771
- font: FontPackages$g.body_sans_02.base,
11771
+ font: FontPackages$h.body_sans_02.base,
11772
11772
  };
11773
11773
  var focus$1 = {
11774
11774
  colorDefault: Colors$j.DdsColorWarningDarker,
@@ -11786,7 +11786,7 @@ var ddsReferenceTokens = {
11786
11786
  borderWidth: Border$8.BordersDdsBorderStyle1StrokeWeight,
11787
11787
  borderColor: Colors$j.DdsColorNeutralsGray5,
11788
11788
  textColor: textDefault$8.textColor,
11789
- font: FontPackages$g.supportingStyle_inputtext_02.base,
11789
+ font: FontPackages$h.supportingStyle_inputtext_02.base,
11790
11790
  hover: {
11791
11791
  backgroundColor: Colors$j.DdsColorInteractiveLightest,
11792
11792
  borderColor: focus$1.color__TextInput,
@@ -11809,7 +11809,7 @@ var ddsReferenceTokens = {
11809
11809
  };
11810
11810
 
11811
11811
  var Colors$i = ddsBaseTokens.colors,
11812
- FontPackages$f = ddsBaseTokens.fontPackages,
11812
+ FontPackages$g = ddsBaseTokens.fontPackages,
11813
11813
  Spacing$o = ddsBaseTokens.spacing;
11814
11814
  var textDefault$7 = ddsReferenceTokens.textDefault;
11815
11815
  var textColors = {
@@ -11839,8 +11839,8 @@ var aBase = {
11839
11839
  width: 'fit-content'
11840
11840
  };
11841
11841
  var aMarginsBase = {
11842
- marginTop: FontPackages$f.body_sans_02.paragraph.paragraphSpacing,
11843
- marginBottom: FontPackages$f.body_sans_02.paragraph.paragraphSpacing
11842
+ marginTop: FontPackages$g.body_sans_02.paragraph.paragraphSpacing,
11843
+ marginBottom: FontPackages$g.body_sans_02.paragraph.paragraphSpacing
11844
11844
  };
11845
11845
  var aHoverBase = {
11846
11846
  color: Colors$i.DdsColorInteractiveDark
@@ -11852,7 +11852,7 @@ var aFocusBase = {
11852
11852
  outline: 'none'
11853
11853
  };
11854
11854
 
11855
- var aBoldBase = __assign(__assign({}, FontPackages$f.body_sans_02), {
11855
+ var aBoldBase = __assign(__assign({}, FontPackages$g.body_sans_02), {
11856
11856
  fontWeight: 600
11857
11857
  });
11858
11858
 
@@ -11868,268 +11868,268 @@ var italicBase = {
11868
11868
 
11869
11869
  var headingSans01Base = __assign({
11870
11870
  color: textDefault$7.textColor
11871
- }, FontPackages$f.heading_sans_01.base);
11871
+ }, FontPackages$g.heading_sans_01.base);
11872
11872
 
11873
11873
  var headingSans01MarginsBase = {
11874
- marginTop: FontPackages$f.heading_sans_01.paragraph.paragraphSpacing,
11875
- marginBottom: FontPackages$f.heading_sans_01.paragraph.paragraphSpacing
11874
+ marginTop: FontPackages$g.heading_sans_01.paragraph.paragraphSpacing,
11875
+ marginBottom: FontPackages$g.heading_sans_01.paragraph.paragraphSpacing
11876
11876
  };
11877
11877
 
11878
11878
  var headingSans02Base = __assign({
11879
11879
  color: textDefault$7.textColor
11880
- }, FontPackages$f.heading_sans_02.base);
11880
+ }, FontPackages$g.heading_sans_02.base);
11881
11881
 
11882
11882
  var headingSans02MarginsBase = {
11883
- marginTop: FontPackages$f.heading_sans_02.paragraph.paragraphSpacing,
11884
- marginBottom: FontPackages$f.heading_sans_02.paragraph.paragraphSpacing
11883
+ marginTop: FontPackages$g.heading_sans_02.paragraph.paragraphSpacing,
11884
+ marginBottom: FontPackages$g.heading_sans_02.paragraph.paragraphSpacing
11885
11885
  };
11886
11886
 
11887
11887
  var headingSans03Base = __assign({
11888
11888
  color: textDefault$7.textColor
11889
- }, FontPackages$f.heading_sans_03.base);
11889
+ }, FontPackages$g.heading_sans_03.base);
11890
11890
 
11891
11891
  var headingSans03MarginsBase = {
11892
- marginTop: FontPackages$f.heading_sans_03.paragraph.paragraphSpacing,
11893
- marginBottom: FontPackages$f.heading_sans_03.paragraph.paragraphSpacing
11892
+ marginTop: FontPackages$g.heading_sans_03.paragraph.paragraphSpacing,
11893
+ marginBottom: FontPackages$g.heading_sans_03.paragraph.paragraphSpacing
11894
11894
  };
11895
11895
 
11896
11896
  var headingSans04Base = __assign({
11897
11897
  color: textDefault$7.textColor
11898
- }, FontPackages$f.heading_sans_04.base);
11898
+ }, FontPackages$g.heading_sans_04.base);
11899
11899
 
11900
11900
  var headingSans04MarginsBase = {
11901
- marginTop: FontPackages$f.heading_sans_04.paragraph.paragraphSpacing,
11902
- marginBottom: FontPackages$f.heading_sans_04.paragraph.paragraphSpacing
11901
+ marginTop: FontPackages$g.heading_sans_04.paragraph.paragraphSpacing,
11902
+ marginBottom: FontPackages$g.heading_sans_04.paragraph.paragraphSpacing
11903
11903
  };
11904
11904
 
11905
11905
  var headingSans05Base = __assign({
11906
11906
  color: textDefault$7.textColor
11907
- }, FontPackages$f.heading_sans_05.base);
11907
+ }, FontPackages$g.heading_sans_05.base);
11908
11908
 
11909
11909
  var headingSans05MarginsBase = {
11910
- marginTop: FontPackages$f.heading_sans_05.paragraph.paragraphSpacing,
11911
- marginBottom: FontPackages$f.heading_sans_05.paragraph.paragraphSpacing
11910
+ marginTop: FontPackages$g.heading_sans_05.paragraph.paragraphSpacing,
11911
+ marginBottom: FontPackages$g.heading_sans_05.paragraph.paragraphSpacing
11912
11912
  };
11913
11913
 
11914
11914
  var headingSans06Base = __assign({
11915
11915
  color: textDefault$7.textColor
11916
- }, FontPackages$f.heading_sans_06.base);
11916
+ }, FontPackages$g.heading_sans_06.base);
11917
11917
 
11918
11918
  var headingSans06MarginsBase = {
11919
- marginTop: FontPackages$f.heading_sans_06.paragraph.paragraphSpacing,
11920
- marginBottom: FontPackages$f.heading_sans_06.paragraph.paragraphSpacing
11919
+ marginTop: FontPackages$g.heading_sans_06.paragraph.paragraphSpacing,
11920
+ marginBottom: FontPackages$g.heading_sans_06.paragraph.paragraphSpacing
11921
11921
  };
11922
11922
 
11923
11923
  var headingSans07Base = __assign({
11924
11924
  color: textDefault$7.textColor
11925
- }, FontPackages$f.heading_sans_07.base);
11925
+ }, FontPackages$g.heading_sans_07.base);
11926
11926
 
11927
11927
  var headingSans07MarginsBase = {
11928
- marginTop: FontPackages$f.heading_sans_07.paragraph.paragraphSpacing,
11929
- marginBottom: FontPackages$f.heading_sans_07.paragraph.paragraphSpacing
11928
+ marginTop: FontPackages$g.heading_sans_07.paragraph.paragraphSpacing,
11929
+ marginBottom: FontPackages$g.heading_sans_07.paragraph.paragraphSpacing
11930
11930
  };
11931
11931
 
11932
11932
  var headingSans08Base = __assign({
11933
11933
  color: textDefault$7.textColor
11934
- }, FontPackages$f.heading_sans_08.base);
11934
+ }, FontPackages$g.heading_sans_08.base);
11935
11935
 
11936
11936
  var headingSans08MarginsBase = {
11937
- marginTop: FontPackages$f.heading_sans_08.paragraph.paragraphSpacing,
11938
- marginBottom: FontPackages$f.heading_sans_08.paragraph.paragraphSpacing
11937
+ marginTop: FontPackages$g.heading_sans_08.paragraph.paragraphSpacing,
11938
+ marginBottom: FontPackages$g.heading_sans_08.paragraph.paragraphSpacing
11939
11939
  };
11940
11940
 
11941
11941
  var bodySans01Base$1 = __assign({
11942
11942
  color: textDefault$7.textColor
11943
- }, FontPackages$f.body_sans_01.base);
11943
+ }, FontPackages$g.body_sans_01.base);
11944
11944
 
11945
11945
  var bodySans01MarginsBase = {
11946
- marginTop: FontPackages$f.body_sans_01.paragraph.paragraphSpacing,
11947
- marginBottom: FontPackages$f.body_sans_01.paragraph.paragraphSpacing
11946
+ marginTop: FontPackages$g.body_sans_01.paragraph.paragraphSpacing,
11947
+ marginBottom: FontPackages$g.body_sans_01.paragraph.paragraphSpacing
11948
11948
  };
11949
11949
 
11950
11950
  var bodySans02Base$1 = __assign({
11951
11951
  color: textDefault$7.textColor
11952
- }, FontPackages$f.body_sans_02.base);
11952
+ }, FontPackages$g.body_sans_02.base);
11953
11953
 
11954
11954
  var bodySans02MarginsBase = {
11955
- marginTop: FontPackages$f.body_sans_02.paragraph.paragraphSpacing,
11956
- marginBottom: FontPackages$f.body_sans_02.paragraph.paragraphSpacing
11955
+ marginTop: FontPackages$g.body_sans_02.paragraph.paragraphSpacing,
11956
+ marginBottom: FontPackages$g.body_sans_02.paragraph.paragraphSpacing
11957
11957
  };
11958
11958
 
11959
11959
  var bodySans03Base$1 = __assign({
11960
11960
  color: textDefault$7.textColor
11961
- }, FontPackages$f.body_sans_03.base);
11961
+ }, FontPackages$g.body_sans_03.base);
11962
11962
 
11963
11963
  var bodySans03MarginsBase = {
11964
- marginTop: FontPackages$f.body_sans_03.paragraph.paragraphSpacing,
11965
- marginBottom: FontPackages$f.body_sans_03.paragraph.paragraphSpacing
11964
+ marginTop: FontPackages$g.body_sans_03.paragraph.paragraphSpacing,
11965
+ marginBottom: FontPackages$g.body_sans_03.paragraph.paragraphSpacing
11966
11966
  };
11967
11967
 
11968
11968
  var bodySans04Base$1 = __assign({
11969
11969
  color: textDefault$7.textColor
11970
- }, FontPackages$f.body_sans_04.base);
11970
+ }, FontPackages$g.body_sans_04.base);
11971
11971
 
11972
11972
  var bodySans04MarginsBase = {
11973
- marginTop: FontPackages$f.body_sans_04.paragraph.paragraphSpacing,
11974
- marginBottom: FontPackages$f.body_sans_04.paragraph.paragraphSpacing
11973
+ marginTop: FontPackages$g.body_sans_04.paragraph.paragraphSpacing,
11974
+ marginBottom: FontPackages$g.body_sans_04.paragraph.paragraphSpacing
11975
11975
  };
11976
11976
 
11977
11977
  var bodySerif01Base$1 = __assign({
11978
11978
  color: textDefault$7.textColor
11979
- }, FontPackages$f.body_serif_01.base);
11979
+ }, FontPackages$g.body_serif_01.base);
11980
11980
 
11981
11981
  var bodySerif01MarginsBase = {
11982
- marginTop: FontPackages$f.body_serif_01.paragraph.paragraphSpacing,
11983
- marginBottom: FontPackages$f.body_serif_01.paragraph.paragraphSpacing
11982
+ marginTop: FontPackages$g.body_serif_01.paragraph.paragraphSpacing,
11983
+ marginBottom: FontPackages$g.body_serif_01.paragraph.paragraphSpacing
11984
11984
  };
11985
11985
 
11986
11986
  var bodySerif02Base$1 = __assign({
11987
11987
  color: textDefault$7.textColor
11988
- }, FontPackages$f.body_serif_02.base);
11988
+ }, FontPackages$g.body_serif_02.base);
11989
11989
 
11990
11990
  var bodySerif02MarginsBase = {
11991
- marginTop: FontPackages$f.body_serif_02.paragraph.paragraphSpacing,
11992
- marginBottom: FontPackages$f.body_serif_02.paragraph.paragraphSpacing
11991
+ marginTop: FontPackages$g.body_serif_02.paragraph.paragraphSpacing,
11992
+ marginBottom: FontPackages$g.body_serif_02.paragraph.paragraphSpacing
11993
11993
  };
11994
11994
 
11995
11995
  var bodySerif03Base$1 = __assign({
11996
11996
  color: textDefault$7.textColor
11997
- }, FontPackages$f.body_serif_03.base);
11997
+ }, FontPackages$g.body_serif_03.base);
11998
11998
 
11999
11999
  var bodySerif03MarginsBase = {
12000
- marginTop: FontPackages$f.body_serif_03.paragraph.paragraphSpacing,
12001
- marginBottom: FontPackages$f.body_serif_03.paragraph.paragraphSpacing
12000
+ marginTop: FontPackages$g.body_serif_03.paragraph.paragraphSpacing,
12001
+ marginBottom: FontPackages$g.body_serif_03.paragraph.paragraphSpacing
12002
12002
  };
12003
12003
 
12004
12004
  var bodySerif04Base$1 = __assign({
12005
12005
  color: textDefault$7.textColor
12006
- }, FontPackages$f.body_serif_04.base);
12006
+ }, FontPackages$g.body_serif_04.base);
12007
12007
 
12008
12008
  var bodySerif04MarginsBase = {
12009
- marginTop: FontPackages$f.body_serif_04.paragraph.paragraphSpacing,
12010
- marginBottom: FontPackages$f.body_serif_04.paragraph.paragraphSpacing
12009
+ marginTop: FontPackages$g.body_serif_04.paragraph.paragraphSpacing,
12010
+ marginBottom: FontPackages$g.body_serif_04.paragraph.paragraphSpacing
12011
12011
  };
12012
12012
 
12013
12013
  var leadSans01Base = __assign({
12014
12014
  color: textDefault$7.textColor
12015
- }, FontPackages$f.lead_sans_01.base);
12015
+ }, FontPackages$g.lead_sans_01.base);
12016
12016
 
12017
12017
  var leadSans01MarginsBase = {
12018
- marginTop: FontPackages$f.lead_sans_01.paragraph.paragraphSpacing,
12019
- marginBottom: FontPackages$f.lead_sans_01.paragraph.paragraphSpacing
12018
+ marginTop: FontPackages$g.lead_sans_01.paragraph.paragraphSpacing,
12019
+ marginBottom: FontPackages$g.lead_sans_01.paragraph.paragraphSpacing
12020
12020
  };
12021
12021
 
12022
12022
  var leadSans02Base = __assign({
12023
12023
  color: textDefault$7.textColor
12024
- }, FontPackages$f.lead_sans_02.base);
12024
+ }, FontPackages$g.lead_sans_02.base);
12025
12025
 
12026
12026
  var leadSans02MarginsBase = {
12027
- marginTop: FontPackages$f.lead_sans_02.paragraph.paragraphSpacing,
12028
- marginBottom: FontPackages$f.lead_sans_02.paragraph.paragraphSpacing
12027
+ marginTop: FontPackages$g.lead_sans_02.paragraph.paragraphSpacing,
12028
+ marginBottom: FontPackages$g.lead_sans_02.paragraph.paragraphSpacing
12029
12029
  };
12030
12030
 
12031
12031
  var leadSans03Base = __assign({
12032
12032
  color: textDefault$7.textColor
12033
- }, FontPackages$f.lead_sans_03.base);
12033
+ }, FontPackages$g.lead_sans_03.base);
12034
12034
 
12035
12035
  var leadSans03MarginsBase = {
12036
- marginTop: FontPackages$f.lead_sans_03.paragraph.paragraphSpacing,
12037
- marginBottom: FontPackages$f.lead_sans_03.paragraph.paragraphSpacing
12036
+ marginTop: FontPackages$g.lead_sans_03.paragraph.paragraphSpacing,
12037
+ marginBottom: FontPackages$g.lead_sans_03.paragraph.paragraphSpacing
12038
12038
  };
12039
12039
 
12040
12040
  var leadSans04Base = __assign({
12041
12041
  color: textDefault$7.textColor
12042
- }, FontPackages$f.lead_sans_04.base);
12042
+ }, FontPackages$g.lead_sans_04.base);
12043
12043
 
12044
12044
  var leadSans04MarginsBase = {
12045
- marginTop: FontPackages$f.lead_sans_04.paragraph.paragraphSpacing,
12046
- marginBottom: FontPackages$f.lead_sans_04.paragraph.paragraphSpacing
12045
+ marginTop: FontPackages$g.lead_sans_04.paragraph.paragraphSpacing,
12046
+ marginBottom: FontPackages$g.lead_sans_04.paragraph.paragraphSpacing
12047
12047
  };
12048
12048
 
12049
12049
  var leadSans05Base = __assign({
12050
12050
  color: textDefault$7.textColor
12051
- }, FontPackages$f.lead_sans_05.base);
12051
+ }, FontPackages$g.lead_sans_05.base);
12052
12052
 
12053
12053
  var leadSans05MarginsBase = {
12054
- marginTop: FontPackages$f.lead_sans_05.paragraph.paragraphSpacing,
12055
- marginBottom: FontPackages$f.lead_sans_05.paragraph.paragraphSpacing
12054
+ marginTop: FontPackages$g.lead_sans_05.paragraph.paragraphSpacing,
12055
+ marginBottom: FontPackages$g.lead_sans_05.paragraph.paragraphSpacing
12056
12056
  };
12057
12057
 
12058
12058
  var supportingStyleLabel01Base = __assign(__assign({
12059
12059
  color: Colors$i.DdsColorNeutralsGray7
12060
- }, FontPackages$f.supportingStyle_label_01.base), {
12060
+ }, FontPackages$g.supportingStyle_label_01.base), {
12061
12061
  margin: 0
12062
12062
  });
12063
12063
 
12064
12064
  var supportingStyleLabel01MarginsBase = {
12065
- marginTop: FontPackages$f.supportingStyle_label_01.paragraph.paragraphSpacing,
12066
- marginBottom: FontPackages$f.supportingStyle_label_01.paragraph.paragraphSpacing
12065
+ marginTop: FontPackages$g.supportingStyle_label_01.paragraph.paragraphSpacing,
12066
+ marginBottom: FontPackages$g.supportingStyle_label_01.paragraph.paragraphSpacing
12067
12067
  };
12068
12068
 
12069
12069
  var supportingStyleHelperText01Base = __assign(__assign({
12070
12070
  color: Colors$i.DdsColorNeutralsGray6
12071
- }, FontPackages$f.supportingStyle_helpertext_01.base), {
12071
+ }, FontPackages$g.supportingStyle_helpertext_01.base), {
12072
12072
  margin: 0
12073
12073
  });
12074
12074
 
12075
12075
  var supportingStyleHelperText01MarginsBase = {
12076
- marginTop: FontPackages$f.supportingStyle_helpertext_01.paragraph.paragraphSpacing,
12077
- marginBottom: FontPackages$f.supportingStyle_helpertext_01.paragraph.paragraphSpacing
12076
+ marginTop: FontPackages$g.supportingStyle_helpertext_01.paragraph.paragraphSpacing,
12077
+ marginBottom: FontPackages$g.supportingStyle_helpertext_01.paragraph.paragraphSpacing
12078
12078
  };
12079
12079
 
12080
12080
  var supportingStyleInputText01Base = __assign(__assign({
12081
12081
  color: textDefault$7.textColor
12082
- }, FontPackages$f.supportingStyle_inputtext_01.base), {
12082
+ }, FontPackages$g.supportingStyle_inputtext_01.base), {
12083
12083
  margin: 0
12084
12084
  });
12085
12085
 
12086
12086
  var supportingStyleInputText01MarginsBase = {
12087
- marginTop: FontPackages$f.supportingStyle_inputtext_01.paragraph.paragraphSpacing,
12088
- marginBottom: FontPackages$f.supportingStyle_inputtext_01.paragraph.paragraphSpacing
12087
+ marginTop: FontPackages$g.supportingStyle_inputtext_01.paragraph.paragraphSpacing,
12088
+ marginBottom: FontPackages$g.supportingStyle_inputtext_01.paragraph.paragraphSpacing
12089
12089
  };
12090
12090
 
12091
12091
  var supportingStyleInputText02Base = __assign(__assign({
12092
12092
  color: textDefault$7.textColor
12093
- }, FontPackages$f.supportingStyle_inputtext_02.base), {
12093
+ }, FontPackages$g.supportingStyle_inputtext_02.base), {
12094
12094
  margin: 0
12095
12095
  });
12096
12096
 
12097
12097
  var supportingStyleInputText02MarginsBase = {
12098
- marginTop: FontPackages$f.supportingStyle_inputtext_02.paragraph.paragraphSpacing,
12099
- marginBottom: FontPackages$f.supportingStyle_inputtext_02.paragraph.paragraphSpacing
12098
+ marginTop: FontPackages$g.supportingStyle_inputtext_02.paragraph.paragraphSpacing,
12099
+ marginBottom: FontPackages$g.supportingStyle_inputtext_02.paragraph.paragraphSpacing
12100
12100
  };
12101
12101
 
12102
12102
  var supportingStyleInputText03Base = __assign(__assign({
12103
12103
  color: textDefault$7.textColor
12104
- }, FontPackages$f.supportingStyle_inputtext_03.base), {
12104
+ }, FontPackages$g.supportingStyle_inputtext_03.base), {
12105
12105
  margin: 0
12106
12106
  });
12107
12107
 
12108
12108
  var supportingStyleInputText03MarginsBase = {
12109
- marginTop: FontPackages$f.supportingStyle_inputtext_03.paragraph.paragraphSpacing,
12110
- marginBottom: FontPackages$f.supportingStyle_inputtext_03.paragraph.paragraphSpacing
12109
+ marginTop: FontPackages$g.supportingStyle_inputtext_03.paragraph.paragraphSpacing,
12110
+ marginBottom: FontPackages$g.supportingStyle_inputtext_03.paragraph.paragraphSpacing
12111
12111
  };
12112
12112
 
12113
12113
  var supportingStylePlaceholderText01Base = __assign(__assign({
12114
12114
  color: Colors$i.DdsColorNeutralsGray6
12115
- }, FontPackages$f.supportingStyle_placeholdertext_01.base), {
12115
+ }, FontPackages$g.supportingStyle_placeholdertext_01.base), {
12116
12116
  margin: 0
12117
12117
  });
12118
12118
 
12119
12119
  var supportingStylePlaceholderText01MarginsBase = {
12120
- marginTop: FontPackages$f.supportingStyle_placeholdertext_01.paragraph.paragraphSpacing,
12121
- marginBottom: FontPackages$f.supportingStyle_placeholdertext_01.paragraph.paragraphSpacing
12120
+ marginTop: FontPackages$g.supportingStyle_placeholdertext_01.paragraph.paragraphSpacing,
12121
+ marginBottom: FontPackages$g.supportingStyle_placeholdertext_01.paragraph.paragraphSpacing
12122
12122
  };
12123
12123
 
12124
12124
  var supportingStyleTiny01Base = __assign(__assign({
12125
12125
  color: textDefault$7.textColor
12126
- }, FontPackages$f.supportingStyle_tiny_01.base), {
12126
+ }, FontPackages$g.supportingStyle_tiny_01.base), {
12127
12127
  margin: 0
12128
12128
  });
12129
12129
 
12130
12130
  var supportingStyleTiny01MarginsBase = {
12131
- marginTop: FontPackages$f.supportingStyle_tiny_01.paragraph.paragraphSpacing,
12132
- marginBottom: FontPackages$f.supportingStyle_tiny_01.paragraph.paragraphSpacing
12131
+ marginTop: FontPackages$g.supportingStyle_tiny_01.paragraph.paragraphSpacing,
12132
+ marginBottom: FontPackages$g.supportingStyle_tiny_01.paragraph.paragraphSpacing
12133
12133
  };
12134
12134
  var selectionBase = {
12135
12135
  color: textDefault$7.textColor,
@@ -19990,13 +19990,13 @@ var StyledTypography = styled.p.withConfig({
19990
19990
  return color && Ae(templateObject_9$6 || (templateObject_9$6 = __makeTemplateObject(["\n color: ", ";\n "], ["\n color: ", ";\n "])), getTextColor(color));
19991
19991
  }, function (_a) {
19992
19992
  var bold = _a.bold;
19993
- return bold && Ae(templateObject_10$4 || (templateObject_10$4 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), typographyTokens.style.bold.base);
19993
+ return bold && Ae(templateObject_10$5 || (templateObject_10$5 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), typographyTokens.style.bold.base);
19994
19994
  }, function (_a) {
19995
19995
  var italic = _a.italic;
19996
- return italic && Ae(templateObject_11$3 || (templateObject_11$3 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), typographyTokens.style.italic.base);
19996
+ return italic && Ae(templateObject_11$4 || (templateObject_11$4 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), typographyTokens.style.italic.base);
19997
19997
  }, function (_a) {
19998
19998
  var underline = _a.underline;
19999
- return underline && Ae(templateObject_12$2 || (templateObject_12$2 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), typographyTokens.style.underline.base);
19999
+ return underline && Ae(templateObject_12$3 || (templateObject_12$3 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), typographyTokens.style.underline.base);
20000
20000
  });
20001
20001
  var Typography = /*#__PURE__*/React.forwardRef(function (_a, ref) {
20002
20002
  var _b = _a.typographyType,
@@ -20025,7 +20025,7 @@ var Typography = /*#__PURE__*/React.forwardRef(function (_a, ref) {
20025
20025
  }, void 0) : '']
20026
20026
  }), void 0);
20027
20027
  });
20028
- var templateObject_1$D, templateObject_2$s, templateObject_3$k, templateObject_4$g, templateObject_5$d, templateObject_6$c, templateObject_7$9, templateObject_8$6, templateObject_9$6, templateObject_10$4, templateObject_11$3, templateObject_12$2, templateObject_13$2;
20028
+ var templateObject_1$D, templateObject_2$s, templateObject_3$k, templateObject_4$g, templateObject_5$d, templateObject_6$c, templateObject_7$9, templateObject_8$6, templateObject_9$6, templateObject_10$5, templateObject_11$4, templateObject_12$3, templateObject_13$2;
20029
20029
 
20030
20030
  var RadioButtonGroupContext = /*#__PURE__*/React__default['default'].createContext(null);
20031
20031
  var useRadioButtonGroup = function useRadioButtonGroup() {
@@ -20035,13 +20035,13 @@ var useRadioButtonGroup = function useRadioButtonGroup() {
20035
20035
  var Colors$h = ddsBaseTokens.colors,
20036
20036
  Border$7 = ddsBaseTokens.border,
20037
20037
  Spacing$n = ddsBaseTokens.spacing,
20038
- FontPackages$e = ddsBaseTokens.fontPackages;
20038
+ FontPackages$f = ddsBaseTokens.fontPackages;
20039
20039
  var radioButtonBase = {
20040
20040
  border: '1px solid',
20041
20041
  borderColor: Colors$h.DdsColorNeutralsGray5,
20042
20042
  backgroundColor: Colors$h.DdsColorNeutralsWhite,
20043
- height: FontPackages$e.supportingStyle_inputtext_02.numbers.fontSizeNumber,
20044
- width: FontPackages$e.supportingStyle_inputtext_02.numbers.fontSizeNumber
20043
+ height: FontPackages$f.supportingStyle_inputtext_02.numbers.fontSizeNumber,
20044
+ width: FontPackages$f.supportingStyle_inputtext_02.numbers.fontSizeNumber
20045
20045
  };
20046
20046
  var radioButtonHoverBase = {
20047
20047
  border: '2px solid',
@@ -20438,15 +20438,15 @@ var templateObject_1$z, templateObject_2$p, templateObject_3$i;
20438
20438
  var Colors$f = ddsBaseTokens.colors,
20439
20439
  Border$6 = ddsBaseTokens.border,
20440
20440
  Spacing$k = ddsBaseTokens.spacing,
20441
- FontPackages$d = ddsBaseTokens.fontPackages,
20441
+ FontPackages$e = ddsBaseTokens.fontPackages,
20442
20442
  BorderRadius$3 = ddsBaseTokens.borderRadius;
20443
20443
  var checkboxBase = {
20444
20444
  border: '1px solid',
20445
20445
  backgroundColor: Colors$f.DdsColorNeutralsWhite,
20446
20446
  borderColor: Colors$f.DdsColorNeutralsGray5,
20447
20447
  borderRadius: BorderRadius$3.RadiiDdsBorderRadius1Radius,
20448
- height: FontPackages$d.supportingStyle_inputtext_02.base.fontSize,
20449
- width: FontPackages$d.supportingStyle_inputtext_02.base.fontSize
20448
+ height: FontPackages$e.supportingStyle_inputtext_02.base.fontSize,
20449
+ width: FontPackages$e.supportingStyle_inputtext_02.base.fontSize
20450
20450
  };
20451
20451
  var checkboxCheckedBase = {
20452
20452
  border: '2px solid',
@@ -20502,14 +20502,14 @@ var checkmarkIndeterminateBase = {
20502
20502
  borderWidth: '1px 0 0 0'
20503
20503
  };
20504
20504
 
20505
- var containerBase$3 = __assign({}, FontPackages$d.body_sans_02.base);
20505
+ var containerBase$3 = __assign({}, FontPackages$e.body_sans_02.base);
20506
20506
 
20507
- var containerWithLabelBase$1 = __assign(__assign({}, FontPackages$d.body_sans_02.base), {
20507
+ var containerWithLabelBase = __assign(__assign({}, FontPackages$e.body_sans_02.base), {
20508
20508
  marginRight: Spacing$k.SizesDdsSpacingLocalX075,
20509
- padding: "0 " + Spacing$k.SizesDdsSpacingLocalX025 + " 0 " + (FontPackages$d.supportingStyle_inputtext_02.numbers.fontSizeNumber + Spacing$k.SizesDdsSpacingLocalX075NumberPx) + "px"
20509
+ padding: "0 " + Spacing$k.SizesDdsSpacingLocalX025 + " 0 " + (FontPackages$e.supportingStyle_inputtext_02.numbers.fontSizeNumber + Spacing$k.SizesDdsSpacingLocalX075NumberPx) + "px"
20510
20510
  });
20511
20511
 
20512
- var containerNoLabelBase$1 = {
20512
+ var containerNoLabelBase = {
20513
20513
  padding: Spacing$k.SizesDdsSpacingLocalX075 + " " + Spacing$k.SizesDdsSpacingLocalX0125 + " " + Spacing$k.SizesDdsSpacingLocalX075 + " " + Spacing$k.SizesDdsSpacingLocalX15
20514
20514
  };
20515
20515
  var checkboxTokens = {
@@ -20570,10 +20570,10 @@ var checkboxTokens = {
20570
20570
  width: Border$6.BordersDdsBorderStyle1StrokeWeight
20571
20571
  },
20572
20572
  withLabel: {
20573
- base: containerWithLabelBase$1
20573
+ base: containerWithLabelBase
20574
20574
  },
20575
20575
  noLabel: {
20576
- base: containerNoLabelBase$1
20576
+ base: containerNoLabelBase
20577
20577
  }
20578
20578
  }
20579
20579
  };
@@ -20611,12 +20611,12 @@ var Container$7 = styled.label.withConfig({
20611
20611
  }, function (_a) {
20612
20612
  var readOnly = _a.readOnly,
20613
20613
  indeterminate = _a.indeterminate;
20614
- return readOnly && Ae(templateObject_10$3 || (templateObject_10$3 = __makeTemplateObject(["\n cursor: default;\n input ~ ", " {\n ", "\n }\n input:checked ~ ", " {\n ", "\n }\n ", "\n "], ["\n cursor: default;\n input ~ ", " {\n ", "\n }\n input:checked ~ ", " {\n ", "\n }\n ", "\n "])), CustomCheckbox, checkboxTokens.checkbox.readOnly.base, CustomCheckbox, checkboxTokens.checkbox.checked.readOnly.base, indeterminate && Ae(templateObject_9$5 || (templateObject_9$5 = __makeTemplateObject(["\n input ~ ", " {\n ", "\n }\n "], ["\n input ~ ", " {\n ", "\n }\n "])), CustomCheckbox, checkboxTokens.checkbox.indeterminate.readOnly.base));
20614
+ return readOnly && Ae(templateObject_10$4 || (templateObject_10$4 = __makeTemplateObject(["\n cursor: default;\n input ~ ", " {\n ", "\n }\n input:checked ~ ", " {\n ", "\n }\n ", "\n "], ["\n cursor: default;\n input ~ ", " {\n ", "\n }\n input:checked ~ ", " {\n ", "\n }\n ", "\n "])), CustomCheckbox, checkboxTokens.checkbox.readOnly.base, CustomCheckbox, checkboxTokens.checkbox.checked.readOnly.base, indeterminate && Ae(templateObject_9$5 || (templateObject_9$5 = __makeTemplateObject(["\n input ~ ", " {\n ", "\n }\n "], ["\n input ~ ", " {\n ", "\n }\n "])), CustomCheckbox, checkboxTokens.checkbox.indeterminate.readOnly.base));
20615
20615
  }, CustomCheckbox, checkboxTokens.checkmark.color, function (_a) {
20616
20616
  var indeterminate = _a.indeterminate;
20617
- return indeterminate ? Ae(templateObject_11$2 || (templateObject_11$2 = __makeTemplateObject(["\n left: 25%;\n top: 50%;\n width: 50%;\n height: 1px;\n ", "\n "], ["\n left: 25%;\n top: 50%;\n width: 50%;\n height: 1px;\n ", "\n "])), checkboxTokens.checkmark.indeterminate.base) : Ae(templateObject_12$1 || (templateObject_12$1 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), checkboxTokens.checkmark.base);
20617
+ return indeterminate ? Ae(templateObject_11$3 || (templateObject_11$3 = __makeTemplateObject(["\n left: 25%;\n top: 50%;\n width: 50%;\n height: 1px;\n ", "\n "], ["\n left: 25%;\n top: 50%;\n width: 50%;\n height: 1px;\n ", "\n "])), checkboxTokens.checkmark.indeterminate.base) : Ae(templateObject_12$2 || (templateObject_12$2 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), checkboxTokens.checkmark.base);
20618
20618
  });
20619
- var templateObject_1$y, templateObject_2$o, templateObject_3$h, templateObject_4$e, templateObject_5$b, templateObject_6$a, templateObject_7$8, templateObject_8$5, templateObject_9$5, templateObject_10$3, templateObject_11$2, templateObject_12$1, templateObject_13$1;
20619
+ var templateObject_1$y, templateObject_2$o, templateObject_3$h, templateObject_4$e, templateObject_5$b, templateObject_6$a, templateObject_7$8, templateObject_8$5, templateObject_9$5, templateObject_10$4, templateObject_11$3, templateObject_12$2, templateObject_13$1;
20620
20620
 
20621
20621
  var nextUniqueId$5 = 0;
20622
20622
  var Checkbox = /*#__PURE__*/React.forwardRef(function (_a, ref) {
@@ -20731,47 +20731,47 @@ var calculateHeightWithLineHeight = function calculateHeightWithLineHeight(lineH
20731
20731
  var Colors$e = ddsBaseTokens.colors,
20732
20732
  Border$5 = ddsBaseTokens.border,
20733
20733
  Spacing$i = ddsBaseTokens.spacing,
20734
- FontPackages$c = ddsBaseTokens.fontPackages,
20734
+ FontPackages$d = ddsBaseTokens.fontPackages,
20735
20735
  BorderRadius$2 = ddsBaseTokens.borderRadius,
20736
20736
  OuterShadow$1 = ddsBaseTokens.outerShadow;
20737
20737
  var focus = ddsReferenceTokens.focus;
20738
20738
 
20739
- var justIconSmallBase = __assign(__assign({}, FontPackages$c.supportingStyle_inputtext_02.base), {
20739
+ var justIconSmallBase = __assign(__assign({}, FontPackages$d.supportingStyle_inputtext_02.base), {
20740
20740
  padding: Spacing$i.SizesDdsSpacingLocalX05
20741
20741
  });
20742
20742
 
20743
20743
  var justIconWrapperSmallBase = {
20744
- height: calculateHeightWithLineHeight(FontPackages$c.body_sans_01.numbers.lineHeightNumber, FontPackages$c.body_sans_01.numbers.fontSizeNumber) + "px",
20745
- width: calculateHeightWithLineHeight(FontPackages$c.body_sans_01.numbers.lineHeightNumber, FontPackages$c.body_sans_01.numbers.fontSizeNumber) + "px"
20744
+ height: calculateHeightWithLineHeight(FontPackages$d.body_sans_01.numbers.lineHeightNumber, FontPackages$d.body_sans_01.numbers.fontSizeNumber) + "px",
20745
+ width: calculateHeightWithLineHeight(FontPackages$d.body_sans_01.numbers.lineHeightNumber, FontPackages$d.body_sans_01.numbers.fontSizeNumber) + "px"
20746
20746
  };
20747
20747
 
20748
- var textSmallBase = __assign(__assign({}, FontPackages$c.body_sans_01.base), {
20748
+ var textSmallBase = __assign(__assign({}, FontPackages$d.body_sans_01.base), {
20749
20749
  padding: Spacing$i.SizesDdsSpacingLocalX05 + " " + (Spacing$i.SizesDdsSpacingLocalX1NumberPx - 2) + "px"
20750
20750
  });
20751
20751
 
20752
- var justIconMediumBase = __assign(__assign({}, FontPackages$c.heading_sans_03.base), {
20752
+ var justIconMediumBase = __assign(__assign({}, FontPackages$d.heading_sans_03.base), {
20753
20753
  padding: Spacing$i.SizesDdsSpacingLocalX075
20754
20754
  });
20755
20755
 
20756
20756
  var justIconWrapperMediumBase = {
20757
- height: calculateHeightWithLineHeight(FontPackages$c.body_sans_02.numbers.lineHeightNumber, FontPackages$c.body_sans_02.numbers.fontSizeNumber) + "px",
20758
- width: calculateHeightWithLineHeight(FontPackages$c.body_sans_02.numbers.lineHeightNumber, FontPackages$c.body_sans_02.numbers.fontSizeNumber) + "px"
20757
+ height: calculateHeightWithLineHeight(FontPackages$d.body_sans_02.numbers.lineHeightNumber, FontPackages$d.body_sans_02.numbers.fontSizeNumber) + "px",
20758
+ width: calculateHeightWithLineHeight(FontPackages$d.body_sans_02.numbers.lineHeightNumber, FontPackages$d.body_sans_02.numbers.fontSizeNumber) + "px"
20759
20759
  };
20760
20760
 
20761
- var textMediumBase = __assign(__assign({}, FontPackages$c.body_sans_02.base), {
20761
+ var textMediumBase = __assign(__assign({}, FontPackages$d.body_sans_02.base), {
20762
20762
  padding: Spacing$i.SizesDdsSpacingLocalX075 + " " + (Spacing$i.SizesDdsSpacingLocalX15NumberPx - 2) + "px"
20763
20763
  });
20764
20764
 
20765
- var justIconLargeBase = __assign(__assign({}, FontPackages$c.heading_sans_04.base), {
20765
+ var justIconLargeBase = __assign(__assign({}, FontPackages$d.heading_sans_04.base), {
20766
20766
  padding: Spacing$i.SizesDdsSpacingLocalX1
20767
20767
  });
20768
20768
 
20769
20769
  var justIconWrapperLargeBase = {
20770
- height: calculateHeightWithLineHeight(FontPackages$c.supportingStyle_inputtext_03.numbers.lineHeightNumber, FontPackages$c.supportingStyle_inputtext_03.numbers.fontSizeNumber) + "px",
20771
- width: calculateHeightWithLineHeight(FontPackages$c.supportingStyle_inputtext_03.numbers.lineHeightNumber, FontPackages$c.supportingStyle_inputtext_03.numbers.fontSizeNumber) + "px"
20770
+ height: calculateHeightWithLineHeight(FontPackages$d.supportingStyle_inputtext_03.numbers.lineHeightNumber, FontPackages$d.supportingStyle_inputtext_03.numbers.fontSizeNumber) + "px",
20771
+ width: calculateHeightWithLineHeight(FontPackages$d.supportingStyle_inputtext_03.numbers.lineHeightNumber, FontPackages$d.supportingStyle_inputtext_03.numbers.fontSizeNumber) + "px"
20772
20772
  };
20773
20773
 
20774
- var textLargeBase = __assign(__assign({}, FontPackages$c.supportingStyle_inputtext_03.base), {
20774
+ var textLargeBase = __assign(__assign({}, FontPackages$d.supportingStyle_inputtext_03.base), {
20775
20775
  padding: Spacing$i.SizesDdsSpacingLocalX1 + " " + (Spacing$i.SizesDdsSpacingLocalX2NumberPx - 2) + "px"
20776
20776
  });
20777
20777
 
@@ -21286,7 +21286,7 @@ var ButtonWrapper$1 = styled.button.withConfig({
21286
21286
  var IconWithTextWrapper = styled(IconWrapper$1).withConfig({
21287
21287
  displayName: "Buttonstyles__IconWithTextWrapper",
21288
21288
  componentId: "sc-14dutqk-1"
21289
- })(templateObject_10$2 || (templateObject_10$2 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
21289
+ })(templateObject_10$3 || (templateObject_10$3 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
21290
21290
  var size = _a.size,
21291
21291
  iconPosition = _a.iconPosition;
21292
21292
  return iconPosition === 'left' ? Ae(templateObject_8$4 || (templateObject_8$4 = __makeTemplateObject(["\n margin-inline-end: ", ";\n "], ["\n margin-inline-end: ", ";\n "])), buttonTokens.sizes[size].iconWithTextMargin) : iconPosition === 'right' ? Ae(templateObject_9$4 || (templateObject_9$4 = __makeTemplateObject(["\n margin-inline-start: ", ";\n "], ["\n margin-inline-start: ", ";\n "])), buttonTokens.sizes[size].iconWithTextMargin) : '';
@@ -21294,15 +21294,15 @@ var IconWithTextWrapper = styled(IconWrapper$1).withConfig({
21294
21294
  var JustIconWrapper = styled.span.withConfig({
21295
21295
  displayName: "Buttonstyles__JustIconWrapper",
21296
21296
  componentId: "sc-14dutqk-2"
21297
- })(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n ", "\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n ", "\n"])), function (_a) {
21297
+ })(templateObject_12$1 || (templateObject_12$1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n ", "\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n ", "\n"])), function (_a) {
21298
21298
  var size = _a.size;
21299
- return Ae(templateObject_11$1 || (templateObject_11$1 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), buttonTokens.sizes[size].justIconWrapper.base);
21299
+ return Ae(templateObject_11$2 || (templateObject_11$2 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), buttonTokens.sizes[size].justIconWrapper.base);
21300
21300
  });
21301
21301
  var Label$2 = styled.span.withConfig({
21302
21302
  displayName: "Buttonstyles__Label",
21303
21303
  componentId: "sc-14dutqk-3"
21304
21304
  })(templateObject_13 || (templateObject_13 = __makeTemplateObject([""], [""])));
21305
- var templateObject_1$v, templateObject_2$l, templateObject_3$f, templateObject_4$d, templateObject_5$a, templateObject_6$9, templateObject_7$7, templateObject_8$4, templateObject_9$4, templateObject_10$2, templateObject_11$1, templateObject_12, templateObject_13;
21305
+ var templateObject_1$v, templateObject_2$l, templateObject_3$f, templateObject_4$d, templateObject_5$a, templateObject_6$9, templateObject_7$7, templateObject_8$4, templateObject_9$4, templateObject_10$3, templateObject_11$2, templateObject_12$1, templateObject_13;
21306
21306
 
21307
21307
  var Button = /*#__PURE__*/React.forwardRef(function (_a, ref) {
21308
21308
  var label = _a.label,
@@ -21456,13 +21456,13 @@ var templateObject_1$u;
21456
21456
 
21457
21457
  var Colors$b = ddsBaseTokens.colors,
21458
21458
  Spacing$f = ddsBaseTokens.spacing,
21459
- FontPackages$b = ddsBaseTokens.fontPackages;
21459
+ FontPackages$c = ddsBaseTokens.fontPackages;
21460
21460
  var TextInput$2 = ddsReferenceTokens.textInput;
21461
21461
  var inputBase$2 = {
21462
21462
  border: "1px solid " + Colors$b.DdsColorNeutralsGray5
21463
21463
  };
21464
21464
  var inputWithLabelBase = {
21465
- padding: Spacing$f.SizesDdsSpacingLocalX075NumberPx + FontPackages$b.supportingStyle_label_01.numbers.lineHeightNumber * 0.01 * FontPackages$b.supportingStyle_label_01.numbers.fontSizeNumber + "px " + Spacing$f.SizesDdsSpacingLocalX1 + " " + Spacing$f.SizesDdsSpacingLocalX075 + " " + Spacing$f.SizesDdsSpacingLocalX1
21465
+ padding: Spacing$f.SizesDdsSpacingLocalX075NumberPx + FontPackages$c.supportingStyle_label_01.numbers.lineHeightNumber * 0.01 * FontPackages$c.supportingStyle_label_01.numbers.fontSizeNumber + "px " + Spacing$f.SizesDdsSpacingLocalX1 + " " + Spacing$f.SizesDdsSpacingLocalX075 + " " + Spacing$f.SizesDdsSpacingLocalX1
21466
21466
  };
21467
21467
  var inputNoLabelBase$1 = {
21468
21468
  padding: Spacing$f.SizesDdsSpacingLocalX075 + " " + Spacing$f.SizesDdsSpacingLocalX1 + " " + Spacing$f.SizesDdsSpacingLocalX075 + " " + Spacing$f.SizesDdsSpacingLocalX1
@@ -21598,15 +21598,15 @@ var SingleLineLabel = styled(Typography).withConfig({
21598
21598
  var InputContainer$2 = styled.div.withConfig({
21599
21599
  displayName: "Inputstyles__InputContainer",
21600
21600
  componentId: "sc-1oz9x8w-2"
21601
- })(templateObject_10$1 || (templateObject_10$1 = __makeTemplateObject(["\n position: relative;\n width: 100%;\n"], ["\n position: relative;\n width: 100%;\n"])));
21601
+ })(templateObject_10$2 || (templateObject_10$2 = __makeTemplateObject(["\n position: relative;\n width: 100%;\n"], ["\n position: relative;\n width: 100%;\n"])));
21602
21602
  var OuterInputContainer = styled.div.withConfig({
21603
21603
  displayName: "Inputstyles__OuterInputContainer",
21604
21604
  componentId: "sc-1oz9x8w-3"
21605
- })(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n width: ", ";\n"], ["\n display: flex;\n flex-direction: column;\n width: ", ";\n"])), function (_a) {
21605
+ })(templateObject_11$1 || (templateObject_11$1 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n width: ", ";\n"], ["\n display: flex;\n flex-direction: column;\n width: ", ";\n"])), function (_a) {
21606
21606
  var width = _a.width;
21607
21607
  return width;
21608
21608
  });
21609
- var templateObject_1$s, templateObject_2$k, templateObject_3$e, templateObject_4$c, templateObject_5$9, templateObject_6$8, templateObject_7$6, templateObject_8$3, templateObject_9$3, templateObject_10$1, templateObject_11;
21609
+ var templateObject_1$s, templateObject_2$k, templateObject_3$e, templateObject_4$c, templateObject_5$9, templateObject_6$8, templateObject_7$6, templateObject_8$3, templateObject_9$3, templateObject_10$2, templateObject_11$1;
21610
21610
 
21611
21611
  var scrollbarStyling = Ae(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n /* width */\n &::-webkit-scrollbar {\n width: 16px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: transparent;\n border-radius: 100px;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: ", ";\n border-radius: 100px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: ", ";\n }\n\n /* Firefox */\n scrollbar-color: ", "\n transparent;\n scrollbar-width: thin;\n"], ["\n /* width */\n &::-webkit-scrollbar {\n width: 16px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: transparent;\n border-radius: 100px;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: ", ";\n border-radius: 100px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: ", ";\n }\n\n /* Firefox */\n scrollbar-color: ", "\n transparent;\n scrollbar-width: thin;\n"])), ddsBaseTokens.colors.DdsColorPrimaryDarkest.slice(0, -2) + '0.35)', ddsBaseTokens.colors.DdsColorPrimaryDarkest.slice(0, -2) + '0.5)', ddsBaseTokens.colors.DdsColorPrimaryDarkest.slice(0, -2) + '0.35)');
21612
21612
  var templateObject_1$r;
@@ -21657,7 +21657,7 @@ var Label$1 = styled(SingleLineLabel).withConfig({
21657
21657
  var InputContainer$1 = styled(InputContainer$2).withConfig({
21658
21658
  displayName: "TextInputstyles__InputContainer",
21659
21659
  componentId: "sc-165zflr-3"
21660
- })(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n ", "\n height: ", ";\n"], ["\n ", "\n height: ", ";\n"])), function (_a) {
21660
+ })(templateObject_10$1 || (templateObject_10$1 = __makeTemplateObject(["\n ", "\n height: ", ";\n"], ["\n ", "\n height: ", ";\n"])), function (_a) {
21661
21661
  var multiline = _a.multiline;
21662
21662
  return multiline && Ae(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n display: inline-block;\n "], ["\n display: inline-block;\n "])));
21663
21663
  }, function (_a) {
@@ -21672,7 +21672,7 @@ var InputContainer$1 = styled(InputContainer$2).withConfig({
21672
21672
  return textInputTokens.container.multiline.noLabel.height;
21673
21673
  }
21674
21674
  });
21675
- var templateObject_1$q, templateObject_2$j, templateObject_3$d, templateObject_4$b, templateObject_5$8, templateObject_6$7, templateObject_7$5, templateObject_8$2, templateObject_9$2, templateObject_10;
21675
+ var templateObject_1$q, templateObject_2$j, templateObject_3$d, templateObject_4$b, templateObject_5$8, templateObject_6$7, templateObject_7$5, templateObject_8$2, templateObject_9$2, templateObject_10$1;
21676
21676
 
21677
21677
  var nextUniqueId$3 = 0;
21678
21678
  var TextInput = /*#__PURE__*/React.forwardRef(function (_a, ref) {
@@ -28661,10 +28661,16 @@ var ReactSelect = index;
28661
28661
 
28662
28662
  var Colors$a = ddsBaseTokens.colors,
28663
28663
  Spacing$e = ddsBaseTokens.spacing,
28664
- FontPackages$a = ddsBaseTokens.fontPackages,
28664
+ FontPackages$b = ddsBaseTokens.fontPackages,
28665
28665
  BorderRadius$1 = ddsBaseTokens.borderRadius,
28666
- Border$4 = ddsBaseTokens.border;
28666
+ Border$4 = ddsBaseTokens.border,
28667
+ IconSizes = ddsBaseTokens.iconSizes;
28667
28668
  var textDefault$6 = ddsReferenceTokens.textDefault;
28669
+ var multiValueContainerMinHeight = Spacing$e.SizesDdsSpacingLocalX0125NumberPx * 2 + Spacing$e.SizesDdsSpacingLocalX025NumberPx * 2 + calculateHeightWithLineHeight(FontPackages$b.supportingStyle_inputtext_01.numbers.lineHeightNumber, FontPackages$b.supportingStyle_inputtext_01.numbers.fontSizeNumber) + "px"; //custom spacing so that multiselect has same height as single value select
28670
+
28671
+ var valueContainerMarginBottomMultiWithLabel = Spacing$e.SizesDdsSpacingLocalX025NumberPx + Spacing$e.SizesDdsSpacingLocalX0125NumberPx + "px"; //custom spacing so that multiselect has same height as single value select
28672
+
28673
+ var inputMultiNoLabelPaddingTop = Spacing$e.SizesDdsSpacingLocalX05NumberPx + Spacing$e.SizesDdsSpacingLocalX0125NumberPx + "px";
28668
28674
 
28669
28675
  var labelBase = __assign({
28670
28676
  color: Colors$a.DdsColorNeutralsGray7,
@@ -28672,7 +28678,7 @@ var labelBase = __assign({
28672
28678
  paddingLeft: Spacing$e.SizesDdsSpacingLocalX1,
28673
28679
  paddingBottom: 0,
28674
28680
  paddingRight: Spacing$e.SizesDdsSpacingLocalX05
28675
- }, FontPackages$a.supportingStyle_label_01.base);
28681
+ }, FontPackages$b.supportingStyle_label_01.base);
28676
28682
 
28677
28683
  var labelHoverBase = {
28678
28684
  color: Colors$a.DdsColorInteractiveBase
@@ -28680,20 +28686,27 @@ var labelHoverBase = {
28680
28686
  var labelFocusBase = {
28681
28687
  color: Colors$a.DdsColorInteractiveBase
28682
28688
  };
28689
+ var valueContainerWithLabelBase = {
28690
+ marginBottom: Spacing$e.SizesDdsSpacingLocalX075
28691
+ };
28692
+ var valueContainerNoLabelBase = {
28693
+ marginBottom: Spacing$e.SizesDdsSpacingLocalX075
28694
+ };
28695
+ var valueContainerIsMultiBase = {
28696
+ minHeight: multiValueContainerMinHeight
28697
+ };
28698
+ var valueContainerIsMultiWithLabelBase = {
28699
+ marginBottom: valueContainerMarginBottomMultiWithLabel
28700
+ };
28701
+ var valueContainerIsMultiNoLabelBase = {
28702
+ marginBottom: Spacing$e.SizesDdsSpacingLocalX05
28703
+ };
28683
28704
  var containerBase$2 = {
28684
28705
  borderRadius: BorderRadius$1.RadiiDdsBorderRadius1Radius,
28685
28706
  border: Border$4.BordersDdsBorderStyle1StrokeWeight + " solid",
28686
28707
  borderColor: Colors$a.DdsColorNeutralsGray5,
28687
28708
  backgroundColor: Colors$a.DdsColorNeutralsWhite
28688
28709
  };
28689
- var withLabelHeight = Spacing$e.SizesDdsSpacingLocalX075NumberPx * 2 + FontPackages$a.supportingStyle_label_01.numbers.lineHeightNumber * 0.01 * FontPackages$a.supportingStyle_label_01.numbers.fontSizeNumber + FontPackages$a.supportingStyle_inputtext_02.numbers.lineHeightNumber * 0.01 * FontPackages$a.supportingStyle_inputtext_02.numbers.fontSizeNumber + Border$4.BordersDdsBorderStyle1StrokeWeightNumberPx * 2;
28690
- var containerWithLabelBase = {
28691
- height: withLabelHeight + "px"
28692
- };
28693
- var noLabelHeight = Spacing$e.SizesDdsSpacingLocalX075NumberPx * 2 + FontPackages$a.supportingStyle_inputtext_02.numbers.lineHeightNumber * 0.01 * FontPackages$a.supportingStyle_inputtext_02.numbers.fontSizeNumber + Border$4.BordersDdsBorderStyle1StrokeWeightNumberPx * 2;
28694
- var containerNoLabelBase = {
28695
- height: noLabelHeight + "px"
28696
- };
28697
28710
  var containerHoverBase = {
28698
28711
  backgroundColor: Colors$a.DdsColorInteractiveLightest,
28699
28712
  borderColor: Colors$a.DdsColorInteractiveBase
@@ -28714,16 +28727,31 @@ var containerDangerFocusBase = {
28714
28727
 
28715
28728
  var inputBase$1 = __assign({
28716
28729
  padding: "0 " + Spacing$e.SizesDdsSpacingLocalX05 + " 0 " + Spacing$e.SizesDdsSpacingLocalX1
28717
- }, FontPackages$a.supportingStyle_inputtext_02.base);
28730
+ }, FontPackages$b.supportingStyle_inputtext_02.base);
28718
28731
 
28719
28732
  var inputNoLabelBase = {
28720
28733
  paddingTop: Spacing$e.SizesDdsSpacingLocalX075
28721
28734
  };
28735
+ var inputIsMultiNoLabelBase = {
28736
+ paddingTop: inputMultiNoLabelPaddingTop
28737
+ };
28722
28738
 
28723
28739
  var placeholderBase = __assign({
28724
28740
  color: Colors$a.DdsColorNeutralsGray6
28725
- }, FontPackages$a.supportingStyle_placeholdertext_01.base);
28741
+ }, FontPackages$b.supportingStyle_placeholdertext_01.base);
28726
28742
 
28743
+ var indicatorsContainerWithLabelBase = {
28744
+ marginBottom: Spacing$e.SizesDdsSpacingLocalX1
28745
+ };
28746
+ var indicatorsContainerNoLabelBase = {
28747
+ marginBottom: Spacing$e.SizesDdsSpacingLocalX075
28748
+ };
28749
+ var indicatorsContainerIsMultiWithLabelBase = {
28750
+ marginBottom: valueContainerMarginBottomMultiWithLabel
28751
+ };
28752
+ var indicatorsContainerIsMultiNoLabelBase = {
28753
+ marginBottom: Spacing$e.SizesDdsSpacingLocalX05
28754
+ };
28727
28755
  var dropdownIndicatorBase = {
28728
28756
  color: Colors$a.DdsColorNeutralsGray6,
28729
28757
  padding: 0
@@ -28738,6 +28766,10 @@ var clearIndicatorBase = {
28738
28766
  color: Colors$a.DdsColorNeutralsGray6,
28739
28767
  padding: " 0 " + Spacing$e.SizesDdsSpacingLocalX025 + " 0 0"
28740
28768
  };
28769
+ var loadingIndicatorBase = {
28770
+ color: Colors$a.DdsColorNeutralsGray6,
28771
+ padding: 0
28772
+ };
28741
28773
  var clearIndicatorHoverBase = {
28742
28774
  color: Colors$a.DdsColorInteractiveBase
28743
28775
  };
@@ -28750,7 +28782,7 @@ var optionsListBase = {
28750
28782
 
28751
28783
  var optionBase = __assign(__assign({
28752
28784
  padding: Spacing$e.SizesDdsSpacingLocalX05 + " " + Spacing$e.SizesDdsSpacingLocalX1
28753
- }, FontPackages$a.body_sans_02.base), {
28785
+ }, FontPackages$b.body_sans_02.base), {
28754
28786
  color: textDefault$6.textColor
28755
28787
  });
28756
28788
 
@@ -28760,15 +28792,48 @@ var optionHoverBase = {
28760
28792
 
28761
28793
  var optionSelectedBase = __assign(__assign({
28762
28794
  backgroundColor: Colors$a.DdsColorInteractiveLightest
28763
- }, FontPackages$a.body_sans_02.base), {
28795
+ }, FontPackages$b.body_sans_02.base), {
28764
28796
  fontWeight: 600
28765
28797
  });
28766
28798
 
28767
28799
  var noOptionsMessageBase = __assign({
28768
28800
  padding: Spacing$e.SizesDdsSpacingLocalX05 + " " + Spacing$e.SizesDdsSpacingLocalX1,
28769
28801
  color: Colors$a.DdsColorNeutralsGray6
28770
- }, FontPackages$a.supportingStyle_placeholdertext_01.base);
28802
+ }, FontPackages$b.supportingStyle_placeholdertext_01.base);
28803
+
28804
+ var multiValueBase = {
28805
+ borderRadius: BorderRadius$1.RadiiDdsBorderRadius1Radius,
28806
+ margin: Spacing$e.SizesDdsSpacingLocalX0125
28807
+ };
28808
+ var multiValueEnabledBase = {
28809
+ backgroundColor: Colors$a.DdsColorInteractiveLighter
28810
+ };
28811
+ var multiValueDisabledBase = {
28812
+ backgroundColor: Colors$a.DdsColorNeutralsGray3
28813
+ };
28814
+
28815
+ var multiValueLabelBase = __assign(__assign({
28816
+ paddingTop: "" + Spacing$e.SizesDdsSpacingLocalX025,
28817
+ paddingRight: "" + Spacing$e.SizesDdsSpacingLocalX05,
28818
+ paddingLeft: "" + Spacing$e.SizesDdsSpacingLocalX05,
28819
+ paddingBottom: "" + Spacing$e.SizesDdsSpacingLocalX025,
28820
+ color: Colors$a.DdsColorNeutralsGray9
28821
+ }, FontPackages$b.supportingStyle_inputtext_01.base), {
28822
+ fontWeight: 'bold'
28823
+ });
28771
28824
 
28825
+ var multiValueRemoveBase = {
28826
+ padding: "" + Spacing$e.SizesDdsSpacingLocalX025,
28827
+ color: Colors$a.DdsColorNeutralsGray9
28828
+ };
28829
+ var multiValueRemoveHoverBase = {
28830
+ color: Colors$a.DdsColorNeutralsWhite,
28831
+ backgroundColor: Colors$a.DdsColorInteractiveBase
28832
+ };
28833
+ var multiValueRemoveIconBase = {
28834
+ height: IconSizes.DdsIconsizeSmall,
28835
+ width: IconSizes.DdsIconsizeSmall
28836
+ };
28772
28837
  var containerDisabledBase = {
28773
28838
  backgroundColor: Colors$a.DdsColorNeutralsGray1,
28774
28839
  borderColor: Colors$a.DdsColorNeutralsGray5
@@ -28782,12 +28847,6 @@ var selectTokens = {
28782
28847
  container: {
28783
28848
  base: containerBase$2,
28784
28849
  defaultWidth: defaultWidth$1,
28785
- withLabel: {
28786
- base: containerWithLabelBase
28787
- },
28788
- noLabel: {
28789
- base: containerNoLabelBase
28790
- },
28791
28850
  hover: {
28792
28851
  base: containerHoverBase
28793
28852
  },
@@ -28823,6 +28882,11 @@ var selectTokens = {
28823
28882
  base: inputBase$1,
28824
28883
  noLabel: {
28825
28884
  base: inputNoLabelBase
28885
+ },
28886
+ isMulti: {
28887
+ noLabel: {
28888
+ base: inputIsMultiNoLabelBase
28889
+ }
28826
28890
  }
28827
28891
  },
28828
28892
  placeholder: {
@@ -28845,6 +28909,60 @@ var selectTokens = {
28845
28909
  }
28846
28910
  }
28847
28911
  },
28912
+ valueContainer: {
28913
+ withLabel: {
28914
+ base: valueContainerWithLabelBase
28915
+ },
28916
+ noLabel: {
28917
+ base: valueContainerNoLabelBase
28918
+ },
28919
+ isMulti: {
28920
+ base: valueContainerIsMultiBase,
28921
+ withLabel: {
28922
+ base: valueContainerIsMultiWithLabelBase
28923
+ },
28924
+ noLabel: {
28925
+ base: valueContainerIsMultiNoLabelBase
28926
+ }
28927
+ }
28928
+ },
28929
+ multiValue: {
28930
+ base: multiValueBase,
28931
+ enabled: {
28932
+ base: multiValueEnabledBase
28933
+ },
28934
+ disabled: {
28935
+ base: multiValueDisabledBase
28936
+ }
28937
+ },
28938
+ multiValueLabel: {
28939
+ base: multiValueLabelBase
28940
+ },
28941
+ multiValueRemove: {
28942
+ base: multiValueRemoveBase,
28943
+ hover: {
28944
+ base: multiValueRemoveHoverBase
28945
+ },
28946
+ icon: {
28947
+ base: multiValueRemoveIconBase
28948
+ }
28949
+ },
28950
+ indicatorsContainer: {
28951
+ withLabel: {
28952
+ base: indicatorsContainerWithLabelBase
28953
+ },
28954
+ noLabel: {
28955
+ base: indicatorsContainerNoLabelBase
28956
+ },
28957
+ isMulti: {
28958
+ withLabel: {
28959
+ base: indicatorsContainerIsMultiWithLabelBase
28960
+ },
28961
+ noLabel: {
28962
+ base: indicatorsContainerIsMultiNoLabelBase
28963
+ }
28964
+ }
28965
+ },
28848
28966
  dropdownIndicator: {
28849
28967
  base: dropdownIndicatorBase,
28850
28968
  hover: {
@@ -28862,6 +28980,9 @@ var selectTokens = {
28862
28980
  hover: {
28863
28981
  base: clearIndicatorHoverBase
28864
28982
  }
28983
+ },
28984
+ loadingIndicator: {
28985
+ base: loadingIndicatorBase
28865
28986
  }
28866
28987
  };
28867
28988
 
@@ -28873,30 +28994,34 @@ var Label = styled(Typography).withConfig({
28873
28994
  var Container$5 = styled.div.withConfig({
28874
28995
  displayName: "Selectstyles__Container",
28875
28996
  componentId: "sc-19jkd5s-1"
28876
- })(templateObject_7$4 || (templateObject_7$4 = __makeTemplateObject(["\n transition: 0.2s;\n position: relative;\n ", "\n ", "\n *::selection {\n ", "\n }\n ", "\n &:hover {\n ", "\n box-shadow: 0 0 0 1px ", ";\n ", " {\n ", "\n }\n }\n &:focus-within {\n ", "\n box-shadow: 0 0 0 1px ", ";\n ", " {\n ", "\n }\n }\n ", "\n\n .", "__menu-list {\n ", "\n }\n &:hover\n .", "__dropdown-indicator,\n &:focus-within\n .", "__dropdown-indicator {\n ", "\n }\n\n ", "\n ", "\n"], ["\n transition: 0.2s;\n position: relative;\n ", "\n ", "\n *::selection {\n ", "\n }\n ", "\n &:hover {\n ", "\n box-shadow: 0 0 0 1px ", ";\n ", " {\n ", "\n }\n }\n &:focus-within {\n ", "\n box-shadow: 0 0 0 1px ", ";\n ", " {\n ", "\n }\n }\n ", "\n\n .", "__menu-list {\n ", "\n }\n &:hover\n .", "__dropdown-indicator,\n &:focus-within\n .", "__dropdown-indicator {\n ", "\n }\n\n ", "\n ", "\n"])), selectTokens.container.base, scrollbarStyling, typographyTokens.selection.base, function (_a) {
28877
- var label = _a.label;
28878
- return label ? Ae(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), selectTokens.container.withLabel.base) : Ae(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n ", "\n .", "__control {\n ", "\n }\n "], ["\n ", "\n .", "__control {\n ", "\n }\n "])), selectTokens.container.noLabel.base, prefix, selectTokens.input.noLabel.base);
28997
+ })(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n transition: 0.2s;\n position: relative;\n ", "\n ", "\n *::selection {\n ", "\n }\n ", "\n\n ", "\n &:hover {\n ", "\n box-shadow: 0 0 0 1px ", ";\n ", " {\n ", "\n }\n }\n &:focus-within {\n ", "\n box-shadow: 0 0 0 1px ", ";\n ", " {\n ", "\n }\n }\n ", "\n\n .", "__menu-list {\n ", "\n }\n &:hover\n .", "__dropdown-indicator,\n &:focus-within\n .", "__dropdown-indicator {\n ", "\n }\n\n ", "\n ", "\n"], ["\n transition: 0.2s;\n position: relative;\n ", "\n ", "\n *::selection {\n ", "\n }\n ", "\n\n ", "\n &:hover {\n ", "\n box-shadow: 0 0 0 1px ", ";\n ", " {\n ", "\n }\n }\n &:focus-within {\n ", "\n box-shadow: 0 0 0 1px ", ";\n ", " {\n ", "\n }\n }\n ", "\n\n .", "__menu-list {\n ", "\n }\n &:hover\n .", "__dropdown-indicator,\n &:focus-within\n .", "__dropdown-indicator {\n ", "\n }\n\n ", "\n ", "\n"])), selectTokens.container.base, scrollbarStyling, typographyTokens.selection.base, function (_a) {
28998
+ var isMulti = _a.isMulti;
28999
+ return isMulti && Ae(templateObject_2$i || (templateObject_2$i = __makeTemplateObject([""], [""])));
29000
+ }, function (_a) {
29001
+ var hasLabel = _a.hasLabel,
29002
+ isMulti = _a.isMulti;
29003
+ return isMulti && hasLabel ? Ae(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n .", "__value-container {\n ", "\n }\n .", "__indicators {\n ", "\n }\n "], ["\n .", "__value-container {\n ", "\n }\n .", "__indicators {\n ", "\n }\n "])), prefix, selectTokens.valueContainer.isMulti.withLabel.base, prefix, selectTokens.indicatorsContainer.isMulti.withLabel.base) : isMulti && !hasLabel ? Ae(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n .", "__control {\n ", "\n }\n .", "__value-container {\n ", "\n }\n .", "__indicators {\n ", "\n }\n "], ["\n .", "__control {\n ", "\n }\n .", "__value-container {\n ", "\n }\n .", "__indicators {\n ", "\n }\n "])), prefix, selectTokens.input.isMulti.noLabel.base, prefix, selectTokens.valueContainer.isMulti.noLabel.base, prefix, selectTokens.indicatorsContainer.isMulti.noLabel.base) : hasLabel ? Ae(templateObject_5$7 || (templateObject_5$7 = __makeTemplateObject(["\n .", "__value-container {\n ", "\n }\n .", "__indicators {\n ", "\n }\n "], ["\n .", "__value-container {\n ", "\n }\n .", "__indicators {\n ", "\n }\n "])), prefix, selectTokens.valueContainer.withLabel.base, prefix, selectTokens.indicatorsContainer.withLabel.base) : Ae(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject(["\n .", "__control {\n ", "\n }\n .", "__value-container {\n ", "\n }\n .", "__indicators {\n ", "\n }\n "], ["\n .", "__control {\n ", "\n }\n .", "__value-container {\n ", "\n }\n .", "__indicators {\n ", "\n }\n "])), prefix, selectTokens.input.noLabel.base, prefix, selectTokens.valueContainer.noLabel.base, prefix, selectTokens.indicatorsContainer.noLabel.base);
28879
29004
  }, selectTokens.container.hover.base, selectTokens.container.hover.base.borderColor, Label, selectTokens.label.hover.base, selectTokens.container.focus.base, selectTokens.container.focus.base.borderColor, Label, selectTokens.label.focus.base, function (_a) {
28880
29005
  var errorMessage = _a.errorMessage;
28881
- return errorMessage && Ae(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n ", "\n box-shadow: 0 0 0 1px ", ";\n &:hover {\n ", "\n box-shadow: 0 0 0 1px ", ";\n }\n &:focus-within {\n ", "\n box-shadow: 0 0 0 1px ", ";\n }\n "], ["\n ", "\n box-shadow: 0 0 0 1px ", ";\n &:hover {\n ", "\n box-shadow: 0 0 0 1px ", ";\n }\n &:focus-within {\n ", "\n box-shadow: 0 0 0 1px ", ";\n }\n "])), selectTokens.container.danger.base, selectTokens.container.danger.base.borderColor, selectTokens.container.danger.hover.base, selectTokens.container.danger.hover.base.borderColor, selectTokens.container.danger.focus.base, selectTokens.container.danger.focus.base.borderColor);
29006
+ return errorMessage && Ae(templateObject_7$4 || (templateObject_7$4 = __makeTemplateObject(["\n ", "\n box-shadow: 0 0 0 1px ", ";\n &:hover {\n ", "\n box-shadow: 0 0 0 1px ", ";\n }\n &:focus-within {\n ", "\n box-shadow: 0 0 0 1px ", ";\n }\n "], ["\n ", "\n box-shadow: 0 0 0 1px ", ";\n &:hover {\n ", "\n box-shadow: 0 0 0 1px ", ";\n }\n &:focus-within {\n ", "\n box-shadow: 0 0 0 1px ", ";\n }\n "])), selectTokens.container.danger.base, selectTokens.container.danger.base.borderColor, selectTokens.container.danger.hover.base, selectTokens.container.danger.hover.base.borderColor, selectTokens.container.danger.focus.base, selectTokens.container.danger.focus.base.borderColor);
28882
29007
  }, prefix, scrollbarStyling, prefix, prefix, selectTokens.dropdownIndicator.hover.base, function (_a) {
28883
29008
  var isDisabled = _a.isDisabled;
28884
- return isDisabled && Ae(templateObject_5$7 || (templateObject_5$7 = __makeTemplateObject(["\n cursor: not-allowed;\n ", "\n &:hover {\n box-shadow: none;\n ", "\n ", " {\n ", "\n }\n &:hover .", "__dropdown-indicator {\n ", "\n }\n }\n "], ["\n cursor: not-allowed;\n ", "\n &:hover {\n box-shadow: none;\n ", "\n ", " {\n ", "\n }\n &:hover .", "__dropdown-indicator {\n ", "\n }\n }\n "])), selectTokens.container.disabled.base, selectTokens.container.disabled.base, Label, selectTokens.label.base, prefix, selectTokens.dropdownIndicator.base);
29009
+ return isDisabled && Ae(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n cursor: not-allowed;\n ", "\n &:hover {\n box-shadow: none;\n ", "\n ", " {\n ", "\n }\n &:hover .", "__dropdown-indicator {\n ", "\n }\n }\n "], ["\n cursor: not-allowed;\n ", "\n &:hover {\n box-shadow: none;\n ", "\n ", " {\n ", "\n }\n &:hover .", "__dropdown-indicator {\n ", "\n }\n }\n "])), selectTokens.container.disabled.base, selectTokens.container.disabled.base, Label, selectTokens.label.base, prefix, selectTokens.dropdownIndicator.base);
28885
29010
  }, function (_a) {
28886
29011
  var readOnly = _a.readOnly;
28887
- return readOnly && Ae(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject(["\n ", "\n &:hover {\n box-shadow: none;\n ", "\n ", " {\n ", "\n }\n }\n .", "__dropdown-indicator, &:hover .", "__dropdown-indicator {\n ", "\n }\n "], ["\n ", "\n &:hover {\n box-shadow: none;\n ", "\n ", " {\n ", "\n }\n }\n .", "__dropdown-indicator, &:hover .", "__dropdown-indicator {\n ", "\n }\n "])), selectTokens.container.readOnly.base, selectTokens.container.readOnly.base, Label, selectTokens.label.base, prefix, prefix, selectTokens.dropdownIndicator.readOnly.base);
29012
+ return readOnly && Ae(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n ", "\n &:hover {\n box-shadow: none;\n ", "\n ", " {\n ", "\n }\n }\n .", "__dropdown-indicator, &:hover .", "__dropdown-indicator {\n ", "\n }\n "], ["\n ", "\n &:hover {\n box-shadow: none;\n ", "\n ", " {\n ", "\n }\n }\n .", "__dropdown-indicator, &:hover .", "__dropdown-indicator {\n ", "\n }\n "])), selectTokens.container.readOnly.base, selectTokens.container.readOnly.base, Label, selectTokens.label.base, prefix, prefix, selectTokens.dropdownIndicator.readOnly.base);
28888
29013
  });
28889
29014
  var Wrapper$2 = styled.div.withConfig({
28890
29015
  displayName: "Selectstyles__Wrapper",
28891
29016
  componentId: "sc-19jkd5s-2"
28892
- })(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n margin: 0;\n width: ", ";\n"], ["\n margin: 0;\n width: ", ";\n"])), function (_a) {
29017
+ })(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n margin: 0;\n width: ", ";\n"], ["\n margin: 0;\n width: ", ";\n"])), function (_a) {
28893
29018
  var width = _a.width;
28894
29019
  return width;
28895
29020
  });
28896
29021
  var SelectedIconWrapper = styled(IconWrapper$1).withConfig({
28897
29022
  displayName: "Selectstyles__SelectedIconWrapper",
28898
29023
  componentId: "sc-19jkd5s-3"
28899
- })(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n margin: ", ";\n"], ["\n margin: ", ";\n"])), selectTokens.option.selected.icon.margin);
29024
+ })(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n margin: ", ";\n"], ["\n margin: ", ";\n"])), selectTokens.option.selected.icon.margin);
28900
29025
  var CustomStyles = {
28901
29026
  placeholder: function placeholder() {
28902
29027
  return __assign({}, selectTokens.placeholder.base);
@@ -28920,8 +29045,9 @@ var CustomStyles = {
28920
29045
  flexWrap: 'wrap'
28921
29046
  }, selectTokens.input.base);
28922
29047
  },
28923
- valueContainer: function valueContainer(provided) {
28924
- return __assign(__assign({}, provided), {
29048
+ valueContainer: function valueContainer(provided, state) {
29049
+ var isMultiStyles = state.selectProps.isMulti ? __assign({}, selectTokens.valueContainer.isMulti.base) : {};
29050
+ return __assign(__assign(__assign({}, provided), isMultiStyles), {
28925
29051
  padding: 0
28926
29052
  });
28927
29053
  },
@@ -28930,16 +29056,34 @@ var CustomStyles = {
28930
29056
  margin: 0
28931
29057
  });
28932
29058
  },
28933
- menu: function menu() {
28934
- return __assign({
28935
- position: 'relative',
29059
+ multiValue: function multiValue(provided, state) {
29060
+ var variantStyles = state.selectProps.isDisabled ? __assign({}, selectTokens.multiValue.disabled.base) : __assign({}, selectTokens.multiValue.enabled.base);
29061
+ return __assign(__assign(__assign({}, provided), selectTokens.multiValue.base), variantStyles);
29062
+ },
29063
+ multiValueLabel: function multiValueLabel(provided) {
29064
+ return __assign(__assign({}, provided), selectTokens.multiValueLabel.base);
29065
+ },
29066
+ multiValueRemove: function multiValueRemove(provided, state) {
29067
+ return state.selectProps.isDisabled ? {
29068
+ display: 'none'
29069
+ } : __assign(__assign(__assign(__assign({}, provided), {
29070
+ transition: '0.2s'
29071
+ }), selectTokens.multiValueRemove.base), {
29072
+ svg: __assign({}, selectTokens.multiValueRemove.icon.base),
29073
+ '&:hover': __assign({}, selectTokens.multiValueRemove.hover.base),
29074
+ '&:focus': {
29075
+ backgroundColor: 'blue'
29076
+ }
29077
+ });
29078
+ },
29079
+ menu: function menu(provided) {
29080
+ return __assign(__assign(__assign({}, provided), {
28936
29081
  zIndex: 3,
28937
29082
  transition: '0.2s',
28938
29083
  width: 'calc(100% + 2px)',
28939
29084
  transform: 'translate(-1px)',
28940
- top: selectTokens.optionsList.spaceTop,
28941
29085
  boxShadow: "0 0 0 1px " + selectTokens.optionsList.base.borderColor
28942
- }, selectTokens.optionsList.base);
29086
+ }), selectTokens.optionsList.base);
28943
29087
  },
28944
29088
  option: function option(provided, state) {
28945
29089
  var selectedBase = state.isSelected ? __assign({}, selectTokens.option.selected.base) : {};
@@ -28955,6 +29099,9 @@ var CustomStyles = {
28955
29099
  noOptionsMessage: function noOptionsMessage() {
28956
29100
  return __assign({}, selectTokens.noOptionsMessage.base);
28957
29101
  },
29102
+ indicatorsContainer: function indicatorsContainer(provided) {
29103
+ return __assign({}, provided);
29104
+ },
28958
29105
  clearIndicator: function clearIndicator() {
28959
29106
  return __assign(__assign({
28960
29107
  display: 'flex'
@@ -28962,11 +29109,14 @@ var CustomStyles = {
28962
29109
  '&:hover': __assign({}, selectTokens.clearIndicator.hover.base)
28963
29110
  });
28964
29111
  },
29112
+ loadingIndicator: function loadingIndicator(provided) {
29113
+ return __assign(__assign({}, provided), selectTokens.loadingIndicator.base);
29114
+ },
28965
29115
  input: function input() {
28966
29116
  return {};
28967
29117
  }
28968
29118
  };
28969
- var templateObject_1$p, templateObject_2$i, templateObject_3$c, templateObject_4$a, templateObject_5$7, templateObject_6$6, templateObject_7$4, templateObject_8$1, templateObject_9$1;
29119
+ var templateObject_1$p, templateObject_2$i, templateObject_3$c, templateObject_4$a, templateObject_5$7, templateObject_6$6, templateObject_7$4, templateObject_8$1, templateObject_9$1, templateObject_10, templateObject_11, templateObject_12;
28970
29120
 
28971
29121
  var DdsOption = components.Option,
28972
29122
  NoOptionsMessage = components.NoOptionsMessage;
@@ -29004,10 +29154,12 @@ var Select = /*#__PURE__*/React.forwardRef(function (_a, ref) {
29004
29154
  required = _a.required,
29005
29155
  readOnly = _a.readOnly,
29006
29156
  options = _a.options,
29157
+ isMulti = _a.isMulti,
29007
29158
  value = _a.value,
29008
29159
  defaultValue = _a.defaultValue,
29009
29160
  _b = _a.width,
29010
29161
  width = _b === void 0 ? selectTokens.container.defaultWidth : _b,
29162
+ closeMenuOnSelect = _a.closeMenuOnSelect,
29011
29163
  className = _a.className,
29012
29164
  style = _a.style,
29013
29165
  isDisabled = _a.isDisabled,
@@ -29015,28 +29167,33 @@ var Select = /*#__PURE__*/React.forwardRef(function (_a, ref) {
29015
29167
  isClearable = _c === void 0 ? true : _c,
29016
29168
  _d = _a.placeholder,
29017
29169
  placeholder = _d === void 0 ? '-- Velg fra listen --' : _d,
29018
- rest = __rest(_a, ["id", "label", "errorMessage", "tip", "required", "readOnly", "options", "value", "defaultValue", "width", "className", "style", "isDisabled", "isClearable", "placeholder"]);
29170
+ rest = __rest(_a, ["id", "label", "errorMessage", "tip", "required", "readOnly", "options", "isMulti", "value", "defaultValue", "width", "closeMenuOnSelect", "className", "style", "isDisabled", "isClearable", "placeholder"]);
29019
29171
 
29020
29172
  var uniqueId = React.useState(id !== null && id !== void 0 ? id : "select-" + nextUniqueId$2++)[0];
29173
+ var hasLabel = !!label;
29021
29174
  var wrapperProps = {
29022
29175
  width: width
29023
29176
  };
29024
29177
  var containerProps = {
29025
29178
  errorMessage: errorMessage,
29026
29179
  isDisabled: isDisabled,
29180
+ isMulti: isMulti,
29027
29181
  readOnly: readOnly,
29028
- label: label,
29182
+ hasLabel: hasLabel,
29029
29183
  className: className,
29030
29184
  style: style
29031
29185
  };
29032
29186
 
29033
29187
  var reactSelectProps = __assign({
29188
+ ref: ref,
29034
29189
  options: options,
29035
29190
  value: value,
29036
29191
  defaultValue: defaultValue,
29037
29192
  isDisabled: isDisabled || readOnly,
29038
29193
  isClearable: isClearable,
29039
29194
  placeholder: placeholder,
29195
+ closeMenuOnSelect: closeMenuOnSelect ? closeMenuOnSelect : isMulti ? false : true,
29196
+ isMulti: isMulti,
29040
29197
  inputId: uniqueId,
29041
29198
  name: uniqueId,
29042
29199
  classNamePrefix: prefix,
@@ -29059,9 +29216,7 @@ var Select = /*#__PURE__*/React.forwardRef(function (_a, ref) {
29059
29216
  typographyType: "supportingStyleLabel01"
29060
29217
  }, {
29061
29218
  children: [label, " ", required && jsxRuntime.jsx(RequiredMarker, {}, void 0)]
29062
- }), void 0), jsxRuntime.jsx(ReactSelect, __assign({}, reactSelectProps, {
29063
- ref: ref
29064
- }), void 0)]
29219
+ }), void 0), jsxRuntime.jsx(ReactSelect, __assign({}, reactSelectProps), void 0)]
29065
29220
  }), void 0), errorMessage && jsxRuntime.jsx(InputMessage, {
29066
29221
  messageType: "error",
29067
29222
  message: errorMessage
@@ -29152,13 +29307,13 @@ var InfoOutlinedIcon = /*@__PURE__*/getDefaultExportFromCjs(InfoOutlined);
29152
29307
 
29153
29308
  var Colors$9 = ddsBaseTokens.colors,
29154
29309
  Spacing$d = ddsBaseTokens.spacing,
29155
- FontPackages$9 = ddsBaseTokens.fontPackages;
29310
+ FontPackages$a = ddsBaseTokens.fontPackages;
29156
29311
 
29157
29312
  var containerBase$1 = __assign(__assign({
29158
29313
  borderBottom: '2px solid',
29159
29314
  padding: "0 " + Spacing$d.SizesDdsSpacingLocalX1,
29160
29315
  width: '100%'
29161
- }, FontPackages$9.body_sans_02.base), {
29316
+ }, FontPackages$a.body_sans_02.base), {
29162
29317
  color: Colors$9.DdsColorNeutralsGray8
29163
29318
  });
29164
29319
 
@@ -29355,7 +29510,7 @@ var EmojiObjectsOutlinedIcon = /*@__PURE__*/getDefaultExportFromCjs(EmojiObjects
29355
29510
 
29356
29511
  var Colors$8 = ddsBaseTokens.colors,
29357
29512
  Spacing$c = ddsBaseTokens.spacing,
29358
- FontPackages$8 = ddsBaseTokens.fontPackages,
29513
+ FontPackages$9 = ddsBaseTokens.fontPackages,
29359
29514
  BorderRadius = ddsBaseTokens.borderRadius,
29360
29515
  Border$3 = ddsBaseTokens.border,
29361
29516
  OuterShadow = ddsBaseTokens.outerShadow;
@@ -29365,7 +29520,7 @@ var containerBase = __assign(__assign({
29365
29520
  borderRadius: BorderRadius.RadiiDdsBorderRadius1Radius,
29366
29521
  border: Border$3.BordersDdsBorderStyle1StrokeWeight + " solid",
29367
29522
  padding: "0 " + Spacing$c.SizesDdsSpacingLocalX1
29368
- }, FontPackages$8.body_sans_02.base), {
29523
+ }, FontPackages$9.body_sans_02.base), {
29369
29524
  color: Colors$8.DdsColorNeutralsGray8
29370
29525
  });
29371
29526
 
@@ -29631,23 +29786,23 @@ exports.default = _default;
29631
29786
  var SearchOutlinedIcon = /*@__PURE__*/getDefaultExportFromCjs(SearchOutlined);
29632
29787
 
29633
29788
  var Spacing$b = ddsBaseTokens.spacing,
29634
- FontPackages$7 = ddsBaseTokens.fontPackages;
29789
+ FontPackages$8 = ddsBaseTokens.fontPackages;
29635
29790
  var textDefault$5 = ddsReferenceTokens.textDefault;
29636
29791
  var inputBase = {
29637
29792
  paddingRight: Spacing$b.SizesDdsSpacingLocalX05
29638
29793
  };
29639
29794
 
29640
- var smallBase$1 = __assign(__assign({}, FontPackages$7.supportingStyle_inputtext_01.base), {
29795
+ var smallBase$1 = __assign(__assign({}, FontPackages$8.supportingStyle_inputtext_01.base), {
29641
29796
  paddingTop: Spacing$b.SizesDdsSpacingLocalX05,
29642
29797
  paddingBottom: Spacing$b.SizesDdsSpacingLocalX05
29643
29798
  });
29644
29799
 
29645
- var mediumBase = __assign(__assign({}, FontPackages$7.supportingStyle_inputtext_02.base), {
29800
+ var mediumBase = __assign(__assign({}, FontPackages$8.supportingStyle_inputtext_02.base), {
29646
29801
  paddingTop: Spacing$b.SizesDdsSpacingLocalX075,
29647
29802
  paddingBottom: Spacing$b.SizesDdsSpacingLocalX075
29648
29803
  });
29649
29804
 
29650
- var largeBase = __assign(__assign({}, FontPackages$7.supportingStyle_inputtext_03.base), {
29805
+ var largeBase = __assign(__assign({}, FontPackages$8.supportingStyle_inputtext_03.base), {
29651
29806
  paddingTop: Spacing$b.SizesDdsSpacingLocalX1,
29652
29807
  paddingBottom: Spacing$b.SizesDdsSpacingLocalX1
29653
29808
  });
@@ -29868,17 +30023,17 @@ var Head = /*#__PURE__*/React.forwardRef(function (_a, ref) {
29868
30023
  var templateObject_1$j;
29869
30024
 
29870
30025
  var Colors$6 = ddsBaseTokens.colors,
29871
- FontPackages$6 = ddsBaseTokens.fontPackages,
30026
+ FontPackages$7 = ddsBaseTokens.fontPackages,
29872
30027
  Border$2 = ddsBaseTokens.border;
29873
30028
  var textDefault$4 = ddsReferenceTokens.textDefault;
29874
30029
 
29875
30030
  var bodyRowBase = __assign({
29876
30031
  color: textDefault$4.textColor
29877
- }, FontPackages$6.body_sans_02.base);
30032
+ }, FontPackages$7.body_sans_02.base);
29878
30033
 
29879
30034
  var headRowBase = __assign(__assign({
29880
30035
  color: textDefault$4.textColor
29881
- }, FontPackages$6.body_sans_02.base), {
30036
+ }, FontPackages$7.body_sans_02.base), {
29882
30037
  fontWeight: 600,
29883
30038
  textAlign: 'left'
29884
30039
  });
@@ -29896,7 +30051,7 @@ var bodyHoverBase = {
29896
30051
  backgroundColor: Colors$6.DdsColorSecondaryLightest
29897
30052
  };
29898
30053
 
29899
- var bodySumBase = __assign(__assign({}, FontPackages$6.body_sans_02.base), {
30054
+ var bodySumBase = __assign(__assign({}, FontPackages$7.body_sans_02.base), {
29900
30055
  fontWeight: 600,
29901
30056
  borderTop: Border$2.BordersDdsBorderStyle1StrokeWeight + " solid " + Colors$6.DdsColorNeutralsGray4,
29902
30057
  borderBottom: Border$2.BordersDdsBorderStyle1StrokeWeight + " solid " + Colors$6.DdsColorNeutralsGray4,
@@ -30287,13 +30442,20 @@ exports.default = _default;
30287
30442
  var ArrowBackOutlinedIcon = /*@__PURE__*/getDefaultExportFromCjs(ArrowBackOutlined);
30288
30443
 
30289
30444
  var Colors$5 = ddsBaseTokens.colors,
30290
- Spacing$9 = ddsBaseTokens.spacing;
30445
+ Spacing$9 = ddsBaseTokens.spacing,
30446
+ FontPackages$6 = ddsBaseTokens.fontPackages;
30291
30447
  var iconBase$1 = {
30292
30448
  color: Colors$5.DdsColorInteractiveBase,
30293
30449
  marginLeft: Spacing$9.SizesDdsSpacingLocalX05,
30294
30450
  marginRight: Spacing$9.SizesDdsSpacingLocalX05
30295
30451
  };
30452
+
30453
+ var breadcrumbBase = __assign({}, FontPackages$6.body_sans_02.base);
30454
+
30296
30455
  var breadcrumbTokens = {
30456
+ breadcrumb: {
30457
+ base: breadcrumbBase
30458
+ },
30297
30459
  icon: {
30298
30460
  base: iconBase$1,
30299
30461
  size: 'small'
@@ -30307,7 +30469,7 @@ var List$2 = styled.ol.withConfig({
30307
30469
  var ListItem$2 = styled.li.withConfig({
30308
30470
  displayName: "Breadcrumbs__ListItem",
30309
30471
  componentId: "sc-xdj21o-1"
30310
- })(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n"], ["\n align-items: center;\n display: flex;\n"])));
30472
+ })(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n ", "\n"], ["\n align-items: center;\n display: flex;\n ", "\n"])), breadcrumbTokens.breadcrumb.base);
30311
30473
  var BreadcrumbIcon = styled(ChevronRightOutlinedIcon).withConfig({
30312
30474
  displayName: "Breadcrumbs__BreadcrumbIcon",
30313
30475
  componentId: "sc-xdj21o-2"