@react-ui-org/react-ui 0.57.0 → 0.59.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (118) hide show
  1. package/.nvmrc +1 -1
  2. package/README.md +2 -11
  3. package/dist/react-ui.css +19 -19
  4. package/dist/react-ui.development.css +1351 -963
  5. package/dist/react-ui.development.js +187 -87
  6. package/dist/react-ui.js +1 -1
  7. package/package.json +16 -5
  8. package/src/components/Alert/Alert.jsx +7 -9
  9. package/src/components/Alert/Alert.module.scss +3 -3
  10. package/src/components/Alert/README.md +18 -32
  11. package/src/components/Alert/_settings.scss +1 -2
  12. package/src/components/Badge/Badge.jsx +3 -3
  13. package/src/components/Button/Button.jsx +3 -3
  14. package/src/components/ButtonGroup/ButtonGroup.jsx +3 -3
  15. package/src/components/Card/Card.jsx +7 -7
  16. package/src/components/Card/Card.module.scss +8 -7
  17. package/src/components/Card/CardBody.jsx +2 -2
  18. package/src/components/Card/CardFooter.jsx +2 -2
  19. package/src/components/Card/README.md +20 -17
  20. package/src/components/Card/_settings.scss +1 -2
  21. package/src/components/Card/_theme.scss +1 -0
  22. package/src/components/CheckboxField/CheckboxField.jsx +11 -5
  23. package/src/components/CheckboxField/README.md +110 -5
  24. package/src/components/FileInputField/FileInputField.jsx +148 -22
  25. package/src/components/FileInputField/FileInputField.module.scss +87 -1
  26. package/src/components/FileInputField/README.md +83 -2
  27. package/src/components/FileInputField/_settings.scss +15 -0
  28. package/src/components/FormLayout/FormLayout.jsx +3 -3
  29. package/src/components/FormLayout/FormLayoutCustomField.jsx +3 -3
  30. package/src/components/FormLayout/README.md +1 -0
  31. package/src/components/Grid/Grid.jsx +2 -2
  32. package/src/components/Grid/Grid.module.scss +2 -2
  33. package/src/components/Grid/GridSpan.jsx +2 -2
  34. package/src/components/InputGroup/InputGroup.jsx +4 -4
  35. package/src/components/InputGroup/InputGroup.module.scss +12 -8
  36. package/src/components/InputGroup/README.md +1 -1
  37. package/src/components/Modal/Modal.jsx +118 -46
  38. package/src/components/Modal/Modal.module.scss +34 -18
  39. package/src/components/Modal/ModalBody.jsx +3 -3
  40. package/src/components/Modal/ModalBody.module.scss +18 -0
  41. package/src/components/Modal/ModalCloseButton.jsx +4 -6
  42. package/src/components/Modal/ModalContent.jsx +2 -2
  43. package/src/components/Modal/ModalFooter.jsx +3 -3
  44. package/src/components/Modal/ModalFooter.module.scss +6 -2
  45. package/src/components/Modal/ModalHeader.jsx +3 -3
  46. package/src/components/Modal/ModalHeader.module.scss +8 -1
  47. package/src/components/Modal/ModalTitle.jsx +2 -2
  48. package/src/components/Modal/README.md +407 -187
  49. package/src/components/Modal/_animations.scss +9 -0
  50. package/src/components/Modal/_helpers/dialogOnCancelHandler.js +28 -0
  51. package/src/components/Modal/_helpers/dialogOnClickHandler.js +46 -0
  52. package/src/components/Modal/_helpers/dialogOnCloseHandler.js +28 -0
  53. package/src/components/Modal/_helpers/dialogOnKeyDownHandler.js +62 -0
  54. package/src/components/Modal/_helpers/getPositionClassName.js +1 -1
  55. package/src/components/Modal/_hooks/useModalFocus.js +24 -91
  56. package/src/components/Modal/_settings.scss +4 -3
  57. package/src/components/Modal/_theme.scss +1 -0
  58. package/src/components/Paper/Paper.jsx +3 -3
  59. package/src/components/Popover/Popover.jsx +60 -15
  60. package/src/components/Popover/Popover.module.scss +37 -9
  61. package/src/components/Popover/PopoverWrapper.jsx +2 -2
  62. package/src/components/Popover/README.md +60 -3
  63. package/src/components/Popover/_helpers/cleanPlacementStyle.js +20 -0
  64. package/src/components/Radio/README.md +103 -0
  65. package/src/components/Radio/Radio.jsx +11 -5
  66. package/src/components/Radio/Radio.module.scss +4 -0
  67. package/src/components/ScrollView/ScrollView.jsx +5 -7
  68. package/src/components/SelectField/README.md +103 -0
  69. package/src/components/SelectField/SelectField.jsx +11 -5
  70. package/src/components/Table/Table.jsx +2 -2
  71. package/src/components/Tabs/Tabs.jsx +2 -2
  72. package/src/components/Tabs/TabsItem.jsx +3 -3
  73. package/src/components/Text/Text.jsx +3 -3
  74. package/src/components/TextArea/TextArea.jsx +3 -3
  75. package/src/components/TextField/README.md +14 -2
  76. package/src/components/TextField/TextField.jsx +3 -3
  77. package/src/components/TextLink/README.md +10 -3
  78. package/src/components/TextLink/TextLink.jsx +2 -2
  79. package/src/components/TextLink/_theme.scss +3 -3
  80. package/src/components/Toggle/README.md +83 -1
  81. package/src/components/Toggle/Toggle.jsx +11 -5
  82. package/src/components/Toolbar/Toolbar.jsx +3 -3
  83. package/src/components/Toolbar/ToolbarGroup.jsx +3 -3
  84. package/src/components/Toolbar/ToolbarItem.jsx +3 -3
  85. package/src/components/_helpers/resolveContextOrProp.js +6 -3
  86. package/src/helpers/classNames/README.md +65 -0
  87. package/src/helpers/classNames/classNames.js +11 -0
  88. package/src/helpers/classNames/index.js +1 -0
  89. package/src/helpers/transferProps/README.md +46 -0
  90. package/src/helpers/transferProps/index.js +1 -0
  91. package/src/index.js +6 -5
  92. package/src/providers/globalProps/GlobalPropsContext.jsx +5 -0
  93. package/src/providers/globalProps/GlobalPropsProvider.jsx +33 -0
  94. package/src/providers/globalProps/index.js +3 -0
  95. package/src/{provider → providers/globalProps}/withGlobalProps.jsx +16 -16
  96. package/src/providers/translations/TranslationsContext.jsx +6 -0
  97. package/src/providers/translations/TranslationsProvider.jsx +33 -0
  98. package/src/providers/translations/index.js +2 -0
  99. package/src/styles/elements/_links.scss +2 -9
  100. package/src/styles/generic/_focus.scss +1 -1
  101. package/src/styles/theme/_form-fields.scss +19 -0
  102. package/src/styles/theme/_links.scss +4 -3
  103. package/src/styles/tools/_accessibility.scss +3 -5
  104. package/src/styles/tools/_collections.scss +62 -5
  105. package/src/styles/tools/_links.scss +17 -0
  106. package/src/styles/tools/form-fields/_box-field-elements.scss +21 -9
  107. package/src/styles/tools/form-fields/_box-field-layout.scss +2 -2
  108. package/src/styles/tools/form-fields/_box-field-sizes.scss +6 -10
  109. package/src/styles/tools/form-fields/_foundation.scss +6 -4
  110. package/src/styles/tools/form-fields/_variants.scss +12 -8
  111. package/src/theme.scss +53 -2
  112. package/src/translations/en.js +5 -0
  113. package/src/provider/RUIContext.jsx +0 -9
  114. package/src/provider/RUIProvider.jsx +0 -42
  115. package/src/provider/index.js +0 -3
  116. package/src/styles/settings/_z-indexes.scss +0 -2
  117. package/src/utils/classNames.js +0 -8
  118. /package/src/{utils → helpers/transferProps}/transferProps.js +0 -0
package/dist/react-ui.development.css CHANGED
@@ -24,7 +24,28 @@
24
24
  --rui-dimension-space-5: 1.5rem;
25
25
  --rui-dimension-space-6: 2rem;
26
26
  --rui-dimension-space-7: 2.5rem;
27
- --rui-font-family-base: "Titillium Web", helvetica, roboto, arial, sans-serif;
27
+ --rui-font-family-base:
28
+ /* Cross-platform generic font family (default user interface font) */
29
+ system-ui,
30
+ /* Safari for macOS and iOS (San Francisco)*/
31
+ -apple-system,
32
+ /* Windows*/
33
+ "Segoe UI",
34
+ /* Android*/
35
+ roboto,
36
+ /* Basic web fallback*/
37
+ "Helvetica Neue",
38
+ arial,
39
+ /* Linux*/
40
+ "Noto Sans",
41
+ "Liberation Sans",
42
+ /* Sans serif fallback*/
43
+ sans-serif,
44
+ /* Emoji fonts*/
45
+ "Apple Color Emoji",
46
+ "Segoe UI Emoji",
47
+ "Segoe UI Symbol",
48
+ "Noto Color Emoji";
28
49
  --rui-font-family-monospace:
29
50
  "SFMono-Regular",
30
51
  "Menlo",
@@ -51,7 +72,8 @@
51
72
  --rui-font-size-6: 1.802rem;
52
73
  --rui-line-height-base: 1.5;
53
74
  --rui-line-height-small: 1.25;
54
- --rui-text-decoration-link: none;
75
+ --rui-underline-offset-link: 0.1875em;
76
+ --rui-text-decoration-link: underline;
55
77
  --rui-text-decoration-link-hover: underline;
56
78
  --rui-text-decoration-link-active: underline;
57
79
  --rui-list-style-unordered: square;
@@ -525,6 +547,7 @@
525
547
  --rui-Card__padding: var(--rui-dimension-space-4);
526
548
  --rui-Card__border-width: var(--rui-dimension-border-width-1);
527
549
  --rui-Card__border-radius: var(--rui-dimension-radius-2);
550
+ --rui-Card__background-color: var(--rui-color-background-layer-1);
528
551
  --rui-Card--dense__padding: var(--rui-dimension-space-2);
529
552
  --rui-Card--raised__box-shadow: var(--rui-shadow-layer-1);
530
553
  --rui-Card--disabled__background-color: var(--rui-color-background-disabled);
@@ -660,6 +683,19 @@
660
683
  --rui-Modal--large__width: 60rem;
661
684
  --rui-Modal--fullscreen__width: 100%;
662
685
  --rui-Modal--fullscreen__height: 100%;
686
+ --rui-Modal__animation__duration: 0.25s;
687
+ --rui-Modal--success__border-color: var(--rui-color-feedback-success);
688
+ --rui-Modal--success__background-color: var(--rui-color-background-success);
689
+ --rui-Modal--warning__border-color: var(--rui-color-feedback-warning);
690
+ --rui-Modal--warning__background-color: var(--rui-color-background-warning);
691
+ --rui-Modal--danger__border-color: var(--rui-color-feedback-danger);
692
+ --rui-Modal--danger__background-color: var(--rui-color-background-danger);
693
+ --rui-Modal--info__border-color: var(--rui-color-feedback-info);
694
+ --rui-Modal--info__background-color: var(--rui-color-background-info);
695
+ --rui-Modal--help__border-color: var(--rui-color-feedback-help);
696
+ --rui-Modal--help__background-color: var(--rui-color-background-help);
697
+ --rui-Modal--note__border-color: var(--rui-color-feedback-note);
698
+ --rui-Modal--note__background-color: var(--rui-color-background-note);
663
699
  --rui-Paper__padding: var(--rui-dimension-space-4);
664
700
  --rui-Paper__border-width: 0;
665
701
  --rui-Paper__border-color: transparent;
@@ -1096,12 +1132,18 @@
1096
1132
  a {
1097
1133
  -webkit-text-decoration: var(--rui-text-decoration-link);
1098
1134
  text-decoration: var(--rui-text-decoration-link);
1099
- color: var(--rui-color-text-link);
1135
+ text-underline-offset: var(--rui-underline-offset-link);
1136
+ color: var(--rui-local-link-color, var(--rui-color-text-link));
1100
1137
  }
1101
- a:hover, a:focus {
1138
+ a:hover {
1102
1139
  -webkit-text-decoration: var(--rui-text-decoration-link-hover);
1103
1140
  text-decoration: var(--rui-text-decoration-link-hover);
1104
- color: var(--rui-color-text-link-hover);
1141
+ color: var(--rui-local-link-color-hover, var(--rui-color-text-link-hover));
1142
+ }
1143
+ a:active {
1144
+ -webkit-text-decoration: var(--rui-text-decoration-link-active);
1145
+ text-decoration: var(--rui-text-decoration-link-active);
1146
+ color: var(--rui-local-link-color-active, var(--rui-color-text-link-active));
1105
1147
  }
1106
1148
  ol,
1107
1149
  ul {
@@ -3447,8 +3489,8 @@
3447
3489
  .Alert-module__message__oZQVuqmd {
3448
3490
  padding: var(--rui-Alert__padding);
3449
3491
  }
3450
- .Alert-module__close__zxS8ZLxY,
3451
- .Alert-module__icon__THa5zFHI {
3492
+ .Alert-module__icon__THa5zFHI,
3493
+ .Alert-module__close__zxS8ZLxY {
3452
3494
  height: calc(var(--rui-font-size-1) * var(--rui-line-height-base) + 2 * var(--rui-Alert__padding));
3453
3495
  color: var(--rui-local-foreground-color);
3454
3496
  }
@@ -3465,7 +3507,6 @@
3465
3507
  font-size: var(--rui-font-size-1);
3466
3508
  line-height: var(--rui-line-height-base);
3467
3509
  }
3468
- .Alert-module__message__oZQVuqmd a,
3469
3510
  .Alert-module__message__oZQVuqmd strong {
3470
3511
  font-weight: var(--rui-Alert__emphasis__font-weight);
3471
3512
  color: var(--rui-local-foreground-color);
@@ -3516,6 +3557,9 @@
3516
3557
  --rui-Alert--success__background-color
3517
3558
 
3518
3559
  );
3560
+ --rui-local-link-color: var(--rui-color-feedback-success);
3561
+ --rui-local-link-color-hover: var(--rui-color-feedback-success-hover);
3562
+ --rui-local-link-color-active: var(--rui-color-feedback-success-active);
3519
3563
  }
3520
3564
  .Alert-module__isRootColorWarning__Tv1F5qUb {
3521
3565
  --rui-local-color:
@@ -3533,6 +3577,9 @@
3533
3577
  --rui-Alert--warning__background-color
3534
3578
 
3535
3579
  );
3580
+ --rui-local-link-color: var(--rui-color-feedback-warning);
3581
+ --rui-local-link-color-hover: var(--rui-color-feedback-warning-hover);
3582
+ --rui-local-link-color-active: var(--rui-color-feedback-warning-active);
3536
3583
  }
3537
3584
  .Alert-module__isRootColorDanger__vSuahf3N {
3538
3585
  --rui-local-color:
@@ -3550,6 +3597,9 @@
3550
3597
  --rui-Alert--danger__background-color
3551
3598
 
3552
3599
  );
3600
+ --rui-local-link-color: var(--rui-color-feedback-danger);
3601
+ --rui-local-link-color-hover: var(--rui-color-feedback-danger-hover);
3602
+ --rui-local-link-color-active: var(--rui-color-feedback-danger-active);
3553
3603
  }
3554
3604
  .Alert-module__isRootColorInfo__CydUTawd {
3555
3605
  --rui-local-color:
@@ -3567,6 +3617,9 @@
3567
3617
  --rui-Alert--info__background-color
3568
3618
 
3569
3619
  );
3620
+ --rui-local-link-color: var(--rui-color-feedback-info);
3621
+ --rui-local-link-color-hover: var(--rui-color-feedback-info-hover);
3622
+ --rui-local-link-color-active: var(--rui-color-feedback-info-active);
3570
3623
  }
3571
3624
  .Alert-module__isRootColorHelp__ftSYT6_4 {
3572
3625
  --rui-local-color:
@@ -3584,6 +3637,9 @@
3584
3637
  --rui-Alert--help__background-color
3585
3638
 
3586
3639
  );
3640
+ --rui-local-link-color: var(--rui-color-feedback-help);
3641
+ --rui-local-link-color-hover: var(--rui-color-feedback-help-hover);
3642
+ --rui-local-link-color-active: var(--rui-color-feedback-help-active);
3587
3643
  }
3588
3644
  .Alert-module__isRootColorNote__tl_nYMy0 {
3589
3645
  --rui-local-color:
@@ -3601,40 +3657,9 @@
3601
3657
  --rui-Alert--note__background-color
3602
3658
 
3603
3659
  );
3604
- }
3605
- .Alert-module__isRootColorLight__LBWCo24o {
3606
- --rui-local-color:
3607
- var(
3608
- --rui-Alert--light__color
3609
-
3610
- );
3611
- --rui-local-foreground-color:
3612
- var(
3613
- --rui-Alert--light__foreground-color
3614
-
3615
- );
3616
- --rui-local-background-color:
3617
- var(
3618
- --rui-Alert--light__background-color
3619
-
3620
- );
3621
- }
3622
- .Alert-module__isRootColorDark__ro4AYKc8 {
3623
- --rui-local-color:
3624
- var(
3625
- --rui-Alert--dark__color
3626
-
3627
- );
3628
- --rui-local-foreground-color:
3629
- var(
3630
- --rui-Alert--dark__foreground-color
3631
-
3632
- );
3633
- --rui-local-background-color:
3634
- var(
3635
- --rui-Alert--dark__background-color
3636
-
3637
- );
3660
+ --rui-local-link-color: var(--rui-color-feedback-note);
3661
+ --rui-local-link-color-hover: var(--rui-color-feedback-note-hover);
3662
+ --rui-local-link-color-active: var(--rui-color-feedback-note-active);
3638
3663
  }
3639
3664
  }
