@zendeskgarden/react-tooltips - npm Package Compare versions

Comparing version 9.0.0-next.22 to 9.0.0-next.23

dist/esm/styled/StyledParagraph.js

@@ -13,3 +13,3 @@ /**
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
@@ -16,0 +16,0 @@ displayName: "StyledParagraph",

dist/esm/styled/StyledTitle.js

@@ -13,3 +13,3 @@ /**
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
@@ -16,0 +16,0 @@ displayName: "StyledTitle",

dist/esm/styled/StyledTooltip.js

@@ -57,5 +57,13 @@ /**
   let arrowSize;
+  let arrowShift;
   if (hasArrow) {
-    if (size === 'small' || size === 'medium') {
+    if (size === 'small') {
       arrowSize = margin;
+      if (['left-start', 'left-end', 'right-start', 'right-end'].includes(placement)) {
+        arrowShift = `-${theme.borderRadii.md}px`;
+      } else {
+        arrowShift = '0';
+      }
+    } else if (size === 'medium') {
+      arrowSize = margin;
     } else if (size === 'large') {
@@ -70,3 +78,4 @@ margin = `${theme.space.base * 2}px`;
   return css(["margin:", ";border-radius:", ";padding:", ";max-width:", ";line-height:", ";word-wrap:", ";white-space:", ";font-size:", ";overflow-wrap:", ";", ";", "{margin-top:", ";}", "{display:", ";}"], margin, borderRadius, padding, maxWidth, lineHeight, wordWrap, whiteSpace, fontSize, overflowWrap, hasArrow && arrowStyles(getArrowPosition(theme, placement), {
-    size: arrowSize
+    size: arrowSize,
+    shift: arrowShift
   }), StyledParagraph, paragraphMarginTop, StyledTitle, titleDisplay);
@@ -130,3 +139,3 @@ };
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
@@ -133,0 +142,0 @@ displayName: "StyledTooltip",

dist/index.cjs.js

@@ -28,3 +28,3 @@ /**
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
@@ -41,3 +41,3 @@ displayName: "StyledParagraph",
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
@@ -96,5 +96,13 @@ displayName: "StyledTitle",
   let arrowSize;
+  let arrowShift;
   if (hasArrow) {
-    if (size === 'small' || size === 'medium') {
+    if (size === 'small') {
       arrowSize = margin;
+      if (['left-start', 'left-end', 'right-start', 'right-end'].includes(placement)) {
+        arrowShift = `-${theme.borderRadii.md}px`;
+      } else {
+        arrowShift = '0';
+      }
+    } else if (size === 'medium') {
+      arrowSize = margin;
     } else if (size === 'large') {
@@ -109,3 +117,4 @@ margin = `${theme.space.base * 2}px`;
   return styled.css(["margin:", ";border-radius:", ";padding:", ";max-width:", ";line-height:", ";word-wrap:", ";white-space:", ";font-size:", ";overflow-wrap:", ";", ";", "{margin-top:", ";}", "{display:", ";}"], margin, borderRadius, padding, maxWidth, lineHeight, wordWrap, whiteSpace, fontSize, overflowWrap, hasArrow && reactTheming.arrowStyles(reactTheming.getArrowPosition(theme, placement), {
-    size: arrowSize
+    size: arrowSize,
+    shift: arrowShift
   }), StyledParagraph, paragraphMarginTop, StyledTitle, titleDisplay);
@@ -169,3 +178,3 @@ };
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
@@ -172,0 +181,0 @@ displayName: "StyledTooltip",

dist/typings/elements/Tooltip.d.ts

@@ -40,28 +40,5 @@ /**
  */
-export declare const Tooltip: {
-    ({ id, delayMS, isInitialVisible, content, refKey, placement: _placement, children, hasArrow, size, type, appendToNode, zIndex, isVisible: externalIsVisible, onFocus, onBlur, ...props }: ITooltipProps): React.JSX.Element;
-    displayName: string;
-    propTypes: {
-        appendToNode: PropTypes.Requireable<any>;
-        hasArrow: PropTypes.Requireable<boolean>;
-        delayMS: PropTypes.Requireable<number>;
-        id: PropTypes.Requireable<string>;
-        content: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        placement: PropTypes.Requireable<"top" | "auto" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "end" | "end-top" | "end-bottom" | "start" | "start-top" | "start-bottom">;
-        size: PropTypes.Requireable<"small" | "medium" | "large" | "extra-large">;
-        type: PropTypes.Requireable<"light" | "dark">;
-        zIndex: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        isInitialVisible: PropTypes.Requireable<boolean>;
-        refKey: PropTypes.Requireable<string>;
-    };
-    defaultProps: {
-        hasArrow: boolean;
-        type: string;
-        placement: string;
-        delayMS: number;
-        refKey: string;
-    };
-} & {
+export declare const Tooltip: typeof TooltipComponent & {
     Paragraph: typeof Paragraph;
     Title: typeof Title;
 };

dist/typings/elements/utils.d.ts

@@ -16,2 +16,2 @@ /**
  */
-export declare const toSize: (size: ITooltipProps['size'], type: ITooltipProps['type']) => "small" | "medium" | "large" | "extra-large";
+export declare const toSize: (size: ITooltipProps["size"], type: ITooltipProps["type"]) => "small" | "medium" | "large" | "extra-large";

dist/typings/styled/StyledTooltipWrapper.d.ts

@@ -8,3 +8,3 @@ /**
 export declare const StyledTooltipWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    zIndex?: string | number | undefined;
+    zIndex?: number | string;
 }, never>;

package.json

 {
   "name": "@zendeskgarden/react-tooltips",
-  "version": "9.0.0-next.22",
+  "version": "9.0.0-next.23",
   "description": "Collection of components and render prop containers relating to Tooltips in the Garden Design System",
@@ -33,8 +33,8 @@ "license": "Apache-2.0",
     "@zendeskgarden/react-theming": ">=9.0.0-next",
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0",
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "styled-components": "^5.3.1"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^9.0.0-next.22"
+    "@zendeskgarden/react-theming": "^9.0.0-next.23"
   },
@@ -51,3 +51,3 @@ "keywords": [
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "46309385a1495c2297da23409f4196f662fe418b"
+  "gitHead": "5e7d2ed69a1615e09406a3f9285359346bb90cc7"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Published versions last two months

5

increased by25%

Worsened metrics

Total package byte prevSize

44977

decreased by-1.4%

Lines of code

914

decreased by-0.54%

No dependency changes