@zendeskgarden/react-tooltips 9.12.6 → 9.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -26,6 +26,7 @@ const PLACEMENT_DEFAULT = 'top';
26
26
  const TooltipComponent = ({
27
27
  id,
28
28
  delayMS = 500,
29
+ isLabel,
29
30
  isInitialVisible,
30
31
  content,
31
32
  refKey = 'ref',
@@ -55,6 +56,7 @@ const TooltipComponent = ({
55
56
  id,
56
57
  delayMilliseconds: delayMS,
57
58
  isVisible: isInitialVisible,
59
+ isLabel,
58
60
  triggerRef
59
61
  });
60
62
  const controlledIsVisible = getControlledValue(externalIsVisible, isVisible);
@@ -126,6 +128,7 @@ TooltipComponent.propTypes = {
126
128
  type: PropTypes.oneOf(TYPE),
127
129
  zIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
128
130
  isInitialVisible: PropTypes.bool,
131
+ isLabel: PropTypes.bool,
129
132
  refKey: PropTypes.string
130
133
  };
131
134
  const Tooltip = TooltipComponent;
@@ -10,7 +10,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
10
10
  const COMPONENT_ID$2 = 'tooltip.paragraph';
11
11
  const StyledParagraph = styled.p.attrs({
12
12
  'data-garden-id': COMPONENT_ID$2,
13
- 'data-garden-version': '9.12.6'
13
+ 'data-garden-version': '9.13.0'
14
14
  }).withConfig({
15
15
  displayName: "StyledParagraph",
16
16
  componentId: "sc-wuqkfc-0"
@@ -10,7 +10,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
10
10
  const COMPONENT_ID$1 = 'tooltip.title';
11
11
  const StyledTitle = styled.strong.attrs({
12
12
  'data-garden-id': COMPONENT_ID$1,
13
- 'data-garden-version': '9.12.6'
13
+ 'data-garden-version': '9.13.0'
14
14
  }).withConfig({
15
15
  displayName: "StyledTitle",
16
16
  componentId: "sc-vnjcvz-0"
@@ -132,7 +132,7 @@ const colorStyles = ({
132
132
  };
133
133
  const StyledTooltip = styled.div.attrs({
134
134
  'data-garden-id': COMPONENT_ID,
135
- 'data-garden-version': '9.12.6'
135
+ 'data-garden-version': '9.13.0'
136
136
  }).withConfig({
137
137
  displayName: "StyledTooltip",
138
138
  componentId: "sc-gzzjq4-0"
package/dist/index.cjs.js CHANGED
@@ -25,7 +25,7 @@ var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
25
25
  const COMPONENT_ID$2 = 'tooltip.paragraph';
26
26
  const StyledParagraph = styled__default.default.p.attrs({
27
27
  'data-garden-id': COMPONENT_ID$2,
28
- 'data-garden-version': '9.12.6'
28
+ 'data-garden-version': '9.13.0'
29
29
  }).withConfig({
30
30
  displayName: "StyledParagraph",
31
31
  componentId: "sc-wuqkfc-0"
@@ -34,7 +34,7 @@ const StyledParagraph = styled__default.default.p.attrs({
34
34
  const COMPONENT_ID$1 = 'tooltip.title';
35
35
  const StyledTitle = styled__default.default.strong.attrs({
36
36
  'data-garden-id': COMPONENT_ID$1,
37
- 'data-garden-version': '9.12.6'
37
+ 'data-garden-version': '9.13.0'
38
38
  }).withConfig({
39
39
  displayName: "StyledTitle",
40
40
  componentId: "sc-vnjcvz-0"
@@ -163,7 +163,7 @@ const colorStyles = ({
163
163
  };
164
164
  const StyledTooltip = styled__default.default.div.attrs({
165
165
  'data-garden-id': COMPONENT_ID,
166
- 'data-garden-version': '9.12.6'
166
+ 'data-garden-version': '9.13.0'
167
167
  }).withConfig({
168
168
  displayName: "StyledTooltip",
169
169
  componentId: "sc-gzzjq4-0"
@@ -200,6 +200,7 @@ const PLACEMENT_DEFAULT = 'top';
200
200
  const TooltipComponent = ({
201
201
  id,
202
202
  delayMS = 500,
203
+ isLabel,
203
204
  isInitialVisible,
204
205
  content,
205
206
  refKey = 'ref',
@@ -229,6 +230,7 @@ const TooltipComponent = ({
229
230
  id,
230
231
  delayMilliseconds: delayMS,
231
232
  isVisible: isInitialVisible,
233
+ isLabel,
232
234
  triggerRef
233
235
  });
234
236
  const controlledIsVisible = containerUtilities.getControlledValue(externalIsVisible, isVisible);
@@ -300,6 +302,7 @@ TooltipComponent.propTypes = {
300
302
  type: PropTypes__default.default.oneOf(TYPE),
301
303
  zIndex: PropTypes__default.default.oneOfType([PropTypes__default.default.number, PropTypes__default.default.string]),
302
304
  isInitialVisible: PropTypes__default.default.bool,
305
+ isLabel: PropTypes__default.default.bool,
303
306
  refKey: PropTypes__default.default.string
304
307
  };
305
308
  const Tooltip = TooltipComponent;
@@ -11,7 +11,7 @@ import { Paragraph } from './Paragraph';
11
11
  import { Title } from './Title';
12
12
  export declare const PLACEMENT_DEFAULT = "top";
13
13
  export declare const TooltipComponent: {
14
- ({ id, delayMS, isInitialVisible, content, refKey, placement: _placement, fallbackPlacements: _fallbackPlacements, children, hasArrow, size, type, appendToNode, zIndex, isVisible: externalIsVisible, onFocus, onBlur, ...props }: ITooltipProps): React.JSX.Element;
14
+ ({ id, delayMS, isLabel, isInitialVisible, content, refKey, placement: _placement, fallbackPlacements: _fallbackPlacements, children, hasArrow, size, type, appendToNode, zIndex, isVisible: externalIsVisible, onFocus, onBlur, ...props }: ITooltipProps): React.JSX.Element;
15
15
  displayName: string;
16
16
  propTypes: {
17
17
  appendToNode: PropTypes.Requireable<any>;
@@ -25,6 +25,7 @@ export declare const TooltipComponent: {
25
25
  type: PropTypes.Requireable<"light" | "dark">;
26
26
  zIndex: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
27
27
  isInitialVisible: PropTypes.Requireable<boolean>;
28
+ isLabel: PropTypes.Requireable<boolean>;
28
29
  refKey: PropTypes.Requireable<string>;
29
30
  };
30
31
  };
@@ -28,6 +28,11 @@ export interface ITooltipProps extends Omit<HTMLAttributes<HTMLDivElement>, 'con
28
28
  type?: (typeof TYPE)[number];
29
29
  /** Sets the `z-index` of the tooltip */
30
30
  zIndex?: number | string;
31
+ /**
32
+ * Indicates that the tooltip is used as the trigger's primary label rather
33
+ * than as a supplemental description
34
+ */
35
+ isLabel?: boolean;
31
36
  /** Displays the tooltip on initial render */
32
37
  isInitialVisible?: boolean;
33
38
  /** Displays the tooltip */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-tooltips",
3
- "version": "9.12.6",
3
+ "version": "9.13.0",
4
4
  "description": "Collection of components and render prop containers relating to Tooltips in the Garden Design System",
5
5
  "license": "Apache-2.0",
6
6
  "author": "Zendesk Garden <garden@zendesk.com>",
@@ -22,7 +22,7 @@
22
22
  "types": "dist/typings/index.d.ts",
23
23
  "dependencies": {
24
24
  "@floating-ui/react-dom": "^2.0.0",
25
- "@zendeskgarden/container-tooltip": "^2.1.4",
25
+ "@zendeskgarden/container-tooltip": "^2.2.0",
26
26
  "@zendeskgarden/container-utilities": "^2.0.4",
27
27
  "polished": "^4.3.1",
28
28
  "prop-types": "^15.5.7",
@@ -35,10 +35,10 @@
35
35
  "styled-components": "^5.3.1 || ^6.0.0"
36
36
  },
37
37
  "devDependencies": {
38
- "@zendeskgarden/react-buttons": "^9.12.6",
39
- "@zendeskgarden/react-dropdowns": "^9.12.6",
40
- "@zendeskgarden/react-grid": "^9.12.6",
41
- "@zendeskgarden/react-theming": "^9.12.6"
38
+ "@zendeskgarden/react-buttons": "^9.13.0",
39
+ "@zendeskgarden/react-dropdowns": "^9.13.0",
40
+ "@zendeskgarden/react-grid": "^9.13.0",
41
+ "@zendeskgarden/react-theming": "^9.13.0"
42
42
  },
43
43
  "keywords": [
44
44
  "components",
@@ -50,5 +50,5 @@
50
50
  "access": "public"
51
51
  },
52
52
  "zendeskgarden:src": "src/index.ts",
53
- "gitHead": "d7c8d8c74f98a86af16fb6a1143ef6eaf89e888b"
53
+ "gitHead": "74cc076e1e82a1ee20df7733a9663c6096eefd83"
54
54
  }