gantri-components 2.231.0 → 2.232.0

package/dist/styles/theme.d.ts

@@ -5,7 +5,7 @@ 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 type PaletteColor = 'amber_100' | 'amber_200' | 'amber_300' | 'amber_400' | 'amber_500' | 'amber_800' | 'amber_900' | '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' {
     interface FontInfo {
@@ -83,6 +83,7 @@ declare module 'styled-components' {
                     t1: PaletteColor;
                     t2: PaletteColor;
                     t3: PaletteColor;
+                    t4: PaletteColor;
                 };
             };
             typography: {
@@ -577,16 +578,21 @@ export declare const getButtonsColors: (variant: ButtonVariant, theme?: DefaultT
     processingIconColorOpaque: string;
     borderProcessing?: undefined;
 };
+/** Base theme identifier accepted by `createTheme`. */
+export type BaseThemeId = 'classic-dark' | 'classic-light' | 'dark' | 'light' | 'modern-dark' | 'modern-light';
 export declare const createTheme: (config: {
-    /** Base theme to extend from. Accepts 'light', 'dark', or any registered theme id. */
-    base?: string;
+    /**
+     * Base theme to extend from. Accepts 'light', 'dark', 'classic-light',
+     * 'classic-dark', 'modern-light', or 'modern-dark'.
+     */
+    base?: BaseThemeId;
     defaults?: Partial<DefaultTheme['defaults']>;
     /** Fallback chain for themeStyle resolution. Defaults to [id, base name]. */
     fallbacks?: string[];
     /** Unique theme identifier. */
     id?: string;
     /** @deprecated Use `base` instead. Kept for backward compatibility. */
-    theme: 'light' | 'dark';
+    theme?: 'light' | 'dark';
     typography?: Partial<Omit<DefaultTheme['fonts'], 'useCssVariablesForFontFamily'>>;
 }) => DefaultTheme;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gantri-components",
-  "version": "2.231.0",
+  "version": "2.232.0",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",