@itcase/ui 1.1.17 → 1.1.18

package/dist/css/components/Swiper/css/__item/swiper-block__item.css

@@ -4,5 +4,3 @@ div.swiper-block__item {
     height: auto !important;
   }
 }
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1N3aXBlci9jc3MvX19pdGVtL3N3aXBlci1ibG9ja19faXRlbS5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEiLCJmaWxlIjoic3dpcGVyLWJsb2NrX19pdGVtLmNzcyIsInNvdXJjZXNDb250ZW50IjpbImRpdi5zd2lwZXItYmxvY2tfX2l0ZW0ge1xuICBkaXNwbGF5OiBmbGV4O1xuICAmX3R5cGVfY2VudGVyIHtcbiAgICBoZWlnaHQ6IGF1dG8gIWltcG9ydGFudDtcbiAgfVxufVxuIl19 */

package/dist/css/components/Switch/Switch.css

@@ -1,6 +1,71 @@
-@import './css/switch.css';
-@import './css/switch_size.css';
-
+.switch {
+  position: relative;
+  height: 100%;
+  border-radius: 50px;
+  cursor: pointer;
+  transition: 0.4s;
+  overflow: hidden;
+  display: flex;
+  &__checkbox {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    left: 0;
+    top: 0;
+    cursor: pointer;
+    appearance: none;
+    border: 0;
+    margin: 0;
+    z-index: 2;
+    &:checked {
+      & + .switch__bg {
+        background: var(--color-accent-primary);
+      }
+      & ~ .switch__toggle {
+        left: 100%;
+        margin: 0 0 0 -3px;
+        background: var(--color-accent-item-primary);
+        transform: translate(-100%, -50%);
+      }
+    }
+    &:disabled {
+      & + .switch__bg {
+        background: var(--color-surface-disabled);
+      }
+    }
+  }
+  &__bg {
+    width: 100%;
+    flex: 1;
+    background: var(--color-surface-tertiary);
+    transition: all 0.25s;
+  }
+  &__toggle {
+    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+    height: calc(100% - 6px);
+    position: absolute;
+    aspect-ratio: 1/1;
+    top: 50%;
+    transform: translate(3px, -50%);
+    left: 0;
+    background: #fff;
+    border-radius: 50%;
+    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
+    transition: all 0.25s;
+  }
+}
+.switch {
+  &&_size {
+    @each $size in normal, compact {
+      &_$(size) {
+        min-width: var(--switch-size-$(size)-width);
+        min-height: var(--switch-size-$(size)-height);
+        max-width: var(--switch-size-$(size)-width);
+        max-height: var(--switch-size-$(size)-height);
+      }
+    }
+  }
+}
 :root {
   --switch-size-normal-width: 52px;
   --switch-size-normal-height: 32px;
@@ -8,5 +73,3 @@
   --switch-size-compact-width: 40px;
   --switch-size-compact-height: 24px;
 }
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1N3aXRjaC9Td2l0Y2guY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIiwiZmlsZSI6IlN3aXRjaC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuL2Nzcy9zd2l0Y2guY3NzJztcbkBpbXBvcnQgJy4vY3NzL3N3aXRjaF9zaXplLmNzcyc7XG5cbjpyb290IHtcbiAgLS1zd2l0Y2gtc2l6ZS1ub3JtYWwtd2lkdGg6IDUycHg7XG4gIC0tc3dpdGNoLXNpemUtbm9ybWFsLWhlaWdodDogMzJweDtcblxuICAtLXN3aXRjaC1zaXplLWNvbXBhY3Qtd2lkdGg6IDQwcHg7XG4gIC0tc3dpdGNoLXNpemUtY29tcGFjdC1oZWlnaHQ6IDI0cHg7XG59XG4iXX0= */

package/dist/css/components/Tab/Tab.css

