@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.es.js CHANGED
@@ -3026,7 +3026,7 @@ function y$1(){return (y$1=Object.assign||function(e){for(var t=1;t<arguments.le
3026
3026
 
3027
3027
  /**
3028
3028
  * Do not edit directly
3029
- * Generated on Fri, 17 Sep 2021 11:44:35 GMT
3029
+ * Generated on Wed, 15 Dec 2021 11:11:43 GMT
3030
3030
  */
3031
3031
  var DdsColorPrimaryLightest = "rgba(234, 239, 244, 1)";
3032
3032
  var DdsColorPrimaryLighter = "rgba(172, 187, 198, 1)";
@@ -3167,7 +3167,7 @@ var colors$1 = /*#__PURE__*/Object.freeze({
3167
3167
 
3168
3168
  /**
3169
3169
  * Do not edit directly
3170
- * Generated on Fri, 17 Sep 2021 11:44:35 GMT
3170
+ * Generated on Wed, 15 Dec 2021 11:11:43 GMT
3171
3171
  */
3172
3172
  var DdsFontHeadingSans01FontSize = "14px";
3173
3173
  var DdsFontHeadingSans01FontSizeNumberPx = 14;
@@ -3180,8 +3180,8 @@ var DdsFontHeadingSans01LetterSpacing = "0.01em";
3180
3180
  var DdsFontHeadingSans01LineHeight = "1.5em";
3181
3181
  var DdsFontHeadingSans01ParagraphIndent = "0px";
3182
3182
  var DdsFontHeadingSans01ParagraphIndentNumberPx = 0;
3183
- var DdsFontHeadingSans01ParagraphSpacing = "7px";
3184
- var DdsFontHeadingSans01ParagraphSpacingNumberPx = 7;
3183
+ var DdsFontHeadingSans01ParagraphSpacing = "14px";
3184
+ var DdsFontHeadingSans01ParagraphSpacingNumberPx = 14;
3185
3185
  var DdsFontHeadingSans01TextCase = "none";
3186
3186
  var DdsFontHeadingSans02FontSize = "16px";
3187
3187
  var DdsFontHeadingSans02FontSizeNumberPx = 16;
@@ -3194,8 +3194,8 @@ var DdsFontHeadingSans02LetterSpacing = "0em";
3194
3194
  var DdsFontHeadingSans02LineHeight = "1.5em";
3195
3195
  var DdsFontHeadingSans02ParagraphIndent = "0px";
3196
3196
  var DdsFontHeadingSans02ParagraphIndentNumberPx = 0;
3197
- var DdsFontHeadingSans02ParagraphSpacing = "9px";
3198
- var DdsFontHeadingSans02ParagraphSpacingNumberPx = 9;
3197
+ var DdsFontHeadingSans02ParagraphSpacing = "16px";
3198
+ var DdsFontHeadingSans02ParagraphSpacingNumberPx = 16;
3199
3199
  var DdsFontHeadingSans02TextCase = "none";
3200
3200
  var DdsFontHeadingSans03FontSize = "24px";
3201
3201
  var DdsFontHeadingSans03FontSizeNumberPx = 24;
@@ -3208,8 +3208,8 @@ var DdsFontHeadingSans03LetterSpacing = "0em";
3208
3208
  var DdsFontHeadingSans03LineHeight = "1.35em";
3209
3209
  var DdsFontHeadingSans03ParagraphIndent = "0px";
3210
3210
  var DdsFontHeadingSans03ParagraphIndentNumberPx = 0;
3211
- var DdsFontHeadingSans03ParagraphSpacing = "8px";
3212
- var DdsFontHeadingSans03ParagraphSpacingNumberPx = 8;
3211
+ var DdsFontHeadingSans03ParagraphSpacing = "16px";
3212
+ var DdsFontHeadingSans03ParagraphSpacingNumberPx = 16;
3213
3213
  var DdsFontHeadingSans03TextCase = "none";
3214
3214
  var DdsFontHeadingSans04FontSize = "32px";
3215
3215
  var DdsFontHeadingSans04FontSizeNumberPx = 32;
@@ -3222,8 +3222,8 @@ var DdsFontHeadingSans04LetterSpacing = "0em";
3222
3222
  var DdsFontHeadingSans04LineHeight = "1.35em";
3223
3223
  var DdsFontHeadingSans04ParagraphIndent = "0px";
3224
3224
  var DdsFontHeadingSans04ParagraphIndentNumberPx = 0;
3225
- var DdsFontHeadingSans04ParagraphSpacing = "10px";
3226
- var DdsFontHeadingSans04ParagraphSpacingNumberPx = 10;
3225
+ var DdsFontHeadingSans04ParagraphSpacing = "21px";
3226
+ var DdsFontHeadingSans04ParagraphSpacingNumberPx = 21;
3227
3227
  var DdsFontHeadingSans04TextCase = "none";
3228
3228
  var DdsFontHeadingSans05FontSize = "40px";
3229
3229
  var DdsFontHeadingSans05FontSizeNumberPx = 40;
@@ -3236,8 +3236,8 @@ var DdsFontHeadingSans05LetterSpacing = "-0.01em";
3236
3236
  var DdsFontHeadingSans05LineHeight = "1.35em";
3237
3237
  var DdsFontHeadingSans05ParagraphIndent = "0px";
3238
3238
  var DdsFontHeadingSans05ParagraphIndentNumberPx = 0;
3239
- var DdsFontHeadingSans05ParagraphSpacing = "13px";
3240
- var DdsFontHeadingSans05ParagraphSpacingNumberPx = 13;
3239
+ var DdsFontHeadingSans05ParagraphSpacing = "26px";
3240
+ var DdsFontHeadingSans05ParagraphSpacingNumberPx = 26;
3241
3241
  var DdsFontHeadingSans05TextCase = "none";
3242
3242
  var DdsFontHeadingSans06FontSize = "48px";
3243
3243
  var DdsFontHeadingSans06FontSizeNumberPx = 48;
@@ -3250,8 +3250,8 @@ var DdsFontHeadingSans06LetterSpacing = "-0.01em";
3250
3250
  var DdsFontHeadingSans06LineHeight = "1.2em";
3251
3251
  var DdsFontHeadingSans06ParagraphIndent = "0px";
3252
3252
  var DdsFontHeadingSans06ParagraphIndentNumberPx = 0;
3253
- var DdsFontHeadingSans06ParagraphSpacing = "12px";
3254
- var DdsFontHeadingSans06ParagraphSpacingNumberPx = 12;
3253
+ var DdsFontHeadingSans06ParagraphSpacing = "24px";
3254
+ var DdsFontHeadingSans06ParagraphSpacingNumberPx = 24;
3255
3255
  var DdsFontHeadingSans06TextCase = "none";
3256
3256
  var DdsFontHeadingSans07FontSize = "64px";
3257
3257
  var DdsFontHeadingSans07FontSizeNumberPx = 64;
@@ -3264,8 +3264,8 @@ var DdsFontHeadingSans07LetterSpacing = "-0.01em";
3264
3264
  var DdsFontHeadingSans07LineHeight = "1.2em";
3265
3265
  var DdsFontHeadingSans07ParagraphIndent = "0px";
3266
3266
  var DdsFontHeadingSans07ParagraphIndentNumberPx = 0;
3267
- var DdsFontHeadingSans07ParagraphSpacing = "16px";
3268
- var DdsFontHeadingSans07ParagraphSpacingNumberPx = 16;
3267
+ var DdsFontHeadingSans07ParagraphSpacing = "32px";
3268
+ var DdsFontHeadingSans07ParagraphSpacingNumberPx = 32;
3269
3269
  var DdsFontHeadingSans07TextCase = "none";
3270
3270
  var DdsFontHeadingSans08FontSize = "80px";
3271
3271
  var DdsFontHeadingSans08FontSizeNumberPx = 80;
@@ -3278,8 +3278,8 @@ var DdsFontHeadingSans08LetterSpacing = "-0.01em";
3278
3278
  var DdsFontHeadingSans08LineHeight = "1.2em";
3279
3279
  var DdsFontHeadingSans08ParagraphIndent = "0px";
3280
3280
  var DdsFontHeadingSans08ParagraphIndentNumberPx = 0;
3281
- var DdsFontHeadingSans08ParagraphSpacing = "20px";
3282
- var DdsFontHeadingSans08ParagraphSpacingNumberPx = 20;
3281
+ var DdsFontHeadingSans08ParagraphSpacing = "40px";
3282
+ var DdsFontHeadingSans08ParagraphSpacingNumberPx = 40;
3283
3283
  var DdsFontHeadingSans08TextCase = "none";
3284
3284
  var DdsFontBodySans01FontSize = "14px";
3285
3285
  var DdsFontBodySans01FontSizeNumberPx = 14;
@@ -3292,8 +3292,8 @@ var DdsFontBodySans01LetterSpacing = "0.01em";
3292
3292
  var DdsFontBodySans01LineHeight = "1.5em";
3293
3293
  var DdsFontBodySans01ParagraphIndent = "0px";
3294
3294
  var DdsFontBodySans01ParagraphIndentNumberPx = 0;
3295
- var DdsFontBodySans01ParagraphSpacing = "7px";
3296
- var DdsFontBodySans01ParagraphSpacingNumberPx = 7;
3295
+ var DdsFontBodySans01ParagraphSpacing = "14px";
3296
+ var DdsFontBodySans01ParagraphSpacingNumberPx = 14;
3297
3297
  var DdsFontBodySans01TextCase = "none";
3298
3298
  var DdsFontBodySans02FontSize = "16px";
3299
3299
  var DdsFontBodySans02FontSizeNumberPx = 16;
@@ -3306,8 +3306,8 @@ var DdsFontBodySans02LetterSpacing = "0em";
3306
3306
  var DdsFontBodySans02LineHeight = "1.5em";
3307
3307
  var DdsFontBodySans02ParagraphIndent = "0px";
3308
3308
  var DdsFontBodySans02ParagraphIndentNumberPx = 0;
3309
- var DdsFontBodySans02ParagraphSpacing = "8px";
3310
- var DdsFontBodySans02ParagraphSpacingNumberPx = 8;
3309
+ var DdsFontBodySans02ParagraphSpacing = "16px";
3310
+ var DdsFontBodySans02ParagraphSpacingNumberPx = 16;
3311
3311
  var DdsFontBodySans02TextCase = "none";
3312
3312
  var DdsFontBodySans03FontSize = "18px";
3313
3313
  var DdsFontBodySans03FontSizeNumberPx = 18;
@@ -3320,8 +3320,8 @@ var DdsFontBodySans03LetterSpacing = "0em";
3320
3320
  var DdsFontBodySans03LineHeight = "1.5em";
3321
3321
  var DdsFontBodySans03ParagraphIndent = "0px";
3322
3322
  var DdsFontBodySans03ParagraphIndentNumberPx = 0;
3323
- var DdsFontBodySans03ParagraphSpacing = "10px";
3324
- var DdsFontBodySans03ParagraphSpacingNumberPx = 10;
3323
+ var DdsFontBodySans03ParagraphSpacing = "18px";
3324
+ var DdsFontBodySans03ParagraphSpacingNumberPx = 18;
3325
3325
  var DdsFontBodySans03TextCase = "none";
3326
3326
  var DdsFontBodySans04FontSize = "20px";
3327
3327
  var DdsFontBodySans04FontSizeNumberPx = 20;
@@ -3334,8 +3334,8 @@ var DdsFontBodySans04LetterSpacing = "0em";
3334
3334
  var DdsFontBodySans04LineHeight = "1.5em";
3335
3335
  var DdsFontBodySans04ParagraphIndent = "0px";
3336
3336
  var DdsFontBodySans04ParagraphIndentNumberPx = 0;
3337
- var DdsFontBodySans04ParagraphSpacing = "10px";
3338
- var DdsFontBodySans04ParagraphSpacingNumberPx = 10;
3337
+ var DdsFontBodySans04ParagraphSpacing = "20px";
3338
+ var DdsFontBodySans04ParagraphSpacingNumberPx = 20;
3339
3339
  var DdsFontBodySans04TextCase = "none";
3340
3340
  var DdsFontBodySerif01FontSize = "14px";
3341
3341
  var DdsFontBodySerif01FontSizeNumberPx = 14;
@@ -3348,8 +3348,8 @@ var DdsFontBodySerif01LetterSpacing = "0.01em";
3348
3348
  var DdsFontBodySerif01LineHeight = "1.5em";
3349
3349
  var DdsFontBodySerif01ParagraphIndent = "0px";
3350
3350
  var DdsFontBodySerif01ParagraphIndentNumberPx = 0;
3351
- var DdsFontBodySerif01ParagraphSpacing = "7px";
3352
- var DdsFontBodySerif01ParagraphSpacingNumberPx = 7;
3351
+ var DdsFontBodySerif01ParagraphSpacing = "14px";
3352
+ var DdsFontBodySerif01ParagraphSpacingNumberPx = 14;
3353
3353
  var DdsFontBodySerif01TextCase = "none";
3354
3354
  var DdsFontBodySerif02FontSize = "16px";
3355
3355
  var DdsFontBodySerif02FontSizeNumberPx = 16;
@@ -3362,8 +3362,8 @@ var DdsFontBodySerif02LetterSpacing = "0em";
3362
3362
  var DdsFontBodySerif02LineHeight = "1.5em";
3363
3363
  var DdsFontBodySerif02ParagraphIndent = "0px";
3364
3364
  var DdsFontBodySerif02ParagraphIndentNumberPx = 0;
3365
- var DdsFontBodySerif02ParagraphSpacing = "8px";
3366
- var DdsFontBodySerif02ParagraphSpacingNumberPx = 8;
3365
+ var DdsFontBodySerif02ParagraphSpacing = "16px";
3366
+ var DdsFontBodySerif02ParagraphSpacingNumberPx = 16;
3367
3367
  var DdsFontBodySerif02TextCase = "none";
3368
3368
  var DdsFontBodySerif03FontSize = "18px";
3369
3369
  var DdsFontBodySerif03FontSizeNumberPx = 18;
@@ -3376,8 +3376,8 @@ var DdsFontBodySerif03LetterSpacing = "0em";
3376
3376
  var DdsFontBodySerif03LineHeight = "1.5em";
3377
3377
  var DdsFontBodySerif03ParagraphIndent = "0px";
3378
3378
  var DdsFontBodySerif03ParagraphIndentNumberPx = 0;
3379
- var DdsFontBodySerif03ParagraphSpacing = "10px";
3380
- var DdsFontBodySerif03ParagraphSpacingNumberPx = 10;
3379
+ var DdsFontBodySerif03ParagraphSpacing = "18px";
3380
+ var DdsFontBodySerif03ParagraphSpacingNumberPx = 18;
3381
3381
  var DdsFontBodySerif03TextCase = "none";
3382
3382
  var DdsFontBodySerif04FontSize = "20px";
3383
3383
  var DdsFontBodySerif04FontSizeNumberPx = 20;
@@ -3390,8 +3390,8 @@ var DdsFontBodySerif04LetterSpacing = "0em";
3390
3390
  var DdsFontBodySerif04LineHeight = "1.5em";
3391
3391
  var DdsFontBodySerif04ParagraphIndent = "0px";
3392
3392
  var DdsFontBodySerif04ParagraphIndentNumberPx = 0;
3393
- var DdsFontBodySerif04ParagraphSpacing = "10px";
3394
- var DdsFontBodySerif04ParagraphSpacingNumberPx = 10;
3393
+ var DdsFontBodySerif04ParagraphSpacing = "20px";
3394
+ var DdsFontBodySerif04ParagraphSpacingNumberPx = 20;
3395
3395
  var DdsFontBodySerif04TextCase = "none";
3396
3396
  var DdsFontLeadSans01FontSize = "18px";
3397
3397
  var DdsFontLeadSans01FontSizeNumberPx = 18;
@@ -3404,8 +3404,8 @@ var DdsFontLeadSans01LetterSpacing = "0em";
3404
3404
  var DdsFontLeadSans01LineHeight = "1.5em";
3405
3405
  var DdsFontLeadSans01ParagraphIndent = "0px";
3406
3406
  var DdsFontLeadSans01ParagraphIndentNumberPx = 0;
3407
- var DdsFontLeadSans01ParagraphSpacing = "9px";
3408
- var DdsFontLeadSans01ParagraphSpacingNumberPx = 9;
3407
+ var DdsFontLeadSans01ParagraphSpacing = "18px";
3408
+ var DdsFontLeadSans01ParagraphSpacingNumberPx = 18;
3409
3409
  var DdsFontLeadSans01TextCase = "none";
3410
3410
  var DdsFontLeadSans02FontSize = "24px";
3411
3411
  var DdsFontLeadSans02FontSizeNumberPx = 24;
@@ -3418,8 +3418,8 @@ var DdsFontLeadSans02LetterSpacing = "0em";
3418
3418
  var DdsFontLeadSans02LineHeight = "1.35em";
3419
3419
  var DdsFontLeadSans02ParagraphIndent = "0px";
3420
3420
  var DdsFontLeadSans02ParagraphIndentNumberPx = 0;
3421
- var DdsFontLeadSans02ParagraphSpacing = "8px";
3422
- var DdsFontLeadSans02ParagraphSpacingNumberPx = 8;
3421
+ var DdsFontLeadSans02ParagraphSpacing = "16px";
3422
+ var DdsFontLeadSans02ParagraphSpacingNumberPx = 16;
3423
3423
  var DdsFontLeadSans02TextCase = "none";
3424
3424
  var DdsFontLeadSans03FontSize = "24px";
3425
3425
  var DdsFontLeadSans03FontSizeNumberPx = 24;
@@ -3432,8 +3432,8 @@ var DdsFontLeadSans03LetterSpacing = "0em";
3432
3432
  var DdsFontLeadSans03LineHeight = "1.35em";
3433
3433
  var DdsFontLeadSans03ParagraphIndent = "0px";
3434
3434
  var DdsFontLeadSans03ParagraphIndentNumberPx = 0;
3435
- var DdsFontLeadSans03ParagraphSpacing = "8px";
3436
- var DdsFontLeadSans03ParagraphSpacingNumberPx = 8;
3435
+ var DdsFontLeadSans03ParagraphSpacing = "16px";
3436
+ var DdsFontLeadSans03ParagraphSpacingNumberPx = 16;
3437
3437
  var DdsFontLeadSans03TextCase = "none";
3438
3438
  var DdsFontLeadSans04FontSize = "32px";
3439
3439
  var DdsFontLeadSans04FontSizeNumberPx = 32;
@@ -3446,8 +3446,8 @@ var DdsFontLeadSans04LetterSpacing = "0em";
3446
3446
  var DdsFontLeadSans04LineHeight = "1.35em";
3447
3447
  var DdsFontLeadSans04ParagraphIndent = "0px";
3448
3448
  var DdsFontLeadSans04ParagraphIndentNumberPx = 0;
3449
- var DdsFontLeadSans04ParagraphSpacing = "10px";
3450
- var DdsFontLeadSans04ParagraphSpacingNumberPx = 10;
3449
+ var DdsFontLeadSans04ParagraphSpacing = "21px";
3450
+ var DdsFontLeadSans04ParagraphSpacingNumberPx = 21;
3451
3451
  var DdsFontLeadSans04TextCase = "none";
3452
3452
  var DdsFontLeadSans05FontSize = "40px";
3453
3453
  var DdsFontLeadSans05FontSizeNumberPx = 40;
@@ -3460,8 +3460,8 @@ var DdsFontLeadSans05LetterSpacing = "-0.01em";
3460
3460
  var DdsFontLeadSans05LineHeight = "1.35em";
3461
3461
  var DdsFontLeadSans05ParagraphIndent = "0px";
3462
3462
  var DdsFontLeadSans05ParagraphIndentNumberPx = 0;
3463
- var DdsFontLeadSans05ParagraphSpacing = "13px";
3464
- var DdsFontLeadSans05ParagraphSpacingNumberPx = 13;
3463
+ var DdsFontLeadSans05ParagraphSpacing = "26px";
3464
+ var DdsFontLeadSans05ParagraphSpacingNumberPx = 26;
3465
3465
  var DdsFontLeadSans05TextCase = "none";
3466
3466
  var DdsFontSupportingStyleLabel01FontSize = "14px";
3467
3467
  var DdsFontSupportingStyleLabel01FontSizeNumberPx = 14;
@@ -3474,8 +3474,8 @@ var DdsFontSupportingStyleLabel01LetterSpacing = "0.01em";
3474
3474
  var DdsFontSupportingStyleLabel01LineHeight = "1.5em";
3475
3475
  var DdsFontSupportingStyleLabel01ParagraphIndent = "0px";
3476
3476
  var DdsFontSupportingStyleLabel01ParagraphIndentNumberPx = 0;
3477
- var DdsFontSupportingStyleLabel01ParagraphSpacing = "7px";
3478
- var DdsFontSupportingStyleLabel01ParagraphSpacingNumberPx = 7;
3477
+ var DdsFontSupportingStyleLabel01ParagraphSpacing = "14px";
3478
+ var DdsFontSupportingStyleLabel01ParagraphSpacingNumberPx = 14;
3479
3479
  var DdsFontSupportingStyleLabel01TextCase = "none";
3480
3480
  var DdsFontSupportingStyleHelpertext01FontSize = "14px";
3481
3481
  var DdsFontSupportingStyleHelpertext01FontSizeNumberPx = 14;
@@ -3488,8 +3488,8 @@ var DdsFontSupportingStyleHelpertext01LetterSpacing = "0.01em";
3488
3488
  var DdsFontSupportingStyleHelpertext01LineHeight = "1.5em";
3489
3489
  var DdsFontSupportingStyleHelpertext01ParagraphIndent = "0px";
3490
3490
  var DdsFontSupportingStyleHelpertext01ParagraphIndentNumberPx = 0;
3491
- var DdsFontSupportingStyleHelpertext01ParagraphSpacing = "7px";
3492
- var DdsFontSupportingStyleHelpertext01ParagraphSpacingNumberPx = 7;
3491
+ var DdsFontSupportingStyleHelpertext01ParagraphSpacing = "14px";
3492
+ var DdsFontSupportingStyleHelpertext01ParagraphSpacingNumberPx = 14;
3493
3493
  var DdsFontSupportingStyleHelpertext01TextCase = "none";
3494
3494
  var DdsFontSupportingStyleInputtext01FontSize = "14px";
3495
3495
  var DdsFontSupportingStyleInputtext01FontSizeNumberPx = 14;
@@ -3502,8 +3502,8 @@ var DdsFontSupportingStyleInputtext01LetterSpacing = "0.01em";
3502
3502
  var DdsFontSupportingStyleInputtext01LineHeight = "1.5em";
3503
3503
  var DdsFontSupportingStyleInputtext01ParagraphIndent = "0px";
3504
3504
  var DdsFontSupportingStyleInputtext01ParagraphIndentNumberPx = 0;
3505
- var DdsFontSupportingStyleInputtext01ParagraphSpacing = "7px";
3506
- var DdsFontSupportingStyleInputtext01ParagraphSpacingNumberPx = 7;
3505
+ var DdsFontSupportingStyleInputtext01ParagraphSpacing = "14px";
3506
+ var DdsFontSupportingStyleInputtext01ParagraphSpacingNumberPx = 14;
3507
3507
  var DdsFontSupportingStyleInputtext01TextCase = "none";
3508
3508
  var DdsFontSupportingStyleInputtext02FontSize = "18px";
3509
3509
  var DdsFontSupportingStyleInputtext02FontSizeNumberPx = 18;
@@ -3516,8 +3516,8 @@ var DdsFontSupportingStyleInputtext02LetterSpacing = "0em";
3516
3516
  var DdsFontSupportingStyleInputtext02LineHeight = "1.5em";
3517
3517
  var DdsFontSupportingStyleInputtext02ParagraphIndent = "0px";
3518
3518
  var DdsFontSupportingStyleInputtext02ParagraphIndentNumberPx = 0;
3519
- var DdsFontSupportingStyleInputtext02ParagraphSpacing = "9px";
3520
- var DdsFontSupportingStyleInputtext02ParagraphSpacingNumberPx = 9;
3519
+ var DdsFontSupportingStyleInputtext02ParagraphSpacing = "18px";
3520
+ var DdsFontSupportingStyleInputtext02ParagraphSpacingNumberPx = 18;
3521
3521
  var DdsFontSupportingStyleInputtext02TextCase = "none";
3522
3522
  var DdsFontSupportingStyleInputtext03FontSize = "20px";
3523
3523
  var DdsFontSupportingStyleInputtext03FontSizeNumberPx = 20;
@@ -3530,8 +3530,8 @@ var DdsFontSupportingStyleInputtext03LetterSpacing = "0em";
3530
3530
  var DdsFontSupportingStyleInputtext03LineHeight = "1.5em";
3531
3531
  var DdsFontSupportingStyleInputtext03ParagraphIndent = "0px";
3532
3532
  var DdsFontSupportingStyleInputtext03ParagraphIndentNumberPx = 0;
3533
- var DdsFontSupportingStyleInputtext03ParagraphSpacing = "10px";
3534
- var DdsFontSupportingStyleInputtext03ParagraphSpacingNumberPx = 10;
3533
+ var DdsFontSupportingStyleInputtext03ParagraphSpacing = "20px";
3534
+ var DdsFontSupportingStyleInputtext03ParagraphSpacingNumberPx = 20;
3535
3535
  var DdsFontSupportingStyleInputtext03TextCase = "none";
3536
3536
  var DdsFontSupportingStylePlaceholdertext01FontSize = "18px";
3537
3537
  var DdsFontSupportingStylePlaceholdertext01FontSizeNumberPx = 18;
@@ -3544,8 +3544,8 @@ var DdsFontSupportingStylePlaceholdertext01LetterSpacing = "0em";
3544
3544
  var DdsFontSupportingStylePlaceholdertext01LineHeight = "1.5em";
3545
3545
  var DdsFontSupportingStylePlaceholdertext01ParagraphIndent = "0px";
3546
3546
  var DdsFontSupportingStylePlaceholdertext01ParagraphIndentNumberPx = 0;
3547
- var DdsFontSupportingStylePlaceholdertext01ParagraphSpacing = "7px";
3548
- var DdsFontSupportingStylePlaceholdertext01ParagraphSpacingNumberPx = 7;
3547
+ var DdsFontSupportingStylePlaceholdertext01ParagraphSpacing = "18px";
3548
+ var DdsFontSupportingStylePlaceholdertext01ParagraphSpacingNumberPx = 18;
3549
3549
  var DdsFontSupportingStylePlaceholdertext01TextCase = "none";
3550
3550
  var DdsFontSupportingStyleTiny01FontSize = "12px";
3551
3551
  var DdsFontSupportingStyleTiny01FontSizeNumberPx = 12;
@@ -3558,8 +3558,8 @@ var DdsFontSupportingStyleTiny01LetterSpacing = "0.01em";
3558
3558
  var DdsFontSupportingStyleTiny01LineHeight = "1.5em";
3559
3559
  var DdsFontSupportingStyleTiny01ParagraphIndent = "0px";
3560
3560
  var DdsFontSupportingStyleTiny01ParagraphIndentNumberPx = 0;
3561
- var DdsFontSupportingStyleTiny01ParagraphSpacing = "7px";
3562
- var DdsFontSupportingStyleTiny01ParagraphSpacingNumberPx = 7;
3561
+ var DdsFontSupportingStyleTiny01ParagraphSpacing = "12px";
3562
+ var DdsFontSupportingStyleTiny01ParagraphSpacingNumberPx = 12;
3563
3563
  var DdsFontSupportingStyleTiny01TextCase = "none";
3564
3564
 
3565
3565
  var font = /*#__PURE__*/Object.freeze({
@@ -3960,7 +3960,7 @@ var font = /*#__PURE__*/Object.freeze({
3960
3960
 
3961
3961
  /**
3962
3962
  * Do not edit directly
3963
- * Generated on Fri, 17 Sep 2021 11:44:35 GMT
3963
+ * Generated on Wed, 15 Dec 2021 11:11:43 GMT
3964
3964
  */
3965
3965
  var BordersDdsBorderStyle1StrokeAlign = "inside";
3966
3966
  var BordersDdsBorderStyle1StrokeMiterLimit = 4;
@@ -3979,7 +3979,7 @@ var border = /*#__PURE__*/Object.freeze({
3979
3979
 
3980
3980
  /**
3981
3981
  * Do not edit directly
3982
- * Generated on Fri, 17 Sep 2021 11:44:35 GMT
3982
+ * Generated on Wed, 15 Dec 2021 11:11:43 GMT
3983
3983
  */
3984
3984
  var RadiiDdsBorderRadius1Radius = "2px";
3985
3985
  var RadiiDdsBorderRadius1RadiusNumberPx = 2;
@@ -4048,7 +4048,7 @@ var borderRadius$1 = /*#__PURE__*/Object.freeze({
4048
4048
 
4049
4049
  /**
4050
4050
  * Do not edit directly
4051
- * Generated on Fri, 17 Sep 2021 11:44:35 GMT
4051
+ * Generated on Wed, 15 Dec 2021 11:11:43 GMT
4052
4052
  */
4053
4053
  var SizesDdsSpacingLocalX3 = "48px";
4054
4054
  var SizesDdsSpacingLocalX3NumberPx = 48; // 48px
@@ -4121,7 +4121,7 @@ var spacing$1 = /*#__PURE__*/Object.freeze({
4121
4121
 
4122
4122
  /**
4123
4123
  * Do not edit directly
4124
- * Generated on Fri, 17 Sep 2021 11:44:35 GMT
4124
+ * Generated on Wed, 15 Dec 2021 11:11:43 GMT
4125
4125
  */
4126
4126
  var DdsIconsizeMedium = "24px";
4127
4127
  var DdsIconsizeMediumNumberPx = 24;
@@ -4142,7 +4142,7 @@ var iconSizes = /*#__PURE__*/Object.freeze({
4142
4142
 
4143
4143
  /**
4144
4144
  * Do not edit directly
4145
- * Generated on Fri, 17 Sep 2021 11:44:35 GMT
4145
+ * Generated on Wed, 15 Dec 2021 11:11:43 GMT
4146
4146
  */
4147
4147
  var DdsGridXs0599Pattern = "columns";
4148
4148
  var DdsGridXs0599GutterSize = "16px";
@@ -4221,7 +4221,7 @@ var grid = /*#__PURE__*/Object.freeze({
4221
4221
 
4222
4222
  /**
4223
4223
  * Do not edit directly
4224
- * Generated on Fri, 17 Sep 2021 11:44:35 GMT
4224
+ * Generated on Wed, 15 Dec 2021 11:11:43 GMT
4225
4225
  */
4226
4226
  var DdsInnershadow1Ondark = " 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.5) inset";
4227
4227
  var DdsInnershadow1Onlight = " 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.1) inset";
@@ -4238,7 +4238,7 @@ var innerShadow = /*#__PURE__*/Object.freeze({
4238
4238
 
4239
4239
  /**
4240
4240
  * Do not edit directly
4241
- * Generated on Fri, 17 Sep 2021 11:44:35 GMT
4241
+ * Generated on Wed, 15 Dec 2021 11:11:43 GMT
4242
4242
  */
4243
4243
  var DdsShadow1Ondark = " 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.5)";
4244
4244
  var DdsShadow1Onlight = " 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.1)";
@@ -4263,7 +4263,7 @@ var outerShadow = /*#__PURE__*/Object.freeze({
4263
4263
 
4264
4264
  /**
4265
4265
  * Do not edit directly
4266
- * Generated on Fri, 17 Sep 2021 11:44:35 GMT
4266
+ * Generated on Wed, 15 Dec 2021 11:11:43 GMT
4267
4267
  */
4268
4268
  var ddsStyles = {
4269
4269
  "$dds-font": {
@@ -4488,11 +4488,11 @@ var ddsStyles = {
4488
4488
  ]
4489
4489
  },
4490
4490
  "paragraphSpacing": {
4491
- "value": 7,
4491
+ "value": 14,
4492
4492
  "type": "number",
4493
4493
  "unit": "pixel",
4494
4494
  "original": {
4495
- "value": 7,
4495
+ "value": 14,
4496
4496
  "type": "number",
4497
4497
  "unit": "pixel"
4498
4498
  },
@@ -4752,11 +4752,11 @@ var ddsStyles = {
4752
4752
  ]
4753
4753
  },
4754
4754
  "paragraphSpacing": {
4755
- "value": 9,
4755
+ "value": 16,
4756
4756
  "type": "number",
4757
4757
  "unit": "pixel",
4758
4758
  "original": {
4759
- "value": 9,
4759
+ "value": 16,
4760
4760
  "type": "number",
4761
4761
  "unit": "pixel"
4762
4762
  },
@@ -5016,11 +5016,11 @@ var ddsStyles = {
5016
5016
  ]
5017
5017
  },
5018
5018
  "paragraphSpacing": {
5019
- "value": 8,
5019
+ "value": 16,
5020
5020
  "type": "number",
5021
5021
  "unit": "pixel",
5022
5022
  "original": {
5023
- "value": 8,
5023
+ "value": 16,
5024
5024
  "type": "number",
5025
5025
  "unit": "pixel"
5026
5026
  },
@@ -5280,11 +5280,11 @@ var ddsStyles = {
5280
5280
  ]
5281
5281
  },
5282
5282
  "paragraphSpacing": {
5283
- "value": 10,
5283
+ "value": 21,
5284
5284
  "type": "number",
5285
5285
  "unit": "pixel",
5286
5286
  "original": {
5287
- "value": 10,
5287
+ "value": 21,
5288
5288
  "type": "number",
5289
5289
  "unit": "pixel"
5290
5290
  },
@@ -5544,11 +5544,11 @@ var ddsStyles = {
5544
5544
  ]
5545
5545
  },
5546
5546
  "paragraphSpacing": {
5547
- "value": 13,
5547
+ "value": 26,
5548
5548
  "type": "number",
5549
5549
  "unit": "pixel",
5550
5550
  "original": {
5551
- "value": 13,
5551
+ "value": 26,
5552
5552
  "type": "number",
5553
5553
  "unit": "pixel"
5554
5554
  },
@@ -5808,11 +5808,11 @@ var ddsStyles = {
5808
5808
  ]
5809
5809
  },
5810
5810
  "paragraphSpacing": {
5811
- "value": 12,
5811
+ "value": 24,
5812
5812
  "type": "number",
5813
5813
  "unit": "pixel",
5814
5814
  "original": {
5815
- "value": 12,
5815
+ "value": 24,
5816
5816
  "type": "number",
5817
5817
  "unit": "pixel"
5818
5818
  },
@@ -6072,11 +6072,11 @@ var ddsStyles = {
6072
6072
  ]
6073
6073
  },
6074
6074
  "paragraphSpacing": {
6075
- "value": 16,
6075
+ "value": 32,
6076
6076
  "type": "number",
6077
6077
  "unit": "pixel",
6078
6078
  "original": {
6079
- "value": 16,
6079
+ "value": 32,
6080
6080
  "type": "number",
6081
6081
  "unit": "pixel"
6082
6082
  },
@@ -6336,11 +6336,11 @@ var ddsStyles = {
6336
6336
  ]
6337
6337
  },
6338
6338
  "paragraphSpacing": {
6339
- "value": 20,
6339
+ "value": 40,
6340
6340
  "type": "number",
6341
6341
  "unit": "pixel",
6342
6342
  "original": {
6343
- "value": 20,
6343
+ "value": 40,
6344
6344
  "type": "number",
6345
6345
  "unit": "pixel"
6346
6346
  },
@@ -6602,11 +6602,11 @@ var ddsStyles = {
6602
6602
  ]
6603
6603
  },
6604
6604
  "paragraphSpacing": {
6605
- "value": 7,
6605
+ "value": 14,
6606
6606
  "type": "number",
6607
6607
  "unit": "pixel",
6608
6608
  "original": {
6609
- "value": 7,
6609
+ "value": 14,
6610
6610
  "type": "number",
6611
6611
  "unit": "pixel"
6612
6612
  },
@@ -6866,11 +6866,11 @@ var ddsStyles = {
6866
6866
  ]
6867
6867
  },
6868
6868
  "paragraphSpacing": {
6869
- "value": 8,
6869
+ "value": 16,
6870
6870
  "type": "number",
6871
6871
  "unit": "pixel",
6872
6872
  "original": {
6873
- "value": 8,
6873
+ "value": 16,
6874
6874
  "type": "number",
6875
6875
  "unit": "pixel"
6876
6876
  },
@@ -7130,11 +7130,11 @@ var ddsStyles = {
7130
7130
  ]
7131
7131
  },
7132
7132
  "paragraphSpacing": {
7133
- "value": 10,
7133
+ "value": 18,
7134
7134
  "type": "number",
7135
7135
  "unit": "pixel",
7136
7136
  "original": {
7137
- "value": 10,
7137
+ "value": 18,
7138
7138
  "type": "number",
7139
7139
  "unit": "pixel"
7140
7140
  },
@@ -7394,11 +7394,11 @@ var ddsStyles = {
7394
7394
  ]
7395
7395
  },
7396
7396
  "paragraphSpacing": {
7397
- "value": 10,
7397
+ "value": 20,
7398
7398
  "type": "number",
7399
7399
  "unit": "pixel",
7400
7400
  "original": {
7401
- "value": 10,
7401
+ "value": 20,
7402
7402
  "type": "number",
7403
7403
  "unit": "pixel"
7404
7404
  },
@@ -7658,11 +7658,11 @@ var ddsStyles = {
7658
7658
  ]
7659
7659
  },
7660
7660
  "paragraphSpacing": {
7661
- "value": 7,
7661
+ "value": 14,
7662
7662
  "type": "number",
7663
7663
  "unit": "pixel",
7664
7664
  "original": {
7665
- "value": 7,
7665
+ "value": 14,
7666
7666
  "type": "number",
7667
7667
  "unit": "pixel"
7668
7668
  },
@@ -7922,11 +7922,11 @@ var ddsStyles = {
7922
7922
  ]
7923
7923
  },
7924
7924
  "paragraphSpacing": {
7925
- "value": 8,
7925
+ "value": 16,
7926
7926
  "type": "number",
7927
7927
  "unit": "pixel",
7928
7928
  "original": {
7929
- "value": 8,
7929
+ "value": 16,
7930
7930
  "type": "number",
7931
7931
  "unit": "pixel"
7932
7932
  },
@@ -8186,11 +8186,11 @@ var ddsStyles = {
8186
8186
  ]
8187
8187
  },
8188
8188
  "paragraphSpacing": {
8189
- "value": 10,
8189
+ "value": 18,
8190
8190
  "type": "number",
8191
8191
  "unit": "pixel",
8192
8192
  "original": {
8193
- "value": 10,
8193
+ "value": 18,
8194
8194
  "type": "number",
8195
8195
  "unit": "pixel"
8196
8196
  },
@@ -8450,11 +8450,11 @@ var ddsStyles = {
8450
8450
  ]
8451
8451
  },
8452
8452
  "paragraphSpacing": {
8453
- "value": 10,
8453
+ "value": 20,
8454
8454
  "type": "number",
8455
8455
  "unit": "pixel",
8456
8456
  "original": {
8457
- "value": 10,
8457
+ "value": 20,
8458
8458
  "type": "number",
8459
8459
  "unit": "pixel"
8460
8460
  },
@@ -8716,11 +8716,11 @@ var ddsStyles = {
8716
8716
  ]
8717
8717
  },
8718
8718
  "paragraphSpacing": {
8719
- "value": 9,
8719
+ "value": 18,
8720
8720
  "type": "number",
8721
8721
  "unit": "pixel",
8722
8722
  "original": {
8723
- "value": 9,
8723
+ "value": 18,
8724
8724
  "type": "number",
8725
8725
  "unit": "pixel"
8726
8726
  },
@@ -8980,11 +8980,11 @@ var ddsStyles = {
8980
8980
  ]
8981
8981
  },
8982
8982
  "paragraphSpacing": {
8983
- "value": 8,
8983
+ "value": 16,
8984
8984
  "type": "number",
8985
8985
  "unit": "pixel",
8986
8986
  "original": {
8987
- "value": 8,
8987
+ "value": 16,
8988
8988
  "type": "number",
8989
8989
  "unit": "pixel"
8990
8990
  },
@@ -9244,11 +9244,11 @@ var ddsStyles = {
9244
9244
  ]
9245
9245
  },
9246
9246
  "paragraphSpacing": {
9247
- "value": 8,
9247
+ "value": 16,
9248
9248
  "type": "number",
9249
9249
  "unit": "pixel",
9250
9250
  "original": {
9251
- "value": 8,
9251
+ "value": 16,
9252
9252
  "type": "number",
9253
9253
  "unit": "pixel"
9254
9254
  },
@@ -9508,11 +9508,11 @@ var ddsStyles = {
9508
9508
  ]
9509
9509
  },
9510
9510
  "paragraphSpacing": {
9511
- "value": 10,
9511
+ "value": 21,
9512
9512
  "type": "number",
9513
9513
  "unit": "pixel",
9514
9514
  "original": {
9515
- "value": 10,
9515
+ "value": 21,
9516
9516
  "type": "number",
9517
9517
  "unit": "pixel"
9518
9518
  },
@@ -9772,11 +9772,11 @@ var ddsStyles = {
9772
9772
  ]
9773
9773
  },
9774
9774
  "paragraphSpacing": {
9775
- "value": 13,
9775
+ "value": 26,
9776
9776
  "type": "number",
9777
9777
  "unit": "pixel",
9778
9778
  "original": {
9779
- "value": 13,
9779
+ "value": 26,
9780
9780
  "type": "number",
9781
9781
  "unit": "pixel"
9782
9782
  },
@@ -10038,11 +10038,11 @@ var ddsStyles = {
10038
10038
  ]
10039
10039
  },
10040
10040
  "paragraphSpacing": {
10041
- "value": 7,
10041
+ "value": 14,
10042
10042
  "type": "number",
10043
10043
  "unit": "pixel",
10044
10044
  "original": {
10045
- "value": 7,
10045
+ "value": 14,
10046
10046
  "type": "number",
10047
10047
  "unit": "pixel"
10048
10048
  },
@@ -10302,11 +10302,11 @@ var ddsStyles = {
10302
10302
  ]
10303
10303
  },
10304
10304
  "paragraphSpacing": {
10305
- "value": 7,
10305
+ "value": 14,
10306
10306
  "type": "number",
10307
10307
  "unit": "pixel",
10308
10308
  "original": {
10309
- "value": 7,
10309
+ "value": 14,
10310
10310
  "type": "number",
10311
10311
  "unit": "pixel"
10312
10312
  },
@@ -10566,11 +10566,11 @@ var ddsStyles = {
10566
10566
  ]
10567
10567
  },
10568
10568
  "paragraphSpacing": {
10569
- "value": 7,
10569
+ "value": 14,
10570
10570
  "type": "number",
10571
10571
  "unit": "pixel",
10572
10572
  "original": {
10573
- "value": 7,
10573
+ "value": 14,
10574
10574
  "type": "number",
10575
10575
  "unit": "pixel"
10576
10576
  },
@@ -10830,11 +10830,11 @@ var ddsStyles = {
10830
10830
  ]
10831
10831
  },
10832
10832
  "paragraphSpacing": {
10833
- "value": 9,
10833
+ "value": 18,
10834
10834
  "type": "number",
10835
10835
  "unit": "pixel",
10836
10836
  "original": {
10837
- "value": 9,
10837
+ "value": 18,
10838
10838
  "type": "number",
10839
10839
  "unit": "pixel"
10840
10840
  },
@@ -11094,11 +11094,11 @@ var ddsStyles = {
11094
11094
  ]
11095
11095
  },
11096
11096
  "paragraphSpacing": {
11097
- "value": 10,
11097
+ "value": 20,
11098
11098
  "type": "number",
11099
11099
  "unit": "pixel",
11100
11100
  "original": {
11101
- "value": 10,
11101
+ "value": 20,
11102
11102
  "type": "number",
11103
11103
  "unit": "pixel"
11104
11104
  },
@@ -11358,11 +11358,11 @@ var ddsStyles = {
11358
11358
  ]
11359
11359
  },
11360
11360
  "paragraphSpacing": {
11361
- "value": 7,
11361
+ "value": 18,
11362
11362
  "type": "number",
11363
11363
  "unit": "pixel",
11364
11364
  "original": {
11365
- "value": 7,
11365
+ "value": 18,
11366
11366
  "type": "number",
11367
11367
  "unit": "pixel"
11368
11368
  },
@@ -11622,11 +11622,11 @@ var ddsStyles = {
11622
11622
  ]
11623
11623
  },
11624
11624
  "paragraphSpacing": {
11625
- "value": 7,
11625
+ "value": 12,
11626
11626
  "type": "number",
11627
11627
  "unit": "pixel",
11628
11628
  "original": {
11629
- "value": 7,
11629
+ "value": 12,
11630
11630
  "type": "number",
11631
11631
  "unit": "pixel"
11632
11632
  },
@@ -11737,10 +11737,10 @@ var ddsBaseTokens = {
11737
11737
  fontPackages: fontPackages,
11738
11738
  };
11739
11739
 
11740
- var Colors$j = ddsBaseTokens.colors, FontPackages$g = ddsBaseTokens.fontPackages, BorderRadius$4 = ddsBaseTokens.borderRadius, Border$8 = ddsBaseTokens.border;
11740
+ var Colors$j = ddsBaseTokens.colors, FontPackages$h = ddsBaseTokens.fontPackages, BorderRadius$4 = ddsBaseTokens.borderRadius, Border$8 = ddsBaseTokens.border;
11741
11741
  var textDefault$8 = {
11742
11742
  textColor: Colors$j.DdsColorNeutralsGray9,
11743
- font: FontPackages$g.body_sans_02.base,
11743
+ font: FontPackages$h.body_sans_02.base,
11744
11744
  };
11745
11745
  var focus$1 = {
11746
11746
  colorDefault: Colors$j.DdsColorWarningDarker,
@@ -11758,7 +11758,7 @@ var ddsReferenceTokens = {
11758
11758
  borderWidth: Border$8.BordersDdsBorderStyle1StrokeWeight,
11759
11759
  borderColor: Colors$j.DdsColorNeutralsGray5,
11760
11760
  textColor: textDefault$8.textColor,
11761
- font: FontPackages$g.supportingStyle_inputtext_02.base,
11761
+ font: FontPackages$h.supportingStyle_inputtext_02.base,
11762
11762
  hover: {
11763
11763
  backgroundColor: Colors$j.DdsColorInteractiveLightest,
11764
11764
  borderColor: focus$1.color__TextInput,
@@ -11781,7 +11781,7 @@ var ddsReferenceTokens = {
11781
11781
  };
11782
11782
 
11783
11783
  var Colors$i = ddsBaseTokens.colors,
11784
- FontPackages$f = ddsBaseTokens.fontPackages,
11784
+ FontPackages$g = ddsBaseTokens.fontPackages,
11785
11785
  Spacing$o = ddsBaseTokens.spacing;
11786
11786
  var textDefault$7 = ddsReferenceTokens.textDefault;
11787
11787
  var textColors = {
@@ -11811,8 +11811,8 @@ var aBase = {
11811
11811
  width: 'fit-content'
11812
11812
  };
11813
11813
  var aMarginsBase = {
11814
- marginTop: FontPackages$f.body_sans_02.paragraph.paragraphSpacing,
11815
- marginBottom: FontPackages$f.body_sans_02.paragraph.paragraphSpacing
11814
+ marginTop: FontPackages$g.body_sans_02.paragraph.paragraphSpacing,
11815
+ marginBottom: FontPackages$g.body_sans_02.paragraph.paragraphSpacing
11816
11816
  };
11817
11817
  var aHoverBase = {
11818
11818
  color: Colors$i.DdsColorInteractiveDark
@@ -11824,7 +11824,7 @@ var aFocusBase = {
11824
11824
  outline: 'none'
11825
11825
  };
11826
11826
 
11827
- var aBoldBase = __assign(__assign({}, FontPackages$f.body_sans_02), {
11827
+ var aBoldBase = __assign(__assign({}, FontPackages$g.body_sans_02), {
11828
11828
  fontWeight: 600
11829
11829
  });
11830
11830
 
@@ -11840,268 +11840,268 @@ var italicBase = {
11840
11840
 
11841
11841
  var headingSans01Base = __assign({
11842
11842
  color: textDefault$7.textColor
11843
- }, FontPackages$f.heading_sans_01.base);
11843
+ }, FontPackages$g.heading_sans_01.base);
11844
11844
 
11845
11845
  var headingSans01MarginsBase = {
11846
- marginTop: FontPackages$f.heading_sans_01.paragraph.paragraphSpacing,
11847
- marginBottom: FontPackages$f.heading_sans_01.paragraph.paragraphSpacing
11846
+ marginTop: FontPackages$g.heading_sans_01.paragraph.paragraphSpacing,
11847
+ marginBottom: FontPackages$g.heading_sans_01.paragraph.paragraphSpacing
11848
11848
  };
11849
11849
 
11850
11850
  var headingSans02Base = __assign({
11851
11851
  color: textDefault$7.textColor
11852
- }, FontPackages$f.heading_sans_02.base);
11852
+ }, FontPackages$g.heading_sans_02.base);
11853
11853
 
11854
11854
  var headingSans02MarginsBase = {
11855
- marginTop: FontPackages$f.heading_sans_02.paragraph.paragraphSpacing,
11856
- marginBottom: FontPackages$f.heading_sans_02.paragraph.paragraphSpacing
11855
+ marginTop: FontPackages$g.heading_sans_02.paragraph.paragraphSpacing,
11856
+ marginBottom: FontPackages$g.heading_sans_02.paragraph.paragraphSpacing
11857
11857
  };
11858
11858
 
11859
11859
  var headingSans03Base = __assign({
11860
11860
  color: textDefault$7.textColor
11861
- }, FontPackages$f.heading_sans_03.base);
11861
+ }, FontPackages$g.heading_sans_03.base);
11862
11862
 
11863
11863
  var headingSans03MarginsBase = {
11864
- marginTop: FontPackages$f.heading_sans_03.paragraph.paragraphSpacing,
11865
- marginBottom: FontPackages$f.heading_sans_03.paragraph.paragraphSpacing
11864
+ marginTop: FontPackages$g.heading_sans_03.paragraph.paragraphSpacing,
11865
+ marginBottom: FontPackages$g.heading_sans_03.paragraph.paragraphSpacing
11866
11866
  };
11867
11867
 
11868
11868
  var headingSans04Base = __assign({
11869
11869
  color: textDefault$7.textColor
11870
- }, FontPackages$f.heading_sans_04.base);
11870
+ }, FontPackages$g.heading_sans_04.base);
11871
11871
 
11872
11872
  var headingSans04MarginsBase = {
11873
- marginTop: FontPackages$f.heading_sans_04.paragraph.paragraphSpacing,
11874
- marginBottom: FontPackages$f.heading_sans_04.paragraph.paragraphSpacing
11873
+ marginTop: FontPackages$g.heading_sans_04.paragraph.paragraphSpacing,
11874
+ marginBottom: FontPackages$g.heading_sans_04.paragraph.paragraphSpacing
11875
11875
  };
11876
11876
 
11877
11877
  var headingSans05Base = __assign({
11878
11878
  color: textDefault$7.textColor
11879
- }, FontPackages$f.heading_sans_05.base);
11879
+ }, FontPackages$g.heading_sans_05.base);
11880
11880
 
11881
11881
  var headingSans05MarginsBase = {
11882
- marginTop: FontPackages$f.heading_sans_05.paragraph.paragraphSpacing,
11883
- marginBottom: FontPackages$f.heading_sans_05.paragraph.paragraphSpacing
11882
+ marginTop: FontPackages$g.heading_sans_05.paragraph.paragraphSpacing,
11883
+ marginBottom: FontPackages$g.heading_sans_05.paragraph.paragraphSpacing
11884
11884
  };
11885
11885
 
11886
11886
  var headingSans06Base = __assign({
11887
11887
  color: textDefault$7.textColor
11888
- }, FontPackages$f.heading_sans_06.base);
11888
+ }, FontPackages$g.heading_sans_06.base);
11889
11889
 
11890
11890
  var headingSans06MarginsBase = {
11891
- marginTop: FontPackages$f.heading_sans_06.paragraph.paragraphSpacing,
11892
- marginBottom: FontPackages$f.heading_sans_06.paragraph.paragraphSpacing
11891
+ marginTop: FontPackages$g.heading_sans_06.paragraph.paragraphSpacing,
11892
+ marginBottom: FontPackages$g.heading_sans_06.paragraph.paragraphSpacing
11893
11893
  };
11894
11894
 
11895
11895
  var headingSans07Base = __assign({
11896
11896
  color: textDefault$7.textColor
11897
- }, FontPackages$f.heading_sans_07.base);
11897
+ }, FontPackages$g.heading_sans_07.base);
11898
11898
 
11899
11899
  var headingSans07MarginsBase = {
11900
- marginTop: FontPackages$f.heading_sans_07.paragraph.paragraphSpacing,
11901
- marginBottom: FontPackages$f.heading_sans_07.paragraph.paragraphSpacing
11900
+ marginTop: FontPackages$g.heading_sans_07.paragraph.paragraphSpacing,
11901
+ marginBottom: FontPackages$g.heading_sans_07.paragraph.paragraphSpacing
11902
11902
  };
11903
11903
 
11904
11904
  var headingSans08Base = __assign({
11905
11905
  color: textDefault$7.textColor
11906
- }, FontPackages$f.heading_sans_08.base);
11906
+ }, FontPackages$g.heading_sans_08.base);
11907
11907
 
11908
11908
  var headingSans08MarginsBase = {
11909
- marginTop: FontPackages$f.heading_sans_08.paragraph.paragraphSpacing,
11910
- marginBottom: FontPackages$f.heading_sans_08.paragraph.paragraphSpacing
11909
+ marginTop: FontPackages$g.heading_sans_08.paragraph.paragraphSpacing,
11910
+ marginBottom: FontPackages$g.heading_sans_08.paragraph.paragraphSpacing
11911
11911
  };
11912
11912
 
11913
11913
  var bodySans01Base$1 = __assign({
11914
11914
  color: textDefault$7.textColor
11915
- }, FontPackages$f.body_sans_01.base);
11915
+ }, FontPackages$g.body_sans_01.base);
11916
11916
 
11917
11917
  var bodySans01MarginsBase = {
11918
- marginTop: FontPackages$f.body_sans_01.paragraph.paragraphSpacing,
11919
- marginBottom: FontPackages$f.body_sans_01.paragraph.paragraphSpacing
11918
+ marginTop: FontPackages$g.body_sans_01.paragraph.paragraphSpacing,
11919
+ marginBottom: FontPackages$g.body_sans_01.paragraph.paragraphSpacing
11920
11920
  };
11921
11921
 
11922
11922
  var bodySans02Base$1 = __assign({
11923
11923
  color: textDefault$7.textColor
11924
- }, FontPackages$f.body_sans_02.base);
11924
+ }, FontPackages$g.body_sans_02.base);
11925
11925
 
11926
11926
  var bodySans02MarginsBase = {
11927
- marginTop: FontPackages$f.body_sans_02.paragraph.paragraphSpacing,
11928
- marginBottom: FontPackages$f.body_sans_02.paragraph.paragraphSpacing
11927
+ marginTop: FontPackages$g.body_sans_02.paragraph.paragraphSpacing,
11928
+ marginBottom: FontPackages$g.body_sans_02.paragraph.paragraphSpacing
11929
11929
  };
11930
11930
 
11931
11931
  var bodySans03Base$1 = __assign({
11932
11932
  color: textDefault$7.textColor
11933
- }, FontPackages$f.body_sans_03.base);
11933
+ }, FontPackages$g.body_sans_03.base);
11934
11934
 
11935
11935
  var bodySans03MarginsBase = {
11936
- marginTop: FontPackages$f.body_sans_03.paragraph.paragraphSpacing,
11937
- marginBottom: FontPackages$f.body_sans_03.paragraph.paragraphSpacing
11936
+ marginTop: FontPackages$g.body_sans_03.paragraph.paragraphSpacing,
11937
+ marginBottom: FontPackages$g.body_sans_03.paragraph.paragraphSpacing
11938
11938
  };
11939
11939
 
11940
11940
  var bodySans04Base$1 = __assign({
11941
11941
  color: textDefault$7.textColor
11942
- }, FontPackages$f.body_sans_04.base);
11942
+ }, FontPackages$g.body_sans_04.base);
11943
11943
 
11944
11944
  var bodySans04MarginsBase = {
11945
- marginTop: FontPackages$f.body_sans_04.paragraph.paragraphSpacing,
11946
- marginBottom: FontPackages$f.body_sans_04.paragraph.paragraphSpacing
11945
+ marginTop: FontPackages$g.body_sans_04.paragraph.paragraphSpacing,
11946
+ marginBottom: FontPackages$g.body_sans_04.paragraph.paragraphSpacing
11947
11947
  };
11948
11948
 
11949
11949
  var bodySerif01Base$1 = __assign({
11950
11950
  color: textDefault$7.textColor
11951
- }, FontPackages$f.body_serif_01.base);
11951
+ }, FontPackages$g.body_serif_01.base);
11952
11952
 
11953
11953
  var bodySerif01MarginsBase = {
11954
- marginTop: FontPackages$f.body_serif_01.paragraph.paragraphSpacing,
11955
- marginBottom: FontPackages$f.body_serif_01.paragraph.paragraphSpacing
11954
+ marginTop: FontPackages$g.body_serif_01.paragraph.paragraphSpacing,
11955
+ marginBottom: FontPackages$g.body_serif_01.paragraph.paragraphSpacing
11956
11956
  };
11957
11957
 
11958
11958
  var bodySerif02Base$1 = __assign({
11959
11959
  color: textDefault$7.textColor
11960
- }, FontPackages$f.body_serif_02.base);
11960
+ }, FontPackages$g.body_serif_02.base);
11961
11961
 
11962
11962
  var bodySerif02MarginsBase = {
11963
- marginTop: FontPackages$f.body_serif_02.paragraph.paragraphSpacing,
11964
- marginBottom: FontPackages$f.body_serif_02.paragraph.paragraphSpacing
11963
+ marginTop: FontPackages$g.body_serif_02.paragraph.paragraphSpacing,
11964
+ marginBottom: FontPackages$g.body_serif_02.paragraph.paragraphSpacing
11965
11965
  };
11966
11966
 
11967
11967
  var bodySerif03Base$1 = __assign({
11968
11968
  color: textDefault$7.textColor
11969
- }, FontPackages$f.body_serif_03.base);
11969
+ }, FontPackages$g.body_serif_03.base);
11970
11970
 
11971
11971
  var bodySerif03MarginsBase = {
11972
- marginTop: FontPackages$f.body_serif_03.paragraph.paragraphSpacing,
11973
- marginBottom: FontPackages$f.body_serif_03.paragraph.paragraphSpacing
11972
+ marginTop: FontPackages$g.body_serif_03.paragraph.paragraphSpacing,
11973
+ marginBottom: FontPackages$g.body_serif_03.paragraph.paragraphSpacing
11974
11974
  };
11975
11975
 
11976
11976
  var bodySerif04Base$1 = __assign({
11977
11977
  color: textDefault$7.textColor
11978
- }, FontPackages$f.body_serif_04.base);
11978
+ }, FontPackages$g.body_serif_04.base);
11979
11979
 
11980
11980
  var bodySerif04MarginsBase = {
11981
- marginTop: FontPackages$f.body_serif_04.paragraph.paragraphSpacing,
11982
- marginBottom: FontPackages$f.body_serif_04.paragraph.paragraphSpacing
11981
+ marginTop: FontPackages$g.body_serif_04.paragraph.paragraphSpacing,
11982
+ marginBottom: FontPackages$g.body_serif_04.paragraph.paragraphSpacing
11983
11983
  };
11984
11984
 
11985
11985
  var leadSans01Base = __assign({
11986
11986
  color: textDefault$7.textColor
11987
- }, FontPackages$f.lead_sans_01.base);
11987
+ }, FontPackages$g.lead_sans_01.base);
11988
11988
 
