@zendeskgarden/react-theming 8.49.1 → 8.49.4

package/dist/index.cjs.js

@@ -726,6 +726,11 @@ function menuStyles(position) {
   return styledComponents.css(["position:absolute;z-index:", ";", ":", ";line-height:0;font-size:0.01px;& ", "{display:inline-block;position:relative;margin:0;box-sizing:border-box;border:", " ", ";border-radius:", ";box-shadow:", ";background-color:", ";cursor:default;padding:0;text-align:", ";white-space:normal;font-size:", ";font-weight:", ";direction:", ";:focus{outline:none;}}", ";", ";"], options.zIndex || 0, marginProperty, options.margin, options.childSelector || '> *', theme.borders.sm, getColor('neutralHue', 300, theme), theme.borderRadii.md, theme.shadows.lg("".concat(theme.space.base * 5, "px"), "".concat(theme.space.base * 7.5, "px"), getColor('chromeHue', 600, theme, 0.15)), theme.colors.background, theme.rtl ? 'right' : 'left', theme.fontSizes.md, theme.fontWeights.regular, theme.rtl && 'rtl', options.animationModifier && animationStyles(position, options), options.hidden && hiddenStyles(options));
 }
 
+var ARROW_POSITION = ['top', 'top-left', 'top-right', 'right', 'right-top', 'right-bottom', 'bottom', 'bottom-left', 'bottom-right', 'left', 'left-top', 'left-bottom'];
+var MENU_POSITION = ['top', 'right', 'bottom', 'left'];
+
+exports.ARRAY_ARROW_POSITION = ARROW_POSITION;
+exports.ARRAY_MENU_POSITION = MENU_POSITION;
 exports.DEFAULT_THEME = DEFAULT_THEME;
 exports.PALETTE = PALETTE;
 exports.ThemeProvider = ThemeProvider;

package/dist/index.esm.js

@@ -718,4 +718,7 @@ function menuStyles(position) {
   return css(["position:absolute;z-index:", ";", ":", ";line-height:0;font-size:0.01px;& ", "{display:inline-block;position:relative;margin:0;box-sizing:border-box;border:", " ", ";border-radius:", ";box-shadow:", ";background-color:", ";cursor:default;padding:0;text-align:", ";white-space:normal;font-size:", ";font-weight:", ";direction:", ";:focus{outline:none;}}", ";", ";"], options.zIndex || 0, marginProperty, options.margin, options.childSelector || '> *', theme.borders.sm, getColor('neutralHue', 300, theme), theme.borderRadii.md, theme.shadows.lg("".concat(theme.space.base * 5, "px"), "".concat(theme.space.base * 7.5, "px"), getColor('chromeHue', 600, theme, 0.15)), theme.colors.background, theme.rtl ? 'right' : 'left', theme.fontSizes.md, theme.fontWeights.regular, theme.rtl && 'rtl', options.animationModifier && animationStyles(position, options), options.hidden && hiddenStyles(options));
 }
 
-export { DEFAULT_THEME, PALETTE, ThemeProvider, arrowStyles, getColor, getDocument, getLineHeight, isRtl, mediaQuery, menuStyles, retrieveComponentStyles, retrieveComponentStyles as retrieveTheme, useDocument, withTheme };
+var ARROW_POSITION = ['top', 'top-left', 'top-right', 'right', 'right-top', 'right-bottom', 'bottom', 'bottom-left', 'bottom-right', 'left', 'left-top', 'left-bottom'];
+var MENU_POSITION = ['top', 'right', 'bottom', 'left'];
+
+export { ARROW_POSITION as ARRAY_ARROW_POSITION, MENU_POSITION as ARRAY_MENU_POSITION, DEFAULT_THEME, PALETTE, ThemeProvider, arrowStyles, getColor, getDocument, getLineHeight, isRtl, mediaQuery, menuStyles, retrieveComponentStyles, retrieveComponentStyles as retrieveTheme, useDocument, withTheme };

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

@@ -4,27 +4,11 @@
  * 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 { ThemeProps } from 'styled-components';
