gantri-components 2.21.4 → 2.22.0-beta.2

package/dist/styles/theme.d.ts

@@ -1,7 +1,7 @@
 import { DefaultTheme } from 'styled-components';
 import { Property } from 'csstype';
 import { ResolutionAwareProp } from '../types/resolution-aware-prop.type';
-import { ButtonColor } from '../components/button/button.types';
+import { ButtonVariant } from '../components/button/button.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' {
@@ -95,6 +95,10 @@ declare module 'styled-components' {
                     t3: PaletteColor;
                     t4: PaletteColor;
                 };
+                taupe: {
+                    t1: PaletteColor;
+                    t2: PaletteColor;
+                };
                 warning: {
                     t1: PaletteColor;
                     t2: PaletteColor;
@@ -175,77 +179,36 @@ 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 getButtonsColors: (color: ButtonColor, theme?: DefaultTheme) => {
-    action: {
-        background: string;
-        backgroundActive: string;
-        backgroundDisabled: string;
-        backgroundHover: string;
-        border: string;
-        borderActive: string;
-        borderDisabled: string;
-        borderHover: string;
-        foreground: string;
-        foregroundActive: string;
-        foregroundDisabled: string;
-        foregroundHover: string;
-    };
-    primary: {
-        background: string;
-        backgroundActive: string;
-        backgroundDisabled: string;
-        backgroundHover: string;
-        border: string;
-        borderActive: string;
-        borderDisabled: string;
-        borderHover: string;
-        foreground: string;
-        foregroundActive: string;
-        foregroundDisabled: string;
-        foregroundHover: string;
-    };
-    secondary: {
-        background: string;
-        backgroundActive: string;
-        backgroundDisabled: string;
-        backgroundHover: string;
-        border: string;
-        borderActive: string;
-        borderDisabled: string;
-        borderHover: string;
-        foreground: string;
-        foregroundActive: string;
-        foregroundDisabled: string;
-        foregroundHover: string;
-    };
+export declare const getButtonsColors: (variant: ButtonVariant, theme?: DefaultTheme) => {
+    background: string;
+    backgroundActive: string;
+    backgroundDisabled: string;
+    backgroundHover: string;
+    border: string;
+    borderActive: string;
+    borderDisabled: string;
+    borderHover: string;
+    borderProcessing: string;
+    foreground: string;
+    foregroundActive: string;
+    foregroundDisabled: string;
+    foregroundHover: string;
+    processingIconColor: string;
+    processingIconColorOpaque: string;
 } | {
-    primary: {
-        background: string;
-        backgroundActive: string;
-        backgroundDisabled: string;
-        backgroundHover: string;
-        border: string;
-        borderActive: string;
-        borderDisabled: string;
-        borderHover: string;
-        foreground: string;
-        foregroundActive: string;
-        foregroundDisabled: string;
-        foregroundHover: string;
-    };
-    secondary: {
-        background: string;
-        backgroundActive: string;
-        backgroundDisabled: string;
-        backgroundHover: string;
-        border: string;
-        borderActive: string;
-        borderDisabled: string;
-        borderHover: string;
-        foreground: string;
-        foregroundActive: string;
-        foregroundDisabled: string;
-        foregroundHover: string;
-    };
-    action?: undefined;
+    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;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gantri-components",
-  "version": "2.21.4",
+  "version": "2.22.0-beta.2",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
   "umd": "dist/index.umd.js",