@inntechcorp/it-design 2.0.126 → 2.0.128

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

@@ -90,6 +90,32 @@
   align-items: center;
 }
 
+.option {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  min-width: max-content;
+  padding: 10px 30px 10px 15px;
+}
+.option:not(:last-child) {
+  margin-bottom: 1px;
+}
+.option:hover {
+  background-color: rgba(29, 38, 73, 0.5019607843);
+}
+
+.selected .single, .selected .option span {
+  color: #ffffff;
+}
+
+.single, .option span {
+  color: rgba(255, 255, 255, 0.6666666667);
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 12px;
+  white-space: nowrap;
+}
+
 .menu {
   background-color: #050A20;
   border-radius: 0 5px 5px 5px;
@@ -156,32 +182,6 @@
   transition: height 150ms ease-out;
 }
 
-.option {
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  min-width: max-content;
-  padding: 10px 30px 10px 15px;
-}
-.option:not(:last-child) {
-  margin-bottom: 1px;
-}
-.option:hover {
-  background-color: rgba(29, 38, 73, 0.5019607843);
-}
-
-.selected .single, .selected .option span {
-  color: #ffffff;
-}
-
-.single, .option span {
-  color: rgba(255, 255, 255, 0.6666666667);
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 12px;
-  white-space: nowrap;
-}
-
 .container {
   display: flex;
   align-items: center;

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

@@ -1,14 +1,14 @@
 import { ChildrenProps } from 'types/ChildrenProps';
 import { SelectValue } from 'types/SelectProps';
 type MenuProps = {
-    value: SelectValue;
+    value?: SelectValue;
     position: string;
     direction: string;
-    mode: string;
+    multi: boolean;
     children: ChildrenProps;
     onChange: (value: string | string[] | number | number[], label?: string) => void;
     onClose: () => void;
     isOpen: boolean;
 };
-export default function Menu({ value, position, direction, mode, isOpen, children, onChange, onClose }: MenuProps): import("react/jsx-runtime").JSX.Element;
+export default function Menu({ position, direction, multi, isOpen, value, children, onChange, onClose }: MenuProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,16 +1,16 @@
 /// <reference types="react" />
 import { ChildrenProps } from 'types/ChildrenProps';
+import { SelectValue } from 'types/SelectProps';
 type OptionsRefProps = {
-    getValue: () => string;
+    getValue: () => SelectValue;
 };
 type OptionsProps = {
     icon?: string;
     image?: string;
-    value?: string;
-    mode?: string;
+    value?: SelectValue;
+    multi?: boolean;
     checked?: false;
-    autoScroll?: false;
-    onChange?: (value: string, checked: boolean, children: ChildrenProps) => null;
+    onChange?: (value: SelectValue, checked: boolean, children: ChildrenProps) => null;
     children?: ChildrenProps;
 };
 declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<OptionsProps & import("react").RefAttributes<OptionsRefProps>>>;

package/dist/stories/Select.stories.d.ts

@@ -19,4 +19,5 @@ export declare const Solid: Story;
 export declare const Filled: Story;
 export declare const Outline: Story;
 export declare const Custom: Story;
+export declare const Multiple: Story;
 export declare const WithIcon: Story;

package/dist/types/SelectProps.d.ts

@@ -8,7 +8,7 @@ export type SelectProps = {
     label?: string;
     position?: SelectPosition;
     direction?: SelectDirection;
-    mode?: string;
+    multi?: boolean;
     size?: ITDSize;
     variant?: SelectVariant;
     className?: string;
@@ -27,7 +27,7 @@ export type SelectProps = {
 export type SelectToggleProps = {
     id?: string;
     label: string;
-    value: SelectValue;
+    value?: SelectValue;
     errorMessage: string;
     isOpen: boolean;
     showSearch: boolean;

package/package.json

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