@react-ui-org/react-ui 0.55.1 → 0.56.0

package/dist/react-ui.development.css

@@ -3703,10 +3703,7 @@
   }
   .Button-module__feedbackIcon__ry0Mv9vN {
     position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
+    inset: 0;
     z-index: 1;
     align-items: center;
   }
@@ -5378,8 +5375,7 @@
     }
     .FormLayoutCustomField-module__isRootLayoutHorizontal__u3SsP1T1 .FormLayoutCustomField-module__field__e10UO6e7 {
       grid-area: field;
-      align-self: var(--rui-FormField--horizontal__field__vertical-alignment);
-      justify-self: start;
+      place-self: var(--rui-FormField--horizontal__field__vertical-alignment) start;
     }
   }
   @media (min-width: 48em) {
@@ -5832,6 +5828,7 @@
     }
     .CheckboxField-module__isRootInFormLayout__qJftdsXt.CheckboxField-module__isRootLayoutHorizontal__xNZjpdEE .CheckboxField-module__label__COOgBeex {
       grid-column-start: 1;
+      align-self: start;
       width: auto;
       padding-right: var(--rui-dimension-space-2);
       margin-left: 0;
@@ -6126,8 +6123,7 @@
     }
     .FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__field__SZE7nT5K {
       grid-area: field;
-      align-self: var(--rui-FormField--horizontal__field__vertical-alignment);
-      justify-self: start;
+      place-self: var(--rui-FormField--horizontal__field__vertical-alignment) start;
     }
   }
   @media (min-width: 48em) {
@@ -6248,10 +6244,8 @@
     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);
+    place-content: var(--rui-local-align-content) var(--rui-local-justify-content);
+    place-items: var(--rui-local-align-items) var(--rui-local-justify-items);
   }
   @media (min-width: 36em) {
     .Grid-module__root__m6PTEyJq {
@@ -6677,12 +6671,10 @@
     text-overflow: ellipsis;
   }
   .Text-module__isRootHyphensAuto__m1nWJ4re {
-    -webkit-hyphens: auto;
-            hyphens: auto;
+    hyphens: auto;
   }
   .Text-module__isRootHyphensManual__upey6EkW {
-    -webkit-hyphens: manual;
-            hyphens: manual;
+    hyphens: manual;
   }
   .Text-module__isRootWordWrappingAnywhere__jt5wmKlV {
     word-break: break-all;
@@ -6974,8 +6966,7 @@
     }
     .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;
+      place-self: var(--rui-FormField--horizontal__field__vertical-alignment) start;
     }
   }
   @media (min-width: 48em) {
@@ -7040,11 +7031,11 @@
     max-width: var(--rui-local-max-width);
     max-height: var(--rui-local-max-height);
     overflow-y: auto;
-    overscroll-behavior: contain;
     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) {
     .Modal-module__root__ifxS_8bg {
@@ -7835,8 +7826,7 @@
     }
     .Radio-module__isRootLayoutHorizontal__kiXsrxex .Radio-module__field__fEX1KJ1l {
       grid-area: field;
-      align-self: var(--rui-FormField--horizontal__field__vertical-alignment);
-      justify-self: start;
+      place-self: var(--rui-FormField--horizontal__field__vertical-alignment) start;
     }
   }
   @media (min-width: 48em) {
@@ -7992,8 +7982,7 @@
   }
   .ScrollView-module__isRootVertical__Bm4Pguep .ScrollView-module__viewport__LsYZ6t7A {
     height: 100%;
-    overflow-x: clip;
-    overflow-y: auto;
+    overflow: clip auto;
   }
   .ScrollView-module__isRootVertical__Bm4Pguep .ScrollView-module__arrowPrev__hjvS6Zm8 {
     top: 0;
@@ -8060,8 +8049,7 @@
     transform: translateY(calc(-1 * var(--rui-local-end-shadow-initial-offset)));
   }
   .ScrollView-module__isRootHorizontal__Uid9wTWM .ScrollView-module__viewport__LsYZ6t7A {
-    overflow-x: auto;
-    overflow-y: clip;
+    overflow: auto clip;
   }
   .ScrollView-module__isRootHorizontal__Uid9wTWM .ScrollView-module__content__MzOH2Ajq {
     display: inline-flex;
@@ -8671,8 +8659,7 @@
     }
     .SelectField-module__isRootLayoutHorizontal__CPQ6cI7b .SelectField-module__field__OGZrVIr0 {
       grid-area: field;
-      align-self: var(--rui-FormField--horizontal__field__vertical-alignment);
-      justify-self: start;
+      place-self: var(--rui-FormField--horizontal__field__vertical-alignment) start;
     }
   }
   @media (min-width: 48em) {
@@ -9499,8 +9486,7 @@
     }
     .TextArea-module__isRootLayoutHorizontal__cNOI7ysK .TextArea-module__field__gBoGySQg {
       grid-area: field;
-      align-self: var(--rui-FormField--horizontal__field__vertical-alignment);
-      justify-self: start;
+      place-self: var(--rui-FormField--horizontal__field__vertical-alignment) start;
     }
   }
   @media (min-width: 48em) {
@@ -9670,12 +9656,7 @@
     color: var(--rui-local-surrounding-text-color, var(--rui-FormField__help-text__color));
   }
   .TextField-module__hasRootCustomInputSize__EgSM_H1h .TextField-module__input__EJkZBuV_ {
-    width: calc(
-            1ch * var(--rui-custom-input-size)
-            + var(--rui-local-arrows-width, 0)
-            + 2 * var(--rui-local-padding-x)
-            + 2 * var(--rui-FormField--box__border-width)
-        );
+    width: calc(1ch * var(--rui-custom-input-size) + var(--rui-local-arrows-width, 0) + 2 * var(--rui-local-padding-x) + 2 * var(--rui-FormField--box__border-width));
     min-width: auto;
   }
   .TextField-module__hasRootCustomInputSize__EgSM_H1h .TextField-module__input__EJkZBuV_[type=number] {
@@ -10125,8 +10106,7 @@
     }
     .TextField-module__isRootLayoutHorizontal__OH1K4lj5 .TextField-module__field__iXnhzy2A {
       grid-area: field;
-      align-self: var(--rui-FormField--horizontal__field__vertical-alignment);
-      justify-self: start;
+      place-self: var(--rui-FormField--horizontal__field__vertical-alignment) start;
     }
   }
   .TextField-module__isRootFullWidth__v9O9JDms {
@@ -10707,6 +10687,7 @@
     }
     .Toggle-module__isRootInFormLayout__op60MdLR.Toggle-module__isRootLayoutHorizontal__hwPmxjxq .Toggle-module__label__rk_uCGgk {
       grid-column-start: 1;
+      align-self: start;
       width: auto;
       padding-right: var(--rui-dimension-space-2);
       margin-left: 0;