3640
3665
  /*!***********************************************************************************************************************************************************************************************************************************!*\
@@ -6357,9 +6382,9 @@
6357
6382
  flex-direction: column;
6358
6383
  min-width: 0;
6359
6384
  color: var(--rui-local-color);
6360
- border: var(--rui-Card__border-width) solid var(--rui-local-border-color);
6385
+ border: var(--rui-Card__border-width) solid var(--rui-local-border-color, transparent);
6361
6386
  border-radius: var(--rui-Card__border-radius);
6362
- background-color: var(--rui-local-background-color);
6387
+ background-color: var(--rui-local-background-color, var(--rui-Card__background-color));
6363
6388
  }
6364
6389
  .Card-module__body__DZFwick2 {
6365
6390
  flex: 1 0 auto;
@@ -6374,6 +6399,10 @@
6374
6399
  .Card-module__isRootRaised__mrD5KMAs {
6375
6400
  box-shadow: var(--rui-Card--raised__box-shadow);
6376
6401
  }
6402
+ .Card-module__isRootDisabled__Wm_9A4kS {
6403
+ background-color: var(--rui-Card--disabled__background-color);
6404
+ opacity: var(--rui-Card--disabled__opacity);
6405
+ }
6377
6406
  .Card-module__isRootColorSuccess__yi_tFR5R {
6378
6407
  --rui-local-color:
6379
6408
  var(
@@ -6390,6 +6419,9 @@
6390
6419
  --rui-Card--success__background-color
6391
6420
 
6392
6421
  );
6422
+ --rui-local-link-color: var(--rui-color-feedback-success);
6423
+ --rui-local-link-color-hover: var(--rui-color-feedback-success-hover);
6424
+ --rui-local-link-color-active: var(--rui-color-feedback-success-active);
6393
6425
  }
6394
6426
  .Card-module__isRootColorWarning__Dqf8jQFM {
6395
6427
  --rui-local-color:
@@ -6407,6 +6439,9 @@
6407
6439
  --rui-Card--warning__background-color
6408
6440
 
6409
6441
  );
6442
+ --rui-local-link-color: var(--rui-color-feedback-warning);
6443
+ --rui-local-link-color-hover: var(--rui-color-feedback-warning-hover);
6444
+ --rui-local-link-color-active: var(--rui-color-feedback-warning-active);
6410
6445
  }
6411
6446
  .Card-module__isRootColorDanger__NJZCO0YY {
6412
6447
  --rui-local-color:
@@ -6424,6 +6459,9 @@
6424
6459
  --rui-Card--danger__background-color
6425
6460
 
6426
6461
  );
6462
+ --rui-local-link-color: var(--rui-color-feedback-danger);
6463
+ --rui-local-link-color-hover: var(--rui-color-feedback-danger-hover);
6464
+ --rui-local-link-color-active: var(--rui-color-feedback-danger-active);
6427
6465
  }
6428
6466
  .Card-module__isRootColorInfo__xdYwYAWt {
6429
6467
  --rui-local-color:
@@ -6441,6 +6479,9 @@
6441
6479
  --rui-Card--info__background-color
6442
6480
 
6443
6481
  );
6482
+ --rui-local-link-color: var(--rui-color-feedback-info);
6483
+ --rui-local-link-color-hover: var(--rui-color-feedback-info-hover);
6484
+ --rui-local-link-color-active: var(--rui-color-feedback-info-active);
6444
6485
  }
6445
6486
  .Card-module__isRootColorHelp__lc5Omloh {
6446
6487
  --rui-local-color:
@@ -6458,6 +6499,9 @@
6458
6499
  --rui-Card--help__background-color
6459
6500
 
6460
6501
  );
6502
+ --rui-local-link-color: var(--rui-color-feedback-help);
6503
+ --rui-local-link-color-hover: var(--rui-color-feedback-help-hover);
6504
+ --rui-local-link-color-active: var(--rui-color-feedback-help-active);
6461
6505
  }
6462
6506
  .Card-module__isRootColorNote__Jd0fjU8q {
6463
6507
  --rui-local-color:
@@ -6475,44 +6519,9 @@
6475
6519
  --rui-Card--note__background-color
6476
6520
 
6477
6521
  );
6478
- }
6479
- .Card-module__isRootColorLight__iCf72IJr {
6480
- --rui-local-color:
6481
- var(
6482
- --rui-Card--light__color
6483
-
6484
- );
6485
- --rui-local-border-color:
6486
- var(
6487
- --rui-Card--light__border-color
6488
-
6489
- );
6490
- --rui-local-background-color:
6491
- var(
6492
- --rui-Card--light__background-color
6493
-
6494
- );
6495
- }
6496
- .Card-module__isRootColorDark__qqlYTf5V {
6497
- --rui-local-color:
6498
- var(
6499
- --rui-Card--dark__color
6500
-
6501
- );
6502
- --rui-local-border-color:
6503
- var(
6504
- --rui-Card--dark__border-color
6505
-
6506
- );
6507
- --rui-local-background-color:
6508
- var(
6509
- --rui-Card--dark__background-color
6510
-
6511
- );
6512
- }
6513
- .Card-module__isRootDisabled__Wm_9A4kS {
6514
- background-color: var(--rui-Card--disabled__background-color);
6515
- opacity: var(--rui-Card--disabled__opacity);
6522
+ --rui-local-link-color: var(--rui-color-feedback-note);
6523
+ --rui-local-link-color-hover: var(--rui-color-feedback-note-hover);
6524
+ --rui-local-link-color-active: var(--rui-color-feedback-note-active);
6516
6525
  }
6517
6526
  }
6518
6527
  /*!*********************************************************************************************************************************************************************************************************************************************!*\
@@ -6643,6 +6652,11 @@
6643
6652
  content: var(--rui-FormField--required__sign);
6644
6653
  color: var(--rui-FormField--required__sign__color);
6645
6654
  }
6655
+ .FormLayoutCustomField-module__isRootStateInvalid__OhuSVPjE {
6656
+ --rui-local-link-color: var(--rui-color-feedback-danger);
6657
+ --rui-local-link-color-hover: var(--rui-color-feedback-danger-hover);
6658
+ --rui-local-link-color-active: var(--rui-color-feedback-danger-active);
6659
+ }
6646
6660
  .FormLayoutCustomField-module__isRootStateInvalid__OhuSVPjE, .FormLayoutCustomField-module__isRootStateInvalid__OhuSVPjE:hover {
6647
6661
  --rui-local-color: var(--rui-FormField--invalid--default__color);
6648
6662
  --rui-local-border-color: var(--rui-FormField--invalid--default__border-color);
@@ -6707,6 +6721,11 @@
6707
6721
  var(--rui-FormField--invalid--checked__check-background-color)
6708
6722
  );
6709
6723
  }
6724
+ .FormLayoutCustomField-module__isRootStateValid__ROOaFW0P {
6725
+ --rui-local-link-color: var(--rui-color-feedback-success);
6726
+ --rui-local-link-color-hover: var(--rui-color-feedback-success-hover);
6727
+ --rui-local-link-color-active: var(--rui-color-feedback-success-active);
6728
+ }
6710
6729
  .FormLayoutCustomField-module__isRootStateValid__ROOaFW0P, .FormLayoutCustomField-module__isRootStateValid__ROOaFW0P:hover {
6711
6730
  --rui-local-color: var(--rui-FormField--valid--default__color);
6712
6731
  --rui-local-border-color: var(--rui-FormField--valid--default__border-color);
@@ -6771,6 +6790,11 @@
6771
6790
  var(--rui-FormField--valid--checked__check-background-color)
6772
6791
  );
6773
6792
  }
6793
+ .FormLayoutCustomField-module__isRootStateWarning__HG_NKMXd {
6794
+ --rui-local-link-color: var(--rui-color-feedback-warning);
6795
+ --rui-local-link-color-hover: var(--rui-color-feedback-warning-hover);
6796
+ --rui-local-link-color-active: var(--rui-color-feedback-warning-active);
6797
+ }
6774
6798
  .FormLayoutCustomField-module__isRootStateWarning__HG_NKMXd, .FormLayoutCustomField-module__isRootStateWarning__HG_NKMXd:hover {
6775
6799
  --rui-local-color: var(--rui-FormField--warning--default__color);
6776
6800
  --rui-local-border-color: var(--rui-FormField--warning--default__border-color);
@@ -6897,29 +6921,23 @@
6897
6921
  justify-self: stretch;
6898
6922
  }
6899
6923
  .FormLayoutCustomField-module__isRootSizeSmall__sQZHyTZR {
6924
+ --rui-local-height: var(--rui-FormField--box--small__height);
6900
6925
  --rui-local-padding-y: var(--rui-FormField--box--small__padding-y);
6901
6926
  --rui-local-padding-x: var(--rui-FormField--box--small__padding-x);
6902
6927
  --rui-local-font-size: var(--rui-FormField--box--small__font-size);
6903
6928
  }
6904
- .FormLayoutCustomField-module__isRootSizeSmall__sQZHyTZR .FormLayoutCustomField-module__input__ZxqACEjI {
6905
- --rui-local-height: var(--rui-FormField--box--small__height);
6906
- }
6907
6929
  .FormLayoutCustomField-module__isRootSizeMedium__YznNPyT4 {
6930
+ --rui-local-height: var(--rui-FormField--box--medium__height);
6908
6931
  --rui-local-padding-y: var(--rui-FormField--box--medium__padding-y);
6909
6932
  --rui-local-padding-x: var(--rui-FormField--box--medium__padding-x);
6910
6933
  --rui-local-font-size: var(--rui-FormField--box--medium__font-size);
6911
6934
  }
6912
- .FormLayoutCustomField-module__isRootSizeMedium__YznNPyT4 .FormLayoutCustomField-module__input__ZxqACEjI {
6913
- --rui-local-height: var(--rui-FormField--box--medium__height);
6914
- }
6915
6935
  .FormLayoutCustomField-module__isRootSizeLarge__ga4Z0mOL {
6936
+ --rui-local-height: var(--rui-FormField--box--large__height);
6916
6937
  --rui-local-padding-y: var(--rui-FormField--box--large__padding-y);
6917
6938
  --rui-local-padding-x: var(--rui-FormField--box--large__padding-x);
6918
6939
  --rui-local-font-size: var(--rui-FormField--box--large__font-size);
6919
6940
  }
6920
- .FormLayoutCustomField-module__isRootSizeLarge__ga4Z0mOL .FormLayoutCustomField-module__input__ZxqACEjI {
6921
- --rui-local-height: var(--rui-FormField--box--large__height);
6922
- }
6923
6941
  }
6924
6942
  /*!***************************************************************************************************************************************************************************************************************************************************!*\
6925
6943
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/components/CheckboxField/CheckboxField.module.scss ***!
@@ -7098,6 +7116,11 @@
7098
7116
  content: var(--rui-FormField--required__sign);
7099
7117
  color: var(--rui-FormField--required__sign__color);
7100
7118
  }
7119
+ .CheckboxField-module__isRootStateInvalid__vPPd19_Y {
7120
+ --rui-local-link-color: var(--rui-color-feedback-danger);
7121
+ --rui-local-link-color-hover: var(--rui-color-feedback-danger-hover);
7122
+ --rui-local-link-color-active: var(--rui-color-feedback-danger-active);
7123
+ }
7101
7124
  .CheckboxField-module__isRootStateInvalid__vPPd19_Y, .CheckboxField-module__isRootStateInvalid__vPPd19_Y:hover {
7102
7125
  --rui-local-color: var(--rui-FormField--invalid--default__color);
7103
7126
  --rui-local-border-color: var(--rui-FormField--invalid--default__border-color);
@@ -7162,6 +7185,11 @@
7162
7185
  var(--rui-FormField--invalid--checked__check-background-color)
7163
7186
  );
7164
7187
  }
7188
+ .CheckboxField-module__isRootStateValid__r8FOGTne {
7189
+ --rui-local-link-color: var(--rui-color-feedback-success);
7190
+ --rui-local-link-color-hover: var(--rui-color-feedback-success-hover);
7191
+ --rui-local-link-color-active: var(--rui-color-feedback-success-active);
7192
+ }
7165
7193
  .CheckboxField-module__isRootStateValid__r8FOGTne, .CheckboxField-module__isRootStateValid__r8FOGTne:hover {
7166
7194
  --rui-local-color: var(--rui-FormField--valid--default__color);
7167
7195
  --rui-local-border-color: var(--rui-FormField--valid--default__border-color);
@@ -7226,6 +7254,11 @@
7226
7254
  var(--rui-FormField--valid--checked__check-background-color)
7227
7255
  );
7228
7256
  }
7257
+ .CheckboxField-module__isRootStateWarning__evYzQZrD {
7258
+ --rui-local-link-color: var(--rui-color-feedback-warning);
7259
+ --rui-local-link-color-hover: var(--rui-color-feedback-warning-hover);
7260
+ --rui-local-link-color-active: var(--rui-color-feedback-warning-active);
7261
+ }
7229
7262
  .CheckboxField-module__isRootStateWarning__evYzQZrD, .CheckboxField-module__isRootStateWarning__evYzQZrD:hover {
7230
7263
  --rui-local-color: var(--rui-FormField--warning--default__color);
7231
7264
  --rui-local-border-color: var(--rui-FormField--warning--default__border-color);
@@ -7352,37 +7385,89 @@
7352
7385
  }
7353
7386
  }
7354
7387
  }
7355
- /*!*****************************************************************************************************************************************************************************************************************************************************!*\
7356
- !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/components/FileInputField/FileInputField.module.scss ***!
7357
- \*****************************************************************************************************************************************************************************************************************************************************/
7358
- @layer components.file-input-field {
7359
- .FileInputField-module__root__ghhDu2qq {
7388
+ /*!*********************************************************************************************************************************************************************************************************************************!*\
7389
+ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/components/Text/Text.module.scss ***!
7390
+ \*********************************************************************************************************************************************************************************************************************************/
7391
+ @layer components.text {
7392
+ .Text-module__isRootClampSingleLine__DhwlOPTH {
7393
+ display: block;
7394
+ overflow: hidden;
7395
+ text-overflow: ellipsis;
7396
+ white-space: nowrap;
7397
+ }
7398
+ .Text-module__isRootClampMultiLine__Er1GqWHI {
7399
+ display: -webkit-box;
7400
+ -webkit-line-clamp: var(--rui-custom-lines);
7401
+ -webkit-box-orient: vertical;
7402
+ overflow: hidden;
7403
+ text-overflow: ellipsis;
7404
+ }
7405
+ .Text-module__isRootHyphensAuto__m1nWJ4re {
7406
+ hyphens: auto;
7407
+ }
7408
+ .Text-module__isRootHyphensManual__upey6EkW {
7409
+ hyphens: manual;
7410
+ }
7411
+ .Text-module__isRootWordWrappingAnywhere__jt5wmKlV {
7412
+ word-break: break-all;
7413
+ }
7414
+ .Text-module__isRootWordWrappingLongWords__ylGzDuGT {
7415
+ word-break: break-word;
7416
+ overflow-wrap: anywhere;
7417
+ }
7418
+ }
7419
+ /*!*********************************************************************************************************************************************************************************************************************************************!*\
7420
+ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/components/InputGroup/InputGroup.module.scss ***!
7421
+ \*********************************************************************************************************************************************************************************************************************************************/
7422
+ @layer components.input-group {
7423
+ .InputGroup-module__root__LvmotAvO {
7360
7424
  text-align: left;
7361
7425
  }
7362
- .FileInputField-module__label__uLkyizW9 {
7426
+ .InputGroup-module__root__LvmotAvO:not(:last-child) {
7427
+ margin-bottom: 0;
7428
+ }
7429
+ .InputGroup-module__legend__hmC65lXU {
7430
+ position: absolute;
7431
+ width: 1px;
7432
+ height: 1px;
7433
+ padding: 0;
7434
+ overflow: hidden;
7435
+ clip: rect(0, 0, 0, 0);
7436
+ white-space: nowrap;
7437
+ border: 0;
7438
+ }
7439
+ .InputGroup-module__label__KUZV3N9L {
7363
7440
  color: var(--rui-local-surrounding-text-color, var(--rui-FormField__label__color));
7364
7441
  }
7365
- .FileInputField-module__inputContainer__CST1gkv7 {
7366
- position: relative;
7367
- display: inline-flex;
7368
- min-width: 0;
7369
- max-width: 100%;
7442
+ .InputGroup-module__inputGroup__ZJ56FMAW {
7443
+ --rui-local-inner-border-radius: var(--rui-InputGroup__inner-border-radius);
7444
+ display: flex;
7445
+ gap: var(--rui-InputGroup__gap);
7370
7446
  }
7371
- .FileInputField-module__helpText__HCHg5mWq,
7372
- .FileInputField-module__validationText__cgjZsi9B {
7447
+ .InputGroup-module__validationText__HNOu0L2V {
7448
+ padding-left: 0;
7449
+ list-style: none;
7373
7450
  font-style: var(--rui-FormField__help-text__font-style);
7374
7451
  font-size: var(--rui-FormField__help-text__font-size);
7375
7452
  line-height: 1.2rem;
7376
7453
  color: var(--rui-local-surrounding-text-color, var(--rui-FormField__help-text__color));
7377
7454
  }
7378
- .FileInputField-module__isRootRequired__yANZcyI_ .FileInputField-module__label__uLkyizW9 {
7455
+ .InputGroup-module__validationText__HNOu0L2V:not(:last-child) {
7456
+ margin-bottom: 0;
7457
+ }
7458
+ .InputGroup-module__isRootRequired__GCSWjHY7 .InputGroup-module__label__KUZV3N9L {
7379
7459
  color: var(--rui-local-surrounding-text-color, var(--rui-FormField--required__label__color));
7380
7460
  }
7381
- .FileInputField-module__isRootRequired__yANZcyI_ .FileInputField-module__label__uLkyizW9::after {
7461
+ .InputGroup-module__isRootRequired__GCSWjHY7 .InputGroup-module__label__KUZV3N9L::after {
7382
7462
  content: var(--rui-FormField--required__sign);
7383
7463
  color: var(--rui-FormField--required__sign__color);
7384
7464
  }
7385
- .FileInputField-module__isRootStateInvalid__qpLo9mVU, .FileInputField-module__isRootStateInvalid__qpLo9mVU:hover {
7465
+ .InputGroup-module__isRootStateInvalid__Atu0FWW_ {
7466
+ --rui-local-link-color: var(--rui-color-feedback-danger);
7467
+ --rui-local-link-color-hover: var(--rui-color-feedback-danger-hover);
7468
+ --rui-local-link-color-active: var(--rui-color-feedback-danger-active);
7469
+ }
7470
+ .InputGroup-module__isRootStateInvalid__Atu0FWW_, .InputGroup-module__isRootStateInvalid__Atu0FWW_:hover {
7386
7471
  --rui-local-color: var(--rui-FormField--invalid--default__color);
7387
7472
  --rui-local-border-color: var(--rui-FormField--invalid--default__border-color);
7388
7473
  --rui-local-background: var(--rui-FormField--invalid--default__background);
@@ -7390,7 +7475,7 @@
7390
7475
  --rui-local-box-shadow: var(--rui-FormField--invalid--default__box-shadow);
7391
7476
  --rui-local-surrounding-text-color: var(--rui-FormField--invalid--default__surrounding-text-color);
7392
7477
  }
7393
- .FileInputField-module__isRootStateInvalid__qpLo9mVU .FileInputField-module__input__iLmNDUMn:checked {
7478
+ .InputGroup-module__isRootStateInvalid__Atu0FWW_ .InputGroup-module__input__m3nCQTQs:checked {
7394
7479
  --rui-local-border-color:
7395
7480
  var(
7396
7481
  --rui-FormField--invalid--checked__border-color,
@@ -7402,7 +7487,7 @@
7402
7487
  var(--rui-FormField--invalid--default__check-background-color)
7403
7488
  );
7404
7489
  }
7405
- .FileInputField-module__isRootStateInvalid__qpLo9mVU.FileInputField-module__isRootDisabled__krkT4J9v {
7490
+ .InputGroup-module__isRootStateInvalid__Atu0FWW_.InputGroup-module__isRootDisabled__xmAO_NpX {
7406
7491
  --rui-local-color:
7407
7492
  var(
7408
7493
  --rui-FormField--invalid--disabled__color,
@@ -7434,7 +7519,7 @@
7434
7519
  var(--rui-FormField--invalid--default__surrounding-text-color)
7435
7520
  );
7436
7521
  }
7437
- .FileInputField-module__isRootStateInvalid__qpLo9mVU .FileInputField-module__input__iLmNDUMn:checked:disabled {
7522
+ .InputGroup-module__isRootStateInvalid__Atu0FWW_ .InputGroup-module__input__m3nCQTQs:checked:disabled {
7438
7523
  --rui-local-border-color:
7439
7524
  var(
7440
7525
  --rui-FormField--invalid--checked-disabled__border-color,
@@ -7446,7 +7531,12 @@
7446
7531
  var(--rui-FormField--invalid--checked__check-background-color)
7447
7532
  );
7448
7533
  }
7449
- .FileInputField-module__isRootStateValid__kd8G0bYh, .FileInputField-module__isRootStateValid__kd8G0bYh:hover {
7534
+ .InputGroup-module__isRootStateValid__ykb1SzPU {
7535
+ --rui-local-link-color: var(--rui-color-feedback-success);
7536
+ --rui-local-link-color-hover: var(--rui-color-feedback-success-hover);
7537
+ --rui-local-link-color-active: var(--rui-color-feedback-success-active);
7538
+ }
7539
+ .InputGroup-module__isRootStateValid__ykb1SzPU, .InputGroup-module__isRootStateValid__ykb1SzPU:hover {
7450
7540
  --rui-local-color: var(--rui-FormField--valid--default__color);
7451
7541
  --rui-local-border-color: var(--rui-FormField--valid--default__border-color);
7452
7542
  --rui-local-background: var(--rui-FormField--valid--default__background);
@@ -7454,7 +7544,7 @@
7454
7544
  --rui-local-box-shadow: var(--rui-FormField--valid--default__box-shadow);
7455
7545
  --rui-local-surrounding-text-color: var(--rui-FormField--valid--default__surrounding-text-color);
7456
7546
  }
7457
- .FileInputField-module__isRootStateValid__kd8G0bYh .FileInputField-module__input__iLmNDUMn:checked {
7547
+ .InputGroup-module__isRootStateValid__ykb1SzPU .InputGroup-module__input__m3nCQTQs:checked {
7458
7548
  --rui-local-border-color:
7459
7549
  var(
7460
7550
  --rui-FormField--valid--checked__border-color,
@@ -7466,7 +7556,7 @@
7466
7556
  var(--rui-FormField--valid--default__check-background-color)
7467
7557
  );
7468
7558
  }
7469
- .FileInputField-module__isRootStateValid__kd8G0bYh.FileInputField-module__isRootDisabled__krkT4J9v {
7559
+ .InputGroup-module__isRootStateValid__ykb1SzPU.InputGroup-module__isRootDisabled__xmAO_NpX {
7470
7560
  --rui-local-color:
7471
7561
  var(
7472
7562
  --rui-FormField--valid--disabled__color,
@@ -7498,7 +7588,7 @@
7498
7588
  var(--rui-FormField--valid--default__surrounding-text-color)
7499
7589
  );
7500
7590
  }
7501
- .FileInputField-module__isRootStateValid__kd8G0bYh .FileInputField-module__input__iLmNDUMn:checked:disabled {
7591
+ .InputGroup-module__isRootStateValid__ykb1SzPU .InputGroup-module__input__m3nCQTQs:checked:disabled {
7502
7592
  --rui-local-border-color:
7503
7593
  var(
7504
7594
  --rui-FormField--valid--checked-disabled__border-color,
@@ -7510,7 +7600,12 @@
7510
7600
  var(--rui-FormField--valid--checked__check-background-color)
7511
7601
  );
7512
7602
  }
7513
- .FileInputField-module__isRootStateWarning__jnC_TrpN, .FileInputField-module__isRootStateWarning__jnC_TrpN:hover {
7603
+ .InputGroup-module__isRootStateWarning__wK1Lp0ri {
7604
+ --rui-local-link-color: var(--rui-color-feedback-warning);
7605
+ --rui-local-link-color-hover: var(--rui-color-feedback-warning-hover);
7606
+ --rui-local-link-color-active: var(--rui-color-feedback-warning-active);
7607
+ }
7608
+ .InputGroup-module__isRootStateWarning__wK1Lp0ri, .InputGroup-module__isRootStateWarning__wK1Lp0ri:hover {
7514
7609
  --rui-local-color: var(--rui-FormField--warning--default__color);
7515
7610
  --rui-local-border-color: var(--rui-FormField--warning--default__border-color);
7516
7611
  --rui-local-background: var(--rui-FormField--warning--default__background);
@@ -7518,7 +7613,7 @@
7518
7613
  --rui-local-box-shadow: var(--rui-FormField--warning--default__box-shadow);
7519
7614
  --rui-local-surrounding-text-color: var(--rui-FormField--warning--default__surrounding-text-color);
7520
7615
  }
7521
- .FileInputField-module__isRootStateWarning__jnC_TrpN .FileInputField-module__input__iLmNDUMn:checked {
7616
+ .InputGroup-module__isRootStateWarning__wK1Lp0ri .InputGroup-module__input__m3nCQTQs:checked {
7522
7617
  --rui-local-border-color:
7523
7618
  var(
7524
7619
  --rui-FormField--warning--checked__border-color,
@@ -7530,7 +7625,7 @@
7530
7625
  var(--rui-FormField--warning--default__check-background-color)
7531
7626
  );
7532
7627
  }
7533
- .FileInputField-module__isRootStateWarning__jnC_TrpN.FileInputField-module__isRootDisabled__krkT4J9v {
7628
+ .InputGroup-module__isRootStateWarning__wK1Lp0ri.InputGroup-module__isRootDisabled__xmAO_NpX {
7534
7629
  --rui-local-color:
7535
7630
  var(
7536
7631
  --rui-FormField--warning--disabled__color,
@@ -7562,7 +7657,7 @@
7562
7657
  var(--rui-FormField--warning--default__surrounding-text-color)
7563
7658
  );
7564
7659
  }
7565
- .FileInputField-module__isRootStateWarning__jnC_TrpN .FileInputField-module__input__iLmNDUMn:checked:disabled {
7660
+ .InputGroup-module__isRootStateWarning__wK1Lp0ri .InputGroup-module__input__m3nCQTQs:checked:disabled {
7566
7661
  --rui-local-border-color:
7567
7662
  var(
7568
7663
  --rui-FormField--warning--checked-disabled__border-color,
@@ -7574,46 +7669,41 @@
7574
7669
  var(--rui-FormField--warning--checked__check-background-color)
7575
7670
  );
7576
7671
  }
7577
- .FileInputField-module__isLabelHidden__wzJljYML {
7578
- position: absolute;
7579
- width: 1px;
7580
- height: 1px;
7581
- padding: 0;
7582
- overflow: hidden;
7583
- clip: rect(0, 0, 0, 0);
7584
- white-space: nowrap;
7585
- border: 0;
7586
- }
7587
- .FileInputField-module__isRootLayoutVertical__umNjNzoj,
7588
- .FileInputField-module__isRootLayoutHorizontal__lHc4IRZD {
7672
+ .InputGroup-module__isRootLayoutVertical__Kh7ukFER,
7673
+ .InputGroup-module__isRootLayoutHorizontal__E9aM__PG {
7589
7674
  display: inline-flex;
7590
7675
  flex-direction: column;
7591
7676
  min-width: 0;
7592
7677
  max-width: 100%;
7678
+ max-width: none;
7593
7679
  }
7594
- .FileInputField-module__isRootLayoutVertical__umNjNzoj .FileInputField-module__label__uLkyizW9,
7595
- .FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__label__uLkyizW9 {
7680
+ .InputGroup-module__isRootLayoutVertical__Kh7ukFER .InputGroup-module__label__KUZV3N9L,
7681
+ .InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__label__KUZV3N9L {
7596
7682
  padding-bottom: var(--rui-local-vertical-gap, var(--rui-dimension-space-1));
7597
7683
  }
7598
- .FileInputField-module__isRootLayoutVertical__umNjNzoj .FileInputField-module__helpText__HCHg5mWq,
7599
- .FileInputField-module__isRootLayoutVertical__umNjNzoj .FileInputField-module__validationText__cgjZsi9B,
7600
- .FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__helpText__HCHg5mWq,
7601
- .FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__validationText__cgjZsi9B {
7684
+ .InputGroup-module__isRootLayoutVertical__Kh7ukFER .InputGroup-module__helpText__EEl3Ozjn,
7685
+ .InputGroup-module__isRootLayoutVertical__Kh7ukFER .InputGroup-module__validationText__HNOu0L2V,
7686
+ .InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__helpText__EEl3Ozjn,
7687
+ .InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__validationText__HNOu0L2V {
7602
7688
  padding-top: var(--rui-local-vertical-gap, var(--rui-dimension-space-1));
7603
7689
  }
7604
- .FileInputField-module__isRootLayoutVertical__umNjNzoj .FileInputField-module__field__SZE7nT5K,
7605
- .FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__field__SZE7nT5K {
7690
+ .InputGroup-module__isRootLayoutVertical__Kh7ukFER .InputGroup-module__field__UIKh_s8O,
7691
+ .InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__field__UIKh_s8O {
7606
7692
  width: min-content;
7607
7693
  max-width: 100%;
7608
7694
  }
7695
+ .InputGroup-module__isRootLayoutVertical__Kh7ukFER .InputGroup-module__field__UIKh_s8O,
7696
+ .InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__field__UIKh_s8O {
7697
+ max-width: none;
7698
+ }
7609
7699
  @media (min-width: 48em) {
7610
- .FileInputField-module__isRootLayoutHorizontal__lHc4IRZD {
7700
+ .InputGroup-module__isRootLayoutHorizontal__E9aM__PG {
7611
7701
  display: inline-grid;
7612
7702
  grid-template-columns: var(--rui-FormField--horizontal__label__width) min-content;
7613
7703
  grid-template-areas: "label field";
7614
7704
  align-items: start;
7615
7705
  }
7616
- .FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__label__uLkyizW9 {
7706
+ .InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__label__KUZV3N9L {
7617
7707
  grid-area: label;
7618
7708
  align-self: var(--rui-FormField--horizontal__label__vertical-alignment);
7619
7709
  min-width: var(--rui-FormField--horizontal__label__min-width);
@@ -7622,924 +7712,1037 @@
7622
7712
  padding-right: var(--rui-dimension-space-2);
7623
7713
  text-align: var(--rui-FormField--horizontal__label__text-align);
7624
7714
  }
7625
- .FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__field__SZE7nT5K {
7715
+ .InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__field__UIKh_s8O {
7626
7716
  grid-area: field;
7627
7717
  align-self: var(--rui-FormField--horizontal__field__vertical-alignment);
7628
7718
  justify-self: start;
7629
7719
  }
7630
7720
  }
7631
7721
  @media (min-width: 48em) {
7632
- .FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__label__uLkyizW9 {
7722
+ .InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__label__KUZV3N9L {
7633
7723
  -ms-grid-row: 1;
7634
7724
  -ms-grid-column: 1;
7635
7725
  }
7636
- .FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__field__SZE7nT5K {
7726
+ .InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__field__UIKh_s8O {
7637
7727
  -ms-grid-row: 1;
7638
7728
  -ms-grid-column: 2;
7639
7729
  }
7640
7730
  }
7641
- .FileInputField-module__isRootFullWidth__cpb0405R {
7642
- display: flex;
7643
- flex-direction: column;
7644
- width: 100%;
7645
- }
7646
- .FileInputField-module__isRootFullWidth__cpb0405R .FileInputField-module__field__SZE7nT5K,
7647
- .FileInputField-module__isRootFullWidth__cpb0405R .FileInputField-module__inputContainer__CST1gkv7,
7648
- .FileInputField-module__isRootFullWidth__cpb0405R .FileInputField-module__input__iLmNDUMn {
7649
- width: 100%;
7650
- }
7651
- @media (min-width: 48em) {
7652
- .FileInputField-module__isRootFullWidth__cpb0405R.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD {
7653
- display: grid;
7654
- grid-template-columns: var(--rui-FormField--horizontal--full-width__label__width) 1fr;
7655
- }
7656
- .FileInputField-module__isRootFullWidth__cpb0405R.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__field__SZE7nT5K {
7657
- justify-self: stretch;
7658
- }
7659
- }
7660
- .FileInputField-module__isRootInFormLayout__y6mVJsQY {
7731
+ .InputGroup-module__isRootInFormLayout__U0mXoJGg {
7661
7732
  justify-self: start;
7662
7733
  }
7663
- .FileInputField-module__isRootInFormLayout__y6mVJsQY .FileInputField-module__field__SZE7nT5K {
7734
+ .InputGroup-module__isRootInFormLayout__U0mXoJGg .InputGroup-module__field__UIKh_s8O {
7664
7735
  width: auto;
7665
7736
  }
7666
7737
  @media (min-width: 48em) {
7667
- .FileInputField-module__isRootInFormLayout__y6mVJsQY .FileInputField-module__optionLabel__HP65UZja {
7738
+ .InputGroup-module__isRootInFormLayout__U0mXoJGg .InputGroup-module__optionLabel__O3WgRGfZ {
7668
7739
  width: auto;
7669
7740
  }
7670
- .FileInputField-module__isRootInFormLayout__y6mVJsQY.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD, .FileInputField-module__isRootInFormLayout__y6mVJsQY.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD.FileInputField-module__hasRootSmallInput__rFEgcot4 {
7671
- grid: inherit;
7672
- grid-template-columns: subgrid;
7673
- grid-column: span 2;
7674
- }
7675
- @supports not (grid-template-columns: subgrid) {
7676
- .FileInputField-module__isRootInFormLayout__y6mVJsQY.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD, .FileInputField-module__isRootInFormLayout__y6mVJsQY.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD.FileInputField-module__hasRootSmallInput__rFEgcot4 {
7677
- display: contents;
7678
- }
7679
- }
7680
- .FileInputField-module__isRootInFormLayout__y6mVJsQY.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD.FileInputField-module__isRootFullWidth__cpb0405R {
7681
- grid-template-columns: subgrid;
7741
+ .InputGroup-module__isRootInFormLayout__U0mXoJGg.InputGroup-module__isRootLayoutHorizontal__E9aM__PG, .InputGroup-module__isRootInFormLayout__U0mXoJGg.InputGroup-module__isRootLayoutHorizontal__E9aM__PG.InputGroup-module__hasRootSmallInput__URPxKkaR {
7742
+ display: contents;
7682
7743
  }
7683
- .FileInputField-module__isRootInFormLayout__y6mVJsQY.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__label__uLkyizW9, .FileInputField-module__isRootInFormLayout__y6mVJsQY.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__field__SZE7nT5K, .FileInputField-module__isRootInFormLayout__y6mVJsQY.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__inputContainer__CST1gkv7, .FileInputField-module__isRootInFormLayout__y6mVJsQY.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__helpText__HCHg5mWq, .FileInputField-module__isRootInFormLayout__y6mVJsQY.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__validationText__cgjZsi9B {
7744
+ .InputGroup-module__isRootInFormLayout__U0mXoJGg.InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__label__KUZV3N9L, .InputGroup-module__isRootInFormLayout__U0mXoJGg.InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__field__UIKh_s8O, .InputGroup-module__isRootInFormLayout__U0mXoJGg.InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__inputContainer__lge2GUAJ, .InputGroup-module__isRootInFormLayout__U0mXoJGg.InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__helpText__EEl3Ozjn, .InputGroup-module__isRootInFormLayout__U0mXoJGg.InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__validationText__HNOu0L2V {
7684
7745
  grid-area: unset;
7685
7746
  }
7686
- .FileInputField-module__isRootInFormLayout__y6mVJsQY.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__field__SZE7nT5K, .FileInputField-module__isRootInFormLayout__y6mVJsQY.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__inputContainer__CST1gkv7, .FileInputField-module__isRootInFormLayout__y6mVJsQY.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__helpText__HCHg5mWq, .FileInputField-module__isRootInFormLayout__y6mVJsQY.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__validationText__cgjZsi9B {
7747
+ .InputGroup-module__isRootInFormLayout__U0mXoJGg.InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__field__UIKh_s8O, .InputGroup-module__isRootInFormLayout__U0mXoJGg.InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__inputContainer__lge2GUAJ, .InputGroup-module__isRootInFormLayout__U0mXoJGg.InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__helpText__EEl3Ozjn, .InputGroup-module__isRootInFormLayout__U0mXoJGg.InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__validationText__HNOu0L2V {
7687
7748
  grid-column-start: 2;
7688
7749
  }
7689
- .FileInputField-module__isRootInFormLayout__y6mVJsQY.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD.FileInputField-module__hasRootSmallInput__rFEgcot4 .FileInputField-module__field__SZE7nT5K {
7750
+ .InputGroup-module__isRootInFormLayout__U0mXoJGg.InputGroup-module__isRootLayoutHorizontal__E9aM__PG.InputGroup-module__hasRootSmallInput__URPxKkaR .InputGroup-module__field__UIKh_s8O {
7690
7751
  display: block;
7691
7752
  }
7692
7753
  }
7754
+ .InputGroup-module__isRootSizeSmall__b5mgk66O {
7755
+ --rui-local-height: var(--rui-FormField--box--small__height);
7756
+ --rui-local-padding-y: var(--rui-FormField--box--small__padding-y);
7757
+ --rui-local-padding-x: var(--rui-FormField--box--small__padding-x);
7758
+ --rui-local-font-size: var(--rui-FormField--box--small__font-size);
7759
+ }
7760
+ .InputGroup-module__isRootSizeMedium__DXe8yUee {
7761
+ --rui-local-height: var(--rui-FormField--box--medium__height);
7762
+ --rui-local-padding-y: var(--rui-FormField--box--medium__padding-y);
7763
+ --rui-local-padding-x: var(--rui-FormField--box--medium__padding-x);
7764
+ --rui-local-font-size: var(--rui-FormField--box--medium__font-size);
7765
+ }
7766
+ .InputGroup-module__isRootSizeLarge__8pd07vgR {
7767
+ --rui-local-height: var(--rui-FormField--box--large__height);
7768
+ --rui-local-padding-y: var(--rui-FormField--box--large__padding-y);
7769
+ --rui-local-padding-x: var(--rui-FormField--box--large__padding-x);
7770
+ --rui-local-font-size: var(--rui-FormField--box--large__font-size);
7771
+ }
7693
7772
  }
7694
- /*!*********************************************************************************************************************************************************************************************************************************!*\
7695
- !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/components/Grid/Grid.module.scss ***!
7696
- \*********************************************************************************************************************************************************************************************************************************/
7697
- @layer components.grid {
7698
- .Grid-module__root__m6PTEyJq {
7699
- --rui-local-columns:
7773
+ /*!*****************************************************************************************************************************************************************************************************************************************************!*\
7774
+ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/components/FileInputField/FileInputField.module.scss ***!
7775
+ \*****************************************************************************************************************************************************************************************************************************************************/
7776
+ @layer components.file-input-field {
7777
+ .FileInputField-module__root__ghhDu2qq {
7778
+ text-align: left;
7779
+ }
7780
+ .FileInputField-module__label__uLkyizW9 {
7781
+ color: var(--rui-local-surrounding-text-color, var(--rui-FormField__label__color));
7782
+ }
7783
+ .FileInputField-module__inputContainer__CST1gkv7 {
7784
+ position: relative;
7785
+ display: inline-flex;
7786
+ min-width: 0;
7787
+ max-width: 100%;
7788
+ }
7789
+ .FileInputField-module__input__iLmNDUMn {
7790
+ position: absolute;
7791
+ width: 1px;
7792
+ height: 1px;
7793
+ padding: 0;
7794
+ overflow: hidden;
7795
+ clip: rect(0, 0, 0, 0);
7796
+ white-space: nowrap;
7797
+ border: 0;
7798
+ }
7799
+ .FileInputField-module__dropZone__UC34Vhg7 {
7800
+ --rui-local-color: var(--rui-color-text-primary);
7801
+ --rui-local-border-color: var(--rui-color-border-primary);
7802
+ --rui-local-background: var(--rui-color-background-basic);
7803
+ appearance: none;
7804
+ display: inline-flex;
7805
+ flex: none;
7806
+ align-items: center;
7807
+ justify-content: center;
7808
+ padding: 0;
7809
+ border: 0;
7810
+ border-radius: 0;
7811
+ background: none;
7812
+ box-shadow: none;
7813
+ cursor: pointer;
7814
+ transition-property: opacity, color, border-color, background-color, box-shadow;
7815
+ transition-duration: 150ms;
7816
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
7817
+ width: var(--rui-FormField--box__input__width);
7818
+ min-width: var(--rui-FormField--box__input__min-width);
7819
+ max-width: 100%;
7820
+ height: var(--rui-local-height);
7821
+ padding: var(--rui-local-padding-y) var(--rui-local-padding-x);
7822
+ color: var(--rui-local-color);
7823
+ border: var(--rui-FormField--box__border-width) solid var(--rui-local-border-color);
7824
+ border-radius: var(--rui-FormField--box__border-radius);
7825
+ background: var(--rui-local-background);
7826
+ display: flex;
7827
+ align-items: center;
7828
+ justify-content: start;
7829
+ font-weight: var(--rui-font-weight-base);
7830
+ font-size: var(--rui-local-font-size);
7831
+ line-height: var(--rui-line-height-base);
7832
+ font-family: var(--rui-font-family-base);
7833
+ border-style: dashed;
7834
+ }
7835
+ @media (prefers-reduced-motion: reduce) {
7836
+ .FileInputField-module__dropZone__UC34Vhg7 {
7837
+ transition-property: opacity, color, border-color, background-color, box-shadow;
7838
+ }
7839
+ }
7840
+ .FileInputField-module__isRootDragging__SkQKcE5G .FileInputField-module__dropZone__UC34Vhg7 {
7841
+ --rui-local-border-color: var(--rui-color-border-primary-active);
7842
+ }
7843
+ .FileInputField-module__isRootDisabled__krkT4J9v .FileInputField-module__dropZone__UC34Vhg7 {
7844
+ cursor: var(--rui-cursor-not-allowed);
7845
+ }
7846
+ .FileInputField-module__root__ghhDu2qq:not(.FileInputField-module__isRootDisabled__krkT4J9v, .FileInputField-module__isRootDragging__SkQKcE5G) .FileInputField-module__dropZone__UC34Vhg7:hover {
7847
+ --rui-local-border-color: var(--rui-color-border-primary-hover);
7848
+ }
7849
+ .FileInputField-module__root__ghhDu2qq:not(.FileInputField-module__isRootDisabled__krkT4J9v, .FileInputField-module__isRootDragging__SkQKcE5G) .FileInputField-module__dropZone__UC34Vhg7:active {
7850
+ --rui-local-border-color: var(--rui-color-border-primary-active);
7851
+ }
7852
+ .FileInputField-module__dropZoneLink__KtfYIuIN {
7853
+ -webkit-text-decoration: var(--rui-text-decoration-link);
7854
+ text-decoration: var(--rui-text-decoration-link);
7855
+ text-underline-offset: var(--rui-underline-offset-link);
7856
+ color: var(--rui-local-link-color, var(--rui-color-text-link));
7857
+ }
7858
+ .FileInputField-module__dropZoneLink__KtfYIuIN:hover {
7859
+ -webkit-text-decoration: var(--rui-text-decoration-link-hover);
7860
+ text-decoration: var(--rui-text-decoration-link-hover);
7861
+ color: var(--rui-local-link-color-hover, var(--rui-color-text-link-hover));
7862
+ }
7863
+ .FileInputField-module__dropZoneLink__KtfYIuIN:active {
7864
+ -webkit-text-decoration: var(--rui-text-decoration-link-active);
7865
+ text-decoration: var(--rui-text-decoration-link-active);
7866
+ color: var(--rui-local-link-color-active, var(--rui-color-text-link-active));
7867
+ }
7868
+ .FileInputField-module__dropZoneLink__KtfYIuIN::before {
7869
+ content: "";
7870
+ position: absolute;
7871
+ inset: 0;
7872
+ }
7873
+ .FileInputField-module__helpText__HCHg5mWq,
7874
+ .FileInputField-module__validationText__cgjZsi9B {
7875
+ font-style: var(--rui-FormField__help-text__font-style);
7876
+ font-size: var(--rui-FormField__help-text__font-size);
7877
+ line-height: 1.2rem;
7878
+ color: var(--rui-local-surrounding-text-color, var(--rui-FormField__help-text__color));
7879
+ }
7880
+ .FileInputField-module__isRootRequired__yANZcyI_ .FileInputField-module__label__uLkyizW9 {
7881
+ color: var(--rui-local-surrounding-text-color, var(--rui-FormField--required__label__color));
7882
+ }
7883
+ .FileInputField-module__isRootRequired__yANZcyI_ .FileInputField-module__label__uLkyizW9::after {
7884
+ content: var(--rui-FormField--required__sign);
7885
+ color: var(--rui-FormField--required__sign__color);
7886
+ }
7887
+ .FileInputField-module__isRootDisabled__krkT4J9v {
7888
+ --rui-local-color: var(--rui-color-text-primary-disabled);
7889
+ --rui-local-border-color: var(--rui-color-border-primary);
7890
+ --rui-local-background: var(--rui-color-background-disabled);
7891
+ opacity: var(--rui-FormField--disabled__opacity);
7892
+ cursor: var(--rui-FormField--disabled__cursor);
7893
+ }
7894
+ .FileInputField-module__isRootDisabled__krkT4J9v .FileInputField-module__dropZoneLink__KtfYIuIN {
7895
+ cursor: inherit;
7896
+ }
7897
+ .FileInputField-module__isRootStateInvalid__qpLo9mVU {
7898
+ --rui-local-link-color: var(--rui-color-feedback-danger);
7899
+ --rui-local-link-color-hover: var(--rui-color-feedback-danger-hover);
7900
+ --rui-local-link-color-active: var(--rui-color-feedback-danger-active);
7901
+ }
7902
+ .FileInputField-module__isRootStateInvalid__qpLo9mVU, .FileInputField-module__isRootStateInvalid__qpLo9mVU:hover {
7903
+ --rui-local-color: var(--rui-FormField--invalid--default__color);
7904
+ --rui-local-border-color: var(--rui-FormField--invalid--default__border-color);
7905
+ --rui-local-background: var(--rui-FormField--invalid--default__background);
7906
+ --rui-local-check-background-color: var(--rui-FormField--invalid--default__check-background-color);
7907
+ --rui-local-box-shadow: var(--rui-FormField--invalid--default__box-shadow);
7908
+ --rui-local-surrounding-text-color: var(--rui-FormField--invalid--default__surrounding-text-color);
7909
+ }
7910
+ .FileInputField-module__isRootStateInvalid__qpLo9mVU .FileInputField-module__input__iLmNDUMn:checked {
7911
+ --rui-local-border-color:
7700
7912
  var(
7701
- --rui-local-columns-xs,
7702
- initial
7913
+ --rui-FormField--invalid--checked__border-color,
7914
+ var(--rui-FormField--invalid--default__border-color)
7703
7915
  );
7704
- --rui-local-column-gap:
7916
+ --rui-local-check-background-color:
7705
7917
  var(
7706
- --rui-local-column-gap-xs,
7707
- initial
7918
+ --rui-FormField--invalid--checked__check-background-color,
7919
+ var(--rui-FormField--invalid--default__check-background-color)
7708
7920
  );
7709
- --rui-local-rows:
7921
+ }
7922
+ .FileInputField-module__isRootStateInvalid__qpLo9mVU.FileInputField-module__isRootDisabled__krkT4J9v {
7923
+ --rui-local-color:
7710
7924
  var(
7711
- --rui-local-rows-xs,
7712
- initial
7925
+ --rui-FormField--invalid--disabled__color,
7926
+ var(--rui-FormField--invalid--default__color)
7713
7927
  );
7714
- --rui-local-row-gap:
7928
+ --rui-local-border-color:
7715
7929
  var(
7716
- --rui-local-row-gap-xs,
7717
- initial
7930
+ --rui-FormField--invalid--disabled__border-color,
7931
+ var(--rui-FormField--invalid--default__border-color)
7718
7932
  );
7719
- --rui-local-auto-flow:
7933
+ --rui-local-background:
7720
7934
  var(
7721
- --rui-local-auto-flow-xs,
7722
- initial
7935
+ --rui-FormField--invalid--disabled__background,
7936
+ var(--rui-FormField--invalid--default__background)
7723
7937
  );
7724
- --rui-local-align-content:
7938
+ --rui-local-check-background-color:
7725
7939
  var(
7726
- --rui-local-align-content-xs,
7727
- initial
7940
+ --rui-FormField--invalid--disabled__check-background-color,
7941
+ var(--rui-FormField--invalid--default__check-background-color)
7728
7942
  );
7729
- --rui-local-align-items:
7943
+ --rui-local-box-shadow:
7730
7944
  var(
7731
- --rui-local-align-items-xs,
7732
- initial
7945
+ --rui-FormField--invalid--disabled__box-shadow,
7946
+ var(--rui-FormField--invalid--default__box-shadow)
7733
7947
  );
7734
- --rui-local-justify-content:
7948
+ --rui-local-surrounding-text-color:
7735
7949
  var(
7736
- --rui-local-justify-content-xs,
7737
- initial
7950
+ --rui-FormField--invalid--disabled__surrounding-text-color,
7951
+ var(--rui-FormField--invalid--default__surrounding-text-color)
7738
7952
  );
7739
- --rui-local-justify-items:
7953
+ }
7954
+ .FileInputField-module__isRootStateInvalid__qpLo9mVU .FileInputField-module__input__iLmNDUMn:checked:disabled {
7955
+ --rui-local-border-color:
7740
7956
  var(
7741
- --rui-local-justify-items-xs,
7742
- initial
7957
+ --rui-FormField--invalid--checked-disabled__border-color,
7958
+ var(--rui-FormField--invalid--checked__border-color)
7959
+ );
7960
+ --rui-local-check-background-color:
7961
+ var(
7962
+ --rui-FormField--invalid--checked-disabled__check-background-color,
7963
+ var(--rui-FormField--invalid--checked__check-background-color)
7743
7964
  );
7744
- display: grid;
7745
- grid-template-columns: var(--rui-local-columns);
7746
- grid-template-rows: var(--rui-local-rows);
7747
- grid-auto-flow: var(--rui-local-auto-flow);
7748
- grid-gap: var(--rui-local-row-gap) var(--rui-local-column-gap);
7749
- align-content: var(--rui-local-align-content);
7750
- align-items: var(--rui-local-align-items);
7751
- justify-content: var(--rui-local-justify-content);
7752
- justify-items: var(--rui-local-justify-items);
7753
7965
  }
7754
- @media (min-width: 36em) {
7755
- .Grid-module__root__m6PTEyJq {
7756
- --rui-local-columns:
7757
- var(
7758
- --rui-local-columns-sm,
7759
- var(--rui-local-columns-xs, initial)
7760
- );
7761
- --rui-local-column-gap:
7762
- var(
7763
- --rui-local-column-gap-sm,
7764
- var(--rui-local-column-gap-xs, initial)
7765
- );
7766
- --rui-local-rows:
7767
- var(
7768
- --rui-local-rows-sm,
7769
- var(--rui-local-rows-xs, initial)
7770
- );
7771
- --rui-local-row-gap:
7772
- var(
7773
- --rui-local-row-gap-sm,
7774
- var(--rui-local-row-gap-xs, initial)
7775
- );
7776
- --rui-local-auto-flow:
7777
- var(
7778
- --rui-local-auto-flow-sm,
7779
- var(--rui-local-auto-flow-xs, initial)
7780
- );
7781
- --rui-local-align-content:
7782
- var(
7783
- --rui-local-align-content-sm,
7784
- var(--rui-local-align-content-xs, initial)
7785
- );
7786
- --rui-local-align-items:
7787
- var(
7788
- --rui-local-align-items-sm,
7789
- var(--rui-local-align-items-xs, initial)
7790
- );
7791
- --rui-local-justify-content:
7792
- var(
7793
- --rui-local-justify-content-sm,
7794
- var(--rui-local-justify-content-xs, initial)
7795
- );
7796
- --rui-local-justify-items:
7797
- var(
7798
- --rui-local-justify-items-sm,
7799
- var(--rui-local-justify-items-xs, initial)
7800
- );
7801
- }
7802
- }
7803
- @media (min-width: 48em) {
7804
- .Grid-module__root__m6PTEyJq {
7805
- --rui-local-columns:
7806
- var(
7807
- --rui-local-columns-md,
7808
- var(--rui-local-columns-sm, var(--rui-local-columns-xs, initial))
7809
- );
7810
- --rui-local-column-gap:
7811
- var(
7812
- --rui-local-column-gap-md,
7813
- var(--rui-local-column-gap-sm, var(--rui-local-column-gap-xs, initial))
7814
- );
7815
- --rui-local-rows:
7816
- var(
7817
- --rui-local-rows-md,
7818
- var(--rui-local-rows-sm, var(--rui-local-rows-xs, initial))
7819
- );
7820
- --rui-local-row-gap:
7821
- var(
7822
- --rui-local-row-gap-md,
7823
- var(--rui-local-row-gap-sm, var(--rui-local-row-gap-xs, initial))
7824
- );
7825
- --rui-local-auto-flow:
7826
- var(
7827
- --rui-local-auto-flow-md,
7828
- var(--rui-local-auto-flow-sm, var(--rui-local-auto-flow-xs, initial))
7829
- );
7830
- --rui-local-align-content:
7831
- var(
7832
- --rui-local-align-content-md,
7833
- var(--rui-local-align-content-sm, var(--rui-local-align-content-xs, initial))
7834
- );
7835
- --rui-local-align-items:
7836
- var(
7837
- --rui-local-align-items-md,
7838
- var(--rui-local-align-items-sm, var(--rui-local-align-items-xs, initial))
7839
- );
7840
- --rui-local-justify-content:
7841
- var(
7842
- --rui-local-justify-content-md,
7843
- var(--rui-local-justify-content-sm, var(--rui-local-justify-content-xs, initial))
7844
- );
7845
- --rui-local-justify-items:
7846
- var(
7847
- --rui-local-justify-items-md,
7848
- var(--rui-local-justify-items-sm, var(--rui-local-justify-items-xs, initial))
7849
- );
7850
- }
7966
+ .FileInputField-module__isRootStateValid__kd8G0bYh {
7967
+ --rui-local-link-color: var(--rui-color-feedback-success);
7968
+ --rui-local-link-color-hover: var(--rui-color-feedback-success-hover);
7969
+ --rui-local-link-color-active: var(--rui-color-feedback-success-active);
7851
7970
  }
7852
- @media (min-width: 66em) {
7853
- .Grid-module__root__m6PTEyJq {
7854
- --rui-local-columns:
7855
- var(
7856
- --rui-local-columns-lg,
7857
- var(--rui-local-columns-md, var(--rui-local-columns-sm, var(--rui-local-columns-xs, initial)))
7858
- );
7859
- --rui-local-column-gap:
7860
- var(
7861
- --rui-local-column-gap-lg,
7862
- var(--rui-local-column-gap-md, var(--rui-local-column-gap-sm, var(--rui-local-column-gap-xs, initial)))
7863
- );
7864
- --rui-local-rows:
7865
- var(
7866
- --rui-local-rows-lg,
7867
- var(--rui-local-rows-md, var(--rui-local-rows-sm, var(--rui-local-rows-xs, initial)))
7868
- );
7869
- --rui-local-row-gap:
7870
- var(
7871
- --rui-local-row-gap-lg,
7872
- var(--rui-local-row-gap-md, var(--rui-local-row-gap-sm, var(--rui-local-row-gap-xs, initial)))
7873
- );
7874
- --rui-local-auto-flow:
7875
- var(
7876
- --rui-local-auto-flow-lg,
7877
- var(--rui-local-auto-flow-md, var(--rui-local-auto-flow-sm, var(--rui-local-auto-flow-xs, initial)))
7878
- );
7879
- --rui-local-align-content:
7880
- var(
7881
- --rui-local-align-content-lg,
7882
- var(--rui-local-align-content-md, var(--rui-local-align-content-sm, var(--rui-local-align-content-xs, initial)))
7883
- );
7884
- --rui-local-align-items:
7885
- var(
7886
- --rui-local-align-items-lg,
7887
- var(--rui-local-align-items-md, var(--rui-local-align-items-sm, var(--rui-local-align-items-xs, initial)))
7888
- );
7889
- --rui-local-justify-content:
7890
- var(
7891
- --rui-local-justify-content-lg,
7892
- var(--rui-local-justify-content-md, var(--rui-local-justify-content-sm, var(--rui-local-justify-content-xs, initial)))
7893
- );
7894
- --rui-local-justify-items:
7895
- var(
7896
- --rui-local-justify-items-lg,
7897
- var(--rui-local-justify-items-md, var(--rui-local-justify-items-sm, var(--rui-local-justify-items-xs, initial)))
7898
- );
7899
- }
7900
- }
7901
- @media (min-width: 84em) {
7902
- .Grid-module__root__m6PTEyJq {
7903
- --rui-local-columns:
7904
- var(
7905
- --rui-local-columns-xl,
7906
- var(--rui-local-columns-lg, var(--rui-local-columns-md, var(--rui-local-columns-sm, var(--rui-local-columns-xs, initial))))
7907
- );
7908
- --rui-local-column-gap:
7909
- var(
7910
- --rui-local-column-gap-xl,
7911
- var(--rui-local-column-gap-lg, var(--rui-local-column-gap-md, var(--rui-local-column-gap-sm, var(--rui-local-column-gap-xs, initial))))
7912
- );
7913
- --rui-local-rows:
7914
- var(
7915
- --rui-local-rows-xl,
7916
- var(--rui-local-rows-lg, var(--rui-local-rows-md, var(--rui-local-rows-sm, var(--rui-local-rows-xs, initial))))
7917
- );
7918
- --rui-local-row-gap:
7919
- var(
7920
- --rui-local-row-gap-xl,
7921
- var(--rui-local-row-gap-lg, var(--rui-local-row-gap-md, var(--rui-local-row-gap-sm, var(--rui-local-row-gap-xs, initial))))
7922
- );
7923
- --rui-local-auto-flow:
7924
- var(
7925
- --rui-local-auto-flow-xl,
7926
- var(--rui-local-auto-flow-lg, var(--rui-local-auto-flow-md, var(--rui-local-auto-flow-sm, var(--rui-local-auto-flow-xs, initial))))
7927
- );
7928
- --rui-local-align-content:
7929
- var(
7930
- --rui-local-align-content-xl,
7931
- var(--rui-local-align-content-lg, var(--rui-local-align-content-md, var(--rui-local-align-content-sm, var(--rui-local-align-content-xs, initial))))
7932
- );
7933
- --rui-local-align-items:
7934
- var(
7935
- --rui-local-align-items-xl,
7936
- var(--rui-local-align-items-lg, var(--rui-local-align-items-md, var(--rui-local-align-items-sm, var(--rui-local-align-items-xs, initial))))
7937
- );
7938
- --rui-local-justify-content:
7939
- var(
7940
- --rui-local-justify-content-xl,
7941
- var(--rui-local-justify-content-lg, var(--rui-local-justify-content-md, var(--rui-local-justify-content-sm, var(--rui-local-justify-content-xs, initial))))
7942
- );
7943
- --rui-local-justify-items:
7944
- var(
7945
- --rui-local-justify-items-xl,
7946
- var(--rui-local-justify-items-lg, var(--rui-local-justify-items-md, var(--rui-local-justify-items-sm, var(--rui-local-justify-items-xs, initial))))
7947
- );
7948
- }
7949
- }
7950
- @media (min-width: 100em) {
7951
- .Grid-module__root__m6PTEyJq {
7952
- --rui-local-columns:
7953
- var(
7954
- --rui-local-columns-x2l,
7955
- var(--rui-local-columns-xl, var(--rui-local-columns-lg, var(--rui-local-columns-md, var(--rui-local-columns-sm, var(--rui-local-columns-xs, initial)))))
7956
- );
7957
- --rui-local-column-gap:
7958
- var(
7959
- --rui-local-column-gap-x2l,
7960
- var(--rui-local-column-gap-xl, var(--rui-local-column-gap-lg, var(--rui-local-column-gap-md, var(--rui-local-column-gap-sm, var(--rui-local-column-gap-xs, initial)))))
7961
- );
7962
- --rui-local-rows:
7963
- var(
7964
- --rui-local-rows-x2l,
7965
- var(--rui-local-rows-xl, var(--rui-local-rows-lg, var(--rui-local-rows-md, var(--rui-local-rows-sm, var(--rui-local-rows-xs, initial)))))
7966
- );
7967
- --rui-local-row-gap:
7968
- var(
7969
- --rui-local-row-gap-x2l,
7970
- var(--rui-local-row-gap-xl, var(--rui-local-row-gap-lg, var(--rui-local-row-gap-md, var(--rui-local-row-gap-sm, var(--rui-local-row-gap-xs, initial)))))
7971
- );
7972
- --rui-local-auto-flow:
7973
- var(
7974
- --rui-local-auto-flow-x2l,
7975
- var(--rui-local-auto-flow-xl, var(--rui-local-auto-flow-lg, var(--rui-local-auto-flow-md, var(--rui-local-auto-flow-sm, var(--rui-local-auto-flow-xs, initial)))))
7976
- );
7977
- --rui-local-align-content:
7978
- var(
7979
- --rui-local-align-content-x2l,
7980
- var(--rui-local-align-content-xl, var(--rui-local-align-content-lg, var(--rui-local-align-content-md, var(--rui-local-align-content-sm, var(--rui-local-align-content-xs, initial)))))
7981
- );
7982
- --rui-local-align-items:
7983
- var(
7984
- --rui-local-align-items-x2l,
7985
- var(--rui-local-align-items-xl, var(--rui-local-align-items-lg, var(--rui-local-align-items-md, var(--rui-local-align-items-sm, var(--rui-local-align-items-xs, initial)))))
7986
- );
7987
- --rui-local-justify-content:
7988
- var(
7989
- --rui-local-justify-content-x2l,
7990
- var(--rui-local-justify-content-xl, var(--rui-local-justify-content-lg, var(--rui-local-justify-content-md, var(--rui-local-justify-content-sm, var(--rui-local-justify-content-xs, initial)))))
7991
- );
7992
- --rui-local-justify-items:
7993
- var(
7994
- --rui-local-justify-items-x2l,
7995
- var(--rui-local-justify-items-xl, var(--rui-local-justify-items-lg, var(--rui-local-justify-items-md, var(--rui-local-justify-items-sm, var(--rui-local-justify-items-xs, initial)))))
7996
- );
7997
- }
7998
- }
7999
- @media (min-width: 120em) {
8000
- .Grid-module__root__m6PTEyJq {
8001
- --rui-local-columns:
8002
- var(
8003
- --rui-local-columns-x3l,
8004
- var(--rui-local-columns-x2l, var(--rui-local-columns-xl, var(--rui-local-columns-lg, var(--rui-local-columns-md, var(--rui-local-columns-sm, var(--rui-local-columns-xs, initial))))))
8005
- );
8006
- --rui-local-column-gap:
8007
- var(
8008
- --rui-local-column-gap-x3l,
8009
- var(--rui-local-column-gap-x2l, var(--rui-local-column-gap-xl, var(--rui-local-column-gap-lg, var(--rui-local-column-gap-md, var(--rui-local-column-gap-sm, var(--rui-local-column-gap-xs, initial))))))
8010
- );
8011
- --rui-local-rows:
8012
- var(
8013
- --rui-local-rows-x3l,
8014
- var(--rui-local-rows-x2l, var(--rui-local-rows-xl, var(--rui-local-rows-lg, var(--rui-local-rows-md, var(--rui-local-rows-sm, var(--rui-local-rows-xs, initial))))))
8015
- );
8016
- --rui-local-row-gap:
8017
- var(
8018
- --rui-local-row-gap-x3l,
8019
- var(--rui-local-row-gap-x2l, var(--rui-local-row-gap-xl, var(--rui-local-row-gap-lg, var(--rui-local-row-gap-md, var(--rui-local-row-gap-sm, var(--rui-local-row-gap-xs, initial))))))
8020
- );
8021
- --rui-local-auto-flow:
8022
- var(
8023
- --rui-local-auto-flow-x3l,
8024
- var(--rui-local-auto-flow-x2l, var(--rui-local-auto-flow-xl, var(--rui-local-auto-flow-lg, var(--rui-local-auto-flow-md, var(--rui-local-auto-flow-sm, var(--rui-local-auto-flow-xs, initial))))))
8025
- );
8026
- --rui-local-align-content:
8027
- var(
8028
- --rui-local-align-content-x3l,
8029
- var(--rui-local-align-content-x2l, var(--rui-local-align-content-xl, var(--rui-local-align-content-lg, var(--rui-local-align-content-md, var(--rui-local-align-content-sm, var(--rui-local-align-content-xs, initial))))))
8030
- );
8031
- --rui-local-align-items:
8032
- var(
8033
- --rui-local-align-items-x3l,
8034
- var(--rui-local-align-items-x2l, var(--rui-local-align-items-xl, var(--rui-local-align-items-lg, var(--rui-local-align-items-md, var(--rui-local-align-items-sm, var(--rui-local-align-items-xs, initial))))))
8035
- );
8036
- --rui-local-justify-content:
8037
- var(
8038
- --rui-local-justify-content-x3l,
8039
- var(--rui-local-justify-content-x2l, var(--rui-local-justify-content-xl, var(--rui-local-justify-content-lg, var(--rui-local-justify-content-md, var(--rui-local-justify-content-sm, var(--rui-local-justify-content-xs, initial))))))
8040
- );
8041
- --rui-local-justify-items:
8042
- var(
8043
- --rui-local-justify-items-x3l,
8044
- var(--rui-local-justify-items-x2l, var(--rui-local-justify-items-xl, var(--rui-local-justify-items-lg, var(--rui-local-justify-items-md, var(--rui-local-justify-items-sm, var(--rui-local-justify-items-xs, initial))))))
8045
- );
8046
- }
8047
- }
8048
- .Grid-module__root__m6PTEyJq:not(:last-child) {
8049
- margin-bottom: var(--rui-dimension-space-bottom-layouts);
8050
- }
8051
- .Grid-module__root__m6PTEyJq > * {
8052
- margin-block: 0;
7971
+ .FileInputField-module__isRootStateValid__kd8G0bYh, .FileInputField-module__isRootStateValid__kd8G0bYh:hover {
7972
+ --rui-local-color: var(--rui-FormField--valid--default__color);
7973
+ --rui-local-border-color: var(--rui-FormField--valid--default__border-color);
7974
+ --rui-local-background: var(--rui-FormField--valid--default__background);
7975
+ --rui-local-check-background-color: var(--rui-FormField--valid--default__check-background-color);
7976
+ --rui-local-box-shadow: var(--rui-FormField--valid--default__box-shadow);
7977
+ --rui-local-surrounding-text-color: var(--rui-FormField--valid--default__surrounding-text-color);
8053
7978
  }
8054
- .Grid-module__span__NitaPD2S {
8055
- --rui-local-column-span:
7979
+ .FileInputField-module__isRootStateValid__kd8G0bYh .FileInputField-module__input__iLmNDUMn:checked {
7980
+ --rui-local-border-color:
8056
7981
  var(
8057
- --rui-local-column-span-xs,
8058
- initial
7982
+ --rui-FormField--valid--checked__border-color,
7983
+ var(--rui-FormField--valid--default__border-color)
8059
7984
  );
8060
- --rui-local-row-span:
7985
+ --rui-local-check-background-color:
8061
7986
  var(
8062
- --rui-local-row-span-xs,
8063
- initial
7987
+ --rui-FormField--valid--checked__check-background-color,
7988
+ var(--rui-FormField--valid--default__check-background-color)
8064
7989
  );
8065
- grid-column: span var(--rui-local-column-span);
8066
- grid-row: span var(--rui-local-row-span);
8067
- }
8068
- @media (min-width: 36em) {
8069
- .Grid-module__span__NitaPD2S {
8070
- --rui-local-column-span:
8071
- var(
8072
- --rui-local-column-span-sm,
8073
- var(--rui-local-column-span-xs, initial)
8074
- );
8075
- --rui-local-row-span:
8076
- var(
8077
- --rui-local-row-span-sm,
8078
- var(--rui-local-row-span-xs, initial)
8079
- );
8080
- }
8081
- }
8082
- @media (min-width: 48em) {
8083
- .Grid-module__span__NitaPD2S {
8084
- --rui-local-column-span:
8085
- var(
8086
- --rui-local-column-span-md,
8087
- var(--rui-local-column-span-sm, var(--rui-local-column-span-xs, initial))
8088
- );
8089
- --rui-local-row-span:
8090
- var(
8091
- --rui-local-row-span-md,
8092
- var(--rui-local-row-span-sm, var(--rui-local-row-span-xs, initial))
8093
- );
8094
- }
8095
- }
8096
- @media (min-width: 66em) {
8097
- .Grid-module__span__NitaPD2S {
8098
- --rui-local-column-span:
8099
- var(
8100
- --rui-local-column-span-lg,
8101
- var(--rui-local-column-span-md, var(--rui-local-column-span-sm, var(--rui-local-column-span-xs, initial)))
8102
- );
8103
- --rui-local-row-span:
8104
- var(
8105
- --rui-local-row-span-lg,
8106
- var(--rui-local-row-span-md, var(--rui-local-row-span-sm, var(--rui-local-row-span-xs, initial)))
8107
- );
8108
- }
8109
- }
8110
- @media (min-width: 84em) {
8111
- .Grid-module__span__NitaPD2S {
8112
- --rui-local-column-span:
8113
- var(
8114
- --rui-local-column-span-xl,
8115
- var(--rui-local-column-span-lg, var(--rui-local-column-span-md, var(--rui-local-column-span-sm, var(--rui-local-column-span-xs, initial))))
8116
- );
8117
- --rui-local-row-span:
8118
- var(
8119
- --rui-local-row-span-xl,
8120
- var(--rui-local-row-span-lg, var(--rui-local-row-span-md, var(--rui-local-row-span-sm, var(--rui-local-row-span-xs, initial))))
8121
- );
8122
- }
8123
- }
8124
- @media (min-width: 100em) {
8125
- .Grid-module__span__NitaPD2S {
8126
- --rui-local-column-span:
8127
- var(
8128
- --rui-local-column-span-x2l,
8129
- var(--rui-local-column-span-xl, var(--rui-local-column-span-lg, var(--rui-local-column-span-md, var(--rui-local-column-span-sm, var(--rui-local-column-span-xs, initial)))))
8130
- );
8131
- --rui-local-row-span:
8132
- var(
8133
- --rui-local-row-span-x2l,
8134
- var(--rui-local-row-span-xl, var(--rui-local-row-span-lg, var(--rui-local-row-span-md, var(--rui-local-row-span-sm, var(--rui-local-row-span-xs, initial)))))
8135
- );
8136
- }
8137
- }
8138
- @media (min-width: 120em) {
8139
- .Grid-module__span__NitaPD2S {
8140
- --rui-local-column-span:
8141
- var(
8142
- --rui-local-column-span-x3l,
8143
- var(--rui-local-column-span-x2l, var(--rui-local-column-span-xl, var(--rui-local-column-span-lg, var(--rui-local-column-span-md, var(--rui-local-column-span-sm, var(--rui-local-column-span-xs, initial))))))
8144
- );
8145
- --rui-local-row-span:
8146
- var(
8147
- --rui-local-row-span-x3l,
8148
- var(--rui-local-row-span-x2l, var(--rui-local-row-span-xl, var(--rui-local-row-span-lg, var(--rui-local-row-span-md, var(--rui-local-row-span-sm, var(--rui-local-row-span-xs, initial))))))
8149
- );
8150
- }
8151
- }
8152
- dl.Grid-module__root__m6PTEyJq,
8153
- ol.Grid-module__root__m6PTEyJq,
8154
- ul.Grid-module__root__m6PTEyJq {
8155
- padding-left: 0;
8156
- margin-left: 0;
8157
- list-style: none;
8158
- }
8159
- }
8160
- /*!*********************************************************************************************************************************************************************************************************************************!*\
8161
- !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/components/Text/Text.module.scss ***!
8162
- \*********************************************************************************************************************************************************************************************************************************/
8163
- @layer components.text {
8164
- .Text-module__isRootClampSingleLine__DhwlOPTH {
8165
- display: block;
8166
- overflow: hidden;
8167
- text-overflow: ellipsis;
8168
- white-space: nowrap;
8169
- }
8170
- .Text-module__isRootClampMultiLine__Er1GqWHI {
8171
- display: -webkit-box;
8172
- -webkit-line-clamp: var(--rui-custom-lines);
8173
- -webkit-box-orient: vertical;
8174
- overflow: hidden;
8175
- text-overflow: ellipsis;
8176
- }
8177
- .Text-module__isRootHyphensAuto__m1nWJ4re {
8178
- hyphens: auto;
8179
- }
8180
- .Text-module__isRootHyphensManual__upey6EkW {
8181
- hyphens: manual;
8182
- }
8183
- .Text-module__isRootWordWrappingAnywhere__jt5wmKlV {
8184
- word-break: break-all;
8185
- }
8186
- .Text-module__isRootWordWrappingLongWords__ylGzDuGT {
8187
- word-break: break-word;
8188
- overflow-wrap: anywhere;
8189
- }
8190
- }
8191
- /*!*********************************************************************************************************************************************************************************************************************************************!*\
8192
- !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/components/InputGroup/InputGroup.module.scss ***!
8193
- \*********************************************************************************************************************************************************************************************************************************************/
8194
- @layer components.input-group {
8195
- .InputGroup-module__root__LvmotAvO {
8196
- text-align: left;
8197
7990
  }
8198
- .InputGroup-module__root__LvmotAvO:not(:last-child) {
8199
- margin-bottom: 0;
8200
- }
8201
- .InputGroup-module__legend__hmC65lXU {
8202
- position: absolute;
8203
- width: 1px;
8204
- height: 1px;
8205
- padding: 0;
8206
- overflow: hidden;
8207
- clip: rect(0, 0, 0, 0);
8208
- white-space: nowrap;
8209
- border: 0;
8210
- }
8211
- .InputGroup-module__label__KUZV3N9L {
8212
- color: var(--rui-local-surrounding-text-color, var(--rui-FormField__label__color));
8213
- }
8214
- .InputGroup-module__inputGroup__ZJ56FMAW {
8215
- --rui-local-inner-border-radius: var(--rui-InputGroup__inner-border-radius);
8216
- display: flex;
8217
- gap: var(--rui-InputGroup__gap);
8218
- }
8219
- .InputGroup-module__validationText__HNOu0L2V {
8220
- padding-left: 0;
8221
- list-style: none;
8222
- font-style: var(--rui-FormField__help-text__font-style);
8223
- font-size: var(--rui-FormField__help-text__font-size);
8224
- line-height: 1.2rem;
8225
- color: var(--rui-local-surrounding-text-color, var(--rui-FormField__help-text__color));
8226
- }
8227
- .InputGroup-module__validationText__HNOu0L2V:not(:last-child) {
8228
- margin-bottom: 0;
7991
+ .FileInputField-module__isRootStateValid__kd8G0bYh.FileInputField-module__isRootDisabled__krkT4J9v {
7992
+ --rui-local-color:
7993
+ var(
7994
+ --rui-FormField--valid--disabled__color,
7995
+ var(--rui-FormField--valid--default__color)
7996
+ );
7997
+ --rui-local-border-color:
7998
+ var(
7999
+ --rui-FormField--valid--disabled__border-color,
8000
+ var(--rui-FormField--valid--default__border-color)
8001
+ );
8002
+ --rui-local-background:
8003
+ var(
8004
+ --rui-FormField--valid--disabled__background,
8005
+ var(--rui-FormField--valid--default__background)
8006
+ );
8007
+ --rui-local-check-background-color:
8008
+ var(
8009
+ --rui-FormField--valid--disabled__check-background-color,
8010
+ var(--rui-FormField--valid--default__check-background-color)
8011
+ );
8012
+ --rui-local-box-shadow:
8013
+ var(
8014
+ --rui-FormField--valid--disabled__box-shadow,
8015
+ var(--rui-FormField--valid--default__box-shadow)
8016
+ );
8017
+ --rui-local-surrounding-text-color:
8018
+ var(
8019
+ --rui-FormField--valid--disabled__surrounding-text-color,
8020
+ var(--rui-FormField--valid--default__surrounding-text-color)
8021
+ );
8229
8022
  }
8230
- .InputGroup-module__isRootRequired__GCSWjHY7 .InputGroup-module__label__KUZV3N9L {
8231
- color: var(--rui-local-surrounding-text-color, var(--rui-FormField--required__label__color));
8023
+ .FileInputField-module__isRootStateValid__kd8G0bYh .FileInputField-module__input__iLmNDUMn:checked:disabled {
8024
+ --rui-local-border-color:
8025
+ var(
8026
+ --rui-FormField--valid--checked-disabled__border-color,
8027
+ var(--rui-FormField--valid--checked__border-color)
8028
+ );
8029
+ --rui-local-check-background-color:
8030
+ var(
8031
+ --rui-FormField--valid--checked-disabled__check-background-color,
8032
+ var(--rui-FormField--valid--checked__check-background-color)
8033
+ );
8232
8034
  }
8233
- .InputGroup-module__isRootRequired__GCSWjHY7 .InputGroup-module__label__KUZV3N9L::after {
8234
- content: var(--rui-FormField--required__sign);
8235
- color: var(--rui-FormField--required__sign__color);
8035
+ .FileInputField-module__isRootStateWarning__jnC_TrpN {
8036
+ --rui-local-link-color: var(--rui-color-feedback-warning);
8037
+ --rui-local-link-color-hover: var(--rui-color-feedback-warning-hover);
8038
+ --rui-local-link-color-active: var(--rui-color-feedback-warning-active);
8236
8039
  }
8237
- .InputGroup-module__isRootStateInvalid__Atu0FWW_, .InputGroup-module__isRootStateInvalid__Atu0FWW_:hover {
8238
- --rui-local-color: var(--rui-FormField--invalid--default__color);
8239
- --rui-local-border-color: var(--rui-FormField--invalid--default__border-color);
8240
- --rui-local-background: var(--rui-FormField--invalid--default__background);
8241
- --rui-local-check-background-color: var(--rui-FormField--invalid--default__check-background-color);
8242
- --rui-local-box-shadow: var(--rui-FormField--invalid--default__box-shadow);
8243
- --rui-local-surrounding-text-color: var(--rui-FormField--invalid--default__surrounding-text-color);
8040
+ .FileInputField-module__isRootStateWarning__jnC_TrpN, .FileInputField-module__isRootStateWarning__jnC_TrpN:hover {
8041
+ --rui-local-color: var(--rui-FormField--warning--default__color);
8042
+ --rui-local-border-color: var(--rui-FormField--warning--default__border-color);
8043
+ --rui-local-background: var(--rui-FormField--warning--default__background);
8044
+ --rui-local-check-background-color: var(--rui-FormField--warning--default__check-background-color);
8045
+ --rui-local-box-shadow: var(--rui-FormField--warning--default__box-shadow);
8046
+ --rui-local-surrounding-text-color: var(--rui-FormField--warning--default__surrounding-text-color);
8244
8047
  }
8245
- .InputGroup-module__isRootStateInvalid__Atu0FWW_ .InputGroup-module__input__m3nCQTQs:checked {
8048
+ .FileInputField-module__isRootStateWarning__jnC_TrpN .FileInputField-module__input__iLmNDUMn:checked {
8246
8049
  --rui-local-border-color:
8247
8050
  var(
8248
- --rui-FormField--invalid--checked__border-color,
8249
- var(--rui-FormField--invalid--default__border-color)
8051
+ --rui-FormField--warning--checked__border-color,
8052
+ var(--rui-FormField--warning--default__border-color)
8250
8053
  );
8251
8054
  --rui-local-check-background-color:
8252
8055
  var(
8253
- --rui-FormField--invalid--checked__check-background-color,
8254
- var(--rui-FormField--invalid--default__check-background-color)
8056
+ --rui-FormField--warning--checked__check-background-color,
8057
+ var(--rui-FormField--warning--default__check-background-color)
8255
8058
  );
8256
8059
  }
8257
- .InputGroup-module__isRootStateInvalid__Atu0FWW_.InputGroup-module__isRootDisabled__xmAO_NpX {
8060
+ .FileInputField-module__isRootStateWarning__jnC_TrpN.FileInputField-module__isRootDisabled__krkT4J9v {
8258
8061
  --rui-local-color:
8259
8062
  var(
8260
- --rui-FormField--invalid--disabled__color,
8261
- var(--rui-FormField--invalid--default__color)
8063
+ --rui-FormField--warning--disabled__color,
8064
+ var(--rui-FormField--warning--default__color)
8262
8065
  );
8263
8066
  --rui-local-border-color:
8264
8067
  var(
8265
- --rui-FormField--invalid--disabled__border-color,
8266
- var(--rui-FormField--invalid--default__border-color)
8068
+ --rui-FormField--warning--disabled__border-color,
8069
+ var(--rui-FormField--warning--default__border-color)
8267
8070
  );
8268
8071
  --rui-local-background:
8269
8072
  var(
8270
- --rui-FormField--invalid--disabled__background,
8271
- var(--rui-FormField--invalid--default__background)
8073
+ --rui-FormField--warning--disabled__background,
8074
+ var(--rui-FormField--warning--default__background)
8272
8075
  );
8273
8076
  --rui-local-check-background-color:
8274
8077
  var(
8275
- --rui-FormField--invalid--disabled__check-background-color,
8276
- var(--rui-FormField--invalid--default__check-background-color)
8078
+ --rui-FormField--warning--disabled__check-background-color,
8079
+ var(--rui-FormField--warning--default__check-background-color)
8277
8080
  );
8278
8081
  --rui-local-box-shadow:
8279
8082
  var(
8280
- --rui-FormField--invalid--disabled__box-shadow,
8281
- var(--rui-FormField--invalid--default__box-shadow)
8083
+ --rui-FormField--warning--disabled__box-shadow,
8084
+ var(--rui-FormField--warning--default__box-shadow)
8282
8085
  );
8283
8086
  --rui-local-surrounding-text-color:
8284
8087
  var(
8285
- --rui-FormField--invalid--disabled__surrounding-text-color,
8286
- var(--rui-FormField--invalid--default__surrounding-text-color)
8088
+ --rui-FormField--warning--disabled__surrounding-text-color,
8089
+ var(--rui-FormField--warning--default__surrounding-text-color)
8287
8090
  );
8288
8091
  }
8289
- .InputGroup-module__isRootStateInvalid__Atu0FWW_ .InputGroup-module__input__m3nCQTQs:checked:disabled {
8092
+ .FileInputField-module__isRootStateWarning__jnC_TrpN .FileInputField-module__input__iLmNDUMn:checked:disabled {
8290
8093
  --rui-local-border-color:
8291
8094
  var(
8292
- --rui-FormField--invalid--checked-disabled__border-color,
8293
- var(--rui-FormField--invalid--checked__border-color)
8095
+ --rui-FormField--warning--checked-disabled__border-color,
8096
+ var(--rui-FormField--warning--checked__border-color)
8294
8097
  );
8295
8098
  --rui-local-check-background-color:
8296
8099
  var(
8297
- --rui-FormField--invalid--checked-disabled__check-background-color,
8298
- var(--rui-FormField--invalid--checked__check-background-color)
8100
+ --rui-FormField--warning--checked-disabled__check-background-color,
8101
+ var(--rui-FormField--warning--checked__check-background-color)
8299
8102
  );
8300
8103
  }
8301
- .InputGroup-module__isRootStateValid__ykb1SzPU, .InputGroup-module__isRootStateValid__ykb1SzPU:hover {
8302
- --rui-local-color: var(--rui-FormField--valid--default__color);
8303
- --rui-local-border-color: var(--rui-FormField--valid--default__border-color);
8304
- --rui-local-background: var(--rui-FormField--valid--default__background);
8305
- --rui-local-check-background-color: var(--rui-FormField--valid--default__check-background-color);
8306
- --rui-local-box-shadow: var(--rui-FormField--valid--default__box-shadow);
8307
- --rui-local-surrounding-text-color: var(--rui-FormField--valid--default__surrounding-text-color);
8104
+ .FileInputField-module__isLabelHidden__wzJljYML {
8105
+ position: absolute;
8106
+ width: 1px;
8107
+ height: 1px;
8108
+ padding: 0;
8109
+ overflow: hidden;
8110
+ clip: rect(0, 0, 0, 0);
8111
+ white-space: nowrap;
8112
+ border: 0;
8308
8113
  }
8309
- .InputGroup-module__isRootStateValid__ykb1SzPU .InputGroup-module__input__m3nCQTQs:checked {
8310
- --rui-local-border-color:
8114
+ .FileInputField-module__isRootLayoutVertical__umNjNzoj,
8115
+ .FileInputField-module__isRootLayoutHorizontal__lHc4IRZD {
8116
+ display: inline-flex;
8117
+ flex-direction: column;
8118
+ min-width: 0;
8119
+ max-width: 100%;
8120
+ }
8121
+ .FileInputField-module__isRootLayoutVertical__umNjNzoj .FileInputField-module__label__uLkyizW9,
8122
+ .FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__label__uLkyizW9 {
8123
+ padding-bottom: var(--rui-local-vertical-gap, var(--rui-dimension-space-1));
8124
+ }
8125
+ .FileInputField-module__isRootLayoutVertical__umNjNzoj .FileInputField-module__helpText__HCHg5mWq,
8126
+ .FileInputField-module__isRootLayoutVertical__umNjNzoj .FileInputField-module__validationText__cgjZsi9B,
8127
+ .FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__helpText__HCHg5mWq,
8128
+ .FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__validationText__cgjZsi9B {
8129
+ padding-top: var(--rui-local-vertical-gap, var(--rui-dimension-space-1));
8130
+ }
8131
+ .FileInputField-module__isRootLayoutVertical__umNjNzoj .FileInputField-module__field__SZE7nT5K,
8132
+ .FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__field__SZE7nT5K {
8133
+ width: min-content;
8134
+ max-width: 100%;
8135
+ }
8136
+ @media (min-width: 48em) {
8137
+ .FileInputField-module__isRootLayoutHorizontal__lHc4IRZD {
8138
+ display: inline-grid;
8139
+ grid-template-columns: var(--rui-FormField--horizontal__label__width) min-content;
8140
+ grid-template-areas: "label field";
8141
+ align-items: start;
8142
+ }
8143
+ .FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__label__uLkyizW9 {
8144
+ grid-area: label;
8145
+ align-self: var(--rui-FormField--horizontal__label__vertical-alignment);
8146
+ min-width: var(--rui-FormField--horizontal__label__min-width);
8147
+ padding-top: var(--rui-FormField--horizontal__label__padding-y, calc(var(--rui-FormField--box__border-width) + var(--rui-local-padding-y)));
8148
+ padding-bottom: var(--rui-FormField--horizontal__label__padding-y, calc(var(--rui-FormField--box__border-width) + var(--rui-local-padding-y)));
8149
+ padding-right: var(--rui-dimension-space-2);
8150
+ text-align: var(--rui-FormField--horizontal__label__text-align);
8151
+ }
8152
+ .FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__field__SZE7nT5K {
8153
+ grid-area: field;
8154
+ align-self: var(--rui-FormField--horizontal__field__vertical-alignment);
8155
+ justify-self: start;
8156
+ }
8157
+ }
8158
+ @media (min-width: 48em) {
8159
+ .FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__label__uLkyizW9 {
8160
+ -ms-grid-row: 1;
8161
+ -ms-grid-column: 1;
8162
+ }
8163
+ .FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__field__SZE7nT5K {
8164
+ -ms-grid-row: 1;
8165
+ -ms-grid-column: 2;
8166
+ }
8167
+ }
8168
+ .FileInputField-module__isRootFullWidth__cpb0405R {
8169
+ display: flex;
8170
+ flex-direction: column;
8171
+ width: 100%;
8172
+ }
8173
+ .FileInputField-module__isRootFullWidth__cpb0405R .FileInputField-module__field__SZE7nT5K,
8174
+ .FileInputField-module__isRootFullWidth__cpb0405R .FileInputField-module__inputContainer__CST1gkv7,
8175
+ .FileInputField-module__isRootFullWidth__cpb0405R .FileInputField-module__dropZone__UC34Vhg7 {
8176
+ width: 100%;
8177
+ }
8178
+ @media (min-width: 48em) {
8179
+ .FileInputField-module__isRootFullWidth__cpb0405R.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD {
8180
+ display: grid;
8181
+ grid-template-columns: var(--rui-FormField--horizontal--full-width__label__width) 1fr;
8182
+ }
8183
+ .FileInputField-module__isRootFullWidth__cpb0405R.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__field__SZE7nT5K {
8184
+ justify-self: stretch;
8185
+ }
8186
+ }
8187
+ .FileInputField-module__isRootInFormLayout__y6mVJsQY {
8188
+ justify-self: start;
8189
+ }
8190
+ .FileInputField-module__isRootInFormLayout__y6mVJsQY .FileInputField-module__field__SZE7nT5K {
8191
+ width: auto;
8192
+ }
8193
+ @media (min-width: 48em) {
8194
+ .FileInputField-module__isRootInFormLayout__y6mVJsQY .FileInputField-module__optionLabel__HP65UZja {
8195
+ width: auto;
8196
+ }
8197
+ .FileInputField-module__isRootInFormLayout__y6mVJsQY.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD, .FileInputField-module__isRootInFormLayout__y6mVJsQY.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD.FileInputField-module__hasRootSmallInput__rFEgcot4 {
8198
+ grid: inherit;
8199
+ grid-template-columns: subgrid;
8200
+ grid-column: span 2;
8201
+ }
8202
+ @supports not (grid-template-columns: subgrid) {
8203
+ .FileInputField-module__isRootInFormLayout__y6mVJsQY.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD, .FileInputField-module__isRootInFormLayout__y6mVJsQY.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD.FileInputField-module__hasRootSmallInput__rFEgcot4 {
8204
+ display: contents;
8205
+ }
8206
+ }
8207
+ .FileInputField-module__isRootInFormLayout__y6mVJsQY.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD.FileInputField-module__isRootFullWidth__cpb0405R {
8208
+ grid-template-columns: subgrid;
8209
+ }
8210
+ .FileInputField-module__isRootInFormLayout__y6mVJsQY.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__label__uLkyizW9, .FileInputField-module__isRootInFormLayout__y6mVJsQY.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__field__SZE7nT5K, .FileInputField-module__isRootInFormLayout__y6mVJsQY.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__inputContainer__CST1gkv7, .FileInputField-module__isRootInFormLayout__y6mVJsQY.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__helpText__HCHg5mWq, .FileInputField-module__isRootInFormLayout__y6mVJsQY.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__validationText__cgjZsi9B {
8211
+ grid-area: unset;
8212
+ }
8213
+ .FileInputField-module__isRootInFormLayout__y6mVJsQY.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__field__SZE7nT5K, .FileInputField-module__isRootInFormLayout__y6mVJsQY.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__inputContainer__CST1gkv7, .FileInputField-module__isRootInFormLayout__y6mVJsQY.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__helpText__HCHg5mWq, .FileInputField-module__isRootInFormLayout__y6mVJsQY.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__validationText__cgjZsi9B {
8214
+ grid-column-start: 2;
8215
+ }
8216
+ .FileInputField-module__isRootInFormLayout__y6mVJsQY.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD.FileInputField-module__hasRootSmallInput__rFEgcot4 .FileInputField-module__field__SZE7nT5K {
8217
+ display: block;
8218
+ }
8219
+ }
8220
+ .FileInputField-module__isRootSizeSmall__lOHC9sZz {
8221
+ --rui-local-height: var(--rui-FormField--box--small__height);
8222
+ --rui-local-padding-y: var(--rui-FormField--box--small__padding-y);
8223
+ --rui-local-padding-x: var(--rui-FormField--box--small__padding-x);
8224
+ --rui-local-font-size: var(--rui-FormField--box--small__font-size);
8225
+ }
8226
+ .FileInputField-module__isRootSizeMedium__vHVKHKt0 {
8227
+ --rui-local-height: var(--rui-FormField--box--medium__height);
8228
+ --rui-local-padding-y: var(--rui-FormField--box--medium__padding-y);
8229
+ --rui-local-padding-x: var(--rui-FormField--box--medium__padding-x);
8230
+ --rui-local-font-size: var(--rui-FormField--box--medium__font-size);
8231
+ }
8232
+ .FileInputField-module__isRootSizeLarge__GaFg2d8n {
8233
+ --rui-local-height: var(--rui-FormField--box--large__height);
8234
+ --rui-local-padding-y: var(--rui-FormField--box--large__padding-y);
8235
+ --rui-local-padding-x: var(--rui-FormField--box--large__padding-x);
8236
+ --rui-local-font-size: var(--rui-FormField--box--large__font-size);
8237
+ }
8238
+ .FileInputField-module__isRootGrouped__a7UwiVKa:focus-within {
8239
+ isolation: isolate;
8240
+ z-index: 1;
8241
+ }
8242
+ .FileInputField-module__isRootGrouped__a7UwiVKa .FileInputField-module__inputContainer__CST1gkv7 {
8243
+ display: block;
8244
+ }
8245
+ .FileInputField-module__isRootGrouped__a7UwiVKa:not(:first-child) .FileInputField-module__dropZone__UC34Vhg7 {
8246
+ border-start-start-radius: var(--rui-local-inner-border-radius);
8247
+ border-end-start-radius: var(--rui-local-inner-border-radius);
8248
+ }
8249
+ .FileInputField-module__isRootGrouped__a7UwiVKa:not(:last-child) .FileInputField-module__dropZone__UC34Vhg7 {
8250
+ border-start-end-radius: var(--rui-local-inner-border-radius);
8251
+ border-end-end-radius: var(--rui-local-inner-border-radius);
8252
+ }
8253
+ }
8254
+ /*!*********************************************************************************************************************************************************************************************************************************!*\
8255
+ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/components/Grid/Grid.module.scss ***!
8256
+ \*********************************************************************************************************************************************************************************************************************************/
8257
+ @layer components.grid {
8258
+ .Grid-module__root__m6PTEyJq {
8259
+ --rui-local-columns:
8311
8260
  var(
8312
- --rui-FormField--valid--checked__border-color,
8313
- var(--rui-FormField--valid--default__border-color)
8261
+ --rui-local-columns-xs,
8262
+ initial
8314
8263
  );
8315
- --rui-local-check-background-color:
8264
+ --rui-local-column-gap:
8316
8265
  var(
8317
- --rui-FormField--valid--checked__check-background-color,
8318
- var(--rui-FormField--valid--default__check-background-color)
8266
+ --rui-local-column-gap-xs,
8267
+ initial
8319
8268
  );
8320
- }
8321
- .InputGroup-module__isRootStateValid__ykb1SzPU.InputGroup-module__isRootDisabled__xmAO_NpX {
8322
- --rui-local-color:
8269
+ --rui-local-rows:
8323
8270
  var(
8324
- --rui-FormField--valid--disabled__color,
8325
- var(--rui-FormField--valid--default__color)
8271
+ --rui-local-rows-xs,
8272
+ initial
8326
8273
  );
8327
- --rui-local-border-color:
8274
+ --rui-local-row-gap:
8328
8275
  var(
8329
- --rui-FormField--valid--disabled__border-color,
8330
- var(--rui-FormField--valid--default__border-color)
8276
+ --rui-local-row-gap-xs,
8277
+ initial
8331
8278
  );
8332
- --rui-local-background:
8279
+ --rui-local-auto-flow:
8333
8280
  var(
8334
- --rui-FormField--valid--disabled__background,
8335
- var(--rui-FormField--valid--default__background)
8281
+ --rui-local-auto-flow-xs,
8282
+ initial
8336
8283
  );
8337
- --rui-local-check-background-color:
8284
+ --rui-local-align-content:
8338
8285
  var(
8339
- --rui-FormField--valid--disabled__check-background-color,
8340
- var(--rui-FormField--valid--default__check-background-color)
8286
+ --rui-local-align-content-xs,
8287
+ initial
8341
8288
  );
8342
- --rui-local-box-shadow:
8289
+ --rui-local-align-items:
8343
8290
  var(
8344
- --rui-FormField--valid--disabled__box-shadow,
8345
- var(--rui-FormField--valid--default__box-shadow)
8291
+ --rui-local-align-items-xs,
8292
+ initial
8346
8293
  );
8347
- --rui-local-surrounding-text-color:
8294
+ --rui-local-justify-content:
8348
8295
  var(
8349
- --rui-FormField--valid--disabled__surrounding-text-color,
8350
- var(--rui-FormField--valid--default__surrounding-text-color)
8296
+ --rui-local-justify-content-xs,
8297
+ initial
8298
+ );
8299
+ --rui-local-justify-items:
8300
+ var(
8301
+ --rui-local-justify-items-xs,
8302
+ initial
8351
8303
  );
8304
+ display: grid;
8305
+ grid-template-columns: var(--rui-local-columns);
8306
+ grid-template-rows: var(--rui-local-rows);
8307
+ grid-auto-flow: var(--rui-local-auto-flow);
8308
+ grid-gap: var(--rui-local-row-gap) var(--rui-local-column-gap);
8309
+ align-content: var(--rui-local-align-content);
8310
+ align-items: var(--rui-local-align-items);
8311
+ justify-content: var(--rui-local-justify-content);
8312
+ justify-items: var(--rui-local-justify-items);
8313
+ }
8314
+ @media (min-width: 36em) {
8315
+ .Grid-module__root__m6PTEyJq {
8316
+ --rui-local-columns:
8317
+ var(
8318
+ --rui-local-columns-sm,
8319
+ var(--rui-local-columns-xs, initial)
8320
+ );
8321
+ --rui-local-column-gap:
8322
+ var(
8323
+ --rui-local-column-gap-sm,
8324
+ var(--rui-local-column-gap-xs, initial)
8325
+ );
8326
+ --rui-local-rows:
8327
+ var(
8328
+ --rui-local-rows-sm,
8329
+ var(--rui-local-rows-xs, initial)
8330
+ );
8331
+ --rui-local-row-gap:
8332
+ var(
8333
+ --rui-local-row-gap-sm,
8334
+ var(--rui-local-row-gap-xs, initial)
8335
+ );
8336
+ --rui-local-auto-flow:
8337
+ var(
8338
+ --rui-local-auto-flow-sm,
8339
+ var(--rui-local-auto-flow-xs, initial)
8340
+ );
8341
+ --rui-local-align-content:
8342
+ var(
8343
+ --rui-local-align-content-sm,
8344
+ var(--rui-local-align-content-xs, initial)
8345
+ );
8346
+ --rui-local-align-items:
8347
+ var(
8348
+ --rui-local-align-items-sm,
8349
+ var(--rui-local-align-items-xs, initial)
8350
+ );
8351
+ --rui-local-justify-content:
8352
+ var(
8353
+ --rui-local-justify-content-sm,
8354
+ var(--rui-local-justify-content-xs, initial)
8355
+ );
8356
+ --rui-local-justify-items:
8357
+ var(
8358
+ --rui-local-justify-items-sm,
8359
+ var(--rui-local-justify-items-xs, initial)
8360
+ );
8361
+ }
8362
+ }
8363
+ @media (min-width: 48em) {
8364
+ .Grid-module__root__m6PTEyJq {
8365
+ --rui-local-columns:
8366
+ var(
8367
+ --rui-local-columns-md,
8368
+ var(--rui-local-columns-sm, var(--rui-local-columns-xs, initial))
8369
+ );
8370
+ --rui-local-column-gap:
8371
+ var(
8372
+ --rui-local-column-gap-md,
8373
+ var(--rui-local-column-gap-sm, var(--rui-local-column-gap-xs, initial))
8374
+ );
8375
+ --rui-local-rows:
8376
+ var(
8377
+ --rui-local-rows-md,
8378
+ var(--rui-local-rows-sm, var(--rui-local-rows-xs, initial))
8379
+ );
8380
+ --rui-local-row-gap:
8381
+ var(
8382
+ --rui-local-row-gap-md,
8383
+ var(--rui-local-row-gap-sm, var(--rui-local-row-gap-xs, initial))
8384
+ );
8385
+ --rui-local-auto-flow:
8386
+ var(
8387
+ --rui-local-auto-flow-md,
8388
+ var(--rui-local-auto-flow-sm, var(--rui-local-auto-flow-xs, initial))
8389
+ );
8390
+ --rui-local-align-content:
8391
+ var(
8392
+ --rui-local-align-content-md,
8393
+ var(--rui-local-align-content-sm, var(--rui-local-align-content-xs, initial))
8394
+ );
8395
+ --rui-local-align-items:
8396
+ var(
8397
+ --rui-local-align-items-md,
8398
+ var(--rui-local-align-items-sm, var(--rui-local-align-items-xs, initial))
8399
+ );
8400
+ --rui-local-justify-content:
8401
+ var(
8402
+ --rui-local-justify-content-md,
8403
+ var(--rui-local-justify-content-sm, var(--rui-local-justify-content-xs, initial))
8404
+ );
8405
+ --rui-local-justify-items:
8406
+ var(
8407
+ --rui-local-justify-items-md,
8408
+ var(--rui-local-justify-items-sm, var(--rui-local-justify-items-xs, initial))
8409
+ );
8410
+ }
8411
+ }
8412
+ @media (min-width: 66em) {
8413
+ .Grid-module__root__m6PTEyJq {
8414
+ --rui-local-columns:
8415
+ var(
8416
+ --rui-local-columns-lg,
8417
+ var(--rui-local-columns-md, var(--rui-local-columns-sm, var(--rui-local-columns-xs, initial)))
8418
+ );
8419
+ --rui-local-column-gap:
8420
+ var(
8421
+ --rui-local-column-gap-lg,
8422
+ var(--rui-local-column-gap-md, var(--rui-local-column-gap-sm, var(--rui-local-column-gap-xs, initial)))
8423
+ );
8424
+ --rui-local-rows:
8425
+ var(
8426
+ --rui-local-rows-lg,
8427
+ var(--rui-local-rows-md, var(--rui-local-rows-sm, var(--rui-local-rows-xs, initial)))
8428
+ );
8429
+ --rui-local-row-gap:
8430
+ var(
8431
+ --rui-local-row-gap-lg,
8432
+ var(--rui-local-row-gap-md, var(--rui-local-row-gap-sm, var(--rui-local-row-gap-xs, initial)))
8433
+ );
8434
+ --rui-local-auto-flow:
8435
+ var(
8436
+ --rui-local-auto-flow-lg,
8437
+ var(--rui-local-auto-flow-md, var(--rui-local-auto-flow-sm, var(--rui-local-auto-flow-xs, initial)))
8438
+ );
8439
+ --rui-local-align-content:
8440
+ var(
8441
+ --rui-local-align-content-lg,
8442
+ var(--rui-local-align-content-md, var(--rui-local-align-content-sm, var(--rui-local-align-content-xs, initial)))
8443
+ );
8444
+ --rui-local-align-items:
8445
+ var(
8446
+ --rui-local-align-items-lg,
8447
+ var(--rui-local-align-items-md, var(--rui-local-align-items-sm, var(--rui-local-align-items-xs, initial)))
8448
+ );
8449
+ --rui-local-justify-content:
8450
+ var(
8451
+ --rui-local-justify-content-lg,
8452
+ var(--rui-local-justify-content-md, var(--rui-local-justify-content-sm, var(--rui-local-justify-content-xs, initial)))
8453
+ );
8454
+ --rui-local-justify-items:
8455
+ var(
8456
+ --rui-local-justify-items-lg,
8457
+ var(--rui-local-justify-items-md, var(--rui-local-justify-items-sm, var(--rui-local-justify-items-xs, initial)))
8458
+ );
8459
+ }
8460
+ }
8461
+ @media (min-width: 84em) {
8462
+ .Grid-module__root__m6PTEyJq {
8463
+ --rui-local-columns:
8464
+ var(
8465
+ --rui-local-columns-xl,
8466
+ var(--rui-local-columns-lg, var(--rui-local-columns-md, var(--rui-local-columns-sm, var(--rui-local-columns-xs, initial))))
8467
+ );
8468
+ --rui-local-column-gap:
8469
+ var(
8470
+ --rui-local-column-gap-xl,
8471
+ var(--rui-local-column-gap-lg, var(--rui-local-column-gap-md, var(--rui-local-column-gap-sm, var(--rui-local-column-gap-xs, initial))))
8472
+ );
8473
+ --rui-local-rows:
8474
+ var(
8475
+ --rui-local-rows-xl,
8476
+ var(--rui-local-rows-lg, var(--rui-local-rows-md, var(--rui-local-rows-sm, var(--rui-local-rows-xs, initial))))
8477
+ );
8478
+ --rui-local-row-gap:
8479
+ var(
8480
+ --rui-local-row-gap-xl,
8481
+ var(--rui-local-row-gap-lg, var(--rui-local-row-gap-md, var(--rui-local-row-gap-sm, var(--rui-local-row-gap-xs, initial))))
8482
+ );
8483
+ --rui-local-auto-flow:
8484
+ var(
8485
+ --rui-local-auto-flow-xl,
8486
+ var(--rui-local-auto-flow-lg, var(--rui-local-auto-flow-md, var(--rui-local-auto-flow-sm, var(--rui-local-auto-flow-xs, initial))))
8487
+ );
8488
+ --rui-local-align-content:
8489
+ var(
8490
+ --rui-local-align-content-xl,
8491
+ var(--rui-local-align-content-lg, var(--rui-local-align-content-md, var(--rui-local-align-content-sm, var(--rui-local-align-content-xs, initial))))
8492
+ );
8493
+ --rui-local-align-items:
8494
+ var(
8495
+ --rui-local-align-items-xl,
8496
+ var(--rui-local-align-items-lg, var(--rui-local-align-items-md, var(--rui-local-align-items-sm, var(--rui-local-align-items-xs, initial))))
8497
+ );
8498
+ --rui-local-justify-content:
8499
+ var(
8500
+ --rui-local-justify-content-xl,
8501
+ var(--rui-local-justify-content-lg, var(--rui-local-justify-content-md, var(--rui-local-justify-content-sm, var(--rui-local-justify-content-xs, initial))))
8502
+ );
8503
+ --rui-local-justify-items:
8504
+ var(
8505
+ --rui-local-justify-items-xl,
8506
+ var(--rui-local-justify-items-lg, var(--rui-local-justify-items-md, var(--rui-local-justify-items-sm, var(--rui-local-justify-items-xs, initial))))
8507
+ );
8508
+ }
8352
8509
  }
8353
- .InputGroup-module__isRootStateValid__ykb1SzPU .InputGroup-module__input__m3nCQTQs:checked:disabled {
8354
- --rui-local-border-color:
8355
- var(
8356
- --rui-FormField--valid--checked-disabled__border-color,
8357
- var(--rui-FormField--valid--checked__border-color)
8358
- );
8359
- --rui-local-check-background-color:
8360
- var(
8361
- --rui-FormField--valid--checked-disabled__check-background-color,
8362
- var(--rui-FormField--valid--checked__check-background-color)
8363
- );
8510
+ @media (min-width: 100em) {
8511
+ .Grid-module__root__m6PTEyJq {
8512
+ --rui-local-columns:
8513
+ var(
8514
+ --rui-local-columns-x2l,
8515
+ var(--rui-local-columns-xl, var(--rui-local-columns-lg, var(--rui-local-columns-md, var(--rui-local-columns-sm, var(--rui-local-columns-xs, initial)))))
8516
+ );
8517
+ --rui-local-column-gap:
8518
+ var(
8519
+ --rui-local-column-gap-x2l,
8520
+ var(--rui-local-column-gap-xl, var(--rui-local-column-gap-lg, var(--rui-local-column-gap-md, var(--rui-local-column-gap-sm, var(--rui-local-column-gap-xs, initial)))))
8521
+ );
8522
+ --rui-local-rows:
8523
+ var(
8524
+ --rui-local-rows-x2l,
8525
+ var(--rui-local-rows-xl, var(--rui-local-rows-lg, var(--rui-local-rows-md, var(--rui-local-rows-sm, var(--rui-local-rows-xs, initial)))))
8526
+ );
8527
+ --rui-local-row-gap:
8528
+ var(
8529
+ --rui-local-row-gap-x2l,
8530
+ var(--rui-local-row-gap-xl, var(--rui-local-row-gap-lg, var(--rui-local-row-gap-md, var(--rui-local-row-gap-sm, var(--rui-local-row-gap-xs, initial)))))
8531
+ );
8532
+ --rui-local-auto-flow:
8533
+ var(
8534
+ --rui-local-auto-flow-x2l,
8535
+ var(--rui-local-auto-flow-xl, var(--rui-local-auto-flow-lg, var(--rui-local-auto-flow-md, var(--rui-local-auto-flow-sm, var(--rui-local-auto-flow-xs, initial)))))
8536
+ );
8537
+ --rui-local-align-content:
8538
+ var(
8539
+ --rui-local-align-content-x2l,
8540
+ var(--rui-local-align-content-xl, var(--rui-local-align-content-lg, var(--rui-local-align-content-md, var(--rui-local-align-content-sm, var(--rui-local-align-content-xs, initial)))))
8541
+ );
8542
+ --rui-local-align-items:
8543
+ var(
8544
+ --rui-local-align-items-x2l,
8545
+ var(--rui-local-align-items-xl, var(--rui-local-align-items-lg, var(--rui-local-align-items-md, var(--rui-local-align-items-sm, var(--rui-local-align-items-xs, initial)))))
8546
+ );
8547
+ --rui-local-justify-content:
8548
+ var(
8549
+ --rui-local-justify-content-x2l,
8550
+ var(--rui-local-justify-content-xl, var(--rui-local-justify-content-lg, var(--rui-local-justify-content-md, var(--rui-local-justify-content-sm, var(--rui-local-justify-content-xs, initial)))))
8551
+ );
8552
+ --rui-local-justify-items:
8553
+ var(
8554
+ --rui-local-justify-items-x2l,
8555
+ var(--rui-local-justify-items-xl, var(--rui-local-justify-items-lg, var(--rui-local-justify-items-md, var(--rui-local-justify-items-sm, var(--rui-local-justify-items-xs, initial)))))
8556
+ );
8557
+ }
8364
8558
  }
8365
- .InputGroup-module__isRootStateWarning__wK1Lp0ri, .InputGroup-module__isRootStateWarning__wK1Lp0ri:hover {
8366
- --rui-local-color: var(--rui-FormField--warning--default__color);
8367
- --rui-local-border-color: var(--rui-FormField--warning--default__border-color);
8368
- --rui-local-background: var(--rui-FormField--warning--default__background);
8369
- --rui-local-check-background-color: var(--rui-FormField--warning--default__check-background-color);
8370
- --rui-local-box-shadow: var(--rui-FormField--warning--default__box-shadow);
8371
- --rui-local-surrounding-text-color: var(--rui-FormField--warning--default__surrounding-text-color);
8559
+ @media (min-width: 120em) {
8560
+ .Grid-module__root__m6PTEyJq {
8561
+ --rui-local-columns:
8562
+ var(
8563
+ --rui-local-columns-x3l,
8564
+ var(--rui-local-columns-x2l, var(--rui-local-columns-xl, var(--rui-local-columns-lg, var(--rui-local-columns-md, var(--rui-local-columns-sm, var(--rui-local-columns-xs, initial))))))
8565
+ );
8566
+ --rui-local-column-gap:
8567
+ var(
8568
+ --rui-local-column-gap-x3l,
8569
+ var(--rui-local-column-gap-x2l, var(--rui-local-column-gap-xl, var(--rui-local-column-gap-lg, var(--rui-local-column-gap-md, var(--rui-local-column-gap-sm, var(--rui-local-column-gap-xs, initial))))))
8570
+ );
8571
+ --rui-local-rows:
8572
+ var(
8573
+ --rui-local-rows-x3l,
8574
+ var(--rui-local-rows-x2l, var(--rui-local-rows-xl, var(--rui-local-rows-lg, var(--rui-local-rows-md, var(--rui-local-rows-sm, var(--rui-local-rows-xs, initial))))))
8575
+ );
8576
+ --rui-local-row-gap:
8577
+ var(
8578
+ --rui-local-row-gap-x3l,
8579
+ var(--rui-local-row-gap-x2l, var(--rui-local-row-gap-xl, var(--rui-local-row-gap-lg, var(--rui-local-row-gap-md, var(--rui-local-row-gap-sm, var(--rui-local-row-gap-xs, initial))))))
8580
+ );
8581
+ --rui-local-auto-flow:
8582
+ var(
8583
+ --rui-local-auto-flow-x3l,
8584
+ var(--rui-local-auto-flow-x2l, var(--rui-local-auto-flow-xl, var(--rui-local-auto-flow-lg, var(--rui-local-auto-flow-md, var(--rui-local-auto-flow-sm, var(--rui-local-auto-flow-xs, initial))))))
8585
+ );
8586
+ --rui-local-align-content:
8587
+ var(
8588
+ --rui-local-align-content-x3l,
8589
+ var(--rui-local-align-content-x2l, var(--rui-local-align-content-xl, var(--rui-local-align-content-lg, var(--rui-local-align-content-md, var(--rui-local-align-content-sm, var(--rui-local-align-content-xs, initial))))))
8590
+ );
8591
+ --rui-local-align-items:
8592
+ var(
8593
+ --rui-local-align-items-x3l,
8594
+ var(--rui-local-align-items-x2l, var(--rui-local-align-items-xl, var(--rui-local-align-items-lg, var(--rui-local-align-items-md, var(--rui-local-align-items-sm, var(--rui-local-align-items-xs, initial))))))
8595
+ );
8596
+ --rui-local-justify-content:
8597
+ var(
8598
+ --rui-local-justify-content-x3l,
8599
+ var(--rui-local-justify-content-x2l, var(--rui-local-justify-content-xl, var(--rui-local-justify-content-lg, var(--rui-local-justify-content-md, var(--rui-local-justify-content-sm, var(--rui-local-justify-content-xs, initial))))))
8600
+ );
8601
+ --rui-local-justify-items:
8602
+ var(
8603
+ --rui-local-justify-items-x3l,
8604
+ var(--rui-local-justify-items-x2l, var(--rui-local-justify-items-xl, var(--rui-local-justify-items-lg, var(--rui-local-justify-items-md, var(--rui-local-justify-items-sm, var(--rui-local-justify-items-xs, initial))))))
8605
+ );
8606
+ }
8372
8607
  }
8373
- .InputGroup-module__isRootStateWarning__wK1Lp0ri .InputGroup-module__input__m3nCQTQs:checked {
8374
- --rui-local-border-color:
8375
- var(
8376
- --rui-FormField--warning--checked__border-color,
8377
- var(--rui-FormField--warning--default__border-color)
8378
- );
8379
- --rui-local-check-background-color:
8380
- var(
8381
- --rui-FormField--warning--checked__check-background-color,
8382
- var(--rui-FormField--warning--default__check-background-color)
8383
- );
8608
+ .Grid-module__root__m6PTEyJq:not(:last-child) {
8609
+ margin-bottom: var(--rui-dimension-space-bottom-layouts);
8384
8610
  }
8385
- .InputGroup-module__isRootStateWarning__wK1Lp0ri.InputGroup-module__isRootDisabled__xmAO_NpX {
8386
- --rui-local-color:
8387
- var(
8388
- --rui-FormField--warning--disabled__color,
8389
- var(--rui-FormField--warning--default__color)
8390
- );
8391
- --rui-local-border-color:
8392
- var(
8393
- --rui-FormField--warning--disabled__border-color,
8394
- var(--rui-FormField--warning--default__border-color)
8395
- );
8396
- --rui-local-background:
8397
- var(
8398
- --rui-FormField--warning--disabled__background,
8399
- var(--rui-FormField--warning--default__background)
8400
- );
8401
- --rui-local-check-background-color:
8402
- var(
8403
- --rui-FormField--warning--disabled__check-background-color,
8404
- var(--rui-FormField--warning--default__check-background-color)
8405
- );
8406
- --rui-local-box-shadow:
8407
- var(
8408
- --rui-FormField--warning--disabled__box-shadow,
8409
- var(--rui-FormField--warning--default__box-shadow)
8410
- );
8411
- --rui-local-surrounding-text-color:
8412
- var(
8413
- --rui-FormField--warning--disabled__surrounding-text-color,
8414
- var(--rui-FormField--warning--default__surrounding-text-color)
8415
- );
8611
+ .Grid-module__root__m6PTEyJq > * {
8612
+ margin-block: 0;
8416
8613
  }
8417
- .InputGroup-module__isRootStateWarning__wK1Lp0ri .InputGroup-module__input__m3nCQTQs:checked:disabled {
8418
- --rui-local-border-color:
8614
+ .Grid-module__span__NitaPD2S {
8615
+ --rui-local-column-span:
8419
8616
  var(
8420
- --rui-FormField--warning--checked-disabled__border-color,
8421
- var(--rui-FormField--warning--checked__border-color)
8617
+ --rui-local-column-span-xs,
8618
+ initial
8422
8619
  );
8423
- --rui-local-check-background-color:
8620
+ --rui-local-row-span:
8424
8621
  var(
8425
- --rui-FormField--warning--checked-disabled__check-background-color,
8426
- var(--rui-FormField--warning--checked__check-background-color)
8622
+ --rui-local-row-span-xs,
8623
+ initial
8427
8624
  );
8625
+ grid-column: span var(--rui-local-column-span);
8626
+ grid-row: span var(--rui-local-row-span);
8428
8627
  }
8429
- .InputGroup-module__isRootLayoutVertical__Kh7ukFER,
8430
- .InputGroup-module__isRootLayoutHorizontal__E9aM__PG {
8431
- display: inline-flex;
8432
- flex-direction: column;
8433
- min-width: 0;
8434
- max-width: 100%;
8435
- }
8436
- .InputGroup-module__isRootLayoutVertical__Kh7ukFER .InputGroup-module__label__KUZV3N9L,
8437
- .InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__label__KUZV3N9L {
8438
- padding-bottom: var(--rui-local-vertical-gap, var(--rui-dimension-space-1));
8439
- }
8440
- .InputGroup-module__isRootLayoutVertical__Kh7ukFER .InputGroup-module__helpText__EEl3Ozjn,
8441
- .InputGroup-module__isRootLayoutVertical__Kh7ukFER .InputGroup-module__validationText__HNOu0L2V,
8442
- .InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__helpText__EEl3Ozjn,
8443
- .InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__validationText__HNOu0L2V {
8444
- padding-top: var(--rui-local-vertical-gap, var(--rui-dimension-space-1));
8445
- }
8446
- .InputGroup-module__isRootLayoutVertical__Kh7ukFER .InputGroup-module__field__UIKh_s8O,
8447
- .InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__field__UIKh_s8O {
8448
- width: min-content;
8449
- max-width: 100%;
8450
- }
8451
- .InputGroup-module__isRootLayoutVertical__Kh7ukFER .InputGroup-module__field__UIKh_s8O,
8452
- .InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__field__UIKh_s8O {
8453
- max-width: none;
8454
- }
8455
- @media (min-width: 48em) {
8456
- .InputGroup-module__isRootLayoutHorizontal__E9aM__PG {
8457
- display: inline-grid;
8458
- grid-template-columns: var(--rui-FormField--horizontal__label__width) min-content;
8459
- grid-template-areas: "label field";
8460
- align-items: start;
8461
- }
8462
- .InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__label__KUZV3N9L {
8463
- grid-area: label;
8464
- align-self: var(--rui-FormField--horizontal__label__vertical-alignment);
8465
- min-width: var(--rui-FormField--horizontal__label__min-width);
8466
- padding-top: var(--rui-FormField--horizontal__label__padding-y, calc(var(--rui-FormField--box__border-width) + var(--rui-local-padding-y)));
8467
- padding-bottom: var(--rui-FormField--horizontal__label__padding-y, calc(var(--rui-FormField--box__border-width) + var(--rui-local-padding-y)));
8468
- padding-right: var(--rui-dimension-space-2);
8469
- text-align: var(--rui-FormField--horizontal__label__text-align);
8470
- }
8471
- .InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__field__UIKh_s8O {
8472
- grid-area: field;
8473
- align-self: var(--rui-FormField--horizontal__field__vertical-alignment);
8474
- justify-self: start;
8475
- }
8476
- }
8477
- @media (min-width: 48em) {
8478
- .InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__label__KUZV3N9L {
8479
- -ms-grid-row: 1;
8480
- -ms-grid-column: 1;
8481
- }
8482
- .InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__field__UIKh_s8O {
8483
- -ms-grid-row: 1;
8484
- -ms-grid-column: 2;
8485
- }
8486
- }
8487
- .InputGroup-module__isRootInFormLayout__U0mXoJGg {
8488
- justify-self: start;
8489
- }
8490
- .InputGroup-module__isRootInFormLayout__U0mXoJGg .InputGroup-module__field__UIKh_s8O {
8491
- width: auto;
8628
+ @media (min-width: 36em) {
8629
+ .Grid-module__span__NitaPD2S {
8630
+ --rui-local-column-span:
8631
+ var(
8632
+ --rui-local-column-span-sm,
8633
+ var(--rui-local-column-span-xs, initial)
8634
+ );
8635
+ --rui-local-row-span:
8636
+ var(
8637
+ --rui-local-row-span-sm,
8638
+ var(--rui-local-row-span-xs, initial)
8639
+ );
8640
+ }
8492
8641
  }
8493
8642
  @media (min-width: 48em) {
8494
- .InputGroup-module__isRootInFormLayout__U0mXoJGg .InputGroup-module__optionLabel__O3WgRGfZ {
8495
- width: auto;
8496
- }
8497
- .InputGroup-module__isRootInFormLayout__U0mXoJGg.InputGroup-module__isRootLayoutHorizontal__E9aM__PG, .InputGroup-module__isRootInFormLayout__U0mXoJGg.InputGroup-module__isRootLayoutHorizontal__E9aM__PG.InputGroup-module__hasRootSmallInput__URPxKkaR {
8498
- display: contents;
8499
- }
8500
- .InputGroup-module__isRootInFormLayout__U0mXoJGg.InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__label__KUZV3N9L, .InputGroup-module__isRootInFormLayout__U0mXoJGg.InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__field__UIKh_s8O, .InputGroup-module__isRootInFormLayout__U0mXoJGg.InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__inputContainer__lge2GUAJ, .InputGroup-module__isRootInFormLayout__U0mXoJGg.InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__helpText__EEl3Ozjn, .InputGroup-module__isRootInFormLayout__U0mXoJGg.InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__validationText__HNOu0L2V {
8501
- grid-area: unset;
8643
+ .Grid-module__span__NitaPD2S {
8644
+ --rui-local-column-span:
8645
+ var(
8646
+ --rui-local-column-span-md,
8647
+ var(--rui-local-column-span-sm, var(--rui-local-column-span-xs, initial))
8648
+ );
8649
+ --rui-local-row-span:
8650
+ var(
8651
+ --rui-local-row-span-md,
8652
+ var(--rui-local-row-span-sm, var(--rui-local-row-span-xs, initial))
8653
+ );
8502
8654
  }
8503
- .InputGroup-module__isRootInFormLayout__U0mXoJGg.InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__field__UIKh_s8O, .InputGroup-module__isRootInFormLayout__U0mXoJGg.InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__inputContainer__lge2GUAJ, .InputGroup-module__isRootInFormLayout__U0mXoJGg.InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__helpText__EEl3Ozjn, .InputGroup-module__isRootInFormLayout__U0mXoJGg.InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__validationText__HNOu0L2V {
8504
- grid-column-start: 2;
8655
+ }
8656
+ @media (min-width: 66em) {
8657
+ .Grid-module__span__NitaPD2S {
8658
+ --rui-local-column-span:
8659
+ var(
8660
+ --rui-local-column-span-lg,
8661
+ var(--rui-local-column-span-md, var(--rui-local-column-span-sm, var(--rui-local-column-span-xs, initial)))
8662
+ );
8663
+ --rui-local-row-span:
8664
+ var(
8665
+ --rui-local-row-span-lg,
8666
+ var(--rui-local-row-span-md, var(--rui-local-row-span-sm, var(--rui-local-row-span-xs, initial)))
8667
+ );
8505
8668
  }
8506
- .InputGroup-module__isRootInFormLayout__U0mXoJGg.InputGroup-module__isRootLayoutHorizontal__E9aM__PG.InputGroup-module__hasRootSmallInput__URPxKkaR .InputGroup-module__field__UIKh_s8O {
8507
- display: block;
8669
+ }
8670
+ @media (min-width: 84em) {
8671
+ .Grid-module__span__NitaPD2S {
8672
+ --rui-local-column-span:
8673
+ var(
8674
+ --rui-local-column-span-xl,
8675
+ var(--rui-local-column-span-lg, var(--rui-local-column-span-md, var(--rui-local-column-span-sm, var(--rui-local-column-span-xs, initial))))
8676
+ );
8677
+ --rui-local-row-span:
8678
+ var(
8679
+ --rui-local-row-span-xl,
8680
+ var(--rui-local-row-span-lg, var(--rui-local-row-span-md, var(--rui-local-row-span-sm, var(--rui-local-row-span-xs, initial))))
8681
+ );
8508
8682
  }
8509
8683
  }
8510
- .InputGroup-module__isRootSizeSmall__b5mgk66O {
8511
- --rui-local-padding-y: var(--rui-FormField--box--small__padding-y);
8512
- --rui-local-padding-x: var(--rui-FormField--box--small__padding-x);
8684
+ @media (min-width: 100em) {
8685
+ .Grid-module__span__NitaPD2S {
8686
+ --rui-local-column-span:
8687
+ var(
8688
+ --rui-local-column-span-x2l,
8689
+ var(--rui-local-column-span-xl, var(--rui-local-column-span-lg, var(--rui-local-column-span-md, var(--rui-local-column-span-sm, var(--rui-local-column-span-xs, initial)))))
8690
+ );
8691
+ --rui-local-row-span:
8692
+ var(
8693
+ --rui-local-row-span-x2l,
8694
+ var(--rui-local-row-span-xl, var(--rui-local-row-span-lg, var(--rui-local-row-span-md, var(--rui-local-row-span-sm, var(--rui-local-row-span-xs, initial)))))
8695
+ );
8696
+ }
8513
8697
  }
8514
- .InputGroup-module__isRootSizeMedium__DXe8yUee {
8515
- --rui-local-padding-y: var(--rui-FormField--box--medium__padding-y);
8516
- --rui-local-padding-x: var(--rui-FormField--box--medium__padding-x);
8698
+ @media (min-width: 120em) {
8699
+ .Grid-module__span__NitaPD2S {
8700
+ --rui-local-column-span:
8701
+ var(
8702
+ --rui-local-column-span-x3l,
8703
+ var(--rui-local-column-span-x2l, var(--rui-local-column-span-xl, var(--rui-local-column-span-lg, var(--rui-local-column-span-md, var(--rui-local-column-span-sm, var(--rui-local-column-span-xs, initial))))))
8704
+ );
8705
+ --rui-local-row-span:
8706
+ var(
8707
+ --rui-local-row-span-x3l,
8708
+ var(--rui-local-row-span-x2l, var(--rui-local-row-span-xl, var(--rui-local-row-span-lg, var(--rui-local-row-span-md, var(--rui-local-row-span-sm, var(--rui-local-row-span-xs, initial))))))
8709
+ );
8710
+ }
8517
8711
  }
8518
- .InputGroup-module__isRootSizeLarge__8pd07vgR {
8519
- --rui-local-padding-y: var(--rui-FormField--box--large__padding-y);
8520
- --rui-local-padding-x: var(--rui-FormField--box--large__padding-x);
8712
+ dl.Grid-module__root__m6PTEyJq,
8713
+ ol.Grid-module__root__m6PTEyJq,
8714
+ ul.Grid-module__root__m6PTEyJq {
8715
+ padding-left: 0;
8716
+ margin-left: 0;
8717
+ list-style: none;
8521
8718
  }
8522
8719
  }
8523
8720
  /*!***********************************************************************************************************************************************************************************************************************************!*\
8524
8721
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/components/Modal/Modal.module.scss ***!
8525
8722
  \***********************************************************************************************************************************************************************************************************************************/
8723
+ @keyframes Modal-module__fade-in__KMCp98YN {
8724
+ 0% {
8725
+ opacity: 0;
8726
+ }
8727
+ 100% {
8728
+ opacity: 1;
8729
+ }
8730
+ }
8526
8731
  @layer components.modal {
8527
8732
  .Modal-module__root__ifxS_8bg {
8528
8733
  --rui-local-outer-spacing: var(--rui-Modal__outer-spacing--xs);
8529
8734
  --rui-local-max-width: calc(100% - (2 * var(--rui-local-outer-spacing)));
8530
8735
  --rui-local-max-height: calc(100% - (2 * var(--rui-local-outer-spacing)));
8531
- position: fixed;
8532
- left: 50%;
8533
- z-index: 2100;
8534
- display: flex;
8535
8736
  flex-direction: column;
8536
8737
  max-width: var(--rui-local-max-width);
8537
8738
  max-height: var(--rui-local-max-height);
8739
+ padding: 0;
8538
8740
  overflow-y: auto;
8741
+ color: inherit;
8742
+ border-width: 0;
8539
8743
  border-radius: var(--rui-dimension-radius-2);
8540
8744
  background: var(--rui-Modal__background);
8541
8745
  box-shadow: var(--rui-Modal__box-shadow);
8542
- transform: translateX(-50%);
8543
8746
  overscroll-behavior: contain;
8544
8747
  }
8545
8748
  @media (min-width: 36em) {
@@ -8547,15 +8750,22 @@
8547
8750
  --rui-local-outer-spacing: var(--rui-Modal__outer-spacing--sm);
8548
8751
  }
8549
8752
  }
8550
- .Modal-module__backdrop__OmOx_p0T {
8551
- position: fixed;
8552
- top: 0;
8553
- left: 0;
8554
- z-index: 2000;
8555
- width: 100vw;
8556
- height: 100vh;
8753
+ .Modal-module__root__ifxS_8bg[open] {
8754
+ display: flex;
8755
+ }
8756
+ @media (prefers-reduced-motion: no-preference) {
8757
+ .Modal-module__root__ifxS_8bg[open] {
8758
+ animation: Modal-module__fade-in__KMCp98YN var(--rui-Modal__animation__duration) ease-out;
8759
+ }
8760
+ }
8761
+ .Modal-module__root__ifxS_8bg[open]::backdrop {
8557
8762
  background: var(--rui-Modal__backdrop__background);
8558
8763
  }
8764
+ @media (prefers-reduced-motion: no-preference) {
8765
+ .Modal-module__root__ifxS_8bg[open]::backdrop {
8766
+ animation: inherit;
8767
+ }
8768
+ }
8559
8769
  .Modal-module__isRootSizeSmall__Zhlo8LOs {
8560
8770
  width: var(--rui-Modal--small__width);
8561
8771
  }
@@ -8573,16 +8783,84 @@
8573
8783
  height: 100%;
8574
8784
  }
8575
8785
  .Modal-module__isRootSizeAuto__c3t7etOz {
8576
- width: auto;
8577
8786
  min-width: min(var(--rui-local-max-width), var(--rui-Modal--auto__min-width));
8578
8787
  max-width: min(var(--rui-local-max-width), var(--rui-Modal--auto__max-width));
8579
8788
  }
8580
- .Modal-module__isRootPositionCenter__OfMWdYPI {
8581
- top: 50%;
8582
- transform: translate(-50%, -50%);
8583
- }
8584
8789
  .Modal-module__isRootPositionTop__dH85yNzc {
8585
8790
  top: var(--rui-local-outer-spacing);
8791
+ bottom: auto;
8792
+ }
8793
+ .Modal-module__isRootColorSuccess__dHQnX7BU {
8794
+ --rui-local-border-color:
8795
+ var(
8796
+ --rui-Modal--success__border-color
8797
+
8798
+ );
8799
+ --rui-local-background-color:
8800
+ var(
8801
+ --rui-Modal--success__background-color
8802
+
8803
+ );
8804
+ }
8805
+ .Modal-module__isRootColorWarning__j82aEXmR {
8806
+ --rui-local-border-color:
8807
+ var(
8808
+ --rui-Modal--warning__border-color
8809
+
8810
+ );
8811
+ --rui-local-background-color:
8812
+ var(
8813
+ --rui-Modal--warning__background-color
8814
+
8815
+ );
8816
+ }
8817
+ .Modal-module__isRootColorDanger__HeRBrTVp {
8818
+ --rui-local-border-color:
8819
+ var(
8820
+ --rui-Modal--danger__border-color
8821
+
8822
+ );
8823
+ --rui-local-background-color:
8824
+ var(
8825
+ --rui-Modal--danger__background-color
8826
+
8827
+ );
8828
+ }
8829
+ .Modal-module__isRootColorInfo__E2jKbW25 {
8830
+ --rui-local-border-color:
8831
+ var(
8832
+ --rui-Modal--info__border-color
8833
+
8834
+ );
8835
+ --rui-local-background-color:
8836
+ var(
8837
+ --rui-Modal--info__background-color
8838
+
8839
+ );
8840
+ }
8841
+ .Modal-module__isRootColorHelp__iS_F6N_y {
8842
+ --rui-local-border-color:
8843
+ var(
8844
+ --rui-Modal--help__border-color
8845
+
8846
+ );
8847
+ --rui-local-background-color:
8848
+ var(
8849
+ --rui-Modal--help__background-color
8850
+
8851
+ );
8852
+ }
8853
+ .Modal-module__isRootColorNote__S3muQdKg {
8854
+ --rui-local-border-color:
8855
+ var(
8856
+ --rui-Modal--note__border-color
8857
+
8858
+ );
8859
+ --rui-local-background-color:
8860
+ var(
8861
+ --rui-Modal--note__background-color
8862
+
8863
+ );
8586
8864
  }
8587
8865
  }
8588
8866
  /*!***************************************************************************************************************************************************************************************************************************************!*\
@@ -8591,6 +8869,17 @@
8591
8869
  @layer components.modal {
8592
8870
  .ModalBody-module__root__t01NVclU {
8593
8871
  flex: 1 1 auto;
8872
+ border-inline: var(--rui-dimension-border-width-1) solid var(--rui-local-border-color);
8873
+ }
8874
+ .ModalBody-module__root__t01NVclU:first-child {
8875
+ border-top: var(--rui-dimension-border-width-1) solid var(--rui-local-border-color);
8876
+ border-top-left-radius: var(--rui-dimension-radius-2);
8877
+ border-top-right-radius: var(--rui-dimension-radius-2);
8878
+ }
8879
+ .ModalBody-module__root__t01NVclU:last-child {
8880
+ border-bottom: var(--rui-dimension-border-width-1) solid var(--rui-local-border-color);
8881
+ border-bottom-right-radius: var(--rui-dimension-radius-2);
8882
+ border-bottom-left-radius: var(--rui-dimension-radius-2);
8594
8883
  }
8595
8884
  .ModalBody-module__isRootScrollingAuto__pYFVY1My,
8596
8885
  .ModalBody-module__isRootScrollingCustom__n3yayjZQ {
@@ -8657,7 +8946,10 @@
8657
8946
  gap: var(--rui-Modal__header__gap);
8658
8947
  align-items: baseline;
8659
8948
  padding: var(--rui-Modal__padding-y) var(--rui-Modal__padding-x);
8660
- border-bottom: var(--rui-Modal__separator__width) solid var(--rui-Modal__separator__color);
8949
+ border: var(--rui-dimension-border-width-1) solid var(--rui-local-border-color);
8950
+ border-bottom: var(--rui-Modal__separator__width) solid var(--rui-local-border-color, var(--rui-Modal__separator__color));
8951
+ border-top-left-radius: var(--rui-dimension-radius-2);
8952
+ border-top-right-radius: var(--rui-dimension-radius-2);
8661
8953
  }
8662
8954
  .ModalHeader-module__isRootJustifiedToStart__T2x35CTj {
8663
8955
  justify-content: flex-start;
@@ -8686,10 +8978,11 @@
8686
8978
  gap: var(--rui-Modal__footer__gap);
8687
8979
  align-items: center;
8688
8980
  padding: var(--rui-Modal__padding-y) var(--rui-Modal__padding-x);
8689
- border-top: var(--rui-Modal__separator__width) solid var(--rui-Modal__separator__color);
8981
+ border: var(--rui-dimension-border-width-1) solid var(--rui-local-border-color);
8982
+ border-top: var(--rui-Modal__separator__width) solid var(--rui-local-border-color, var(--rui-Modal__separator__color));
8690
8983
  border-bottom-right-radius: var(--rui-dimension-radius-2);
8691
8984
  border-bottom-left-radius: var(--rui-dimension-radius-2);
8692
- background: var(--rui-Modal__footer__background);
8985
+ background: var(--rui-local-background-color, var(--rui-Modal__footer__background));
8693
8986
  }
8694
8987
  .ModalFooter-module__isRootJustifiedToStart__o1o5ERVs {
8695
8988
  justify-content: flex-start;
@@ -8779,6 +9072,24 @@
8779
9072
  border-width: calc((1rem + 2px) / 2) calc((1rem + 2px) / 2) 0;
8780
9073
  border-top-color: var(--rui-Popover__background-color);
8781
9074
  }
9075
+ .Popover-module__controlledPopover__bAdOI7sf {
9076
+ display: none;
9077
+ }
9078
+ .Popover-module__helper__qu_fiEGq {
9079
+ position: fixed;
9080
+ inset: unset;
9081
+ top: 0;
9082
+ right: 0;
9083
+ width: auto;
9084
+ height: auto;
9085
+ padding: 0;
9086
+ border: none;
9087
+ background: transparent;
9088
+ pointer-events: none;
9089
+ }
9090
+ .Popover-module__helper__qu_fiEGq:popover-open ~ .Popover-module__controlledPopover__bAdOI7sf {
9091
+ display: block;
9092
+ }
8782
9093
  .Popover-module__isRootAtTop__GHVVe2Fu {
8783
9094
  bottom: calc(100% + 1px - 1px);
8784
9095
  }
@@ -9098,6 +9409,14 @@
9098
9409
  content: var(--rui-FormField--required__sign);
9099
9410
  color: var(--rui-FormField--required__sign__color);
9100
9411
  }
9412
+ .Radio-module__isRootRequired__pIsCmVdz .Radio-module__optionLabel__D7ODZEbC {
9413
+ color: var(--rui-local-surrounding-text-color, var(--rui-FormField--required__label__color));
9414
+ }
9415
+ .Radio-module__isRootStateInvalid__zn0zdKi2 {
9416
+ --rui-local-link-color: var(--rui-color-feedback-danger);
9417
+ --rui-local-link-color-hover: var(--rui-color-feedback-danger-hover);
9418
+ --rui-local-link-color-active: var(--rui-color-feedback-danger-active);
9419
+ }
9101
9420
  .Radio-module__isRootStateInvalid__zn0zdKi2, .Radio-module__isRootStateInvalid__zn0zdKi2:hover {
9102
9421
  --rui-local-color: var(--rui-FormField--invalid--default__color);
9103
9422
  --rui-local-border-color: var(--rui-FormField--invalid--default__border-color);
@@ -9162,6 +9481,11 @@
9162
9481
  var(--rui-FormField--invalid--checked__check-background-color)
9163
9482
  );
9164
9483
  }
9484
+ .Radio-module__isRootStateValid__uliUzaIp {
9485
+ --rui-local-link-color: var(--rui-color-feedback-success);
9486
+ --rui-local-link-color-hover: var(--rui-color-feedback-success-hover);
9487
+ --rui-local-link-color-active: var(--rui-color-feedback-success-active);
9488
+ }
9165
9489
  .Radio-module__isRootStateValid__uliUzaIp, .Radio-module__isRootStateValid__uliUzaIp:hover {
9166
9490
  --rui-local-color: var(--rui-FormField--valid--default__color);
9167
9491
  --rui-local-border-color: var(--rui-FormField--valid--default__border-color);
@@ -9226,6 +9550,11 @@
9226
9550
  var(--rui-FormField--valid--checked__check-background-color)
9227
9551
  );
9228
9552
  }
9553
+ .Radio-module__isRootStateWarning__t9RqjOJP {
9554
+ --rui-local-link-color: var(--rui-color-feedback-warning);
9555
+ --rui-local-link-color-hover: var(--rui-color-feedback-warning-hover);
9556
+ --rui-local-link-color-active: var(--rui-color-feedback-warning-active);
9557
+ }
9229
9558
  .Radio-module__isRootStateWarning__t9RqjOJP, .Radio-module__isRootStateWarning__t9RqjOJP:hover {
9230
9559
  --rui-local-color: var(--rui-FormField--warning--default__color);
9231
9560
  --rui-local-border-color: var(--rui-FormField--warning--default__border-color);
@@ -9618,21 +9947,21 @@
9618
9947
  transition-property: opacity, color, border-color, background-color, box-shadow;
9619
9948
  transition-duration: 150ms;
9620
9949
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
9621
- appearance: none;
9622
9950
  width: var(--rui-FormField--box__input__width);
9623
9951
  min-width: var(--rui-FormField--box__input__min-width);
9624
9952
  max-width: 100%;
9625
9953
  height: var(--rui-local-height);
9626
9954
  padding: var(--rui-local-padding-y) var(--rui-local-padding-x);
9955
+ color: var(--rui-local-color);
9956
+ border: var(--rui-FormField--box__border-width) solid var(--rui-local-border-color);
9957
+ border-radius: var(--rui-FormField--box__border-radius);
9958
+ background: var(--rui-local-background);
9959
+ appearance: none;
9627
9960
  font-weight: var(--rui-font-weight-base);
9628
9961
  font-size: var(--rui-local-font-size);
9629
9962
  line-height: 1.5rem;
9630
9963
  font-family: var(--rui-font-family-base);
9631
9964
  vertical-align: middle;
9632
- color: var(--rui-local-color);
9633
- border: var(--rui-FormField--box__border-width) solid var(--rui-local-border-color);
9634
- border-radius: var(--rui-FormField--box__border-radius);
9635
- background: var(--rui-local-background);
9636
9965
  box-shadow: var(--rui-local-box-shadow);
9637
9966
  appearance: none;
9638
9967
  padding-right: calc(2.25rem + var(--rui-dimension-space-2));
@@ -9923,6 +10252,11 @@
9923
10252
  opacity: var(--rui-FormField--disabled__opacity);
9924
10253
  cursor: var(--rui-FormField--disabled__cursor);
9925
10254
  }
10255
+ .SelectField-module__isRootStateInvalid__ygifhBAb {
10256
+ --rui-local-link-color: var(--rui-color-feedback-danger);
10257
+ --rui-local-link-color-hover: var(--rui-color-feedback-danger-hover);
10258
+ --rui-local-link-color-active: var(--rui-color-feedback-danger-active);
10259
+ }
9926
10260
  .SelectField-module__isRootStateInvalid__ygifhBAb, .SelectField-module__isRootStateInvalid__ygifhBAb:hover {
9927
10261
  --rui-local-color: var(--rui-FormField--invalid--default__color);
9928
10262
  --rui-local-border-color: var(--rui-FormField--invalid--default__border-color);
@@ -9987,6 +10321,11 @@
9987
10321
  var(--rui-FormField--invalid--checked__check-background-color)
9988
10322
  );
9989
10323
  }
10324
+ .SelectField-module__isRootStateValid__LD4mrVeo {
10325
+ --rui-local-link-color: var(--rui-color-feedback-success);
10326
+ --rui-local-link-color-hover: var(--rui-color-feedback-success-hover);
10327
+ --rui-local-link-color-active: var(--rui-color-feedback-success-active);
10328
+ }
9990
10329
  .SelectField-module__isRootStateValid__LD4mrVeo, .SelectField-module__isRootStateValid__LD4mrVeo:hover {
9991
10330
  --rui-local-color: var(--rui-FormField--valid--default__color);
9992
10331
  --rui-local-border-color: var(--rui-FormField--valid--default__border-color);
@@ -10051,6 +10390,11 @@
10051
10390
  var(--rui-FormField--valid--checked__check-background-color)
10052
10391
  );
10053
10392
  }
10393
+ .SelectField-module__isRootStateWarning__fE5GNhNK {
10394
+ --rui-local-link-color: var(--rui-color-feedback-warning);
10395
+ --rui-local-link-color-hover: var(--rui-color-feedback-warning-hover);
10396
+ --rui-local-link-color-active: var(--rui-color-feedback-warning-active);
10397
+ }
10054
10398
  .SelectField-module__isRootStateWarning__fE5GNhNK, .SelectField-module__isRootStateWarning__fE5GNhNK:hover {
10055
10399
  --rui-local-color: var(--rui-FormField--warning--default__color);
10056
10400
  --rui-local-border-color: var(--rui-FormField--warning--default__border-color);
@@ -10232,28 +10576,26 @@
10232
10576
  }
10233
10577
  }
10234
10578
  .SelectField-module__isRootSizeSmall__HIOvadod {
10579
+ --rui-local-height: var(--rui-FormField--box--small__height);
10235
10580
  --rui-local-padding-y: var(--rui-FormField--box--small__padding-y);
10236
10581
  --rui-local-padding-x: var(--rui-FormField--box--small__padding-x);
10237
10582
  --rui-local-font-size: var(--rui-FormField--box--small__font-size);
10238
10583
  }
10239
- .SelectField-module__isRootSizeSmall__HIOvadod .SelectField-module__input__XP_Kwi5B {
10240
- --rui-local-height: var(--rui-FormField--box--small__height);
10241
- }
10242
10584
  .SelectField-module__isRootSizeMedium__QAphp601 {
10585
+ --rui-local-height: var(--rui-FormField--box--medium__height);
10243
10586
  --rui-local-padding-y: var(--rui-FormField--box--medium__padding-y);
10244
10587
  --rui-local-padding-x: var(--rui-FormField--box--medium__padding-x);
10245
10588
  --rui-local-font-size: var(--rui-FormField--box--medium__font-size);
10246
10589
  }
10247
- .SelectField-module__isRootSizeMedium__QAphp601 .SelectField-module__input__XP_Kwi5B {
10248
- --rui-local-height: var(--rui-FormField--box--medium__height);
10249
- }
10250
10590
  .SelectField-module__isRootSizeLarge__Xivn3SpJ {
10591
+ --rui-local-height: var(--rui-FormField--box--large__height);
10251
10592
  --rui-local-padding-y: var(--rui-FormField--box--large__padding-y);
10252
10593
  --rui-local-padding-x: var(--rui-FormField--box--large__padding-x);
10253
10594
  --rui-local-font-size: var(--rui-FormField--box--large__font-size);
10254
10595
  }
10255
- .SelectField-module__isRootSizeLarge__Xivn3SpJ .SelectField-module__input__XP_Kwi5B {
10256
- --rui-local-height: var(--rui-FormField--box--large__height);
10596
+ .SelectField-module__isRootGrouped__BLo5R_TG:focus-within {
10597
+ isolation: isolate;
10598
+ z-index: 1;
10257
10599
  }
10258
10600
  .SelectField-module__isRootGrouped__BLo5R_TG .SelectField-module__inputContainer__IRfeLUKv {
10259
10601
  display: block;
@@ -10489,21 +10831,21 @@
10489
10831
  transition-property: opacity, color, border-color, background-color, box-shadow;
10490
10832
  transition-duration: 150ms;
10491
10833
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
10492
- appearance: none;
10493
10834
  width: var(--rui-FormField--box__input__width);
10494
10835
  min-width: var(--rui-FormField--box__input__min-width);
10495
10836
  max-width: 100%;
10496
10837
  height: var(--rui-local-height);
10497
10838
  padding: var(--rui-local-padding-y) var(--rui-local-padding-x);
10839
+ color: var(--rui-local-color);
10840
+ border: var(--rui-FormField--box__border-width) solid var(--rui-local-border-color);
10841
+ border-radius: var(--rui-FormField--box__border-radius);
10842
+ background: var(--rui-local-background);
10843
+ appearance: none;
10498
10844
  font-weight: var(--rui-font-weight-base);
10499
10845
  font-size: var(--rui-local-font-size);
10500
10846
  line-height: 1.5rem;
10501
10847
  font-family: var(--rui-font-family-base);
10502
10848
  vertical-align: middle;
10503
- color: var(--rui-local-color);
10504
- border: var(--rui-FormField--box__border-width) solid var(--rui-local-border-color);
10505
- border-radius: var(--rui-FormField--box__border-radius);
10506
- background: var(--rui-local-background);
10507
10849
  box-shadow: var(--rui-local-box-shadow);
10508
10850
  resize: vertical;
10509
10851
  }
@@ -10751,6 +11093,11 @@
10751
11093
  opacity: var(--rui-FormField--disabled__opacity);
10752
11094
  cursor: var(--rui-FormField--disabled__cursor);
10753
11095
  }
11096
+ .TextArea-module__isRootStateInvalid__5juQGER0 {
11097
+ --rui-local-link-color: var(--rui-color-feedback-danger);
11098
+ --rui-local-link-color-hover: var(--rui-color-feedback-danger-hover);
11099
+ --rui-local-link-color-active: var(--rui-color-feedback-danger-active);
11100
+ }
10754
11101
  .TextArea-module__isRootStateInvalid__5juQGER0, .TextArea-module__isRootStateInvalid__5juQGER0:hover {
10755
11102
  --rui-local-color: var(--rui-FormField--invalid--default__color);
10756
11103
  --rui-local-border-color: var(--rui-FormField--invalid--default__border-color);
@@ -10815,6 +11162,11 @@
10815
11162
  var(--rui-FormField--invalid--checked__check-background-color)
10816
11163
  );
10817
11164
  }
11165
+ .TextArea-module__isRootStateValid__Ih6AFuas {
11166
+ --rui-local-link-color: var(--rui-color-feedback-success);
11167
+ --rui-local-link-color-hover: var(--rui-color-feedback-success-hover);
11168
+ --rui-local-link-color-active: var(--rui-color-feedback-success-active);
11169
+ }
10818
11170
  .TextArea-module__isRootStateValid__Ih6AFuas, .TextArea-module__isRootStateValid__Ih6AFuas:hover {
10819
11171
  --rui-local-color: var(--rui-FormField--valid--default__color);
10820
11172
  --rui-local-border-color: var(--rui-FormField--valid--default__border-color);
@@ -10879,6 +11231,11 @@
10879
11231
  var(--rui-FormField--valid--checked__check-background-color)
10880
11232
  );
10881
11233
  }
11234
+ .TextArea-module__isRootStateWarning__T_TCx1R_ {
11235
+ --rui-local-link-color: var(--rui-color-feedback-warning);
11236
+ --rui-local-link-color-hover: var(--rui-color-feedback-warning-hover);
11237
+ --rui-local-link-color-active: var(--rui-color-feedback-warning-active);
11238
+ }
10882
11239
  .TextArea-module__isRootStateWarning__T_TCx1R_, .TextArea-module__isRootStateWarning__T_TCx1R_:hover {
10883
11240
  --rui-local-color: var(--rui-FormField--warning--default__color);
10884
11241
  --rui-local-border-color: var(--rui-FormField--warning--default__border-color);
@@ -11060,6 +11417,7 @@
11060
11417
  }
11061
11418
  }
11062
11419
  .TextArea-module__isRootSizeSmall__zcBfB1TQ {
11420
+ --rui-local-height: var(--rui-FormField--box--small__height);
11063
11421
  --rui-local-padding-y: var(--rui-FormField--box--small__padding-y);
11064
11422
  --rui-local-padding-x: var(--rui-FormField--box--small__padding-x);
11065
11423
  --rui-local-font-size: var(--rui-FormField--box--small__font-size);
@@ -11069,6 +11427,7 @@
11069
11427
  min-height: var(--rui-FormField--box--small__height);
11070
11428
  }
11071
11429
  .TextArea-module__isRootSizeMedium__yEVtd0G9 {
11430
+ --rui-local-height: var(--rui-FormField--box--medium__height);
11072
11431
  --rui-local-padding-y: var(--rui-FormField--box--medium__padding-y);
11073
11432
  --rui-local-padding-x: var(--rui-FormField--box--medium__padding-x);
11074
11433
  --rui-local-font-size: var(--rui-FormField--box--medium__font-size);
@@ -11078,6 +11437,7 @@
11078
11437
  min-height: var(--rui-FormField--box--medium__height);
11079
11438
  }
11080
11439
  .TextArea-module__isRootSizeLarge__FQadmtq4 {
11440
+ --rui-local-height: var(--rui-FormField--box--large__height);
11081
11441
  --rui-local-padding-y: var(--rui-FormField--box--large__padding-y);
11082
11442
  --rui-local-padding-x: var(--rui-FormField--box--large__padding-x);
11083
11443
  --rui-local-font-size: var(--rui-FormField--box--large__font-size);
@@ -11107,21 +11467,21 @@
11107
11467
  transition-property: opacity, color, border-color, background-color, box-shadow;
11108
11468
  transition-duration: 150ms;
11109
11469
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
11110
- appearance: none;
11111
11470
  width: var(--rui-FormField--box__input__width);
11112
11471
  min-width: var(--rui-FormField--box__input__min-width);
11113
11472
  max-width: 100%;
11114
11473
  height: var(--rui-local-height);
11115
11474
  padding: var(--rui-local-padding-y) var(--rui-local-padding-x);
11475
+ color: var(--rui-local-color);
11476
+ border: var(--rui-FormField--box__border-width) solid var(--rui-local-border-color);
11477
+ border-radius: var(--rui-FormField--box__border-radius);
11478
+ background: var(--rui-local-background);
11479
+ appearance: none;
11116
11480
  font-weight: var(--rui-font-weight-base);
11117
11481
  font-size: var(--rui-local-font-size);
11118
11482
  line-height: 1.5rem;
11119
11483
  font-family: var(--rui-font-family-base);
11120
11484
  vertical-align: middle;
11121
- color: var(--rui-local-color);
11122
- border: var(--rui-FormField--box__border-width) solid var(--rui-local-border-color);
11123
- border-radius: var(--rui-FormField--box__border-radius);
11124
- background: var(--rui-local-background);
11125
11485
  box-shadow: var(--rui-local-box-shadow);
11126
11486
  }
11127
11487
  @media (prefers-reduced-motion: reduce) {
@@ -11372,6 +11732,11 @@
11372
11732
  opacity: var(--rui-FormField--disabled__opacity);
11373
11733
  cursor: var(--rui-FormField--disabled__cursor);
11374
11734
  }
11735
+ .TextField-module__isRootStateInvalid__bxsnTMJY {
11736
+ --rui-local-link-color: var(--rui-color-feedback-danger);
11737
+ --rui-local-link-color-hover: var(--rui-color-feedback-danger-hover);
11738
+ --rui-local-link-color-active: var(--rui-color-feedback-danger-active);
11739
+ }
11375
11740
  .TextField-module__isRootStateInvalid__bxsnTMJY, .TextField-module__isRootStateInvalid__bxsnTMJY:hover {
11376
11741
  --rui-local-color: var(--rui-FormField--invalid--default__color);
11377
11742
  --rui-local-border-color: var(--rui-FormField--invalid--default__border-color);
@@ -11436,6 +11801,11 @@
11436
11801
  var(--rui-FormField--invalid--checked__check-background-color)
11437
11802
  );
11438
11803
  }
11804
+ .TextField-module__isRootStateValid__IEIWMvE8 {
11805
+ --rui-local-link-color: var(--rui-color-feedback-success);
11806
+ --rui-local-link-color-hover: var(--rui-color-feedback-success-hover);
11807
+ --rui-local-link-color-active: var(--rui-color-feedback-success-active);
11808
+ }
11439
11809
  .TextField-module__isRootStateValid__IEIWMvE8, .TextField-module__isRootStateValid__IEIWMvE8:hover {
11440
11810
  --rui-local-color: var(--rui-FormField--valid--default__color);
11441
11811
  --rui-local-border-color: var(--rui-FormField--valid--default__border-color);
@@ -11500,6 +11870,11 @@
11500
11870
  var(--rui-FormField--valid--checked__check-background-color)
11501
11871
  );
11502
11872
  }
11873
+ .TextField-module__isRootStateWarning__OI5XUWPf {
11874
+ --rui-local-link-color: var(--rui-color-feedback-warning);
11875
+ --rui-local-link-color-hover: var(--rui-color-feedback-warning-hover);
11876
+ --rui-local-link-color-active: var(--rui-color-feedback-warning-active);
11877
+ }
11503
11878
  .TextField-module__isRootStateWarning__OI5XUWPf, .TextField-module__isRootStateWarning__OI5XUWPf:hover {
11504
11879
  --rui-local-color: var(--rui-FormField--warning--default__color);
11505
11880
  --rui-local-border-color: var(--rui-FormField--warning--default__border-color);
@@ -11728,28 +12103,26 @@
11728
12103
  }
11729
12104
  }
11730
12105
  .TextField-module__isRootSizeSmall__uUxQrmLv {
12106
+ --rui-local-height: var(--rui-FormField--box--small__height);
11731
12107
  --rui-local-padding-y: var(--rui-FormField--box--small__padding-y);
11732
12108
  --rui-local-padding-x: var(--rui-FormField--box--small__padding-x);
11733
12109
  --rui-local-font-size: var(--rui-FormField--box--small__font-size);
11734
12110
  }
11735
- .TextField-module__isRootSizeSmall__uUxQrmLv .TextField-module__input__EJkZBuV_ {
11736
- --rui-local-height: var(--rui-FormField--box--small__height);
11737
- }
11738
12111
  .TextField-module__isRootSizeMedium__ZpN_dqtu {
12112
+ --rui-local-height: var(--rui-FormField--box--medium__height);
11739
12113
  --rui-local-padding-y: var(--rui-FormField--box--medium__padding-y);
11740
12114
  --rui-local-padding-x: var(--rui-FormField--box--medium__padding-x);
11741
12115
  --rui-local-font-size: var(--rui-FormField--box--medium__font-size);
11742
12116
  }
11743
- .TextField-module__isRootSizeMedium__ZpN_dqtu .TextField-module__input__EJkZBuV_ {
11744
- --rui-local-height: var(--rui-FormField--box--medium__height);
11745
- }
11746
12117
  .TextField-module__isRootSizeLarge__P3iaIhTA {
12118
+ --rui-local-height: var(--rui-FormField--box--large__height);
11747
12119
  --rui-local-padding-y: var(--rui-FormField--box--large__padding-y);
11748
12120
  --rui-local-padding-x: var(--rui-FormField--box--large__padding-x);
11749
12121
  --rui-local-font-size: var(--rui-FormField--box--large__font-size);
11750
12122
  }
11751
- .TextField-module__isRootSizeLarge__P3iaIhTA .TextField-module__input__EJkZBuV_ {
11752
- --rui-local-height: var(--rui-FormField--box--large__height);
12123
+ .TextField-module__isRootGrouped__PevW9nH_:focus-within {
12124
+ isolation: isolate;
12125
+ z-index: 1;
11753
12126
  }
11754
12127
  .TextField-module__isRootGrouped__PevW9nH_ .TextField-module__inputContainer__cnUZf6EH {
11755
12128
  display: block;
@@ -11770,17 +12143,17 @@
11770
12143
  .TextLink-module__root__yRDpdHz1 {
11771
12144
  -webkit-text-decoration: var(--rui-TextLink__text-decoration);
11772
12145
  text-decoration: var(--rui-TextLink__text-decoration);
11773
- color: var(--rui-TextLink__color);
12146
+ color: var(--rui-local-link-color, var(--rui-TextLink__color));
11774
12147
  }
11775
12148
  .TextLink-module__root__yRDpdHz1:hover {
11776
12149
  -webkit-text-decoration: var(--rui-TextLink--hover__text-decoration);
11777
12150
  text-decoration: var(--rui-TextLink--hover__text-decoration);
11778
- color: var(--rui-TextLink--hover__color);
12151
+ color: var(--rui-local-link-color-hover, var(--rui-TextLink--hover__color));
11779
12152
  }
11780
12153
  .TextLink-module__root__yRDpdHz1:active {
11781
12154
  -webkit-text-decoration: var(--rui-TextLink--active__text-decoration);
11782
12155
  text-decoration: var(--rui-TextLink--active__text-decoration);
11783
- color: var(--rui-TextLink--active__color);
12156
+ color: var(--rui-local-link-color-active, var(--rui-TextLink--active__color));
11784
12157
  }
11785
12158
  }
11786
12159
  /*!*************************************************************************************************************************************************************************************************************************************!*\
@@ -11965,6 +12338,11 @@
11965
12338
  content: var(--rui-FormField--required__sign);
11966
12339
  color: var(--rui-FormField--required__sign__color);
11967
12340
  }
12341
+ .Toggle-module__isRootStateInvalid__YeydgHoH {
12342
+ --rui-local-link-color: var(--rui-color-feedback-danger);
12343
+ --rui-local-link-color-hover: var(--rui-color-feedback-danger-hover);
12344
+ --rui-local-link-color-active: var(--rui-color-feedback-danger-active);
12345
+ }
11968
12346
  .Toggle-module__isRootStateInvalid__YeydgHoH, .Toggle-module__isRootStateInvalid__YeydgHoH:hover {
11969
12347
  --rui-local-color: var(--rui-FormField--invalid--default__color);
11970
12348
  --rui-local-border-color: var(--rui-FormField--invalid--default__border-color);
@@ -12029,6 +12407,11 @@
12029
12407
  var(--rui-FormField--invalid--checked__check-background-color)
12030
12408
  );
12031
12409
  }
12410
+ .Toggle-module__isRootStateValid__YjDzLP2F {
12411
+ --rui-local-link-color: var(--rui-color-feedback-success);
12412
+ --rui-local-link-color-hover: var(--rui-color-feedback-success-hover);
12413
+ --rui-local-link-color-active: var(--rui-color-feedback-success-active);
12414
+ }
12032
12415
  .Toggle-module__isRootStateValid__YjDzLP2F, .Toggle-module__isRootStateValid__YjDzLP2F:hover {
12033
12416
  --rui-local-color: var(--rui-FormField--valid--default__color);
12034
12417
  --rui-local-border-color: var(--rui-FormField--valid--default__border-color);
@@ -12093,6 +12476,11 @@
12093
12476
  var(--rui-FormField--valid--checked__check-background-color)
12094
12477
  );
12095
12478
  }
12479
+ .Toggle-module__isRootStateWarning__vhYc4kYJ {
12480
+ --rui-local-link-color: var(--rui-color-feedback-warning);
12481
+ --rui-local-link-color-hover: var(--rui-color-feedback-warning-hover);
12482
+ --rui-local-link-color-active: var(--rui-color-feedback-warning-active);
12483
+ }
12096
12484
  .Toggle-module__isRootStateWarning__vhYc4kYJ, .Toggle-module__isRootStateWarning__vhYc4kYJ:hover {
12097
12485
  --rui-local-color: var(--rui-FormField--warning--default__color);
12098
12486
  --rui-local-border-color: var(--rui-FormField--warning--default__border-color);