11989
11989
  var leadSans01MarginsBase = {
11990
- marginTop: FontPackages$f.lead_sans_01.paragraph.paragraphSpacing,
11991
- marginBottom: FontPackages$f.lead_sans_01.paragraph.paragraphSpacing
11990
+ marginTop: FontPackages$g.lead_sans_01.paragraph.paragraphSpacing,
11991
+ marginBottom: FontPackages$g.lead_sans_01.paragraph.paragraphSpacing
11992
11992
  };
11993
11993
 
11994
11994
  var leadSans02Base = __assign({
11995
11995
  color: textDefault$7.textColor
11996
- }, FontPackages$f.lead_sans_02.base);
11996
+ }, FontPackages$g.lead_sans_02.base);
11997
11997
 
11998
11998
  var leadSans02MarginsBase = {
11999
- marginTop: FontPackages$f.lead_sans_02.paragraph.paragraphSpacing,
12000
- marginBottom: FontPackages$f.lead_sans_02.paragraph.paragraphSpacing
11999
+ marginTop: FontPackages$g.lead_sans_02.paragraph.paragraphSpacing,
12000
+ marginBottom: FontPackages$g.lead_sans_02.paragraph.paragraphSpacing
12001
12001
  };
12002
12002
 
12003
12003
  var leadSans03Base = __assign({
12004
12004
  color: textDefault$7.textColor
12005
- }, FontPackages$f.lead_sans_03.base);
12005
+ }, FontPackages$g.lead_sans_03.base);
12006
12006
 
