indicator-ui 0.1.124 → 0.1.132

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

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

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

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

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

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

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

@@ -1,21 +0,0 @@
-@use '../../../../../styles' as *;
-
-@mixin rose() {
-  background: none;
-  border: 1px solid transparent;
-  @include modify-svg($stroke: var(--rose-600));
-
-  @include tablet-plus {
-    &:not(&:disabled):hover {
-      background-color: var(--rose-900);
-      @include modify-svg($stroke: var(--rose-500));
-    }
-  }
-
-  @include tablet {
-    &:active {
-      background-color: var(--rose-900);
-      @include modify-svg($stroke: var(--rose-500));
-    }
-  }
-}

package/dist/scss/ui/MicroButton/styles/mixins/properties/size-14.scss

@@ -1,12 +0,0 @@
-@use '../../../../../styles' as *;
-
-@mixin size-14() {
-  border-radius: 3px;
-  // 2 - 1 для учета border
-  padding: 1px;
-
-  @include modify-svg() {
-    width: 10px;
-    height: 10px;
-  }
-}

package/dist/scss/ui/MicroButton/styles/mixins/properties/size-16.scss

@@ -1,12 +0,0 @@
-@use '../../../../../styles' as *;
-
-@mixin size-16() {
-  border-radius: 3px;
-  // 2 - 1 для учета border
-  padding: 1px;
-
-  @include modify-svg() {
-    width: 12px;
-    height: 12px;
-  }
-}

package/dist/scss/ui/MicroButton/styles/mixins/properties/size-20.scss

@@ -1,12 +0,0 @@
-@use '../../../../../styles' as *;
-
-@mixin size-20() {
-  border-radius: 3px;
-  // 3 - 1 для учета border
-  padding: 2px;
-
-  @include modify-svg() {
-    width: 14px;
-    height: 14px;
-  }
-}

package/dist/scss/ui/MicroButton/styles/mixins/properties/size-24.scss

@@ -1,12 +0,0 @@
-@use '../../../../../styles' as *;
-
-@mixin size-24() {
-  border-radius: 4px;
-  // 4 - 1 для учета border
-  padding: 3px;
-
-  @include modify-svg() {
-    width: 16px;
-    height: 16px;
-  }
-}

package/dist/scss/ui/MicroButton/styles/mixins/properties/size-28.scss

@@ -1,12 +0,0 @@
-@use '../../../../../styles' as *;
-
-@mixin size-28() {
-  border-radius: 4px;
-  // 4 - 1 для учета border
-  padding: 3px;
-
-  @include modify-svg() {
-    width: 20px;
-    height: 20px;
-  }
-}

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

