@entur/typography 1.8.7 → 1.8.8

package/dist/SmallText.d.ts

@@ -1,20 +1,20 @@
-import React from 'react';
-import { PolymorphicComponentProps } from '@entur/utils';
-export type SmallTextOwnProps = {
-    /** HTML-elementet eller React-komponenten som rendres
-     * @default "span"
-     */
-    as?: string | React.ElementType;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Innholdet */
-    children: React.ReactNode;
-    /** Hvor du vil ha marginer
-     * @default "both"
-     */
-    margin?: 'top' | 'bottom' | 'both' | 'none';
-};
-export type SmallTextProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, SmallTextOwnProps>;
-declare const defaultElement = "span";
-export declare const SmallText: <E extends React.ElementType<any> = "span">({ className, margin, as, ...rest }: SmallTextProps<E>) => JSX.Element;
-export {};
+import React from 'react';
+import { PolymorphicComponentProps } from '@entur/utils';
+export type SmallTextOwnProps = {
+    /** HTML-elementet eller React-komponenten som rendres
+     * @default "span"
+     */
+    as?: string | React.ElementType;
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Innholdet */
+    children: React.ReactNode;
+    /** Hvor du vil ha marginer
+     * @default "both"
+     */
+    margin?: 'top' | 'bottom' | 'both' | 'none';
+};
+export type SmallTextProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, SmallTextOwnProps>;
+declare const defaultElement = "span";
+export declare const SmallText: <E extends React.ElementType<any> = "span">({ className, margin, as, ...rest }: SmallTextProps<E>) => JSX.Element;
+export {};

package/dist/StrongText.d.ts

@@ -1,20 +1,20 @@
-import React from 'react';
-import { PolymorphicComponentProps } from '@entur/utils';
-export type StrongTextOwnProps = {
-    /** HTML-elementet eller React-komponenten som rendres
-     * @default "strong"
-     */
-    as?: string | React.ElementType;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Innholdet */
-    children: React.ReactNode;
-    /** Hvor du vil ha marginer
-     * @default "both"
-     */
-    margin?: 'top' | 'bottom' | 'both' | 'none';
-};
-export type StrongTextProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, StrongTextOwnProps>;
-declare const defaultElement = "strong";
-export declare const StrongText: <E extends React.ElementType<any> = "strong">({ className, margin, as, ...rest }: StrongTextProps<E>) => JSX.Element;
-export {};
+import React from 'react';
+import { PolymorphicComponentProps } from '@entur/utils';
+export type StrongTextOwnProps = {
+    /** HTML-elementet eller React-komponenten som rendres
+     * @default "strong"
+     */
+    as?: string | React.ElementType;
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Innholdet */
+    children: React.ReactNode;
+    /** Hvor du vil ha marginer
+     * @default "both"
+     */
+    margin?: 'top' | 'bottom' | 'both' | 'none';
+};
+export type StrongTextProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, StrongTextOwnProps>;
+declare const defaultElement = "strong";
+export declare const StrongText: <E extends React.ElementType<any> = "strong">({ className, margin, as, ...rest }: StrongTextProps<E>) => JSX.Element;
+export {};

package/dist/SubLabel.d.ts

@@ -1,20 +1,20 @@
-import React from 'react';
-import { PolymorphicComponentProps } from '@entur/utils';
-export type SubLabelOwnProps = {
-    /** HTML-elementet eller React-komponenten som rendres
-     * @default "span"
-     */
-    as?: string | React.ElementType;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Innholdet */
-    children: React.ReactNode;
-    /** Hvor du vil ha marginer
-     * @default "both"
-     */
-    margin?: 'top' | 'bottom' | 'both' | 'none';
-};
-export type SubLabelProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, SubLabelOwnProps>;
-declare const defaultElement = "span";
-export declare const SubLabel: <E extends React.ElementType<any> = "span">({ className, margin, as, ...rest }: SubLabelProps<E>) => JSX.Element;
-export {};
+import React from 'react';
+import { PolymorphicComponentProps } from '@entur/utils';
+export type SubLabelOwnProps = {
+    /** HTML-elementet eller React-komponenten som rendres
+     * @default "span"
+     */
+    as?: string | React.ElementType;
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Innholdet */
+    children: React.ReactNode;
+    /** Hvor du vil ha marginer
+     * @default "both"
+     */
+    margin?: 'top' | 'bottom' | 'both' | 'none';
+};
+export type SubLabelProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, SubLabelOwnProps>;
+declare const defaultElement = "span";
+export declare const SubLabel: <E extends React.ElementType<any> = "span">({ className, margin, as, ...rest }: SubLabelProps<E>) => JSX.Element;
+export {};

