gantri-components 2.98.1 → 2.100.0

package/dist/styles/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './use-theme-defaults';

package/dist/styles/hooks/use-theme-defaults.d.ts

@@ -0,0 +1,2 @@
+import { DefaultTheme } from 'styled-components';
+export declare const useThemeDefaults: () => DefaultTheme['defaults'];

package/dist/styles/index.d.ts

@@ -3,3 +3,4 @@ export { type PaletteColor as Color } from './theme';
 export { ThemeProvider } from './theme-provider';
 export * from './animations';
 export { media } from './media';
+export * from './hooks';

package/dist/styles/theme.d.ts

@@ -1,8 +1,10 @@
 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 { ButtonSize, ButtonVariant } from '../components/button/button.types';
 import { BoxDimension } from '../components/box/box.types';
+import { LabelPosition, TextFieldSize, TextFieldVariant } from '../components/text-field';
+import { TextVariant } from '../components/typography';
 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;
 export declare const palette: Record<PaletteColor, string>;
 declare module 'styled-components' {
@@ -114,6 +116,39 @@ declare module 'styled-components' {
                 warning: PaletteColor;
             };
         };
+        defaults: {
+            button: {
+                size: ResolutionAwareProp<ButtonSize>;
+                variant: ButtonVariant;
+            };
+            dropdown: {
+                labelPosition: LabelPosition;
+                labelVariant: ResolutionAwareProp<TextVariant>;
+                size: ResolutionAwareProp<TextFieldSize>;
+                variant: TextFieldVariant;
+            };
+            searchField: {
+                labelPosition: LabelPosition;
+                labelVariant: ResolutionAwareProp<TextVariant>;
+                size: ResolutionAwareProp<TextFieldSize>;
+                variant: TextFieldVariant;
+            };
+            textArea: {
+                labelPosition: LabelPosition;
+                labelVariant: ResolutionAwareProp<TextVariant>;
+                size: ResolutionAwareProp<TextFieldSize>;
+                variant: TextFieldVariant;
+            };
+            textField: {
+                labelPosition: LabelPosition;
+                labelVariant: ResolutionAwareProp<TextVariant>;
+                size: ResolutionAwareProp<TextFieldSize>;
+                variant: TextFieldVariant;
+            };
+            typography: {
+                variant: ResolutionAwareProp<TextVariant>;
+            };
+        };
         dimensions: {
             gridGutter: ResolutionAwareProp<string>;
             headerHeight: Property.Height;
@@ -187,6 +222,7 @@ declare module 'styled-components' {
     }
 }
 export declare const spacing: DefaultTheme['dimensions']['spacing'];
+declare const defaults: DefaultTheme['defaults'];
 export declare const allProductColorCodes: readonly ["blossompink", "canyon", "carbon", "coral", "fog", "forest", "glossysnowwhite", "meadow", "midnight", "olive", "peach", "persimmon", "sage", "sand", "sedona", "sky", "snow", "sproutgreen", "stone", "sunrise"];
 export type ProductColorCode = typeof allProductColorCodes[number];
 /** Color codes that are no longer available for as product options. */
@@ -256,6 +292,8 @@ export declare const getButtonsColors: (variant: ButtonVariant, theme?: DefaultT
     borderHover?: undefined;
 };
 export declare const createTheme: (config: {
+    defaults?: Partial<DefaultTheme['defaults']>;
     theme: 'light' | 'dark';
     typography?: Partial<Omit<DefaultTheme['fonts'], 'useCssVariablesForFontFamily'>>;
 }) => DefaultTheme;
+export {};

package/package.json

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