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

package/dist/react-ui.development.css

@@ -24,7 +24,28 @@
     --rui-dimension-space-5: 1.5rem;
     --rui-dimension-space-6: 2rem;
     --rui-dimension-space-7: 2.5rem;
-    --rui-font-family-base: "Titillium Web", helvetica, roboto, arial, sans-serif;
+    --rui-font-family-base:
+        /* Cross-platform generic font family (default user interface font) */
+        system-ui,
+        /* Safari for macOS and iOS (San Francisco)*/
+        -apple-system,
+        /* Windows*/
+        "Segoe UI",
+        /* Android*/
+        roboto,
+        /* Basic web fallback*/
+        "Helvetica Neue",
+        arial,
+        /* Linux*/
+        "Noto Sans",
+        "Liberation Sans",
+        /* Sans serif fallback*/
+        sans-serif,
+        /* Emoji fonts*/
+        "Apple Color Emoji",
+        "Segoe UI Emoji",
+        "Segoe UI Symbol",
+        "Noto Color Emoji";
     --rui-font-family-monospace:
         "SFMono-Regular",
         "Menlo",
@@ -526,6 +547,7 @@
     --rui-Card__padding: var(--rui-dimension-space-4);
     --rui-Card__border-width: var(--rui-dimension-border-width-1);
     --rui-Card__border-radius: var(--rui-dimension-radius-2);
+    --rui-Card__background-color: var(--rui-color-background-layer-1);
     --rui-Card--dense__padding: var(--rui-dimension-space-2);
     --rui-Card--raised__box-shadow: var(--rui-shadow-layer-1);
     --rui-Card--disabled__background-color: var(--rui-color-background-disabled);
@@ -661,6 +683,19 @@
     --rui-Modal--large__width: 60rem;
     --rui-Modal--fullscreen__width: 100%;
     --rui-Modal--fullscreen__height: 100%;
+    --rui-Modal__animation__duration: 0.25s;
+    --rui-Modal--success__border-color: var(--rui-color-feedback-success);
+    --rui-Modal--success__background-color: var(--rui-color-background-success);
+    --rui-Modal--warning__border-color: var(--rui-color-feedback-warning);
+    --rui-Modal--warning__background-color: var(--rui-color-background-warning);
+    --rui-Modal--danger__border-color: var(--rui-color-feedback-danger);
+    --rui-Modal--danger__background-color: var(--rui-color-background-danger);
+    --rui-Modal--info__border-color: var(--rui-color-feedback-info);
+    --rui-Modal--info__background-color: var(--rui-color-background-info);
+    --rui-Modal--help__border-color: var(--rui-color-feedback-help);
+    --rui-Modal--help__background-color: var(--rui-color-background-help);
+    --rui-Modal--note__border-color: var(--rui-color-feedback-note);
+    --rui-Modal--note__background-color: var(--rui-color-background-note);
     --rui-Paper__padding: var(--rui-dimension-space-4);
     --rui-Paper__border-width: 0;
     --rui-Paper__border-color: transparent;
@@ -3626,46 +3661,6 @@
     --rui-local-link-color-hover: var(--rui-color-feedback-note-hover);
     --rui-local-link-color-active: var(--rui-color-feedback-note-active);
   }
