@epam/uui 4.11.0-alpha.1 → 5.0.0-alpha.0

package/styles.css

@@ -125,6 +125,7 @@
   display: inline-flex;
   align-items: center;
   color: var(--uui-primary);
+  text-decoration: underline;
 }
 .Button_typography-inline__rkIhO a:visited {
   color: #5214CC;
@@ -133,7 +134,6 @@
   color: #3F0F9E;
 }
 .Button_typography-inline__rkIhO a:hover {
-  text-decoration: underline;
   color: var(--uui-primary-dark);
 }
 .Button_typography-inline__rkIhO code {
@@ -165,7 +165,6 @@
 .Button_root__uIzk9.uui-button-box {
   border-style: solid;
   justify-content: center;
-  min-width: inherit;
   border-radius: var(--uui-btn-border-radius);
 }
 .Button_root__uIzk9 .uui-caption {
@@ -174,7 +173,7 @@
   min-width: 0;
   text-align: center;
   flex: 1 1 auto;
-  font-family: var(--font-semibold);
+  font-family: var(--uui-btn-font);
   font-weight: normal;
   user-select: none;
 }
@@ -301,6 +300,26 @@
   border-color: transparent;
 }
 
+.Button_size-18__Tawje {
+  min-width: 18px;
+  padding-left: 2px;
+  padding-right: 2px;
+}
+.Button_size-18__Tawje .uui-caption {
+  padding-left: 3px;
+  padding-right: 3px;
+}
+.Button_size-18__Tawje.uui-button-box {
+  min-height: 18px;
+  border-width: 1px;
+}
+.Button_size-18__Tawje .uui-caption {
+  line-height: 12px;
+  font-size: 10px;
+  padding-top: 2px;
+  padding-bottom: 2px;
+}
+
 .Button_size-24__8SJZp {
   min-width: 24px;
   padding-left: 5px;
@@ -379,7 +398,7 @@
   font-size: 16px;
   padding-top: 8px;
   padding-bottom: 8px;
-  font-size: 14px;
+  font-size: 16px;
 }
 .Button_size-42__h3Y-0 .uui-caption {
   font-family: var(--font-primary);
@@ -404,7 +423,7 @@
   font-size: 16px;
   padding-top: 11px;
   padding-bottom: 11px;
-  font-size: 14px;
+  font-size: 16px;
 }
 .Button_size-48__VaI4- .uui-caption {
   font-family: var(--font-primary);
@@ -453,7 +472,7 @@
   background-color: transparent;
 }
 .LinkButton_root__SWC7c .uui-caption {
-  font-family: var(--font-semibold);
+  font-family: var(--uui-link-button-font);
   font-weight: normal;
 }
 .LinkButton_root__SWC7c.LinkButton_size-18__XI44N {
@@ -555,7 +574,7 @@
   font-size: 16px;
   padding-top: 9px;
   padding-bottom: 9px;
-  font-size: 14px;
+  font-size: 16px;
 }
 .LinkButton_root__SWC7c.LinkButton_size-42__apHCj .uui-caption {
   font-family: var(--font-primary);
@@ -580,7 +599,7 @@
   font-size: 16px;
   padding-top: 12px;
   padding-bottom: 12px;
-  font-size: 14px;
+  font-size: 16px;
 }
 .LinkButton_root__SWC7c.LinkButton_size-48__7zgFe .uui-caption {
   font-family: var(--font-primary);
@@ -678,6 +697,7 @@
   display: inline-flex;
   align-items: center;
   color: var(--uui-primary);
+  text-decoration: underline;
 }
 .TabButton_typography-inline__JMTQP a:visited {
   color: #5214CC;
@@ -686,7 +706,6 @@
   color: #3F0F9E;
 }
 .TabButton_typography-inline__JMTQP a:hover {
-  text-decoration: underline;
   color: var(--uui-primary-dark);
 }
 .TabButton_typography-inline__JMTQP code {
@@ -727,7 +746,7 @@
   bottom: -1px;
   display: flex;
   align-items: center;
-  font-family: var(--font-semibold);
+  font-family: var(--uui-tab-button-font);
   font-weight: normal;
   border-bottom: 3px solid transparent;
 }
@@ -746,9 +765,6 @@
   fill: var(--uui-tab-button-text-active);
   border-color: var(--uui-tab-button-text-active);
 }
-.TabButton_root__WwWmb.uui-active {
-  border-color: var(--uui-tab-button-text-active);
-}
 .TabButton_root__WwWmb.uui-disabled {
   color: var(--uui-tab-button-text-disabled);
   fill: var(--uui-tab-button-text-disabled);
@@ -778,8 +794,8 @@
   padding-top: 3px;
   padding-bottom: 3px;
   letter-spacing: 0;
-  color: var(--uui-tab-button-count);
-  background-color: var(--uui-tab-button-count-bg);
+  color: var(--uui-informer-caption);
+  background-color: var(--uui-informer-bg);
   padding: 0 6px;
   margin-left: 6px;
   margin-right: 3px;
@@ -892,6 +908,7 @@
   display: inline-flex;
   align-items: center;
   color: var(--uui-primary);
+  text-decoration: underline;
 }
 .VerticalTabButton_typography-inline__evOKQ a:visited {
   color: #5214CC;
@@ -900,7 +917,6 @@
   color: #3F0F9E;
 }
 .VerticalTabButton_typography-inline__evOKQ a:hover {
-  text-decoration: underline;
   color: var(--uui-primary-dark);
 }
 .VerticalTabButton_typography-inline__evOKQ code {
@@ -1025,6 +1041,7 @@
   display: inline-flex;
   align-items: center;
   color: var(--uui-primary);
+  text-decoration: underline;
 }
 .Checkbox_typography-inline__v0o42 a:visited {
   color: #5214CC;
@@ -1033,7 +1050,6 @@
   color: #3F0F9E;
 }
 .Checkbox_typography-inline__v0o42 a:hover {
-  text-decoration: underline;
   color: var(--uui-primary-dark);
 }
 .Checkbox_typography-inline__v0o42 code {
@@ -1074,7 +1090,7 @@
   border-radius: var(--uui-checkbox-border-radius);
 }
 .Checkbox_root__-oMf6 .uui-input-label {
-  font-family: var(--font-regular);
+  font-family: var(--uui-checkbox-font);
   color: var(--uui-checkbox-label);
   margin-left: 12px;
   flex-grow: 1;
@@ -1127,6 +1143,7 @@
   color: var(--uui-checkbox-error);
 }
 .Checkbox_root__-oMf6.Checkbox_size-18__BzbEk .uui-checkbox {
+  box-sizing: border-box;
   width: 18px;
   height: 18px;
 }
@@ -1138,6 +1155,7 @@
   line-height: 18px;
 }
 .Checkbox_root__-oMf6.Checkbox_size-12__ASr3R .uui-checkbox {
+  box-sizing: border-box;
   width: 12px;
   height: 12px;
 }
@@ -1246,6 +1264,7 @@
   display: inline-flex;
   align-items: center;
   color: var(--uui-primary);
+  text-decoration: underline;
 }
 .RadioInput_typography-inline__9Q7fd a:visited {
   color: #5214CC;
@@ -1254,7 +1273,6 @@
   color: #3F0F9E;
 }
 .RadioInput_typography-inline__9Q7fd a:hover {
-  text-decoration: underline;
   color: var(--uui-primary-dark);
 }
 .RadioInput_typography-inline__9Q7fd code {
@@ -1315,7 +1333,7 @@
 .RadioInput_root__wxJgt .uui-input-label {
   color: var(--uui-radio-input-label);
   flex-grow: 1;
-  font-family: var(--font-regular);
+  font-family: var(--uui-radio-input-font);
   margin-left: 12px;
   display: flex;
   align-items: center;
@@ -1467,7 +1485,7 @@
   transition: 0.1s transform cubic-bezier(0.4, 0, 0.2, 1);
 }
 .Switch_root__q-6Iy .uui-input-label {
-  font-family: var(--font-regular);
+  font-family: var(--uui-switch-font);
   color: var(--uui-switch-label);
   margin-left: 11px;
 }
@@ -1609,6 +1627,7 @@
   display: inline-flex;
   align-items: center;
   color: var(--uui-primary);
+  text-decoration: underline;
 }
 .TextInput_typography-inline__DAwAE a:visited {
   color: #5214CC;
@@ -1617,7 +1636,6 @@
   color: #3F0F9E;
 }
 .TextInput_typography-inline__DAwAE a:hover {
-  text-decoration: underline;
   color: var(--uui-primary-dark);
 }
 .TextInput_typography-inline__DAwAE code {
@@ -1656,7 +1674,7 @@
 }
 .TextInput_root__UKzkT .uui-input {
   color: var(--uui-text-input-text);
-  font-family: var(--font-regular);
+  font-family: var(--uui-text-input-font);
   padding-left: 6px;
   padding-right: 6px;
 }
@@ -1802,20 +1820,22 @@
   border-width: 1px;
 }
 .Accordion_root__fTEyW .uui-accordion-toggler {
-  font-family: var(--font-semibold);
+  font-family: var(--uui-accordion-toggler-font);
   color: var(--uui-accordion-text);
   cursor: pointer;
 }
 .Accordion_root__fTEyW .uui-accordion-body {
-  font-family: var(--font-regular);
+  font-family: var(--uui-accordion-body-font);
   color: var(--uui-accordion-text);
 }
+.Accordion_root__fTEyW.uui-accordion-container.Accordion_mode-block__WJ0h9 {
+  box-shadow: var(--uui-accordion-shadow);
+}
 .Accordion_root__fTEyW.Accordion_mode-block__WJ0h9 {
   border-radius: var(--uui-accordion-border-radius);
 }
 .Accordion_root__fTEyW.Accordion_mode-block__WJ0h9 .uui-accordion-toggler {
   background: var(--uui-accordion-bg);
-  box-shadow: var(--uui-accordion-shadow);
   fill: var(--uui-accordion-icon);
   line-height: 24px;
   font-size: 18px;
@@ -1838,26 +1858,27 @@
   line-height: 24px;
   letter-spacing: 0;
   background: var(--uui-accordion-bg);
-  box-shadow: var(--uui-accordion-shadow);
   border-top: 1px solid var(--uui-accordion-border);
   border-radius: 0 0 var(--uui-accordion-border-radius) var(--uui-accordion-border-radius);
 }
 .Accordion_root__fTEyW.Accordion_mode-block__WJ0h9.uui-opened .uui-accordion-toggler {
   border-radius: var(--uui-accordion-border-radius) var(--uui-accordion-border-radius) 0 0;
-  box-shadow: var(--uui-accordion-shadow);
 }
 .Accordion_root__fTEyW.Accordion_mode-block__WJ0h9.uui-opened .uui-accordion-toggler:hover, .Accordion_root__fTEyW.Accordion_mode-block__WJ0h9.uui-opened .uui-accordion-toggler:focus {
-  border-color: var(--uui-accordion-border);
+  border-color: var(--uui-accordion-shadow-hovered);
 }
 .Accordion_root__fTEyW.Accordion_mode-block__WJ0h9.uui-disabled .uui-accordion-toggler {
   cursor: default;
   fill: var(--uui-accordion-icon-disabled);
 }
