indicator-ui 0.0.85 → 0.0.87

package/dist/scss/test/global.scss

@@ -5,7 +5,8 @@
   padding: 0;
   box-sizing: border-box;
   outline: none;
-  border: none;
+
+  border: transparent;
   text-decoration: none;
 
   button {

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

@@ -2,17 +2,20 @@
 
 @mixin correct-checked-hover() {
   background-color: var(--blue-dark-600);
-  border: none;
+
+  border: transparent;
 }
 
 @mixin correct-disabled-hover() {
   background-color: var(--gray-300);
-  border: none;
+
+  border: transparent;
 }
 
 @mixin correct-checked() {
   background-color: var(--blue-dark-500);
-  border: none;
+
+  border: transparent;
   @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));
   @include modify-svg($stroke: var(--base-white));
 
@@ -27,7 +30,8 @@
 
 @mixin correct-disabled() {
   background-color: var(--gray-300);
-  border: none;
+
+  border: transparent;
   @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));
   @include modify-svg($stroke: var(--base-white));
 

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

@@ -2,17 +2,20 @@
 
 @mixin incorrect-checked-hover() {
   background-color: var(--error-600);
-  border: none;
+
+  border: transparent;
 }
 
 @mixin incorrect-disabled-hover() {
   background-color: var(--gray-300);
-  border: none;
+
+  border: transparent;
 }
 
 @mixin incorrect-checked() {
   background-color: var(--error-500);
-  border: none;
+
+  border: transparent;
   @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));
   @include modify-svg($stroke: var(--base-white));
 
@@ -27,7 +30,8 @@
 
 @mixin incorrect-disabled() {
   background-color: var(--gray-300);
-  border: none;
+
+  border: transparent;
   @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));
   @include modify-svg($stroke: var(--base-white));
 

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

@@ -24,6 +24,7 @@
       outline: none;
       padding: 0;
       margin: 0;
+
       border: none;
       background: none;
       text-wrap: nowrap;
@@ -115,7 +116,7 @@
     }
 
     &.focus {
-      box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 #1018280D;
+      border: 1px solid var(--gray-400);
     }
 
     &.isError {
@@ -127,7 +128,7 @@
       }
 
       &.focus {
-        box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 #1018280D;
+        border: 1px solid var(--error-400);
       }
     }
 

package/dist/scss/ui/InputFields/SelectField/styles/mixins/selectField.scss

@@ -14,6 +14,7 @@
       z-index: 1;
 
       .selectModalWindow {
+        opacity: 0;
         width: 100%;
         height: fit-content;
         max-height: 300px;
@@ -51,6 +52,10 @@
           }
         }
       }
+
+      &.show {
+        opacity: 1;
+      }
     }
 
     @content;

package/dist/scss/ui/ToggleBase/styles/mixins/active.scss

@@ -1,4 +1,8 @@
 @mixin active() {
   background-color: var(--blue-dark-500);
-  justify-content: end;
-}
+}
+
+@mixin active-spacer() {
+  flex-grow: 1;
+}
+

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

@@ -4,5 +4,5 @@
   border-radius: 12px;
   padding: 2px;
   background-color: var(--gray-300);
-  @include modify-flex($justify-content: start, $align-items: center);
+  @include modify-flex($align-items: center);
 }

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

@@ -5,4 +5,5 @@
 @forward "hover";
 @forward "base-button";
 @forward "base";
-@forward "disabled";
+@forward "disabled";
+@forward "spacer";

package/dist/scss/ui/ToggleBase/styles/mixins/spacer.scss

@@ -0,0 +1,5 @@
+@use '../../../../styles' as *;
+
+@mixin spacer() {
+  flex-grow: 0;
+}

package/dist/types/src/ui/FormBuilder/lib/formBuilder.d.ts

@@ -1,4 +1,4 @@
 import { FORM_BUILDER_SCHEMA } from "../schemes";
 import { AdditionPropsType } from "../types";
-declare const formBuilder: (schema: FORM_BUILDER_SCHEMA, additionProps: AdditionPropsType) => import("react").ReactNode[];
+declare const formBuilder: (schema: FORM_BUILDER_SCHEMA, additionProps: AdditionPropsType) => (string | number | bigint | boolean | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode>>)[];
 export default formBuilder;

package/dist/types/src/ui/InputFields/SelectField/types/SelectFieldTypes.d.ts

@@ -5,6 +5,7 @@ import { SelectFieldOptionsOwnerItemPropsType } from "./SelectFieldOptionsItemTy
 export type SelectFieldClassNameType = FlexFieldClassNameType & SelectModalWindowClassNameType & {
     selectField?: string;
     modalWindow?: string;
+    show?: string;
 };
 export type SelectFieldOptionsItemType = {
     value: any;

package/dist/types/src/ui/InputFields/SelectField/types/SelectModalWindowTypes.d.ts

@@ -11,4 +11,5 @@ export type SelectModalWindowPropsType = {
     onScrollToBottom?: () => void;
     afterElement?: React.ReactNode;
     className?: SelectModalWindowClassNameType;
+    show?: boolean;
 };

package/dist/types/src/ui/InputFields/SelectField/ui/SelectField.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import { SelectFieldPropsType } from '../types';
-export default function SelectField({ value, onChange, options, placeholder, isError, searching, required, multiple, disabled, offOptionsSyncing, offInitLoadMoreOptions, autoClose, onBlur, selectModalWindowAfterElement, loadMoreOptions, onBottomScroll, className, ...props }: SelectFieldPropsType): React.JSX.Element;
+export default function SelectField({ value, onChange, options, placeholder, isError, searching, required, multiple, disabled, offOptionsSyncing, offInitLoadMoreOptions, autoClose, onBlur, selectModalWindowAfterElement, loadMoreOptions, onBottomScroll, ...props }: SelectFieldPropsType): React.JSX.Element;

package/dist/types/src/ui/InputFields/SelectField/ui/SelectModalWindow.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import { SelectModalWindowPropsType } from "../types";
-export default function SelectModalWindow({ value, onChange, options, onScrollToBottom, afterElement, className, }: SelectModalWindowPropsType): React.JSX.Element;
+export default function SelectModalWindow({ value, onChange, options, onScrollToBottom, afterElement, show, }: SelectModalWindowPropsType): React.JSX.Element;

package/dist/types/src/ui/ToggleBase/types/ToggleBaseTypes.d.ts

@@ -1,6 +1,7 @@
 export type ToggleBaseClassNameType = {
     toggleBase?: string;
     button?: string;
+    spacer?: string;
     active?: string;
     hover?: string;
     error?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "indicator-ui",
-  "version": "0.0.85",
+  "version": "0.0.87",
   "main": "dist/index.js",
   "types": "dist/types/src/index.d.ts",
   "style": "dist/index.css",