@entur/typography - npm Package Compare versions

Comparing version 1.6.3 to 1.6.4

CHANGELOG.md

@@ -6,2 +6,9 @@ # Change Log
 
+## [1.6.4](https://bitbucket.org/enturas/design-system/compare/@entur/typography@1.6.3...@entur/typography@1.6.4) (2021-02-17)
+
+### Bug Fixes
+
+- **polymorphism:** update polymorphism dependency ([dc4c31d](https://bitbucket.org/enturas/design-system/commits/dc4c31d8e891a46c1f0c1fbd0a6a026c1638accc))
+- update to improved polymorphism dependency ([d7d4bbe](https://bitbucket.org/enturas/design-system/commits/d7d4bbe471a526cbdd3c9829ebb54bbcc850aae8))
+
 ## [1.6.3](https://bitbucket.org/enturas/design-system/compare/@entur/typography@1.6.2...@entur/typography@1.6.3) (2021-01-20)
@@ -8,0 +15,0 @@

dist/BaseHeading.d.ts

 import React from 'react';
-import { PolymorphicComponentProps } from '@entur/utils';
+import { PolymorphicPropsWithoutRef } from '@entur/utils';
 declare type BaseHeadingOwnProps = {
@@ -15,4 +15,7 @@ /** HTML-elementet eller React-komponenten som rendres */
 };
-export declare type BaseHeadingProps<E extends React.ElementType> = PolymorphicComponentProps<E, BaseHeadingOwnProps>;
-export declare const BaseHeading: <E extends React.ElementType<any> = "h1">({ className, level, margin, ...rest }: PolymorphicComponentProps<E, BaseHeadingOwnProps>) => JSX.Element;
+declare const defaultElement = "h1";
+export declare type BaseHeadingProps<T extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithoutRef<BaseHeadingOwnProps, T>;
+export declare const BaseHeading: <E extends React.ElementType<any> = "h1">({ className, level, margin, as, ...rest }: Pick<React.PropsWithoutRef<React.ComponentProps<E>>, Exclude<keyof React.PropsWithoutRef<React.ComponentProps<E>>, "as" | "className" | "children" | "margin" | "level">> & BaseHeadingOwnProps & {
+    as?: E | undefined;
+}) => JSX.Element;
 export {};

dist/Blockquote.d.ts

@@ -5,11 +5,9 @@ import React from 'react';
     className?: string;
-    [key: string]: any;
-};
-export declare const Blockquote: React.FC<BlockquoteProps>;
+} & React.DetailedHTMLProps<React.BlockquoteHTMLAttributes<HTMLElement>, HTMLElement>;
+export declare const Blockquote: React.FunctionComponent<BlockquoteProps>;
 declare type BlockquoteFooterProps = {
     /** Ekstra klassenavn */
     className?: string;
-    [key: string]: any;
-};
-export declare const BlockquoteFooter: React.FC<BlockquoteFooterProps>;
+} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+export declare const BlockquoteFooter: React.FunctionComponent<BlockquoteFooterProps>;
 export {};

dist/CodeText.d.ts

 import React from 'react';
-import { PolymorphicComponentProps } from '@entur/utils';
+import { PolymorphicPropsWithoutRef } from '@entur/utils';
 export declare type CodeTextOwnProps = {
@@ -13,3 +13,7 @@ /** HTML-elementet eller React-komponenten som rendres
 };
-export declare type CodeTextProps<E extends React.ElementType> = PolymorphicComponentProps<E, CodeTextOwnProps>;
-export declare const CodeText: <E extends React.ElementType<any> = "code">({ className, ...rest }: PolymorphicComponentProps<E, CodeTextOwnProps>) => JSX.Element;
+export declare type CodeTextProps<E extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithoutRef<CodeTextOwnProps, E>;
+declare const defaultElement = "code";
+export declare const CodeText: <E extends React.ElementType<any> = "code">({ className, as, ...rest }: Pick<React.PropsWithoutRef<React.ComponentProps<E>>, Exclude<keyof React.PropsWithoutRef<React.ComponentProps<E>>, "as" | "className" | "children">> & CodeTextOwnProps & {
+    as?: E | undefined;
+}) => JSX.Element;
+export {};

dist/EmphasizedText.d.ts

 import React from 'react';
-import { PolymorphicComponentProps } from '@entur/utils';
+import { PolymorphicPropsWithoutRef } from '@entur/utils';
 export declare type EmphasizedTextOwnProps = {
@@ -17,3 +17,7 @@ /** HTML-elementet eller React-komponenten som rendres
 };
-export declare type EmphasizedTextProps<E extends React.ElementType> = PolymorphicComponentProps<E, EmphasizedTextOwnProps>;
-export declare const EmphasizedText: <E extends React.ElementType<any> = "em">({ className, margin, ...rest }: PolymorphicComponentProps<E, EmphasizedTextOwnProps>) => JSX.Element;
+export declare type EmphasizedTextProps<E extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithoutRef<EmphasizedTextOwnProps, E>;
+declare const defaultElement = "em";
+export declare const EmphasizedText: <E extends React.ElementType<any> = "em">({ className, margin, as, ...rest }: Pick<React.PropsWithoutRef<React.ComponentProps<E>>, Exclude<keyof React.PropsWithoutRef<React.ComponentProps<E>>, "as" | "className" | "children" | "margin">> & EmphasizedTextOwnProps & {
+    as?: E | undefined;
+}) => JSX.Element;
+export {};

dist/Heading1.d.ts

 import React from 'react';
-import { PolymorphicComponentProps } from '@entur/utils';
+import { PolymorphicPropsWithoutRef } from '@entur/utils';
 export declare type Heading1OwnProps = {
@@ -17,3 +17,7 @@ /** HTML-elementet eller React-komponenten som rendres
 };
-export declare type Heading1Props<E extends React.ElementType> = PolymorphicComponentProps<E, Heading1OwnProps>;
-export declare const Heading1: <E extends React.ElementType<any> = "h1">({ margin, children, ...rest }: PolymorphicComponentProps<E, Heading1OwnProps>) => JSX.Element;
+declare const defaultElement = "h1";
+export declare type Heading1Props<T extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithoutRef<Heading1OwnProps, T>;
+export declare const Heading1: <E extends React.ElementType<any> = "h1">({ margin, children, as, ...rest }: Pick<React.PropsWithoutRef<React.ComponentProps<E>>, Exclude<keyof React.PropsWithoutRef<React.ComponentProps<E>>, "as" | "className" | "children" | "margin">> & Heading1OwnProps & {
+    as?: E | undefined;
+}) => JSX.Element;
+export {};

dist/Heading2.d.ts

 import React from 'react';
-import { PolymorphicComponentProps } from '@entur/utils';
+import { PolymorphicPropsWithoutRef } from '@entur/utils';
 export declare type Heading2OwnProps = {
@@ -17,3 +17,7 @@ /** HTML-elementet eller React-komponenten som rendres
 };
-export declare type Heading2Props<E extends React.ElementType> = PolymorphicComponentProps<E, Heading2OwnProps>;
-export declare const Heading2: <E extends React.ElementType<any> = "h2">({ margin, children, ...rest }: PolymorphicComponentProps<E, Heading2OwnProps>) => JSX.Element;
+export declare type Heading2Props<T extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithoutRef<Heading2OwnProps, T>;
+declare const defaultElement = "h2";
+export declare const Heading2: <E extends React.ElementType<any> = "h2">({ margin, children, as, ...rest }: Pick<React.PropsWithoutRef<React.ComponentProps<E>>, Exclude<keyof React.PropsWithoutRef<React.ComponentProps<E>>, "as" | "className" | "children" | "margin">> & Heading2OwnProps & {
+    as?: E | undefined;
+}) => JSX.Element;
+export {};

dist/Heading3.d.ts

 import React from 'react';
-import { PolymorphicComponentProps } from '@entur/utils';
+import { PolymorphicPropsWithoutRef } from '@entur/utils';
 export declare type Heading3OwnProps = {
@@ -17,3 +17,7 @@ /** HTML-elementet eller React-komponenten som rendres
 };
-export declare type Heading3Props<E extends React.ElementType> = PolymorphicComponentProps<E, Heading3OwnProps>;
-export declare const Heading3: <E extends React.ElementType<any> = "h3">({ margin, children, ...rest }: PolymorphicComponentProps<E, Heading3OwnProps>) => JSX.Element;
+export declare type Heading3Props<T extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithoutRef<Heading3OwnProps, T>;
+declare const defaultElement = "h3";
+export declare const Heading3: <E extends React.ElementType<any> = "h3">({ margin, children, as, ...rest }: Pick<React.PropsWithoutRef<React.ComponentProps<E>>, Exclude<keyof React.PropsWithoutRef<React.ComponentProps<E>>, "as" | "className" | "children" | "margin">> & Heading3OwnProps & {
+    as?: E | undefined;
+}) => JSX.Element;
+export {};

dist/Heading4.d.ts

 import React from 'react';
-import { PolymorphicComponentProps } from '@entur/utils';
+import { PolymorphicPropsWithoutRef } from '@entur/utils';
 export declare type Heading4OwnProps = {
@@ -17,3 +17,7 @@ /** HTML-elementet eller React-komponenten som rendres
 };
-export declare type Heading4Props<E extends React.ElementType> = PolymorphicComponentProps<E, Heading4OwnProps>;
-export declare const Heading4: <E extends React.ElementType<any> = "h4">({ margin, children, ...rest }: PolymorphicComponentProps<E, Heading4OwnProps>) => JSX.Element;
+export declare type Heading4Props<T extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithoutRef<Heading4OwnProps, T>;
+declare const defaultElement = "h4";
+export declare const Heading4: <E extends React.ElementType<any> = "h4">({ margin, children, as, ...rest }: Pick<React.PropsWithoutRef<React.ComponentProps<E>>, Exclude<keyof React.PropsWithoutRef<React.ComponentProps<E>>, "as" | "className" | "children" | "margin">> & Heading4OwnProps & {
+    as?: E | undefined;
+}) => JSX.Element;
+export {};

dist/Heading5.d.ts

 import React from 'react';
-import { PolymorphicComponentProps } from '@entur/utils';
+import { PolymorphicPropsWithoutRef } from '@entur/utils';
 export declare type Heading5OwnProps = {
@@ -17,3 +17,7 @@ /** HTML-elementet eller React-komponenten som rendres
 };
-export declare type Heading5Props<E extends React.ElementType> = PolymorphicComponentProps<E, Heading5OwnProps>;
-export declare const Heading5: <E extends React.ElementType<any> = "h5">({ margin, children, ...rest }: PolymorphicComponentProps<E, Heading5OwnProps>) => JSX.Element;
+export declare type Heading5Props<T extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithoutRef<Heading5OwnProps, T>;
+declare const defaultElement = "h5";
+export declare const Heading5: <E extends React.ElementType<any> = "h5">({ margin, children, as, ...rest }: Pick<React.PropsWithoutRef<React.ComponentProps<E>>, Exclude<keyof React.PropsWithoutRef<React.ComponentProps<E>>, "as" | "className" | "children" | "margin">> & Heading5OwnProps & {
+    as?: E | undefined;
+}) => JSX.Element;
+export {};

dist/Heading6.d.ts

 import React from 'react';
-import { PolymorphicComponentProps } from '@entur/utils';
+import { PolymorphicPropsWithoutRef } from '@entur/utils';
 export declare type Heading6OwnProps = {
@@ -17,3 +17,7 @@ /** HTML-elementet eller React-komponenten som rendres
 };
-export declare type Heading6Props<E extends React.ElementType> = PolymorphicComponentProps<E, Heading6OwnProps>;
-export declare const Heading6: <E extends React.ElementType<any> = "h6">({ margin, children, ...rest }: PolymorphicComponentProps<E, Heading6OwnProps>) => JSX.Element;
+export declare type Heading6Props<T extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithoutRef<Heading6OwnProps, T>;
+declare const defaultElement = "h6";
+export declare const Heading6: <E extends React.ElementType<any> = "h6">({ margin, children, as, ...rest }: Pick<React.PropsWithoutRef<React.ComponentProps<E>>, Exclude<keyof React.PropsWithoutRef<React.ComponentProps<E>>, "as" | "className" | "children" | "margin">> & Heading6OwnProps & {
+    as?: E | undefined;
+}) => JSX.Element;
+export {};

dist/Label.d.ts

 import React from 'react';
-import { PolymorphicComponentProps } from '@entur/utils';
+import { PolymorphicPropsWithoutRef } from '@entur/utils';
 export declare type LabelOwnProps = {
@@ -17,3 +17,7 @@ /** HTML-elementet eller React-komponenten som rendres
 };
-export declare type LabelProps<E extends React.ElementType> = PolymorphicComponentProps<E, LabelOwnProps>;
-export declare const Label: <E extends React.ElementType<any> = "label">({ className, margin, ...rest }: PolymorphicComponentProps<E, LabelOwnProps>) => JSX.Element;
+export declare type LabelProps<E extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithoutRef<LabelOwnProps, E>;
+declare const defaultElement = "label";
+export declare const Label: <E extends React.ElementType<any> = "label">({ className, margin, as, ...rest }: Pick<React.PropsWithoutRef<React.ComponentProps<E>>, Exclude<keyof React.PropsWithoutRef<React.ComponentProps<E>>, "as" | "className" | "children" | "margin">> & LabelOwnProps & {
+    as?: E | undefined;
+}) => JSX.Element;
+export {};

dist/LeadParagraph.d.ts

 import React from 'react';
-import { PolymorphicComponentProps } from '@entur/utils';
+import { PolymorphicPropsWithoutRef } from '@entur/utils';
 export declare type LeadParagraphOwnProps = {
@@ -17,3 +17,7 @@ /** HTML-elementet eller React-komponenten som rendres
 };
-export declare type LeadParagraphProps<E extends React.ElementType> = PolymorphicComponentProps<E, LeadParagraphOwnProps>;
-export declare const LeadParagraph: <E extends React.ElementType<any> = "p">({ className, margin, ...rest }: PolymorphicComponentProps<E, LeadParagraphOwnProps>) => JSX.Element;
+export declare type LeadParagraphProps<E extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithoutRef<LeadParagraphOwnProps, E>;
+declare const defaultElement = "p";
+export declare const LeadParagraph: <E extends React.ElementType<any> = "p">({ className, margin, as, ...rest }: Pick<React.PropsWithoutRef<React.ComponentProps<E>>, Exclude<keyof React.PropsWithoutRef<React.ComponentProps<E>>, "as" | "className" | "children" | "margin">> & LeadParagraphOwnProps & {
+    as?: E | undefined;
+}) => JSX.Element;
+export {};

dist/Link.d.ts

 import React from 'react';
-import { PolymorphicComponentProps } from '@entur/utils';
+import { PolymorphicPropsWithoutRef } from '@entur/utils';
 export declare type LinkOwnProps = {
@@ -17,3 +17,7 @@ /** HTML-elementet eller React-komponenten som rendres
 };
-export declare type LinkProps<E extends React.ElementType> = PolymorphicComponentProps<E, LinkOwnProps>;
-export declare const Link: <E extends React.ElementType<any> = "a">({ className, margin, ...rest }: PolymorphicComponentProps<E, LinkOwnProps>) => JSX.Element;
+export declare type LinkProps<E extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithoutRef<LinkOwnProps, E>;
+declare const defaultElement = "a";
+export declare const Link: <E extends React.ElementType<any> = "a">({ className, margin, as, ...rest }: Pick<React.PropsWithoutRef<React.ComponentProps<E>>, Exclude<keyof React.PropsWithoutRef<React.ComponentProps<E>>, "as" | "className" | "children" | "margin">> & LinkOwnProps & {
+    as?: E | undefined;
+}) => JSX.Element;
+export {};

dist/Paragraph.d.ts

 import React from 'react';
-import { PolymorphicComponentProps } from '@entur/utils';
+import { PolymorphicPropsWithoutRef } from '@entur/utils';
 export declare type ParagraphOwnProps = {
@@ -17,3 +17,7 @@ /** HTML-elementet eller React-komponenten som rendres
 };
-export declare type ParagraphProps<E extends React.ElementType> = PolymorphicComponentProps<E, ParagraphOwnProps>;
-export declare const Paragraph: <E extends React.ElementType<any> = "p">({ margin, className, ...rest }: PolymorphicComponentProps<E, ParagraphOwnProps>) => JSX.Element;
+export declare type ParagraphProps<E extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithoutRef<ParagraphOwnProps, E>;
+declare const defaultElement = "p";
+export declare const Paragraph: <E extends React.ElementType<any> = "p">({ margin, className, as, ...rest }: Pick<React.PropsWithoutRef<React.ComponentProps<E>>, Exclude<keyof React.PropsWithoutRef<React.ComponentProps<E>>, "as" | "className" | "children" | "margin">> & ParagraphOwnProps & {
+    as?: E | undefined;
+}) => JSX.Element;
+export {};

dist/PreformattedText.d.ts

 import React from 'react';
-import { PolymorphicComponentProps } from '@entur/utils';
+import { PolymorphicPropsWithoutRef } from '@entur/utils';
 export declare type PreformattedTextOwnProps = {
@@ -13,3 +13,5 @@ /** HTML-elementet eller React-komponenten som rendres
 };
-export declare type PreformattedTextProps<E extends React.ElementType> = PolymorphicComponentProps<E, PreformattedTextOwnProps>;
-export declare const PreformattedText: <E extends React.ElementType<any> = "pre">({ className, ...rest }: PolymorphicComponentProps<E, PreformattedTextOwnProps>) => JSX.Element;
+export declare type PreformattedTextProps<E extends React.ElementType> = PolymorphicPropsWithoutRef<PreformattedTextOwnProps, E>;
+export declare const PreformattedText: <E extends React.ElementType<any> = "pre">({ className, as, ...rest }: Pick<React.PropsWithoutRef<React.ComponentProps<E>>, Exclude<keyof React.PropsWithoutRef<React.ComponentProps<E>>, "as" | "className" | "children">> & PreformattedTextOwnProps & {
+    as?: E | undefined;
+}) => JSX.Element;

dist/SmallText.d.ts

 import React from 'react';
-import { PolymorphicComponentProps } from '@entur/utils';
+import { PolymorphicPropsWithoutRef } from '@entur/utils';
 export declare type SmallTextOwnProps = {
@@ -17,3 +17,7 @@ /** HTML-elementet eller React-komponenten som rendres
 };
-export declare type SmallTextProps<E extends React.ElementType> = PolymorphicComponentProps<E, SmallTextOwnProps>;
-export declare const SmallText: <E extends React.ElementType<any> = "span">({ className, margin, ...rest }: PolymorphicComponentProps<E, SmallTextOwnProps>) => JSX.Element;
+export declare type SmallTextProps<T extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithoutRef<SmallTextOwnProps, T>;
+declare const defaultElement = "span";
+export declare const SmallText: <E extends React.ElementType<any> = "span">({ className, margin, as, ...rest }: Pick<React.PropsWithoutRef<React.ComponentProps<E>>, Exclude<keyof React.PropsWithoutRef<React.ComponentProps<E>>, "as" | "className" | "children" | "margin">> & SmallTextOwnProps & {
+    as?: E | undefined;
+}) => JSX.Element;
+export {};

dist/StrongText.d.ts

 import React from 'react';
-import { PolymorphicComponentProps } from '@entur/utils';
+import { PolymorphicPropsWithoutRef } from '@entur/utils';
 export declare type StrongTextOwnProps = {
@@ -17,3 +17,7 @@ /** HTML-elementet eller React-komponenten som rendres
 };
-export declare type StrongTextProps<E extends React.ElementType> = PolymorphicComponentProps<E, StrongTextOwnProps>;
-export declare const StrongText: <E extends React.ElementType<any> = "strong">({ className, margin, ...rest }: PolymorphicComponentProps<E, StrongTextOwnProps>) => JSX.Element;
+export declare type StrongTextProps<E extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithoutRef<StrongTextOwnProps, E>;
+declare const defaultElement = "strong";
+export declare const StrongText: <E extends React.ElementType<any> = "strong">({ className, margin, as, ...rest }: Pick<React.PropsWithoutRef<React.ComponentProps<E>>, Exclude<keyof React.PropsWithoutRef<React.ComponentProps<E>>, "as" | "className" | "children" | "margin">> & StrongTextOwnProps & {
+    as?: E | undefined;
+}) => JSX.Element;
+export {};

dist/SubLabel.d.ts

 import React from 'react';
-import { PolymorphicComponentProps } from '@entur/utils';
+import { PolymorphicPropsWithoutRef } from '@entur/utils';
 export declare type SubLabelOwnProps = {
@@ -17,3 +17,7 @@ /** HTML-elementet eller React-komponenten som rendres
 };
-export declare type SubLabelProps<E extends React.ElementType> = PolymorphicComponentProps<E, SubLabelOwnProps>;
-export declare const SubLabel: <E extends React.ElementType<any> = "span">({ className, margin, ...rest }: PolymorphicComponentProps<E, SubLabelOwnProps>) => JSX.Element;
+export declare type SubLabelProps<E extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithoutRef<SubLabelOwnProps, E>;
+declare const defaultElement = "span";
+export declare const SubLabel: <E extends React.ElementType<any> = "span">({ className, margin, as, ...rest }: Pick<React.PropsWithoutRef<React.ComponentProps<E>>, Exclude<keyof React.PropsWithoutRef<React.ComponentProps<E>>, "as" | "className" | "children" | "margin">> & SubLabelOwnProps & {
+    as?: E | undefined;
+}) => JSX.Element;
+export {};

dist/SubParagraph.d.ts

 import React from 'react';
-import { PolymorphicComponentProps } from '@entur/utils';
+import { PolymorphicPropsWithoutRef } from '@entur/utils';
 export declare type SubParagraphOwnProps = {
@@ -17,3 +17,7 @@ /** HTML-elementet eller React-komponenten som rendres
 };
-export declare type SubParagraphProps<E extends React.ElementType> = PolymorphicComponentProps<E, SubParagraphOwnProps>;
-export declare const SubParagraph: <E extends React.ElementType<any> = "p">({ className, margin, ...rest }: PolymorphicComponentProps<E, SubParagraphOwnProps>) => JSX.Element;
+export declare type SubParagraphProps<E extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithoutRef<SubParagraphOwnProps, E>;
+declare const defaultElement = "p";
+export declare const SubParagraph: <E extends React.ElementType<any> = "p">({ className, margin, as, ...rest }: Pick<React.PropsWithoutRef<React.ComponentProps<E>>, Exclude<keyof React.PropsWithoutRef<React.ComponentProps<E>>, "as" | "className" | "children" | "margin">> & SubParagraphOwnProps & {
+    as?: E | undefined;
+}) => JSX.Element;
+export {};

dist/typography.cjs.development.js

@@ -46,6 +46,7 @@ 'use strict';
   var className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className"]);
+      as = _ref.as,
+      rest = _objectWithoutPropertiesLoose(_ref, ["className", "as"]);
 
-  return React.createElement(utils.Box, Object.assign({
-    as: defaultElement,
+  var Element = as || defaultElement;
+  return React.createElement(Element, Object.assign({
     className: classNames('eds-code-text', className)
@@ -62,6 +63,7 @@ }, rest));
       margin = _ref$margin === void 0 ? 'both' : _ref$margin,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "margin"]);
+      as = _ref.as,
+      rest = _objectWithoutPropertiesLoose(_ref, ["className", "margin", "as"]);
 
-  return React.createElement(utils.Box, Object.assign({
-    as: defaultElement$1,
+  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)
@@ -78,7 +80,8 @@ }, rest));
       margin = _ref.margin,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "level", "margin"]);
+      as = _ref.as,
+      rest = _objectWithoutPropertiesLoose(_ref, ["className", "level", "margin", "as"]);
 
+  var Element = as || defaultElement$2;
   var baseClass = "eds-h" + level;
-  return React.createElement(utils.Box, Object.assign({
-    as: defaultElement$2,
+  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)
@@ -93,6 +96,8 @@ }, rest));
       children = _ref.children,
-      rest = _objectWithoutPropertiesLoose(_ref, ["margin", "children"]);
+      as = _ref.as,
+      rest = _objectWithoutPropertiesLoose(_ref, ["margin", "children", "as"]);
 
+  var Element = as || defaultElement$3;
   return React.createElement(BaseHeading, Object.assign({
-    as: defaultElement$3,
+    as: Element,
     margin: margin
@@ -109,6 +114,8 @@ }, rest, {
       children = _ref.children,
-      rest = _objectWithoutPropertiesLoose(_ref, ["margin", "children"]);
+      as = _ref.as,
+      rest = _objectWithoutPropertiesLoose(_ref, ["margin", "children", "as"]);
 
+  var Element = as || defaultElement$4;
   return React.createElement(BaseHeading, Object.assign({
-    as: defaultElement$4,
+    as: Element,
     margin: margin
@@ -125,6 +132,8 @@ }, rest, {
       children = _ref.children,
-      rest = _objectWithoutPropertiesLoose(_ref, ["margin", "children"]);
+      as = _ref.as,
+      rest = _objectWithoutPropertiesLoose(_ref, ["margin", "children", "as"]);
 
+  var Element = as || defaultElement$5;
   return React.createElement(BaseHeading, Object.assign({
-    as: defaultElement$5,
+    as: Element,
     margin: margin
@@ -141,6 +150,8 @@ }, rest, {
       children = _ref.children,
-      rest = _objectWithoutPropertiesLoose(_ref, ["margin", "children"]);
+      as = _ref.as,
+      rest = _objectWithoutPropertiesLoose(_ref, ["margin", "children", "as"]);
 
+  var Element = as || defaultElement$6;
   return React.createElement(BaseHeading, Object.assign({
-    as: defaultElement$6,
+    as: Element,
     margin: margin
@@ -157,6 +168,8 @@ }, rest, {
       children = _ref.children,
-      rest = _objectWithoutPropertiesLoose(_ref, ["margin", "children"]);
+      as = _ref.as,
+      rest = _objectWithoutPropertiesLoose(_ref, ["margin", "children", "as"]);
 
+  var Element = as || defaultElement$7;
   return React.createElement(BaseHeading, Object.assign({
-    as: defaultElement$7,
+    as: Element,
     margin: margin
@@ -173,6 +186,8 @@ }, rest, {
       children = _ref.children,
-      rest = _objectWithoutPropertiesLoose(_ref, ["margin", "children"]);
+      as = _ref.as,
+      rest = _objectWithoutPropertiesLoose(_ref, ["margin", "children", "as"]);
 
+  var Element = as || defaultElement$8;
   return React.createElement(BaseHeading, Object.assign({
-    as: defaultElement$8,
+    as: Element,
     margin: margin
@@ -191,6 +206,7 @@ }, rest, {
       margin = _ref$margin === void 0 ? 'both' : _ref$margin,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "margin"]);
+      as = _ref.as,
+      rest = _objectWithoutPropertiesLoose(_ref, ["className", "margin", "as"]);
 
-  return React.createElement(utils.Box, Object.assign({
-    as: defaultElement$9,
+  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)
@@ -207,6 +223,7 @@ }, rest));
       margin = _ref$margin === void 0 ? 'both' : _ref$margin,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "margin"]);
+      as = _ref.as,
+      rest = _objectWithoutPropertiesLoose(_ref, ["className", "margin", "as"]);
 
-  return React.createElement(utils.Box, Object.assign({
-    as: defaultElement$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)
@@ -223,6 +240,7 @@ }, rest));
       margin = _ref$margin === void 0 ? 'both' : _ref$margin,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "margin"]);
+      as = _ref.as,
+      rest = _objectWithoutPropertiesLoose(_ref, ["className", "margin", "as"]);
 
-  return React.createElement(utils.Box, Object.assign({
-    as: defaultElement$b,
+  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)
@@ -239,6 +257,7 @@ }, rest));
       margin = _ref$margin === void 0 ? 'both' : _ref$margin,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "margin"]);
+      as = _ref.as,
+      rest = _objectWithoutPropertiesLoose(_ref, ["className", "margin", "as"]);
 
-  return React.createElement(utils.Box, Object.assign({
-    as: defaultElement$c,
+  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)
@@ -280,6 +299,7 @@ }, rest));
       className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, ["margin", "className"]);
+      as = _ref.as,
+      rest = _objectWithoutPropertiesLoose(_ref, ["margin", "className", "as"]);
 
-  return React.createElement(utils.Box, Object.assign({
-    as: defaultElement$d,
+  var Element = as || defaultElement$d;
+  return React.createElement(Element, Object.assign({
     className: classNames('eds-paragraph', {
@@ -295,6 +315,7 @@ 'eds-paragraph--margin-bottom': margin === 'bottom',
   var className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className"]);
+      as = _ref.as,
+      rest = _objectWithoutPropertiesLoose(_ref, ["className", "as"]);
 
-  return React.createElement(utils.Box, Object.assign({
-    as: defaultElement$e,
+  var Element = as || defaultElement$e;
+  return React.createElement(Element, Object.assign({
     className: classNames('eds-preformatted-text', className)
@@ -311,6 +332,7 @@ }, rest));
       margin = _ref$margin === void 0 ? 'both' : _ref$margin,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "margin"]);
+      as = _ref.as,
+      rest = _objectWithoutPropertiesLoose(_ref, ["className", "margin", "as"]);
 
-  return React.createElement(utils.Box, Object.assign({
-    as: defaultElement$f,
+  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)
@@ -327,6 +349,7 @@ }, rest));
       margin = _ref$margin === void 0 ? 'both' : _ref$margin,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "margin"]);
+      as = _ref.as,
+      rest = _objectWithoutPropertiesLoose(_ref, ["className", "margin", "as"]);
 
-  return React.createElement(utils.Box, Object.assign({
-    as: defaultElement$g,
+  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)
@@ -342,6 +365,7 @@ }, rest));
       margin = _ref.margin,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "margin"]);
+      as = _ref.as,
+      rest = _objectWithoutPropertiesLoose(_ref, ["className", "margin", "as"]);
 
-  return React.createElement(utils.Box, Object.assign({
-    as: defaultElement$h,
+  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)
@@ -348,0 +372,0 @@ }, rest));

dist/typography.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var a=require("@entur/utils"),t=e(require("react")),s=e(require("classnames"));function n(e,a){if(null==e)return{};var t,s,n={},r=Object.keys(e);for(s=0;s<r.length;s++)a.indexOf(t=r[s])>=0||(n[t]=e[t]);return n}var r=function(e){var r,o=e.className,i=e.level,m=e.margin,l=n(e,["className","level","margin"]),c="eds-h"+i;return t.createElement(a.Box,Object.assign({as:"h1",className:s(c,(r={},r[c+"--margin-top"]="top"===m,r[c+"--margin-bottom"]="bottom"===m,r[c+"--margin-none"]="none"===m,r),o)},l))},o=function(e){var r,o=e.className,i=e.margin,m=void 0===i?"both":i,l=n(e,["className","margin"]);return t.createElement(a.Box,Object.assign({as:"strong",className:s("eds-strong-text",(r={},r["eds-strong-text--margin-top"]="top"===m,r["eds-strong-text--margin-bottom"]="bottom"===m,r["eds-strong-text--margin-none"]="none"===m,r),o)},l))};a.warnAboutMissingStyles("typography"),exports.Blockquote=function(e){var a=e.className,r=n(e,["className"]);return t.createElement("blockquote",Object.assign({className:s("eds-blockquote",a)},r))},exports.BlockquoteFooter=function(e){var a=e.className,r=n(e,["className"]);return t.createElement("footer",Object.assign({className:s("eds-blockquote__footer",a)},r))},exports.CodeText=function(e){var r=e.className,o=n(e,["className"]);return t.createElement(a.Box,Object.assign({as:"code",className:s("eds-code-text",r)},o))},exports.EmphasizedText=function(e){var r,o=e.className,i=e.margin,m=void 0===i?"both":i,l=n(e,["className","margin"]);return t.createElement(a.Box,Object.assign({as:"em",className:s("eds-emphasized-text",(r={},r["eds-emphasized-text--margin-top"]="top"===m,r["eds-emphasized-text--margin-bottom"]="bottom"===m,r["eds-emphasized-text--margin-none"]="none"===m,r),o)},l))},exports.Heading1=function(e){var a=e.margin,s=void 0===a?"both":a,o=e.children,i=n(e,["margin","children"]);return t.createElement(r,Object.assign({as:"h1",margin:s},i,{level:1}),o)},exports.Heading2=function(e){var a=e.margin,s=void 0===a?"both":a,o=e.children,i=n(e,["margin","children"]);return t.createElement(r,Object.assign({as:"h2",margin:s},i,{level:2}),o)},exports.Heading3=function(e){var a=e.margin,s=void 0===a?"both":a,o=e.children,i=n(e,["margin","children"]);return t.createElement(r,Object.assign({as:"h3",margin:s},i,{level:3}),o)},exports.Heading4=function(e){var a=e.margin,s=void 0===a?"both":a,o=e.children,i=n(e,["margin","children"]);return t.createElement(r,Object.assign({as:"h4",margin:s},i,{level:4}),o)},exports.Heading5=function(e){var a=e.margin,s=void 0===a?"both":a,o=e.children,i=n(e,["margin","children"]);return t.createElement(r,Object.assign({as:"h5",margin:s},i,{level:5}),o)},exports.Heading6=function(e){var a=e.margin,s=void 0===a?"both":a,o=e.children,i=n(e,["margin","children"]);return t.createElement(r,Object.assign({as:"h6",margin:s},i,{level:6}),o)},exports.Label=function(e){var r,o=e.className,i=e.margin,m=void 0===i?"both":i,l=n(e,["className","margin"]);return t.createElement(a.Box,Object.assign({as:"label",className:s("eds-label",(r={},r["eds-label--margin-top"]="top"===m,r["eds-label--margin-bottom"]="bottom"===m,r["eds-label--margin-none"]="none"===m,r),o)},l))},exports.LeadParagraph=function(e){var r,o=e.className,i=e.margin,m=void 0===i?"both":i,l=n(e,["className","margin"]);return t.createElement(a.Box,Object.assign({as:"p",className:s("eds-lead-paragraph",(r={},r["eds-lead-paragraph--margin-top"]="top"===m,r["eds-lead-paragraph--margin-bottom"]="bottom"===m,r["eds-lead-paragraph--margin-none"]="none"===m,r),o)},l))},exports.Link=function(e){var r,o=e.className,i=e.margin,m=void 0===i?"both":i,l=n(e,["className","margin"]);return t.createElement(a.Box,Object.assign({as:"a",className:s("eds-link",(r={},r["eds-link--margin-top"]="top"===m,r["eds-link--margin-bottom"]="bottom"===m,r["eds-link--margin-none"]="none"===m,r),o)},l))},exports.ListItem=function(e){var a=e.children,r=e.className,i=e.title,m=n(e,["children","className","title"]);return t.createElement("li",Object.assign({className:s("eds-list-item",r)},m),i&&t.createElement(o,{className:"eds-list-item__title"},i),a)},exports.NumberedList=function(e){var a,r=e.className,o=e.type,i=void 0===o?"1":o,m=n(e,["className","type"]);return t.createElement("ol",Object.assign({className:s("eds-numbered-list",(a={},a["eds-numbered-list--type-"+i]=i,a),r),type:i},m))},exports.Paragraph=function(e){var r=e.margin,o=void 0===r?"bottom":r,i=e.className,m=n(e,["margin","className"]);return t.createElement(a.Box,Object.assign({as:"p",className:s("eds-paragraph",{"eds-paragraph--margin-bottom":"bottom"===o,"eds-paragraph--margin-none":"none"===o},i)},m))},exports.PreformattedText=function(e){var r=e.className,o=n(e,["className"]);return t.createElement(a.Box,Object.assign({as:"pre",className:s("eds-preformatted-text",r)},o))},exports.SmallText=function(e){var r,o=e.className,i=e.margin,m=void 0===i?"both":i,l=n(e,["className","margin"]);return t.createElement(a.Box,Object.assign({as:"span",className:s("eds-small-text",(r={},r["eds-small-text--margin-top"]="top"===m,r["eds-small-text--margin-bottom"]="bottom"===m,r["eds-small-text--margin-none"]="none"===m,r),o)},l))},exports.StrongText=o,exports.SubLabel=function(e){var r,o=e.className,i=e.margin,m=void 0===i?"both":i,l=n(e,["className","margin"]);return t.createElement(a.Box,Object.assign({as:"span",className:s("eds-sub-label",(r={},r["eds-sub-label--margin-top"]="top"===m,r["eds-sub-label--margin-bottom"]="bottom"===m,r["eds-sub-label--margin-none"]="none"===m,r),o)},l))},exports.SubParagraph=function(e){var r,o=e.className,i=e.margin,m=n(e,["className","margin"]);return t.createElement(a.Box,Object.assign({as:"p",className:s("eds-sub-paragraph",(r={},r["eds-sub-paragraph--margin-top"]="top"===i,r["eds-sub-paragraph--margin-bottom"]="bottom"===i,r["eds-sub-paragraph--margin-none"]="none"===i,r),o)},m))},exports.UnorderedList=function(e){var a=e.className,r=n(e,["className"]);return t.createElement("ul",Object.assign({className:s("eds-unordered-list",a)},r))};
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var a=require("@entur/utils"),t=e(require("react")),s=e(require("classnames"));function n(e,a){if(null==e)return{};var t,s,n={},r=Object.keys(e);for(s=0;s<r.length;s++)a.indexOf(t=r[s])>=0||(n[t]=e[t]);return n}var r=function(e){var a,r=e.className,o=e.level,i=e.margin,m=e.as,l=n(e,["className","level","margin","as"]),c="eds-h"+o;return t.createElement(m||"h1",Object.assign({className:s(c,(a={},a[c+"--margin-top"]="top"===i,a[c+"--margin-bottom"]="bottom"===i,a[c+"--margin-none"]="none"===i,a),r)},l))},o=function(e){var a,r=e.className,o=e.margin,i=void 0===o?"both":o,m=e.as,l=n(e,["className","margin","as"]);return t.createElement(m||"strong",Object.assign({className:s("eds-strong-text",(a={},a["eds-strong-text--margin-top"]="top"===i,a["eds-strong-text--margin-bottom"]="bottom"===i,a["eds-strong-text--margin-none"]="none"===i,a),r)},l))};a.warnAboutMissingStyles("typography"),exports.Blockquote=function(e){var a=e.className,r=n(e,["className"]);return t.createElement("blockquote",Object.assign({className:s("eds-blockquote",a)},r))},exports.BlockquoteFooter=function(e){var a=e.className,r=n(e,["className"]);return t.createElement("footer",Object.assign({className:s("eds-blockquote__footer",a)},r))},exports.CodeText=function(e){var a=e.className,r=e.as,o=n(e,["className","as"]);return t.createElement(r||"code",Object.assign({className:s("eds-code-text",a)},o))},exports.EmphasizedText=function(e){var a,r=e.className,o=e.margin,i=void 0===o?"both":o,m=e.as,l=n(e,["className","margin","as"]);return t.createElement(m||"em",Object.assign({className:s("eds-emphasized-text",(a={},a["eds-emphasized-text--margin-top"]="top"===i,a["eds-emphasized-text--margin-bottom"]="bottom"===i,a["eds-emphasized-text--margin-none"]="none"===i,a),r)},l))},exports.Heading1=function(e){var a=e.margin,s=void 0===a?"both":a,o=e.children,i=e.as,m=n(e,["margin","children","as"]);return t.createElement(r,Object.assign({as:i||"h1",margin:s},m,{level:1}),o)},exports.Heading2=function(e){var a=e.margin,s=void 0===a?"both":a,o=e.children,i=e.as,m=n(e,["margin","children","as"]);return t.createElement(r,Object.assign({as:i||"h2",margin:s},m,{level:2}),o)},exports.Heading3=function(e){var a=e.margin,s=void 0===a?"both":a,o=e.children,i=e.as,m=n(e,["margin","children","as"]);return t.createElement(r,Object.assign({as:i||"h3",margin:s},m,{level:3}),o)},exports.Heading4=function(e){var a=e.margin,s=void 0===a?"both":a,o=e.children,i=e.as,m=n(e,["margin","children","as"]);return t.createElement(r,Object.assign({as:i||"h4",margin:s},m,{level:4}),o)},exports.Heading5=function(e){var a=e.margin,s=void 0===a?"both":a,o=e.children,i=e.as,m=n(e,["margin","children","as"]);return t.createElement(r,Object.assign({as:i||"h5",margin:s},m,{level:5}),o)},exports.Heading6=function(e){var a=e.margin,s=void 0===a?"both":a,o=e.children,i=e.as,m=n(e,["margin","children","as"]);return t.createElement(r,Object.assign({as:i||"h6",margin:s},m,{level:6}),o)},exports.Label=function(e){var a,r=e.className,o=e.margin,i=void 0===o?"both":o,m=e.as,l=n(e,["className","margin","as"]);return t.createElement(m||"label",Object.assign({className:s("eds-label",(a={},a["eds-label--margin-top"]="top"===i,a["eds-label--margin-bottom"]="bottom"===i,a["eds-label--margin-none"]="none"===i,a),r)},l))},exports.LeadParagraph=function(e){var a,r=e.className,o=e.margin,i=void 0===o?"both":o,m=e.as,l=n(e,["className","margin","as"]);return t.createElement(m||"p",Object.assign({className:s("eds-lead-paragraph",(a={},a["eds-lead-paragraph--margin-top"]="top"===i,a["eds-lead-paragraph--margin-bottom"]="bottom"===i,a["eds-lead-paragraph--margin-none"]="none"===i,a),r)},l))},exports.Link=function(e){var a,r=e.className,o=e.margin,i=void 0===o?"both":o,m=e.as,l=n(e,["className","margin","as"]);return t.createElement(m||"a",Object.assign({className:s("eds-link",(a={},a["eds-link--margin-top"]="top"===i,a["eds-link--margin-bottom"]="bottom"===i,a["eds-link--margin-none"]="none"===i,a),r)},l))},exports.ListItem=function(e){var a=e.children,r=e.className,i=e.title,m=n(e,["children","className","title"]);return t.createElement("li",Object.assign({className:s("eds-list-item",r)},m),i&&t.createElement(o,{className:"eds-list-item__title"},i),a)},exports.NumberedList=function(e){var a,r=e.className,o=e.type,i=void 0===o?"1":o,m=n(e,["className","type"]);return t.createElement("ol",Object.assign({className:s("eds-numbered-list",(a={},a["eds-numbered-list--type-"+i]=i,a),r),type:i},m))},exports.Paragraph=function(e){var a=e.margin,r=void 0===a?"bottom":a,o=e.className,i=e.as,m=n(e,["margin","className","as"]);return t.createElement(i||"p",Object.assign({className:s("eds-paragraph",{"eds-paragraph--margin-bottom":"bottom"===r,"eds-paragraph--margin-none":"none"===r},o)},m))},exports.PreformattedText=function(e){var a=e.className,r=e.as,o=n(e,["className","as"]);return t.createElement(r||"pre",Object.assign({className:s("eds-preformatted-text",a)},o))},exports.SmallText=function(e){var a,r=e.className,o=e.margin,i=void 0===o?"both":o,m=e.as,l=n(e,["className","margin","as"]);return t.createElement(m||"span",Object.assign({className:s("eds-small-text",(a={},a["eds-small-text--margin-top"]="top"===i,a["eds-small-text--margin-bottom"]="bottom"===i,a["eds-small-text--margin-none"]="none"===i,a),r)},l))},exports.StrongText=o,exports.SubLabel=function(e){var a,r=e.className,o=e.margin,i=void 0===o?"both":o,m=e.as,l=n(e,["className","margin","as"]);return t.createElement(m||"span",Object.assign({className:s("eds-sub-label",(a={},a["eds-sub-label--margin-top"]="top"===i,a["eds-sub-label--margin-bottom"]="bottom"===i,a["eds-sub-label--margin-none"]="none"===i,a),r)},l))},exports.SubParagraph=function(e){var a,r=e.className,o=e.margin,i=e.as,m=n(e,["className","margin","as"]);return t.createElement(i||"p",Object.assign({className:s("eds-sub-paragraph",(a={},a["eds-sub-paragraph--margin-top"]="top"===o,a["eds-sub-paragraph--margin-bottom"]="bottom"===o,a["eds-sub-paragraph--margin-none"]="none"===o,a),r)},m))},exports.UnorderedList=function(e){var a=e.className,r=n(e,["className"]);return t.createElement("ul",Object.assign({className:s("eds-unordered-list",a)},r))};
 //# sourceMappingURL=typography.cjs.production.min.js.map

dist/typography.esm.js

@@ -1,2 +0,2 @@
-import { Box, warnAboutMissingStyles } from '@entur/utils';
+import { warnAboutMissingStyles } from '@entur/utils';
 import React from 'react';
@@ -40,6 +40,7 @@ import classNames from 'classnames';
   var className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className"]);
+      as = _ref.as,
+      rest = _objectWithoutPropertiesLoose(_ref, ["className", "as"]);
 
-  return React.createElement(Box, Object.assign({
-    as: defaultElement,
+  var Element = as || defaultElement;
+  return React.createElement(Element, Object.assign({
     className: classNames('eds-code-text', className)
@@ -56,6 +57,7 @@ }, rest));
       margin = _ref$margin === void 0 ? 'both' : _ref$margin,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "margin"]);
+      as = _ref.as,
+      rest = _objectWithoutPropertiesLoose(_ref, ["className", "margin", "as"]);
 
-  return React.createElement(Box, Object.assign({
-    as: defaultElement$1,
+  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)
@@ -72,7 +74,8 @@ }, rest));
       margin = _ref.margin,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "level", "margin"]);
+      as = _ref.as,
+      rest = _objectWithoutPropertiesLoose(_ref, ["className", "level", "margin", "as"]);
 
+  var Element = as || defaultElement$2;
   var baseClass = "eds-h" + level;
-  return React.createElement(Box, Object.assign({
-    as: defaultElement$2,
+  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)
@@ -87,6 +90,8 @@ }, rest));
       children = _ref.children,
-      rest = _objectWithoutPropertiesLoose(_ref, ["margin", "children"]);
+      as = _ref.as,
+      rest = _objectWithoutPropertiesLoose(_ref, ["margin", "children", "as"]);
 
+  var Element = as || defaultElement$3;
   return React.createElement(BaseHeading, Object.assign({
-    as: defaultElement$3,
+    as: Element,
     margin: margin
@@ -103,6 +108,8 @@ }, rest, {
       children = _ref.children,
-      rest = _objectWithoutPropertiesLoose(_ref, ["margin", "children"]);
+      as = _ref.as,
+      rest = _objectWithoutPropertiesLoose(_ref, ["margin", "children", "as"]);
 
+  var Element = as || defaultElement$4;
   return React.createElement(BaseHeading, Object.assign({
-    as: defaultElement$4,
+    as: Element,
     margin: margin
@@ -119,6 +126,8 @@ }, rest, {
       children = _ref.children,
-      rest = _objectWithoutPropertiesLoose(_ref, ["margin", "children"]);
+      as = _ref.as,
+      rest = _objectWithoutPropertiesLoose(_ref, ["margin", "children", "as"]);
 
+  var Element = as || defaultElement$5;
   return React.createElement(BaseHeading, Object.assign({
-    as: defaultElement$5,
+    as: Element,
     margin: margin
@@ -135,6 +144,8 @@ }, rest, {
       children = _ref.children,
-      rest = _objectWithoutPropertiesLoose(_ref, ["margin", "children"]);
+      as = _ref.as,
+      rest = _objectWithoutPropertiesLoose(_ref, ["margin", "children", "as"]);
 
+  var Element = as || defaultElement$6;
   return React.createElement(BaseHeading, Object.assign({
-    as: defaultElement$6,
+    as: Element,
     margin: margin
@@ -151,6 +162,8 @@ }, rest, {
       children = _ref.children,
-      rest = _objectWithoutPropertiesLoose(_ref, ["margin", "children"]);
+      as = _ref.as,
+      rest = _objectWithoutPropertiesLoose(_ref, ["margin", "children", "as"]);
 
+  var Element = as || defaultElement$7;
   return React.createElement(BaseHeading, Object.assign({
-    as: defaultElement$7,
+    as: Element,
     margin: margin
@@ -167,6 +180,8 @@ }, rest, {
       children = _ref.children,
-      rest = _objectWithoutPropertiesLoose(_ref, ["margin", "children"]);
+      as = _ref.as,
+      rest = _objectWithoutPropertiesLoose(_ref, ["margin", "children", "as"]);
 
+  var Element = as || defaultElement$8;
   return React.createElement(BaseHeading, Object.assign({
-    as: defaultElement$8,
+    as: Element,
     margin: margin
@@ -185,6 +200,7 @@ }, rest, {
       margin = _ref$margin === void 0 ? 'both' : _ref$margin,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "margin"]);
+      as = _ref.as,
+      rest = _objectWithoutPropertiesLoose(_ref, ["className", "margin", "as"]);
 
-  return React.createElement(Box, Object.assign({
-    as: defaultElement$9,
+  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)
@@ -201,6 +217,7 @@ }, rest));
       margin = _ref$margin === void 0 ? 'both' : _ref$margin,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "margin"]);
+      as = _ref.as,
+      rest = _objectWithoutPropertiesLoose(_ref, ["className", "margin", "as"]);
 
-  return React.createElement(Box, Object.assign({
-    as: defaultElement$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)
@@ -217,6 +234,7 @@ }, rest));
       margin = _ref$margin === void 0 ? 'both' : _ref$margin,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "margin"]);
+      as = _ref.as,
+      rest = _objectWithoutPropertiesLoose(_ref, ["className", "margin", "as"]);
 
-  return React.createElement(Box, Object.assign({
-    as: defaultElement$b,
+  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)
@@ -233,6 +251,7 @@ }, rest));
       margin = _ref$margin === void 0 ? 'both' : _ref$margin,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "margin"]);
+      as = _ref.as,
+      rest = _objectWithoutPropertiesLoose(_ref, ["className", "margin", "as"]);
 
-  return React.createElement(Box, Object.assign({
-    as: defaultElement$c,
+  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)
@@ -274,6 +293,7 @@ }, rest));
       className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, ["margin", "className"]);
+      as = _ref.as,
+      rest = _objectWithoutPropertiesLoose(_ref, ["margin", "className", "as"]);
 
-  return React.createElement(Box, Object.assign({
-    as: defaultElement$d,
+  var Element = as || defaultElement$d;
+  return React.createElement(Element, Object.assign({
     className: classNames('eds-paragraph', {
@@ -289,6 +309,7 @@ 'eds-paragraph--margin-bottom': margin === 'bottom',
   var className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className"]);
+      as = _ref.as,
+      rest = _objectWithoutPropertiesLoose(_ref, ["className", "as"]);
 
-  return React.createElement(Box, Object.assign({
-    as: defaultElement$e,
+  var Element = as || defaultElement$e;
+  return React.createElement(Element, Object.assign({
     className: classNames('eds-preformatted-text', className)
@@ -305,6 +326,7 @@ }, rest));
       margin = _ref$margin === void 0 ? 'both' : _ref$margin,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "margin"]);
+      as = _ref.as,
+      rest = _objectWithoutPropertiesLoose(_ref, ["className", "margin", "as"]);
 
-  return React.createElement(Box, Object.assign({
-    as: defaultElement$f,
+  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)
@@ -321,6 +343,7 @@ }, rest));
       margin = _ref$margin === void 0 ? 'both' : _ref$margin,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "margin"]);
+      as = _ref.as,
+      rest = _objectWithoutPropertiesLoose(_ref, ["className", "margin", "as"]);
 
-  return React.createElement(Box, Object.assign({
-    as: defaultElement$g,
+  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)
@@ -336,6 +359,7 @@ }, rest));
       margin = _ref.margin,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "margin"]);
+      as = _ref.as,
+      rest = _objectWithoutPropertiesLoose(_ref, ["className", "margin", "as"]);
 
-  return React.createElement(Box, Object.assign({
-    as: defaultElement$h,
+  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)
@@ -342,0 +366,0 @@ }, rest));

package.json

 {
   "name": "@entur/typography",
-  "version": "1.6.3",
+  "version": "1.6.4",
   "license": "SEE LICENSE IN README.md",
@@ -30,3 +30,3 @@ "main": "dist/index.js",
   "dependencies": {
-    "@entur/utils": "^0.4.0",
+    "@entur/utils": "^0.4.1",
     "@types/classnames": "^2.2.9",
@@ -39,3 +39,3 @@ "classnames": "^2.2.6",
   },
-  "gitHead": "0619a1c8076e6d6f90c550f21b089dce2d4146dc"
+  "gitHead": "5d8ff0f845ac9b78a53760040c6dc4c84be612c2"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

2044245

increased by0.57%

Lines of code

1584

increased by9.09%

Dependency changes

• Updated@entur/utils@^0.4.1