diff --git a/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap b/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap index 4d384ca84c66..5e2489353d16 100644 --- a/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap +++ b/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap @@ -7837,7 +7837,6 @@ Map { "type": "oneOf", }, "aria-label": Object { - "isRequired": true, "type": "string", }, "children": Object { diff --git a/packages/react/src/components/Tabs/Tabs.stories.js b/packages/react/src/components/Tabs/Tabs.stories.js index f296b10449cf..6a78a4f60547 100644 --- a/packages/react/src/components/Tabs/Tabs.stories.js +++ b/packages/react/src/components/Tabs/Tabs.stories.js @@ -66,7 +66,7 @@ export default { export const Default = ({ dismissable, ...args }) => ( {}}> - + Dashboard Monitoring Activity @@ -186,7 +186,7 @@ export const Dismissable = () => { onChange={handleTabChange} dismissable onTabCloseRequest={handleCloseTabRequest}> - + {renderedTabs.map((tab, index) => ( {tab.label} @@ -259,7 +259,7 @@ export const DismissableWithIcons = ({ contained }) => { onChange={handleTabChange} dismissable onTabCloseRequest={handleCloseTabRequest}> - + {renderedTabs.map((tab, index) => ( {tab.label} @@ -274,7 +274,7 @@ export const DismissableWithIcons = ({ contained }) => { export const WithIcons = () => ( - + Dashboard Monitoring Activity @@ -311,7 +311,7 @@ export const WithIcons = () => ( export const Manual = () => ( - + Dashboard Monitoring Activity @@ -346,7 +346,7 @@ export const Manual = () => ( export const Icon20Only = () => ( - + @@ -371,7 +371,7 @@ export const Icon20Only = () => ( export const IconOnly = () => ( - + @@ -396,7 +396,7 @@ export const IconOnly = () => ( export const Contained = () => ( - + Dashboard Monitoring Activity @@ -432,7 +432,7 @@ export const Contained = () => ( export const ContainedWithIcons = () => ( - + Dashboard Monitoring Activity @@ -470,7 +470,7 @@ export const ContainedWithIcons = () => ( export const ContainedWithSecondaryLabels = () => ( - + Engage Analyze Remediate @@ -508,7 +508,7 @@ export const ContainedWithSecondaryLabels = () => ( export const ContainedWithSecondaryLabelsAndIcons = () => ( - + Engage @@ -556,7 +556,7 @@ export const ContainedFullWidth = () => ( - + TLS Origin Rate limiting @@ -600,7 +600,7 @@ export const ContainedFullWidth = () => ( export const Vertical = ({ ...args }) => ( - + Dashboard Extra long label that will go two lines then truncate when it goes diff --git a/packages/react/src/components/Tabs/Tabs.tsx b/packages/react/src/components/Tabs/Tabs.tsx index 1f7c217960bb..c92e96ab0d28 100644 --- a/packages/react/src/components/Tabs/Tabs.tsx +++ b/packages/react/src/components/Tabs/Tabs.tsx @@ -367,7 +367,7 @@ export interface TabListProps extends DivAttributes { * Provide an accessible label to be read when a user interacts with this * component */ - 'aria-label': string; + 'aria-label'?: string; /** * Provide child elements to be rendered inside `ContentTabs`. @@ -778,7 +778,7 @@ TabList.propTypes = { * Provide an accessible label to be read when a user interacts with this * component */ - 'aria-label': PropTypes.string.isRequired, + 'aria-label': PropTypes.string, /** * Provide child elements to be rendered inside `ContentTabs`.