@@ -1,15 +1,75 @@
-@import './css/tab.css';
-@import './css/tab-group.css';
-@import './css/tab-reset.css';
-@import './css/tab_justify-content.css';
-@import './css/tab_shape.css';
-@import './css/tab_size.css';
-
+.tab {
+  &__label {
+    display: flex;
+    align-items: center;
+    align-content: center;
+  }
+}
+.tab-group {
+  position: relative;
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  & .tab {
+    display: flex;
+    flex-flow: column nowrap;
+    justify-content: flex-end;
+    &__wrapper {
+      display: flex;
+      flex: 1;
+      justify-content: center;
+      align-items: center;
+      gap: 4px;
+    }
+    &__label {
+      display: flex;
+      flex: 1;
+    }
+  }
+}
+div.tab-reset {
+  & .tab__wrapper {
+    padding: 0;
+    gap: 0;
+    margin: 0;
+  }
+}
+.tab {
+  @each $val in flex-start, flex-end, center, space-between, space-around, space-evenly {
+    &_justify-content_$(val) {
+      & > a {
+        justify-content: $(val);
+      }
+    }
+  }
+}
+.tab {
+  &_shape {
+    &_rounded {
+      border-radius: var(--tab-shape-rounded, 12px);
+    }
+    &_circular {
+      border-radius: 50%;
+    }
+  }
+}
+.tab {
+  &_size {
+    @each $size in normal, compact, xxs, xs, s, m, l, xl, xxl {
+      &_$(size) {
+        ^^&__wrapper {
+          display: flex;
+          align-items: center;
+          padding: var(--tab-size-$(size)-padding);
+          gap: var(--tab-size-$(size)-gap);
+        }
+      }
+    }
+  }
+}
 :root {
   --tab-size-normal-padding: 10px;
   --tab-size-normal-gap: 10px;
   --tab-size-compact-padding: 10px;
   --tab-size-compact-gap: 10px;
 }
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RhYi9UYWIuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIiwiZmlsZSI6IlRhYi5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuL2Nzcy90YWIuY3NzJztcbkBpbXBvcnQgJy4vY3NzL3RhYi1ncm91cC5jc3MnO1xuQGltcG9ydCAnLi9jc3MvdGFiLXJlc2V0LmNzcyc7XG5AaW1wb3J0ICcuL2Nzcy90YWJfanVzdGlmeS1jb250ZW50LmNzcyc7XG5AaW1wb3J0ICcuL2Nzcy90YWJfc2hhcGUuY3NzJztcbkBpbXBvcnQgJy4vY3NzL3RhYl9zaXplLmNzcyc7XG5cbjpyb290IHtcbiAgLS10YWItc2l6ZS1ub3JtYWwtcGFkZGluZzogMTBweDtcbiAgLS10YWItc2l6ZS1ub3JtYWwtZ2FwOiAxMHB4O1xuICAtLXRhYi1zaXplLWNvbXBhY3QtcGFkZGluZzogMTBweDtcbiAgLS10YWItc2l6ZS1jb21wYWN0LWdhcDogMTBweDtcbn1cbiJdfQ== */

package/dist/css/components/Text/Text.css

@@ -1,6 +1,57 @@
-@import './css/text.css';
-@import './css/text_mode_skeleton.css';
-@import './css/text_size.css';
-@import './css/text_type.css';
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RleHQvVGV4dC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEiLCJmaWxlIjoiVGV4dC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuL2Nzcy90ZXh0LmNzcyc7XG5AaW1wb3J0ICcuL2Nzcy90ZXh0X21vZGVfc2tlbGV0b24uY3NzJztcbkBpbXBvcnQgJy4vY3NzL3RleHRfc2l6ZS5jc3MnO1xuQGltcG9ydCAnLi9jc3MvdGV4dF90eXBlLmNzcyc7XG4iXX0= */
+.text {}
+.text {
+  &&&&_mode {
+    &_skeleton {
+      color: transparent;
+      background-image: linear-gradient(
+        90deg,
+        var(--color-surface-secondary),
+        var(--color-surface-tertiary),
+        var(--color-surface-secondary)
+      );
+      background-size: 200%;
+      border-radius: 6px;
+      animation: text-skeleton 3s infinite linear;
+    }
+  }
+}
+@keyframes text-skeleton {
+  0% {
+    background-position: 200%;
+  }
+  100% {
+    background-position: -200%;
+  }
+}
+.text_size {
+  @each $sizeText in xxs, xs, s, m, l, xl, xxl {
+    &_$(sizeText) {
+      padding: 0;
+      margin: 0;
+      @mixin text-$(sizeText);
+    }
+  }
+  @each $size in h1, h2, h3, h4, h5, h6 {
+    &_$(size) {
+      padding: 0;
+      margin: 0;
+      @mixin $(size);
+    }
+  }
+  @each $sizeP in p {
+    &_$(sizeP) {
+      @mixin $(sizeP);
+      margin: 0;
+      padding: 0;
+    }
+  }
+}
+.text {
+  &&_type {
+    @each $type in accent, primary, secondary, tertiary, surface, success, error {
+      &_$(type) {
+        color: var(--color-$(type)-text-$(type));
+      }
+    }
+  }
+}

