@inntechcorp/it-design 2.0.139 → 2.0.141

package/dist/{output-DjWTgiS1.css → output-BwpNST6S.css}

@@ -61,35 +61,6 @@
   -webkit-box-shadow: 0 0 0 30px #151d3d inset !important;
 }
 
-.arrow {
-  transition: all 0.25s ease-out;
-  margin-left: auto;
-  transform: rotate(0deg);
-  width: 20px;
-  height: 20px;
-  fill: rgba(255, 255, 255, 0.6);
-}
-
-.arrowNormal {
-  margin-left: auto;
-  transform: rotate(-90deg);
-}
-
-.arrowOpen {
-  transform: rotate(-180deg);
-  fill: #ffffff;
-}
-
-.icon {
-  margin-right: 8px;
-  height: 22px;
-  width: 22px;
-  color: rgba(255, 255, 255, 0.6);
-  font-size: 22px;
-  display: flex;
-  align-items: center;
-}
-
 .option {
   display: flex;
   align-items: center;
@@ -182,6 +153,35 @@
   transition: height 150ms ease-out;
 }
 
+.arrow {
+  transition: all 0.25s ease-out;
+  margin-left: auto;
+  transform: rotate(0deg);
+  width: 20px;
+  height: 20px;
+  fill: rgba(255, 255, 255, 0.6);
+}
+
+.arrowNormal {
+  margin-left: auto;
+  transform: rotate(-90deg);
+}
+
+.arrowOpen {
+  transform: rotate(-180deg);
+  fill: #ffffff;
+}
+
+.icon {
+  margin-right: 8px;
+  height: 22px;
+  width: 22px;
+  color: rgba(255, 255, 255, 0.6);
+  font-size: 22px;
+  display: flex;
+  align-items: center;
+}
+
 .container {
   display: flex;
   align-items: center;

package/dist/select/index.d.ts

@@ -6,5 +6,4 @@ type SelectSubComponentProps = {
 };
 type SelectComponentProps = ForwardRefExoticComponent<PropsWithoutRef<SelectProps> & RefAttributes<ITDImperativeFuncProps>> & SelectSubComponentProps;
 declare const Select: SelectComponentProps;
-export { Option };
 export default Select;

package/dist/select/menu/Menu.d.ts

@@ -1,7 +1,7 @@
 import { ChildrenProps } from 'types/ChildrenProps';
 import { SelectValue } from 'types/SelectProps';
 type MenuProps = {
-    defaultValue?: SelectValue | SelectValue[];
+    defaultValue?: SelectValue | null;
     position: string;
     direction: string;
     multi: boolean;

package/dist/select/option/Option.d.ts

@@ -1,17 +1,17 @@
 /// <reference types="react" />
-import { ChildrenProps } from 'types/ChildrenProps';
 import { SelectValue } from 'types/SelectProps';
-type OptionsRefProps = {
-    getValue: () => SelectValue;
-};
-type OptionsProps = {
-    icon?: string;
+import { ChildrenProps } from 'types/ChildrenProps';
+export type OptionsTypeProps = {
+    icon?: ChildrenProps;
     image?: string;
+    label?: ChildrenProps;
     value?: SelectValue;
     multi?: boolean;
-    checked?: false;
-    onChange?: (value: SelectValue, checked: boolean, children: ChildrenProps) => null;
-    children?: ChildrenProps;
+    checked?: boolean;
+    onChange?: (value: SelectValue, checked: boolean, label: ChildrenProps) => null;
 };
-declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<OptionsProps & import("react").RefAttributes<OptionsRefProps>>>;
+declare const _default: import("react").MemoExoticComponent<{
+    ({ multi, checked, icon, image, value, onChange, label }: OptionsTypeProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+}>;
 export default _default;

package/dist/select/toggle/Toggle.d.ts

@@ -1,3 +1,3 @@
 import { SelectToggleProps } from '../../index';
-declare const Toggle: ({ id, label, value, errorMessage, isOpen, locked, disabled, showSearch, labelType, placeholder, size, selected, icon, image, onFocus, onBlur, onShow, onFilter }: SelectToggleProps) => import("react/jsx-runtime").JSX.Element;
+declare const Toggle: ({ id, errorMessage, isOpen, locked, disabled, showSearch, labelType, size, placeholder, value, label, icon, image, onFocus, onBlur, onShow, onFilter }: SelectToggleProps) => import("react/jsx-runtime").JSX.Element;
 export default Toggle;

package/dist/select/toggle/label/floating/FloatingLabel.d.ts

@@ -1,10 +1,11 @@
 import { SelectValue } from 'types/SelectProps';
+import { ChildrenProps } from 'types/ChildrenProps';
 type FloatingLabelProps = {
     id?: string;
-    value: SelectValue;
-    label: SelectValue;
+    value?: SelectValue | null;
+    label?: ChildrenProps;
     placeholder: string;
     size: string;
 };
-declare const FloatingLabel: ({ id, value, label, placeholder, size }: FloatingLabelProps) => import("react/jsx-runtime").JSX.Element;
+declare const FloatingLabel: ({ id, size, value, label, placeholder }: FloatingLabelProps) => import("react/jsx-runtime").JSX.Element;
 export default FloatingLabel;

package/dist/select/toggle/label/single/SingleLabel.d.ts

@@ -1,13 +1,14 @@
 /// <reference types="react" />
 import { SelectValue } from 'types/SelectProps';
+import { ChildrenProps } from 'types/ChildrenProps';
 export type SingleLabelRefObject = {
     setFocus: () => void;
 };
 type SingleLabelProps = {
     id?: string;
-    value: SelectValue;
-    label: string;
-    placeholder: string;
+    value?: SelectValue | null;
+    label?: ChildrenProps;
+    placeholder?: string;
     size: string;
     isOpen: boolean;
     showSearch: boolean;

package/dist/status/index.d.ts

@@ -1,2 +1,2 @@
 import { StatusProps } from '../index';
-export default function Status({ variant, size, children, className, }: StatusProps): import("react/jsx-runtime").JSX.Element;
+export default function Status({ variant, size, stretch, children, className, }: StatusProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/ChildrenProps.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-type Element = string | JSX.Element | undefined;
+type Element = string | number | JSX.Element | undefined;
 export type ChildrenProps = Element | Element[] | null;
 export {};

package/dist/types/SelectProps.d.ts

@@ -1,11 +1,11 @@
-import { CSSProperties, ReactElement } from "react";
-import { ChildrenProps } from "./ChildrenProps";
+import { CSSProperties } from "react";
 import { ITDSize } from "../index";
+import { ChildrenProps } from "./ChildrenProps";
 export type SelectProps = {
     id?: string;
-    defaultValue?: SelectValue | SelectValue[];
-    value?: SelectValue | SelectValue[];
-    label?: string;
+    defaultValue?: SelectValue;
+    value?: SelectValue;
+    label?: ChildrenProps;
     position?: SelectPosition;
     direction?: SelectDirection;
     multi?: boolean;
@@ -20,15 +20,16 @@ export type SelectProps = {
     locked?: boolean;
     floating?: boolean;
     style?: CSSProperties;
-    children?: ReactElement<SelectOptionProps> | Array<ReactElement<SelectOptionProps>> | ChildrenProps;
+    options?: SelectOptionProps[];
     onChange?: ((value: SelectValue) => void) | null;
     onUpdate?: ((value: SelectValue, update?: boolean, validation?: boolean) => void) | null;
 };
 export type SelectToggleProps = {
     id?: string;
-    label: string;
-    value?: SelectValue;
+    label?: ChildrenProps;
+    value?: SelectValue | null;
     errorMessage: string;
+    multi: boolean;
     isOpen: boolean;
     showSearch: boolean;
     locked: boolean;
@@ -38,18 +39,19 @@ export type SelectToggleProps = {
     icon?: string;
     image?: string;
     size: ITDSize;
-    selected: SelectOptionProps;
     onFocus: () => void;
     onBlur: () => void;
     onShow: (value: boolean) => void;
     onFilter: (value: string) => void;
     onChange: (open: boolean) => void;
 };
-export type SelectValue = string | number | any[];
+export type SelectOptionProps = {
+    label: ChildrenProps;
+    value: SelectValue;
+    icon?: ChildrenProps;
+    disabled?: boolean;
+};
+export type SelectValue = string | number | (string | number)[];
 export type SelectVariant = "default" | "solid" | "filled" | "outline" | "custom";
 export type SelectPosition = "top" | "bottom";
 export type SelectDirection = "right" | "left";
-export type SelectOptionProps = {
-    value: string;
-    children: string;
-};

package/dist/types/StatusProps.d.ts

@@ -3,6 +3,7 @@ import { ITDSize } from "../index";
 export type StatusProps = {
     variant?: StatusVariant;
     size?: ITDSize;
+    stretch?: boolean;
     children?: ChildrenProps;
     className?: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inntechcorp/it-design",
-  "version": "2.0.139",
+  "version": "2.0.141",
   "description": "All in one Design library for web applications.",
   "author": "Inn.Tech",
   "license": "ISC",