@zendeskgarden/react-theming - npm Package Compare versions

Comparing version 8.29.3 to 8.30.0

dist/typings/elements/theme/index.d.ts

@@ -7,5 +7,100 @@ /**
  */
-import { DefaultTheme } from 'styled-components';
-declare const DEFAULT_THEME: DefaultTheme;
+declare type Hue = Record<number | string, string> | string;
+export interface IGardenTheme {
+    rtl: boolean;
+    document?: any;
+    borders: {
+        sm: string;
+        md: string;
+    };
+    borderRadii: {
+        sm: string;
+        md: string;
+    };
+    borderStyles: {
+        solid: string;
+    };
+    borderWidths: {
+        sm: string;
+        md: string;
+    };
+    breakpoints: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    colors: {
+        base: 'light' | 'dark';
+        background: string;
+        foreground: string;
+        primaryHue: string;
+        dangerHue: string;
+        warningHue: string;
+        successHue: string;
+        neutralHue: string;
+        chromeHue: string;
+    };
+    components: Record<string, any>;
+    fonts: {
+        mono: string;
+        system: string;
+    };
+    fontSizes: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        xxl: string;
+        xxxl: string;
+    };
+    fontWeights: {
+        thin: number;
+        extralight: number;
+        light: number;
+        regular: number;
+        medium: number;
+        semibold: number;
+        bold: number;
+        extrabold: number;
+        black: number;
+    };
+    iconSizes: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    lineHeights: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        xxl: string;
+        xxxl: string;
+    };
+    shadowWidths: {
+        sm: string;
+        md: string;
+    };
+    shadows: {
+        sm: (color: string) => string;
+        md: (color: string) => string;
+        lg: (offsetY: string, blurRadius: string, color: string) => string;
+    };
+    space: {
+        base: number;
+        xxs: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        xxl: string;
+    };
+    palette: Record<string, Hue>;
+}
+declare const DEFAULT_THEME: IGardenTheme;
 /** @component */
 export default DEFAULT_THEME;

dist/typings/elements/ThemeProvider.d.ts

@@ -8,4 +8,5 @@ /**
 import React from 'react';
-import { DefaultTheme, ThemeProps } from 'styled-components';
-interface IGardenThemeProviderProps extends Partial<ThemeProps<DefaultTheme>> {
+import { ThemeProps } from 'styled-components';
+import { IGardenTheme } from './theme';
+interface IGardenThemeProviderProps extends Partial<ThemeProps<IGardenTheme>> {
     /**
@@ -16,3 +17,3 @@ * Provides values for component styling. See styled-components
      */
-    theme?: DefaultTheme;
+    theme?: IGardenTheme;
     /**
@@ -19,0 +20,0 @@ * Provides a reference to the DOM node used to scope a `:focus-visible`

dist/typings/index.d.ts

@@ -9,2 +9,3 @@ /**
 export { default as DEFAULT_THEME } from './elements/theme';
+export type { IGardenTheme } from './elements/theme';
 export { default as PALETTE } from './elements/palette';
@@ -25,2 +26,1 @@ export { default as isRtl } from './utils/isRtl';
 export type { MENU_POSITION } from './utils/menuStyles';
-export type { DefaultTheme } from 'styled-components';

package.json

@@ -11,3 +11,3 @@ {
   },
-  "version": "8.29.3",
+  "version": "8.30.0",
   "main": "dist/index.cjs.js",
@@ -26,9 +26,9 @@ "module": "dist/index.esm.js",
   "dependencies": {
-    "@zendeskgarden/container-focusvisible": "^0.4.3",
-    "@zendeskgarden/container-utilities": "^0.5.1",
+    "@zendeskgarden/container-focusvisible": "^0.4.6",
+    "@zendeskgarden/container-utilities": "^0.5.5",
     "polished": "^4.0.0"
   },
   "peerDependencies": {
-    "react": "^16.8.0",
-    "react-dom": "^16.8.0",
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0",
     "styled-components": "^4.2.0 || ^5.0.0"
@@ -46,3 +46,3 @@ },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "f814a325c3fe433fd2081de05c87cf4eb6229b5e"
+  "gitHead": "c467d6ca1a3e7df8386d7b384872e6d85e7fe7ce"
 }

No alert changes

Improved metrics

Total package byte prevSize

75391

increased by2.81%

Lines of code

1900

increased by5.32%

Dependency changes

• + Addedreact@19.0.0(transitive)

• + Addedreact-dom@19.0.0(transitive)

• + Addedscheduler@0.25.0(transitive)

• - Removedreact@16.14.0(transitive)

• - Removedreact-dom@16.14.0(transitive)

• - Removedscheduler@0.19.1(transitive)

• Updated@zendeskgarden/container-focusvisible@^0.4.6

• Updated@zendeskgarden/container-utilities@^0.5.5