+.Accordion_root__fTEyW.Accordion_mode-block__WJ0h9.uui-disabled .uui-accordion-toggler.uui-opened {
+  border-radius: var(--uui-accordion-border-radius) var(--uui-accordion-border-radius) 0 0;
+}
 .Accordion_root__fTEyW.Accordion_mode-block__WJ0h9.uui-disabled .uui-accordion-toggler .uui-accordion-title {
   color: var(--uui-accordion-text-disabled);
 }
 .Accordion_root__fTEyW.Accordion_mode-block__WJ0h9.uui-disabled .uui-accordion-toggler:hover, .Accordion_root__fTEyW.Accordion_mode-block__WJ0h9.uui-disabled .uui-accordion-toggler:focus {
-  box-shadow: var(--uui-accordion-shadow);
+  box-shadow: none;
 }
 .Accordion_root__fTEyW.Accordion_mode-inline__2zs0- .uui-accordion-toggler {
   border-bottom: 1px solid var(--uui-accordion-border);
@@ -1877,12 +1898,14 @@
   border-bottom: 1px solid var(--uui-accordion-border);
 }
 .Accordion_root__fTEyW.Accordion_mode-inline__2zs0-.uui-opened .uui-accordion-toggler {
-  border-bottom: unset;
+  border-bottom: none;
 }
 .Accordion_root__fTEyW.Accordion_mode-inline__2zs0-.uui-disabled .uui-accordion-toggler {
   cursor: default;
   fill: var(--uui-accordion-icon-disabled);
-  border-bottom: unset;
+}
+.Accordion_root__fTEyW.Accordion_mode-inline__2zs0-.uui-disabled .uui-accordion-toggler.uui-opened {
+  border-bottom: none;
 }
 .Accordion_root__fTEyW.Accordion_mode-inline__2zs0-.uui-disabled .uui-accordion-toggler .uui-accordion-title {
   color: var(--uui-accordion-text-disabled);
@@ -2006,6 +2029,7 @@
   display: inline-flex;
   align-items: center;
   color: var(--uui-primary);
+  text-decoration: underline;
 }
 .FlexRow_typography-inline__br3BL a:visited {
   color: #5214CC;
@@ -2014,7 +2038,6 @@
   color: #3F0F9E;
 }
 .FlexRow_typography-inline__br3BL a:hover {
-  text-decoration: underline;
   color: var(--uui-primary-dark);
 }
 .FlexRow_typography-inline__br3BL code {
@@ -2045,10 +2068,10 @@
 
 .FlexRow_root__8pevZ {
   box-sizing: content-box;
+  background-color: var(--uui-flex-row-bg);
 }
-.FlexRow_root__8pevZ.-clickable:hover {
-  background-color: var(--uui-surface-hover);
-  cursor: pointer;
+.FlexRow_root__8pevZ.FlexRow_border-bottom__5L1Xk {
+  border-bottom: var(--uui-flex-row-border-bottom);
 }
 .FlexRow_root__8pevZ.FlexRow_top-shadow__yLJfa {
   box-shadow: inset 0 10px 5px -10px rgba(51, 51, 51, 0.2);
@@ -2128,9 +2151,6 @@
 .FlexRow_root__8pevZ.FlexRow_spacing-18__QdC3L > *:not(:first-child) {
   margin-left: 9px;
 }
-.FlexRow_root__8pevZ.FlexRow_border-bottom__5L1Xk {
-  border-bottom: 1px solid var(--uui-divider);
-}
 .Panel_root__Ue9u5 {
   overflow: hidden;
   border-radius: var(--uui-panel-border-radius);
@@ -2176,13 +2196,19 @@
   display: flex;
 }
 
+.Alert_action-icon__GhtYo {
+  min-height: 30px;
+}
+
 .Alert_action-link__Hj-D2:not(:last-child) {
   margin-right: 12px;
 }
 
 .Alert_close-icon__brCPM {
-  height: 100%;
   margin-left: 17px;
+  min-height: 30px;
+  min-width: fit-content;
+  align-self: flex-start;
 }
 
 .Alert_main-path__jHhJZ {
@@ -2357,6 +2383,7 @@
   display: inline-flex;
   align-items: center;
   color: var(--uui-primary);
+  text-decoration: underline;
 }
 .DropdownMenu_typography-inline__QTz-3 a:visited {
   color: #5214CC;
@@ -2365,7 +2392,6 @@
   color: #3F0F9E;
 }
 .DropdownMenu_typography-inline__QTz-3 a:hover {
-  text-decoration: underline;
   color: var(--uui-primary-dark);
 }
 .DropdownMenu_typography-inline__QTz-3 code {
@@ -2405,10 +2431,10 @@
 .DropdownMenu_bodyRoot__hAgqI {
   color: var(--uui-text-primary);
   fill: var(--uui-icon);
-  font-family: var(--font-regular);
+  font-family: var(--uui-dropdown-menu-body-font);
   font-size: 14px;
   padding: 0.5em 0;
-  background-color: var(--uui-surface);
+  background-color: var(--uui-dropdown-menu-bg);
   box-shadow: var(--uui-shadow);
 }
 .DropdownMenu_bodyRoot__hAgqI .uui-icon svg {
@@ -2432,7 +2458,7 @@
 .DropdownMenu_splitterRoot__mJGU2 .DropdownMenu_splitter__7AuFo {
   width: 100%;
   border: 0;
-  border-top: 1px solid var(--uui-divider);
+  border-top: 1px solid var(--uui-dropdown-menu-splitter);
   height: 0;
 }
 
@@ -2444,7 +2470,7 @@
   font-size: 14px;
   box-sizing: border-box;
   width: 100%;
-  font-family: var(--font-regular);
+  font-family: var(--uui-dropdown-menu-item-font);
   cursor: default;
   font-size: 0.9em;
 }
@@ -2458,7 +2484,7 @@
   font-size: 14px;
   box-sizing: border-box;
   width: 100%;
-  font-family: var(--font-regular);
+  font-family: var(--uui-dropdown-menu-item-font);
   color: var(--uui-text-primary);
   fill: var(--uui-icon);
 }
@@ -2516,7 +2542,7 @@
   outline: none;
 }
 .DropdownMenu_itemRoot__mBMPU.-clickable:not(.uui-disabled):hover, .DropdownMenu_itemRoot__mBMPU.-clickable:not(.uui-disabled):focus {
-  background-color: var(--uui-surface-hover);
+  background-color: var(--uui-dropdown-menu-item-hover);
   fill: var(--uui-icon-active);
   cursor: pointer;
 }
@@ -2529,7 +2555,7 @@
   cursor: default;
 }
 .DropdownMenu_itemRoot__mBMPU.uui-opened {
-  background-color: var(--uui-surface-hover);
+  background-color: var(--uui-dropdown-menu-item-active);
   fill: var(--uui-text-primary);
 }
 .DropdownMenu_itemRoot__mBMPU > *:not(:last-child) {
@@ -2773,6 +2799,7 @@
   display: inline-flex;
   align-items: center;
   color: var(--uui-primary);
+  text-decoration: underline;
 }
 .typography_typography-inline__EbQN2 a:visited {
   color: #5214CC;
@@ -2781,7 +2808,6 @@
   color: #3F0F9E;
 }
 .typography_typography-inline__EbQN2 a:hover {
-  text-decoration: underline;
   color: var(--uui-primary-dark);
 }
 .typography_typography-inline__EbQN2 code {
@@ -2901,6 +2927,7 @@
   display: inline-flex;
   align-items: center;
   color: var(--uui-primary);
+  text-decoration: underline;
 }
 .Modals_typography-inline__ZDBk- a:visited {
   color: #5214CC;
@@ -2909,7 +2936,6 @@
   color: #3F0F9E;
 }
 .Modals_typography-inline__ZDBk- a:hover {
-  text-decoration: underline;
   color: var(--uui-primary-dark);
 }
 .Modals_typography-inline__ZDBk- code {
@@ -3082,6 +3108,7 @@
   display: inline-flex;
   align-items: center;
   color: var(--uui-primary);
+  text-decoration: underline;
 }
 .NotificationCard_typography-inline__BO1HG a:visited {
   color: #5214CC;
@@ -3090,7 +3117,6 @@
   color: #3F0F9E;
 }
 .NotificationCard_typography-inline__BO1HG a:hover {
-  text-decoration: underline;
   color: var(--uui-primary-dark);
 }
 .NotificationCard_typography-inline__BO1HG code {
@@ -3121,12 +3147,12 @@
 
 .NotificationCard_root__HP4NM {
   border-style: solid;
-  border-color: var(--uui-notification-card-border);
+  border-color: var(--uui-notification-card-border, transparent);
   border-width: var(--uui-notification-card-border-width);
   border-top-width: var(--uui-notification-card-border-top-width);
   padding: 6px 18px;
   width: 360px;
-  background: var(--uui-notification-card-bg);
+  background: var(--uui-notification-card-bg, var(--uui-surface));
   display: flex;
   overflow: hidden;
   border-radius: var(--uui-notification-card-border-radius);
@@ -3266,6 +3292,7 @@
   display: inline-flex;
   align-items: center;
   color: var(--uui-primary);
+  text-decoration: underline;
 }
 .Tooltip_typography-inline__PWbqK a:visited {
   color: #5214CC;
@@ -3274,7 +3301,6 @@
   color: #3F0F9E;
 }
 .Tooltip_typography-inline__PWbqK a:hover {
-  text-decoration: underline;
   color: var(--uui-primary-dark);
 }
 .Tooltip_typography-inline__PWbqK code {
@@ -3307,7 +3333,7 @@
   padding: 3px 12px;
   line-height: 24px;
   font-size: 14px;
-  font-family: var(--font-regular);
+  font-family: var(--uui-tooltip-font);
   box-shadow: var(--uui-tooltip-shadow);
   max-width: 300px;
   word-wrap: break-word;
@@ -3428,6 +3454,7 @@
   display: inline-flex;
   align-items: center;
   color: var(--uui-primary);
+  text-decoration: underline;
 }
 .LabeledInput_typography-inline__iNLix a:visited {
   color: #5214CC;
@@ -3436,7 +3463,6 @@
   color: #3F0F9E;
 }
 .LabeledInput_typography-inline__iNLix a:hover {
-  text-decoration: underline;
   color: var(--uui-primary-dark);
 }
 .LabeledInput_typography-inline__iNLix code {
@@ -3471,7 +3497,7 @@
 .LabeledInput_root__xDC2q .uui-label {
   overflow: hidden;
   text-overflow: ellipsis;
-  font-family: var(--font-semibold);
+  font-family: var(--uui-labeled-input-font);
   color: var(--uui-labeled-input);
 }
 .LabeledInput_root__xDC2q .uui-label .uui-labeled-input-info-icon {
@@ -3483,7 +3509,7 @@
   color: var(--uui-labeled-input-asterisk);
 }
 .LabeledInput_root__xDC2q .uui-label .uui-labeled-input-optional {
-  font-family: var(--font-italic);
+  font-family: var(--uui-labeled-input-optional-font);
   font-size: 12px;
   line-height: 18px;
   color: var(--uui-labeled-input-optional-text);
@@ -3495,7 +3521,7 @@
   line-height: 18px;
   font-size: 12px;
   color: var(--uui-labeled-input-error);
-  font-family: var(--font-regular);
+  font-family: var(--uui-labeled-input-invalid-msg-font);
   margin-top: 3px;
 }
 .LabeledInput_root__xDC2q.LabeledInput_size-24__0LWBQ .uui-label-top > .uui-label {
@@ -3533,11 +3559,8 @@
   font-size: 14px;
   line-height: 18px;
 }
-.RadioGroup_root__uLWIn.uui-horizontal-direction > * {
-  margin-left: 12px;
-}
-.RadioGroup_root__uLWIn.uui-horizontal-direction :first-child {
-  margin-left: 0;
+.RadioGroup_root__uLWIn.uui-horizontal-direction {
+  gap: 12px 18px;
 }
 .RadioGroup_root__uLWIn.uui-vertical-direction > * {
   margin-bottom: 12px;
@@ -3775,6 +3798,7 @@
   display: inline-flex;
   align-items: center;
   color: var(--uui-primary);
+  text-decoration: underline;
 }
 .NumericInput_typography-inline__i-mmY a:visited {
   color: #5214CC;
@@ -3783,7 +3807,6 @@
   color: #3F0F9E;
 }
 .NumericInput_typography-inline__i-mmY a:hover {
-  text-decoration: underline;
   color: var(--uui-primary-dark);
 }
 .NumericInput_typography-inline__i-mmY code {
@@ -3962,6 +3985,7 @@
   display: inline-flex;
   align-items: center;
   color: var(--uui-primary);
+  text-decoration: underline;
 }
 .TextArea_typography-inline__Y5s6o a:visited {
   color: #5214CC;
@@ -3970,7 +3994,6 @@
   color: #3F0F9E;
 }
 .TextArea_typography-inline__Y5s6o a:hover {
-  text-decoration: underline;
   color: var(--uui-primary-dark);
 }
 .TextArea_typography-inline__Y5s6o code {
@@ -4004,7 +4027,7 @@
   fill: var(--uui-text-area-icon);
   border-style: solid;
   border-radius: var(--uui-text-area-border-radius);
-  font-family: var(--font-regular);
+  font-family: var(--uui-text-area-font);
   box-sizing: border-box;
   padding-right: 18px;
   padding-left: 12px;
@@ -4106,7 +4129,7 @@
   line-height: 18px;
   font-size: 12px;
   color: var(--uui-text-area-icon);
-  font-family: var(--font-regular);
+  font-family: var(--uui-text-area-counter-font);
 }
 .TextArea_root__rb0Et.TextArea_size-24__-1cgl {
   min-width: 24px;
@@ -4250,6 +4273,7 @@
   display: inline-flex;
   align-items: center;
   color: var(--uui-primary);
+  text-decoration: underline;
 }
 .DatePicker_typography-inline__uM5kg a:visited {
   color: #5214CC;
@@ -4258,7 +4282,6 @@
   color: #3F0F9E;
 }
 .DatePicker_typography-inline__uM5kg a:hover {
-  text-decoration: underline;
   color: var(--uui-primary-dark);
 }
 .DatePicker_typography-inline__uM5kg code {
@@ -4301,7 +4324,7 @@
   padding: 0 18px 12px;
 }
 .DatePicker_root__kqFyh .uui-datepickerheader-nav-title {
-  font-family: var(--font-semibold);
+  font-family: var(--uui-dtp_header-font);
   color: var(--uui-dtp-text-selected);
   font-size: 14px;
   padding: 3px 10px;
@@ -4333,7 +4356,7 @@
   transform: rotate(90deg);
 }
 .DatePicker_root__kqFyh .uui-monthselection-content, .DatePicker_root__kqFyh .uui-yearselection-content {
-  font-family: var(--font-regular);
+  font-family: var(--uui-dtp_body-content-font);
 }
 .DatePicker_root__kqFyh .uui-monthselection-month-container {
   margin: 0 0 12px;
@@ -4485,6 +4508,7 @@
   display: inline-flex;
   align-items: center;
   color: var(--uui-primary);
+  text-decoration: underline;
 }
 .Calendar_typography-inline__NGFRU a:visited {
   color: #5214CC;
@@ -4493,7 +4517,6 @@
   color: #3F0F9E;
 }
 .Calendar_typography-inline__NGFRU a:hover {
-  text-decoration: underline;
   color: var(--uui-primary-dark);
 }
 .Calendar_typography-inline__NGFRU code {
@@ -4523,10 +4546,10 @@
 }
 
 .Calendar_root__Vh71D .uui-calendar-content {
-  font-family: var(--font-regular);
+  font-family: var(--uui-calendar-content-font);
 }
 .Calendar_root__Vh71D .uui-calendar-weekday {
-  font-family: var(--font-regular);
+  font-family: var(--uui-calendar-weekday-font);
   color: var(--uui-calendar-weekends-weekdates);
   width: 34px;
   font-size: 12px;
@@ -4578,7 +4601,7 @@
 }
 .Calendar_root__Vh71D .uui-calendar-current-day.uui-calendar-day-wrapper {
   color: var(--uui-calendar-start-end-selected);
-  font-family: var(--font-semibold);
+  font-family: var(--uui-calendar-selected_day-font);
 }
 .Calendar_root__Vh71D .uui-calendar-current-day.uui-calendar-day-wrapper .uui-calendar-day::after {
   position: absolute;
@@ -4610,65 +4633,65 @@
   cursor: default;
   background-color: transparent;
 }
-.RangeDatePicker_typography-header__1MSa3 .hero-header, .RangeDatePicker_typography-header__1MSa3 h1, .RangeDatePicker_typography-header__1MSa3 h2, .RangeDatePicker_typography-header__1MSa3 h3, .RangeDatePicker_typography-header__1MSa3 h4, .RangeDatePicker_typography-header__1MSa3 h5, .RangeDatePicker_typography-header__1MSa3 h6 {
+.RangeDatePickerBody_typography-header__yuzZD .hero-header, .RangeDatePickerBody_typography-header__yuzZD h1, .RangeDatePickerBody_typography-header__yuzZD h2, .RangeDatePickerBody_typography-header__yuzZD h3, .RangeDatePickerBody_typography-header__yuzZD h4, .RangeDatePickerBody_typography-header__yuzZD h5, .RangeDatePickerBody_typography-header__yuzZD h6 {
   margin: 0;
 }
-.RangeDatePicker_typography-header__1MSa3 .hero-header {
+.RangeDatePickerBody_typography-header__yuzZD .hero-header {
   font-family: var(--font-promo);
   margin: 30px 0;
   font-size: 66px;
   line-height: 72px;
 }
-.RangeDatePicker_typography-header__1MSa3 .hero-header, .RangeDatePicker_typography-header__1MSa3 .promo-header {
+.RangeDatePickerBody_typography-header__yuzZD .hero-header, .RangeDatePickerBody_typography-header__yuzZD .promo-header {
   color: var(--uui-text-brand);
   text-align: center;
 }
-.RangeDatePicker_typography-header__1MSa3 .promo-header, .RangeDatePicker_typography-header__1MSa3 h1, .RangeDatePicker_typography-header__1MSa3 h2, .RangeDatePicker_typography-header__1MSa3 h3 {
+.RangeDatePickerBody_typography-header__yuzZD .promo-header, .RangeDatePickerBody_typography-header__yuzZD h1, .RangeDatePickerBody_typography-header__yuzZD h2, .RangeDatePickerBody_typography-header__yuzZD h3 {
   font-family: var(--font-primary);
 }
-.RangeDatePicker_typography-header__1MSa3 .promo-header {
+.RangeDatePickerBody_typography-header__yuzZD .promo-header {
   text-transform: uppercase;
 }
-.RangeDatePicker_typography-header__1MSa3 h4, .RangeDatePicker_typography-header__1MSa3 h5, .RangeDatePicker_typography-header__1MSa3 h6 {
+.RangeDatePickerBody_typography-header__yuzZD h4, .RangeDatePickerBody_typography-header__yuzZD h5, .RangeDatePickerBody_typography-header__yuzZD h6 {
   font-family: var(--font-semibold);
 }
-.RangeDatePicker_typography-header__1MSa3 h1, .RangeDatePicker_typography-header__1MSa3 h2, .RangeDatePicker_typography-header__1MSa3 h3, .RangeDatePicker_typography-header__1MSa3 h4, .RangeDatePicker_typography-header__1MSa3 h5, .RangeDatePicker_typography-header__1MSa3 h6 {
+.RangeDatePickerBody_typography-header__yuzZD h1, .RangeDatePickerBody_typography-header__yuzZD h2, .RangeDatePickerBody_typography-header__yuzZD h3, .RangeDatePickerBody_typography-header__yuzZD h4, .RangeDatePickerBody_typography-header__yuzZD h5, .RangeDatePickerBody_typography-header__yuzZD h6 {
   margin-bottom: 0.5em;
   margin-top: 1.2em;
   line-height: 1.35em;
 }
-.RangeDatePicker_typography-header__1MSa3 h1 {
+.RangeDatePickerBody_typography-header__yuzZD h1 {
   font-size: 36px;
 }
-.RangeDatePicker_typography-header__1MSa3 h2 {
+.RangeDatePickerBody_typography-header__yuzZD h2 {
   font-size: 30px;
   letter-spacing: 0.1px;
 }
-.RangeDatePicker_typography-header__1MSa3 h2.promo-header {
+.RangeDatePickerBody_typography-header__yuzZD h2.promo-header {
   letter-spacing: 2px;
 }
-.RangeDatePicker_typography-header__1MSa3 h3 {
+.RangeDatePickerBody_typography-header__yuzZD h3 {
   font-size: 24px;
 }
-.RangeDatePicker_typography-header__1MSa3 h4 {
+.RangeDatePickerBody_typography-header__yuzZD h4 {
   font-size: 18px;
   letter-spacing: 0.1px;
 }
-.RangeDatePicker_typography-header__1MSa3 h5 {
+.RangeDatePickerBody_typography-header__yuzZD h5 {
   font-size: 16px;
 }
-.RangeDatePicker_typography-header__1MSa3 h6 {
+.RangeDatePickerBody_typography-header__yuzZD h6 {
   font-size: 14px;
 }
 
-.RangeDatePicker_typography-block__pC0T7 ol, .RangeDatePicker_typography-block__pC0T7 ul {
+.RangeDatePickerBody_typography-block__lYgPa ol, .RangeDatePickerBody_typography-block__lYgPa ul {
   padding: 0;
 }
-.RangeDatePicker_typography-block__pC0T7 li {
+.RangeDatePickerBody_typography-block__lYgPa li {
   margin-left: 1.25em;
   line-height: 1.5;
 }
-.RangeDatePicker_typography-block__pC0T7 pre {
+.RangeDatePickerBody_typography-block__lYgPa pre {
   padding: 1.25em;
   color: var(--gray10);
   background-color: var(--uui-secondary-darkest);
@@ -4676,44 +4699,44 @@
   white-space: pre-wrap;
   word-wrap: normal;
 }
-.RangeDatePicker_typography-block__pC0T7 img {
+.RangeDatePickerBody_typography-block__lYgPa img {
   max-width: 100%;
 }
-.RangeDatePicker_typography-block__pC0T7 figure {
+.RangeDatePickerBody_typography-block__lYgPa figure {
   margin: 0;
 }
-.RangeDatePicker_typography-block__pC0T7 figure figcaption {
+.RangeDatePickerBody_typography-block__lYgPa figure figcaption {
   font-size: 0.9em;
   opacity: 0.9;
   text-align: center;
 }
-.RangeDatePicker_typography-block__pC0T7 p {
+.RangeDatePickerBody_typography-block__lYgPa p {
   margin: 0.5em 0;
   line-height: 1.5;
 }
 
-.RangeDatePicker_typography-inline__efdyU b, .RangeDatePicker_typography-inline__efdyU strong {
+.RangeDatePickerBody_typography-inline__E8RNG b, .RangeDatePickerBody_typography-inline__E8RNG strong {
   font-family: var(--font-semibold);
 }
-.RangeDatePicker_typography-inline__efdyU i, .RangeDatePicker_typography-inline__efdyU em {
+.RangeDatePickerBody_typography-inline__E8RNG i, .RangeDatePickerBody_typography-inline__E8RNG em {
   font-family: var(--font-italic);
 }
-.RangeDatePicker_typography-inline__efdyU a {
+.RangeDatePickerBody_typography-inline__E8RNG a {
   display: inline-flex;
   align-items: center;
   color: var(--uui-primary);
+  text-decoration: underline;
 }
-.RangeDatePicker_typography-inline__efdyU a:visited {
+.RangeDatePickerBody_typography-inline__E8RNG a:visited {
   color: #5214CC;
 }
-.RangeDatePicker_typography-inline__efdyU a:visited:hover {
+.RangeDatePickerBody_typography-inline__E8RNG a:visited:hover {
   color: #3F0F9E;
 }
-.RangeDatePicker_typography-inline__efdyU a:hover {
-  text-decoration: underline;
+.RangeDatePickerBody_typography-inline__E8RNG a:hover {
   color: var(--uui-primary-dark);
 }
-.RangeDatePicker_typography-inline__efdyU code {
+.RangeDatePickerBody_typography-inline__E8RNG code {
   padding: 0.125em 0.25em;
   color: var(--uui-text-primary);
   background-color: var(--uui-secondary-light);
@@ -4722,239 +4745,142 @@
   word-wrap: normal;
 }
 
-.RangeDatePicker_typography-16__FHiRR {
+.RangeDatePickerBody_typography-16__9uEL3 {
   font-size: 16px;
 }
 
-.RangeDatePicker_typography-14__5MCXV {
+.RangeDatePickerBody_typography-14__TEa5n {
   font-size: 14px;
 }
 
-.RangeDatePicker_typography-12__zcQS2 {
+.RangeDatePickerBody_typography-12__S-NBX {
   font-size: 12px;
 }
 
-.RangeDatePicker_typography-promo__GtLFC {
+.RangeDatePickerBody_typography-promo__4VksA {
   font-family: var(--font-regular);
   color: var(--uui-text-primary);
 }
 
-.RangeDatePicker_dropdown-container__GJh6o {
-  align-items: normal;
-}
-
-.RangeDatePicker_container__Kz2FS {
-  display: flex;
-  padding: 9px 30px;
-  justify-content: space-between;
-  border-top: 1px solid var(--uui-control-border);
-  align-items: center;
-  background-color: var(--uui-rdtp-bg);
+.RangeDatePickerBody_root__CCVfb .uui-calendar-days > div:last-child .uui-calendar-day-cell:last-child > .uui-range-datepicker-in-range:not(.uui-range-datepicker-first-day-in-range-wrapper):not(.uui-range-datepicker-last-day-in-range-wrapper) {
   position: relative;
 }
-
-.RangeDatePicker_button-group__a-twv {
-  display: flex;
-  justify-content: flex-end;
+.RangeDatePickerBody_root__CCVfb .uui-calendar-days > div:last-child .uui-calendar-day-cell:last-child > .uui-range-datepicker-in-range:not(.uui-range-datepicker-first-day-in-range-wrapper):not(.uui-range-datepicker-last-day-in-range-wrapper) .uui-calendar-day {
+  top: -3px;
 }
-
-.RangeDatePicker_counter__rNj2e {
-  color: var(--uui-control-border);
-  font-size: 15px;
-  font-family: var(--font-regular);
+.RangeDatePickerBody_root__CCVfb .uui-calendar-days > div:last-child .uui-calendar-day-cell:last-child > .uui-range-datepicker-in-range:not(.uui-range-datepicker-first-day-in-range-wrapper):not(.uui-range-datepicker-last-day-in-range-wrapper):after {
+  background: linear-gradient(320deg, #ffffff 3px, transparent 0), linear-gradient(-135deg, #ffffff 3px, transparent 0);
+  background-position: left-bottom;
+  background-repeat: repeat-y;
+  background-size: 6px 6px;
+  content: " ";
+  display: block;
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  width: 6px;
+  height: 100%;
 }
-
-.RangeDatePicker_date-input__2aXJj {
-  min-width: 0;
-  padding: 0 5px;
+.RangeDatePickerBody_root__CCVfb .uui-calendar-days > div:first-child .uui-calendar-day-cell:empty + .uui-calendar-day-cell .uui-range-datepicker-in-range:not(.uui-range-datepicker-first-day-in-range-wrapper):not(.uui-range-datepicker-last-day-in-range-wrapper),
+.RangeDatePickerBody_root__CCVfb .uui-calendar-days > div:first-child .uui-calendar-day-cell:first-child .uui-range-datepicker-in-range:not(.uui-range-datepicker-first-day-in-range-wrapper):not(.uui-range-datepicker-last-day-in-range-wrapper) {
+  position: relative;
 }
-.RangeDatePicker_date-input__2aXJj.uui-focus {
-  border: 1px solid var(--uui-control-border-checked);
+.RangeDatePickerBody_root__CCVfb .uui-calendar-days > div:first-child .uui-calendar-day-cell:empty + .uui-calendar-day-cell .uui-range-datepicker-in-range:not(.uui-range-datepicker-first-day-in-range-wrapper):not(.uui-range-datepicker-last-day-in-range-wrapper) .uui-calendar-day,
+.RangeDatePickerBody_root__CCVfb .uui-calendar-days > div:first-child .uui-calendar-day-cell:first-child .uui-range-datepicker-in-range:not(.uui-range-datepicker-first-day-in-range-wrapper):not(.uui-range-datepicker-last-day-in-range-wrapper) .uui-calendar-day {
+  top: -3px;
 }
-.RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-24__64v-x {
-  min-width: 22px;
-  padding-left: 5px;
-  padding-right: 5px;
+.RangeDatePickerBody_root__CCVfb .uui-calendar-days > div:first-child .uui-calendar-day-cell:empty + .uui-calendar-day-cell .uui-range-datepicker-in-range:not(.uui-range-datepicker-first-day-in-range-wrapper):not(.uui-range-datepicker-last-day-in-range-wrapper):after,
+.RangeDatePickerBody_root__CCVfb .uui-calendar-days > div:first-child .uui-calendar-day-cell:first-child .uui-range-datepicker-in-range:not(.uui-range-datepicker-first-day-in-range-wrapper):not(.uui-range-datepicker-last-day-in-range-wrapper):after {
+  background: linear-gradient(45deg, #ffffff 3px, transparent 0), linear-gradient(135deg, #ffffff 3px, transparent 0);
+  background-position: left-bottom;
+  background-repeat: repeat-y;
+  background-size: 6px 6px;
+  content: " ";
+  display: block;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 6px;
+  height: 100%;
 }
-.RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-24__64v-x .uui-caption, .RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-24__64v-x .uui-input {
-  padding-left: 6px;
-  padding-right: 6px;
+.RangeDatePickerBody_root__CCVfb .uui-range-datepicker-in-range.uui-calendar-day-wrapper {
+  background-color: var(--uui-rdtp-bg-selected-date);
+  border-radius: 0;
+  width: 40px;
 }
-.RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-24__64v-x.uui-button-box, .RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-24__64v-x.uui-input-box {
-  min-height: 22px;
-  border-width: 0;
+.RangeDatePickerBody_root__CCVfb .uui-range-datepicker-first-day-in-range-wrapper.uui-calendar-selected-day {
+  border-top-left-radius: 50%;
+  border-bottom-left-radius: 50%;
 }
-.RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-30__7OPWW {
-  min-width: 28px;
-  padding-left: 5px;
-  padding-right: 5px;
-}
-.RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-30__7OPWW .uui-caption, .RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-30__7OPWW .uui-input {
-  padding-left: 6px;
-  padding-right: 6px;
-}
-.RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-30__7OPWW.uui-button-box, .RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-30__7OPWW.uui-input-box {
-  min-height: 28px;
-  border-width: 0;
-}
-.RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-36__urHhS {
-  min-width: 34px;
-  padding-left: 5px;
-  padding-right: 5px;
-}
-.RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-36__urHhS .uui-caption, .RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-36__urHhS .uui-input {
-  padding-left: 6px;
-  padding-right: 6px;
-}
-.RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-36__urHhS.uui-button-box, .RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-36__urHhS.uui-input-box {
-  min-height: 34px;
-  border-width: 0;
-}
-.RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-42__VMCut {
-  min-width: 40px;
-  padding-left: 5px;
-  padding-right: 5px;
-}
-.RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-42__VMCut .uui-caption, .RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-42__VMCut .uui-input {
-  padding-left: 6px;
-  padding-right: 6px;
-}
-.RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-42__VMCut.uui-button-box, .RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-42__VMCut.uui-input-box {
-  min-height: 40px;
-  border-width: 0;
-}
-.RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-48__YHcLe {
-  min-width: 46px;
-  padding-left: 5px;
-  padding-right: 5px;
-}
-.RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-48__YHcLe .uui-caption, .RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-48__YHcLe .uui-input {
-  padding-left: 6px;
-  padding-right: 6px;
-}
-.RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-48__YHcLe.uui-button-box, .RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-48__YHcLe.uui-input-box {
-  min-height: 46px;
-  border-width: 0;
-}
-
-.RangeDatePicker_date-input-group__CGdCd {
-  display: flex;
-  min-width: 0;
-  background-color: var(--uui-rdtp-bg);
-  border: 1px solid var(--uui-control-border);
+.RangeDatePickerBody_root__CCVfb .uui-range-datepicker-last-day-in-range-wrapper.uui-calendar-selected-day {
+  border-top-right-radius: 50%;
+  border-bottom-right-radius: 50%;
+  margin-right: 10px;
 }
-.RangeDatePicker_date-input-group__CGdCd .RangeDatePicker_separator__qmCk8 {
+.RangeDatePickerBody_root__CCVfb .uui-range-datepicker-separator {
   display: flex;
-  flex-shrink: 0;
-  background: var(--uui-control-border);
-  width: 1px;
-}
-.RangeDatePicker_date-input-group__CGdCd:hover {
-  border-color: var(--uui-control-textinput-border-hover);
-}
-.RangeDatePicker_date-input-group__CGdCd:hover .RangeDatePicker_separator__qmCk8 {
-  background: var(--uui-control-textinput-border-hover);
-}
-.RangeDatePicker_date-input-group__CGdCd:hover.uui-disabled, .RangeDatePicker_date-input-group__CGdCd:hover.uui-readonly {
-  border-color: var(--uui-control-border);
-}
-.RangeDatePicker_date-input-group__CGdCd:hover.uui-disabled .RangeDatePicker_separator__qmCk8, .RangeDatePicker_date-input-group__CGdCd:hover.uui-readonly .RangeDatePicker_separator__qmCk8 {
-  background: var(--uui-control-border);
-}
-.RangeDatePicker_date-input-group__CGdCd.uui-focus {
-  border-color: var(--uui-control-border);
-}
-.RangeDatePicker_date-input-group__CGdCd.uui-focus .RangeDatePicker_separator__qmCk8 {
-  background: var(--uui-control-border-checked);
-}
-.RangeDatePicker_date-input-group__CGdCd.uui-focus .RangeDatePicker_date-input__2aXJj:hover {
-  outline: 1px solid var(--uui-control-textinput-border-hover);
-}
-.RangeDatePicker_date-input-group__CGdCd.uui-focus .RangeDatePicker_date-input__2aXJj.uui-focus {
-  outline: 1px solid var(--uui-control-border-checked);
-}
-.RangeDatePicker_date-input-group__CGdCd.uui-readonly.RangeDatePicker_mode-form__o0e0M {
-  background-color: var(--uui-control-bg-readonly);
-  border-color: var(--uui-control-border-readonly);
-  pointer-events: none;
-}
-.RangeDatePicker_date-input-group__CGdCd.uui-readonly.RangeDatePicker_mode-form__o0e0M:hover {
-  border-color: var(--uui-control-border-readonly);
-}
-.RangeDatePicker_date-input-group__CGdCd.uui-readonly.RangeDatePicker_mode-cell__neiVz {
-  background-color: transparent;
-  border-color: transparent;
-  pointer-events: none;
-}
-.RangeDatePicker_date-input-group__CGdCd.uui-readonly.RangeDatePicker_mode-cell__neiVz:hover {
-  background-color: transparent;
-  border-color: transparent;
-}
-.RangeDatePicker_date-input-group__CGdCd.uui-readonly .RangeDatePicker_date-input__2aXJj.uui-focus {
-  box-shadow: none;
-}
-.RangeDatePicker_date-input-group__CGdCd.uui-invalid {
-  border-color: var(--uui-text-input-border-error);
+  flex: 0 0 auto;
+  border-left: 1px solid var(--uui-control-border);
 }
-.RangeDatePickerBody_typography-header__yuzZD .hero-header, .RangeDatePickerBody_typography-header__yuzZD h1, .RangeDatePickerBody_typography-header__yuzZD h2, .RangeDatePickerBody_typography-header__yuzZD h3, .RangeDatePickerBody_typography-header__yuzZD h4, .RangeDatePickerBody_typography-header__yuzZD h5, .RangeDatePickerBody_typography-header__yuzZD h6 {
+.CalendarPresets_typography-header__D2UZW .hero-header, .CalendarPresets_typography-header__D2UZW h1, .CalendarPresets_typography-header__D2UZW h2, .CalendarPresets_typography-header__D2UZW h3, .CalendarPresets_typography-header__D2UZW h4, .CalendarPresets_typography-header__D2UZW h5, .CalendarPresets_typography-header__D2UZW h6 {
   margin: 0;
 }
-.RangeDatePickerBody_typography-header__yuzZD .hero-header {
+.CalendarPresets_typography-header__D2UZW .hero-header {
   font-family: var(--font-promo);
   margin: 30px 0;
   font-size: 66px;
   line-height: 72px;
 }
-.RangeDatePickerBody_typography-header__yuzZD .hero-header, .RangeDatePickerBody_typography-header__yuzZD .promo-header {
+.CalendarPresets_typography-header__D2UZW .hero-header, .CalendarPresets_typography-header__D2UZW .promo-header {
   color: var(--uui-text-brand);
   text-align: center;
 }
-.RangeDatePickerBody_typography-header__yuzZD .promo-header, .RangeDatePickerBody_typography-header__yuzZD h1, .RangeDatePickerBody_typography-header__yuzZD h2, .RangeDatePickerBody_typography-header__yuzZD h3 {
+.CalendarPresets_typography-header__D2UZW .promo-header, .CalendarPresets_typography-header__D2UZW h1, .CalendarPresets_typography-header__D2UZW h2, .CalendarPresets_typography-header__D2UZW h3 {
   font-family: var(--font-primary);
 }
-.RangeDatePickerBody_typography-header__yuzZD .promo-header {
+.CalendarPresets_typography-header__D2UZW .promo-header {
   text-transform: uppercase;
 }
-.RangeDatePickerBody_typography-header__yuzZD h4, .RangeDatePickerBody_typography-header__yuzZD h5, .RangeDatePickerBody_typography-header__yuzZD h6 {
+.CalendarPresets_typography-header__D2UZW h4, .CalendarPresets_typography-header__D2UZW h5, .CalendarPresets_typography-header__D2UZW h6 {
   font-family: var(--font-semibold);
 }
-.RangeDatePickerBody_typography-header__yuzZD h1, .RangeDatePickerBody_typography-header__yuzZD h2, .RangeDatePickerBody_typography-header__yuzZD h3, .RangeDatePickerBody_typography-header__yuzZD h4, .RangeDatePickerBody_typography-header__yuzZD h5, .RangeDatePickerBody_typography-header__yuzZD h6 {
+.CalendarPresets_typography-header__D2UZW h1, .CalendarPresets_typography-header__D2UZW h2, .CalendarPresets_typography-header__D2UZW h3, .CalendarPresets_typography-header__D2UZW h4, .CalendarPresets_typography-header__D2UZW h5, .CalendarPresets_typography-header__D2UZW h6 {
   margin-bottom: 0.5em;
   margin-top: 1.2em;
   line-height: 1.35em;
 }
-.RangeDatePickerBody_typography-header__yuzZD h1 {
+.CalendarPresets_typography-header__D2UZW h1 {
   font-size: 36px;
 }
-.RangeDatePickerBody_typography-header__yuzZD h2 {
+.CalendarPresets_typography-header__D2UZW h2 {
   font-size: 30px;
   letter-spacing: 0.1px;
 }
-.RangeDatePickerBody_typography-header__yuzZD h2.promo-header {
+.CalendarPresets_typography-header__D2UZW h2.promo-header {
   letter-spacing: 2px;
 }
-.RangeDatePickerBody_typography-header__yuzZD h3 {
+.CalendarPresets_typography-header__D2UZW h3 {
   font-size: 24px;
 }
-.RangeDatePickerBody_typography-header__yuzZD h4 {
+.CalendarPresets_typography-header__D2UZW h4 {
   font-size: 18px;
   letter-spacing: 0.1px;
 }
-.RangeDatePickerBody_typography-header__yuzZD h5 {
+.CalendarPresets_typography-header__D2UZW h5 {
   font-size: 16px;
 }
-.RangeDatePickerBody_typography-header__yuzZD h6 {
+.CalendarPresets_typography-header__D2UZW h6 {
   font-size: 14px;
 }
 
-.RangeDatePickerBody_typography-block__lYgPa ol, .RangeDatePickerBody_typography-block__lYgPa ul {
+.CalendarPresets_typography-block__68m9o ol, .CalendarPresets_typography-block__68m9o ul {
   padding: 0;
 }
-.RangeDatePickerBody_typography-block__lYgPa li {
+.CalendarPresets_typography-block__68m9o li {
   margin-left: 1.25em;
   line-height: 1.5;
 }
-.RangeDatePickerBody_typography-block__lYgPa pre {
+.CalendarPresets_typography-block__68m9o pre {
   padding: 1.25em;
   color: var(--gray10);
   background-color: var(--uui-secondary-darkest);
@@ -4962,44 +4888,44 @@
   white-space: pre-wrap;
   word-wrap: normal;
 }
-.RangeDatePickerBody_typography-block__lYgPa img {
+.CalendarPresets_typography-block__68m9o img {
   max-width: 100%;
 }
-.RangeDatePickerBody_typography-block__lYgPa figure {
+.CalendarPresets_typography-block__68m9o figure {
   margin: 0;
 }
-.RangeDatePickerBody_typography-block__lYgPa figure figcaption {
+.CalendarPresets_typography-block__68m9o figure figcaption {
   font-size: 0.9em;
   opacity: 0.9;
   text-align: center;
 }
-.RangeDatePickerBody_typography-block__lYgPa p {
+.CalendarPresets_typography-block__68m9o p {
   margin: 0.5em 0;
   line-height: 1.5;
 }
 
-.RangeDatePickerBody_typography-inline__E8RNG b, .RangeDatePickerBody_typography-inline__E8RNG strong {
+.CalendarPresets_typography-inline__5mzPE b, .CalendarPresets_typography-inline__5mzPE strong {
   font-family: var(--font-semibold);
 }
-.RangeDatePickerBody_typography-inline__E8RNG i, .RangeDatePickerBody_typography-inline__E8RNG em {
+.CalendarPresets_typography-inline__5mzPE i, .CalendarPresets_typography-inline__5mzPE em {
   font-family: var(--font-italic);
 }
-.RangeDatePickerBody_typography-inline__E8RNG a {
+.CalendarPresets_typography-inline__5mzPE a {
   display: inline-flex;
   align-items: center;
   color: var(--uui-primary);
+  text-decoration: underline;
 }
-.RangeDatePickerBody_typography-inline__E8RNG a:visited {
+.CalendarPresets_typography-inline__5mzPE a:visited {
   color: #5214CC;
 }
-.RangeDatePickerBody_typography-inline__E8RNG a:visited:hover {
+.CalendarPresets_typography-inline__5mzPE a:visited:hover {
   color: #3F0F9E;
 }
-.RangeDatePickerBody_typography-inline__E8RNG a:hover {
-  text-decoration: underline;
+.CalendarPresets_typography-inline__5mzPE a:hover {
   color: var(--uui-primary-dark);
 }
-.RangeDatePickerBody_typography-inline__E8RNG code {
+.CalendarPresets_typography-inline__5mzPE code {
   padding: 0.125em 0.25em;
   color: var(--uui-text-primary);
   background-color: var(--uui-secondary-light);
@@ -5008,142 +4934,103 @@
   word-wrap: normal;
 }
 
-.RangeDatePickerBody_typography-16__9uEL3 {
+.CalendarPresets_typography-16__-TrF- {
   font-size: 16px;
 }
 
-.RangeDatePickerBody_typography-14__TEa5n {
+.CalendarPresets_typography-14__-onzo {
   font-size: 14px;
 }
 
-.RangeDatePickerBody_typography-12__S-NBX {
+.CalendarPresets_typography-12__zE74w {
   font-size: 12px;
 }
 
-.RangeDatePickerBody_typography-promo__4VksA {
+.CalendarPresets_typography-promo__Zp05u {
   font-family: var(--font-regular);
   color: var(--uui-text-primary);
 }
 
-.RangeDatePickerBody_root__CCVfb .uui-calendar-days > div:last-child .uui-calendar-day-cell:last-child > .uui-range-datepicker-in-range:not(.uui-range-datepicker-first-day-in-range-wrapper):not(.uui-range-datepicker-last-day-in-range-wrapper) {
-  position: relative;
-}
-.RangeDatePickerBody_root__CCVfb .uui-calendar-days > div:last-child .uui-calendar-day-cell:last-child > .uui-range-datepicker-in-range:not(.uui-range-datepicker-first-day-in-range-wrapper):not(.uui-range-datepicker-last-day-in-range-wrapper) .uui-calendar-day {
-  top: -3px;
-}
-.RangeDatePickerBody_root__CCVfb .uui-calendar-days > div:last-child .uui-calendar-day-cell:last-child > .uui-range-datepicker-in-range:not(.uui-range-datepicker-first-day-in-range-wrapper):not(.uui-range-datepicker-last-day-in-range-wrapper):after {
-  background: linear-gradient(320deg, #ffffff 3px, transparent 0), linear-gradient(-135deg, #ffffff 3px, transparent 0);
-  background-position: left-bottom;
-  background-repeat: repeat-y;
-  background-size: 6px 6px;
-  content: " ";
-  display: block;
-  position: absolute;
-  bottom: 0;
-  right: 0;
-  width: 6px;
-  height: 100%;
-}
-.RangeDatePickerBody_root__CCVfb .uui-calendar-days > div:first-child .uui-calendar-day-cell:empty + .uui-calendar-day-cell .uui-range-datepicker-in-range:not(.uui-range-datepicker-first-day-in-range-wrapper):not(.uui-range-datepicker-last-day-in-range-wrapper),
-.RangeDatePickerBody_root__CCVfb .uui-calendar-days > div:first-child .uui-calendar-day-cell:first-child .uui-range-datepicker-in-range:not(.uui-range-datepicker-first-day-in-range-wrapper):not(.uui-range-datepicker-last-day-in-range-wrapper) {
-  position: relative;
-}
-.RangeDatePickerBody_root__CCVfb .uui-calendar-days > div:first-child .uui-calendar-day-cell:empty + .uui-calendar-day-cell .uui-range-datepicker-in-range:not(.uui-range-datepicker-first-day-in-range-wrapper):not(.uui-range-datepicker-last-day-in-range-wrapper) .uui-calendar-day,
-.RangeDatePickerBody_root__CCVfb .uui-calendar-days > div:first-child .uui-calendar-day-cell:first-child .uui-range-datepicker-in-range:not(.uui-range-datepicker-first-day-in-range-wrapper):not(.uui-range-datepicker-last-day-in-range-wrapper) .uui-calendar-day {
-  top: -3px;
-}
-.RangeDatePickerBody_root__CCVfb .uui-calendar-days > div:first-child .uui-calendar-day-cell:empty + .uui-calendar-day-cell .uui-range-datepicker-in-range:not(.uui-range-datepicker-first-day-in-range-wrapper):not(.uui-range-datepicker-last-day-in-range-wrapper):after,
-.RangeDatePickerBody_root__CCVfb .uui-calendar-days > div:first-child .uui-calendar-day-cell:first-child .uui-range-datepicker-in-range:not(.uui-range-datepicker-first-day-in-range-wrapper):not(.uui-range-datepicker-last-day-in-range-wrapper):after {
-  background: linear-gradient(45deg, #ffffff 3px, transparent 0), linear-gradient(135deg, #ffffff 3px, transparent 0);
-  background-position: left-bottom;
-  background-repeat: repeat-y;
-  background-size: 6px 6px;
-  content: " ";
-  display: block;
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  width: 6px;
-  height: 100%;
-}
-.RangeDatePickerBody_root__CCVfb .uui-range-datepicker-in-range.uui-calendar-day-wrapper {
-  background-color: var(--uui-rdtp-bg-selected-date);
-  border-radius: 0;
-  width: 40px;
+.CalendarPresets_root__5O668 .uui-presets-container {
+  padding: 24px;
+  font-family: var(--font-regular);
 }
-.RangeDatePickerBody_root__CCVfb .uui-range-datepicker-first-day-in-range-wrapper.uui-calendar-selected-day {
-  border-top-left-radius: 50%;
-  border-bottom-left-radius: 50%;
+.CalendarPresets_root__5O668 .uui-presets-header {
+  font-family: var(--font-semibold);
+  font-size: 14px;
+  line-height: 24px;
+  padding-bottom: 12px;
 }
-.RangeDatePickerBody_root__CCVfb .uui-range-datepicker-last-day-in-range-wrapper.uui-calendar-selected-day {
-  border-top-right-radius: 50%;
-  border-bottom-right-radius: 50%;
-  margin-right: 10px;
+.CalendarPresets_root__5O668 .uui-presets-item {
+  font-family: var(--font-semibold);
+  font-size: 12px;
+  line-height: 18px;
+  color: var(--uui-link-button-text);
+  padding-bottom: 6px;
 }
-.RangeDatePickerBody_root__CCVfb .uui-range-datepicker-separator {
-  display: flex;
-  flex: 0 0 auto;
-  border-left: 1px solid var(--uui-control-border);
+.CalendarPresets_root__5O668 .uui-presets-item:hover {
+  color: var(--uui-link-button-text-active);
+  cursor: pointer;
 }
-.CalendarPresets_typography-header__D2UZW .hero-header, .CalendarPresets_typography-header__D2UZW h1, .CalendarPresets_typography-header__D2UZW h2, .CalendarPresets_typography-header__D2UZW h3, .CalendarPresets_typography-header__D2UZW h4, .CalendarPresets_typography-header__D2UZW h5, .CalendarPresets_typography-header__D2UZW h6 {
+.RangeDatePicker_typography-header__1MSa3 .hero-header, .RangeDatePicker_typography-header__1MSa3 h1, .RangeDatePicker_typography-header__1MSa3 h2, .RangeDatePicker_typography-header__1MSa3 h3, .RangeDatePicker_typography-header__1MSa3 h4, .RangeDatePicker_typography-header__1MSa3 h5, .RangeDatePicker_typography-header__1MSa3 h6 {
   margin: 0;
 }
-.CalendarPresets_typography-header__D2UZW .hero-header {
+.RangeDatePicker_typography-header__1MSa3 .hero-header {
   font-family: var(--font-promo);
   margin: 30px 0;
   font-size: 66px;
   line-height: 72px;
 }
-.CalendarPresets_typography-header__D2UZW .hero-header, .CalendarPresets_typography-header__D2UZW .promo-header {
+.RangeDatePicker_typography-header__1MSa3 .hero-header, .RangeDatePicker_typography-header__1MSa3 .promo-header {
   color: var(--uui-text-brand);
   text-align: center;
 }
-.CalendarPresets_typography-header__D2UZW .promo-header, .CalendarPresets_typography-header__D2UZW h1, .CalendarPresets_typography-header__D2UZW h2, .CalendarPresets_typography-header__D2UZW h3 {
+.RangeDatePicker_typography-header__1MSa3 .promo-header, .RangeDatePicker_typography-header__1MSa3 h1, .RangeDatePicker_typography-header__1MSa3 h2, .RangeDatePicker_typography-header__1MSa3 h3 {
   font-family: var(--font-primary);
 }
-.CalendarPresets_typography-header__D2UZW .promo-header {
+.RangeDatePicker_typography-header__1MSa3 .promo-header {
   text-transform: uppercase;
 }
-.CalendarPresets_typography-header__D2UZW h4, .CalendarPresets_typography-header__D2UZW h5, .CalendarPresets_typography-header__D2UZW h6 {
+.RangeDatePicker_typography-header__1MSa3 h4, .RangeDatePicker_typography-header__1MSa3 h5, .RangeDatePicker_typography-header__1MSa3 h6 {
   font-family: var(--font-semibold);
 }
-.CalendarPresets_typography-header__D2UZW h1, .CalendarPresets_typography-header__D2UZW h2, .CalendarPresets_typography-header__D2UZW h3, .CalendarPresets_typography-header__D2UZW h4, .CalendarPresets_typography-header__D2UZW h5, .CalendarPresets_typography-header__D2UZW h6 {
+.RangeDatePicker_typography-header__1MSa3 h1, .RangeDatePicker_typography-header__1MSa3 h2, .RangeDatePicker_typography-header__1MSa3 h3, .RangeDatePicker_typography-header__1MSa3 h4, .RangeDatePicker_typography-header__1MSa3 h5, .RangeDatePicker_typography-header__1MSa3 h6 {
   margin-bottom: 0.5em;
   margin-top: 1.2em;
   line-height: 1.35em;
 }
-.CalendarPresets_typography-header__D2UZW h1 {
+.RangeDatePicker_typography-header__1MSa3 h1 {
   font-size: 36px;
 }
-.CalendarPresets_typography-header__D2UZW h2 {
+.RangeDatePicker_typography-header__1MSa3 h2 {
   font-size: 30px;
   letter-spacing: 0.1px;
 }
-.CalendarPresets_typography-header__D2UZW h2.promo-header {
+.RangeDatePicker_typography-header__1MSa3 h2.promo-header {
   letter-spacing: 2px;
 }
-.CalendarPresets_typography-header__D2UZW h3 {
+.RangeDatePicker_typography-header__1MSa3 h3 {
   font-size: 24px;
 }
-.CalendarPresets_typography-header__D2UZW h4 {
+.RangeDatePicker_typography-header__1MSa3 h4 {
   font-size: 18px;
   letter-spacing: 0.1px;
 }
-.CalendarPresets_typography-header__D2UZW h5 {
+.RangeDatePicker_typography-header__1MSa3 h5 {
   font-size: 16px;
 }
-.CalendarPresets_typography-header__D2UZW h6 {
+.RangeDatePicker_typography-header__1MSa3 h6 {
   font-size: 14px;
 }
 
-.CalendarPresets_typography-block__68m9o ol, .CalendarPresets_typography-block__68m9o ul {
+.RangeDatePicker_typography-block__pC0T7 ol, .RangeDatePicker_typography-block__pC0T7 ul {
   padding: 0;
 }
-.CalendarPresets_typography-block__68m9o li {
+.RangeDatePicker_typography-block__pC0T7 li {
   margin-left: 1.25em;
   line-height: 1.5;
 }
-.CalendarPresets_typography-block__68m9o pre {
+.RangeDatePicker_typography-block__pC0T7 pre {
   padding: 1.25em;
   color: var(--gray10);
   background-color: var(--uui-secondary-darkest);
@@ -5151,89 +5038,219 @@
   white-space: pre-wrap;
   word-wrap: normal;
 }
-.CalendarPresets_typography-block__68m9o img {
+.RangeDatePicker_typography-block__pC0T7 img {
   max-width: 100%;
 }
-.CalendarPresets_typography-block__68m9o figure {
+.RangeDatePicker_typography-block__pC0T7 figure {
   margin: 0;
 }
-.CalendarPresets_typography-block__68m9o figure figcaption {
+.RangeDatePicker_typography-block__pC0T7 figure figcaption {
   font-size: 0.9em;
   opacity: 0.9;
   text-align: center;
 }
-.CalendarPresets_typography-block__68m9o p {
+.RangeDatePicker_typography-block__pC0T7 p {
   margin: 0.5em 0;
   line-height: 1.5;
 }
 
-.CalendarPresets_typography-inline__5mzPE b, .CalendarPresets_typography-inline__5mzPE strong {
+.RangeDatePicker_typography-inline__efdyU b, .RangeDatePicker_typography-inline__efdyU strong {
   font-family: var(--font-semibold);
 }
-.CalendarPresets_typography-inline__5mzPE i, .CalendarPresets_typography-inline__5mzPE em {
-  font-family: var(--font-italic);
+.RangeDatePicker_typography-inline__efdyU i, .RangeDatePicker_typography-inline__efdyU em {
+  font-family: var(--font-italic);
+}
+.RangeDatePicker_typography-inline__efdyU a {
+  display: inline-flex;
+  align-items: center;
+  color: var(--uui-primary);
+  text-decoration: underline;
+}
+.RangeDatePicker_typography-inline__efdyU a:visited {
+  color: #5214CC;
+}
+.RangeDatePicker_typography-inline__efdyU a:visited:hover {
+  color: #3F0F9E;
+}
+.RangeDatePicker_typography-inline__efdyU a:hover {
+  color: var(--uui-primary-dark);
+}
+.RangeDatePicker_typography-inline__efdyU code {
+  padding: 0.125em 0.25em;
+  color: var(--uui-text-primary);
+  background-color: var(--uui-secondary-light);
+  font-family: var(--font-mono);
+  white-space: pre-wrap;
+  word-wrap: normal;
+}
+
+.RangeDatePicker_typography-16__FHiRR {
+  font-size: 16px;
+}
+
+.RangeDatePicker_typography-14__5MCXV {
+  font-size: 14px;
+}
+
+.RangeDatePicker_typography-12__zcQS2 {
+  font-size: 12px;
+}
+
+.RangeDatePicker_typography-promo__GtLFC {
+  font-family: var(--font-regular);
+  color: var(--uui-text-primary);
+}
+
+.RangeDatePicker_dropdown-container__GJh6o {
+  align-items: normal;
+}
+
+.RangeDatePicker_container__Kz2FS {
+  display: flex;
+  padding: 9px 30px;
+  justify-content: space-between;
+  border-top: 1px solid var(--uui-control-border);
+  align-items: center;
+  background-color: var(--uui-rdtp-bg);
+  position: relative;
+}
+
+.RangeDatePicker_button-group__a-twv {
+  display: flex;
+  justify-content: flex-end;
+}
+
+.RangeDatePicker_date-input__2aXJj {
+  min-width: 0;
+  padding: 0 5px;
+}
+.RangeDatePicker_date-input__2aXJj.uui-focus {
+  border: 1px solid var(--uui-control-border-checked);
+}
+.RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-24__64v-x {
+  min-width: 22px;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+.RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-24__64v-x .uui-caption, .RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-24__64v-x .uui-input {
+  padding-left: 6px;
+  padding-right: 6px;
+}
+.RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-24__64v-x.uui-button-box, .RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-24__64v-x.uui-input-box {
+  min-height: 22px;
+  border-width: 0;
+}
+.RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-30__7OPWW {
+  min-width: 28px;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+.RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-30__7OPWW .uui-caption, .RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-30__7OPWW .uui-input {
+  padding-left: 6px;
+  padding-right: 6px;
+}
+.RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-30__7OPWW.uui-button-box, .RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-30__7OPWW.uui-input-box {
+  min-height: 28px;
+  border-width: 0;
+}
+.RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-36__urHhS {
+  min-width: 34px;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+.RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-36__urHhS .uui-caption, .RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-36__urHhS .uui-input {
+  padding-left: 6px;
+  padding-right: 6px;
+}
+.RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-36__urHhS.uui-button-box, .RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-36__urHhS.uui-input-box {
+  min-height: 34px;
+  border-width: 0;
+}
+.RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-42__VMCut {
+  min-width: 40px;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+.RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-42__VMCut .uui-caption, .RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-42__VMCut .uui-input {
+  padding-left: 6px;
+  padding-right: 6px;
+}
+.RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-42__VMCut.uui-button-box, .RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-42__VMCut.uui-input-box {
+  min-height: 40px;
+  border-width: 0;
+}
+.RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-48__YHcLe {
+  min-width: 46px;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+.RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-48__YHcLe .uui-caption, .RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-48__YHcLe .uui-input {
+  padding-left: 6px;
+  padding-right: 6px;
+}
+.RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-48__YHcLe.uui-button-box, .RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-48__YHcLe.uui-input-box {
+  min-height: 46px;
+  border-width: 0;
+}
+
+.RangeDatePicker_date-input-group__CGdCd {
+  display: flex;
+  min-width: 0;
+  background-color: var(--uui-rdtp-bg);
+  border: 1px solid var(--uui-control-border);
+}
+.RangeDatePicker_date-input-group__CGdCd .RangeDatePicker_separator__qmCk8 {
+  display: flex;
+  flex-shrink: 0;
+  background: var(--uui-control-border);
+  width: 1px;
+}
+.RangeDatePicker_date-input-group__CGdCd:hover {
+  border-color: var(--uui-control_textinput-border-hover);
 }
-.CalendarPresets_typography-inline__5mzPE a {
-  display: inline-flex;
-  align-items: center;
-  color: var(--uui-primary);
+.RangeDatePicker_date-input-group__CGdCd:hover .RangeDatePicker_separator__qmCk8 {
+  background: var(--uui-control_textinput-border-hover);
 }
-.CalendarPresets_typography-inline__5mzPE a:visited {
-  color: #5214CC;
+.RangeDatePicker_date-input-group__CGdCd:hover.uui-disabled, .RangeDatePicker_date-input-group__CGdCd:hover.uui-readonly {
+  border-color: var(--uui-control-border);
 }
-.CalendarPresets_typography-inline__5mzPE a:visited:hover {
-  color: #3F0F9E;
+.RangeDatePicker_date-input-group__CGdCd:hover.uui-disabled .RangeDatePicker_separator__qmCk8, .RangeDatePicker_date-input-group__CGdCd:hover.uui-readonly .RangeDatePicker_separator__qmCk8 {
+  background: var(--uui-control-border);
 }
-.CalendarPresets_typography-inline__5mzPE a:hover {
-  text-decoration: underline;
-  color: var(--uui-primary-dark);
+.RangeDatePicker_date-input-group__CGdCd.uui-focus {
+  border-color: var(--uui-control-border);
 }
-.CalendarPresets_typography-inline__5mzPE code {
-  padding: 0.125em 0.25em;
-  color: var(--uui-text-primary);
-  background-color: var(--uui-secondary-light);
-  font-family: var(--font-mono);
-  white-space: pre-wrap;
-  word-wrap: normal;
+.RangeDatePicker_date-input-group__CGdCd.uui-focus .RangeDatePicker_separator__qmCk8 {
+  background: var(--uui-control-border-checked);
 }
-
-.CalendarPresets_typography-16__-TrF- {
-  font-size: 16px;
+.RangeDatePicker_date-input-group__CGdCd.uui-focus .RangeDatePicker_date-input__2aXJj:hover {
+  outline: 1px solid var(--uui-control_textinput-border-hover);
 }
-
-.CalendarPresets_typography-14__-onzo {
-  font-size: 14px;
+.RangeDatePicker_date-input-group__CGdCd.uui-focus .RangeDatePicker_date-input__2aXJj.uui-focus {
+  outline: 1px solid var(--uui-control-border-checked);
 }
-
-.CalendarPresets_typography-12__zE74w {
-  font-size: 12px;
+.RangeDatePicker_date-input-group__CGdCd.uui-readonly.RangeDatePicker_mode-form__o0e0M {
+  background-color: var(--uui-control-bg-readonly);
+  border-color: var(--uui-control-border-readonly);
+  pointer-events: none;
 }
-
-.CalendarPresets_typography-promo__Zp05u {
-  font-family: var(--font-regular);
-  color: var(--uui-text-primary);
+.RangeDatePicker_date-input-group__CGdCd.uui-readonly.RangeDatePicker_mode-form__o0e0M:hover {
+  border-color: var(--uui-control-border-readonly);
 }
-
-.CalendarPresets_root__5O668 .uui-presets-container {
-  padding: 24px;
-  font-family: var(--font-regular);
+.RangeDatePicker_date-input-group__CGdCd.uui-readonly.RangeDatePicker_mode-cell__neiVz {
+  background-color: transparent;
+  border-color: transparent;
+  pointer-events: none;
 }
-.CalendarPresets_root__5O668 .uui-presets-header {
-  font-family: var(--font-semibold);
-  font-size: 14px;
-  line-height: 24px;
-  padding-bottom: 12px;
+.RangeDatePicker_date-input-group__CGdCd.uui-readonly.RangeDatePicker_mode-cell__neiVz:hover {
+  background-color: transparent;
+  border-color: transparent;
 }
-.CalendarPresets_root__5O668 .uui-presets-item {
-  font-family: var(--font-semibold);
-  font-size: 12px;
-  line-height: 18px;
-  color: var(--uui-link-button-text);
-  padding-bottom: 6px;
+.RangeDatePicker_date-input-group__CGdCd.uui-readonly .RangeDatePicker_date-input__2aXJj.uui-focus {
+  box-shadow: none;
 }
-.CalendarPresets_root__5O668 .uui-presets-item:hover {
-  color: var(--uui-link-button-text-active);
-  cursor: pointer;
+.RangeDatePicker_date-input-group__CGdCd.uui-invalid {
+  border-color: var(--uui-text-input-border-error);
 }
 .DropMarker_typography-header__W65wc .hero-header, .DropMarker_typography-header__W65wc h1, .DropMarker_typography-header__W65wc h2, .DropMarker_typography-header__W65wc h3, .DropMarker_typography-header__W65wc h4, .DropMarker_typography-header__W65wc h5, .DropMarker_typography-header__W65wc h6 {
   margin: 0;
@@ -5327,6 +5344,7 @@
   display: inline-flex;
   align-items: center;
   color: var(--uui-primary);
+  text-decoration: underline;
 }
 .DropMarker_typography-inline__tZ3Y- a:visited {
   color: #5214CC;
@@ -5335,7 +5353,6 @@
   color: #3F0F9E;
 }
 .DropMarker_typography-inline__tZ3Y- a:hover {
-  text-decoration: underline;
   color: var(--uui-primary-dark);
 }
 .DropMarker_typography-inline__tZ3Y- code {
@@ -5513,6 +5530,7 @@
   display: inline-flex;
   align-items: center;
   color: var(--uui-primary);
+  text-decoration: underline;
 }
 .DataPickerBody_typography-inline__lOHW0 a:visited {
   color: #5214CC;
@@ -5521,7 +5539,6 @@
   color: #3F0F9E;
 }
 .DataPickerBody_typography-inline__lOHW0 a:hover {
-  text-decoration: underline;
   color: var(--uui-primary-dark);
 }
 .DataPickerBody_typography-inline__lOHW0 code {
@@ -5650,7 +5667,12 @@
   padding-right: 24px;
 }
 .DataTableCell_cell__VgHTT.uui-invalid {
-  background-color: var(--uui-dt-cell-editor-bg-invalid);
+  background-color: var(--uui-dt-cell-bg-invalid);
+}
+
+.uui-dt-vertical-cell-border {
+  border-left-color: var(--uui-dt-border);
+  border-right-color: var(--uui-dt-border);
 }
 
 .DataTableCell_drag-handle__Ge7UM {
@@ -5677,6 +5699,7 @@
   flex-shrink: 0;
   width: 12px;
   padding-right: 12px;
+  box-sizing: content-box;
 }
 
 .DataTableCell_folding-arrow__6iI4s {
@@ -5701,7 +5724,7 @@
 }
 
 .DataTableCell_icon-container__1fR7V {
-  fill: var(--gray60);
+  fill: var(--uui-icon);
 }
 .DataTableRow_typography-header__uNO7L .hero-header, .DataTableRow_typography-header__uNO7L h1, .DataTableRow_typography-header__uNO7L h2, .DataTableRow_typography-header__uNO7L h3, .DataTableRow_typography-header__uNO7L h4, .DataTableRow_typography-header__uNO7L h5, .DataTableRow_typography-header__uNO7L h6 {
   margin: 0;
@@ -5795,6 +5818,7 @@
   display: inline-flex;
   align-items: center;
   color: var(--uui-primary);
+  text-decoration: underline;
 }
 .DataTableRow_typography-inline__KgXSh a:visited {
   color: #5214CC;
@@ -5803,7 +5827,6 @@
   color: #3F0F9E;
 }
 .DataTableRow_typography-inline__KgXSh a:hover {
-  text-decoration: underline;
   color: var(--uui-primary-dark);
 }
 .DataTableRow_typography-inline__KgXSh code {
@@ -5859,6 +5882,14 @@
 .DataTableRow_root__ThnfZ.uui-drag-ghost {
   box-shadow: 0 6px 18px 0 rgba(29, 30, 38, 0.05), 0 3px 12px 0 rgba(29, 30, 38, 0.05);
 }
+.DataTableRow_root__ThnfZ.uui-dt-row-border {
+  border-bottom-color: var(--uui-dt-border);
+}
+
+.uui-dt-row-border .uui-table-fixed-section, .uui-dt-row-border .uui-table-scrolling-section {
+  border-bottom-color: var(--uui-dt-border);
+}
+
 .DataTableRow_size-24__mjGKU {
   min-height: 24px;
 }
@@ -5878,10 +5909,6 @@
 .DataTableRow_size-60__k0ZKS {
   min-height: 60px;
 }
-
-.DataTableRow_background-white__GKFMn {
-  --uui-dt-row-background: white;
-}
 .DataTableHeaderRow_typography-header__17Mf0 .hero-header, .DataTableHeaderRow_typography-header__17Mf0 h1, .DataTableHeaderRow_typography-header__17Mf0 h2, .DataTableHeaderRow_typography-header__17Mf0 h3, .DataTableHeaderRow_typography-header__17Mf0 h4, .DataTableHeaderRow_typography-header__17Mf0 h5, .DataTableHeaderRow_typography-header__17Mf0 h6 {
   margin: 0;
 }
@@ -5974,6 +6001,7 @@
   display: inline-flex;
   align-items: center;
   color: var(--uui-primary);
+  text-decoration: underline;
 }
 .DataTableHeaderRow_typography-inline__lCA-Y a:visited {
   color: #5214CC;
@@ -5982,7 +6010,6 @@
   color: #3F0F9E;
 }
 .DataTableHeaderRow_typography-inline__lCA-Y a:hover {
-  text-decoration: underline;
   color: var(--uui-primary-dark);
 }
 .DataTableHeaderRow_typography-inline__lCA-Y code {
@@ -6021,6 +6048,15 @@
   right: 24px;
   z-index: 2;
 }
+
+.uui-table-header-row .uui-table-fixed-section, .uui-table-header-row .uui-table-scrolling-section {
+  border-bottom-color: var(--uui-dt-border);
+}
+
+.uui-table-header-row {
+  --uui-dt-row-bg: var(--uui-dt-header-row-bg);
+  --uui-dt-row-bg-hover: var(--uui-dt-header-row-bg-hover);
+}
 .DataTableHeaderCell_typography-header__oILYa .hero-header, .DataTableHeaderCell_typography-header__oILYa h1, .DataTableHeaderCell_typography-header__oILYa h2, .DataTableHeaderCell_typography-header__oILYa h3, .DataTableHeaderCell_typography-header__oILYa h4, .DataTableHeaderCell_typography-header__oILYa h5, .DataTableHeaderCell_typography-header__oILYa h6 {
   margin: 0;
 }
@@ -6113,6 +6149,7 @@
   display: inline-flex;
   align-items: center;
   color: var(--uui-primary);
+  text-decoration: underline;
 }
 .DataTableHeaderCell_typography-inline__cfsue a:visited {
   color: #5214CC;
@@ -6121,7 +6158,6 @@
   color: #3F0F9E;
 }
 .DataTableHeaderCell_typography-inline__cfsue a:hover {
-  text-decoration: underline;
   color: var(--uui-primary-dark);
 }
 .DataTableHeaderCell_typography-inline__cfsue code {
@@ -6167,13 +6203,13 @@
 }
 .DataTableHeaderCell_cell__8JnbB.-clickable:hover {
   background: var(--uui-dt-row-bg-hover);
-  box-shadow: var(--uui-dt-header-hover-shadow);
+  box-shadow: inset 1px 0 0 var(--uui-dt-border), inset -1px 0 0 var(--uui-dt-border);
 }
 .DataTableHeaderCell_cell__8JnbB.-clickable:hover .DataTableHeaderCell_sort-icon__Wi-rh, .DataTableHeaderCell_cell__8JnbB.-clickable:hover .DataTableHeaderCell_dropdown-icon__-vO3u, .DataTableHeaderCell_cell__8JnbB.-clickable:hover .DataTableHeaderCell_infoIcon__1Ang4 {
   fill: var(--uui-icon-hover);
 }
 .DataTableHeaderCell_cell__8JnbB.DataTableHeaderCell_resizable__sNvwo:hover {
-  box-shadow: var(--uui-dt-header-hover-shadow);
+  box-shadow: inset 1px 0 0 var(--uui-dt-border), inset -1px 0 0 var(--uui-dt-border);
 }
 .DataTableHeaderCell_cell__8JnbB.DataTableHeaderCell_size-24__ntP26 {
   height: 24px;
@@ -6197,7 +6233,7 @@
   padding-right: 24px;
 }
 .DataTableHeaderCell_cell__8JnbB .DataTableHeaderCell_caption__pF7VF {
-  font-family: var(--font-semibold);
+  font-family: var(--uui-dt-header-cell-font);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -6247,7 +6283,7 @@
   cursor: col-resize;
 }
 .DataTableHeaderCell_cell__8JnbB .DataTableHeaderCell_resize-mark__Vlv3w:hover {
-  background-color: var(--uui-dt-cell-resize-bg);
+  background-color: var(--uui-dt-cell-bg-resize);
 }
 .DataTableHeaderCell_cell__8JnbB.DataTableHeaderCell_draggable__c0dne {
   cursor: pointer;
@@ -6261,16 +6297,16 @@
   opacity: 0.5;
 }
 .DataTableHeaderCell_cell__8JnbB.DataTableHeaderCell_dnd-marker-left__0pkPC {
-  box-shadow: var(--uui-dt-left-marker-shadow);
+  box-shadow: inset 2px 0 0 0 var(--uui-dt_header-drop_marker);
 }
 .DataTableHeaderCell_cell__8JnbB.DataTableHeaderCell_dnd-marker-left__0pkPC.-clickable, .DataTableHeaderCell_cell__8JnbB.DataTableHeaderCell_dnd-marker-left__0pkPC.DataTableHeaderCell_resizable__sNvwo {
-  box-shadow: var(--uui-dt-left-marker-shadow);
+  box-shadow: inset 2px 0 0 0 var(--uui-dt_header-drop_marker);
 }
 .DataTableHeaderCell_cell__8JnbB.DataTableHeaderCell_dnd-marker-right__1i9gh {
-  box-shadow: var(--uui-dt-right-marker-shadow);
+  box-shadow: inset -2px 0 0 0 var(--uui-dt_header-drop_marker);
 }
 .DataTableHeaderCell_cell__8JnbB.DataTableHeaderCell_dnd-marker-right__1i9gh.-clickable, .DataTableHeaderCell_cell__8JnbB.DataTableHeaderCell_dnd-marker-right__1i9gh.DataTableHeaderCell_resizable__sNvwo {
-  box-shadow: var(--uui-dt-right-marker-shadow);
+  box-shadow: inset -2px 0 0 0 var(--uui-dt_header-drop_marker);
 }
 .DataTable_sticky-header__Dt-br {
   position: sticky;
@@ -6300,7 +6336,7 @@
 .DataTable_table__n--u- .uui-scroll-shadow-top-visible {
   display: block;
   height: 5px;
-  background: var(--uui-dt-top-shadow);
+  background: var(--uui-dt-top-shadow, linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%));
   transition: display 200ms;
 }
 
@@ -6412,6 +6448,7 @@
   display: inline-flex;
   align-items: center;
   color: var(--uui-primary);
+  text-decoration: underline;
 }
 .ColumnsConfigurationModal_typography-inline__VJCzZ a:visited {
   color: #5214CC;
@@ -6420,7 +6457,6 @@
   color: #3F0F9E;
 }
 .ColumnsConfigurationModal_typography-inline__VJCzZ a:hover {
-  text-decoration: underline;
   color: var(--uui-primary-dark);
 }
 .ColumnsConfigurationModal_typography-inline__VJCzZ code {
@@ -6583,6 +6619,7 @@
   display: inline-flex;
   align-items: center;
   color: var(--uui-primary);
+  text-decoration: underline;
 }
 .ColumnRow_typography-inline__GYRwx a:visited {
   color: #5214CC;
@@ -6591,7 +6628,6 @@
   color: #3F0F9E;
 }
 .ColumnRow_typography-inline__GYRwx a:hover {
-  text-decoration: underline;
   color: var(--uui-primary-dark);
 }
 .ColumnRow_typography-inline__GYRwx code {
@@ -6748,6 +6784,7 @@
   display: inline-flex;
   align-items: center;
   color: var(--uui-primary);
+  text-decoration: underline;
 }
 .SortingPanel_typography-inline__Tcu9M a:visited {
   color: #5214CC;
@@ -6756,7 +6793,6 @@
   color: #3F0F9E;
 }
 .SortingPanel_typography-inline__Tcu9M a:hover {
-  text-decoration: underline;
   color: var(--uui-primary-dark);
 }
 .SortingPanel_typography-inline__Tcu9M code {
@@ -6890,6 +6926,7 @@
   display: inline-flex;
   align-items: center;
   color: var(--uui-primary);
+  text-decoration: underline;
 }
 .DataPickerRow_typography-inline__nLffn a:visited {
   color: #5214CC;
@@ -6898,7 +6935,6 @@
   color: #3F0F9E;
 }
 .DataPickerRow_typography-inline__nLffn a:hover {
-  text-decoration: underline;
   color: var(--uui-primary-dark);
 }
 .DataPickerRow_typography-inline__nLffn code {
@@ -6946,10 +6982,10 @@
 }
 
 .DataPickerRow_icon-default__DpPlP {
-  fill: var(--gray60);
+  fill: var(--uui-icon);
 }
 
-.DataPickerRow_icon-info__7aYSO {
+.DataPickerRow_icon-primary__s8KHw {
   fill: var(--uui-primary);
 }
 .MobileDropdownWrapper_typography-header__x4CWx .hero-header, .MobileDropdownWrapper_typography-header__x4CWx h1, .MobileDropdownWrapper_typography-header__x4CWx h2, .MobileDropdownWrapper_typography-header__x4CWx h3, .MobileDropdownWrapper_typography-header__x4CWx h4, .MobileDropdownWrapper_typography-header__x4CWx h5, .MobileDropdownWrapper_typography-header__x4CWx h6 {
@@ -7044,6 +7080,7 @@
   display: inline-flex;
   align-items: center;
   color: var(--uui-primary);
+  text-decoration: underline;
 }
 .MobileDropdownWrapper_typography-inline__yk-yR a:visited {
   color: #5214CC;
@@ -7052,7 +7089,6 @@
   color: #3F0F9E;
 }
 .MobileDropdownWrapper_typography-inline__yk-yR a:hover {
-  text-decoration: underline;
   color: var(--uui-primary-dark);
 }
 .MobileDropdownWrapper_typography-inline__yk-yR code {
@@ -7183,6 +7219,7 @@
   display: inline-flex;
   align-items: center;
   color: var(--uui-primary);
+  text-decoration: underline;
 }
 .PickerModal_typography-inline__KorkO a:visited {
   color: #5214CC;
@@ -7191,7 +7228,6 @@
   color: #3F0F9E;
 }
 .PickerModal_typography-inline__KorkO a:hover {
-  text-decoration: underline;
   color: var(--uui-primary-dark);
 }
 .PickerModal_typography-inline__KorkO code {
@@ -7227,6 +7263,20 @@
 .PickerModal_switch__l1-Vd {
   margin-bottom: 12px;
 }
+.AvatarStack_root__Tsg6N .avatars {
+  padding-right: 12px;
+}
+.AvatarStack_root__Tsg6N .avatars > * {
+  border-radius: 50%;
+  border: 1px solid white;
+}
+.AvatarStack_root__Tsg6N .avatarsCount {
+  color: var(--uui-text-primary);
+  margin-left: 3px;
+  line-height: 1;
+  font-family: var(--uui-avatar-stack-font);
+  font-size: 14px;
+}
 .Badge_typography-header__zhcFQ .hero-header, .Badge_typography-header__zhcFQ h1, .Badge_typography-header__zhcFQ h2, .Badge_typography-header__zhcFQ h3, .Badge_typography-header__zhcFQ h4, .Badge_typography-header__zhcFQ h5, .Badge_typography-header__zhcFQ h6 {
   margin: 0;
 }
@@ -7319,6 +7369,7 @@
   display: inline-flex;
   align-items: center;
   color: var(--uui-primary);
+  text-decoration: underline;
 }
 .Badge_typography-inline__MLd7F a:visited {
   color: #5214CC;
@@ -7327,7 +7378,6 @@
   color: #3F0F9E;
 }
 .Badge_typography-inline__MLd7F a:hover {
-  text-decoration: underline;
   color: var(--uui-primary-dark);
 }
 .Badge_typography-inline__MLd7F code {
@@ -7357,7 +7407,7 @@
 }
 
 .Badge_root__wIzSP .uui-count {
-  font-family: var(--font-semibold);
+  font-family: var(--uui-badge-count-font);
   margin: auto;
   height: 18px;
   line-height: 18px;
@@ -7372,7 +7422,7 @@
   margin-left: 6px;
 }
 .Badge_root__wIzSP .uui-caption {
-  font-family: var(--font-regular);
+  font-family: var(--uui-badge-font);
 }
 .Badge_root__wIzSP.uui-button-box {
   border-width: 1px;
@@ -7424,7 +7474,7 @@
   padding-top: 2px;
   padding-bottom: 2px;
   line-height: 18px;
-  font-size: 14px;
+  font-size: 12px;
 }
 .Badge_root__wIzSP.Badge_size-24__WZsqd.Badge_fill-transparent__za27N .uui-caption {
   margin-left: 12px;
@@ -7592,7 +7642,6 @@
   border-color: transparent;
 }
 .Badge_root__wIzSP.Badge_fill-transparent__za27N.-clickable:hover {
-  color: var(--uui-badge-bg-hover);
   fill: var(--uui-badge-bg-hover);
   cursor: pointer;
 }
@@ -7694,6 +7743,7 @@
   display: inline-flex;
   align-items: center;
   color: var(--uui-primary);
+  text-decoration: underline;
 }
 .Tag_typography-inline__Yhikn a:visited {
   color: #5214CC;
@@ -7702,7 +7752,6 @@
   color: #3F0F9E;
 }
 .Tag_typography-inline__Yhikn a:hover {
-  text-decoration: underline;
   color: var(--uui-primary-dark);
 }
 .Tag_typography-inline__Yhikn code {
@@ -7740,7 +7789,7 @@
 .Tag_root__610w5.uui-button-box .uui-count {
   background-color: var(--uui-tag-count-bg);
   color: var(--uui-tag-count);
-  font-family: var(--font-semibold);
+  font-family: var(--uui-tag-count-font);
   margin: auto;
   height: 18px;
   line-height: 18px;
@@ -7759,7 +7808,7 @@
 }
 .Tag_root__610w5.uui-button-box .uui-caption {
   text-transform: none;
-  font-family: var(--font-regular);
+  font-family: var(--uui-tag-font);
   color: var(--uui-tag-caption);
 }
 .Tag_root__610w5.Tag_size-18__mPDDm {
@@ -7879,6 +7928,85 @@
   border-radius: 12px;
   min-width: 12px;
 }
+.Paginator_root__axS3r {
+  display: flex;
+  flex-direction: row;
+}
+.Paginator_root__axS3r .Paginator_spacer__Xicct {
+  color: var(--uui-text-primary);
+}
+.Paginator_root__axS3r .Paginator_mode-ghost__3igjT {
+  color: var(--uui-text-primary);
+}
+.Paginator_root__axS3r .Paginator_mode-ghost__3igjT:hover {
+  color: var(--uui-primary);
+}
+.Paginator_root__axS3r .Paginator_size-24__ZlsRd.uui-button-box {
+  min-width: 24px;
+}
+.Paginator_root__axS3r .Paginator_size-24__ZlsRd .uui-caption {
+  font-family: var(--uui-pagination-font);
+  font-size: 14px;
+  padding-left: 2px;
+  padding-right: 2px;
+}
+.Paginator_root__axS3r .Paginator_size-24__ZlsRd:first-of-type {
+  margin-right: 6px;
+}
+.Paginator_root__axS3r .Paginator_size-24__ZlsRd:last-of-type {
+  margin-left: 6px;
+}
+.Paginator_root__axS3r .Paginator_size-24__ZlsRd.Paginator_spacer__Xicct {
+  min-width: 28px;
+}
+.Paginator_root__axS3r .Paginator_size-30__Uw66-.uui-button-box {
+  min-width: 30px;
+}
+.Paginator_root__axS3r .Paginator_size-30__Uw66- .uui-caption {
+  font-family: var(--uui-pagination-font);
+  font-size: 14px;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+.Paginator_root__axS3r .Paginator_size-30__Uw66-:first-of-type {
+  margin-right: 6px;
+}
+.Paginator_root__axS3r .Paginator_size-30__Uw66-:last-of-type {
+  margin-left: 6px;
+}
+.Paginator_root__axS3r .Paginator_size-30__Uw66-.Paginator_spacer__Xicct {
+  min-width: 34px;
+}
+.Paginator_root__axS3r .Paginator_navigation-size-24__FpImt.uui-button-box {
+  min-width: 24px;
+}
+.Paginator_root__axS3r .Paginator_navigation-size-24__FpImt .uui-caption {
+  font-family: var(--uui-pagination-font);
+  font-size: 14px;
+  padding-left: 0;
+  padding-right: 0;
+}
+.Paginator_root__axS3r .Paginator_navigation-size-24__FpImt:first-of-type {
+  margin-right: 6px;
+}
+.Paginator_root__axS3r .Paginator_navigation-size-24__FpImt:last-of-type {
+  margin-left: 6px;
+}
+.Paginator_root__axS3r .Paginator_navigation-size-30__-PWmy.uui-button-box {
+  min-width: 30px;
+}
+.Paginator_root__axS3r .Paginator_navigation-size-30__-PWmy .uui-caption {
+  font-family: var(--uui-pagination-font);
+  font-size: 14px;
+  padding-left: 0;
+  padding-right: 0;
+}
+.Paginator_root__axS3r .Paginator_navigation-size-30__-PWmy:first-of-type {
+  margin-right: 6px;
+}
+.Paginator_root__axS3r .Paginator_navigation-size-30__-PWmy:last-of-type {
+  margin-left: 6px;
+}
 .PickerToggler_typography-header__Wl3bF .hero-header, .PickerToggler_typography-header__Wl3bF h1, .PickerToggler_typography-header__Wl3bF h2, .PickerToggler_typography-header__Wl3bF h3, .PickerToggler_typography-header__Wl3bF h4, .PickerToggler_typography-header__Wl3bF h5, .PickerToggler_typography-header__Wl3bF h6 {
   margin: 0;
 }
@@ -7971,6 +8099,7 @@
   display: inline-flex;
   align-items: center;
   color: var(--uui-primary);
+  text-decoration: underline;
 }
 .PickerToggler_typography-inline__R6g9F a:visited {
   color: #5214CC;
@@ -7979,7 +8108,6 @@
   color: #3F0F9E;
 }
 .PickerToggler_typography-inline__R6g9F a:hover {
-  text-decoration: underline;
   color: var(--uui-primary-dark);
 }
 .PickerToggler_typography-inline__R6g9F code {
@@ -8163,7 +8291,7 @@
   padding-left: 6px;
   padding-right: 6px;
   margin-bottom: 2px;
-  font-family: var(--font-regular);
+  font-family: var(--uui-picker-toggler-font);
   color: var(--uui-picker-toggler-text);
 }
 .PickerToggler_root__G7gEl .uui-input::placeholder {
@@ -8175,7 +8303,7 @@
 .PickerToggler_root__G7gEl .uui-caption {
   overflow: hidden;
   text-overflow: ellipsis;
-  font-family: var(--font-regular);
+  font-family: var(--uui-picker-toggler-font);
   align-self: center;
   white-space: nowrap;
 }
@@ -8408,6 +8536,7 @@
   display: inline-flex;
   align-items: center;
   color: var(--uui-primary);
+  text-decoration: underline;
 }
 .PickerInput_typography-inline__3Z1Fw a:visited {
   color: #5214CC;
@@ -8416,7 +8545,6 @@
   color: #3F0F9E;
 }
 .PickerInput_typography-inline__3Z1Fw a:hover {
-  text-decoration: underline;
   color: var(--uui-primary-dark);
 }
 .PickerInput_typography-inline__3Z1Fw code {
@@ -8445,6 +8573,10 @@
   color: var(--uui-text-primary);
 }
 
+.PickerInput_panel__0GHsI {
+  background: var(--uui-picker_input-bg);
+  box-shadow: var(--uui-dropdown-container-shadow);
+}
 @media screen and (max-width: 720px) {
   .PickerInput_panel__0GHsI {
     height: var(--app-mobile-height);
@@ -8453,7 +8585,6 @@
 
 .PickerInput_footer-wrapper__hMVx6 {
   border-top: 1px solid var(--uui-divider);
-  background: white;
   padding: 0 12px;
   display: flex;
 }
@@ -8576,6 +8707,7 @@
   display: inline-flex;
   align-items: center;
   color: var(--uui-primary);
+  text-decoration: underline;
 }
 .FilterPanelItemToggler_typography-inline__GBz0E a:visited {
   color: #5214CC;
@@ -8584,7 +8716,6 @@
   color: #3F0F9E;
 }
 .FilterPanelItemToggler_typography-inline__GBz0E a:hover {
-  text-decoration: underline;
   color: var(--uui-primary-dark);
 }
 .FilterPanelItemToggler_typography-inline__GBz0E code {
@@ -8623,6 +8754,7 @@
   border: 1px solid var(--uui-filters-toggler-border);
   border-radius: var(--uui-filters-toggler-border-radius);
   background-color: var(--uui-filters-toggler-bg);
+  box-shadow: var(--uui-filters-toggler-shadow);
   padding-left: 6px;
   padding-right: 6px;
 }
@@ -8638,7 +8770,7 @@
   background-color: var(--uui-filters-toggler-bg-hover);
 }
 .FilterPanelItemToggler_root__KIGYZ.uui-input-box .FilterPanelItemToggler_title-wrapper__hrBtt {
-  font-family: var(--font-regular);
+  font-family: var(--uui-filters-toggler-font);
   flex: 1 1 auto;
   min-width: 0;
   outline: none;
@@ -8834,6 +8966,7 @@
   display: inline-flex;
   align-items: center;
   color: var(--uui-primary);
+  text-decoration: underline;
 }
 .FilterPickerBody_typography-inline__mBxPJ a:visited {
   color: #5214CC;
@@ -8842,7 +8975,6 @@
   color: #3F0F9E;
 }
 .FilterPickerBody_typography-inline__mBxPJ a:hover {
-  text-decoration: underline;
   color: var(--uui-primary-dark);
 }
 .FilterPickerBody_typography-inline__mBxPJ code {
@@ -8967,6 +9099,7 @@
   display: inline-flex;
   align-items: center;
   color: var(--uui-primary);
+  text-decoration: underline;
 }
 .FilterRangeDatePickerBody_typography-inline__M3AvG a:visited {
   color: #5214CC;
@@ -8975,7 +9108,6 @@
   color: #3F0F9E;
 }
 .FilterRangeDatePickerBody_typography-inline__M3AvG a:hover {
-  text-decoration: underline;
   color: var(--uui-primary-dark);
 }
 .FilterRangeDatePickerBody_typography-inline__M3AvG code {
@@ -9090,10 +9222,10 @@
   width: 1px;
 }
 .FilterRangeDatePickerBody_date-input-group__cYRz6:hover {
-  border-color: var(--uui-control-textinput-border-hover);
+  border-color: var(--uui-control_textinput-border-hover);
 }
 .FilterRangeDatePickerBody_date-input-group__cYRz6:hover .FilterRangeDatePickerBody_separator__Txi2W {
-  background: var(--uui-control-textinput-border-hover);
+  background: var(--uui-control_textinput-border-hover);
 }
 .FilterRangeDatePickerBody_date-input-group__cYRz6:hover.uui-disabled, .FilterRangeDatePickerBody_date-input-group__cYRz6:hover.uui-readonly {
   border-color: var(--uui-control-border);
@@ -9108,7 +9240,7 @@
   background: var(--uui-control-border-checked);
 }
 .FilterRangeDatePickerBody_date-input-group__cYRz6.uui-focus .FilterRangeDatePickerBody_date-input__5E3aM:hover {
-  outline: 1px solid var(--uui-control-textinput-border-hover);
+  outline: 1px solid var(--uui-control_textinput-border-hover);
 }
 .FilterRangeDatePickerBody_date-input-group__cYRz6.uui-focus .FilterRangeDatePickerBody_date-input__5E3aM.uui-focus {
   outline: 1px solid var(--uui-control-border-checked);
@@ -9228,6 +9360,7 @@
   display: inline-flex;
   align-items: center;
   color: var(--uui-primary);
+  text-decoration: underline;
 }
 .FiltersPanelItem_typography-inline__j90GN a:visited {
   color: #5214CC;
@@ -9236,7 +9369,6 @@
   color: #3F0F9E;
 }
 .FiltersPanelItem_typography-inline__j90GN a:hover {
-  text-decoration: underline;
   color: var(--uui-primary-dark);
 }
 .FiltersPanelItem_typography-inline__j90GN code {
@@ -9266,7 +9398,7 @@
 }
 
 .FiltersPanelItem_header__1Ogc3 {
-  font-family: var(--font-regular);
+  font-family: var(--uui-filters-panel-header-font);
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -9370,10 +9502,10 @@
 }
 .MainMenu_root__39Kfw .uui-mainmenu-server-badge-label {
   padding: 0 5px;
-  border: 2px solid var(--uui-main_menu-border-light);
+  border: 2px solid #FFFFFF; /* for CI/CD, not themeable  */
   border-radius: 5px 5px 0 0;
   border-bottom: 0;
-  font-family: var(--font-semibold);
+  font-family: var(--uui-main_menu-font);
   font-size: 9px;
   text-transform: uppercase;
 }
@@ -9384,9 +9516,13 @@
   fill: var(--uui-main_menu-icon);
   flex-shrink: 0;
   cursor: pointer;
+  background: transparent;
+  border: none;
+  padding: 0;
 }
-.GlobalMenu_global-menu-btn__QdXAw:hover {
+.GlobalMenu_global-menu-btn__QdXAw:focus, .GlobalMenu_global-menu-btn__QdXAw:hover {
   background-color: var(--uui-main_menu-hover);
+  outline: none;
 }
 .GlobalMenu_global-menu-btn__QdXAw:active {
   background-color: var(--uui-main_menu-active);
@@ -9548,6 +9684,7 @@
   display: inline-flex;
   align-items: center;
   color: var(--uui-primary);
+  text-decoration: underline;
 }
 .BurgerButton_typography-inline__Q7e9n a:visited {
   color: #5214CC;
@@ -9556,7 +9693,6 @@
   color: #3F0F9E;
 }
 .BurgerButton_typography-inline__Q7e9n a:hover {
-  text-decoration: underline;
   color: var(--uui-primary-dark);
 }
 .BurgerButton_typography-inline__Q7e9n code {
@@ -9590,21 +9726,21 @@
   background: none;
   border: 0;
   outline: none;
-  font-family: var(--font-regular);
+  font-family: var(--uui-burger_btn-font);
   line-height: 48px;
   flex-shrink: 0;
 }
 .BurgerButton_root__FLwMS.uui-enabled {
-  color: var(--uui-burger_btn);
-  fill: var(--uui-burger_btn);
+  color: var(--uui-burger_btn_caption);
+  fill: var(--uui-burger_btn_caption);
 }
 .BurgerButton_root__FLwMS.uui-enabled.-clickable:hover {
-  color: var(--uui-burger_btn-hover);
-  fill: var(--uui-burger_btn-hover);
+  color: var(--uui-burger_btn_caption-hover);
+  fill: var(--uui-burger_btn_caption-hover);
 }
 .BurgerButton_root__FLwMS.uui-active {
-  color: var(--uui-burger_btn-active);
-  fill: var(--uui-burger_btn-active);
+  color: var(--uui-burger_btn_caption-active);
+  fill: var(--uui-burger_btn_caption-active);
 }
 .BurgerButton_root__FLwMS .uui-icon {
   padding: 0 12px 0 24px;
@@ -9638,7 +9774,7 @@
 }
 .BurgerSearch_search-input__pTnno .uui-input {
   color: var(--uui-burger_search);
-  font-family: var(--font-regular);
+  font-family: var(--uui-burger_search-font);
 }
 .BurgerSearch_search-input__pTnno .uui-input::placeholder {
   color: var(--uui-burger_search-placeholder);
@@ -9665,7 +9801,7 @@
 }
 
 .BurgerGroupHeader_group-name__szcRq {
-  font-family: var(--font-regular);
+  font-family: var(--uui-burger_group-font);
   font-size: 12px;
   color: var(--uui-burger_group-text);
   background: var(--uui-burger_group-bg);
@@ -9688,6 +9824,8 @@
   height: 60px;
   padding-left: 18px;
   padding-right: 6px;
+  background-color: transparent;
+  border: none;
 }
 .MainMenuAvatar_container__vT8rb .uui-caption, .MainMenuAvatar_container__vT8rb .uui-input {
   padding-top: 21px;
@@ -9696,14 +9834,14 @@
   line-height: 18px;
   font-size: 18px;
 }
-
-.MainMenuAvatar_dropdown__ezcds {
+.MainMenuAvatar_container__vT8rb.-clickable {
   cursor: pointer;
 }
-.MainMenuAvatar_dropdown__ezcds:hover {
+.MainMenuAvatar_container__vT8rb.-clickable:focus, .MainMenuAvatar_container__vT8rb.-clickable:hover {
   background: var(--uui-main_menu-dropdown-bg);
+  outline: none;
 }
-.MainMenuAvatar_dropdown__ezcds:active {
+.MainMenuAvatar_container__vT8rb.-clickable:active {
   background-color: var(--uui-main_menu-dropdown-bg);
 }
 
@@ -9724,7 +9862,7 @@
 }
 .MainMenuSearch_search-input__xTdYX .uui-input {
   color: var(--uui-main_menu-text);
-  font-family: var(--font-regular);
+  font-family: var(--uui-main_menu-search-font);
 }
 .MainMenuSearch_search-input__xTdYX .uui-input::placeholder {
   color: var(--uui-main_menu-search-border);
@@ -9768,20 +9906,6 @@
   background-color: var(--uui-main_menu-active);
   fill: var(--uui-main_menu-icon-active);
 }
-.MainMenuDropdown_dropdown-body__k9qxb {
-  display: flex;
-  flex-direction: column;
-  min-width: 200px;
-  background-color: var(--uui-main_menu-dropdown-bg);
-}
-.MainMenuDropdown_dropdown-body__k9qxb .-clickable.uui-button-box:hover {
-  background-color: var(--uui-main_menu-bg);
-}
-.MainMenuDropdown_dropdown-body__k9qxb .uui-button-box.uui-active {
-  border: none;
-  border-left: 3px solid var(--uui-main_menu-border-active);
-  background-color: var(--uui-main_menu-bg);
-}
 .MainMenuButton_typography-header__pWBln .hero-header, .MainMenuButton_typography-header__pWBln h1, .MainMenuButton_typography-header__pWBln h2, .MainMenuButton_typography-header__pWBln h3, .MainMenuButton_typography-header__pWBln h4, .MainMenuButton_typography-header__pWBln h5, .MainMenuButton_typography-header__pWBln h6 {
   margin: 0;
 }
@@ -9874,6 +9998,7 @@
   display: inline-flex;
   align-items: center;
   color: var(--uui-primary);
+  text-decoration: underline;
 }
 .MainMenuButton_typography-inline__dABqt a:visited {
   color: #5214CC;
@@ -9882,7 +10007,6 @@
   color: #3F0F9E;
 }
 .MainMenuButton_typography-inline__dABqt a:hover {
-  text-decoration: underline;
   color: var(--uui-primary-dark);
 }
 .MainMenuButton_typography-inline__dABqt code {
@@ -9920,7 +10044,7 @@
   padding: 22px 6px;
   line-height: 16px;
   margin-bottom: -3px;
-  font-family: var(--font-semibold);
+  font-family: var(--uui-main_menu-font);
 }
 .MainMenuButton_root__182y5.uui-button-box, .MainMenuButton_root__182y5.uui-input-box {
   min-height: 60px;
@@ -9953,4 +10077,21 @@
   color: var(--uui-main_menu-text);
   fill: var(--uui-main_menu-icon-active);
 }
+.MainMenuDropdown_dropdown-body__k9qxb {
+  display: flex;
+  flex-direction: column;
+  min-width: 200px;
+  background-color: var(--uui-main_menu-dropdown-bg);
+  box-shadow: var(--uui-main_menu-dropdown-shadow);
+  border-radius: var(--uui-main_menu-dropdown-border-radius);
+  overflow: hidden;
+}
+.MainMenuDropdown_dropdown-body__k9qxb .-clickable.uui-button-box:hover {
+  background-color: var(--uui-main_menu-hover);
+}
+.MainMenuDropdown_dropdown-body__k9qxb .uui-button-box.uui-active {
+  border: none;
+  border-left: 3px solid var(--uui-main_menu-border-active);
+  background-color: var(--uui-main_menu-hover);
+}
 /*# sourceMappingURL=styles.css.map */