indicator-ui 0.1.69 → 0.1.71

package/dist/scss/ui/Buttons/styles/mixins/properties/link-dark-theme.scss

@@ -1,48 +1,48 @@
-@use '../../../../../styles' as *;
-
-@mixin linkDarkThemeButton-hover-state {
-  .content {
-    .text, .textSecondary {
-      @include fnt-flex($color: var(--base-white));
-    }
-  }
-
-  .icon {
-    @include modify-svg($stroke: var(--base-white));
-  }
-}
-
-@mixin linkDarkTheme {
-  padding: 0 !important;
-  gap: 4px;
-
-  .icon {
-    @include modify-svg($stroke: var(--gray-iron-400));
-  }
-
-  .content {
-    padding: 0 !important;
-
-    .text, .textSecondary {
-      @include fnt-flex($color: var(--gray-iron-400));
-    }
-  }
-
-  &:not(.disabled):not(:disabled) {
-    @include tablet-plus {
-      &:hover {
-        @include linkDarkThemeButton-hover-state;
-      }
-    }
-
-    @include tablet {
-      &:active {
-        @include linkDarkThemeButton-hover-state;
-      }
-    }
-  }
-
-  &:disabled, &.disabled {
-    opacity: 0.5;
-  }
+@use '../../../../../styles' as *;
+
+@mixin linkDarkThemeButton-hover-state {
+  .content {
+    .text, .textSecondary {
+      @include fnt-flex($color: var(--base-white));
+    }
+  }
+
+  .icon {
+    @include modify-svg($stroke: var(--base-white));
+  }
+}
+
+@mixin linkDarkTheme {
+  padding: 0 !important;
+  gap: 4px;
+
+  .icon {
+    @include modify-svg($stroke: var(--gray-iron-400));
+  }
+
+  .content {
+    padding: 0 !important;
+
+    .text, .textSecondary {
+      @include fnt-flex($color: var(--gray-iron-400));
+    }
+  }
+
+  &:not(.disabled):not(:disabled) {
+    @include tablet-plus {
+      &:hover {
+        @include linkDarkThemeButton-hover-state;
+      }
+    }
+
+    @include tablet {
+      &:active {
+        @include linkDarkThemeButton-hover-state;
+      }
+    }
+  }
+
+  &:disabled, &.disabled {
+    opacity: 0.5;
+  }
 }

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

@@ -1,48 +1,48 @@
-@use '../../../../../styles' as *;
-
-@mixin linkGrayButton-hover-state {
-  .content {
-    .text, .textSecondary {
-      @include fnt-flex($color: var(--gray-500));
-    }
-  }
-
-  .icon {
-    @include modify-svg($stroke: var(--gray-500));
-  }
-}
-
-@mixin linkGrayButton {
-  padding: 0 !important;
-  gap: 4px;
-
-  .icon {
-    @include modify-svg($stroke: var(--gray-400));
-  }
-
-  .content {
-    padding: 0 !important;
-
-    .text, .textSecondary {
-      @include fnt-flex($color: var(--gray-400));
-    }
-  }
-
-  &:not(.disabled):not(:disabled) {
-    @include tablet-plus {
-      &:hover {
-        @include linkGrayButton-hover-state;
-      }
-    }
-
-    @include tablet {
-      &:active {
-        @include linkGrayButton-hover-state;
-      }
-    }
-  }
-
-  &:disabled, &.disabled {
-    opacity: 0.5;
-  }
+@use '../../../../../styles' as *;
+
+@mixin linkGrayButton-hover-state {
+  .content {
+    .text, .textSecondary {
+      @include fnt-flex($color: var(--gray-500));
+    }
+  }
+
+  .icon {
+    @include modify-svg($stroke: var(--gray-500));
+  }
+}
+
+@mixin linkGrayButton {
+  padding: 0 !important;
+  gap: 4px;
+
+  .icon {
+    @include modify-svg($stroke: var(--gray-400));
+  }
+
+  .content {
+    padding: 0 !important;
+
+    .text, .textSecondary {
+      @include fnt-flex($color: var(--gray-400));
+    }
+  }
+
+  &:not(.disabled):not(:disabled) {
+    @include tablet-plus {
+      &:hover {
+        @include linkGrayButton-hover-state;
+      }
+    }
+
+    @include tablet {
+      &:active {
+        @include linkGrayButton-hover-state;
+      }
+    }
+  }
+
+  &:disabled, &.disabled {
+    opacity: 0.5;
+  }
 }

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

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

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

@@ -1,60 +1,60 @@
-@use '../../../../../styles' as *;
-
-@mixin primaryButton {
-  border-radius: 8px;
-  background-color: var(--primary-500);
-  border: 1px solid transparent;
-  box-shadow: 0 1px 2px 0 #1018280D;
-
-  .icon {
-    @include modify-svg($stroke: var(--base-white));
-  }
-
-  .content {
-    .text, .textSecondary {
-      @include fnt-flex($color: var(--base-white));
-    }
-  }
-
-  &:not(.disabled):not(:disabled) {
-    @include tablet-plus {
-      &:hover {
-        background-color: var(--primary-600);
-      }
-    }
-
-    @include tablet {
-      &:active {
-        background-color: var(--primary-600);
-      }
-    }
-  }
-
-
-  //&:focus {
-  //  background-color: var(--primary-500);
-  //  box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 #1018280D;
-  //}
-
-  &:disabled, &.disabled {
-    opacity: 0.3;
-  }
-}
-
-@mixin primaryDarkThemeButton {
-  background-color: var(--rose-500);
-
-  &:not(.disabled):not(:disabled) {
-    @include tablet-plus {
-      &:hover {
-        background-color: var(--rose-600);
-      }
-    }
-
-    @include tablet {
-      &:active {
-        background-color: var(--rose-600);
-      }
-    }
-  }
+@use '../../../../../styles' as *;
+
+@mixin primaryButton {
+  border-radius: 8px;
+  background-color: var(--primary-500);
+  border: 1px solid transparent;
+  box-shadow: 0 1px 2px 0 #1018280D;
+
+  .icon {
+    @include modify-svg($stroke: var(--base-white));
+  }
+
+  .content {
+    .text, .textSecondary {
+      @include fnt-flex($color: var(--base-white));
+    }
+  }
+
+  &:not(.disabled):not(:disabled) {
+    @include tablet-plus {
+      &:hover {
+        background-color: var(--primary-600);
+      }
+    }
+
+    @include tablet {
+      &:active {
+        background-color: var(--primary-600);
+      }
+    }
+  }
+
+
+  //&:focus {
+  //  background-color: var(--primary-500);
+  //  box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 #1018280D;
+  //}
+
+  &:disabled, &.disabled {
+    opacity: 0.3;
+  }
+}
+
+@mixin primaryDarkThemeButton {
+  background-color: var(--rose-500);
+
+  &:not(.disabled):not(:disabled) {
+    @include tablet-plus {
+      &:hover {
+        background-color: var(--rose-600);
+      }
+    }
+
+    @include tablet {
+      &:active {
+        background-color: var(--rose-600);
+      }
+    }
+  }
 }

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

@@ -1,73 +1,73 @@
-@use '../../../../../styles' as *;
-
-@mixin secondaryColorButton {
-  border-radius: 8px;
-  background-color: var(--base-white);
-  border: 1px solid var(--primary-200);
-  box-shadow: 0 1px 2px 0 #1018280D;
-
-  .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 {
-        background-color: var(--primary-50);
-        border: 1px solid var(--primary-300);
-      }
-    }
-
-    @include tablet {
-      &:active {
-        background-color: var(--primary-50);
-        border: 1px solid var(--primary-300);
-      }
-    }
-  }
-
-  //&:focus {
-  //  box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 #1018280D, 0 0 0 1px var(--primary-300);
-  //}
-
-  &:disabled, &.disabled {
-    opacity: 0.5;
-  }
-}
-
-@mixin secondaryColorDarkThemeButton {
-  background-color: transparent;
-  border: 1px solid var(--rose-900);
-
-  .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 {
-        background-color: var(--rose-950);
-        border: 1px solid var(--rose-700);
-      }
-    }
-
-    @include tablet {
-      &:active {
-        background-color: var(--rose-950);
-        border: 1px solid var(--rose-700);
-      }
-    }
-  }
+@use '../../../../../styles' as *;
+
+@mixin secondaryColorButton {
+  border-radius: 8px;
+  background-color: var(--base-white);
+  border: 1px solid var(--primary-200);
+  box-shadow: 0 1px 2px 0 #1018280D;
+
+  .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 {
+        background-color: var(--primary-50);
+        border: 1px solid var(--primary-300);
+      }
+    }
+
+    @include tablet {
+      &:active {
+        background-color: var(--primary-50);
+        border: 1px solid var(--primary-300);
+      }
+    }
+  }
+
+  //&:focus {
+  //  box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 #1018280D, 0 0 0 1px var(--primary-300);
+  //}
+
+  &:disabled, &.disabled {
+    opacity: 0.5;
+  }
+}
+
+@mixin secondaryColorDarkThemeButton {
+  background-color: transparent;
+  border: 1px solid var(--rose-900);
+
+  .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 {
+        background-color: var(--rose-950);
+        border: 1px solid var(--rose-700);
+      }
+    }
+
+    @include tablet {
+      &:active {
+        background-color: var(--rose-950);
+        border: 1px solid var(--rose-700);
+      }
+    }
+  }
 }

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

