ab-ui-library 1.56.0 → 1.56.2

package/{RadioGroup-27369c0a.js → RadioGroup-7248942e.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-f8e3c76f.js';
-import { _ as _extends } from './extends-61855020.js';
+import { _ as _defineProperty } from './defineProperty-9000dd50.js';
+import { _ as _extends } from './extends-2419b4fb.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

@@ -9870,8 +9870,8 @@ tr.selected .advanced-table__expanded-row td, tr.selected .advanced-table__expan
   --ds-tooltip-border-radius-lg:var(--ds-border-radius-lg);
   --ds-tooltip-border-radius-sm:var(--ds-border-radius-md);
   --ds-tooltip-max-width:var(--ds-size-240);
-  --ds-tooltip-arrow-size-lg:var(--ds-size-12);
-  --ds-tooltip-arrow-size-sm:var(--ds-size-8);
+  --ds-tooltip-arrow-size-lg:var(--ds-size-8);
+  --ds-tooltip-arrow-size-sm:var(--ds-size-4);
   --ds-tooltip-arrow-border-radius-lg:2px;
   --ds-tooltip-arrow-border-radius-sm:1.5px;
   --ds-tooltip-arrow-position:var(--ds-space-16);
@@ -9897,44 +9897,63 @@ tr.selected .advanced-table__expanded-row td, tr.selected .advanced-table__expan
 }
 
 .tooltip__arrow {
-  background-color: var(--ds-tooltip-arrow-bg);
+  color: var(--ds-tooltip-arrow-bg);
+  height: 0;
   position: absolute;
+  width: 0;
+}
+
+.tooltip.tooltip--top-center .tooltip__arrow, .tooltip.tooltip--top-left .tooltip__arrow, .tooltip.tooltip--top-right .tooltip__arrow {
+  transform: rotate(135deg);
+}
+
+.tooltip.tooltip--bottom-center .tooltip__arrow, .tooltip.tooltip--bottom-left .tooltip__arrow, .tooltip.tooltip--bottom-right .tooltip__arrow {
+  transform: rotate(-45deg);
+}
+
+.tooltip.tooltip--middle-left .tooltip__arrow {
   transform: rotate(45deg);
 }
 
