@itcase/ui 1.1.17 → 1.1.18

package/dist/css/components/Cell/Cell.css

@@ -1,14 +1,122 @@
-@import './css/cell.css';
-@import './css/cell_direction.css';
-@import './css/cell_size.css';
-@import './css/cell_shape.css';
-@import './css/cell_state_active.css';
-@import './css/cell_state_disabled.css';
-@import './css/cell_reset-gap.css';
-@import './css/cell_reset-padding.css';
-@import './css/cell_reverse.css';
-@import './css/cell_mode_skeleton.css';
-
+.cell {
+  &__wrapper {
+    min-width: auto;
+    ^&__data {
+      display: flex;
+      flex-flow: row nowrap;
+      align-items: center;
+      gap: 8px;
+    }
+    ^&__icon {
+    }
+  }
+}
+.cell {
+  &__wrapper {
+    &_direction {
+      &_vertical {
+        display: flex;
+        flex-direction: column;
+        gap: var(--cell-vertical-gap, 4px);
+      }
+      &_horizontal {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        gap: var(--cell-horizontal-gap, 20px);
+      }
+    }
+  }
+}
+.cell {
+  &_size {
+    @each $size in s, m, l, xl {
+      &_$(size) {
+        ^^&__wrapper {
+          padding: var(--cell-size-$(size)-padding);
+        }
+      }
+    }
+  }
+}
+.cell {
+  &__wrapper {
+    &_shape {
+      &_rounded {
+        border-radius: var(--cell-border-radius, 6px);
+      }
+    }
+  }
+}
+.cell {
+  &&_state {
+    &_active {
+    }
+  }
+}
+.cell {
+  &&_state {
+    &_disabled {
+    }
+  }
+}
+.cell {
+  &_reset-gap {
+    ^&__wrapper {
+      gap: 0;
+    }
+  }
+}
+.cell {
+  &_reset-padding {
+    ^&__wrapper {
+      padding: 0;
+    }
+  }
+}
+.cell {
+  &_reverse {
+    ^&__wrapper {
+      &_direction {
+        &_horizontal {
+          flex-direction: row-reverse;
+        }
+        &_vertical {
+          flex-direction: column-reverse;
+        }
+      }
+    }
+  }
+}
+.cell {
+  &&_mode {
+    &_skeleton {
+      ^^&__data {
+        ^^^&__title,
+        ^^^&__value {
+          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: cell-skeleton 3s infinite linear;
+        }
+      }
+    }
+  }
+}
+@keyframes cell-skeleton {
+  0% {
+    background-position: 200%;
+  }
+  100% {
+    background-position: -200%;
+  }
+}
 :root {
   --cell-size-s-padding: 6px;
 
@@ -18,5 +126,3 @@
 
   --cell-size-xl-padding: 12px;
 }
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NlbGwvQ2VsbC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEiLCJmaWxlIjoiQ2VsbC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuL2Nzcy9jZWxsLmNzcyc7XG5AaW1wb3J0ICcuL2Nzcy9jZWxsX2RpcmVjdGlvbi5jc3MnO1xuQGltcG9ydCAnLi9jc3MvY2VsbF9zaXplLmNzcyc7XG5AaW1wb3J0ICcuL2Nzcy9jZWxsX3NoYXBlLmNzcyc7XG5AaW1wb3J0ICcuL2Nzcy9jZWxsX3N0YXRlX2FjdGl2ZS5jc3MnO1xuQGltcG9ydCAnLi9jc3MvY2VsbF9zdGF0ZV9kaXNhYmxlZC5jc3MnO1xuQGltcG9ydCAnLi9jc3MvY2VsbF9yZXNldC1nYXAuY3NzJztcbkBpbXBvcnQgJy4vY3NzL2NlbGxfcmVzZXQtcGFkZGluZy5jc3MnO1xuQGltcG9ydCAnLi9jc3MvY2VsbF9yZXZlcnNlLmNzcyc7XG5AaW1wb3J0ICcuL2Nzcy9jZWxsX21vZGVfc2tlbGV0b24uY3NzJztcblxuOnJvb3Qge1xuICAtLWNlbGwtc2l6ZS1zLXBhZGRpbmc6IDZweDtcblxuICAtLWNlbGwtc2l6ZS1tLXBhZGRpbmc6IDZweDtcblxuICAtLWNlbGwtc2l6ZS1sLXBhZGRpbmc6IDZweDtcblxuICAtLWNlbGwtc2l6ZS14bC1wYWRkaW5nOiAxMnB4O1xufVxuIl19 */