@@ -1,20 +0,0 @@
-@use '../../../../../../styles' as *;
-
-@mixin micro-button-color(
-  $prefix, 
-  $background-color: null,
-  $border-color: null,
-  $icon-color: null) {
-
-  & {
-    @if ($background-color != null) {
-      background-color: var(--ui-micro-button-#{$prefix}-background-color, $background-color);
-    }
-    @if ($border-color != null) {
-      border: 1px solid var(--ui-micro-button-#{$prefix}-border-color, $border-color);
-    }
-    @if ($icon-color != null) {
-      @include modify-svg($stroke: var(--ui-micro-button-#{$prefix}-icon-color, $icon-color));
-    }
-  }
-}

package/dist/scss/ui/Tag/styles/properties/active.scss

@@ -1,16 +0,0 @@
-@use '../../../../styles' as *;
-
-@mixin active() {
-  border: 1px solid var(--primary-200);
-  background-color: var(--primary-50);
-
-  &:hover {
-    border: 1px solid var(--primary-300);
-    background-color: var(--primary-100);
-  }
-}
-
-@mixin active-hover() {
-  border: 1px solid var(--primary-300);
-  background-color: var(--primary-100);
-}

package/dist/scss/ui/Tag/styles/properties/base.scss

@@ -1,34 +0,0 @@
-@use '../../../../styles' as *;
-
-@mixin base() {
-  width: fit-content;
-  height: fit-content;
-  gap: 3px;
-  border-radius: 6px;
-  border: 1px solid var(--gray-300);
-  background-color: var(--base-white);
-  transition: background-color ease-out 300ms;
-  cursor: default;
-  flex-wrap: nowrap;
-  @include modify-flex($align-items: center);
-
-  .main {
-    flex-wrap: nowrap;
-    @include modify-flex($align-items: center);
-  }
-
-  .label {
-    text-wrap: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    @include fnt-flex($color: var(--gray-700));
-  }
-
-  .dotIcon {
-    flex: none;
-    width: 6px;
-    height: 6px;
-    border-radius: 50%;
-    background-color: var(--success-500);
-  }
-}

package/dist/scss/ui/Tag/styles/properties/clicked.scss

@@ -1,3 +0,0 @@
-@mixin clicked() {
-  cursor: pointer;
-}

package/dist/scss/ui/Tag/styles/properties/hover.scss

@@ -1,5 +0,0 @@
-@use '../../../../styles' as *;
-
-@mixin hover() {
-  background-color: var(--gray-50);
-}

package/dist/scss/ui/Tag/styles/properties/index.scss

@@ -1,7 +0,0 @@
-@forward "large";
-@forward "small";
-@forward "medium";
-@forward "active";
-@forward "clicked";
-@forward "base";
-@forward "hover";

package/dist/scss/ui/Tag/styles/properties/large.scss

@@ -1,19 +0,0 @@
-@use '../../../../styles' as *;
-
-@mixin large() {
-  // С учетом border
-  padding: 3px 9px;
-  @include fnt($size: 14, $line-height: 20, $weight: 500);
-
-  .main {
-    gap: 6px;
-  }
-
-  &.isAction {
-    padding-right: 4px;
-  }
-
-  &.isCheckbox {
-    padding-left: 5px;
-  }
-}

package/dist/scss/ui/Tag/styles/properties/medium.scss

@@ -1,19 +0,0 @@
-@use '../../../../styles' as *;
-
-@mixin medium() {
-  // С учетом border
-  padding: 1px 8px;
-  @include fnt($size: 14, $line-height: 20, $weight: 500, $family: var(--golos));
-
-  .main {
-    gap: 5px;
-  }
-
-  &.isAction {
-    padding-right: 4px;
-  }
-
-  &.isCheckbox {
-    padding-left: 4px;
-  }
-}

package/dist/scss/ui/Tag/styles/properties/small.scss

@@ -1,19 +0,0 @@
-@use '../../../../styles' as *;
-
-@mixin small() {
-  // С учетом border
-  padding: 2px 7px;
-  @include fnt($size: 12, $line-height: 18, $weight: 500, $family: var(--golos));
-
-  .main {
-    gap: 4px;
-  }
-
-  &.isAction {
-    padding-right: 4px;
-  }
-
-  &.isCheckbox {
-    padding-left: 5px;
-  }
-}

package/dist/scss/ui/ToggleBase/styles/mixins/active.scss

@@ -1,12 +0,0 @@
-@mixin active($theme: 'light') {
-  @if $theme == 'dark' {
-    background-color: var(--rose-500);
-  } @else {
-    background-color: var(--primary-500);
-  }
-}
-
-@mixin active-spacer() {
-  flex-grow: 1;
-}
-

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

@@ -1,9 +0,0 @@
-@use '../../../../styles' as *;
-
-@mixin base-button() {
-  flex: none;
-  border: 1px solid transparent;
-  border-radius: 50%;
-  background-color: var(--base-white);
-  box-shadow: 0 1px 2px 0 #1018280F, 0 1px 3px 0 #1018281A;
-}

package/dist/scss/ui/ToggleBase/styles/mixins/base.scss

@@ -1,14 +0,0 @@
-@use '../../../../styles' as *;
-
-@mixin base($theme: 'light') {
-  border-radius: 12px;
-  padding: 1px;
-  border: 1px solid transparent;
-
-  @if $theme == 'dark' {
-    background-color: var(--gray-iron-500);
-  } @else {
-    background-color: var(--gray-300);
-  }
-  @include modify-flex($align-items: center);
-}

package/dist/scss/ui/ToggleBase/styles/mixins/disabled.scss

@@ -1,5 +0,0 @@
-@mixin disabled-base() {
-  cursor: default;
-  pointer-events: none;
-  opacity: 0.5;
-}

package/dist/scss/ui/ToggleBase/styles/mixins/error.scss

@@ -1,7 +0,0 @@
-@mixin error-base() {
-  background-color: var(--error-200);
-}
-
-@mixin error-active() {
-  background-color: var(--error-500);
-}

package/dist/scss/ui/ToggleBase/styles/mixins/hover.scss

@@ -1,23 +0,0 @@
-@mixin hover($theme: "light") {
-  @if $theme == "light" {
-    background-color: var(--gray-400);
-  } @else {
-    background-color: var(--gray-iron-600);
-  }
-}
-
-@mixin hover-active($theme: "light") {
-  @if $theme == "light" {
-    background-color: var(--primary-600);
-  } @else {
-    background-color: var(--rose-600);
-  }
-}
-
-@mixin hover-error() {
-  background-color: var(--error-300);
-}
-
-@mixin hover-active-error() {
-  background-color: var(--error-600);
-}

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

@@ -1,9 +0,0 @@
-@forward "large";
-@forward "medium";
-@forward "error";
-@forward "active";
-@forward "hover";
-@forward "base-button";
-@forward "base";
-@forward "disabled";
-@forward "spacer";

package/dist/scss/ui/ToggleBase/styles/mixins/large.scss

@@ -1,9 +0,0 @@
-@mixin large-base() {
-  width: 44px;
-  height: 24px;
-}
-
-@mixin large-button() {
-  width: 20px;
-  height: 20px;
-}

package/dist/scss/ui/ToggleBase/styles/mixins/medium.scss

@@ -1,9 +0,0 @@
-@mixin medium-base() {
-  width: 36px;
-  height: 20px;
-}
-
-@mixin medium-button() {
-  width: 16px;
-  height: 16px;
-}

package/dist/scss/ui/ToggleBase/styles/mixins/spacer.scss

@@ -1,5 +0,0 @@
-@use '../../../../styles' as *;
-
-@mixin spacer() {
-  flex-grow: 0;
-}

package/dist/scss/ui/formFields/FormField/styles/mixins/states/formFieldDefault.scss

@@ -1,24 +0,0 @@
-@use '../../../../../../styles' as *;
-@use '../utils/formFieldColor' as fieldColor;
-
-@mixin formFieldDefault {
-  @include fieldColor.formFieldColor(
-          $background-color: var(--base-white),
-          $border-color: var(--gray-300),
-          $text-color: var(--gray-900),
-          $icon-color: var(--gray-400),
-          $placeholder-color: var(--gray-400),
-          $box-shadow: 0 1px 2px 0 #1018280D,
-  );
-
-  @include darkTheme {
-    @include fieldColor.formFieldColor(
-            $background-color: var(--gray-950),
-            $border-color: var(--gray-800),
-            $text-color: var(--gray-25),
-            $icon-color: var(--gray-500),
-            $placeholder-color: var(--gray-500),
-            $box-shadow: 0 1px 2px 0 #1018280D,
-    );
-  }
-}

package/dist/scss/ui/formFields/FormField/styles/mixins/states/formFieldDisabled.scss

@@ -1,26 +0,0 @@
-@use '../../../../../../styles' as *;
-@use '../utils/formFieldColor' as fieldColor;
-
-@mixin formFieldDisabled {
-  @include fieldColor.formFieldColor(
-          $prefix: 'disabled',
-          $background-color: var(--gray-50),
-          $border-color: var(--gray-300),
-          $text-color: var(--gray-500),
-          $icon-color: var(--gray-400),
-          $placeholder-color: transparent,
-          $box-shadow: 0 1px 2px 0 #1018280D,
-  );
-
-  @include darkTheme {
-    @include fieldColor.formFieldColor(
-            $prefix: 'disabled',
-            $background-color: var(--gray-950),
-            $border-color: var(--gray-800),
-            $text-color: var(--gray-25),
-            $icon-color: var(--gray-400),
-            $placeholder-color: transparent,
-            $box-shadow: 0 1px 2px 0 #1018280D,
-    );
-  }
-}

package/dist/scss/ui/formFields/FormField/styles/mixins/states/formFieldError.scss

@@ -1,26 +0,0 @@
-@use '../../../../../../styles' as *;
-@use '../utils/formFieldColor' as fieldColor;
-
-@mixin formFieldError {
-  @include fieldColor.formFieldColor(
-          $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 fieldColor.formFieldColor(
-            $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/formFields/FormField/styles/mixins/states/formFieldErrorFocus.scss

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

package/dist/scss/ui/formFields/FormField/styles/mixins/states/formFieldFocus.scss

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

package/dist/scss/ui/formFields/FormField/styles/mixins/states/index.scss

@@ -1,5 +0,0 @@
-@forward "formFieldDefault";
-@forward "formFieldDisabled";
-@forward "formFieldFocus";
-@forward "formFieldError";
-@forward "formFieldErrorFocus";

package/dist/scss/ui/formFields/FormField/styles/mixins/utils/formFieldColor.scss

@@ -1,59 +0,0 @@
-@use '../../../../../../styles' as *;
-@use "@/ui/formFields/mixins" as color;
-
-@mixin formFieldColor(
-  $prefix: null,
-  $background-color,
-  $border-color,
-  $icon-color,
-  $text-color,
-  $placeholder-color,
-  $box-shadow: null) {
-
-  $component: 'form-field';
-
-  & {
-    @include color.input-color(
-            $component: $component,
-            $prefix: $prefix,
-            $background-color: $background-color,
-            $border-color: $border-color,
-            $text-color: $text-color,
-            $box-shadow: $box-shadow,
-    );
-
-    .textSupport {
-      @include color.input-color(
-              $component: $component,
-              $prefix: $prefix,
-              $text-color: $text-color,
-      );
-    }
-
-    .inputField {
-      @include color.input-color(
-              $component: $component,
-              $prefix: $prefix,
-              $background-color: $background-color,
-              $text-color: $text-color,
-              $autofill: true
-      );
-
-      &::placeholder, &.placeholder {
-        @include color.input-color(
-                $component: $component,
-                $prefix: $prefix,
-                $placeholder-color: $placeholder-color,
-        )
-      }
-    }
-
-    .icon {
-      @include color.input-color(
-              $component: $component,
-              $prefix: $prefix,
-              $icon-color: $icon-color,
-      );
-    }
-  }
-}

package/dist/scss/ui/formFields/mixins/index.scss

@@ -1 +0,0 @@
-@forward "input-color";