indicator-ui 0.1.69 → 0.1.71

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

@@ -1,49 +1,49 @@
-@use '../../../../../styles' as *;
-
-@mixin correct-checked-hover() {
-  background-color: var(--primary-600);
-
-  border: transparent;
-}
-
-@mixin correct-disabled-hover() {
-  background-color: var(--gray-300);
-
-  border: transparent;
-}
-
-@mixin correct-checked() {
-  background-color: var(--primary-500);
-
-  border: transparent;
-  @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));
-  @include modify-svg($stroke: var(--base-white));
-
-  &:after {
-    display: none;
-  }
-
-  @include tablet-plus {
-    &:hover {
-      @include correct-checked-hover();
-    }
-  }
-}
-
-@mixin correct-disabled() {
-  background-color: var(--gray-300);
-
-  border: transparent;
-  @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));
-  @include modify-svg($stroke: var(--base-white));
-
-  &:after {
-    display: none;
-  }
-
-  @include tablet-plus {
-    &:hover {
-      @include correct-disabled-hover();
-    }
-  }
+@use '../../../../../styles' as *;
+
+@mixin correct-checked-hover() {
+  background-color: var(--primary-600);
+
+  border: transparent;
+}
+
+@mixin correct-disabled-hover() {
+  background-color: var(--gray-300);
+
+  border: transparent;
+}
+
+@mixin correct-checked() {
+  background-color: var(--primary-500);
+
+  border: transparent;
+  @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));
+  @include modify-svg($stroke: var(--base-white));
+
+  &:after {
+    display: none;
+  }
+
+  @include tablet-plus {
+    &:hover {
+      @include correct-checked-hover();
+    }
+  }
+}
+
+@mixin correct-disabled() {
+  background-color: var(--gray-300);
+
+  border: transparent;
+  @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));
+  @include modify-svg($stroke: var(--base-white));
+
+  &:after {
+    display: none;
+  }
+
+  @include tablet-plus {
+    &:hover {
+      @include correct-disabled-hover();
+    }
+  }
 }

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

@@ -1,29 +1,29 @@
-@use '../../../../../styles' as *;
-
-@mixin disabled-hover() {
-  background-color: var(--gray-100);
-  border: 1px solid var(--gray-300);
-
-  @include modify-svg($stroke: var(--gray-300));
-  @include fnt-flex($color: var(--gray-300));
-}
-
-@mixin disabled() {
-  cursor: default;
-
-  background-color: var(--gray-100);
-  border: 1px solid var(--gray-300);
-
-  &:after {
-    background-color: var(--gray-300);
-  }
-
-  @include modify-svg($stroke: var(--gray-300));
-  @include fnt-flex($color: var(--gray-300));
-
-  @include tablet-plus {
-    &:hover {
-      @include disabled-hover();
-    }
-  }
+@use '../../../../../styles' as *;
+
+@mixin disabled-hover() {
+  background-color: var(--gray-100);
+  border: 1px solid var(--gray-300);
+
+  @include modify-svg($stroke: var(--gray-300));
+  @include fnt-flex($color: var(--gray-300));
+}
+
+@mixin disabled() {
+  cursor: default;
+
+  background-color: var(--gray-100);
+  border: 1px solid var(--gray-300);
+
+  &:after {
+    background-color: var(--gray-300);
+  }
+
+  @include modify-svg($stroke: var(--gray-300));
+  @include fnt-flex($color: var(--gray-300));
+
+  @include tablet-plus {
+    &:hover {
+      @include disabled-hover();
+    }
+  }
 }

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

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

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

@@ -1,49 +1,49 @@
-@use '../../../../../styles' as *;
-
-@mixin incorrect-checked-hover() {
-  background-color: var(--error-600);
-
-  border: transparent;
-}
-
-@mixin incorrect-disabled-hover() {
-  background-color: var(--gray-300);
-
-  border: transparent;
-}
-
-@mixin incorrect-checked() {
-  background-color: var(--error-500);
-
-  border: transparent;
-  @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));
-  @include modify-svg($stroke: var(--base-white));
-
-  &:after {
-    display: none;
-  }
-
-  @include tablet-plus {
-    &:hover {
-      @include incorrect-checked-hover();
-    }
-  }
-}
-
-@mixin incorrect-disabled() {
-  background-color: var(--gray-300);
-
-  border: transparent;
-  @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));
-  @include modify-svg($stroke: var(--base-white));
-
-  &:after {
-    display: none;
-  }
-
-  @include tablet-plus {
-    &:hover {
-      @include incorrect-disabled-hover();
-    }
-  }
+@use '../../../../../styles' as *;
+
+@mixin incorrect-checked-hover() {
+  background-color: var(--error-600);
+
+  border: transparent;
+}
+
+@mixin incorrect-disabled-hover() {
+  background-color: var(--gray-300);
+
+  border: transparent;
+}
+
+@mixin incorrect-checked() {
+  background-color: var(--error-500);
+
+  border: transparent;
+  @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));
+  @include modify-svg($stroke: var(--base-white));
+
+  &:after {
+    display: none;
+  }
+
+  @include tablet-plus {
+    &:hover {
+      @include incorrect-checked-hover();
+    }
+  }
+}
+
+@mixin incorrect-disabled() {
+  background-color: var(--gray-300);
+
+  border: transparent;
+  @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));
+  @include modify-svg($stroke: var(--base-white));
+
+  &:after {
+    display: none;
+  }
+
+  @include tablet-plus {
+    &:hover {
+      @include incorrect-disabled-hover();
+    }
+  }
 }

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

