diff --git a/packages/orbit-components/src/Accordion/Accordion.stories.tsx b/packages/orbit-components/src/Accordion/Accordion.stories.tsx index ff942fd77f..a86c6752b1 100644 --- a/packages/orbit-components/src/Accordion/Accordion.stories.tsx +++ b/packages/orbit-components/src/Accordion/Accordion.stories.tsx @@ -1,4 +1,5 @@ import React from "react"; +import { action } from "@storybook/addon-actions"; import Text from "../Text"; import Button from "../Button"; diff --git a/packages/orbit-components/src/Radio/index.tsx b/packages/orbit-components/src/Radio/index.tsx index 33e8b667e5..2f730bcc7f 100644 --- a/packages/orbit-components/src/Radio/index.tsx +++ b/packages/orbit-components/src/Radio/index.tsx @@ -146,7 +146,7 @@ StyledInput.defaultProps = { theme: defaultTheme, }; -const StyledLabel = styled(({ disabled, theme, type, hasError, ...props }) => ( +export const StyledLabel = styled(({ disabled, theme, type, hasError, ...props }) => ( ))` ${({ theme, disabled }) => css` diff --git a/packages/orbit-components/src/Text/index.tsx b/packages/orbit-components/src/Text/index.tsx index 706a34b997..a1b015091e 100644 --- a/packages/orbit-components/src/Text/index.tsx +++ b/packages/orbit-components/src/Text/index.tsx @@ -75,11 +75,13 @@ const getLineHeightToken = ({ return lineHeightTokens[size]; }; -export const StyledText = styled(({ element: TextElement, children, className, dataTest, id }) => ( - - {children} - -))` +export const StyledText = styled( + ({ element: TextElement = ELEMENT_OPTIONS.P, children, className, dataTest, id }) => ( + + {children} + + ), +)` ${({ theme, align,