diff --git a/src/components/AddReactionButton/AddReactionButton.unit.test.tsx.snap b/src/components/AddReactionButton/AddReactionButton.unit.test.tsx.snap
index 5e5a63af80..ddce457c9b 100644
--- a/src/components/AddReactionButton/AddReactionButton.unit.test.tsx.snap
+++ b/src/components/AddReactionButton/AddReactionButton.unit.test.tsx.snap
@@ -14,6 +14,7 @@ exports[` snapshot should match snapshot 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={20}
@@ -30,6 +31,7 @@ exports[` snapshot should match snapshot 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={20}
@@ -96,6 +98,7 @@ exports[` snapshot should match snapshot with className 1`]
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={20}
@@ -112,6 +115,7 @@ exports[` snapshot should match snapshot with className 1`]
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={20}
@@ -179,6 +183,7 @@ exports[` snapshot should match snapshot with id 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={20}
@@ -196,6 +201,7 @@ exports[` snapshot should match snapshot with id 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={20}
@@ -272,6 +278,7 @@ exports[` snapshot should match snapshot with style 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={20}
@@ -293,6 +300,7 @@ exports[` snapshot should match snapshot with style 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={20}
diff --git a/src/components/AriaToolbarItem/AriaToolbarItem.unit.test.tsx.snap b/src/components/AriaToolbarItem/AriaToolbarItem.unit.test.tsx.snap
index 6e2f04898c..2d92b557ab 100644
--- a/src/components/AriaToolbarItem/AriaToolbarItem.unit.test.tsx.snap
+++ b/src/components/AriaToolbarItem/AriaToolbarItem.unit.test.tsx.snap
@@ -20,6 +20,7 @@ exports[` snapshot should match snapshot 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -41,6 +42,7 @@ exports[` snapshot should match snapshot 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
diff --git a/src/components/AvatarMeetingsListItem/AvatarMeetingsListItem.unit.test.tsx.snap b/src/components/AvatarMeetingsListItem/AvatarMeetingsListItem.unit.test.tsx.snap
index 7f91d68a67..3c3445e629 100644
--- a/src/components/AvatarMeetingsListItem/AvatarMeetingsListItem.unit.test.tsx.snap
+++ b/src/components/AvatarMeetingsListItem/AvatarMeetingsListItem.unit.test.tsx.snap
@@ -510,6 +510,7 @@ exports[` snapshot should match snapshot with displayM
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -526,6 +527,7 @@ exports[` snapshot should match snapshot with displayM
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -706,6 +708,7 @@ exports[` snapshot should match snapshot with displayM
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -722,6 +725,7 @@ exports[` snapshot should match snapshot with displayM
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -907,6 +911,7 @@ exports[` snapshot should match snapshot with displayM
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -923,6 +928,7 @@ exports[` snapshot should match snapshot with displayM
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
diff --git a/src/components/Banner/Banner.unit.test.tsx.snap b/src/components/Banner/Banner.unit.test.tsx.snap
index af8a613a90..3532261dbd 100644
--- a/src/components/Banner/Banner.unit.test.tsx.snap
+++ b/src/components/Banner/Banner.unit.test.tsx.snap
@@ -134,6 +134,7 @@ exports[` snapshot should match a complex snapshot 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -150,6 +151,7 @@ exports[` snapshot should match a complex snapshot 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -208,6 +210,7 @@ exports[` snapshot should match a complex snapshot 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -224,6 +227,7 @@ exports[` snapshot should match a complex snapshot 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -412,6 +416,7 @@ exports[` snapshot should match snapshot with actions 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -428,6 +433,7 @@ exports[` snapshot should match snapshot with actions 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -486,6 +492,7 @@ exports[` snapshot should match snapshot with actions 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -502,6 +509,7 @@ exports[` snapshot should match snapshot with actions 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
diff --git a/src/components/ButtonCircle/ButtonCircle.constants.ts b/src/components/ButtonCircle/ButtonCircle.constants.ts
index 70df487133..18cb2b3457 100644
--- a/src/components/ButtonCircle/ButtonCircle.constants.ts
+++ b/src/components/ButtonCircle/ButtonCircle.constants.ts
@@ -10,6 +10,7 @@ const DEFAULTS = {
OUTLINE: false,
SIZE: 40,
INVERTED: false,
+ ONLY_TRIGGERS_TOOLTIP: false,
};
const COLORS = {
diff --git a/src/components/ButtonCircle/ButtonCircle.stories.args.ts b/src/components/ButtonCircle/ButtonCircle.stories.args.ts
index 3608e09a5f..0f14a1d2ac 100644
--- a/src/components/ButtonCircle/ButtonCircle.stories.args.ts
+++ b/src/components/ButtonCircle/ButtonCircle.stories.args.ts
@@ -115,6 +115,20 @@ const buttonCircleArgTypes = {
},
},
},
+ onlyTriggersTooltip: {
+ description:
+ 'Whether the ButtonCircle is only a tooltip trigger and, thus, triggers no action on click/press',
+ options: [true, false],
+ control: { type: 'boolean' },
+ table: {
+ type: {
+ summary: 'boolean',
+ },
+ defaultValue: {
+ summary: CONSTANTS.DEFAULTS.ONLY_TRIGGERS_TOOLTIP,
+ },
+ },
+ },
};
export { buttonCircleArgTypes };
diff --git a/src/components/ButtonCircle/ButtonCircle.stories.tsx b/src/components/ButtonCircle/ButtonCircle.stories.tsx
index 7ec5c5dacc..a5ea68f5b9 100644
--- a/src/components/ButtonCircle/ButtonCircle.stories.tsx
+++ b/src/components/ButtonCircle/ButtonCircle.stories.tsx
@@ -13,6 +13,9 @@ import AriaButtonDocs from '../../storybook/docs.stories.aria-button.mdx';
import HTMLGlobalAttributes from '../../storybook/docs.stories.common-html-attributes.mdx';
import ButtonCircle, { ButtonCircleProps } from './';
+import { Story } from '@storybook/react';
+import Tooltip from '../Tooltip';
+import Flex from '../Flex';
import argTypes from './ButtonCircle.stories.args';
import Documentation from './ButtonCircle.stories.docs.mdx';
@@ -239,6 +242,44 @@ Sizes.argTypes = { ...argTypes };
delete Sizes.argTypes.children;
delete Sizes.argTypes.size;
+const WithoutAction: Story = () => {
+ return (
+
+
+ For accessibility reasons, informative icons (icons that do not trigger any action on click
+ but convey a meaning to the user) should have a visible label next to them or in a tooltip.
+ If a tooltip is used, the Icon needs to wrapped in a ButtonCircle onlyTriggersTooltip = true
+ to get no change in color on hover and pressed
+
+
+
+
+ A. Icon with visible label next to it
+
+
+
Icon label
+
+
+
+ B. Icon with visible label in a tooltip
+
+
+
+ }
+ >
+ Icon label
+
+
+
+
+ );
+};
+
+WithoutAction.argTypes = {};
+
const Common = MultiTemplate(ButtonCircle).bind({});
Common.argTypes = { ...argTypes };
@@ -308,5 +349,6 @@ export {
GhostOutlineNotInverted,
NotGhostOutlineInverted,
Sizes,
+ WithoutAction,
Common,
};
diff --git a/src/components/ButtonCircle/ButtonCircle.style.scss b/src/components/ButtonCircle/ButtonCircle.style.scss
index 027133f4dd..37c8097919 100644
--- a/src/components/ButtonCircle/ButtonCircle.style.scss
+++ b/src/components/ButtonCircle/ButtonCircle.style.scss
@@ -115,16 +115,18 @@
background-color: var(--mds-color-theme-button-secondary-normal);
color: var(--mds-color-theme-text-primary-normal);
- &:hover,
- &.hover {
- background-color: var(--mds-color-theme-button-secondary-hover);
- color: var(--mds-color-theme-text-primary-normal);
- }
+ &[data-only-triggers-tooltip='false'] {
+ &:hover,
+ &.hover {
+ background-color: var(--mds-color-theme-button-secondary-hover);
+ color: var(--mds-color-theme-text-primary-normal);
+ }
- &:active,
- &.active {
- background-color: var(--mds-color-theme-button-secondary-pressed);
- color: var(--mds-color-theme-text-primary-normal);
+ &:active,
+ &.active {
+ background-color: var(--mds-color-theme-button-secondary-pressed);
+ color: var(--mds-color-theme-text-primary-normal);
+ }
}
&[data-disabled='true'],
diff --git a/src/components/ButtonCircle/ButtonCircle.tsx b/src/components/ButtonCircle/ButtonCircle.tsx
index a0b4b01934..e4d8aa1851 100644
--- a/src/components/ButtonCircle/ButtonCircle.tsx
+++ b/src/components/ButtonCircle/ButtonCircle.tsx
@@ -17,6 +17,7 @@ const ButtonCircle = forwardRef((props: Props, providedRef: RefObject 1;
return (
@@ -31,13 +38,14 @@ const ButtonCircle = forwardRef((props: Props, providedRef: RefObject', () => {
expect(container).toMatchSnapshot();
});
+ it('should match snapshot when onlyTriggersTooltip', () => {
+ expect.assertions(1);
+
+ const onlyTriggersTooltip = !DEFAULTS.ONLY_TRIGGERS_TOOLTIP;
+
+ const container = mount(
+ X
+ );
+
+ expect(container).toMatchSnapshot();
+ });
+
it('should match snapshot when color is outlined', () => {
expect.assertions(1);
@@ -242,6 +254,18 @@ describe('', () => {
expect(element.getAttribute('data-ghost')).toBe(`${ghost}`);
});
+ it('should pass onlyTriggersTooltip prop', () => {
+ expect.assertions(1);
+
+ const onlyTriggersTooltip = !DEFAULTS.ONLY_TRIGGERS_TOOLTIP;
+
+ const element = mount()
+ .find(ButtonCircle)
+ .getDOMNode();
+
+ expect(element.getAttribute('data-only-triggers-tooltip')).toBe(`${onlyTriggersTooltip}`);
+ });
+
it('should pass outline prop', () => {
expect.assertions(1);
diff --git a/src/components/ButtonCircle/ButtonCircle.unit.test.tsx.snap b/src/components/ButtonCircle/ButtonCircle.unit.test.tsx.snap
index 16af58aeaf..c3f9cd307c 100644
--- a/src/components/ButtonCircle/ButtonCircle.unit.test.tsx.snap
+++ b/src/components/ButtonCircle/ButtonCircle.unit.test.tsx.snap
@@ -10,6 +10,7 @@ exports[` snapshot should match snapshot 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -26,6 +27,7 @@ exports[` snapshot should match snapshot 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -63,6 +65,7 @@ exports[` snapshot should match snapshot when a ghost 1`] = `
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -79,6 +82,7 @@ exports[` snapshot should match snapshot when a ghost 1`] = `
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -121,6 +125,7 @@ exports[` snapshot should match snapshot when a ghost and disabl
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -141,6 +146,7 @@ exports[` snapshot should match snapshot when a ghost and disabl
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -183,6 +189,7 @@ exports[` snapshot should match snapshot when color is outlined
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={true}
data-shallow-disabled={false}
data-size={40}
@@ -199,6 +206,7 @@ exports[` snapshot should match snapshot when color is outlined
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={true}
data-shallow-disabled={false}
data-size={40}
@@ -241,6 +249,7 @@ exports[` snapshot should match snapshot when color is outlined
data-ghost={false}
data-inverted={true}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={true}
data-shallow-disabled={false}
data-size={40}
@@ -257,6 +266,7 @@ exports[` snapshot should match snapshot when color is outlined
data-ghost={false}
data-inverted={true}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={true}
data-shallow-disabled={false}
data-size={40}
@@ -294,6 +304,7 @@ exports[` snapshot should match snapshot when disabled 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -314,6 +325,7 @@ exports[` snapshot should match snapshot when disabled 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -344,6 +356,65 @@ exports[` snapshot should match snapshot when disabled 1`] = `
`;
+exports[` snapshot should match snapshot when onlyTriggersTooltip 1`] = `
+
+
+
+
+
+
+
+
+
+`;
+
exports[` snapshot should match snapshot when shallow disabled 1`] = `
snapshot should match snapshot when shallow disabled 1
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={true}
data-size={40}
@@ -373,6 +445,7 @@ exports[` snapshot should match snapshot when shallow disabled 1
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={true}
data-size={40}
@@ -414,6 +487,7 @@ exports[` snapshot should match snapshot with className 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -430,6 +504,7 @@ exports[` snapshot should match snapshot with className 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -467,6 +542,7 @@ exports[` snapshot should match snapshot with color 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -483,6 +559,7 @@ exports[` snapshot should match snapshot with color 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -524,6 +601,7 @@ exports[` snapshot should match snapshot with id 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -541,6 +619,7 @@ exports[` snapshot should match snapshot with id 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -577,6 +656,7 @@ exports[` snapshot should match snapshot with multiple children
data-ghost={false}
data-inverted={false}
data-multiple-children={true}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -593,6 +673,7 @@ exports[` snapshot should match snapshot with multiple children
data-ghost={false}
data-inverted={false}
data-multiple-children={true}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -637,6 +718,7 @@ exports[` snapshot should match snapshot with size 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={64}
@@ -653,6 +735,7 @@ exports[` snapshot should match snapshot with size 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={64}
@@ -698,6 +781,7 @@ exports[` snapshot should match snapshot with style 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -719,6 +803,7 @@ exports[` snapshot should match snapshot with style 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -761,6 +846,7 @@ exports[` snapshot should match snapshot with title 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -778,6 +864,7 @@ exports[` snapshot should match snapshot with title 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
diff --git a/src/components/ButtonCircleToggle/ButtonCircleToggle.unit.test.tsx.snap b/src/components/ButtonCircleToggle/ButtonCircleToggle.unit.test.tsx.snap
index b7dd4d574f..0a95c2f23c 100644
--- a/src/components/ButtonCircleToggle/ButtonCircleToggle.unit.test.tsx.snap
+++ b/src/components/ButtonCircleToggle/ButtonCircleToggle.unit.test.tsx.snap
@@ -20,6 +20,7 @@ exports[` snapshot should match snapshot 1`] = `
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-selected={false}
data-shallow-disabled={false}
@@ -43,6 +44,7 @@ exports[` snapshot should match snapshot 1`] = `
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-selected={false}
data-shallow-disabled={false}
@@ -95,6 +97,7 @@ exports[` snapshot should match snapshot with ariaStateKey
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-selected={false}
data-shallow-disabled={false}
@@ -119,6 +122,7 @@ exports[` snapshot should match snapshot with ariaStateKey
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-selected={false}
data-shallow-disabled={false}
@@ -171,6 +175,7 @@ exports[` snapshot should match snapshot with ariaStateKey
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-selected={true}
data-shallow-disabled={false}
@@ -195,6 +200,7 @@ exports[` snapshot should match snapshot with ariaStateKey
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-selected={true}
data-shallow-disabled={false}
@@ -245,6 +251,7 @@ exports[` snapshot should match snapshot with ghost being
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-selected={false}
data-shallow-disabled={false}
@@ -268,6 +275,7 @@ exports[` snapshot should match snapshot with ghost being
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-selected={false}
data-shallow-disabled={false}
@@ -318,6 +326,7 @@ exports[` snapshot should match snapshot with ghost being
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-selected={false}
data-shallow-disabled={false}
@@ -341,6 +350,7 @@ exports[` snapshot should match snapshot with ghost being
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-selected={false}
data-shallow-disabled={false}
@@ -392,6 +402,7 @@ exports[` snapshot should match snapshot with isSelected b
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-selected={false}
data-shallow-disabled={false}
@@ -416,6 +427,7 @@ exports[` snapshot should match snapshot with isSelected b
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-selected={false}
data-shallow-disabled={false}
@@ -467,6 +479,7 @@ exports[` snapshot should match snapshot with isSelected b
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-selected={true}
data-shallow-disabled={false}
@@ -491,6 +504,7 @@ exports[` snapshot should match snapshot with isSelected b
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-selected={true}
data-shallow-disabled={false}
@@ -542,6 +556,7 @@ exports[` snapshot should match snapshot with outline bein
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-selected={false}
data-shallow-disabled={false}
@@ -565,6 +580,7 @@ exports[` snapshot should match snapshot with outline bein
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-selected={false}
data-shallow-disabled={false}
@@ -616,6 +632,7 @@ exports[` snapshot should match snapshot with outline bein
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={true}
data-selected={false}
data-shallow-disabled={false}
@@ -639,6 +656,7 @@ exports[` snapshot should match snapshot with outline bein
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={true}
data-selected={false}
data-shallow-disabled={false}
diff --git a/src/components/ButtonGroup/ButtonGroup.unit.test.tsx.snap b/src/components/ButtonGroup/ButtonGroup.unit.test.tsx.snap
index e6a405f2df..3b686b81ef 100644
--- a/src/components/ButtonGroup/ButtonGroup.unit.test.tsx.snap
+++ b/src/components/ButtonGroup/ButtonGroup.unit.test.tsx.snap
@@ -21,6 +21,7 @@ exports[` snapshot should match snapshot 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -37,6 +38,7 @@ exports[` snapshot should match snapshot 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -75,6 +77,7 @@ exports[` snapshot should match snapshot 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -91,6 +94,7 @@ exports[` snapshot should match snapshot 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -145,6 +149,7 @@ exports[` snapshot should match snapshot when spaced 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -161,6 +166,7 @@ exports[` snapshot should match snapshot when spaced 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -199,6 +205,7 @@ exports[` snapshot should match snapshot when spaced 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -215,6 +222,7 @@ exports[` snapshot should match snapshot when spaced 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -270,6 +278,7 @@ exports[` snapshot should match snapshot with aria-label 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -286,6 +295,7 @@ exports[` snapshot should match snapshot with aria-label 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -324,6 +334,7 @@ exports[` snapshot should match snapshot with aria-label 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -340,6 +351,7 @@ exports[` snapshot should match snapshot with aria-label 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -383,6 +395,7 @@ exports[` snapshot should match snapshot with className 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -399,6 +412,7 @@ exports[` snapshot should match snapshot with className 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -436,6 +450,7 @@ exports[` snapshot should match snapshot with id 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -453,6 +468,7 @@ exports[` snapshot should match snapshot with id 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -502,6 +518,7 @@ exports[` snapshot should match snapshot with orientation = verti
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -518,6 +535,7 @@ exports[` snapshot should match snapshot with orientation = verti
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -556,6 +574,7 @@ exports[` snapshot should match snapshot with orientation = verti
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -572,6 +591,7 @@ exports[` snapshot should match snapshot with orientation = verti
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -627,6 +647,7 @@ exports[` snapshot should match snapshot with role 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -643,6 +664,7 @@ exports[` snapshot should match snapshot with role 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -681,6 +703,7 @@ exports[` snapshot should match snapshot with role 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -697,6 +720,7 @@ exports[` snapshot should match snapshot with role 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -751,6 +775,7 @@ exports[` snapshot should match snapshot with round 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -767,6 +792,7 @@ exports[` snapshot should match snapshot with round 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -805,6 +831,7 @@ exports[` snapshot should match snapshot with round 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -821,6 +848,7 @@ exports[` snapshot should match snapshot with round 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -875,6 +903,7 @@ exports[` snapshot should match snapshot with separator 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -891,6 +920,7 @@ exports[` snapshot should match snapshot with separator 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -929,6 +959,7 @@ exports[` snapshot should match snapshot with separator 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -945,6 +976,7 @@ exports[` snapshot should match snapshot with separator 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -992,6 +1024,7 @@ exports[` snapshot should match snapshot with style 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -1013,6 +1046,7 @@ exports[` snapshot should match snapshot with style 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
diff --git a/src/components/ButtonPill/ButtonPill.constants.ts b/src/components/ButtonPill/ButtonPill.constants.ts
index 3eeb3652c7..2b57fbd160 100644
--- a/src/components/ButtonPill/ButtonPill.constants.ts
+++ b/src/components/ButtonPill/ButtonPill.constants.ts
@@ -9,6 +9,7 @@ const DEFAULTS = {
OUTLINE: false,
SIZE: 40,
INVERTED: false,
+ ONLY_TRIGGERS_TOOLTIP: false,
};
const COLORS = {
diff --git a/src/components/ButtonPill/ButtonPill.stories.args.ts b/src/components/ButtonPill/ButtonPill.stories.args.ts
index 56952e4f7e..8e79d0c8d0 100644
--- a/src/components/ButtonPill/ButtonPill.stories.args.ts
+++ b/src/components/ButtonPill/ButtonPill.stories.args.ts
@@ -128,4 +128,18 @@ export default {
},
},
},
+ onlyTriggersTooltip: {
+ description:
+ 'Whether the ButtonPill is only a tooltip trigger and, thus, triggers no action on click/press',
+ options: [true, false],
+ control: { type: 'boolean' },
+ table: {
+ type: {
+ summary: 'boolean',
+ },
+ defaultValue: {
+ summary: CONSTANTS.DEFAULTS.ONLY_TRIGGERS_TOOLTIP,
+ },
+ },
+ },
};
diff --git a/src/components/ButtonPill/ButtonPill.stories.tsx b/src/components/ButtonPill/ButtonPill.stories.tsx
index 52e5b8259a..f5a04a4550 100644
--- a/src/components/ButtonPill/ButtonPill.stories.tsx
+++ b/src/components/ButtonPill/ButtonPill.stories.tsx
@@ -1,6 +1,10 @@
import React from 'react';
import Icon from '../Icon';
+import { Story } from '@storybook/react';
+import Tooltip from '../Tooltip';
+import Flex from '../Flex';
+import Text from '../Text';
import {
MultiTemplate,
@@ -371,6 +375,39 @@ NotGhostOutlineInverted.parameters = {
],
};
+const WithoutAction: Story = () => {
+ return (
+
+
+ For accessibility reasons, additional explanation to text in the UI should be placed
+ next/below to the text or using a Tooltip. If a tooltip is used, the Icon needs to wrapper
+ in a ButtonCircle onlyTriggersTooltip = true to get no change in color on hover and pressed
+
+
+
+
+ A. Text with additional explanation next to it
+
+ Some text
+ Additional explanation of that text
+
+
+
+ B. Text with additional explanation on a tooltip
+ Some text}
+ >
+ Additional explanation of that text
+
+
+
+
+ );
+};
+
+WithoutAction.argTypes = {};
+
const Common = MultiTemplate(ButtonPill).bind({});
Common.argTypes = { ...argTypes };
@@ -410,5 +447,6 @@ export {
NotGhostNotOutlineInverted,
GhostOutlineNotInverted,
NotGhostOutlineInverted,
+ WithoutAction,
Common,
};
diff --git a/src/components/ButtonPill/ButtonPill.style.scss b/src/components/ButtonPill/ButtonPill.style.scss
index 1b8828d668..5ebeb3664a 100644
--- a/src/components/ButtonPill/ButtonPill.style.scss
+++ b/src/components/ButtonPill/ButtonPill.style.scss
@@ -115,16 +115,18 @@
background-color: var(--mds-color-theme-button-secondary-normal);
color: var(--mds-color-theme-text-primary-normal);
- &:hover,
- &.hover {
- background-color: var(--mds-color-theme-button-secondary-hover);
- color: var(--mds-color-theme-text-primary-normal);
- }
+ &[data-only-triggers-tooltip='false'] {
+ &:hover,
+ &.hover {
+ background-color: var(--mds-color-theme-button-secondary-hover);
+ color: var(--mds-color-theme-text-primary-normal);
+ }
- &:active,
- &.active {
- background-color: var(--mds-color-theme-button-secondary-pressed);
- color: var(--mds-color-theme-text-primary-normal);
+ &:active,
+ &.active {
+ background-color: var(--mds-color-theme-button-secondary-pressed);
+ color: var(--mds-color-theme-text-primary-normal);
+ }
}
&[data-disabled='true'],
diff --git a/src/components/ButtonPill/ButtonPill.tsx b/src/components/ButtonPill/ButtonPill.tsx
index 653492977a..277d011503 100644
--- a/src/components/ButtonPill/ButtonPill.tsx
+++ b/src/components/ButtonPill/ButtonPill.tsx
@@ -17,6 +17,7 @@ const ButtonPill = forwardRef((props: Props, providedRef: RefObject
diff --git a/src/components/ButtonPill/ButtonPill.types.ts b/src/components/ButtonPill/ButtonPill.types.ts
index 3c5f745348..dec4d3a35b 100644
--- a/src/components/ButtonPill/ButtonPill.types.ts
+++ b/src/components/ButtonPill/ButtonPill.types.ts
@@ -46,4 +46,9 @@ export interface Props extends ButtonSimpleProps {
* Size index of this ButtonPill.
*/
size?: number;
+
+ /**
+ * Whether the ButtonPill is only a tooltip trigger and, thus, triggers no action on click/press
+ */
+ onlyTriggersTooltip?: boolean;
}
diff --git a/src/components/ButtonPill/ButtonPill.unit.test.tsx b/src/components/ButtonPill/ButtonPill.unit.test.tsx
index 5d7453e8da..3e9f0f61f8 100644
--- a/src/components/ButtonPill/ButtonPill.unit.test.tsx
+++ b/src/components/ButtonPill/ButtonPill.unit.test.tsx
@@ -113,6 +113,18 @@ describe('', () => {
expect(container).toMatchSnapshot();
});
+ it('should match snapshot when onlyTriggersTooltip', () => {
+ expect.assertions(1);
+
+ const onlyTriggersTooltip = !DEFAULTS.ONLY_TRIGGERS_TOOLTIP;
+
+ const container = mount(
+ Example Text
+ );
+
+ expect(container).toMatchSnapshot();
+ });
+
it('should match snapshot when color is outlined', () => {
expect.assertions(1);
@@ -244,6 +256,18 @@ describe('', () => {
expect(element.getAttribute('data-ghost')).toBe(`${ghost}`);
});
+ it('should pass onlyTriggersTooltip prop', () => {
+ expect.assertions(1);
+
+ const onlyTriggersTooltip = !DEFAULTS.ONLY_TRIGGERS_TOOLTIP;
+
+ const element = mount()
+ .find(ButtonPill)
+ .getDOMNode();
+
+ expect(element.getAttribute('data-only-triggers-tooltip')).toBe(`${onlyTriggersTooltip}`);
+ });
+
it('should pass outline prop', () => {
expect.assertions(1);
diff --git a/src/components/ButtonPill/ButtonPill.unit.test.tsx.snap b/src/components/ButtonPill/ButtonPill.unit.test.tsx.snap
index 51cf63004f..3a377cd22f 100644
--- a/src/components/ButtonPill/ButtonPill.unit.test.tsx.snap
+++ b/src/components/ButtonPill/ButtonPill.unit.test.tsx.snap
@@ -10,6 +10,7 @@ exports[` snapshot should match snapshot 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -26,6 +27,7 @@ exports[` snapshot should match snapshot 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -67,6 +69,7 @@ exports[` snapshot should match snapshot when a ghost 1`] = `
data-ghost={true}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -83,6 +86,7 @@ exports[` snapshot should match snapshot when a ghost 1`] = `
data-ghost={true}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -125,6 +129,7 @@ exports[` snapshot should match snapshot when a ghost and disabled
data-ghost={true}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -145,6 +150,7 @@ exports[` snapshot should match snapshot when a ghost and disabled
data-ghost={true}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -187,6 +193,7 @@ exports[` snapshot should match snapshot when color is outlined 1`
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={true}
data-shallow-disabled={false}
data-size={40}
@@ -203,6 +210,7 @@ exports[` snapshot should match snapshot when color is outlined 1`
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={true}
data-shallow-disabled={false}
data-size={40}
@@ -245,6 +253,7 @@ exports[` snapshot should match snapshot when color is outlined an
data-ghost={false}
data-grown={false}
data-inverted={true}
+ data-only-triggers-tooltip={false}
data-outline={true}
data-shallow-disabled={false}
data-size={40}
@@ -261,6 +270,7 @@ exports[` snapshot should match snapshot when color is outlined an
data-ghost={false}
data-grown={false}
data-inverted={true}
+ data-only-triggers-tooltip={false}
data-outline={true}
data-shallow-disabled={false}
data-size={40}
@@ -302,6 +312,7 @@ exports[` snapshot should match snapshot when disabled 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -322,6 +333,7 @@ exports[` snapshot should match snapshot when disabled 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -352,6 +364,65 @@ exports[` snapshot should match snapshot when disabled 1`] = `
`;
+exports[` snapshot should match snapshot when onlyTriggersTooltip 1`] = `
+
+
+
+
+
+
+
+
+
+`;
+
exports[` snapshot should match snapshot when shallow disabled 1`] = `
snapshot should match snapshot when shallow disabled 1`]
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={true}
data-size={40}
@@ -381,6 +453,7 @@ exports[` snapshot should match snapshot when shallow disabled 1`]
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={true}
data-size={40}
@@ -422,6 +495,7 @@ exports[` snapshot should match snapshot when width is grown 1`] =
data-ghost={false}
data-grown={true}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -438,6 +512,7 @@ exports[` snapshot should match snapshot when width is grown 1`] =
data-ghost={false}
data-grown={true}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -479,6 +554,7 @@ exports[` snapshot should match snapshot with className 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -495,6 +571,7 @@ exports[` snapshot should match snapshot with className 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -532,6 +609,7 @@ exports[` snapshot should match snapshot with color 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -548,6 +626,7 @@ exports[` snapshot should match snapshot with color 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -589,6 +668,7 @@ exports[` snapshot should match snapshot with id 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -606,6 +686,7 @@ exports[` snapshot should match snapshot with id 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -644,6 +725,7 @@ exports[` snapshot should match snapshot with size 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -660,6 +742,7 @@ exports[` snapshot should match snapshot with size 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -705,6 +788,7 @@ exports[` snapshot should match snapshot with style 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -726,6 +810,7 @@ exports[` snapshot should match snapshot with style 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -768,6 +853,7 @@ exports[` snapshot should match snapshot with title 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -785,6 +871,7 @@ exports[` snapshot should match snapshot with title 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
diff --git a/src/components/ButtonPillToggle/ButtonPillToggle.unit.test.tsx.snap b/src/components/ButtonPillToggle/ButtonPillToggle.unit.test.tsx.snap
index 487152c777..5f57b1dded 100644
--- a/src/components/ButtonPillToggle/ButtonPillToggle.unit.test.tsx.snap
+++ b/src/components/ButtonPillToggle/ButtonPillToggle.unit.test.tsx.snap
@@ -20,6 +20,7 @@ exports[` snapshot should match snapshot 1`] = `
data-ghost={true}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-selected={false}
data-shallow-disabled={false}
@@ -43,6 +44,7 @@ exports[` snapshot should match snapshot 1`] = `
data-ghost={true}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-selected={false}
data-shallow-disabled={false}
@@ -95,6 +97,7 @@ exports[` snapshot should match snapshot with ariaStateKey b
data-ghost={true}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-selected={false}
data-shallow-disabled={false}
@@ -119,6 +122,7 @@ exports[` snapshot should match snapshot with ariaStateKey b
data-ghost={true}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-selected={false}
data-shallow-disabled={false}
@@ -171,6 +175,7 @@ exports[` snapshot should match snapshot with ariaStateKey b
data-ghost={true}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-selected={true}
data-shallow-disabled={false}
@@ -195,6 +200,7 @@ exports[` snapshot should match snapshot with ariaStateKey b
data-ghost={true}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-selected={true}
data-shallow-disabled={false}
@@ -245,6 +251,7 @@ exports[` snapshot should match snapshot with ghost being fa
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-selected={false}
data-shallow-disabled={false}
@@ -268,6 +275,7 @@ exports[` snapshot should match snapshot with ghost being fa
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-selected={false}
data-shallow-disabled={false}
@@ -318,6 +326,7 @@ exports[` snapshot should match snapshot with ghost being tr
data-ghost={true}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-selected={false}
data-shallow-disabled={false}
@@ -341,6 +350,7 @@ exports[` snapshot should match snapshot with ghost being tr
data-ghost={true}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-selected={false}
data-shallow-disabled={false}
@@ -392,6 +402,7 @@ exports[` snapshot should match snapshot with isSelected bei
data-ghost={true}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-selected={false}
data-shallow-disabled={false}
@@ -416,6 +427,7 @@ exports[` snapshot should match snapshot with isSelected bei
data-ghost={true}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-selected={false}
data-shallow-disabled={false}
@@ -467,6 +479,7 @@ exports[` snapshot should match snapshot with isSelected bei
data-ghost={true}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-selected={true}
data-shallow-disabled={false}
@@ -491,6 +504,7 @@ exports[` snapshot should match snapshot with isSelected bei
data-ghost={true}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-selected={true}
data-shallow-disabled={false}
@@ -542,6 +556,7 @@ exports[` snapshot should match snapshot with outline being
data-ghost={true}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-selected={false}
data-shallow-disabled={false}
@@ -565,6 +580,7 @@ exports[` snapshot should match snapshot with outline being
data-ghost={true}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-selected={false}
data-shallow-disabled={false}
@@ -616,6 +632,7 @@ exports[` snapshot should match snapshot with outline being
data-ghost={true}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={true}
data-selected={false}
data-shallow-disabled={false}
@@ -639,6 +656,7 @@ exports[` snapshot should match snapshot with outline being
data-ghost={true}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={true}
data-selected={false}
data-shallow-disabled={false}
diff --git a/src/components/Chip/Chip.unit.test.tsx.snap b/src/components/Chip/Chip.unit.test.tsx.snap
index 7963c4edc8..f2044a0cf7 100644
--- a/src/components/Chip/Chip.unit.test.tsx.snap
+++ b/src/components/Chip/Chip.unit.test.tsx.snap
@@ -25,6 +25,7 @@ exports[` snapshot it should match snapshot with disabled 1`] = `
data-inverted={false}
data-modifier-color="mint"
data-multiline={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-search={false}
data-shallow-disabled={false}
@@ -49,6 +50,7 @@ exports[` snapshot it should match snapshot with disabled 1`] = `
data-inverted={false}
data-modifier-color="mint"
data-multiline={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-search={false}
data-shallow-disabled={false}
@@ -116,6 +118,7 @@ exports[` snapshot it should match snapshot with error 1`] = `
data-inverted={false}
data-modifier-color="mint"
data-multiline={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-search={false}
data-shallow-disabled={false}
@@ -137,6 +140,7 @@ exports[` snapshot it should match snapshot with error 1`] = `
data-inverted={false}
data-modifier-color="mint"
data-multiline={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-search={false}
data-shallow-disabled={false}
@@ -206,6 +210,7 @@ exports[` snapshot it should match snapshot with mulitline color 1`] = `
data-inverted={false}
data-modifier-color="cobalt"
data-multiline={true}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-search={false}
data-shallow-disabled={false}
@@ -227,6 +232,7 @@ exports[` snapshot it should match snapshot with mulitline color 1`] = `
data-inverted={false}
data-modifier-color="cobalt"
data-multiline={true}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-search={false}
data-shallow-disabled={false}
@@ -293,6 +299,7 @@ exports[` snapshot it should match snapshot with multiline 1`] = `
data-inverted={false}
data-modifier-color="mint"
data-multiline={true}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-search={false}
data-shallow-disabled={false}
@@ -314,6 +321,7 @@ exports[` snapshot it should match snapshot with multiline 1`] = `
data-inverted={false}
data-modifier-color="mint"
data-multiline={true}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-search={false}
data-shallow-disabled={false}
@@ -380,6 +388,7 @@ exports[` snapshot it should match snapshot with outline 1`] = `
data-inverted={false}
data-modifier-color="mint"
data-multiline={false}
+ data-only-triggers-tooltip={false}
data-outline={true}
data-search={false}
data-shallow-disabled={false}
@@ -400,6 +409,7 @@ exports[` snapshot it should match snapshot with outline 1`] = `
data-inverted={false}
data-modifier-color="mint"
data-multiline={false}
+ data-only-triggers-tooltip={false}
data-outline={true}
data-search={false}
data-shallow-disabled={false}
@@ -466,6 +476,7 @@ exports[` snapshot it should match snapshot with search 1`] = `
data-inverted={false}
data-modifier-color="mint"
data-multiline={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-search={true}
data-shallow-disabled={false}
@@ -487,6 +498,7 @@ exports[` snapshot it should match snapshot with search 1`] = `
data-inverted={false}
data-modifier-color="mint"
data-multiline={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-search={true}
data-shallow-disabled={false}
@@ -550,6 +562,7 @@ exports[` snapshot should match snapshot 1`] = `
data-inverted={false}
data-modifier-color="mint"
data-multiline={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-search={false}
data-shallow-disabled={false}
@@ -570,6 +583,7 @@ exports[` snapshot should match snapshot 1`] = `
data-inverted={false}
data-modifier-color="mint"
data-multiline={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-search={false}
data-shallow-disabled={false}
@@ -649,6 +663,7 @@ exports[` snapshot should match snapshot with avatar 1`] = `
data-inverted={false}
data-modifier-color="mint"
data-multiline={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-search={false}
data-shallow-disabled={false}
@@ -669,6 +684,7 @@ exports[` snapshot should match snapshot with avatar 1`] = `
data-inverted={false}
data-modifier-color="mint"
data-multiline={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-search={false}
data-shallow-disabled={false}
@@ -749,6 +765,7 @@ exports[` snapshot should match snapshot with className 1`] = `
data-inverted={false}
data-modifier-color="mint"
data-multiline={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-search={false}
data-shallow-disabled={false}
@@ -769,6 +786,7 @@ exports[` snapshot should match snapshot with className 1`] = `
data-inverted={false}
data-modifier-color="mint"
data-multiline={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-search={false}
data-shallow-disabled={false}
@@ -835,6 +853,7 @@ exports[` snapshot should match snapshot with id 1`] = `
data-inverted={false}
data-modifier-color="mint"
data-multiline={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-search={false}
data-shallow-disabled={false}
@@ -856,6 +875,7 @@ exports[` snapshot should match snapshot with id 1`] = `
data-inverted={false}
data-modifier-color="mint"
data-multiline={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-search={false}
data-shallow-disabled={false}
@@ -933,6 +953,7 @@ exports[` snapshot should match snapshot with left icon 1`] = `
data-inverted={false}
data-modifier-color="mint"
data-multiline={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-search={false}
data-shallow-disabled={false}
@@ -959,6 +980,7 @@ exports[` snapshot should match snapshot with left icon 1`] = `
data-inverted={false}
data-modifier-color="mint"
data-multiline={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-search={false}
data-shallow-disabled={false}
@@ -1044,6 +1066,7 @@ exports[` snapshot should match snapshot with right icon 1`] = `
data-inverted={false}
data-modifier-color="mint"
data-multiline={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-search={false}
data-shallow-disabled={false}
@@ -1070,6 +1093,7 @@ exports[` snapshot should match snapshot with right icon 1`] = `
data-inverted={false}
data-modifier-color="mint"
data-multiline={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-search={false}
data-shallow-disabled={false}
@@ -1152,6 +1176,7 @@ exports[` snapshot should match snapshot with style 1`] = `
data-inverted={false}
data-modifier-color="mint"
data-multiline={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-search={false}
data-shallow-disabled={false}
@@ -1177,6 +1202,7 @@ exports[` snapshot should match snapshot with style 1`] = `
data-inverted={false}
data-modifier-color="mint"
data-multiline={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-search={false}
data-shallow-disabled={false}
@@ -1248,6 +1274,7 @@ exports[` snapshot should match snapshot with text 1`] = `
data-inverted={false}
data-modifier-color="mint"
data-multiline={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-search={false}
data-shallow-disabled={false}
@@ -1269,6 +1296,7 @@ exports[` snapshot should match snapshot with text 1`] = `
data-inverted={false}
data-modifier-color="mint"
data-multiline={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-search={false}
data-shallow-disabled={false}
diff --git a/src/components/Coachmark/Coachmark.unit.test.tsx.snap b/src/components/Coachmark/Coachmark.unit.test.tsx.snap
index 2de6bb65ed..8e1219e1fb 100644
--- a/src/components/Coachmark/Coachmark.unit.test.tsx.snap
+++ b/src/components/Coachmark/Coachmark.unit.test.tsx.snap
@@ -120,6 +120,7 @@ exports[` snapshot should match snapshot with header 1`] = `
data-ghost="false"
data-grown="false"
data-inverted="false"
+ data-only-triggers-tooltip="false"
data-outline="false"
data-shallow-disabled="false"
data-size="40"
@@ -136,6 +137,7 @@ exports[` snapshot should match snapshot with header 1`] = `
data-ghost="false"
data-grown="false"
data-inverted="false"
+ data-only-triggers-tooltip="false"
data-outline="false"
data-shallow-disabled="false"
data-size="40"
@@ -244,6 +246,7 @@ exports[` snapshot should match snapshot without header 1`] = `
data-ghost="false"
data-grown="false"
data-inverted="false"
+ data-only-triggers-tooltip="false"
data-outline="false"
data-shallow-disabled="false"
data-size="40"
@@ -260,6 +263,7 @@ exports[` snapshot should match snapshot without header 1`] = `
data-ghost="false"
data-grown="false"
data-inverted="false"
+ data-only-triggers-tooltip="false"
data-outline="false"
data-shallow-disabled="false"
data-size="40"
diff --git a/src/components/ComboBox/ComboBox.unit.test.tsx.snap b/src/components/ComboBox/ComboBox.unit.test.tsx.snap
index 695ba6d959..d9b35db1d0 100644
--- a/src/components/ComboBox/ComboBox.unit.test.tsx.snap
+++ b/src/components/ComboBox/ComboBox.unit.test.tsx.snap
@@ -104,6 +104,7 @@ exports[`ComboBox snapshot should match snapshot label 1`] = `
data-ghost={true}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -121,6 +122,7 @@ exports[`ComboBox snapshot should match snapshot label 1`] = `
data-ghost={true}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -274,6 +276,7 @@ exports[`ComboBox snapshot should match snapshot with className 1`] = `
data-ghost={true}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -291,6 +294,7 @@ exports[`ComboBox snapshot should match snapshot with className 1`] = `
data-ghost={true}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -444,6 +448,7 @@ exports[`ComboBox snapshot should match snapshot with noResultText 1`] = `
data-ghost={true}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -461,6 +466,7 @@ exports[`ComboBox snapshot should match snapshot with noResultText 1`] = `
data-ghost={true}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -614,6 +620,7 @@ exports[`ComboBox snapshot should match snapshot with placeholder 1`] = `
data-ghost={true}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -631,6 +638,7 @@ exports[`ComboBox snapshot should match snapshot with placeholder 1`] = `
data-ghost={true}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -789,6 +797,7 @@ exports[`ComboBox snapshot should match snapshot with style 1`] = `
data-ghost={true}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -806,6 +815,7 @@ exports[`ComboBox snapshot should match snapshot with style 1`] = `
data-ghost={true}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -959,6 +969,7 @@ exports[`ComboBox snapshot should match snapshot with width 1`] = `
data-ghost={true}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -976,6 +987,7 @@ exports[`ComboBox snapshot should match snapshot with width 1`] = `
data-ghost={true}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -1142,6 +1154,7 @@ exports[`ComboBox snapshot should match snapshot withSection 1`] = `
data-ghost={true}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -1159,6 +1172,7 @@ exports[`ComboBox snapshot should match snapshot withSection 1`] = `
data-ghost={true}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
diff --git a/src/components/MeetingContainer/MeetingContainer.unit.test.tsx.snap b/src/components/MeetingContainer/MeetingContainer.unit.test.tsx.snap
index 5fd6d2c027..c2db73d256 100644
--- a/src/components/MeetingContainer/MeetingContainer.unit.test.tsx.snap
+++ b/src/components/MeetingContainer/MeetingContainer.unit.test.tsx.snap
@@ -479,6 +479,7 @@ exports[` snapshot should match snapshot with circle action
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={true}
data-shallow-disabled={false}
data-size={28}
@@ -495,6 +496,7 @@ exports[` snapshot should match snapshot with circle action
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={true}
data-shallow-disabled={false}
data-size={28}
@@ -537,6 +539,7 @@ exports[` snapshot should match snapshot with circle action
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={true}
data-shallow-disabled={false}
data-size={28}
@@ -553,6 +556,7 @@ exports[` snapshot should match snapshot with circle action
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={true}
data-shallow-disabled={false}
data-size={28}
@@ -595,6 +599,7 @@ exports[` snapshot should match snapshot with circle action
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={true}
data-shallow-disabled={false}
data-size={28}
@@ -611,6 +616,7 @@ exports[` snapshot should match snapshot with circle action
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={true}
data-shallow-disabled={false}
data-size={28}
@@ -1054,6 +1060,7 @@ exports[` snapshot should match snapshot with disable suppli
data-ghost={true}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={true}
data-shallow-disabled={false}
data-size={28}
@@ -1070,6 +1077,7 @@ exports[` snapshot should match snapshot with disable suppli
data-ghost={true}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={true}
data-shallow-disabled={false}
data-size={28}
@@ -1115,6 +1123,7 @@ exports[` snapshot should match snapshot with disable suppli
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -1131,6 +1140,7 @@ exports[` snapshot should match snapshot with disable suppli
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -1425,6 +1435,7 @@ exports[` snapshot should match snapshot with pill action bu
data-ghost={true}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={true}
data-shallow-disabled={false}
data-size={28}
@@ -1441,6 +1452,7 @@ exports[` snapshot should match snapshot with pill action bu
data-ghost={true}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={true}
data-shallow-disabled={false}
data-size={28}
@@ -1486,6 +1498,7 @@ exports[` snapshot should match snapshot with pill action bu
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -1502,6 +1515,7 @@ exports[` snapshot should match snapshot with pill action bu
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
diff --git a/src/components/MenuTrigger/MenuTrigger.unit.test.tsx.snap b/src/components/MenuTrigger/MenuTrigger.unit.test.tsx.snap
index ae8c14c50f..39065da32a 100644
--- a/src/components/MenuTrigger/MenuTrigger.unit.test.tsx.snap
+++ b/src/components/MenuTrigger/MenuTrigger.unit.test.tsx.snap
@@ -219,6 +219,7 @@ exports[` - Enzyme snapshot should match snapshot 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -242,6 +243,7 @@ exports[` - Enzyme snapshot should match snapshot 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -2425,6 +2427,7 @@ exports[` - Enzyme snapshot should match snapshot with className
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -2448,6 +2451,7 @@ exports[` - Enzyme snapshot should match snapshot with className
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -4631,6 +4635,7 @@ exports[` - Enzyme snapshot should match snapshot with color 1`]
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -4654,6 +4659,7 @@ exports[` - Enzyme snapshot should match snapshot with color 1`]
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -6838,6 +6844,7 @@ exports[` - Enzyme snapshot should match snapshot with id 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -6861,6 +6868,7 @@ exports[` - Enzyme snapshot should match snapshot with id 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -9047,6 +9055,7 @@ exports[` - Enzyme snapshot should match snapshot with placement
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -9070,6 +9079,7 @@ exports[` - Enzyme snapshot should match snapshot with placement
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -11253,6 +11263,7 @@ exports[` - Enzyme snapshot should match snapshot with showArrow
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -11276,6 +11287,7 @@ exports[` - Enzyme snapshot should match snapshot with showArrow
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -13534,6 +13546,7 @@ exports[` - Enzyme snapshot should match snapshot with style 1`]
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -13557,6 +13570,7 @@ exports[` - Enzyme snapshot should match snapshot with style 1`]
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -15751,6 +15765,7 @@ exports[` - Enzyme snapshot should match snapshot with variant 1`
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -15774,6 +15789,7 @@ exports[` - Enzyme snapshot should match snapshot with variant 1`
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -17961,6 +17977,7 @@ exports[` - Enzyme snapshot should match snapshot with zIndex 1`]
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -17984,6 +18001,7 @@ exports[` - Enzyme snapshot should match snapshot with zIndex 1`]
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
diff --git a/src/components/NotificationSystem/NotificationSystem.unit.test.tsx.snap b/src/components/NotificationSystem/NotificationSystem.unit.test.tsx.snap
index 88db3aac39..5c12bd7251 100644
--- a/src/components/NotificationSystem/NotificationSystem.unit.test.tsx.snap
+++ b/src/components/NotificationSystem/NotificationSystem.unit.test.tsx.snap
@@ -79,6 +79,7 @@ exports[` snapshot should match snapshot 1`] = `
data-ghost="true"
data-inverted="false"
data-multiple-children="false"
+ data-only-triggers-tooltip="false"
data-outline="false"
data-shallow-disabled="false"
data-size="20"
@@ -199,6 +200,7 @@ exports[` snapshot should match snapshot if notification c
data-ghost="true"
data-inverted="false"
data-multiple-children="false"
+ data-only-triggers-tooltip="false"
data-outline="false"
data-shallow-disabled="false"
data-size="20"
@@ -320,6 +322,7 @@ exports[` snapshot should match snapshot if notification c
data-ghost="true"
data-inverted="false"
data-multiple-children="false"
+ data-only-triggers-tooltip="false"
data-outline="false"
data-shallow-disabled="false"
data-size="20"
@@ -441,6 +444,7 @@ exports[` snapshot should match snapshot when limit is set
data-ghost="true"
data-inverted="false"
data-multiple-children="false"
+ data-only-triggers-tooltip="false"
data-outline="false"
data-shallow-disabled="false"
data-size="20"
@@ -562,6 +566,7 @@ exports[` snapshot should match snapshot with ariaLabel pr
data-ghost="true"
data-inverted="false"
data-multiple-children="false"
+ data-only-triggers-tooltip="false"
data-outline="false"
data-shallow-disabled="false"
data-size="20"
@@ -683,6 +688,7 @@ exports[` snapshot should match snapshot with body class n
data-ghost="true"
data-inverted="false"
data-multiple-children="false"
+ data-only-triggers-tooltip="false"
data-outline="false"
data-shallow-disabled="false"
data-size="20"
@@ -804,6 +810,7 @@ exports[` snapshot should match snapshot with className 1`
data-ghost="true"
data-inverted="false"
data-multiple-children="false"
+ data-only-triggers-tooltip="false"
data-outline="false"
data-shallow-disabled="false"
data-size="20"
@@ -925,6 +932,7 @@ exports[` snapshot should match snapshot with container cl
data-ghost="true"
data-inverted="false"
data-multiple-children="false"
+ data-only-triggers-tooltip="false"
data-outline="false"
data-shallow-disabled="false"
data-size="20"
@@ -1042,6 +1050,7 @@ exports[` snapshot should match snapshot with different at
data-ghost="true"
data-inverted="false"
data-multiple-children="false"
+ data-only-triggers-tooltip="false"
data-outline="false"
data-shallow-disabled="false"
data-size="20"
@@ -1156,6 +1165,7 @@ exports[` snapshot should match snapshot with different po
data-ghost="true"
data-inverted="false"
data-multiple-children="false"
+ data-only-triggers-tooltip="false"
data-outline="false"
data-shallow-disabled="false"
data-size="20"
@@ -1281,6 +1291,7 @@ exports[` snapshot should match snapshot with different zI
data-ghost="true"
data-inverted="false"
data-multiple-children="false"
+ data-only-triggers-tooltip="false"
data-outline="false"
data-shallow-disabled="false"
data-size="20"
@@ -1402,6 +1413,7 @@ exports[` snapshot should match snapshot with enter animat
data-ghost="true"
data-inverted="false"
data-multiple-children="false"
+ data-only-triggers-tooltip="false"
data-outline="false"
data-shallow-disabled="false"
data-size="20"
@@ -1523,6 +1535,7 @@ exports[` snapshot should match snapshot with id 1`] = `
data-ghost="true"
data-inverted="false"
data-multiple-children="false"
+ data-only-triggers-tooltip="false"
data-outline="false"
data-shallow-disabled="false"
data-size="20"
@@ -1644,6 +1657,7 @@ exports[` snapshot should match snapshot with newest on to
data-ghost="true"
data-inverted="false"
data-multiple-children="false"
+ data-only-triggers-tooltip="false"
data-outline="false"
data-shallow-disabled="false"
data-size="20"
@@ -1765,6 +1779,7 @@ exports[` snapshot should match snapshot with style 1`] =
data-ghost="true"
data-inverted="false"
data-multiple-children="false"
+ data-only-triggers-tooltip="false"
data-outline="false"
data-shallow-disabled="false"
data-size="20"
@@ -1886,6 +1901,7 @@ exports[` snapshot should match snapshot with toast class
data-ghost="true"
data-inverted="false"
data-multiple-children="false"
+ data-only-triggers-tooltip="false"
data-outline="false"
data-shallow-disabled="false"
data-size="20"
diff --git a/src/components/OverlayAlert/OverlayAlert.unit.test.tsx.snap b/src/components/OverlayAlert/OverlayAlert.unit.test.tsx.snap
index 396c824f8d..a3d2735877 100644
--- a/src/components/OverlayAlert/OverlayAlert.unit.test.tsx.snap
+++ b/src/components/OverlayAlert/OverlayAlert.unit.test.tsx.snap
@@ -117,6 +117,7 @@ exports[` snapshot should match snapshot with actions 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -133,6 +134,7 @@ exports[` snapshot should match snapshot with actions 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -668,6 +670,7 @@ exports[` snapshot should match snapshot with multiple actions 1
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -684,6 +687,7 @@ exports[` snapshot should match snapshot with multiple actions 1
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -723,6 +727,7 @@ exports[` snapshot should match snapshot with multiple actions 1
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -739,6 +744,7 @@ exports[` snapshot should match snapshot with multiple actions 1
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -778,6 +784,7 @@ exports[` snapshot should match snapshot with multiple actions 1
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -794,6 +801,7 @@ exports[` snapshot should match snapshot with multiple actions 1
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
diff --git a/src/components/Popover/Popover.unit.test.tsx.snap b/src/components/Popover/Popover.unit.test.tsx.snap
index 5003c81046..3de693304c 100644
--- a/src/components/Popover/Popover.unit.test.tsx.snap
+++ b/src/components/Popover/Popover.unit.test.tsx.snap
@@ -820,6 +820,7 @@ exports[` snapshot should match snapshot with closeButtonPlacement 2`
data-ghost="true"
data-inverted="false"
data-multiple-children="false"
+ data-only-triggers-tooltip="false"
data-outline="false"
data-placement="top-right"
data-shallow-disabled="false"
diff --git a/src/components/ReactionBadge/ReactionBadge.unit.test.tsx.snap b/src/components/ReactionBadge/ReactionBadge.unit.test.tsx.snap
index 4bb6465211..930d275128 100644
--- a/src/components/ReactionBadge/ReactionBadge.unit.test.tsx.snap
+++ b/src/components/ReactionBadge/ReactionBadge.unit.test.tsx.snap
@@ -23,6 +23,7 @@ exports[` snapshot should match snapshot 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-reacted={false}
data-shallow-disabled={false}
@@ -41,6 +42,7 @@ exports[` snapshot should match snapshot 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-reacted={false}
data-shallow-disabled={false}
@@ -105,6 +107,7 @@ exports[` snapshot should match snapshot with class
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-reacted={false}
data-shallow-disabled={false}
@@ -123,6 +126,7 @@ exports[` snapshot should match snapshot with class
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-reacted={false}
data-shallow-disabled={false}
@@ -187,6 +191,7 @@ exports[` snapshot should match snapshot with count
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-reacted={false}
data-shallow-disabled={false}
@@ -205,6 +210,7 @@ exports[` snapshot should match snapshot with count
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-reacted={false}
data-shallow-disabled={false}
@@ -272,6 +278,7 @@ exports[` snapshot should match snapshot with id 1`
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-reacted={false}
data-shallow-disabled={false}
@@ -291,6 +298,7 @@ exports[` snapshot should match snapshot with id 1`
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-reacted={false}
data-shallow-disabled={false}
@@ -356,6 +364,7 @@ exports[` snapshot should match snapshot with react
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-reacted={true}
data-shallow-disabled={false}
@@ -374,6 +383,7 @@ exports[` snapshot should match snapshot with react
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-reacted={true}
data-shallow-disabled={false}
@@ -447,6 +457,7 @@ exports[` snapshot should match snapshot with style
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-reacted={false}
data-shallow-disabled={false}
@@ -470,6 +481,7 @@ exports[` snapshot should match snapshot with style
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-reacted={false}
data-shallow-disabled={false}
diff --git a/src/components/ReactionButton/ReactionButton.unit.test.tsx.snap b/src/components/ReactionButton/ReactionButton.unit.test.tsx.snap
index c3a5f65ad4..88b290bd1a 100644
--- a/src/components/ReactionButton/ReactionButton.unit.test.tsx.snap
+++ b/src/components/ReactionButton/ReactionButton.unit.test.tsx.snap
@@ -16,6 +16,7 @@ exports[` snapshot should match snapshot 1`] = `
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-reacted={false}
data-shallow-disabled={false}
@@ -33,6 +34,7 @@ exports[` snapshot should match snapshot 1`] = `
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-reacted={false}
data-shallow-disabled={false}
@@ -88,6 +90,7 @@ exports[` snapshot should match snapshot with className 1`] =
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-reacted={false}
data-shallow-disabled={false}
@@ -105,6 +108,7 @@ exports[` snapshot should match snapshot with className 1`] =
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-reacted={false}
data-shallow-disabled={false}
@@ -161,6 +165,7 @@ exports[` snapshot should match snapshot with id 1`] = `
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-reacted={false}
data-shallow-disabled={false}
@@ -179,6 +184,7 @@ exports[` snapshot should match snapshot with id 1`] = `
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-reacted={false}
data-shallow-disabled={false}
@@ -235,6 +241,7 @@ exports[` snapshot should match snapshot with reacted 1`] = `
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-reacted={true}
data-shallow-disabled={false}
@@ -252,6 +259,7 @@ exports[` snapshot should match snapshot with reacted 1`] = `
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-reacted={true}
data-shallow-disabled={false}
@@ -316,6 +324,7 @@ exports[` snapshot should match snapshot with style 1`] = `
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-reacted={false}
data-shallow-disabled={false}
@@ -338,6 +347,7 @@ exports[` snapshot should match snapshot with style 1`] = `
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-reacted={false}
data-shallow-disabled={false}
diff --git a/src/components/ReactionPicker/ReactionPicker.unit.test.tsx.snap b/src/components/ReactionPicker/ReactionPicker.unit.test.tsx.snap
index 4b4aa7e034..3a29c1228e 100644
--- a/src/components/ReactionPicker/ReactionPicker.unit.test.tsx.snap
+++ b/src/components/ReactionPicker/ReactionPicker.unit.test.tsx.snap
@@ -65,6 +65,7 @@ exports[` snapshot should match snapshot with children 1`] = `
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-reacted={false}
data-shallow-disabled={false}
@@ -87,6 +88,7 @@ exports[` snapshot should match snapshot with children 1`] = `
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-reacted={false}
data-shallow-disabled={false}
diff --git a/src/components/Toast/Toast.unit.test.tsx.snap b/src/components/Toast/Toast.unit.test.tsx.snap
index c730dcc7cb..4dca0cb522 100644
--- a/src/components/Toast/Toast.unit.test.tsx.snap
+++ b/src/components/Toast/Toast.unit.test.tsx.snap
@@ -429,6 +429,7 @@ exports[` snapshot should match snapshot 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={true}
data-shallow-disabled={false}
data-size={28}
@@ -445,6 +446,7 @@ exports[` snapshot should match snapshot 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={true}
data-shallow-disabled={false}
data-size={28}
@@ -505,6 +507,7 @@ exports[` snapshot should match snapshot 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -521,6 +524,7 @@ exports[` snapshot should match snapshot 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -560,6 +564,7 @@ exports[` snapshot should match snapshot 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -576,6 +581,7 @@ exports[` snapshot should match snapshot 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -615,6 +621,7 @@ exports[` snapshot should match snapshot 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -631,6 +638,7 @@ exports[` snapshot should match snapshot 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -1097,6 +1105,7 @@ exports[` snapshot should match snapshot with aria-live 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={true}
data-shallow-disabled={false}
data-size={28}
@@ -1113,6 +1122,7 @@ exports[` snapshot should match snapshot with aria-live 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={true}
data-shallow-disabled={false}
data-size={28}
@@ -1173,6 +1183,7 @@ exports[` snapshot should match snapshot with aria-live 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -1189,6 +1200,7 @@ exports[` snapshot should match snapshot with aria-live 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -1228,6 +1240,7 @@ exports[` snapshot should match snapshot with aria-live 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -1244,6 +1257,7 @@ exports[` snapshot should match snapshot with aria-live 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -1283,6 +1297,7 @@ exports[` snapshot should match snapshot with aria-live 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -1299,6 +1314,7 @@ exports[` snapshot should match snapshot with aria-live 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -1764,6 +1780,7 @@ exports[` snapshot should match snapshot with className 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={true}
data-shallow-disabled={false}
data-size={28}
@@ -1780,6 +1797,7 @@ exports[` snapshot should match snapshot with className 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={true}
data-shallow-disabled={false}
data-size={28}
@@ -1840,6 +1858,7 @@ exports[` snapshot should match snapshot with className 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -1856,6 +1875,7 @@ exports[` snapshot should match snapshot with className 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -1895,6 +1915,7 @@ exports[` snapshot should match snapshot with className 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -1911,6 +1932,7 @@ exports[` snapshot should match snapshot with className 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -1950,6 +1972,7 @@ exports[` snapshot should match snapshot with className 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -1966,6 +1989,7 @@ exports[` snapshot should match snapshot with className 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -2388,6 +2412,7 @@ exports[` snapshot should match snapshot with content children and deta
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={true}
data-shallow-disabled={false}
data-size={28}
@@ -2404,6 +2429,7 @@ exports[` snapshot should match snapshot with content children and deta
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={true}
data-shallow-disabled={false}
data-size={28}
@@ -2464,6 +2490,7 @@ exports[` snapshot should match snapshot with content children and deta
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -2480,6 +2507,7 @@ exports[` snapshot should match snapshot with content children and deta
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -2519,6 +2547,7 @@ exports[` snapshot should match snapshot with content children and deta
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -2535,6 +2564,7 @@ exports[` snapshot should match snapshot with content children and deta
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -2574,6 +2604,7 @@ exports[` snapshot should match snapshot with content children and deta
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -2590,6 +2621,7 @@ exports[` snapshot should match snapshot with content children and deta
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -2999,6 +3031,7 @@ exports[` snapshot should match snapshot with details and content child
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={true}
data-shallow-disabled={false}
data-size={28}
@@ -3015,6 +3048,7 @@ exports[` snapshot should match snapshot with details and content child
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={true}
data-shallow-disabled={false}
data-size={28}
@@ -3075,6 +3109,7 @@ exports[` snapshot should match snapshot with details and content child
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -3091,6 +3126,7 @@ exports[` snapshot should match snapshot with details and content child
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -3130,6 +3166,7 @@ exports[` snapshot should match snapshot with details and content child
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -3146,6 +3183,7 @@ exports[` snapshot should match snapshot with details and content child
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -3185,6 +3223,7 @@ exports[` snapshot should match snapshot with details and content child
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -3201,6 +3240,7 @@ exports[` snapshot should match snapshot with details and content child
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -3652,6 +3692,7 @@ exports[` snapshot should match snapshot with details children and cont
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={true}
data-shallow-disabled={false}
data-size={28}
@@ -3668,6 +3709,7 @@ exports[` snapshot should match snapshot with details children and cont
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={true}
data-shallow-disabled={false}
data-size={28}
@@ -3728,6 +3770,7 @@ exports[` snapshot should match snapshot with details children and cont
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -3744,6 +3787,7 @@ exports[` snapshot should match snapshot with details children and cont
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -3783,6 +3827,7 @@ exports[` snapshot should match snapshot with details children and cont
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -3799,6 +3844,7 @@ exports[` snapshot should match snapshot with details children and cont
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -3838,6 +3884,7 @@ exports[` snapshot should match snapshot with details children and cont
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -3854,6 +3901,7 @@ exports[` snapshot should match snapshot with details children and cont
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -4320,6 +4368,7 @@ exports[` snapshot should match snapshot with id 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={true}
data-shallow-disabled={false}
data-size={28}
@@ -4336,6 +4385,7 @@ exports[` snapshot should match snapshot with id 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={true}
data-shallow-disabled={false}
data-size={28}
@@ -4396,6 +4446,7 @@ exports[` snapshot should match snapshot with id 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -4412,6 +4463,7 @@ exports[` snapshot should match snapshot with id 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -4451,6 +4503,7 @@ exports[` snapshot should match snapshot with id 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -4467,6 +4520,7 @@ exports[` snapshot should match snapshot with id 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -4506,6 +4560,7 @@ exports[` snapshot should match snapshot with id 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -4522,6 +4577,7 @@ exports[` snapshot should match snapshot with id 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -4996,6 +5052,7 @@ exports[` snapshot should match snapshot with style 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={true}
data-shallow-disabled={false}
data-size={28}
@@ -5012,6 +5069,7 @@ exports[` snapshot should match snapshot with style 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={true}
data-shallow-disabled={false}
data-size={28}
@@ -5072,6 +5130,7 @@ exports[` snapshot should match snapshot with style 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -5088,6 +5147,7 @@ exports[` snapshot should match snapshot with style 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -5127,6 +5187,7 @@ exports[` snapshot should match snapshot with style 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -5143,6 +5204,7 @@ exports[` snapshot should match snapshot with style 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -5182,6 +5244,7 @@ exports[` snapshot should match snapshot with style 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -5198,6 +5261,7 @@ exports[` snapshot should match snapshot with style 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -5657,6 +5721,7 @@ exports[` snapshot should match snapshot with title 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={true}
data-shallow-disabled={false}
data-size={28}
@@ -5673,6 +5738,7 @@ exports[` snapshot should match snapshot with title 1`] = `
data-ghost={false}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={true}
data-shallow-disabled={false}
data-size={28}
@@ -5733,6 +5799,7 @@ exports[` snapshot should match snapshot with title 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -5749,6 +5816,7 @@ exports[` snapshot should match snapshot with title 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -5788,6 +5856,7 @@ exports[` snapshot should match snapshot with title 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -5804,6 +5873,7 @@ exports[` snapshot should match snapshot with title 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -5843,6 +5913,7 @@ exports[` snapshot should match snapshot with title 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -5859,6 +5930,7 @@ exports[` snapshot should match snapshot with title 1`] = `
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
diff --git a/src/components/ToastContent/ToastContent.unit.test.tsx.snap b/src/components/ToastContent/ToastContent.unit.test.tsx.snap
index 15146ca7d2..b6d639fdeb 100644
--- a/src/components/ToastContent/ToastContent.unit.test.tsx.snap
+++ b/src/components/ToastContent/ToastContent.unit.test.tsx.snap
@@ -174,6 +174,7 @@ exports[` snapshot should match snapshot with complex props 1`]
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
@@ -190,6 +191,7 @@ exports[` snapshot should match snapshot with complex props 1`]
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={40}
diff --git a/src/components/ToastNotification/ToastNotification.unit.test.tsx.snap b/src/components/ToastNotification/ToastNotification.unit.test.tsx.snap
index 5545547b93..f8fc816aef 100644
--- a/src/components/ToastNotification/ToastNotification.unit.test.tsx.snap
+++ b/src/components/ToastNotification/ToastNotification.unit.test.tsx.snap
@@ -148,6 +148,7 @@ exports[` snapshot should match snapshot with button group
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -164,6 +165,7 @@ exports[` snapshot should match snapshot with button group
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={28}
@@ -203,6 +205,7 @@ exports[` snapshot should match snapshot with button group
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={true}
data-shallow-disabled={false}
data-size={28}
@@ -219,6 +222,7 @@ exports[` snapshot should match snapshot with button group
data-ghost={false}
data-grown={false}
data-inverted={false}
+ data-only-triggers-tooltip={false}
data-outline={true}
data-shallow-disabled={false}
data-size={28}
@@ -505,6 +509,7 @@ exports[` snapshot should match snapshot with onClose and c
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={20}
@@ -523,6 +528,7 @@ exports[` snapshot should match snapshot with onClose and c
data-ghost={true}
data-inverted={false}
data-multiple-children={false}
+ data-only-triggers-tooltip={false}
data-outline={false}
data-shallow-disabled={false}
data-size={20}