gantri-components 2.119.3 → 2.119.4

package/dist/components/tabs/components/tab/tab.styled.d.ts

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

package/dist/components/tabs/components/tab-panel/tab-panel.styles.d.ts

@@ -1 +1,2 @@
-export declare const StyledTabPanel: any;
+/// <reference types="react" />
+export declare const StyledTabPanel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/tabs/components/tabs-list/tabs-list.styles.d.ts

@@ -1,2 +1,9 @@
-export declare const StyledTabsList: any;
-export declare const StyledTabsContent: any;
+/// <reference types="react" />
+import { Property } from 'csstype';
+export declare const StyledTabsList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $align?: Property.JustifyContent | undefined;
+}>> & string;
+export declare const StyledTabsContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $hasBorder?: boolean | undefined;
+    $variant?: "default" | "plain" | undefined;
+}>> & string;

package/dist/components/text-area/text-area.styles.d.ts

@@ -1,4 +1,6 @@
-export declare const StyledTextareaParentContainer: any;
-export declare const StyledContainer: any;
-export declare const StyledInputWrapper: any;
-export declare const StyledTextarea: any;
+/// <reference types="react" />
+import { StyledInputContainerProps, StyledParentContainerProps } from '../text-field';
+export declare const StyledTextareaParentContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledParentContainerProps>> & string;
+export declare const StyledContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledInputContainerProps>> & string;
+export declare const StyledInputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledTextarea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, never>> & string;

package/dist/components/text-field/text-field.styles.d.ts

@@ -1,3 +1,5 @@
-export declare const StyledParentContainer: any;
-export declare const StyledInputContainer: any;
-export declare const StyledInput: any;
+/// <reference types="react" />
+import { StyledInputContainerProps, StyledParentContainerProps } from './text-field.types';
+export declare const StyledParentContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledParentContainerProps>> & string;
+export declare const StyledInputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledInputContainerProps>> & string;
+export declare const StyledInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;

package/dist/components/toggle/toggle.styles.styles.d.ts

@@ -1,3 +1,10 @@
-export declare const StyledToggleContainer: any;
-export declare const StyledToggle: any;
-export declare const StyledToggleSwitch: any;
+/// <reference types="react" />
+export declare const StyledToggleContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $disabled?: boolean | undefined;
+}>> & string;
+export declare const StyledToggle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $checked: boolean;
+    $disabled?: boolean | undefined;
+    $withErrors: boolean;
+}>> & string;
+export declare const StyledToggleSwitch: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/tooltip/tooltip.styles.d.ts

@@ -1 +1,8 @@
-export declare const StyledTooltipContainer: any;
+/// <reference types="react" />
+import { Property } from 'csstype';
+import { OverlayPosition } from '../overlay/overlay.types';
+export declare const StyledTooltipContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $hasPadding?: boolean | undefined;
+    $maxWidth: Property.MaxWidth | undefined;
+    $position?: OverlayPosition | undefined;
+}>> & string;

package/dist/components/typography/typography.styles.d.ts

@@ -1,2 +1,7 @@
-export declare const StyledText: any;
-export declare const StyledIconContainer: any;
+/// <reference types="react" />
+import { TypographyProps } from './typography.types';
+export declare const StyledText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, TypographyProps>> & string;
+export declare const StyledIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    marginLeft?: string | undefined;
+    marginRight?: string | undefined;
+}>> & string;

package/dist/helpers/layout.helpers.d.ts

@@ -7,7 +7,7 @@ export declare const calculateDimensionsFromAspectRatio: (aspectRatio: string) =
     height: string;
     width: string;
 };
-export declare function generateStylesForResolutionAwareProps<T>(entries: ExtractStyleFromResolutionAwarePropEntry[]): any;
+export declare function generateStylesForResolutionAwareProps<T>(entries: ExtractStyleFromResolutionAwarePropEntry[]): import("styled-components").RuleSet<object>;
 export declare const isLargeScreen: () => boolean;
 export declare const isSmallScreen: () => boolean;
 export declare const extractValueFromResolutionAwarePropertyForCurrentScreenSize: (property: ResolutionAwareProp<any>) => any;

package/dist/styles/animations.d.ts

@@ -1 +1 @@
-export declare const fadeIn: any;
+export declare const fadeIn: import("styled-components/dist/models/Keyframes").default;

package/dist/styles/base.d.ts

