gantri-components 2.91.0 → 2.92.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/button/button.constants.d.ts +0 -5
- package/dist/components/button/button.types.d.ts +6 -2
- package/dist/components/text-area/text-area.types.d.ts +2 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.umd.js +1 -1
- package/dist/styles/theme.d.ts +18 -8
- package/package.json +1 -1
package/dist/styles/theme.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ import { Property } from 'csstype';
|
|
|
3
3
|
import { ResolutionAwareProp } from '../types/resolution-aware-prop.type';
|
|
4
4
|
import { ButtonVariant } from '../components/button/button.types';
|
|
5
5
|
import { BoxDimension } from '../components/box/box.types';
|
|
6
|
-
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' |
|
|
6
|
+
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' | string;
|
|
7
7
|
export declare const palette: Record<PaletteColor, string>;
|
|
8
8
|
declare module 'styled-components' {
|
|
9
9
|
interface FontInfo {
|
|
@@ -29,9 +29,6 @@ declare module 'styled-components' {
|
|
|
29
29
|
t2: PaletteColor;
|
|
30
30
|
t3: PaletteColor;
|
|
31
31
|
};
|
|
32
|
-
halo: {
|
|
33
|
-
t1: PaletteColor;
|
|
34
|
-
};
|
|
35
32
|
iconography: {
|
|
36
33
|
alert: PaletteColor;
|
|
37
34
|
alt: PaletteColor;
|
|
@@ -98,10 +95,7 @@ declare module 'styled-components' {
|
|
|
98
95
|
t2: PaletteColor;
|
|
99
96
|
t3: PaletteColor;
|
|
100
97
|
t4: PaletteColor;
|
|
101
|
-
|
|
102
|
-
taupe: {
|
|
103
|
-
t1: PaletteColor;
|
|
104
|
-
t2: PaletteColor;
|
|
98
|
+
warmGrey: PaletteColor;
|
|
105
99
|
};
|
|
106
100
|
warning: {
|
|
107
101
|
t1: PaletteColor;
|
|
@@ -244,6 +238,22 @@ export declare const getButtonsColors: (variant: ButtonVariant, theme?: DefaultT
|
|
|
244
238
|
processingIconColor: string;
|
|
245
239
|
processingIconColorOpaque: string;
|
|
246
240
|
borderProcessing?: undefined;
|
|
241
|
+
} | {
|
|
242
|
+
background: string;
|
|
243
|
+
backgroundActive: string;
|
|
244
|
+
backgroundDisabled: string;
|
|
245
|
+
backgroundHover: string;
|
|
246
|
+
border: string;
|
|
247
|
+
borderActive: string;
|
|
248
|
+
borderDisabled: string;
|
|
249
|
+
borderProcessing: string;
|
|
250
|
+
foreground: string;
|
|
251
|
+
foregroundActive: string;
|
|
252
|
+
foregroundDisabled: string;
|
|
253
|
+
foregroundHover: string;
|
|
254
|
+
processingIconColor: string;
|
|
255
|
+
processingIconColorOpaque: string;
|
|
256
|
+
borderHover?: undefined;
|
|
247
257
|
};
|
|
248
258
|
export declare const createTheme: (config: {
|
|
249
259
|
theme: 'light' | 'dark';
|