@retailcrm/embed-ui-v1-components 0.9.14 → 0.9.15

package/dist/host.css

@@ -2016,7 +2016,8 @@
 .ui-v1-menu-item__inner_centered {
   align-items: center;
 }
-.ui-v1-menu-item__inner:not(.ui-v1-menu-item__inner_disabled):hover {
+.ui-v1-menu-item:not(.ui-v1-menu-item_disabled) .ui-v1-menu-item__inner:hover,
+.ui-v1-menu-item:not(.ui-v1-menu-item_disabled) .ui-v1-menu-item__inner:focus-visible {
   background: var(--ui-v1-menu-item-background-color);
 }
 .ui-v1-menu-item__add-icon {
@@ -2029,18 +2030,18 @@
 .ui-v1-menu-item__add-icon {
   color: #005EEB;
 }
-.ui-v1-menu-item:active .ui-v1-menu-item__inner,
-.ui-v1-menu-item_active .ui-v1-menu-item__inner {
+.ui-v1-menu-item:not(.ui-v1-menu-item_disabled):active .ui-v1-menu-item__inner,
+.ui-v1-menu-item_active:not(.ui-v1-menu-item_disabled) .ui-v1-menu-item__inner {
   background: var(--ui-v1-menu-item-background-color);
   border: 1px solid var(--ui-v1-menu-item-main-color);
 }
-.ui-v1-menu-item__inner:not(.ui-v1-menu-item__inner_disabled):hover .ui-v1-menu-item__icon_leading {
+.ui-v1-menu-item:not(.ui-v1-menu-item_disabled) .ui-v1-menu-item__inner:hover .ui-v1-menu-item__icon_leading {
   color: var(--ui-v1-menu-item-main-color);
 }
-.ui-v1-menu-item__inner:not(.ui-v1-menu-item__inner_disabled):hover .ui-v1-menu-item__icon_leading svg {
+.ui-v1-menu-item:not(.ui-v1-menu-item_disabled) .ui-v1-menu-item__inner:hover .ui-v1-menu-item__icon_leading svg {
   fill: var(--ui-v1-menu-item-main-color);
 }
-.ui-v1-menu-item__inner:not(.ui-v1-menu-item__inner_disabled):hover .ui-v1-menu-item__ticker {
+.ui-v1-menu-item:not(.ui-v1-menu-item_disabled) .ui-v1-menu-item__inner:hover .ui-v1-menu-item__ticker {
   animation: ui-v1-menu-item-ticker 2s linear 0.1s infinite alternate;
   overflow: visible;
 }
@@ -3445,6 +3446,116 @@
   min-width: 14px;
   height: 14px;
 }
+:root {
+  --ui-v1-page-header-danger-color: #FF5353;
+  --ui-v1-page-header-danger-shadow-color: rgba(255, 83, 83, 0.1);
+}
+.ui-v1-page-header {
+  display: flex;
+  width: 100%;
+  min-width: 0;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px 32px;
+  flex-wrap: wrap;
+}
+.ui-v1-page-header,
+.ui-v1-page-header *,
+.ui-v1-page-header *::before,
+.ui-v1-page-header *::after {
+  box-sizing: border-box;
+}
+.ui-v1-page-header_disabled {
+  opacity: 0.7;
+}
+.ui-v1-page-header_invalid {
+  --ui-v1-page-header-primary-color: var(--ui-v1-page-header-danger-color);
+  --ui-v1-page-header-primary-shadow-color: var(--ui-v1-page-header-danger-shadow-color);
+}
+.ui-v1-page-header_invalid .ui-v1-page-header__trigger,
+.ui-v1-page-header_invalid .ui-v1-page-header__textbox.ui-v1-textbox {
+  --active-color: var(--ui-v1-page-header-danger-color);
+  --shadow-color: var(--ui-v1-page-header-danger-shadow-color);
+  border-bottom-color: var(--ui-v1-page-header-danger-color);
+  color: var(--ui-v1-page-header-danger-color);
+}
+.ui-v1-page-header__main {
+  display: flex;
+  justify-content: center;
+  align-items: baseline;
+  gap: 16px;
+}
+.ui-v1-page-header__title {
+  min-width: 0;
+  flex: 0 1 auto;
+}
+.ui-v1-page-header .ui-v1-page-header__trigger,
+.ui-v1-page-header .ui-v1-page-header__textbox.ui-v1-textbox,
+.ui-v1-page-header .ui-v1-page-header__textbox.ui-v1-textbox input,
+.ui-v1-page-header .ui-v1-page-header__textbox.ui-v1-textbox textarea {
+  width: fit-content;
+  max-width: 100%;
+  min-width: 12px !important;
+  background-color: transparent !important;
+}
+.ui-v1-page-header .ui-v1-page-header__trigger {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  background: transparent;
+  color: inherit;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  outline: none;
+}
+.ui-v1-page-header .ui-v1-page-header__trigger_editable {
+  --border-color: #DEE2E6;
+  border-bottom: 1px solid var(--border-color);
+  cursor: pointer;
+}
+.ui-v1-page-header .ui-v1-page-header__trigger_editable:hover {
+  --border-color: #AFB9C3;
+}
+.ui-v1-page-header .ui-v1-page-header__trigger_empty {
+  color: #AFB9C3;
+}
+.ui-v1-page-header .ui-v1-page-header__trigger:focus-visible {
+  border-bottom-color: var(--ui-v1-page-header-primary-color, #005EEB);
+}
+.ui-v1-page-header .ui-v1-page-header__textbox.ui-v1-textbox input,
+.ui-v1-page-header .ui-v1-page-header__textbox.ui-v1-textbox textarea {
+  flex-grow: 0;
+}
+.ui-v1-page-header .ui-v1-page-header__trigger,
+.ui-v1-page-header .ui-v1-page-header__textbox.ui-v1-textbox,
+.ui-v1-page-header .ui-v1-page-header__textbox.ui-v1-textbox input,
+.ui-v1-page-header .ui-v1-page-header__textbox.ui-v1-textbox textarea {
+  --height: 32px;
+  --icon-size: 32px;
+  font-size: 24px;
+  font-weight: 500;
+  line-height: 1.33333333;
+}
+.ui-v1-page-header .ui-v1-page-header__textbox.ui-v1-textbox,
+.ui-v1-page-header .ui-v1-page-header__textbox.ui-v1-textbox input,
+.ui-v1-page-header .ui-v1-page-header__textbox.ui-v1-textbox textarea {
+  max-width: 100%;
+  background-color: transparent !important;
+}
+.ui-v1-page-header__actions {
+  display: inline-flex;
+  align-items: center;
+  gap: 16px;
+  flex: 0 0 auto;
+}
+.ui-v1-page-header__addon {
+  display: inline-flex;
+  align-items: center;
+  gap: 16px;
+  min-width: 0;
+  flex: 0 1 auto;
+}
 .ui-v1-radio {
   display: inline-flex;
   cursor: pointer;
@@ -3543,6 +3654,250 @@
 .ui-v1-radio_checked.ui-v1-radio_disabled .ui-v1-radio__checkmark::after {
   background: var(--ui-radio-disabled-color, #B8DBFF);
 }
+.ui-v1-radio-switch {
+  display: flex;
+  border: 1px solid #C7CDD4;
+}
+.ui-v1-radio-switch_borderless {
+  border: none;
+  flex-wrap: wrap;
+  gap: 16px;
+}
+.ui-v1-radio-switch_rubber {
+  display: inline-flex;
+  max-width: 100%;
+}
+.ui-v1-radio-switch_sm {
+  border-radius: 4px;
+}
+.ui-v1-radio-switch_md {
+  border-radius: 4px;
+}
+.ui-v1-radio-switch_lg {
+  border-radius: 8px;
+}
+.ui-v1-radio-switch-option {
+  display: flex;
+  justify-content: center;
+  min-width: 0;
+  background: transparent;
+  color: #0052CC;
+  fill: #AFB9C3;
+  cursor: pointer;
+  transition: background-color 0.25s ease, color 0.25s ease, border 0.25s ease;
+  position: relative;
+}
+.ui-v1-radio-switch-option:focus {
+  outline: none;
+  box-shadow: 0 0 0 4px rgba(0, 94, 235, 0.12);
+}
+.ui-v1-radio-switch-option__head {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  max-width: 100%;
+  position: relative;
+}
+.ui-v1-radio-switch-option_sm {
+  height: 36px;
+  border-radius: 4px;
+}
+.ui-v1-radio-switch-option_md {
+  height: 54px;
+  border-radius: 6px;
+}
+.ui-v1-radio-switch-option_lg {
+  flex-direction: column;
+  height: 88px;
+  border-radius: 8px;
+}
+.ui-v1-radio-switch-option_lg .ui-v1-radio-switch-option__head {
+  flex-direction: column;
+}
+.ui-v1-radio-switch-option_standalone {
+  min-width: 296px;
+  padding: 16px 32px;
+  background-color: #F4F6F8;
+  border: 2px solid transparent;
+  border-radius: 8px;
+  color: #1E2248;
+  fill: #1E2248;
+  flex-wrap: wrap;
+  align-content: flex-start;
+  align-items: flex-start;
+  text-align: center;
+  transition: 0.25s ease;
+  margin-right: 0;
+  position: relative;
+  font-size: 18px;
+  font-weight: 500;
+  line-height: 1.55555556;
+}
+.ui-v1-radio-switch-option_standalone::before {
+  content: '';
+  border: 1px solid #005EEB;
+  border-radius: inherit;
+  opacity: 0;
+  transition: opacity 0.25s ease;
+  position: absolute;
+  top: -2px;
+  left: -2px;
+  right: -2px;
+  bottom: -2px;
+}
+.ui-v1-radio-switch-option_standalone svg {
+  transition: none;
+}
+.ui-v1-radio-switch-option_standalone.ui-v1-radio-switch-option_active.ui-v1-radio-switch-option_disabled {
+  background-color: #fff;
+  border-color: #B7EBD8;
+  color: #B7EBD8;
+}
+.ui-v1-radio-switch-option_standalone.ui-v1-radio-switch-option_active:not(.ui-v1-radio-switch-option_disabled) {
+  background-color: #fff;
+  border-color: #22C993;
+  color: #20A77F;
+  fill: #20A77F;
+}
+.ui-v1-radio-switch-option_standalone:hover:not(.ui-v1-radio-switch-option_disabled):not(.ui-v1-radio-switch-option_active)::before {
+  opacity: 1;
+}
+.ui-v1-radio-switch-option_default {
+  flex: 1 1 auto;
+  align-items: center;
+  border: 1px solid transparent;
+  margin: -1px -1px -1px 0;
+  padding: 0 16px;
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 1.5;
+}
+.ui-v1-radio-switch-option_default:first-child {
+  margin-left: -1px;
+}
+.ui-v1-radio-switch-option_default:focus {
+  border-color: #005EEB;
+}
+.ui-v1-radio-switch-option_disabled {
+  fill: #8A96A6;
+  color: #8A96A6;
+  pointer-events: none;
+}
+.ui-v1-radio-switch-option_disabled::before {
+  content: '';
+  border-radius: inherit;
+  position: absolute;
+  z-index: 0;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: #EEF1F3;
+}
+.ui-v1-radio-switch-option_default.ui-v1-radio-switch-option_disabled + .ui-v1-radio-switch-option_default.ui-v1-radio-switch-option_disabled {
+  margin-left: 0 !important;
+}
+.ui-v1-radio-switch-option_default.ui-v1-radio-switch-option_disabled:first-child {
+  margin-right: 0;
+}
+.ui-v1-radio-switch-option_default.ui-v1-radio-switch-option_disabled:last-child {
+  margin-left: 1px;
+}
+.ui-v1-radio-switch-option_default.ui-v1-radio-switch-option_disabled:not(.ui-v1-radio-switch-option_default.ui-v1-radio-switch-option_disabled:first-child):not(.ui-v1-radio-switch-option_default.ui-v1-radio-switch-option_disabled:last-child) {
+  margin-left: 1px;
+  margin-right: 0;
+}
+.ui-v1-radio-switch-option_default.ui-v1-radio-switch-option_active.ui-v1-radio-switch-option_disabled {
+  color: #6CADFF;
+  border-color: rgba(0, 104, 255, 0.16);
+  z-index: 1;
+}
+.ui-v1-radio-switch-option_default.ui-v1-radio-switch-option_active.ui-v1-radio-switch-option_disabled::before {
+  background-color: rgba(0, 104, 255, 0.04);
+}
+.ui-v1-radio-switch-option_default.ui-v1-radio-switch-option_active:not(.ui-v1-radio-switch-option_disabled) {
+  background-color: rgba(0, 94, 235, 0.12);
+  border-color: #005EEB;
+  color: #0052CC;
+  z-index: 1;
+}
+.ui-v1-radio-switch-option_default:hover:not(.ui-v1-radio-switch-option_disabled):not(.ui-v1-radio-switch-option_active) {
+  fill: #8A96A6;
+  border-color: #005EEB;
+}
+.ui-v1-radio-switch-option__icon {
+  --size: 24px;
+  display: block;
+  flex-shrink: 0;
+  width: var(--size);
+  height: var(--size);
+  color: #AFB9C3;
+  margin-right: 4px;
+}
+.ui-v1-radio-switch-option__icon svg {
+  display: block;
+  width: 100%;
+  height: 100%;
+  fill: inherit;
+}
+.ui-v1-radio-switch-option_sm .ui-v1-radio-switch-option__icon {
+  --size: 20px;
+}
+.ui-v1-radio-switch-option_md .ui-v1-radio-switch-option__icon {
+  --size: 32px;
+  margin-right: 8px;
+}
+.ui-v1-radio-switch-option_lg .ui-v1-radio-switch-option__icon {
+  --size: 32px;
+  margin-right: 0;
+}
+.ui-v1-radio-switch-option_standalone .ui-v1-radio-switch-option__icon {
+  color: inherit;
+}
+.ui-v1-radio-switch-option_default.ui-v1-radio-switch-option_active.ui-v1-radio-switch-option_disabled .ui-v1-radio-switch-option__icon {
+  color: #6CADFF;
+}
+.ui-v1-radio-switch-option_default.ui-v1-radio-switch-option_active:not(.ui-v1-radio-switch-option_disabled) .ui-v1-radio-switch-option__icon {
+  color: #005EEB;
+}
+.ui-v1-radio-switch-option_default:hover:not(.ui-v1-radio-switch-option_disabled):not(.ui-v1-radio-switch-option_active) .ui-v1-radio-switch-option__icon {
+  color: #8A96A6;
+}
+.ui-v1-radio-switch-option__description {
+  width: 100%;
+  color: #8A96A6;
+  text-align: center;
+  margin-top: 10px;
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 1.5;
+}
+.ui-v1-radio-switch-option_active:not(.ui-v1-radio-switch-option_disabled) .ui-v1-radio-switch-option__description {
+  color: #1E2248;
+}
+.ui-v1-radio-switch-option__label {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.ui-v1-radio-switch-option__done {
+  width: 24px;
+  height: 24px;
+  position: absolute;
+  top: 6px;
+  right: 6px;
+}
+.ui-v1-radio-switch-option__done svg {
+  width: 24px;
+  height: 24px;
+  color: #22C993;
+  fill: #22C993;
+}
+.ui-v1-radio-switch-option_disabled .ui-v1-radio-switch-option__done svg {
+  color: #B7EBD8;
+  fill: #B7EBD8;
+}
 .ui-v1-slider {
   display: flex;
   width: 100%;
@@ -4304,6 +4659,304 @@
   transition: transform 160ms cubic-bezier(0.22, 1, 0.36, 1);
   white-space: inherit;
 }
+.ui-v1-tab-group {
+  position: relative;
+  width: 100%;
+  max-width: 100%;
+}
+.ui-v1-tab-group__head {
+  display: flex;
+  width: 100%;
+  border-bottom: 1px solid #DEE2E6;
+  gap: 24px;
+}
+.ui-v1-tab-group__content,
+.ui-v1-tab-group__measure {
+  display: flex;
+  align-items: flex-end;
+  gap: 24px;
+}
+.ui-v1-tab-group__content {
+  flex: 1 1 auto;
+  min-width: 0;
+  margin: 0 -12px;
+  overflow: hidden;
+  padding: 0 12px;
+}
+.ui-v1-tab-group__measure {
+  width: 100%;
+  margin: 0 -12px;
+  overflow-x: hidden;
+  padding: 0 12px;
+  visibility: hidden;
+  pointer-events: none;
+  white-space: nowrap;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.ui-v1-tab-group_sm .ui-v1-tab-group__head,
+.ui-v1-tab-group_sm .ui-v1-tab-group__content,
+.ui-v1-tab-group_sm .ui-v1-tab-group__measure {
+  gap: 20px;
+}
+.ui-v1-tab-group_lg .ui-v1-tab-group__head,
+.ui-v1-tab-group_lg .ui-v1-tab-group__content,
+.ui-v1-tab-group_lg .ui-v1-tab-group__measure {
+  gap: 24px;
+}
+.ui-v1-tab-group_filled .ui-v1-tab-group__head,
+.ui-v1-tab-group_filled .ui-v1-tab-group__content,
+.ui-v1-tab-group_filled .ui-v1-tab-group__measure {
+  gap: 0;
+}
+.ui-v1-tab-group__trigger {
+  flex: 0 0 auto;
+  margin-top: auto;
+  margin-bottom: auto;
+}
+.ui-v1-tab-group__trigger-icon {
+  display: block;
+}
+.ui-v1-tab-group__popper {
+  z-index: 10;
+}
+.ui-v1-tab-group__menu {
+  display: flex;
+  flex-direction: column;
+  min-width: 180px;
+  max-width: min(360px, 100%);
+  padding-block: 4px;
+  background: #fff;
+  border-radius: 6px;
+  overflow: hidden;
+}
+.ui-v1-tab-group__panel {
+  min-width: 0;
+  padding-top: 16px;
+}
+.ui-v1-tab {
+  display: flex;
+  align-items: center;
+  height: 50px;
+  padding: 13px 0;
+  background: 0 0;
+  border: none;
+  font-size: 16px;
+  font-weight: 500;
+  line-height: 1.5;
+  box-sizing: border-box;
+  color: #8A96A6;
+  cursor: pointer;
+  margin: 0;
+  outline: none;
+  position: relative;
+  transition: 0.25s ease;
+  white-space: nowrap;
+  -webkit-tap-highlight-color: transparent;
+}
+.ui-v1-tab::before {
+  content: '';
+  width: 100%;
+  border-bottom: 2px solid transparent;
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: -1px;
+}
+.ui-v1-tab::after {
+  content: '';
+  border-radius: 6px;
+  transition: background 0.25s ease;
+  position: absolute;
+  height: 40px;
+  left: -12px;
+  right: -12px;
+}
+.ui-v1-tab:hover:not(.ui-v1-tab_active):not(.ui-v1-tab_disabled) {
+  color: #005EEB;
+}
+.ui-v1-tab_text:hover:not(.ui-v1-tab_active):not(.ui-v1-tab_disabled)::after {
+  background-color: rgba(0, 94, 235, 0.12);
+}
+.ui-v1-tab:hover:not(.ui-v1-tab_active):not(.ui-v1-tab_disabled) .ui-v1-tab__icon {
+  fill: #005EEB;
+}
+.ui-v1-tab:focus-visible {
+  outline: none;
+  border-radius: 4px;
+  box-shadow: 0 0 0 4px rgba(0, 94, 235, 0.12);
+}
+.ui-v1-tab_active {
+  color: #005EEB;
+}
+.ui-v1-tab_active::before {
+  border-color: currentColor;
+  transition: border-color 0.2s linear;
+}
+.ui-v1-tab_disabled {
+  color: #C7CDD4;
+  cursor: default;
+}
+.ui-v1-tab_disabled::after {
+  z-index: -1;
+}
+.ui-v1-tab_disabled::before {
+  border-color: transparent;
+}
+.ui-v1-tab_sm {
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 1.42857143;
+}
+.ui-v1-tab_sm::after {
+  left: -10px;
+  right: -10px;
+}
+.ui-v1-tab_lg {
+  height: 68px;
+  font-size: 20px;
+  font-weight: 500;
+  line-height: 1.6;
+}
+.ui-v1-tab_lg::after {
+  left: -16px;
+  right: -16px;
+}
+.ui-v1-tab_fit-content {
+  flex: auto;
+}
+.ui-v1-tab_fluid {
+  display: flex;
+  flex-grow: 1;
+  justify-content: center;
+}
+.ui-v1-tab_overline::before {
+  top: -1px;
+  bottom: auto;
+}
+.ui-v1-tab__icon {
+  width: 14px;
+  height: 14px;
+  display: block;
+  flex-shrink: 0;
+  min-width: 14px;
+  fill: currentColor;
+  transition: fill 0.25s ease;
+}
+.ui-v1-tab__icon :deep(svg) {
+  width: 100%;
+  height: 100%;
+  fill: currentColor;
+}
+.ui-v1-tab__icon > svg {
+  width: 100%;
+  height: 100%;
+}
+.ui-v1-tab_sm .ui-v1-tab__icon {
+  width: 14px;
+  min-width: 14px;
+  height: 14px;
+}
+.ui-v1-tab_md .ui-v1-tab__icon {
+  width: 14px;
+  min-width: 14px;
+  height: 14px;
+  margin-bottom: 6px;
+}
+.ui-v1-tab_lg .ui-v1-tab__icon {
+  width: 24px;
+  min-width: 24px;
+  height: 24px;
+}
+.ui-v1-tab__label {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+.ui-v1-tab__counter {
+  display: flex;
+  justify-content: center;
+  min-width: 18px;
+  padding: 2px 4px;
+  background-color: #8A96A6;
+  border-radius: 4px;
+  color: #fff;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 1.42857143;
+}
+.ui-v1-tab_lg .ui-v1-tab__counter {
+  padding: 2px 6px;
+}
+.ui-v1-tab_sm .ui-v1-tab__icon + .ui-v1-tab__label,
+.ui-v1-tab_md .ui-v1-tab__icon + .ui-v1-tab__label {
+  margin-left: 5px;
+}
+.ui-v1-tab_lg .ui-v1-tab__icon + .ui-v1-tab__label {
+  margin-left: 8px;
+}
+.ui-v1-tab_sm .ui-v1-tab__label + .ui-v1-tab__counter,
+.ui-v1-tab_md .ui-v1-tab__label + .ui-v1-tab__counter {
+  margin-left: 4px;
+}
+.ui-v1-tab_lg .ui-v1-tab__label + .ui-v1-tab__counter {
+  margin-left: 8px;
+}
+.ui-v1-tab_filled {
+  padding: 13px 12px;
+  color: #151833;
+  margin-right: 0;
+}
+.ui-v1-tab_filled::before {
+  border-width: 4px !important;
+}
+.ui-v1-tab_filled.ui-v1-tab_sm {
+  padding: 13px 10px;
+}
+.ui-v1-tab_filled.ui-v1-tab_lg {
+  padding: 22px 32px;
+}
+.ui-v1-tab_filled.ui-v1-tab_active {
+  background-color: #F4F6F8;
+  color: #0052CC;
+}
+.ui-v1-tab_filled.ui-v1-tab_disabled {
+  background-color: #F4F6F8;
+  color: #C7CDD4;
+}
+.ui-v1-tab_filled:not(.ui-v1-tab_active)::after {
+  height: unset;
+  background-color: transparent;
+  border-radius: 0;
+  z-index: -1;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+}
+.ui-v1-tab_filled:not(.ui-v1-tab_active):not(.ui-v1-tab_disabled):hover::after {
+  background-color: #F9FAFB;
+}
+.ui-v1-tab_filled.ui-v1-tab_active::after {
+  display: none;
+}
+.ui-v1-tab_filled.ui-v1-tab_active::before {
+  border-color: #005EEB !important;
+}
+.ui-v1-tab_filled.ui-v1-tab_icon-without-text {
+  padding-right: 24px;
+  padding-left: 24px;
+}
+.ui-v1-tab_filled.ui-v1-tab_disabled .ui-v1-tab__icon {
+  fill: #AFB9C3;
+}
+.ui-v1-tab_active .ui-v1-tab__icon {
+  fill: currentColor;
+}
+.ui-v1-tab_disabled .ui-v1-tab__icon {
+  fill: #AFB9C3;
+}
 .ui-v1-tag-wrapper {
   display: inline-block;
   max-width: 100%;