@inntechcorp/it-design 2.0.78 → 2.0.80

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

@@ -61,32 +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;
@@ -182,6 +156,32 @@
   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/style.settings.d.ts

@@ -7,7 +7,12 @@ export declare const getArrowSizeBySize: (size: string) => {
     height: number;
 };
 export declare const getOptionSizeBySize: (size: string) => {
-    padding: string;
+    padding: {
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+    };
     height: number;
 };
 export declare const getSelectSizeBySize: (size: string) => {

package/dist/select/styled.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="react" />
 declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $size: string;
+    $hasImage?: boolean | undefined;
+    $hasIcon?: boolean | undefined;
 }>> & string;
 export { Wrapper };

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, icon, image, size, selected, onFocus, onBlur }: SelectToggleProps) => import("react/jsx-runtime").JSX.Element;
+declare const Toggle: ({ id, label, value, errorMessage, isOpen, locked, disabled, showSearch, labelType, placeholder, size, selected, icon, image, onFocus, onBlur }: SelectToggleProps) => import("react/jsx-runtime").JSX.Element;
 export default Toggle;

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

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

package/dist/types/SelectProps.d.ts

@@ -6,8 +6,8 @@ export type SelectProps = {
     defaultValue?: string | number;
     value?: string | number;
     label?: string;
-    position?: string;
-    direction?: string;
+    position?: SelectPosition;
+    direction?: SelectDirection;
     mode?: string;
     size?: ITDSize;
     variant?: SelectVariant;
@@ -34,8 +34,8 @@ export type SelectToggleProps = {
     disabled: boolean;
     labelType: string;
     placeholder: string;
-    icon: string;
-    image: string;
+    icon?: string;
+    image?: string;
     size: ITDSize;
     selected: SelectOptionProps;
     onFocus: () => void;
@@ -43,6 +43,8 @@ export type SelectToggleProps = {
     onChange: (open: boolean) => void;
 };
 export type SelectVariant = "default" | "solid" | "filled" | "outline" | "custom";
+export type SelectPosition = "top" | "bottom";
+export type SelectDirection = "right" | "left";
 export type SelectOptionProps = {
     value: string;
     text: string;

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): "large" | "small" | "default" | "x-small" | "medium" | "x-large" | "df";

package/package.json

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