-  .Alert-module__isRootColorLight__LBWCo24o {
-    --rui-local-color:
-        var(
-            --rui-Alert--light__color
-
-        );
-    --rui-local-foreground-color:
-        var(
-            --rui-Alert--light__foreground-color
-
-        );
-    --rui-local-background-color:
-        var(
-            --rui-Alert--light__background-color
-
-        );
-    --rui-local-link-color: var(--rui-color-neutral-dark);
-    --rui-local-link-color-hover: var(--rui-color-neutral-dark-hover);
-    --rui-local-link-color-active: var(--rui-color-neutral-dark-active);
-  }
-  .Alert-module__isRootColorDark__ro4AYKc8 {
-    --rui-local-color:
-        var(
-            --rui-Alert--dark__color
-
-        );
-    --rui-local-foreground-color:
-        var(
-            --rui-Alert--dark__foreground-color
-
-        );
-    --rui-local-background-color:
-        var(
-            --rui-Alert--dark__background-color
-
-        );
-    --rui-local-link-color: var(--rui-color-neutral-light);
-    --rui-local-link-color-hover: var(--rui-color-neutral-light-hover);
-    --rui-local-link-color-active: var(--rui-color-neutral-light-active);
-  }
 }
 /*!***********************************************************************************************************************************************************************************************************************************!*\
   !*** 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/Badge/Badge.module.scss ***!
@@ -6387,9 +6382,9 @@
     flex-direction: column;
     min-width: 0;
     color: var(--rui-local-color);
-    border: var(--rui-Card__border-width) solid var(--rui-local-border-color);
+    border: var(--rui-Card__border-width) solid var(--rui-local-border-color, transparent);
     border-radius: var(--rui-Card__border-radius);
-    background-color: var(--rui-local-background-color);
+    background-color: var(--rui-local-background-color, var(--rui-Card__background-color));
   }
   .Card-module__body__DZFwick2 {
     flex: 1 0 auto;
@@ -6528,46 +6523,6 @@
     --rui-local-link-color-hover: var(--rui-color-feedback-note-hover);
     --rui-local-link-color-active: var(--rui-color-feedback-note-active);
   }
-  .Card-module__isRootColorLight__iCf72IJr {
-    --rui-local-color:
-        var(
-            --rui-Card--light__color
-
-        );
-    --rui-local-border-color:
-        var(
-            --rui-Card--light__border-color
-
-        );
-    --rui-local-background-color:
-        var(
-            --rui-Card--light__background-color
-
-        );
-    --rui-local-link-color: var(--rui-color-neutral-dark);
-    --rui-local-link-color-hover: var(--rui-color-neutral-dark-hover);
-    --rui-local-link-color-active: var(--rui-color-neutral-dark-active);
-  }
-  .Card-module__isRootColorDark__qqlYTf5V {
-    --rui-local-color:
-        var(
-            --rui-Card--dark__color
-
-        );
-    --rui-local-border-color:
-        var(
-            --rui-Card--dark__border-color
-
-        );
-    --rui-local-background-color:
-        var(
-            --rui-Card--dark__background-color
-
-        );
-    --rui-local-link-color: var(--rui-color-neutral-light);
-    --rui-local-link-color-hover: var(--rui-color-neutral-light-hover);
-    --rui-local-link-color-active: var(--rui-color-neutral-light-active);
-  }
 }
 /*!*********************************************************************************************************************************************************************************************************************************************!*\
   !*** 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/FormLayout/FormLayout.module.scss ***!
@@ -6698,9 +6653,9 @@
     color: var(--rui-FormField--required__sign__color);
   }
   .FormLayoutCustomField-module__isRootStateInvalid__OhuSVPjE {
-    --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
-    --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
-    --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
+    --rui-local-link-color: var(--rui-color-feedback-danger);
+    --rui-local-link-color-hover: var(--rui-color-feedback-danger-hover);
+    --rui-local-link-color-active: var(--rui-color-feedback-danger-active);
   }
   .FormLayoutCustomField-module__isRootStateInvalid__OhuSVPjE, .FormLayoutCustomField-module__isRootStateInvalid__OhuSVPjE:hover {
     --rui-local-color: var(--rui-FormField--invalid--default__color);
@@ -6767,9 +6722,9 @@
         );
   }
   .FormLayoutCustomField-module__isRootStateValid__ROOaFW0P {
-    --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
-    --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
-    --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
+    --rui-local-link-color: var(--rui-color-feedback-success);
+    --rui-local-link-color-hover: var(--rui-color-feedback-success-hover);
+    --rui-local-link-color-active: var(--rui-color-feedback-success-active);
   }
   .FormLayoutCustomField-module__isRootStateValid__ROOaFW0P, .FormLayoutCustomField-module__isRootStateValid__ROOaFW0P:hover {
     --rui-local-color: var(--rui-FormField--valid--default__color);
@@ -6836,9 +6791,9 @@
         );
   }
   .FormLayoutCustomField-module__isRootStateWarning__HG_NKMXd {
-    --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
-    --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
-    --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
+    --rui-local-link-color: var(--rui-color-feedback-warning);
+    --rui-local-link-color-hover: var(--rui-color-feedback-warning-hover);
+    --rui-local-link-color-active: var(--rui-color-feedback-warning-active);
   }
   .FormLayoutCustomField-module__isRootStateWarning__HG_NKMXd, .FormLayoutCustomField-module__isRootStateWarning__HG_NKMXd:hover {
     --rui-local-color: var(--rui-FormField--warning--default__color);
@@ -6966,29 +6921,23 @@
     justify-self: stretch;
   }
   .FormLayoutCustomField-module__isRootSizeSmall__sQZHyTZR {
+    --rui-local-height: var(--rui-FormField--box--small__height);
     --rui-local-padding-y: var(--rui-FormField--box--small__padding-y);
     --rui-local-padding-x: var(--rui-FormField--box--small__padding-x);
     --rui-local-font-size: var(--rui-FormField--box--small__font-size);
   }
-  .FormLayoutCustomField-module__isRootSizeSmall__sQZHyTZR .FormLayoutCustomField-module__input__ZxqACEjI {
-    --rui-local-height: var(--rui-FormField--box--small__height);
-  }
   .FormLayoutCustomField-module__isRootSizeMedium__YznNPyT4 {
+    --rui-local-height: var(--rui-FormField--box--medium__height);
     --rui-local-padding-y: var(--rui-FormField--box--medium__padding-y);
     --rui-local-padding-x: var(--rui-FormField--box--medium__padding-x);
     --rui-local-font-size: var(--rui-FormField--box--medium__font-size);
   }
-  .FormLayoutCustomField-module__isRootSizeMedium__YznNPyT4 .FormLayoutCustomField-module__input__ZxqACEjI {
-    --rui-local-height: var(--rui-FormField--box--medium__height);
-  }
   .FormLayoutCustomField-module__isRootSizeLarge__ga4Z0mOL {
+    --rui-local-height: var(--rui-FormField--box--large__height);
     --rui-local-padding-y: var(--rui-FormField--box--large__padding-y);
     --rui-local-padding-x: var(--rui-FormField--box--large__padding-x);
     --rui-local-font-size: var(--rui-FormField--box--large__font-size);
   }
-  .FormLayoutCustomField-module__isRootSizeLarge__ga4Z0mOL .FormLayoutCustomField-module__input__ZxqACEjI {
-    --rui-local-height: var(--rui-FormField--box--large__height);
-  }
 }
 /*!***************************************************************************************************************************************************************************************************************************************************!*\
   !*** 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 ***!
@@ -7168,9 +7117,9 @@
     color: var(--rui-FormField--required__sign__color);
   }
   .CheckboxField-module__isRootStateInvalid__vPPd19_Y {
-    --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
-    --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
-    --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
+    --rui-local-link-color: var(--rui-color-feedback-danger);
+    --rui-local-link-color-hover: var(--rui-color-feedback-danger-hover);
+    --rui-local-link-color-active: var(--rui-color-feedback-danger-active);
   }
   .CheckboxField-module__isRootStateInvalid__vPPd19_Y, .CheckboxField-module__isRootStateInvalid__vPPd19_Y:hover {
     --rui-local-color: var(--rui-FormField--invalid--default__color);
@@ -7237,9 +7186,9 @@
         );
   }
   .CheckboxField-module__isRootStateValid__r8FOGTne {
-    --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
-    --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
-    --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
+    --rui-local-link-color: var(--rui-color-feedback-success);
+    --rui-local-link-color-hover: var(--rui-color-feedback-success-hover);
+    --rui-local-link-color-active: var(--rui-color-feedback-success-active);
   }
   .CheckboxField-module__isRootStateValid__r8FOGTne, .CheckboxField-module__isRootStateValid__r8FOGTne:hover {
     --rui-local-color: var(--rui-FormField--valid--default__color);
@@ -7306,9 +7255,9 @@
         );
   }
   .CheckboxField-module__isRootStateWarning__evYzQZrD {
-    --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
-    --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
-    --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
+    --rui-local-link-color: var(--rui-color-feedback-warning);
+    --rui-local-link-color-hover: var(--rui-color-feedback-warning-hover);
+    --rui-local-link-color-active: var(--rui-color-feedback-warning-active);
   }
   .CheckboxField-module__isRootStateWarning__evYzQZrD, .CheckboxField-module__isRootStateWarning__evYzQZrD:hover {
     --rui-local-color: var(--rui-FormField--warning--default__color);
@@ -7436,42 +7385,89 @@
     }
   }
 }
-/*!*****************************************************************************************************************************************************************************************************************************************************!*\
-  !*** 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 ***!
-  \*****************************************************************************************************************************************************************************************************************************************************/
-@layer components.file-input-field {
-  .FileInputField-module__root__ghhDu2qq {
+/*!*********************************************************************************************************************************************************************************************************************************!*\
+  !*** 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 ***!
+  \*********************************************************************************************************************************************************************************************************************************/
+@layer components.text {
+  .Text-module__isRootClampSingleLine__DhwlOPTH {
+    display: block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .Text-module__isRootClampMultiLine__Er1GqWHI {
+    display: -webkit-box;
+    -webkit-line-clamp: var(--rui-custom-lines);
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  .Text-module__isRootHyphensAuto__m1nWJ4re {
+    hyphens: auto;
+  }
+  .Text-module__isRootHyphensManual__upey6EkW {
+    hyphens: manual;
+  }
+  .Text-module__isRootWordWrappingAnywhere__jt5wmKlV {
+    word-break: break-all;
+  }
+  .Text-module__isRootWordWrappingLongWords__ylGzDuGT {
+    word-break: break-word;
+    overflow-wrap: anywhere;
+  }
+}
+/*!*********************************************************************************************************************************************************************************************************************************************!*\
+  !*** 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 ***!
+  \*********************************************************************************************************************************************************************************************************************************************/
+@layer components.input-group {
+  .InputGroup-module__root__LvmotAvO {
     text-align: left;
   }
-  .FileInputField-module__label__uLkyizW9 {
+  .InputGroup-module__root__LvmotAvO:not(:last-child) {
+    margin-bottom: 0;
+  }
+  .InputGroup-module__legend__hmC65lXU {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+  .InputGroup-module__label__KUZV3N9L {
     color: var(--rui-local-surrounding-text-color, var(--rui-FormField__label__color));
   }
-  .FileInputField-module__inputContainer__CST1gkv7 {
-    position: relative;
-    display: inline-flex;
-    min-width: 0;
-    max-width: 100%;
+  .InputGroup-module__inputGroup__ZJ56FMAW {
+    --rui-local-inner-border-radius: var(--rui-InputGroup__inner-border-radius);
+    display: flex;
+    gap: var(--rui-InputGroup__gap);
   }
-  .FileInputField-module__helpText__HCHg5mWq,
-  .FileInputField-module__validationText__cgjZsi9B {
+  .InputGroup-module__validationText__HNOu0L2V {
+    padding-left: 0;
+    list-style: none;
     font-style: var(--rui-FormField__help-text__font-style);
     font-size: var(--rui-FormField__help-text__font-size);
     line-height: 1.2rem;
     color: var(--rui-local-surrounding-text-color, var(--rui-FormField__help-text__color));
   }
-  .FileInputField-module__isRootRequired__yANZcyI_ .FileInputField-module__label__uLkyizW9 {
+  .InputGroup-module__validationText__HNOu0L2V:not(:last-child) {
+    margin-bottom: 0;
+  }
+  .InputGroup-module__isRootRequired__GCSWjHY7 .InputGroup-module__label__KUZV3N9L {
     color: var(--rui-local-surrounding-text-color, var(--rui-FormField--required__label__color));
   }
-  .FileInputField-module__isRootRequired__yANZcyI_ .FileInputField-module__label__uLkyizW9::after {
+  .InputGroup-module__isRootRequired__GCSWjHY7 .InputGroup-module__label__KUZV3N9L::after {
     content: var(--rui-FormField--required__sign);
     color: var(--rui-FormField--required__sign__color);
   }
-  .FileInputField-module__isRootStateInvalid__qpLo9mVU {
-    --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
-    --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
-    --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
+  .InputGroup-module__isRootStateInvalid__Atu0FWW_ {
+    --rui-local-link-color: var(--rui-color-feedback-danger);
+    --rui-local-link-color-hover: var(--rui-color-feedback-danger-hover);
+    --rui-local-link-color-active: var(--rui-color-feedback-danger-active);
   }
-  .FileInputField-module__isRootStateInvalid__qpLo9mVU, .FileInputField-module__isRootStateInvalid__qpLo9mVU:hover {
+  .InputGroup-module__isRootStateInvalid__Atu0FWW_, .InputGroup-module__isRootStateInvalid__Atu0FWW_:hover {
     --rui-local-color: var(--rui-FormField--invalid--default__color);
     --rui-local-border-color: var(--rui-FormField--invalid--default__border-color);
     --rui-local-background: var(--rui-FormField--invalid--default__background);
@@ -7479,7 +7475,7 @@
     --rui-local-box-shadow: var(--rui-FormField--invalid--default__box-shadow);
     --rui-local-surrounding-text-color: var(--rui-FormField--invalid--default__surrounding-text-color);
   }
-  .FileInputField-module__isRootStateInvalid__qpLo9mVU .FileInputField-module__input__iLmNDUMn:checked {
+  .InputGroup-module__isRootStateInvalid__Atu0FWW_ .InputGroup-module__input__m3nCQTQs:checked {
     --rui-local-border-color:
         var(
             --rui-FormField--invalid--checked__border-color,
@@ -7491,7 +7487,7 @@
             var(--rui-FormField--invalid--default__check-background-color)
         );
   }
-  .FileInputField-module__isRootStateInvalid__qpLo9mVU.FileInputField-module__isRootDisabled__krkT4J9v {
+  .InputGroup-module__isRootStateInvalid__Atu0FWW_.InputGroup-module__isRootDisabled__xmAO_NpX {
     --rui-local-color:
         var(
             --rui-FormField--invalid--disabled__color,
@@ -7523,7 +7519,7 @@
             var(--rui-FormField--invalid--default__surrounding-text-color)
         );
   }
-  .FileInputField-module__isRootStateInvalid__qpLo9mVU .FileInputField-module__input__iLmNDUMn:checked:disabled {
+  .InputGroup-module__isRootStateInvalid__Atu0FWW_ .InputGroup-module__input__m3nCQTQs:checked:disabled {
     --rui-local-border-color:
         var(
             --rui-FormField--invalid--checked-disabled__border-color,
@@ -7535,12 +7531,12 @@
             var(--rui-FormField--invalid--checked__check-background-color)
         );
   }
-  .FileInputField-module__isRootStateValid__kd8G0bYh {
-    --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
-    --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
-    --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
+  .InputGroup-module__isRootStateValid__ykb1SzPU {
+    --rui-local-link-color: var(--rui-color-feedback-success);
+    --rui-local-link-color-hover: var(--rui-color-feedback-success-hover);
+    --rui-local-link-color-active: var(--rui-color-feedback-success-active);
   }
-  .FileInputField-module__isRootStateValid__kd8G0bYh, .FileInputField-module__isRootStateValid__kd8G0bYh:hover {
+  .InputGroup-module__isRootStateValid__ykb1SzPU, .InputGroup-module__isRootStateValid__ykb1SzPU:hover {
     --rui-local-color: var(--rui-FormField--valid--default__color);
     --rui-local-border-color: var(--rui-FormField--valid--default__border-color);
     --rui-local-background: var(--rui-FormField--valid--default__background);
@@ -7548,7 +7544,7 @@
     --rui-local-box-shadow: var(--rui-FormField--valid--default__box-shadow);
     --rui-local-surrounding-text-color: var(--rui-FormField--valid--default__surrounding-text-color);
   }
-  .FileInputField-module__isRootStateValid__kd8G0bYh .FileInputField-module__input__iLmNDUMn:checked {
+  .InputGroup-module__isRootStateValid__ykb1SzPU .InputGroup-module__input__m3nCQTQs:checked {
     --rui-local-border-color:
         var(
             --rui-FormField--valid--checked__border-color,
@@ -7560,7 +7556,7 @@
             var(--rui-FormField--valid--default__check-background-color)
         );
   }
-  .FileInputField-module__isRootStateValid__kd8G0bYh.FileInputField-module__isRootDisabled__krkT4J9v {
+  .InputGroup-module__isRootStateValid__ykb1SzPU.InputGroup-module__isRootDisabled__xmAO_NpX {
     --rui-local-color:
         var(
             --rui-FormField--valid--disabled__color,
@@ -7592,7 +7588,7 @@
             var(--rui-FormField--valid--default__surrounding-text-color)
         );
   }
-  .FileInputField-module__isRootStateValid__kd8G0bYh .FileInputField-module__input__iLmNDUMn:checked:disabled {
+  .InputGroup-module__isRootStateValid__ykb1SzPU .InputGroup-module__input__m3nCQTQs:checked:disabled {
     --rui-local-border-color:
         var(
             --rui-FormField--valid--checked-disabled__border-color,
@@ -7604,12 +7600,12 @@
             var(--rui-FormField--valid--checked__check-background-color)
         );
   }
-  .FileInputField-module__isRootStateWarning__jnC_TrpN {
-    --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
-    --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
-    --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
+  .InputGroup-module__isRootStateWarning__wK1Lp0ri {
+    --rui-local-link-color: var(--rui-color-feedback-warning);
+    --rui-local-link-color-hover: var(--rui-color-feedback-warning-hover);
+    --rui-local-link-color-active: var(--rui-color-feedback-warning-active);
   }
-  .FileInputField-module__isRootStateWarning__jnC_TrpN, .FileInputField-module__isRootStateWarning__jnC_TrpN:hover {
+  .InputGroup-module__isRootStateWarning__wK1Lp0ri, .InputGroup-module__isRootStateWarning__wK1Lp0ri:hover {
     --rui-local-color: var(--rui-FormField--warning--default__color);
     --rui-local-border-color: var(--rui-FormField--warning--default__border-color);
     --rui-local-background: var(--rui-FormField--warning--default__background);
@@ -7617,7 +7613,7 @@
     --rui-local-box-shadow: var(--rui-FormField--warning--default__box-shadow);
     --rui-local-surrounding-text-color: var(--rui-FormField--warning--default__surrounding-text-color);
   }
-  .FileInputField-module__isRootStateWarning__jnC_TrpN .FileInputField-module__input__iLmNDUMn:checked {
+  .InputGroup-module__isRootStateWarning__wK1Lp0ri .InputGroup-module__input__m3nCQTQs:checked {
     --rui-local-border-color:
         var(
             --rui-FormField--warning--checked__border-color,
@@ -7629,7 +7625,7 @@
             var(--rui-FormField--warning--default__check-background-color)
         );
   }
-  .FileInputField-module__isRootStateWarning__jnC_TrpN.FileInputField-module__isRootDisabled__krkT4J9v {
+  .InputGroup-module__isRootStateWarning__wK1Lp0ri.InputGroup-module__isRootDisabled__xmAO_NpX {
     --rui-local-color:
         var(
             --rui-FormField--warning--disabled__color,
@@ -7661,7 +7657,7 @@
             var(--rui-FormField--warning--default__surrounding-text-color)
         );
   }
-  .FileInputField-module__isRootStateWarning__jnC_TrpN .FileInputField-module__input__iLmNDUMn:checked:disabled {
+  .InputGroup-module__isRootStateWarning__wK1Lp0ri .InputGroup-module__input__m3nCQTQs:checked:disabled {
     --rui-local-border-color:
         var(
             --rui-FormField--warning--checked-disabled__border-color,
@@ -7673,46 +7669,41 @@
             var(--rui-FormField--warning--checked__check-background-color)
         );
   }
-  .FileInputField-module__isLabelHidden__wzJljYML {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border: 0;
-  }
-  .FileInputField-module__isRootLayoutVertical__umNjNzoj,
-  .FileInputField-module__isRootLayoutHorizontal__lHc4IRZD {
+  .InputGroup-module__isRootLayoutVertical__Kh7ukFER,
+  .InputGroup-module__isRootLayoutHorizontal__E9aM__PG {
     display: inline-flex;
     flex-direction: column;
     min-width: 0;
     max-width: 100%;
+    max-width: none;
   }
-  .FileInputField-module__isRootLayoutVertical__umNjNzoj .FileInputField-module__label__uLkyizW9,
-  .FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__label__uLkyizW9 {
+  .InputGroup-module__isRootLayoutVertical__Kh7ukFER .InputGroup-module__label__KUZV3N9L,
+  .InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__label__KUZV3N9L {
     padding-bottom: var(--rui-local-vertical-gap, var(--rui-dimension-space-1));
   }
-  .FileInputField-module__isRootLayoutVertical__umNjNzoj .FileInputField-module__helpText__HCHg5mWq,
-  .FileInputField-module__isRootLayoutVertical__umNjNzoj .FileInputField-module__validationText__cgjZsi9B,
-  .FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__helpText__HCHg5mWq,
-  .FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__validationText__cgjZsi9B {
+  .InputGroup-module__isRootLayoutVertical__Kh7ukFER .InputGroup-module__helpText__EEl3Ozjn,
+  .InputGroup-module__isRootLayoutVertical__Kh7ukFER .InputGroup-module__validationText__HNOu0L2V,
+  .InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__helpText__EEl3Ozjn,
+  .InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__validationText__HNOu0L2V {
     padding-top: var(--rui-local-vertical-gap, var(--rui-dimension-space-1));
   }
-  .FileInputField-module__isRootLayoutVertical__umNjNzoj .FileInputField-module__field__SZE7nT5K,
-  .FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__field__SZE7nT5K {
+  .InputGroup-module__isRootLayoutVertical__Kh7ukFER .InputGroup-module__field__UIKh_s8O,
+  .InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__field__UIKh_s8O {
     width: min-content;
     max-width: 100%;
   }
+  .InputGroup-module__isRootLayoutVertical__Kh7ukFER .InputGroup-module__field__UIKh_s8O,
+  .InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__field__UIKh_s8O {
+    max-width: none;
+  }
   @media (min-width: 48em) {
-    .FileInputField-module__isRootLayoutHorizontal__lHc4IRZD {
+    .InputGroup-module__isRootLayoutHorizontal__E9aM__PG {
       display: inline-grid;
       grid-template-columns: var(--rui-FormField--horizontal__label__width) min-content;
       grid-template-areas: "label field";
       align-items: start;
     }
-    .FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__label__uLkyizW9 {
+    .InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__label__KUZV3N9L {
       grid-area: label;
       align-self: var(--rui-FormField--horizontal__label__vertical-alignment);
       min-width: var(--rui-FormField--horizontal__label__min-width);
@@ -7721,940 +7712,1037 @@
       padding-right: var(--rui-dimension-space-2);
       text-align: var(--rui-FormField--horizontal__label__text-align);
     }
-    .FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__field__SZE7nT5K {
+    .InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__field__UIKh_s8O {
       grid-area: field;
       align-self: var(--rui-FormField--horizontal__field__vertical-alignment);
       justify-self: start;
     }
   }
   @media (min-width: 48em) {
-    .FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__label__uLkyizW9 {
+    .InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__label__KUZV3N9L {
       -ms-grid-row: 1;
       -ms-grid-column: 1;
     }
-    .FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__field__SZE7nT5K {
+    .InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__field__UIKh_s8O {
       -ms-grid-row: 1;
       -ms-grid-column: 2;
     }
   }
-  .FileInputField-module__isRootFullWidth__cpb0405R {
-    display: flex;
-    flex-direction: column;
-    width: 100%;
+  .InputGroup-module__isRootInFormLayout__U0mXoJGg {
+    justify-self: start;
   }
-  .FileInputField-module__isRootFullWidth__cpb0405R .FileInputField-module__field__SZE7nT5K,
-  .FileInputField-module__isRootFullWidth__cpb0405R .FileInputField-module__inputContainer__CST1gkv7,
-  .FileInputField-module__isRootFullWidth__cpb0405R .FileInputField-module__input__iLmNDUMn {
-    width: 100%;
+  .InputGroup-module__isRootInFormLayout__U0mXoJGg .InputGroup-module__field__UIKh_s8O {
+    width: auto;
   }
   @media (min-width: 48em) {
-    .FileInputField-module__isRootFullWidth__cpb0405R.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD {
-      display: grid;
-      grid-template-columns: var(--rui-FormField--horizontal--full-width__label__width) 1fr;
-    }
-    .FileInputField-module__isRootFullWidth__cpb0405R.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__field__SZE7nT5K {
-      justify-self: stretch;
-    }
-  }
-  .FileInputField-module__isRootInFormLayout__y6mVJsQY {
-    justify-self: start;
-  }
-  .FileInputField-module__isRootInFormLayout__y6mVJsQY .FileInputField-module__field__SZE7nT5K {
-    width: auto;
-  }
-  @media (min-width: 48em) {
-    .FileInputField-module__isRootInFormLayout__y6mVJsQY .FileInputField-module__optionLabel__HP65UZja {
+    .InputGroup-module__isRootInFormLayout__U0mXoJGg .InputGroup-module__optionLabel__O3WgRGfZ {
       width: auto;
     }
-    .FileInputField-module__isRootInFormLayout__y6mVJsQY.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD, .FileInputField-module__isRootInFormLayout__y6mVJsQY.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD.FileInputField-module__hasRootSmallInput__rFEgcot4 {
-      grid: inherit;
-      grid-template-columns: subgrid;
-      grid-column: span 2;
-    }
-    @supports not (grid-template-columns: subgrid) {
-      .FileInputField-module__isRootInFormLayout__y6mVJsQY.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD, .FileInputField-module__isRootInFormLayout__y6mVJsQY.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD.FileInputField-module__hasRootSmallInput__rFEgcot4 {
-        display: contents;
-      }
-    }
-    .FileInputField-module__isRootInFormLayout__y6mVJsQY.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD.FileInputField-module__isRootFullWidth__cpb0405R {
-      grid-template-columns: subgrid;
+    .InputGroup-module__isRootInFormLayout__U0mXoJGg.InputGroup-module__isRootLayoutHorizontal__E9aM__PG, .InputGroup-module__isRootInFormLayout__U0mXoJGg.InputGroup-module__isRootLayoutHorizontal__E9aM__PG.InputGroup-module__hasRootSmallInput__URPxKkaR {
+      display: contents;
     }
-    .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 {
+    .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 {
       grid-area: unset;
     }
-    .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 {
+    .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 {
       grid-column-start: 2;
     }
-    .FileInputField-module__isRootInFormLayout__y6mVJsQY.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD.FileInputField-module__hasRootSmallInput__rFEgcot4 .FileInputField-module__field__SZE7nT5K {
+    .InputGroup-module__isRootInFormLayout__U0mXoJGg.InputGroup-module__isRootLayoutHorizontal__E9aM__PG.InputGroup-module__hasRootSmallInput__URPxKkaR .InputGroup-module__field__UIKh_s8O {
       display: block;
     }
   }
+  .InputGroup-module__isRootSizeSmall__b5mgk66O {
+    --rui-local-height: var(--rui-FormField--box--small__height);
+    --rui-local-padding-y: var(--rui-FormField--box--small__padding-y);
+    --rui-local-padding-x: var(--rui-FormField--box--small__padding-x);
+    --rui-local-font-size: var(--rui-FormField--box--small__font-size);
+  }
+  .InputGroup-module__isRootSizeMedium__DXe8yUee {
+    --rui-local-height: var(--rui-FormField--box--medium__height);
+    --rui-local-padding-y: var(--rui-FormField--box--medium__padding-y);
+    --rui-local-padding-x: var(--rui-FormField--box--medium__padding-x);
+    --rui-local-font-size: var(--rui-FormField--box--medium__font-size);
+  }
+  .InputGroup-module__isRootSizeLarge__8pd07vgR {
+    --rui-local-height: var(--rui-FormField--box--large__height);
+    --rui-local-padding-y: var(--rui-FormField--box--large__padding-y);
+    --rui-local-padding-x: var(--rui-FormField--box--large__padding-x);
+    --rui-local-font-size: var(--rui-FormField--box--large__font-size);
+  }
 }
-/*!*********************************************************************************************************************************************************************************************************************************!*\
-  !*** 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 ***!
-  \*********************************************************************************************************************************************************************************************************************************/
-@layer components.grid {
-  .Grid-module__root__m6PTEyJq {
-    --rui-local-columns:
+/*!*****************************************************************************************************************************************************************************************************************************************************!*\
+  !*** 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 ***!
+  \*****************************************************************************************************************************************************************************************************************************************************/
+@layer components.file-input-field {
+  .FileInputField-module__root__ghhDu2qq {
+    text-align: left;
+  }
+  .FileInputField-module__label__uLkyizW9 {
+    color: var(--rui-local-surrounding-text-color, var(--rui-FormField__label__color));
+  }
+  .FileInputField-module__inputContainer__CST1gkv7 {
+    position: relative;
+    display: inline-flex;
+    min-width: 0;
+    max-width: 100%;
+  }
+  .FileInputField-module__input__iLmNDUMn {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+  .FileInputField-module__dropZone__UC34Vhg7 {
+    --rui-local-color: var(--rui-color-text-primary);
+    --rui-local-border-color: var(--rui-color-border-primary);
+    --rui-local-background: var(--rui-color-background-basic);
+    appearance: none;
+    display: inline-flex;
+    flex: none;
+    align-items: center;
+    justify-content: center;
+    padding: 0;
+    border: 0;
+    border-radius: 0;
+    background: none;
+    box-shadow: none;
+    cursor: pointer;
+    transition-property: opacity, color, border-color, background-color, box-shadow;
+    transition-duration: 150ms;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    width: var(--rui-FormField--box__input__width);
+    min-width: var(--rui-FormField--box__input__min-width);
+    max-width: 100%;
+    height: var(--rui-local-height);
+    padding: var(--rui-local-padding-y) var(--rui-local-padding-x);
+    color: var(--rui-local-color);
+    border: var(--rui-FormField--box__border-width) solid var(--rui-local-border-color);
+    border-radius: var(--rui-FormField--box__border-radius);
+    background: var(--rui-local-background);
+    display: flex;
+    align-items: center;
+    justify-content: start;
+    font-weight: var(--rui-font-weight-base);
+    font-size: var(--rui-local-font-size);
+    line-height: var(--rui-line-height-base);
+    font-family: var(--rui-font-family-base);
+    border-style: dashed;
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .FileInputField-module__dropZone__UC34Vhg7 {
+      transition-property: opacity, color, border-color, background-color, box-shadow;
+    }
+  }
+  .FileInputField-module__isRootDragging__SkQKcE5G .FileInputField-module__dropZone__UC34Vhg7 {
+    --rui-local-border-color: var(--rui-color-border-primary-active);
+  }
+  .FileInputField-module__isRootDisabled__krkT4J9v .FileInputField-module__dropZone__UC34Vhg7 {
+    cursor: var(--rui-cursor-not-allowed);
+  }
+  .FileInputField-module__root__ghhDu2qq:not(.FileInputField-module__isRootDisabled__krkT4J9v, .FileInputField-module__isRootDragging__SkQKcE5G) .FileInputField-module__dropZone__UC34Vhg7:hover {
+    --rui-local-border-color: var(--rui-color-border-primary-hover);
+  }
+  .FileInputField-module__root__ghhDu2qq:not(.FileInputField-module__isRootDisabled__krkT4J9v, .FileInputField-module__isRootDragging__SkQKcE5G) .FileInputField-module__dropZone__UC34Vhg7:active {
+    --rui-local-border-color: var(--rui-color-border-primary-active);
+  }
+  .FileInputField-module__dropZoneLink__KtfYIuIN {
+    -webkit-text-decoration: var(--rui-text-decoration-link);
+            text-decoration: var(--rui-text-decoration-link);
+    text-underline-offset: var(--rui-underline-offset-link);
+    color: var(--rui-local-link-color, var(--rui-color-text-link));
+  }
+  .FileInputField-module__dropZoneLink__KtfYIuIN:hover {
+    -webkit-text-decoration: var(--rui-text-decoration-link-hover);
+            text-decoration: var(--rui-text-decoration-link-hover);
+    color: var(--rui-local-link-color-hover, var(--rui-color-text-link-hover));
+  }
+  .FileInputField-module__dropZoneLink__KtfYIuIN:active {
+    -webkit-text-decoration: var(--rui-text-decoration-link-active);
+            text-decoration: var(--rui-text-decoration-link-active);
+    color: var(--rui-local-link-color-active, var(--rui-color-text-link-active));
+  }
+  .FileInputField-module__dropZoneLink__KtfYIuIN::before {
+    content: "";
+    position: absolute;
+    inset: 0;
+  }
+  .FileInputField-module__helpText__HCHg5mWq,
+  .FileInputField-module__validationText__cgjZsi9B {
+    font-style: var(--rui-FormField__help-text__font-style);
+    font-size: var(--rui-FormField__help-text__font-size);
+    line-height: 1.2rem;
+    color: var(--rui-local-surrounding-text-color, var(--rui-FormField__help-text__color));
+  }
+  .FileInputField-module__isRootRequired__yANZcyI_ .FileInputField-module__label__uLkyizW9 {
+    color: var(--rui-local-surrounding-text-color, var(--rui-FormField--required__label__color));
+  }
+  .FileInputField-module__isRootRequired__yANZcyI_ .FileInputField-module__label__uLkyizW9::after {
+    content: var(--rui-FormField--required__sign);
+    color: var(--rui-FormField--required__sign__color);
+  }
+  .FileInputField-module__isRootDisabled__krkT4J9v {
+    --rui-local-color: var(--rui-color-text-primary-disabled);
+    --rui-local-border-color: var(--rui-color-border-primary);
+    --rui-local-background: var(--rui-color-background-disabled);
+    opacity: var(--rui-FormField--disabled__opacity);
+    cursor: var(--rui-FormField--disabled__cursor);
+  }
+  .FileInputField-module__isRootDisabled__krkT4J9v .FileInputField-module__dropZoneLink__KtfYIuIN {
+    cursor: inherit;
+  }
+  .FileInputField-module__isRootStateInvalid__qpLo9mVU {
+    --rui-local-link-color: var(--rui-color-feedback-danger);
+    --rui-local-link-color-hover: var(--rui-color-feedback-danger-hover);
+    --rui-local-link-color-active: var(--rui-color-feedback-danger-active);
+  }
+  .FileInputField-module__isRootStateInvalid__qpLo9mVU, .FileInputField-module__isRootStateInvalid__qpLo9mVU:hover {
+    --rui-local-color: var(--rui-FormField--invalid--default__color);
+    --rui-local-border-color: var(--rui-FormField--invalid--default__border-color);
+    --rui-local-background: var(--rui-FormField--invalid--default__background);
+    --rui-local-check-background-color: var(--rui-FormField--invalid--default__check-background-color);
+    --rui-local-box-shadow: var(--rui-FormField--invalid--default__box-shadow);
+    --rui-local-surrounding-text-color: var(--rui-FormField--invalid--default__surrounding-text-color);
+  }
+  .FileInputField-module__isRootStateInvalid__qpLo9mVU .FileInputField-module__input__iLmNDUMn:checked {
+    --rui-local-border-color:
         var(
-            --rui-local-columns-xs,
-            initial
+            --rui-FormField--invalid--checked__border-color,
+            var(--rui-FormField--invalid--default__border-color)
         );
-    --rui-local-column-gap:
+    --rui-local-check-background-color:
         var(
-            --rui-local-column-gap-xs,
-            initial
+            --rui-FormField--invalid--checked__check-background-color,
+            var(--rui-FormField--invalid--default__check-background-color)
         );
-    --rui-local-rows:
+  }
+  .FileInputField-module__isRootStateInvalid__qpLo9mVU.FileInputField-module__isRootDisabled__krkT4J9v {
+    --rui-local-color:
         var(
-            --rui-local-rows-xs,
-            initial
+            --rui-FormField--invalid--disabled__color,
+            var(--rui-FormField--invalid--default__color)
         );
-    --rui-local-row-gap:
+    --rui-local-border-color:
         var(
-            --rui-local-row-gap-xs,
-            initial
+            --rui-FormField--invalid--disabled__border-color,
+            var(--rui-FormField--invalid--default__border-color)
         );
-    --rui-local-auto-flow:
+    --rui-local-background:
         var(
-            --rui-local-auto-flow-xs,
-            initial
+            --rui-FormField--invalid--disabled__background,
+            var(--rui-FormField--invalid--default__background)
         );
-    --rui-local-align-content:
+    --rui-local-check-background-color:
         var(
-            --rui-local-align-content-xs,
-            initial
+            --rui-FormField--invalid--disabled__check-background-color,
+            var(--rui-FormField--invalid--default__check-background-color)
         );
-    --rui-local-align-items:
+    --rui-local-box-shadow:
         var(
-            --rui-local-align-items-xs,
-            initial
+            --rui-FormField--invalid--disabled__box-shadow,
+            var(--rui-FormField--invalid--default__box-shadow)
         );
-    --rui-local-justify-content:
+    --rui-local-surrounding-text-color:
         var(
-            --rui-local-justify-content-xs,
-            initial
+            --rui-FormField--invalid--disabled__surrounding-text-color,
+            var(--rui-FormField--invalid--default__surrounding-text-color)
         );
-    --rui-local-justify-items:
+  }
+  .FileInputField-module__isRootStateInvalid__qpLo9mVU .FileInputField-module__input__iLmNDUMn:checked:disabled {
+    --rui-local-border-color:
         var(
-            --rui-local-justify-items-xs,
-            initial
+            --rui-FormField--invalid--checked-disabled__border-color,
+            var(--rui-FormField--invalid--checked__border-color)
+        );
+    --rui-local-check-background-color:
+        var(
+            --rui-FormField--invalid--checked-disabled__check-background-color,
+            var(--rui-FormField--invalid--checked__check-background-color)
         );
-    display: grid;
-    grid-template-columns: var(--rui-local-columns);
-    grid-template-rows: var(--rui-local-rows);
-    grid-auto-flow: var(--rui-local-auto-flow);
-    grid-gap: var(--rui-local-row-gap) var(--rui-local-column-gap);
-    align-content: var(--rui-local-align-content);
-    align-items: var(--rui-local-align-items);
-    justify-content: var(--rui-local-justify-content);
-    justify-items: var(--rui-local-justify-items);
   }
-  @media (min-width: 36em) {
-    .Grid-module__root__m6PTEyJq {
-      --rui-local-columns:
-          var(
-              --rui-local-columns-sm,
-              var(--rui-local-columns-xs, initial)
-          );
-      --rui-local-column-gap:
-          var(
-              --rui-local-column-gap-sm,
-              var(--rui-local-column-gap-xs, initial)
-          );
-      --rui-local-rows:
-          var(
-              --rui-local-rows-sm,
-              var(--rui-local-rows-xs, initial)
-          );
-      --rui-local-row-gap:
-          var(
-              --rui-local-row-gap-sm,
-              var(--rui-local-row-gap-xs, initial)
-          );
-      --rui-local-auto-flow:
-          var(
-              --rui-local-auto-flow-sm,
-              var(--rui-local-auto-flow-xs, initial)
-          );
-      --rui-local-align-content:
-          var(
-              --rui-local-align-content-sm,
-              var(--rui-local-align-content-xs, initial)
-          );
-      --rui-local-align-items:
-          var(
-              --rui-local-align-items-sm,
-              var(--rui-local-align-items-xs, initial)
-          );
-      --rui-local-justify-content:
-          var(
-              --rui-local-justify-content-sm,
-              var(--rui-local-justify-content-xs, initial)
-          );
-      --rui-local-justify-items:
-          var(
-              --rui-local-justify-items-sm,
-              var(--rui-local-justify-items-xs, initial)
-          );
-    }
-  }
-  @media (min-width: 48em) {
-    .Grid-module__root__m6PTEyJq {
-      --rui-local-columns:
-          var(
-              --rui-local-columns-md,
-              var(--rui-local-columns-sm, var(--rui-local-columns-xs, initial))
-          );
-      --rui-local-column-gap:
-          var(
-              --rui-local-column-gap-md,
-              var(--rui-local-column-gap-sm, var(--rui-local-column-gap-xs, initial))
-          );
-      --rui-local-rows:
-          var(
-              --rui-local-rows-md,
-              var(--rui-local-rows-sm, var(--rui-local-rows-xs, initial))
-          );
-      --rui-local-row-gap:
-          var(
-              --rui-local-row-gap-md,
-              var(--rui-local-row-gap-sm, var(--rui-local-row-gap-xs, initial))
-          );
-      --rui-local-auto-flow:
-          var(
-              --rui-local-auto-flow-md,
-              var(--rui-local-auto-flow-sm, var(--rui-local-auto-flow-xs, initial))
-          );
-      --rui-local-align-content:
-          var(
-              --rui-local-align-content-md,
-              var(--rui-local-align-content-sm, var(--rui-local-align-content-xs, initial))
-          );
-      --rui-local-align-items:
-          var(
-              --rui-local-align-items-md,
-              var(--rui-local-align-items-sm, var(--rui-local-align-items-xs, initial))
-          );
-      --rui-local-justify-content:
-          var(
-              --rui-local-justify-content-md,
-              var(--rui-local-justify-content-sm, var(--rui-local-justify-content-xs, initial))
-          );
-      --rui-local-justify-items:
-          var(
-              --rui-local-justify-items-md,
-              var(--rui-local-justify-items-sm, var(--rui-local-justify-items-xs, initial))
-          );
-    }
-  }
-  @media (min-width: 66em) {
-    .Grid-module__root__m6PTEyJq {
-      --rui-local-columns:
-          var(
-              --rui-local-columns-lg,
-              var(--rui-local-columns-md, var(--rui-local-columns-sm, var(--rui-local-columns-xs, initial)))
-          );
-      --rui-local-column-gap:
-          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)))
-          );
-      --rui-local-rows:
-          var(
-              --rui-local-rows-lg,
-              var(--rui-local-rows-md, var(--rui-local-rows-sm, var(--rui-local-rows-xs, initial)))
-          );
-      --rui-local-row-gap:
-          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)))
-          );
-      --rui-local-auto-flow:
-          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)))
-          );
-      --rui-local-align-content:
-          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)))
-          );
-      --rui-local-align-items:
-          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)))
-          );
-      --rui-local-justify-content:
-          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)))
-          );
-      --rui-local-justify-items:
-          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)))
-          );
-    }
-  }
-  @media (min-width: 84em) {
-    .Grid-module__root__m6PTEyJq {
-      --rui-local-columns:
-          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))))
-          );
-      --rui-local-column-gap:
-          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))))
-          );
-      --rui-local-rows:
-          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))))
-          );
-      --rui-local-row-gap:
-          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))))
-          );
-      --rui-local-auto-flow:
-          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))))
-          );
-      --rui-local-align-content:
-          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))))
-          );
-      --rui-local-align-items:
-          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))))
-          );
-      --rui-local-justify-content:
-          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))))
-          );
-      --rui-local-justify-items:
-          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))))
-          );
-    }
-  }
-  @media (min-width: 100em) {
-    .Grid-module__root__m6PTEyJq {
-      --rui-local-columns:
-          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)))))
-          );
-      --rui-local-column-gap:
-          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)))))
-          );
-      --rui-local-rows:
-          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)))))
-          );
-      --rui-local-row-gap:
-          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)))))
-          );
-      --rui-local-auto-flow:
-          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)))))
-          );
-      --rui-local-align-content:
-          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)))))
-          );
-      --rui-local-align-items:
-          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)))))
-          );
-      --rui-local-justify-content:
-          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)))))
-          );
-      --rui-local-justify-items:
-          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)))))
-          );
-    }
-  }
-  @media (min-width: 120em) {
-    .Grid-module__root__m6PTEyJq {
-      --rui-local-columns:
-          var(
-              --rui-local-columns-x3l,
-              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))))))
-          );
-      --rui-local-column-gap:
-          var(
-              --rui-local-column-gap-x3l,
-              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))))))
-          );
-      --rui-local-rows:
-          var(
-              --rui-local-rows-x3l,
-              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))))))
-          );
-      --rui-local-row-gap:
-          var(
-              --rui-local-row-gap-x3l,
-              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))))))
-          );
-      --rui-local-auto-flow:
-          var(
-              --rui-local-auto-flow-x3l,
-              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))))))
-          );
-      --rui-local-align-content:
-          var(
-              --rui-local-align-content-x3l,
-              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))))))
-          );
-      --rui-local-align-items:
-          var(
-              --rui-local-align-items-x3l,
-              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))))))
-          );
-      --rui-local-justify-content:
-          var(
-              --rui-local-justify-content-x3l,
-              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))))))
-          );
-      --rui-local-justify-items:
-          var(
-              --rui-local-justify-items-x3l,
-              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))))))
-          );
-    }
-  }
-  .Grid-module__root__m6PTEyJq:not(:last-child) {
-    margin-bottom: var(--rui-dimension-space-bottom-layouts);
+  .FileInputField-module__isRootStateValid__kd8G0bYh {
+    --rui-local-link-color: var(--rui-color-feedback-success);
+    --rui-local-link-color-hover: var(--rui-color-feedback-success-hover);
+    --rui-local-link-color-active: var(--rui-color-feedback-success-active);
   }
-  .Grid-module__root__m6PTEyJq > * {
-    margin-block: 0;
+  .FileInputField-module__isRootStateValid__kd8G0bYh, .FileInputField-module__isRootStateValid__kd8G0bYh:hover {
+    --rui-local-color: var(--rui-FormField--valid--default__color);
+    --rui-local-border-color: var(--rui-FormField--valid--default__border-color);
+    --rui-local-background: var(--rui-FormField--valid--default__background);
+    --rui-local-check-background-color: var(--rui-FormField--valid--default__check-background-color);
+    --rui-local-box-shadow: var(--rui-FormField--valid--default__box-shadow);
+    --rui-local-surrounding-text-color: var(--rui-FormField--valid--default__surrounding-text-color);
   }
-  .Grid-module__span__NitaPD2S {
-    --rui-local-column-span:
+  .FileInputField-module__isRootStateValid__kd8G0bYh .FileInputField-module__input__iLmNDUMn:checked {
+    --rui-local-border-color:
         var(
-            --rui-local-column-span-xs,
-            initial
+            --rui-FormField--valid--checked__border-color,
+            var(--rui-FormField--valid--default__border-color)
         );
-    --rui-local-row-span:
+    --rui-local-check-background-color:
         var(
-            --rui-local-row-span-xs,
-            initial
+            --rui-FormField--valid--checked__check-background-color,
+            var(--rui-FormField--valid--default__check-background-color)
         );
-    grid-column: span var(--rui-local-column-span);
-    grid-row: span var(--rui-local-row-span);
-  }
-  @media (min-width: 36em) {
-    .Grid-module__span__NitaPD2S {
-      --rui-local-column-span:
-          var(
-              --rui-local-column-span-sm,
-              var(--rui-local-column-span-xs, initial)
-          );
-      --rui-local-row-span:
-          var(
-              --rui-local-row-span-sm,
-              var(--rui-local-row-span-xs, initial)
-          );
-    }
   }
-  @media (min-width: 48em) {
-    .Grid-module__span__NitaPD2S {
-      --rui-local-column-span:
-          var(
-              --rui-local-column-span-md,
-              var(--rui-local-column-span-sm, var(--rui-local-column-span-xs, initial))
-          );
-      --rui-local-row-span:
-          var(
-              --rui-local-row-span-md,
-              var(--rui-local-row-span-sm, var(--rui-local-row-span-xs, initial))
-          );
-    }
-  }
-  @media (min-width: 66em) {
-    .Grid-module__span__NitaPD2S {
-      --rui-local-column-span:
-          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)))
-          );
-      --rui-local-row-span:
-          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)))
-          );
-    }
-  }
-  @media (min-width: 84em) {
-    .Grid-module__span__NitaPD2S {
-      --rui-local-column-span:
-          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))))
-          );
-      --rui-local-row-span:
-          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))))
-          );
-    }
-  }
-  @media (min-width: 100em) {
-    .Grid-module__span__NitaPD2S {
-      --rui-local-column-span:
-          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)))))
-          );
-      --rui-local-row-span:
-          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)))))
-          );
-    }
-  }
-  @media (min-width: 120em) {
-    .Grid-module__span__NitaPD2S {
-      --rui-local-column-span:
-          var(
-              --rui-local-column-span-x3l,
-              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))))))
-          );
-      --rui-local-row-span:
-          var(
-              --rui-local-row-span-x3l,
-              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))))))
-          );
-    }
-  }
-  dl.Grid-module__root__m6PTEyJq,
-  ol.Grid-module__root__m6PTEyJq,
-  ul.Grid-module__root__m6PTEyJq {
-    padding-left: 0;
-    margin-left: 0;
-    list-style: none;
-  }
-}
-/*!*********************************************************************************************************************************************************************************************************************************!*\
-  !*** 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 ***!
-  \*********************************************************************************************************************************************************************************************************************************/
-@layer components.text {
-  .Text-module__isRootClampSingleLine__DhwlOPTH {
-    display: block;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-  .Text-module__isRootClampMultiLine__Er1GqWHI {
-    display: -webkit-box;
-    -webkit-line-clamp: var(--rui-custom-lines);
-    -webkit-box-orient: vertical;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-  .Text-module__isRootHyphensAuto__m1nWJ4re {
-    hyphens: auto;
-  }
-  .Text-module__isRootHyphensManual__upey6EkW {
-    hyphens: manual;
-  }
-  .Text-module__isRootWordWrappingAnywhere__jt5wmKlV {
-    word-break: break-all;
-  }
-  .Text-module__isRootWordWrappingLongWords__ylGzDuGT {
-    word-break: break-word;
-    overflow-wrap: anywhere;
-  }
-}
-/*!*********************************************************************************************************************************************************************************************************************************************!*\
-  !*** 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 ***!
-  \*********************************************************************************************************************************************************************************************************************************************/
-@layer components.input-group {
-  .InputGroup-module__root__LvmotAvO {
-    text-align: left;
-  }
-  .InputGroup-module__root__LvmotAvO:not(:last-child) {
-    margin-bottom: 0;
-  }
-  .InputGroup-module__legend__hmC65lXU {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border: 0;
-  }
-  .InputGroup-module__label__KUZV3N9L {
-    color: var(--rui-local-surrounding-text-color, var(--rui-FormField__label__color));
-  }
-  .InputGroup-module__inputGroup__ZJ56FMAW {
-    --rui-local-inner-border-radius: var(--rui-InputGroup__inner-border-radius);
-    display: flex;
-    gap: var(--rui-InputGroup__gap);
-  }
-  .InputGroup-module__validationText__HNOu0L2V {
-    padding-left: 0;
-    list-style: none;
-    font-style: var(--rui-FormField__help-text__font-style);
-    font-size: var(--rui-FormField__help-text__font-size);
-    line-height: 1.2rem;
-    color: var(--rui-local-surrounding-text-color, var(--rui-FormField__help-text__color));
-  }
-  .InputGroup-module__validationText__HNOu0L2V:not(:last-child) {
-    margin-bottom: 0;
-  }
-  .InputGroup-module__isRootRequired__GCSWjHY7 .InputGroup-module__label__KUZV3N9L {
-    color: var(--rui-local-surrounding-text-color, var(--rui-FormField--required__label__color));
+  .FileInputField-module__isRootStateValid__kd8G0bYh.FileInputField-module__isRootDisabled__krkT4J9v {
+    --rui-local-color:
+        var(
+            --rui-FormField--valid--disabled__color,
+            var(--rui-FormField--valid--default__color)
+        );
+    --rui-local-border-color:
+        var(
+            --rui-FormField--valid--disabled__border-color,
+            var(--rui-FormField--valid--default__border-color)
+        );
+    --rui-local-background:
+        var(
+            --rui-FormField--valid--disabled__background,
+            var(--rui-FormField--valid--default__background)
+        );
+    --rui-local-check-background-color:
+        var(
+            --rui-FormField--valid--disabled__check-background-color,
+            var(--rui-FormField--valid--default__check-background-color)
+        );
+    --rui-local-box-shadow:
+        var(
+            --rui-FormField--valid--disabled__box-shadow,
+            var(--rui-FormField--valid--default__box-shadow)
+        );
+    --rui-local-surrounding-text-color:
+        var(
+            --rui-FormField--valid--disabled__surrounding-text-color,
+            var(--rui-FormField--valid--default__surrounding-text-color)
+        );
   }
-  .InputGroup-module__isRootRequired__GCSWjHY7 .InputGroup-module__label__KUZV3N9L::after {
-    content: var(--rui-FormField--required__sign);
-    color: var(--rui-FormField--required__sign__color);
+  .FileInputField-module__isRootStateValid__kd8G0bYh .FileInputField-module__input__iLmNDUMn:checked:disabled {
+    --rui-local-border-color:
+        var(
+            --rui-FormField--valid--checked-disabled__border-color,
+            var(--rui-FormField--valid--checked__border-color)
+        );
+    --rui-local-check-background-color:
+        var(
+            --rui-FormField--valid--checked-disabled__check-background-color,
+            var(--rui-FormField--valid--checked__check-background-color)
+        );
   }
-  .InputGroup-module__isRootStateInvalid__Atu0FWW_ {
-    --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
-    --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
-    --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
+  .FileInputField-module__isRootStateWarning__jnC_TrpN {
+    --rui-local-link-color: var(--rui-color-feedback-warning);
+    --rui-local-link-color-hover: var(--rui-color-feedback-warning-hover);
+    --rui-local-link-color-active: var(--rui-color-feedback-warning-active);
   }
-  .InputGroup-module__isRootStateInvalid__Atu0FWW_, .InputGroup-module__isRootStateInvalid__Atu0FWW_:hover {
-    --rui-local-color: var(--rui-FormField--invalid--default__color);
-    --rui-local-border-color: var(--rui-FormField--invalid--default__border-color);
-    --rui-local-background: var(--rui-FormField--invalid--default__background);
-    --rui-local-check-background-color: var(--rui-FormField--invalid--default__check-background-color);
-    --rui-local-box-shadow: var(--rui-FormField--invalid--default__box-shadow);
-    --rui-local-surrounding-text-color: var(--rui-FormField--invalid--default__surrounding-text-color);
+  .FileInputField-module__isRootStateWarning__jnC_TrpN, .FileInputField-module__isRootStateWarning__jnC_TrpN:hover {
+    --rui-local-color: var(--rui-FormField--warning--default__color);
+    --rui-local-border-color: var(--rui-FormField--warning--default__border-color);
+    --rui-local-background: var(--rui-FormField--warning--default__background);
+    --rui-local-check-background-color: var(--rui-FormField--warning--default__check-background-color);
+    --rui-local-box-shadow: var(--rui-FormField--warning--default__box-shadow);
+    --rui-local-surrounding-text-color: var(--rui-FormField--warning--default__surrounding-text-color);
   }
-  .InputGroup-module__isRootStateInvalid__Atu0FWW_ .InputGroup-module__input__m3nCQTQs:checked {
+  .FileInputField-module__isRootStateWarning__jnC_TrpN .FileInputField-module__input__iLmNDUMn:checked {
     --rui-local-border-color:
         var(
-            --rui-FormField--invalid--checked__border-color,
-            var(--rui-FormField--invalid--default__border-color)
+            --rui-FormField--warning--checked__border-color,
+            var(--rui-FormField--warning--default__border-color)
         );
     --rui-local-check-background-color:
         var(
-            --rui-FormField--invalid--checked__check-background-color,
-            var(--rui-FormField--invalid--default__check-background-color)
+            --rui-FormField--warning--checked__check-background-color,
+            var(--rui-FormField--warning--default__check-background-color)
         );
   }
-  .InputGroup-module__isRootStateInvalid__Atu0FWW_.InputGroup-module__isRootDisabled__xmAO_NpX {
+  .FileInputField-module__isRootStateWarning__jnC_TrpN.FileInputField-module__isRootDisabled__krkT4J9v {
     --rui-local-color:
         var(
-            --rui-FormField--invalid--disabled__color,
-            var(--rui-FormField--invalid--default__color)
+            --rui-FormField--warning--disabled__color,
+            var(--rui-FormField--warning--default__color)
         );
     --rui-local-border-color:
         var(
-            --rui-FormField--invalid--disabled__border-color,
-            var(--rui-FormField--invalid--default__border-color)
+            --rui-FormField--warning--disabled__border-color,
+            var(--rui-FormField--warning--default__border-color)
         );
     --rui-local-background:
         var(
-            --rui-FormField--invalid--disabled__background,
-            var(--rui-FormField--invalid--default__background)
+            --rui-FormField--warning--disabled__background,
+            var(--rui-FormField--warning--default__background)
         );
     --rui-local-check-background-color:
         var(
-            --rui-FormField--invalid--disabled__check-background-color,
-            var(--rui-FormField--invalid--default__check-background-color)
+            --rui-FormField--warning--disabled__check-background-color,
+            var(--rui-FormField--warning--default__check-background-color)
         );
     --rui-local-box-shadow:
         var(
-            --rui-FormField--invalid--disabled__box-shadow,
-            var(--rui-FormField--invalid--default__box-shadow)
+            --rui-FormField--warning--disabled__box-shadow,
+            var(--rui-FormField--warning--default__box-shadow)
         );
     --rui-local-surrounding-text-color:
         var(
-            --rui-FormField--invalid--disabled__surrounding-text-color,
-            var(--rui-FormField--invalid--default__surrounding-text-color)
+            --rui-FormField--warning--disabled__surrounding-text-color,
+            var(--rui-FormField--warning--default__surrounding-text-color)
         );
   }
-  .InputGroup-module__isRootStateInvalid__Atu0FWW_ .InputGroup-module__input__m3nCQTQs:checked:disabled {
+  .FileInputField-module__isRootStateWarning__jnC_TrpN .FileInputField-module__input__iLmNDUMn:checked:disabled {
     --rui-local-border-color:
         var(
-            --rui-FormField--invalid--checked-disabled__border-color,
-            var(--rui-FormField--invalid--checked__border-color)
+            --rui-FormField--warning--checked-disabled__border-color,
+            var(--rui-FormField--warning--checked__border-color)
         );
     --rui-local-check-background-color:
         var(
-            --rui-FormField--invalid--checked-disabled__check-background-color,
-            var(--rui-FormField--invalid--checked__check-background-color)
+            --rui-FormField--warning--checked-disabled__check-background-color,
+            var(--rui-FormField--warning--checked__check-background-color)
         );
   }
-  .InputGroup-module__isRootStateValid__ykb1SzPU {
-    --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
-    --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
-    --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
+  .FileInputField-module__isLabelHidden__wzJljYML {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
   }
-  .InputGroup-module__isRootStateValid__ykb1SzPU, .InputGroup-module__isRootStateValid__ykb1SzPU:hover {
-    --rui-local-color: var(--rui-FormField--valid--default__color);
-    --rui-local-border-color: var(--rui-FormField--valid--default__border-color);
-    --rui-local-background: var(--rui-FormField--valid--default__background);
-    --rui-local-check-background-color: var(--rui-FormField--valid--default__check-background-color);
-    --rui-local-box-shadow: var(--rui-FormField--valid--default__box-shadow);
-    --rui-local-surrounding-text-color: var(--rui-FormField--valid--default__surrounding-text-color);
+  .FileInputField-module__isRootLayoutVertical__umNjNzoj,
+  .FileInputField-module__isRootLayoutHorizontal__lHc4IRZD {
+    display: inline-flex;
+    flex-direction: column;
+    min-width: 0;
+    max-width: 100%;
   }
-  .InputGroup-module__isRootStateValid__ykb1SzPU .InputGroup-module__input__m3nCQTQs:checked {
-    --rui-local-border-color:
-        var(
-            --rui-FormField--valid--checked__border-color,
-            var(--rui-FormField--valid--default__border-color)
-        );
-    --rui-local-check-background-color:
-        var(
-            --rui-FormField--valid--checked__check-background-color,
-            var(--rui-FormField--valid--default__check-background-color)
+  .FileInputField-module__isRootLayoutVertical__umNjNzoj .FileInputField-module__label__uLkyizW9,
+  .FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__label__uLkyizW9 {
+    padding-bottom: var(--rui-local-vertical-gap, var(--rui-dimension-space-1));
+  }
+  .FileInputField-module__isRootLayoutVertical__umNjNzoj .FileInputField-module__helpText__HCHg5mWq,
+  .FileInputField-module__isRootLayoutVertical__umNjNzoj .FileInputField-module__validationText__cgjZsi9B,
+  .FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__helpText__HCHg5mWq,
+  .FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__validationText__cgjZsi9B {
+    padding-top: var(--rui-local-vertical-gap, var(--rui-dimension-space-1));
+  }
+  .FileInputField-module__isRootLayoutVertical__umNjNzoj .FileInputField-module__field__SZE7nT5K,
+  .FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__field__SZE7nT5K {
+    width: min-content;
+    max-width: 100%;
+  }
+  @media (min-width: 48em) {
+    .FileInputField-module__isRootLayoutHorizontal__lHc4IRZD {
+      display: inline-grid;
+      grid-template-columns: var(--rui-FormField--horizontal__label__width) min-content;
+      grid-template-areas: "label field";
+      align-items: start;
+    }
+    .FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__label__uLkyizW9 {
+      grid-area: label;
+      align-self: var(--rui-FormField--horizontal__label__vertical-alignment);
+      min-width: var(--rui-FormField--horizontal__label__min-width);
+      padding-top: var(--rui-FormField--horizontal__label__padding-y, calc(var(--rui-FormField--box__border-width) + var(--rui-local-padding-y)));
+      padding-bottom: var(--rui-FormField--horizontal__label__padding-y, calc(var(--rui-FormField--box__border-width) + var(--rui-local-padding-y)));
+      padding-right: var(--rui-dimension-space-2);
+      text-align: var(--rui-FormField--horizontal__label__text-align);
+    }
+    .FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__field__SZE7nT5K {
+      grid-area: field;
+      align-self: var(--rui-FormField--horizontal__field__vertical-alignment);
+      justify-self: start;
+    }
+  }
+  @media (min-width: 48em) {
+    .FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__label__uLkyizW9 {
+      -ms-grid-row: 1;
+      -ms-grid-column: 1;
+    }
+    .FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__field__SZE7nT5K {
+      -ms-grid-row: 1;
+      -ms-grid-column: 2;
+    }
+  }
+  .FileInputField-module__isRootFullWidth__cpb0405R {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+  }
+  .FileInputField-module__isRootFullWidth__cpb0405R .FileInputField-module__field__SZE7nT5K,
+  .FileInputField-module__isRootFullWidth__cpb0405R .FileInputField-module__inputContainer__CST1gkv7,
+  .FileInputField-module__isRootFullWidth__cpb0405R .FileInputField-module__dropZone__UC34Vhg7 {
+    width: 100%;
+  }
+  @media (min-width: 48em) {
+    .FileInputField-module__isRootFullWidth__cpb0405R.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD {
+      display: grid;
+      grid-template-columns: var(--rui-FormField--horizontal--full-width__label__width) 1fr;
+    }
+    .FileInputField-module__isRootFullWidth__cpb0405R.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__field__SZE7nT5K {
+      justify-self: stretch;
+    }
+  }
+  .FileInputField-module__isRootInFormLayout__y6mVJsQY {
+    justify-self: start;
+  }
+  .FileInputField-module__isRootInFormLayout__y6mVJsQY .FileInputField-module__field__SZE7nT5K {
+    width: auto;
+  }
+  @media (min-width: 48em) {
+    .FileInputField-module__isRootInFormLayout__y6mVJsQY .FileInputField-module__optionLabel__HP65UZja {
+      width: auto;
+    }
+    .FileInputField-module__isRootInFormLayout__y6mVJsQY.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD, .FileInputField-module__isRootInFormLayout__y6mVJsQY.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD.FileInputField-module__hasRootSmallInput__rFEgcot4 {
+      grid: inherit;
+      grid-template-columns: subgrid;
+      grid-column: span 2;
+    }
+    @supports not (grid-template-columns: subgrid) {
+      .FileInputField-module__isRootInFormLayout__y6mVJsQY.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD, .FileInputField-module__isRootInFormLayout__y6mVJsQY.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD.FileInputField-module__hasRootSmallInput__rFEgcot4 {
+        display: contents;
+      }
+    }
+    .FileInputField-module__isRootInFormLayout__y6mVJsQY.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD.FileInputField-module__isRootFullWidth__cpb0405R {
+      grid-template-columns: subgrid;
+    }
+    .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 {
+      grid-area: unset;
+    }
+    .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 {
+      grid-column-start: 2;
+    }
+    .FileInputField-module__isRootInFormLayout__y6mVJsQY.FileInputField-module__isRootLayoutHorizontal__lHc4IRZD.FileInputField-module__hasRootSmallInput__rFEgcot4 .FileInputField-module__field__SZE7nT5K {
+      display: block;
+    }
+  }
+  .FileInputField-module__isRootSizeSmall__lOHC9sZz {
+    --rui-local-height: var(--rui-FormField--box--small__height);
+    --rui-local-padding-y: var(--rui-FormField--box--small__padding-y);
+    --rui-local-padding-x: var(--rui-FormField--box--small__padding-x);
+    --rui-local-font-size: var(--rui-FormField--box--small__font-size);
+  }
+  .FileInputField-module__isRootSizeMedium__vHVKHKt0 {
+    --rui-local-height: var(--rui-FormField--box--medium__height);
+    --rui-local-padding-y: var(--rui-FormField--box--medium__padding-y);
+    --rui-local-padding-x: var(--rui-FormField--box--medium__padding-x);
+    --rui-local-font-size: var(--rui-FormField--box--medium__font-size);
+  }
+  .FileInputField-module__isRootSizeLarge__GaFg2d8n {
+    --rui-local-height: var(--rui-FormField--box--large__height);
+    --rui-local-padding-y: var(--rui-FormField--box--large__padding-y);
+    --rui-local-padding-x: var(--rui-FormField--box--large__padding-x);
+    --rui-local-font-size: var(--rui-FormField--box--large__font-size);
+  }
+  .FileInputField-module__isRootGrouped__a7UwiVKa:focus-within {
+    isolation: isolate;
+    z-index: 1;
+  }
+  .FileInputField-module__isRootGrouped__a7UwiVKa .FileInputField-module__inputContainer__CST1gkv7 {
+    display: block;
+  }
+  .FileInputField-module__isRootGrouped__a7UwiVKa:not(:first-child) .FileInputField-module__dropZone__UC34Vhg7 {
+    border-start-start-radius: var(--rui-local-inner-border-radius);
+    border-end-start-radius: var(--rui-local-inner-border-radius);
+  }
+  .FileInputField-module__isRootGrouped__a7UwiVKa:not(:last-child) .FileInputField-module__dropZone__UC34Vhg7 {
+    border-start-end-radius: var(--rui-local-inner-border-radius);
+    border-end-end-radius: var(--rui-local-inner-border-radius);
+  }
+}
+/*!*********************************************************************************************************************************************************************************************************************************!*\
+  !*** 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 ***!
+  \*********************************************************************************************************************************************************************************************************************************/
+@layer components.grid {
+  .Grid-module__root__m6PTEyJq {
+    --rui-local-columns:
+        var(
+            --rui-local-columns-xs,
+            initial
         );
-  }
-  .InputGroup-module__isRootStateValid__ykb1SzPU.InputGroup-module__isRootDisabled__xmAO_NpX {
-    --rui-local-color:
+    --rui-local-column-gap:
         var(
-            --rui-FormField--valid--disabled__color,
-            var(--rui-FormField--valid--default__color)
+            --rui-local-column-gap-xs,
+            initial
         );
-    --rui-local-border-color:
+    --rui-local-rows:
         var(
-            --rui-FormField--valid--disabled__border-color,
-            var(--rui-FormField--valid--default__border-color)
+            --rui-local-rows-xs,
+            initial
         );
-    --rui-local-background:
+    --rui-local-row-gap:
         var(
-            --rui-FormField--valid--disabled__background,
-            var(--rui-FormField--valid--default__background)
+            --rui-local-row-gap-xs,
+            initial
         );
-    --rui-local-check-background-color:
+    --rui-local-auto-flow:
         var(
-            --rui-FormField--valid--disabled__check-background-color,
-            var(--rui-FormField--valid--default__check-background-color)
+            --rui-local-auto-flow-xs,
+            initial
         );
-    --rui-local-box-shadow:
+    --rui-local-align-content:
         var(
-            --rui-FormField--valid--disabled__box-shadow,
-            var(--rui-FormField--valid--default__box-shadow)
+            --rui-local-align-content-xs,
+            initial
         );
-    --rui-local-surrounding-text-color:
+    --rui-local-align-items:
         var(
-            --rui-FormField--valid--disabled__surrounding-text-color,
-            var(--rui-FormField--valid--default__surrounding-text-color)
+            --rui-local-align-items-xs,
+            initial
         );
-  }
-  .InputGroup-module__isRootStateValid__ykb1SzPU .InputGroup-module__input__m3nCQTQs:checked:disabled {
-    --rui-local-border-color:
+    --rui-local-justify-content:
         var(
-            --rui-FormField--valid--checked-disabled__border-color,
-            var(--rui-FormField--valid--checked__border-color)
+            --rui-local-justify-content-xs,
+            initial
         );
-    --rui-local-check-background-color:
+    --rui-local-justify-items:
         var(
-            --rui-FormField--valid--checked-disabled__check-background-color,
-            var(--rui-FormField--valid--checked__check-background-color)
+            --rui-local-justify-items-xs,
+            initial
         );
+    display: grid;
+    grid-template-columns: var(--rui-local-columns);
+    grid-template-rows: var(--rui-local-rows);
+    grid-auto-flow: var(--rui-local-auto-flow);
+    grid-gap: var(--rui-local-row-gap) var(--rui-local-column-gap);
+    align-content: var(--rui-local-align-content);
+    align-items: var(--rui-local-align-items);
+    justify-content: var(--rui-local-justify-content);
+    justify-items: var(--rui-local-justify-items);
+  }
+  @media (min-width: 36em) {
+    .Grid-module__root__m6PTEyJq {
+      --rui-local-columns:
+          var(
+              --rui-local-columns-sm,
+              var(--rui-local-columns-xs, initial)
+          );
+      --rui-local-column-gap:
+          var(
+              --rui-local-column-gap-sm,
+              var(--rui-local-column-gap-xs, initial)
+          );
+      --rui-local-rows:
+          var(
+              --rui-local-rows-sm,
+              var(--rui-local-rows-xs, initial)
+          );
+      --rui-local-row-gap:
+          var(
+              --rui-local-row-gap-sm,
+              var(--rui-local-row-gap-xs, initial)
+          );
+      --rui-local-auto-flow:
+          var(
+              --rui-local-auto-flow-sm,
+              var(--rui-local-auto-flow-xs, initial)
+          );
+      --rui-local-align-content:
+          var(
+              --rui-local-align-content-sm,
+              var(--rui-local-align-content-xs, initial)
+          );
+      --rui-local-align-items:
+          var(
+              --rui-local-align-items-sm,
+              var(--rui-local-align-items-xs, initial)
+          );
+      --rui-local-justify-content:
+          var(
+              --rui-local-justify-content-sm,
+              var(--rui-local-justify-content-xs, initial)
+          );
+      --rui-local-justify-items:
+          var(
+              --rui-local-justify-items-sm,
+              var(--rui-local-justify-items-xs, initial)
+          );
+    }
+  }
+  @media (min-width: 48em) {
+    .Grid-module__root__m6PTEyJq {
+      --rui-local-columns:
+          var(
+              --rui-local-columns-md,
+              var(--rui-local-columns-sm, var(--rui-local-columns-xs, initial))
+          );
+      --rui-local-column-gap:
+          var(
+              --rui-local-column-gap-md,
+              var(--rui-local-column-gap-sm, var(--rui-local-column-gap-xs, initial))
+          );
+      --rui-local-rows:
+          var(
+              --rui-local-rows-md,
+              var(--rui-local-rows-sm, var(--rui-local-rows-xs, initial))
+          );
+      --rui-local-row-gap:
+          var(
+              --rui-local-row-gap-md,
+              var(--rui-local-row-gap-sm, var(--rui-local-row-gap-xs, initial))
+          );
+      --rui-local-auto-flow:
+          var(
+              --rui-local-auto-flow-md,
+              var(--rui-local-auto-flow-sm, var(--rui-local-auto-flow-xs, initial))
+          );
+      --rui-local-align-content:
+          var(
+              --rui-local-align-content-md,
+              var(--rui-local-align-content-sm, var(--rui-local-align-content-xs, initial))
+          );
+      --rui-local-align-items:
+          var(
+              --rui-local-align-items-md,
+              var(--rui-local-align-items-sm, var(--rui-local-align-items-xs, initial))
+          );
+      --rui-local-justify-content:
+          var(
+              --rui-local-justify-content-md,
+              var(--rui-local-justify-content-sm, var(--rui-local-justify-content-xs, initial))
+          );
+      --rui-local-justify-items:
+          var(
+              --rui-local-justify-items-md,
+              var(--rui-local-justify-items-sm, var(--rui-local-justify-items-xs, initial))
+          );
+    }
+  }
+  @media (min-width: 66em) {
+    .Grid-module__root__m6PTEyJq {
+      --rui-local-columns:
+          var(
+              --rui-local-columns-lg,
+              var(--rui-local-columns-md, var(--rui-local-columns-sm, var(--rui-local-columns-xs, initial)))
+          );
+      --rui-local-column-gap:
+          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)))
+          );
+      --rui-local-rows:
+          var(
+              --rui-local-rows-lg,
+              var(--rui-local-rows-md, var(--rui-local-rows-sm, var(--rui-local-rows-xs, initial)))
+          );
+      --rui-local-row-gap:
+          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)))
+          );
+      --rui-local-auto-flow:
+          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)))
+          );
+      --rui-local-align-content:
+          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)))
+          );
+      --rui-local-align-items:
+          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)))
+          );
+      --rui-local-justify-content:
+          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)))
+          );
+      --rui-local-justify-items:
+          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)))
+          );
+    }
+  }
+  @media (min-width: 84em) {
+    .Grid-module__root__m6PTEyJq {
+      --rui-local-columns:
+          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))))
+          );
+      --rui-local-column-gap:
+          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))))
+          );
+      --rui-local-rows:
+          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))))
+          );
+      --rui-local-row-gap:
+          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))))
+          );
+      --rui-local-auto-flow:
+          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))))
+          );
+      --rui-local-align-content:
+          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))))
+          );
+      --rui-local-align-items:
+          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))))
+          );
+      --rui-local-justify-content:
+          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))))
+          );
+      --rui-local-justify-items:
+          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))))
+          );
+    }
   }
