@telia/styleguide
Version:
This is a living styleguide, showing the Atomic Design components which should be used in Telia Norway's web applications to achieve a common look & feel, and therefore user experience.
100 lines (98 loc) • 6.16 kB
JavaScript
/** @license Telia Style Guide v1.22.1
*
* This source code is licensed under the ISC license found in the
* LICENSE file in the root directory of this source tree.
*/
// Atoms
export { default as AlertText } from './atoms/AlertText';
export { default as Box } from './atoms/Box';
export { default as Button } from './atoms/Button';
export { default as Caption } from './atoms/Caption';
export { default as Container } from './atoms/Container';
export { default as DescriptionList } from './atoms/DescriptionList';
export { default as Heading } from './atoms/Heading';
export { default as HorizontalRule } from './atoms/HorizontalRule';
export { default as IconLink } from './atoms/IconLink';
export { default as InputError } from './atoms/InputError';
export { default as FullWidthTable } from './atoms/FullWidthTable';
export { default as Label } from './atoms/Label';
export { default as Link } from './atoms/Link';
export { default as List } from './atoms/List';
export { default as PagePebbles } from './atoms/PagePebbles';
export { default as Paragraph } from './atoms/Paragraph';
export { default as ProgressBar } from './atoms/ProgressBar';
export { default as Quote } from './atoms/Quote';
export { default as ShadowBox } from './atoms/ShadowBox';
export { default as SpecialMessage } from './atoms/SpecialMessage';
export { default as Spinner } from './atoms/Spinner';
export { default as StepIndicator } from './atoms/StepIndicator';
export { default as SvgIcon } from './atoms/SvgIcon';
export { default as TelephoneNumberLink } from './atoms/TelephoneNumberLink';
export { default as TextArea } from './atoms/TextArea';
export { default as Tags } from './atoms/Tags';
export { default as ToggleButton } from './atoms/ToggleButton';
export { default as ToggleSwitch } from './atoms/ToggleSwitch';
export { default as UniqueSellingPoints } from './atoms/UniqueSellingPoints';
export { default as AnimatedProgressBar } from './atoms/AnimatedProgressBar'; // Molecules
export { default as AccordionList } from './molecules/AccordionList';
export { StatefulAccordionList } from './molecules/AccordionList';
export { default as Alert } from './molecules/Alert';
export { default as StatefulAlert } from './molecules/AlertStateful';
export { default as BoxGrid } from './molecules/BoxGrid';
export { default as ArticleMetaData } from './molecules/ArticleMetaData';
export { default as Campaign } from './molecules/Campaign';
export { default as CheckBoxWithLabel } from './molecules/CheckBoxWithLabel';
export { default as DownloadButtons } from './molecules/DownloadButtons';
export { default as DropDownListWithLabel } from './molecules/DropDownListWithLabel';
export { DonutChart } from './molecules/DonutChart';
export { default as FactBox } from './molecules/FactBox';
export { default as FocusBox } from './molecules/FocusBox';
export { default as FocusHeader } from './molecules/FocusHeader';
export { default as FocusSpinner } from './molecules/FocusSpinner';
export { default as FullWidthImage } from './molecules/FullWidthImage';
export { default as HardwareProduct } from './molecules/HardwareProduct';
export { default as Hero } from './molecules/Hero';
export { PageMenu } from './molecules/PageMenu';
export { default as Header } from './molecules/Header';
export { default as HeaderWithImage } from './molecules/HeaderWithImage';
export { default as ImageHeadingLink } from './molecules/ImageHeadingLink';
export { default as HeadingLink } from './molecules/HeadingLink';
export { default as Image } from './molecules/Image';
export { default as ListWithImage } from './molecules/ListWithImage';
export { ModalDialogOverlay, ModalDialog } from './molecules/ModalDialog';
export { default as PageFooter } from './molecules/PageFooter';
export { default as PageHeader } from './molecules/PageHeader';
export { default as PersonBox } from './molecules/PersonBox';
export { default as PriceTable } from './molecules/PriceTable';
export { default as ProductPromoBox } from './molecules/ProductPromoBox';
export { default as ProgressChart } from './molecules/ProgressChart';
export { default as PromoBox } from './molecules/PromoBox';
export { RadioButtonWithLabel, RadioButtonList } from './molecules/RadioButtonList';
export { default as RecommendedProducts } from './molecules/RecommendedProducts';
export { default as RelatedArticle } from './molecules/RelatedArticle';
export { default as RelatedArticles } from './molecules/RelatedArticles';
export { default as RichText } from './molecules/RichText';
export { default as StepByStep } from './molecules/StepByStep';
export { default as Subscription } from './molecules/Subscription';
export { default as ChartLegend } from './molecules/ChartLegend';
export { default as TextAreaWithLabel } from './molecules/TextAreaWithLabel';
export { default as TextBoxWithLabel } from './molecules/TextBoxWithLabel';
export { default as Tooltip } from './molecules/Tooltip';
export { default as MiniDashboard } from './molecules/MiniDashboard';
export { default as DataBoostChart } from './molecules/DataBoostChart';
export { default as PopUpLine } from './molecules/PopUpLine';
export { default as ProductList } from './molecules/ProductList';
export { default as References } from './molecules/References';
export { default as Tabs } from './molecules/Tabs';
export { default as FunkyTabs } from './molecules/FunkyTabs';
export { default as Video } from './molecules/Video';
export { default as ArticleList } from './molecules/ArticleList';
export { default as LightAlert } from './molecules/LightAlert'; // Organisms
export { default as ContentRating } from './organisms/ContentRating';
export { default as FocusSubscription } from './organisms/FocusSubscription';
export { default as Form } from './organisms/Form';
export { default as HardwareProductList } from './organisms/HardwareProductList';
export { ThemeBox, ThemeBoxes } from './organisms/ThemeBoxes';
export { default as ThemeBoxWithImage } from './organisms/ThemeBoxWithImage';
export { default as FocusBoxWithLabels } from './organisms/FocusBoxWithLabels';
export { default as ProductListGrid } from './organisms/ProductListGrid';