@inntechcorp/it-design 2.0.121 → 2.0.124

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

@@ -61,6 +61,61 @@
   -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;
@@ -127,61 +182,6 @@
   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;
-}
-
-.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/{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/toggle/label/floating/FloatingLabel.d.ts

@@ -1,7 +1,8 @@
+import { SelectValue } from 'types/SelectProps';
 type FloatingLabelProps = {
     id?: string;
-    value: string | number | [];
-    label: string | number | [];
+    value: SelectValue;
+    label: SelectValue;
     placeholder: string;
     size: string;
 };

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

@@ -1,10 +1,11 @@
 /// <reference types="react" />
+import { SelectValue } from 'types/SelectProps';
 export type SingleLabelRefObject = {
     setFocus: () => void;
 };
 type SingleLabelProps = {
     id?: string;
-    value: string | number | [];
+    value: SelectValue;
     label: string;
     placeholder: string;
     size: string;

package/dist/stories/DatePicker.d.ts

@@ -0,0 +1,3 @@
+import './button.css';
+import { FC } from 'react';
+export declare const DatePicker: FC<any>;

package/dist/stories/DatePicker.stories.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").FC<any>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {};
+    args: {
+        onClick: import("@vitest/spy").Mock<any, any>;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Filled: Story;
+export declare const Dashed: Story;
+export declare const MaskFormat: Story;

package/dist/types/CalendarProps.d.ts

@@ -0,0 +1,31 @@
+import moment from "moment";
+import { ChildrenProps } from "./ChildrenProps";
+import { InputVariant } from "./InputProps";
+import { ITDSize } from "./ITDProps";
+export type CalendarProps = {
+    id?: string;
+    placeholder?: string;
+    defaultValue: CalendarValueProps;
+    className?: string;
+    mask?: null | string;
+    size?: ITDSize;
+    variant?: InputVariant;
+    disabled?: boolean;
+    floating?: boolean;
+    suffix?: ChildrenProps;
+    onChange?: ((value: CalendarValueProps) => void) | null;
+    onUpdate?: ((value: any, update: any, validation: boolean) => void) | null;
+    disabledDate: (date: moment.Moment) => boolean;
+};
+export type CalendarValueProps = {
+    localizated: string;
+    global: string;
+};
+export type CalendarDayProps = {
+    date: moment.Moment;
+    today?: boolean;
+    selected?: boolean;
+    current?: boolean;
+    disabled?: boolean;
+    handleClick: (date: moment.Moment) => void;
+};

package/dist/types/DatePickerProps.d.ts

@@ -0,0 +1,20 @@
+import moment from "moment";
+import { CalendarValueProps } from "./CalendarProps";
+import { ChildrenProps } from "./ChildrenProps";
+import { InputVariant } from "./InputProps";
+import { ITDSize } from "./ITDProps";
+export type DatePickerProps = {
+    id?: string;
+    placeholder?: string;
+    defaultValue?: CalendarValueProps;
+    className?: string;
+    mask?: null | string;
+    size?: ITDSize;
+    variant?: InputVariant;
+    disabled?: boolean;
+    floating?: boolean;
+    suffix?: ChildrenProps;
+    onChange?: ((value: CalendarValueProps) => void) | null;
+    onUpdate?: ((value: any, update: any, validation: boolean) => void) | null;
+    disabledDate?: (date: moment.Moment) => boolean;
+};

package/dist/types/FlexProps.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties } from "react";
-import { ChildrenProps } from "types/ChildrenProps";
+import { ChildrenProps } from "./ChildrenProps";
 export type FlexProps = {
     gap?: FlexGapProps;
     justify?: FlexJustifyProps;

package/dist/types/FormProps.d.ts

@@ -1,6 +1,6 @@
 import { FormValidationTypes } from "enums/enum";
 import { RefObject } from "react";
-import { ChildrenProps } from "types/ChildrenProps";
+import { ChildrenProps } from "./ChildrenProps";
 import { ITDImperativeFuncProps } from "../index";
 import { FormStoreProps } from "../form/context/FormStore";
 import { FormContextType } from "../form/context/FormContext";

package/package.json

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