diff --git a/src/components/InPageNavigation/InPageNavigation.module.scss b/src/components/InPageNavigation/InPageNavigation.module.scss new file mode 100644 index 0000000000..7e53786975 --- /dev/null +++ b/src/components/InPageNavigation/InPageNavigation.module.scss @@ -0,0 +1,9 @@ +@media not (prefers-reduced-motion) { + html { + scroll-behavior: smooth; + } +} + +:target { + scroll-margin-top: var(--margin-offset); +} diff --git a/src/components/InPageNavigation/InPageNavigation.stories.tsx b/src/components/InPageNavigation/InPageNavigation.stories.tsx new file mode 100644 index 0000000000..10dc377560 --- /dev/null +++ b/src/components/InPageNavigation/InPageNavigation.stories.tsx @@ -0,0 +1,77 @@ +import React from 'react' +import { InPageNavigation } from './InPageNavigation' +import { CONTENT } from './content' +import { HeadingLevel } from '../../types/headingLevel' +import classNames from 'classnames' + +export default { + title: 'Components/In-Page Navigation', + component: InPageNavigation, + argTypes: { + headingLevel: { + control: 'select', + options: ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'], + }, + rootMargin: { + control: 'text', + }, + threshold: { + control: { type: 'range', min: 0, max: 1, step: 0.01 }, + }, + title: { + control: 'text', + }, + }, + args: { + headingLevel: 'h4', + rootMargin: '0px 0px 0px 0px', + threshold: 1, + title: 'On this page', + }, + parameters: { + docs: { + description: { + component: ` +### USWDS 3.0 In-Page Navigation component + +Source: https://designsystem.digital.gov/components/in-page-navigation/ +`, + }, + }, + }, +} + +type StorybookArguments = { + headingLevel: HeadingLevel + rootMargin: string + scrollOffset: string + threshold: number + title: string +} + +export const Default = (argTypes: StorybookArguments): React.ReactElement => ( + +) + +// Storybook seems to force anchor links to open in a new window, +// so this story is just to demonstrate how the scroll offset works +export const ScrollOffset = ( + argTypes: StorybookArguments +): React.ReactElement => ( + +) diff --git a/src/components/InPageNavigation/InPageNavigation.test.tsx b/src/components/InPageNavigation/InPageNavigation.test.tsx new file mode 100644 index 0000000000..7a1c6bd6f6 --- /dev/null +++ b/src/components/InPageNavigation/InPageNavigation.test.tsx @@ -0,0 +1,63 @@ +import React from 'react' +import { screen, render, getByRole } from '@testing-library/react' +import userEvent from '@testing-library/user-event' +import { InPageNavigation } from './InPageNavigation' +import { HeadingLevel } from '../../types/headingLevel' +import { CONTENT } from './content' + +describe('InPageNavigation component', () => { + const props = { + content: CONTENT, + headingLevel: 'h1' as HeadingLevel, + title: 'What do we have here?', + } + + const setup = (plain?: boolean) => { + const utils = plain + ? render() + : render( + + ) + const nav = screen.getByTestId('InPageNavigation') + const user = userEvent.setup() + return { + nav, + user, + ...utils, + } + } + + beforeEach(() => { + // IntersectionObserver isn't available in test environment + const mockIntersectionObserver = jest.fn() + mockIntersectionObserver.mockReturnValue({ + observe: () => null, + unobserve: () => null, + disconnect: () => null, + }) + window.IntersectionObserver = mockIntersectionObserver + }) + + it('renders without errors', () => { + const { nav } = setup(true) + expect(nav).toBeInTheDocument() + const heading = getByRole(nav, 'heading', { + level: 4, + name: 'On this page', + }) + expect(heading).toBeInTheDocument() + }) + + it('sets the heading and title', () => { + const { nav } = setup() + const heading = getByRole(nav, 'heading', { + level: Number(props.headingLevel.slice(-1)), + name: props.title, + }) + expect(heading).toBeInTheDocument() + }) +}) diff --git a/src/components/InPageNavigation/InPageNavigation.tsx b/src/components/InPageNavigation/InPageNavigation.tsx new file mode 100644 index 0000000000..487424d74e --- /dev/null +++ b/src/components/InPageNavigation/InPageNavigation.tsx @@ -0,0 +1,104 @@ +import React, { useEffect, useState } from 'react' +import classnames from 'classnames' +import { HeadingLevel } from '../../types/headingLevel' +import { Link } from '../Link/Link' +import styles from './InPageNavigation.module.scss' + +type InPageNavigationProps = { + className?: string + content: JSX.Element + headingLevel?: HeadingLevel + mainProps?: JSX.IntrinsicElements['main'] + navProps?: JSX.IntrinsicElements['nav'] + rootMargin?: string + scrollOffset?: string + threshold?: number + title?: string +} + +export const InPageNavigation = ({ + className, + content, + headingLevel = 'h4', + mainProps, + navProps, + rootMargin = '0px 0px 0px 0px', + scrollOffset, + threshold = 1, + title = 'On this page', + ...divProps +}: InPageNavigationProps & + JSX.IntrinsicElements['div']): React.ReactElement => { + const classes = classnames('usa-in-page-nav', styles.target, className) + const { className: navClassName, ...remainingNavProps } = navProps || {} + const navClasses = classnames('usa-in-page-nav__nav', navClassName) + const { className: mainClassName, ...remainingMainProps } = mainProps || {} + const mainClasses = classnames('main-content', mainClassName) + const Heading = headingLevel + const offsetStyle = { + '--margin-offset': scrollOffset, + } as React.CSSProperties + const [currentSection, setCurrentSection] = useState('') + const sectionHeadings: JSX.Element[] = content.props.children.filter( + (el: JSX.Element) => el.type === 'h2' || el.type === 'h3' + ) + const handleIntersection = (entries: IntersectionObserverEntry[]) => { + entries.forEach((entry) => { + if (entry.isIntersecting) { + setCurrentSection(entry.target.id) + } + }) + } + const observerOptions = { + root: null, + rootMargin: rootMargin, + threshold: [threshold], + } + const observer = new IntersectionObserver(handleIntersection, observerOptions) + useEffect(() => { + document.querySelectorAll('h2,h3').forEach((h) => observer.observe(h)) + }) + + return ( +
+ +
+ {content} +
+
+ ) +} + +export default InPageNavigation diff --git a/src/components/InPageNavigation/content.tsx b/src/components/InPageNavigation/content.tsx new file mode 100644 index 0000000000..151d59549e --- /dev/null +++ b/src/components/InPageNavigation/content.tsx @@ -0,0 +1,557 @@ +import React from 'react' +export const CONTENT = ( + <> +

Sample in-page navigation page

+

+ Lorem ipsum dolor +

+

+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, + ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio + lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula + volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla + facilisi. Nulla libero. Vivamus pharetra posuere sapien. Lorem ipsum dolor + sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra + gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. + Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat + condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla + libero. Vivamus pharetra posuere sapien. Lorem ipsum dolor sit amet, + consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, + orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit + amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam + erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus + pharetra posuere sapien. Lorem ipsum dolor sit amet, consectetuer + adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna + rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. + Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat + volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra + posuere sapien. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. + Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id + pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit + vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. + Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Lorem ipsum + dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed + pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non + turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat + condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla + libero. Vivamus pharetra posuere sapien. +

+

+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, + ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio + lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula + volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla + facilisi. Nulla libero. Vivamus pharetra posuere sapien. Lorem ipsum dolor + sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra + gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. + Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat + condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla + libero. Vivamus pharetra posuere sapien. Lorem ipsum dolor sit amet, + consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, + orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit + amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam + erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus + pharetra posuere sapien. Lorem ipsum dolor sit amet, consectetuer + adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna + rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. + Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat + volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra + posuere sapien. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. + Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id + pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit + vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. + Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Lorem ipsum + dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed + pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non + turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat + condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla + libero. Vivamus pharetra posuere sapien. +

+

+ Consectetuer adipiscing elit +

+

+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, + ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio + lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula + volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla + facilisi. Nulla libero. Vivamus pharetra posuere sapien. Lorem ipsum dolor + sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra + gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. + Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat + condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla + libero. Vivamus pharetra posuere sapien. Lorem ipsum dolor sit amet, + consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, + orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit + amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam + erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus + pharetra posuere sapien. Lorem ipsum dolor sit amet, consectetuer + adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna + rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. + Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat + volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra + posuere sapien. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. + Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id + pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit + vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. + Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Lorem ipsum + dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed + pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non + turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat + condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla + libero. Vivamus pharetra posuere sapien. +

+

+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, + ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio + lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula + volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla + facilisi. Nulla libero. Vivamus pharetra posuere sapien. Lorem ipsum dolor + sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra + gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. + Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat + condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla + libero. Vivamus pharetra posuere sapien. Lorem ipsum dolor sit amet, + consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, + orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit + amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam + erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus + pharetra posuere sapien. Lorem ipsum dolor sit amet, consectetuer + adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna + rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. + Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat + volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra + posuere sapien. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. + Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id + pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit + vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. + Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Lorem ipsum + dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed + pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non + turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat + condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla + libero. Vivamus pharetra posuere sapien. +

+

+ Nullam sit amet enim +

+

+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, + ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio + lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula + volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla + facilisi. Nulla libero. Vivamus pharetra posuere sapien. Lorem ipsum dolor + sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra + gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. + Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat + condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla + libero. Vivamus pharetra posuere sapien. Lorem ipsum dolor sit amet, + consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, + orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit + amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam + erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus + pharetra posuere sapien. Lorem ipsum dolor sit amet, consectetuer + adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna + rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. + Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat + volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra + posuere sapien. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. + Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id + pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit + vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. + Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Lorem ipsum + dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed + pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non + turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat + condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla + libero. Vivamus pharetra posuere sapien. +

+

+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, + ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio + lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula + volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla + facilisi. Nulla libero. Vivamus pharetra posuere sapien. Lorem ipsum dolor + sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra + gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. + Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat + condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla + libero. Vivamus pharetra posuere sapien. Lorem ipsum dolor sit amet, + consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, + orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit + amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam + erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus + pharetra posuere sapien. Lorem ipsum dolor sit amet, consectetuer + adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna + rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. + Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat + volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra + posuere sapien. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. + Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id + pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit + vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. + Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Lorem ipsum + dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed + pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non + turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat + condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla + libero. Vivamus pharetra posuere sapien. +

+

+ Vivamus pharetra posuere sapien +

+

+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, + ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio + lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula + volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla + facilisi. Nulla libero. Vivamus pharetra posuere sapien. Lorem ipsum dolor + sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra + gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. + Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat + condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla + libero. Vivamus pharetra posuere sapien. Lorem ipsum dolor sit amet, + consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, + orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit + amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam + erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus + pharetra posuere sapien. Lorem ipsum dolor sit amet, consectetuer + adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna + rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. + Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat + volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra + posuere sapien. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. + Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id + pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit + vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. + Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Lorem ipsum + dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed + pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non + turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat + condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla + libero. Vivamus pharetra posuere sapien. +

+

+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, + ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio + lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula + volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla + facilisi. Nulla libero. Vivamus pharetra posuere sapien. Lorem ipsum dolor + sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra + gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. + Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat + condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla + libero. Vivamus pharetra posuere sapien. Lorem ipsum dolor sit amet, + consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, + orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit + amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam + erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus + pharetra posuere sapien. Lorem ipsum dolor sit amet, consectetuer + adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna + rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. + Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat + volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra + posuere sapien. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. + Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id + pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit + vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. + Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Lorem ipsum + dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed + pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non + turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat + condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla + libero. Vivamus pharetra posuere sapien. +

+

+ Suspendisse id velit +

+

+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, + ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio + lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula + volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla + facilisi. Nulla libero. Vivamus pharetra posuere sapien. Lorem ipsum dolor + sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra + gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. + Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat + condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla + libero. Vivamus pharetra posuere sapien. Lorem ipsum dolor sit amet, + consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, + orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit + amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam + erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus + pharetra posuere sapien. Lorem ipsum dolor sit amet, consectetuer + adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna + rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. + Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat + volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra + posuere sapien. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. + Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id + pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit + vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. + Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Lorem ipsum + dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed + pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non + turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat + condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla + libero. Vivamus pharetra posuere sapien. +

+

+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, + ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio + lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula + volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla + facilisi. Nulla libero. Vivamus pharetra posuere sapien. Lorem ipsum dolor + sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra + gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. + Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat + condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla + libero. Vivamus pharetra posuere sapien. Lorem ipsum dolor sit amet, + consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, + orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit + amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam + erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus + pharetra posuere sapien. Lorem ipsum dolor sit amet, consectetuer + adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna + rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. + Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat + volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra + posuere sapien. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. + Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id + pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit + vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. + Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Lorem ipsum + dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed + pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non + turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat + condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla + libero. Vivamus pharetra posuere sapien. +

+

+ Orci magna rhoncus neque +

+

+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, + ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio + lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula + volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla + facilisi. Nulla libero. Vivamus pharetra posuere sapien. Lorem ipsum dolor + sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra + gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. + Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat + condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla + libero. Vivamus pharetra posuere sapien. Lorem ipsum dolor sit amet, + consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, + orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit + amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam + erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus + pharetra posuere sapien. Lorem ipsum dolor sit amet, consectetuer + adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna + rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. + Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat + volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra + posuere sapien. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. + Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id + pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit + vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. + Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Lorem ipsum + dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed + pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non + turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat + condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla + libero. Vivamus pharetra posuere sapien. +

+

+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, + ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio + lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula + volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla + facilisi. Nulla libero. Vivamus pharetra posuere sapien. Lorem ipsum dolor + sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra + gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. + Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat + condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla + libero. Vivamus pharetra posuere sapien. Lorem ipsum dolor sit amet, + consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, + orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit + amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam + erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus + pharetra posuere sapien. Lorem ipsum dolor sit amet, consectetuer + adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna + rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. + Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat + volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra + posuere sapien. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. + Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id + pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit + vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. + Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Lorem ipsum + dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed + pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non + turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat + condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla + libero. Vivamus pharetra posuere sapien. +

+

+ Aliquam erat volutpat: velit vitae ligula volutpat +

+

+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, + ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio + lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula + volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla + facilisi. Nulla libero. Vivamus pharetra posuere sapien. Lorem ipsum dolor + sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra + gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. + Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat + condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla + libero. Vivamus pharetra posuere sapien. Lorem ipsum dolor sit amet, + consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, + orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit + amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam + erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus + pharetra posuere sapien. Lorem ipsum dolor sit amet, consectetuer + adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna + rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. + Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat + volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra + posuere sapien. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. + Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id + pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit + vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. + Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Lorem ipsum + dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed + pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non + turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat + condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla + libero. Vivamus pharetra posuere sapien. +

+

+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, + ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio + lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula + volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla + facilisi. Nulla libero. Vivamus pharetra posuere sapien. Lorem ipsum dolor + sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra + gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. + Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat + condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla + libero. Vivamus pharetra posuere sapien. Lorem ipsum dolor sit amet, + consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, + orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit + amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam + erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus + pharetra posuere sapien. Lorem ipsum dolor sit amet, consectetuer + adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna + rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. + Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat + volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra + posuere sapien. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. + Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id + pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit + vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. + Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Lorem ipsum + dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed + pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non + turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat + condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla + libero. Vivamus pharetra posuere sapien. +

+

+ Vitae ligula +

+

+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, + ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio + lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula + volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla + facilisi. Nulla libero. Vivamus pharetra posuere sapien. Lorem ipsum dolor + sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra + gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. + Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat + condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla + libero. Vivamus pharetra posuere sapien. Lorem ipsum dolor sit amet, + consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, + orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit + amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam + erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus + pharetra posuere sapien. Lorem ipsum dolor sit amet, consectetuer + adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna + rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. + Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat + volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra + posuere sapien. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. + Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id + pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit + vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. + Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Lorem ipsum + dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed + pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non + turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat + condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla + libero. Vivamus pharetra posuere sapien. +

+

+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, + ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio + lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula + volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla + facilisi. Nulla libero. Vivamus pharetra posuere sapien. Lorem ipsum dolor + sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra + gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. + Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat + condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla + libero. Vivamus pharetra posuere sapien. Lorem ipsum dolor sit amet, + consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, + orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit + amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam + erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus + pharetra posuere sapien. Lorem ipsum dolor sit amet, consectetuer + adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna + rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. + Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat + volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra + posuere sapien. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. + Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id + pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit + vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. + Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Lorem ipsum + dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed + pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non + turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat + condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla + libero. Vivamus pharetra posuere sapien. +

+

+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, + ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio + lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula + volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla + facilisi. Nulla libero. Vivamus pharetra posuere sapien. Lorem ipsum dolor + sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra + gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. + Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat + condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla + libero. Vivamus pharetra posuere sapien. Lorem ipsum dolor sit amet, + consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, + orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit + amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam + erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus + pharetra posuere sapien. Lorem ipsum dolor sit amet, consectetuer + adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna + rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. + Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat + volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra + posuere sapien. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. + Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id + pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit + vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. + Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Lorem ipsum + dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed + pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non + turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat + condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla + libero. Vivamus pharetra posuere sapien. +

+ +) diff --git a/src/index.ts b/src/index.ts index 75f7437ffb..b97f944056 100644 --- a/src/index.ts +++ b/src/index.ts @@ -6,6 +6,7 @@ export { Alert } from './components/Alert/Alert' export { Accordion } from './components/Accordion/Accordion' export { Button } from './components/Button/Button' export { ButtonGroup } from './components/ButtonGroup/ButtonGroup' +export { InPageNavigation } from './components/InPageNavigation/InPageNavigation' export { Link } from './components/Link/Link' export { MediaBlockBody } from './components/mediablock/MediaBlockBody/MediaBlockBody' export { Table } from './components/Table/Table'