@zendeskgarden/react-tooltips 8.74.2 → 8.75.0

package/dist/index.cjs.js

@@ -79,7 +79,7 @@ function getArrowPosition(popperPlacement) {
 const COMPONENT_ID$2 = 'tooltip.paragraph';
 const StyledParagraph = styled__default.default.p.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.74.2'
+  'data-garden-version': '8.75.0'
 }).withConfig({
   displayName: "StyledParagraph",
   componentId: "sc-wuqkfc-0"
@@ -91,7 +91,7 @@ StyledParagraph.defaultProps = {
 const COMPONENT_ID$1 = 'tooltip.title';
 const StyledTitle = styled__default.default.strong.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.74.2'
+  'data-garden-version': '8.75.0'
 }).withConfig({
   displayName: "StyledTitle",
   componentId: "sc-vnjcvz-0"
@@ -173,22 +173,22 @@ const colorStyles = _ref2 => {
     type
   } = _ref2;
   let border;
-  let boxShadow = theme.shadows.lg(`${theme.space.base}px`, `${theme.space.base * 2}px`, reactTheming.getColor('chromeHue', 600, theme, 0.15));
-  let backgroundColor = reactTheming.getColor('chromeHue', 700, theme);
-  let color = theme.colors.background;
+  let boxShadow = theme.shadows.lg(`${theme.space.base}px`, `${theme.space.base * 2}px`, reactTheming.getColorV8('chromeHue', 600, theme, 0.15));
+  let backgroundColor = reactTheming.getColorV8('chromeHue', 700, theme);
+  let color = reactTheming.getColorV8('background', 600 , theme);
   let titleColor;
   if (type === 'light') {
-    boxShadow = theme.shadows.lg(`${theme.space.base * 3}px`, `${theme.space.base * 5}px`, reactTheming.getColor('chromeHue', 600, theme, 0.15));
-    border = `${theme.borders.sm} ${reactTheming.getColor('neutralHue', 300, theme)}`;
-    backgroundColor = theme.colors.background;
-    color = reactTheming.getColor('neutralHue', 700, theme);
-    titleColor = theme.colors.foreground;
+    boxShadow = theme.shadows.lg(`${theme.space.base * 3}px`, `${theme.space.base * 5}px`, reactTheming.getColorV8('chromeHue', 600, theme, 0.15));
+    border = `${theme.borders.sm} ${reactTheming.getColorV8('neutralHue', 300, theme)}`;
+    backgroundColor = reactTheming.getColorV8('background', 600 , theme);
+    color = reactTheming.getColorV8('neutralHue', 700, theme);
+    titleColor = reactTheming.getColorV8('foreground', 600 , theme);
   }
   return styled.css(["border:", ";box-shadow:", ";background-color:", ";color:", ";", "{color:", ";}"], border, boxShadow, backgroundColor, color, StyledTitle, titleColor);
 };
 const StyledTooltip = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.74.2'
+  'data-garden-version': '8.75.0'
 }).withConfig({
   displayName: "StyledTooltip",
   componentId: "sc-gzzjq4-0"

package/dist/index.esm.js

@@ -13,7 +13,7 @@ import mergeRefs from 'react-merge-refs';
 import { useTooltip } from '@zendeskgarden/container-tooltip';
 import { getControlledValue, composeEventHandlers } from '@zendeskgarden/container-utilities';
 import { Manager, Reference, Popper } from 'react-popper';
-import { retrieveComponentStyles, DEFAULT_THEME, getLineHeight, arrowStyles, getColor } from '@zendeskgarden/react-theming';
+import { retrieveComponentStyles, DEFAULT_THEME, getLineHeight, arrowStyles, getColorV8 } from '@zendeskgarden/react-theming';
 
 function getPopperPlacement(gardenPlacement) {
   const gardenToPopperMapping = {
@@ -70,7 +70,7 @@ function getArrowPosition(popperPlacement) {
 const COMPONENT_ID$2 = 'tooltip.paragraph';
 const StyledParagraph = styled.p.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.74.2'
+  'data-garden-version': '8.75.0'
 }).withConfig({
   displayName: "StyledParagraph",
   componentId: "sc-wuqkfc-0"
@@ -82,7 +82,7 @@ StyledParagraph.defaultProps = {
 const COMPONENT_ID$1 = 'tooltip.title';
 const StyledTitle = styled.strong.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.74.2'
+  'data-garden-version': '8.75.0'
 }).withConfig({
   displayName: "StyledTitle",
   componentId: "sc-vnjcvz-0"
@@ -164,22 +164,22 @@ const colorStyles = _ref2 => {
     type
   } = _ref2;
   let border;
-  let boxShadow = theme.shadows.lg(`${theme.space.base}px`, `${theme.space.base * 2}px`, getColor('chromeHue', 600, theme, 0.15));
-  let backgroundColor = getColor('chromeHue', 700, theme);
-  let color = theme.colors.background;
+  let boxShadow = theme.shadows.lg(`${theme.space.base}px`, `${theme.space.base * 2}px`, getColorV8('chromeHue', 600, theme, 0.15));
+  let backgroundColor = getColorV8('chromeHue', 700, theme);
+  let color = getColorV8('background', 600 , theme);
   let titleColor;
   if (type === 'light') {
-    boxShadow = theme.shadows.lg(`${theme.space.base * 3}px`, `${theme.space.base * 5}px`, getColor('chromeHue', 600, theme, 0.15));
-    border = `${theme.borders.sm} ${getColor('neutralHue', 300, theme)}`;
-    backgroundColor = theme.colors.background;
-    color = getColor('neutralHue', 700, theme);
-    titleColor = theme.colors.foreground;
+    boxShadow = theme.shadows.lg(`${theme.space.base * 3}px`, `${theme.space.base * 5}px`, getColorV8('chromeHue', 600, theme, 0.15));
+    border = `${theme.borders.sm} ${getColorV8('neutralHue', 300, theme)}`;
+    backgroundColor = getColorV8('background', 600 , theme);
+    color = getColorV8('neutralHue', 700, theme);
+    titleColor = getColorV8('foreground', 600 , theme);
   }
   return css(["border:", ";box-shadow:", ";background-color:", ";color:", ";", "{color:", ";}"], border, boxShadow, backgroundColor, color, StyledTitle, titleColor);
 };
 const StyledTooltip = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.74.2'
+  'data-garden-version': '8.75.0'
 }).withConfig({
   displayName: "StyledTooltip",
   componentId: "sc-gzzjq4-0"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-tooltips",
-  "version": "8.74.2",
+  "version": "8.75.0",
   "description": "Collection of components and render prop containers relating to Tooltips in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -35,7 +35,7 @@
     "styled-components": "^4.2.0 || ^5.0.0"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^8.74.2"
+    "@zendeskgarden/react-theming": "^8.75.0"
   },
   "keywords": [
     "components",
@@ -47,5 +47,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "be0e20f0b016a227ed1ab6b5b13cb04971969d3b"
+  "gitHead": "56a54793a611efc223b8e36262d428365613c853"
 }