@telia/styleguide/index.js

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.

/** @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.
 */
"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
Object.defineProperty(exports, "AlertText", {
  enumerable: true,
  get: function get() {
    return _AlertText.default;
  }
});
Object.defineProperty(exports, "Box", {
  enumerable: true,
  get: function get() {
    return _Box.default;
  }
});
Object.defineProperty(exports, "Button", {
  enumerable: true,
  get: function get() {
    return _Button.default;
  }
});
Object.defineProperty(exports, "Caption", {
  enumerable: true,
  get: function get() {
    return _Caption.default;
  }
});
Object.defineProperty(exports, "Container", {
  enumerable: true,
  get: function get() {
    return _Container.default;
  }
});
Object.defineProperty(exports, "DescriptionList", {
  enumerable: true,
  get: function get() {
    return _DescriptionList.default;
  }
});
Object.defineProperty(exports, "Heading", {
  enumerable: true,
  get: function get() {
    return _Heading.default;
  }
});
Object.defineProperty(exports, "HorizontalRule", {
  enumerable: true,
  get: function get() {
    return _HorizontalRule.default;
  }
});
Object.defineProperty(exports, "IconLink", {
  enumerable: true,
  get: function get() {
    return _IconLink.default;
  }
});
Object.defineProperty(exports, "InputError", {
  enumerable: true,
  get: function get() {
    return _InputError.default;
  }
});
Object.defineProperty(exports, "FullWidthTable", {
  enumerable: true,
  get: function get() {
    return _FullWidthTable.default;
  }
});
Object.defineProperty(exports, "Label", {
  enumerable: true,
  get: function get() {
    return _Label.default;
  }
});
Object.defineProperty(exports, "Link", {
  enumerable: true,
  get: function get() {
    return _Link.default;
  }
});
Object.defineProperty(exports, "List", {
  enumerable: true,
  get: function get() {
    return _List.default;
  }
});
Object.defineProperty(exports, "PagePebbles", {
  enumerable: true,
  get: function get() {
    return _PagePebbles.default;
  }
});
Object.defineProperty(exports, "Paragraph", {
  enumerable: true,
  get: function get() {
    return _Paragraph.default;
  }
});
Object.defineProperty(exports, "ProgressBar", {
  enumerable: true,
  get: function get() {
    return _ProgressBar.default;
  }
});
Object.defineProperty(exports, "Quote", {
  enumerable: true,
  get: function get() {
    return _Quote.default;
  }
});
Object.defineProperty(exports, "ShadowBox", {
  enumerable: true,
  get: function get() {
    return _ShadowBox.default;
  }
});
Object.defineProperty(exports, "SpecialMessage", {
  enumerable: true,
  get: function get() {
    return _SpecialMessage.default;
  }
});
Object.defineProperty(exports, "Spinner", {
  enumerable: true,
  get: function get() {
    return _Spinner.default;
  }
});
Object.defineProperty(exports, "StepIndicator", {
  enumerable: true,
  get: function get() {
    return _StepIndicator.default;
  }
});
Object.defineProperty(exports, "SvgIcon", {
  enumerable: true,
  get: function get() {
    return _SvgIcon.default;
  }
});
Object.defineProperty(exports, "TelephoneNumberLink", {
  enumerable: true,
  get: function get() {
    return _TelephoneNumberLink.default;
  }
});
Object.defineProperty(exports, "TextArea", {
  enumerable: true,
  get: function get() {
    return _TextArea.default;
  }
});
Object.defineProperty(exports, "Tags", {
  enumerable: true,
  get: function get() {
    return _Tags.default;
  }
});
Object.defineProperty(exports, "ToggleButton", {
  enumerable: true,
  get: function get() {
    return _ToggleButton.default;
  }
});
Object.defineProperty(exports, "ToggleSwitch", {
  enumerable: true,
  get: function get() {
    return _ToggleSwitch.default;
  }
});
Object.defineProperty(exports, "UniqueSellingPoints", {
  enumerable: true,
  get: function get() {
    return _UniqueSellingPoints.default;
  }
});
Object.defineProperty(exports, "AnimatedProgressBar", {
  enumerable: true,
  get: function get() {
    return _AnimatedProgressBar.default;
  }
});
Object.defineProperty(exports, "AccordionList", {
  enumerable: true,
  get: function get() {
    return _AccordionList.default;
  }
});
Object.defineProperty(exports, "StatefulAccordionList", {
  enumerable: true,
  get: function get() {
    return _AccordionList.StatefulAccordionList;
  }
});
Object.defineProperty(exports, "Alert", {
  enumerable: true,
  get: function get() {
    return _Alert.default;
  }
});
Object.defineProperty(exports, "StatefulAlert", {
  enumerable: true,
  get: function get() {
    return _AlertStateful.default;
  }
});
Object.defineProperty(exports, "BoxGrid", {
  enumerable: true,
  get: function get() {
    return _BoxGrid.default;
  }
});
Object.defineProperty(exports, "ArticleMetaData", {
  enumerable: true,
  get: function get() {
    return _ArticleMetaData.default;
  }
});
Object.defineProperty(exports, "Campaign", {
  enumerable: true,
  get: function get() {
    return _Campaign.default;
  }
});
Object.defineProperty(exports, "CheckBoxWithLabel", {
  enumerable: true,
  get: function get() {
    return _CheckBoxWithLabel.default;
  }
});
Object.defineProperty(exports, "DownloadButtons", {
  enumerable: true,
  get: function get() {
    return _DownloadButtons.default;
  }
});
Object.defineProperty(exports, "DropDownListWithLabel", {
  enumerable: true,
  get: function get() {
    return _DropDownListWithLabel.default;
  }
});
Object.defineProperty(exports, "DonutChart", {
  enumerable: true,
  get: function get() {
    return _DonutChart.DonutChart;
  }
});
Object.defineProperty(exports, "FactBox", {
  enumerable: true,
  get: function get() {
    return _FactBox.default;
  }
});
Object.defineProperty(exports, "FocusBox", {
  enumerable: true,
  get: function get() {
    return _FocusBox.default;
  }
});
Object.defineProperty(exports, "FocusHeader", {
  enumerable: true,
  get: function get() {
    return _FocusHeader.default;
  }
});
Object.defineProperty(exports, "FocusSpinner", {
  enumerable: true,
  get: function get() {
    return _FocusSpinner.default;
  }
});
Object.defineProperty(exports, "FullWidthImage", {
  enumerable: true,
  get: function get() {
    return _FullWidthImage.default;
  }
});
Object.defineProperty(exports, "HardwareProduct", {
  enumerable: true,
  get: function get() {
    return _HardwareProduct.default;
  }
});
Object.defineProperty(exports, "Hero", {
  enumerable: true,
  get: function get() {
    return _Hero.default;
  }
});
Object.defineProperty(exports, "PageMenu", {
  enumerable: true,
  get: function get() {
    return _PageMenu.PageMenu;
  }
});
Object.defineProperty(exports, "Header", {
  enumerable: true,
  get: function get() {
    return _Header.default;
  }
});
Object.defineProperty(exports, "HeaderWithImage", {
  enumerable: true,
  get: function get() {
    return _HeaderWithImage.default;
  }
});
Object.defineProperty(exports, "ImageHeadingLink", {
  enumerable: true,
  get: function get() {
    return _ImageHeadingLink.default;
  }
});
Object.defineProperty(exports, "HeadingLink", {
  enumerable: true,
  get: function get() {
    return _HeadingLink.default;
  }
});
Object.defineProperty(exports, "Image", {
  enumerable: true,
  get: function get() {
    return _Image.default;
  }
});
Object.defineProperty(exports, "ListWithImage", {
  enumerable: true,
  get: function get() {
    return _ListWithImage.default;
  }
});
Object.defineProperty(exports, "ModalDialogOverlay", {
  enumerable: true,
  get: function get() {
    return _ModalDialog.ModalDialogOverlay;
  }
});
Object.defineProperty(exports, "ModalDialog", {
  enumerable: true,
  get: function get() {
    return _ModalDialog.ModalDialog;
  }
});
Object.defineProperty(exports, "PageFooter", {
  enumerable: true,
  get: function get() {
    return _PageFooter.default;
  }
});
Object.defineProperty(exports, "PageHeader", {
  enumerable: true,
  get: function get() {
    return _PageHeader.default;
  }
});
Object.defineProperty(exports, "PersonBox", {
  enumerable: true,
  get: function get() {
    return _PersonBox.default;
  }
});
Object.defineProperty(exports, "PriceTable", {
  enumerable: true,
  get: function get() {
    return _PriceTable.default;
  }
});
Object.defineProperty(exports, "ProductPromoBox", {
  enumerable: true,
  get: function get() {
    return _ProductPromoBox.default;
  }
});
Object.defineProperty(exports, "ProgressChart", {
  enumerable: true,
  get: function get() {
    return _ProgressChart.default;
  }
});
Object.defineProperty(exports, "PromoBox", {
  enumerable: true,
  get: function get() {
    return _PromoBox.default;
  }
});
Object.defineProperty(exports, "RadioButtonWithLabel", {
  enumerable: true,
  get: function get() {
    return _RadioButtonList.RadioButtonWithLabel;
  }
});
Object.defineProperty(exports, "RadioButtonList", {
  enumerable: true,
  get: function get() {
    return _RadioButtonList.RadioButtonList;
  }
});
Object.defineProperty(exports, "RecommendedProducts", {
  enumerable: true,
  get: function get() {
    return _RecommendedProducts.default;
  }
});
Object.defineProperty(exports, "RelatedArticle", {
  enumerable: true,
  get: function get() {
    return _RelatedArticle.default;
  }
});
Object.defineProperty(exports, "RelatedArticles", {
  enumerable: true,
  get: function get() {
    return _RelatedArticles.default;
  }
});
Object.defineProperty(exports, "RichText", {
  enumerable: true,
  get: function get() {
    return _RichText.default;
  }
});
Object.defineProperty(exports, "StepByStep", {
  enumerable: true,
  get: function get() {
    return _StepByStep.default;
  }
});
Object.defineProperty(exports, "Subscription", {
  enumerable: true,
  get: function get() {
    return _Subscription.default;
  }
});
Object.defineProperty(exports, "ChartLegend", {
  enumerable: true,
  get: function get() {
    return _ChartLegend.default;
  }
});
Object.defineProperty(exports, "TextAreaWithLabel", {
  enumerable: true,
  get: function get() {
    return _TextAreaWithLabel.default;
  }
});
Object.defineProperty(exports, "TextBoxWithLabel", {
  enumerable: true,
  get: function get() {
    return _TextBoxWithLabel.default;
  }
});
Object.defineProperty(exports, "Tooltip", {
  enumerable: true,
  get: function get() {
    return _Tooltip.default;
  }
});
Object.defineProperty(exports, "MiniDashboard", {
  enumerable: true,
  get: function get() {
    return _MiniDashboard.default;
  }
});
Object.defineProperty(exports, "DataBoostChart", {
  enumerable: true,
  get: function get() {
    return _DataBoostChart.default;
  }
});
Object.defineProperty(exports, "PopUpLine", {
  enumerable: true,
  get: function get() {
    return _PopUpLine.default;
  }
});
Object.defineProperty(exports, "ProductList", {
  enumerable: true,
  get: function get() {
    return _ProductList.default;
  }
});
Object.defineProperty(exports, "References", {
  enumerable: true,
  get: function get() {
    return _References.default;
  }
});
Object.defineProperty(exports, "Tabs", {
  enumerable: true,
  get: function get() {
    return _Tabs.default;
  }
});
Object.defineProperty(exports, "FunkyTabs", {
  enumerable: true,
  get: function get() {
    return _FunkyTabs.default;
  }
});
Object.defineProperty(exports, "Video", {
  enumerable: true,
  get: function get() {
    return _Video.default;
  }
});
Object.defineProperty(exports, "ArticleList", {
  enumerable: true,
  get: function get() {
    return _ArticleList.default;
  }
});
Object.defineProperty(exports, "LightAlert", {
  enumerable: true,
  get: function get() {
    return _LightAlert.default;
  }
});
Object.defineProperty(exports, "ContentRating", {
  enumerable: true,
  get: function get() {
    return _ContentRating.default;
  }
});
Object.defineProperty(exports, "FocusSubscription", {
  enumerable: true,
  get: function get() {
    return _FocusSubscription.default;
  }
});
Object.defineProperty(exports, "Form", {
  enumerable: true,
  get: function get() {
    return _Form.default;
  }
});
Object.defineProperty(exports, "HardwareProductList", {
  enumerable: true,
  get: function get() {
    return _HardwareProductList.default;
  }
});
Object.defineProperty(exports, "ThemeBox", {
  enumerable: true,
  get: function get() {
    return _ThemeBoxes.ThemeBox;
  }
});
Object.defineProperty(exports, "ThemeBoxes", {
  enumerable: true,
  get: function get() {
    return _ThemeBoxes.ThemeBoxes;
  }
});
Object.defineProperty(exports, "ThemeBoxWithImage", {
  enumerable: true,
  get: function get() {
    return _ThemeBoxWithImage.default;
  }
});
Object.defineProperty(exports, "FocusBoxWithLabels", {
  enumerable: true,
  get: function get() {
    return _FocusBoxWithLabels.default;
  }
});
Object.defineProperty(exports, "ProductListGrid", {
  enumerable: true,
  get: function get() {
    return _ProductListGrid.default;
  }
});