@@ -1 +1,6 @@
-export declare const GlobalStyle: any;
+/// <reference types="react" />
+export declare const GlobalStyle: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & {
+    boldFamily?: string | undefined;
+    defaultFamily?: string | undefined;
+    includeFonts?: boolean | undefined;
+}>;

package/dist/styles/hooks/use-theme-defaults.d.ts

@@ -1 +1,2 @@
-export declare const useThemeDefaults: () => DefaultTheme;
+import { DefaultTheme } from 'styled-components';
+export declare const useThemeDefaults: () => DefaultTheme['defaults'];

package/dist/styles/theme.d.ts

@@ -218,52 +218,52 @@ export declare const getThemeProductColor: (color: ProductColorCode, currentThem
 export declare const getThemeSpacing: (property: BoxDimension | string, currentTheme?: DefaultTheme) => string;
 export declare const getButtonsColors: (variant: ButtonVariant, theme?: DefaultTheme) => {
     background: string;
-    backgroundActive: any;
+    backgroundActive: string;
     backgroundDisabled: string;
-    backgroundHover: any;
-    border: any;
-    borderActive: any;
-    borderDisabled: any;
-    borderProcessing: any;
-    foreground: any;
-    foregroundActive: any;
-    foregroundDisabled: any;
-    foregroundHover: any;
-    processingIconColor: any;
+    backgroundHover: string;
+    border: string;
+    borderActive: string;
+    borderDisabled: string;
+    borderHover: string;
+    borderProcessing: string;
+    foreground: string;
+    foregroundActive: string;
+    foregroundDisabled: string;
+    foregroundHover: string;
+    processingIconColor: string;
     processingIconColorOpaque: string;
-    borderHover?: undefined;
 } | {
-    background: any;
-    backgroundActive: any;
-    backgroundDisabled: any;
-    backgroundHover: any;
-    border: any;
-    borderActive: any;
-    borderDisabled: any;
-    borderHover: any;
-    foreground: any;
-    foregroundActive: any;
-    foregroundDisabled: any;
-    foregroundHover: any;
-    processingIconColor: any;
+    background: string;
+    backgroundActive: string;
+    backgroundDisabled: string;
+    backgroundHover: string;
+    border: string;
+    borderActive: string;
+    borderDisabled: string;
+    borderProcessing: string;
+    foreground: string;
+    foregroundActive: string;
+    foregroundDisabled: string;
+    foregroundHover: string;
+    processingIconColor: string;
     processingIconColorOpaque: string;
-    borderProcessing?: undefined;
+    borderHover?: undefined;
 } | {
-    background: any;
-    backgroundActive: any;
-    backgroundDisabled: any;
-    backgroundHover: any;
-    border: any;
-    borderActive: any;
-    borderDisabled: any;
-    borderHover: any;
-    borderProcessing: any;
-    foreground: any;
-    foregroundActive: any;
-    foregroundDisabled: any;
-    foregroundHover: any;
-    processingIconColor: any;
+    background: string;
+    backgroundActive: string;
+    backgroundDisabled: string;
+    backgroundHover: string;
+    border: string;
+    borderActive: string;
+    borderDisabled: string;
+    borderHover: string;
+    foreground: string;
+    foregroundActive: string;
+    foregroundDisabled: string;
+    foregroundHover: string;
+    processingIconColor: string;
     processingIconColorOpaque: string;
+    borderProcessing?: undefined;
 };
 export declare const createTheme: (config: {
     defaults?: Partial<DefaultTheme['defaults']>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gantri-components",
-  "version": "2.119.3",
+  "version": "2.119.4",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
   "umd": "dist/index.umd.js",
@@ -28,8 +28,8 @@
   "peerDependencies": {
     "@tanstack/react-table": "^8.9.2",
     "formik": "^2.4.6",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "styled-components": "^6.1.11",
     "yup": "^0.32.11"
   },
@@ -123,7 +123,7 @@
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-typescript2": "^0.31.2",
-    "styled-components": "^5.3.5",
+    "styled-components": "^6.1.11",
     "ts-jest": "^28.0.7",
     "typescript": "^4.9.5",
     "yup": "^0.32.11"
@@ -136,7 +136,7 @@
     "@dnd-kit/utilities": "^3.2.1",
     "@tanstack/react-table": "^8.9.2",
     "@types/lodash": "^4.14.182",
-    "@types/react-dom": "^17.0.25",
+    "@types/react-dom": "^18.3.0",
     "eslint-plugin-unused-imports": "^3.1.0",
     "formik": "^2.4.6",
     "intersection-observer": "^0.12.2",