@inntechcorp/it-design 2.0.127 → 2.0.128

package/dist/{output-DfOH-aLb.css → output-DOIezTPH.css}

@@ -61,61 +61,6 @@
   -webkit-box-shadow: 0 0 0 30px #151d3d inset !important;
 }
 
-.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;
-}
-
-.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;
-}
-
 .menu {
   background-color: #050A20;
   border-radius: 0 5px 5px 5px;
@@ -182,6 +127,61 @@
   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;
+}
+
+.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/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/dist/utils/GetSizeBySizeSlug.d.ts

@@ -1,2 +1,2 @@
 import { ITDSizeSlug } from "../index";
-export default function GetSizeBySizeSlug(size: ITDSizeSlug): "large" | "small" | "x-small" | "medium" | "default" | "x-large" | "df";
+export default function GetSizeBySizeSlug(size: ITDSizeSlug): "default" | "x-small" | "small" | "medium" | "large" | "x-large" | "df";

package/package.json

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