var _AlertText = _interopRequireDefault(require("./atoms/AlertText"));

var _Box = _interopRequireDefault(require("./atoms/Box"));

var _Button = _interopRequireDefault(require("./atoms/Button"));

var _Caption = _interopRequireDefault(require("./atoms/Caption"));

var _Container = _interopRequireDefault(require("./atoms/Container"));

var _DescriptionList = _interopRequireDefault(require("./atoms/DescriptionList"));

var _Heading = _interopRequireDefault(require("./atoms/Heading"));

var _HorizontalRule = _interopRequireDefault(require("./atoms/HorizontalRule"));

var _IconLink = _interopRequireDefault(require("./atoms/IconLink"));

var _InputError = _interopRequireDefault(require("./atoms/InputError"));

var _FullWidthTable = _interopRequireDefault(require("./atoms/FullWidthTable"));

var _Label = _interopRequireDefault(require("./atoms/Label"));

var _Link = _interopRequireDefault(require("./atoms/Link"));

var _List = _interopRequireDefault(require("./atoms/List"));

var _PagePebbles = _interopRequireDefault(require("./atoms/PagePebbles"));

var _Paragraph = _interopRequireDefault(require("./atoms/Paragraph"));

var _ProgressBar = _interopRequireDefault(require("./atoms/ProgressBar"));

