@norges-domstoler/dds-components 0.0.27 → 0.0.30

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 (17) hide show
  1. package/README.md +5 -5
  2. package/dist/components/Button/Button.styles.d.ts +4 -8
  3. package/dist/components/Button/Button.tokens.d.ts +12 -0
  4. package/dist/components/Button/Button.types.d.ts +1 -1
  5. package/dist/components/Card/CardAccordion/CardAccordionBody.d.ts +3 -0
  6. package/dist/components/Card/CardAccordion/CardAccordionHeader.d.ts +3 -3
  7. package/dist/components/Card/CardAccordion/CardAccordionHeader.tokens.d.ts +7 -0
  8. package/dist/components/Datepicker/Datepicker.tokens.d.ts +9 -0
  9. package/dist/components/InternalHeader/InternalHeader.styles.d.ts +5 -1
  10. package/dist/components/InternalHeader/InternalHeader.tokens.d.ts +4 -0
  11. package/dist/components/Typography/Typography.tokens.d.ts +6 -0
  12. package/dist/components/Typography/Typography.types.d.ts +1 -1
  13. package/dist/helpers/Chevron/AnimatedChevronUpDown.d.ts +8 -2
  14. package/dist/helpers/Chevron/AnimatedChevronUpDown.styles.d.ts +5 -5
  15. package/dist/index.es.js +985 -464
  16. package/dist/index.js +985 -464
  17. package/package.json +4 -3