package/dist/css/components/Textarea/Textarea.css

@@ -1,5 +1,40 @@
-@import './css/textarea.css';
-@import './css/textarea_shape.css';
-@import './css/textarea_size.css';
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RleHRhcmVhL1RleHRhcmVhLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSIsImZpbGUiOiJUZXh0YXJlYS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuL2Nzcy90ZXh0YXJlYS5jc3MnO1xuQGltcG9ydCAnLi9jc3MvdGV4dGFyZWFfc2hhcGUuY3NzJztcbkBpbXBvcnQgJy4vY3NzL3RleHRhcmVhX3NpemUuY3NzJztcbiJdfQ== */
+.textarea {
+  width: 100%;
+  min-width: 100%;
+  min-height: var(--textarea-min-height, 160px);
+  max-height: var(--textarea-max-height, 160px);
+  padding: var(--textarea-padding, 16px 16px);
+  padding: 0;
+  margin: 0;
+  border: none;
+  z-index: 1;
+  outline: 0;
+  resize: none;
+  appearance: none;
+  &:read-only {
+    color: var(--color-surface-text-tertiary);
+  }
+}
+.textarea {
+  &_shape {
+    &_rounded {
+      border-radius: var(--textarea-shape-rounded, 4px);
+      position: relative;
+    }
+    &_underline {
+      border-left: none !important;
+      border-top: none !important;
+      border-right: none !important;
+      position: relative;
+    }
+  }
+}
+.textarea {
+  &&_size {
+    @each $sizeValue in xs, s, m, l, xl, xxl {
+      &_$(sizeValue) {
+        padding: var(--textarea-size-$(sizeValue)-padding);
+      }
+    }
+  }
+}

package/dist/css/components/Tile/Tile.css

@@ -1,6 +1,47 @@
-@import './css/tile.css';
-@import './css/tile_shape.css';
-@import './css/tile_size.css';
-@import './css/tile_type.css';
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RpbGUvVGlsZS5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEiLCJmaWxlIjoiVGlsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuL2Nzcy90aWxlLmNzcyc7XG5AaW1wb3J0ICcuL2Nzcy90aWxlX3NoYXBlLmNzcyc7XG5AaW1wb3J0ICcuL2Nzcy90aWxlX3NpemUuY3NzJztcbkBpbXBvcnQgJy4vY3NzL3RpbGVfdHlwZS5jc3MnO1xuIl19 */
+.tile {
+  &__wrapper {
+    position: relative;
+    flex: var(--tile-wrapper-flex, auto);
+    & .group {
+      flex: var(--tile-wrapper-group-flex, auto);
+    }
+  }
+  &__title {
+    margin-right: var(--tile-title-margin-right, initial);
+  }
+}
+.tile {
+  &_shape {
+    &_rounded {
+      border-radius: var(--tile-shape-rounded, 12px);
+    }
+    &_circular {
+      border-radius: 50%;
+    }
+  }
+}
+.tile {
+  &_size {
+    @each $size in normal, compact {
+      &_$(size) {
+        padding: var(--tile-size-$(size)-padding);
+        min-width: var(--tile-size-$(size)-min-width);
+        & ^^&__wrapper {
+          display: flex;
+          flex-flow: column;
+          gap: var(--tile-size-$(size)-gap);
+        }
+      }
+    }
+  }
+}
+.tile {
+  &_type {
+    &_icon {
+      padding: var(--tile-type-icon-padding, 16px);
+      ^^&__icon {
+        margin: 0 0 16px 0;
+      }
+    }
+  }
+}

package/dist/css/components/Title/Title.css

