gantri-components 2.33.1 → 2.34.0-beta.2

package/dist/styles/theme.d.ts

@@ -2,7 +2,6 @@ import { DefaultTheme } from 'styled-components';
 import { Property } from 'csstype';
 import { ResolutionAwareProp } from '../types/resolution-aware-prop.type';
 import { ButtonVariant } from '../components/button/button.types';
-import { BoxDimension } from '../components/box/box.types';
 export type PaletteColor = 'blue_100' | 'blue_200' | 'blue_300' | 'blue_400' | 'blue_500' | 'blue_800' | 'blue_900' | 'gold_100' | 'gold_200' | 'gold_300' | 'gold_400' | 'gold_500' | 'green_100' | 'green_200' | 'green_300' | 'green_400' | 'green_500' | 'green_800' | 'green_900' | 'monochrome_050' | 'monochrome_100' | 'monochrome_200' | 'monochrome_300' | 'monochrome_400' | 'monochrome_500' | 'monochrome_600' | 'monochrome_700' | 'monochrome_800' | 'monochrome_900' | 'monochrome_black' | 'monochrome_white' | 'pink_300' | 'pink_400' | 'pink_500' | 'red_100' | 'red_200' | 'red_300' | 'red_400' | 'red_500' | 'red_800' | 'red_900' | 'translucent_black_t1' | 'translucent_black_t2' | 'translucent_cream' | 'translucent_white' | 'yellow_100' | 'yellow_200' | 'yellow_300' | 'yellow_400' | 'yellow_500' | 'yellow_800' | 'yellow_900' | 'lime_100' | 'lime_200' | 'lime_300' | 'lime_400' | 'lime_500' | string;
 export declare const palette: Record<PaletteColor, string>;
 declare module 'styled-components' {
@@ -122,19 +121,6 @@ declare module 'styled-components' {
             headerHeight: Property.Height;
             maxWidth: string;
             spacing: {
-                '.5x': string;
-                '10x': string;
-                '11x': string;
-                '12x': string;
-                '24x': string;
-                '2x': string;
-                '3x': string;
-                '4x': string;
-                '5x': string;
-                '6x': string;
-                '7x': string;
-                '8x': string;
-                '9x': string;
                 s0: string;
                 s1: string;
                 s2: string;
@@ -142,7 +128,6 @@ declare module 'styled-components' {
                 s4: string;
                 s5: string;
                 s6: string;
-                x: string;
             };
         };
         fonts: {
@@ -193,7 +178,7 @@ export declare const lightTheme: DefaultTheme;
 export declare const darkTheme: DefaultTheme;
 export declare const getThemeColor: (color: PaletteColor, currentTheme?: DefaultTheme) => string;
 export declare const getThemeProductColor: (color: ProductColorCode, currentTheme?: DefaultTheme) => string;
-export declare const getThemeSpacing: (property: BoxDimension | string, currentTheme?: DefaultTheme) => string;
+export declare const getThemeSpacing: (property: string, currentTheme?: DefaultTheme) => string;
 export declare const getButtonsColors: (variant: ButtonVariant, theme?: DefaultTheme) => {
     background: string;
     backgroundActive: string;

package/dist/types/resolution-aware-prop.type.d.ts

@@ -4,8 +4,4 @@ export interface ResolutionAwarePropBase<T> {
     md?: T;
     sm?: T;
 }
-export type ResolutionAwareProp<T> = T | {
-    lg?: T;
-    md?: T;
-    sm?: T;
-};
+export type ResolutionAwareProp<T> = T extends boolean ? boolean | ResolutionAwarePropBase<T> | any : T | ResolutionAwarePropBase<T>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gantri-components",
-  "version": "2.33.1",
+  "version": "2.34.0-beta.2",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
   "umd": "dist/index.umd.js",
@@ -126,12 +126,15 @@
   },
   "dependencies": {
     "@cloudinary/url-gen": "^1.7.0",
+    "@tanstack/react-table": "^8.9.1",
     "@types/lodash": "^4.14.182",
     "@types/react-dom": "^17.0.17",
     "formik": "^2.2.9",
     "intersection-observer": "^0.12.2",
     "lodash.capitalize": "^4.2.1",
     "lodash.isobject": "^3.0.2",
+    "react-dnd": "^16.0.1",
+    "react-dnd-html5-backend": "^16.0.1",
     "react-i18next": "^11.18.5",
     "react-input-mask": "^2.0.4",
     "react-spring": "^9.4.4",

package/dist/global/constants.d.ts

@@ -1,92 +0,0 @@
-export declare const storyBookSpacingArgType: {
-    control: {
-        type: string;
-    };
-    options: string[];
-};
-export declare const storyBookSpacingArgs: {
-    horizontalMargin: {
-        control: {
-            type: string;
-        };
-        options: string[];
-    };
-    horizontalPadding: {
-        control: {
-            type: string;
-        };
-        options: string[];
-    };
-    margin: {
-        control: {
-            type: string;
-        };
-        options: string[];
-    };
-    marginBottom: {
-        control: {
-            type: string;
-        };
-        options: string[];
-    };
-    marginLeft: {
-        control: {
-            type: string;
-        };
-        options: string[];
-    };
-    marginRight: {
-        control: {
-            type: string;
-        };
-        options: string[];
-    };
-    marginTop: {
-        control: {
-            type: string;
-        };
-        options: string[];
-    };
-    padding: {
-        control: {
-            type: string;
-        };
-        options: string[];
-    };
-    paddingBottom: {
-        control: {
-            type: string;
-        };
-        options: string[];
-    };
-    paddingLeft: {
-        control: {
-            type: string;
-        };
-        options: string[];
-    };
-    paddingRight: {
-        control: {
-            type: string;
-        };
-        options: string[];
-    };
-    paddingTop: {
-        control: {
-            type: string;
-        };
-        options: string[];
-    };
-    verticalMargin: {
-        control: {
-            type: string;
-        };
-        options: string[];
-    };
-    verticalPadding: {
-        control: {
-            type: string;
-        };
-        options: string[];
-    };
-};