-  .InputGroup-module__isRootStateWarning__wK1Lp0ri {
-    --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
-    --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
-    --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
+  @media (min-width: 100em) {
+    .Grid-module__root__m6PTEyJq {
+      --rui-local-columns:
+          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)))))
+          );
+      --rui-local-column-gap:
+          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)))))
+          );
+      --rui-local-rows:
+          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)))))
+          );
+      --rui-local-row-gap:
+          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)))))
+          );
+      --rui-local-auto-flow:
+          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)))))
+          );
+      --rui-local-align-content:
+          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)))))
+          );
+      --rui-local-align-items:
+          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)))))
+          );
+      --rui-local-justify-content:
+          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)))))
+          );
+      --rui-local-justify-items:
+          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)))))
+          );
+    }
   }
-  .InputGroup-module__isRootStateWarning__wK1Lp0ri, .InputGroup-module__isRootStateWarning__wK1Lp0ri:hover {
-    --rui-local-color: var(--rui-FormField--warning--default__color);
-    --rui-local-border-color: var(--rui-FormField--warning--default__border-color);
-    --rui-local-background: var(--rui-FormField--warning--default__background);
-    --rui-local-check-background-color: var(--rui-FormField--warning--default__check-background-color);
-    --rui-local-box-shadow: var(--rui-FormField--warning--default__box-shadow);
-    --rui-local-surrounding-text-color: var(--rui-FormField--warning--default__surrounding-text-color);
+  @media (min-width: 120em) {
+    .Grid-module__root__m6PTEyJq {
+      --rui-local-columns:
+          var(
+              --rui-local-columns-x3l,
+              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))))))
+          );
+      --rui-local-column-gap:
+          var(
+              --rui-local-column-gap-x3l,
+              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))))))
+          );
+      --rui-local-rows:
+          var(
+              --rui-local-rows-x3l,
+              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))))))
+          );
+      --rui-local-row-gap:
+          var(
+              --rui-local-row-gap-x3l,
+              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))))))
+          );
+      --rui-local-auto-flow:
+          var(
+              --rui-local-auto-flow-x3l,
+              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))))))
+          );
+      --rui-local-align-content:
+          var(
+              --rui-local-align-content-x3l,
+              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))))))
+          );
+      --rui-local-align-items:
+          var(
+              --rui-local-align-items-x3l,
+              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))))))
+          );
+      --rui-local-justify-content:
+          var(
+              --rui-local-justify-content-x3l,
+              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))))))
+          );
+      --rui-local-justify-items:
+          var(
+              --rui-local-justify-items-x3l,
+              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))))))
+          );
+    }
   }