package/dist/css/components/Checkbox/Checkbox.css

@@ -1,5 +1,95 @@
-@import './css/checkbox.css';
-@import './css/checkbox_shape.css';
-@import './css/checkbox_checkmark_fill.css';
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NoZWNrYm94L0NoZWNrYm94LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSIsImZpbGUiOiJDaGVja2JveC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuL2Nzcy9jaGVja2JveC5jc3MnO1xuQGltcG9ydCAnLi9jc3MvY2hlY2tib3hfc2hhcGUuY3NzJztcbkBpbXBvcnQgJy4vY3NzL2NoZWNrYm94X2NoZWNrbWFya19maWxsLmNzcyc7XG4iXX0= */
+.checkbox {
+  display: grid;
+  grid-template-columns: auto 1fr;
+  grid-template-rows: auto auto;
+  column-gap: var(--checkbox-column-gap, 4px);
+  row-gap: var(--checkbox-row-gap, 0);
+  &__item {
+    min-width: 16px;
+    min-height: 16px;
+    font-size: 0;
+    line-height: 0;
+    position: relative;
+    display: flex;
+    align-self: start;
+    cursor: pointer;
+    grid-row-start: span 3;
+    ^&__input {
+      width: 100%;
+      height: 100%;
+      font-size: 0;
+      line-height: 0;
+      margin: 0;
+      border: 0;
+      position: absolute;
+      left: 0;
+      top: 0;
+      z-index: 3;
+      cursor: pointer;
+      appearance: none;
+    }
+    ^&__state {
+      display: flex;
+      flex: 1;
+      z-index: 1;
+      &_shape {
+        &_rounded {
+          border-radius: 4px;
+        }
+        &_circular {
+          border-radius: 50%;
+        }
+      }
+    }
+    ^&__state-checkmark {
+      width: 5px;
+      height: 8px;
+      margin: -1px 0 0 0;
+      position: absolute;
+      display: none;
+      left: 50%;
+      top: 50%;
+      z-index: 2;
+      transform: translate(-50%, -50%) rotate(45deg);
+      border-bottom-style: solid;
+      border-bottom-width: 2px;
+      border-right-style: solid;
+      border-right-width: 2px;
+    }
+  }
+}
+.checkbox {
+  &_shape {
+    &_rounded {
+      border-radius: 4px;
+      position: relative;
+      overflow: hidden;
+    }
+  }
+}
+.checkbox {
+  &_checkmark {
+    &_fill{
+      @each $type in accent, primary, secondary, tertiary, surface, success, error {
+        &_$(type) {
+          &-item {
+            @each $color in primary, secondary, tertiary, quaternary, quinary, senary, accent, disabled, hover  {
+              &-$(color) {
+                & ^^^^^&__input {
+                  &:checked {
+                    & ~ ^^^^^^^&__state {
+                      &-checkmark {
+                        display: block;
+                        border-color: var(--color-$(type)-item-$(color));
+                      }
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/dist/css/components/Chips/Chips.css

@@ -1,7 +1,63 @@
-@import './css/chips.css';
+.chips {
+  display: inline-flex;
+  &__label {
+    white-space: nowrap;
+  }
+  &__inner {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+  }
+}
 
-@import './css/chips_size.css';
-@import './css/chips_shape.css';
+.chips {
+  &&_size {
+    &_xxs {
+      padding: var(--chips-size-xxs-padding, 2px 6px);
+      @mixin text-s;
+    }
+    &_xs {
+      padding: var(--chips-size-xs-padding, 2px 6px);
+      @mixin text-s;
+    }
+    &_s {
+      padding: var(--chips-size-s-padding, 2px 6px);
+      @mixin text-s;
+    }
+    &_m {
+      padding: var(--chips-size-m-padding, 2px 6px);
+      @mixin text-m;
+    }
+    &_l {
+      padding: var(--chips-size-l-padding, 2px 6px);
+      @mixin text-l;
+    }
+    &_xl {
+      padding: var(--chips-size-xl-padding, 2px 6px);
+      @mixin text-l;
+    }
+    &_xxl {
+      padding: var(--chips-size-xxl-padding, 6px 12px);
+      @mixin text-xxl;
+    }
+  }
+}
+
+.chips {
+  &_shape {
+    &_rounded {
+      border-radius: var(--chips-shape-rounded-default, 6px);
+      @each $size in xxs, xs, s, m, l, xl, xxl {
+        &.chips_size_$(size) {
+          border-radius: var(--chips-size-$(size)-shape-rounded);
+        }
+      }
+    }
+    &_circular {
+      border-radius: 50%;
+    }
+  }
+}
 
 :root {
   --chips-size-xxs-shape-rounded: 6px;
@@ -12,5 +68,3 @@
   --chips-size-xl-shape-rounded: 6px;
   --chips-size-xxl-shape-rounded: 6px;
 }
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NoaXBzL0NoaXBzLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSIsImZpbGUiOiJDaGlwcy5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuL2Nzcy9jaGlwcy5jc3MnO1xuXG5AaW1wb3J0ICcuL2Nzcy9jaGlwc19zaXplLmNzcyc7XG5AaW1wb3J0ICcuL2Nzcy9jaGlwc19zaGFwZS5jc3MnO1xuXG46cm9vdCB7XG4gIC0tY2hpcHMtc2l6ZS14eHMtc2hhcGUtcm91bmRlZDogNnB4O1xuICAtLWNoaXBzLXNpemUteHMtc2hhcGUtcm91bmRlZDogNnB4O1xuICAtLWNoaXBzLXNpemUtcy1zaGFwZS1yb3VuZGVkOiA2cHg7XG4gIC0tY2hpcHMtc2l6ZS1tLXNoYXBlLXJvdW5kZWQ6IDZweDtcbiAgLS1jaGlwcy1zaXplLWwtc2hhcGUtcm91bmRlZDogNnB4O1xuICAtLWNoaXBzLXNpemUteGwtc2hhcGUtcm91bmRlZDogNnB4O1xuICAtLWNoaXBzLXNpemUteHhsLXNoYXBlLXJvdW5kZWQ6IDZweDtcbn1cbiJdfQ== */

package/dist/css/components/Choice/Choice.css

@@ -1,8 +1,88 @@
-@import './css/__item/choice__item.css';
+.choice__item {
+  min-width: 30px;
+  position: relative;
+  display: flex;
+  &:hover {
+    background: var(--choice-item-background-hover);
+  }
+  &:not(:last-child) {
+    border-right: 1px solid var(--choice-border-color);
+  }
+  &_state_disabled {
+    background: var(--choice-item-state-disabled-background, #ECECEC);
+    &:hover {
+      background: var(--choice-item-state-disabled-background, #ECECEC);
+    }
+  }
+  &_active {
+    background: var(--choice-item-background-active);
+    &_state_disabled {
+      background: var(--choice-item-active-state-disabled-background, #ccc);
+      &:hover {
+        background: var(--choice-item-active-state-disabled-background, #ccc);
+      }
+    }
+  }
+  & input {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    border: 0;
+    position: absolute;
+    inset: 0 0 0 0;
+    z-index: 2;
+    opacity: 0%;
+    cursor: pointer;
+  }
+  &-label {
+    width: 100%;
+    text-align: center;
+    position: relative;
+    display: flex;
+    z-index: 3;
+    transition: color 0.5s ease;
+    cursor: pointer;
+  }
+  &-icon {
+    padding: var(--choice-item-icon-padding);
+  }
+}
+
+.choice {
+  &_shape {
+    &_rounded {
+      border-radius: var(--choice-shape-rounded, 8px);
+      overflow: hidden;
+    }
+    &_circular {
+      border-radius: 50%;
+    }
+  }
+}
 
-@import './css/choice_shape.css';
-@import './css/choice_size.css';
-@import './css/choice.css';
+.choice {
+  &_size {
+    @each $size in xs, s, m, l, xl, xxl, tiny, compact, normal, large {
+      &_$(size) {
+        ^^&__item {
+          &-label {
+            padding: var(--choice-item-size-$(size)-padding, 9px 16px);
+          }
+        }
+      }
+    }
+  }
+}
+
+.choice {
+  position: relative;
+  display: flex;
+  align-items: center;
+  &__wrapper {
+    position: relative;
+    display: flex;
+  }
+}
 
 :root {
 
@@ -12,5 +92,3 @@
 
   --choice-border-color: var(--color-surface-border-tertiary);
 }
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0Nob2ljZS9DaG9pY2UuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIiwiZmlsZSI6IkNob2ljZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuL2Nzcy9fX2l0ZW0vY2hvaWNlX19pdGVtLmNzcyc7XG5cbkBpbXBvcnQgJy4vY3NzL2Nob2ljZV9zaGFwZS5jc3MnO1xuQGltcG9ydCAnLi9jc3MvY2hvaWNlX3NpemUuY3NzJztcbkBpbXBvcnQgJy4vY3NzL2Nob2ljZS5jc3MnO1xuXG46cm9vdCB7XG5cbiAgLS1jaG9pY2UtaXRlbS1iYWNrZ3JvdW5kLWhvdmVyOiB2YXIoLS1jb2xvci1zdXJmYWNlLXNlY29uZGFyeSk7XG5cbiAgLS1jaG9pY2UtaXRlbS1iYWNrZ3JvdW5kLWFjdGl2ZTogdmFyKC0tY29sb3Itc3VyZmFjZS1hY3RpdmUpO1xuXG4gIC0tY2hvaWNlLWJvcmRlci1jb2xvcjogdmFyKC0tY29sb3Itc3VyZmFjZS1ib3JkZXItdGVydGlhcnkpO1xufVxuIl19 */

package/dist/css/components/Choice/css/__item/choice__item.css

@@ -47,5 +47,3 @@
     padding: var(--choice-item-icon-padding);
   }
 }
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0Nob2ljZS9jc3MvX19pdGVtL2Nob2ljZV9faXRlbS5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEiLCJmaWxlIjoiY2hvaWNlX19pdGVtLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5jaG9pY2VfX2l0ZW0ge1xuICBtaW4td2lkdGg6IDMwcHg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZDogdmFyKC0tY2hvaWNlLWl0ZW0tYmFja2dyb3VuZC1ob3Zlcik7XG4gIH1cbiAgJjpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCB2YXIoLS1jaG9pY2UtYm9yZGVyLWNvbG9yKTtcbiAgfVxuICAmX3N0YXRlX2Rpc2FibGVkIHtcbiAgICBiYWNrZ3JvdW5kOiB2YXIoLS1jaG9pY2UtaXRlbS1zdGF0ZS1kaXNhYmxlZC1iYWNrZ3JvdW5kLCAjRUNFQ0VDKTtcbiAgICAmOmhvdmVyIHtcbiAgICAgIGJhY2tncm91bmQ6IHZhcigtLWNob2ljZS1pdGVtLXN0YXRlLWRpc2FibGVkLWJhY2tncm91bmQsICNFQ0VDRUMpO1xuICAgIH1cbiAgfVxuICAmX2FjdGl2ZSB7XG4gICAgYmFja2dyb3VuZDogdmFyKC0tY2hvaWNlLWl0ZW0tYmFja2dyb3VuZC1hY3RpdmUpO1xuICAgICZfc3RhdGVfZGlzYWJsZWQge1xuICAgICAgYmFja2dyb3VuZDogdmFyKC0tY2hvaWNlLWl0ZW0tYWN0aXZlLXN0YXRlLWRpc2FibGVkLWJhY2tncm91bmQsICNjY2MpO1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQ6IHZhcigtLWNob2ljZS1pdGVtLWFjdGl2ZS1zdGF0ZS1kaXNhYmxlZC1iYWNrZ3JvdW5kLCAjY2NjKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbiAgJiBpbnB1dCB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIG1hcmdpbjogMDtcbiAgICBib3JkZXI6IDA7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGluc2V0OiAwIDAgMCAwO1xuICAgIHotaW5kZXg6IDI7XG4gICAgb3BhY2l0eTogMCU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG4gICYtbGFiZWwge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICB6LWluZGV4OiAzO1xuICAgIHRyYW5zaXRpb246IGNvbG9yIDAuNXMgZWFzZTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gIH1cbiAgJi1pY29uIHtcbiAgICBwYWRkaW5nOiB2YXIoLS1jaG9pY2UtaXRlbS1pY29uLXBhZGRpbmcpO1xuICB9XG59XG4iXX0= */

package/dist/css/components/Code/Code.css

@@ -1,7 +1,41 @@
-@import './css/code.css';
-@import './css/code__input_size.css';
-@import './css/code__input_shape.css';
-
+.code {
+  display: flex;
+  &__wrapper {
+    width: 100%;
+    justify-content: space-between;
+  }
+}
+.code__input {
+  &_size {
+    @each $size in normal, compact {
+      &_$(size) {
+        min-width: var(--code-input-size-$(size)-width);
+        min-height: var(--code-input-size-$(size)-height);
+        max-width: var(--code-input-size-$(size)-width);
+        max-height: var(--code-input-size-$(size)-height);
+        padding: var(--code-input-size-$(size)-padding);
+      }
+    }
+  }
+  &[type='number']::-webkit-outer-spin-button,
+  &[type='number']::-webkit-inner-spin-button {
+    margin: 0;
+    appearance: none;
+  }
+  &[type='number'] {
+    appearance: textfield;
+  }
+}
+.code__input {
+  &_shape {
+    &_rounded {
+      border-radius: var(--code-input-shape-rounded, 8px);
+    }
+    &_circular {
+      border-radius: 50%;
+    }
+  }
+}
 :root {
   --code-input-size-compact-width: 36px;
   --code-input-size-compact-height: 36px;
@@ -10,5 +44,3 @@
   --code-input-size-normal-height: 48px;
   --code-input-size-normal-padding: 10px 12px;
 }
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NvZGUvQ29kZS5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEiLCJmaWxlIjoiQ29kZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuL2Nzcy9jb2RlLmNzcyc7XG5AaW1wb3J0ICcuL2Nzcy9jb2RlX19pbnB1dF9zaXplLmNzcyc7XG5AaW1wb3J0ICcuL2Nzcy9jb2RlX19pbnB1dF9zaGFwZS5jc3MnO1xuXG46cm9vdCB7XG4gIC0tY29kZS1pbnB1dC1zaXplLWNvbXBhY3Qtd2lkdGg6IDM2cHg7XG4gIC0tY29kZS1pbnB1dC1zaXplLWNvbXBhY3QtaGVpZ2h0OiAzNnB4O1xuICAtLWNvZGUtaW5wdXQtc2l6ZS1jb21wYWN0LXBhZGRpbmc6IDVweDtcbiAgLS1jb2RlLWlucHV0LXNpemUtbm9ybWFsLXdpZHRoOiA0OHB4O1xuICAtLWNvZGUtaW5wdXQtc2l6ZS1ub3JtYWwtaGVpZ2h0OiA0OHB4O1xuICAtLWNvZGUtaW5wdXQtc2l6ZS1ub3JtYWwtcGFkZGluZzogMTBweCAxMnB4O1xufVxuIl19 */

package/dist/css/components/ContextMenu/ContextMenu.css

@@ -1,7 +1,38 @@
-@import './css/__item/context-menu__item.css';
+.context-menu__item {
+  &-wrapper {
+    display: flex;
+  }
+  &-title {
+    white-space: nowrap;
+    flex: 1;
+  }
+}
 
-@import './css/context-menu.css';
-@import './css/context-menu_shape.css';
-@import './css/context-menu_set_selectable.css';
+.context-menu {
+  position: relative;
+  min-width: 220px;
+}
 
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NvbnRleHRNZW51L0NvbnRleHRNZW51LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSIsImZpbGUiOiJDb250ZXh0TWVudS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuL2Nzcy9fX2l0ZW0vY29udGV4dC1tZW51X19pdGVtLmNzcyc7XG5cbkBpbXBvcnQgJy4vY3NzL2NvbnRleHQtbWVudS5jc3MnO1xuQGltcG9ydCAnLi9jc3MvY29udGV4dC1tZW51X3NoYXBlLmNzcyc7XG5AaW1wb3J0ICcuL2Nzcy9jb250ZXh0LW1lbnVfc2V0X3NlbGVjdGFibGUuY3NzJztcbiJdfQ== */
+.context-menu {
+  &_shape {
+    &_rounded {
+      border-radius: var(--context-menu-shape-rounded, 12px);
+      overflow: hidden;
+    }
+    &_circular {
+      border-radius: 50%;
+    }
+  }
+}
+
+.context-menu {
+  &_set {
+    &_selectable {
+      ^^&__item {
+        &-wrapper {
+          padding: 8px 16px;
+        }
+      }
+    }
+  }
+}

package/dist/css/components/ContextMenu/css/__item/context-menu__item.css

@@ -7,5 +7,3 @@
     flex: 1;
   }
 }
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NvbnRleHRNZW51L2Nzcy9fX2l0ZW0vY29udGV4dC1tZW51X19pdGVtLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSIsImZpbGUiOiJjb250ZXh0LW1lbnVfX2l0ZW0uY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmNvbnRleHQtbWVudV9faXRlbSB7XG4gICYtd3JhcHBlciB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgfVxuICAmLXRpdGxlIHtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIGZsZXg6IDE7XG4gIH1cbn1cbiJdfQ== */

package/dist/css/components/CookiesWarning/CookiesWarning.css

@@ -1,3 +1,37 @@
-@import './css/cookies-warning.css'
+.cookies-warning {
+  width: 100%;
+  max-width: 320px;
+  position: fixed;
+  right: 40px;
+  bottom: 20px;
+  z-index: 10000;
+  @media (--mobile) {
+    left: 50%;
+    right: 0;
+    transform: translate(-50%, 0);
+  }
+  &_state_hidden {
+    max-height: 1000px;
+    overflow: hidden;
+    animation-duration: 0.5s;
+    animation-fill-mode: both;
+    animation-name: cookieMessageClose;
+  }
+  &__inner {
+    background: var(--color-surface-primary);
+    padding: 32px;
+    position: relative;
+    @media (--mobile) {
+      min-width: auto;
+    }
+  }
+}
 
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0Nvb2tpZXNXYXJuaW5nL0Nvb2tpZXNXYXJuaW5nLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSIsImZpbGUiOiJDb29raWVzV2FybmluZy5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuL2Nzcy9jb29raWVzLXdhcm5pbmcuY3NzJ1xuIl19 */
+@keyframes cookieMessageClose {
+  from {
+    max-height: 500px;
+  }
+  to {
+    max-height: 0;
+  }
+}

package/dist/css/components/DadataHintField/DadataHintField.css

@@ -1,7 +1,39 @@
-@import 'react-dadata/dist/react-dadata.css';
-@import './css/dadataHintField.css';
-
-:root {
+.react-dadata__container{position:relative}.react-dadata__input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;display:block;font-size:16px;height:38px;outline:none;padding:0 10px;width:100%}.react-dadata__input:focus{border-color:#007cd6;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 0 3px rgba(0,124,214,.3)}.react-dadata__suggestions{background-color:#fff;border-radius:4px;box-shadow:0 1px 6px 3px rgba(0,0,0,.1);left:0;list-style:none;margin:0;overflow:hidden;padding:0;position:absolute;right:0;text-align:left;top:calc(100% + 8px);z-index:10}.react-dadata__suggestion-note{color:#828282;font-size:14px;padding:10px 10px 5px}.react-dadata__suggestion{background:none;border:none;box-sizing:border-box;cursor:pointer;display:block;font-size:15px;padding:7px 10px;text-align:left;width:100%}.react-dadata__suggestion--line-through{text-decoration:line-through}.react-dadata__suggestion-subtitle{color:#777;font-size:14px;margin-top:4px}.react-dadata__suggestion-subtitle-item{display:inline-block;margin-bottom:4px;margin-right:16px}.react-dadata__suggestion-subtitle-item:last-child{margin-right:0}.react-dadata__suggestion--current{background-color:rgba(0,124,214,.15)}.react-dadata__suggestion:hover{background-color:rgba(0,124,214,.1)}.react-dadata mark{background:none}.react-dadata--highlighted{color:#0094ff}.react-dadata {
+  &__container {
+    width: 100%;
+    ^&__input {
+      height: auto;
+      color: var(--react-dadata-color);
+      padding: var(--react-dadata-padding);
+      border: 1px solid var(--react-dadata-border);
+      border-radius: var(--react-dadata-border-radius);
+      box-shadow: none;
+      &:hover {
+        border: solid 1px var(--react-dadata-hover-border);
+      }
+    }
+  }
+  &__suggestion {
+    position: relative !important;
+    &:hover {
+      background: var(--color-accent-tertiary);
+    }
+  }
+  &--highlighted {
+    color: var(--color-accent-primary);
+  }
+  & .input_state {
+    &_error {
+      border: solid 1px var(--react-dadata-error-border);
+      &:hover {
+        border: solid 1px var(--react-dadata-error-border);
+      }
+    }
+    &_focus {
+      border: solid 1px var(--react-dadata-focus-border);
+    }
+  }
+}:root {
   --react-dadata-padding: 8px 12px;
   --react-dadata-border-radius: 6px;
   --react-dadata-color: var(--color-surface-text-primary);
@@ -10,5 +42,3 @@
   --react-dadata-focus-border: var(--color-surface-border-quaternary);
   --react-dadata-error-border: var(--color-error-border-primary);
 }
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RhZGF0YUhpbnRGaWVsZC9EYWRhdGFIaW50RmllbGQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIiwiZmlsZSI6IkRhZGF0YUhpbnRGaWVsZC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICdyZWFjdC1kYWRhdGEvZGlzdC9yZWFjdC1kYWRhdGEuY3NzJztcbkBpbXBvcnQgJy4vY3NzL2RhZGF0YUhpbnRGaWVsZC5jc3MnO1xuXG46cm9vdCB7XG4gIC0tcmVhY3QtZGFkYXRhLXBhZGRpbmc6IDhweCAxMnB4O1xuICAtLXJlYWN0LWRhZGF0YS1ib3JkZXItcmFkaXVzOiA2cHg7XG4gIC0tcmVhY3QtZGFkYXRhLWNvbG9yOiB2YXIoLS1jb2xvci1zdXJmYWNlLXRleHQtcHJpbWFyeSk7XG4gIC0tcmVhY3QtZGFkYXRhLWJvcmRlcjogdmFyKC0tY29sb3Itc3VyZmFjZS1ib3JkZXItdGVydGlhcnkpO1xuICAtLXJlYWN0LWRhZGF0YS1ob3Zlci1ib3JkZXI6IHZhcigtLWNvbG9yLXN1cmZhY2UtYm9yZGVyLXF1YXRlcm5hcnkpO1xuICAtLXJlYWN0LWRhZGF0YS1mb2N1cy1ib3JkZXI6IHZhcigtLWNvbG9yLXN1cmZhY2UtYm9yZGVyLXF1YXRlcm5hcnkpO1xuICAtLXJlYWN0LWRhZGF0YS1lcnJvci1ib3JkZXI6IHZhcigtLWNvbG9yLWVycm9yLWJvcmRlci1wcmltYXJ5KTtcbn1cbiJdfQ== */