package/dist/SubParagraph.d.ts

@@ -1,20 +1,20 @@
-import React from 'react';
-import { PolymorphicComponentProps } from '@entur/utils';
-export type SubParagraphOwnProps = {
-    /** HTML-elementet eller React-komponenten som rendres
-     * @default "p"
-     */
-    as?: string | React.ElementType;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Innholdet */
-    children: React.ReactNode;
-    /** Hvor du vil ha marginer
-     * @default "both"
-     */
-    margin?: 'top' | 'bottom' | 'both' | 'none';
-};
-export type SubParagraphProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, SubParagraphOwnProps>;
-declare const defaultElement = "p";
-export declare const SubParagraph: <E extends React.ElementType<any> = "p">({ className, margin, as, ...rest }: SubParagraphProps<E>) => JSX.Element;
-export {};
+import React from 'react';
+import { PolymorphicComponentProps } from '@entur/utils';
+export type SubParagraphOwnProps = {
+    /** HTML-elementet eller React-komponenten som rendres
+     * @default "p"
+     */
+    as?: string | React.ElementType;
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Innholdet */
+    children: React.ReactNode;
+    /** Hvor du vil ha marginer
+     * @default "both"
+     */
+    margin?: 'top' | 'bottom' | 'both' | 'none';
+};
+export type SubParagraphProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, SubParagraphOwnProps>;
+declare const defaultElement = "p";
+export declare const SubParagraph: <E extends React.ElementType<any> = "p">({ className, margin, as, ...rest }: SubParagraphProps<E>) => JSX.Element;
+export {};

package/dist/UnorderedList.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-export type UnorderedListProps = {
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Innholdet */
-    children: React.ReactNode;
-} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>;
-export declare const UnorderedList: React.FC<UnorderedListProps>;
+import React from 'react';
+export type UnorderedListProps = {
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Innholdet */
+    children: React.ReactNode;
+} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>;
+export declare const UnorderedList: React.FC<UnorderedListProps>;

package/dist/index.d.ts

@@ -1,22 +1,22 @@
-import './index.scss';
-export * from './Blockquote';
-export * from './CodeText';
-export * from './EmphasizedText';
-export * from './Heading1';
-export * from './Heading2';
-export * from './Heading3';
-export * from './Heading4';
-export * from './Heading5';
-export * from './Heading6';
-export * from './Label';
-export * from './LeadParagraph';
-export * from './Link';
-export * from './ListItem';
-export * from './NumberedList';
-export * from './Paragraph';
-export * from './PreformattedText';
-export * from './SmallText';
-export * from './StrongText';
-export * from './SubLabel';
-export * from './SubParagraph';
-export * from './UnorderedList';
+import './index.scss';
+export * from './Blockquote';
+export * from './CodeText';
+export * from './EmphasizedText';
+export * from './Heading1';
+export * from './Heading2';
+export * from './Heading3';
+export * from './Heading4';
+export * from './Heading5';
+export * from './Heading6';
+export * from './Label';
+export * from './LeadParagraph';
+export * from './Link';
+export * from './ListItem';
+export * from './NumberedList';
+export * from './Paragraph';
+export * from './PreformattedText';
+export * from './SmallText';
+export * from './StrongText';
+export * from './SubLabel';
+export * from './SubParagraph';
+export * from './UnorderedList';

package/dist/styles.css

