@inntechcorp/it-design 2.0.217 → 2.0.220

package/dist/types/TableProps.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ITDSize } from "../index";
 export type TableColumnType<T> = {
     key: keyof T | string;

package/dist/upload/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { UploadProps, ITDImperativeFuncProps } from "../index";
 /**
  *

package/dist/upload/styled.d.ts

@@ -1,4 +1,3 @@
-/// <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>, {
     $fluid: boolean;
 }>> & string;
@@ -7,12 +6,12 @@ declare const FileContent: import("styled-components/dist/types").IStyledCompone
     $hasError: boolean;
     $disabled: boolean;
     $padding: number;
-    $fileWidth?: string | number | undefined;
-    $fileHeight?: string | number | undefined;
-    $maxFileWidth?: string | number | undefined;
-    $maxFileHeight?: string | number | undefined;
-    $containerWidth?: string | number | undefined;
-    $containerHeight?: string | number | undefined;
+    $fileWidth?: number | string;
+    $fileHeight?: number | string;
+    $maxFileWidth?: number | string;
+    $maxFileHeight?: number | string;
+    $containerWidth?: number | string;
+    $containerHeight?: number | string;
 }>> & string;
 declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
     $showFocus: boolean;
@@ -43,7 +42,7 @@ declare const UploadStatusBox: import("styled-components/dist/types").IStyledCom
 }>> & string;
 declare const ErrorBorder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 declare const Failed: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, never>> & string;
 declare const ErrorTooltip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export { Wrapper, FileContent, IconsWrapper, Label, CenterContent, Overlay, OverlayContent, Uploading, UploadStatusBox, ErrorBorder, ErrorTooltip, Failed };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inntechcorp/it-design",
-  "version": "2.0.217",
+  "version": "2.0.220",
   "description": "All in one Design library for web applications.",
   "author": "Inn.Tech",
   "license": "ISC",
@@ -29,84 +29,83 @@
   },
   "dependencies": {
     "@mona-health/react-input-mask": "^3.0.3",
-    "autoprefixer": "10.4.20",
-    "axios": "1.7.2",
-    "core-js": "3.37.1",
+    "autoprefixer": "^10.4.20",
+    "axios": "1.7.7",
+    "core-js": "3.38.1",
     "fast-deep-equal": "^3.1.3",
-    "i18next": "23.11.5",
+    "i18next": "23.16.4",
     "i18next-browser-languagedetector": "8.0.0",
-    "i18next-http-backend": "2.5.2",
+    "i18next-http-backend": "2.6.2",
     "i18next-resources-to-backend": "^1.2.1",
     "lodash-es": "^4.17.21",
     "moment": "2.30.1",
-    "moment-timezone": "0.5.45",
-    "node-sass": "^9.0.0",
+    "moment-timezone": "0.5.46",
     "overlayscrollbars": "2.0.3",
     "overlayscrollbars-react": "0.5.0",
-    "postcss": "8.4.47",
+    "postcss": "^8.4.47",
     "postcss-calc": "10.0.2",
     "postcss-nested": "6.2.0",
     "prop-types": "^15.8.1",
-    "query-string": "9.0.0",
+    "query-string": "9.1.1",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "react-i18next": "14.1.2",
+    "react-i18next": "15.1.0",
     "react-nanny": "^2.15.0",
-    "react-number-format": "5.3.4",
-    "react-router-dom": "6.23.1",
-    "react-spring": "9.7.3",
+    "react-number-format": "5.4.2",
+    "react-router-dom": "6.27.0",
+    "react-spring": "9.7.4",
     "react-svg": "16.1.34",
     "react-transition-group": "4.4.5",
     "smoothscroll-polyfill": "^0.4.4",
-    "styled-components": "6.1.11",
-    "web-vitals": "4.0.1"
+    "styled-components": "6.1.13",
+    "web-vitals": "4.2.4"
   },
   "devDependencies": {
-    "@babel/core": "7.24.6",
-    "@babel/plugin-transform-runtime": "7.24.6",
-    "@babel/preset-env": "7.24.6",
-    "@babel/preset-react": "7.24.6",
-    "@babel/preset-typescript": "7.24.6",
-    "@babel/runtime": "7.24.6",
-    "@chromatic-com/storybook": "1.5.0",
+    "@babel/core": "7.26.0",
+    "@babel/plugin-transform-runtime": "7.25.9",
+    "@babel/preset-env": "7.26.0",
+    "@babel/preset-react": "7.25.9",
+    "@babel/preset-typescript": "7.26.0",
+    "@babel/runtime": "7.26.0",
+    "@chromatic-com/storybook": "3.1.0",
     "@rollup/plugin-babel": "6.0.4",
-    "@rollup/plugin-commonjs": "25.0.8",
+    "@rollup/plugin-commonjs": "28.0.1",
     "@rollup/plugin-image": "^3.0.3",
     "@rollup/plugin-json": "6.1.0",
-    "@rollup/plugin-node-resolve": "15.2.3",
-    "@storybook/addon-essentials": "8.1.5",
-    "@storybook/addon-interactions": "8.1.5",
-    "@storybook/addon-links": "8.1.5",
-    "@storybook/addon-mdx-gfm": "8.1.5",
-    "@storybook/addon-onboarding": "8.1.5",
-    "@storybook/blocks": "8.1.5",
-    "@storybook/node-logger": "8.1.5",
-    "@storybook/react": "8.1.5",
-    "@storybook/react-vite": "8.1.5",
-    "@storybook/test": "8.1.5",
-    "@testing-library/jest-dom": "6.4.5",
-    "@testing-library/react": "15.0.7",
+    "@rollup/plugin-node-resolve": "15.3.0",
+    "@storybook/addon-essentials": "8.3.6",
+    "@storybook/addon-interactions": "8.3.6",
+    "@storybook/addon-links": "8.3.6",
+    "@storybook/addon-mdx-gfm": "8.3.6",
+    "@storybook/addon-onboarding": "8.3.6",
+    "@storybook/blocks": "8.3.6",
+    "@storybook/node-logger": "8.3.6",
+    "@storybook/react": "8.3.6",
+    "@storybook/react-vite": "8.3.6",
+    "@storybook/test": "8.3.6",
+    "@testing-library/jest-dom": "6.6.2",
+    "@testing-library/react": "16.0.1",
     "@testing-library/user-event": "14.5.2",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "20.12.13",
-    "@types/react": "^18.3.3",
-    "@types/react-dom": "18.3.0",
-    "@types/rollup-plugin-node-globals": "^1.4.4",
-    "@vitejs/plugin-react": "4.3.0",
+    "@types/node": "22.8.1",
+    "@types/react": "18.3.12",
+    "@types/react-dom": "18.3.1",
+    "@types/rollup-plugin-node-globals": "1.4.5",
+    "@vitejs/plugin-react": "4.3.3",
     "babel-plugin-styled-components": "2.1.4",
     "copy-webpack-plugin": "12.0.2",
     "customize-cra": "^1.0.0",
     "dts-bundle-generator": "^9.5.1",
-    "eslint-plugin-storybook": "0.8.0",
+    "eslint-plugin-storybook": "0.10.1",
     "esm": "^3.2.25",
     "less-loader": "12.2.0",
-    "postcss-custom-properties": "14.0.1",
+    "postcss-custom-properties": "14.0.3",
     "postcss-import": "16.1.0",
-    "postcss-nesting": "13.0.0",
-    "postcss-normalize": "13.0.0",
-    "postcss-preset-env": "10.0.3",
+    "postcss-nesting": "13.0.1",
+    "postcss-normalize": "13.0.1",
+    "postcss-preset-env": "10.0.8",
     "react-app-rewired": "^2.2.1",
-    "rollup": "4.18.0",
+    "rollup": "4.24.2",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-dts": "6.1.1",
     "rollup-plugin-local-resolve": "^1.0.7",
@@ -119,18 +118,18 @@
     "rollup-plugin-styles": "4.0.0",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-typescript2": "0.36.0",
-    "sass": "1.77.4",
+    "sass": "^1.80.4",
     "source-map-loader": "5.0.0",
-    "storybook": "8.1.5",
-    "tslib": "^2.5.0",
-    "typescript": "5.4.5",
-    "vite": "5.2.12",
-    "vite-plugin-css-injected-by-js": "^3.5.1",
-    "vite-plugin-dts": "^3.9.1",
+    "storybook": "8.3.6",
+    "tslib": "2.8.0",
+    "typescript": "5.6.3",
+    "vite": "5.4.10",
+    "vite-plugin-css-injected-by-js": "3.5.2",
+    "vite-plugin-dts": "4.3.0",
     "vite-plugin-lib-inject-css": "2.1.1",
     "vite-plugin-node-polyfills": "0.22.0",
     "vite-plugin-svgr": "4.2.0",
-    "vite-tsconfig-paths": "4.3.2"
+    "vite-tsconfig-paths": "5.0.1"
   },
   "peerDependencies": {
     "react": "^18.3.1",

package/dist/output-DCvuWNga.css

@@ -1,241 +0,0 @@
-.defaultInput {
-  height: 100%;
-}
-
-.floatingInput {
-  font-size: 13px;
-  color: rgba(0, 0, 0, 0.8509803922);
-  caret-color: rgba(0, 0, 0, 0.8509803922);
-}
-
-/* --------------------------------- */
-.floatingInput::placeholder {
-  color: rgba(0, 0, 0, 0);
-}
-
-.floatingInput:disabled:not(.floatingInput[data-locked=true]) {
-  opacity: 0.5;
-}
-
-.floatingInput:disabled :not(.floatingInput[data-locked=true]) {
-  opacity: 0.5;
-}
-
-.floatingLabel {
-  display: block;
-  position: relative;
-  max-height: 0;
-  font-weight: 500;
-  pointer-events: none;
-  font-size: 16px;
-}
-
-.floatingLabel::before {
-  color: rgba(0, 0, 0, 0.6);
-  content: attr(data-content);
-  display: inline-block;
-  filter: blur(0);
-  backface-visibility: hidden;
-  transform-origin: left top;
-  transition: transform 0.2s ease-out;
-  position: relative;
-}
-
-.floatingInput:placeholder-shown + .floatingLabel::before {
-  transform: translate3d(0, -32px, 0) scale3d(0.8, 0.8, 1);
-  font-smooth: always;
-  -webkit-font-smoothing: antialiased;
-}
-
-.floatingLabel::before,
-.floatingInput:focus + .floatingLabel::before {
-  transform: translate3d(0, -40px, 0) scale3d(0.8, 0.8, 1);
-}
-
-.floatingInput:focus + .floatingLabel::before {
-  color: rgba(0, 0, 0, 0.6);
-}
-
-.floatingInputinput:-webkit-autofill, .floatingInputinput:-webkit-autofill:focus, .floatingInputinput:-webkit-autofill:hover {
-  -webkit-text-fill-color: #3496fa !important;
-  -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;
-}
-
-.menu {
-  background-color: #050A20;
-  border-radius: 0 5px 5px 5px;
-  overflow: hidden;
-  position: absolute;
-  z-index: 2;
-  box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.25);
-  transform-origin: 50% 1%;
-  transform-box: fill-box;
-  transition-timing-function: cubic-bezier(0.75, -0.5, 0, 1.25);
-}
-.menu ul {
-  min-width: max-content;
-}
-
-.bodyWrapper {
-  height: 300px;
-}
-
-.bodyWrapperLong {
-  height: 300px;
-}
-
-.bottom {
-  top: 100%;
-}
-
-.left {
-  left: 0;
-}
-
-/* -------------------------------- */
-.menuEnter {
-  opacity: 0;
-  height: 50px;
-}
-
-.menuEnterActive {
-  opacity: 1;
-  height: 300px;
-  transition: height 150ms ease-out;
-}
-
-.menuExit {
-  opacity: 1;
-}
-
-.menuExitActive {
-  opacity: 0;
-  height: 300px;
-  transition: height 150ms ease-out;
-}
-
-/* -------------------------------- */
-.menuEnterActiveLong {
-  opacity: 1;
-  height: 300px;
-  transition: height 150ms ease-out;
-}
-
-.menuExitActiveLong {
-  opacity: 0;
-  height: 300px;
-  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;
-  cursor: pointer;
-  user-select: none;
-}
-
-.label {
-  display: flex;
-  align-items: center;
-  position: relative;
-}
-.label span {
-  font-size: 12px;
-  font-weight: 400;
-  color: rgba(255, 255, 255, 0.6);
-  line-height: 1.2;
-  margin-left: 10px;
-}
-
-.checkmark {
-  height: 20px;
-  width: 20px;
-  border-radius: 6px;
-  background-color: #1D2649;
-  transition: background-color 0.25sn ease-out;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.checkmark svg {
-  fill: #ffffff;
-  visibility: hidden;
-}
-
-.check {
-  background-color: #3396FB;
-}
-.check svg {
-  visibility: visible;
-  animation: bounce 0.5s;
-}
-
-@keyframes bounce {
-  0% {
-    transform: scale(0.2) rotate(4deg);
-  }
-  50% {
-    transform: scale(1.2) rotate(-2deg);
-  }
-  75% {
-    transform: scale(0.9) rotate(1deg);
-  }
-  100% {
-    transform: scale(1) rotate(0deg);
-  }
-}

package/dist/output-DfOH-aLb.css

@@ -1,241 +0,0 @@
-.defaultInput {
-  height: 100%;
-}
-
-.floatingInput {
-  font-size: 13px;
-  color: rgba(0, 0, 0, 0.8509803922);
-  caret-color: rgba(0, 0, 0, 0.8509803922);
-}
-
-/* --------------------------------- */
-.floatingInput::placeholder {
-  color: rgba(0, 0, 0, 0);
-}
-
-.floatingInput:disabled:not(.floatingInput[data-locked=true]) {
-  opacity: 0.5;
-}
-
-.floatingInput:disabled :not(.floatingInput[data-locked=true]) {
-  opacity: 0.5;
-}
-
-.floatingLabel {
-  display: block;
-  position: relative;
-  max-height: 0;
-  font-weight: 500;
-  pointer-events: none;
-  font-size: 16px;
-}
-
-.floatingLabel::before {
-  color: rgba(0, 0, 0, 0.6);
-  content: attr(data-content);
-  display: inline-block;
-  filter: blur(0);
-  backface-visibility: hidden;
-  transform-origin: left top;
-  transition: transform 0.2s ease-out;
-  position: relative;
-}
-
-.floatingInput:placeholder-shown + .floatingLabel::before {
-  transform: translate3d(0, -32px, 0) scale3d(0.8, 0.8, 1);
-  font-smooth: always;
-  -webkit-font-smoothing: antialiased;
-}
-
-.floatingLabel::before,
-.floatingInput:focus + .floatingLabel::before {
-  transform: translate3d(0, -40px, 0) scale3d(0.8, 0.8, 1);
-}
-
-.floatingInput:focus + .floatingLabel::before {
-  color: rgba(0, 0, 0, 0.6);
-}
-
-.floatingInputinput:-webkit-autofill, .floatingInputinput:-webkit-autofill:focus, .floatingInputinput:-webkit-autofill:hover {
-  -webkit-text-fill-color: #3496fa !important;
-  -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;
-  overflow: hidden;
-  position: absolute;
-  z-index: 2;
-  box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.25);
-  transform-origin: 50% 1%;
-  transform-box: fill-box;
-  transition-timing-function: cubic-bezier(0.75, -0.5, 0, 1.25);
-}
-.menu ul {
-  min-width: max-content;
-}
-
-.bodyWrapper {
-  height: 300px;
-}
-
-.bodyWrapperLong {
-  height: 300px;
-}
-
-.bottom {
-  top: 100%;
-}
-
-.left {
-  left: 0;
-}
-
-/* -------------------------------- */
-.menuEnter {
-  opacity: 0;
-  height: 50px;
-}
-
-.menuEnterActive {
-  opacity: 1;
-  height: 300px;
-  transition: height 150ms ease-out;
-}
-
-.menuExit {
-  opacity: 1;
-}
-
-.menuExitActive {
-  opacity: 0;
-  height: 300px;
-  transition: height 150ms ease-out;
-}
-
-/* -------------------------------- */
-.menuEnterActiveLong {
-  opacity: 1;
-  height: 300px;
-  transition: height 150ms ease-out;
-}
-
-.menuExitActiveLong {
-  opacity: 0;
-  height: 300px;
-  transition: height 150ms ease-out;
-}
-
-.container {
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  user-select: none;
-}
-
-.label {
-  display: flex;
-  align-items: center;
-  position: relative;
-}
-.label span {
-  font-size: 12px;
-  font-weight: 400;
-  color: rgba(255, 255, 255, 0.6);
-  line-height: 1.2;
-  margin-left: 10px;
-}
-
-.checkmark {
-  height: 20px;
-  width: 20px;
-  border-radius: 6px;
-  background-color: #1D2649;
-  transition: background-color 0.25sn ease-out;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.checkmark svg {
-  fill: #ffffff;
-  visibility: hidden;
-}
-
-.check {
-  background-color: #3396FB;
-}
-.check svg {
-  visibility: visible;
-  animation: bounce 0.5s;
-}
-
-@keyframes bounce {
-  0% {
-    transform: scale(0.2) rotate(4deg);
-  }
-  50% {
-    transform: scale(1.2) rotate(-2deg);
-  }
-  75% {
-    transform: scale(0.9) rotate(1deg);
-  }
-  100% {
-    transform: scale(1) rotate(0deg);
-  }
-}