@entur/typography 1.6.10 → 1.6.11

package/dist/typography.cjs.development.js

@@ -2,11 +2,32 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
 var utils = require('@entur/utils');
-var React = _interopDefault(require('react'));
-var classNames = _interopDefault(require('classnames'));
+var React = require('react');
+var classNames = require('classnames');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
 
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
@@ -23,36 +44,40 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
+var _excluded$l = ["className"],
+    _excluded2 = ["className"];
 var Blockquote = function Blockquote(_ref) {
   var className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$l);
 
-  return React.createElement("blockquote", Object.assign({
-    className: classNames('eds-blockquote', className)
+  return React__default["default"].createElement("blockquote", _extends({
+    className: classNames__default["default"]('eds-blockquote', className)
   }, rest));
 };
 var BlockquoteFooter = function BlockquoteFooter(_ref2) {
   var className = _ref2.className,
-      rest = _objectWithoutPropertiesLoose(_ref2, ["className"]);
+      rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
 
-  return React.createElement("footer", Object.assign({
-    className: classNames('eds-blockquote__footer', className)
+  return React__default["default"].createElement("footer", _extends({
+    className: classNames__default["default"]('eds-blockquote__footer', className)
   }, rest));
 };
 
-var defaultElement = 'code';
+var _excluded$k = ["className", "as"];
+var defaultElement$h = 'code';
 var CodeText = function CodeText(_ref) {
   var className = _ref.className,
       as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "as"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$k);
 
-  var Element = as || defaultElement;
-  return React.createElement(Element, Object.assign({
-    className: classNames('eds-code-text', className)
+  var Element = as || defaultElement$h;
+  return React__default["default"].createElement(Element, _extends({
+    className: classNames__default["default"]('eds-code-text', className)
   }, rest));
 };
 
-var defaultElement$1 = 'em';
+var _excluded$j = ["className", "margin", "as"];
+var defaultElement$g = 'em';
 var EmphasizedText = function EmphasizedText(_ref) {
   var _classNames;
 
@@ -60,15 +85,16 @@ var EmphasizedText = function EmphasizedText(_ref) {
       _ref$margin = _ref.margin,
       margin = _ref$margin === void 0 ? 'both' : _ref$margin,
       as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "margin", "as"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$j);
 
-  var Element = as || defaultElement$1;
-  return React.createElement(Element, Object.assign({
-    className: classNames('eds-emphasized-text', (_classNames = {}, _classNames["eds-emphasized-text--margin-top"] = margin === 'top', _classNames["eds-emphasized-text--margin-bottom"] = margin === 'bottom', _classNames["eds-emphasized-text--margin-none"] = margin === 'none', _classNames), className)
+  var Element = as || defaultElement$g;
+  return React__default["default"].createElement(Element, _extends({
+    className: classNames__default["default"]('eds-emphasized-text', (_classNames = {}, _classNames["eds-emphasized-text--margin-top"] = margin === 'top', _classNames["eds-emphasized-text--margin-bottom"] = margin === 'bottom', _classNames["eds-emphasized-text--margin-none"] = margin === 'none', _classNames), className)
   }, rest));
 };
 
-var defaultElement$2 = 'h1';
+var _excluded$i = ["className", "level", "margin", "as"];
+var defaultElement$f = 'h1';
 var BaseHeading = function BaseHeading(_ref) {
   var _classNames;
 
@@ -76,25 +102,26 @@ var BaseHeading = function BaseHeading(_ref) {
       level = _ref.level,
       margin = _ref.margin,
       as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "level", "margin", "as"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$i);
 
-  var Element = as || defaultElement$2;
+  var Element = as || defaultElement$f;
   var baseClass = "eds-h" + level;
-  return React.createElement(Element, Object.assign({
-    className: classNames(baseClass, (_classNames = {}, _classNames[baseClass + "--margin-top"] = margin === 'top', _classNames[baseClass + "--margin-bottom"] = margin === 'bottom', _classNames[baseClass + "--margin-none"] = margin === 'none', _classNames), className)
+  return React__default["default"].createElement(Element, _extends({
+    className: classNames__default["default"](baseClass, (_classNames = {}, _classNames[baseClass + "--margin-top"] = margin === 'top', _classNames[baseClass + "--margin-bottom"] = margin === 'bottom', _classNames[baseClass + "--margin-none"] = margin === 'none', _classNames), className)
   }, rest));
 };
 
-var defaultElement$3 = 'h1';
+var _excluded$h = ["margin", "children", "as"];
+var defaultElement$e = 'h1';
 var Heading1 = function Heading1(_ref) {
   var _ref$margin = _ref.margin,
       margin = _ref$margin === void 0 ? 'both' : _ref$margin,
       children = _ref.children,
       as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, ["margin", "children", "as"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$h);
 
-  var Element = as || defaultElement$3;
-  return React.createElement(BaseHeading, Object.assign({
+  var Element = as || defaultElement$e;
+  return React__default["default"].createElement(BaseHeading, _extends({
     as: Element,
     margin: margin
   }, rest, {
@@ -102,16 +129,17 @@ var Heading1 = function Heading1(_ref) {
   }), children);
 };
 
-var defaultElement$4 = 'h2';
+var _excluded$g = ["margin", "children", "as"];
+var defaultElement$d = 'h2';
 var Heading2 = function Heading2(_ref) {
   var _ref$margin = _ref.margin,
       margin = _ref$margin === void 0 ? 'both' : _ref$margin,
       children = _ref.children,
       as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, ["margin", "children", "as"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$g);
 
-  var Element = as || defaultElement$4;
-  return React.createElement(BaseHeading, Object.assign({
+  var Element = as || defaultElement$d;
+  return React__default["default"].createElement(BaseHeading, _extends({
     as: Element,
     margin: margin
   }, rest, {
@@ -119,16 +147,17 @@ var Heading2 = function Heading2(_ref) {
   }), children);
 };
 
-var defaultElement$5 = 'h3';
+var _excluded$f = ["margin", "children", "as"];
+var defaultElement$c = 'h3';
 var Heading3 = function Heading3(_ref) {
   var _ref$margin = _ref.margin,
       margin = _ref$margin === void 0 ? 'both' : _ref$margin,
       children = _ref.children,
       as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, ["margin", "children", "as"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$f);
 
-  var Element = as || defaultElement$5;
-  return React.createElement(BaseHeading, Object.assign({
+  var Element = as || defaultElement$c;
+  return React__default["default"].createElement(BaseHeading, _extends({
     as: Element,
     margin: margin
   }, rest, {
@@ -136,16 +165,17 @@ var Heading3 = function Heading3(_ref) {
   }), children);
 };
 
-var defaultElement$6 = 'h4';
+var _excluded$e = ["margin", "children", "as"];
+var defaultElement$b = 'h4';
 var Heading4 = function Heading4(_ref) {
   var _ref$margin = _ref.margin,
       margin = _ref$margin === void 0 ? 'both' : _ref$margin,
       children = _ref.children,
       as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, ["margin", "children", "as"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$e);
 
-  var Element = as || defaultElement$6;
-  return React.createElement(BaseHeading, Object.assign({
+  var Element = as || defaultElement$b;
+  return React__default["default"].createElement(BaseHeading, _extends({
     as: Element,
     margin: margin
   }, rest, {
@@ -153,16 +183,17 @@ var Heading4 = function Heading4(_ref) {
   }), children);
 };
 
-var defaultElement$7 = 'h5';
+var _excluded$d = ["margin", "children", "as"];
+var defaultElement$a = 'h5';
 var Heading5 = function Heading5(_ref) {
   var _ref$margin = _ref.margin,
       margin = _ref$margin === void 0 ? 'both' : _ref$margin,
       children = _ref.children,
       as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, ["margin", "children", "as"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$d);
 
-  var Element = as || defaultElement$7;
-  return React.createElement(BaseHeading, Object.assign({
+  var Element = as || defaultElement$a;
+  return React__default["default"].createElement(BaseHeading, _extends({
     as: Element,
     margin: margin
   }, rest, {
@@ -170,16 +201,17 @@ var Heading5 = function Heading5(_ref) {
   }), children);
 };
 
-var defaultElement$8 = 'h6';
+var _excluded$c = ["margin", "children", "as"];
+var defaultElement$9 = 'h6';
 var Heading6 = function Heading6(_ref) {
   var _ref$margin = _ref.margin,
       margin = _ref$margin === void 0 ? 'both' : _ref$margin,
       children = _ref.children,
       as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, ["margin", "children", "as"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$c);
 
-  var Element = as || defaultElement$8;
-  return React.createElement(BaseHeading, Object.assign({
+  var Element = as || defaultElement$9;
+  return React__default["default"].createElement(BaseHeading, _extends({
     as: Element,
     margin: margin
   }, rest, {
@@ -187,7 +219,8 @@ var Heading6 = function Heading6(_ref) {
   }), children);
 };
 
-var defaultElement$9 = 'label';
+var _excluded$b = ["className", "margin", "as"];
+var defaultElement$8 = 'label';
 var Label = function Label(_ref) {
   var _classNames;
 
@@ -195,15 +228,16 @@ var Label = function Label(_ref) {
       _ref$margin = _ref.margin,
       margin = _ref$margin === void 0 ? 'both' : _ref$margin,
       as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "margin", "as"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$b);
 
-  var Element = as || defaultElement$9;
-  return React.createElement(Element, Object.assign({
-    className: classNames('eds-label', (_classNames = {}, _classNames["eds-label--margin-top"] = margin === 'top', _classNames["eds-label--margin-bottom"] = margin === 'bottom', _classNames["eds-label--margin-none"] = margin === 'none', _classNames), className)
+  var Element = as || defaultElement$8;
+  return React__default["default"].createElement(Element, _extends({
+    className: classNames__default["default"]('eds-label', (_classNames = {}, _classNames["eds-label--margin-top"] = margin === 'top', _classNames["eds-label--margin-bottom"] = margin === 'bottom', _classNames["eds-label--margin-none"] = margin === 'none', _classNames), className)
   }, rest));
 };
 
-var defaultElement$a = 'p';
+var _excluded$a = ["className", "margin", "as"];
+var defaultElement$7 = 'p';
 var LeadParagraph = function LeadParagraph(_ref) {
   var _classNames;
 
@@ -211,15 +245,16 @@ var LeadParagraph = function LeadParagraph(_ref) {
       _ref$margin = _ref.margin,
       margin = _ref$margin === void 0 ? 'both' : _ref$margin,
       as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "margin", "as"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$a);
 
-  var Element = as || defaultElement$a;
-  return React.createElement(Element, Object.assign({
-    className: classNames('eds-lead-paragraph', (_classNames = {}, _classNames["eds-lead-paragraph--margin-top"] = margin === 'top', _classNames["eds-lead-paragraph--margin-bottom"] = margin === 'bottom', _classNames["eds-lead-paragraph--margin-none"] = margin === 'none', _classNames), className)
+  var Element = as || defaultElement$7;
+  return React__default["default"].createElement(Element, _extends({
+    className: classNames__default["default"]('eds-lead-paragraph', (_classNames = {}, _classNames["eds-lead-paragraph--margin-top"] = margin === 'top', _classNames["eds-lead-paragraph--margin-bottom"] = margin === 'bottom', _classNames["eds-lead-paragraph--margin-none"] = margin === 'none', _classNames), className)
   }, rest));
 };
 
-var defaultElement$b = 'a';
+var _excluded$9 = ["className", "margin", "as"];
+var defaultElement$6 = 'a';
 var Link = function Link(_ref) {
   var _classNames;
 
@@ -227,15 +262,16 @@ var Link = function Link(_ref) {
       _ref$margin = _ref.margin,
       margin = _ref$margin === void 0 ? 'both' : _ref$margin,
       as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "margin", "as"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$9);
 
-  var Element = as || defaultElement$b;
-  return React.createElement(Element, Object.assign({
-    className: classNames('eds-link', (_classNames = {}, _classNames["eds-link--margin-top"] = margin === 'top', _classNames["eds-link--margin-bottom"] = margin === 'bottom', _classNames["eds-link--margin-none"] = margin === 'none', _classNames), className)
+  var Element = as || defaultElement$6;
+  return React__default["default"].createElement(Element, _extends({
+    className: classNames__default["default"]('eds-link', (_classNames = {}, _classNames["eds-link--margin-top"] = margin === 'top', _classNames["eds-link--margin-bottom"] = margin === 'bottom', _classNames["eds-link--margin-none"] = margin === 'none', _classNames), className)
   }, rest));
 };
 
-var defaultElement$c = 'strong';
+var _excluded$8 = ["className", "margin", "as"];
+var defaultElement$5 = 'strong';
 var StrongText = function StrongText(_ref) {
   var _classNames;
 
@@ -243,71 +279,76 @@ var StrongText = function StrongText(_ref) {
       _ref$margin = _ref.margin,
       margin = _ref$margin === void 0 ? 'both' : _ref$margin,
       as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "margin", "as"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$8);
 
-  var Element = as || defaultElement$c;
-  return React.createElement(Element, Object.assign({
-    className: classNames('eds-strong-text', (_classNames = {}, _classNames["eds-strong-text--margin-top"] = margin === 'top', _classNames["eds-strong-text--margin-bottom"] = margin === 'bottom', _classNames["eds-strong-text--margin-none"] = margin === 'none', _classNames), className)
+  var Element = as || defaultElement$5;
+  return React__default["default"].createElement(Element, _extends({
+    className: classNames__default["default"]('eds-strong-text', (_classNames = {}, _classNames["eds-strong-text--margin-top"] = margin === 'top', _classNames["eds-strong-text--margin-bottom"] = margin === 'bottom', _classNames["eds-strong-text--margin-none"] = margin === 'none', _classNames), className)
   }, rest));
 };
 
+var _excluded$7 = ["children", "className", "title"];
 var ListItem = function ListItem(_ref) {
   var children = _ref.children,
       className = _ref.className,
       title = _ref.title,
-      rest = _objectWithoutPropertiesLoose(_ref, ["children", "className", "title"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$7);
 
-  return React.createElement("li", Object.assign({
-    className: classNames('eds-list-item', className)
-  }, rest), title && React.createElement(StrongText, {
+  return React__default["default"].createElement("li", _extends({
+    className: classNames__default["default"]('eds-list-item', className)
+  }, rest), title && React__default["default"].createElement(StrongText, {
     className: "eds-list-item__title"
   }, title), children);
 };
 
+var _excluded$6 = ["className", "type"];
 var NumberedList = function NumberedList(_ref) {
   var _classNames;
 
   var className = _ref.className,
       _ref$type = _ref.type,
       type = _ref$type === void 0 ? '1' : _ref$type,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "type"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
 
-  return React.createElement("ol", Object.assign({
-    className: classNames('eds-numbered-list', (_classNames = {}, _classNames["eds-numbered-list--type-" + type] = type, _classNames), className),
+  return React__default["default"].createElement("ol", _extends({
+    className: classNames__default["default"]('eds-numbered-list', (_classNames = {}, _classNames["eds-numbered-list--type-" + type] = type, _classNames), className),
     type: type
   }, rest));
 };
 
-var defaultElement$d = 'p';
+var _excluded$5 = ["margin", "className", "as"];
+var defaultElement$4 = 'p';
 var Paragraph = function Paragraph(_ref) {
   var _ref$margin = _ref.margin,
       margin = _ref$margin === void 0 ? 'bottom' : _ref$margin,
       className = _ref.className,
       as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, ["margin", "className", "as"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
 
-  var Element = as || defaultElement$d;
-  return React.createElement(Element, Object.assign({
-    className: classNames('eds-paragraph', {
+  var Element = as || defaultElement$4;
+  return React__default["default"].createElement(Element, _extends({
+    className: classNames__default["default"]('eds-paragraph', {
       'eds-paragraph--margin-bottom': margin === 'bottom',
       'eds-paragraph--margin-none': margin === 'none'
     }, className)
   }, rest));
 };
 
-var defaultElement$e = 'pre';
+var _excluded$4 = ["className", "as"];
+var defaultElement$3 = 'pre';
 var PreformattedText = function PreformattedText(_ref) {
   var className = _ref.className,
       as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "as"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
 
-  var Element = as || defaultElement$e;
-  return React.createElement(Element, Object.assign({
-    className: classNames('eds-preformatted-text', className)
+  var Element = as || defaultElement$3;
+  return React__default["default"].createElement(Element, _extends({
+    className: classNames__default["default"]('eds-preformatted-text', className)
   }, rest));
 };
 
-var defaultElement$f = 'span';
+var _excluded$3 = ["className", "margin", "as"];
+var defaultElement$2 = 'span';
 var SmallText = function SmallText(_ref) {
   var _classNames;
 
@@ -315,15 +356,16 @@ var SmallText = function SmallText(_ref) {
       _ref$margin = _ref.margin,
       margin = _ref$margin === void 0 ? 'both' : _ref$margin,
       as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "margin", "as"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
 
-  var Element = as || defaultElement$f;
-  return React.createElement(Element, Object.assign({
-    className: classNames('eds-small-text', (_classNames = {}, _classNames["eds-small-text--margin-top"] = margin === 'top', _classNames["eds-small-text--margin-bottom"] = margin === 'bottom', _classNames["eds-small-text--margin-none"] = margin === 'none', _classNames), className)
+  var Element = as || defaultElement$2;
+  return React__default["default"].createElement(Element, _extends({
+    className: classNames__default["default"]('eds-small-text', (_classNames = {}, _classNames["eds-small-text--margin-top"] = margin === 'top', _classNames["eds-small-text--margin-bottom"] = margin === 'bottom', _classNames["eds-small-text--margin-none"] = margin === 'none', _classNames), className)
   }, rest));
 };
 
-var defaultElement$g = 'span';
+var _excluded$2 = ["className", "margin", "as"];
+var defaultElement$1 = 'span';
 var SubLabel = function SubLabel(_ref) {
   var _classNames;
 
@@ -331,35 +373,37 @@ var SubLabel = function SubLabel(_ref) {
       _ref$margin = _ref.margin,
       margin = _ref$margin === void 0 ? 'both' : _ref$margin,
       as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "margin", "as"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
 
-  var Element = as || defaultElement$g;
-  return React.createElement(Element, Object.assign({
-    className: classNames('eds-sub-label', (_classNames = {}, _classNames["eds-sub-label--margin-top"] = margin === 'top', _classNames["eds-sub-label--margin-bottom"] = margin === 'bottom', _classNames["eds-sub-label--margin-none"] = margin === 'none', _classNames), className)
+  var Element = as || defaultElement$1;
+  return React__default["default"].createElement(Element, _extends({
+    className: classNames__default["default"]('eds-sub-label', (_classNames = {}, _classNames["eds-sub-label--margin-top"] = margin === 'top', _classNames["eds-sub-label--margin-bottom"] = margin === 'bottom', _classNames["eds-sub-label--margin-none"] = margin === 'none', _classNames), className)
   }, rest));
 };
 
-var defaultElement$h = 'p';
+var _excluded$1 = ["className", "margin", "as"];
+var defaultElement = 'p';
 var SubParagraph = function SubParagraph(_ref) {
   var _classNames;
 
   var className = _ref.className,
       margin = _ref.margin,
       as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "margin", "as"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
 
-  var Element = as || defaultElement$h;
-  return React.createElement(Element, Object.assign({
-    className: classNames('eds-sub-paragraph', (_classNames = {}, _classNames["eds-sub-paragraph--margin-top"] = margin === 'top', _classNames["eds-sub-paragraph--margin-bottom"] = margin === 'bottom', _classNames["eds-sub-paragraph--margin-none"] = margin === 'none', _classNames), className)
+  var Element = as || defaultElement;
+  return React__default["default"].createElement(Element, _extends({
+    className: classNames__default["default"]('eds-sub-paragraph', (_classNames = {}, _classNames["eds-sub-paragraph--margin-top"] = margin === 'top', _classNames["eds-sub-paragraph--margin-bottom"] = margin === 'bottom', _classNames["eds-sub-paragraph--margin-none"] = margin === 'none', _classNames), className)
   }, rest));
 };
 
+var _excluded = ["className"];
 var UnorderedList = function UnorderedList(_ref) {
   var className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  return React.createElement("ul", Object.assign({
-    className: classNames('eds-unordered-list', className)
+  return React__default["default"].createElement("ul", _extends({
+    className: classNames__default["default"]('eds-unordered-list', className)
   }, rest));
 };