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}