-  .InputGroup-module__isRootStateWarning__wK1Lp0ri .InputGroup-module__input__m3nCQTQs:checked {
-    --rui-local-border-color:
-        var(
-            --rui-FormField--warning--checked__border-color,
-            var(--rui-FormField--warning--default__border-color)
-        );
-    --rui-local-check-background-color:
-        var(
-            --rui-FormField--warning--checked__check-background-color,
-            var(--rui-FormField--warning--default__check-background-color)
-        );
+  .Grid-module__root__m6PTEyJq:not(:last-child) {
+    margin-bottom: var(--rui-dimension-space-bottom-layouts);
   }
-  .InputGroup-module__isRootStateWarning__wK1Lp0ri.InputGroup-module__isRootDisabled__xmAO_NpX {
-    --rui-local-color:
-        var(
-            --rui-FormField--warning--disabled__color,
-            var(--rui-FormField--warning--default__color)
-        );
-    --rui-local-border-color:
-        var(
-            --rui-FormField--warning--disabled__border-color,
-            var(--rui-FormField--warning--default__border-color)
-        );
-    --rui-local-background:
-        var(
-            --rui-FormField--warning--disabled__background,
-            var(--rui-FormField--warning--default__background)
-        );
-    --rui-local-check-background-color:
-        var(
-            --rui-FormField--warning--disabled__check-background-color,
-            var(--rui-FormField--warning--default__check-background-color)
-        );
-    --rui-local-box-shadow:
-        var(
-            --rui-FormField--warning--disabled__box-shadow,
-            var(--rui-FormField--warning--default__box-shadow)
-        );
-    --rui-local-surrounding-text-color:
-        var(
-            --rui-FormField--warning--disabled__surrounding-text-color,
-            var(--rui-FormField--warning--default__surrounding-text-color)
-        );
+  .Grid-module__root__m6PTEyJq > * {
+    margin-block: 0;
   }
-  .InputGroup-module__isRootStateWarning__wK1Lp0ri .InputGroup-module__input__m3nCQTQs:checked:disabled {
-    --rui-local-border-color:
+  .Grid-module__span__NitaPD2S {
+    --rui-local-column-span:
         var(
-            --rui-FormField--warning--checked-disabled__border-color,
-            var(--rui-FormField--warning--checked__border-color)
+            --rui-local-column-span-xs,
+            initial
         );
-    --rui-local-check-background-color:
+    --rui-local-row-span:
         var(
-            --rui-FormField--warning--checked-disabled__check-background-color,
-            var(--rui-FormField--warning--checked__check-background-color)
+            --rui-local-row-span-xs,
+            initial
         );
+    grid-column: span var(--rui-local-column-span);
+    grid-row: span var(--rui-local-row-span);
   }
-  .InputGroup-module__isRootLayoutVertical__Kh7ukFER,
-  .InputGroup-module__isRootLayoutHorizontal__E9aM__PG {
-    display: inline-flex;
-    flex-direction: column;
-    min-width: 0;
-    max-width: 100%;
-    max-width: none;
-  }
-  .InputGroup-module__isRootLayoutVertical__Kh7ukFER .InputGroup-module__label__KUZV3N9L,
-  .InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__label__KUZV3N9L {
-    padding-bottom: var(--rui-local-vertical-gap, var(--rui-dimension-space-1));
-  }
-  .InputGroup-module__isRootLayoutVertical__Kh7ukFER .InputGroup-module__helpText__EEl3Ozjn,
-  .InputGroup-module__isRootLayoutVertical__Kh7ukFER .InputGroup-module__validationText__HNOu0L2V,
-  .InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__helpText__EEl3Ozjn,
-  .InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__validationText__HNOu0L2V {
-    padding-top: var(--rui-local-vertical-gap, var(--rui-dimension-space-1));
-  }
-  .InputGroup-module__isRootLayoutVertical__Kh7ukFER .InputGroup-module__field__UIKh_s8O,
-  .InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__field__UIKh_s8O {
-    width: min-content;
-    max-width: 100%;
-  }
-  .InputGroup-module__isRootLayoutVertical__Kh7ukFER .InputGroup-module__field__UIKh_s8O,
-  .InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__field__UIKh_s8O {
-    max-width: none;
-  }
-  @media (min-width: 48em) {
-    .InputGroup-module__isRootLayoutHorizontal__E9aM__PG {
-      display: inline-grid;
-      grid-template-columns: var(--rui-FormField--horizontal__label__width) min-content;
-      grid-template-areas: "label field";
-      align-items: start;
-    }
-    .InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__label__KUZV3N9L {
-      grid-area: label;
-      align-self: var(--rui-FormField--horizontal__label__vertical-alignment);
-      min-width: var(--rui-FormField--horizontal__label__min-width);
-      padding-top: var(--rui-FormField--horizontal__label__padding-y, calc(var(--rui-FormField--box__border-width) + var(--rui-local-padding-y)));
-      padding-bottom: var(--rui-FormField--horizontal__label__padding-y, calc(var(--rui-FormField--box__border-width) + var(--rui-local-padding-y)));
-      padding-right: var(--rui-dimension-space-2);
-      text-align: var(--rui-FormField--horizontal__label__text-align);
-    }
-    .InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__field__UIKh_s8O {
-      grid-area: field;
-      align-self: var(--rui-FormField--horizontal__field__vertical-alignment);
-      justify-self: start;
-    }
-  }
-  @media (min-width: 48em) {
-    .InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__label__KUZV3N9L {
-      -ms-grid-row: 1;
-      -ms-grid-column: 1;
-    }
-    .InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__field__UIKh_s8O {
-      -ms-grid-row: 1;
-      -ms-grid-column: 2;
+  @media (min-width: 36em) {
+    .Grid-module__span__NitaPD2S {
+      --rui-local-column-span:
+          var(
+              --rui-local-column-span-sm,
+              var(--rui-local-column-span-xs, initial)
+          );
+      --rui-local-row-span:
+          var(
+              --rui-local-row-span-sm,
+              var(--rui-local-row-span-xs, initial)
+          );
     }
   }
-  .InputGroup-module__isRootInFormLayout__U0mXoJGg {
-    justify-self: start;
-  }
-  .InputGroup-module__isRootInFormLayout__U0mXoJGg .InputGroup-module__field__UIKh_s8O {
-    width: auto;
-  }
   @media (min-width: 48em) {
-    .InputGroup-module__isRootInFormLayout__U0mXoJGg .InputGroup-module__optionLabel__O3WgRGfZ {
-      width: auto;
-    }
-    .InputGroup-module__isRootInFormLayout__U0mXoJGg.InputGroup-module__isRootLayoutHorizontal__E9aM__PG, .InputGroup-module__isRootInFormLayout__U0mXoJGg.InputGroup-module__isRootLayoutHorizontal__E9aM__PG.InputGroup-module__hasRootSmallInput__URPxKkaR {
-      display: contents;
-    }
-    .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 {
-      grid-area: unset;
+    .Grid-module__span__NitaPD2S {
+      --rui-local-column-span:
+          var(
+              --rui-local-column-span-md,
+              var(--rui-local-column-span-sm, var(--rui-local-column-span-xs, initial))
+          );
+      --rui-local-row-span:
+          var(
+              --rui-local-row-span-md,
+              var(--rui-local-row-span-sm, var(--rui-local-row-span-xs, initial))
+          );
     }
-    .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 {
-      grid-column-start: 2;
+  }
+  @media (min-width: 66em) {
+    .Grid-module__span__NitaPD2S {
+      --rui-local-column-span:
+          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)))
+          );
+      --rui-local-row-span:
+          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)))
+          );
     }