@@ -1,7 +1,59 @@
-@import './css/title.css';
-@import './css/title_mode_skeleton.css';
-@import './css/title_size.css';
-@import './css/title_type.css';
-@import './css/title_direction.css';
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RpdGxlL1RpdGxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSIsImZpbGUiOiJUaXRsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuL2Nzcy90aXRsZS5jc3MnO1xuQGltcG9ydCAnLi9jc3MvdGl0bGVfbW9kZV9za2VsZXRvbi5jc3MnO1xuQGltcG9ydCAnLi9jc3MvdGl0bGVfc2l6ZS5jc3MnO1xuQGltcG9ydCAnLi9jc3MvdGl0bGVfdHlwZS5jc3MnO1xuQGltcG9ydCAnLi9jc3MvdGl0bGVfZGlyZWN0aW9uLmNzcyc7XG4iXX0= */
+.title {
+  &__wrapper {
+    display: inline-block;
+  }
+}
+.title {
+  &&_mode {
+    &_skeleton {
+      color: transparent;
+      background-image: linear-gradient(
+        90deg,
+        var(--color-surface-secondary),
+        var(--color-surface-tertiary),
+        var(--color-surface-secondary)
+      );
+      background-size: 200%;
+      border-radius: 6px;
+      animation: title-skeleton 3s infinite linear;
+    }
+  }
+}
+@keyframes title-skeleton {
+  0% {
+    background-position: 200%;
+  }
+  100% {
+    background-position: -200%;
+  }
+}
+.title_size {
+  @each $size in h1, h2, h3, h4, h5, h6 {
+    &_$(size) {
+      padding: 0;
+      margin: 0;
+      @mixin $(size);
+    }
+  }
+}
+.title {
+  &&_type {
+    @each $type in accent, primary, secondary, tertiary, surface, success, error {
+      &_$(type) {
+        color: var(--color-$(type)-text-$(type));
+      }
+    }
+  }
+}
+.title_direction {
+  &_horizontal {
+    display: flex;
+    flex-direction: row;
+    align-items: flex-start;
+  }
+  &_vertical {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+  }
+}

package/dist/css/components/Tooltip/Tooltip.css

@@ -1,13 +1,127 @@
-@import './css/tooltip.css';
+.tooltip {
+  width: fit-content;
+  position: relative;
+  display: flex;
+  visibility: hidden;
+  opacity: 0%;
+}
+
+@keyframes tooltipShowAnimation {
+  0% {
+    visibility: hidden;
+    opacity: 0%;
+  }
+  100% {
+    visibility: visible;
+    opacity: 100%;
+  }
+}
+
+@keyframes tooltipHideAnimation {
+  0% {
+    visibility: visible;
+    opacity: 100%;
+  }
+  100% {
+    visibility: hidden;
+    opacity: 0%;
+  }
+}
 
-@import './css/tooltip_size.css';
-@import './css/tooltip_shape.css';
+.tooltip {
+  &_size {
+    @each $size in s, m, l {
+      &_$(size) {
+        max-width: 400px;
+        padding: var(--tooltip-size-$(size)-padding);
+        ^^&__inner {
+          display: flex;
+          flex-flow: column nowrap;
+          gap: var(--tooltip-size-$(size)-gap);
+        }
+      }
+    }
+  }
+}
 
-@import './css/tooltip_type_arrow.css';
-@import './css/tooltip_arrow_position.css';
+.tooltip {
+  &_shape {
+    &_rounded {
+      border-radius: var(--tooltip-shape-rounded-default, 12px);
+    }
+  }
+}
 