-import { IGardenTheme } from './theme';
-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;
-}
+import { PropsWithChildren } from 'react';
+import { IThemeProviderProps } from '../types';
 export declare const ThemeProvider: {
     ({ theme, focusVisibleRef, children, ...other }: PropsWithChildren<IThemeProviderProps>): JSX.Element;
     defaultProps: {
-        theme: IGardenTheme;
+        theme: import("../types").IGardenTheme;
     };
 };

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

@@ -4,102 +4,7 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-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>;
-}
+import { IGardenTheme } from '../../types';
 declare const DEFAULT_THEME: IGardenTheme;
 /** @component */
 export default DEFAULT_THEME;

package/dist/typings/index.d.ts

@@ -5,9 +5,7 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 export { ThemeProvider } from './elements/ThemeProvider';
-export type { IThemeProviderProps } from './elements/ThemeProvider';
 export { default as DEFAULT_THEME } from './elements/theme';
-export type { IGardenTheme } from './elements/theme';
 export { default as PALETTE } from './elements/palette';
 export { default as isRtl } from './utils/isRtl';
 export { default as retrieveComponentStyles, 
@@ -19,7 +17,7 @@ export { default as getColor } from './utils/getColor';
 export { default as getLineHeight } from './utils/getLineHeight';
 export { default as mediaQuery } from './utils/mediaQuery';
 export { default as arrowStyles } from './utils/arrowStyles';
-export type { ARROW_POSITION } from './utils/arrowStyles';
 export { useDocument } from './utils/useDocument';
 export { default as menuStyles } from './utils/menuStyles';
-export type { MENU_POSITION } from './utils/menuStyles';
+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';

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

@@ -0,0 +1,123 @@
+/**
+ * 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 { 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 declare type ArrowPosition = typeof ARROW_POSITION[number];
+export declare const MENU_POSITION: readonly ["top", "right", "bottom", "left"];
+export declare type MenuPosition = typeof MENU_POSITION[number];
+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>;
+}
+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 {};

package/dist/typings/utils/arrowStyles.d.ts

@@ -4,8 +4,8 @@
  * 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 declare type ARROW_POSITION = 'top' | 'top-left' | 'top-right' | 'right' | 'right-top' | 'right-bottom' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'left-top' | 'left-bottom';
-export declare type ARROW_OPTIONS = {
+import { ArrowPosition } from '../types';
+declare type ArrowOptions = {
     size?: string;
     inset?: string;
     animationModifier?: string;
@@ -58,4 +58,5 @@ export declare const exponentialSymbols: {
  *
  * @component
  */
-export default function arrowStyles(position: ARROW_POSITION, options?: ARROW_OPTIONS): import("styled-components").FlattenSimpleInterpolation;
+export default function arrowStyles(position: ArrowPosition, options?: ArrowOptions): import("styled-components").FlattenSimpleInterpolation;
+export {};

package/dist/typings/utils/menuStyles.d.ts

@@ -5,8 +5,8 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import { DefaultTheme } from 'styled-components';
-export declare type MENU_POSITION = 'top' | 'right' | 'bottom' | 'left';
-export declare type MENU_OPTIONS = {
+import { MenuPosition } from '../types';
+declare type MenuOptions = {
     theme?: DefaultTheme;
     hidden?: boolean;
     margin?: string;
@@ -33,4 +33,5 @@ export declare type MENU_OPTIONS = {
  * @param {string} [options.animationModifier] A CSS class or attribute selector
  *  which, when applied, animates the menu's appearance.
  */
-export default function menuStyles(position: MENU_POSITION, options?: MENU_OPTIONS): import("styled-components").FlattenSimpleInterpolation;
+export default function menuStyles(position: MenuPosition, options?: MenuOptions): import("styled-components").FlattenSimpleInterpolation;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-theming",
-  "version": "8.49.1",
+  "version": "8.49.4",
   "description": "Theming utilities and components within the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -41,5 +41,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "40c9f918b5517480f73fc0ed4a47ffde212b28b6"
+  "gitHead": "7d8cf45fb734c345fac9e0673236578b2ac9c03b"
 }