indicator-ui 0.1.123 → 0.1.131

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

@@ -1,55 +0,0 @@
-@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 +0,0 @@
-$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/CustomInputWrapper/index.scss

@@ -1 +0,0 @@
-@forward './CustomInputWrapper';

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

@@ -1,48 +0,0 @@
-@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 +0,0 @@
-@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 +0,0 @@
-@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 +0,0 @@
-@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/CustomSelectField/index.scss

@@ -1 +0,0 @@
-@forward "CustomSelectField";

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

@@ -1,17 +0,0 @@
-@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;
-  }
-}

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

@@ -1 +0,0 @@
-@forward './option';

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

@@ -1,34 +0,0 @@
-@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/CustomSwitchersField/index.scss

@@ -1 +0,0 @@
-@forward "CustomSwitchersField";

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

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

package/dist/scss/ui/InputFields/FlexField/index.scss

@@ -1 +0,0 @@
-@forward "styles/mixins";

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

@@ -1,151 +0,0 @@
-@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/FlexField/styles/mixins/index.scss

@@ -1 +0,0 @@
-@forward "flexField";

package/dist/scss/ui/InputFields/InputField/index.scss

@@ -1 +0,0 @@
-@forward "styles/mixins";

package/dist/scss/ui/InputFields/InputFieldWrapper/index.scss

@@ -1 +0,0 @@
-@forward "styles/mixins";

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

@@ -1 +0,0 @@
-@forward "inputFieldWrapper";

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

@@ -1,50 +0,0 @@
-@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/InputFields/RadioField/index.scss

@@ -1 +0,0 @@
-@forward "styles/mixins";

package/dist/scss/ui/InputFields/SelectField/index.scss

@@ -1 +0,0 @@
-@forward "styles/mixins";

package/dist/scss/ui/InputFields/SwitcherField/index.scss

@@ -1 +0,0 @@
-@forward "styles/mixins";

package/dist/scss/ui/InputFields/TextareaField/index.scss

@@ -1 +0,0 @@
-@forward "styles/mixin";

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

@@ -1 +0,0 @@
-@forward "styles";

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

@@ -1 +0,0 @@
-@forward "mixins";

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

@@ -1,18 +0,0 @@
-@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 +0,0 @@
-@forward "micro-button";
-@forward "base-button";

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

@@ -1,69 +0,0 @@
-@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();
-    }
-  }
-}

package/dist/scss/ui/MicroButton/styles/mixins/properties/blue-light.scss

@@ -1,19 +0,0 @@
-@use '../../../../../styles' as *;
-
-@mixin blue-light() {
-  background: none;
-  border: 1px solid transparent;
-  @include modify-svg($stroke: var(--primary-50));
-
-  @include tablet-plus {
-    &:not(&:disabled):hover {
-      @include modify-svg($stroke: var(--primary-200));
-    }
-  }
-
-  @include tablet {
-    &:active {
-      @include modify-svg($stroke: var(--primary-200));
-    }
-  }
-}

package/dist/scss/ui/MicroButton/styles/mixins/properties/color-fill.scss

@@ -1,21 +0,0 @@
-@use '../../../../../styles' as *;
-
-@mixin color-fill() {
-  background: var(--base-white);
-  border: 1px solid var(--primary-200);
-  @include modify-svg($stroke: var(--primary-500));
-
-  @include tablet-plus {
-    &:not(&:disabled):hover {
-      background: var(--primary-50);
-      @include modify-svg($stroke: var(--primary-500));
-    }
-  }
-
-  @include tablet {
-    &:active {
-      background: var(--primary-50);
-      @include modify-svg($stroke: var(--primary-500));
-    }
-  }
-}