ab-ui-library 1.35.4 → 1.35.6

package/{RadioGroup-5ba1a1a9.js → RadioGroup-b16f14a7.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-e8117a64.js';
-import { _ as _extends } from './extends-81b3638a.js';
+import { _ as _defineProperty } from './defineProperty-025eba50.js';
+import { _ as _extends } from './extends-f751be91.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/styles.css

@@ -8541,18 +8541,30 @@ tr.selected .advanced-table__expanded-row td, tr.selected .advanced-table__expan
   min-width: var(--ds-size-20);
 }
 
-.navigation-item__inner:hover {
-  background-color: var(--ds-color-bg-container-light);
+@media (min-width: 1025px) {
+  .navigation-item__inner:hover {
+    background-color: var(--ds-color-bg-container-light);
+  }
+  .navigation-item__inner:hover .navigation-item__actions {
+    display: -webkit-box;
+    display: -moz-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+  }
 }
-
-.navigation-item__inner:hover .navigation-item__actions {
-  display: -webkit-box;
-  display: -moz-box;
-  display: -ms-flexbox;
-  display: -webkit-flex;
-  display: flex;
+@media (max-width: 1024px) {
+  .navigation-item__inner {
+    background-color: var(--ds-color-bg-container-light);
+  }
+  .navigation-item__inner .navigation-item__actions {
+    display: -webkit-box;
+    display: -moz-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+  }
 }
-
 .navigation-item__inner.active {
   background-color: var(--ds-color-bg-container);
 }
@@ -8565,10 +8577,11 @@ tr.selected .advanced-table__expanded-row td, tr.selected .advanced-table__expan
   color: var(--ds-color-text-primary);
 }
 
-.navigation-item--expandable > .navigation-item__inner:hover > a > .svg-icon, .navigation-item--expandable > .navigation-item__inner:hover > div:not(.navigation-item__right-content, .navigation-item__actions) > .svg-icon {
-  opacity: 0;
+@media (min-width: 1025px) {
+  .navigation-item--expandable > .navigation-item__inner:hover > a > .svg-icon, .navigation-item--expandable > .navigation-item__inner:hover > div:not(.navigation-item__right-content, .navigation-item__actions) > .svg-icon {
+    opacity: 0;
+  }
 }
-
 .navigation-item__child {
   max-height: 0;
   overflow: hidden;
@@ -8601,22 +8614,47 @@ tr.selected .advanced-table__expanded-row td, tr.selected .advanced-table__expan
   top: 0;
 }
 
-.navigation-item__actions__expand {
+.navigation-item__actions__expand, .navigation-item__actions__expand_mobile {
   width: 20px;
 }
 
-.navigation-item__actions__expand .svg-icon {
+.navigation-item__actions__expand .svg-icon, .navigation-item__actions__expand_mobile .svg-icon {
   transition: all 0.3s linear;
 }
 
-.navigation-item__actions__expand .svg-icon path {
+.navigation-item__actions__expand .svg-icon path, .navigation-item__actions__expand_mobile .svg-icon path {
   fill: var(--ds-color-text-tertiary);
 }
 
-.navigation-item__actions__expand.opened .svg-icon {
+.navigation-item__actions__expand.opened .svg-icon, .navigation-item__actions__expand_mobile.opened .svg-icon {
   transform: rotate(-180deg);
 }
 
+@media (max-width: 1024px) {
+  .navigation-item__actions__expand {
+    display: none;
+  }
+}
+.navigation-item__actions__expand_mobile {
+  display: none;
+}
+
+@media (max-width: 1024px) {
+  .navigation-item__actions__expand_mobile {
+    -webkit-box-align: center;
+    -moz-box-align: center;
+    -ms-flex-align: center;
+    -webkit-align-items: center;
+    align-items: center;
+    display: -webkit-box;
+    display: -moz-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+    gap: var(--ds-space-8);
+    margin-left: auto;
+  }
+}
 .navigation-item__actions__right {
   -webkit-box-align: center;
   -moz-box-align: center;