+.tooltip.tooltip--middle-right .tooltip__arrow {
+  transform: rotate(-135deg);
+}
+
 .tooltip--large {
   border-radius: var(--ds-tooltip-border-radius-lg);
   min-height: var(--ds-tooltip-siz-lg);
 }
 
 .tooltip--large .tooltip__arrow {
-  border-radius: var(--ds-tooltip-arrow-border-radius-lg);
-  height: var(--ds-tooltip-arrow-size-lg);
-  width: var(--ds-tooltip-arrow-size-lg);
+  border: var(--ds-tooltip-arrow-size-lg) solid transparent;
+  border-right: var(--ds-tooltip-arrow-size-lg) solid;
+  border-top: var(--ds-tooltip-arrow-size-lg) solid;
 }
 
 .tooltip--large.tooltip--top-center .tooltip__arrow, .tooltip--large.tooltip--top-left .tooltip__arrow, .tooltip--large.tooltip--top-right .tooltip__arrow {
-  top: calc(100% - var(--ds-tooltip-arrow-size-lg) / 2 - 2px);
+  top: calc(100% - var(--ds-tooltip-arrow-size-lg) - 4px);
 }
 
 .tooltip--large.tooltip--bottom-center .tooltip__arrow, .tooltip--large.tooltip--bottom-left .tooltip__arrow, .tooltip--large.tooltip--bottom-right .tooltip__arrow {
-  bottom: calc(100% - var(--ds-tooltip-arrow-size-lg) / 2 - 2px);
+  bottom: calc(100% - var(--ds-tooltip-arrow-size-lg) - 4px);
 }
 
 .tooltip--large.tooltip--bottom-center .tooltip__arrow, .tooltip--large.tooltip--top-center .tooltip__arrow {
-  left: calc(50% - var(--ds-tooltip-arrow-size-lg) / 2);
+  left: calc(50% - var(--ds-tooltip-arrow-size-lg));
 }
 
 .tooltip--large.tooltip--middle-left .tooltip__arrow, .tooltip--large.tooltip--middle-right .tooltip__arrow {
-  top: calc(50% - var(--ds-tooltip-arrow-size-lg) / 2);
+  top: calc(50% - var(--ds-tooltip-arrow-size-lg));
 }
 
 .tooltip--large.tooltip--middle-left .tooltip__arrow {
-  left: calc(100% - var(--ds-tooltip-arrow-size-lg) / 2 - 2px);
+  left: calc(100% - var(--ds-tooltip-arrow-size-lg) - 4px);
+  transform: rotate(45deg);
 }
 
 .tooltip--large.tooltip--middle-right .tooltip__arrow {
-  right: calc(100% - var(--ds-tooltip-arrow-size-lg) / 2 - 2px);
+  right: calc(100% - var(--ds-tooltip-arrow-size-lg) - 4px);
+  transform: rotate(-135deg);
 }
 
 .tooltip--small {
@@ -9943,33 +9962,33 @@ tr.selected .advanced-table__expanded-row td, tr.selected .advanced-table__expan
 }
 
 .tooltip--small .tooltip__arrow {
-  border-radius: var(--ds-tooltip-arrow-border-radius-sm);
-  height: var(--ds-tooltip-arrow-size-sm);
-  width: var(--ds-tooltip-arrow-size-sm);
+  border: var(--ds-tooltip-arrow-size-sm) solid transparent;
+  border-right: var(--ds-tooltip-arrow-size-sm) solid;
+  border-top: var(--ds-tooltip-arrow-size-sm) solid;
 }
 
 .tooltip--small.tooltip--top-center .tooltip__arrow, .tooltip--small.tooltip--top-left .tooltip__arrow, .tooltip--small.tooltip--top-right .tooltip__arrow {
-  top: calc(100% - var(--ds-tooltip-arrow-size-sm) / 2 - 1px);
+  top: calc(100% - var(--ds-tooltip-arrow-size-sm));
 }
 
 .tooltip--small.tooltip--bottom-center .tooltip__arrow, .tooltip--small.tooltip--bottom-left .tooltip__arrow, .tooltip--small.tooltip--bottom-right .tooltip__arrow {
-  bottom: calc(100% - var(--ds-tooltip-arrow-size-sm) / 2 - 1px);
+  bottom: calc(100% - var(--ds-tooltip-arrow-size-sm));
 }
 
 .tooltip--small.tooltip--bottom-center .tooltip__arrow, .tooltip--small.tooltip--top-center .tooltip__arrow {
-  left: calc(50% - var(--ds-tooltip-arrow-size-sm) / 2);
+  left: calc(50% - var(--ds-tooltip-arrow-size-sm));
 }
 
 .tooltip--small.tooltip--middle-left .tooltip__arrow, .tooltip--small.tooltip--middle-right .tooltip__arrow {
-  top: calc(50% - var(--ds-tooltip-arrow-size-sm) / 2);
+  top: calc(50% - var(--ds-tooltip-arrow-size-sm));
 }
 
 .tooltip--small.tooltip--middle-left .tooltip__arrow {
-  left: calc(100% - var(--ds-tooltip-arrow-size-sm) / 2 - 1px);
+  left: calc(100% - var(--ds-tooltip-arrow-size-sm));
 }
 
 .tooltip--small.tooltip--middle-right .tooltip__arrow {
-  right: calc(100% - var(--ds-tooltip-arrow-size-sm) / 2 - 1px);
+  right: calc(100% - var(--ds-tooltip-arrow-size-sm));
 }
 
 .tooltip__inner {