indicator-ui 0.1.69 → 0.1.71

package/dist/scss/ui/FormBuilder/styles/CustomFields/CustomSwitchersField/components/option.scss

@@ -1,34 +1,34 @@
-@use '../../../../dependencies' as *;
-
-@mixin insertCustomSwitchersFieldOption(
-  $checkbox-width: 20,
-  $checkbox-height: 20,
-  $flag-outer-width: 16,
-  $flag-inner-width: 6,
-) {
-  .customSwitcherOption {
-    display: flex;
-    flex-direction: row;
-
-    gap: 8px;
-
-    .label {
-      display: flex;
-      align-items: start;
-      padding: 0;
-      @include fnt($size: 14, $line_height: 20, $weight: 500, $color: #344054)
-    }
-
-    .checkbox {
-      @include insertCircleDotCheckboxTags($outer-size: $flag-outer-width);
-    }
-
-    &.active {
-      .checkbox {
-        @include insertCircleDotCheckboxActiveTags($inner-size: $flag-inner-width);
-      }
-    }
-
-    @content;
-  }
+@use '../../../../dependencies' as *;
+
+@mixin insertCustomSwitchersFieldOption(
+  $checkbox-width: 20,
+  $checkbox-height: 20,
+  $flag-outer-width: 16,
+  $flag-inner-width: 6,
+) {
+  .customSwitcherOption {
+    display: flex;
+    flex-direction: row;
+
+    gap: 8px;
+
+    .label {
+      display: flex;
+      align-items: start;
+      padding: 0;
+      @include fnt($size: 14, $line_height: 20, $weight: 500, $color: #344054)
+    }
+
+    .checkbox {
+      @include insertCircleDotCheckboxTags($outer-size: $flag-outer-width);
+    }
+
+    &.active {
+      .checkbox {
+        @include insertCircleDotCheckboxActiveTags($inner-size: $flag-inner-width);
+      }
+    }
+
+    @content;
+  }
 }

package/dist/scss/ui/FormBuilder/styles/CustomFields/index.scss

@@ -1,5 +1,5 @@
-@forward './CustomInputField';
-@forward './CustomSwitchersField';
-@forward './CustomSelectField';
-@forward './CustomInputWrapper';
+@forward './CustomInputField';
+@forward './CustomSwitchersField';
+@forward './CustomSelectField';
+@forward './CustomInputWrapper';
 @forward './CustomOptionsInput';

package/dist/scss/ui/InputFields/FlexField/styles/mixins/flexField.scss

@@ -1,151 +1,151 @@
-@use '../../../../../styles' as *;
-
-@mixin insertFlexField() {
-  .flexField {
-    width: 100%;
-    height: fit-content;
-    min-width: 0;
-
-    // С учетом border
-    padding: 9px 11px;
-    border-radius: 8px;
-    gap: 12px;
-    background-color: var(--base-white);
-    border: 1px solid var(--gray-300);
-    box-shadow: 0 1px 2px 0 #1018280D;
-    box-sizing: border-box;
-
-    @include centerInsideContent();
-
-    .inputField {
-      flex: 1;
-      min-width: 0; // Важное свойство, чтобы flexbox учитывал минимальное сжатие
-
-      min-height: 24px;
-      outline: none;
-      padding: 0;
-      margin: 0;
-
-      border: none;
-      background: none;
-      text-wrap: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-
-      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));
-
-      &::placeholder, &.placeholder {
-        @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));
-      }
-    }
-
-    .icon {
-      padding: 2px 0;
-      @include centerInsideContent();
-      @include modify-svg($stroke: var(--gray-400)) {
-        width: 20px;
-        height: 20px;
-        flex: none;
-      }
-    }
-
-    .textSupport {
-      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));
-    }
-
-    .userPic {
-      width: 24px;
-      height: 24px;
-      border-radius: 50%;
-      object-fit: scale-down;
-    }
-
-    .help {
-      padding: 2px 0;
-      @include centerInsideContent();
-      @include modify-svg($stroke: var(--gray-400)) {
-        width: 16px;
-        height: 16px;
-        flex: none;
-      }
-    }
-
-    .dropdown {
-      padding: 2px 0;
-      transition: all ease-in-out 200ms;
-      @include centerInsideContent();
-      @include modify-svg($stroke: var(--gray-500)) {
-        width: 20px;
-        height: 20px;
-        flex: none;
-      }
-
-      &.dropdownReverse {
-        transform: rotateX(-180deg);
-      }
-    }
-
-    .button {
-      padding: 2px 0;
-      transition: all ease-in-out 200ms;
-      @include centerInsideContent();
-      @include modify-svg() {
-        width: 20px;
-        height: 20px;
-        flex: none;
-      }
-
-      &.red {
-        @include modify-svg($stroke: var(--error-400));
-
-        &:hover {
-          @include modify-svg($stroke: var(--error-500));
-        }
-      }
-
-      &.gray {
-        @include modify-svg($stroke: var(--gray-400));
-
-        &:hover {
-          @include modify-svg($stroke: var(--gray-500));
-        }
-      }
-    }
-
-    &.pointer {
-      cursor: pointer;
-    }
-
-    &.focus {
-      border: 1px solid var(--gray-400);
-    }
-
-    &.isError {
-      border: 1px solid var(--error-300);
-      box-shadow: 0 1px 2px 0 #1018280D;
-
-      .help {
-        @include modify-svg($stroke: var(--error-500));
-      }
-
-      &.focus {
-        border: 1px solid var(--error-400);
-      }
-    }
-
-    &.disabled {
-      background-color: var(--gray-50);
-      cursor: default;
-
-      * {
-        cursor: default;
-      }
-
-      .inputField {
-        @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));
-      }
-    }
-
-    @content;
-  }
+@use '../../../../../styles' as *;
+
+@mixin insertFlexField() {
+  .flexField {
+    width: 100%;
+    height: fit-content;
+    min-width: 0;
+
+    // С учетом border
+    padding: 9px 11px;
+    border-radius: 8px;
+    gap: 12px;
+    background-color: var(--base-white);
+    border: 1px solid var(--gray-300);
+    box-shadow: 0 1px 2px 0 #1018280D;
+    box-sizing: border-box;
+
+    @include centerInsideContent();
+
+    .inputField {
+      flex: 1;
+      min-width: 0; // Важное свойство, чтобы flexbox учитывал минимальное сжатие
+
+      min-height: 24px;
+      outline: none;
+      padding: 0;
+      margin: 0;
+
+      border: none;
+      background: none;
+      text-wrap: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+
+      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));
+
+      &::placeholder, &.placeholder {
+        @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));
+      }
+    }
+
+    .icon {
+      padding: 2px 0;
+      @include centerInsideContent();
+      @include modify-svg($stroke: var(--gray-400)) {
+        width: 20px;
+        height: 20px;
+        flex: none;
+      }
+    }
+
+    .textSupport {
+      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-400));
+    }
+
+    .userPic {
+      width: 24px;
+      height: 24px;
+      border-radius: 50%;
+      object-fit: scale-down;
+    }
+
+    .help {
+      padding: 2px 0;
+      @include centerInsideContent();
+      @include modify-svg($stroke: var(--gray-400)) {
+        width: 16px;
+        height: 16px;
+        flex: none;
+      }
+    }
+
+    .dropdown {
+      padding: 2px 0;
+      transition: all ease-in-out 200ms;
+      @include centerInsideContent();
+      @include modify-svg($stroke: var(--gray-500)) {
+        width: 20px;
+        height: 20px;
+        flex: none;
+      }
+
+      &.dropdownReverse {
+        transform: rotateX(-180deg);
+      }
+    }
+
+    .button {
+      padding: 2px 0;
+      transition: all ease-in-out 200ms;
+      @include centerInsideContent();
+      @include modify-svg() {
+        width: 20px;
+        height: 20px;
+        flex: none;
+      }
+
+      &.red {
+        @include modify-svg($stroke: var(--error-400));
+
+        &:hover {
+          @include modify-svg($stroke: var(--error-500));
+        }
+      }
+
+      &.gray {
+        @include modify-svg($stroke: var(--gray-400));
+
+        &:hover {
+          @include modify-svg($stroke: var(--gray-500));
+        }
+      }
+    }
+
+    &.pointer {
+      cursor: pointer;
+    }
+
+    &.focus {
+      border: 1px solid var(--gray-400);
+    }
+
+    &.isError {
+      border: 1px solid var(--error-300);
+      box-shadow: 0 1px 2px 0 #1018280D;
+
+      .help {
+        @include modify-svg($stroke: var(--error-500));
+      }
+
+      &.focus {
+        border: 1px solid var(--error-400);
+      }
+    }
+
+    &.disabled {
+      background-color: var(--gray-50);
+      cursor: default;
+
+      * {
+        cursor: default;
+      }
+
+      .inputField {
+        @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-500));
+      }
+    }
+
+    @content;
+  }
 }

