indicator-ui 0.1.69 → 0.1.71

package/dist/scss/ui/Buttons/styles/mixins/properties/small.scss

@@ -1,29 +1,29 @@
-@use '../../../../../styles' as *;
-
-@mixin smallButton {
-  // С учетом border
-  padding: 9px;
-
-  .icon {
-    @include modify-svg() {
-      & {
-        flex: none;
-        width: 16px;
-        height: 16px;
-      }
-    }
-  }
-
-  .content {
-    padding: 0 4px;
-    gap: 4px;
-
-    .text {
-      @include fnt-flex($size: 14, $line-height: 16, $weight: 500, $family: $golos-ui);
-    }
-
-    .textSecondary {
-      @include fnt-flex($size: 14, $line-height: 16, $weight: 400, $family: $golos-ui);
-    }
-  }
+@use '../../../../../styles' as *;
+
+@mixin smallButton {
+  // С учетом border
+  padding: 9px;
+
+  .icon {
+    @include modify-svg() {
+      & {
+        flex: none;
+        width: 16px;
+        height: 16px;
+      }
+    }
+  }
+
+  .content {
+    padding: 0 4px;
+    gap: 4px;
+
+    .text {
+      @include fnt-flex($size: 14, $line-height: 16, $weight: 500, $family: $golos-ui);
+    }
+
+    .textSecondary {
+      @include fnt-flex($size: 14, $line-height: 16, $weight: 400, $family: $golos-ui);
+    }
+  }
 }

package/dist/scss/ui/Buttons/styles/mixins/properties/tab-active.scss

@@ -1,52 +1,52 @@
-@use '../../../../../styles' as *;
-
-@mixin tabActiveButton {
-  border-radius: 6px;
-  background-color: var(--base-white);
-  border: 1px solid transparent;
-  box-shadow: 0 1px 2px 0 #1018280D;
-
-  .icon {
-    @include modify-svg($stroke: var(--gray-700));
-  }
-
-  .content {
-    .text, .textSecondary {
-      @include fnt-flex($color: var(--gray-700));
-    }
-  }
-
-  &:not(.disabled):not(:disabled) {
-    @include tablet-plus {
-      &:hover {
-        &:hover {
-          .icon {
-            @include modify-svg($stroke: var(--gray-900));
-          }
-
-          .text {
-            color: var(--gray-900);
-          }
-        }
-      }
-    }
-
-    @include tablet {
-      &:active {
-        &:hover {
-          .icon {
-            @include modify-svg($stroke: var(--gray-900));
-          }
-
-          .text {
-            color: var(--gray-900);
-          }
-        }
-      }
-    }
-  }
-
-  &:disabled, &.disabled {
-    opacity: 0.5;
-  }
+@use '../../../../../styles' as *;
+
+@mixin tabActiveButton {
+  border-radius: 6px;
+  background-color: var(--base-white);
+  border: 1px solid transparent;
+  box-shadow: 0 1px 2px 0 #1018280D;
+
+  .icon {
+    @include modify-svg($stroke: var(--gray-700));
+  }
+
+  .content {
+    .text, .textSecondary {
+      @include fnt-flex($color: var(--gray-700));
+    }
+  }
+
+  &:not(.disabled):not(:disabled) {
+    @include tablet-plus {
+      &:hover {
+        &:hover {
+          .icon {
+            @include modify-svg($stroke: var(--gray-900));
+          }
+
+          .text {
+            color: var(--gray-900);
+          }
+        }
+      }
+    }
+
+    @include tablet {
+      &:active {
+        &:hover {
+          .icon {
+            @include modify-svg($stroke: var(--gray-900));
+          }
+
+          .text {
+            color: var(--gray-900);
+          }
+        }
+      }
+    }
+  }
+
+  &:disabled, &.disabled {
+    opacity: 0.5;
+  }
 }

package/dist/scss/ui/Buttons/styles/mixins/properties/tab.scss

@@ -1,52 +1,52 @@
-@use '../../../../../styles' as *;
-
-@mixin tabButton {
-  border-radius: 6px;
-  background-color: var(--gray-100);
-  border: 1px solid transparent;
-  box-shadow: 0 1px 2px 0 #1018280D;
-
-  .icon {
-    @include modify-svg($stroke: var(--gray-500));
-  }
-
-  .content {
-    .text, .textSecondary {
-      @include fnt-flex($color: var(--gray-500));
-    }
-  }
-
-  &:not(.disabled):not(:disabled) {
-    @include tablet-plus {
-      &:hover {
-        background-color: var(--gray-200);
-
-        .icon {
-          @include modify-svg($stroke: var(--gray-800));
-        }
-
-        .text {
-          color: var(--gray-800);
-        }
-      }
-    }
-
-    @include tablet {
-      &:active {
-        background-color: var(--gray-200);
-
-        .icon {
-          @include modify-svg($stroke: var(--gray-800));
-        }
-
-        .text {
-          color: var(--gray-800);
-        }
-      }
-    }
-  }
-
-  &:disabled, &.disabled {
-    opacity: 0.5;
-  }
+@use '../../../../../styles' as *;
+
+@mixin tabButton {
+  border-radius: 6px;
+  background-color: var(--gray-100);
+  border: 1px solid transparent;
+  box-shadow: 0 1px 2px 0 #1018280D;
+
+  .icon {
+    @include modify-svg($stroke: var(--gray-500));
+  }
+
+  .content {
+    .text, .textSecondary {
+      @include fnt-flex($color: var(--gray-500));
+    }
+  }
+
+  &:not(.disabled):not(:disabled) {
+    @include tablet-plus {
+      &:hover {
+        background-color: var(--gray-200);
+
+        .icon {
+          @include modify-svg($stroke: var(--gray-800));
+        }
+
+        .text {
+          color: var(--gray-800);
+        }
+      }
+    }
+
+    @include tablet {
+      &:active {
+        background-color: var(--gray-200);
+
+        .icon {
+          @include modify-svg($stroke: var(--gray-800));
+        }
+
+        .text {
+          color: var(--gray-800);
+        }
+      }
+    }
+  }
+
+  &:disabled, &.disabled {
+    opacity: 0.5;
+  }
 }

package/dist/scss/ui/Buttons/styles/mixins/properties/tertiary-color.scss

@@ -1,83 +1,83 @@
-@use '../../../../../styles' as *;
-
-@mixin tertiaryColorButton-hover-state {
-  .content {
-    .text, .textSecondary {
-      @include fnt-flex($color: var(--primary-700));
-    }
-  }
-
-  .icon {
-    @include modify-svg($stroke: var(--primary-700));
-  }
-}
-
-@mixin tertiaryColorButton {
-  border: 1px solid transparent;
-  .icon {
-    @include modify-svg($stroke: var(--primary-500));
-  }
-
-  .content {
-    .text, .textSecondary {
-      @include fnt-flex($color: var(--primary-500));
-    }
-  }
-
-  &:not(.disabled):not(:disabled) {
-    @include tablet-plus {
-      &:hover {
-        @include tertiaryColorButton-hover-state;
-      }
-    }
-
-    @include tablet {
-      &:active {
-        @include tertiaryColorButton-hover-state;
-      }
-    }
-  }
-
-  &:disabled, &.disabled {
-    opacity: 0.5;
-  }
-}
-
-
-@mixin tertiaryColorDarkThemeButton-hover-state {
-  .content {
-    .text, .textSecondary {
-      @include fnt-flex($color: var(--rose-700));
-    }
-  }
-
-  .icon {
-    @include modify-svg($stroke: var(--rose-700));
-  }
-}
-
-@mixin tertiaryColorDarkThemeButton {
-  .icon {
-    @include modify-svg($stroke: var(--rose-500));
-  }
-
-  .content {
-    .text, .textSecondary {
-      @include fnt-flex($color: var(--rose-500));
-    }
-  }
-
-  &:not(.disabled):not(:disabled) {
-    @include tablet-plus {
-      &:hover {
-        @include tertiaryColorDarkThemeButton-hover-state;
-      }
-    }
-
-    @include tablet {
-      &:active {
-        @include tertiaryColorDarkThemeButton-hover-state;
-      }
-    }
-  }
+@use '../../../../../styles' as *;
+
+@mixin tertiaryColorButton-hover-state {
+  .content {
+    .text, .textSecondary {
+      @include fnt-flex($color: var(--primary-700));
+    }
+  }
+
+  .icon {
+    @include modify-svg($stroke: var(--primary-700));
+  }
+}
+
+@mixin tertiaryColorButton {
+  border: 1px solid transparent;
+  .icon {
+    @include modify-svg($stroke: var(--primary-500));
+  }
+
+  .content {
+    .text, .textSecondary {
+      @include fnt-flex($color: var(--primary-500));
+    }
+  }
+
+  &:not(.disabled):not(:disabled) {
+    @include tablet-plus {
+      &:hover {
+        @include tertiaryColorButton-hover-state;
+      }
+    }
+
+    @include tablet {
+      &:active {
+        @include tertiaryColorButton-hover-state;
+      }
+    }
+  }
+
+  &:disabled, &.disabled {
+    opacity: 0.5;
+  }
+}
+
+
+@mixin tertiaryColorDarkThemeButton-hover-state {
+  .content {
+    .text, .textSecondary {
+      @include fnt-flex($color: var(--rose-700));
+    }
+  }
+
+  .icon {
+    @include modify-svg($stroke: var(--rose-700));
+  }
+}
+
+@mixin tertiaryColorDarkThemeButton {
+  .icon {
+    @include modify-svg($stroke: var(--rose-500));
+  }
+
+  .content {
+    .text, .textSecondary {
+      @include fnt-flex($color: var(--rose-500));
+    }
+  }
+
+  &:not(.disabled):not(:disabled) {
+    @include tablet-plus {
+      &:hover {
+        @include tertiaryColorDarkThemeButton-hover-state;
+      }
+    }
+
+    @include tablet {
+      &:active {
+        @include tertiaryColorDarkThemeButton-hover-state;
+      }
+    }
+  }
 }

package/dist/scss/ui/Buttons/styles/mixins/properties/tertiary-gray.scss

@@ -1,43 +1,43 @@
-@use '../../../../../styles' as *;
-
-@mixin tertiaryGrayButton-hover-state {
-  .content {
-    .text, .textSecondary {
-      @include fnt-flex($color: var(--gray-900));
-    }
-  }
-  .icon {
-    @include modify-svg($stroke: var(--gray-900));
-  }
-}
-
-@mixin tertiaryGrayButton {
-  border: 1px solid transparent;
-  .icon {
-    @include modify-svg($stroke: var(--gray-700));
-  }
-
-  .content {
-    .text, .textSecondary {
-      @include fnt-flex($color: var(--gray-700));
-    }
-  }
-
-  &:not(.disabled):not(:disabled) {
-    @include tablet-plus {
-      &:hover {
-        @include tertiaryGrayButton-hover-state();
-      }
-    }
-    @include tablet {
-      &:active {
-        @include tertiaryGrayButton-hover-state();
-      }
-    }
-  }
-
-
-  &:disabled, &.disabled {
-    opacity: 0.5;
-  }
+@use '../../../../../styles' as *;
+
+@mixin tertiaryGrayButton-hover-state {
+  .content {
+    .text, .textSecondary {
+      @include fnt-flex($color: var(--gray-900));
+    }
+  }
+  .icon {
+    @include modify-svg($stroke: var(--gray-900));
+  }
+}
+
+@mixin tertiaryGrayButton {
+  border: 1px solid transparent;
+  .icon {
+    @include modify-svg($stroke: var(--gray-700));
+  }
+
+  .content {
+    .text, .textSecondary {
+      @include fnt-flex($color: var(--gray-700));
+    }
+  }
+
+  &:not(.disabled):not(:disabled) {
+    @include tablet-plus {
+      &:hover {
+        @include tertiaryGrayButton-hover-state();
+      }
+    }
+    @include tablet {
+      &:active {
+        @include tertiaryGrayButton-hover-state();
+      }
+    }
+  }
+
+
+  &:disabled, &.disabled {
+    opacity: 0.5;
+  }
 }

package/dist/scss/ui/Buttons/styles/mixins/properties/tertiary-white.scss

@@ -1,84 +1,84 @@
-@use '../../../../../styles' as *;
-
-@mixin tertiaryWhiteButton-hover-state {
-  .content {
-    .text, .textSecondary {
-      @include fnt-flex($color: var(--base-white));
-    }
-  }
-
-  .icon {
-    @include modify-svg($stroke: var(--base-white));
-  }
-}
-
-@mixin tertiaryWhiteButton {
-  border: 1px solid transparent;
-
-  .icon {
-    @include modify-svg($stroke: var(--primary-100));
-  }
-
-  .content {
-    .text, .textSecondary {
-      @include fnt-flex($color: var(--primary-100));
-    }
-  }
-
-  &:not(.disabled):not(:disabled) {
-    @include tablet-plus {
-      &:hover {
-        @include tertiaryWhiteButton-hover-state;
-      }
-    }
-
-    @include tablet {
-      &:active {
-        @include tertiaryWhiteButton-hover-state;
-      }
-    }
-  }
-
-  &:disabled, &.disabled {
-    opacity: 0.5;
-  }
-}
-
-
-@mixin tertiaryWhiteDarkThemeButton-hover-state {
-  .content {
-    .text, .textSecondary {
-      @include fnt-flex($color: var(--base-white));
-    }
-  }
-
-  .icon {
-    @include modify-svg($stroke: var(--base-white));
-  }
-}
-
-@mixin tertiaryWhiteDarkThemeButton {
-  .icon {
-    @include modify-svg($stroke: var(--rose-100));
-  }
-
-  .content {
-    .text, .textSecondary {
-      @include fnt-flex($color: var(--rose-100));
-    }
-  }
-
-  &:not(.disabled):not(:disabled) {
-    @include tablet-plus {
-      &:hover {
-        @include tertiaryWhiteDarkThemeButton-hover-state;
-      }
-    }
-
-    @include tablet {
-      &:active {
-        @include tertiaryWhiteDarkThemeButton-hover-state;
-      }
-    }
-  }
+@use '../../../../../styles' as *;
+
+@mixin tertiaryWhiteButton-hover-state {
+  .content {
+    .text, .textSecondary {
+      @include fnt-flex($color: var(--base-white));
+    }
+  }
+
+  .icon {
+    @include modify-svg($stroke: var(--base-white));
+  }
+}
+
+@mixin tertiaryWhiteButton {
+  border: 1px solid transparent;
+
+  .icon {
+    @include modify-svg($stroke: var(--primary-100));
+  }
+
+  .content {
+    .text, .textSecondary {
+      @include fnt-flex($color: var(--primary-100));
+    }
+  }
+
+  &:not(.disabled):not(:disabled) {
+    @include tablet-plus {
+      &:hover {
+        @include tertiaryWhiteButton-hover-state;
+      }
+    }
+
+    @include tablet {
+      &:active {
+        @include tertiaryWhiteButton-hover-state;
+      }
+    }
+  }
+
+  &:disabled, &.disabled {
+    opacity: 0.5;
+  }
+}
+
+
+@mixin tertiaryWhiteDarkThemeButton-hover-state {
+  .content {
+    .text, .textSecondary {
+      @include fnt-flex($color: var(--base-white));
+    }
+  }
+
+  .icon {
+    @include modify-svg($stroke: var(--base-white));
+  }
+}
+
+@mixin tertiaryWhiteDarkThemeButton {
+  .icon {
+    @include modify-svg($stroke: var(--rose-100));
+  }
+
+  .content {
+    .text, .textSecondary {
+      @include fnt-flex($color: var(--rose-100));
+    }
+  }
+
+  &:not(.disabled):not(:disabled) {
+    @include tablet-plus {
+      &:hover {
+        @include tertiaryWhiteDarkThemeButton-hover-state;
+      }
+    }
+
+    @include tablet {
+      &:active {
+        @include tertiaryWhiteDarkThemeButton-hover-state;
+      }
+    }
+  }
 }