gantri-components 1.46.0 → 1.49.0

package/dist/styles/index.d.ts

@@ -1,4 +1,4 @@
-export { combinationsByColor, getThemeColor, getThemeSpacing, palette, lightTheme, darkTheme, } from './theme';
+export { getButtonsColors, getThemeColor, getThemeSpacing, palette, lightTheme, darkTheme, } from './theme';
 export { type PaletteColor as Color } from './theme';
 export { ThemeProvider } from './theme-provider';
 export { media } from './media';

package/dist/styles/theme.d.ts

@@ -1,6 +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';
 export declare 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' | string;
 export declare const palette: Record<PaletteColor, string>;
 declare module 'styled-components' {
@@ -149,89 +150,33 @@ export declare const lightTheme: DefaultTheme;
 export declare const darkTheme: DefaultTheme;
 export declare const getThemeColor: (color: PaletteColor, currentTheme?: DefaultTheme) => string;
 export declare const getThemeSpacing: (property: string, currentTheme?: DefaultTheme) => any;
-export declare const combinationsByColor: (appTheme?: DefaultTheme) => {
-    alert: {
-        background: string;
-        color: string;
-        hover: string;
-        selected: string;
-    };
-    black: {
-        background: string;
-        color: string;
-        hover: string;
-        selected: string;
-    };
-    blue: {
-        background: string;
-        color: string;
-        hover: string;
-        selected: string;
-    };
-    gold: {
-        background: string;
-        color: string;
-        hover: string;
-        selected: string;
-    };
-    green: {
-        background: string;
-        color: string;
-        hover: string;
-        selected: string;
-    };
-    grey: {
-        background: string;
-        color: string;
-        hover: string;
-        selected: string;
-    };
-    greyLight: {
-        background: string;
-        color: string;
-        hover: string;
-        selected: string;
-    };
-    pink: {
-        background: string;
-        color: string;
-        hover: string;
-        selected: string;
-    };
+export declare const getButtonsColors: (color: ButtonColor, theme?: DefaultTheme) => {
     primary: {
         background: string;
-        color: string;
-        hover: string;
-        selected: string;
-    };
-    primaryAlt: {
-        background: string;
-        color: string;
-        hover: string;
-        selected: 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;
-        color: string;
-        hover: string;
-        selected: string;
-    };
-    secondaryAlt: {
-        background: string;
-        color: string;
-        hover: string;
-        selected: string;
-    };
-    white: {
-        background: string;
-        color: string;
-        hover: string;
-        selected: string;
-    };
-    yellow: {
-        background: string;
-        color: string;
-        hover: string;
-        selected: string;
+        backgroundActive: string;
+        backgroundDisabled: string;
+        backgroundHover: string;
+        border: string;
+        borderActive: string;
+        borderDisabled: string;
+        borderHover: string;
+        foreground: string;
+        foregroundActive: string;
+        foregroundDisabled: string;
+        foregroundHover: string;
     };
 };

package/package.json

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