@epam/uui 5.0.0-alpha.4 → 5.0.1

package/styles.css

@@ -1,38 +1,3 @@
-@font-face {
-  font-family: "Sans Regular";
-  src: url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Regular.ttf.woff2") format("woff2"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Regular.otf.woff") format("woff"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Regular.otf") format("opentype"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Regular.ttf") format("truetype");
-  font-weight: normal;
-  font-style: normal;
-}
-@font-face {
-  font-family: "Sans Semibold";
-  src: url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Semibold.ttf.woff2") format("woff2"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Semibold.otf.woff") format("woff"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Semibold.otf") format("opentype"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Semibold.ttf") format("truetype");
-  font-weight: normal;
-  font-style: normal;
-}
-@font-face {
-  font-family: "Sans Italic";
-  src: url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-It.ttf.woff2") format("woff2"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-It.otf.woff") format("woff"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-It.otf") format("opentype"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-It.ttf") format("truetype");
-  font-weight: normal;
-  font-style: normal;
-}
-@font-face {
-  font-family: "Redacted";
-  src: url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.eot");
-  src: url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.woff2") format("woff2"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.woff") format("woff"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.otf") format("opentype"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.svg#filename") format("svg");
-}
-@font-face {
-  font-family: "Roboto Mono";
-  font-style: normal;
-  font-weight: normal;
-  src: url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/RobotoMono-Regular.ttf") format("truetype");
-}
-@font-face {
-  font-family: "Roboto Slab";
-  font-style: normal;
-  font-weight: normal;
-  src: url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/RobotoSlab-Regular.ttf") format("truetype");
-}
 .Button-module_root__4Qa5o.uui-button-box {
   border-style: solid;
   justify-content: center;
@@ -273,7 +238,6 @@
 }
 .Button-module_size-42__KHTm0 .uui-caption {
   font-family: var(--font-primary);
-  text-transform: uppercase;
 }
 
 .Button-module_size-48__zeJhh {
@@ -298,7 +262,6 @@
 }
 .Button-module_size-48__zeJhh .uui-caption {
   font-family: var(--font-primary);
-  text-transform: uppercase;
 }
 .IconButton-module_root__M67sa {
   fill: var(--uui-icon-btn);
@@ -530,6 +493,9 @@
   box-shadow: 0 1px 8px 0 var(--uui-negative);
   border-radius: 50%;
 }
+.TabButton-module_root__8Z4AH.uui-button-box {
+  min-width: min-content;
+}
 .TabButton-module_root__8Z4AH .uui-count {
   line-height: 18px;
   font-size: 12px;
@@ -542,6 +508,7 @@
   margin-left: 6px;
   margin-right: 3px;
   border-radius: 9px;
+  flex-shrink: 0;
 }
 .TabButton-module_root__8Z4AH .uui-caption {
   line-height: 18px;
@@ -1691,110 +1658,121 @@
   -webkit-background-clip: text;
   animation: TextPlaceholder-module_skeleton_loading__jXXBE 1s ease infinite;
 }