-    .InputGroup-module__isRootInFormLayout__U0mXoJGg.InputGroup-module__isRootLayoutHorizontal__E9aM__PG.InputGroup-module__hasRootSmallInput__URPxKkaR .InputGroup-module__field__UIKh_s8O {
-      display: block;
+  }
+  @media (min-width: 84em) {
+    .Grid-module__span__NitaPD2S {
+      --rui-local-column-span:
+          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))))
+          );
+      --rui-local-row-span:
+          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))))
+          );
     }
   }
-  .InputGroup-module__isRootSizeSmall__b5mgk66O {
-    --rui-local-padding-y: var(--rui-FormField--box--small__padding-y);
-    --rui-local-padding-x: var(--rui-FormField--box--small__padding-x);
+  @media (min-width: 100em) {
+    .Grid-module__span__NitaPD2S {
+      --rui-local-column-span:
+          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)))))
+          );
+      --rui-local-row-span:
+          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)))))
+          );
+    }
   }
-  .InputGroup-module__isRootSizeMedium__DXe8yUee {
-    --rui-local-padding-y: var(--rui-FormField--box--medium__padding-y);
-    --rui-local-padding-x: var(--rui-FormField--box--medium__padding-x);
+  @media (min-width: 120em) {
+    .Grid-module__span__NitaPD2S {
+      --rui-local-column-span:
+          var(
+              --rui-local-column-span-x3l,
+              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))))))
+          );
+      --rui-local-row-span:
+          var(
+              --rui-local-row-span-x3l,
+              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))))))
+          );
+    }
   }