12007
12007
  var leadSans03MarginsBase = {
12008
- marginTop: FontPackages$f.lead_sans_03.paragraph.paragraphSpacing,
12009
- marginBottom: FontPackages$f.lead_sans_03.paragraph.paragraphSpacing
12008
+ marginTop: FontPackages$g.lead_sans_03.paragraph.paragraphSpacing,
12009
+ marginBottom: FontPackages$g.lead_sans_03.paragraph.paragraphSpacing
12010
12010
  };
12011
12011
 
12012
12012
  var leadSans04Base = __assign({
12013
12013
  color: textDefault$7.textColor
12014
- }, FontPackages$f.lead_sans_04.base);
12014
+ }, FontPackages$g.lead_sans_04.base);
12015
12015
 
12016
12016
  var leadSans04MarginsBase = {
12017
- marginTop: FontPackages$f.lead_sans_04.paragraph.paragraphSpacing,
12018
- marginBottom: FontPackages$f.lead_sans_04.paragraph.paragraphSpacing
12017
+ marginTop: FontPackages$g.lead_sans_04.paragraph.paragraphSpacing,
12018
+ marginBottom: FontPackages$g.lead_sans_04.paragraph.paragraphSpacing
12019
12019
  };
12020
12020
 
12021
12021
  var leadSans05Base = __assign({
12022
12022
  color: textDefault$7.textColor
12023
- }, FontPackages$f.lead_sans_05.base);
12023
+ }, FontPackages$g.lead_sans_05.base);
12024
12024
 
