@epam/uui 5.0.0-alpha.4 → 5.0.0

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;
@@ -530,6 +495,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 +510,7 @@
   margin-left: 6px;
   margin-right: 3px;
   border-radius: 9px;
+  flex-shrink: 0;
 }
 .TabButton-module_root__8Z4AH .uui-caption {
   line-height: 18px;
@@ -1691,110 +1660,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 +1782,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 +2632,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 {
@@ -2966,7 +2929,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 +3427,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 +3704,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 +3790,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 +3814,7 @@
   font-size: 14px;
   border-radius: 12px;
   min-width: 12px;
+  flex-shrink: 0;
 }
 .Paginator-module_root__d1jwS {
   display: flex;
@@ -4997,7 +4964,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 {