Fix transitions, use thumbs icon, update doc text

zendeskgarden · Oct 5, 2020 · a5e9f1c · a5e9f1c
1 parent 3e019a0
commit a5e9f1c
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/.storybook/preview.js b/.storybook/preview.js
@@ -44,9 +44,10 @@ const withThemeProvider = (Story, context) => {
   return (
     <ThemeProvider theme={{ ...DEFAULT_THEME, rtl }}>
       <GlobalPreviewStyling />
-      <StyledExampleWrapper>
-        <Story />
-      </StyledExampleWrapper>
+      {/* Work-around to get Storybook to play well with CSS transitions that are associated to props.
+      See: https://github.com/storybookjs/storybook/issues/12255 */}
+      {/* eslint-disable-next-line new-cap */}
+      <StyledExampleWrapper>{Story()}</StyledExampleWrapper>
     </ThemeProvider>
   );
 };

diff --git a/packages/buttons/stories/8-ToggleButton.stories.tsx b/packages/buttons/stories/8-ToggleButton.stories.tsx
@@ -86,7 +86,7 @@ Default.parameters = {
   docs: {
     description: {
       component: `
-The following example demonstrates a [toggle button and toggle icon button](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/button_role#Toggle_buttons).
+The following example demonstrates a [toggle button](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/button_role#Toggle_buttons).
 Either click or use the keyboard to toggle each button's pressed state.
       `
     }

diff --git a/packages/buttons/stories/9-ToggleIcon.stories.tsx b/packages/buttons/stories/9-ToggleIcon.stories.tsx
@@ -9,7 +9,7 @@ import React from 'react';
 import { Story, Meta } from '@storybook/react';
 import { ToggleIconButton } from '@zendeskgarden/react-buttons';
 import { Col, Grid, Row } from '@zendeskgarden/react-grid';
-import Icon from '@zendeskgarden/svg-icons/src/16/eye-stroke.svg';
+import Icon from '@zendeskgarden/svg-icons/src/16/thumbs-up-stroke.svg';
 
 export default {
   title: 'Components/Buttons/ToggleIconButton',