@zendeskgarden/react-theming 8.69.2 → 8.69.4

package/dist/typings/elements/ThemeProvider.d.ts

@@ -1,14 +1,14 @@
-/**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-import React, { PropsWithChildren } from 'react';
-import { IThemeProviderProps } from '../types';
-export declare const ThemeProvider: {
-    ({ theme, focusVisibleRef, children, ...other }: PropsWithChildren<IThemeProviderProps>): React.JSX.Element;
-    defaultProps: {
-        theme: import("../types").IGardenTheme;
-    };
-};
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import React, { PropsWithChildren } from 'react';
+import { IThemeProviderProps } from '../types';
+export declare const ThemeProvider: {
+    ({ theme, focusVisibleRef, children, ...other }: PropsWithChildren<IThemeProviderProps>): React.JSX.Element;
+    defaultProps: {
+        theme: import("../types").IGardenTheme;
+    };
+};

package/dist/typings/elements/palette/index.d.ts

@@ -1,150 +1,150 @@
-/**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-/** @ignore */
-declare const PALETTE: {
-    black: string;
-    white: string;
-    product: {
-        support: string;
-        message: string;
-        explore: string;
-        gather: string;
-        guide: string;
-        connect: string;
-        chat: string;
-        talk: string;
-        sell: string;
-    };
-    grey: {
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-    };
-    blue: {
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-    };
-    red: {
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-    };
-    yellow: {
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-    };
-    green: {
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-    };
-    kale: {
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-    };
-    fuschia: {
-        400: string;
-        600: string;
-        M400: string;
-        M600: string;
-    };
-    pink: {
-        400: string;
-        600: string;
-        M400: string;
-        M600: string;
-    };
-    crimson: {
-        400: string;
-        600: string;
-        M400: string;
-        M600: string;
-    };
-    orange: {
-        400: string;
-        600: string;
-        M400: string;
-        M600: string;
-    };
-    lemon: {
-        400: string;
-        600: string;
-        M400: string;
-        M600: string;
-    };
-    lime: {
-        400: string;
-        600: string;
-        M400: string;
-        M600: string;
-    };
-    mint: {
-        400: string;
-        600: string;
-        M400: string;
-        M600: string;
-    };
-    teal: {
-        400: string;
-        600: string;
-        M400: string;
-        M600: string;
-    };
-    azure: {
-        400: string;
-        600: string;
-        M400: string;
-        M600: string;
-    };
-    royal: {
-        400: string;
-        600: string;
-        M400: string;
-        M600: string;
-    };
-    purple: {
-        400: string;
-        600: string;
-        M400: string;
-        M600: string;
-    };
-};
-/** @component */
-export default PALETTE;
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+/** @ignore */
+declare const PALETTE: {
+    black: string;
+    white: string;
+    product: {
+        support: string;
+        message: string;
+        explore: string;
+        gather: string;
+        guide: string;
+        connect: string;
+        chat: string;
+        talk: string;
+        sell: string;
+    };
+    grey: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+    };
+    blue: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+    };
+    red: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+    };
+    yellow: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+    };
+    green: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+    };
+    kale: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+    };
+    fuschia: {
+        400: string;
+        600: string;
+        M400: string;
+        M600: string;
+    };
+    pink: {
+        400: string;
+        600: string;
+        M400: string;
+        M600: string;
+    };
+    crimson: {
+        400: string;
+        600: string;
+        M400: string;
+        M600: string;
+    };
+    orange: {
+        400: string;
+        600: string;
+        M400: string;
+        M600: string;
+    };
+    lemon: {
+        400: string;
+        600: string;
+        M400: string;
+        M600: string;
+    };
+    lime: {
+        400: string;
+        600: string;
+        M400: string;
+        M600: string;
+    };
+    mint: {
+        400: string;
+        600: string;
+        M400: string;
+        M600: string;
+    };
+    teal: {
+        400: string;
+        600: string;
+        M400: string;
+        M600: string;
+    };
+    azure: {
+        400: string;
+        600: string;
+        M400: string;
+        M600: string;
+    };
+    royal: {
+        400: string;
+        600: string;
+        M400: string;
+        M600: string;
+    };
+    purple: {
+        400: string;
+        600: string;
+        M400: string;
+        M600: string;
+    };
+};
+/** @component */
+export default PALETTE;

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

@@ -1,10 +1,10 @@
-/**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-import { IGardenTheme } from '../../types';
-declare const DEFAULT_THEME: IGardenTheme;
-/** @component */
-export default DEFAULT_THEME;
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import { IGardenTheme } from '../../types';
+declare const DEFAULT_THEME: IGardenTheme;
+/** @component */
+export default DEFAULT_THEME;

package/dist/typings/index.d.ts

