@zendeskgarden/react-theming 8.74.3 → 8.75.0

package/dist/index.cjs.js

@@ -368,7 +368,7 @@ const adjust = (color, expected, actual) => {
   }
   return color;
 };
-const getColor = memoize__default.default(function (hue) {
+const getColorV8 = memoize__default.default(function (hue) {
   let shade = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_SHADE;
   let theme = arguments.length > 2 ? arguments[2] : undefined;
   let transparency = arguments.length > 3 ? arguments[3] : undefined;
@@ -422,12 +422,12 @@ const getFocusBoxShadow = _ref => {
     spacerWidth = 'xs',
     theme = DEFAULT_THEME
   } = _ref;
-  const color = getColor(hue, shade, theme);
+  const color = getColorV8(hue, shade, theme);
   const shadow = theme.shadows[shadowWidth](color);
   if (spacerWidth === null) {
     return `${inset ? 'inset' : ''} ${shadow}`;
   }
-  const spacerColor = getColor(spacerHue, spacerShade, theme);
+  const spacerColor = getColorV8(spacerHue, spacerShade, theme);
   const retVal = `
     ${inset ? 'inset' : ''} ${theme.shadows[spacerWidth](spacerColor)},
     ${inset ? 'inset' : ''} ${shadow}`;
@@ -614,7 +614,7 @@ function menuStyles(position) {
   } else {
     marginProperty = 'margin-right';
   }
-  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(`${theme.space.base * 5}px`, `${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));
+  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, getColorV8('neutralHue', 300, theme), theme.borderRadii.md, theme.shadows.lg(`${theme.space.base * 5}px`, `${theme.space.base * 7.5}px`, getColorV8('chromeHue', 600, theme, 0.15)), getColorV8('background', 600 , theme), theme.rtl ? 'right' : 'left', theme.fontSizes.md, theme.fontWeights.regular, theme.rtl && 'rtl', options.animationModifier && animationStyles(position, options), options.hidden && hiddenStyles(options));
 }
 
 const SELECTOR_FOCUS_VISIBLE = '&:focus-visible, &[data-garden-focus-visible="true"]';
@@ -660,7 +660,8 @@ exports.SELECTOR_FOCUS_VISIBLE = SELECTOR_FOCUS_VISIBLE;
 exports.ThemeProvider = ThemeProvider;
 exports.arrowStyles = arrowStyles;
 exports.focusStyles = focusStyles;
-exports.getColor = getColor;
+exports.getColor = getColorV8;
+exports.getColorV8 = getColorV8;
 exports.getDocument = getDocument;
 exports.getFocusBoxShadow = getFocusBoxShadow;
 exports.getLineHeight = getLineHeight;

package/dist/index.esm.js

@@ -361,7 +361,7 @@ const adjust = (color, expected, actual) => {
   }
   return color;
 };
-const getColor = memoize(function (hue) {
+const getColorV8 = memoize(function (hue) {
   let shade = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_SHADE;
   let theme = arguments.length > 2 ? arguments[2] : undefined;
   let transparency = arguments.length > 3 ? arguments[3] : undefined;
@@ -415,12 +415,12 @@ const getFocusBoxShadow = _ref => {
     spacerWidth = 'xs',
     theme = DEFAULT_THEME
   } = _ref;
-  const color = getColor(hue, shade, theme);
+  const color = getColorV8(hue, shade, theme);
   const shadow = theme.shadows[shadowWidth](color);
   if (spacerWidth === null) {
     return `${inset ? 'inset' : ''} ${shadow}`;
   }
-  const spacerColor = getColor(spacerHue, spacerShade, theme);
+  const spacerColor = getColorV8(spacerHue, spacerShade, theme);
   const retVal = `
     ${inset ? 'inset' : ''} ${theme.shadows[spacerWidth](spacerColor)},
     ${inset ? 'inset' : ''} ${shadow}`;
@@ -607,7 +607,7 @@ function menuStyles(position) {
   } else {
     marginProperty = 'margin-right';
   }
-  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(`${theme.space.base * 5}px`, `${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));
+  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, getColorV8('neutralHue', 300, theme), theme.borderRadii.md, theme.shadows.lg(`${theme.space.base * 5}px`, `${theme.space.base * 7.5}px`, getColorV8('chromeHue', 600, theme, 0.15)), getColorV8('background', 600 , theme), theme.rtl ? 'right' : 'left', theme.fontSizes.md, theme.fontWeights.regular, theme.rtl && 'rtl', options.animationModifier && animationStyles(position, options), options.hidden && hiddenStyles(options));
 }
 
 const SELECTOR_FOCUS_VISIBLE = '&:focus-visible, &[data-garden-focus-visible="true"]';
@@ -645,4 +645,4 @@ const focusStyles = _ref => {
 const ARROW_POSITION = ['top', 'top-left', 'top-right', 'right', 'right-top', 'right-bottom', 'bottom', 'bottom-left', 'bottom-right', 'left', 'left-top', 'left-bottom'];
 const MENU_POSITION = ['top', 'right', 'bottom', 'left'];
 
-export { ARROW_POSITION as ARRAY_ARROW_POSITION, MENU_POSITION as ARRAY_MENU_POSITION, DEFAULT_THEME, PALETTE, SELECTOR_FOCUS_VISIBLE, ThemeProvider, arrowStyles, focusStyles, getColor, getDocument, getFocusBoxShadow, getLineHeight, isRtl, mediaQuery, menuStyles, retrieveComponentStyles, retrieveComponentStyles as retrieveTheme, useDocument, useText, useWindow, withTheme };
+export { ARROW_POSITION as ARRAY_ARROW_POSITION, MENU_POSITION as ARRAY_MENU_POSITION, DEFAULT_THEME, PALETTE, SELECTOR_FOCUS_VISIBLE, ThemeProvider, arrowStyles, focusStyles, getColorV8 as getColor, getColorV8, getDocument, getFocusBoxShadow, getLineHeight, isRtl, mediaQuery, menuStyles, retrieveComponentStyles, retrieveComponentStyles as retrieveTheme, useDocument, useText, useWindow, withTheme };

package/dist/typings/index.d.ts

@@ -13,7 +13,7 @@ export { default as retrieveComponentStyles,
 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 { getColorV8 as getColor, getColorV8 } from './utils/getColorV8';
 export { getFocusBoxShadow } from './utils/getFocusBoxShadow';
 export { default as getLineHeight } from './utils/getLineHeight';
 export { default as mediaQuery } from './utils/mediaQuery';

package/dist/typings/utils/{getColor.d.ts → getColorV8.d.ts}

@@ -22,4 +22,4 @@ export declare const DEFAULT_SHADE = 600;
  * @param {Object} theme Context `theme` object.
  * @param {Number} [transparency] An alpha-channel value between 0 and 1.
  */
-export declare const getColor: ((hue: Hue, shade?: number, theme?: DefaultTheme, transparency?: number) => string | undefined) & import("lodash").MemoizedFunction;
+export declare const getColorV8: ((hue: Hue, shade?: number, theme?: DefaultTheme, transparency?: number) => string | undefined) & import("lodash").MemoizedFunction;

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

@@ -5,7 +5,7 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import { IGardenTheme } from '../types';
-import { Hue } from './getColor';
+import { Hue } from './getColorV8';
 export type FocusBoxShadowParameters = {
     boxShadow?: string;
     inset?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-theming",
-  "version": "8.74.3",
+  "version": "8.75.0",
   "description": "Theming utilities and components within the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -45,5 +45,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "2ae5e421f4bad609f443d6b227e00b6d8e77a06d"
+  "gitHead": "56a54793a611efc223b8e36262d428365613c853"
 }