@inntechcorp/it-design 2.2.90 → 3.1.0

package/dist/types/Theme.d.ts

@@ -1,41 +1,100 @@
+import type { ColorScale } from '../helpers/theme/GenerateColorScale';
 export type ITDTheme = {
-    brandPrimary: string;
-    brandPrimaryHover: string;
+    appearance: 'light' | 'dark';
+    transitionDuration: string;
+    transitionTimingFunction: string;
+    fontSans?: string;
+    fontMono?: string;
+    boxShadow: string;
+    borderRadius: string;
+    ringOffset: string;
+    ringWidth: string;
+    background: string;
+    foreground: string;
+    input: string;
+    primary: string;
+    primaryHover: string;
+    primaryForeground: string;
+    primaryScale: ColorScale;
+    secondary: string;
+    secondaryHover: string;
+    secondaryForeground: string;
+    secondaryForegroundHover: string;
+    accent: string;
+    accentForeground: string;
+    muted: string;
+    mutedForeground: string;
+    selection: string;
+    selectionForeground: string;
+    popover: string;
+    popoverForeground: string;
+    card: string;
+    cardForeground: string;
     colorText: string;
     colorTextMuted: string;
+    colorTextMutedForeground: string;
     colorPlaceholder: string;
+    colorTextNeutral: string;
+    colorControlLabel: string;
+    colorModalShadow: string;
     colorBorder: string;
     colorBorderHover: string;
-    colorBorderSelected: string;
     colorBorderTransparent: string;
-    colorFocusOutline: string;
-    colorFocusOutlineTransparent: string;
     colorBackgroundAlt: string;
     colorBackgroundAltHover: string;
+    colorBackgroundTransparent: string;
+    colorBackgroundModal: string;
+    colorForegroundItemSelected: string;
+    colorForegroundItemSelectedText: string;
+    colorBackgroundSelect: string;
+    colorBackgroundSelectFilled: string;
+    colorBackgroundSelectFilledItem: string;
+    colorBackgroundSelectItem: string;
+    colorBackgroundSelectItemHover: string;
+    colorBackgroundSelectItemSelected: string;
     colorDisabledBg: string;
     colorDisabledBorder: string;
     colorDisabledText: string;
+    colorIcon: string;
     colorIconMuted: string;
-    colorTextNeutral: string;
-    colorCheckboxLabel: string;
-    colorCheckboxCheckmark: string;
-    colorCheckboxDefaultTick: string;
-    colorCheckboxFilledBg: string;
-    colorCheckboxFilledTick: string;
     colorError: string;
     colorErrorText: string;
     colorErrorBorder: string;
     scrollbarThumb: string;
     scrollbarThumbHover: string;
-    brandPrimaryGradientStart: string;
-    brandPrimaryGradientEnd: string;
-    brandPrimaryHoverStart: string;
-    brandPrimaryHoverEnd: string;
-    brandPrimaryContrastText: string;
+    primaryGradientStart: string;
+    primaryGradientEnd: string;
+    primaryHoverStart: string;
+    primaryHoverEnd: string;
+    primaryContrastText: string;
     buttonGenericBg: string;
     buttonGenericHoverBg: string;
     buttonSelectedBorder: string;
     buttonSelectedBg: string;
     buttonDisabledBg: string;
     buttonDisabledText: string;
+    colorUploadOverlay: string;
+    colorUploadText: string;
+    colorUploadOverlayError: string;
+    colorUploadErrorText: string;
+    colorUploadOverlayCompleted: string;
+    colorUploadCompletedText: string;
+    colorUploadOverlayUploading: string;
+    colorUploadingText: string;
+    colorAlertInfoBackground: string;
+    colorAlertInfoBorder: string;
+    colorAlertInfoTitle: string;
+    colorAlertInfoText: string;
+    colorAlertSuccessBackground: string;
+    colorAlertSuccessBorder: string;
+    colorAlertSuccessTitle: string;
+    colorAlertSuccessText: string;
+    colorAlertWarningBackground: string;
+    colorAlertWarningBorder: string;
+    colorAlertWarningTitle: string;
+    colorAlertWarningText: string;
+    colorAlertErrorBackground: string;
+    colorAlertErrorBorder: string;
+    colorAlertErrorTitle: string;
+    colorAlertErrorText: string;
 };

package/dist/types/UploadProps.d.ts

@@ -1,6 +1,8 @@
 import { FileTypes } from "../index";