package/dist/scss/ui/InputFields/InputFieldWrapper/styles/mixins/inputFieldWrapper.scss

@@ -1,50 +1,50 @@
-@use '../../../../../styles' as *;
-
-@mixin insertInputFieldWrapper() {
-  .inputFieldWrapper {
-    width: 100%;
-    min-width: 0;
-    display: flex;
-    flex-direction: column;
-    gap: 4px;
-
-    .labelText {
-      display: flex;
-      padding: 0 12px;
-      gap: 2px;
-
-      @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-700));
-
-      .required {
-        @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--error-500));
-      }
-    }
-
-    .hintText {
-      display: flex;
-      padding: 0 12px;
-      gap: 2px;
-
-      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-600));
-    }
-
-    .hintError {
-      display: flex;
-      padding: 0 12px;
-      gap: 2px;
-
-      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--error-500));
-    }
-
-    .helperLink {
-      display: flex;
-      padding: 0 12px;
-      gap: 2px;
-      cursor: pointer;
-      @include changeSvg($width: 20, $height: 20, $stroke: var(--primary-500), $flex: none);
-      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--primary-500));
-    }
-
-    @content;
-  }
+@use '../../../../../styles' as *;
+
+@mixin insertInputFieldWrapper() {
+  .inputFieldWrapper {
+    width: 100%;
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+
+    .labelText {
+      display: flex;
+      padding: 0 12px;
+      gap: 2px;
+
+      @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-700));
+
+      .required {
+        @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--error-500));
+      }
+    }
+
+    .hintText {
+      display: flex;
+      padding: 0 12px;
+      gap: 2px;
+
+      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-600));
+    }
+
+    .hintError {
+      display: flex;
+      padding: 0 12px;
+      gap: 2px;
+
+      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--error-500));
+    }
+
+    .helperLink {
+      display: flex;
+      padding: 0 12px;
+      gap: 2px;
+      cursor: pointer;
+      @include changeSvg($width: 20, $height: 20, $stroke: var(--primary-500), $flex: none);
+      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--primary-500));
+    }
+
+    @content;
+  }
 }