var _Quote = _interopRequireDefault(require("./atoms/Quote"));

var _ShadowBox = _interopRequireDefault(require("./atoms/ShadowBox"));

var _SpecialMessage = _interopRequireDefault(require("./atoms/SpecialMessage"));

var _Spinner = _interopRequireDefault(require("./atoms/Spinner"));

var _StepIndicator = _interopRequireDefault(require("./atoms/StepIndicator"));

var _SvgIcon = _interopRequireDefault(require("./atoms/SvgIcon"));

var _TelephoneNumberLink = _interopRequireDefault(require("./atoms/TelephoneNumberLink"));

var _TextArea = _interopRequireDefault(require("./atoms/TextArea"));

var _Tags = _interopRequireDefault(require("./atoms/Tags"));

var _ToggleButton = _interopRequireDefault(require("./atoms/ToggleButton"));

var _ToggleSwitch = _interopRequireDefault(require("./atoms/ToggleSwitch"));

var _UniqueSellingPoints = _interopRequireDefault(require("./atoms/UniqueSellingPoints"));

var _AnimatedProgressBar = _interopRequireDefault(require("./atoms/AnimatedProgressBar"));

var _AccordionList = _interopRequireWildcard(require("./molecules/AccordionList"));

var _Alert = _interopRequireDefault(require("./molecules/Alert"));

