indicator-ui 0.1.124 → 0.1.131

package/dist/scss/ui/InputFields/DateTimeFieldMask/styles/mixins/states/dateTimeError.scss

@@ -1,26 +0,0 @@
-@use '../../../../../../styles' as *;
-@use '../utils/dateRangeFieldColor' as color;
-
-@mixin dateTimeError {
-  @include color.dateRangeFieldColor (
-          $prefix: 'error',
-          $background-color: var(--ui-form-field-background-color, var(--base-white)),
-          $border-color: var(--error-300),
-          $text-color: var(--ui-form-field-text-color, var(--gray-900)),
-          $icon-color: var(--ui-form-field-icon-color, var(--gray-400)),
-          $placeholder-color: var(--ui-form-field-placeholder-color, var(--gray-400)),
-          $box-shadow: 0 1px 2px 0 #1018280D,
-  );
-
-  @include darkTheme {
-    @include color.dateRangeFieldColor(
-            $prefix: 'error',
-            $background-color: var(--ui-form-field-background-color, var(--gray-950)),
-            $border-color: var(--error-900),
-            $text-color: var(--ui-form-field-text-color, var(--gray-25)),
-            $icon-color: var(--ui-form-field-icon-color, var(--gray-500)),
-            $placeholder-color: var(--ui-form-field-placeholder-color, var(--gray-500)),
-            $box-shadow: 0 1px 2px 0 #1018280D,
-    );
-  }
-}

package/dist/scss/ui/InputFields/DateTimeFieldMask/styles/mixins/states/index.scss

@@ -1,3 +0,0 @@
-@forward "dateTimeDefault";
-@forward "dateTimeDisabled";
-@forward "dateTimeError";

package/dist/scss/ui/InputFields/DateTimeFieldMask/styles/mixins/utils/dateRangeFieldColor.scss

@@ -1,57 +0,0 @@
-@use '../../../../../../styles' as *;
-@use "@/ui/formFields/mixins" as color;
-
-@mixin dateRangeFieldColor(
-  $prefix: null,
-  $background-color,
-  $border-color,
-  $icon-color,
-  $text-color,
-  $placeholder-color,
-  $box-shadow: null) {
-
-  $component: 'form-field';
-  $css-prefix: '';
-  @if ($prefix != null) {
-    $css-prefix: #{$prefix}-;
-  }
-
-  & {
-    @include color.input-color(
-            $component: $component,
-            $prefix: $prefix,
-            $background-color: $background-color,
-            $border-color: $border-color,
-            $box-shadow: $box-shadow,
-    );
-
-    .item {
-      .icon {
-        @include color.input-color(
-                $component: $component,
-                $prefix: $prefix,
-                $icon-color: $icon-color,
-        );
-      }
-
-      .text {
-        @include color.input-color(
-                $component: $component,
-                $prefix: $prefix,
-                $text-color: $text-color,
-        );
-      }
-    }
-    .line {
-      @include modify-svg($stroke: var(--ui-#{$component}-#{$css-prefix}border-color, $border-color));
-    }
-
-    .xCloseButton {
-      @include color.input-color(
-              $component: $component,
-              $prefix: $prefix,
-              $icon-color: $icon-color,
-      );
-    }
-  }
-}

package/dist/scss/ui/InputFields/FlexField/index.scss

@@ -1 +0,0 @@
-@forward "styles/mixins";

package/dist/scss/ui/InputFields/FlexField/styles/mixins/flexField.scss

@@ -1,151 +0,0 @@
-@use '../../../../../styles' as *;
-
-@mixin insertFlexField() {
-  .flexField {
-    width: 100%;
-    height: fit-content;
-    min-width: 0;
-
-    // С учетом border
-    padding: 9px 11px;
-    border-radius: 8px;
-    gap: 12px;
-    background-color: var(--base-white);
-    border: 1px solid var(--gray-300);
-    box-shadow: 0 1px 2px 0 #1018280D;
-    box-sizing: border-box;
-
-    @include centerInsideContent();
-
-    .inputField {
-      flex: 1;
-      min-width: 0; // Важное свойство, чтобы flexbox учитывал минимальное сжатие
-
-      min-height: 24px;
-      outline: none;
-      padding: 0;
-      margin: 0;
-
-      border: none;
-      background: none;
-      text-wrap: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-
-      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));
-
-      &::placeholder, &.placeholder {
-        @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));
-      }
-    }
-
-    .icon {
-      padding: 2px 0;
-      @include centerInsideContent();
-      @include modify-svg($stroke: var(--gray-400)) {
-        width: 20px;
-        height: 20px;
-        flex: none;
-      }
-    }
-
-    .textSupport {
-      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));
-    }
-
-    .userPic {
-      width: 24px;
-      height: 24px;
-      border-radius: 50%;
-      object-fit: scale-down;
-    }
-
-    .help {
-      padding: 2px 0;
-      @include centerInsideContent();
-      @include modify-svg($stroke: var(--gray-400)) {
-        width: 16px;
-        height: 16px;
-        flex: none;
-      }
-    }
-
-    .dropdown {
-      padding: 2px 0;
-      transition: all ease-in-out 200ms;
-      @include centerInsideContent();
-      @include modify-svg($stroke: var(--gray-500)) {
-        width: 20px;
-        height: 20px;
-        flex: none;
-      }
-
-      &.dropdownReverse {
-        transform: rotateX(-180deg);
-      }
-    }
-
-    .button {
-      padding: 2px 0;
-      transition: all ease-in-out 200ms;
-      @include centerInsideContent();
-      @include modify-svg() {
-        width: 20px;
-        height: 20px;
-        flex: none;
-      }
-
-      &.red {
-        @include modify-svg($stroke: var(--error-400));
-
-        &:hover {
-          @include modify-svg($stroke: var(--error-500));
-        }
-      }
-
-      &.gray {
-        @include modify-svg($stroke: var(--gray-400));
-
-        &:hover {
-          @include modify-svg($stroke: var(--gray-500));
-        }
-      }
-    }
-
-    &.pointer {
-      cursor: pointer;
-    }
-
-    &.focus {
-      border: 1px solid var(--gray-400);
-    }
-
-    &.isError {
-      border: 1px solid var(--error-300);
-      box-shadow: 0 1px 2px 0 #1018280D;
-
-      .help {
-        @include modify-svg($stroke: var(--error-500));
-      }
-
-      &.focus {
-        border: 1px solid var(--error-400);
-      }
-    }
-
-    &.disabled {
-      background-color: var(--gray-50);
-      cursor: default;
-
-      * {
-        cursor: default;
-      }
-
-      .inputField {
-        @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));
-      }
-    }
-
-    @content;
-  }
-}