12025
12025
  var leadSans05MarginsBase = {
12026
- marginTop: FontPackages$f.lead_sans_05.paragraph.paragraphSpacing,
12027
- marginBottom: FontPackages$f.lead_sans_05.paragraph.paragraphSpacing
12026
+ marginTop: FontPackages$g.lead_sans_05.paragraph.paragraphSpacing,
12027
+ marginBottom: FontPackages$g.lead_sans_05.paragraph.paragraphSpacing
12028
12028
  };
12029
12029
 
12030
12030
  var supportingStyleLabel01Base = __assign(__assign({
12031
12031
  color: Colors$i.DdsColorNeutralsGray7
12032
- }, FontPackages$f.supportingStyle_label_01.base), {
12032
+ }, FontPackages$g.supportingStyle_label_01.base), {
12033
12033
  margin: 0
12034
12034
  });
12035
12035
 
12036
12036
  var supportingStyleLabel01MarginsBase = {
12037
- marginTop: FontPackages$f.supportingStyle_label_01.paragraph.paragraphSpacing,
12038
- marginBottom: FontPackages$f.supportingStyle_label_01.paragraph.paragraphSpacing
12037
+ marginTop: FontPackages$g.supportingStyle_label_01.paragraph.paragraphSpacing,
12038
+ marginBottom: FontPackages$g.supportingStyle_label_01.paragraph.paragraphSpacing
12039
12039
  };
