indicator-ui 0.1.69 → 0.1.71

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

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

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

@@ -1,45 +1,45 @@
-@use '../../../../../styles' as *;
-
-@mixin warningLinkColorButton {
-  .icon {
-    @include modify-svg($stroke: var(--error-500));
-  }
-
-  .content {
-    padding: 0 !important;
-
-    .text, .textSecondary {
-      @include fnt-flex($color: var(--error-500));
-    }
-  }
-
-  &:not(.disabled):not(:disabled) {
-    @include tablet-plus {
-      &:hover {
-        .text {
-          color: var(--error-700);
-        }
-
-        .icon {
-          @include modify-svg($stroke: var(--error-700));
-        }
-      }
-    }
-
-    @include tablet {
-      &:active {
-        .text {
-          color: var(--error-700);
-        }
-
-        .icon {
-          @include modify-svg($stroke: var(--error-700));
-        }
-      }
-    }
-  }
-
-  &:disabled, &.disabled {
-    opacity: 0.5;
-  }
+@use '../../../../../styles' as *;
+
+@mixin warningLinkColorButton {
+  .icon {
+    @include modify-svg($stroke: var(--error-500));
+  }
+
+  .content {
+    padding: 0 !important;
+
+    .text, .textSecondary {
+      @include fnt-flex($color: var(--error-500));
+    }
+  }
+
+  &:not(.disabled):not(:disabled) {
+    @include tablet-plus {
+      &:hover {
+        .text {
+          color: var(--error-700);
+        }
+
+        .icon {
+          @include modify-svg($stroke: var(--error-700));
+        }
+      }
+    }
+
+    @include tablet {
+      &:active {
+        .text {
+          color: var(--error-700);
+        }
+
+        .icon {
+          @include modify-svg($stroke: var(--error-700));
+        }
+      }
+    }
+  }
+
+  &:disabled, &.disabled {
+    opacity: 0.5;
+  }
 }

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

@@ -1,37 +1,37 @@
-@use '../../../../../styles' as *;
-
-@mixin warningPrimaryButton {
-  border-radius: 8px;
-  background-color: var(--error-500);
-  border: 1px solid transparent;
-  box-shadow: 0 1px 2px 0 #1018280D;
-
-  &:not(.disabled):not(:disabled) {
-    @include tablet-plus {
-      &:hover {
-        border: 1px solid var(--error-600);
-        background-color: var(--error-600);
-      }
-
-      &:active {
-        border: 1px solid var(--error-500);
-        background-color: var(--error-500);
-      }
-    }
-
-    @include tablet {
-      &:active {
-        border: 1px solid var(--error-600);
-        background-color: var(--error-600);
-      }
-    }
-  }
-
-  //&:focus {
-  //  background-color: var(--error-500);
-  //}
-
-  &:disabled, &.disabled {
-    opacity: 0.3;
-  }
+@use '../../../../../styles' as *;
+
+@mixin warningPrimaryButton {
+  border-radius: 8px;
+  background-color: var(--error-500);
+  border: 1px solid transparent;
+  box-shadow: 0 1px 2px 0 #1018280D;
+
+  &:not(.disabled):not(:disabled) {
+    @include tablet-plus {
+      &:hover {
+        border: 1px solid var(--error-600);
+        background-color: var(--error-600);
+      }
+
+      &:active {
+        border: 1px solid var(--error-500);
+        background-color: var(--error-500);
+      }
+    }
+
+    @include tablet {
+      &:active {
+        border: 1px solid var(--error-600);
+        background-color: var(--error-600);
+      }
+    }
+  }
+
+  //&:focus {
+  //  background-color: var(--error-500);
+  //}
+
+  &:disabled, &.disabled {
+    opacity: 0.3;
+  }
 }

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

@@ -1,41 +1,41 @@
-@use '../../../../../styles' as *;
-
-@mixin warningSecondaryColorButton {
-  border: 1px solid var(--error-200);
-  background-color: var(--base-white);
-  box-shadow: 0 1px 2px 0 #1018280D;
-
-  .icon {
-    @include modify-svg($stroke: var(--error-500));
-  }
-
-  .content {
-    .text, .textSecondary {
-      @include fnt-flex($color: var(--error-500));
-    }
-  }
-
-  &:not(.disabled):not(:disabled) {
-    @include tablet-plus {
-      &:hover {
-        background-color: var(--error-50);
-        border: 1px solid var(--error-400);
-      }
-    }
-
-    @include tablet {
-      &:active {
-        background-color: var(--error-50);
-        border: 1px solid var(--error-400);
-      }
-    }
-  }
-
-  //&:focus {
-  //  box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 #1018280D, 0 0 0 1px var(--error-200);
-  //}
-
-  &:disabled, &.disabled {
-    opacity: 0.5;
-  }
+@use '../../../../../styles' as *;
+
+@mixin warningSecondaryColorButton {
+  border: 1px solid var(--error-200);
+  background-color: var(--base-white);
+  box-shadow: 0 1px 2px 0 #1018280D;
+
+  .icon {
+    @include modify-svg($stroke: var(--error-500));
+  }
+
+  .content {
+    .text, .textSecondary {
+      @include fnt-flex($color: var(--error-500));
+    }
+  }
+
+  &:not(.disabled):not(:disabled) {
+    @include tablet-plus {
+      &:hover {
+        background-color: var(--error-50);
+        border: 1px solid var(--error-400);
+      }
+    }
+
+    @include tablet {
+      &:active {
+        background-color: var(--error-50);
+        border: 1px solid var(--error-400);
+      }
+    }
+  }
+
+  //&:focus {
+  //  box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 #1018280D, 0 0 0 1px var(--error-200);
+  //}
+
+  &:disabled, &.disabled {
+    opacity: 0.5;
+  }
 }

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

@@ -1,31 +1,31 @@
-@use '../../../../styles' as *;
-
-@mixin checkbox-mark-base-hover() {
-  background-color: var(--primary-50);
-  border: 1px solid var(--primary-200);
-}
-
-@mixin checkbox-mark-base() {
-  width: 20px;
-  height: 20px;
-  flex: none;
-
-  background-color: var(--base-white);
-  border: 1px solid var(--gray-300);
-  box-sizing: border-box;
-  cursor: pointer;
-  overflow: hidden;
-
-  @include centerInsideContent();
-  @include modify-svg($stroke-width: 4) {
-    width: 14px;
-    height: 14px;
-    flex: none;
-  }
-
-  @include tablet-plus {
-    &:hover {
-      @include checkbox-mark-base-hover();
-    }
-  }
+@use '../../../../styles' as *;
+
+@mixin checkbox-mark-base-hover() {
+  background-color: var(--primary-50);
+  border: 1px solid var(--primary-200);
+}
+
+@mixin checkbox-mark-base() {
+  width: 20px;
+  height: 20px;
+  flex: none;
+
+  background-color: var(--base-white);
+  border: 1px solid var(--gray-300);
+  box-sizing: border-box;
+  cursor: pointer;
+  overflow: hidden;
+
+  @include centerInsideContent();
+  @include modify-svg($stroke-width: 4) {
+    width: 14px;
+    height: 14px;
+    flex: none;
+  }
+
+  @include tablet-plus {
+    &:hover {
+      @include checkbox-mark-base-hover();
+    }
+  }
 }

package/dist/scss/ui/CheckboxMark/styles/mixins/checkbox-mark.scss

@@ -1,96 +1,96 @@
-@use 'base';
-@use 'properties';
-@use '../../../../styles' as *;
-
-@mixin checkbox-mark() {
-  .checkboxMark {
-    transition: all ease-out 0.2s;
-    @include base.checkbox-mark-base();
-
-    &.checkbox {
-      @include properties.checkbox();
-    }
-
-    &.radio {
-      @include properties.radio();
-    }
-
-    &.checked {
-      @include properties.checked();
-    }
-
-    &.indeterminate {
-      @include properties.indeterminate();
-    }
-
-    &.error {
-      @include properties.error();
-    }
-
-    &.disabled {
-      @include properties.disabled();
-    }
-
-    &.correct {
-      &.checked {
-        @include properties.correct-checked();
-
-        &.disabled {
-          @include properties.correct-disabled();
-        }
-      }
-    }
-
-    &.incorrect {
-      &.checked {
-        @include properties.incorrect-checked();
-
-        &.disabled {
-          @include properties.incorrect-disabled();
-        }
-      }
-    }
-
-    @include tablet-plus {
-      &.hover {
-        @include base.checkbox-mark-base-hover();
-
-        &.checked {
-          @include properties.checked-hover();
-        }
-
-        &.indeterminate {
-          @include properties.indeterminate-hover();
-        }
-
-        &.error {
-          @include properties.error-hover();
-        }
-
-        &.disabled {
-          @include properties.disabled-hover();
-        }
-
-        &.correct {
-          &.checked {
-            @include properties.correct-checked-hover();
-
-            &.disabled {
-              @include properties.correct-disabled-hover();
-            }
-          }
-        }
-
-        &.incorrect {
-          &.checked {
-            @include properties.incorrect-checked-hover();
-
-            &.disabled {
-              @include properties.incorrect-disabled-hover();
-            }
-          }
-        }
-      }
-    }
-  }
+@use 'base';
+@use 'properties';
+@use '../../../../styles' as *;
+
+@mixin checkbox-mark() {
+  .checkboxMark {
+    transition: all ease-out 0.2s;
+    @include base.checkbox-mark-base();
+
+    &.checkbox {
+      @include properties.checkbox();
+    }
+
+    &.radio {
+      @include properties.radio();
+    }
+
+    &.checked {
+      @include properties.checked();
+    }
+
+    &.indeterminate {
+      @include properties.indeterminate();
+    }
+
+    &.error {
+      @include properties.error();
+    }
+
+    &.disabled {
+      @include properties.disabled();
+    }
+
+    &.correct {
+      &.checked {
+        @include properties.correct-checked();
+
+        &.disabled {
+          @include properties.correct-disabled();
+        }
+      }
+    }
+
+    &.incorrect {
+      &.checked {
+        @include properties.incorrect-checked();
+
+        &.disabled {
+          @include properties.incorrect-disabled();
+        }
+      }
+    }
+
+    @include tablet-plus {
+      &.hover {
+        @include base.checkbox-mark-base-hover();
+
+        &.checked {
+          @include properties.checked-hover();
+        }
+
+        &.indeterminate {
+          @include properties.indeterminate-hover();
+        }
+
+        &.error {
+          @include properties.error-hover();
+        }
+
+        &.disabled {
+          @include properties.disabled-hover();
+        }
+
+        &.correct {
+          &.checked {
+            @include properties.correct-checked-hover();
+
+            &.disabled {
+              @include properties.correct-disabled-hover();
+            }
+          }
+        }
+
+        &.incorrect {
+          &.checked {
+            @include properties.incorrect-checked-hover();
+
+            &.disabled {
+              @include properties.incorrect-disabled-hover();
+            }
+          }
+        }
+      }
+    }
+  }
 }

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

@@ -1,3 +1,3 @@
-@forward "checkbox-mark";
-@forward "properties";
+@forward "checkbox-mark";
+@forward "properties";
 @forward "base";

package/dist/scss/ui/CheckboxMark/styles/mixins/properties/checkbox.scss

@@ -1,3 +1,3 @@
-@mixin checkbox() {
-  border-radius: 6px;
+@mixin checkbox() {
+  border-radius: 6px;
 }

package/dist/scss/ui/CheckboxMark/styles/mixins/properties/checked.scss

@@ -1,22 +1,22 @@
-@use '../../../../../styles' as *;
-
-@mixin checked-hover() {
-  border: 1px solid var(--primary-400);
-}
-
-@mixin checked() {
-  background-color: var(--primary-50);
-  border: 1px solid var(--primary-200);
-
-  @include modify-svg($stroke: var(--primary-500));
-
-  &:after {
-    display: block;
-  }
-
-  @include tablet-plus {
-    &:hover {
-      @include checked-hover();
-    }
-  }
+@use '../../../../../styles' as *;
+
+@mixin checked-hover() {
+  border: 1px solid var(--primary-400);
+}
+
+@mixin checked() {
+  background-color: var(--primary-50);
+  border: 1px solid var(--primary-200);
+
+  @include modify-svg($stroke: var(--primary-500));
+
+  &:after {
+    display: block;
+  }
+
+  @include tablet-plus {
+    &:hover {
+      @include checked-hover();
+    }
+  }
 }