diff --git a/src-docs/src/views/breadcrumbs/breadcrumbs_example.js b/src-docs/src/views/breadcrumbs/breadcrumbs_example.js index df01a1d5adb..3e1f4161f37 100644 --- a/src-docs/src/views/breadcrumbs/breadcrumbs_example.js +++ b/src-docs/src/views/breadcrumbs/breadcrumbs_example.js @@ -3,8 +3,8 @@ import { Link } from 'react-router-dom'; import { GuideSectionTypes } from '../../components'; -import { EuiCode, EuiBreadcrumbs, EuiText } from '../../../../src/components'; -import { BreadcrumbResponsiveMaxCount, BreadcrumbProps } from './props'; +import { EuiBreadcrumbs, EuiCode, EuiText } from '../../../../src/components'; +import { BreadcrumbProps, BreadcrumbResponsiveMaxCount } from './props'; import { breadcrumbsConfig } from './playground'; @@ -28,7 +28,7 @@ const maxSource = require('!!raw-loader!./max'); import Color from './color'; const colorSource = require('!!raw-loader!./color'); -const breadcrumpProps = { +const props = { EuiBreadcrumbs, EuiBreadcrumb: BreadcrumbProps, EuiBreadcrumbResponsiveMaxCount: BreadcrumbResponsiveMaxCount, @@ -84,7 +84,7 @@ export const BreadcrumbsExample = { /> ), - props: breadcrumpProps, + props, playground: breadcrumbsConfig, snippet: `

Use the max prop to collapse breadcrumbs beyond a - certain number. The center breadcrumbs will collpase into a single + certain number. The center breadcrumbs will collapse into a single item allowing the user to navigate these items from within a popover.

), - props: breadcrumpProps, + props, snippet: ` ), - props: breadcrumpProps, + props, demo: , snippet: [ ` ), - props: breadcrumpProps, + props, demo: , snippet: [ ` ), - props: breadcrumpProps, + props, snippet: [ ` ), - props: breadcrumpProps, + props, snippet: [ `{"'danger'"} for an error. However, use caution not to use color alone.

+

+ Please also note that link colors cannot be overriden for{' '} + type={'"application"'} breadcrumbs. +

), - props: breadcrumpProps, + props, demo: , source: [ { diff --git a/src-docs/src/views/breadcrumbs/playground.js b/src-docs/src/views/breadcrumbs/playground.js index 3e39b5379fd..44b2a4304f7 100644 --- a/src-docs/src/views/breadcrumbs/playground.js +++ b/src-docs/src/views/breadcrumbs/playground.js @@ -1,4 +1,4 @@ -import { EuiBreadcrumbs } from '../../../../src/components/breadcrumbs'; +import { EuiBreadcrumbs } from '../../../../src/components'; import { propUtilityForPlayground, generateCustomProps, diff --git a/src-docs/src/views/breadcrumbs/props.tsx b/src-docs/src/views/breadcrumbs/props.tsx index d43872c9535..b7aab56d7ee 100644 --- a/src-docs/src/views/breadcrumbs/props.tsx +++ b/src-docs/src/views/breadcrumbs/props.tsx @@ -5,8 +5,8 @@ import { EuiBreadcrumbResponsiveMaxCount, } from '../../../../src/components/breadcrumbs'; +export const BreadcrumbProps: FunctionComponent = () =>
; + export const BreadcrumbResponsiveMaxCount: FunctionComponent = () => (
); - -export const BreadcrumbProps: FunctionComponent = () =>
; diff --git a/src-docs/src/views/theme/_json/eui_theme_dark.json b/src-docs/src/views/theme/_json/eui_theme_dark.json index 9ba0f91bece..978804edb50 100644 --- a/src-docs/src/views/theme/_json/eui_theme_dark.json +++ b/src-docs/src/views/theme/_json/eui_theme_dark.json @@ -3,8 +3,6 @@ "gutterExtraSmall": "4px", "gutterSmall": "8px" }, - "euiBreadcrumbSpacing": "8px", - "euiBreadcrumbTruncateWidth": "160px", "euiButtonEmptyTypes": { "primary": "#36a2ef", "danger": "#f86b63", @@ -660,4 +658,4 @@ "warning": "#f3d371", "danger": "#f86b63" } -} \ No newline at end of file +} diff --git a/src-docs/src/views/theme/_json/eui_theme_light.json b/src-docs/src/views/theme/_json/eui_theme_light.json index d1e7661bd55..acaa0f3983a 100644 --- a/src-docs/src/views/theme/_json/eui_theme_light.json +++ b/src-docs/src/views/theme/_json/eui_theme_light.json @@ -3,8 +3,6 @@ "gutterExtraSmall": "4px", "gutterSmall": "8px" }, - "euiBreadcrumbSpacing": "8px", - "euiBreadcrumbTruncateWidth": "160px", "euiButtonEmptyTypes": { "primary": "#0071c2", "danger": "#bd271e", @@ -660,4 +658,4 @@ "warning": "#fec514", "danger": "#bd271e" } -} \ No newline at end of file +} diff --git a/src/components/breadcrumbs/__snapshots__/breadcrumbs.test.tsx.snap b/src/components/breadcrumbs/__snapshots__/breadcrumbs.test.tsx.snap index b8b271fb6d7..0796f578cdc 100644 --- a/src/components/breadcrumbs/__snapshots__/breadcrumbs.test.tsx.snap +++ b/src/components/breadcrumbs/__snapshots__/breadcrumbs.test.tsx.snap @@ -3,17 +3,17 @@ exports[`EuiBreadcrumbs is rendered 1`] = `