-@import './css/tooltip_state_close.css';
-@import './css/tooltip_state_open.css';
+.tooltip {
+  &_type_arrow {
+    &::after {
+      width: var(--tooltip-arrow-width);
+      height: var(--tooltip-arrow-height);
+      border-radius: var(--tooltip-arrow-radius);
+      position: absolute;
+      content: '';
+      display: block;
+      z-index: 0;
+      background-color: var(--tooltip-arrow-color, #fff);
+    }
+    ^&__inner {
+      position: relative;
+      background-color: inherit;
+      z-index: 1;
+    }
+  }
+}
+
+.tooltip {
+  &_arrow_position {
+    &_top {
+      &::after {
+        top: 0;
+        left: 50%;
+        transform: translate(-50%, calc(calc(var(--tooltip-arrow-width) / 2) * -1)) rotate(45deg);
+      }
+    }
+    &_left {
+      &::after {
+        top: 50%;
+        left: 0;
+        transform: translate(calc(calc(var(--tooltip-arrow-width) / 2) * -1), -50%) rotate(45deg);
+      }
+    }
+    &_right {
+      &::after {
+        top: 50%;
+        right: 0;
+        transform: translate(calc(var(--tooltip-arrow-width) / 2), -50%) rotate(45deg);
+      }
+    }
+    &_bottom {
+      &::after {
+        bottom: 0;
+        left: 50%;
+        transform: translate(-50%, calc(var(--tooltip-arrow-width) / 2)) rotate(45deg);
+      }
+    }
+  }
+}
+
+.tooltip {
+  &&_state_close {
+    visibility: hidden;
+    animation-duration: 0.2s;
+    animation-name: tooltipHideAnimation;
+    opacity: 0%;
+  }
+}
+
+.tooltip {
+  &&_state_open {
+    visibility: visible;
+    animation-duration: 0.5s;
+    animation-name: tooltipShowAnimation;
+    opacity: 100%;
+  }
+}
 
 :root {
   --tooltip-size-m-padding: 0;
@@ -22,5 +136,3 @@
 
   --tooltip-arrow-color: var(--color-surface-primary);
 }
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1Rvb2x0aXAvVG9vbHRpcC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEiLCJmaWxlIjoiVG9vbHRpcC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuL2Nzcy90b29sdGlwLmNzcyc7XG5cbkBpbXBvcnQgJy4vY3NzL3Rvb2x0aXBfc2l6ZS5jc3MnO1xuQGltcG9ydCAnLi9jc3MvdG9vbHRpcF9zaGFwZS5jc3MnO1xuXG5AaW1wb3J0ICcuL2Nzcy90b29sdGlwX3R5cGVfYXJyb3cuY3NzJztcbkBpbXBvcnQgJy4vY3NzL3Rvb2x0aXBfYXJyb3dfcG9zaXRpb24uY3NzJztcblxuQGltcG9ydCAnLi9jc3MvdG9vbHRpcF9zdGF0ZV9jbG9zZS5jc3MnO1xuQGltcG9ydCAnLi9jc3MvdG9vbHRpcF9zdGF0ZV9vcGVuLmNzcyc7XG5cbjpyb290IHtcbiAgLS10b29sdGlwLXNpemUtbS1wYWRkaW5nOiAwO1xuICAtLXRvb2x0aXAtc2l6ZS1zLXBhZGRpbmc6IDA7XG5cbiAgLS10b29sdGlwLXNpemUtbS1nYXA6IDA7XG4gIC0tdG9vbHRpcC1zaXplLXMtZ2FwOiAwO1xuXG4gIC0tdG9vbHRpcC1hcnJvdy13aWR0aDogMTRweDtcbiAgLS10b29sdGlwLWFycm93LWhlaWdodDogMTRweDtcbiAgLS10b29sdGlwLWFycm93LXJhZGl1czogMnB4O1xuXG4gIC0tdG9vbHRpcC1hcnJvdy1jb2xvcjogdmFyKC0tY29sb3Itc3VyZmFjZS1wcmltYXJ5KTtcbn1cbiJdfQ== */

package/dist/css/components/Video/Video.css

@@ -1,7 +1,37 @@
-@import './css/video.css';
-@import './css/video_position.css';
-@import './css/video_type_cover.css';
-@import './css/video_type_full.css';
-@import './css/video_type_grid-item.css';
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1ZpZGVvL1ZpZGVvLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSIsImZpbGUiOiJWaWRlby5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuL2Nzcy92aWRlby5jc3MnO1xuQGltcG9ydCAnLi9jc3MvdmlkZW9fcG9zaXRpb24uY3NzJztcbkBpbXBvcnQgJy4vY3NzL3ZpZGVvX3R5cGVfY292ZXIuY3NzJztcbkBpbXBvcnQgJy4vY3NzL3ZpZGVvX3R5cGVfZnVsbC5jc3MnO1xuQGltcG9ydCAnLi9jc3MvdmlkZW9fdHlwZV9ncmlkLWl0ZW0uY3NzJztcbiJdfQ== */
+.video {
+}
+.video {
+  &&_position {
+    &_center {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+  }
+}
+.video {
+  &&_type_cover {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    overflow: hidden;
+    ^&__wrapper {
+      min-width: 100%;
+      min-height: 100%;
+    }
+  }
+}
+.video {
+  &&_type_full {
+    position: relative;
+    ^&__wrapper {
+      width: 100%;
+    }
+  }
+}
+.video {
+  &&_type_grid-item {
+    position: relative;
+    overflow: hidden;
+  }
+}

package/dist/css/components/Wrapper/Wrapper.css

@@ -1,5 +1,36 @@
-@import './css/wrapper.css';
-@import './css/wrapper_resize-horizontal.css';
-@import './css/wrapper_resize-vertical.css';
+.wrapper {
+  width: 100%;
+  &__inner {
+    width: 100%;
+    max-width: var(--max);
+    margin: 0 auto;
+  }
+}
+.wrapper {
+  &_resize-horizontal {
+    &_hug {
+      display: inline-flex;
+    }
+    &_fill {
+      min-height: 100%;
+      flex: 1;
+    }
+    &__inner {
 
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1dyYXBwZXIvV3JhcHBlci5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEiLCJmaWxlIjoiV3JhcHBlci5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuL2Nzcy93cmFwcGVyLmNzcyc7XG5AaW1wb3J0ICcuL2Nzcy93cmFwcGVyX3Jlc2l6ZS1ob3Jpem9udGFsLmNzcyc7XG5AaW1wb3J0ICcuL2Nzcy93cmFwcGVyX3Jlc2l6ZS12ZXJ0aWNhbC5jc3MnO1xuIl19 */
+    }
+  }
+}
+.wrapper {
+  &_resize-vertical {
+    &_hug {
+      display: inline-flex;
+    }
+    &_fill {
+      flex: 1;
+      display: flex;
+      ^^&__inner {
+        flex: 1;
+      }
+    }
+  }
+}

package/dist/css/styles/align/align.css

@@ -3,5 +3,3 @@
     margin: 0 auto;
   }
 }
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9zdHlsZXMvYWxpZ24vYWxpZ24uY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIiwiZmlsZSI6ImFsaWduLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5hbGlnbiB7XG4gICZfY2VudGVyIHtcbiAgICBtYXJnaW46IDAgYXV0bztcbiAgfVxufVxuIl19 */

