indicator-ui 0.0.159 → 0.0.160

package/dist/types/src/ui/CheckboxMark/ui/CheckboxMark.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import { CheckboxMarkPropsType } from "../types";
-export declare const CheckboxMark: React.ForwardRefExoticComponent<CheckboxMarkPropsType & React.RefAttributes<HTMLSpanElement | HTMLButtonElement>>;
+export declare const CheckboxMark: React.ForwardRefExoticComponent<CheckboxMarkPropsType & React.RefAttributes<HTMLButtonElement | HTMLSpanElement>>;

package/dist/types/src/ui/InputFields/InputField/types/InputFieldTypes.d.ts

@@ -6,26 +6,23 @@ import { TextareaFieldPropsType } from '../../TextareaField';
 import { InputFieldWrapperPropsType } from "../../InputFieldWrapper";
 import { DateTimeFieldPropsType } from "../../DateTimeField";
 import { DateTimeRangeFieldPropsType } from "../../../../ui/InputFields/DateTimeRangeField";
-export type InputFieldTypes = 'switcher' | 'select' | 'radio' | 'checkbox' | 'textarea' | 'date' | 'time' | 'datetime' | 'datetime-range' | 'checkbox' | string;
-export type InputFieldPropsType = Omit<(({
-    type?: 'switcher';
-} & SwitcherFieldPropsType) & ({
-    type?: 'select';
-} & SelectFieldPropsType) & ({
-    type?: 'radio';
-} & RadioFieldPropsType) & ({
-    type?: 'checkbox';
-} & RadioFieldPropsType) & ({
-    type?: 'textarea';
-} & TextareaFieldPropsType) & ({
-    type?: 'date' | 'time' | 'datetime';
-} & DateTimeFieldPropsType) & ({
-    type?: 'datetime-range';
-} & DateTimeRangeFieldPropsType) & ({
-    type?: HTMLInputElement['type'];
-} & FlexFieldPropsType)), 'value' | 'onChange' | 'type' | 'className'> & Omit<InputFieldWrapperPropsType, 'children' | 'className' | 'type'> & {
-    value?: any;
-    onChange?: (value: any) => void;
-    type?: InputFieldTypes;
+export type InputFieldTypes = 'switcher' | 'select' | 'radio' | 'checkbox' | 'textarea' | 'date' | 'time' | 'datetime' | 'datetime-range';
+export type InputFieldPropsType = (({
+    type: 'switcher';
+} & SwitcherFieldPropsType) | ({
+    type: 'select';
+} & SelectFieldPropsType) | ({
+    type: 'radio';
+} & RadioFieldPropsType) | ({
+    type: 'checkbox';
+} & RadioFieldPropsType) | ({
+    type: 'textarea';
+} & TextareaFieldPropsType) | ({
+    type: 'date' | 'time' | 'datetime';
+} & DateTimeFieldPropsType) | ({
+    type: 'datetime-range';
+} & DateTimeRangeFieldPropsType) | ({
+    type?: Exclude<HTMLInputElement['type'] | string, InputFieldTypes> | undefined | null;
+} & FlexFieldPropsType)) & Omit<InputFieldWrapperPropsType, 'children'> & {
     offWrapper?: boolean;
 };

package/package.json

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

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

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

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

@@ -1,64 +0,0 @@
-@use '../../../../../styles' as *;
-@use '../../../FlexField';
-
-@mixin insertSelectField() {
-  .selectField {
-    width: 100%;
-    position: relative;
-
-    .modalWindow {
-      width: 100%;
-      position: absolute;
-      z-index: 1;
-
-      .selectModalWindow {
-        animation: show-animation ease-out forwards 200ms;
-
-        width: 100%;
-        height: fit-content;
-        max-height: 300px;
-
-        display: flex;
-        flex-direction: column;
-
-        border-radius: 8px;
-        padding: 4px;
-
-        background-color: var(--base-white);
-        box-shadow: 0 0 0 1px var(--gray-300), 0 4px 6px -2px #10182808, 0px 12px 16px -4px #10182814;
-
-        overflow: scroll;
-        scrollbar-width: none;
-
-        .selectFieldOptionsItem {
-          width: 100%;
-          height: fit-content;
-          gap: 8px;
-          padding: 10px 16px;
-
-          @include centerInsideContent();
-
-          .label {
-            flex: 1;
-            text-align: left;
-            @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));
-          }
-
-          &.active {
-            background-color: var(--blue-dark-50);
-            @include changeSvg($width: 20, $height: 20, $stroke: var(--blue-dark-500), $flex: none);
-          }
-        }
-      }
-    }
-  }
-}
-
-@keyframes show-animation {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}