package/dist/scss/ui/InputFields/FlexField/styles/mixins/index.scss

@@ -1 +0,0 @@
-@forward "flexField";

package/dist/scss/ui/InputFields/InputField/index.scss

@@ -1 +0,0 @@
-@forward "styles/mixins";

package/dist/scss/ui/InputFields/InputFieldWrapper/index.scss

@@ -1 +0,0 @@
-@forward "styles/mixins";

package/dist/scss/ui/InputFields/InputFieldWrapper/styles/mixins/index.scss

@@ -1 +0,0 @@
-@forward "inputFieldWrapper";

package/dist/scss/ui/InputFields/InputFieldWrapper/styles/mixins/inputFieldWrapper.scss

@@ -1,50 +0,0 @@
-@use '../../../../../styles' as *;
-
-@mixin insertInputFieldWrapper() {
-  .inputFieldWrapper {
-    width: 100%;
-    min-width: 0;
-    display: flex;
-    flex-direction: column;
-    gap: 4px;
-
-    .labelText {
-      display: flex;
-      padding: 0 12px;
-      gap: 2px;
-
-      @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-700));
-
-      .required {
-        @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--error-500));
-      }
-    }
-
-    .hintText {
-      display: flex;
-      padding: 0 12px;
-      gap: 2px;
-
-      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-600));
-    }
-
-    .hintError {
-      display: flex;
-      padding: 0 12px;
-      gap: 2px;
-
-      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--error-500));
-    }
-
-    .helperLink {
-      display: flex;
-      padding: 0 12px;
-      gap: 2px;
-      cursor: pointer;
-      @include changeSvg($width: 20, $height: 20, $stroke: var(--primary-500), $flex: none);
-      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--primary-500));
-    }
-
-    @content;
-  }
-}

package/dist/scss/ui/InputFields/RadioField/index.scss

@@ -1 +0,0 @@
-@forward "styles/mixins";

package/dist/scss/ui/InputFields/SelectField/index.scss

@@ -1 +0,0 @@
-@forward "styles/mixins";

package/dist/scss/ui/InputFields/SwitcherField/index.scss

@@ -1 +0,0 @@
-@forward "styles/mixins";

package/dist/scss/ui/InputFields/TextareaField/index.scss

@@ -1 +0,0 @@
-@forward "styles/mixin";

package/dist/scss/ui/MicroButton/index.scss