package/dist/css/styles/align/align_horizontal-reverse.css

@@ -48,5 +48,3 @@
     }
   }
 }
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9zdHlsZXMvYWxpZ24vYWxpZ25faG9yaXpvbnRhbC1yZXZlcnNlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSIsImZpbGUiOiJhbGlnbl9ob3Jpem9udGFsLXJldmVyc2UuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmFsaWduIHtcbiAgJl9ob3Jpem9udGFsLXJldmVyc2Uge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xuICAgICZeJl90b3Age1xuICAgICAgJi1sZWZ0IHtcbiAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgICB9XG4gICAgICAmLWNlbnRlciB7XG4gICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICAgICAgfVxuICAgICAgJi1yaWdodCB7XG4gICAgICAgIHRleHQtYWxpZ246IHJpZ2h0O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgICAgIH1cbiAgICB9XG4gICAgJl4mX2xlZnQge1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICB9XG4gICAgJl4mX2NlbnRlciB7XG4gICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgfVxuICAgICZeJl9yaWdodCB7XG4gICAgICB0ZXh0LWFsaWduOiByaWdodDtcbiAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIH1cbiAgICAmXiZfYm90dG9tIHtcbiAgICAgICYtbGVmdCB7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtcbiAgICAgIH1cbiAgICAgICYtY2VudGVyIHtcbiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAgfVxuICAgICAgJi1yaWdodCB7XG4gICAgICAgIHRleHQtYWxpZ246IHJpZ2h0O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICAgICB9XG4gICAgfVxuICB9XG59XG4iXX0= */

package/dist/css/styles/align/align_horizontal.css