12040
12040
 
12041
12041
  var supportingStyleHelperText01Base = __assign(__assign({
12042
12042
  color: Colors$i.DdsColorNeutralsGray6
12043
- }, FontPackages$f.supportingStyle_helpertext_01.base), {
12043
+ }, FontPackages$g.supportingStyle_helpertext_01.base), {
12044
12044
  margin: 0
12045
12045
  });
12046
12046
 
12047
12047
  var supportingStyleHelperText01MarginsBase = {
12048
- marginTop: FontPackages$f.supportingStyle_helpertext_01.paragraph.paragraphSpacing,
12049
- marginBottom: FontPackages$f.supportingStyle_helpertext_01.paragraph.paragraphSpacing
12048
+ marginTop: FontPackages$g.supportingStyle_helpertext_01.paragraph.paragraphSpacing,
12049
+ marginBottom: FontPackages$g.supportingStyle_helpertext_01.paragraph.paragraphSpacing
12050
12050
  };
12051
12051
 
12052
12052
  var supportingStyleInputText01Base = __assign(__assign({
12053
12053
  color: textDefault$7.textColor
12054
- }, FontPackages$f.supportingStyle_inputtext_01.base), {
12054
+ }, FontPackages$g.supportingStyle_inputtext_01.base), {
12055
12055
  margin: 0
12056
12056
  });
12057
12057
 
12058
12058
  var supportingStyleInputText01MarginsBase = {
12059
- marginTop: FontPackages$f.supportingStyle_inputtext_01.paragraph.paragraphSpacing,
12060
- marginBottom: FontPackages$f.supportingStyle_inputtext_01.paragraph.paragraphSpacing
12059
+ marginTop: FontPackages$g.supportingStyle_inputtext_01.paragraph.paragraphSpacing,
12060
+ marginBottom: FontPackages$g.supportingStyle_inputtext_01.paragraph.paragraphSpacing
12061
12061
  };
12062
12062
 
12063
12063
  var supportingStyleInputText02Base = __assign(__assign({
12064
12064
  color: textDefault$7.textColor
12065
- }, FontPackages$f.supportingStyle_inputtext_02.base), {
12065
+ }, FontPackages$g.supportingStyle_inputtext_02.base), {
12066
12066
  margin: 0
12067
12067
  });
12068
12068
 
12069
12069
  var supportingStyleInputText02MarginsBase = {
12070
- marginTop: FontPackages$f.supportingStyle_inputtext_02.paragraph.paragraphSpacing,
12071
- marginBottom: FontPackages$f.supportingStyle_inputtext_02.paragraph.paragraphSpacing
12070
+ marginTop: FontPackages$g.supportingStyle_inputtext_02.paragraph.paragraphSpacing,
12071
+ marginBottom: FontPackages$g.supportingStyle_inputtext_02.paragraph.paragraphSpacing
12072
12072
  };
12073
12073
 
12074
12074
  var supportingStyleInputText03Base = __assign(__assign({
12075
12075
  color: textDefault$7.textColor
12076
- }, FontPackages$f.supportingStyle_inputtext_03.base), {
12076
+ }, FontPackages$g.supportingStyle_inputtext_03.base), {
12077
12077
  margin: 0
12078
12078
  });
12079
12079
 
12080
12080
  var supportingStyleInputText03MarginsBase = {
12081
- marginTop: FontPackages$f.supportingStyle_inputtext_03.paragraph.paragraphSpacing,
12082
- marginBottom: FontPackages$f.supportingStyle_inputtext_03.paragraph.paragraphSpacing
12081
+ marginTop: FontPackages$g.supportingStyle_inputtext_03.paragraph.paragraphSpacing,
12082
+ marginBottom: FontPackages$g.supportingStyle_inputtext_03.paragraph.paragraphSpacing
12083
12083
  };
12084
12084
 
12085
12085
  var supportingStylePlaceholderText01Base = __assign(__assign({
12086
12086
  color: Colors$i.DdsColorNeutralsGray6
12087
- }, FontPackages$f.supportingStyle_placeholdertext_01.base), {
12087
+ }, FontPackages$g.supportingStyle_placeholdertext_01.base), {
12088
12088
  margin: 0
12089
12089
  });
12090
12090
 
12091
12091
  var supportingStylePlaceholderText01MarginsBase = {
12092
- marginTop: FontPackages$f.supportingStyle_placeholdertext_01.paragraph.paragraphSpacing,
12093
- marginBottom: FontPackages$f.supportingStyle_placeholdertext_01.paragraph.paragraphSpacing
12092
+ marginTop: FontPackages$g.supportingStyle_placeholdertext_01.paragraph.paragraphSpacing,
12093
+ marginBottom: FontPackages$g.supportingStyle_placeholdertext_01.paragraph.paragraphSpacing
12094
12094
  };
12095
12095
 
12096
12096
  var supportingStyleTiny01Base = __assign(__assign({
12097
12097
  color: textDefault$7.textColor
12098
- }, FontPackages$f.supportingStyle_tiny_01.base), {
12098
+ }, FontPackages$g.supportingStyle_tiny_01.base), {
12099
12099
  margin: 0
12100
12100
  });
12101
12101
 
12102
12102
  var supportingStyleTiny01MarginsBase = {
12103
- marginTop: FontPackages$f.supportingStyle_tiny_01.paragraph.paragraphSpacing,
12104
- marginBottom: FontPackages$f.supportingStyle_tiny_01.paragraph.paragraphSpacing
12103
+ marginTop: FontPackages$g.supportingStyle_tiny_01.paragraph.paragraphSpacing,
12104
+ marginBottom: FontPackages$g.supportingStyle_tiny_01.paragraph.paragraphSpacing
12105
12105
  };
12106
12106
  var selectionBase = {
12107
12107
  color: textDefault$7.textColor,
@@ -19962,13 +19962,13 @@ var StyledTypography = styled.p.withConfig({
19962
19962
  return color && Ae(templateObject_9$6 || (templateObject_9$6 = __makeTemplateObject(["\n color: ", ";\n "], ["\n color: ", ";\n "])), getTextColor(color));
19963
19963
  }, function (_a) {
19964
19964
  var bold = _a.bold;
19965
- return bold && Ae(templateObject_10$4 || (templateObject_10$4 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), typographyTokens.style.bold.base);
19965
+ return bold && Ae(templateObject_10$5 || (templateObject_10$5 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), typographyTokens.style.bold.base);
19966
19966
  }, function (_a) {
19967
19967
  var italic = _a.italic;
19968
- return italic && Ae(templateObject_11$3 || (templateObject_11$3 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), typographyTokens.style.italic.base);
19968
+ return italic && Ae(templateObject_11$4 || (templateObject_11$4 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), typographyTokens.style.italic.base);
19969
19969
  }, function (_a) {
19970
19970
  var underline = _a.underline;
19971
- return underline && Ae(templateObject_12$2 || (templateObject_12$2 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), typographyTokens.style.underline.base);
19971
+ return underline && Ae(templateObject_12$3 || (templateObject_12$3 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), typographyTokens.style.underline.base);
19972
19972
  });
19973
19973
  var Typography = /*#__PURE__*/forwardRef(function (_a, ref) {
19974
19974
  var _b = _a.typographyType,
@@ -19997,7 +19997,7 @@ var Typography = /*#__PURE__*/forwardRef(function (_a, ref) {
19997
19997
  }, void 0) : '']
19998
19998
  }), void 0);
19999
19999
  });
20000
- 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;
20000
+ 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;
20001
20001
 
20002
20002
  var RadioButtonGroupContext = /*#__PURE__*/React__default.createContext(null);