@@ -1,7 +1,5 @@
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 @font-face {
   font-family: "Nationale";
   src: url("./fonts/Entur-Nationale-Light.eot");

package/dist/typography.cjs.development.js

@@ -7,11 +7,6 @@ var React = require('react');
 var classNames = require('classnames');
 var icons = require('@entur/icons');
 
-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 ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -39,20 +34,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
-var _excluded$l = ["className"],
+var _excluded$l = ["className", "ref"],
   _excluded2 = ["className"];
 var Blockquote = function Blockquote(_ref) {
   var className = _ref.className,
+    ref = _ref.ref,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$l);
-  return React__default["default"].createElement("blockquote", _extends({
-    className: classNames__default["default"]('eds-blockquote', className)
+  return React.createElement("blockquote", _extends({
+    className: classNames('eds-blockquote', className),
+    ref: ref
   }, rest));
 };
 var BlockquoteFooter = function BlockquoteFooter(_ref2) {
   var className = _ref2.className,
     rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
-  return React__default["default"].createElement("footer", _extends({
-    className: classNames__default["default"]('eds-blockquote__footer', className)
+  return React.createElement("footer", _extends({
+    className: classNames('eds-blockquote__footer', className)
   }, rest));
 };
 
@@ -63,8 +60,8 @@ var CodeText = function CodeText(_ref) {
     as = _ref.as,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$k);
   var Element = as || defaultElement$h;
-  return React__default["default"].createElement(Element, _extends({
-    className: classNames__default["default"]('eds-code-text', className)
+  return React.createElement(Element, _extends({
+    className: classNames('eds-code-text', className)
   }, rest));
 };
 
@@ -78,8 +75,8 @@ var EmphasizedText = function EmphasizedText(_ref) {
     as = _ref.as,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$j);
   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)
+  return React.createElement(Element, _extends({
+    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)
   }, rest));
 };
 
@@ -94,8 +91,8 @@ var BaseHeading = function BaseHeading(_ref) {
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$i);
   var Element = as || defaultElement$f;
   var baseClass = "eds-h" + level;
-  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)
+  return React.createElement(Element, _extends({
+    className: classNames(baseClass, (_classNames = {}, _classNames[baseClass + "--margin-top"] = margin === 'top', _classNames[baseClass + "--margin-bottom"] = margin === 'bottom', _classNames[baseClass + "--margin-none"] = margin === 'none', _classNames), className)
   }, rest));
 };
 
@@ -108,7 +105,7 @@ var Heading1 = function Heading1(_ref) {
     as = _ref.as,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$h);
   var Element = as || defaultElement$e;
-  return React__default["default"].createElement(BaseHeading, _extends({
+  return React.createElement(BaseHeading, _extends({
     as: Element,
     margin: margin
   }, rest, {
@@ -125,7 +122,7 @@ var Heading2 = function Heading2(_ref) {
     as = _ref.as,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$g);
   var Element = as || defaultElement$d;
-  return React__default["default"].createElement(BaseHeading, _extends({
+  return React.createElement(BaseHeading, _extends({
     as: Element,
     margin: margin
   }, rest, {
@@ -142,7 +139,7 @@ var Heading3 = function Heading3(_ref) {
     as = _ref.as,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$f);
   var Element = as || defaultElement$c;
-  return React__default["default"].createElement(BaseHeading, _extends({
+  return React.createElement(BaseHeading, _extends({
     as: Element,
     margin: margin
   }, rest, {
@@ -159,7 +156,7 @@ var Heading4 = function Heading4(_ref) {
     as = _ref.as,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$e);
   var Element = as || defaultElement$b;
-  return React__default["default"].createElement(BaseHeading, _extends({
+  return React.createElement(BaseHeading, _extends({
     as: Element,
     margin: margin
   }, rest, {
@@ -176,7 +173,7 @@ var Heading5 = function Heading5(_ref) {
     as = _ref.as,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$d);
   var Element = as || defaultElement$a;
-  return React__default["default"].createElement(BaseHeading, _extends({
+  return React.createElement(BaseHeading, _extends({
     as: Element,
     margin: margin
   }, rest, {
@@ -193,7 +190,7 @@ var Heading6 = function Heading6(_ref) {
     as = _ref.as,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$c);
   var Element = as || defaultElement$9;
-  return React__default["default"].createElement(BaseHeading, _extends({
+  return React.createElement(BaseHeading, _extends({
     as: Element,
     margin: margin
   }, rest, {
@@ -211,8 +208,8 @@ var Label = function Label(_ref) {
     as = _ref.as,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$b);
   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)
+  return React.createElement(Element, _extends({
+    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)
   }, rest));
 };
 
@@ -226,8 +223,8 @@ var LeadParagraph = function LeadParagraph(_ref) {
     as = _ref.as,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$a);
   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)
+  return React.createElement(Element, _extends({
+    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)
   }, rest));
 };
 
@@ -246,12 +243,12 @@ var Link = function Link(_ref) {
     as = _ref.as,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$9);
   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), children, external ? React__default["default"].createElement(icons.ExternalIcon, {
+  return React.createElement(Element, _extends({
+    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)
+  }, rest), children, external ? React.createElement(icons.ExternalIcon, {
     className: "eds-link--ext-icon",
     "aria-label": ariaLabelExternalIcon
-  }) : React__default["default"].createElement(React__default["default"].Fragment, null));
+  }) : React.createElement(React.Fragment, null));
 };
 
 var _excluded$8 = ["className", "margin", "as"];
@@ -264,8 +261,8 @@ var StrongText = function StrongText(_ref) {
     as = _ref.as,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$8);
   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)
+  return React.createElement(Element, _extends({
+    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)
   }, rest));
 };
 
@@ -275,9 +272,9 @@ var ListItem = function ListItem(_ref) {
     className = _ref.className,
     title = _ref.title,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$7);
-  return React__default["default"].createElement("li", _extends({
-    className: classNames__default["default"]('eds-list-item', className)
-  }, rest), title && React__default["default"].createElement(StrongText, {
+  return React.createElement("li", _extends({
+    className: classNames('eds-list-item', className)
+  }, rest), title && React.createElement(StrongText, {
     className: "eds-list-item__title"
   }, title), children);
 };
@@ -289,8 +286,8 @@ var NumberedList = function NumberedList(_ref) {
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? '1' : _ref$type,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
-  return React__default["default"].createElement("ol", _extends({
-    className: classNames__default["default"]('eds-numbered-list', (_classNames = {}, _classNames["eds-numbered-list--type-" + type] = type, _classNames), className),
+  return React.createElement("ol", _extends({
+    className: classNames('eds-numbered-list', (_classNames = {}, _classNames["eds-numbered-list--type-" + type] = type, _classNames), className),
     type: type
   }, rest));
 };
@@ -304,8 +301,8 @@ var Paragraph = function Paragraph(_ref) {
     as = _ref.as,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
   var Element = as || defaultElement$4;
-  return React__default["default"].createElement(Element, _extends({
-    className: classNames__default["default"]('eds-paragraph', {
+  return React.createElement(Element, _extends({
+    className: classNames('eds-paragraph', {
       'eds-paragraph--margin-bottom': margin === 'bottom',
       'eds-paragraph--margin-none': margin === 'none'
     }, className)
@@ -319,8 +316,8 @@ var PreformattedText = function PreformattedText(_ref) {
     as = _ref.as,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
   var Element = as || defaultElement$3;
-  return React__default["default"].createElement(Element, _extends({
-    className: classNames__default["default"]('eds-preformatted-text', className)
+  return React.createElement(Element, _extends({
+    className: classNames('eds-preformatted-text', className)
   }, rest));
 };
 
@@ -334,8 +331,8 @@ var SmallText = function SmallText(_ref) {
     as = _ref.as,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
   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)
+  return React.createElement(Element, _extends({
+    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)
   }, rest));
 };
 
@@ -349,8 +346,8 @@ var SubLabel = function SubLabel(_ref) {
     as = _ref.as,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   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)
+  return React.createElement(Element, _extends({
+    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)
   }, rest));
 };
 
@@ -363,8 +360,8 @@ var SubParagraph = function SubParagraph(_ref) {
     as = _ref.as,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
   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)
+  return React.createElement(Element, _extends({
+    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)
   }, rest));
 };
 
@@ -372,8 +369,8 @@ var _excluded = ["className"];
 var UnorderedList = function UnorderedList(_ref) {
   var className = _ref.className,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return React__default["default"].createElement("ul", _extends({
-    className: classNames__default["default"]('eds-unordered-list', className)
+  return React.createElement("ul", _extends({
+    className: classNames('eds-unordered-list', className)
   }, rest));
 };