indicator-ui 0.1.47 → 0.1.48

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

@@ -1,19 +1,19 @@
-@use '../../../../../styles' as *;
-
-@mixin blue-light() {
-  background: none;
-  border: 1px solid transparent;
-  @include modify-svg($stroke: var(--primary-50));
-
-  @include tablet-plus {
-    &:not(&:disabled):hover {
-      @include modify-svg($stroke: var(--primary-200));
-    }
-  }
-
-  @include tablet {
-    &:active {
-      @include modify-svg($stroke: var(--primary-200));
-    }
-  }
+@use '../../../../../styles' as *;
+
+@mixin blue-light() {
+  background: none;
+  border: 1px solid transparent;
+  @include modify-svg($stroke: var(--primary-50));
+
+  @include tablet-plus {
+    &:not(&:disabled):hover {
+      @include modify-svg($stroke: var(--primary-200));
+    }
+  }
+
+  @include tablet {
+    &:active {
+      @include modify-svg($stroke: var(--primary-200));
+    }
+  }
 }

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

@@ -1,21 +1,21 @@
-@use '../../../../../styles' as *;
-
-@mixin color-fill() {
-  background: var(--base-white);
-  border: 1px solid var(--primary-200);
-  @include modify-svg($stroke: var(--primary-500));
-
-  @include tablet-plus {
-    &:not(&:disabled):hover {
-      background: var(--primary-50);
-      @include modify-svg($stroke: var(--primary-500));
-    }
-  }
-
-  @include tablet {
-    &:active {
-      background: var(--primary-50);
-      @include modify-svg($stroke: var(--primary-500));
-    }
-  }
+@use '../../../../../styles' as *;
+
+@mixin color-fill() {
+  background: var(--base-white);
+  border: 1px solid var(--primary-200);
+  @include modify-svg($stroke: var(--primary-500));
+
+  @include tablet-plus {
+    &:not(&:disabled):hover {
+      background: var(--primary-50);
+      @include modify-svg($stroke: var(--primary-500));
+    }
+  }
+
+  @include tablet {
+    &:active {
+      background: var(--primary-50);
+      @include modify-svg($stroke: var(--primary-500));
+    }
+  }
 }

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

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

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

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

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

@@ -1,19 +1,19 @@
-@use '../../../../../styles' as *;
-
-@mixin dark() {
-  background-color: #0C111D80;
-  border: 1px solid transparent;
-  @include modify-svg($stroke: var(--base-white));
-
-  @include tablet-plus {
-    &:not(&:disabled):hover {
-      background-color: #0C111DCC;
-    }
-  }
-
-  @include tablet {
-    &:active {
-      background-color: #0C111DCC;
-    }
-  }
+@use '../../../../../styles' as *;
+
+@mixin dark() {
+  background-color: #0C111D80;
+  border: 1px solid transparent;
+  @include modify-svg($stroke: var(--base-white));
+
+  @include tablet-plus {
+    &:not(&:disabled):hover {
+      background-color: #0C111DCC;
+    }
+  }
+
+  @include tablet {
+    &:active {
+      background-color: #0C111DCC;
+    }
+  }
 }

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

@@ -1,21 +1,21 @@
-@use '../../../../../styles' as *;
-
-@mixin gray-fill() {
-  background: var(--base-white);
-  border: 1px solid var(--gray-300);
-  @include modify-svg($stroke: var(--gray-700));
-
-  @include tablet-plus {
-    &:not(&:disabled):hover {
-      background: var(--gray-50);
-      @include modify-svg($stroke: var(--gray-900));
-    }
-  }
-
-  @include tablet {
-    &:active {
-      background: var(--gray-50);
-      @include modify-svg($stroke: var(--gray-900));
-    }
-  }
+@use '../../../../../styles' as *;
+
+@mixin gray-fill() {
+  background: var(--base-white);
+  border: 1px solid var(--gray-300);
+  @include modify-svg($stroke: var(--gray-700));
+
+  @include tablet-plus {
+    &:not(&:disabled):hover {
+      background: var(--gray-50);
+      @include modify-svg($stroke: var(--gray-900));
+    }
+  }
+
+  @include tablet {
+    &:active {
+      background: var(--gray-50);
+      @include modify-svg($stroke: var(--gray-900));
+    }
+  }
 }

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

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

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

@@ -1,17 +1,17 @@
-@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";
+@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";

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

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

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

@@ -1,21 +1,21 @@
-@use '../../../../../styles' as *;
-
-@mixin red-fill() {
-  background: var(--base-white);
-  border: 1px solid var(--error-300);
-  @include modify-svg($stroke: var(--error-500));
-
-  @include tablet-plus {
-    &:not(&:disabled):hover {
-      background: var(--error-50);
-      @include modify-svg($stroke: var(--error-600));
-    }
-  }
-
-  @include tablet {
-    &:active {
-      background: var(--error-50);
-      @include modify-svg($stroke: var(--error-600));
-    }
-  }
+@use '../../../../../styles' as *;
+
+@mixin red-fill() {
+  background: var(--base-white);
+  border: 1px solid var(--error-300);
+  @include modify-svg($stroke: var(--error-500));
+
+  @include tablet-plus {
+    &:not(&:disabled):hover {
+      background: var(--error-50);
+      @include modify-svg($stroke: var(--error-600));
+    }
+  }
+
+  @include tablet {
+    &:active {
+      background: var(--error-50);
+      @include modify-svg($stroke: var(--error-600));
+    }
+  }
 }

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

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

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

@@ -1,21 +1,21 @@
-@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));
-    }
-  }
+@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 +1,12 @@
-@use '../../../../../styles' as *;
-
-@mixin size-14() {
-  border-radius: 3px;
-  // 2 - 1 для учета border
-  padding: 1px;
-
-  @include modify-svg() {
-    width: 10px;
-    height: 10px;
-  }
+@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 +1,12 @@
-@use '../../../../../styles' as *;
-
-@mixin size-16() {
-  border-radius: 3px;
-  // 2 - 1 для учета border
-  padding: 1px;
-
-  @include modify-svg() {
-    width: 12px;
-    height: 12px;
-  }
+@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 +1,12 @@
-@use '../../../../../styles' as *;
-
-@mixin size-20() {
-  border-radius: 3px;
-  // 3 - 1 для учета border
-  padding: 2px;
-
-  @include modify-svg() {
-    width: 14px;
-    height: 14px;
-  }
+@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 +1,12 @@
-@use '../../../../../styles' as *;
-
-@mixin size-24() {
-  border-radius: 4px;
-  // 4 - 1 для учета border
-  padding: 3px;
-
-  @include modify-svg() {
-    width: 16px;
-    height: 16px;
-  }
+@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 +1,12 @@
-@use '../../../../../styles' as *;
-
-@mixin size-28() {
-  border-radius: 4px;
-  // 4 - 1 для учета border
-  padding: 3px;
-
-  @include modify-svg() {
-    width: 20px;
-    height: 20px;
-  }
+@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/Tag/styles/properties/active.scss

@@ -1,16 +1,16 @@
-@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);
+@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);
 }