20003
20003
  var useRadioButtonGroup = function useRadioButtonGroup() {
@@ -20007,13 +20007,13 @@ var useRadioButtonGroup = function useRadioButtonGroup() {
20007
20007
  var Colors$h = ddsBaseTokens.colors,
20008
20008
  Border$7 = ddsBaseTokens.border,
20009
20009
  Spacing$n = ddsBaseTokens.spacing,
20010
- FontPackages$e = ddsBaseTokens.fontPackages;
20010
+ FontPackages$f = ddsBaseTokens.fontPackages;
20011
20011
  var radioButtonBase = {
20012
20012
  border: '1px solid',
20013
20013
  borderColor: Colors$h.DdsColorNeutralsGray5,
20014
20014
  backgroundColor: Colors$h.DdsColorNeutralsWhite,
20015
- height: FontPackages$e.supportingStyle_inputtext_02.numbers.fontSizeNumber,
20016
- width: FontPackages$e.supportingStyle_inputtext_02.numbers.fontSizeNumber
20015
+ height: FontPackages$f.supportingStyle_inputtext_02.numbers.fontSizeNumber,
20016
+ width: FontPackages$f.supportingStyle_inputtext_02.numbers.fontSizeNumber
20017
20017
  };
20018
20018
  var radioButtonHoverBase = {
20019
20019
  border: '2px solid',
@@ -20410,15 +20410,15 @@ var templateObject_1$z, templateObject_2$p, templateObject_3$i;
20410
20410
  var Colors$f = ddsBaseTokens.colors,
20411
20411
  Border$6 = ddsBaseTokens.border,
20412
20412
  Spacing$k = ddsBaseTokens.spacing,
20413
- FontPackages$d = ddsBaseTokens.fontPackages,
20413
+ FontPackages$e = ddsBaseTokens.fontPackages,
20414
20414
  BorderRadius$3 = ddsBaseTokens.borderRadius;
20415
20415
  var checkboxBase = {
20416
20416
  border: '1px solid',
20417
20417
  backgroundColor: Colors$f.DdsColorNeutralsWhite,
20418
20418
  borderColor: Colors$f.DdsColorNeutralsGray5,
20419
20419
  borderRadius: BorderRadius$3.RadiiDdsBorderRadius1Radius,
20420
- height: FontPackages$d.supportingStyle_inputtext_02.base.fontSize,
20421
- width: FontPackages$d.supportingStyle_inputtext_02.base.fontSize
20420
+ height: FontPackages$e.supportingStyle_inputtext_02.base.fontSize,
20421
+ width: FontPackages$e.supportingStyle_inputtext_02.base.fontSize
20422
20422
  };
20423
20423
  var checkboxCheckedBase = {
20424
20424
  border: '2px solid',
@@ -20474,14 +20474,14 @@ var checkmarkIndeterminateBase = {
20474
20474
  borderWidth: '1px 0 0 0'
20475
20475
  };
20476
20476
 
20477
- var containerBase$3 = __assign({}, FontPackages$d.body_sans_02.base);
20477
+ var containerBase$3 = __assign({}, FontPackages$e.body_sans_02.base);
20478
20478
 
20479
- var containerWithLabelBase$1 = __assign(__assign({}, FontPackages$d.body_sans_02.base), {
20479
+ var containerWithLabelBase = __assign(__assign({}, FontPackages$e.body_sans_02.base), {
20480
20480
  marginRight: Spacing$k.SizesDdsSpacingLocalX075,
20481
- padding: "0 " + Spacing$k.SizesDdsSpacingLocalX025 + " 0 " + (FontPackages$d.supportingStyle_inputtext_02.numbers.fontSizeNumber + Spacing$k.SizesDdsSpacingLocalX075NumberPx) + "px"
20481
+ padding: "0 " + Spacing$k.SizesDdsSpacingLocalX025 + " 0 " + (FontPackages$e.supportingStyle_inputtext_02.numbers.fontSizeNumber + Spacing$k.SizesDdsSpacingLocalX075NumberPx) + "px"
20482
20482
  });
20483
20483
 
20484
- var containerNoLabelBase$1 = {
20484
+ var containerNoLabelBase = {
20485
20485
  padding: Spacing$k.SizesDdsSpacingLocalX075 + " " + Spacing$k.SizesDdsSpacingLocalX0125 + " " + Spacing$k.SizesDdsSpacingLocalX075 + " " + Spacing$k.SizesDdsSpacingLocalX15
20486
20486
  };
20487
20487
  var checkboxTokens = {
@@ -20542,10 +20542,10 @@ var checkboxTokens = {
20542
20542
  width: Border$6.BordersDdsBorderStyle1StrokeWeight
20543
20543
  },
20544
20544
  withLabel: {
20545
- base: containerWithLabelBase$1
20545
+ base: containerWithLabelBase
20546
20546
  },
20547
20547
  noLabel: {
20548
- base: containerNoLabelBase$1
20548
+ base: containerNoLabelBase
20549
20549
  }
20550
20550
  }
20551
20551
  };
@@ -20583,12 +20583,12 @@ var Container$7 = styled.label.withConfig({
20583
20583
  }, function (_a) {
20584
20584
  var readOnly = _a.readOnly,
20585
20585
  indeterminate = _a.indeterminate;
20586
- 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));
20586
+ 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));
20587
20587
  }, CustomCheckbox, checkboxTokens.checkmark.color, function (_a) {
20588
20588
  var indeterminate = _a.indeterminate;
20589
- 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);
20589
+ 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);
20590
20590
  });
20591
- 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;
20591
+ 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;
20592
20592
 
20593
20593
  var nextUniqueId$5 = 0;