@@ -1 +0,0 @@
-@forward "styles";

package/dist/scss/ui/MicroButton/styles/index.scss

@@ -1 +0,0 @@
-@forward "mixins";

package/dist/scss/ui/MicroButton/styles/mixins/base-button.scss

@@ -1,18 +0,0 @@
-@use '../../../../styles' as *;
-
-@mixin base-micro-button() {
-  width: fit-content;
-  height: fit-content;
-  cursor: pointer;
-  transition: all ease-out 200ms;
-
-  &:disabled {
-    pointer-events: none;
-    cursor: default;
-  }
-
-  @include modify-flex(row, center, center);
-  @include modify-svg() {
-    flex: none;
-  }
-}

package/dist/scss/ui/MicroButton/styles/mixins/index.scss

@@ -1,2 +0,0 @@
-@forward "micro-button";
-@forward "base-button";

package/dist/scss/ui/MicroButton/styles/mixins/micro-button.scss

@@ -1,69 +0,0 @@
-@use 'base-button';
-@use 'properties';
-
-@mixin micro-button() {
-  .button {
-    @include base-button.base-micro-button();
-
-    &.light {
-      @include properties.light();
-    }
-
-    &.dark {
-      @include properties.dark();
-    }
-
-    &.gray {
-      @include properties.gray();
-    }
-
-    &.color {
-      @include properties.color();
-    }
-
-    &.colorHover {
-      @include properties.color-hover();
-    }
-
-    &.redHover {
-      @include properties.red-hover();
-    }
-
-    &.colorFill {
-      @include properties.color-fill();
-    }
-
-    &.grayFill {
-      @include properties.gray-fill();
-    }
-
-    &.redFill {
-      @include properties.red-fill();
-    }
-
-
-    &.blueLight {
-      @include properties.blue-light();
-    }
-
-    &.size14 {
-      @include properties.size-14();
-    }
-
-    &.size16 {
-      @include properties.size-16();
-    }
-
-    &.size20 {
-      @include properties.size-20();
-    }
-
-    &.size24 {
-      @include properties.size-24();
-    }
-
-    &.size28 {
-      @include properties.size-28();
-    }
-  }
-}

package/dist/scss/ui/MicroButton/styles/mixins/properties/blue-light.scss

@@ -1,23 +0,0 @@
-@use '../../../../../styles' as *;
-@use './utils/micro-button-color' as *;
-
-@mixin blue-light() {
-  @include micro-button-color(
-          $prefix: 'blue-light',
-          $background-color: transparent,
-          $border-color: transparent,
-          $icon-color: var(--primary-50)
-  );
-
-  @include hover {
-    &:active,
-    &:not(&:disabled):hover {
-      @include micro-button-color(
-              $prefix: 'blue-light-hover',
-              $background-color: transparent,
-              $border-color: transparent,
-              $icon-color: var(--primary-200)
-      );
-    }
-  }
-}

package/dist/scss/ui/MicroButton/styles/mixins/properties/color-fill.scss

@@ -1,44 +0,0 @@
-@use '../../../../../styles' as *;
-@use './utils/micro-button-color' as *;
-
-@mixin color-fill() {
-  @include micro-button-color(
-          $prefix: 'color-fill',
-          $background-color: var(--base-white),
-          $border-color: var(--primary-200),
-          $icon-color: var(--primary-500)
-  );
-
-  @include hover {
-    &:active,
-    &:not(&:disabled):hover {
-      @include micro-button-color(
-              $prefix: 'color-fill-hover',
-              $background-color: var(--primary-50),
-              $border-color: var(--primary-200),
-              $icon-color: var(--primary-500)
-      );
-    }
-  }
-
-  @include darkTheme {
-    @include micro-button-color(
-            $prefix: 'color-fill',
-            $background-color: var(--gray-900),
-            $border-color: var(--primary-900),
-            $icon-color: var(--primary-500)
-    );
-
-    @include hover {
-      &:active,
-      &:not(&:disabled):hover {
-        @include micro-button-color(
-                $prefix: 'color-fill-hover',
-                $background-color: var(--primary-950),
-                $border-color: var(--primary-900),
-                $icon-color: var(--primary-500)
-        );
-      }
-    }
-  }
-}

package/dist/scss/ui/MicroButton/styles/mixins/properties/color-hover.scss