@@ -1,27 +1,26 @@
-/**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-export { ThemeProvider } from './elements/ThemeProvider';
-export { default as DEFAULT_THEME } from './elements/theme';
-export { default as PALETTE } from './elements/palette';
-export { default as isRtl } from './utils/isRtl';
-export { default as retrieveComponentStyles, 
-/** `retrieveTheme` is a deprecated usage for v7 compatability */
-default as retrieveTheme } from './utils/retrieveComponentStyles';
-export { default as withTheme } from './utils/withTheme';
-export { default as getDocument } from './utils/getDocument';
-export { getColor } from './utils/getColor';
-export { getFocusBoxShadow } from './utils/getFocusBoxShadow';
-export { default as getLineHeight } from './utils/getLineHeight';
-export { default as mediaQuery } from './utils/mediaQuery';
-export { default as arrowStyles } from './utils/arrowStyles';
-export { useDocument } from './utils/useDocument';
-export { useWindow } from './utils/useWindow';
-export { useText } from './utils/useText';
-export { default as menuStyles } from './utils/menuStyles';
-export { focusStyles, SELECTOR_FOCUS_VISIBLE } from './utils/focusStyles';
-export { ARROW_POSITION as ARRAY_ARROW_POSITION, MENU_POSITION as ARRAY_MENU_POSITION } from './types';
-export type { IGardenTheme, IThemeProviderProps, ArrowPosition as ARROW_POSITION, MenuPosition as MENU_POSITION } from './types';
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+export { ThemeProvider } from './elements/ThemeProvider';
+export { default as DEFAULT_THEME } from './elements/theme';
+export { default as PALETTE } from './elements/palette';
+export { default as isRtl } from './utils/isRtl';
+export { default as retrieveComponentStyles, 
+/** `retrieveTheme` is a deprecated usage for v7 compatability */
+default as retrieveTheme } from './utils/retrieveComponentStyles';
+export { default as withTheme } from './utils/withTheme';
+export { default as getDocument } from './utils/getDocument';
+export { getColor } from './utils/getColor';
+export { getFocusBoxShadow } from './utils/getFocusBoxShadow';
+export { default as getLineHeight } from './utils/getLineHeight';
+export { default as mediaQuery } from './utils/mediaQuery';
+export { default as arrowStyles } from './utils/arrowStyles';
+export { useDocument } from './utils/useDocument';
+export { useWindow } from './utils/useWindow';
+export { useText } from './utils/useText';
+export { default as menuStyles } from './utils/menuStyles';
+export { focusStyles, SELECTOR_FOCUS_VISIBLE } from './utils/focusStyles';
+export { ARROW_POSITION as ARRAY_ARROW_POSITION, MENU_POSITION as ARRAY_MENU_POSITION, type IGardenTheme, type IThemeProviderProps, type ArrowPosition as ARROW_POSITION, type MenuPosition as MENU_POSITION } from './types';

package/dist/typings/types/index.d.ts

@@ -1,127 +1,127 @@
-/**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-/// <reference types="react" />
-import { ThemeProps } from 'styled-components';
-export declare const ARROW_POSITION: readonly ["top", "top-left", "top-right", "right", "right-top", "right-bottom", "bottom", "bottom-left", "bottom-right", "left", "left-top", "left-bottom"];
-export type ArrowPosition = (typeof ARROW_POSITION)[number];
-export declare const MENU_POSITION: readonly ["top", "right", "bottom", "left"];
-export type MenuPosition = (typeof MENU_POSITION)[number];
-type Hue = Record<number | string, string> | string;
-export interface IGardenTheme {
-    rtl: boolean;
-    document?: any;
-    window?: 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: {
-        xs: string;
-        sm: string;
-        md: string;
-    };
-    shadows: {
-        xs: (color: string) => string;
-        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>;
-}
-export interface IThemeProviderProps extends Partial<ThemeProps<IGardenTheme>> {
-    /**
-     * Provides values for component styling. See styled-components
-     * [`ThemeProvider`](https://styled-components.com/docs/api#themeprovider)
-     * for details.
-     */
-    theme?: IGardenTheme;
-    /**
-     * Provides a reference to the DOM node used to scope a `:focus-visible`
-     * polyfill. If left `undefined`, a scoping `<div>` will be rendered.
-     * Assigning `null` (on a nested `ThemeProvider`, for example) prevents the
-     * added polyfill and scoping `<div>`.
-     */
-    focusVisibleRef?: React.RefObject<HTMLElement> | null;
-}
-export {};
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+/// <reference types="react" />
+import { ThemeProps } from 'styled-components';
+export declare const ARROW_POSITION: readonly ["top", "top-left", "top-right", "right", "right-top", "right-bottom", "bottom", "bottom-left", "bottom-right", "left", "left-top", "left-bottom"];
+export type ArrowPosition = (typeof ARROW_POSITION)[number];
+export declare const MENU_POSITION: readonly ["top", "right", "bottom", "left"];
+export type MenuPosition = (typeof MENU_POSITION)[number];
+type Hue = Record<number | string, string> | string;
+export interface IGardenTheme {
+    rtl: boolean;
+    document?: any;
+    window?: 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: {
+        xs: string;
+        sm: string;
+        md: string;
+    };
+    shadows: {
+        xs: (color: string) => string;
+        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>;
+}
+export interface IThemeProviderProps extends Partial<ThemeProps<IGardenTheme>> {
+    /**
+     * Provides values for component styling. See styled-components
+     * [`ThemeProvider`](https://styled-components.com/docs/api#themeprovider)
+     * for details.
+     */
+    theme?: IGardenTheme;
+    /**
+     * Provides a reference to the DOM node used to scope a `:focus-visible`
+     * polyfill. If left `undefined`, a scoping `<div>` will be rendered.
+     * Assigning `null` (on a nested `ThemeProvider`, for example) prevents the
+     * added polyfill and scoping `<div>`.
+     */
+    focusVisibleRef?: React.RefObject<HTMLElement> | null;
+}
+export {};