gantri-components 2.33.0 → 2.34.0

package/dist/styles/theme.d.ts

@@ -2,6 +2,7 @@ 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' {
@@ -121,6 +122,20 @@ declare module 'styled-components' {
             headerHeight: Property.Height;
             maxWidth: string;
             spacing: {
+                '.5x': string;
+                '10x': string;
+                '11x': string;
+                '12x': string;
+                '16x': 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;
@@ -128,6 +143,7 @@ declare module 'styled-components' {
                 s4: string;
                 s5: string;
                 s6: string;
+                x: string;
             };
         };
         fonts: {
@@ -178,7 +194,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: string, currentTheme?: DefaultTheme) => string;
+export declare const getThemeSpacing: (property: BoxDimension | 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,4 +4,8 @@ export interface ResolutionAwarePropBase<T> {
     md?: T;
     sm?: T;
 }
-export type ResolutionAwareProp<T> = T extends boolean ? boolean | ResolutionAwarePropBase<T> | any : T | ResolutionAwarePropBase<T>;
+export type ResolutionAwareProp<T> = T | {
+    lg?: T;
+    md?: T;
+    sm?: T;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gantri-components",
-  "version": "2.33.0",
+  "version": "2.34.0",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
   "umd": "dist/index.umd.js",