+import { ITDVariant } from "./ITDProps";
 export type UploadProps = {
     id?: string;
+    variant?: ITDVariant;
     action?: string;
     filePath?: string | null;
     removeAction?: string;

package/dist/upload/index.d.ts

@@ -1,4 +1,4 @@
-import { UploadProps, ITDImperativeFuncProps } from "../index";
+import type { UploadProps, ITDImperativeFuncProps } from "../index";
 /**
  *
  * UPLOAD

package/dist/upload/styled.d.ts

@@ -1,3 +1,5 @@
+import { ITDVariant } from "types/ITDProps";
+import { ErrorTooltip, ErrorBorder } from "../utils/CommonStyledComponents";
 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;
@@ -12,9 +14,12 @@ declare const FileContent: import("styled-components/dist/types").IStyledCompone
     $maxFileHeight?: number | string;
     $containerWidth?: number | string;
     $containerHeight?: number | string;
+    $variant?: ITDVariant;
+    $showFocus: boolean;
 }>> & string;
 declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $showFocus: boolean;
+    $hasError: boolean;
 }>> & string;
 declare const IconsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $position: "default" | "corners";
@@ -40,7 +45,5 @@ declare const UploadStatusBox: import("styled-components/dist/types").IStyledCom
     $complete: boolean;
     $error: boolean;
 }>> & 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<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, 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/dist/utils/CommonStyledComponents.d.ts

@@ -0,0 +1,17 @@
+import { FC, ReactNode } from 'react';
+export declare const ErrorSVGIcon: import("react/jsx-runtime").JSX.Element;
+export declare const ErrorTooltip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $position?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
+    $offsetX?: number;
+    $offsetY?: number;
+}>> & string;
+export declare const ErrorBorder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $fullSize?: boolean;
+}>> & string;
+export type ErrorIconProps = {
+    message: string;
+    icon?: ReactNode;
+    className?: string;
+    tooltipPosition?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+};
+export declare const ErrorIcon: FC<ErrorIconProps>;

package/package.json

@@ -1,27 +1,52 @@
 {
   "name": "@inntechcorp/it-design",
-  "version": "2.2.90",
+  "version": "3.1.0",
   "description": "All in one Design library for web applications.",
   "author": "Inn.Tech",
   "license": "ISC",
-  "main": "dist/index.cjs.js",
-  "module": "dist/index.esm.js",
+  "main": "dist/cjs/index.js",
+  "module": "dist/es/index.js",
   "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/es/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/cjs/index.js"
+      }
+    },
+    "./global.css": "./dist/global.css",
+    "./dist/global.css": "./dist/global.css",
+    "./locales/*": "./dist/locales/*"
+  },
   "type": "module",
+  "sideEffects": [
+    "*.css",
+    "*.scss",
+    "lib/global.css",
+    "lib/context/**",
+    "lib/helpers/datetime/**",
+    "lib/helpers/theme/cssVariables.ts"
+  ],
   "files": [
     "dist",
     "src/typings"
   ],
   "scripts": {
     "prepublish": "rollup -c --bundleConfigAsCjs",
-    "build-rollup": "[ -d ./dist ] || mkdir dist && rm -r ./dist && rollup -c --bundleConfigAsCjs",
+    "build-rollup": "rm -rf ./dist && rollup -c --bundleConfigAsCjs",
+    "analyze": "ROLLUP_WATCH=false rollup -c --bundleConfigAsCjs && open dist/stats.html",
     "start-rollup": "rollup -c -w --bundleConfigAsCjs",
-    "npm-publish": "yarn run build-rollup && npm publish --access public",
+    "npm-publish": "yarn run build-rollup && node -e \"const pkg=require('./package.json'); delete pkg.private; delete pkg.workspaces; require('fs').writeFileSync('package.json', JSON.stringify(pkg, null, 2))\" && npm publish && git checkout package.json",
     "start": "vite --host",
     "build": "[ -d ./build ] || mkdir build && rm -r ./build && tsc --p ./tsconfig-build.json && vite build",
     "serve": "vite preview",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
+    "build-storybook": "storybook build",
+    "test-app": "cd examples/test-app && yarn dev"
   },
   "repository": {
     "type": "git",
@@ -32,19 +57,19 @@
     "autoprefixer": "10.4.21",
     "axios": "1.11.0",
     "core-js": "3.45.1",
+    "dayjs": "^1.11.18",
     "fast-deep-equal": "^3.1.3",
     "i18next": "25.4.2",
     "i18next-browser-languagedetector": "8.2.0",
     "i18next-http-backend": "3.0.2",
     "i18next-resources-to-backend": "^1.2.1",
     "lodash-es": "4.17.21",
+    "lucide-react": "^0.546.0",
     "overlayscrollbars": "2.11.4",
     "postcss": "8.5.6",
     "postcss-calc": "10.1.1",
     "prop-types": "^15.8.1",
     "query-string": "9.2.2",
-    "react": "19.1.1",
-    "react-dom": "19.1.1",
     "react-i18next": "15.7.3",
     "react-nanny": "^2.15.0",
     "react-number-format": "5.4.4",
@@ -55,7 +80,7 @@
     "react-transition-group": "4.4.5",
     "react-virtuoso": "^4.12.8",
     "smoothscroll-polyfill": "^0.4.4",
-    "styled-components": "6.1.19",
+    "sonner": "^2.0.7",
     "uuid": "11.1.0",
     "web-vitals": "5.1.0"
   },
@@ -66,16 +91,19 @@
     "@babel/preset-react": "7.27.1",
     "@babel/preset-typescript": "7.27.1",
     "@babel/runtime": "7.28.3",
+    "react": "19.1.1",
+    "react-dom": "19.1.1",
+    "styled-components": "6.1.19",
     "@rollup/plugin-babel": "6.0.4",
     "@rollup/plugin-commonjs": "28.0.6",
     "@rollup/plugin-image": "^3.0.3",
     "@rollup/plugin-json": "6.1.0",
     "@rollup/plugin-node-resolve": "16.0.1",
-    "@storybook/addon-docs": "^9.0.9",
-    "@storybook/addon-links": "9.1.4",
-    "@storybook/addon-onboarding": "9.1.4",
-    "@storybook/builder-vite": "9.1.4",
-    "@storybook/react-vite": "9.1.4",
+    "@storybook/addon-docs": "10.0.0",
+    "@storybook/addon-links": "10.0.0",
+    "@storybook/addon-onboarding": "10.0.0",
+    "@storybook/builder-vite": "10.0.0",
+    "@storybook/react-vite": "10.0.0",
     "@testing-library/jest-dom": "6.8.0",
     "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "14.6.1",
@@ -89,7 +117,7 @@
     "copy-webpack-plugin": "13.0.1",
     "customize-cra": "^1.0.0",
     "dts-bundle-generator": "^9.5.1",
-    "eslint-plugin-storybook": "9.1.4",
+    "eslint-plugin-storybook": "10.0.0",
     "esm": "^3.2.25",
     "less-loader": "12.3.0",
     "postcss-custom-properties": "14.0.6",
@@ -107,14 +135,13 @@
     "rollup-plugin-node-polyfills": "^0.2.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-scss": "4.0.1",
     "rollup-plugin-sourcemaps": "^0.6.3",
     "rollup-plugin-styles": "4.0.0",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-typescript2": "0.36.0",
-    "sass": "1.92.0",
+    "rollup-plugin-visualizer": "^5.12.0",
     "source-map-loader": "5.0.0",
-    "storybook": "9.1.4",
+    "storybook": "10.0.0",
     "tslib": "2.8.1",
     "typescript": "5.9.2",
     "vite": "7.1.4",
@@ -128,8 +155,7 @@
   "peerDependencies": {
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "styled-components": "^6.1.19",
-    "dayjs": "1.11.18"
+    "styled-components": "^6.1.19"
   },
   "bugs": {
     "url": "https://github.com/inntechcorp/it-design-library/issues"
@@ -160,22 +186,8 @@
   "resolutions": {
     "jackspeak": "2.1.1"
   },
-  "exports": {
-    ".": {
-      "import": {
-        "types": "./dist/index.d.mts",
-        "default": "./dist/index.esm.js"
-      },
-      "require": {
-        "types": "./dist/index.d.ts",
-        "default": "./dist/index.cjs.js"
-      }
-    },
-    "./dist/global.css": "./dist/global.css",
-    "./locales/*": "./dist/locales/*"
-  },
   "directories": {
     "lib": "lib"
   },
   "homepage": "https://github.com/inntechcorp/it-design-library#readme"
-}
+}

package/dist/button/button.style.SVG.d.ts

@@ -1,4 +0,0 @@
-/**
- * SVG
- */
-export declare const getSVG: () => import("styled-components").RuleSet<object>;