20594
20594
  var Checkbox = /*#__PURE__*/forwardRef(function (_a, ref) {
@@ -20703,47 +20703,47 @@ var calculateHeightWithLineHeight = function calculateHeightWithLineHeight(lineH
20703
20703
  var Colors$e = ddsBaseTokens.colors,
20704
20704
  Border$5 = ddsBaseTokens.border,
20705
20705
  Spacing$i = ddsBaseTokens.spacing,
20706
- FontPackages$c = ddsBaseTokens.fontPackages,
20706
+ FontPackages$d = ddsBaseTokens.fontPackages,
20707
20707
  BorderRadius$2 = ddsBaseTokens.borderRadius,
20708
20708
  OuterShadow$1 = ddsBaseTokens.outerShadow;
20709
20709
  var focus = ddsReferenceTokens.focus;
20710
20710
 
20711
- var justIconSmallBase = __assign(__assign({}, FontPackages$c.supportingStyle_inputtext_02.base), {
20711
+ var justIconSmallBase = __assign(__assign({}, FontPackages$d.supportingStyle_inputtext_02.base), {
20712
20712
  padding: Spacing$i.SizesDdsSpacingLocalX05
20713
20713
  });
20714
20714
 
20715
20715
  var justIconWrapperSmallBase = {
20716
- height: calculateHeightWithLineHeight(FontPackages$c.body_sans_01.numbers.lineHeightNumber, FontPackages$c.body_sans_01.numbers.fontSizeNumber) + "px",
20717
- width: calculateHeightWithLineHeight(FontPackages$c.body_sans_01.numbers.lineHeightNumber, FontPackages$c.body_sans_01.numbers.fontSizeNumber) + "px"
20716
+ height: calculateHeightWithLineHeight(FontPackages$d.body_sans_01.numbers.lineHeightNumber, FontPackages$d.body_sans_01.numbers.fontSizeNumber) + "px",
20717
+ width: calculateHeightWithLineHeight(FontPackages$d.body_sans_01.numbers.lineHeightNumber, FontPackages$d.body_sans_01.numbers.fontSizeNumber) + "px"
20718
20718
  };
20719
20719
 
20720
- var textSmallBase = __assign(__assign({}, FontPackages$c.body_sans_01.base), {
20720
+ var textSmallBase = __assign(__assign({}, FontPackages$d.body_sans_01.base), {
20721
20721
  padding: Spacing$i.SizesDdsSpacingLocalX05 + " " + (Spacing$i.SizesDdsSpacingLocalX1NumberPx - 2) + "px"
20722
20722
  });
20723
20723
 
20724
- var justIconMediumBase = __assign(__assign({}, FontPackages$c.heading_sans_03.base), {
20724
+ var justIconMediumBase = __assign(__assign({}, FontPackages$d.heading_sans_03.base), {
20725
20725
  padding: Spacing$i.SizesDdsSpacingLocalX075
20726
20726
  });
20727
20727
 
20728
20728
  var justIconWrapperMediumBase = {
20729
- height: calculateHeightWithLineHeight(FontPackages$c.body_sans_02.numbers.lineHeightNumber, FontPackages$c.body_sans_02.numbers.fontSizeNumber) + "px",
20730
- width: calculateHeightWithLineHeight(FontPackages$c.body_sans_02.numbers.lineHeightNumber, FontPackages$c.body_sans_02.numbers.fontSizeNumber) + "px"
20729
+ height: calculateHeightWithLineHeight(FontPackages$d.body_sans_02.numbers.lineHeightNumber, FontPackages$d.body_sans_02.numbers.fontSizeNumber) + "px",
20730
+ width: calculateHeightWithLineHeight(FontPackages$d.body_sans_02.numbers.lineHeightNumber, FontPackages$d.body_sans_02.numbers.fontSizeNumber) + "px"
20731
20731
  };
20732
20732
 
20733
- var textMediumBase = __assign(__assign({}, FontPackages$c.body_sans_02.base), {
20733
+ var textMediumBase = __assign(__assign({}, FontPackages$d.body_sans_02.base), {
20734
20734
  padding: Spacing$i.SizesDdsSpacingLocalX075 + " " + (Spacing$i.SizesDdsSpacingLocalX15NumberPx - 2) + "px"
20735
20735
  });
20736
20736
 
20737
- var justIconLargeBase = __assign(__assign({}, FontPackages$c.heading_sans_04.base), {
20737
+ var justIconLargeBase = __assign(__assign({}, FontPackages$d.heading_sans_04.base), {
20738
20738
  padding: Spacing$i.SizesDdsSpacingLocalX1
20739
20739
  });
20740
20740
 
20741
20741
  var justIconWrapperLargeBase = {
20742
- height: calculateHeightWithLineHeight(FontPackages$c.supportingStyle_inputtext_03.numbers.lineHeightNumber, FontPackages$c.supportingStyle_inputtext_03.numbers.fontSizeNumber) + "px",
20743
- width: calculateHeightWithLineHeight(FontPackages$c.supportingStyle_inputtext_03.numbers.lineHeightNumber, FontPackages$c.supportingStyle_inputtext_03.numbers.fontSizeNumber) + "px"
20742
+ height: calculateHeightWithLineHeight(FontPackages$d.supportingStyle_inputtext_03.numbers.lineHeightNumber, FontPackages$d.supportingStyle_inputtext_03.numbers.fontSizeNumber) + "px",
20743
+ width: calculateHeightWithLineHeight(FontPackages$d.supportingStyle_inputtext_03.numbers.lineHeightNumber, FontPackages$d.supportingStyle_inputtext_03.numbers.fontSizeNumber) + "px"
20744
20744
  };
20745
20745
 
20746
- var textLargeBase = __assign(__assign({}, FontPackages$c.supportingStyle_inputtext_03.base), {
20746
+ var textLargeBase = __assign(__assign({}, FontPackages$d.supportingStyle_inputtext_03.base), {
20747
20747
  padding: Spacing$i.SizesDdsSpacingLocalX1 + " " + (Spacing$i.SizesDdsSpacingLocalX2NumberPx - 2) + "px"
20748
20748
  });
20749
20749
 
@@ -21258,7 +21258,7 @@ var ButtonWrapper$1 = styled.button.withConfig({
21258
21258
  var IconWithTextWrapper = styled(IconWrapper$1).withConfig({
21259
21259
  displayName: "Buttonstyles__IconWithTextWrapper",
21260
21260
  componentId: "sc-14dutqk-1"
21261
- })(templateObject_10$2 || (templateObject_10$2 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
21261
+ })(templateObject_10$3 || (templateObject_10$3 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
21262
21262
  var size = _a.size,
21263
21263
  iconPosition = _a.iconPosition;
21264
21264
  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) : '';
@@ -21266,15 +21266,15 @@ var IconWithTextWrapper = styled(IconWrapper$1).withConfig({
21266
21266
  var JustIconWrapper = styled.span.withConfig({
21267
21267
  displayName: "Buttonstyles__JustIconWrapper",
21268
21268
  componentId: "sc-14dutqk-2"
21269
- })(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) {
21269
+ })(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) {
21270
21270
  var size = _a.size;
21271
- return Ae(templateObject_11$1 || (templateObject_11$1 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), buttonTokens.sizes[size].justIconWrapper.base);
21271
+ return Ae(templateObject_11$2 || (templateObject_11$2 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), buttonTokens.sizes[size].justIconWrapper.base);
21272
21272
  });
21273
21273
  var Label$2 = styled.span.withConfig({
21274
21274
  displayName: "Buttonstyles__Label",
21275
21275
  componentId: "sc-14dutqk-3"
21276
21276
  })(templateObject_13 || (templateObject_13 = __makeTemplateObject([""], [""])));
21277
- 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;
21277
+ 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;
21278
21278
 
21279
21279
  var Button = /*#__PURE__*/forwardRef(function (_a, ref) {
21280
21280
  var label = _a.label,
@@ -21428,13 +21428,13 @@ var templateObject_1$u;
21428
21428
 
21429
21429
  var Colors$b = ddsBaseTokens.colors,
21430
21430
  Spacing$f = ddsBaseTokens.spacing,
21431
- FontPackages$b = ddsBaseTokens.fontPackages;
21431
+ FontPackages$c = ddsBaseTokens.fontPackages;
21432
21432
  var TextInput$2 = ddsReferenceTokens.textInput;
21433
21433
  var inputBase$2 = {
21434
21434
  border: "1px solid " + Colors$b.DdsColorNeutralsGray5
21435
21435
  };
21436
21436
  var inputWithLabelBase = {
21437
- 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
21437
+ 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
21438
21438
  };
21439
21439
  var inputNoLabelBase$1 = {
21440
21440
  padding: Spacing$f.SizesDdsSpacingLocalX075 + " " + Spacing$f.SizesDdsSpacingLocalX1 + " " + Spacing$f.SizesDdsSpacingLocalX075 + " " + Spacing$f.SizesDdsSpacingLocalX1
@@ -21570,15 +21570,15 @@ var SingleLineLabel = styled(Typography).withConfig({
21570
21570
  var InputContainer$2 = styled.div.withConfig({
21571
21571
  displayName: "Inputstyles__InputContainer",
21572
21572
  componentId: "sc-1oz9x8w-2"
21573
- })(templateObject_10$1 || (templateObject_10$1 = __makeTemplateObject(["\n position: relative;\n width: 100%;\n"], ["\n position: relative;\n width: 100%;\n"])));
21573
+ })(templateObject_10$2 || (templateObject_10$2 = __makeTemplateObject(["\n position: relative;\n width: 100%;\n"], ["\n position: relative;\n width: 100%;\n"])));
21574
21574
  var OuterInputContainer = styled.div.withConfig({
21575
21575
  displayName: "Inputstyles__OuterInputContainer",
21576
21576
  componentId: "sc-1oz9x8w-3"
21577
- })(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) {
21577
+ })(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) {
21578
21578
  var width = _a.width;
21579
21579
  return width;
21580
21580
  });
21581
- 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;
21581
+ 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;
21582
21582
 
21583
21583
  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)');
21584
21584
  var templateObject_1$r;
@@ -21629,7 +21629,7 @@ var Label$1 = styled(SingleLineLabel).withConfig({
21629
21629
  var InputContainer$1 = styled(InputContainer$2).withConfig({
21630
21630
  displayName: "TextInputstyles__InputContainer",
21631
21631
  componentId: "sc-165zflr-3"
21632
- })(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n ", "\n height: ", ";\n"], ["\n ", "\n height: ", ";\n"])), function (_a) {
21632
+ })(templateObject_10$1 || (templateObject_10$1 = __makeTemplateObject(["\n ", "\n height: ", ";\n"], ["\n ", "\n height: ", ";\n"])), function (_a) {
21633
21633
  var multiline = _a.multiline;
21634
21634
  return multiline && Ae(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n display: inline-block;\n "], ["\n display: inline-block;\n "])));
21635
21635
  }, function (_a) {
@@ -21644,7 +21644,7 @@ var InputContainer$1 = styled(InputContainer$2).withConfig({
21644
21644
  return textInputTokens.container.multiline.noLabel.height;
21645
21645
  }
21646
21646
  });
21647
- 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;
21647
+ 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;
21648
21648
 
21649
21649
  var nextUniqueId$3 = 0;
21650
21650
  var TextInput = /*#__PURE__*/forwardRef(function (_a, ref) {
@@ -28633,10 +28633,16 @@ var ReactSelect = index;
28633
28633
 
28634
28634
  var Colors$a = ddsBaseTokens.colors,
28635
28635
  Spacing$e = ddsBaseTokens.spacing,
28636
- FontPackages$a = ddsBaseTokens.fontPackages,
28636
+ FontPackages$b = ddsBaseTokens.fontPackages,
28637
28637
  BorderRadius$1 = ddsBaseTokens.borderRadius,
28638
- Border$4 = ddsBaseTokens.border;
28638
+ Border$4 = ddsBaseTokens.border,
28639
+ IconSizes = ddsBaseTokens.iconSizes;
28639
28640
  var textDefault$6 = ddsReferenceTokens.textDefault;
28641
+ 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
28642
+
28643
+ var valueContainerMarginBottomMultiWithLabel = Spacing$e.SizesDdsSpacingLocalX025NumberPx + Spacing$e.SizesDdsSpacingLocalX0125NumberPx + "px"; //custom spacing so that multiselect has same height as single value select
28644
+
28645
+ var inputMultiNoLabelPaddingTop = Spacing$e.SizesDdsSpacingLocalX05NumberPx + Spacing$e.SizesDdsSpacingLocalX0125NumberPx + "px";
28640
28646
 
28641
28647
  var labelBase = __assign({
28642
28648
  color: Colors$a.DdsColorNeutralsGray7,
@@ -28644,7 +28650,7 @@ var labelBase = __assign({
28644
28650
  paddingLeft: Spacing$e.SizesDdsSpacingLocalX1,
28645
28651
  paddingBottom: 0,
28646
28652
  paddingRight: Spacing$e.SizesDdsSpacingLocalX05
28647
- }, FontPackages$a.supportingStyle_label_01.base);
28653
+ }, FontPackages$b.supportingStyle_label_01.base);
28648
28654
 
28649
28655
  var labelHoverBase = {
28650
28656
  color: Colors$a.DdsColorInteractiveBase
@@ -28652,20 +28658,27 @@ var labelHoverBase = {
28652
28658
  var labelFocusBase = {
28653
28659
  color: Colors$a.DdsColorInteractiveBase
28654
28660
  };
28661
+ var valueContainerWithLabelBase = {
28662
+ marginBottom: Spacing$e.SizesDdsSpacingLocalX075
28663
+ };
28664
+ var valueContainerNoLabelBase = {
28665
+ marginBottom: Spacing$e.SizesDdsSpacingLocalX075
28666
+ };
28667
+ var valueContainerIsMultiBase = {
28668
+ minHeight: multiValueContainerMinHeight
28669
+ };
28670
+ var valueContainerIsMultiWithLabelBase = {
28671
+ marginBottom: valueContainerMarginBottomMultiWithLabel
28672
+ };
28673
+ var valueContainerIsMultiNoLabelBase = {
28674
+ marginBottom: Spacing$e.SizesDdsSpacingLocalX05
28675
+ };
28655
28676
  var containerBase$2 = {
28656
28677
  borderRadius: BorderRadius$1.RadiiDdsBorderRadius1Radius,
28657
28678
  border: Border$4.BordersDdsBorderStyle1StrokeWeight + " solid",
28658
28679
  borderColor: Colors$a.DdsColorNeutralsGray5,
28659
28680
  backgroundColor: Colors$a.DdsColorNeutralsWhite
28660
28681
  };
28661
- 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;
28662
- var containerWithLabelBase = {
28663
- height: withLabelHeight + "px"
28664
- };
28665
- 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;
28666
- var containerNoLabelBase = {
28667
- height: noLabelHeight + "px"
28668
- };
28669
28682
  var containerHoverBase = {
28670
28683
  backgroundColor: Colors$a.DdsColorInteractiveLightest,
28671
28684
  borderColor: Colors$a.DdsColorInteractiveBase
@@ -28686,16 +28699,31 @@ var containerDangerFocusBase = {
28686
28699
 
28687
28700
  var inputBase$1 = __assign({
28688
28701
  padding: "0 " + Spacing$e.SizesDdsSpacingLocalX05 + " 0 " + Spacing$e.SizesDdsSpacingLocalX1
28689
- }, FontPackages$a.supportingStyle_inputtext_02.base);
28702
+ }, FontPackages$b.supportingStyle_inputtext_02.base);
28690
28703
 
28691
28704
  var inputNoLabelBase = {
28692
28705
  paddingTop: Spacing$e.SizesDdsSpacingLocalX075
28693
28706
  };
28707
+ var inputIsMultiNoLabelBase = {
28708
+ paddingTop: inputMultiNoLabelPaddingTop
28709
+ };
28694
28710
 
28695
28711
  var placeholderBase = __assign({
28696
28712
  color: Colors$a.DdsColorNeutralsGray6
28697
- }, FontPackages$a.supportingStyle_placeholdertext_01.base);
28713
+ }, FontPackages$b.supportingStyle_placeholdertext_01.base);
28698
28714
 
28715
+ var indicatorsContainerWithLabelBase = {
28716
+ marginBottom: Spacing$e.SizesDdsSpacingLocalX1
28717
+ };
28718
+ var indicatorsContainerNoLabelBase = {
28719
+ marginBottom: Spacing$e.SizesDdsSpacingLocalX075
28720
+ };
28721
+ var indicatorsContainerIsMultiWithLabelBase = {
28722
+ marginBottom: valueContainerMarginBottomMultiWithLabel
28723
+ };
28724
+ var indicatorsContainerIsMultiNoLabelBase = {
28725
+ marginBottom: Spacing$e.SizesDdsSpacingLocalX05
28726
+ };
28699
28727
  var dropdownIndicatorBase = {
28700
28728
  color: Colors$a.DdsColorNeutralsGray6,
28701
28729
  padding: 0
@@ -28710,6 +28738,10 @@ var clearIndicatorBase = {
28710
28738
  color: Colors$a.DdsColorNeutralsGray6,
28711
28739
  padding: " 0 " + Spacing$e.SizesDdsSpacingLocalX025 + " 0 0"
28712
28740
  };
28741
+ var loadingIndicatorBase = {
28742
+ color: Colors$a.DdsColorNeutralsGray6,
28743
+ padding: 0
28744
+ };
28713
28745
  var clearIndicatorHoverBase = {
28714
28746
  color: Colors$a.DdsColorInteractiveBase
28715
28747
  };
@@ -28722,7 +28754,7 @@ var optionsListBase = {
28722
28754
 
28723
28755
  var optionBase = __assign(__assign({
28724
28756
  padding: Spacing$e.SizesDdsSpacingLocalX05 + " " + Spacing$e.SizesDdsSpacingLocalX1
28725
- }, FontPackages$a.body_sans_02.base), {
28757
+ }, FontPackages$b.body_sans_02.base), {
28726
28758
  color: textDefault$6.textColor
28727
28759
  });
28728
28760
 
@@ -28732,15 +28764,48 @@ var optionHoverBase = {
28732
28764
 
28733
28765
  var optionSelectedBase = __assign(__assign({
28734
28766
  backgroundColor: Colors$a.DdsColorInteractiveLightest
28735
- }, FontPackages$a.body_sans_02.base), {
28767
+ }, FontPackages$b.body_sans_02.base), {
28736
28768
  fontWeight: 600
28737
28769
  });
28738
28770
 
28739
28771
  var noOptionsMessageBase = __assign({
28740
28772
  padding: Spacing$e.SizesDdsSpacingLocalX05 + " " + Spacing$e.SizesDdsSpacingLocalX1,
28741
28773
  color: Colors$a.DdsColorNeutralsGray6
28742
- }, FontPackages$a.supportingStyle_placeholdertext_01.base);
28774
+ }, FontPackages$b.supportingStyle_placeholdertext_01.base);
28775
+
28776
+ var multiValueBase = {
28777
+ borderRadius: BorderRadius$1.RadiiDdsBorderRadius1Radius,
28778
+ margin: Spacing$e.SizesDdsSpacingLocalX0125
28779
+ };
28780
+ var multiValueEnabledBase = {
28781
+ backgroundColor: Colors$a.DdsColorInteractiveLighter
28782
+ };
28783
+ var multiValueDisabledBase = {
28784
+ backgroundColor: Colors$a.DdsColorNeutralsGray3
28785
+ };
28786
+
28787
+ var multiValueLabelBase = __assign(__assign({
28788
+ paddingTop: "" + Spacing$e.SizesDdsSpacingLocalX025,
28789
+ paddingRight: "" + Spacing$e.SizesDdsSpacingLocalX05,
28790
+ paddingLeft: "" + Spacing$e.SizesDdsSpacingLocalX05,
28791
+ paddingBottom: "" + Spacing$e.SizesDdsSpacingLocalX025,
28792
+ color: Colors$a.DdsColorNeutralsGray9
28793
+ }, FontPackages$b.supportingStyle_inputtext_01.base), {
28794
+ fontWeight: 'bold'
28795
+ });
28743
28796
 
28797
+ var multiValueRemoveBase = {
28798
+ padding: "" + Spacing$e.SizesDdsSpacingLocalX025,
28799
+ color: Colors$a.DdsColorNeutralsGray9
28800
+ };
28801
+ var multiValueRemoveHoverBase = {
28802
+ color: Colors$a.DdsColorNeutralsWhite,
28803
+ backgroundColor: Colors$a.DdsColorInteractiveBase
28804
+ };
28805
+ var multiValueRemoveIconBase = {
28806
+ height: IconSizes.DdsIconsizeSmall,
28807
+ width: IconSizes.DdsIconsizeSmall
28808
+ };
28744
28809
  var containerDisabledBase = {
28745
28810
  backgroundColor: Colors$a.DdsColorNeutralsGray1,
28746
28811
  borderColor: Colors$a.DdsColorNeutralsGray5
@@ -28754,12 +28819,6 @@ var selectTokens = {
28754
28819
  container: {
28755
28820
  base: containerBase$2,
28756
28821
  defaultWidth: defaultWidth$1,
28757
- withLabel: {
28758
- base: containerWithLabelBase
28759
- },
28760
- noLabel: {
28761
- base: containerNoLabelBase
28762
- },
28763
28822
  hover: {
28764
28823
  base: containerHoverBase
28765
28824
  },
@@ -28795,6 +28854,11 @@ var selectTokens = {
28795
28854
  base: inputBase$1,
28796
28855
  noLabel: {
28797
28856
  base: inputNoLabelBase
28857
+ },
28858
+ isMulti: {
28859
+ noLabel: {
28860
+ base: inputIsMultiNoLabelBase
28861
+ }
28798
28862
  }
28799
28863
  },
28800
28864
  placeholder: {
@@ -28817,6 +28881,60 @@ var selectTokens = {
28817
28881
  }
28818
28882
  }
28819
28883
  },
28884
+ valueContainer: {
28885
+ withLabel: {
28886
+ base: valueContainerWithLabelBase
28887
+ },
28888
+ noLabel: {
28889
+ base: valueContainerNoLabelBase
28890
+ },
28891
+ isMulti: {
28892
+ base: valueContainerIsMultiBase,
28893
+ withLabel: {
28894
+ base: valueContainerIsMultiWithLabelBase
28895
+ },
28896
+ noLabel: {
28897
+ base: valueContainerIsMultiNoLabelBase
28898
+ }
28899
+ }
28900
+ },
28901
+ multiValue: {
28902
+ base: multiValueBase,
28903
+ enabled: {
28904
+ base: multiValueEnabledBase
28905
+ },
28906
+ disabled: {
28907
+ base: multiValueDisabledBase
28908
+ }
28909
+ },
28910
+ multiValueLabel: {
28911
+ base: multiValueLabelBase
28912
+ },
28913
+ multiValueRemove: {
28914
+ base: multiValueRemoveBase,
28915
+ hover: {
28916
+ base: multiValueRemoveHoverBase
28917
+ },
28918
+ icon: {
28919
+ base: multiValueRemoveIconBase
28920
+ }
28921
+ },
28922
+ indicatorsContainer: {
28923
+ withLabel: {
28924
+ base: indicatorsContainerWithLabelBase
28925
+ },
28926
+ noLabel: {
28927
+ base: indicatorsContainerNoLabelBase
28928
+ },
28929
+ isMulti: {
28930
+ withLabel: {
28931
+ base: indicatorsContainerIsMultiWithLabelBase
28932
+ },
28933
+ noLabel: {
28934
+ base: indicatorsContainerIsMultiNoLabelBase
28935
+ }
28936
+ }
28937
+ },
28820
28938
  dropdownIndicator: {
28821
28939
  base: dropdownIndicatorBase,
28822
28940
  hover: {
@@ -28834,6 +28952,9 @@ var selectTokens = {
28834
28952
  hover: {
28835
28953
  base: clearIndicatorHoverBase
28836
28954
  }
28955
+ },
28956
+ loadingIndicator: {
28957
+ base: loadingIndicatorBase
28837
28958
  }
28838
28959
  };
28839
28960
 
@@ -28845,30 +28966,34 @@ var Label = styled(Typography).withConfig({
28845
28966
  var Container$5 = styled.div.withConfig({
28846
28967
  displayName: "Selectstyles__Container",
28847
28968
  componentId: "sc-19jkd5s-1"
28848
- })(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) {
28849
- var label = _a.label;
28850
- 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);
28969
+ })(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) {
28970
+ var isMulti = _a.isMulti;
28971
+ return isMulti && Ae(templateObject_2$i || (templateObject_2$i = __makeTemplateObject([""], [""])));
28972
+ }, function (_a) {
28973
+ var hasLabel = _a.hasLabel,
28974
+ isMulti = _a.isMulti;
28975
+ 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);
28851
28976
  }, 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) {
28852
28977
  var errorMessage = _a.errorMessage;
28853
- 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);
28978
+ 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);
28854
28979
  }, prefix, scrollbarStyling, prefix, prefix, selectTokens.dropdownIndicator.hover.base, function (_a) {
28855
28980
  var isDisabled = _a.isDisabled;
28856
- 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);
28981
+ 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);
28857
28982
  }, function (_a) {
28858
28983
  var readOnly = _a.readOnly;
28859
- 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);
28984
+ 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);
28860
28985
  });
28861
28986
  var Wrapper$2 = styled.div.withConfig({
28862
28987
  displayName: "Selectstyles__Wrapper",
28863
28988
  componentId: "sc-19jkd5s-2"
28864
- })(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n margin: 0;\n width: ", ";\n"], ["\n margin: 0;\n width: ", ";\n"])), function (_a) {
28989
+ })(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n margin: 0;\n width: ", ";\n"], ["\n margin: 0;\n width: ", ";\n"])), function (_a) {
28865
28990
  var width = _a.width;
28866
28991
  return width;
28867
28992
  });
28868
28993
  var SelectedIconWrapper = styled(IconWrapper$1).withConfig({
28869
28994
  displayName: "Selectstyles__SelectedIconWrapper",
28870
28995
  componentId: "sc-19jkd5s-3"
28871
- })(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n margin: ", ";\n"], ["\n margin: ", ";\n"])), selectTokens.option.selected.icon.margin);
28996
+ })(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n margin: ", ";\n"], ["\n margin: ", ";\n"])), selectTokens.option.selected.icon.margin);
28872
28997
  var CustomStyles = {
28873
28998
  placeholder: function placeholder() {
28874
28999
  return __assign({}, selectTokens.placeholder.base);
@@ -28892,8 +29017,9 @@ var CustomStyles = {
28892
29017
  flexWrap: 'wrap'
28893
29018
  }, selectTokens.input.base);
28894
29019
  },
28895
- valueContainer: function valueContainer(provided) {
28896
- return __assign(__assign({}, provided), {
29020
+ valueContainer: function valueContainer(provided, state) {
29021
+ var isMultiStyles = state.selectProps.isMulti ? __assign({}, selectTokens.valueContainer.isMulti.base) : {};
29022
+ return __assign(__assign(__assign({}, provided), isMultiStyles), {
28897
29023
  padding: 0
28898
29024
  });
28899
29025
  },
@@ -28902,16 +29028,34 @@ var CustomStyles = {
28902
29028
  margin: 0
28903
29029
  });
28904
29030
  },
28905
- menu: function menu() {
28906
- return __assign({
28907
- position: 'relative',
29031
+ multiValue: function multiValue(provided, state) {
29032
+ var variantStyles = state.selectProps.isDisabled ? __assign({}, selectTokens.multiValue.disabled.base) : __assign({}, selectTokens.multiValue.enabled.base);
29033
+ return __assign(__assign(__assign({}, provided), selectTokens.multiValue.base), variantStyles);
29034
+ },
29035
+ multiValueLabel: function multiValueLabel(provided) {
29036
+ return __assign(__assign({}, provided), selectTokens.multiValueLabel.base);
29037
+ },
29038
+ multiValueRemove: function multiValueRemove(provided, state) {
29039
+ return state.selectProps.isDisabled ? {
29040
+ display: 'none'
29041
+ } : __assign(__assign(__assign(__assign({}, provided), {
29042
+ transition: '0.2s'
29043
+ }), selectTokens.multiValueRemove.base), {
29044
+ svg: __assign({}, selectTokens.multiValueRemove.icon.base),
29045
+ '&:hover': __assign({}, selectTokens.multiValueRemove.hover.base),
29046
+ '&:focus': {
29047
+ backgroundColor: 'blue'
29048
+ }
29049
+ });
29050
+ },
29051
+ menu: function menu(provided) {
29052
+ return __assign(__assign(__assign({}, provided), {
28908
29053
  zIndex: 3,
28909
29054
  transition: '0.2s',
28910
29055
  width: 'calc(100% + 2px)',
28911
29056
  transform: 'translate(-1px)',
28912
- top: selectTokens.optionsList.spaceTop,
28913
29057
  boxShadow: "0 0 0 1px " + selectTokens.optionsList.base.borderColor
28914
- }, selectTokens.optionsList.base);
29058
+ }), selectTokens.optionsList.base);
28915
29059
  },
28916
29060
  option: function option(provided, state) {
28917
29061
  var selectedBase = state.isSelected ? __assign({}, selectTokens.option.selected.base) : {};
@@ -28927,6 +29071,9 @@ var CustomStyles = {
28927
29071
  noOptionsMessage: function noOptionsMessage() {
28928
29072
  return __assign({}, selectTokens.noOptionsMessage.base);
28929
29073
  },
29074
+ indicatorsContainer: function indicatorsContainer(provided) {
29075
+ return __assign({}, provided);
29076
+ },
28930
29077
  clearIndicator: function clearIndicator() {
28931
29078
  return __assign(__assign({
28932
29079
  display: 'flex'
@@ -28934,11 +29081,14 @@ var CustomStyles = {
28934
29081
  '&:hover': __assign({}, selectTokens.clearIndicator.hover.base)
28935
29082
  });
28936
29083
  },
29084
+ loadingIndicator: function loadingIndicator(provided) {
29085
+ return __assign(__assign({}, provided), selectTokens.loadingIndicator.base);
29086
+ },
28937
29087
  input: function input() {
28938
29088
  return {};
28939
29089
  }
28940
29090
  };
28941
- 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;
29091
+ 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;
28942
29092
 
28943
29093
  var DdsOption = components.Option,
28944
29094
  NoOptionsMessage = components.NoOptionsMessage;
@@ -28976,10 +29126,12 @@ var Select = /*#__PURE__*/forwardRef(function (_a, ref) {
28976
29126
  required = _a.required,
28977
29127
  readOnly = _a.readOnly,
28978
29128
  options = _a.options,
29129
+ isMulti = _a.isMulti,
28979
29130
  value = _a.value,
28980
29131
  defaultValue = _a.defaultValue,
28981
29132
  _b = _a.width,
28982
29133
  width = _b === void 0 ? selectTokens.container.defaultWidth : _b,
29134
+ closeMenuOnSelect = _a.closeMenuOnSelect,
28983
29135
  className = _a.className,
28984
29136
  style = _a.style,
28985
29137
  isDisabled = _a.isDisabled,
@@ -28987,28 +29139,33 @@ var Select = /*#__PURE__*/forwardRef(function (_a, ref) {
28987
29139
  isClearable = _c === void 0 ? true : _c,
28988
29140
  _d = _a.placeholder,
28989
29141
  placeholder = _d === void 0 ? '-- Velg fra listen --' : _d,
28990
- rest = __rest(_a, ["id", "label", "errorMessage", "tip", "required", "readOnly", "options", "value", "defaultValue", "width", "className", "style", "isDisabled", "isClearable", "placeholder"]);
29142
+ rest = __rest(_a, ["id", "label", "errorMessage", "tip", "required", "readOnly", "options", "isMulti", "value", "defaultValue", "width", "closeMenuOnSelect", "className", "style", "isDisabled", "isClearable", "placeholder"]);
28991
29143
 
28992
29144
  var uniqueId = useState(id !== null && id !== void 0 ? id : "select-" + nextUniqueId$2++)[0];
29145
+ var hasLabel = !!label;
28993
29146
  var wrapperProps = {
28994
29147
  width: width
28995
29148
  };
28996
29149
  var containerProps = {
28997
29150
  errorMessage: errorMessage,
28998
29151
  isDisabled: isDisabled,
29152
+ isMulti: isMulti,
28999
29153
  readOnly: readOnly,
29000
- label: label,
29154
+ hasLabel: hasLabel,
29001
29155
  className: className,
29002
29156
  style: style
29003
29157
  };
29004
29158
 
29005
29159
  var reactSelectProps = __assign({
29160
+ ref: ref,
29006
29161
  options: options,
29007
29162
  value: value,
29008
29163
  defaultValue: defaultValue,
29009
29164
  isDisabled: isDisabled || readOnly,
29010
29165
  isClearable: isClearable,
29011
29166
  placeholder: placeholder,
29167
+ closeMenuOnSelect: closeMenuOnSelect ? closeMenuOnSelect : isMulti ? false : true,
29168
+ isMulti: isMulti,
29012
29169
  inputId: uniqueId,
29013
29170
  name: uniqueId,
29014
29171
  classNamePrefix: prefix,
@@ -29031,9 +29188,7 @@ var Select = /*#__PURE__*/forwardRef(function (_a, ref) {
29031
29188
  typographyType: "supportingStyleLabel01"
29032
29189
  }, {
29033
29190
  children: [label, " ", required && jsxRuntime.jsx(RequiredMarker, {}, void 0)]
29034
- }), void 0), jsxRuntime.jsx(ReactSelect, __assign({}, reactSelectProps, {
29035
- ref: ref
29036
- }), void 0)]
29191
+ }), void 0), jsxRuntime.jsx(ReactSelect, __assign({}, reactSelectProps), void 0)]
29037
29192
  }), void 0), errorMessage && jsxRuntime.jsx(InputMessage, {
29038
29193
  messageType: "error",
29039
29194
  message: errorMessage
@@ -29124,13 +29279,13 @@ var InfoOutlinedIcon = /*@__PURE__*/getDefaultExportFromCjs(InfoOutlined);
29124
29279
 
29125
29280
  var Colors$9 = ddsBaseTokens.colors,
29126
29281
  Spacing$d = ddsBaseTokens.spacing,
29127
- FontPackages$9 = ddsBaseTokens.fontPackages;
29282
+ FontPackages$a = ddsBaseTokens.fontPackages;
29128
29283
 
29129
29284
  var containerBase$1 = __assign(__assign({
29130
29285
  borderBottom: '2px solid',
29131
29286
  padding: "0 " + Spacing$d.SizesDdsSpacingLocalX1,
29132
29287
  width: '100%'
29133
- }, FontPackages$9.body_sans_02.base), {
29288
+ }, FontPackages$a.body_sans_02.base), {
29134
29289
  color: Colors$9.DdsColorNeutralsGray8
29135
29290
  });
29136
29291
 
@@ -29327,7 +29482,7 @@ var EmojiObjectsOutlinedIcon = /*@__PURE__*/getDefaultExportFromCjs(EmojiObjects
29327
29482
 
29328
29483
  var Colors$8 = ddsBaseTokens.colors,
29329
29484
  Spacing$c = ddsBaseTokens.spacing,
29330
- FontPackages$8 = ddsBaseTokens.fontPackages,
29485
+ FontPackages$9 = ddsBaseTokens.fontPackages,
29331
29486
  BorderRadius = ddsBaseTokens.borderRadius,
29332
29487
  Border$3 = ddsBaseTokens.border,
29333
29488
  OuterShadow = ddsBaseTokens.outerShadow;
@@ -29337,7 +29492,7 @@ var containerBase = __assign(__assign({
29337
29492
  borderRadius: BorderRadius.RadiiDdsBorderRadius1Radius,
29338
29493
  border: Border$3.BordersDdsBorderStyle1StrokeWeight + " solid",
29339
29494
  padding: "0 " + Spacing$c.SizesDdsSpacingLocalX1
29340
- }, FontPackages$8.body_sans_02.base), {
29495
+ }, FontPackages$9.body_sans_02.base), {
29341
29496
  color: Colors$8.DdsColorNeutralsGray8
29342
29497
  });
29343
29498
 
@@ -29603,23 +29758,23 @@ exports.default = _default;
29603
29758
  var SearchOutlinedIcon = /*@__PURE__*/getDefaultExportFromCjs(SearchOutlined);
29604
29759
 
29605
29760
  var Spacing$b = ddsBaseTokens.spacing,
29606
- FontPackages$7 = ddsBaseTokens.fontPackages;
29761
+ FontPackages$8 = ddsBaseTokens.fontPackages;
29607
29762
  var textDefault$5 = ddsReferenceTokens.textDefault;
29608
29763
  var inputBase = {
29609
29764
  paddingRight: Spacing$b.SizesDdsSpacingLocalX05
29610
29765
  };
29611
29766
 
29612
- var smallBase$1 = __assign(__assign({}, FontPackages$7.supportingStyle_inputtext_01.base), {
29767
+ var smallBase$1 = __assign(__assign({}, FontPackages$8.supportingStyle_inputtext_01.base), {
29613
29768
  paddingTop: Spacing$b.SizesDdsSpacingLocalX05,
29614
29769
  paddingBottom: Spacing$b.SizesDdsSpacingLocalX05
29615
29770
  });
29616
29771
 
29617
- var mediumBase = __assign(__assign({}, FontPackages$7.supportingStyle_inputtext_02.base), {
29772
+ var mediumBase = __assign(__assign({}, FontPackages$8.supportingStyle_inputtext_02.base), {
29618
29773
  paddingTop: Spacing$b.SizesDdsSpacingLocalX075,
29619
29774
  paddingBottom: Spacing$b.SizesDdsSpacingLocalX075
29620
29775
  });
29621
29776
 
29622
- var largeBase = __assign(__assign({}, FontPackages$7.supportingStyle_inputtext_03.base), {
29777
+ var largeBase = __assign(__assign({}, FontPackages$8.supportingStyle_inputtext_03.base), {
29623
29778
  paddingTop: Spacing$b.SizesDdsSpacingLocalX1,
29624
29779
  paddingBottom: Spacing$b.SizesDdsSpacingLocalX1
29625
29780
  });
@@ -29840,17 +29995,17 @@ var Head = /*#__PURE__*/forwardRef(function (_a, ref) {
29840
29995
  var templateObject_1$j;
29841
29996
 
29842
29997
  var Colors$6 = ddsBaseTokens.colors,
29843
- FontPackages$6 = ddsBaseTokens.fontPackages,
29998
+ FontPackages$7 = ddsBaseTokens.fontPackages,
29844
29999
  Border$2 = ddsBaseTokens.border;
29845
30000
  var textDefault$4 = ddsReferenceTokens.textDefault;
29846
30001
 
29847
30002
  var bodyRowBase = __assign({
29848
30003
  color: textDefault$4.textColor
29849
- }, FontPackages$6.body_sans_02.base);
30004
+ }, FontPackages$7.body_sans_02.base);
29850
30005
 
29851
30006
  var headRowBase = __assign(__assign({
29852
30007
  color: textDefault$4.textColor
29853
- }, FontPackages$6.body_sans_02.base), {
30008
+ }, FontPackages$7.body_sans_02.base), {
29854
30009
  fontWeight: 600,
29855
30010
  textAlign: 'left'
29856
30011
  });
@@ -29868,7 +30023,7 @@ var bodyHoverBase = {
29868
30023
  backgroundColor: Colors$6.DdsColorSecondaryLightest
29869
30024
  };
29870
30025
 
29871
- var bodySumBase = __assign(__assign({}, FontPackages$6.body_sans_02.base), {
30026
+ var bodySumBase = __assign(__assign({}, FontPackages$7.body_sans_02.base), {
29872
30027
  fontWeight: 600,
29873
30028
  borderTop: Border$2.BordersDdsBorderStyle1StrokeWeight + " solid " + Colors$6.DdsColorNeutralsGray4,
29874
30029
  borderBottom: Border$2.BordersDdsBorderStyle1StrokeWeight + " solid " + Colors$6.DdsColorNeutralsGray4,
@@ -30259,13 +30414,20 @@ exports.default = _default;
30259
30414
  var ArrowBackOutlinedIcon = /*@__PURE__*/getDefaultExportFromCjs(ArrowBackOutlined);
30260
30415
 
30261
30416
  var Colors$5 = ddsBaseTokens.colors,
30262
- Spacing$9 = ddsBaseTokens.spacing;
30417
+ Spacing$9 = ddsBaseTokens.spacing,
30418
+ FontPackages$6 = ddsBaseTokens.fontPackages;
30263
30419
  var iconBase$1 = {
30264
30420
  color: Colors$5.DdsColorInteractiveBase,
30265
30421
  marginLeft: Spacing$9.SizesDdsSpacingLocalX05,
30266
30422
  marginRight: Spacing$9.SizesDdsSpacingLocalX05
30267
30423
  };
30424
+
30425
+ var breadcrumbBase = __assign({}, FontPackages$6.body_sans_02.base);
30426
+
30268
30427
  var breadcrumbTokens = {
30428
+ breadcrumb: {
30429
+ base: breadcrumbBase
30430
+ },
30269
30431
  icon: {
30270
30432
  base: iconBase$1,
30271
30433
  size: 'small'
@@ -30279,7 +30441,7 @@ var List$2 = styled.ol.withConfig({
30279
30441
  var ListItem$2 = styled.li.withConfig({
30280
30442
  displayName: "Breadcrumbs__ListItem",
30281
30443
  componentId: "sc-xdj21o-1"
30282
- })(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n"], ["\n align-items: center;\n display: flex;\n"])));
30444
+ })(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);
30283
30445
  var BreadcrumbIcon = styled(ChevronRightOutlinedIcon).withConfig({
30284
30446
  displayName: "Breadcrumbs__BreadcrumbIcon",
30285
30447
  componentId: "sc-xdj21o-2"