-  .InputGroup-module__isRootSizeLarge__8pd07vgR {
-    --rui-local-padding-y: var(--rui-FormField--box--large__padding-y);
-    --rui-local-padding-x: var(--rui-FormField--box--large__padding-x);
+  dl.Grid-module__root__m6PTEyJq,
+  ol.Grid-module__root__m6PTEyJq,
+  ul.Grid-module__root__m6PTEyJq {
+    padding-left: 0;
+    margin-left: 0;
+    list-style: none;
   }
 }
 /*!***********************************************************************************************************************************************************************************************************************************!*\
   !*** 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 ***!
   \***********************************************************************************************************************************************************************************************************************************/
+@keyframes Modal-module__fade-in__KMCp98YN {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
 @layer components.modal {
   .Modal-module__root__ifxS_8bg {
     --rui-local-outer-spacing: var(--rui-Modal__outer-spacing--xs);
     --rui-local-max-width: calc(100% - (2 * var(--rui-local-outer-spacing)));
     --rui-local-max-height: calc(100% - (2 * var(--rui-local-outer-spacing)));
-    position: fixed;
-    left: 50%;
-    z-index: 2100;
-    display: flex;
     flex-direction: column;
     max-width: var(--rui-local-max-width);
     max-height: var(--rui-local-max-height);
+    padding: 0;
     overflow-y: auto;
+    color: inherit;
+    border-width: 0;
     border-radius: var(--rui-dimension-radius-2);
     background: var(--rui-Modal__background);
     box-shadow: var(--rui-Modal__box-shadow);
-    transform: translateX(-50%);
     overscroll-behavior: contain;
   }
   @media (min-width: 36em) {
@@ -8662,15 +8750,22 @@
       --rui-local-outer-spacing: var(--rui-Modal__outer-spacing--sm);
     }
   }
-  .Modal-module__backdrop__OmOx_p0T {
-    position: fixed;
-    top: 0;
-    left: 0;
-    z-index: 2000;
-    width: 100vw;
-    height: 100vh;
+  .Modal-module__root__ifxS_8bg[open] {
+    display: flex;
+  }
+  @media (prefers-reduced-motion: no-preference) {
+    .Modal-module__root__ifxS_8bg[open] {
+      animation: Modal-module__fade-in__KMCp98YN var(--rui-Modal__animation__duration) ease-out;
+    }
+  }
+  .Modal-module__root__ifxS_8bg[open]::backdrop {
     background: var(--rui-Modal__backdrop__background);
   }
+  @media (prefers-reduced-motion: no-preference) {
+    .Modal-module__root__ifxS_8bg[open]::backdrop {
+      animation: inherit;
+    }
+  }
   .Modal-module__isRootSizeSmall__Zhlo8LOs {
     width: var(--rui-Modal--small__width);
   }
@@ -8688,16 +8783,84 @@
     height: 100%;
   }
   .Modal-module__isRootSizeAuto__c3t7etOz {
-    width: auto;
     min-width: min(var(--rui-local-max-width), var(--rui-Modal--auto__min-width));
     max-width: min(var(--rui-local-max-width), var(--rui-Modal--auto__max-width));
   }
-  .Modal-module__isRootPositionCenter__OfMWdYPI {
-    top: 50%;
-    transform: translate(-50%, -50%);
-  }
   .Modal-module__isRootPositionTop__dH85yNzc {
     top: var(--rui-local-outer-spacing);
+    bottom: auto;
+  }
+  .Modal-module__isRootColorSuccess__dHQnX7BU {
+    --rui-local-border-color:
+        var(
+            --rui-Modal--success__border-color
+
+        );
+    --rui-local-background-color:
+        var(
+            --rui-Modal--success__background-color
+
+        );
+  }
+  .Modal-module__isRootColorWarning__j82aEXmR {
+    --rui-local-border-color:
+        var(
+            --rui-Modal--warning__border-color
+
+        );
+    --rui-local-background-color:
+        var(
+            --rui-Modal--warning__background-color
+
+        );
+  }
+  .Modal-module__isRootColorDanger__HeRBrTVp {
+    --rui-local-border-color:
+        var(
+            --rui-Modal--danger__border-color
+
+        );
+    --rui-local-background-color:
+        var(
+            --rui-Modal--danger__background-color
+
+        );
+  }
+  .Modal-module__isRootColorInfo__E2jKbW25 {
+    --rui-local-border-color:
+        var(
+            --rui-Modal--info__border-color
+
+        );
+    --rui-local-background-color:
+        var(
+            --rui-Modal--info__background-color
+
+        );
+  }
+  .Modal-module__isRootColorHelp__iS_F6N_y {
+    --rui-local-border-color:
+        var(
+            --rui-Modal--help__border-color
+
+        );
+    --rui-local-background-color:
+        var(
+            --rui-Modal--help__background-color
+
+        );
+  }
+  .Modal-module__isRootColorNote__S3muQdKg {
+    --rui-local-border-color:
+        var(
+            --rui-Modal--note__border-color
+
+        );
+    --rui-local-background-color:
+        var(
+            --rui-Modal--note__background-color
+
+        );
   }
 }
 /*!***************************************************************************************************************************************************************************************************************************************!*\
@@ -8706,6 +8869,17 @@
 @layer components.modal {
   .ModalBody-module__root__t01NVclU {
     flex: 1 1 auto;
+    border-inline: var(--rui-dimension-border-width-1) solid var(--rui-local-border-color);
+  }
+  .ModalBody-module__root__t01NVclU:first-child {
+    border-top: var(--rui-dimension-border-width-1) solid var(--rui-local-border-color);
+    border-top-left-radius: var(--rui-dimension-radius-2);
+    border-top-right-radius: var(--rui-dimension-radius-2);
+  }
+  .ModalBody-module__root__t01NVclU:last-child {
+    border-bottom: var(--rui-dimension-border-width-1) solid var(--rui-local-border-color);
+    border-bottom-right-radius: var(--rui-dimension-radius-2);
+    border-bottom-left-radius: var(--rui-dimension-radius-2);
   }
   .ModalBody-module__isRootScrollingAuto__pYFVY1My,
   .ModalBody-module__isRootScrollingCustom__n3yayjZQ {
@@ -8772,7 +8946,10 @@
     gap: var(--rui-Modal__header__gap);
     align-items: baseline;
     padding: var(--rui-Modal__padding-y) var(--rui-Modal__padding-x);
-    border-bottom: var(--rui-Modal__separator__width) solid var(--rui-Modal__separator__color);
+    border: var(--rui-dimension-border-width-1) solid var(--rui-local-border-color);
+    border-bottom: var(--rui-Modal__separator__width) solid var(--rui-local-border-color, var(--rui-Modal__separator__color));
+    border-top-left-radius: var(--rui-dimension-radius-2);
+    border-top-right-radius: var(--rui-dimension-radius-2);
   }
   .ModalHeader-module__isRootJustifiedToStart__T2x35CTj {
     justify-content: flex-start;
@@ -8801,10 +8978,11 @@
     gap: var(--rui-Modal__footer__gap);
     align-items: center;
     padding: var(--rui-Modal__padding-y) var(--rui-Modal__padding-x);
-    border-top: var(--rui-Modal__separator__width) solid var(--rui-Modal__separator__color);
+    border: var(--rui-dimension-border-width-1) solid var(--rui-local-border-color);
+    border-top: var(--rui-Modal__separator__width) solid var(--rui-local-border-color, var(--rui-Modal__separator__color));
     border-bottom-right-radius: var(--rui-dimension-radius-2);
     border-bottom-left-radius: var(--rui-dimension-radius-2);
-    background: var(--rui-Modal__footer__background);
+    background: var(--rui-local-background-color, var(--rui-Modal__footer__background));
   }
   .ModalFooter-module__isRootJustifiedToStart__o1o5ERVs {
     justify-content: flex-start;
@@ -9235,9 +9413,9 @@
     color: var(--rui-local-surrounding-text-color, var(--rui-FormField--required__label__color));
   }
   .Radio-module__isRootStateInvalid__zn0zdKi2 {
-    --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
-    --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
-    --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
+    --rui-local-link-color: var(--rui-color-feedback-danger);
+    --rui-local-link-color-hover: var(--rui-color-feedback-danger-hover);
+    --rui-local-link-color-active: var(--rui-color-feedback-danger-active);
   }
   .Radio-module__isRootStateInvalid__zn0zdKi2, .Radio-module__isRootStateInvalid__zn0zdKi2:hover {
     --rui-local-color: var(--rui-FormField--invalid--default__color);
@@ -9304,9 +9482,9 @@
         );
   }
   .Radio-module__isRootStateValid__uliUzaIp {
-    --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
-    --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
-    --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
+    --rui-local-link-color: var(--rui-color-feedback-success);
+    --rui-local-link-color-hover: var(--rui-color-feedback-success-hover);
+    --rui-local-link-color-active: var(--rui-color-feedback-success-active);
   }
   .Radio-module__isRootStateValid__uliUzaIp, .Radio-module__isRootStateValid__uliUzaIp:hover {
     --rui-local-color: var(--rui-FormField--valid--default__color);
@@ -9373,9 +9551,9 @@
         );
   }
   .Radio-module__isRootStateWarning__t9RqjOJP {
-    --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
-    --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
-    --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
+    --rui-local-link-color: var(--rui-color-feedback-warning);
+    --rui-local-link-color-hover: var(--rui-color-feedback-warning-hover);
+    --rui-local-link-color-active: var(--rui-color-feedback-warning-active);
   }
   .Radio-module__isRootStateWarning__t9RqjOJP, .Radio-module__isRootStateWarning__t9RqjOJP:hover {
     --rui-local-color: var(--rui-FormField--warning--default__color);
@@ -9769,21 +9947,21 @@
     transition-property: opacity, color, border-color, background-color, box-shadow;
     transition-duration: 150ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    appearance: none;
     width: var(--rui-FormField--box__input__width);
     min-width: var(--rui-FormField--box__input__min-width);
     max-width: 100%;
     height: var(--rui-local-height);
     padding: var(--rui-local-padding-y) var(--rui-local-padding-x);
+    color: var(--rui-local-color);
+    border: var(--rui-FormField--box__border-width) solid var(--rui-local-border-color);
+    border-radius: var(--rui-FormField--box__border-radius);
+    background: var(--rui-local-background);
+    appearance: none;
     font-weight: var(--rui-font-weight-base);
     font-size: var(--rui-local-font-size);
     line-height: 1.5rem;
     font-family: var(--rui-font-family-base);
     vertical-align: middle;
-    color: var(--rui-local-color);
-    border: var(--rui-FormField--box__border-width) solid var(--rui-local-border-color);
-    border-radius: var(--rui-FormField--box__border-radius);
-    background: var(--rui-local-background);
     box-shadow: var(--rui-local-box-shadow);
     appearance: none;
     padding-right: calc(2.25rem + var(--rui-dimension-space-2));
@@ -10075,9 +10253,9 @@
     cursor: var(--rui-FormField--disabled__cursor);
   }
   .SelectField-module__isRootStateInvalid__ygifhBAb {
-    --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
-    --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
-    --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
+    --rui-local-link-color: var(--rui-color-feedback-danger);
+    --rui-local-link-color-hover: var(--rui-color-feedback-danger-hover);
+    --rui-local-link-color-active: var(--rui-color-feedback-danger-active);
   }
   .SelectField-module__isRootStateInvalid__ygifhBAb, .SelectField-module__isRootStateInvalid__ygifhBAb:hover {
     --rui-local-color: var(--rui-FormField--invalid--default__color);
@@ -10144,9 +10322,9 @@
         );
   }
   .SelectField-module__isRootStateValid__LD4mrVeo {
-    --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
-    --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
-    --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
+    --rui-local-link-color: var(--rui-color-feedback-success);
+    --rui-local-link-color-hover: var(--rui-color-feedback-success-hover);
+    --rui-local-link-color-active: var(--rui-color-feedback-success-active);
   }
   .SelectField-module__isRootStateValid__LD4mrVeo, .SelectField-module__isRootStateValid__LD4mrVeo:hover {
     --rui-local-color: var(--rui-FormField--valid--default__color);
@@ -10213,9 +10391,9 @@
         );
   }
   .SelectField-module__isRootStateWarning__fE5GNhNK {
-    --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
-    --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
-    --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
+    --rui-local-link-color: var(--rui-color-feedback-warning);
+    --rui-local-link-color-hover: var(--rui-color-feedback-warning-hover);
+    --rui-local-link-color-active: var(--rui-color-feedback-warning-active);
   }
   .SelectField-module__isRootStateWarning__fE5GNhNK, .SelectField-module__isRootStateWarning__fE5GNhNK:hover {
     --rui-local-color: var(--rui-FormField--warning--default__color);
@@ -10398,28 +10576,26 @@
     }
   }
   .SelectField-module__isRootSizeSmall__HIOvadod {
+    --rui-local-height: var(--rui-FormField--box--small__height);
     --rui-local-padding-y: var(--rui-FormField--box--small__padding-y);
     --rui-local-padding-x: var(--rui-FormField--box--small__padding-x);
     --rui-local-font-size: var(--rui-FormField--box--small__font-size);
   }
-  .SelectField-module__isRootSizeSmall__HIOvadod .SelectField-module__input__XP_Kwi5B {
-    --rui-local-height: var(--rui-FormField--box--small__height);
-  }
   .SelectField-module__isRootSizeMedium__QAphp601 {
+    --rui-local-height: var(--rui-FormField--box--medium__height);
     --rui-local-padding-y: var(--rui-FormField--box--medium__padding-y);
     --rui-local-padding-x: var(--rui-FormField--box--medium__padding-x);
     --rui-local-font-size: var(--rui-FormField--box--medium__font-size);
   }
-  .SelectField-module__isRootSizeMedium__QAphp601 .SelectField-module__input__XP_Kwi5B {
-    --rui-local-height: var(--rui-FormField--box--medium__height);
-  }
   .SelectField-module__isRootSizeLarge__Xivn3SpJ {
+    --rui-local-height: var(--rui-FormField--box--large__height);
     --rui-local-padding-y: var(--rui-FormField--box--large__padding-y);
     --rui-local-padding-x: var(--rui-FormField--box--large__padding-x);
     --rui-local-font-size: var(--rui-FormField--box--large__font-size);
   }
-  .SelectField-module__isRootSizeLarge__Xivn3SpJ .SelectField-module__input__XP_Kwi5B {
-    --rui-local-height: var(--rui-FormField--box--large__height);
+  .SelectField-module__isRootGrouped__BLo5R_TG:focus-within {
+    isolation: isolate;
+    z-index: 1;
   }
   .SelectField-module__isRootGrouped__BLo5R_TG .SelectField-module__inputContainer__IRfeLUKv {
     display: block;
@@ -10655,21 +10831,21 @@
     transition-property: opacity, color, border-color, background-color, box-shadow;
     transition-duration: 150ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    appearance: none;
     width: var(--rui-FormField--box__input__width);
     min-width: var(--rui-FormField--box__input__min-width);
     max-width: 100%;
     height: var(--rui-local-height);
     padding: var(--rui-local-padding-y) var(--rui-local-padding-x);
+    color: var(--rui-local-color);
+    border: var(--rui-FormField--box__border-width) solid var(--rui-local-border-color);
+    border-radius: var(--rui-FormField--box__border-radius);
+    background: var(--rui-local-background);
+    appearance: none;
     font-weight: var(--rui-font-weight-base);
     font-size: var(--rui-local-font-size);
     line-height: 1.5rem;
     font-family: var(--rui-font-family-base);
     vertical-align: middle;
-    color: var(--rui-local-color);
-    border: var(--rui-FormField--box__border-width) solid var(--rui-local-border-color);
-    border-radius: var(--rui-FormField--box__border-radius);
-    background: var(--rui-local-background);
     box-shadow: var(--rui-local-box-shadow);
     resize: vertical;
   }
@@ -10918,9 +11094,9 @@
     cursor: var(--rui-FormField--disabled__cursor);
   }
   .TextArea-module__isRootStateInvalid__5juQGER0 {
-    --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
-    --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
-    --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
+    --rui-local-link-color: var(--rui-color-feedback-danger);
+    --rui-local-link-color-hover: var(--rui-color-feedback-danger-hover);
+    --rui-local-link-color-active: var(--rui-color-feedback-danger-active);
   }
   .TextArea-module__isRootStateInvalid__5juQGER0, .TextArea-module__isRootStateInvalid__5juQGER0:hover {
     --rui-local-color: var(--rui-FormField--invalid--default__color);
@@ -10987,9 +11163,9 @@
         );
   }
   .TextArea-module__isRootStateValid__Ih6AFuas {
-    --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
-    --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
-    --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
+    --rui-local-link-color: var(--rui-color-feedback-success);
+    --rui-local-link-color-hover: var(--rui-color-feedback-success-hover);
+    --rui-local-link-color-active: var(--rui-color-feedback-success-active);
   }
   .TextArea-module__isRootStateValid__Ih6AFuas, .TextArea-module__isRootStateValid__Ih6AFuas:hover {
     --rui-local-color: var(--rui-FormField--valid--default__color);
@@ -11056,9 +11232,9 @@
         );
   }
   .TextArea-module__isRootStateWarning__T_TCx1R_ {
-    --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
-    --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
-    --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
+    --rui-local-link-color: var(--rui-color-feedback-warning);
+    --rui-local-link-color-hover: var(--rui-color-feedback-warning-hover);
+    --rui-local-link-color-active: var(--rui-color-feedback-warning-active);
   }
   .TextArea-module__isRootStateWarning__T_TCx1R_, .TextArea-module__isRootStateWarning__T_TCx1R_:hover {
     --rui-local-color: var(--rui-FormField--warning--default__color);
@@ -11241,6 +11417,7 @@
     }
   }
   .TextArea-module__isRootSizeSmall__zcBfB1TQ {
+    --rui-local-height: var(--rui-FormField--box--small__height);
     --rui-local-padding-y: var(--rui-FormField--box--small__padding-y);
     --rui-local-padding-x: var(--rui-FormField--box--small__padding-x);
     --rui-local-font-size: var(--rui-FormField--box--small__font-size);
@@ -11250,6 +11427,7 @@
     min-height: var(--rui-FormField--box--small__height);
   }
   .TextArea-module__isRootSizeMedium__yEVtd0G9 {
+    --rui-local-height: var(--rui-FormField--box--medium__height);
     --rui-local-padding-y: var(--rui-FormField--box--medium__padding-y);
     --rui-local-padding-x: var(--rui-FormField--box--medium__padding-x);
     --rui-local-font-size: var(--rui-FormField--box--medium__font-size);
@@ -11259,6 +11437,7 @@
     min-height: var(--rui-FormField--box--medium__height);
   }
   .TextArea-module__isRootSizeLarge__FQadmtq4 {
+    --rui-local-height: var(--rui-FormField--box--large__height);
     --rui-local-padding-y: var(--rui-FormField--box--large__padding-y);
     --rui-local-padding-x: var(--rui-FormField--box--large__padding-x);
     --rui-local-font-size: var(--rui-FormField--box--large__font-size);
@@ -11288,21 +11467,21 @@
     transition-property: opacity, color, border-color, background-color, box-shadow;
     transition-duration: 150ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    appearance: none;
     width: var(--rui-FormField--box__input__width);
     min-width: var(--rui-FormField--box__input__min-width);
     max-width: 100%;
     height: var(--rui-local-height);
     padding: var(--rui-local-padding-y) var(--rui-local-padding-x);
+    color: var(--rui-local-color);
+    border: var(--rui-FormField--box__border-width) solid var(--rui-local-border-color);
+    border-radius: var(--rui-FormField--box__border-radius);
+    background: var(--rui-local-background);
+    appearance: none;
     font-weight: var(--rui-font-weight-base);
     font-size: var(--rui-local-font-size);
     line-height: 1.5rem;
     font-family: var(--rui-font-family-base);
     vertical-align: middle;
-    color: var(--rui-local-color);
-    border: var(--rui-FormField--box__border-width) solid var(--rui-local-border-color);
-    border-radius: var(--rui-FormField--box__border-radius);
-    background: var(--rui-local-background);
     box-shadow: var(--rui-local-box-shadow);
   }
   @media (prefers-reduced-motion: reduce) {
@@ -11554,9 +11733,9 @@
     cursor: var(--rui-FormField--disabled__cursor);
   }
   .TextField-module__isRootStateInvalid__bxsnTMJY {
-    --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
-    --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
-    --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
+    --rui-local-link-color: var(--rui-color-feedback-danger);
+    --rui-local-link-color-hover: var(--rui-color-feedback-danger-hover);
+    --rui-local-link-color-active: var(--rui-color-feedback-danger-active);
   }
   .TextField-module__isRootStateInvalid__bxsnTMJY, .TextField-module__isRootStateInvalid__bxsnTMJY:hover {
     --rui-local-color: var(--rui-FormField--invalid--default__color);
@@ -11623,9 +11802,9 @@
         );
   }
   .TextField-module__isRootStateValid__IEIWMvE8 {
-    --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
-    --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
-    --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
+    --rui-local-link-color: var(--rui-color-feedback-success);
+    --rui-local-link-color-hover: var(--rui-color-feedback-success-hover);
+    --rui-local-link-color-active: var(--rui-color-feedback-success-active);
   }
   .TextField-module__isRootStateValid__IEIWMvE8, .TextField-module__isRootStateValid__IEIWMvE8:hover {
     --rui-local-color: var(--rui-FormField--valid--default__color);
@@ -11692,9 +11871,9 @@
         );
   }
   .TextField-module__isRootStateWarning__OI5XUWPf {
-    --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
-    --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
-    --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
+    --rui-local-link-color: var(--rui-color-feedback-warning);
+    --rui-local-link-color-hover: var(--rui-color-feedback-warning-hover);
+    --rui-local-link-color-active: var(--rui-color-feedback-warning-active);
   }
   .TextField-module__isRootStateWarning__OI5XUWPf, .TextField-module__isRootStateWarning__OI5XUWPf:hover {
     --rui-local-color: var(--rui-FormField--warning--default__color);
@@ -11924,28 +12103,26 @@
     }
   }
   .TextField-module__isRootSizeSmall__uUxQrmLv {
+    --rui-local-height: var(--rui-FormField--box--small__height);
     --rui-local-padding-y: var(--rui-FormField--box--small__padding-y);
     --rui-local-padding-x: var(--rui-FormField--box--small__padding-x);
     --rui-local-font-size: var(--rui-FormField--box--small__font-size);
   }
-  .TextField-module__isRootSizeSmall__uUxQrmLv .TextField-module__input__EJkZBuV_ {
-    --rui-local-height: var(--rui-FormField--box--small__height);
-  }
   .TextField-module__isRootSizeMedium__ZpN_dqtu {
+    --rui-local-height: var(--rui-FormField--box--medium__height);
     --rui-local-padding-y: var(--rui-FormField--box--medium__padding-y);
     --rui-local-padding-x: var(--rui-FormField--box--medium__padding-x);
     --rui-local-font-size: var(--rui-FormField--box--medium__font-size);
   }
-  .TextField-module__isRootSizeMedium__ZpN_dqtu .TextField-module__input__EJkZBuV_ {
-    --rui-local-height: var(--rui-FormField--box--medium__height);
-  }
   .TextField-module__isRootSizeLarge__P3iaIhTA {
+    --rui-local-height: var(--rui-FormField--box--large__height);
     --rui-local-padding-y: var(--rui-FormField--box--large__padding-y);
     --rui-local-padding-x: var(--rui-FormField--box--large__padding-x);
     --rui-local-font-size: var(--rui-FormField--box--large__font-size);
   }
-  .TextField-module__isRootSizeLarge__P3iaIhTA .TextField-module__input__EJkZBuV_ {
-    --rui-local-height: var(--rui-FormField--box--large__height);
+  .TextField-module__isRootGrouped__PevW9nH_:focus-within {
+    isolation: isolate;
+    z-index: 1;
   }
   .TextField-module__isRootGrouped__PevW9nH_ .TextField-module__inputContainer__cnUZf6EH {
     display: block;
@@ -12162,9 +12339,9 @@
     color: var(--rui-FormField--required__sign__color);
   }
   .Toggle-module__isRootStateInvalid__YeydgHoH {
-    --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
-    --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
-    --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
+    --rui-local-link-color: var(--rui-color-feedback-danger);
+    --rui-local-link-color-hover: var(--rui-color-feedback-danger-hover);
+    --rui-local-link-color-active: var(--rui-color-feedback-danger-active);
   }
   .Toggle-module__isRootStateInvalid__YeydgHoH, .Toggle-module__isRootStateInvalid__YeydgHoH:hover {
     --rui-local-color: var(--rui-FormField--invalid--default__color);
@@ -12231,9 +12408,9 @@
         );
   }
   .Toggle-module__isRootStateValid__YjDzLP2F {
-    --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
-    --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
-    --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
+    --rui-local-link-color: var(--rui-color-feedback-success);
+    --rui-local-link-color-hover: var(--rui-color-feedback-success-hover);
+    --rui-local-link-color-active: var(--rui-color-feedback-success-active);
   }
   .Toggle-module__isRootStateValid__YjDzLP2F, .Toggle-module__isRootStateValid__YjDzLP2F:hover {
     --rui-local-color: var(--rui-FormField--valid--default__color);
@@ -12300,9 +12477,9 @@
         );
   }
   .Toggle-module__isRootStateWarning__vhYc4kYJ {
-    --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
-    --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
-    --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
+    --rui-local-link-color: var(--rui-color-feedback-warning);
+    --rui-local-link-color-hover: var(--rui-color-feedback-warning-hover);
+    --rui-local-link-color-active: var(--rui-color-feedback-warning-active);
   }
   .Toggle-module__isRootStateWarning__vhYc4kYJ, .Toggle-module__isRootStateWarning__vhYc4kYJ:hover {
     --rui-local-color: var(--rui-FormField--warning--default__color);