package/dist/index.js CHANGED
@@ -3054,7 +3054,7 @@ function y$1(){return (y$1=Object.assign||function(e){for(var t=1;t<arguments.le
3054
3054
 
3055
3055
  /**
3056
3056
  * Do not edit directly
3057
- * Generated on Fri, 11 Feb 2022 13:10:58 GMT
3057
+ * Generated on Mon, 14 Mar 2022 12:29:21 GMT
3058
3058
  */
3059
3059
  var DdsColorPrimaryLightest = "rgba(234, 239, 244, 1)";
3060
3060
  var DdsColorPrimaryLighter = "rgba(172, 187, 198, 1)";
@@ -3195,24 +3195,24 @@ var colors$1 = /*#__PURE__*/Object.freeze({
3195
3195
 
3196
3196
  /**
3197
3197
  * Do not edit directly
3198
- * Generated on Fri, 11 Feb 2022 13:10:58 GMT
3198
+ * Generated on Mon, 14 Mar 2022 12:29:21 GMT
3199
3199
  */
3200
- var DdsFontHeadingSans01FontSize = "14px";
3201
- var DdsFontHeadingSans01FontSizeNumberPx = 14;
3200
+ var DdsFontHeadingSans01FontSize = "16px";
3201
+ var DdsFontHeadingSans01FontSizeNumberPx = 16;
3202
3202
  var DdsFontHeadingSans01TextDecoration = "none";
3203
3203
  var DdsFontHeadingSans01FontFamily = "IBM Plex Sans";
3204
3204
  var DdsFontHeadingSans01FontWeight = 600;
3205
3205
  var DdsFontHeadingSans01FontStyle = "normal";
3206
3206
  var DdsFontHeadingSans01FontStretch = "normal";
3207
- var DdsFontHeadingSans01LetterSpacing = "0.01em";
3207
+ var DdsFontHeadingSans01LetterSpacing = "0em";
3208
3208
  var DdsFontHeadingSans01LineHeight = "1.5em";
3209
3209
  var DdsFontHeadingSans01ParagraphIndent = "0px";
3210
3210
  var DdsFontHeadingSans01ParagraphIndentNumberPx = 0;
3211
- var DdsFontHeadingSans01ParagraphSpacing = "14px";
3212
- var DdsFontHeadingSans01ParagraphSpacingNumberPx = 14;
3211
+ var DdsFontHeadingSans01ParagraphSpacing = "6.400000095367432px";
3212
+ var DdsFontHeadingSans01ParagraphSpacingNumberPx = 6.400000095367432;
3213
3213
  var DdsFontHeadingSans01TextCase = "none";
3214
- var DdsFontHeadingSans02FontSize = "16px";
3215
- var DdsFontHeadingSans02FontSizeNumberPx = 16;
3214
+ var DdsFontHeadingSans02FontSize = "18px";
3215
+ var DdsFontHeadingSans02FontSizeNumberPx = 18;
3216
3216
  var DdsFontHeadingSans02TextDecoration = "none";
3217
3217
  var DdsFontHeadingSans02FontFamily = "IBM Plex Sans";
3218
3218
  var DdsFontHeadingSans02FontWeight = 600;
@@ -3222,8 +3222,8 @@ var DdsFontHeadingSans02LetterSpacing = "0em";
3222
3222
  var DdsFontHeadingSans02LineHeight = "1.5em";
3223
3223
  var DdsFontHeadingSans02ParagraphIndent = "0px";
3224
3224
  var DdsFontHeadingSans02ParagraphIndentNumberPx = 0;
3225
- var DdsFontHeadingSans02ParagraphSpacing = "16px";
3226
- var DdsFontHeadingSans02ParagraphSpacingNumberPx = 16;
3225
+ var DdsFontHeadingSans02ParagraphSpacing = "7.199999809265137px";
3226
+ var DdsFontHeadingSans02ParagraphSpacingNumberPx = 7.199999809265137;
3227
3227
  var DdsFontHeadingSans02TextCase = "none";
3228
3228
  var DdsFontHeadingSans03FontSize = "24px";
3229
3229
  var DdsFontHeadingSans03FontSizeNumberPx = 24;
@@ -3236,8 +3236,8 @@ var DdsFontHeadingSans03LetterSpacing = "0em";
3236
3236
  var DdsFontHeadingSans03LineHeight = "1.35em";
3237
3237
  var DdsFontHeadingSans03ParagraphIndent = "0px";
3238
3238
  var DdsFontHeadingSans03ParagraphIndentNumberPx = 0;
3239
- var DdsFontHeadingSans03ParagraphSpacing = "16px";
3240
- var DdsFontHeadingSans03ParagraphSpacingNumberPx = 16;
3239
+ var DdsFontHeadingSans03ParagraphSpacing = "9.600000381469727px";
3240
+ var DdsFontHeadingSans03ParagraphSpacingNumberPx = 9.600000381469727;
3241
3241
  var DdsFontHeadingSans03TextCase = "none";
3242
3242
  var DdsFontHeadingSans04FontSize = "32px";
3243
3243
  var DdsFontHeadingSans04FontSizeNumberPx = 32;
@@ -3250,8 +3250,8 @@ var DdsFontHeadingSans04LetterSpacing = "0em";
3250
3250
  var DdsFontHeadingSans04LineHeight = "1.35em";
3251
3251
  var DdsFontHeadingSans04ParagraphIndent = "0px";
3252
3252
  var DdsFontHeadingSans04ParagraphIndentNumberPx = 0;
3253
- var DdsFontHeadingSans04ParagraphSpacing = "21px";
3254
- var DdsFontHeadingSans04ParagraphSpacingNumberPx = 21;
3253
+ var DdsFontHeadingSans04ParagraphSpacing = "12.800000190734863px";
3254
+ var DdsFontHeadingSans04ParagraphSpacingNumberPx = 12.800000190734863;
3255
3255
  var DdsFontHeadingSans04TextCase = "none";
3256
3256
  var DdsFontHeadingSans05FontSize = "40px";
3257
3257
  var DdsFontHeadingSans05FontSizeNumberPx = 40;
@@ -3264,8 +3264,8 @@ var DdsFontHeadingSans05LetterSpacing = "-0.01em";
3264
3264
  var DdsFontHeadingSans05LineHeight = "1.35em";
3265
3265
  var DdsFontHeadingSans05ParagraphIndent = "0px";
3266
3266
  var DdsFontHeadingSans05ParagraphIndentNumberPx = 0;
3267
- var DdsFontHeadingSans05ParagraphSpacing = "26px";
3268
- var DdsFontHeadingSans05ParagraphSpacingNumberPx = 26;
3267
+ var DdsFontHeadingSans05ParagraphSpacing = "16px";
3268
+ var DdsFontHeadingSans05ParagraphSpacingNumberPx = 16;
3269
3269
  var DdsFontHeadingSans05TextCase = "none";
3270
3270
  var DdsFontHeadingSans06FontSize = "48px";
3271
3271
  var DdsFontHeadingSans06FontSizeNumberPx = 48;
@@ -3278,8 +3278,8 @@ var DdsFontHeadingSans06LetterSpacing = "-0.01em";
3278
3278
  var DdsFontHeadingSans06LineHeight = "1.2em";
3279
3279
  var DdsFontHeadingSans06ParagraphIndent = "0px";
3280
3280
  var DdsFontHeadingSans06ParagraphIndentNumberPx = 0;
3281
- var DdsFontHeadingSans06ParagraphSpacing = "24px";
3282
- var DdsFontHeadingSans06ParagraphSpacingNumberPx = 24;
3281
+ var DdsFontHeadingSans06ParagraphSpacing = "19.200000762939453px";
3282
+ var DdsFontHeadingSans06ParagraphSpacingNumberPx = 19.200000762939453;
3283
3283
  var DdsFontHeadingSans06TextCase = "none";
3284
3284
  var DdsFontHeadingSans07FontSize = "64px";
3285
3285
  var DdsFontHeadingSans07FontSizeNumberPx = 64;
@@ -3292,8 +3292,8 @@ var DdsFontHeadingSans07LetterSpacing = "-0.01em";
3292
3292
  var DdsFontHeadingSans07LineHeight = "1.2em";
3293
3293
  var DdsFontHeadingSans07ParagraphIndent = "0px";
3294
3294
  var DdsFontHeadingSans07ParagraphIndentNumberPx = 0;
3295
- var DdsFontHeadingSans07ParagraphSpacing = "32px";
3296
- var DdsFontHeadingSans07ParagraphSpacingNumberPx = 32;
3295
+ var DdsFontHeadingSans07ParagraphSpacing = "25.600000381469727px";
3296
+ var DdsFontHeadingSans07ParagraphSpacingNumberPx = 25.600000381469727;
3297
3297
  var DdsFontHeadingSans07TextCase = "none";
3298
3298
  var DdsFontHeadingSans08FontSize = "80px";
3299
3299
  var DdsFontHeadingSans08FontSizeNumberPx = 80;
@@ -3306,8 +3306,8 @@ var DdsFontHeadingSans08LetterSpacing = "-0.01em";
3306
3306
  var DdsFontHeadingSans08LineHeight = "1.2em";
3307
3307
  var DdsFontHeadingSans08ParagraphIndent = "0px";
3308
3308
  var DdsFontHeadingSans08ParagraphIndentNumberPx = 0;
3309
- var DdsFontHeadingSans08ParagraphSpacing = "40px";
3310
- var DdsFontHeadingSans08ParagraphSpacingNumberPx = 40;
3309
+ var DdsFontHeadingSans08ParagraphSpacing = "32px";
3310
+ var DdsFontHeadingSans08ParagraphSpacingNumberPx = 32;
3311
3311
  var DdsFontHeadingSans08TextCase = "none";
3312
3312
  var DdsFontBodySans01FontSize = "14px";
3313
3313
  var DdsFontBodySans01FontSizeNumberPx = 14;
@@ -3588,7 +3588,21 @@ var DdsFontSupportingStyleTiny01ParagraphIndent = "0px";
3588
3588
  var DdsFontSupportingStyleTiny01ParagraphIndentNumberPx = 0;
3589
3589
  var DdsFontSupportingStyleTiny01ParagraphSpacing = "12px";
3590
3590
  var DdsFontSupportingStyleTiny01ParagraphSpacingNumberPx = 12;
3591
- var DdsFontSupportingStyleTiny01TextCase = "none";
3591
+ var DdsFontSupportingStyleTiny01TextCase = "none";
3592
+ var DdsFontSupportingStyleTiny02FontSize = "12px";
3593
+ var DdsFontSupportingStyleTiny02FontSizeNumberPx = 12;
3594
+ var DdsFontSupportingStyleTiny02TextDecoration = "none";
3595
+ var DdsFontSupportingStyleTiny02FontFamily = "IBM Plex Sans";
3596
+ var DdsFontSupportingStyleTiny02FontWeight = 300;
3597
+ var DdsFontSupportingStyleTiny02FontStyle = "normal";
3598
+ var DdsFontSupportingStyleTiny02FontStretch = "normal";
3599
+ var DdsFontSupportingStyleTiny02LetterSpacing = "0.01em";
3600
+ var DdsFontSupportingStyleTiny02LineHeight = "1.5em";
3601
+ var DdsFontSupportingStyleTiny02ParagraphIndent = "0px";
3602
+ var DdsFontSupportingStyleTiny02ParagraphIndentNumberPx = 0;
3603
+ var DdsFontSupportingStyleTiny02ParagraphSpacing = "12px";
3604
+ var DdsFontSupportingStyleTiny02ParagraphSpacingNumberPx = 12;
3605
+ var DdsFontSupportingStyleTiny02TextCase = "none";
3592
3606
 
3593
3607
  var font = /*#__PURE__*/Object.freeze({
3594
3608
  __proto__: null,
@@ -3983,12 +3997,26 @@ var font = /*#__PURE__*/Object.freeze({
3983
3997
  DdsFontSupportingStyleTiny01ParagraphIndentNumberPx: DdsFontSupportingStyleTiny01ParagraphIndentNumberPx,
3984
3998
  DdsFontSupportingStyleTiny01ParagraphSpacing: DdsFontSupportingStyleTiny01ParagraphSpacing,
3985
3999
  DdsFontSupportingStyleTiny01ParagraphSpacingNumberPx: DdsFontSupportingStyleTiny01ParagraphSpacingNumberPx,
3986
- DdsFontSupportingStyleTiny01TextCase: DdsFontSupportingStyleTiny01TextCase
4000
+ DdsFontSupportingStyleTiny01TextCase: DdsFontSupportingStyleTiny01TextCase,
4001
+ DdsFontSupportingStyleTiny02FontSize: DdsFontSupportingStyleTiny02FontSize,
4002
+ DdsFontSupportingStyleTiny02FontSizeNumberPx: DdsFontSupportingStyleTiny02FontSizeNumberPx,
4003
+ DdsFontSupportingStyleTiny02TextDecoration: DdsFontSupportingStyleTiny02TextDecoration,
4004
+ DdsFontSupportingStyleTiny02FontFamily: DdsFontSupportingStyleTiny02FontFamily,
4005
+ DdsFontSupportingStyleTiny02FontWeight: DdsFontSupportingStyleTiny02FontWeight,
4006
+ DdsFontSupportingStyleTiny02FontStyle: DdsFontSupportingStyleTiny02FontStyle,
4007
+ DdsFontSupportingStyleTiny02FontStretch: DdsFontSupportingStyleTiny02FontStretch,
4008
+ DdsFontSupportingStyleTiny02LetterSpacing: DdsFontSupportingStyleTiny02LetterSpacing,
4009
+ DdsFontSupportingStyleTiny02LineHeight: DdsFontSupportingStyleTiny02LineHeight,
4010
+ DdsFontSupportingStyleTiny02ParagraphIndent: DdsFontSupportingStyleTiny02ParagraphIndent,
4011
+ DdsFontSupportingStyleTiny02ParagraphIndentNumberPx: DdsFontSupportingStyleTiny02ParagraphIndentNumberPx,
4012
+ DdsFontSupportingStyleTiny02ParagraphSpacing: DdsFontSupportingStyleTiny02ParagraphSpacing,
4013
+ DdsFontSupportingStyleTiny02ParagraphSpacingNumberPx: DdsFontSupportingStyleTiny02ParagraphSpacingNumberPx,
4014
+ DdsFontSupportingStyleTiny02TextCase: DdsFontSupportingStyleTiny02TextCase
3987
4015
  });
3988
4016
 
3989
4017
  /**
3990
4018
  * Do not edit directly
3991
- * Generated on Fri, 11 Feb 2022 13:10:58 GMT
4019
+ * Generated on Mon, 14 Mar 2022 12:29:21 GMT
3992
4020
  */
3993
4021
  var BordersDdsBorderFocusBaseStrokeAlign = "inside";
3994
4022
  var BordersDdsBorderFocusBaseStrokeMiterLimit = 4;
@@ -4047,7 +4075,7 @@ var border = /*#__PURE__*/Object.freeze({
4047
4075
 
4048
4076
  /**
4049
4077
  * Do not edit directly
4050
- * Generated on Fri, 11 Feb 2022 13:10:58 GMT
4078
+ * Generated on Mon, 14 Mar 2022 12:29:21 GMT
4051
4079
  */
4052
4080
  var RadiiDdsBorderRadius1Radius = "2px";
4053
4081
  var RadiiDdsBorderRadius1RadiusNumberPx = 2;
@@ -4116,7 +4144,7 @@ var borderRadius$1 = /*#__PURE__*/Object.freeze({
4116
4144
 
4117
4145
  /**
4118
4146
  * Do not edit directly
4119
- * Generated on Fri, 11 Feb 2022 13:10:58 GMT
4147
+ * Generated on Mon, 14 Mar 2022 12:29:21 GMT
4120
4148
  */
4121
4149
  var SizesDdsSpacingLocalX3 = "48px";
4122
4150
  var SizesDdsSpacingLocalX3NumberPx = 48; // 48px
@@ -4149,7 +4177,71 @@ var SizesDdsSpacingLayoutX2NumberPx = 32; // 32px
4149
4177
  var SizesDdsSpacingLayoutX15 = "24px";
4150
4178
  var SizesDdsSpacingLayoutX15NumberPx = 24; // 24px
4151
4179
  var SizesDdsSpacingLayoutX1 = "16px";
4152
- var SizesDdsSpacingLayoutX1NumberPx = 16; // 16px
4180
+ var SizesDdsSpacingLayoutX1NumberPx = 16; // 16px
4181
+ var SpacingDdsSpacingPaddingTopHeadingSans01Top = "11.2px";
4182
+ var SpacingDdsSpacingPaddingTopHeadingSans01TopNumberPx = 11.2;
4183
+ var SpacingDdsSpacingPaddingTopHeadingSans01Right = "0px";
4184
+ var SpacingDdsSpacingPaddingTopHeadingSans01RightNumberPx = 0;
4185
+ var SpacingDdsSpacingPaddingTopHeadingSans01Bottom = "0px";
4186
+ var SpacingDdsSpacingPaddingTopHeadingSans01BottomNumberPx = 0;
4187
+ var SpacingDdsSpacingPaddingTopHeadingSans01Left = "0px";
4188
+ var SpacingDdsSpacingPaddingTopHeadingSans01LeftNumberPx = 0;
4189
+ var SpacingDdsSpacingPaddingTopHeadingSans02Top = "12.6px";
4190
+ var SpacingDdsSpacingPaddingTopHeadingSans02TopNumberPx = 12.6;
4191
+ var SpacingDdsSpacingPaddingTopHeadingSans02Right = "0px";
4192
+ var SpacingDdsSpacingPaddingTopHeadingSans02RightNumberPx = 0;
4193
+ var SpacingDdsSpacingPaddingTopHeadingSans02Bottom = "0px";
4194
+ var SpacingDdsSpacingPaddingTopHeadingSans02BottomNumberPx = 0;
4195
+ var SpacingDdsSpacingPaddingTopHeadingSans02Left = "0px";
4196
+ var SpacingDdsSpacingPaddingTopHeadingSans02LeftNumberPx = 0;
4197
+ var SpacingDdsSpacingPaddingTopHeadingSans03Top = "16.8px";
4198
+ var SpacingDdsSpacingPaddingTopHeadingSans03TopNumberPx = 16.8;
4199
+ var SpacingDdsSpacingPaddingTopHeadingSans03Right = "0px";
4200
+ var SpacingDdsSpacingPaddingTopHeadingSans03RightNumberPx = 0;
4201
+ var SpacingDdsSpacingPaddingTopHeadingSans03Bottom = "0px";
4202
+ var SpacingDdsSpacingPaddingTopHeadingSans03BottomNumberPx = 0;
4203
+ var SpacingDdsSpacingPaddingTopHeadingSans03Left = "0px";
4204
+ var SpacingDdsSpacingPaddingTopHeadingSans03LeftNumberPx = 0;
4205
+ var SpacingDdsSpacingPaddingTopHeadingSans04Top = "22.4px";
4206
+ var SpacingDdsSpacingPaddingTopHeadingSans04TopNumberPx = 22.4;
4207
+ var SpacingDdsSpacingPaddingTopHeadingSans04Right = "0px";
4208
+ var SpacingDdsSpacingPaddingTopHeadingSans04RightNumberPx = 0;
4209
+ var SpacingDdsSpacingPaddingTopHeadingSans04Bottom = "0px";
4210
+ var SpacingDdsSpacingPaddingTopHeadingSans04BottomNumberPx = 0;
4211
+ var SpacingDdsSpacingPaddingTopHeadingSans04Left = "0px";
4212
+ var SpacingDdsSpacingPaddingTopHeadingSans04LeftNumberPx = 0;
4213
+ var SpacingDdsSpacingPaddingTopHeadingSans05Top = "28px";
4214
+ var SpacingDdsSpacingPaddingTopHeadingSans05TopNumberPx = 28;
4215
+ var SpacingDdsSpacingPaddingTopHeadingSans05Right = "0px";
4216
+ var SpacingDdsSpacingPaddingTopHeadingSans05RightNumberPx = 0;
4217
+ var SpacingDdsSpacingPaddingTopHeadingSans05Bottom = "0px";
4218
+ var SpacingDdsSpacingPaddingTopHeadingSans05BottomNumberPx = 0;
4219
+ var SpacingDdsSpacingPaddingTopHeadingSans05Left = "0px";
4220
+ var SpacingDdsSpacingPaddingTopHeadingSans05LeftNumberPx = 0;
4221
+ var SpacingDdsSpacingPaddingTopHeadingSans06Top = "33.6px";
4222
+ var SpacingDdsSpacingPaddingTopHeadingSans06TopNumberPx = 33.6;
4223
+ var SpacingDdsSpacingPaddingTopHeadingSans06Right = "0px";
4224
+ var SpacingDdsSpacingPaddingTopHeadingSans06RightNumberPx = 0;
4225
+ var SpacingDdsSpacingPaddingTopHeadingSans06Bottom = "0px";
4226
+ var SpacingDdsSpacingPaddingTopHeadingSans06BottomNumberPx = 0;
4227
+ var SpacingDdsSpacingPaddingTopHeadingSans06Left = "0px";
4228
+ var SpacingDdsSpacingPaddingTopHeadingSans06LeftNumberPx = 0;
4229
+ var SpacingDdsSpacingPaddingTopHeadingSans07Top = "44.8px";
4230
+ var SpacingDdsSpacingPaddingTopHeadingSans07TopNumberPx = 44.8;
4231
+ var SpacingDdsSpacingPaddingTopHeadingSans07Right = "0px";
4232
+ var SpacingDdsSpacingPaddingTopHeadingSans07RightNumberPx = 0;
4233
+ var SpacingDdsSpacingPaddingTopHeadingSans07Bottom = "0px";
4234
+ var SpacingDdsSpacingPaddingTopHeadingSans07BottomNumberPx = 0;
4235
+ var SpacingDdsSpacingPaddingTopHeadingSans07Left = "0px";
4236
+ var SpacingDdsSpacingPaddingTopHeadingSans07LeftNumberPx = 0;
4237
+ var SpacingDdsSpacingPaddingTopHeadingSans08Top = "56px";
4238
+ var SpacingDdsSpacingPaddingTopHeadingSans08TopNumberPx = 56;
4239
+ var SpacingDdsSpacingPaddingTopHeadingSans08Right = "0px";
4240
+ var SpacingDdsSpacingPaddingTopHeadingSans08RightNumberPx = 0;
4241
+ var SpacingDdsSpacingPaddingTopHeadingSans08Bottom = "0px";
4242
+ var SpacingDdsSpacingPaddingTopHeadingSans08BottomNumberPx = 0;
4243
+ var SpacingDdsSpacingPaddingTopHeadingSans08Left = "0px";
4244
+ var SpacingDdsSpacingPaddingTopHeadingSans08LeftNumberPx = 0;
4153
4245
 
4154
4246
  var spacing$1 = /*#__PURE__*/Object.freeze({
4155
4247
  __proto__: null,
@@ -4184,12 +4276,76 @@ var spacing$1 = /*#__PURE__*/Object.freeze({
4184
4276
  SizesDdsSpacingLayoutX15: SizesDdsSpacingLayoutX15,
4185
4277
  SizesDdsSpacingLayoutX15NumberPx: SizesDdsSpacingLayoutX15NumberPx,
4186
4278
  SizesDdsSpacingLayoutX1: SizesDdsSpacingLayoutX1,
4187
- SizesDdsSpacingLayoutX1NumberPx: SizesDdsSpacingLayoutX1NumberPx
4279
+ SizesDdsSpacingLayoutX1NumberPx: SizesDdsSpacingLayoutX1NumberPx,
4280
+ SpacingDdsSpacingPaddingTopHeadingSans01Top: SpacingDdsSpacingPaddingTopHeadingSans01Top,
4281
+ SpacingDdsSpacingPaddingTopHeadingSans01TopNumberPx: SpacingDdsSpacingPaddingTopHeadingSans01TopNumberPx,
4282
+ SpacingDdsSpacingPaddingTopHeadingSans01Right: SpacingDdsSpacingPaddingTopHeadingSans01Right,
4283
+ SpacingDdsSpacingPaddingTopHeadingSans01RightNumberPx: SpacingDdsSpacingPaddingTopHeadingSans01RightNumberPx,
4284
+ SpacingDdsSpacingPaddingTopHeadingSans01Bottom: SpacingDdsSpacingPaddingTopHeadingSans01Bottom,
4285
+ SpacingDdsSpacingPaddingTopHeadingSans01BottomNumberPx: SpacingDdsSpacingPaddingTopHeadingSans01BottomNumberPx,
4286
+ SpacingDdsSpacingPaddingTopHeadingSans01Left: SpacingDdsSpacingPaddingTopHeadingSans01Left,
4287
+ SpacingDdsSpacingPaddingTopHeadingSans01LeftNumberPx: SpacingDdsSpacingPaddingTopHeadingSans01LeftNumberPx,
4288
+ SpacingDdsSpacingPaddingTopHeadingSans02Top: SpacingDdsSpacingPaddingTopHeadingSans02Top,
4289
+ SpacingDdsSpacingPaddingTopHeadingSans02TopNumberPx: SpacingDdsSpacingPaddingTopHeadingSans02TopNumberPx,
4290
+ SpacingDdsSpacingPaddingTopHeadingSans02Right: SpacingDdsSpacingPaddingTopHeadingSans02Right,
4291
+ SpacingDdsSpacingPaddingTopHeadingSans02RightNumberPx: SpacingDdsSpacingPaddingTopHeadingSans02RightNumberPx,
4292
+ SpacingDdsSpacingPaddingTopHeadingSans02Bottom: SpacingDdsSpacingPaddingTopHeadingSans02Bottom,
4293
+ SpacingDdsSpacingPaddingTopHeadingSans02BottomNumberPx: SpacingDdsSpacingPaddingTopHeadingSans02BottomNumberPx,
4294
+ SpacingDdsSpacingPaddingTopHeadingSans02Left: SpacingDdsSpacingPaddingTopHeadingSans02Left,
4295
+ SpacingDdsSpacingPaddingTopHeadingSans02LeftNumberPx: SpacingDdsSpacingPaddingTopHeadingSans02LeftNumberPx,
4296
+ SpacingDdsSpacingPaddingTopHeadingSans03Top: SpacingDdsSpacingPaddingTopHeadingSans03Top,
4297
+ SpacingDdsSpacingPaddingTopHeadingSans03TopNumberPx: SpacingDdsSpacingPaddingTopHeadingSans03TopNumberPx,
4298
+ SpacingDdsSpacingPaddingTopHeadingSans03Right: SpacingDdsSpacingPaddingTopHeadingSans03Right,
4299
+ SpacingDdsSpacingPaddingTopHeadingSans03RightNumberPx: SpacingDdsSpacingPaddingTopHeadingSans03RightNumberPx,
4300
+ SpacingDdsSpacingPaddingTopHeadingSans03Bottom: SpacingDdsSpacingPaddingTopHeadingSans03Bottom,
4301
+ SpacingDdsSpacingPaddingTopHeadingSans03BottomNumberPx: SpacingDdsSpacingPaddingTopHeadingSans03BottomNumberPx,
4302
+ SpacingDdsSpacingPaddingTopHeadingSans03Left: SpacingDdsSpacingPaddingTopHeadingSans03Left,
4303
+ SpacingDdsSpacingPaddingTopHeadingSans03LeftNumberPx: SpacingDdsSpacingPaddingTopHeadingSans03LeftNumberPx,
4304
+ SpacingDdsSpacingPaddingTopHeadingSans04Top: SpacingDdsSpacingPaddingTopHeadingSans04Top,
4305
+ SpacingDdsSpacingPaddingTopHeadingSans04TopNumberPx: SpacingDdsSpacingPaddingTopHeadingSans04TopNumberPx,
4306
+ SpacingDdsSpacingPaddingTopHeadingSans04Right: SpacingDdsSpacingPaddingTopHeadingSans04Right,
4307
+ SpacingDdsSpacingPaddingTopHeadingSans04RightNumberPx: SpacingDdsSpacingPaddingTopHeadingSans04RightNumberPx,
4308
+ SpacingDdsSpacingPaddingTopHeadingSans04Bottom: SpacingDdsSpacingPaddingTopHeadingSans04Bottom,
4309
+ SpacingDdsSpacingPaddingTopHeadingSans04BottomNumberPx: SpacingDdsSpacingPaddingTopHeadingSans04BottomNumberPx,
4310
+ SpacingDdsSpacingPaddingTopHeadingSans04Left: SpacingDdsSpacingPaddingTopHeadingSans04Left,
4311
+ SpacingDdsSpacingPaddingTopHeadingSans04LeftNumberPx: SpacingDdsSpacingPaddingTopHeadingSans04LeftNumberPx,
4312
+ SpacingDdsSpacingPaddingTopHeadingSans05Top: SpacingDdsSpacingPaddingTopHeadingSans05Top,
4313
+ SpacingDdsSpacingPaddingTopHeadingSans05TopNumberPx: SpacingDdsSpacingPaddingTopHeadingSans05TopNumberPx,
4314
+ SpacingDdsSpacingPaddingTopHeadingSans05Right: SpacingDdsSpacingPaddingTopHeadingSans05Right,
4315
+ SpacingDdsSpacingPaddingTopHeadingSans05RightNumberPx: SpacingDdsSpacingPaddingTopHeadingSans05RightNumberPx,
4316
+ SpacingDdsSpacingPaddingTopHeadingSans05Bottom: SpacingDdsSpacingPaddingTopHeadingSans05Bottom,
4317
+ SpacingDdsSpacingPaddingTopHeadingSans05BottomNumberPx: SpacingDdsSpacingPaddingTopHeadingSans05BottomNumberPx,
4318
+ SpacingDdsSpacingPaddingTopHeadingSans05Left: SpacingDdsSpacingPaddingTopHeadingSans05Left,
4319
+ SpacingDdsSpacingPaddingTopHeadingSans05LeftNumberPx: SpacingDdsSpacingPaddingTopHeadingSans05LeftNumberPx,
4320
+ SpacingDdsSpacingPaddingTopHeadingSans06Top: SpacingDdsSpacingPaddingTopHeadingSans06Top,
4321
+ SpacingDdsSpacingPaddingTopHeadingSans06TopNumberPx: SpacingDdsSpacingPaddingTopHeadingSans06TopNumberPx,
4322
+ SpacingDdsSpacingPaddingTopHeadingSans06Right: SpacingDdsSpacingPaddingTopHeadingSans06Right,
4323
+ SpacingDdsSpacingPaddingTopHeadingSans06RightNumberPx: SpacingDdsSpacingPaddingTopHeadingSans06RightNumberPx,
4324
+ SpacingDdsSpacingPaddingTopHeadingSans06Bottom: SpacingDdsSpacingPaddingTopHeadingSans06Bottom,
4325
+ SpacingDdsSpacingPaddingTopHeadingSans06BottomNumberPx: SpacingDdsSpacingPaddingTopHeadingSans06BottomNumberPx,
4326
+ SpacingDdsSpacingPaddingTopHeadingSans06Left: SpacingDdsSpacingPaddingTopHeadingSans06Left,
4327
+ SpacingDdsSpacingPaddingTopHeadingSans06LeftNumberPx: SpacingDdsSpacingPaddingTopHeadingSans06LeftNumberPx,
4328
+ SpacingDdsSpacingPaddingTopHeadingSans07Top: SpacingDdsSpacingPaddingTopHeadingSans07Top,
4329
+ SpacingDdsSpacingPaddingTopHeadingSans07TopNumberPx: SpacingDdsSpacingPaddingTopHeadingSans07TopNumberPx,
4330
+ SpacingDdsSpacingPaddingTopHeadingSans07Right: SpacingDdsSpacingPaddingTopHeadingSans07Right,
4331
+ SpacingDdsSpacingPaddingTopHeadingSans07RightNumberPx: SpacingDdsSpacingPaddingTopHeadingSans07RightNumberPx,
4332
+ SpacingDdsSpacingPaddingTopHeadingSans07Bottom: SpacingDdsSpacingPaddingTopHeadingSans07Bottom,
4333
+ SpacingDdsSpacingPaddingTopHeadingSans07BottomNumberPx: SpacingDdsSpacingPaddingTopHeadingSans07BottomNumberPx,
4334
+ SpacingDdsSpacingPaddingTopHeadingSans07Left: SpacingDdsSpacingPaddingTopHeadingSans07Left,
4335
+ SpacingDdsSpacingPaddingTopHeadingSans07LeftNumberPx: SpacingDdsSpacingPaddingTopHeadingSans07LeftNumberPx,
4336
+ SpacingDdsSpacingPaddingTopHeadingSans08Top: SpacingDdsSpacingPaddingTopHeadingSans08Top,
4337
+ SpacingDdsSpacingPaddingTopHeadingSans08TopNumberPx: SpacingDdsSpacingPaddingTopHeadingSans08TopNumberPx,
4338
+ SpacingDdsSpacingPaddingTopHeadingSans08Right: SpacingDdsSpacingPaddingTopHeadingSans08Right,
4339
+ SpacingDdsSpacingPaddingTopHeadingSans08RightNumberPx: SpacingDdsSpacingPaddingTopHeadingSans08RightNumberPx,
4340
+ SpacingDdsSpacingPaddingTopHeadingSans08Bottom: SpacingDdsSpacingPaddingTopHeadingSans08Bottom,
4341
+ SpacingDdsSpacingPaddingTopHeadingSans08BottomNumberPx: SpacingDdsSpacingPaddingTopHeadingSans08BottomNumberPx,
4342
+ SpacingDdsSpacingPaddingTopHeadingSans08Left: SpacingDdsSpacingPaddingTopHeadingSans08Left,
4343
+ SpacingDdsSpacingPaddingTopHeadingSans08LeftNumberPx: SpacingDdsSpacingPaddingTopHeadingSans08LeftNumberPx
4188
4344
  });
4189
4345
 
4190
4346
  /**
4191
4347
  * Do not edit directly
4192
- * Generated on Fri, 11 Feb 2022 13:10:58 GMT
4348
+ * Generated on Mon, 14 Mar 2022 12:29:21 GMT
4193
4349
  */
4194
4350
  var DdsIconsizeMedium = "24px";
4195
4351
  var DdsIconsizeMediumNumberPx = 24;
@@ -4210,7 +4366,7 @@ var iconSizes = /*#__PURE__*/Object.freeze({
4210
4366
 
4211
4367
  /**
4212
4368
  * Do not edit directly
4213
- * Generated on Fri, 11 Feb 2022 13:10:58 GMT
4369
+ * Generated on Mon, 14 Mar 2022 12:29:21 GMT
4214
4370
  */
4215
4371
  var DdsGridXs0599Pattern = "columns";
4216
4372
  var DdsGridXs0599GutterSize = "16px";
@@ -4289,7 +4445,7 @@ var grid = /*#__PURE__*/Object.freeze({
4289
4445
 
4290
4446
  /**
4291
4447
  * Do not edit directly
4292
- * Generated on Fri, 11 Feb 2022 13:10:58 GMT
4448
+ * Generated on Mon, 14 Mar 2022 12:29:21 GMT
4293
4449
  */
4294
4450
  var DdsInnershadow1Ondark = " 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.5) inset";
4295
4451
  var DdsInnershadow1Onlight = " 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.1) inset";
@@ -4306,7 +4462,7 @@ var innerShadow = /*#__PURE__*/Object.freeze({
4306
4462
 
4307
4463
  /**
4308
4464
  * Do not edit directly
4309
- * Generated on Fri, 11 Feb 2022 13:10:58 GMT
4465
+ * Generated on Mon, 14 Mar 2022 12:29:21 GMT
4310
4466
  */
4311
4467
  var DdsShadow1Ondark = " 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.5)";
4312
4468
  var DdsShadow1Onlight = " 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.1)";
@@ -4331,18 +4487,18 @@ var outerShadow = /*#__PURE__*/Object.freeze({
4331
4487
 
4332
4488
  /**
4333
4489
  * Do not edit directly
4334
- * Generated on Fri, 11 Feb 2022 13:10:58 GMT
4490
+ * Generated on Mon, 14 Mar 2022 12:29:21 GMT
4335
4491
  */
4336
4492
  var ddsStyles = {
4337
4493
  "$dds-font": {
4338
4494
  "heading": {
4339
4495
  "sans-01": {
4340
4496
  "fontSize": {
4341
- "value": 14,
4497
+ "value": 16,
4342
4498
  "type": "number",
4343
4499
  "unit": "pixel",
4344
4500
  "original": {
4345
- "value": 14,
4501
+ "value": 16,
4346
4502
  "type": "number",
4347
4503
  "unit": "pixel"
4348
4504
  },
@@ -4487,11 +4643,11 @@ var ddsStyles = {
4487
4643
  ]
4488
4644
  },
4489
4645
  "letterSpacing": {
4490
- "value": "0.01em",
4646
+ "value": "0em",
4491
4647
  "type": "number",
4492
4648
  "unit": "percent",
4493
4649
  "original": {
4494
- "value": 1,
4650
+ "value": 0,
4495
4651
  "type": "number",
4496
4652
  "unit": "percent"
4497
4653
  },
@@ -4556,11 +4712,11 @@ var ddsStyles = {
4556
4712
  ]
4557
4713
  },
4558
4714
  "paragraphSpacing": {
4559
- "value": 14,
4715
+ "value": 6.400000095367432,
4560
4716
  "type": "number",
4561
4717
  "unit": "pixel",
4562
4718
  "original": {
4563
- "value": 14,
4719
+ "value": 6.400000095367432,
4564
4720
  "type": "number",
4565
4721
  "unit": "pixel"
4566
4722
  },
@@ -4602,11 +4758,11 @@ var ddsStyles = {
4602
4758
  },
4603
4759
  "sans-02": {
4604
4760
  "fontSize": {
4605
- "value": 16,
4761
+ "value": 18,
4606
4762
  "type": "number",
4607
4763
  "unit": "pixel",
4608
4764
  "original": {
4609
- "value": 16,
4765
+ "value": 18,
4610
4766
  "type": "number",
4611
4767
  "unit": "pixel"
4612
4768
  },
@@ -4820,11 +4976,11 @@ var ddsStyles = {
4820
4976
  ]
4821
4977
  },
4822
4978
  "paragraphSpacing": {
4823
- "value": 16,
4979
+ "value": 7.199999809265137,
4824
4980
  "type": "number",
4825
4981
  "unit": "pixel",
4826
4982
  "original": {
4827
- "value": 16,
4983
+ "value": 7.199999809265137,
4828
4984
  "type": "number",
4829
4985
  "unit": "pixel"
4830
4986
  },
@@ -5084,11 +5240,11 @@ var ddsStyles = {
5084
5240
  ]
5085
5241
  },
5086
5242
  "paragraphSpacing": {
5087
- "value": 16,
5243
+ "value": 9.600000381469727,
5088
5244
  "type": "number",
5089
5245
  "unit": "pixel",
5090
5246
  "original": {
5091
- "value": 16,
5247
+ "value": 9.600000381469727,
5092
5248
  "type": "number",
5093
5249
  "unit": "pixel"
5094
5250
  },
@@ -5348,11 +5504,11 @@ var ddsStyles = {
5348
5504
  ]
5349
5505
  },
5350
5506
  "paragraphSpacing": {
5351
- "value": 21,
5507
+ "value": 12.800000190734863,
5352
5508
  "type": "number",
5353
5509
  "unit": "pixel",
5354
5510
  "original": {
5355
- "value": 21,
5511
+ "value": 12.800000190734863,
5356
5512
  "type": "number",
5357
5513
  "unit": "pixel"
5358
5514
  },
@@ -5612,11 +5768,11 @@ var ddsStyles = {
5612
5768
  ]
5613
5769
  },
5614
5770
  "paragraphSpacing": {
5615
- "value": 26,
5771
+ "value": 16,
5616
5772
  "type": "number",
5617
5773
  "unit": "pixel",
5618
5774
  "original": {
5619
- "value": 26,
5775
+ "value": 16,
5620
5776
  "type": "number",
5621
5777
  "unit": "pixel"
5622
5778
  },
@@ -5876,11 +6032,11 @@ var ddsStyles = {
5876
6032
  ]
5877
6033
  },
5878
6034
  "paragraphSpacing": {
5879
- "value": 24,
6035
+ "value": 19.200000762939453,
5880
6036
  "type": "number",
5881
6037
  "unit": "pixel",
5882
6038
  "original": {
5883
- "value": 24,
6039
+ "value": 19.200000762939453,
5884
6040
  "type": "number",
5885
6041
  "unit": "pixel"
5886
6042
  },
@@ -6140,11 +6296,11 @@ var ddsStyles = {
6140
6296
  ]
6141
6297
  },
6142
6298
  "paragraphSpacing": {
6143
- "value": 32,
6299
+ "value": 25.600000381469727,
6144
6300
  "type": "number",
6145
6301
  "unit": "pixel",
6146
6302
  "original": {
6147
- "value": 32,
6303
+ "value": 25.600000381469727,
6148
6304
  "type": "number",
6149
6305
  "unit": "pixel"
6150
6306
  },
@@ -6404,11 +6560,11 @@ var ddsStyles = {
6404
6560
  ]
6405
6561
  },
6406
6562
  "paragraphSpacing": {
6407
- "value": 40,
6563
+ "value": 32,
6408
6564
  "type": "number",
6409
6565
  "unit": "pixel",
6410
6566
  "original": {
6411
- "value": 40,
6567
+ "value": 32,
6412
6568
  "type": "number",
6413
6569
  "unit": "pixel"
6414
6570
  },
@@ -11733,6 +11889,270 @@ var ddsStyles = {
11733
11889
  "textCase"
11734
11890
  ]
11735
11891
  }
11892
+ },
11893
+ "tiny-02": {
11894
+ "fontSize": {
11895
+ "value": 12,
11896
+ "type": "number",
11897
+ "unit": "pixel",
11898
+ "original": {
11899
+ "value": 12,
11900
+ "type": "number",
11901
+ "unit": "pixel"
11902
+ },
11903
+ "name": "DdsFontSupportingStyleTiny02FontSize",
11904
+ "attributes": {
11905
+ "category": "$dds-font",
11906
+ "type": "supporting-style",
11907
+ "item": "tiny-02",
11908
+ "subitem": "fontSize"
11909
+ },
11910
+ "path": [
11911
+ "$dds-font",
11912
+ "supporting-style",
11913
+ "tiny-02",
11914
+ "fontSize"
11915
+ ]
11916
+ },
11917
+ "textDecoration": {
11918
+ "value": "none",
11919
+ "type": "string",
11920
+ "original": {
11921
+ "value": "none",
11922
+ "type": "string"
11923
+ },
11924
+ "name": "DdsFontSupportingStyleTiny02TextDecoration",
11925
+ "attributes": {
11926
+ "category": "$dds-font",
11927
+ "type": "supporting-style",
11928
+ "item": "tiny-02",
11929
+ "subitem": "textDecoration"
11930
+ },
11931
+ "path": [
11932
+ "$dds-font",
11933
+ "supporting-style",
11934
+ "tiny-02",
11935
+ "textDecoration"
11936
+ ]
11937
+ },
11938
+ "fontFamily": {
11939
+ "value": "IBM Plex Sans",
11940
+ "type": "string",
11941
+ "original": {
11942
+ "value": "IBM Plex Sans",
11943
+ "type": "string"
11944
+ },
11945
+ "name": "DdsFontSupportingStyleTiny02FontFamily",
11946
+ "attributes": {
11947
+ "category": "$dds-font",
11948
+ "type": "supporting-style",
11949
+ "item": "tiny-02",
11950
+ "subitem": "fontFamily"
11951
+ },
11952
+ "path": [
11953
+ "$dds-font",
11954
+ "supporting-style",
11955
+ "tiny-02",
11956
+ "fontFamily"
11957
+ ]
11958
+ },
11959
+ "fontWeight": {
11960
+ "value": 300,
11961
+ "type": "number",
11962
+ "original": {
11963
+ "value": 300,
11964
+ "type": "number"
11965
+ },
11966
+ "name": "DdsFontSupportingStyleTiny02FontWeight",
11967
+ "attributes": {
11968
+ "category": "$dds-font",
11969
+ "type": "supporting-style",
11970
+ "item": "tiny-02",
11971
+ "subitem": "fontWeight"
11972
+ },
11973
+ "path": [
11974
+ "$dds-font",
11975
+ "supporting-style",
11976
+ "tiny-02",
11977
+ "fontWeight"
11978
+ ]
11979
+ },
11980
+ "fontStyle": {
11981
+ "value": "normal",
11982
+ "type": "string",
11983
+ "original": {
11984
+ "value": "normal",
11985
+ "type": "string"
11986
+ },
11987
+ "name": "DdsFontSupportingStyleTiny02FontStyle",
11988
+ "attributes": {
11989
+ "category": "$dds-font",
11990
+ "type": "supporting-style",
11991
+ "item": "tiny-02",
11992
+ "subitem": "fontStyle"
11993
+ },
11994
+ "path": [
11995
+ "$dds-font",
11996
+ "supporting-style",
11997
+ "tiny-02",
11998
+ "fontStyle"
11999
+ ]
12000
+ },
12001
+ "fontStretch": {
12002
+ "value": "normal",
12003
+ "type": "string",
12004
+ "original": {
12005
+ "value": "normal",
12006
+ "type": "string"
12007
+ },
12008
+ "name": "DdsFontSupportingStyleTiny02FontStretch",
12009
+ "attributes": {
12010
+ "category": "$dds-font",
12011
+ "type": "supporting-style",
12012
+ "item": "tiny-02",
12013
+ "subitem": "fontStretch"
12014
+ },
12015
+ "path": [
12016
+ "$dds-font",
12017
+ "supporting-style",
12018
+ "tiny-02",
12019
+ "fontStretch"
12020
+ ]
12021
+ },
12022
+ "_fontStyleOld": {
12023
+ "value": "Light",
12024
+ "type": "string",
12025
+ "original": {
12026
+ "value": "Light",
12027
+ "type": "string"
12028
+ },
12029
+ "name": "DdsFontSupportingStyleTiny02FontStyleOld",
12030
+ "attributes": {
12031
+ "category": "$dds-font",
12032
+ "type": "supporting-style",
12033
+ "item": "tiny-02",
12034
+ "subitem": "_fontStyleOld"
12035
+ },
12036
+ "path": [
12037
+ "$dds-font",
12038
+ "supporting-style",
12039
+ "tiny-02",
12040
+ "_fontStyleOld"
12041
+ ]
12042
+ },
12043
+ "letterSpacing": {
12044
+ "value": "0.01em",
12045
+ "type": "number",
12046
+ "unit": "percent",
12047
+ "original": {
12048
+ "value": 1,
12049
+ "type": "number",
12050
+ "unit": "percent"
12051
+ },
12052
+ "name": "DdsFontSupportingStyleTiny02LetterSpacing",
12053
+ "attributes": {
12054
+ "category": "$dds-font",
12055
+ "type": "supporting-style",
12056
+ "item": "tiny-02",
12057
+ "subitem": "letterSpacing"
12058
+ },
12059
+ "path": [
12060
+ "$dds-font",
12061
+ "supporting-style",
12062
+ "tiny-02",
12063
+ "letterSpacing"
12064
+ ]
12065
+ },
12066
+ "lineHeight": {
12067
+ "value": "1.5em",
12068
+ "type": "number",
12069
+ "unit": "percent",
12070
+ "original": {
12071
+ "value": 150,
12072
+ "type": "number",
12073
+ "unit": "percent"
12074
+ },
12075
+ "name": "DdsFontSupportingStyleTiny02LineHeight",
12076
+ "attributes": {
12077
+ "category": "$dds-font",
12078
+ "type": "supporting-style",
12079
+ "item": "tiny-02",
12080
+ "subitem": "lineHeight"
12081
+ },
12082
+ "path": [
12083
+ "$dds-font",
12084
+ "supporting-style",
12085
+ "tiny-02",
12086
+ "lineHeight"
12087
+ ]
12088
+ },
12089
+ "paragraphIndent": {
12090
+ "value": 0,
12091
+ "type": "number",
12092
+ "unit": "pixel",
12093
+ "original": {
12094
+ "value": 0,
12095
+ "type": "number",
12096
+ "unit": "pixel"
12097
+ },
12098
+ "name": "DdsFontSupportingStyleTiny02ParagraphIndent",
12099
+ "attributes": {
12100
+ "category": "$dds-font",
12101
+ "type": "supporting-style",
12102
+ "item": "tiny-02",
12103
+ "subitem": "paragraphIndent"
12104
+ },
12105
+ "path": [
12106
+ "$dds-font",
12107
+ "supporting-style",
12108
+ "tiny-02",
12109
+ "paragraphIndent"
12110
+ ]
12111
+ },
12112
+ "paragraphSpacing": {
12113
+ "value": 12,
12114
+ "type": "number",
12115
+ "unit": "pixel",
12116
+ "original": {
12117
+ "value": 12,
12118
+ "type": "number",
12119
+ "unit": "pixel"
12120
+ },
12121
+ "name": "DdsFontSupportingStyleTiny02ParagraphSpacing",
12122
+ "attributes": {
12123
+ "category": "$dds-font",
12124
+ "type": "supporting-style",
12125
+ "item": "tiny-02",
12126
+ "subitem": "paragraphSpacing"
12127
+ },
12128
+ "path": [
12129
+ "$dds-font",
12130
+ "supporting-style",
12131
+ "tiny-02",
12132
+ "paragraphSpacing"
12133
+ ]
12134
+ },
12135
+ "textCase": {
12136
+ "value": "none",
12137
+ "type": "string",
12138
+ "original": {
12139
+ "value": "none",
12140
+ "type": "string"
12141
+ },
12142
+ "name": "DdsFontSupportingStyleTiny02TextCase",
12143
+ "attributes": {
12144
+ "category": "$dds-font",
12145
+ "type": "supporting-style",
12146
+ "item": "tiny-02",
12147
+ "subitem": "textCase"
12148
+ },
12149
+ "path": [
12150
+ "$dds-font",
12151
+ "supporting-style",
12152
+ "tiny-02",
12153
+ "textCase"
12154
+ ]
12155
+ }
11736
12156
  }
11737
12157
  }
11738
12158
  }
@@ -11790,6 +12210,7 @@ var fontPackages = {
11790
12210
  supportingStyle_inputtext_03: fontPackageFormatter(prefix$3["supporting-style"]["inputtext-03"]),
11791
12211
  supportingStyle_placeholdertext_01: fontPackageFormatter(prefix$3["supporting-style"]["placeholdertext-01"]),
11792
12212
  supportingStyle_tiny_01: fontPackageFormatter(prefix$3["supporting-style"]["tiny-01"]),
12213
+ supportingStyle_tiny_02: fontPackageFormatter(prefix$3["supporting-style"]["tiny-02"]),
11793
12214
  };
11794
12215
 
11795
12216
  var ddsBaseTokens = {
@@ -11805,17 +12226,17 @@ var ddsBaseTokens = {
11805
12226
  fontPackages: fontPackages,
11806
12227
  };
11807
12228
 
11808
- var Colors$l = ddsBaseTokens.colors, FontPackages$k = ddsBaseTokens.fontPackages, BorderRadius$7 = ddsBaseTokens.borderRadius, Border$g = ddsBaseTokens.border;
12229
+ var Colors$l = ddsBaseTokens.colors, FontPackages$k = ddsBaseTokens.fontPackages, BorderRadius$7 = ddsBaseTokens.borderRadius, Border$h = ddsBaseTokens.border;
11809
12230
  var textDefault$8 = {
11810
12231
  textColor: Colors$l.DdsColorNeutralsGray9,
11811
12232
  font: FontPackages$k.body_sans_02.base,
11812
12233
  };
11813
12234
  var focus = {
11814
- colorDefault: Colors$l.DdsColorWarningDarker,
11815
- outlineWidth: Border$g.BordersDdsBorderStyle1StrokeWeight,
12235
+ colorDefault: Border$h.BordersDdsBorderFocusBaseStroke,
12236
+ outlineWidth: Border$h.BordersDdsBorderFocusBaseStrokeWeight,
11816
12237
  color__TextInput: Colors$l.DdsColorInteractiveBase,
11817
12238
  textColor__TextInput: Colors$l.DdsColorInteractiveDark,
11818
- borderWidth__TextInput: Border$g.BordersDdsBorderStyle1StrokeWeightNumberPx * 2 + "px",
12239
+ borderWidth__TextInput: Border$h.BordersDdsBorderFocusInputfieldStrokeWeight,
11819
12240
  };
11820
12241
  var ddsReferenceTokens = {
11821
12242
  focus: focus,
@@ -11823,7 +12244,7 @@ var ddsReferenceTokens = {
11823
12244
  textInput: {
11824
12245
  input: {
11825
12246
  borderRadius: BorderRadius$7.RadiiDdsBorderRadius1Radius,
11826
- borderWidth: Border$g.BordersDdsBorderStyle1StrokeWeight,
12247
+ borderWidth: Border$h.BordersDdsBorderStyleLightStrokeWeight,
11827
12248
  borderColor: Colors$l.DdsColorNeutralsGray5,
11828
12249
  textColor: textDefault$8.textColor,
11829
12250
  font: FontPackages$k.supportingStyle_inputtext_02.base,
@@ -11850,8 +12271,8 @@ var ddsReferenceTokens = {
11850
12271
 
11851
12272
  var Colors$k = ddsBaseTokens.colors,
11852
12273
  FontPackages$j = ddsBaseTokens.fontPackages,
11853
- Spacing$t = ddsBaseTokens.spacing,
11854
- Border$f = ddsBaseTokens.border;
12274
+ Spacing$u = ddsBaseTokens.spacing,
12275
+ Border$g = ddsBaseTokens.border;
11855
12276
  var textDefault$7 = ddsReferenceTokens.textDefault;
11856
12277
  var textColors = {
11857
12278
  interactive: Colors$k.DdsColorInteractiveBase,
@@ -11874,20 +12295,19 @@ var textColors = {
11874
12295
  var textColorsArray = ['interactive', 'primary', 'danger', 'success', 'warning', 'onLight', 'onDark', 'gray1', 'gray2', 'gray3', 'gray4', 'gray5', 'gray6', 'gray7', 'gray8', 'gray9'];
11875
12296
  var aBase = {
11876
12297
  color: Colors$k.DdsColorInteractiveBase,
11877
- // ...FontPackages.body_sans_02.base,
11878
12298
  font: 'inherit',
11879
12299
  textDecoration: 'underline',
11880
12300
  width: 'fit-content'
11881
12301
  };
11882
12302
  var aMarginsBase = {
11883
- marginTop: FontPackages$j.body_sans_02.paragraph.paragraphSpacing,
12303
+ marginTop: 0,
11884
12304
  marginBottom: FontPackages$j.body_sans_02.paragraph.paragraphSpacing
11885
12305
  };
11886
12306
  var aHoverBase = {
11887
12307
  color: Colors$k.DdsColorInteractiveDark
11888
12308
  };
11889
12309
  var aFocusBase = {
11890
- backgroundColor: Border$f.BordersDdsBorderFocusBaseStroke,
12310
+ backgroundColor: Border$g.BordersDdsBorderFocusBaseStroke,
11891
12311
  color: Colors$k.DdsColorNeutralsWhite,
11892
12312
  textDecoration: 'none',
11893
12313
  outline: 'none'
@@ -11912,8 +12332,9 @@ var headingSans01Base = __assign({
11912
12332
  }, FontPackages$j.heading_sans_01.base);
11913
12333
 
11914
12334
  var headingSans01MarginsBase = {
11915
- marginTop: FontPackages$j.heading_sans_01.paragraph.paragraphSpacing,
11916
- marginBottom: FontPackages$j.heading_sans_01.paragraph.paragraphSpacing
12335
+ marginTop: 0,
12336
+ marginBottom: FontPackages$j.heading_sans_01.paragraph.paragraphSpacing,
12337
+ paddingTop: Spacing$u.SpacingDdsSpacingPaddingTopHeadingSans01Top
11917
12338
  };
11918
12339
 
11919
12340
  var headingSans02Base = __assign({
@@ -11921,8 +12342,9 @@ var headingSans02Base = __assign({
11921
12342
  }, FontPackages$j.heading_sans_02.base);
11922
12343
 
11923
12344
  var headingSans02MarginsBase = {
11924
- marginTop: FontPackages$j.heading_sans_02.paragraph.paragraphSpacing,
11925
- marginBottom: FontPackages$j.heading_sans_02.paragraph.paragraphSpacing
12345
+ marginTop: 0,
12346
+ marginBottom: FontPackages$j.heading_sans_02.paragraph.paragraphSpacing,
12347
+ paddingTop: Spacing$u.SpacingDdsSpacingPaddingTopHeadingSans02Top
11926
12348
  };
11927
12349
 
11928
12350
  var headingSans03Base = __assign({
@@ -11930,8 +12352,9 @@ var headingSans03Base = __assign({
11930
12352
  }, FontPackages$j.heading_sans_03.base);
11931
12353
 
11932
12354
  var headingSans03MarginsBase = {
11933
- marginTop: FontPackages$j.heading_sans_03.paragraph.paragraphSpacing,
11934
- marginBottom: FontPackages$j.heading_sans_03.paragraph.paragraphSpacing
12355
+ marginTop: 0,
12356
+ marginBottom: FontPackages$j.heading_sans_03.paragraph.paragraphSpacing,
12357
+ paddingTop: Spacing$u.SpacingDdsSpacingPaddingTopHeadingSans03Top
11935
12358
  };
11936
12359
 
11937
12360
  var headingSans04Base = __assign({
@@ -11939,8 +12362,9 @@ var headingSans04Base = __assign({
11939
12362
  }, FontPackages$j.heading_sans_04.base);
11940
12363
 
11941
12364
  var headingSans04MarginsBase = {
11942
- marginTop: FontPackages$j.heading_sans_04.paragraph.paragraphSpacing,
11943
- marginBottom: FontPackages$j.heading_sans_04.paragraph.paragraphSpacing
12365
+ marginTop: 0,
12366
+ marginBottom: FontPackages$j.heading_sans_04.paragraph.paragraphSpacing,
12367
+ paddingTop: Spacing$u.SpacingDdsSpacingPaddingTopHeadingSans04Top
11944
12368
  };
11945
12369
 
11946
12370
  var headingSans05Base = __assign({
@@ -11948,8 +12372,9 @@ var headingSans05Base = __assign({
11948
12372
  }, FontPackages$j.heading_sans_05.base);
11949
12373
 
11950
12374
  var headingSans05MarginsBase = {
11951
- marginTop: FontPackages$j.heading_sans_05.paragraph.paragraphSpacing,
11952
- marginBottom: FontPackages$j.heading_sans_05.paragraph.paragraphSpacing
12375
+ marginTop: 0,
12376
+ marginBottom: FontPackages$j.heading_sans_05.paragraph.paragraphSpacing,
12377
+ paddingTop: Spacing$u.SpacingDdsSpacingPaddingTopHeadingSans05Top
11953
12378
  };
11954
12379
 
11955
12380
  var headingSans06Base = __assign({
@@ -11957,8 +12382,9 @@ var headingSans06Base = __assign({
11957
12382
  }, FontPackages$j.heading_sans_06.base);
11958
12383
 
11959
12384
  var headingSans06MarginsBase = {
11960
- marginTop: FontPackages$j.heading_sans_06.paragraph.paragraphSpacing,
11961
- marginBottom: FontPackages$j.heading_sans_06.paragraph.paragraphSpacing
12385
+ marginTop: 0,
12386
+ marginBottom: FontPackages$j.heading_sans_06.paragraph.paragraphSpacing,
12387
+ paddingTop: Spacing$u.SpacingDdsSpacingPaddingTopHeadingSans06Top
11962
12388
  };
11963
12389
 
11964
12390
  var headingSans07Base = __assign({
@@ -11966,8 +12392,9 @@ var headingSans07Base = __assign({
11966
12392
  }, FontPackages$j.heading_sans_07.base);
11967
12393
 
11968
12394
  var headingSans07MarginsBase = {
11969
- marginTop: FontPackages$j.heading_sans_07.paragraph.paragraphSpacing,
11970
- marginBottom: FontPackages$j.heading_sans_07.paragraph.paragraphSpacing
12395
+ marginTop: 0,
12396
+ marginBottom: FontPackages$j.heading_sans_07.paragraph.paragraphSpacing,
12397
+ paddingTop: Spacing$u.SpacingDdsSpacingPaddingTopHeadingSans07Top
11971
12398
  };
11972
12399
 
11973
12400
  var headingSans08Base = __assign({
@@ -11975,8 +12402,9 @@ var headingSans08Base = __assign({
11975
12402
  }, FontPackages$j.heading_sans_08.base);
11976
12403
 
11977
12404
  var headingSans08MarginsBase = {
11978
- marginTop: FontPackages$j.heading_sans_08.paragraph.paragraphSpacing,
11979
- marginBottom: FontPackages$j.heading_sans_08.paragraph.paragraphSpacing
12405
+ marginTop: 0,
12406
+ marginBottom: FontPackages$j.heading_sans_08.paragraph.paragraphSpacing,
12407
+ paddingTop: Spacing$u.SpacingDdsSpacingPaddingTopHeadingSans08Top
11980
12408
  };
11981
12409
 
11982
12410
  var bodySans01Base$1 = __assign({
@@ -11984,7 +12412,7 @@ var bodySans01Base$1 = __assign({
11984
12412
  }, FontPackages$j.body_sans_01.base);
11985
12413
 
11986
12414
  var bodySans01MarginsBase = {
11987
- marginTop: FontPackages$j.body_sans_01.paragraph.paragraphSpacing,
12415
+ marginTop: 0,
11988
12416
  marginBottom: FontPackages$j.body_sans_01.paragraph.paragraphSpacing
11989
12417
  };
11990
12418
 
@@ -11993,7 +12421,7 @@ var bodySans02Base$1 = __assign({
11993
12421
  }, FontPackages$j.body_sans_02.base);
11994
12422
 
11995
12423
  var bodySans02MarginsBase = {
11996
- marginTop: FontPackages$j.body_sans_02.paragraph.paragraphSpacing,
12424
+ marginTop: 0,
11997
12425
  marginBottom: FontPackages$j.body_sans_02.paragraph.paragraphSpacing
11998
12426
  };
11999
12427
 
@@ -12002,7 +12430,7 @@ var bodySans03Base$1 = __assign({
12002
12430
  }, FontPackages$j.body_sans_03.base);
12003
12431
 
12004
12432
  var bodySans03MarginsBase = {
12005
- marginTop: FontPackages$j.body_sans_03.paragraph.paragraphSpacing,
12433
+ marginTop: 0,
12006
12434
  marginBottom: FontPackages$j.body_sans_03.paragraph.paragraphSpacing
12007
12435
  };
12008
12436
 
@@ -12011,7 +12439,7 @@ var bodySans04Base$1 = __assign({
12011
12439
  }, FontPackages$j.body_sans_04.base);
12012
12440
 
12013
12441
  var bodySans04MarginsBase = {
12014
- marginTop: FontPackages$j.body_sans_04.paragraph.paragraphSpacing,
12442
+ marginTop: 0,
12015
12443
  marginBottom: FontPackages$j.body_sans_04.paragraph.paragraphSpacing
12016
12444
  };
12017
12445
 
@@ -12020,7 +12448,7 @@ var bodySerif01Base$1 = __assign({
12020
12448
  }, FontPackages$j.body_serif_01.base);
12021
12449
 
12022
12450
  var bodySerif01MarginsBase = {
12023
- marginTop: FontPackages$j.body_serif_01.paragraph.paragraphSpacing,
12451
+ marginTop: 0,
12024
12452
  marginBottom: FontPackages$j.body_serif_01.paragraph.paragraphSpacing
12025
12453
  };
12026
12454
 
@@ -12029,7 +12457,7 @@ var bodySerif02Base$1 = __assign({
12029
12457
  }, FontPackages$j.body_serif_02.base);
12030
12458
 
12031
12459
  var bodySerif02MarginsBase = {
12032
- marginTop: FontPackages$j.body_serif_02.paragraph.paragraphSpacing,
12460
+ marginTop: 0,
12033
12461
  marginBottom: FontPackages$j.body_serif_02.paragraph.paragraphSpacing
12034
12462
  };
12035
12463
 
@@ -12038,7 +12466,7 @@ var bodySerif03Base$1 = __assign({
12038
12466
  }, FontPackages$j.body_serif_03.base);
12039
12467
 
12040
12468
  var bodySerif03MarginsBase = {
12041
- marginTop: FontPackages$j.body_serif_03.paragraph.paragraphSpacing,
12469
+ marginTop: 0,
12042
12470
  marginBottom: FontPackages$j.body_serif_03.paragraph.paragraphSpacing
12043
12471
  };
12044
12472
 
@@ -12047,7 +12475,7 @@ var bodySerif04Base$1 = __assign({
12047
12475
  }, FontPackages$j.body_serif_04.base);
12048
12476
 
12049
12477
  var bodySerif04MarginsBase = {
12050
- marginTop: FontPackages$j.body_serif_04.paragraph.paragraphSpacing,
12478
+ marginTop: 0,
12051
12479
  marginBottom: FontPackages$j.body_serif_04.paragraph.paragraphSpacing
12052
12480
  };
12053
12481
 
@@ -12056,7 +12484,7 @@ var leadSans01Base = __assign({
12056
12484
  }, FontPackages$j.lead_sans_01.base);
12057
12485
 
12058
12486
  var leadSans01MarginsBase = {
12059
- marginTop: FontPackages$j.lead_sans_01.paragraph.paragraphSpacing,
12487
+ marginTop: 0,
12060
12488
  marginBottom: FontPackages$j.lead_sans_01.paragraph.paragraphSpacing
12061
12489
  };
12062
12490
 
@@ -12065,7 +12493,7 @@ var leadSans02Base = __assign({
12065
12493
  }, FontPackages$j.lead_sans_02.base);
12066
12494
 
12067
12495
  var leadSans02MarginsBase = {
12068
- marginTop: FontPackages$j.lead_sans_02.paragraph.paragraphSpacing,
12496
+ marginTop: 0,
12069
12497
  marginBottom: FontPackages$j.lead_sans_02.paragraph.paragraphSpacing
12070
12498
  };
12071
12499
 
@@ -12074,7 +12502,7 @@ var leadSans03Base = __assign({
12074
12502
  }, FontPackages$j.lead_sans_03.base);
12075
12503
 
12076
12504
  var leadSans03MarginsBase = {
12077
- marginTop: FontPackages$j.lead_sans_03.paragraph.paragraphSpacing,
12505
+ marginTop: 0,
12078
12506
  marginBottom: FontPackages$j.lead_sans_03.paragraph.paragraphSpacing
12079
12507
  };
12080
12508
 
@@ -12083,7 +12511,7 @@ var leadSans04Base = __assign({
12083
12511
  }, FontPackages$j.lead_sans_04.base);
12084
12512
 
12085
12513
  var leadSans04MarginsBase = {
12086
- marginTop: FontPackages$j.lead_sans_04.paragraph.paragraphSpacing,
12514
+ marginTop: 0,
12087
12515
  marginBottom: FontPackages$j.lead_sans_04.paragraph.paragraphSpacing
12088
12516
  };
12089
12517
 
@@ -12092,7 +12520,7 @@ var leadSans05Base = __assign({
12092
12520
  }, FontPackages$j.lead_sans_05.base);
12093
12521
 
12094
12522
  var leadSans05MarginsBase = {
12095
- marginTop: FontPackages$j.lead_sans_05.paragraph.paragraphSpacing,
12523
+ marginTop: 0,
12096
12524
  marginBottom: FontPackages$j.lead_sans_05.paragraph.paragraphSpacing
12097
12525
  };
12098
12526
 
@@ -12172,6 +12600,17 @@ var supportingStyleTiny01MarginsBase = {
12172
12600
  marginTop: FontPackages$j.supportingStyle_tiny_01.paragraph.paragraphSpacing,
12173
12601
  marginBottom: FontPackages$j.supportingStyle_tiny_01.paragraph.paragraphSpacing
12174
12602
  };
12603
+
12604
+ var supportingStyleTiny02Base = __assign(__assign({
12605
+ color: textDefault$7.textColor
12606
+ }, FontPackages$j.supportingStyle_tiny_02.base), {
12607
+ margin: 0
12608
+ });
12609
+
12610
+ var supportingStyleTiny02MarginsBase = {
12611
+ marginTop: FontPackages$j.supportingStyle_tiny_02.paragraph.paragraphSpacing,
12612
+ marginBottom: FontPackages$j.supportingStyle_tiny_02.paragraph.paragraphSpacing
12613
+ };
12175
12614
  var selectionBase = {
12176
12615
  color: textDefault$7.textColor,
12177
12616
  backgroundColor: Colors$k.DdsColorTertiaryLightest
@@ -12196,7 +12635,7 @@ var typographyTokens = {
12196
12635
  base: aBoldBase
12197
12636
  },
12198
12637
  icon: {
12199
- marginLeft: Spacing$t.SizesDdsSpacingLocalX0125
12638
+ marginLeft: Spacing$u.SizesDdsSpacingLocalX0125
12200
12639
  }
12201
12640
  },
12202
12641
  headingSans01: {
@@ -12366,6 +12805,12 @@ var typographyTokens = {
12366
12805
  margins: {
12367
12806
  base: supportingStyleTiny01MarginsBase
12368
12807
  }
12808
+ },
12809
+ supportingStyleTiny02: {
12810
+ base: supportingStyleTiny02Base,
12811
+ margins: {
12812
+ base: supportingStyleTiny02MarginsBase
12813
+ }
12369
12814
  }
12370
12815
  },
12371
12816
  style: {
@@ -20029,6 +20474,7 @@ var getElementType = function getElementType(element) {
20029
20474
  case 'supportingStyleHelperText01':
20030
20475
  case 'supportingStylePlaceholderText01':
20031
20476
  case 'supportingStyleTiny01':
20477
+ case 'supportingStyleTiny02':
20032
20478
  default:
20033
20479
  return 'p';
20034
20480
  }
@@ -20053,16 +20499,16 @@ var LinkIconWrapper = styled(IconWrapper$1).withConfig({
20053
20499
  var StyledTypography = styled.p.withConfig({
20054
20500
  displayName: "Typography__StyledTypography",
20055
20501
  componentId: "sc-1uvxoh6-1"
20056
- })(templateObject_13$2 || (templateObject_13$2 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n\n ", "\n\n ", "\n ", "\n ", "\n ", "\n"], ["\n ", "\n ", "\n ", "\n ", "\n\n ", "\n\n ", "\n ", "\n ", "\n ", "\n"])), function (_a) {
20502
+ })(templateObject_13$3 || (templateObject_13$3 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n\n ", "\n\n ", "\n ", "\n ", "\n ", "\n"], ["\n ", "\n ", "\n ", "\n ", "\n\n ", "\n\n ", "\n ", "\n ", "\n ", "\n"])), function (_a) {
20057
20503
  var typographyType = _a.typographyType;
20058
20504
  return typographyType && getElementStyling(typographyType);
20059
20505
  }, function (_a) {
20060
20506
  var typographyType = _a.typographyType,
20061
20507
  interactionProps = _a.interactionProps;
20062
- return typographyType === 'a' && Ae(templateObject_4$k || (templateObject_4$k = __makeTemplateObject(["\n display: inline-flex;\n align-items: center;\n transition: 0.2s;\n\n &:hover {\n ", "\n }\n ", "\n &:focus-visible {\n ", "\n }\n &:focus-visible::selection {\n ", "\n }\n "], ["\n display: inline-flex;\n align-items: center;\n transition: 0.2s;\n\n &:hover {\n ", "\n }\n ", "\n &:focus-visible {\n ", "\n }\n &:focus-visible::selection {\n ", "\n }\n "])), typographyTokens.typographyType[typographyType].hover.base, interactionProps && interactionProps.active && Ae(templateObject_3$p || (templateObject_3$p = __makeTemplateObject(["\n &:active {\n ", "\n }\n "], ["\n &:active {\n ", "\n }\n "])), interactionProps.active), typographyTokens.typographyType[typographyType].focus.base, typographyTokens.typographyType[typographyType].focus.base);
20508
+ return typographyType === 'a' && Ae(templateObject_4$l || (templateObject_4$l = __makeTemplateObject(["\n display: inline-flex;\n align-items: center;\n transition: 0.2s;\n\n &:hover {\n ", "\n }\n ", "\n &:focus-visible {\n ", "\n }\n &:focus-visible::selection {\n ", "\n }\n "], ["\n display: inline-flex;\n align-items: center;\n transition: 0.2s;\n\n &:hover {\n ", "\n }\n ", "\n &:focus-visible {\n ", "\n }\n &:focus-visible::selection {\n ", "\n }\n "])), typographyTokens.typographyType[typographyType].hover.base, interactionProps && interactionProps.active && Ae(templateObject_3$p || (templateObject_3$p = __makeTemplateObject(["\n &:active {\n ", "\n }\n "], ["\n &:active {\n ", "\n }\n "])), interactionProps.active), typographyTokens.typographyType[typographyType].focus.base, typographyTokens.typographyType[typographyType].focus.base);
20063
20509
  }, function (_a) {
20064
20510
  var interactionProps = _a.interactionProps;
20065
- return interactionProps && interactionProps.hover && Ae(templateObject_5$e || (templateObject_5$e = __makeTemplateObject(["\n &:hover {\n ", "\n }\n "], ["\n &:hover {\n ", "\n }\n "])), interactionProps.hover);
20511
+ return interactionProps && interactionProps.hover && Ae(templateObject_5$f || (templateObject_5$f = __makeTemplateObject(["\n &:hover {\n ", "\n }\n "], ["\n &:hover {\n ", "\n }\n "])), interactionProps.hover);
20066
20512
  }, function (_a) {
20067
20513
  var interactionProps = _a.interactionProps;
20068
20514
  return interactionProps && interactionProps.active && Ae(templateObject_6$e || (templateObject_6$e = __makeTemplateObject(["\n &:active {\n ", "\n }\n "], ["\n &:active {\n ", "\n }\n "])), interactionProps.active);
@@ -20075,13 +20521,13 @@ var StyledTypography = styled.p.withConfig({
20075
20521
  return color && Ae(templateObject_9$7 || (templateObject_9$7 = __makeTemplateObject(["\n color: ", ";\n "], ["\n color: ", ";\n "])), getTextColor(color));
20076
20522
  }, function (_a) {
20077
20523
  var bold = _a.bold;
20078
- return bold && Ae(templateObject_10$6 || (templateObject_10$6 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), typographyTokens.style.bold.base);
20524
+ return bold && Ae(templateObject_10$7 || (templateObject_10$7 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), typographyTokens.style.bold.base);
20079
20525
  }, function (_a) {
20080
20526
  var italic = _a.italic;
20081
20527
  return italic && Ae(templateObject_11$5 || (templateObject_11$5 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), typographyTokens.style.italic.base);
20082
20528
  }, function (_a) {
20083
20529
  var underline = _a.underline;
20084
- return underline && Ae(templateObject_12$3 || (templateObject_12$3 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), typographyTokens.style.underline.base);
20530
+ return underline && Ae(templateObject_12$4 || (templateObject_12$4 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), typographyTokens.style.underline.base);
20085
20531
  });
20086
20532
  var Typography = /*#__PURE__*/React.forwardRef(function (_a, ref) {
20087
20533
  var _b = _a.typographyType,
@@ -20110,7 +20556,7 @@ var Typography = /*#__PURE__*/React.forwardRef(function (_a, ref) {
20110
20556
  }, void 0) : '']
20111
20557
  }), void 0);
20112
20558
  });
20113
- var templateObject_1$M, templateObject_2$z, templateObject_3$p, templateObject_4$k, templateObject_5$e, templateObject_6$e, templateObject_7$a, templateObject_8$7, templateObject_9$7, templateObject_10$6, templateObject_11$5, templateObject_12$3, templateObject_13$2;
20559
+ var templateObject_1$M, templateObject_2$z, templateObject_3$p, templateObject_4$l, templateObject_5$f, templateObject_6$e, templateObject_7$a, templateObject_8$7, templateObject_9$7, templateObject_10$7, templateObject_11$5, templateObject_12$4, templateObject_13$3;
20114
20560
 
20115
20561
  var RadioButtonGroupContext = /*#__PURE__*/React__default['default'].createContext(null);
20116
20562
  var useRadioButtonGroup = function useRadioButtonGroup() {
@@ -20118,8 +20564,8 @@ var useRadioButtonGroup = function useRadioButtonGroup() {
20118
20564
  };
20119
20565
 
20120
20566
  var Colors$j = ddsBaseTokens.colors,
20121
- Border$e = ddsBaseTokens.border,
20122
- Spacing$s = ddsBaseTokens.spacing,
20567
+ Border$f = ddsBaseTokens.border,
20568
+ Spacing$t = ddsBaseTokens.spacing,
20123
20569
  FontPackages$i = ddsBaseTokens.fontPackages;
20124
20570
  var radioButtonBase = {
20125
20571
  border: '1px solid',
@@ -20172,19 +20618,19 @@ var radioButtonCheckedReadOnlyBase = {
20172
20618
  };
20173
20619
  var checkmarkBase$1 = {
20174
20620
  backgroundColor: Colors$j.DdsColorNeutralsWhite,
20175
- height: Spacing$s.SizesDdsSpacingLocalX05,
20176
- width: Spacing$s.SizesDdsSpacingLocalX05,
20177
- left: "calc(50% - " + Spacing$s.SizesDdsSpacingLocalX05NumberPx / 2 + "px)",
20178
- top: "calc(50% - " + Spacing$s.SizesDdsSpacingLocalX05NumberPx / 2 + "px)"
20621
+ height: Spacing$t.SizesDdsSpacingLocalX05,
20622
+ width: Spacing$t.SizesDdsSpacingLocalX05,
20623
+ left: "calc(50% - " + Spacing$t.SizesDdsSpacingLocalX05NumberPx / 2 + "px)",
20624
+ top: "calc(50% - " + Spacing$t.SizesDdsSpacingLocalX05NumberPx / 2 + "px)"
20179
20625
  };
20180
20626
  var containerBase$4 = {
20181
- marginRight: Spacing$s.SizesDdsSpacingLocalX075,
20182
- padding: Spacing$s.SizesDdsSpacingLocalX025 + " " + Spacing$s.SizesDdsSpacingLocalX025 + " " + Spacing$s.SizesDdsSpacingLocalX025 + " " + (20 + Spacing$s.SizesDdsSpacingLocalX075NumberPx) + "px"
20627
+ marginRight: Spacing$t.SizesDdsSpacingLocalX075,
20628
+ padding: Spacing$t.SizesDdsSpacingLocalX025 + " " + Spacing$t.SizesDdsSpacingLocalX025 + " " + Spacing$t.SizesDdsSpacingLocalX025 + " " + (20 + Spacing$t.SizesDdsSpacingLocalX075NumberPx) + "px"
20183
20629
  };
20184
20630
  var radioButtonTokens = {
20185
20631
  radioButton: {
20186
20632
  base: radioButtonBase,
20187
- spaceLeft: Spacing$s.SizesDdsSpacingLocalX025,
20633
+ spaceLeft: Spacing$t.SizesDdsSpacingLocalX025,
20188
20634
  hover: {
20189
20635
  base: radioButtonHoverBase
20190
20636
  },
@@ -20219,8 +20665,8 @@ var radioButtonTokens = {
20219
20665
  container: {
20220
20666
  base: containerBase$4,
20221
20667
  focusOutline: {
20222
- color: Border$e.BordersDdsBorderFocusBaseStroke,
20223
- width: Border$e.BordersDdsBorderFocusBaseStrokeWeight
20668
+ color: Border$f.BordersDdsBorderFocusBaseStroke,
20669
+ width: Border$f.BordersDdsBorderFocusBaseStrokeWeight
20224
20670
  }
20225
20671
  }
20226
20672
  };
@@ -20247,12 +20693,12 @@ var Container$a = styled.label.withConfig({
20247
20693
  return error && Ae(templateObject_3$o || (templateObject_3$o = __makeTemplateObject(["\n input ~ ", " {\n ", "\n }\n &:hover input:enabled ~ ", " {\n ", "\n }\n "], ["\n input ~ ", " {\n ", "\n }\n &:hover input:enabled ~ ", " {\n ", "\n }\n "])), CustomRadioButton, radioButtonTokens.radioButton.danger.base, CustomRadioButton, radioButtonTokens.radioButton.danger.hover.base);
20248
20694
  }, function (_a) {
20249
20695
  var disabled = _a.disabled;
20250
- return disabled && Ae(templateObject_4$j || (templateObject_4$j = __makeTemplateObject(["\n cursor: not-allowed;\n input ~ ", " {\n ", "\n }\n input:checked ~ ", " {\n ", "\n }\n "], ["\n cursor: not-allowed;\n input ~ ", " {\n ", "\n }\n input:checked ~ ", " {\n ", "\n }\n "])), CustomRadioButton, radioButtonTokens.radioButton.disabled.base, CustomRadioButton, radioButtonTokens.radioButton.checked.disabled.base);
20696
+ return disabled && Ae(templateObject_4$k || (templateObject_4$k = __makeTemplateObject(["\n cursor: not-allowed;\n input ~ ", " {\n ", "\n }\n input:checked ~ ", " {\n ", "\n }\n "], ["\n cursor: not-allowed;\n input ~ ", " {\n ", "\n }\n input:checked ~ ", " {\n ", "\n }\n "])), CustomRadioButton, radioButtonTokens.radioButton.disabled.base, CustomRadioButton, radioButtonTokens.radioButton.checked.disabled.base);
20251
20697
  }, function (_a) {
20252
20698
  var readOnly = _a.readOnly;
20253
- return readOnly && Ae(templateObject_5$d || (templateObject_5$d = __makeTemplateObject(["\n cursor: default;\n input ~ ", " {\n ", "\n }\n input:checked ~ ", " {\n ", "\n }\n "], ["\n cursor: default;\n input ~ ", " {\n ", "\n }\n input:checked ~ ", " {\n ", "\n }\n "])), CustomRadioButton, radioButtonTokens.radioButton.readOnly.base, CustomRadioButton, radioButtonTokens.radioButton.checked.readOnly.base);
20699
+ return readOnly && Ae(templateObject_5$e || (templateObject_5$e = __makeTemplateObject(["\n cursor: default;\n input ~ ", " {\n ", "\n }\n input:checked ~ ", " {\n ", "\n }\n "], ["\n cursor: default;\n input ~ ", " {\n ", "\n }\n input:checked ~ ", " {\n ", "\n }\n "])), CustomRadioButton, radioButtonTokens.radioButton.readOnly.base, CustomRadioButton, radioButtonTokens.radioButton.checked.readOnly.base);
20254
20700
  }, CustomRadioButton, radioButtonTokens.checkmark.base);
20255
- var templateObject_1$L, templateObject_2$y, templateObject_3$o, templateObject_4$j, templateObject_5$d, templateObject_6$d;
20701
+ var templateObject_1$L, templateObject_2$y, templateObject_3$o, templateObject_4$k, templateObject_5$e, templateObject_6$d;
20256
20702
 
20257
20703
  var nextUniqueId$a = 0;
20258
20704
 
@@ -20366,9 +20812,9 @@ exports.default = _default;
20366
20812
  var DangerOutlinedIcon = /*@__PURE__*/getDefaultExportFromCjs(ReportProblemOutlined);
20367
20813
 
20368
20814
  var Colors$i = ddsBaseTokens.colors,
20369
- Spacing$r = ddsBaseTokens.spacing;
20815
+ Spacing$s = ddsBaseTokens.spacing;
20370
20816
  var base$8 = {
20371
- padding: Spacing$r.SizesDdsSpacingLocalX025 + " " + Spacing$r.SizesDdsSpacingLocalX05
20817
+ padding: Spacing$s.SizesDdsSpacingLocalX025 + " " + Spacing$s.SizesDdsSpacingLocalX05
20372
20818
  };
20373
20819
  var defaultMaxWidth = '100%';
20374
20820
  var tipBase = {
@@ -20379,7 +20825,7 @@ var errorBase = {
20379
20825
  backgroundColor: Colors$i.DdsColorDangerLightest
20380
20826
  };
20381
20827
  var inputMessageTokens = {
20382
- padding: Spacing$r.SizesDdsSpacingLocalX025 + " " + Spacing$r.SizesDdsSpacingLocalX05,
20828
+ padding: Spacing$s.SizesDdsSpacingLocalX025 + " " + Spacing$s.SizesDdsSpacingLocalX05,
20383
20829
  base: base$8,
20384
20830
  defaultMaxWidth: defaultMaxWidth,
20385
20831
  tip: {
@@ -20389,7 +20835,7 @@ var inputMessageTokens = {
20389
20835
  base: errorBase
20390
20836
  },
20391
20837
  icon: {
20392
- spaceRight: Spacing$r.SizesDdsSpacingLocalX05
20838
+ spaceRight: Spacing$s.SizesDdsSpacingLocalX05
20393
20839
  }
20394
20840
  };
20395
20841
 
@@ -20435,10 +20881,10 @@ var InputMessage = /*#__PURE__*/React.forwardRef(function (_a, ref) {
20435
20881
  });
20436
20882
  var templateObject_1$J, templateObject_2$x;
20437
20883
 
20438
- var Spacing$q = ddsBaseTokens.spacing;
20884
+ var Spacing$r = ddsBaseTokens.spacing;
20439
20885
  var radioButtonGroupTokens = {
20440
20886
  label: {
20441
- spaceLeft: Spacing$q.SizesDdsSpacingLocalX025
20887
+ spaceLeft: Spacing$r.SizesDdsSpacingLocalX025
20442
20888
  }
20443
20889
  };
20444
20890
 
@@ -20565,8 +21011,8 @@ var RadioButtonGroup = function RadioButtonGroup(_a) {
20565
21011
  var templateObject_1$I, templateObject_2$w, templateObject_3$n;
20566
21012
 
20567
21013
  var Colors$h = ddsBaseTokens.colors,
20568
- Border$d = ddsBaseTokens.border,
20569
- Spacing$p = ddsBaseTokens.spacing,
21014
+ Border$e = ddsBaseTokens.border,
21015
+ Spacing$q = ddsBaseTokens.spacing,
20570
21016
  FontPackages$h = ddsBaseTokens.fontPackages,
20571
21017
  BorderRadius$6 = ddsBaseTokens.borderRadius;
20572
21018
  var checkboxBase = {
@@ -20634,17 +21080,17 @@ var checkmarkIndeterminateBase = {
20634
21080
  var containerBase$3 = __assign({}, FontPackages$h.body_sans_02.base);
20635
21081
 
20636
21082
  var containerWithLabelBase = __assign(__assign({}, FontPackages$h.body_sans_02.base), {
20637
- marginRight: Spacing$p.SizesDdsSpacingLocalX075,
20638
- padding: "0 " + Spacing$p.SizesDdsSpacingLocalX025 + " 0 " + (FontPackages$h.supportingStyle_inputtext_02.numbers.fontSizeNumber + Spacing$p.SizesDdsSpacingLocalX075NumberPx) + "px"
21083
+ marginRight: Spacing$q.SizesDdsSpacingLocalX075,
21084
+ padding: "0 " + Spacing$q.SizesDdsSpacingLocalX025 + " 0 " + (FontPackages$h.supportingStyle_inputtext_02.numbers.fontSizeNumber + Spacing$q.SizesDdsSpacingLocalX075NumberPx) + "px"
20639
21085
  });
20640
21086
 
20641
21087
  var containerNoLabelBase = {
20642
- padding: Spacing$p.SizesDdsSpacingLocalX075 + " " + Spacing$p.SizesDdsSpacingLocalX0125 + " " + Spacing$p.SizesDdsSpacingLocalX075 + " " + Spacing$p.SizesDdsSpacingLocalX15
21088
+ padding: Spacing$q.SizesDdsSpacingLocalX075 + " " + Spacing$q.SizesDdsSpacingLocalX0125 + " " + Spacing$q.SizesDdsSpacingLocalX075 + " " + Spacing$q.SizesDdsSpacingLocalX15
20643
21089
  };
20644
21090
  var checkboxTokens = {
20645
21091
  checkbox: {
20646
21092
  base: checkboxBase,
20647
- spaceLeft: Spacing$p.SizesDdsSpacingLocalX025,
21093
+ spaceLeft: Spacing$q.SizesDdsSpacingLocalX025,
20648
21094
  hover: {
20649
21095
  base: checkboxHoverBase
20650
21096
  },
@@ -20695,8 +21141,8 @@ var checkboxTokens = {
20695
21141
  container: {
20696
21142
  base: containerBase$3,
20697
21143
  focusOutline: {
20698
- color: Border$d.BordersDdsBorderFocusBaseStroke,
20699
- width: Border$d.BordersDdsBorderFocusBaseStrokeWeight
21144
+ color: Border$e.BordersDdsBorderFocusBaseStroke,
21145
+ width: Border$e.BordersDdsBorderFocusBaseStrokeWeight
20700
21146
  },
20701
21147
  withLabel: {
20702
21148
  base: containerWithLabelBase
@@ -20724,12 +21170,12 @@ var Input$4 = styled.input.attrs(function (_a) {
20724
21170
  var Container$8 = styled.label.withConfig({
20725
21171
  displayName: "Checkboxstyles__Container",
20726
21172
  componentId: "sc-17q1ubf-2"
20727
- })(templateObject_13$1 || (templateObject_13$1 = __makeTemplateObject(["\n position: relative;\n display: flex;\n align-items: center;\n cursor: pointer;\n user-select: none;\n width: fit-content;\n ", "\n ", "\n\n input ~ ", " {\n transition: box-shadow 0.2s, background-color 0.2s, border 0.2s;\n }\n\n input:checked ~ ", ":after {\n display: block;\n }\n\n input:checked ~ ", " {\n ", "\n }\n\n &:hover input:enabled ~ ", " {\n ", "\n }\n &:hover input:checked:enabled ~ ", " {\n ", "\n }\n &:focus-within {\n outline: ", " solid\n ", ";\n }\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", ":after {\n border: solid ", ";\n ", "\n }\n"], ["\n position: relative;\n display: flex;\n align-items: center;\n cursor: pointer;\n user-select: none;\n width: fit-content;\n ", "\n ", "\n\n input ~ ", " {\n transition: box-shadow 0.2s, background-color 0.2s, border 0.2s;\n }\n\n input:checked ~ ", ":after {\n display: block;\n }\n\n input:checked ~ ", " {\n ", "\n }\n\n &:hover input:enabled ~ ", " {\n ", "\n }\n &:hover input:checked:enabled ~ ", " {\n ", "\n }\n &:focus-within {\n outline: ", " solid\n ", ";\n }\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", ":after {\n border: solid ", ";\n ", "\n }\n"])), checkboxTokens.container.base, function (_a) {
21173
+ })(templateObject_13$2 || (templateObject_13$2 = __makeTemplateObject(["\n position: relative;\n display: flex;\n align-items: center;\n cursor: pointer;\n user-select: none;\n width: fit-content;\n ", "\n ", "\n\n input ~ ", " {\n transition: box-shadow 0.2s, background-color 0.2s, border 0.2s;\n }\n\n input:checked ~ ", ":after {\n display: block;\n }\n\n input:checked ~ ", " {\n ", "\n }\n\n &:hover input:enabled ~ ", " {\n ", "\n }\n &:hover input:checked:enabled ~ ", " {\n ", "\n }\n &:focus-within {\n outline: ", " solid\n ", ";\n }\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", ":after {\n border: solid ", ";\n ", "\n }\n"], ["\n position: relative;\n display: flex;\n align-items: center;\n cursor: pointer;\n user-select: none;\n width: fit-content;\n ", "\n ", "\n\n input ~ ", " {\n transition: box-shadow 0.2s, background-color 0.2s, border 0.2s;\n }\n\n input:checked ~ ", ":after {\n display: block;\n }\n\n input:checked ~ ", " {\n ", "\n }\n\n &:hover input:enabled ~ ", " {\n ", "\n }\n &:hover input:checked:enabled ~ ", " {\n ", "\n }\n &:focus-within {\n outline: ", " solid\n ", ";\n }\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", ":after {\n border: solid ", ";\n ", "\n }\n"])), checkboxTokens.container.base, function (_a) {
20728
21174
  var label = _a.label;
20729
- return label ? Ae(templateObject_3$m || (templateObject_3$m = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), checkboxTokens.container.withLabel.base) : Ae(templateObject_4$i || (templateObject_4$i = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), checkboxTokens.container.noLabel.base);
21175
+ return label ? Ae(templateObject_3$m || (templateObject_3$m = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), checkboxTokens.container.withLabel.base) : Ae(templateObject_4$j || (templateObject_4$j = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), checkboxTokens.container.noLabel.base);
20730
21176
  }, CustomCheckbox, CustomCheckbox, CustomCheckbox, checkboxTokens.checkbox.checked.base, CustomCheckbox, checkboxTokens.checkbox.hover.base, CustomCheckbox, checkboxTokens.checkbox.checked.hover.base, checkboxTokens.container.focusOutline.width, checkboxTokens.container.focusOutline.color, function (_a) {
20731
21177
  var error = _a.error;
20732
- return error && Ae(templateObject_5$c || (templateObject_5$c = __makeTemplateObject(["\n input ~ ", " {\n ", "\n }\n &:hover input:enabled ~ ", " {\n ", "\n }\n "], ["\n input ~ ", " {\n ", "\n }\n &:hover input:enabled ~ ", " {\n ", "\n }\n "])), CustomCheckbox, checkboxTokens.checkbox.danger.base, CustomCheckbox, checkboxTokens.checkbox.danger.hover.base);
21178
+ return error && Ae(templateObject_5$d || (templateObject_5$d = __makeTemplateObject(["\n input ~ ", " {\n ", "\n }\n &:hover input:enabled ~ ", " {\n ", "\n }\n "], ["\n input ~ ", " {\n ", "\n }\n &:hover input:enabled ~ ", " {\n ", "\n }\n "])), CustomCheckbox, checkboxTokens.checkbox.danger.base, CustomCheckbox, checkboxTokens.checkbox.danger.hover.base);
20733
21179
  }, function (_a) {
20734
21180
  var indeterminate = _a.indeterminate;
20735
21181
  return indeterminate && Ae(templateObject_6$c || (templateObject_6$c = __makeTemplateObject(["\n input:enabled ~ ", " {\n ", "\n }\n input ~ ", ":after {\n display: block;\n }\n &:hover input:enabled ~ ", " {\n ", "\n }\n "], ["\n input:enabled ~ ", " {\n ", "\n }\n input ~ ", ":after {\n display: block;\n }\n &:hover input:enabled ~ ", " {\n ", "\n }\n "])), CustomCheckbox, checkboxTokens.checkbox.indeterminate.base, CustomCheckbox, CustomCheckbox, checkboxTokens.checkbox.indeterminate.hover.base);
@@ -20740,12 +21186,12 @@ var Container$8 = styled.label.withConfig({
20740
21186
  }, function (_a) {
20741
21187
  var readOnly = _a.readOnly,
20742
21188
  indeterminate = _a.indeterminate;
20743
- return readOnly && Ae(templateObject_10$5 || (templateObject_10$5 = __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$6 || (templateObject_9$6 = __makeTemplateObject(["\n input ~ ", " {\n ", "\n }\n "], ["\n input ~ ", " {\n ", "\n }\n "])), CustomCheckbox, checkboxTokens.checkbox.indeterminate.readOnly.base));
21189
+ return readOnly && Ae(templateObject_10$6 || (templateObject_10$6 = __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$6 || (templateObject_9$6 = __makeTemplateObject(["\n input ~ ", " {\n ", "\n }\n "], ["\n input ~ ", " {\n ", "\n }\n "])), CustomCheckbox, checkboxTokens.checkbox.indeterminate.readOnly.base));
20744
21190
  }, CustomCheckbox, checkboxTokens.checkmark.color, function (_a) {
20745
21191
  var indeterminate = _a.indeterminate;
20746
- return indeterminate ? Ae(templateObject_11$4 || (templateObject_11$4 = __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);
21192
+ return indeterminate ? Ae(templateObject_11$4 || (templateObject_11$4 = __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$3 || (templateObject_12$3 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), checkboxTokens.checkmark.base);
20747
21193
  });
20748
- var templateObject_1$H, templateObject_2$v, templateObject_3$m, templateObject_4$i, templateObject_5$c, templateObject_6$c, templateObject_7$9, templateObject_8$6, templateObject_9$6, templateObject_10$5, templateObject_11$4, templateObject_12$2, templateObject_13$1;
21194
+ var templateObject_1$H, templateObject_2$v, templateObject_3$m, templateObject_4$j, templateObject_5$d, templateObject_6$c, templateObject_7$9, templateObject_8$6, templateObject_9$6, templateObject_10$6, templateObject_11$4, templateObject_12$3, templateObject_13$2;
20749
21195
 
20750
21196
  var CheckboxGroupContext = /*#__PURE__*/React__default['default'].createContext(null);
20751
21197
  var useCheckboxGroup = function useCheckboxGroup() {
@@ -20803,10 +21249,10 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (_a, ref) {
20803
21249
  }), void 0);
20804
21250
  });
20805
21251
 
20806
- var Spacing$o = ddsBaseTokens.spacing;
21252
+ var Spacing$p = ddsBaseTokens.spacing;
20807
21253
  var checkboxGroupTokens = {
20808
21254
  label: {
20809
- spaceLeft: Spacing$o.SizesDdsSpacingLocalX025
21255
+ spaceLeft: Spacing$p.SizesDdsSpacingLocalX025
20810
21256
  }
20811
21257
  };
20812
21258
 
@@ -20889,53 +21335,70 @@ var calculateHeightWithLineHeight = function calculateHeightWithLineHeight(lineH
20889
21335
  };
20890
21336
 
20891
21337
  var Colors$g = ddsBaseTokens.colors,
20892
- Border$c = ddsBaseTokens.border,
20893
- Spacing$n = ddsBaseTokens.spacing,
21338
+ Border$d = ddsBaseTokens.border,
21339
+ Spacing$o = ddsBaseTokens.spacing,
20894
21340
  FontPackages$g = ddsBaseTokens.fontPackages,
20895
21341
  BorderRadius$5 = ddsBaseTokens.borderRadius,
20896
21342
  OuterShadow$3 = ddsBaseTokens.outerShadow;
20897
-
20898
- var justIconSmallBase = __assign(__assign({}, FontPackages$g.supportingStyle_inputtext_03.base), {
20899
- padding: Spacing$n.SizesDdsSpacingLocalX05
20900
- });
20901
-
21343
+ var iconSizeTinyPx = calculateHeightWithLineHeight(FontPackages$g.supportingStyle_tiny_01.numbers.lineHeightNumber, FontPackages$g.supportingStyle_tiny_01.numbers.fontSizeNumber);
21344
+ var iconSizeSmallPx = calculateHeightWithLineHeight(FontPackages$g.body_sans_01.numbers.lineHeightNumber, FontPackages$g.body_sans_01.numbers.fontSizeNumber);
21345
+ var iconSizeMediumPx = calculateHeightWithLineHeight(FontPackages$g.body_sans_02.numbers.lineHeightNumber, FontPackages$g.body_sans_02.numbers.fontSizeNumber);
21346
+ var iconSizeLargePx = calculateHeightWithLineHeight(FontPackages$g.body_sans_04.numbers.lineHeightNumber, FontPackages$g.body_sans_04.numbers.fontSizeNumber);
21347
+ var svgOffset = Spacing$o.SizesDdsSpacingLocalX0125NumberPx;
21348
+ var justIconSmallBase = {
21349
+ fontSize: iconSizeSmallPx + svgOffset + "px",
21350
+ padding: Spacing$o.SizesDdsSpacingLocalX05
21351
+ };
20902
21352
  var justIconWrapperSmallBase = {
20903
- height: calculateHeightWithLineHeight(FontPackages$g.body_sans_01.numbers.lineHeightNumber, FontPackages$g.body_sans_01.numbers.fontSizeNumber) + "px",
20904
- width: calculateHeightWithLineHeight(FontPackages$g.body_sans_01.numbers.lineHeightNumber, FontPackages$g.body_sans_01.numbers.fontSizeNumber) + "px"
21353
+ height: iconSizeSmallPx + "px",
21354
+ width: iconSizeSmallPx + "px"
20905
21355
  };
20906
21356
 
20907
21357
  var textSmallBase = __assign(__assign({}, FontPackages$g.body_sans_01.base), {
20908
- padding: Spacing$n.SizesDdsSpacingLocalX05 + " " + (Spacing$n.SizesDdsSpacingLocalX1NumberPx - 2) + "px"
20909
- });
20910
-
20911
- var justIconMediumBase = __assign(__assign({}, FontPackages$g.heading_sans_03.base), {
20912
- padding: Spacing$n.SizesDdsSpacingLocalX075
21358
+ padding: Spacing$o.SizesDdsSpacingLocalX05 + " " + (Spacing$o.SizesDdsSpacingLocalX1NumberPx - 2) + "px"
20913
21359
  });
20914
21360
 
21361
+ var justIconMediumBase = {
21362
+ fontSize: iconSizeMediumPx + svgOffset + "px",
21363
+ padding: Spacing$o.SizesDdsSpacingLocalX075
21364
+ };
20915
21365
  var justIconWrapperMediumBase = {
20916
- height: calculateHeightWithLineHeight(FontPackages$g.body_sans_02.numbers.lineHeightNumber, FontPackages$g.body_sans_02.numbers.fontSizeNumber) + "px",
20917
- width: calculateHeightWithLineHeight(FontPackages$g.body_sans_02.numbers.lineHeightNumber, FontPackages$g.body_sans_02.numbers.fontSizeNumber) + "px"
21366
+ height: iconSizeMediumPx + "px",
21367
+ width: iconSizeMediumPx + "px"
20918
21368
  };
20919
21369
 
20920
21370
  var textMediumBase = __assign(__assign({}, FontPackages$g.body_sans_02.base), {
20921
- padding: Spacing$n.SizesDdsSpacingLocalX075 + " " + (Spacing$n.SizesDdsSpacingLocalX15NumberPx - 2) + "px"
21371
+ padding: Spacing$o.SizesDdsSpacingLocalX075 + " " + (Spacing$o.SizesDdsSpacingLocalX15NumberPx - 2) + "px"
20922
21372
  });
20923
21373
 
20924
- var justIconLargeBase = __assign(__assign({}, FontPackages$g.heading_sans_04.base), {
20925
- padding: Spacing$n.SizesDdsSpacingLocalX1
21374
+ var justIconLargeBase = {
21375
+ fontSize: iconSizeLargePx + svgOffset + "px",
21376
+ padding: Spacing$o.SizesDdsSpacingLocalX1
21377
+ };
21378
+ var justIconWrapperLargeBase = {
21379
+ height: iconSizeLargePx + "px",
21380
+ width: iconSizeLargePx + "px"
21381
+ };
21382
+
21383
+ var textLargeBase = __assign(__assign({}, FontPackages$g.body_sans_04.base), {
21384
+ padding: Spacing$o.SizesDdsSpacingLocalX1 + " " + (Spacing$o.SizesDdsSpacingLocalX2NumberPx - 2) + "px"
20926
21385
  });
20927
21386
 
20928
- var justIconWrapperLargeBase = {
20929
- height: calculateHeightWithLineHeight(FontPackages$g.supportingStyle_inputtext_03.numbers.lineHeightNumber, FontPackages$g.supportingStyle_inputtext_03.numbers.fontSizeNumber) + "px",
20930
- width: calculateHeightWithLineHeight(FontPackages$g.supportingStyle_inputtext_03.numbers.lineHeightNumber, FontPackages$g.supportingStyle_inputtext_03.numbers.fontSizeNumber) + "px"
21387
+ var justIconTinyBase = {
21388
+ fontSize: iconSizeTinyPx + svgOffset + "px",
21389
+ padding: Spacing$o.SizesDdsSpacingLocalX025
21390
+ };
21391
+ var justIconWrapperTinyBase = {
21392
+ height: iconSizeTinyPx + "px",
21393
+ width: iconSizeTinyPx + "px"
20931
21394
  };
20932
21395
 
20933
- var textLargeBase = __assign(__assign({}, FontPackages$g.supportingStyle_inputtext_03.base), {
20934
- padding: Spacing$n.SizesDdsSpacingLocalX1 + " " + (Spacing$n.SizesDdsSpacingLocalX2NumberPx - 2) + "px"
21396
+ var textTinyBase = __assign(__assign({}, FontPackages$g.supportingStyle_tiny_01.base), {
21397
+ padding: Spacing$o.SizesDdsSpacingLocalX025 + " " + Spacing$o.SizesDdsSpacingLocalX075
20935
21398
  });
20936
21399
 
20937
21400
  var buttonBase$1 = {
20938
- border: Border$c.BordersDdsBorderStyleLightStrokeWeight + " solid"
21401
+ border: Border$d.BordersDdsBorderStyleLightStrokeWeight + " solid"
20939
21402
  };
20940
21403
  var filledButtonColors = {
20941
21404
  primary: {
@@ -21155,8 +21618,8 @@ var roundedBase = {
21155
21618
  var buttonTokens = {
21156
21619
  base: buttonBase$1,
21157
21620
  focusOutline: {
21158
- color: Border$c.BordersDdsBorderFocusBaseStroke,
21159
- width: Border$c.BordersDdsBorderStyleLightStrokeWeight
21621
+ color: Border$d.BordersDdsBorderFocusBaseStroke,
21622
+ width: Border$d.BordersDdsBorderStyleLightStrokeWeight
21160
21623
  },
21161
21624
  sizes: {
21162
21625
  small: {
@@ -21169,7 +21632,7 @@ var buttonTokens = {
21169
21632
  text: {
21170
21633
  base: textSmallBase
21171
21634
  },
21172
- iconWithTextMargin: Spacing$n.SizesDdsSpacingLocalX025
21635
+ iconWithTextMargin: Spacing$o.SizesDdsSpacingLocalX05
21173
21636
  },
21174
21637
  medium: {
21175
21638
  justIcon: {
@@ -21181,7 +21644,7 @@ var buttonTokens = {
21181
21644
  text: {
21182
21645
  base: textMediumBase
21183
21646
  },
21184
- iconWithTextMargin: Spacing$n.SizesDdsSpacingLocalX05
21647
+ iconWithTextMargin: Spacing$o.SizesDdsSpacingLocalX075
21185
21648
  },
21186
21649
  large: {
21187
21650
  justIcon: {
@@ -21193,7 +21656,19 @@ var buttonTokens = {
21193
21656
  text: {
21194
21657
  base: textLargeBase
21195
21658
  },
21196
- iconWithTextMargin: Spacing$n.SizesDdsSpacingLocalX075
21659
+ iconWithTextMargin: Spacing$o.SizesDdsSpacingLocalX1
21660
+ },
21661
+ tiny: {
21662
+ justIcon: {
21663
+ base: justIconTinyBase
21664
+ },
21665
+ justIconWrapper: {
21666
+ base: justIconWrapperTinyBase
21667
+ },
21668
+ text: {
21669
+ base: textTinyBase
21670
+ },
21671
+ iconWithTextMargin: Spacing$o.SizesDdsSpacingLocalX05
21197
21672
  }
21198
21673
  },
21199
21674
  appearance: {
@@ -21422,7 +21897,7 @@ var templateObject_1$F, templateObject_2$t;
21422
21897
  var ButtonWrapper$1 = styled.button.withConfig({
21423
21898
  displayName: "Buttonstyles__ButtonWrapper",
21424
21899
  componentId: "sc-14dutqk-0"
21425
- })(templateObject_7$8 || (templateObject_7$8 = __makeTemplateObject(["\n ", "\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: fit-content;\n width: ", ";\n cursor: pointer;\n box-shadow: none;\n text-decoration: none;\n transition: background-color 0.2s, text-decoration-color 0.2s, box-shadow 0.2s,\n border-color 0.2s, color 0.2s;\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n\n\n\n &:focus-visible, &.focus-visible {\n outline: ", " solid ", ";\n outline-offset: 2px;\n }\n\n *::selection {\n ", "\n }\n"], ["\n ", "\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: fit-content;\n width: ", ";\n cursor: pointer;\n box-shadow: none;\n text-decoration: none;\n transition: background-color 0.2s, text-decoration-color 0.2s, box-shadow 0.2s,\n border-color 0.2s, color 0.2s;\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n\n\n\n &:focus-visible, &.focus-visible {\n outline: ", " solid ", ";\n outline-offset: 2px;\n }\n\n *::selection {\n ", "\n }\n"])), buttonTokens.base, function (_a) {
21900
+ })(templateObject_8$5 || (templateObject_8$5 = __makeTemplateObject(["\n ", "\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: fit-content;\n width: ", ";\n cursor: pointer;\n box-shadow: none;\n text-decoration: none;\n transition: background-color 0.2s, text-decoration-color 0.2s, box-shadow 0.2s,\n border-color 0.2s, color 0.2s;\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n &:focus-visible, &.focus-visible {\n outline: ", " solid ", ";\n outline-offset: 2px;\n }\n\n *::selection {\n ", "\n }\n"], ["\n ", "\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: fit-content;\n width: ", ";\n cursor: pointer;\n box-shadow: none;\n text-decoration: none;\n transition: background-color 0.2s, text-decoration-color 0.2s, box-shadow 0.2s,\n border-color 0.2s, color 0.2s;\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n &:focus-visible, &.focus-visible {\n outline: ", " solid ", ";\n outline-offset: 2px;\n }\n\n *::selection {\n ", "\n }\n"])), buttonTokens.base, function (_a) {
21426
21901
  var fullWidth = _a.fullWidth;
21427
21902
  return fullWidth ? '100%' : 'fit-content';
21428
21903
  }, function (_a) {
@@ -21438,34 +21913,28 @@ var ButtonWrapper$1 = styled.button.withConfig({
21438
21913
  }, function (_a) {
21439
21914
  var size = _a.size,
21440
21915
  hasLabel = _a.hasLabel;
21441
- return hasLabel ? Ae(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), buttonTokens.sizes[size].text.base) : Ae(templateObject_4$h || (templateObject_4$h = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), buttonTokens.sizes[size].justIcon.base);
21916
+ return hasLabel ? Ae(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), buttonTokens.sizes[size].text.base) : Ae(templateObject_4$i || (templateObject_4$i = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), buttonTokens.sizes[size].justIcon.base);
21442
21917
  }, function (_a) {
21443
21918
  var fullWidth = _a.fullWidth,
21444
21919
  hasIcon = _a.hasIcon,
21445
21920
  hasLabel = _a.hasLabel,
21446
- isLoading = _a.isLoading;
21447
- return fullWidth && (!hasIcon || !hasLabel || isLoading ? Ae(templateObject_5$b || (templateObject_5$b = __makeTemplateObject(["\n justify-content: center;\n "], ["\n justify-content: center;\n "]))) : Ae(templateObject_6$b || (templateObject_6$b = __makeTemplateObject(["\n justify-content: space-between;\n "], ["\n justify-content: space-between;\n "]))));
21921
+ isLoading = _a.isLoading,
21922
+ iconPosition = _a.iconPosition;
21923
+ return fullWidth && (!hasIcon || !hasLabel || isLoading ? Ae(templateObject_5$c || (templateObject_5$c = __makeTemplateObject(["\n justify-content: center;\n "], ["\n justify-content: center;\n "]))) : hasIcon && hasLabel && iconPosition === 'left' ? Ae(templateObject_6$b || (templateObject_6$b = __makeTemplateObject(["\n justify-content: left;\n "], ["\n justify-content: left;\n "]))) : Ae(templateObject_7$8 || (templateObject_7$8 = __makeTemplateObject(["\n justify-content: space-between;\n "], ["\n justify-content: space-between;\n "]))));
21448
21924
  }, buttonTokens.focusOutline.width, buttonTokens.focusOutline.color, typographyTokens.selection.base);
21449
- var IconWithTextWrapper = styled(IconWrapper$1).withConfig({
21450
- displayName: "Buttonstyles__IconWithTextWrapper",
21925
+ var StyledIconWrapperSpan = styled.span.withConfig({
21926
+ displayName: "Buttonstyles__StyledIconWrapperSpan",
21451
21927
  componentId: "sc-14dutqk-1"
21452
- })(templateObject_10$4 || (templateObject_10$4 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
21928
+ })(templateObject_12$2 || (templateObject_12$2 = __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) {
21453
21929
  var size = _a.size,
21454
21930
  iconPosition = _a.iconPosition;
21455
- return iconPosition === 'left' ? Ae(templateObject_8$5 || (templateObject_8$5 = __makeTemplateObject(["\n margin-inline-end: ", ";\n "], ["\n margin-inline-end: ", ";\n "])), buttonTokens.sizes[size].iconWithTextMargin) : iconPosition === 'right' ? Ae(templateObject_9$5 || (templateObject_9$5 = __makeTemplateObject(["\n margin-inline-start: ", ";\n "], ["\n margin-inline-start: ", ";\n "])), buttonTokens.sizes[size].iconWithTextMargin) : '';
21456
- });
21457
- var JustIconWrapper = styled.span.withConfig({
21458
- displayName: "Buttonstyles__JustIconWrapper",
21459
- componentId: "sc-14dutqk-2"
21460
- })(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) {
21461
- var size = _a.size;
21462
- return Ae(templateObject_11$3 || (templateObject_11$3 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), buttonTokens.sizes[size].justIconWrapper.base);
21931
+ return iconPosition === 'left' ? Ae(templateObject_9$5 || (templateObject_9$5 = __makeTemplateObject(["\n margin-inline-end: ", ";\n "], ["\n margin-inline-end: ", ";\n "])), buttonTokens.sizes[size].iconWithTextMargin) : iconPosition === 'right' ? Ae(templateObject_10$5 || (templateObject_10$5 = __makeTemplateObject(["\n margin-inline-start: ", ";\n "], ["\n margin-inline-start: ", ";\n "])), buttonTokens.sizes[size].iconWithTextMargin) : Ae(templateObject_11$3 || (templateObject_11$3 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), buttonTokens.sizes[size].justIconWrapper.base);
21463
21932
  });
21464
21933
  var Label$2 = styled.span.withConfig({
21465
21934
  displayName: "Buttonstyles__Label",
21466
- componentId: "sc-14dutqk-3"
21467
- })(templateObject_13 || (templateObject_13 = __makeTemplateObject([""], [""])));
21468
- var templateObject_1$E, templateObject_2$s, templateObject_3$k, templateObject_4$h, templateObject_5$b, templateObject_6$b, templateObject_7$8, templateObject_8$5, templateObject_9$5, templateObject_10$4, templateObject_11$3, templateObject_12$1, templateObject_13;
21935
+ componentId: "sc-14dutqk-2"
21936
+ })(templateObject_13$1 || (templateObject_13$1 = __makeTemplateObject([""], [""])));
21937
+ var templateObject_1$E, templateObject_2$s, templateObject_3$k, templateObject_4$i, templateObject_5$c, templateObject_6$b, templateObject_7$8, templateObject_8$5, templateObject_9$5, templateObject_10$5, templateObject_11$3, templateObject_12$2, templateObject_13$1;
21469
21938
 
21470
21939
  var Button = /*#__PURE__*/React.forwardRef(function (_a, ref) {
21471
21940
  var label = _a.label,
@@ -21511,31 +21980,28 @@ var Button = /*#__PURE__*/React.forwardRef(function (_a, ref) {
21511
21980
  style: style
21512
21981
  }, rest);
21513
21982
 
21514
- var iconElement = Icon && iconPosition && size && jsxRuntime.jsx(IconWithTextWrapper, {
21515
- Icon: Icon,
21516
- iconPosition: iconPosition,
21517
- iconSize: "inline",
21518
- size: size
21519
- }, void 0);
21520
-
21521
21983
  var hasLabel = !!label;
21522
21984
  var isIconButton = !hasLabel && !!Icon;
21985
+
21986
+ var iconElement = Icon && jsxRuntime.jsx(StyledIconWrapperSpan, __assign({
21987
+ iconPosition: isIconButton ? undefined : iconPosition,
21988
+ size: size
21989
+ }, {
21990
+ children: jsxRuntime.jsx(IconWrapper$1, {
21991
+ Icon: Icon,
21992
+ iconSize: "inline"
21993
+ }, void 0)
21994
+ }), void 0);
21995
+
21523
21996
  return jsxRuntime.jsxs(ButtonWrapper$1, __assign({}, wrapperProps, {
21524
- children: [loading && jsxRuntime.jsx(JustIconWrapper, __assign({
21997
+ children: [loading && jsxRuntime.jsx(StyledIconWrapperSpan, __assign({
21525
21998
  size: size
21526
21999
  }, {
21527
22000
  children: jsxRuntime.jsx(Spinner, {
21528
22001
  color: buttonTokens.appearance[appearance][purpose].base.color,
21529
22002
  size: buttonTokens.sizes[size].justIcon.base.fontSize
21530
22003
  }, void 0)
21531
- }), void 0), isIconButton && !loading && jsxRuntime.jsx(JustIconWrapper, __assign({
21532
- size: size
21533
- }, {
21534
- children: jsxRuntime.jsx(IconWrapper$1, {
21535
- Icon: Icon,
21536
- iconSize: "inline"
21537
- }, void 0)
21538
- }), void 0), hasLabel && !loading && jsxRuntime.jsxs(jsxRuntime.Fragment, {
22004
+ }), void 0), isIconButton && !loading && iconElement, hasLabel && !loading && jsxRuntime.jsxs(jsxRuntime.Fragment, {
21539
22005
  children: [iconPosition === 'left' && iconElement, jsxRuntime.jsx(Label$2, {
21540
22006
  children: label
21541
22007
  }, void 0), iconPosition === 'right' && iconElement]
@@ -21544,20 +22010,20 @@ var Button = /*#__PURE__*/React.forwardRef(function (_a, ref) {
21544
22010
  });
21545
22011
 
21546
22012
  var Colors$e = ddsBaseTokens.colors,
21547
- Spacing$m = ddsBaseTokens.spacing;
22013
+ Spacing$n = ddsBaseTokens.spacing;
21548
22014
  var TextInput$3 = ddsReferenceTokens.textInput;
21549
22015
  var inputMultilineBase = {
21550
- paddingBottom: Spacing$m.SizesDdsSpacingLocalX05
22016
+ paddingBottom: Spacing$n.SizesDdsSpacingLocalX05
21551
22017
  };
21552
22018
  var inputMultilineWithLabelBase = {
21553
- paddingTop: Spacing$m.SizesDdsSpacingLocalX2
22019
+ paddingTop: Spacing$n.SizesDdsSpacingLocalX2
21554
22020
  };
21555
22021
  var inputMultilineNoLabelBase = {
21556
- paddingTop: Spacing$m.SizesDdsSpacingLocalX075
22022
+ paddingTop: Spacing$n.SizesDdsSpacingLocalX075
21557
22023
  };
21558
22024
  var inputLabelMultilineBase = {
21559
22025
  backgroundColor: Colors$e.DdsColorNeutralsWhite,
21560
- padding: Spacing$m.SizesDdsSpacingLocalX075NumberPx - 1 + "px " + Spacing$m.SizesDdsSpacingLocalX1 + " 0px " + (Spacing$m.SizesDdsSpacingLocalX1NumberPx - 1) + "px"
22026
+ padding: Spacing$n.SizesDdsSpacingLocalX075NumberPx - 1 + "px " + Spacing$n.SizesDdsSpacingLocalX1 + " 0px " + (Spacing$n.SizesDdsSpacingLocalX1NumberPx - 1) + "px"
21561
22027
  };
21562
22028
  var defaultWidth$2 = '320px';
21563
22029
  var textInputTokens = {
@@ -21592,9 +22058,9 @@ var textInputTokens = {
21592
22058
  }
21593
22059
  };
21594
22060
 
21595
- var Spacing$l = ddsBaseTokens.spacing;
22061
+ var Spacing$m = ddsBaseTokens.spacing;
21596
22062
  var charCounterBase = {
21597
- padding: Spacing$l.SizesDdsSpacingLocalX025 + " " + Spacing$l.SizesDdsSpacingLocalX05
22063
+ padding: Spacing$m.SizesDdsSpacingLocalX025 + " " + Spacing$m.SizesDdsSpacingLocalX05
21598
22064
  };
21599
22065
  var charCounterTokens = {
21600
22066
  base: charCounterBase
@@ -21625,19 +22091,19 @@ function CharCounter(_a) {
21625
22091
  var templateObject_1$D;
21626
22092
 
21627
22093
  var Colors$d = ddsBaseTokens.colors,
21628
- Spacing$k = ddsBaseTokens.spacing,
22094
+ Spacing$l = ddsBaseTokens.spacing,
21629
22095
  FontPackages$f = ddsBaseTokens.fontPackages,
21630
- Border$b = ddsBaseTokens.border;
22096
+ Border$c = ddsBaseTokens.border;
21631
22097
  var TextInput$2 = ddsReferenceTokens.textInput;
21632
22098
  var inputBase$2 = {
21633
- border: " " + Border$b.BordersDdsBorderStyleLightStrokeWeight + " solid " + Colors$d.DdsColorNeutralsGray5,
22099
+ border: " " + Border$c.BordersDdsBorderStyleLightStrokeWeight + " solid " + Colors$d.DdsColorNeutralsGray5,
21634
22100
  backgroundColor: Colors$d.DdsColorNeutralsWhite
21635
22101
  };
21636
22102
  var inputWithLabelBase = {
21637
- padding: Spacing$k.SizesDdsSpacingLocalX075NumberPx + FontPackages$f.supportingStyle_label_01.numbers.lineHeightNumber * 0.01 * FontPackages$f.supportingStyle_label_01.numbers.fontSizeNumber + "px " + Spacing$k.SizesDdsSpacingLocalX1 + " " + Spacing$k.SizesDdsSpacingLocalX075 + " " + Spacing$k.SizesDdsSpacingLocalX1
22103
+ padding: Spacing$l.SizesDdsSpacingLocalX075NumberPx + FontPackages$f.supportingStyle_label_01.numbers.lineHeightNumber * 0.01 * FontPackages$f.supportingStyle_label_01.numbers.fontSizeNumber + "px " + Spacing$l.SizesDdsSpacingLocalX1 + " " + Spacing$l.SizesDdsSpacingLocalX075 + " " + Spacing$l.SizesDdsSpacingLocalX1
21638
22104
  };
21639
22105
  var inputNoLabelBase$1 = {
21640
- padding: Spacing$k.SizesDdsSpacingLocalX075 + " " + Spacing$k.SizesDdsSpacingLocalX1 + " " + Spacing$k.SizesDdsSpacingLocalX075 + " " + Spacing$k.SizesDdsSpacingLocalX1
22106
+ padding: Spacing$l.SizesDdsSpacingLocalX075 + " " + Spacing$l.SizesDdsSpacingLocalX1 + " " + Spacing$l.SizesDdsSpacingLocalX075 + " " + Spacing$l.SizesDdsSpacingLocalX1
21641
22107
  };
21642
22108
  var inputDisabledBase = {
21643
22109
  color: Colors$d.DdsColorNeutralsGray7,
@@ -21659,10 +22125,10 @@ var inputErrorFocusBase = {
21659
22125
  var inputReadOnlyBase = {
21660
22126
  border: 'none',
21661
22127
  backgroundColor: 'transparent',
21662
- paddingLeft: Spacing$k.SizesDdsSpacingLocalX1
22128
+ paddingLeft: Spacing$l.SizesDdsSpacingLocalX1
21663
22129
  };
21664
22130
  var inputLabelBase = {
21665
- padding: Spacing$k.SizesDdsSpacingLocalX075 + " " + Spacing$k.SizesDdsSpacingLocalX1
22131
+ padding: Spacing$l.SizesDdsSpacingLocalX075 + " " + Spacing$l.SizesDdsSpacingLocalX1
21666
22132
  };
21667
22133
  var inputLabelHoverBase = {
21668
22134
  color: TextInput$2.label.hover.textColor
@@ -21713,29 +22179,29 @@ var inputTokens = {
21713
22179
  };
21714
22180
 
21715
22181
  var TextInput$1 = ddsReferenceTokens.textInput;
21716
- var Border$a = ddsBaseTokens.border;
22182
+ var Border$b = ddsBaseTokens.border;
21717
22183
 
21718
22184
  var stylingBase = __assign({
21719
22185
  color: TextInput$1.input.textColor,
21720
22186
  borderRadius: TextInput$1.input.borderRadius,
21721
- border: Border$a.BordersDdsBorderStyleLightStrokeWeight + " solid",
22187
+ border: Border$b.BordersDdsBorderStyleLightStrokeWeight + " solid",
21722
22188
  borderColor: TextInput$1.input.borderColor
21723
22189
  }, TextInput$1.input.font);
21724
22190
 
21725
22191
  var focusBase$1 = {
21726
- border: Border$a.BordersDdsBorderStyleLightStrokeWeight + " solid",
21727
- borderColor: Border$a.BordersDdsBorderFocusInputfieldStroke,
21728
- boxShadow: " 0 0 0 1px " + Border$a.BordersDdsBorderFocusInputfieldStroke,
22192
+ border: Border$b.BordersDdsBorderStyleLightStrokeWeight + " solid",
22193
+ borderColor: Border$b.BordersDdsBorderFocusInputfieldStroke,
22194
+ boxShadow: " 0 0 0 1px " + Border$b.BordersDdsBorderFocusInputfieldStroke,
21729
22195
  outline: 'none'
21730
22196
  };
21731
22197
  var hoverBase$1 = {
21732
- border: Border$a.BordersDdsBorderStyleLightStrokeWeight + " solid",
21733
- borderColor: Border$a.BordersDdsBorderFocusInputfieldStroke,
22198
+ border: Border$b.BordersDdsBorderStyleLightStrokeWeight + " solid",
22199
+ borderColor: Border$b.BordersDdsBorderFocusInputfieldStroke,
21734
22200
  boxShadow: " 0 0 0 1px " + TextInput$1.input.focus.borderColor,
21735
22201
  backgroundColor: TextInput$1.input.hover.backgroundColor
21736
22202
  };
21737
22203
  var inputFieldStylingBase = function inputFieldStylingBase() {
21738
- return Ae(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n width: 100%;\n top: 0;\n left: 0;\n margin: 0;\n padding: 0;\n transition: box-shadow 0.2s, border-color 0.2s, background-color 0.2s;\n &::selection {\n ", "\n }\n ", "\n\n &:focus:enabled:read-write, &:focus-visible:enabled:read-write, &:active:enabled:read-write {\n ", "\n }\n &:focus {\n outline: none;\n }\n\n &:hover:enabled:read-write {\n ", "\n }\n "], ["\n width: 100%;\n top: 0;\n left: 0;\n margin: 0;\n padding: 0;\n transition: box-shadow 0.2s, border-color 0.2s, background-color 0.2s;\n &::selection {\n ", "\n }\n ", "\n\n &:focus:enabled:read-write, &:focus-visible:enabled:read-write, &:active:enabled:read-write {\n ", "\n }\n &:focus {\n outline: none;\n }\n\n &:hover:enabled:read-write {\n ", "\n }\n "])), typographyTokens.selection.base, stylingBase, focusBase$1, hoverBase$1);
22204
+ return Ae(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n width: 100%;\n top: 0;\n left: 0;\n margin: 0;\n padding: 0;\n transition: box-shadow 0.2s, border-color 0.2s, background-color 0.2s;\n &[type='text'],\n &[type='password'],\n &[type='number'],\n &[type='tel'],\n &[type='date'],\n &[type='url'],\n &[type='email'],\n &[type='search'],\n &[type='datetime-local'] {\n -webkit-appearance: none;\n }\n &::selection {\n ", "\n }\n ", "\n\n &:focus:enabled:read-write, &:focus-visible:enabled:read-write, &:active:enabled:read-write {\n ", "\n }\n &:focus {\n outline: none;\n }\n\n &:hover:enabled:read-write {\n ", "\n }\n "], ["\n width: 100%;\n top: 0;\n left: 0;\n margin: 0;\n padding: 0;\n transition: box-shadow 0.2s, border-color 0.2s, background-color 0.2s;\n &[type='text'],\n &[type='password'],\n &[type='number'],\n &[type='tel'],\n &[type='date'],\n &[type='url'],\n &[type='email'],\n &[type='search'],\n &[type='datetime-local'] {\n -webkit-appearance: none;\n }\n &::selection {\n ", "\n }\n ", "\n\n &:focus:enabled:read-write, &:focus-visible:enabled:read-write, &:active:enabled:read-write {\n ", "\n }\n &:focus {\n outline: none;\n }\n\n &:hover:enabled:read-write {\n ", "\n }\n "])), typographyTokens.selection.base, stylingBase, focusBase$1, hoverBase$1);
21739
22205
  };
21740
22206
  var templateObject_1$C;
21741
22207
 
@@ -21744,7 +22210,7 @@ var inputStyling = function inputStyling(_a) {
21744
22210
  label = _a.label,
21745
22211
  disabled = _a.disabled,
21746
22212
  hasErrorMessage = _a.hasErrorMessage;
21747
- return Ae(templateObject_6$a || (templateObject_6$a = __makeTemplateObject(["\n ", "\n ", "\n box-sizing: border-box;\n -webkit-appearance: textfield;\n ", ";\n\n &:hover:enabled:read-write ~ label {\n ", "\n }\n &:focus:enabled:read-write ~ label {\n ", "\n }\n\n ", "\n ", "\n ", "\n "], ["\n ", "\n ", "\n box-sizing: border-box;\n -webkit-appearance: textfield;\n ", ";\n\n &:hover:enabled:read-write ~ label {\n ", "\n }\n &:focus:enabled:read-write ~ label {\n ", "\n }\n\n ", "\n ", "\n ", "\n "])), inputFieldStylingBase, inputTokens.base, label ? Ae(templateObject_1$B || (templateObject_1$B = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), inputTokens.withLabel.base) : Ae(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), inputTokens.noLabel.base), inputTokens.label.hover.base, inputTokens.label.focus.base, disabled && Ae(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n cursor: not-allowed;\n ", "\n "], ["\n cursor: not-allowed;\n ", "\n "])), inputTokens.disabled.base), hasErrorMessage && Ae(templateObject_4$g || (templateObject_4$g = __makeTemplateObject(["\n ", "\n &:hover:enabled:read-write {\n ", "\n }\n &:focus:enabled:read-write,\n &:active:enabled:read-write {\n ", "\n }\n "], ["\n ", "\n &:hover:enabled:read-write {\n ", "\n }\n &:focus:enabled:read-write,\n &:active:enabled:read-write {\n ", "\n }\n "])), inputTokens.error.base, inputTokens.error.hover.base, inputTokens.error.focus.base), readOnly && Ae(templateObject_5$a || (templateObject_5$a = __makeTemplateObject(["\n cursor: default;\n ", "\n "], ["\n cursor: default;\n ", "\n "])), inputTokens.readOnly.base));
22213
+ return Ae(templateObject_6$a || (templateObject_6$a = __makeTemplateObject(["\n ", "\n ", "\n box-sizing: border-box;\n box-shadow: none;\n -webkit-appearance: textfield;\n ", ";\n\n &:hover:enabled:read-write ~ label {\n ", "\n }\n &:focus:enabled:read-write ~ label {\n ", "\n }\n\n ", "\n ", "\n ", "\n "], ["\n ", "\n ", "\n box-sizing: border-box;\n box-shadow: none;\n -webkit-appearance: textfield;\n ", ";\n\n &:hover:enabled:read-write ~ label {\n ", "\n }\n &:focus:enabled:read-write ~ label {\n ", "\n }\n\n ", "\n ", "\n ", "\n "])), inputFieldStylingBase, inputTokens.base, label ? Ae(templateObject_1$B || (templateObject_1$B = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), inputTokens.withLabel.base) : Ae(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), inputTokens.noLabel.base), inputTokens.label.hover.base, inputTokens.label.focus.base, disabled && Ae(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n cursor: not-allowed;\n ", "\n "], ["\n cursor: not-allowed;\n ", "\n "])), inputTokens.disabled.base), hasErrorMessage && Ae(templateObject_4$h || (templateObject_4$h = __makeTemplateObject(["\n ", "\n &:hover:enabled:read-write {\n ", "\n }\n &:focus:enabled:read-write,\n &:active:enabled:read-write {\n ", "\n }\n "], ["\n ", "\n &:hover:enabled:read-write {\n ", "\n }\n &:focus:enabled:read-write,\n &:active:enabled:read-write {\n ", "\n }\n "])), inputTokens.error.base, inputTokens.error.hover.base, inputTokens.error.focus.base), readOnly && Ae(templateObject_5$b || (templateObject_5$b = __makeTemplateObject(["\n cursor: default;\n ", "\n "], ["\n cursor: default;\n ", "\n "])), inputTokens.readOnly.base));
21748
22214
  };
21749
22215
  var Input$3 = styled.input.withConfig({
21750
22216
  displayName: "Inputstyles__Input",
@@ -21771,7 +22237,7 @@ var SingleLineLabel = styled(Typography).withConfig({
21771
22237
  var InputContainer$2 = styled.div.withConfig({
21772
22238
  displayName: "Inputstyles__InputContainer",
21773
22239
  componentId: "sc-1oz9x8w-2"
21774
- })(templateObject_10$3 || (templateObject_10$3 = __makeTemplateObject(["\n position: relative;\n width: 100%;\n"], ["\n position: relative;\n width: 100%;\n"])));
22240
+ })(templateObject_10$4 || (templateObject_10$4 = __makeTemplateObject(["\n position: relative;\n width: 100%;\n"], ["\n position: relative;\n width: 100%;\n"])));
21775
22241
  var OuterInputContainer = styled.div.withConfig({
21776
22242
  displayName: "Inputstyles__OuterInputContainer",
21777
22243
  componentId: "sc-1oz9x8w-3"
@@ -21779,7 +22245,7 @@ var OuterInputContainer = styled.div.withConfig({
21779
22245
  var width = _a.width;
21780
22246
  return width;
21781
22247
  });
21782
- var templateObject_1$B, templateObject_2$r, templateObject_3$j, templateObject_4$g, templateObject_5$a, templateObject_6$a, templateObject_7$7, templateObject_8$4, templateObject_9$4, templateObject_10$3, templateObject_11$2;
22248
+ var templateObject_1$B, templateObject_2$r, templateObject_3$j, templateObject_4$h, templateObject_5$b, templateObject_6$a, templateObject_7$7, templateObject_8$4, templateObject_9$4, templateObject_10$4, templateObject_11$2;
21783
22249
 
21784
22250
  var scrollbarStyling = Ae(templateObject_1$A || (templateObject_1$A = __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)');
21785
22251
  var templateObject_1$A;
@@ -21811,13 +22277,13 @@ var TextArea = styled.textarea.withConfig({
21811
22277
  var MessageContainer = styled.div.withConfig({
21812
22278
  displayName: "TextInputstyles__MessageContainer",
21813
22279
  componentId: "sc-165zflr-1"
21814
- })(templateObject_4$f || (templateObject_4$f = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n"], ["\n display: flex;\n justify-content: space-between;\n"])));
22280
+ })(templateObject_4$g || (templateObject_4$g = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n"], ["\n display: flex;\n justify-content: space-between;\n"])));
21815
22281
  var Label$1 = styled(SingleLineLabel).withConfig({
21816
22282
  displayName: "TextInputstyles__Label",
21817
22283
  componentId: "sc-165zflr-2"
21818
22284
  })(templateObject_8$3 || (templateObject_8$3 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n"], ["\n ", "\n ", "\n ", "\n"])), function (_a) {
21819
22285
  var multiline = _a.multiline;
21820
- return multiline && Ae(templateObject_5$9 || (templateObject_5$9 = __makeTemplateObject(["\n margin: 1px;\n width: calc(100% - 20px);\n ", "\n "], ["\n margin: 1px;\n width: calc(100% - 20px);\n ", "\n "])), textInputTokens.label.multiline.base);
22286
+ return multiline && Ae(templateObject_5$a || (templateObject_5$a = __makeTemplateObject(["\n margin: 1px;\n width: calc(100% - 20px);\n ", "\n "], ["\n margin: 1px;\n width: calc(100% - 20px);\n ", "\n "])), textInputTokens.label.multiline.base);
21821
22287
  }, function (_a) {
21822
22288
  var disabled = _a.disabled,
21823
22289
  multiline = _a.multiline;
@@ -21830,7 +22296,7 @@ var Label$1 = styled(SingleLineLabel).withConfig({
21830
22296
  var InputContainer$1 = styled(InputContainer$2).withConfig({
21831
22297
  displayName: "TextInputstyles__InputContainer",
21832
22298
  componentId: "sc-165zflr-3"
21833
- })(templateObject_10$2 || (templateObject_10$2 = __makeTemplateObject(["\n ", "\n height: ", ";\n"], ["\n ", "\n height: ", ";\n"])), function (_a) {
22299
+ })(templateObject_10$3 || (templateObject_10$3 = __makeTemplateObject(["\n ", "\n height: ", ";\n"], ["\n ", "\n height: ", ";\n"])), function (_a) {
21834
22300
  var multiline = _a.multiline;
21835
22301
  return multiline && Ae(templateObject_9$3 || (templateObject_9$3 = __makeTemplateObject(["\n display: inline-block;\n "], ["\n display: inline-block;\n "])));
21836
22302
  }, function (_a) {
@@ -21845,7 +22311,7 @@ var InputContainer$1 = styled(InputContainer$2).withConfig({
21845
22311
  return textInputTokens.container.multiline.noLabel.height;
21846
22312
  }
21847
22313
  });
21848
- var templateObject_1$z, templateObject_2$q, templateObject_3$i, templateObject_4$f, templateObject_5$9, templateObject_6$9, templateObject_7$6, templateObject_8$3, templateObject_9$3, templateObject_10$2;
22314
+ var templateObject_1$z, templateObject_2$q, templateObject_3$i, templateObject_4$g, templateObject_5$a, templateObject_6$9, templateObject_7$6, templateObject_8$3, templateObject_9$3, templateObject_10$3;
21849
22315
 
21850
22316
  var nextUniqueId$6 = 0;
21851
22317
  var TextInput = /*#__PURE__*/React.forwardRef(function (_a, ref) {
@@ -28637,24 +29103,24 @@ var StateManagedSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
28637
29103
  var ReactSelect = StateManagedSelect;
28638
29104
 
28639
29105
  var Colors$c = ddsBaseTokens.colors,
28640
- Spacing$j = ddsBaseTokens.spacing,
29106
+ Spacing$k = ddsBaseTokens.spacing,
28641
29107
  FontPackages$e = ddsBaseTokens.fontPackages,
28642
29108
  BorderRadius$4 = ddsBaseTokens.borderRadius,
28643
- Border$9 = ddsBaseTokens.border,
28644
- IconSizes = ddsBaseTokens.iconSizes;
29109
+ Border$a = ddsBaseTokens.border,
29110
+ IconSizes$2 = ddsBaseTokens.iconSizes;
28645
29111
  var textDefault$6 = ddsReferenceTokens.textDefault;
28646
- var multiValueContainerMinHeight = Spacing$j.SizesDdsSpacingLocalX0125NumberPx * 2 + Spacing$j.SizesDdsSpacingLocalX025NumberPx * 2 + calculateHeightWithLineHeight(FontPackages$e.supportingStyle_inputtext_01.numbers.lineHeightNumber, FontPackages$e.supportingStyle_inputtext_01.numbers.fontSizeNumber) + "px"; //custom spacing so that multiselect has same height as single value select
29112
+ var multiValueContainerMinHeight = Spacing$k.SizesDdsSpacingLocalX0125NumberPx * 2 + Spacing$k.SizesDdsSpacingLocalX025NumberPx * 2 + calculateHeightWithLineHeight(FontPackages$e.supportingStyle_inputtext_01.numbers.lineHeightNumber, FontPackages$e.supportingStyle_inputtext_01.numbers.fontSizeNumber) + "px"; //custom spacing so that multiselect has same height as single value select
28647
29113
 
28648
- var valueContainerMarginBottomMultiWithLabel = Spacing$j.SizesDdsSpacingLocalX025NumberPx + Spacing$j.SizesDdsSpacingLocalX0125NumberPx + "px"; //custom spacing so that multiselect has same height as single value select
29114
+ var valueContainerMarginBottomMultiWithLabel = Spacing$k.SizesDdsSpacingLocalX025NumberPx + Spacing$k.SizesDdsSpacingLocalX0125NumberPx + "px"; //custom spacing so that multiselect has same height as single value select
28649
29115
 
28650
- var inputMultiNoLabelPaddingTop = Spacing$j.SizesDdsSpacingLocalX05NumberPx + Spacing$j.SizesDdsSpacingLocalX0125NumberPx + "px";
29116
+ var inputMultiNoLabelPaddingTop = Spacing$k.SizesDdsSpacingLocalX05NumberPx + Spacing$k.SizesDdsSpacingLocalX0125NumberPx + "px";
28651
29117
 
28652
29118
  var labelBase = __assign({
28653
29119
  color: Colors$c.DdsColorNeutralsGray7,
28654
- paddingTop: Spacing$j.SizesDdsSpacingLocalX075,
28655
- paddingLeft: Spacing$j.SizesDdsSpacingLocalX1,
29120
+ paddingTop: Spacing$k.SizesDdsSpacingLocalX075,
29121
+ paddingLeft: Spacing$k.SizesDdsSpacingLocalX1,
28656
29122
  paddingBottom: 0,
28657
- paddingRight: Spacing$j.SizesDdsSpacingLocalX05
29123
+ paddingRight: Spacing$k.SizesDdsSpacingLocalX05
28658
29124
  }, FontPackages$e.supportingStyle_label_01.base);
28659
29125
 
28660
29126
  var labelHoverBase = {
@@ -28664,10 +29130,10 @@ var labelFocusBase = {
28664
29130
  color: Colors$c.DdsColorInteractiveBase
28665
29131
  };
28666
29132
  var valueContainerWithLabelBase = {
28667
- marginBottom: Spacing$j.SizesDdsSpacingLocalX075
29133
+ marginBottom: Spacing$k.SizesDdsSpacingLocalX075
28668
29134
  };
28669
29135
  var valueContainerNoLabelBase = {
28670
- marginBottom: Spacing$j.SizesDdsSpacingLocalX075
29136
+ marginBottom: Spacing$k.SizesDdsSpacingLocalX075
28671
29137
  };
28672
29138
  var valueContainerIsMultiBase = {
28673
29139
  minHeight: multiValueContainerMinHeight
@@ -28676,11 +29142,11 @@ var valueContainerIsMultiWithLabelBase = {
28676
29142
  marginBottom: valueContainerMarginBottomMultiWithLabel
28677
29143
  };
28678
29144
  var valueContainerIsMultiNoLabelBase = {
28679
- marginBottom: Spacing$j.SizesDdsSpacingLocalX05
29145
+ marginBottom: Spacing$k.SizesDdsSpacingLocalX05
28680
29146
  };
28681
29147
  var containerBase$2 = {
28682
29148
  borderRadius: BorderRadius$4.RadiiDdsBorderRadius1Radius,
28683
- border: Border$9.BordersDdsBorderStyleLightStrokeWeight + " solid",
29149
+ border: Border$a.BordersDdsBorderStyleLightStrokeWeight + " solid",
28684
29150
  borderColor: Colors$c.DdsColorNeutralsGray5,
28685
29151
  backgroundColor: Colors$c.DdsColorNeutralsWhite
28686
29152
  };
@@ -28703,11 +29169,11 @@ var containerDangerFocusBase = {
28703
29169
  };
28704
29170
 
28705
29171
  var inputBase$1 = __assign({
28706
- padding: "0 " + Spacing$j.SizesDdsSpacingLocalX05 + " 0 " + Spacing$j.SizesDdsSpacingLocalX1
29172
+ padding: "0 " + Spacing$k.SizesDdsSpacingLocalX05 + " 0 " + Spacing$k.SizesDdsSpacingLocalX1
28707
29173
  }, FontPackages$e.supportingStyle_inputtext_02.base);
28708
29174
 
28709
29175
  var inputNoLabelBase = {
28710
- paddingTop: Spacing$j.SizesDdsSpacingLocalX075
29176
+ paddingTop: Spacing$k.SizesDdsSpacingLocalX075
28711
29177
  };
28712
29178
  var inputIsMultiNoLabelBase = {
28713
29179
  paddingTop: inputMultiNoLabelPaddingTop
@@ -28718,16 +29184,16 @@ var placeholderBase = __assign({
28718
29184
  }, FontPackages$e.supportingStyle_placeholdertext_01.base);
28719
29185
 
28720
29186
  var indicatorsContainerWithLabelBase = {
28721
- marginBottom: Spacing$j.SizesDdsSpacingLocalX1
29187
+ marginBottom: Spacing$k.SizesDdsSpacingLocalX1
28722
29188
  };
28723
29189
  var indicatorsContainerNoLabelBase = {
28724
- marginBottom: Spacing$j.SizesDdsSpacingLocalX075
29190
+ marginBottom: Spacing$k.SizesDdsSpacingLocalX075
28725
29191
  };
28726
29192
  var indicatorsContainerIsMultiWithLabelBase = {
28727
29193
  marginBottom: valueContainerMarginBottomMultiWithLabel
28728
29194
  };
28729
29195
  var indicatorsContainerIsMultiNoLabelBase = {
28730
- marginBottom: Spacing$j.SizesDdsSpacingLocalX05
29196
+ marginBottom: Spacing$k.SizesDdsSpacingLocalX05
28731
29197
  };
28732
29198
  var dropdownIndicatorBase = {
28733
29199
  color: Colors$c.DdsColorNeutralsGray6,
@@ -28741,7 +29207,7 @@ var drodownIndicatorReadOnlyBase = {
28741
29207
  };
28742
29208
  var clearIndicatorBase = {
28743
29209
  color: Colors$c.DdsColorNeutralsGray6,
28744
- padding: " 0 " + Spacing$j.SizesDdsSpacingLocalX025 + " 0 0"
29210
+ padding: " 0 " + Spacing$k.SizesDdsSpacingLocalX025 + " 0 0"
28745
29211
  };
28746
29212
  var loadingIndicatorBase = {
28747
29213
  color: Colors$c.DdsColorNeutralsGray6,
@@ -28758,7 +29224,7 @@ var optionsListBase = {
28758
29224
  };
28759
29225
 
28760
29226
  var optionBase = __assign(__assign({
28761
- padding: Spacing$j.SizesDdsSpacingLocalX05 + " " + Spacing$j.SizesDdsSpacingLocalX1
29227
+ padding: Spacing$k.SizesDdsSpacingLocalX05 + " " + Spacing$k.SizesDdsSpacingLocalX1
28762
29228
  }, FontPackages$e.body_sans_02.base), {
28763
29229
  color: textDefault$6.textColor
28764
29230
  });
@@ -28774,13 +29240,13 @@ var optionSelectedBase = __assign(__assign({
28774
29240
  });
28775
29241
 
28776
29242
  var noOptionsMessageBase = __assign({
28777
- padding: Spacing$j.SizesDdsSpacingLocalX05 + " " + Spacing$j.SizesDdsSpacingLocalX1,
29243
+ padding: Spacing$k.SizesDdsSpacingLocalX05 + " " + Spacing$k.SizesDdsSpacingLocalX1,
28778
29244
  color: Colors$c.DdsColorNeutralsGray6
28779
29245
  }, FontPackages$e.supportingStyle_placeholdertext_01.base);
28780
29246
 
28781
29247
  var multiValueBase = {
28782
29248
  borderRadius: BorderRadius$4.RadiiDdsBorderRadius1Radius,
28783
- margin: Spacing$j.SizesDdsSpacingLocalX0125
29249
+ margin: Spacing$k.SizesDdsSpacingLocalX0125
28784
29250
  };
28785
29251
  var multiValueEnabledBase = {
28786
29252
  backgroundColor: Colors$c.DdsColorInteractiveLighter
@@ -28790,17 +29256,17 @@ var multiValueDisabledBase = {
28790
29256
  };
28791
29257
 
28792
29258
  var multiValueLabelBase = __assign(__assign({
28793
- paddingTop: "" + Spacing$j.SizesDdsSpacingLocalX025,
28794
- paddingRight: "" + Spacing$j.SizesDdsSpacingLocalX05,
28795
- paddingLeft: "" + Spacing$j.SizesDdsSpacingLocalX05,
28796
- paddingBottom: "" + Spacing$j.SizesDdsSpacingLocalX025,
29259
+ paddingTop: "" + Spacing$k.SizesDdsSpacingLocalX025,
29260
+ paddingRight: "" + Spacing$k.SizesDdsSpacingLocalX05,
29261
+ paddingLeft: "" + Spacing$k.SizesDdsSpacingLocalX05,
29262
+ paddingBottom: "" + Spacing$k.SizesDdsSpacingLocalX025,
28797
29263
  color: Colors$c.DdsColorNeutralsGray9
28798
29264
  }, FontPackages$e.supportingStyle_inputtext_01.base), {
28799
29265
  fontWeight: 'bold'
28800
29266
  });
28801
29267
 
28802
29268
  var multiValueRemoveBase = {
28803
- padding: "" + Spacing$j.SizesDdsSpacingLocalX025,
29269
+ padding: "" + Spacing$k.SizesDdsSpacingLocalX025,
28804
29270
  color: Colors$c.DdsColorNeutralsGray9
28805
29271
  };
28806
29272
  var multiValueRemoveHoverBase = {
@@ -28808,8 +29274,8 @@ var multiValueRemoveHoverBase = {
28808
29274
  backgroundColor: Colors$c.DdsColorInteractiveBase
28809
29275
  };
28810
29276
  var multiValueRemoveIconBase = {
28811
- height: IconSizes.DdsIconsizeSmall,
28812
- width: IconSizes.DdsIconsizeSmall
29277
+ height: IconSizes$2.DdsIconsizeSmall,
29278
+ width: IconSizes$2.DdsIconsizeSmall
28813
29279
  };
28814
29280
  var containerDisabledBase = {
28815
29281
  backgroundColor: Colors$c.DdsColorNeutralsGray1,
@@ -28871,7 +29337,7 @@ var selectTokens = {
28871
29337
  },
28872
29338
  optionsList: {
28873
29339
  base: optionsListBase,
28874
- spaceTop: Spacing$j.SizesDdsSpacingLocalX1NumberPx + 2 //grunnet shadow-box
29340
+ spaceTop: Spacing$k.SizesDdsSpacingLocalX1NumberPx + 2 //grunnet shadow-box
28875
29341
 
28876
29342
  },
28877
29343
  option: {
@@ -28882,7 +29348,7 @@ var selectTokens = {
28882
29348
  selected: {
28883
29349
  base: optionSelectedBase,
28884
29350
  icon: {
28885
- margin: "0 " + Spacing$j.SizesDdsSpacingLocalX05 + " 0 0"
29351
+ margin: "0 " + Spacing$k.SizesDdsSpacingLocalX05 + " 0 0"
28886
29352
  }
28887
29353
  }
28888
29354
  },
@@ -28971,13 +29437,13 @@ var Label = styled(Typography).withConfig({
28971
29437
  var Container$6 = styled.div.withConfig({
28972
29438
  displayName: "Selectstyles__Container",
28973
29439
  componentId: "sc-19jkd5s-1"
28974
- })(templateObject_10$1 || (templateObject_10$1 = __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) {
29440
+ })(templateObject_10$2 || (templateObject_10$2 = __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) {
28975
29441
  var isMulti = _a.isMulti;
28976
29442
  return isMulti && Ae(templateObject_2$p || (templateObject_2$p = __makeTemplateObject([""], [""])));
28977
29443
  }, function (_a) {
28978
29444
  var hasLabel = _a.hasLabel,
28979
29445
  isMulti = _a.isMulti;
28980
- return isMulti && hasLabel ? Ae(templateObject_3$h || (templateObject_3$h = __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$e || (templateObject_4$e = __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$8 || (templateObject_5$8 = __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$8 || (templateObject_6$8 = __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);
29446
+ return isMulti && hasLabel ? Ae(templateObject_3$h || (templateObject_3$h = __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$f || (templateObject_4$f = __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$9 || (templateObject_5$9 = __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$8 || (templateObject_6$8 = __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);
28981
29447
  }, 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) {
28982
29448
  var errorMessage = _a.errorMessage;
28983
29449
  return errorMessage && Ae(templateObject_7$5 || (templateObject_7$5 = __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);
@@ -28998,7 +29464,7 @@ var Wrapper$5 = styled.div.withConfig({
28998
29464
  var SelectedIconWrapper = styled(IconWrapper$1).withConfig({
28999
29465
  displayName: "Selectstyles__SelectedIconWrapper",
29000
29466
  componentId: "sc-19jkd5s-3"
29001
- })(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n margin: ", ";\n"], ["\n margin: ", ";\n"])), selectTokens.option.selected.icon.margin);
29467
+ })(templateObject_12$1 || (templateObject_12$1 = __makeTemplateObject(["\n margin: ", ";\n"], ["\n margin: ", ";\n"])), selectTokens.option.selected.icon.margin);
29002
29468
  var CustomStyles = {
29003
29469
  control: function control() {
29004
29470
  return __assign({
@@ -29089,7 +29555,7 @@ var CustomStyles = {
29089
29555
  return __assign(__assign({}, provided), selectTokens.loadingIndicator.base);
29090
29556
  }
29091
29557
  };
29092
- var templateObject_1$y, templateObject_2$p, templateObject_3$h, templateObject_4$e, templateObject_5$8, templateObject_6$8, templateObject_7$5, templateObject_8$2, templateObject_9$2, templateObject_10$1, templateObject_11$1, templateObject_12;
29558
+ var templateObject_1$y, templateObject_2$p, templateObject_3$h, templateObject_4$f, templateObject_5$9, templateObject_6$8, templateObject_7$5, templateObject_8$2, templateObject_9$2, templateObject_10$2, templateObject_11$1, templateObject_12$1;
29093
29559
 
29094
29560
  var DdsOption = components.Option,
29095
29561
  NoOptionsMessage = components.NoOptionsMessage,
@@ -29298,24 +29764,24 @@ exports.default = _default;
29298
29764
  var InfoOutlinedIcon = /*@__PURE__*/getDefaultExportFromCjs(InfoOutlined);
29299
29765
 
29300
29766
  var Colors$b = ddsBaseTokens.colors,
29301
- Spacing$i = ddsBaseTokens.spacing,
29767
+ Spacing$j = ddsBaseTokens.spacing,
29302
29768
  FontPackages$d = ddsBaseTokens.fontPackages;
29303
29769
 
29304
29770
  var containerBase$1 = __assign(__assign({
29305
29771
  borderBottom: '2px solid',
29306
- padding: "0 " + Spacing$i.SizesDdsSpacingLocalX1,
29772
+ padding: "0 " + Spacing$j.SizesDdsSpacingLocalX1,
29307
29773
  width: '100%'
29308
29774
  }, FontPackages$d.body_sans_02.base), {
29309
29775
  color: Colors$b.DdsColorNeutralsGray8
29310
29776
  });
29311
29777
 
29312
29778
  var contentContainerBase$1 = {
29313
- paddingRight: Spacing$i.SizesDdsSpacingLocalX15,
29314
- paddingTop: Spacing$i.SizesDdsSpacingLocalX075,
29315
- paddingBottom: Spacing$i.SizesDdsSpacingLocalX075
29779
+ paddingRight: Spacing$j.SizesDdsSpacingLocalX15,
29780
+ paddingTop: Spacing$j.SizesDdsSpacingLocalX075,
29781
+ paddingBottom: Spacing$j.SizesDdsSpacingLocalX075
29316
29782
  };
29317
29783
  var contentContainerWithClosableBase$1 = {
29318
- paddingRight: Spacing$i.SizesDdsSpacingLocalX075
29784
+ paddingRight: Spacing$j.SizesDdsSpacingLocalX075
29319
29785
  };
29320
29786
  var containerInfoBase$1 = {
29321
29787
  borderColor: Colors$b.DdsColorInfoLighter,
@@ -29349,7 +29815,7 @@ var globalMessageTokens = {
29349
29815
  }
29350
29816
  },
29351
29817
  icon: {
29352
- marginRight: "" + Spacing$i.SizesDdsSpacingLocalX075,
29818
+ marginRight: "" + Spacing$j.SizesDdsSpacingLocalX075,
29353
29819
  info: {
29354
29820
  icon: InfoOutlinedIcon,
29355
29821
  color: Colors$b.DdsColorInfoDarkest
@@ -29390,13 +29856,13 @@ var MessageIconWrapper$1 = styled(IconWrapper$1).withConfig({
29390
29856
  var ControlsContainer = styled.div.withConfig({
29391
29857
  displayName: "GlobalMessage__ControlsContainer",
29392
29858
  componentId: "sc-bf2l65-2"
29393
- })(templateObject_4$d || (templateObject_4$d = __makeTemplateObject(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"])));
29859
+ })(templateObject_4$e || (templateObject_4$e = __makeTemplateObject(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"])));
29394
29860
  var ContentContainer$2 = styled.div.withConfig({
29395
29861
  displayName: "GlobalMessage__ContentContainer",
29396
29862
  componentId: "sc-bf2l65-3"
29397
29863
  })(templateObject_6$7 || (templateObject_6$7 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n ", "\n ", "\n"], ["\n display: flex;\n align-items: center;\n ", "\n ", "\n"])), globalMessageTokens.contentContainer.base, function (_a) {
29398
29864
  var closable = _a.closable;
29399
- return closable && Ae(templateObject_5$7 || (templateObject_5$7 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), globalMessageTokens.contentContainer.withClosable.base);
29865
+ return closable && Ae(templateObject_5$8 || (templateObject_5$8 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), globalMessageTokens.contentContainer.withClosable.base);
29400
29866
  });
29401
29867
  var GlobalMessage = /*#__PURE__*/React.forwardRef(function (_a, ref) {
29402
29868
  var message = _a.message,
@@ -29445,7 +29911,7 @@ var GlobalMessage = /*#__PURE__*/React.forwardRef(function (_a, ref) {
29445
29911
  }, void 0)]
29446
29912
  }), void 0) : null;
29447
29913
  });
29448
- var templateObject_1$x, templateObject_2$o, templateObject_3$g, templateObject_4$d, templateObject_5$7, templateObject_6$7;
29914
+ var templateObject_1$x, templateObject_2$o, templateObject_3$g, templateObject_4$e, templateObject_5$8, templateObject_6$7;
29449
29915
 
29450
29916
  var CheckCircleOutlined = createCommonjsModule(function (module, exports) {
29451
29917
 
@@ -29502,38 +29968,38 @@ exports.default = _default;
29502
29968
  var EmojiObjectsOutlinedIcon = /*@__PURE__*/getDefaultExportFromCjs(EmojiObjectsOutlined);
29503
29969
 
29504
29970
  var Colors$a = ddsBaseTokens.colors,
29505
- Spacing$h = ddsBaseTokens.spacing,
29971
+ Spacing$i = ddsBaseTokens.spacing,
29506
29972
  FontPackages$c = ddsBaseTokens.fontPackages,
29507
29973
  BorderRadius$3 = ddsBaseTokens.borderRadius,
29508
- Border$8 = ddsBaseTokens.border,
29974
+ Border$9 = ddsBaseTokens.border,
29509
29975
  OuterShadow$2 = ddsBaseTokens.outerShadow;
29510
29976
 
29511
29977
  var containerBase = __assign(__assign({
29512
29978
  boxShadow: OuterShadow$2.DdsShadow1Onlight,
29513
29979
  borderRadius: BorderRadius$3.RadiiDdsBorderRadius1Radius,
29514
- border: Border$8.BordersDdsBorderStyleLightStrokeWeight + " solid",
29515
- padding: "0 " + Spacing$h.SizesDdsSpacingLocalX1
29980
+ border: Border$9.BordersDdsBorderStyleLightStrokeWeight + " solid",
29981
+ padding: "0 " + Spacing$i.SizesDdsSpacingLocalX1
29516
29982
  }, FontPackages$c.body_sans_02.base), {
29517
29983
  color: Colors$a.DdsColorNeutralsGray8
29518
29984
  });
29519
29985
 
29520
29986
  var defaultWidth = '400px';
29521
29987
  var contentContainerBase = {
29522
- paddingRight: Spacing$h.SizesDdsSpacingLocalX15,
29523
- paddingTop: Spacing$h.SizesDdsSpacingLocalX075,
29524
- paddingBottom: Spacing$h.SizesDdsSpacingLocalX075
29988
+ paddingRight: Spacing$i.SizesDdsSpacingLocalX15,
29989
+ paddingTop: Spacing$i.SizesDdsSpacingLocalX075,
29990
+ paddingBottom: Spacing$i.SizesDdsSpacingLocalX075
29525
29991
  };
29526
29992
  var contentContainerWithClosableBase = {
29527
- paddingRight: Spacing$h.SizesDdsSpacingLocalX075
29993
+ paddingRight: Spacing$i.SizesDdsSpacingLocalX075
29528
29994
  };
29529
29995
  var contentContainerVericalBase = {
29530
- paddingBottom: Spacing$h.SizesDdsSpacingLocalX15
29996
+ paddingBottom: Spacing$i.SizesDdsSpacingLocalX15
29531
29997
  };
29532
29998
  var topContainerBase = {
29533
- paddingTop: Spacing$h.SizesDdsSpacingLocalX15
29999
+ paddingTop: Spacing$i.SizesDdsSpacingLocalX15
29534
30000
  };
29535
30001
  var topContainerWithClosableBase = {
29536
- paddingTop: Spacing$h.SizesDdsSpacingLocalX1
30002
+ paddingTop: Spacing$i.SizesDdsSpacingLocalX1
29537
30003
  };
29538
30004
  var containerInfoBase = {
29539
30005
  borderColor: Colors$a.DdsColorInfoLighter,
@@ -29598,7 +30064,7 @@ var localMessageTokens = {
29598
30064
  }
29599
30065
  },
29600
30066
  icon: {
29601
- marginRight: "" + Spacing$h.SizesDdsSpacingLocalX075,
30067
+ marginRight: "" + Spacing$i.SizesDdsSpacingLocalX075,
29602
30068
  info: {
29603
30069
  icon: InfoOutlinedIcon,
29604
30070
  color: Colors$a.DdsColorInfoDarkest
@@ -29665,23 +30131,23 @@ var Container$4 = styled.div.withConfig({
29665
30131
  var MessageIconWrapper = styled(IconWrapper$1).withConfig({
29666
30132
  displayName: "LocalMessage__MessageIconWrapper",
29667
30133
  componentId: "sc-kmfp8w-1"
29668
- })(templateObject_4$c || (templateObject_4$c = __makeTemplateObject(["\n margin-right: ", ";\n"], ["\n margin-right: ", ";\n"])), localMessageTokens.icon.marginRight);
30134
+ })(templateObject_4$d || (templateObject_4$d = __makeTemplateObject(["\n margin-right: ", ";\n"], ["\n margin-right: ", ";\n"])), localMessageTokens.icon.marginRight);
29669
30135
  var ContentContainer$1 = styled.div.withConfig({
29670
30136
  displayName: "LocalMessage__ContentContainer",
29671
30137
  componentId: "sc-kmfp8w-2"
29672
- })(templateObject_7$4 || (templateObject_7$4 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n ", "\n ", "\n ", "\n"], ["\n display: flex;\n align-items: center;\n ", "\n ", "\n ", "\n"])), localMessageTokens.contentContainer.base, function (_a) {
30138
+ })(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n"], ["\n ", "\n ", "\n ", "\n"])), localMessageTokens.contentContainer.base, function (_a) {
29673
30139
  var layout = _a.layout;
29674
- return layout === 'vertical' ? Ae(templateObject_5$6 || (templateObject_5$6 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), localMessageTokens.contentContainer.vertical.base) : '';
30140
+ return layout === 'vertical' ? Ae(templateObject_5$7 || (templateObject_5$7 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), localMessageTokens.contentContainer.vertical.base) : Ae(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n "], ["\n display: flex;\n align-items: center;\n "])));
29675
30141
  }, function (_a) {
29676
30142
  var closable = _a.closable;
29677
- return closable && Ae(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), localMessageTokens.contentContainer.withClosable.base);
30143
+ return closable && Ae(templateObject_7$4 || (templateObject_7$4 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), localMessageTokens.contentContainer.withClosable.base);
29678
30144
  });
29679
30145
  var TopContainer = styled.div.withConfig({
29680
30146
  displayName: "LocalMessage__TopContainer",
29681
30147
  componentId: "sc-kmfp8w-3"
29682
- })(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n ", "\n ", "\n"], ["\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n ", "\n ", "\n"])), localMessageTokens.topContainer.base, function (_a) {
30148
+ })(templateObject_10$1 || (templateObject_10$1 = __makeTemplateObject(["\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n ", "\n ", "\n"], ["\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n ", "\n ", "\n"])), localMessageTokens.topContainer.base, function (_a) {
29683
30149
  var closable = _a.closable;
29684
- return closable && Ae(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), localMessageTokens.topContainer.withClosable.base);
30150
+ return closable && Ae(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), localMessageTokens.topContainer.withClosable.base);
29685
30151
  });
29686
30152
  var LocalMessage = /*#__PURE__*/React.forwardRef(function (_a, ref) {
29687
30153
  var message = _a.message,
@@ -29753,7 +30219,7 @@ var LocalMessage = /*#__PURE__*/React.forwardRef(function (_a, ref) {
29753
30219
  }, void 0)
29754
30220
  }), void 0) : null;
29755
30221
  });
29756
- var templateObject_1$w, templateObject_2$n, templateObject_3$f, templateObject_4$c, templateObject_5$6, templateObject_6$6, templateObject_7$4, templateObject_8$1, templateObject_9$1;
30222
+ var templateObject_1$w, templateObject_2$n, templateObject_3$f, templateObject_4$d, templateObject_5$7, templateObject_6$6, templateObject_7$4, templateObject_8$1, templateObject_9$1, templateObject_10$1;
29757
30223
 
29758
30224
  var SearchOutlined = createCommonjsModule(function (module, exports) {
29759
30225
 
@@ -29779,26 +30245,26 @@ exports.default = _default;
29779
30245
 
29780
30246
  var SearchOutlinedIcon = /*@__PURE__*/getDefaultExportFromCjs(SearchOutlined);
29781
30247
 
29782
- var Spacing$g = ddsBaseTokens.spacing,
30248
+ var Spacing$h = ddsBaseTokens.spacing,
29783
30249
  FontPackages$b = ddsBaseTokens.fontPackages;
29784
30250
  var textDefault$5 = ddsReferenceTokens.textDefault;
29785
30251
  var inputBase = {
29786
- paddingRight: Spacing$g.SizesDdsSpacingLocalX05
30252
+ paddingRight: Spacing$h.SizesDdsSpacingLocalX05
29787
30253
  };
29788
30254
 
29789
30255
  var smallBase$1 = __assign(__assign({}, FontPackages$b.supportingStyle_inputtext_01.base), {
29790
- paddingTop: Spacing$g.SizesDdsSpacingLocalX05,
29791
- paddingBottom: Spacing$g.SizesDdsSpacingLocalX05
30256
+ paddingTop: Spacing$h.SizesDdsSpacingLocalX05,
30257
+ paddingBottom: Spacing$h.SizesDdsSpacingLocalX05
29792
30258
  });
29793
30259
 
29794
30260
  var mediumBase = __assign(__assign({}, FontPackages$b.supportingStyle_inputtext_02.base), {
29795
- paddingTop: Spacing$g.SizesDdsSpacingLocalX075,
29796
- paddingBottom: Spacing$g.SizesDdsSpacingLocalX075
30261
+ paddingTop: Spacing$h.SizesDdsSpacingLocalX075,
30262
+ paddingBottom: Spacing$h.SizesDdsSpacingLocalX075
29797
30263
  });
29798
30264
 
29799
30265
  var largeBase = __assign(__assign({}, FontPackages$b.supportingStyle_inputtext_03.base), {
29800
- paddingTop: Spacing$g.SizesDdsSpacingLocalX1,
29801
- paddingBottom: Spacing$g.SizesDdsSpacingLocalX1
30266
+ paddingTop: Spacing$h.SizesDdsSpacingLocalX1,
30267
+ paddingBottom: Spacing$h.SizesDdsSpacingLocalX1
29802
30268
  });
29803
30269
 
29804
30270
  var iconWrapperBase = {
@@ -29807,7 +30273,7 @@ var iconWrapperBase = {
29807
30273
  var searchTokens = {
29808
30274
  input: {
29809
30275
  base: inputBase,
29810
- spaceLeft: Spacing$g.SizesDdsSpacingLocalX3,
30276
+ spaceLeft: Spacing$h.SizesDdsSpacingLocalX3,
29811
30277
  small: {
29812
30278
  base: smallBase$1
29813
30279
  },
@@ -29819,14 +30285,14 @@ var searchTokens = {
29819
30285
  }
29820
30286
  },
29821
30287
  icon: {
29822
- spaceTop: "calc(50% - " + Spacing$g.SizesDdsSpacingLocalX15NumberPx / 2 + "px)",
29823
- spaceLeft: Spacing$g.SizesDdsSpacingLocalX075
30288
+ spaceTop: "calc(50% - " + Spacing$h.SizesDdsSpacingLocalX15NumberPx / 2 + "px)",
30289
+ spaceLeft: Spacing$h.SizesDdsSpacingLocalX075
29824
30290
  },
29825
30291
  iconWrapper: {
29826
30292
  base: iconWrapperBase
29827
30293
  },
29828
30294
  buttonWrapper: {
29829
- spaceLeft: Spacing$g.SizesDdsSpacingLocalX05
30295
+ spaceLeft: Spacing$h.SizesDdsSpacingLocalX05
29830
30296
  }
29831
30297
  };
29832
30298
 
@@ -29844,11 +30310,11 @@ var IconWrapper = styled.span.withConfig({
29844
30310
  var Container$3 = styled.div.withConfig({
29845
30311
  displayName: "Search__Container",
29846
30312
  componentId: "sc-1ax3s9s-2"
29847
- })(templateObject_4$b || (templateObject_4$b = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n"], ["\n display: flex;\n flex-direction: row;\n"])));
30313
+ })(templateObject_4$c || (templateObject_4$c = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n"], ["\n display: flex;\n flex-direction: row;\n"])));
29848
30314
  var InputContainer = styled.div.withConfig({
29849
30315
  displayName: "Search__InputContainer",
29850
30316
  componentId: "sc-1ax3s9s-3"
29851
- })(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject(["\n width: 100%;\n display: flex;\n flex-direction: column;\n"], ["\n width: 100%;\n display: flex;\n flex-direction: column;\n"])));
30317
+ })(templateObject_5$6 || (templateObject_5$6 = __makeTemplateObject(["\n width: 100%;\n display: flex;\n flex-direction: column;\n"], ["\n width: 100%;\n display: flex;\n flex-direction: column;\n"])));
29852
30318
  var InputWrapper = styled.div.withConfig({
29853
30319
  displayName: "Search__InputWrapper",
29854
30320
  componentId: "sc-1ax3s9s-4"
@@ -29913,26 +30379,26 @@ var Search = /*#__PURE__*/React.forwardRef(function (_a, ref) {
29913
30379
  }, void 0)]
29914
30380
  }), void 0);
29915
30381
  });
29916
- var templateObject_1$v, templateObject_2$m, templateObject_3$e, templateObject_4$b, templateObject_5$5, templateObject_6$5, templateObject_7$3;
30382
+ var templateObject_1$v, templateObject_2$m, templateObject_3$e, templateObject_4$c, templateObject_5$6, templateObject_6$5, templateObject_7$3;
29917
30383
 
29918
30384
  var Colors$9 = ddsBaseTokens.colors,
29919
- Spacing$f = ddsBaseTokens.spacing;
30385
+ Spacing$g = ddsBaseTokens.spacing;
29920
30386
  var cellBase = {};
29921
30387
  var compactCellBase = {
29922
- padding: "" + Spacing$f.SizesDdsSpacingLocalX075
30388
+ padding: "" + Spacing$g.SizesDdsSpacingLocalX075
29923
30389
  };
29924
30390
  var headBase = {
29925
30391
  backgroundColor: Colors$9.DdsColorPrimaryLightest
29926
30392
  };
29927
30393
  var dataBase = {};
29928
30394
  var normalCellBase = {
29929
- padding: Spacing$f.SizesDdsSpacingLocalX15 + " " + Spacing$f.SizesDdsSpacingLocalX075
30395
+ padding: Spacing$g.SizesDdsSpacingLocalX15 + " " + Spacing$g.SizesDdsSpacingLocalX075
29930
30396
  };
29931
30397
  var sortCellIconBase = {
29932
- marginInlineStart: Spacing$f.SizesDdsSpacingLocalX05
30398
+ marginInlineStart: Spacing$g.SizesDdsSpacingLocalX05
29933
30399
  };
29934
30400
  var textAndIconBase = {
29935
- marginRight: Spacing$f.SizesDdsSpacingLocalX075
30401
+ marginRight: Spacing$g.SizesDdsSpacingLocalX075
29936
30402
  };
29937
30403
  var cellTokens = {
29938
30404
  base: cellBase,
@@ -30027,7 +30493,7 @@ var templateObject_1$s;
30027
30493
 
30028
30494
  var Colors$8 = ddsBaseTokens.colors,
30029
30495
  FontPackages$a = ddsBaseTokens.fontPackages,
30030
- Border$7 = ddsBaseTokens.border;
30496
+ Border$8 = ddsBaseTokens.border;
30031
30497
  var textDefault$4 = ddsReferenceTokens.textDefault;
30032
30498
 
30033
30499
  var bodyRowBase = __assign({
@@ -30056,8 +30522,8 @@ var bodyHoverBase = {
30056
30522
 
30057
30523
  var bodySumBase = __assign(__assign({}, FontPackages$a.body_sans_02.base), {
30058
30524
  fontWeight: 600,
30059
- borderTop: Border$7.BordersDdsBorderStyleLightStrokeWeight + " solid " + Colors$8.DdsColorNeutralsGray4,
30060
- borderBottom: Border$7.BordersDdsBorderStyleLightStrokeWeight + " solid " + Colors$8.DdsColorNeutralsGray4,
30525
+ borderTop: Border$8.BordersDdsBorderStyleLightStrokeWeight + " solid " + Colors$8.DdsColorNeutralsGray4,
30526
+ borderBottom: Border$8.BordersDdsBorderStyleLightStrokeWeight + " solid " + Colors$8.DdsColorNeutralsGray4,
30061
30527
  backgroundColor: Colors$8.DdsColorNeutralsWhite
30062
30528
  });
30063
30529
 
@@ -30099,13 +30565,13 @@ var StyledRow = styled.tr.withConfig({
30099
30565
  componentId: "sc-15vvjkk-0"
30100
30566
  })(templateObject_7$2 || (templateObject_7$2 = __makeTemplateObject(["\n transition: background-color 0.2s;\n\n ", "\n\n ", "\n"], ["\n transition: background-color 0.2s;\n\n ", "\n\n ", "\n"])), function (_a) {
30101
30567
  var type = _a.type;
30102
- return type && Ae(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), rowTokens[type].base);
30568
+ return type && Ae(templateObject_4$b || (templateObject_4$b = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), rowTokens[type].base);
30103
30569
  }, function (_a) {
30104
30570
  var type = _a.type,
30105
30571
  mode = _a.mode,
30106
30572
  selected = _a.selected,
30107
30573
  hoverable = _a.hoverable;
30108
- return type === 'body' && Ae(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n &:nth-of-type(even) {\n ", "\n ", "\n }\n\n &:nth-of-type(odd) {\n ", "\n ", "\n }\n\n ", "\n "], ["\n &:nth-of-type(even) {\n ", "\n ", "\n }\n\n &:nth-of-type(odd) {\n ", "\n ", "\n }\n\n ", "\n "])), rowTokens.body.even.base, bodyStyles(mode, selected), rowTokens.body.odd.base, bodyStyles(mode, selected), hoverable && Ae(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject(["\n &:hover {\n ", "\n }\n "], ["\n &:hover {\n ", "\n }\n "])), rowTokens.body.hover.base));
30574
+ return type === 'body' && Ae(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n &:nth-of-type(even) {\n ", "\n ", "\n }\n\n &:nth-of-type(odd) {\n ", "\n ", "\n }\n\n ", "\n "], ["\n &:nth-of-type(even) {\n ", "\n ", "\n }\n\n &:nth-of-type(odd) {\n ", "\n ", "\n }\n\n ", "\n "])), rowTokens.body.even.base, bodyStyles(mode, selected), rowTokens.body.odd.base, bodyStyles(mode, selected), hoverable && Ae(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject(["\n &:hover {\n ", "\n }\n "], ["\n &:hover {\n ", "\n }\n "])), rowTokens.body.hover.base));
30109
30575
  });
30110
30576
  var Row = /*#__PURE__*/React.forwardRef(function (_a, ref) {
30111
30577
  var _b = _a.type,
@@ -30126,7 +30592,7 @@ var Row = /*#__PURE__*/React.forwardRef(function (_a, ref) {
30126
30592
  children: children
30127
30593
  }), void 0);
30128
30594
  });
30129
- var templateObject_1$r, templateObject_2$k, templateObject_3$c, templateObject_4$a, templateObject_5$4, templateObject_6$4, templateObject_7$2;
30595
+ var templateObject_1$r, templateObject_2$k, templateObject_3$c, templateObject_4$b, templateObject_5$5, templateObject_6$4, templateObject_7$2;
30130
30596
 
30131
30597
  var layoutStyle = function layoutStyle(layout) {
30132
30598
  switch (layout) {
@@ -30148,9 +30614,9 @@ var layoutStyle = function layoutStyle(layout) {
30148
30614
  var StyledCell = styled.td.withConfig({
30149
30615
  displayName: "Cell__StyledCell",
30150
30616
  componentId: "sc-ghfpfs-0"
30151
- })(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), cellTokens.base, function (_a) {
30617
+ })(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), cellTokens.base, function (_a) {
30152
30618
  var type = _a.type;
30153
- return type && Ae(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), cellTokens[type].base);
30619
+ return type && Ae(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), cellTokens[type].base);
30154
30620
  });
30155
30621
  var InnerCell = styled.div.withConfig({
30156
30622
  displayName: "Cell__InnerCell",
@@ -30197,7 +30663,7 @@ var Cell = /*#__PURE__*/React.forwardRef(function (_a, ref) {
30197
30663
  }), void 0)
30198
30664
  }), void 0);
30199
30665
  });
30200
- var templateObject_1$q, templateObject_2$j, templateObject_3$b, templateObject_4$9, templateObject_5$3, templateObject_6$3;
30666
+ var templateObject_1$q, templateObject_2$j, templateObject_3$b, templateObject_4$a, templateObject_5$4, templateObject_6$3;
30201
30667
 
30202
30668
  var KeyboardArrowDown = createCommonjsModule(function (module, exports) {
30203
30669
 
@@ -30462,12 +30928,12 @@ exports.default = _default;
30462
30928
  var ArrowBackOutlinedIcon = /*@__PURE__*/getDefaultExportFromCjs(ArrowBackOutlined);
30463
30929
 
30464
30930
  var Colors$7 = ddsBaseTokens.colors,
30465
- Spacing$e = ddsBaseTokens.spacing,
30931
+ Spacing$f = ddsBaseTokens.spacing,
30466
30932
  FontPackages$9 = ddsBaseTokens.fontPackages;
30467
30933
  var iconBase$2 = {
30468
30934
  color: Colors$7.DdsColorInteractiveBase,
30469
- marginLeft: Spacing$e.SizesDdsSpacingLocalX05,
30470
- marginRight: Spacing$e.SizesDdsSpacingLocalX05
30935
+ marginLeft: Spacing$f.SizesDdsSpacingLocalX05,
30936
+ marginRight: Spacing$f.SizesDdsSpacingLocalX05
30471
30937
  };
30472
30938
 
30473
30939
  var breadcrumbBase = __assign({}, FontPackages$9.body_sans_02.base);
@@ -30497,7 +30963,7 @@ var BreadcrumbIcon = styled(ChevronRightOutlinedIcon).withConfig({
30497
30963
  var BackIcon = styled(ArrowBackOutlinedIcon).withConfig({
30498
30964
  displayName: "Breadcrumbs__BackIcon",
30499
30965
  componentId: "sc-xdj21o-3"
30500
- })(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), breadcrumbTokens.icon.base);
30966
+ })(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), breadcrumbTokens.icon.base);
30501
30967
  var Breadcrumbs = /*#__PURE__*/React.forwardRef(function (_a, ref) {
30502
30968
  var smallScreen = _a.smallScreen,
30503
30969
  children = _a.children,
@@ -30529,7 +30995,7 @@ var Breadcrumbs = /*#__PURE__*/React.forwardRef(function (_a, ref) {
30529
30995
  }, void 0)
30530
30996
  }), void 0);
30531
30997
  });
30532
- var templateObject_1$l, templateObject_2$g, templateObject_3$a, templateObject_4$8;
30998
+ var templateObject_1$l, templateObject_2$g, templateObject_3$a, templateObject_4$9;
30533
30999
 
30534
31000
  var ChevronLeftOutlined = createCommonjsModule(function (module, exports) {
30535
31001
 
@@ -30666,23 +31132,23 @@ function PaginationGenerator(pagesAmount, activePage) {
30666
31132
  return arrayRange(1, pagesAmount);
30667
31133
  }
30668
31134
 
30669
- var Spacing$d = ddsBaseTokens.spacing,
31135
+ var Spacing$e = ddsBaseTokens.spacing,
30670
31136
  Colors$6 = ddsBaseTokens.colors;
30671
31137
  var listBase = {
30672
31138
  color: Colors$6.DdsColorNeutralsGray7
30673
31139
  };
30674
31140
  var paginationTokens = {
30675
31141
  container: {
30676
- spaceBetweenItems: Spacing$d.SizesDdsSpacingLocalX075
31142
+ spaceBetweenItems: Spacing$e.SizesDdsSpacingLocalX075
30677
31143
  },
30678
31144
  indicatorsContainer: {
30679
- spacing: Spacing$d.SizesDdsSpacingLocalX075
31145
+ spacing: Spacing$e.SizesDdsSpacingLocalX075
30680
31146
  },
30681
31147
  list: {
30682
31148
  base: listBase
30683
31149
  },
30684
31150
  paginationItem: {
30685
- spacing: Spacing$d.SizesDdsSpacingLocalX075
31151
+ spacing: Spacing$e.SizesDdsSpacingLocalX075
30686
31152
  }
30687
31153
  };
30688
31154
 
@@ -30703,7 +31169,7 @@ var Container$2 = styled.div.withConfig({
30703
31169
  componentId: "sc-5ltegq-3"
30704
31170
  })(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["\n display: inline-flex;\n gap: ", ";\n ", "\n"], ["\n display: inline-flex;\n gap: ", ";\n ", "\n"])), paginationTokens.container.spaceBetweenItems, function (_a) {
30705
31171
  var smallScreen = _a.smallScreen;
30706
- return smallScreen ? Ae(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n flex-direction: column;\n align-items: center;\n "], ["\n flex-direction: column;\n align-items: center;\n "]))) : Ae(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n justify-content: space-between;\n flex-wrap: wrap;\n "], ["\n justify-content: space-between;\n flex-wrap: wrap;\n "])));
31172
+ return smallScreen ? Ae(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n flex-direction: column;\n align-items: center;\n "], ["\n flex-direction: column;\n align-items: center;\n "]))) : Ae(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n justify-content: space-between;\n flex-wrap: wrap;\n "], ["\n justify-content: space-between;\n flex-wrap: wrap;\n "])));
30707
31173
  });
30708
31174
  var IndicatorsContainer = styled.div.withConfig({
30709
31175
  displayName: "Pagination__IndicatorsContainer",
@@ -30891,20 +31357,20 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (_a, ref) {
30891
31357
  }, void 0), navigationToBeRendered]
30892
31358
  }), void 0);
30893
31359
  });
30894
- var templateObject_1$k, templateObject_2$f, templateObject_3$9, templateObject_4$7, templateObject_5$2, templateObject_6$2, templateObject_7$1;
31360
+ var templateObject_1$k, templateObject_2$f, templateObject_3$9, templateObject_4$8, templateObject_5$3, templateObject_6$2, templateObject_7$1;
30895
31361
 
30896
- var Border$6 = ddsBaseTokens.border,
30897
- Spacing$c = ddsBaseTokens.spacing;
31362
+ var Border$7 = ddsBaseTokens.border,
31363
+ Spacing$d = ddsBaseTokens.spacing;
30898
31364
  var dividerColors = {
30899
- primary: Border$6.BordersDdsBorderStyleDarkStroke,
30900
- primaryLighter: Border$6.BordersDdsBorderStyleLightStroke
31365
+ primary: Border$7.BordersDdsBorderStyleDarkStroke,
31366
+ primaryLighter: Border$7.BordersDdsBorderStyleLightStroke
30901
31367
  };
30902
31368
  var base$7 = {
30903
31369
  border: 0,
30904
31370
  backgroundColor: 'transparent',
30905
- borderTop: Border$6.BordersDdsBorderStyleLightStrokeWeight + " solid",
30906
- marginTop: Spacing$c.SizesDdsSpacingLocalX1,
30907
- marginBottom: Spacing$c.SizesDdsSpacingLocalX1
31371
+ borderTop: Border$7.BordersDdsBorderStyleLightStrokeWeight + " solid",
31372
+ marginTop: Spacing$d.SizesDdsSpacingLocalX1,
31373
+ marginBottom: Spacing$d.SizesDdsSpacingLocalX1
30908
31374
  };
30909
31375
  var dividerTokens = {
30910
31376
  base: base$7
@@ -30932,22 +31398,22 @@ var Divider = /*#__PURE__*/React.forwardRef(function (_a, ref) {
30932
31398
  });
30933
31399
  var templateObject_1$j, templateObject_2$e;
30934
31400
 
30935
- var img$2 = "data:image/svg+xml,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6.7085' cy='6.7085' r='2.625' fill='%230B0D0E'/%3e%3c/svg%3e";
31401
+ var img$3 = "data:image/svg+xml,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6.7085' cy='6.7085' r='2.625' fill='%230B0D0E'/%3e%3c/svg%3e";
30936
31402
 
30937
- var img$1 = "data:image/svg+xml,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='3.04346' y='6.08691' width='7.30435' height='1.82609' fill='%230B0D0E'/%3e%3c/svg%3e";
31403
+ var img$2 = "data:image/svg+xml,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='3.04346' y='6.08691' width='7.30435' height='1.82609' fill='%230B0D0E'/%3e%3c/svg%3e";
30938
31404
 
30939
- var img = "data:image/svg+xml,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.70817 9.33333C8.80225 9.33333 10.4998 7.50516 10.4998 5.25H2.9165C2.9165 7.50516 4.61409 9.33333 6.70817 9.33333Z' fill='%230B0D0E'/%3e%3c/svg%3e";
31405
+ var img$1 = "data:image/svg+xml,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.70817 9.33333C8.80225 9.33333 10.4998 7.50516 10.4998 5.25H2.9165C2.9165 7.50516 4.61409 9.33333 6.70817 9.33333Z' fill='%230B0D0E'/%3e%3c/svg%3e";
30940
31406
 
30941
- var Spacing$b = ddsBaseTokens.spacing;
31407
+ var Spacing$c = ddsBaseTokens.spacing;
30942
31408
  var base$6 = {
30943
31409
  lineHeight: '2.5em'
30944
31410
  };
30945
31411
  var listItemTokens = {
30946
31412
  base: base$6,
30947
- bulletSpacing: Spacing$b.SizesDdsSpacingLocalX025
31413
+ bulletSpacing: Spacing$c.SizesDdsSpacingLocalX025
30948
31414
  };
30949
31415
 
30950
- var Spacing$a = ddsBaseTokens.spacing,
31416
+ var Spacing$b = ddsBaseTokens.spacing,
30951
31417
  FontPackages$8 = ddsBaseTokens.fontPackages;
30952
31418
  var textDefault$3 = ddsReferenceTokens.textDefault;
30953
31419
  var inheritBase = {
@@ -30971,12 +31437,12 @@ var bodySerif03Base = __assign({}, FontPackages$8.body_serif_03.base);
30971
31437
  var bodySerif04Base = __assign({}, FontPackages$8.body_serif_04.base);
30972
31438
 
30973
31439
  var base$5 = {
30974
- margin: Spacing$a.SizesDdsSpacingLocalX1 + " 0",
31440
+ margin: Spacing$b.SizesDdsSpacingLocalX1 + " 0",
30975
31441
  color: textDefault$3.textColor
30976
31442
  };
30977
31443
  var listTokens = {
30978
31444
  base: base$5,
30979
- spaceLeft: Spacing$a.SizesDdsSpacingLocalX2,
31445
+ spaceLeft: Spacing$b.SizesDdsSpacingLocalX2,
30980
31446
  sizes: {
30981
31447
  bodySans01: bodySans01Base,
30982
31448
  bodySans02: bodySans02Base,
@@ -30995,12 +31461,12 @@ var ulPaddingLeft = listTokens.spaceLeft + " - (" + liTextPadding + ")";
30995
31461
  var StyledList = styled.ul.withConfig({
30996
31462
  displayName: "List__StyledList",
30997
31463
  componentId: "sc-1f1c7eb-0"
30998
- })(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n ", "\n ul, ol {\n margin: 0;\n }\n *::selection {\n ", "\n }\n ", "\n ", "\n"], ["\n ", "\n ul, ol {\n margin: 0;\n }\n *::selection {\n ", "\n }\n ", "\n ", "\n"])), listTokens.base, typographyTokens.selection.base, function (_a) {
31464
+ })(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n ", "\n ul, ol {\n margin: 0;\n }\n *::selection {\n ", "\n }\n ", "\n ", "\n"], ["\n ", "\n ul, ol {\n margin: 0;\n }\n *::selection {\n ", "\n }\n ", "\n ", "\n"])), listTokens.base, typographyTokens.selection.base, function (_a) {
30999
31465
  var typographyType = _a.typographyType;
31000
31466
  return typographyType && Ae(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n ", "\n ul,\n ol {\n ", "\n }\n "], ["\n ", "\n ul,\n ol {\n ", "\n }\n "])), listTokens.sizes[typographyType], listTokens.sizes[typographyType]);
31001
31467
  }, function (_a) {
31002
31468
  var listType = _a.listType;
31003
- return listType === 'unordered' ? Ae(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n padding-left: ", ";\n list-style: none;\n li {\n position: relative;\n padding-left: ", ";\n &:before {\n content: '';\n display: inline-block;\n height: 1em;\n width: 1em;\n position: absolute;\n top: ", ";\n left: 0;\n background-size: contain;\n background-repeat: no-repeat;\n // disable eslint to ensure double quotes in url due to svg data URI in image bundle that requires them, as the attributes use single quotes\n // eslint-disable-next-line\n // prettier-ignore\n background-image: url(\"", "\");\n }\n ul > li:before {\n // disable eslint to ensure double quotes in url due to svg data URI in image bundle that requires them, as the attributes use single quotes\n // eslint-disable-next-line\n // prettier-ignore\n background-image: url(\"", "\");\n }\n ul > li > ul > li:before {\n // disable eslint to ensure double quotes in url due to svg data URI in image bundle that requires them, as the attributes use single quotes\n // eslint-disable-next-line\n // prettier-ignore\n background-image: url(\"", "\");\n }\n }\n "], ["\n padding-left: ", ";\n list-style: none;\n li {\n position: relative;\n padding-left: ", ";\n &:before {\n content: '';\n display: inline-block;\n height: 1em;\n width: 1em;\n position: absolute;\n top: ", ";\n left: 0;\n background-size: contain;\n background-repeat: no-repeat;\n // disable eslint to ensure double quotes in url due to svg data URI in image bundle that requires them, as the attributes use single quotes\n // eslint-disable-next-line\n // prettier-ignore\n background-image: url(\"", "\");\n }\n ul > li:before {\n // disable eslint to ensure double quotes in url due to svg data URI in image bundle that requires them, as the attributes use single quotes\n // eslint-disable-next-line\n // prettier-ignore\n background-image: url(\"", "\");\n }\n ul > li > ul > li:before {\n // disable eslint to ensure double quotes in url due to svg data URI in image bundle that requires them, as the attributes use single quotes\n // eslint-disable-next-line\n // prettier-ignore\n background-image: url(\"", "\");\n }\n }\n "])), "calc(" + ulPaddingLeft + ")", "calc(" + liTextPadding + ")", "calc((" + listItemTokens.base.lineHeight + " / 2) - 0.5em )", img$2, img$1, img) : Ae(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject(["\n padding-left: ", ";\n & > li > ol {\n list-style-type: lower-alpha;\n }\n & > li > ol > li > ol {\n list-style-type: lower-roman;\n }\n "], ["\n padding-left: ", ";\n & > li > ol {\n list-style-type: lower-alpha;\n }\n & > li > ol > li > ol {\n list-style-type: lower-roman;\n }\n "])), listTokens.spaceLeft);
31469
+ return listType === 'unordered' ? Ae(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n padding-left: ", ";\n list-style: none;\n li {\n position: relative;\n padding-left: ", ";\n &:before {\n content: '';\n display: inline-block;\n height: 1em;\n width: 1em;\n position: absolute;\n top: ", ";\n left: 0;\n background-size: contain;\n background-repeat: no-repeat;\n // disable eslint to ensure double quotes in url due to svg data URI in image bundle that requires them, as the attributes use single quotes\n // eslint-disable-next-line\n // prettier-ignore\n background-image: url(\"", "\");\n }\n ul > li:before {\n // disable eslint to ensure double quotes in url due to svg data URI in image bundle that requires them, as the attributes use single quotes\n // eslint-disable-next-line\n // prettier-ignore\n background-image: url(\"", "\");\n }\n ul > li > ul > li:before {\n // disable eslint to ensure double quotes in url due to svg data URI in image bundle that requires them, as the attributes use single quotes\n // eslint-disable-next-line\n // prettier-ignore\n background-image: url(\"", "\");\n }\n }\n "], ["\n padding-left: ", ";\n list-style: none;\n li {\n position: relative;\n padding-left: ", ";\n &:before {\n content: '';\n display: inline-block;\n height: 1em;\n width: 1em;\n position: absolute;\n top: ", ";\n left: 0;\n background-size: contain;\n background-repeat: no-repeat;\n // disable eslint to ensure double quotes in url due to svg data URI in image bundle that requires them, as the attributes use single quotes\n // eslint-disable-next-line\n // prettier-ignore\n background-image: url(\"", "\");\n }\n ul > li:before {\n // disable eslint to ensure double quotes in url due to svg data URI in image bundle that requires them, as the attributes use single quotes\n // eslint-disable-next-line\n // prettier-ignore\n background-image: url(\"", "\");\n }\n ul > li > ul > li:before {\n // disable eslint to ensure double quotes in url due to svg data URI in image bundle that requires them, as the attributes use single quotes\n // eslint-disable-next-line\n // prettier-ignore\n background-image: url(\"", "\");\n }\n }\n "])), "calc(" + ulPaddingLeft + ")", "calc(" + liTextPadding + ")", "calc((" + listItemTokens.base.lineHeight + " / 2) - 0.5em )", img$3, img$2, img$1) : Ae(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject(["\n padding-left: ", ";\n & > li > ol {\n list-style-type: lower-alpha;\n }\n & > li > ol > li > ol {\n list-style-type: lower-roman;\n }\n "], ["\n padding-left: ", ";\n & > li > ol {\n list-style-type: lower-alpha;\n }\n & > li > ol > li > ol {\n list-style-type: lower-roman;\n }\n "])), listTokens.spaceLeft);
31004
31470
  });
31005
31471
  var List = /*#__PURE__*/React.forwardRef(function (_a, ref) {
31006
31472
  var _b = _a.listType,
@@ -31023,7 +31489,7 @@ var List = /*#__PURE__*/React.forwardRef(function (_a, ref) {
31023
31489
  children: children
31024
31490
  }), void 0);
31025
31491
  });
31026
- var templateObject_1$i, templateObject_2$d, templateObject_3$8, templateObject_4$6;
31492
+ var templateObject_1$i, templateObject_2$d, templateObject_3$8, templateObject_4$7;
31027
31493
 
31028
31494
  var StyledListItem = styled.li.withConfig({
31029
31495
  displayName: "ListItem__StyledListItem",
@@ -31041,7 +31507,7 @@ var ListItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
31041
31507
  });
31042
31508
  var templateObject_1$h;
31043
31509
 
31044
- var Spacing$9 = ddsBaseTokens.spacing,
31510
+ var Spacing$a = ddsBaseTokens.spacing,
31045
31511
  FontPackages$7 = ddsBaseTokens.fontPackages,
31046
31512
  Colors$5 = ddsBaseTokens.colors;
31047
31513
  var textDefault$2 = ddsReferenceTokens.textDefault;
@@ -31063,8 +31529,8 @@ var descriptionListTermTokens = {
31063
31529
  base: boldBase
31064
31530
  }
31065
31531
  },
31066
- unwrappedTopAndBottomSpace: Spacing$9.SizesDdsSpacingLocalX1,
31067
- unwrappedBetweenSpace: Spacing$9.SizesDdsSpacingLocalX2
31532
+ unwrappedTopAndBottomSpace: Spacing$a.SizesDdsSpacingLocalX1,
31533
+ unwrappedBetweenSpace: Spacing$a.SizesDdsSpacingLocalX2
31068
31534
  };
31069
31535
 
31070
31536
  var DList = styled.dl.withConfig({
@@ -31109,7 +31575,7 @@ var DescriptionListTerm = /*#__PURE__*/React.forwardRef(function (_a, ref) {
31109
31575
  });
31110
31576
  var templateObject_1$f;
31111
31577
 
31112
- var Spacing$8 = ddsBaseTokens.spacing,
31578
+ var Spacing$9 = ddsBaseTokens.spacing,
31113
31579
  FontPackages$6 = ddsBaseTokens.fontPackages;
31114
31580
  var textDefault$1 = ddsReferenceTokens.textDefault;
31115
31581
 
@@ -31118,7 +31584,7 @@ var base$4 = __assign(__assign({}, FontPackages$6.body_sans_03.base), {
31118
31584
  });
31119
31585
 
31120
31586
  var iconBase$1 = {
31121
- marginRight: Spacing$8.SizesDdsSpacingLocalX025
31587
+ marginRight: Spacing$9.SizesDdsSpacingLocalX025
31122
31588
  };
31123
31589
  var descriptionListDescTokens = {
31124
31590
  base: base$4,
@@ -31153,9 +31619,9 @@ var DescriptionListDesc = /*#__PURE__*/React.forwardRef(function (_a, ref) {
31153
31619
  });
31154
31620
  var templateObject_1$e, templateObject_2$b;
31155
31621
 
31156
- var Spacing$7 = ddsBaseTokens.spacing;
31622
+ var Spacing$8 = ddsBaseTokens.spacing;
31157
31623
  var base$3 = {
31158
- margin: Spacing$7.SizesDdsSpacingLocalX2
31624
+ margin: Spacing$8.SizesDdsSpacingLocalX2
31159
31625
  };
31160
31626
  var descriptionListGroupTokens = {
31161
31627
  base: base$3
@@ -31184,21 +31650,21 @@ var DescriptionListGroup = /*#__PURE__*/React.forwardRef(function (_a, ref) {
31184
31650
  var templateObject_1$d, templateObject_2$a;
31185
31651
 
31186
31652
  var Colors$4 = ddsBaseTokens.colors,
31187
- Border$5 = ddsBaseTokens.border,
31653
+ Border$6 = ddsBaseTokens.border,
31188
31654
  FontPackages$5 = ddsBaseTokens.fontPackages;
31189
31655
  var textDefault = ddsReferenceTokens.textDefault;
31190
31656
 
31191
31657
  var base$2 = __assign({
31192
- border: Border$5.BordersDdsBorderStyleLightStrokeWeight + " solid"
31658
+ border: Border$6.BordersDdsBorderStyleLightStrokeWeight + " solid"
31193
31659
  }, FontPackages$5.body_sans_02.base);
31194
31660
 
31195
31661
  var navigationHoverBase = {
31196
- borderColor: Border$5.BordersDdsBorderFocusInputfieldStroke,
31197
- boxShadow: "0 0 0 1px " + Border$5.BordersDdsBorderFocusInputfieldStroke
31662
+ borderColor: Border$6.BordersDdsBorderFocusInputfieldStroke,
31663
+ boxShadow: "0 0 0 1px " + Border$6.BordersDdsBorderFocusInputfieldStroke
31198
31664
  };
31199
31665
  var navigationFocusBase = {
31200
- borderColor: Border$5.BordersDdsBorderFocusCardStroke,
31201
- boxShadow: "0 0 0 1px " + Border$5.BordersDdsBorderFocusCardStroke
31666
+ borderColor: Border$6.BordersDdsBorderFocusCardStroke,
31667
+ boxShadow: "0 0 0 1px " + Border$6.BordersDdsBorderFocusCardStroke
31202
31668
  };
31203
31669
  var filledDarkBase = {
31204
31670
  backgroundColor: Colors$4.DdsColorPrimaryBase,
@@ -31212,12 +31678,12 @@ var filledLightBase = {
31212
31678
  };
31213
31679
  var strokeLightBase = {
31214
31680
  backgroundColor: Colors$4.DdsColorNeutralsWhite,
31215
- borderColor: Colors$4.DdsColorNeutralsGray5,
31681
+ borderColor: Border$6.BordersDdsBorderStyleLightStroke,
31216
31682
  color: textDefault.textColor
31217
31683
  };
31218
31684
  var strokeDarkBase = {
31219
31685
  backgroundColor: Colors$4.DdsColorNeutralsWhite,
31220
- borderColor: Colors$4.DdsColorNeutralsGray9,
31686
+ borderColor: Border$6.BordersDdsBorderStyleDarkStroke,
31221
31687
  color: textDefault.textColor
31222
31688
  };
31223
31689
  var cardTokens = {
@@ -31249,7 +31715,7 @@ var cardTokens = {
31249
31715
  var Container$1 = styled.div.withConfig({
31250
31716
  displayName: "Card__Container",
31251
31717
  componentId: "sc-410ao9-0"
31252
- })(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n ", "\n &::selection, *::selection {\n ", "\n }\n transition: box-shadow 0.2s, border-color 0.2s;\n ", "\n ", "\n"], ["\n ", "\n &::selection, *::selection {\n ", "\n }\n transition: box-shadow 0.2s, border-color 0.2s;\n ", "\n ", "\n"])), cardTokens.base, typographyTokens.selection.base, function (_a) {
31718
+ })(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n ", "\n &::selection, *::selection {\n ", "\n }\n transition: box-shadow 0.2s, border-color 0.2s;\n ", "\n ", "\n"], ["\n ", "\n &::selection, *::selection {\n ", "\n }\n transition: box-shadow 0.2s, border-color 0.2s;\n ", "\n ", "\n"])), cardTokens.base, typographyTokens.selection.base, function (_a) {
31253
31719
  var color = _a.color;
31254
31720
  return color && Ae(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), cardTokens.colors[color].base);
31255
31721
  }, function (_a) {
@@ -31277,7 +31743,7 @@ var Card = /*#__PURE__*/React.forwardRef(function (_a, ref) {
31277
31743
  children: children
31278
31744
  }), void 0);
31279
31745
  });
31280
- var templateObject_1$c, templateObject_2$9, templateObject_3$7, templateObject_4$5;
31746
+ var templateObject_1$c, templateObject_2$9, templateObject_3$7, templateObject_4$6;
31281
31747
 
31282
31748
  var Wrapper$3 = styled.div.withConfig({
31283
31749
  displayName: "CardAccordion__Wrapper",
@@ -31330,19 +31796,25 @@ var CardAccordion = /*#__PURE__*/React.forwardRef(function (_a, ref) {
31330
31796
  });
31331
31797
  var templateObject_1$b;
31332
31798
 
31333
- var Spacing$6 = ddsBaseTokens.spacing,
31799
+ var Spacing$7 = ddsBaseTokens.spacing,
31334
31800
  FontPackages$4 = ddsBaseTokens.fontPackages,
31335
- Border$4 = ddsBaseTokens.border;
31801
+ Border$5 = ddsBaseTokens.border,
31802
+ IconSizes$1 = ddsBaseTokens.iconSizes;
31336
31803
 
31337
31804
  var base$1 = __assign({
31338
- padding: Spacing$6.SizesDdsSpacingLocalX1
31805
+ padding: Spacing$7.SizesDdsSpacingLocalX1 + " " + Spacing$7.SizesDdsSpacingLocalX075 + " " + Spacing$7.SizesDdsSpacingLocalX1 + " " + Spacing$7.SizesDdsSpacingLocalX15
31339
31806
  }, FontPackages$4.heading_sans_03.base);
31340
31807
 
31341
31808
  var focusBase = {
31342
- boxShadow: "0 0 0 " + Border$4.BordersDdsBorderFocusCardStrokeWeight + " " + Border$4.BordersDdsBorderFocusCardStroke
31809
+ boxShadow: "0 0 0 " + Border$5.BordersDdsBorderFocusCardStrokeWeight + " " + Border$5.BordersDdsBorderFocusCardStroke
31343
31810
  };
31344
31811
  var hoverBase = {
31345
- boxShadow: "0 0 0 " + Border$4.BordersDdsBorderFocusInputfieldStrokeWeight + " " + Border$4.BordersDdsBorderFocusInputfieldStroke
31812
+ boxShadow: "0 0 0 " + Border$5.BordersDdsBorderFocusInputfieldStrokeWeight + " " + Border$5.BordersDdsBorderFocusInputfieldStroke
31813
+ };
31814
+ var chevronWrapperBase = {
31815
+ width: IconSizes$1.DdsIconsizeMedium,
31816
+ height: IconSizes$1.DdsIconsizeMedium,
31817
+ marginLeft: Spacing$7.SizesDdsSpacingLocalX05
31346
31818
  };
31347
31819
  var cardAccordionHeaderTokens = {
31348
31820
  base: base$1,
@@ -31351,13 +31823,20 @@ var cardAccordionHeaderTokens = {
31351
31823
  },
31352
31824
  hover: {
31353
31825
  base: hoverBase
31826
+ },
31827
+ chevronWrapper: {
31828
+ base: chevronWrapperBase
31829
+ },
31830
+ chevron: {
31831
+ width: IconSizes$1.DdsIconsizeMedium,
31832
+ height: Spacing$7.SizesDdsSpacingLocalX05
31354
31833
  }
31355
31834
  };
31356
31835
 
31357
31836
  var SvgChevron = styled.svg.withConfig({
31358
31837
  displayName: "AnimatedChevronUpDownstyles__SvgChevron",
31359
31838
  componentId: "sc-yey4nu-0"
31360
- })(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n display: inline-block;\n flex-shrink: 0;\n height: 8px;\n width: 12px;\n position: relative;\n text-align: center;\n vertical-align: middle;\n"], ["\n display: inline-block;\n flex-shrink: 0;\n height: 8px;\n width: 12px;\n position: relative;\n text-align: center;\n vertical-align: middle;\n"])));
31839
+ })(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n display: inline-block;\n flex-shrink: 0;\n position: relative;\n text-align: center;\n vertical-align: middle;\n"], ["\n display: inline-block;\n flex-shrink: 0;\n position: relative;\n text-align: center;\n vertical-align: middle;\n"])));
31361
31840
  var SvgChevronlGroup = styled.g.withConfig({
31362
31841
  displayName: "AnimatedChevronUpDownstyles__SvgChevronlGroup",
31363
31842
  componentId: "sc-yey4nu-1"
@@ -31375,20 +31854,24 @@ var SvgChevronlLeft = styled.path.withConfig({
31375
31854
  var SvgChevronlRight = styled.path.withConfig({
31376
31855
  displayName: "AnimatedChevronUpDownstyles__SvgChevronlRight",
31377
31856
  componentId: "sc-yey4nu-3"
31378
- })(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n transition: transform 0.2s linear;\n transform-origin: 7px 1px;\n transform: ", ";\n"], ["\n transition: transform 0.2s linear;\n transform-origin: 7px 1px;\n transform: ", ";\n"])), function (_a) {
31857
+ })(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n transition: transform 0.2s linear;\n transform-origin: 7px 1px;\n transform: ", ";\n"], ["\n transition: transform 0.2s linear;\n transform-origin: 7px 1px;\n transform: ", ";\n"])), function (_a) {
31379
31858
  var isUp = _a.isUp;
31380
31859
  return isUp ? 'rotate(90deg) translateY(0)' : 'rotate(0) translateY(0)';
31381
31860
  });
31382
- var templateObject_1$a, templateObject_2$8, templateObject_3$6, templateObject_4$4;
31861
+ var templateObject_1$a, templateObject_2$8, templateObject_3$6, templateObject_4$5;
31383
31862
 
31384
31863
  var svgChevronLeftPath = 'M 1 0 L 5 4 C 5 4 5 4 5 4 L 4 5 C 4 5 4 5 4 5 C 4 5 4 5 4 5 L 0 1 C 0 1 0 1 0 1 L 1 0 C 1 0 1 0 1 0 C 1 0 1 0 1 0 L 1 0 Z';
31385
31864
  var svgChevronRightPath = 'M 3 4 L 7 0 L 8 1 C 8 1 8 1 8 1 L 4 5 L 3 4 C 3 4 3 4 3 4 L 3 4 Z';
31386
31865
  var AnimatedChevronUpDown = function AnimatedChevronUpDown(_a) {
31387
- var isUp = _a.isUp;
31866
+ var isUp = _a.isUp,
31867
+ _b = _a.height,
31868
+ height = _b === void 0 ? '5px' : _b,
31869
+ _c = _a.width,
31870
+ width = _c === void 0 ? '8px' : _c;
31388
31871
  return jsxRuntime.jsx(SvgChevron, __assign({
31389
31872
  viewBox: "0 0 8 5",
31390
- width: "8px",
31391
- height: "5px",
31873
+ width: width,
31874
+ height: height,
31392
31875
  fill: "currentColor",
31393
31876
  isUp: isUp
31394
31877
  }, {
@@ -31409,15 +31892,19 @@ var AnimatedChevronUpDown = function AnimatedChevronUpDown(_a) {
31409
31892
  var ContentWrapper = styled.div.withConfig({
31410
31893
  displayName: "CardAccordionHeader__ContentWrapper",
31411
31894
  componentId: "sc-1qs6bkj-0"
31412
- })(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject([""], [""])));
31895
+ })(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n text-align: left;\n"], ["\n text-align: left;\n"])));
31413
31896
  var HeaderContainer = styled.div.withConfig({
31414
31897
  displayName: "CardAccordionHeader__HeaderContainer",
31415
31898
  componentId: "sc-1qs6bkj-1"
31416
- })(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n transition: box-shadow 0.2s;\n ", "\n &:focus {\n outline: none;\n }\n"], ["\n display: flex;\n justify-content: space-between;\n align-items: center;\n transition: box-shadow 0.2s;\n ", "\n &:focus {\n outline: none;\n }\n"])), cardAccordionHeaderTokens.base);
31417
- var HeaderWrapper = styled.div.withConfig({
31899
+ })(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n transition: box-shadow 0.2s;\n ", "\n"], ["\n display: flex;\n justify-content: space-between;\n align-items: center;\n transition: box-shadow 0.2s;\n ", "\n"])), cardAccordionHeaderTokens.base);
31900
+ var HeaderWrapper = styled.button.withConfig({
31418
31901
  displayName: "CardAccordionHeader__HeaderWrapper",
31419
31902
  componentId: "sc-1qs6bkj-2"
31420
- })(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject(["\n position: relative;\n cursor: pointer;\n transition: box-shadow 0.2s;\n &:hover {\n ", "\n }\n &:focus > ", " {\n outline: none;\n ", "\n }\n &:focus {\n outline: none;\n }\n"], ["\n position: relative;\n cursor: pointer;\n transition: box-shadow 0.2s;\n &:hover {\n ", "\n }\n &:focus > ", " {\n outline: none;\n ", "\n }\n &:focus {\n outline: none;\n }\n"])), cardAccordionHeaderTokens.hover.base, HeaderContainer, cardAccordionHeaderTokens.focus.base);
31903
+ })(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject(["\n position: relative;\n cursor: pointer;\n transition: box-shadow 0.2s;\n ", "\n display: block;\n width: 100%;\n &:hover {\n ", "\n }\n\n &:focus-visible,\n &.focus-visible {\n outline: none;\n ", "\n }\n"], ["\n position: relative;\n cursor: pointer;\n transition: box-shadow 0.2s;\n ", "\n display: block;\n width: 100%;\n &:hover {\n ", "\n }\n\n &:focus-visible,\n &.focus-visible {\n outline: none;\n ", "\n }\n"])), removeButtonStyling, cardAccordionHeaderTokens.hover.base, cardAccordionHeaderTokens.focus.base);
31904
+ var ChevronWrapper = styled.span.withConfig({
31905
+ displayName: "CardAccordionHeader__ChevronWrapper",
31906
+ componentId: "sc-1qs6bkj-3"
31907
+ })(templateObject_4$4 || (templateObject_4$4 = __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"])), cardAccordionHeaderTokens.chevronWrapper.base);
31421
31908
  var CardAccordionHeader = /*#__PURE__*/React.forwardRef(function (_a, ref) {
31422
31909
  var children = _a.children,
31423
31910
  _b = _a.isExpanded,
@@ -31432,68 +31919,56 @@ var CardAccordionHeader = /*#__PURE__*/React.forwardRef(function (_a, ref) {
31432
31919
  }
31433
31920
  };
31434
31921
 
31435
- var handleKeyDown = function handleKeyDown(event) {
31436
- var key = event.key;
31437
-
31438
- if (key === 'Enter' || key === ' ') {
31439
- if (toggleExpanded) {
31440
- toggleExpanded();
31441
- }
31442
-
31443
- event.preventDefault();
31444
- }
31445
- };
31446
-
31447
- var headerProps = __assign({
31448
- tabIndex: 0,
31922
+ var headerWrapperProps = __assign({
31923
+ 'aria-expanded': isExpanded,
31924
+ 'aria-controls': bodyId,
31449
31925
  ref: ref,
31450
- role: 'button',
31451
- onClick: handleClick,
31452
- onKeyDown: handleKeyDown
31926
+ onClick: handleClick
31453
31927
  }, rest);
31454
31928
 
31455
- var headerContainerProps = {
31456
- tabIndex: -1
31457
- };
31458
31929
  var chevronProps = {
31459
- isUp: isExpanded
31930
+ isUp: isExpanded,
31931
+ width: cardAccordionHeaderTokens.chevron.width,
31932
+ height: cardAccordionHeaderTokens.chevron.height
31460
31933
  };
31461
- return jsxRuntime.jsx(HeaderWrapper, __assign({
31462
- "aria-controls": bodyId,
31463
- "aria-expanded": isExpanded
31464
- }, headerProps, {
31465
- children: jsxRuntime.jsxs(HeaderContainer, __assign({}, headerContainerProps, {
31934
+ return jsxRuntime.jsx(HeaderWrapper, __assign({}, headerWrapperProps, {
31935
+ children: jsxRuntime.jsxs(HeaderContainer, {
31466
31936
  children: [jsxRuntime.jsxs(ContentWrapper, {
31467
31937
  children: [" ", children, " "]
31468
- }, void 0), jsxRuntime.jsx(AnimatedChevronUpDown, __assign({}, chevronProps), void 0)]
31469
- }), void 0)
31938
+ }, void 0), jsxRuntime.jsx(ChevronWrapper, {
31939
+ children: jsxRuntime.jsx(AnimatedChevronUpDown, __assign({}, chevronProps), void 0)
31940
+ }, void 0)]
31941
+ }, void 0)
31470
31942
  }), void 0);
31471
31943
  });
31472
- var templateObject_1$9, templateObject_2$7, templateObject_3$5;
31944
+ var templateObject_1$9, templateObject_2$7, templateObject_3$5, templateObject_4$4;
31473
31945
 
31474
- var Spacing$5 = ddsBaseTokens.spacing,
31946
+ var Spacing$6 = ddsBaseTokens.spacing,
31475
31947
  FontPackages$3 = ddsBaseTokens.fontPackages;
31476
31948
 
31477
31949
  var base = __assign({
31478
- padding: "0 " + Spacing$5.SizesDdsSpacingLocalX1 + " " + Spacing$5.SizesDdsSpacingLocalX1 + " " + Spacing$5.SizesDdsSpacingLocalX1
31950
+ padding: Spacing$6.SizesDdsSpacingLocalX1 + " " + (Spacing$6.SizesDdsSpacingLocalX2NumberPx + Spacing$6.SizesDdsSpacingLocalX075NumberPx) + "px " + Spacing$6.SizesDdsSpacingLocalX2 + " " + Spacing$6.SizesDdsSpacingLocalX15
31479
31951
  }, FontPackages$3.body_sans_03.base);
31480
31952
 
31481
31953
  var cardAccordionBodyTokens = {
31482
31954
  base: base
31483
31955
  };
31484
31956
 
31485
- var expandingAnimation = Ae(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n transition: visibility 0.3s, max-height 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n"], ["\n transition: visibility 0.3s, max-height 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n"])));
31957
+ var expandingAnimation = Ae(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n transition: padding 0.2s, visibility 0.3s,\n max-height 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n"], ["\n transition: padding 0.2s, visibility 0.3s,\n max-height 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n"])));
31486
31958
  var Body = styled.div.withConfig({
31487
31959
  displayName: "CardAccordionBody__Body",
31488
31960
  componentId: "sc-igsnpx-0"
31489
- })(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n"], ["\n ", "\n ", "\n ", "\n"])), expandingAnimation, cardAccordionBodyTokens.base, function (_a) {
31961
+ })(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n"], ["\n ", "\n ", "\n ", "\n ", "\n"])), expandingAnimation, cardAccordionBodyTokens.base, function (_a) {
31962
+ var paddingTop = _a.paddingTop;
31963
+ return paddingTop && Ae(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n padding-top: ", ";\n "], ["\n padding-top: ", ";\n "])), paddingTop);
31964
+ }, function (_a) {
31490
31965
  var isExpanded = _a.isExpanded;
31491
- return !isExpanded && Ae(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n padding-bottom: 0;\n "], ["\n padding-bottom: 0;\n "])));
31966
+ return !isExpanded && Ae(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject(["\n padding-top: 0;\n padding-bottom: 0;\n "], ["\n padding-top: 0;\n padding-bottom: 0;\n "])));
31492
31967
  });
31493
- var BodyWrapper = styled.div.withConfig({
31494
- displayName: "CardAccordionBody__BodyWrapper",
31968
+ var BodyContainer = styled.div.withConfig({
31969
+ displayName: "CardAccordionBody__BodyContainer",
31495
31970
  componentId: "sc-igsnpx-1"
31496
- })(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n ", "\n overflow: hidden;\n visibility: ", ";\n max-height: ", "px;\n"], ["\n ", "\n overflow: hidden;\n visibility: ", ";\n max-height: ", "px;\n"])), expandingAnimation, function (_a) {
31971
+ })(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n ", "\n overflow: hidden;\n visibility: ", ";\n max-height: ", "px;\n"], ["\n ", "\n overflow: hidden;\n visibility: ", ";\n max-height: ", "px;\n"])), expandingAnimation, function (_a) {
31497
31972
  var isExpanded = _a.isExpanded;
31498
31973
  return isExpanded ? 'visible' : 'hidden';
31499
31974
  }, function (_a) {
@@ -31526,7 +32001,7 @@ var CardAccordionBody = /*#__PURE__*/React.forwardRef(function (_a, ref) {
31526
32001
  role: 'region'
31527
32002
  }, rest);
31528
32003
 
31529
- var bodyWrapperProps = {
32004
+ var bodyContainerProps = {
31530
32005
  ref: bodyRef,
31531
32006
  maxHeight: maxHeight,
31532
32007
  isExpanded: isExpanded
@@ -31535,12 +32010,12 @@ var CardAccordionBody = /*#__PURE__*/React.forwardRef(function (_a, ref) {
31535
32010
  "aria-labelledby": headerId,
31536
32011
  "aria-hidden": !isExpanded
31537
32012
  }, bodyProps, {
31538
- children: jsxRuntime.jsxs(BodyWrapper, __assign({}, bodyWrapperProps, {
32013
+ children: jsxRuntime.jsxs(BodyContainer, __assign({}, bodyContainerProps, {
31539
32014
  children: [" ", children, " "]
31540
32015
  }), void 0)
31541
32016
  }), void 0);
31542
32017
  });
31543
- var templateObject_1$8, templateObject_2$6, templateObject_3$4, templateObject_4$3;
32018
+ var templateObject_1$8, templateObject_2$6, templateObject_3$4, templateObject_4$3, templateObject_5$2;
31544
32019
 
31545
32020
  var MoreVertOutlined = createCommonjsModule(function (module, exports) {
31546
32021
 
@@ -33962,12 +34437,12 @@ function useRoveFocus(size, reset) {
33962
34437
  return [currentFocus, setCurrentFocus];
33963
34438
  }
33964
34439
 
33965
- var Border$3 = ddsBaseTokens.border,
34440
+ var Border$4 = ddsBaseTokens.border,
33966
34441
  BorderRadius$2 = ddsBaseTokens.borderRadius,
33967
34442
  Colors$3 = ddsBaseTokens.colors,
33968
- Spacing$4 = ddsBaseTokens.spacing,
34443
+ Spacing$5 = ddsBaseTokens.spacing,
33969
34444
  FontPackages$2 = ddsBaseTokens.fontPackages;
33970
- var borderColor = Border$3.BordersDdsBorderStyleLightStroke;
34445
+ var borderColor = Border$4.BordersDdsBorderStyleLightStroke;
33971
34446
 
33972
34447
  var linkBase$1 = __assign({
33973
34448
  color: Colors$3.DdsColorNeutralsGray9,
@@ -33986,23 +34461,23 @@ var wrapperBase$3 = {
33986
34461
  backgroundColor: Colors$3.DdsColorNeutralsWhite
33987
34462
  };
33988
34463
  var applicationNameWrapperBase = {
33989
- padding: Spacing$4.SizesDdsSpacingLocalX1 + " " + Spacing$4.SizesDdsSpacingLocalX15
34464
+ padding: Spacing$5.SizesDdsSpacingLocalX1 + " " + Spacing$5.SizesDdsSpacingLocalX15
33990
34465
  };
33991
34466
  var lovisaWrapperBase = {
33992
- padding: Spacing$4.SizesDdsSpacingLocalX1 + " " + Spacing$4.SizesDdsSpacingLocalX15,
33993
- borderRight: Border$3.BordersDdsBorderStyleLightStrokeWeight + " " + borderColor + " solid "
34467
+ padding: Spacing$5.SizesDdsSpacingLocalX1 + " " + Spacing$5.SizesDdsSpacingLocalX15,
34468
+ borderRight: Border$4.BordersDdsBorderStyleLightStrokeWeight + " " + borderColor + " solid "
33994
34469
  };
33995
34470
  var bannerBase = {
33996
- borderBottom: Border$3.BordersDdsBorderStyleLightStrokeWeight + " " + borderColor + " solid ",
33997
- paddingRight: Spacing$4.SizesDdsSpacingLocalX1
34471
+ borderBottom: Border$4.BordersDdsBorderStyleLightStrokeWeight + " " + borderColor + " solid ",
34472
+ paddingRight: Spacing$5.SizesDdsSpacingLocalX1
33998
34473
  };
33999
34474
  var bannerLeftBase = {};
34000
34475
  var navigationBase = {
34001
- borderBottom: Border$3.BordersDdsBorderStyleLightStrokeWeight + " " + borderColor + " solid "
34476
+ borderBottom: Border$4.BordersDdsBorderStyleLightStrokeWeight + " " + borderColor + " solid "
34002
34477
  };
34003
34478
 
34004
34479
  var navigationLinkBase = __assign({
34005
- padding: Spacing$4.SizesDdsSpacingLocalX075 + " " + Spacing$4.SizesDdsSpacingLocalX15
34480
+ padding: Spacing$5.SizesDdsSpacingLocalX075 + " " + Spacing$5.SizesDdsSpacingLocalX15
34006
34481
  }, linkBase$1);
34007
34482
 
34008
34483
  var navigationLinkHoverBase = __assign({}, linkHoverBase);
@@ -34011,20 +34486,20 @@ var navigationLinkActiveBase = __assign({}, linkActiveBase);
34011
34486
 
34012
34487
  var navigationLinkFocusBase = {
34013
34488
  color: Colors$3.DdsColorNeutralsWhite,
34014
- backgroundColor: Border$3.BordersDdsBorderFocusBaseStroke
34489
+ backgroundColor: Border$4.BordersDdsBorderFocusBaseStroke
34015
34490
  };
34016
34491
  var navigationLinkCurrentBase = {
34017
34492
  color: Colors$3.DdsColorInteractiveDarker,
34018
34493
  backgroundColor: Colors$3.DdsColorPrimaryLightest
34019
34494
  };
34020
34495
  var contextMenuBase = {
34021
- border: Border$3.BordersDdsBorderStyleLightStrokeWeight + " " + borderColor + " solid ",
34496
+ border: Border$4.BordersDdsBorderStyleLightStrokeWeight + " " + borderColor + " solid ",
34022
34497
  backgroundColor: Colors$3.DdsColorNeutralsWhite,
34023
34498
  borderRadius: BorderRadius$2.RadiiDdsBorderRadius1Radius
34024
34499
  };
34025
34500
 
34026
34501
  var contextMenuLinkBase = __assign({
34027
- padding: Spacing$4.SizesDdsSpacingLocalX075 + " " + Spacing$4.SizesDdsSpacingLocalX15
34502
+ padding: Spacing$5.SizesDdsSpacingLocalX075 + " " + Spacing$5.SizesDdsSpacingLocalX15
34028
34503
  }, linkBase$1);
34029
34504
 
34030
34505
  var contextMenuLinkHoverBase = __assign({}, linkHoverBase);
@@ -34033,14 +34508,18 @@ var contextMenuLinkActiveBase = __assign({}, linkActiveBase);
34033
34508
 
34034
34509
  var contextMenuLinkFocusBase = {
34035
34510
  color: Colors$3.DdsColorNeutralsWhite,
34036
- backgroundColor: Border$3.BordersDdsBorderFocusBaseStroke
34511
+ backgroundColor: Border$4.BordersDdsBorderFocusBaseStroke
34037
34512
  };
34038
34513
  var iconBase = {
34039
- marginRight: Spacing$4.SizesDdsSpacingLocalX025
34514
+ marginRight: Spacing$5.SizesDdsSpacingLocalX025
34040
34515
  };
34041
34516
  var contextMenuDividerBase = {
34042
- marginRight: Spacing$4.SizesDdsSpacingLocalX15,
34043
- marginLeft: Spacing$4.SizesDdsSpacingLocalX15
34517
+ marginRight: Spacing$5.SizesDdsSpacingLocalX15,
34518
+ marginLeft: Spacing$5.SizesDdsSpacingLocalX15
34519
+ };
34520
+ var contextGroupBase = {
34521
+ right: Spacing$5.SizesDdsSpacingLocalX075,
34522
+ top: Spacing$5.SizesDdsSpacingLocalX025
34044
34523
  };
34045
34524
  var internalHeaderTokens = {
34046
34525
  wrapper: {
@@ -34053,7 +34532,8 @@ var internalHeaderTokens = {
34053
34532
  base: lovisaWrapperBase
34054
34533
  },
34055
34534
  banner: {
34056
- base: bannerBase
34535
+ base: bannerBase,
34536
+ contextMenuSpacing: Spacing$5.SizesDdsSpacingLayoutX4
34057
34537
  },
34058
34538
  bannerLeft: {
34059
34539
  base: bannerLeftBase
@@ -34078,7 +34558,7 @@ var internalHeaderTokens = {
34078
34558
  },
34079
34559
  contextMenu: {
34080
34560
  base: contextMenuBase,
34081
- spaceFromButtonTop: Spacing$4.SizesDdsSpacingLocalX025
34561
+ spaceFromButtonTop: Spacing$5.SizesDdsSpacingLocalX025
34082
34562
  },
34083
34563
  contextMenuLink: {
34084
34564
  base: contextMenuLinkBase,
@@ -34097,44 +34577,50 @@ var internalHeaderTokens = {
34097
34577
  },
34098
34578
  icon: {
34099
34579
  base: iconBase
34580
+ },
34581
+ contextGroup: {
34582
+ base: contextGroupBase
34100
34583
  }
34101
34584
  };
34102
34585
 
34103
34586
  var Wrapper$2 = styled.div.withConfig({
34104
34587
  displayName: "InternalHeaderstyles__Wrapper",
34105
34588
  componentId: "sc-91bnca-0"
34106
- })(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n *::selection {\n ", "\n }\n ", "\n"], ["\n *::selection {\n ", "\n }\n ", "\n"])), typographyTokens.selection.base, internalHeaderTokens.wrapper.base);
34589
+ })(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n position: relative;\n *::selection {\n ", "\n }\n ", "\n"], ["\n position: relative;\n *::selection {\n ", "\n }\n ", "\n"])), typographyTokens.selection.base, internalHeaderTokens.wrapper.base);
34107
34590
  var BannerWrapper = styled.div.withConfig({
34108
34591
  displayName: "InternalHeaderstyles__BannerWrapper",
34109
34592
  componentId: "sc-91bnca-1"
34110
- })(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n position: relative;\n display: flex;\n justify-content: space-between;\n align-items: center;\n ", "\n"], ["\n position: relative;\n display: flex;\n justify-content: space-between;\n align-items: center;\n ", "\n"])), internalHeaderTokens.banner.base);
34593
+ })(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n position: relative;\n display: flex;\n align-items: center;\n ", "\n ", "\n"], ["\n position: relative;\n display: flex;\n align-items: center;\n ", "\n ", "\n"])), internalHeaderTokens.banner.base, function (_a) {
34594
+ var hasContextMenu = _a.hasContextMenu;
34595
+ return hasContextMenu && Ae(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n padding-right: ", ";\n "], ["\n padding-right: ", ";\n "])), internalHeaderTokens.banner.contextMenuSpacing);
34596
+ });
34111
34597
  var BannerLeftWrapper = styled.div.withConfig({
34112
34598
  displayName: "InternalHeaderstyles__BannerLeftWrapper",
34113
34599
  componentId: "sc-91bnca-2"
34114
- })(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n display: flex;\n ", "\n"], ["\n display: flex;\n ", "\n"])), internalHeaderTokens.bannerLeft.base);
34600
+ })(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n display: flex;\n ", "\n"], ["\n display: flex;\n ", "\n"])), internalHeaderTokens.bannerLeft.base);
34115
34601
  var ApplicationNameWrapper = styled.div.withConfig({
34116
34602
  displayName: "InternalHeaderstyles__ApplicationNameWrapper",
34117
34603
  componentId: "sc-91bnca-3"
34118
- })(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), internalHeaderTokens.applicationNameWrapper.base);
34604
+ })(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n ", "\n"], ["\n display: flex;\n align-items: center;\n ", "\n"])), internalHeaderTokens.applicationNameWrapper.base);
34119
34605
  var LovisaWrapper = styled.div.withConfig({
34120
34606
  displayName: "InternalHeaderstyles__LovisaWrapper",
34121
34607
  componentId: "sc-91bnca-4"
34122
- })(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), internalHeaderTokens.lovisaWrapper.base);
34608
+ })(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), internalHeaderTokens.lovisaWrapper.base);
34123
34609
  var Navigation = styled.nav.withConfig({
34124
34610
  displayName: "InternalHeaderstyles__Navigation",
34125
34611
  componentId: "sc-91bnca-5"
34126
- })(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), internalHeaderTokens.navigation.base);
34612
+ })(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), internalHeaderTokens.navigation.base);
34127
34613
  var NavigationList = styled.ul.withConfig({
34128
34614
  displayName: "InternalHeaderstyles__NavigationList",
34129
34615
  componentId: "sc-91bnca-6"
34130
- })(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n box-sizing: border-box;\n display: flex;\n ", "\n list-style-type: none;\n padding: 0;\n margin: 0;\n"], ["\n box-sizing: border-box;\n display: flex;\n ", "\n list-style-type: none;\n padding: 0;\n margin: 0;\n"])), function (_a) {
34616
+ })(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n box-sizing: border-box;\n display: flex;\n ", "\n list-style-type: none;\n padding: 0;\n margin: 0;\n"], ["\n box-sizing: border-box;\n display: flex;\n ", "\n list-style-type: none;\n padding: 0;\n margin: 0;\n"])), function (_a) {
34131
34617
  var smallScreen = _a.smallScreen;
34132
- return smallScreen && Ae(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n flex-direction: column;\n "], ["\n flex-direction: column;\n "])));
34618
+ return smallScreen && Ae(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n flex-direction: column;\n "], ["\n flex-direction: column;\n "])));
34133
34619
  });
34134
34620
  var ContextMenuWrapper = styled.div.withConfig({
34135
34621
  displayName: "InternalHeaderstyles__ContextMenuWrapper",
34136
34622
  componentId: "sc-91bnca-7"
34137
- })(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n box-sizing: border-box;\n position: absolute;\n z-index: 3;\n top: calc(100% - 2px);\n right: ", ";\n overflow-y: auto;\n min-width: 180px;\n max-width: 300px;\n max-height: calc(100vh - 110px);\n transition: visibility 0.4s, opacity 0.2s;\n visibility: ", ";\n opacity: ", ";\n ", "\n ", "\n"], ["\n box-sizing: border-box;\n position: absolute;\n z-index: 3;\n top: calc(100% - 2px);\n right: ", ";\n overflow-y: auto;\n min-width: 180px;\n max-width: 300px;\n max-height: calc(100vh - 110px);\n transition: visibility 0.4s, opacity 0.2s;\n visibility: ", ";\n opacity: ", ";\n ", "\n ", "\n"])), internalHeaderTokens.banner.base.paddingRight, function (_a) {
34623
+ })(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n box-sizing: border-box;\n position: absolute;\n z-index: 3;\n top: 100%;\n right: 0;\n overflow-y: auto;\n min-width: 180px;\n max-width: 300px;\n max-height: calc(100vh - 110px);\n transition: visibility 0.4s, opacity 0.2s;\n visibility: ", ";\n opacity: ", ";\n ", "\n ", "\n"], ["\n box-sizing: border-box;\n position: absolute;\n z-index: 3;\n top: 100%;\n right: 0;\n overflow-y: auto;\n min-width: 180px;\n max-width: 300px;\n max-height: calc(100vh - 110px);\n transition: visibility 0.4s, opacity 0.2s;\n visibility: ", ";\n opacity: ", ";\n ", "\n ", "\n"])), function (_a) {
34138
34624
  var closed = _a.closed;
34139
34625
  return closed ? 'hidden' : 'visible';
34140
34626
  }, function (_a) {
@@ -34144,12 +34630,16 @@ var ContextMenuWrapper = styled.div.withConfig({
34144
34630
  var ContextMenuList = styled.ul.withConfig({
34145
34631
  displayName: "InternalHeaderstyles__ContextMenuList",
34146
34632
  componentId: "sc-91bnca-8"
34147
- })(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n list-style-type: none;\n padding: 0;\n margin: 0;\n"], ["\n display: flex;\n flex-direction: column;\n list-style-type: none;\n padding: 0;\n margin: 0;\n"])));
34633
+ })(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n list-style-type: none;\n padding: 0;\n margin: 0;\n"], ["\n display: flex;\n flex-direction: column;\n list-style-type: none;\n padding: 0;\n margin: 0;\n"])));
34148
34634
  var StyledDivider = styled(Divider).withConfig({
34149
34635
  displayName: "InternalHeaderstyles__StyledDivider",
34150
34636
  componentId: "sc-91bnca-9"
34151
- })(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), internalHeaderTokens.contextMenuDivider.base);
34152
- var templateObject_1$7, templateObject_2$5, templateObject_3$3, templateObject_4$2, templateObject_5$1, templateObject_6$1, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
34637
+ })(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), internalHeaderTokens.contextMenuDivider.base);
34638
+ var ContextMenuGroup = styled.div.withConfig({
34639
+ displayName: "InternalHeaderstyles__ContextMenuGroup",
34640
+ componentId: "sc-91bnca-10"
34641
+ })(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n position: absolute;\n ", "\n"], ["\n position: absolute;\n ", "\n"])), internalHeaderTokens.contextGroup.base);
34642
+ var templateObject_1$7, templateObject_2$5, templateObject_3$3, templateObject_4$2, templateObject_5$1, templateObject_6$1, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;
34153
34643
 
34154
34644
  var Link$2 = styled.a.withConfig({
34155
34645
  displayName: "NavigationItem__Link",
@@ -34380,14 +34870,15 @@ var InternalHeader = function InternalHeader(_a) {
34380
34870
  'aria-hidden': contextMenuIsClosed,
34381
34871
  role: 'menu'
34382
34872
  };
34383
- var contextMenu = (hasInteractiveContextMenuElements || userProps) && !smallScreen ? jsxRuntime.jsxs(ContextMenuWrapper, __assign({}, contextMenuWrapperProps, {
34873
+ var hasContextMenuElementsOrUserProps = hasInteractiveContextMenuElements || !!userProps;
34874
+ var contextMenu = hasContextMenuElementsOrUserProps && !smallScreen ? jsxRuntime.jsxs(ContextMenuWrapper, __assign({}, contextMenuWrapperProps, {
34384
34875
  children: [userContextMenuItemNonInteractive, jsxRuntime.jsx(ContextMenuList, {
34385
34876
  children: contextMenuContentArray
34386
34877
  }, void 0)]
34387
34878
  }), void 0) : null;
34388
34879
 
34389
34880
  var contextMenuSmallScreen = function contextMenuSmallScreen() {
34390
- if ((hasInteractiveContextMenuElements || userProps) && smallScreen) {
34881
+ if (hasContextMenuElementsOrUserProps && smallScreen) {
34391
34882
  if (hasInteractiveContextMenuElements) {
34392
34883
  var userPropsInteractivePos = hasInteractiveUser ? 0 : -1;
34393
34884
  var navItemsFirstPos = navigationElements ? userPropsInteractivePos + 1 : -1;
@@ -34419,9 +34910,12 @@ var InternalHeader = function InternalHeader(_a) {
34419
34910
  };
34420
34911
 
34421
34912
  var isSmallScreenAndHasNavElements = smallScreen && navigationElements ? true : false;
34913
+ var hasContextMenu = hasContextMenuElementsOrUserProps || hasNavigationElements && smallScreen;
34422
34914
  return jsxRuntime.jsxs(Wrapper$2, __assign({}, rest, {
34423
- children: [jsxRuntime.jsxs(BannerWrapper, {
34424
- children: [jsxRuntime.jsxs(BannerLeftWrapper, {
34915
+ children: [jsxRuntime.jsx(BannerWrapper, __assign({
34916
+ hasContextMenu: hasContextMenu
34917
+ }, {
34918
+ children: jsxRuntime.jsxs(BannerLeftWrapper, {
34425
34919
  children: [jsxRuntime.jsx(LovisaWrapper, {
34426
34920
  children: jsxRuntime.jsx(Typography, __assign({
34427
34921
  typographyType: "bodySans02",
@@ -34438,7 +34932,9 @@ var InternalHeader = function InternalHeader(_a) {
34438
34932
  children: applicationName
34439
34933
  }), void 0)
34440
34934
  }, void 0)]
34441
- }, void 0), (hasInteractiveContextMenuElements || userProps) && jsxRuntime.jsx(Button, {
34935
+ }, void 0)
34936
+ }), void 0), !smallScreen && navigation, hasContextMenuElementsOrUserProps && jsxRuntime.jsxs(ContextMenuGroup, {
34937
+ children: [jsxRuntime.jsx(Button, {
34442
34938
  ref: buttonRef,
34443
34939
  Icon: isSmallScreenAndHasNavElements ? MenuOutlinedIcon : MoreVertOutlinedIcon,
34444
34940
  appearance: "borderless",
@@ -34448,10 +34944,34 @@ var InternalHeader = function InternalHeader(_a) {
34448
34944
  "aria-expanded": !contextMenuIsClosed ? true : undefined,
34449
34945
  "aria-label": "\xE5pne meny"
34450
34946
  }, void 0), smallScreen ? contextMenuSmallScreen() : contextMenu]
34451
- }, void 0), !smallScreen && navigation]
34947
+ }, void 0)]
34452
34948
  }), void 0);
34453
34949
  };
34454
34950
 
34951
+ var img = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='rgba(58%2c65%2c70%2c1)'%3e%3cpath d='M0 0h24v24H0V0z' fill='none'/%3e%3cpath d='M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V10h16v11zm0-13H4V5h16v3z'/%3e%3c/svg%3e";
34952
+
34953
+ var IconSizes = ddsBaseTokens.iconSizes,
34954
+ Spacing$4 = ddsBaseTokens.spacing,
34955
+ Border$3 = ddsBaseTokens.border;
34956
+ var calendarIndicatorBase = {
34957
+ height: IconSizes.DdsIconsizeMedium,
34958
+ width: IconSizes.DdsIconsizeMedium,
34959
+ position: 'absolute',
34960
+ right: Spacing$4.SizesDdsSpacingLocalX075
34961
+ };
34962
+ var calendarIndicatorFocusBase = {
34963
+ outline: Border$3.BordersDdsBorderFocusInputfieldStroke + " solid " + Border$3.BordersDdsBorderFocusInputfieldStrokeWeight,
34964
+ outlineOffset: Spacing$4.SizesDdsSpacingLocalX0125
34965
+ };
34966
+ var datepickerTokens = {
34967
+ calendarIndicator: {
34968
+ base: calendarIndicatorBase,
34969
+ focus: {
34970
+ base: calendarIndicatorFocusBase
34971
+ }
34972
+ }
34973
+ };
34974
+
34455
34975
  var getWidth = function getWidth(type) {
34456
34976
  return type === 'date' ? '205px' : type === 'datetime-local' ? '235px' : '320px';
34457
34977
  };
@@ -34459,7 +34979,7 @@ var getWidth = function getWidth(type) {
34459
34979
  var StyledInput = styled(Input$3).withConfig({
34460
34980
  displayName: "Datepicker__StyledInput",
34461
34981
  componentId: "sc-1ijxhje-0"
34462
- })(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n ::-webkit-calendar-picker-indicator {\n margin-left: 0px;\n }\n ::-webkit-inner-spin-button {\n display: none;\n }\n"], ["\n ::-webkit-calendar-picker-indicator {\n margin-left: 0px;\n }\n ::-webkit-inner-spin-button {\n display: none;\n }\n"])));
34982
+ })(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n min-height: 76px;\n ::-webkit-calendar-picker-indicator {\n // disable eslint to ensure double quotes in url due to svg data URI in image bundle that requires them, as the attributes use single quotes\n // eslint-disable-next-line\n // prettier-ignore\n background-image: url(\"", "\");\n ", "\n margin-left: 0px;\n padding: 0;\n top: 50%;\n transform: translate(0, -50%);\n box-sizing: border-box;\n }\n\n ::-webkit-calendar-picker-indicator:focus-visible {\n ", "\n }\n\n ::-webkit-inner-spin-button {\n display: none;\n }\n\n ::-webkit-datetime-edit-day-field,\n ::-webkit-datetime-edit-month-field,\n ::-webkit-datetime-edit-year-field {\n transition: 0.2s;\n }\n\n ::-webkit-datetime-edit-day-field:focus,\n ::-webkit-datetime-edit-month-field:focus,\n ::-webkit-datetime-edit-year-field:focus {\n ", "\n }\n"], ["\n min-height: 76px;\n ::-webkit-calendar-picker-indicator {\n // disable eslint to ensure double quotes in url due to svg data URI in image bundle that requires them, as the attributes use single quotes\n // eslint-disable-next-line\n // prettier-ignore\n background-image: url(\"", "\");\n ", "\n margin-left: 0px;\n padding: 0;\n top: 50%;\n transform: translate(0, -50%);\n box-sizing: border-box;\n }\n\n ::-webkit-calendar-picker-indicator:focus-visible {\n ", "\n }\n\n ::-webkit-inner-spin-button {\n display: none;\n }\n\n ::-webkit-datetime-edit-day-field,\n ::-webkit-datetime-edit-month-field,\n ::-webkit-datetime-edit-year-field {\n transition: 0.2s;\n }\n\n ::-webkit-datetime-edit-day-field:focus,\n ::-webkit-datetime-edit-month-field:focus,\n ::-webkit-datetime-edit-year-field:focus {\n ", "\n }\n"])), img, datepickerTokens.calendarIndicator.base, datepickerTokens.calendarIndicator.focus.base, typographyTokens.selection.base);
34463
34983
  var nextUniqueId$2 = 0;
34464
34984
  var Datepicker = /*#__PURE__*/React.forwardRef(function (_a, ref) {
34465
34985
  var id = _a.id,
@@ -34484,6 +35004,7 @@ var Datepicker = /*#__PURE__*/React.forwardRef(function (_a, ref) {
34484
35004
  var tipId = derivativeIdGenerator(uniqueId, 'tip', tip);
34485
35005
 
34486
35006
  var inputProps = __assign({
35007
+ id: uniqueId,
34487
35008
  label: label,
34488
35009
  hasErrorMessage: hasErrorMessage,
34489
35010
  ref: ref,