ab-ui-library 1.55.0 → 1.55.1

package/{RadioGroup-b0707da6.js → RadioGroup-a4fbce26.js}

@@ -3,8 +3,8 @@ import { Radio } from './components/Radio/Radio.js';
 import { Label } from './helperComponents/Label/Label.js';
 import classNames from 'classnames';
 import 'dayjs';
-import { _ as _defineProperty } from './defineProperty-09b3c592.js';
-import { _ as _extends } from './extends-75379cb5.js';
+import { _ as _defineProperty } from './defineProperty-a6badc31.js';
+import { _ as _extends } from './extends-692a6cea.js';
 import { Popover } from './components/Popover/Popover.js';
 import { Link } from './components/Link/Link.js';
 import { Text } from './components/Text/Text.js';

package/assets/styles/helpers/_mixin.scss

@@ -464,13 +464,13 @@ div.logo {
 //media query
 $breakpoints: (
         "phone":        400px,
-        "phone-wide":   480px,
-        "phablet":      576px,
-        "tablet-small": 640px,
-        "tablet":       768px,
-        "tablet-wide":  1024px,
-        "desktop":      1248px,
-        "desktop-wide": 1440px
+        "phone-wide":   481px,
+        "phablet":      577px,
+        "tablet-small": 641px,
+        "tablet":       769px,
+        "tablet-wide":  1025px,
+        "desktop":      1249px,
+        "desktop-wide": 1441px
 );
 @mixin screen($width, $type: min) {
         @if map.has-key($breakpoints, $width) {

package/assets/styles/styles.css

@@ -7218,6 +7218,7 @@ tr.selected .advanced-table__expanded-row td, tr.selected .advanced-table__expan
   --ds-modal-header-padding-sm:var(--ds-space-24) var(--ds-space-24) 0;
   --ds-modal-content-padding-lg:var(--ds-space-28) var(--ds-space-14) var(--ds-space-28) var(--ds-space-28);
   --ds-modal-content-padding-sm:var(--ds-space-24) var(--ds-space-10) var(--ds-space-24) var(--ds-space-24);
+  --ds-modal-footer-height:var(--ds-size-72);
   --ds-modal-footer-padding-lg:var(--ds-space-20) var(--ds-space-28);
   --ds-modal-footer-padding-sm:var(--ds-space-16) var(--ds-space-24);
   --ds-modal-footer-border-width:var(--ds-border-thin);
@@ -7235,6 +7236,11 @@ tr.selected .advanced-table__expanded-row td, tr.selected .advanced-table__expan
   align-items: center;
   background-color: var(--ds-modal-overlay-bg);
   bottom: 0;
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
   height: 100%;
   -webkit-justify-content: center;
   justify-content: center;
@@ -7243,18 +7249,20 @@ tr.selected .advanced-table__expanded-row td, tr.selected .advanced-table__expan
   position: fixed;
   right: 0;
   top: 0;
+  width: 100%;
   z-index: 99999;
 }
 
-.modal, .modal__container {
-  display: -webkit-box;
-  display: -moz-box;
-  display: -ms-flexbox;
-  display: -webkit-flex;
-  display: flex;
-  width: 100%;
+@media only screen and (max-width: 576px) {
+  .modal {
+    --ds-modal-header-padding-lg:var(--ds-space-20) var(--ds-space-20) 0;
+    --ds-modal-header-padding-sm:var(--ds-space-20) var(--ds-space-20) 0;
+    --ds-modal-content-padding-lg:var(--ds-space-20) var(--ds-space-14) var(--ds-space-20) var(--ds-space-20);
+    --ds-modal-content-padding-sm:var(--ds-space-20) var(--ds-space-10) var(--ds-space-20) var(--ds-space-20);
+    --ds-modal-footer-padding-lg:var(--ds-space-16) var(--ds-space-20);
+    --ds-modal-footer-padding-sm:var(--ds-space-16) var(--ds-space-20);
+  }
 }
-
 .modal__container {
   -webkit-box-direction: normal;
   -webkit-box-orient: vertical;
@@ -7267,23 +7275,27 @@ tr.selected .advanced-table__expanded-row td, tr.selected .advanced-table__expan
   -ms-flex-direction: column;
   flex-direction: column;
   max-height: calc(100% - var(--ds-modal-overlay-padding) * 2);
+  width: 100%;
 }
 
-.modal__header {
-  -webkit-box-pack: justify;
-  -moz-box-pack: justify;
-  -ms-flex-pack: justify;
+.modal__container, .modal__header {
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
+}
+
+.modal__header {
+  -webkit-box-pack: justify;
+  -moz-box-pack: justify;
+  -ms-flex-pack: justify;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   padding: var(--ds-modal-header-padding-lg);
 }
 
-@media only screen and (max-width: 575px) {
+@media only screen and (max-width: 576px) {
   .modal__header {
     padding: var(--ds-modal-header-padding-sm);
   }
@@ -7310,7 +7322,7 @@ tr.selected .advanced-table__expanded-row td, tr.selected .advanced-table__expan
   padding: var(--ds-modal-content-padding-lg);
 }
 
-@media only screen and (max-width: 575px) {
+@media only screen and (max-width: 576px) {
   .modal__content {
     padding: var(--ds-modal-content-padding-sm);
   }
@@ -7327,10 +7339,11 @@ tr.selected .advanced-table__expanded-row td, tr.selected .advanced-table__expan
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
+  min-height: var(--ds-modal-footer-height);
   padding: var(--ds-modal-footer-padding-lg);
 }
 
-@media only screen and (max-width: 575px) {
+@media only screen and (max-width: 576px) {
   .modal__footer {
     -webkit-box-pack: justify;
     -moz-box-pack: justify;
@@ -7359,7 +7372,7 @@ tr.selected .advanced-table__expanded-row td, tr.selected .advanced-table__expan
   max-width: var(--ds-modal-size-sm);
 }
 
-@media only screen and (max-width: 575px) {
+@media only screen and (max-width: 576px) {
   .modal:not(.modal.modal--confirmation) {
     -webkit-box-align: end;
     -moz-box-align: end;
@@ -8095,7 +8108,7 @@ tr.selected .advanced-table__expanded-row td, tr.selected .advanced-table__expan
   margin-top: calc(var(--radio-group-item-space) * -1);
 }
 
-@media only screen and (max-width: 575px) {
+@media only screen and (max-width: 576px) {
   .radio-group--horizontal .radio-group__inner {
     -webkit-box-direction: normal;
     -webkit-box-orient: vertical;
@@ -8847,6 +8860,13 @@ tr.selected .advanced-table__expanded-row td, tr.selected .advanced-table__expan
   --ds-side-sheet-footer-padding:var(--ds-space-8) var(--ds-space-24);
 }
 
+@media only screen and (max-width: 576px) {
+  .side-sheet {
+    --ds-side-sheet-header-padding:var(--ds-space-20) var(--ds-space-20) var(--ds-space-16);
+    --ds-side-sheet-content-padding:var(--ds-space-20);
+    --ds-side-sheet-footer-padding:var(--ds-space-8) var(--ds-space-20);
+  }
+}
 .side-sheet--with-overlay {
   background-color: var(--ds-side-sheet-overlay-bg);
 }
@@ -8878,7 +8898,7 @@ tr.selected .advanced-table__expanded-row td, tr.selected .advanced-table__expan
   position: absolute;
 }
 
-@media only screen and (max-width: 575px) {
+@media only screen and (max-width: 576px) {
   .side-sheet--positioned .side-sheet__container {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
@@ -8887,7 +8907,7 @@ tr.selected .advanced-table__expanded-row td, tr.selected .advanced-table__expan
     right: auto !important;
   }
 }
-@media only screen and (min-width: 576px) {
+@media only screen and (min-width: 577px) {
   .side-sheet--positioned .side-sheet__container {
     bottom: var(--ds-space-16);
     top: var(--ds-space-16);
@@ -8897,7 +8917,7 @@ tr.selected .advanced-table__expanded-row td, tr.selected .advanced-table__expan
   margin-right: var(--ds-space-16);
 }
 
-@media only screen and (max-width: 575px) {
+@media only screen and (max-width: 576px) {
   .side-sheet--positioned .side-sheet__container--right {
     margin-right: unset;
   }
@@ -8906,7 +8926,7 @@ tr.selected .advanced-table__expanded-row td, tr.selected .advanced-table__expan
   margin-left: var(--ds-space-16);
 }
 
-@media only screen and (max-width: 575px) {
+@media only screen and (max-width: 576px) {
   .side-sheet--positioned .side-sheet__container--left {
     margin-left: unset;
   }
@@ -8915,7 +8935,7 @@ tr.selected .advanced-table__expanded-row td, tr.selected .advanced-table__expan
   margin-bottom: var(--ds-space-16);
 }
 
-@media only screen and (max-width: 575px) {
+@media only screen and (max-width: 576px) {
   .side-sheet--positioned .side-sheet__container--bottom {
     margin-bottom: unset;
   }
@@ -8938,7 +8958,7 @@ tr.selected .advanced-table__expanded-row td, tr.selected .advanced-table__expan
   width: 100%;
 }
 
-@media only screen and (max-width: 575px) {
+@media only screen and (max-width: 576px) {
   .side-sheet__container {
     animation: show 0.4s ease-in;
     max-height: 100%;
@@ -9018,9 +9038,9 @@ tr.selected .advanced-table__expanded-row td, tr.selected .advanced-table__expan
   -webkit-align-items: center;
   align-items: center;
   border-top: var(--ds-side-sheet-footer-border);
-  height: var(--ds-side-sheet-footer-height);
   -webkit-justify-content: space-between;
   justify-content: space-between;
+  min-height: var(--ds-side-sheet-footer-height);
   padding: var(--ds-side-sheet-footer-padding);
 }