var _AlertStateful = _interopRequireDefault(require("./molecules/AlertStateful"));

var _BoxGrid = _interopRequireDefault(require("./molecules/BoxGrid"));

var _ArticleMetaData = _interopRequireDefault(require("./molecules/ArticleMetaData"));

var _Campaign = _interopRequireDefault(require("./molecules/Campaign"));

var _CheckBoxWithLabel = _interopRequireDefault(require("./molecules/CheckBoxWithLabel"));

var _DownloadButtons = _interopRequireDefault(require("./molecules/DownloadButtons"));

var _DropDownListWithLabel = _interopRequireDefault(require("./molecules/DropDownListWithLabel"));

var _DonutChart = require("./molecules/DonutChart");

var _FactBox = _interopRequireDefault(require("./molecules/FactBox"));

var _FocusBox = _interopRequireDefault(require("./molecules/FocusBox"));

var _FocusHeader = _interopRequireDefault(require("./molecules/FocusHeader"));

var _FocusSpinner = _interopRequireDefault(require("./molecules/FocusSpinner"));

var _FullWidthImage = _interopRequireDefault(require("./molecules/FullWidthImage"));

var _HardwareProduct = _interopRequireDefault(require("./molecules/HardwareProduct"));

var _Hero = _interopRequireDefault(require("./molecules/Hero"));