@@ -65,5 +65,3 @@
     }
   }
 }
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9zdHlsZXMvYWxpZ24vYWxpZ25faG9yaXpvbnRhbC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEiLCJmaWxlIjoiYWxpZ25faG9yaXpvbnRhbC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuYWxpZ24ge1xuICAmX2hvcml6b250YWwge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICAmXiZfdG9wIHtcbiAgICAgIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICAgICAgJi1sZWZ0IHtcbiAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgICB9XG4gICAgICAmLWNlbnRlciB7XG4gICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICAgICAgfVxuICAgICAgJi1yaWdodCB7XG4gICAgICAgIHRleHQtYWxpZ246IHJpZ2h0O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgICAgIH1cbiAgICAgICYtYXV0byB7XG4gICAgICAgIHRleHQtYWxpZ246IHJpZ2h0O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICAgIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICAgICAgfVxuICAgIH1cbiAgICAmXiZfbGVmdCB7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIH1cbiAgICAmXiZfY2VudGVyIHtcbiAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICYtYXV0byB7XG4gICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgfVxuICAgIH1cbiAgICAmXiZfcmlnaHQge1xuICAgICAgdGV4dC1hbGlnbjogcmlnaHQ7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICB9XG4gICAgJl4mX2JvdHRvbSB7XG4gICAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICAgICAmLWxlZnQge1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgICAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICAgICB9XG4gICAgICAmLWNlbnRlciB7XG4gICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtcbiAgICAgIH1cbiAgICAgICYtcmlnaHQge1xuICAgICAgICB0ZXh0LWFsaWduOiByaWdodDtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAgfVxuICAgICAgJi1hdXRvIHtcbiAgICAgICAgdGV4dC1hbGlnbjogcmlnaHQ7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAgfVxuICAgIH1cbiAgfVxufVxuIl19 */

package/dist/css/styles/align/align_vertical-reverse.css

@@ -47,5 +47,3 @@
     }
   }
 }
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9zdHlsZXMvYWxpZ24vYWxpZ25fdmVydGljYWwtcmV2ZXJzZS5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEiLCJmaWxlIjoiYWxpZ25fdmVydGljYWwtcmV2ZXJzZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuYWxpZ24ge1xuICAmX3ZlcnRpY2FsLXJldmVyc2Uge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAmXiZfdG9wIHtcbiAgICAgICYtbGVmdCB7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICAgICAgfVxuICAgICAgJi1jZW50ZXIge1xuICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICB9XG4gICAgICAmLXJpZ2h0IHtcbiAgICAgICAgdGV4dC1hbGlnbjogcmlnaHQ7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtcbiAgICAgIH1cbiAgICB9XG4gICAgJl4mX2xlZnQge1xuICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgICB9XG4gICAgJl4mX2NlbnRlciB7XG4gICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgfVxuICAgICZeJl9yaWdodCB7XG4gICAgICB0ZXh0LWFsaWduOiByaWdodDtcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgIH1cbiAgICAmXiZfYm90dG9tIHtcbiAgICAgICYtbGVmdCB7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICAgICAgfVxuICAgICAgJi1jZW50ZXIge1xuICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICB9XG4gICAgICAmLXJpZ2h0IHtcbiAgICAgICAgdGV4dC1hbGlnbjogcmlnaHQ7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cbiJdfQ== */

package/dist/css/styles/align/align_vertical.css

@@ -62,5 +62,3 @@
     }
   }
 }
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9zdHlsZXMvYWxpZ24vYWxpZ25fdmVydGljYWwuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIiwiZmlsZSI6ImFsaWduX3ZlcnRpY2FsLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5hbGlnbiB7XG4gICZfdmVydGljYWwge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAmXiZfdG9wIHtcbiAgICAgICYtbGVmdCB7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICAgICAgfVxuICAgICAgJi1jZW50ZXIge1xuICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICB9XG4gICAgICAmLXJpZ2h0IHtcbiAgICAgICAgdGV4dC1hbGlnbjogcmlnaHQ7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtcbiAgICAgIH1cbiAgICAgICYtYXV0byB7XG4gICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgfVxuICAgIH1cbiAgICAmXiZfbGVmdCB7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICAgIH1cbiAgICAmXiZfY2VudGVyIHtcbiAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICYtYXV0byB7XG4gICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgfVxuICAgIH1cbiAgICAmXiZfcmlnaHQge1xuICAgICAgdGV4dC1hbGlnbjogcmlnaHQ7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtcbiAgICB9XG4gICAgJl4mX2JvdHRvbSB7XG4gICAgICAmLWxlZnQge1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgICAgIH1cbiAgICAgICYtY2VudGVyIHtcbiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgfVxuICAgICAgJi1yaWdodCB7XG4gICAgICAgIHRleHQtYWxpZ246IHJpZ2h0O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICAgICB9XG4gICAgICAmLWF1dG8ge1xuICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cbiJdfQ== */