-.RichTextView-module_typography-header__nedzE .hero-header, .RichTextView-module_typography-header__nedzE h1, .RichTextView-module_typography-header__nedzE h2, .RichTextView-module_typography-header__nedzE h3, .RichTextView-module_typography-header__nedzE h4, .RichTextView-module_typography-header__nedzE h5, .RichTextView-module_typography-header__nedzE h6 {
+.RichTextView-module_typography-16__DrhKc {
+  font-size: 16px;
+}
+
+.RichTextView-module_typography-14__1oY8c {
+  font-size: 14px;
+}
+
+.RichTextView-module_typography-12__4jZjv {
+  font-size: 12px;
+}
+
+.RichTextView-module_typography-uui__neFbE {
+  font-family: var(--font-regular);
+  color: var(--uui-text-primary);
+}
+.RichTextView-module_typography-uui__neFbE .hero-header, .RichTextView-module_typography-uui__neFbE h1, .RichTextView-module_typography-uui__neFbE h2, .RichTextView-module_typography-uui__neFbE h3, .RichTextView-module_typography-uui__neFbE h4, .RichTextView-module_typography-uui__neFbE h5, .RichTextView-module_typography-uui__neFbE h6 {
   margin: 0;
 }
-.RichTextView-module_typography-header__nedzE .hero-header {
+.RichTextView-module_typography-uui__neFbE .hero-header {
   font-family: var(--font-promo);
   margin: 30px 0;
   font-size: 66px;
   line-height: 72px;
 }
-.RichTextView-module_typography-header__nedzE .hero-header, .RichTextView-module_typography-header__nedzE .promo-header {
+.RichTextView-module_typography-uui__neFbE .hero-header, .RichTextView-module_typography-uui__neFbE .promo-header {
   color: var(--uui-text-brand);
   text-align: center;
 }
-.RichTextView-module_typography-header__nedzE .promo-header, .RichTextView-module_typography-header__nedzE h1, .RichTextView-module_typography-header__nedzE h2, .RichTextView-module_typography-header__nedzE h3 {
+.RichTextView-module_typography-uui__neFbE .promo-header, .RichTextView-module_typography-uui__neFbE h1, .RichTextView-module_typography-uui__neFbE h2, .RichTextView-module_typography-uui__neFbE h3 {
   font-family: var(--font-primary);
 }
-.RichTextView-module_typography-header__nedzE .promo-header {
-  text-transform: uppercase;
-}
-.RichTextView-module_typography-header__nedzE h4, .RichTextView-module_typography-header__nedzE h5, .RichTextView-module_typography-header__nedzE h6 {
+.RichTextView-module_typography-uui__neFbE h4, .RichTextView-module_typography-uui__neFbE h5, .RichTextView-module_typography-uui__neFbE h6 {
   font-family: var(--font-semibold);
 }
-.RichTextView-module_typography-header__nedzE h1, .RichTextView-module_typography-header__nedzE h2, .RichTextView-module_typography-header__nedzE h3, .RichTextView-module_typography-header__nedzE h4, .RichTextView-module_typography-header__nedzE h5, .RichTextView-module_typography-header__nedzE h6 {
+.RichTextView-module_typography-uui__neFbE h1, .RichTextView-module_typography-uui__neFbE h2, .RichTextView-module_typography-uui__neFbE h3, .RichTextView-module_typography-uui__neFbE h4, .RichTextView-module_typography-uui__neFbE h5, .RichTextView-module_typography-uui__neFbE h6 {
   margin-bottom: 0.5em;
   margin-top: 1.2em;
   line-height: 1.35em;
 }
-.RichTextView-module_typography-header__nedzE h1 {
+.RichTextView-module_typography-uui__neFbE h1 {
   font-size: 42px;
 }
-.RichTextView-module_typography-header__nedzE h2 {
+.RichTextView-module_typography-uui__neFbE h2 {
   font-size: 30px;
   letter-spacing: 0.1px;
 }
-.RichTextView-module_typography-header__nedzE h2.promo-header {
+.RichTextView-module_typography-uui__neFbE h2.promo-header {
   letter-spacing: 2px;
 }
-.RichTextView-module_typography-header__nedzE h3 {
+.RichTextView-module_typography-uui__neFbE h3 {
   font-size: 24px;
 }
-.RichTextView-module_typography-header__nedzE h4 {
+.RichTextView-module_typography-uui__neFbE h4 {
   font-size: 18px;
   letter-spacing: 0.1px;
 }
-.RichTextView-module_typography-header__nedzE h5 {
+.RichTextView-module_typography-uui__neFbE h5 {
   font-size: 16px;
 }
-.RichTextView-module_typography-header__nedzE h6 {
+.RichTextView-module_typography-uui__neFbE h6 {
   font-size: 14px;
 }
-
-.RichTextView-module_typography-block__xgKmP ol, .RichTextView-module_typography-block__xgKmP ul {
+.RichTextView-module_typography-uui__neFbE ol, .RichTextView-module_typography-uui__neFbE ul {
   padding: 0;
 }
-.RichTextView-module_typography-block__xgKmP li {
+.RichTextView-module_typography-uui__neFbE li {
   margin-left: 1.25em;
   line-height: 1.5;
 }
-.RichTextView-module_typography-block__xgKmP pre {
+.RichTextView-module_typography-uui__neFbE pre {
   padding: 1.25em;
-  color: var(--gray10);
+  color: var(--uui-text-contrast);
   background-color: var(--uui-secondary-darkest);
   font-family: monospace;
   white-space: pre-wrap;
   word-wrap: normal;
 }
-.RichTextView-module_typography-block__xgKmP img {
+.RichTextView-module_typography-uui__neFbE img {
   max-width: 100%;
 }
-.RichTextView-module_typography-block__xgKmP figure {
+.RichTextView-module_typography-uui__neFbE figure {
   margin: 0;
 }
-.RichTextView-module_typography-block__xgKmP figure figcaption {
+.RichTextView-module_typography-uui__neFbE figure figcaption {
   font-size: 0.9em;
   opacity: 0.9;
   text-align: center;
 }
-.RichTextView-module_typography-block__xgKmP p {
+.RichTextView-module_typography-uui__neFbE p {
   margin: 0.5em 0;
   line-height: 1.5;
 }
-
-.RichTextView-module_typography-inline__tHxod b, .RichTextView-module_typography-inline__tHxod strong {
+.RichTextView-module_typography-uui__neFbE b, .RichTextView-module_typography-uui__neFbE strong {
   font-family: var(--font-semibold);
 }
-.RichTextView-module_typography-inline__tHxod i, .RichTextView-module_typography-inline__tHxod em {
+.RichTextView-module_typography-uui__neFbE i, .RichTextView-module_typography-uui__neFbE em {
   font-family: var(--font-italic);
 }
-.RichTextView-module_typography-inline__tHxod a {
+.RichTextView-module_typography-uui__neFbE a {
   display: inline-flex;
   align-items: center;
   color: var(--uui-primary);
   text-decoration: underline;
 }
-.RichTextView-module_typography-inline__tHxod a:visited {
+.RichTextView-module_typography-uui__neFbE a:visited {
   color: #5214CC;
 }
-.RichTextView-module_typography-inline__tHxod a:visited:hover {
+.RichTextView-module_typography-uui__neFbE a:visited:hover {
   color: #3F0F9E;
 }
-.RichTextView-module_typography-inline__tHxod a:hover {
+.RichTextView-module_typography-uui__neFbE a:hover {
   color: var(--uui-primary-dark);
 }
-.RichTextView-module_typography-inline__tHxod code {
+.RichTextView-module_typography-uui__neFbE code {
   padding: 0.125em 0.25em;
   color: var(--uui-text-primary);
   background-color: var(--uui-secondary-light);
@@ -1802,23 +1780,6 @@
   white-space: pre-wrap;
   word-wrap: normal;
 }
-
-.RichTextView-module_typography-16__DrhKc {
-  font-size: 16px;
-}
-
-.RichTextView-module_typography-14__1oY8c {
-  font-size: 14px;
-}
-
-.RichTextView-module_typography-12__4jZjv {
-  font-size: 12px;
-}
-
-.RichTextView-module_typography-promo__fga1O {
-  font-family: var(--font-regular);
-  color: var(--uui-text-primary);
-}
 .Modals-module_modal-blocker__Lwee9 {
   animation-duration: 0.3s;
   animation-name: Modals-module_animateModalBlocker__CY-CF;
@@ -2669,11 +2630,11 @@
   font-family: var(--font-semibold);
   font-size: 12px;
   line-height: 18px;
-  color: var(--uui-link-button-text);
+  color: var(--uui-link);
   padding-bottom: 6px;
 }
 .CalendarPresets-module_root__wSJa2 .uui-presets-item:hover {
-  color: var(--uui-link-button-text-active);
+  color: var(--uui-link-hover);
   cursor: pointer;
 }
 .RangeDatePicker-module_dropdown-container__EFIZT {
@@ -2886,6 +2847,7 @@
   background-color: rgba(255, 255, 255, 0.5);
 }
 .DataPickerBody-module_body__CMMVY {
+  --uui-dt-cell-border-width: 0;
   display: flex;
   flex-direction: column;
   flex: 1 1 auto;
@@ -2966,7 +2928,7 @@
 .DataTableCell-module_cell__9v8pk.DataTableCell-module_align-widgets-top__-ZRCt.DataTableCell-module_size-60__O0Mmg .uui-checkbox, .DataTableCell-module_cell__9v8pk.DataTableCell-module_align-widgets-top__-ZRCt.DataTableCell-module_size-60__O0Mmg .DataTableCell-module_folding-arrow__M3UXW {
   margin-top: 21px;
 }
-.DataTableCell-module_cell__9v8pk.DataTableCell-module_align-widgets-center__l51gX {
+.DataTableCell-module_cell__9v8pk.DataTableCell-module_align-widgets-center__l51gX .uui-checkbox-container {
   align-self: center;
 }
 .DataTableCell-module_cell__9v8pk.DataTableCell-module_padding-12__xRP39 {
@@ -3464,6 +3426,7 @@
   padding-right: 6px;
   min-width: 6px;
   text-align: center;
+  flex-shrink: 0;
 }
 .Badge-module_root__-W-nq .uui-count:not(:first-child) {
   margin-left: 6px;
@@ -3740,12 +3703,13 @@
 }
 .Tag-module_root__sO4Qq.Tag-module_size-18__nCuL7 .uui-count {
   height: 12px;
-  min-width: 6px;
   line-height: 12px;
   font-size: 8px;
   border-radius: 6px;
   padding-left: 3px;
   padding-right: 3px;
+  min-width: 6px;
+  flex-shrink: 0;
 }
 .Tag-module_root__sO4Qq.Tag-module_size-18__nCuL7 .uui-count:not(:first-child) {
   margin-left: 3px;
@@ -3825,6 +3789,7 @@
   font-size: 14px;
   border-radius: 12px;
   min-width: 12px;
+  flex-shrink: 0;
 }
 .Tag-module_root__sO4Qq.Tag-module_size-48__ksVx2 {
   min-width: 48px;
@@ -3848,6 +3813,7 @@
   font-size: 14px;
   border-radius: 12px;
   min-width: 12px;
+  flex-shrink: 0;
 }
 .Paginator-module_root__d1jwS {
   display: flex;
@@ -4322,6 +4288,9 @@
   border-color: var(--uui-filters-toggler-border-hover);
   background-color: var(--uui-filters-toggler-bg-hover);
 }
+.FilterPanelItemToggler-module_root__6HJLW.uui-input-box .uui-icon-dropdown {
+  fill: var(--uui-filters-toggler-icon);
+}
 .FilterPanelItemToggler-module_root__6HJLW.uui-input-box .FilterPanelItemToggler-module_title-wrapper__07dD8 {
   font-family: var(--uui-filters-toggler-font);
   font-weight: var(--uui-filters-toggler-font-weight, normal);
@@ -4331,6 +4300,8 @@
   background: none;
   cursor: pointer;
   white-space: nowrap;
+  padding-left: 6px;
+  padding-right: 6px;
 }
 .FilterPanelItemToggler-module_root__6HJLW.uui-input-box .FilterPanelItemToggler-module_title-wrapper__07dD8 .FilterPanelItemToggler-module_title__JaXtY {
   text-overflow: initial;
@@ -4370,64 +4341,55 @@
   color: var(--uui-filters-toggler-text);
 }
 .FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-24 {
-  font-size: 12px;
-}
-.FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-24 .uui-caption, .FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-24 .uui-input {
-  line-height: 18px;
-  font-size: 12px;
-  padding-top: 2px;
-  padding-bottom: 2px;
+  padding-left: 5px;
+  padding-right: 5px;
+  padding-left: 2px;
+  padding-right: 2px;
 }
 .FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-24.uui-button-box, .FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-24.uui-input-box {
   min-height: 24px;
   border-width: 1px;
 }
-.FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-30 .uui-caption, .FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-30 .uui-input {
-  line-height: 18px;
-  font-size: 14px;
-  padding-top: 5px;
-  padding-bottom: 5px;
+.FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-24 .FilterPanelItemToggler-module_title-wrapper__07dD8 {
+  padding-left: 3px;
+  padding-right: 3px;
+}
+.FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-30 {
+  padding-left: 5px;
+  padding-right: 5px;
 }
 .FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-30.uui-button-box, .FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-30.uui-input-box {
   min-height: 30px;
   border-width: 1px;
 }
-.FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-36 .uui-caption, .FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-36 .uui-input {
-  line-height: 18px;
-  font-size: 14px;
-  padding-top: 8px;
-  padding-bottom: 8px;
+.FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-36 {
+  padding-left: 5px;
+  padding-right: 5px;
 }
 .FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-36.uui-button-box, .FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-36.uui-input-box {
   min-height: 36px;
   border-width: 1px;
 }
-.FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-42 .uui-caption, .FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-42 .uui-input {
-  line-height: 24px;
-  font-size: 16px;
-  padding-top: 8px;
-  padding-bottom: 8px;
+.FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-42 {
+  padding-left: 5px;
+  padding-right: 5px;
+  padding-left: 11px;
+  padding-right: 11px;
 }
 .FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-42.uui-button-box, .FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-42.uui-input-box {
   min-height: 42px;
   border-width: 1px;
 }
-.FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-48 .uui-caption, .FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-48 .uui-input {
-  line-height: 24px;
-  font-size: 16px;
-  padding-top: 11px;
-  padding-bottom: 11px;
+.FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-48 {
+  padding-left: 5px;
+  padding-right: 5px;
+  padding-left: 11px;
+  padding-right: 11px;
 }
 .FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-48.uui-button-box, .FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-48.uui-input-box {
   min-height: 48px;
   border-width: 1px;
 }
-.FilterPanelItemToggler-module_root__6HJLW.uui-input-box .uui-icon-dropdown {
-  fill: var(--uui-filters-toggler-icon);
-  margin-top: auto;
-  margin-bottom: auto;
-  padding-left: 3px;
-}
 .FilterRangeDatePickerBody-module_date-input__YCsN4 {
   min-width: 0;
   padding: 0 5px;
@@ -4566,10 +4528,17 @@
   display: flex;
   justify-content: space-between;
   align-items: center;
-  padding: 9px 12px 0 12px;
+  padding: 9px 12px;
 }
 .FiltersPanelItem-module_header__hqSIh button.FiltersPanelItem-module_removeButton__dWD-9 {
   padding-left: 24px;
+  margin-left: auto;
+}
+.FiltersPanelItem-module_header__hqSIh button.FiltersPanelItem-module_removeButton__dWD-9 .uui-caption {
+  font-size: 14px;
+}
+.FiltersPanelItem-module_header__hqSIh.FiltersPanelItem-module_with-search__sPAwy {
+  padding-bottom: 0;
 }
 
 @media screen and (max-width: 720px) {
@@ -4577,6 +4546,9 @@
     height: var(--app-mobile-height);
   }
 }
+.FiltersPanelItem-module_panel__EfHsL .-scrolled-top {
+  border-top: 1px solid var(--uui-divider);
+}
 .PresetsPanel-module_divider__vk5zN {
   margin-right: 3px;
   border-left: 1px solid var(--uui-divider);
@@ -4997,7 +4969,7 @@
 .MainMenuButton-module_root__pJ8X7.uui-active {
   background-color: var(--uui-main_menu-hover);
   border-bottom: 3px solid var(--uui-main_menu-border-active);
-  color: var(--uui-main_menu-text);
+  color: var(--uui-main_menu-text-active);
   fill: var(--uui-main_menu-icon-active);
 }
 .MainMenuDropdown-module_dropdown-body__H16cM {