@@ -1,44 +0,0 @@
-@use '../../../../../styles' as *;
-@use './utils/micro-button-color' as *;
-
-@mixin color-hover() {
-  @include micro-button-color(
-          $prefix: 'color-hover',
-          $background-color: transparent,
-          $border-color: transparent,
-          $icon-color: var(--primary-400)
-  );
-
-  @include hover {
-    &:active,
-    &:not(&:disabled):hover {
-      @include micro-button-color(
-              $prefix: 'color-hover-hover',
-              $background-color: var(--primary-100),
-              $border-color: transparent,
-              $icon-color: var(--primary-500)
-      );
-    }
-  }
-
-  @include darkTheme {
-    @include micro-button-color(
-            $prefix: 'color-hover',
-            $background-color: transparent,
-            $border-color: transparent,
-            $icon-color: var(--primary-600)
-    );
-
-    @include hover {
-      &:active,
-      &:not(&:disabled):hover {
-        @include micro-button-color(
-                $prefix: 'color-hover-hover',
-                $background-color: var(--primary-900),
-                $border-color: transparent,
-                $icon-color: var(--primary-500)
-        );
-      }
-    }
-  }
-}

package/dist/scss/ui/MicroButton/styles/mixins/properties/color.scss

@@ -1,23 +0,0 @@
-@use '../../../../../styles' as *;
-@use './utils/micro-button-color' as *;
-
-@mixin color() {
-  @include micro-button-color(
-          $prefix: 'color',
-          $background-color: transparent,
-          $border-color: transparent,
-          $icon-color: var(--primary-500)
-  );
-
-  @include hover {
-    &:active,
-    &:not(&:disabled):hover {
-      @include micro-button-color(
-              $prefix: 'color-hover',
-              $background-color: var(--base-white),
-              $border-color: transparent,
-              $icon-color: var(--primary-600)
-      );
-    }
-  }
-}

package/dist/scss/ui/MicroButton/styles/mixins/properties/dark.scss

@@ -1,32 +0,0 @@
-@use '../../../../../styles' as *;
-@use './utils/micro-button-color' as *;
-
-@mixin dark() {
-  background-color: #0C111D80;
-
-  @include micro-button-color(
-          $prefix: 'dark',
-          $background-color: #0C111D80,
-          $border-color: transparent,
-          $icon-color: var(--base-white)
-  );
-
-  svg {
-    opacity: .5;
-  }
-
-  @include hover {
-    &:active,
-    &:not(&:disabled):hover {
-      @include micro-button-color(
-              $prefix: 'dark-hover',
-              $background-color: #0C111DCC,
-              $border-color: transparent,
-              $icon-color: var(--base-white)
-      );
-      svg {
-        opacity: 1;
-      }
-    }
-  }
-}

package/dist/scss/ui/MicroButton/styles/mixins/properties/gray-fill.scss

@@ -1,23 +0,0 @@
-@use '../../../../../styles' as *;
-@use './utils/micro-button-color' as *;
-
-@mixin gray-fill() {
-  @include micro-button-color(
-          $prefix: 'gray-fill',
-          $background-color: var(--base-white),
-          $border-color: var(--gray-300),
-          $icon-color: var(--gray-700)
-  );
-
-  @include hover {
-    &:active,
-    &:not(&:disabled):hover {
-      @include micro-button-color(
-              $prefix: 'gray-fill-hover',
-              $background-color: var(--gray-50),
-              $border-color: var(--gray-300),
-              $icon-color: var(--gray-900)
-      );
-    }
-  }
-}

package/dist/scss/ui/MicroButton/styles/mixins/properties/gray.scss

@@ -1,23 +0,0 @@
-@use '../../../../../styles' as *;
-@use './utils/micro-button-color' as *;
-
-@mixin gray() {
-  @include micro-button-color(
-          $prefix: 'gray',
-          $background-color: transparent,
-          $border-color: transparent,
-          $icon-color: var(--gray-500)
-  );
-
-  @include hover {
-    &:active,
-    &:not(&:disabled):hover {
-      @include micro-button-color(
-              $prefix: 'gray-hover',
-              $background-color: var(--base-white),
-              $border-color: transparent,
-              $icon-color: var(--gray-600)
-      );
-    }
-  }
-}

package/dist/scss/ui/MicroButton/styles/mixins/properties/index.scss

@@ -1,17 +0,0 @@
-@forward "rose";
-@forward "light";
-@forward "dark";
-@forward "color";
-@forward "color-fill";
-@forward "color-hover";
-@forward "gray";
-@forward "gray-fill";
-@forward "red-fill";
-@forward "red-hover";
-@forward "blue-light";
-
-@forward "size-14";
-@forward "size-16";
-@forward "size-20";
-@forward "size-24";
-@forward "size-28";