indicator-ui 0.1.47 → 0.1.48

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

@@ -1,33 +1,33 @@
-@use './CustomInput';
-@use './CustomTextareaInput';
-@use '../CustomSelectField';
-@use '../CustomInputWrapper';
-@use '../CustomOptionsInput';
-
-@mixin insertCustomInputField(
-  $width: 320,
-  $height: 44,
-) {
-  .inputField {
-    @include CustomInputWrapper.insertCustomInputWrapperTags() {
-      @content;
-    }
-    @include CustomSelectField.insertCustomSelectField($width: $width, $height: $height) {
-      @content;
-    }
-    @include CustomTextareaInput.insertCustomTextareaInput($width: $width, $height: $height) {
-      @content;
-    }
-    @include CustomOptionsInput.insertCustomOptionsInput($width: $width, $height: $height) {
-      @content;
-    }
-
-    &.isError {
-      @include CustomOptionsInput.insertCustomOptionsInputError();
-      @include CustomSelectField.insertCustomSelectFieldError();
-      @include CustomTextareaInput.insertCustomTextareaInputError();
-    }
-
-    @content;
-  }
+@use './CustomInput';
+@use './CustomTextareaInput';
+@use '../CustomSelectField';
+@use '../CustomInputWrapper';
+@use '../CustomOptionsInput';
+
+@mixin insertCustomInputField(
+  $width: 320,
+  $height: 44,
+) {
+  .inputField {
+    @include CustomInputWrapper.insertCustomInputWrapperTags() {
+      @content;
+    }
+    @include CustomSelectField.insertCustomSelectField($width: $width, $height: $height) {
+      @content;
+    }
+    @include CustomTextareaInput.insertCustomTextareaInput($width: $width, $height: $height) {
+      @content;
+    }
+    @include CustomOptionsInput.insertCustomOptionsInput($width: $width, $height: $height) {
+      @content;
+    }
+
+    &.isError {
+      @include CustomOptionsInput.insertCustomOptionsInputError();
+      @include CustomSelectField.insertCustomSelectFieldError();
+      @include CustomTextareaInput.insertCustomTextareaInputError();
+    }
+
+    @content;
+  }
 }

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

@@ -1,30 +1,30 @@
-@use "./CustomInput";
-
-@mixin insertCustomTextareaInput(
-  $width: 320,
-  $height: 44,
-) {
-  .textarea {
-    resize: none;
-    @include CustomInput.insertCustomInputTags($width: $width, $height: $height);
-
-    &:disabled {
-      @include CustomInput.insertCustomInputDisabledTags();
-    }
-
-    @content;
-  }
-
-  &.isError {
-    .textarea {
-      @include CustomInput.insertCustomInputErrorTags();
-      resize: none;
-    }
-  }
-}
-
-@mixin insertCustomTextareaInputError() {
-  .textarea {
-    @include CustomInput.insertCustomInputErrorTags();
-  }
+@use "./CustomInput";
+
+@mixin insertCustomTextareaInput(
+  $width: 320,
+  $height: 44,
+) {
+  .textarea {
+    resize: none;
+    @include CustomInput.insertCustomInputTags($width: $width, $height: $height);
+
+    &:disabled {
+      @include CustomInput.insertCustomInputDisabledTags();
+    }
+
+    @content;
+  }
+
+  &.isError {
+    .textarea {
+      @include CustomInput.insertCustomInputErrorTags();
+      resize: none;
+    }
+  }
+}
+
+@mixin insertCustomTextareaInputError() {
+  .textarea {
+    @include CustomInput.insertCustomInputErrorTags();
+  }
 }

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

@@ -1,2 +1,2 @@
-@forward "CustomInputField";
+@forward "CustomInputField";
 @forward "CustomInput";

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

@@ -1,55 +1,55 @@
-@use '../../../dependencies' as *;
-@use './config' as *;
-
-@mixin insertCustomInputWrapperTags() {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  gap: 4px;
-
-  .label {
-    width: 100%;
-    height: fit-content;
-
-    display: flex;
-    padding: 0 12px;
-    gap: 2px;
-    @include fnt($size: 14, $weight: 500, $line_height: 20, $color: $custom-input-field-label-text-color);
-
-    .requiredMark {
-      flex: none;
-      @include fnt($size: 14, $weight: 500, $line_height: 20, $color: $custom-input-field-label-required-mark-text-color);
-    }
-  }
-
-  .hint {
-    width: 100%;
-    height: fit-content;
-
-    padding: 0 12px;
-    gap: 2px;
-    @include fnt($size: 14, $weight: 400, $line_height: 20, $color: $custom-input-field-hint-text-color);
-  }
-
-  .hintError {
-    width: 100%;
-    height: fit-content;
-
-    padding: 0 12px;
-    gap: 2px;
-    @include fnt($size: 14, $weight: 400, $line_height: 20, $color: $custom-input-field-hint-error-text-color);
-  }
-
-  .helperLink {
-    width: 100%;
-    height: fit-content;
-    padding: 0 12px;
-    gap: 2px;
-    @include fnt($size: 14, $weight: 400, $line_height: 20, $color: $custom-input-field-helper-link-text-color);
-
-    * {
-      stroke: $custom-input-field-helper-link-text-color;
-    }
-  }
-  @content;
+@use '../../../dependencies' as *;
+@use './config' as *;
+
+@mixin insertCustomInputWrapperTags() {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: 4px;
+
+  .label {
+    width: 100%;
+    height: fit-content;
+
+    display: flex;
+    padding: 0 12px;
+    gap: 2px;
+    @include fnt($size: 14, $weight: 500, $line_height: 20, $color: $custom-input-field-label-text-color);
+
+    .requiredMark {
+      flex: none;
+      @include fnt($size: 14, $weight: 500, $line_height: 20, $color: $custom-input-field-label-required-mark-text-color);
+    }
+  }
+
+  .hint {
+    width: 100%;
+    height: fit-content;
+
+    padding: 0 12px;
+    gap: 2px;
+    @include fnt($size: 14, $weight: 400, $line_height: 20, $color: $custom-input-field-hint-text-color);
+  }
+
+  .hintError {
+    width: 100%;
+    height: fit-content;
+
+    padding: 0 12px;
+    gap: 2px;
+    @include fnt($size: 14, $weight: 400, $line_height: 20, $color: $custom-input-field-hint-error-text-color);
+  }
+
+  .helperLink {
+    width: 100%;
+    height: fit-content;
+    padding: 0 12px;
+    gap: 2px;
+    @include fnt($size: 14, $weight: 400, $line_height: 20, $color: $custom-input-field-helper-link-text-color);
+
+    * {
+      stroke: $custom-input-field-helper-link-text-color;
+    }
+  }
+  @content;
 }

package/dist/scss/ui/FormBuilder/styles/CustomFields/CustomInputWrapper/config.scss

@@ -1,5 +1,5 @@
-$custom-input-field-label-text-color: #344054;
-$custom-input-field-label-required-mark-text-color: #F04438;
-$custom-input-field-hint-text-color: #475467;
-$custom-input-field-hint-error-text-color: #F04438;
+$custom-input-field-label-text-color: #344054;
+$custom-input-field-label-required-mark-text-color: #F04438;
+$custom-input-field-hint-text-color: #475467;
+$custom-input-field-hint-error-text-color: #F04438;
 $custom-input-field-helper-link-text-color: #1A40FF;

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

@@ -1,48 +1,48 @@
-@use '../CustomInputField/CustomInput' as *;
-@use '../../../dependencies' as *;
-
-@mixin insertCustomOptionsInput(
-  $width: 320,
-  $height: 44,
-  $owner-width: none,
-  $owner-height: none,
-  $one-input: true,
-) {
-  .customOptionsInput {
-    display: flex;
-    gap: 6px;
-
-    @include insertCustomInputTags(
-            $width: $width,
-            $height: $height,
-    );
-
-    input {
-      @if ($one-input) {
-        width: 100%;
-      } @else {
-        flex: 1;
-      }
-    }
-
-    &.focus {
-      @include insertCustomInputFocusTags();
-    }
-
-    &.disabled {
-      @include insertCustomInputDisabledTags();
-    }
-
-    @content;
-  }
-}
-
-@mixin insertCustomOptionsInputError() {
-  .customOptionsInput {
-    @include insertCustomInputErrorTags();
-
-    &.focus {
-      @include insertCustomInputErrorFocusTags();
-    }
-  }
+@use '../CustomInputField/CustomInput' as *;
+@use '../../../dependencies' as *;
+
+@mixin insertCustomOptionsInput(
+  $width: 320,
+  $height: 44,
+  $owner-width: none,
+  $owner-height: none,
+  $one-input: true,
+) {
+  .customOptionsInput {
+    display: flex;
+    gap: 6px;
+
+    @include insertCustomInputTags(
+            $width: $width,
+            $height: $height,
+    );
+
+    input {
+      @if ($one-input) {
+        width: 100%;
+      } @else {
+        flex: 1;
+      }
+    }
+
+    &.focus {
+      @include insertCustomInputFocusTags();
+    }
+
+    &.disabled {
+      @include insertCustomInputDisabledTags();
+    }
+
+    @content;
+  }
+}
+
+@mixin insertCustomOptionsInputError() {
+  .customOptionsInput {
+    @include insertCustomInputErrorTags();
+
+    &.focus {
+      @include insertCustomInputErrorFocusTags();
+    }
+  }
 }

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

@@ -1,54 +1,54 @@
-@use './CustomSelectFieldOption';
-@use './CustomSelectFieldViewField';
-
-@mixin insertCustomSelectFieldError() {
-  .customSelect {
-    @include CustomSelectFieldViewField.insertSelectFieldViewFieldError();
-  }
-}
-
-@mixin insertCustomSelectField(
-  $width: 320,
-  $height: 44,
-) {
-  .customSelect {
-    width: #{$width}px;
-    height: #{$height}px;
-
-    position: relative;
-
-    display: flex;
-    flex-direction: column;
-
-    @include CustomSelectFieldViewField.insertCustomSelectFieldViewField($width: $width, $height: $height) {
-      @content;
-    }
-
-    .options {
-      $padding-width: 4;
-
-      width: 100%;
-      max-height: 316px;
-
-      position: absolute;
-      transform: translateY(#{$height + 2}px);
-
-      padding: #{$padding-width}px;
-      border-radius: 8px;
-
-      background-color: #FFFFFF;
-      border: 1px solid #EAECF0;
-      box-shadow: 0 4px 6px -2px #10182808, 0 12px 16px -4px #10182814;
-
-      box-sizing: border-box;
-
-      overflow-y: auto;
-      overflow-x: hidden;
-
-      z-index: 10;
-      @include CustomSelectFieldOption.insertCustomSelectFieldOption($width: $width - $padding-width * 2);
-    }
-
-    @content;
-  }
+@use './CustomSelectFieldOption';
+@use './CustomSelectFieldViewField';
+
+@mixin insertCustomSelectFieldError() {
+  .customSelect {
+    @include CustomSelectFieldViewField.insertSelectFieldViewFieldError();
+  }
+}
+
+@mixin insertCustomSelectField(
+  $width: 320,
+  $height: 44,
+) {
+  .customSelect {
+    width: #{$width}px;
+    height: #{$height}px;
+
+    position: relative;
+
+    display: flex;
+    flex-direction: column;
+
+    @include CustomSelectFieldViewField.insertCustomSelectFieldViewField($width: $width, $height: $height) {
+      @content;
+    }
+
+    .options {
+      $padding-width: 4;
+
+      width: 100%;
+      max-height: 316px;
+
+      position: absolute;
+      transform: translateY(#{$height + 2}px);
+
+      padding: #{$padding-width}px;
+      border-radius: 8px;
+
+      background-color: #FFFFFF;
+      border: 1px solid #EAECF0;
+      box-shadow: 0 4px 6px -2px #10182808, 0 12px 16px -4px #10182814;
+
+      box-sizing: border-box;
+
+      overflow-y: auto;
+      overflow-x: hidden;
+
+      z-index: 10;
+      @include CustomSelectFieldOption.insertCustomSelectFieldOption($width: $width - $padding-width * 2);
+    }
+
+    @content;
+  }
 }

package/dist/scss/ui/FormBuilder/styles/CustomFields/CustomSelectField/CustomSelectFieldOption.scss

@@ -1,50 +1,50 @@
-@use '../../../dependencies' as *;
-
-@mixin insertCustomSelectFieldOption($width: 312) {
-  .option {
-    width: 100%;
-
-    display: flex;
-    flex-direction: row;
-
-    justify-content: space-between;
-
-    padding: 10px 16px;
-    gap: 8px;
-
-    box-sizing: border-box;
-
-    cursor: pointer;
-
-    .label {
-      all: unset;
-      width: 252px;
-      @include fnt($size: 16, $line_height: 24, $weight: 400, $color: #101828);
-    }
-
-    &:hover {
-      background-color: #F2F4F7;
-    }
-
-    &.active {
-      background-color: #F0F6FF;
-
-      .icon {
-        width: 20px;
-        height: 20px;
-
-        display: flex;
-        justify-content: center;
-        align-items: center;
-
-        * {
-          stroke: #1A40FF;
-        }
-      }
-
-      &:hover {
-        background-color: #D9E6FF;
-      }
-    }
-  }
-}
+@use '../../../dependencies' as *;
+
+@mixin insertCustomSelectFieldOption($width: 312) {
+  .option {
+    width: 100%;
+
+    display: flex;
+    flex-direction: row;
+
+    justify-content: space-between;
+
+    padding: 10px 16px;
+    gap: 8px;
+
+    box-sizing: border-box;
+
+    cursor: pointer;
+
+    .label {
+      all: unset;
+      width: 252px;
+      @include fnt($size: 16, $line_height: 24, $weight: 400, $color: #101828);
+    }
+
+    &:hover {
+      background-color: #F2F4F7;
+    }
+
+    &.active {
+      background-color: #F0F6FF;
+
+      .icon {
+        width: 20px;
+        height: 20px;
+
+        display: flex;
+        justify-content: center;
+        align-items: center;
+
+        * {
+          stroke: #1A40FF;
+        }
+      }
+
+      &:hover {
+        background-color: #D9E6FF;
+      }
+    }
+  }
+}

package/dist/scss/ui/FormBuilder/styles/CustomFields/CustomSelectField/CustomSelectFieldViewField.scss

@@ -1,28 +1,28 @@
-@use '../../../dependencies' as *;
-@use '../CustomInputField/CustomInput';
-
-@mixin insertCustomSelectFieldViewField($width: 320, $height: 44) {
-  .field {
-    @include CustomInput.insertCustomInputTags() {
-      @content;
-    }
-
-    .label {
-      all: unset;
-      flex: 1;
-      overflow: hidden;
-      text-align: left;
-      text-wrap: nowrap;
-      text-overflow: ellipsis;
-      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));
-    }
-
-    @include changeSvg($width: 20, $height: 20, $stroke: var(--gray-500), $flex: none);
-  }
-}
-
-@mixin insertSelectFieldViewFieldError() {
-  .field {
-    @include CustomInput.insertCustomInputErrorTags();
-  }
+@use '../../../dependencies' as *;
+@use '../CustomInputField/CustomInput';
+
+@mixin insertCustomSelectFieldViewField($width: 320, $height: 44) {
+  .field {
+    @include CustomInput.insertCustomInputTags() {
+      @content;
+    }
+
+    .label {
+      all: unset;
+      flex: 1;
+      overflow: hidden;
+      text-align: left;
+      text-wrap: nowrap;
+      text-overflow: ellipsis;
+      @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));
+    }
+
+    @include changeSvg($width: 20, $height: 20, $stroke: var(--gray-500), $flex: none);
+  }
+}
+
+@mixin insertSelectFieldViewFieldError() {
+  .field {
+    @include CustomInput.insertCustomInputErrorTags();
+  }
 }

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

@@ -1,17 +1,17 @@
-@use "./components" as components;
-
-@mixin insertCustomSwitchersField(
-  $flag-outer-width: 16,
-  $flag-inner-width: 6,
-  $checkbox-width: 20,
-  $checkbox-height: 20,
-) {
-  @include components.insertCustomSwitchersFieldOption(
-          $flag-outer-width: $flag-outer-width,
-          $flag-inner-width: $flag-inner-width,
-          $checkbox-width: $checkbox-width,
-          $checkbox-height: $checkbox-height,
-  ) {
-    @content;
-  }
+@use "./components" as components;
+
+@mixin insertCustomSwitchersField(
+  $flag-outer-width: 16,
+  $flag-inner-width: 6,
+  $checkbox-width: 20,
+  $checkbox-height: 20,
+) {
+  @include components.insertCustomSwitchersFieldOption(
+          $flag-outer-width: $flag-outer-width,
+          $flag-inner-width: $flag-inner-width,
+          $checkbox-width: $checkbox-width,
+          $checkbox-height: $checkbox-height,
+  ) {
+    @content;
+  }
 }