@@ -1,19 +1,19 @@
-@use '../../../../../styles' as *;
-
-@mixin indeterminate-hover() {
-  border: 1px solid var(--primary-400);
-}
-
-@mixin indeterminate() {
-  background-color: var(--primary-50);
-  border: 1px solid var(--primary-200);
-
-  @include modify-svg($stroke: var(--primary-500));
-  @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--primary-500));
-
-  @include tablet-plus {
-    &:hover {
-      @include indeterminate-hover();
-    }
-  }
+@use '../../../../../styles' as *;
+
+@mixin indeterminate-hover() {
+  border: 1px solid var(--primary-400);
+}
+
+@mixin indeterminate() {
+  background-color: var(--primary-50);
+  border: 1px solid var(--primary-200);
+
+  @include modify-svg($stroke: var(--primary-500));
+  @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--primary-500));
+
+  @include tablet-plus {
+    &:hover {
+      @include indeterminate-hover();
+    }
+  }
 }

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

@@ -1,8 +1,8 @@
-@forward "checkbox";
-@forward "radio";
-@forward "checked";
-@forward "incorrect";
-@forward "correct";
-@forward "disabled";
-@forward "error";
+@forward "checkbox";
+@forward "radio";
+@forward "checked";
+@forward "incorrect";
+@forward "correct";
+@forward "disabled";
+@forward "error";
 @forward "indeterminate";

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