package/dist/scss/ui/MicroButton/styles/mixins/base-button.scss

@@ -1,18 +1,18 @@
-@use '../../../../styles' as *;
-
-@mixin base-micro-button() {
-  width: fit-content;
-  height: fit-content;
-  cursor: pointer;
-  transition: all ease-out 200ms;
-
-  &:disabled {
-    pointer-events: none;
-    cursor: default;
-  }
-
-  @include modify-flex(row, center, center);
-  @include modify-svg() {
-    flex: none;
-  }
+@use '../../../../styles' as *;
+
+@mixin base-micro-button() {
+  width: fit-content;
+  height: fit-content;
+  cursor: pointer;
+  transition: all ease-out 200ms;
+
+  &:disabled {
+    pointer-events: none;
+    cursor: default;
+  }
+
+  @include modify-flex(row, center, center);
+  @include modify-svg() {
+    flex: none;
+  }
 }

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

@@ -1,2 +1,2 @@
-@forward "micro-button";
+@forward "micro-button";
 @forward "base-button";

package/dist/scss/ui/MicroButton/styles/mixins/micro-button.scss

@@ -1,69 +1,69 @@
-@use 'base-button';
-@use 'properties';
-
-@mixin micro-button() {
-  .button {
-    @include base-button.base-micro-button();
-
-    &.light {
-      @include properties.light();
-    }
-
-    &.dark {
-      @include properties.dark();
-    }
-
-    &.gray {
-      @include properties.gray();
-    }
-
-    &.color {
-      @include properties.color();
-    }
-
-    &.colorHover {
-      @include properties.color-hover();
-    }
-
-    &.redHover {
-      @include properties.red-hover();
-    }
-
-    &.colorFill {
-      @include properties.color-fill();
-    }
-
-    &.grayFill {
-      @include properties.gray-fill();
-    }
-
-    &.redFill {
-      @include properties.red-fill();
-    }
-
-
-    &.blueLight {
-      @include properties.blue-light();
-    }
-
-    &.size14 {
-      @include properties.size-14();
-    }
-
-    &.size16 {
-      @include properties.size-16();
-    }
-
-    &.size20 {
-      @include properties.size-20();
-    }
-
-    &.size24 {
-      @include properties.size-24();
-    }
-
-    &.size28 {
-      @include properties.size-28();
-    }
-  }
+@use 'base-button';
+@use 'properties';
+
+@mixin micro-button() {
+  .button {
+    @include base-button.base-micro-button();
+
+    &.light {
+      @include properties.light();
+    }
+
+    &.dark {
+      @include properties.dark();
+    }
+
+    &.gray {
+      @include properties.gray();
+    }
+
+    &.color {
+      @include properties.color();
+    }
+
+    &.colorHover {
+      @include properties.color-hover();
+    }
+
+    &.redHover {
+      @include properties.red-hover();
+    }
+
+    &.colorFill {
+      @include properties.color-fill();
+    }
+
+    &.grayFill {
+      @include properties.gray-fill();
+    }
+
+    &.redFill {
+      @include properties.red-fill();
+    }
+
+
+    &.blueLight {
+      @include properties.blue-light();
+    }
+
+    &.size14 {
+      @include properties.size-14();
+    }
+
+    &.size16 {
+      @include properties.size-16();
+    }
+
+    &.size20 {
+      @include properties.size-20();
+    }
+
+    &.size24 {
+      @include properties.size-24();
+    }
+
+    &.size28 {
+      @include properties.size-28();
+    }
+  }
 }