var _PageMenu = require("./molecules/PageMenu");

var _Header = _interopRequireDefault(require("./molecules/Header"));

var _HeaderWithImage = _interopRequireDefault(require("./molecules/HeaderWithImage"));

var _ImageHeadingLink = _interopRequireDefault(require("./molecules/ImageHeadingLink"));

var _HeadingLink = _interopRequireDefault(require("./molecules/HeadingLink"));

var _Image = _interopRequireDefault(require("./molecules/Image"));

var _ListWithImage = _interopRequireDefault(require("./molecules/ListWithImage"));

var _ModalDialog = require("./molecules/ModalDialog");

var _PageFooter = _interopRequireDefault(require("./molecules/PageFooter"));

var _PageHeader = _interopRequireDefault(require("./molecules/PageHeader"));

var _PersonBox = _interopRequireDefault(require("./molecules/PersonBox"));

var _PriceTable = _interopRequireDefault(require("./molecules/PriceTable"));

var _ProductPromoBox = _interopRequireDefault(require("./molecules/ProductPromoBox"));

var _ProgressChart = _interopRequireDefault(require("./molecules/ProgressChart"));

var _PromoBox = _interopRequireDefault(require("./molecules/PromoBox"));

var _RadioButtonList = require("./molecules/RadioButtonList");

var _RecommendedProducts = _interopRequireDefault(require("./molecules/RecommendedProducts"));

var _RelatedArticle = _interopRequireDefault(require("./molecules/RelatedArticle"));

var _RelatedArticles = _interopRequireDefault(require("./molecules/RelatedArticles"));

var _RichText = _interopRequireDefault(require("./molecules/RichText"));

var _StepByStep = _interopRequireDefault(require("./molecules/StepByStep"));

var _Subscription = _interopRequireDefault(require("./molecules/Subscription"));

var _ChartLegend = _interopRequireDefault(require("./molecules/ChartLegend"));

var _TextAreaWithLabel = _interopRequireDefault(require("./molecules/TextAreaWithLabel"));

var _TextBoxWithLabel = _interopRequireDefault(require("./molecules/TextBoxWithLabel"));

var _Tooltip = _interopRequireDefault(require("./molecules/Tooltip"));

var _MiniDashboard = _interopRequireDefault(require("./molecules/MiniDashboard"));

var _DataBoostChart = _interopRequireDefault(require("./molecules/DataBoostChart"));

var _PopUpLine = _interopRequireDefault(require("./molecules/PopUpLine"));

var _ProductList = _interopRequireDefault(require("./molecules/ProductList"));

var _References = _interopRequireDefault(require("./molecules/References"));

var _Tabs = _interopRequireDefault(require("./molecules/Tabs"));

var _FunkyTabs = _interopRequireDefault(require("./molecules/FunkyTabs"));

var _Video = _interopRequireDefault(require("./molecules/Video"));

var _ArticleList = _interopRequireDefault(require("./molecules/ArticleList"));

var _LightAlert = _interopRequireDefault(require("./molecules/LightAlert"));

var _ContentRating = _interopRequireDefault(require("./organisms/ContentRating"));

var _FocusSubscription = _interopRequireDefault(require("./organisms/FocusSubscription"));

var _Form = _interopRequireDefault(require("./organisms/Form"));

var _HardwareProductList = _interopRequireDefault(require("./organisms/HardwareProductList"));

var _ThemeBoxes = require("./organisms/ThemeBoxes");

var _ThemeBoxWithImage = _interopRequireDefault(require("./organisms/ThemeBoxWithImage"));

var _FocusBoxWithLabels = _interopRequireDefault(require("./organisms/FocusBoxWithLabels"));

var _ProductListGrid = _interopRequireDefault(require("./organisms/ProductListGrid"));