@@ -1,15 +1,15 @@
-@use '../../../../../styles' as *;
-
-@mixin radio() {
-  border-radius: 50%;
-
-  &:after {
-    display: none;
-    flex: none;
-    content: '';
-    width: 8px;
-    height: 8px;
-    border-radius: 50%;
-    background-color: var(--primary-500);
-  }
+@use '../../../../../styles' as *;
+
+@mixin radio() {
+  border-radius: 50%;
+
+  &:after {
+    display: none;
+    flex: none;
+    content: '';
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    background-color: var(--primary-500);
+  }
 }

package/dist/scss/ui/FormBuilder/styles/CustomFields/CustomInputField/CustomInput.scss

@@ -1,126 +1,126 @@
-@use '../../../dependencies' as *;
-
-@mixin insertCustomInputDisabledTags() {
-  background-color: var(--gray-100);
-  color: var(--gray-500);
-
-  * {
-    stroke: var(--gray-300);
-  }
-}
-
-@mixin insertCustomInputFocusTags() {
-  box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 #1018280D;
-}
-
-@mixin insertCustomInputPlaceholderTags() {
-  @include fnt($size: 16, $weight: 400, $line_height: 24, $color: var(--gray-400));
-}
-
-@mixin insertCustomOptionsInputAddition() {
-  .dropdown {
-    flex: none;
-    width: 20px;
-    height: 20px;
-
-    @include centerInsideContent();
-
-    cursor: pointer;
-
-    * {
-      stroke: var(--gray-500);
-    }
-  }
-
-  .textIcon {
-    flex: none;
-    width: 20px;
-    height: 20px;
-
-    @include centerInsideContent();
-
-    * {
-      stroke: var(--gray-500);
-    }
-  }
-
-  .removeIcon {
-    flex: none;
-    width: 20px;
-    height: 20px;
-
-    @include centerInsideContent();
-
-    * {
-      stroke: var(--error-500);
-    }
-  }
-}
-
-@mixin insertCustomInputTags(
-  $width: 320,
-  $height: 44,
-) {
-  width: #{$width}px;
-  height: #{$height}px;
-
-  @include centerInsideContent();
-
-  border-radius: 8px;
-  padding: 10px 12px;
-  gap: 6px;
-
-  background-color: #FFFFFF;
-  box-shadow: 0 1px 2px 0 #1018280D, 0 0 0 1px var(--gray-300);
-
-  @include fnt($size: 16, $weight: 400, $line_height: 24, $color: var(--gray-900));
-
-  @include insertCustomOptionsInputAddition();
-
-  &::placeholder {
-    @include insertCustomInputPlaceholderTags();
-  }
-
-  &:focus {
-    @include insertCustomInputFocusTags();
-  }
-
-  &:disabled {
-    @include insertCustomInputDisabledTags();
-  }
-
-  @content;
-}
-
-@mixin insertCustomInputErrorFocusTags() {
-  box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 #1018280D;
-}
-
-@mixin insertCustomInputErrorTags() {
-  box-shadow: 0 0 0 1px var(--error-300);
-
-  &:focus {
-    @include insertCustomInputErrorFocusTags();
-  }
-}
-
-@mixin insertCustomInput(
-  $width: 300,
-  $height: 44,
-) {
-  .input {
-    @include insertCustomInputTags($width: $width, $height: $height);
-  }
-
-  &.isError {
-    .input {
-      @include insertCustomInputErrorTags();
-    }
-  }
-}
-
-@mixin insertCustomInputError() {
-  .input {
-    @include insertCustomInputErrorTags();
-  }
+@use '../../../dependencies' as *;
+
+@mixin insertCustomInputDisabledTags() {
+  background-color: var(--gray-100);
+  color: var(--gray-500);
+
+  * {
+    stroke: var(--gray-300);
+  }
+}
+
+@mixin insertCustomInputFocusTags() {
+  box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 #1018280D;
+}
+
+@mixin insertCustomInputPlaceholderTags() {
+  @include fnt($size: 16, $weight: 400, $line_height: 24, $color: var(--gray-400));
+}
+
+@mixin insertCustomOptionsInputAddition() {
+  .dropdown {
+    flex: none;
+    width: 20px;
+    height: 20px;
+
+    @include centerInsideContent();
+
+    cursor: pointer;
+
+    * {
+      stroke: var(--gray-500);
+    }
+  }
+
+  .textIcon {
+    flex: none;
+    width: 20px;
+    height: 20px;
+
+    @include centerInsideContent();
+
+    * {
+      stroke: var(--gray-500);
+    }
+  }
+
+  .removeIcon {
+    flex: none;
+    width: 20px;
+    height: 20px;
+
+    @include centerInsideContent();
+
+    * {
+      stroke: var(--error-500);
+    }
+  }
+}
+
+@mixin insertCustomInputTags(
+  $width: 320,
+  $height: 44,
+) {
+  width: #{$width}px;
+  height: #{$height}px;
+
+  @include centerInsideContent();
+
+  border-radius: 8px;
+  padding: 10px 12px;
+  gap: 6px;
+
+  background-color: #FFFFFF;
+  box-shadow: 0 1px 2px 0 #1018280D, 0 0 0 1px var(--gray-300);
+
+  @include fnt($size: 16, $weight: 400, $line_height: 24, $color: var(--gray-900));
+
+  @include insertCustomOptionsInputAddition();
+
+  &::placeholder {
+    @include insertCustomInputPlaceholderTags();
+  }
+
+  &:focus {
+    @include insertCustomInputFocusTags();
+  }
+
+  &:disabled {
+    @include insertCustomInputDisabledTags();
+  }
+
+  @content;
+}
+
+@mixin insertCustomInputErrorFocusTags() {
+  box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 #1018280D;
+}
+
+@mixin insertCustomInputErrorTags() {
+  box-shadow: 0 0 0 1px var(--error-300);
+
+  &:focus {
+    @include insertCustomInputErrorFocusTags();
+  }
+}
+
+@mixin insertCustomInput(
+  $width: 300,
+  $height: 44,
+) {
+  .input {
+    @include insertCustomInputTags($width: $width, $height: $height);
+  }
+
+  &.isError {
+    .input {
+      @include insertCustomInputErrorTags();
+    }
+  }
+}
+
+@mixin insertCustomInputError() {
+  .input {
+    @include insertCustomInputErrorTags();
+  }
 }