ab-ui-library 1.31.0 → 1.32.0

package/{RadioGroup-cfc9df4b.js → RadioGroup-aeeffdd0.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-e8c1cde0.js';
-import { _ as _extends } from './extends-a96e5b58.js';
+import { _ as _defineProperty } from './defineProperty-5b12991f.js';
+import { _ as _extends } from './extends-ba6ea8d1.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

@@ -2239,6 +2239,30 @@ body {
   font-size: var(--ds-paragraph-xs);
 }
 
+.label {
+  font-family: var(--ds-font-family);
+}
+
+.label-large {
+  font-size: var(--ds-label-lg);
+}
+
+.label-medium {
+  font-size: var(--ds-label-md);
+}
+
+.label-standard {
+  font-size: var(--ds-label-std);
+}
+
+.label-small {
+  font-size: var(--ds-label-sm);
+}
+
+.label-xsmall, .label-xxsmall {
+  font-size: var(--ds-label-xs);
+}
+
 .regular {
   font-weight: var(--ds-font-weight-default);
 }
@@ -2255,20 +2279,68 @@ body {
   font-weight: var(--ds-font-weight-strong);
 }
 
-.lh-large {
-  line-height: var(--ds-line-height-heading);
+.lh-heading-xlarge {
+  line-height: var(--ds-line-height-heading-xl);
+}
+
+.lh-heading-large {
+  line-height: var(--ds-line-height-heading-lg);
+}
+
+.lh-heading-medium {
+  line-height: var(--ds-line-height-heading-md);
+}
+
+.lh-heading-standard {
+  line-height: var(--ds-line-height-heading-std);
+}
+
+.lh-heading-small {
+  line-height: var(--ds-line-height-heading-sm);
 }
 
-.lh-medium {
-  line-height: var(--ds-line-height-caption);
+.lh-heading-xsmall {
+  line-height: var(--ds-line-height-heading-xs);
 }
 
-.lh-small {
-  line-height: var(--ds-line-height-tight);
+.lh-body-large {
+  line-height: var(--ds-line-height-paragraph-lg);
 }
 
-.lh-xsmall {
-  line-height: var(--ds-line-height-default);
+.lh-body-medium {
+  line-height: var(--ds-line-height-paragraph-md);
+}
+
+.lh-body-standard {
+  line-height: var(--ds-line-height-paragraph-std);
+}
+
+.lh-body-small {
+  line-height: var(--ds-line-height-paragraph-sm);
+}
+
+.lh-body-xsmall, .lh-body-xxsmall {
+  line-height: var(--ds-line-height-paragraph-xs);
+}
+
+.lh-label-large {
+  line-height: var(--ds-line-height-label-lg);
+}
+
+.lh-label-medium {
+  line-height: var(--ds-line-height-label-md);
+}
+
+.lh-label-standard {
+  line-height: var(--ds-line-height-label-std);
+}
+
+.lh-label-small {
+  line-height: var(--ds-line-height-label-sm);
+}
+
+.lh-label-xsmall, .lh-label-xxsmall {
+  line-height: var(--ds-line-height-label-xs);
 }
 
 .color-primary {
@@ -2802,6 +2874,7 @@ body {
   --font-size-6:6px;
   --font-size-10:10px;
   --font-size-12:12px;
+  --font-size-13:13px;
   --font-size-14:14px;
   --font-size-16:16px;
   --font-size-18:18px;
@@ -2816,10 +2889,19 @@ body {
   --font-weight-500:500;
   --font-weight-600:600;
   --font-weight-700:700;
-  --line-height-xs:1.15;
-  --line-height-sm:1.2;
-  --line-height-md:1.35;
-  --line-height-lg:1.5;
+  --line-height-72:72px;
+  --line-height-56:56px;
+  --line-height-48:48px;
+  --line-height-44:44px;
+  --line-height-40:40px;
+  --line-height-32:32px;
+  --line-height-28:28px;
+  --line-height-24:24px;
+  --line-height-20:20px;
+  --line-height-18:18px;
+  --line-height-16:16px;
+  --line-height-14:14px;
+  --line-height-10:10px;
   --letter-spacing:1px;
   --ds-font-family:var(--font-family-primary);
   --ds-font-family-code:var(--font-family-secondary);
@@ -2836,14 +2918,36 @@ body {
   --ds-paragraph-sm:var(--font-size-12);
   --ds-paragraph-xs:var(--font-size-10);
   --ds-paragraph-xxs:var(--font-size-6);
+  --ds-label-lg:var(--font-size-20);
+  --ds-label-md:var(--font-size-16);
+  --ds-label-std:var(--font-size-14);
+  --ds-label-sm:var(--font-size-13);
+  --ds-label-xs:var(--font-size-12);
+  --ds-label-xxs:var(--font-size-10);
   --ds-font-weight-default:var(--font-weight-400);
   --ds-font-weight-active:var(--font-weight-500);
   --ds-font-weight-heading:var(--font-weight-600);
   --ds-font-weight-strong:var(--font-weight-700);
   --ds-line-height-default:var(--line-height-xs);
-  --ds-line-height-tight:var(--line-height-sm);
   --ds-line-height-caption:var(--line-height-md);
-  --ds-line-height-heading:var(--line-height-lg);
+  --ds-line-height-heading-xl:var(--line-height-72);
+  --ds-line-height-heading-lg:var(--line-height-56);
+  --ds-line-height-heading-md:var(--line-height-48);
+  --ds-line-height-heading-std:var(--line-height-48);
+  --ds-line-height-heading-sm:var(--line-height-40);
+  --ds-line-height-heading-xs:var(--line-height-32);
+  --ds-line-height-paragraph-xl:var(--line-height-28);
+  --ds-line-height-paragraph-lg:var(--line-height-24);
+  --ds-line-height-paragraph-md:var(--line-height-20);
+  --ds-line-height-paragraph-std:var(--line-height-16);
+  --ds-line-height-paragraph-sm:var(--line-height-14);
+  --ds-line-height-paragraph-xs:var(--line-height-10);
+  --ds-line-height-label-xl:var(--line-height-28);
+  --ds-line-height-label-lg:var(--line-height-24);
+  --ds-line-height-label-md:var(--line-height-20);
+  --ds-line-height-label-std:var(--line-height-18);
+  --ds-line-height-label-sm:var(--line-height-16);
+  --ds-line-height-label-xs:var(--line-height-14);
   --ds-letter-spacing:var(--letter-spacing);
   --space-0:0;
   --space-2:2px;
@@ -3973,12 +4077,14 @@ tr.selected .advanced-table__expanded-row td, tr.selected .advanced-table__expan
   --ds-button-padding-lg:0 var(--ds-space-16);
   --ds-button-padding-md:0 var(--ds-space-12);
   --ds-button-padding-sm:0 var(--ds-space-12);
-  --ds-button-font-size-lg:var(--ds-paragraph-std);
-  --ds-button-font-size-md:var(--ds-paragraph-std);
-  --ds-button-font-size-sm:var(--ds-paragraph-sm);
+  --ds-button-font-size-lg:var(--font-size-14);
+  --ds-button-font-size-md:var(--font-size-14);
+  --ds-button-font-size-sm:var(--font-size-12);
+  --ds-button-line-height-lg:var(--line-height-20);
+  --ds-button-line-height-md:var(--line-height-20);
+  --ds-button-line-height-sm:var(--line-height-16);
   --ds-button-font-family:var(--ds-font-family);
   --ds-button-font-weight:var(--ds-font-weight-active);
-  --ds-button-line-height:var(--ds-line-height-default);
   --ds-button-primary-bg:var(--ds-color-bg-brand);
   --ds-button-primary-bg-hover:var(--brand-300);
   --ds-button-primary-bg-pressed:var(--ds-color-bg-brand-dark);
@@ -4035,7 +4141,6 @@ tr.selected .advanced-table__expanded-row td, tr.selected .advanced-table__expan
   font-family: var(--ds-button-font-family);
   font-weight: var(--ds-button-font-weight);
   justify-content: center;
-  line-height: var(--ds-button-line-height);
   padding: 0;
   white-space: nowrap;
 }
@@ -4048,6 +4153,7 @@ tr.selected .advanced-table__expanded-row td, tr.selected .advanced-table__expan
   border-radius: var(--ds-button-border-radius-lg);
   font-size: var(--ds-button-font-size-lg);
   height: var(--ds-button-size-lg);
+  line-height: var(--ds-button-line-height-lg);
   padding: var(--ds-button-padding-lg);
 }
 
@@ -4055,6 +4161,7 @@ tr.selected .advanced-table__expanded-row td, tr.selected .advanced-table__expan
   border-radius: var(--ds-button-border-radius-md);
   font-size: var(--ds-button-font-size-md);
   height: var(--ds-button-size-md);
+  line-height: var(--ds-button-line-height-md);
   padding: var(--ds-button-padding-md);
 }
 
@@ -4062,6 +4169,7 @@ tr.selected .advanced-table__expanded-row td, tr.selected .advanced-table__expan
   border-radius: var(--ds-button-border-radius-sm);
   font-size: var(--ds-button-font-size-sm);
   height: var(--ds-button-size-sm);
+  line-height: var(--ds-button-line-height-sm);
   padding: var(--ds-button-padding-sm);
 }
 
@@ -4900,7 +5008,7 @@ tr.selected .advanced-table__expanded-row td, tr.selected .advanced-table__expan
 
 .controller {
   --ds-controller-size:var(--ds-size-16);
-  --ds-controller-font:var(--ds-font-weight-default) var(--ds-paragraph-std)/var(--ds-line-height-caption) var(--ds-font-family);
+  --ds-controller-font:var(--ds-font-weight-default) var(--ds-paragraph-std)/var(--ds-line-height-paragraph-std) var(--ds-font-family);
   --ds-controller-bg-default-light:var(--ds-color-bg-white);
   --ds-controller-bg-default-dark:var(--ds-color-bg-grey-dark);
   --ds-controller-bg-hover-light:var(--ds-color-bg-container-lighter);
@@ -6374,7 +6482,7 @@ tr.selected .advanced-table__expanded-row td, tr.selected .advanced-table__expan
   --ds-input-size-sm:var(--ds-size-32);
   --ds-input-padding:var(--ds-space-12);
   --ds-input-padding-lg:var(--ds-space-40);
-  --ds-input-font:var(--ds-font-weight-default) var(--ds-paragraph-std)/var(--ds-line-height-default) var(--ds-font-family);
+  --ds-input-font:var(--ds-font-weight-default) var(--ds-paragraph-std)/var(--ds-line-height-paragraph-std) var(--ds-font-family);
   --ds-input-bg-default:var(--ds-color-bg-white);
   --ds-input-bg-hover:var(--ds-color-bg-container-lighter);
   --ds-input-bg-pressed:var(--ds-color-bg-white);
@@ -7282,7 +7390,7 @@ tr.selected .advanced-table__expanded-row td, tr.selected .advanced-table__expan
   --ds-popover-arrow-border-radius:3px;
   --ds-popover-arrow-position:var(--ds-space-20);
   --ds-popover-arrow-bg:var(--ds-color-bg-white);
-  --ds-popover-font:400 var(--ds-size-12)/var(--ds-line-height-caption) var(--ds-font-family);
+  --ds-popover-font:400 var(--ds-paragraph-sm)/var(--ds-line-height-paragraph-sm) var(--ds-font-family);
   background-color: var(--ds-popover-bg);
   border-radius: var(--ds-popover-border-radius);
   color: var(--ds-popover-color);
@@ -7873,7 +7981,7 @@ tr.selected .advanced-table__expanded-row td, tr.selected .advanced-table__expan
   --ds-select-option-bg-hover:var(--grey-20);
   --ds-select-option-margin:var(--ds-space-4);
   --ds-select-option-padding:0 var(--ds-space-16);
-  --ds-select-option-font:var(--ds-font-weight-default) var(--ds-paragraph-std)/var(--ds-line-height-tight) var(--ds-font-family);
+  --ds-select-option-font:var(--ds-font-weight-default) var(--ds-paragraph-std)/var(--ds-line-height-paragraph-std) var(--ds-font-family);
   --ds-select-scroll-max-height:300px;
   --ds-select-scroll-min-height:40px;
   --ds-select-scroll-padding:var(--ds-space-8) 0 var(--ds-space-4);
@@ -8575,6 +8683,15 @@ tr.selected .advanced-table__expanded-row td, tr.selected .advanced-table__expan
     margin-left: unset;
   }
 }
+.side-sheet--positioned .side-sheet__container--bottom {
+  margin-bottom: var(--ds-space-16);
+}
+
+@media only screen and (max-width: 575px) {
+  .side-sheet--positioned .side-sheet__container--bottom {
+    margin-bottom: unset;
+  }
+}
 .side-sheet__container {
   -webkit-box-direction: normal;
   -webkit-box-orient: vertical;
@@ -9304,7 +9421,7 @@ tr.selected .advanced-table__expanded-row td, tr.selected .advanced-table__expan
 .textarea {
   --ds-textarea-size:var(--ds-size-100);
   --ds-textarea-padding:var(--ds-space-10) var(--ds-space-12);
-  --ds-textarea-font:var(--ds-font-weight-default) var(--ds-paragraph-std)/var(--ds-line-height-heading) var(--ds-font-family);
+  --ds-textarea-font:var(--ds-font-weight-default) var(--ds-paragraph-std)/var(--ds-line-height-paragraph-std) var(--ds-font-family);
   --ds-textarea-bg-default:var(--ds-color-bg-white);
   --ds-textarea-bg-hover:var(--ds-color-bg-container-lighter);
   --ds-textarea-bg-pressed:var(--ds-color-bg-white);
@@ -10784,6 +10901,11 @@ tr.selected .advanced-table__expanded-row td, tr.selected .advanced-table__expan
   color: var(--ds-color-text-primary);
 }
 
+.profile-dropdown__nav__link:focus {
+  box-shadow: none !important;
+  outline: none;
+}
+
 .profile-dropdown__bottom {
   border-top: 1px solid var(--grey-50);
 }