@@ -1,90 +1,90 @@
-@use '../../../../../styles' as *;
-
-@mixin secondaryGrayButton {
-  border-radius: 8px;
-  background-color: var(--base-white);
-  box-shadow: 0 1px 2px 0 #1018280D;
-  border: 1px solid var(--gray-300);
-
-  .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 {
-        background-color: var(--gray-50);
-        border: 1px solid var(--gray-300);
-
-        .text {
-          color: var(--gray-800);
-        }
-      }
-    }
-
-    @include tablet {
-      &:active {
-        background-color: var(--gray-50);
-        border: 1px solid var(--gray-300);
-
-        .text {
-          color: var(--gray-800);
-        }
-      }
-    }
-  }
-
-
-  //&:focus {
-  //  box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 #1018280D, 0 0 0 1px var(--gray-300);
-  //}
-
-  &:disabled, &.disabled {
-    opacity: 0.5;
-  }
-}
-
-@mixin secondaryGrayDarkThemeButton {
-  background-color: transparent;
-  border: 1px solid var(--gray-iron-700);
-
-  .icon {
-    @include modify-svg($stroke: var(--gray-iron-200));
-  }
-
-  .content {
-    .text, .textSecondary {
-      @include fnt-flex($color: var(--gray-iron-200));
-    }
-  }
-
-  &:not(.disabled):not(:disabled) {
-    @include tablet-plus {
-      &:hover {
-        background-color: var(--gray-iron-800);
-        border: 1px solid var(--gray-iron-700);
-
-        .text {
-          color: var(--gray-iron-200);
-        }
-      }
-    }
-
-    @include tablet {
-      &:active {
-        background-color: var(--gray-iron-800);
-        border: 1px solid var(--gray-iron-700);
-
-        .text {
-          color: var(--gray-iron-200);
-        }
-      }
-    }
-  }
-}
+@use '../../../../../styles' as *;
+
+@mixin secondaryGrayButton {
+  border-radius: 8px;
+  background-color: var(--base-white);
+  box-shadow: 0 1px 2px 0 #1018280D;
+  border: 1px solid var(--gray-300);
+
+  .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 {
+        background-color: var(--gray-50);
+        border: 1px solid var(--gray-300);
+
+        .text {
+          color: var(--gray-800);
+        }
+      }
+    }
+
+    @include tablet {
+      &:active {
+        background-color: var(--gray-50);
+        border: 1px solid var(--gray-300);
+
+        .text {
+          color: var(--gray-800);
+        }
+      }
+    }
+  }
+
+
+  //&:focus {
+  //  box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 #1018280D, 0 0 0 1px var(--gray-300);
+  //}
+
+  &:disabled, &.disabled {
+    opacity: 0.5;
+  }
+}
+
+@mixin secondaryGrayDarkThemeButton {
+  background-color: transparent;
+  border: 1px solid var(--gray-iron-700);
+
+  .icon {
+    @include modify-svg($stroke: var(--gray-iron-200));
+  }
+
+  .content {
+    .text, .textSecondary {
+      @include fnt-flex($color: var(--gray-iron-200));
+    }
+  }
+
+  &:not(.disabled):not(:disabled) {
+    @include tablet-plus {
+      &:hover {
+        background-color: var(--gray-iron-800);
+        border: 1px solid var(--gray-iron-700);
+
+        .text {
+          color: var(--gray-iron-200);
+        }
+      }
+    }
+
+    @include tablet {
+      &:active {
+        background-color: var(--gray-iron-800);
+        border: 1px solid var(--gray-iron-700);
+
+        .text {
+          color: var(--gray-iron-200);
+        }
+      }
+    }
+  }
+}