@entur/typography - npm Package Compare versions

Comparing version 0.6.1 to 0.7.0

CHANGELOG.md

@@ -6,2 +6,12 @@ # Change Log
 
+# [0.7.0](https://bitbucket.org/enturas/design-system/compare/@entur/typography@0.6.1...@entur/typography@0.7.0) (2020-01-06)
+
+### Bug Fixes
+
+- new styling for preformatted and code text ([c929097](https://bitbucket.org/enturas/design-system/commits/c9290975269797e8080362336b9d2cac65e028e9))
+
+### Features
+
+- **UnorderedList, NumberedList, ListItem:** add new list components ([96de00e](https://bitbucket.org/enturas/design-system/commits/96de00e21d852702e1ab23d388a807d5ad035580))
+
 ## [0.6.1](https://bitbucket.org/enturas/design-system/compare/@entur/typography@0.6.0...@entur/typography@0.6.1) (2019-12-10)
@@ -8,0 +18,0 @@

dist/index.d.ts

@@ -0,8 +1,6 @@
+/// <reference types="react" />
 import React from "react";
-declare type CodeTextProps = {
-    /** HTML-elementet eller React-komponenten som rendres */
+type CodeTextProps = {
     as?: string | React.ElementType;
-    /** Ekstra klassenavn */
     className?: string;
-    /** Innholdet */
     children: React.ReactNode;
@@ -12,8 +10,5 @@ [key: string]: any;
 declare const CodeText: React.FC<CodeTextProps>;
-declare type EmphasizedTextProps = {
-    /** HTML-elementet eller React-komponenten som rendres */
+type EmphasizedTextProps = {
     as?: string | React.ElementType;
-    /** Ekstra klassenavn */
     className?: string;
-    /** Innholdet */
     children: React.ReactNode;
@@ -23,80 +18,53 @@ [key: string]: any;
 declare const EmphasizedText: React.FC<EmphasizedTextProps>;
-declare type Heading1Props = {
-    /** HTML-elementet eller React-komponenten som rendres */
+type Heading1Props = {
     as?: string | React.ElementType;
-    /** Ekstra klassenavn */
     className?: string;
-    /** Innholdet */
     children: React.ReactNode;
-    /** Hvor du vil ha marginer */
-    margin?: 'top' | 'bottom' | 'both' | 'none';
+    margin?: "top" | "bottom" | "both" | "none";
     [key: string]: any;
 };
 declare const Heading1: React.FC<Heading1Props>;
-declare type Heading2Props = {
-    /** HTML-elementet eller React-komponenten som rendres */
+type Heading2Props = {
     as?: string | React.ElementType;
-    /** Ekstra klassenavn */
     className?: string;
-    /** Innholdet */
     children: React.ReactNode;
-    /** Hvor du vil ha marginer */
-    margin?: 'top' | 'bottom' | 'both' | 'none';
+    margin?: "top" | "bottom" | "both" | "none";
     [key: string]: any;
 };
 declare const Heading2: React.FC<Heading2Props>;
-declare type Heading3Props = {
-    /** HTML-elementet eller React-komponenten som rendres */
+type Heading3Props = {
     as?: string | React.ElementType;
-    /** Ekstra klassenavn */
     className?: string;
-    /** Innholdet */
     children: React.ReactNode;
-    /** Hvor du vil ha marginer */
-    margin?: 'top' | 'bottom' | 'both' | 'none';
+    margin?: "top" | "bottom" | "both" | "none";
     [key: string]: any;
 };
 declare const Heading3: React.FC<Heading3Props>;
-declare type Heading4Props = {
-    /** HTML-elementet eller React-komponenten som rendres */
+type Heading4Props = {
     as?: string | React.ElementType;
-    /** Ekstra klassenavn */
     className?: string;
-    /** Innholdet */
     children: React.ReactNode;
-    /** Hvor du vil ha marginer */
-    margin?: 'top' | 'bottom' | 'both' | 'none';
+    margin?: "top" | "bottom" | "both" | "none";
     [key: string]: any;
 };
 declare const Heading4: React.FC<Heading4Props>;
-declare type Heading5Props = {
-    /** HTML-elementet eller React-komponenten som rendres */
+type Heading5Props = {
     as?: string | React.ElementType;
-    /** Ekstra klassenavn */
     className?: string;
-    /** Innholdet */
     children: React.ReactNode;
-    /** Hvor du vil ha marginer */
-    margin?: 'top' | 'bottom' | 'both' | 'none';
+    margin?: "top" | "bottom" | "both" | "none";
     [key: string]: any;
 };
 declare const Heading5: React.FC<Heading5Props>;
-declare type Heading6Props = {
-    /** HTML-elementet eller React-komponenten som rendres */
+type Heading6Props = {
     as?: string | React.ElementType;
-    /** Ekstra klassenavn */
     className?: string;
-    /** Innholdet */
     children: React.ReactNode;
-    /** Hvor du vil ha marginer */
-    margin?: 'top' | 'bottom' | 'both' | 'none';
+    margin?: "top" | "bottom" | "both" | "none";
     [key: string]: any;
 };
 declare const Heading6: React.FC<Heading6Props>;
-declare type LabelProps = {
-    /** HTML-elementet eller React-komponenten som rendres */
+type LabelProps = {
     as?: string | React.ElementType;
-    /** Ekstra klassenavn */
     className?: string;
-    /** Innholdet */
     children: React.ReactNode;
@@ -106,8 +74,5 @@ [key: string]: any;
 declare const Label: React.FC<LabelProps>;
-declare type LeadParagraphProps = {
-    /** HTML-elementet eller React-komponenten som rendres */
+type LeadParagraphProps = {
     as?: string | React.ElementType;
-    /** Ekstra klassenavn */
     className?: string;
-    /** Innholdet */
     children: React.ReactNode;
@@ -117,8 +82,5 @@ [key: string]: any;
 declare const LeadParagraph: React.FC<LeadParagraphProps>;
-declare type LinkProps = {
-    /** HTML-elementet eller React-komponenten som rendres */
+type LinkProps = {
     as?: string | React.ElementType;
-    /** Ekstra klassenavn */
     className?: string;
-    /** Innholdet */
     children: React.ReactNode;
@@ -128,8 +90,18 @@ [key: string]: any;
 declare const Link: React.FC<LinkProps>;
-declare type ParagraphProps = {
-    /** HTML-elementet eller React-komponenten som rendres */
+type ListItemProps = {
+    className?: string;
+    children: React.ReactNode;
+    title?: React.ReactNode;
+    [key: string]: any;
+};
+declare const ListItem: React.FC<ListItemProps>;
+type NumberedListProps = {
+    className?: string;
+    children: React.ReactNode;
+    [key: string]: any;
+};
+declare const NumberedList: React.FC<NumberedListProps>;
+type ParagraphProps = {
     as?: string | React.ElementType;
-    /** Ekstra klassenavn */
     className?: string;
-    /** Innholdet */
     children: React.ReactNode;
@@ -139,8 +111,5 @@ [key: string]: any;
 declare const Paragraph: React.FC<ParagraphProps>;
-declare type PreformattedTextProps = {
-    /** HTML-elementet eller React-komponenten som rendres */
+type PreformattedTextProps = {
     as?: string | React.ElementType;
-    /** Ekstra klassenavn */
     className?: string;
-    /** Innholdet */
     children: React.ReactNode;
@@ -150,8 +119,5 @@ [key: string]: any;
 declare const PreformattedText: React.FC<PreformattedTextProps>;
-declare type SmallTextProps = {
-    /** HTML-elementet eller React-komponenten som rendres */
+type SmallTextProps = {
     as?: string | React.ElementType;
-    /** Ekstra klassenavn */
     className?: string;
-    /** Innholdet */
     children: React.ReactNode;
@@ -161,8 +127,5 @@ [key: string]: any;
 declare const SmallText: React.FC<SmallTextProps>;
-declare type StrongTextProps = {
-    /** HTML-elementet eller React-komponenten som rendres */
+type StrongTextProps = {
     as?: string | React.ElementType;
-    /** Ekstra klassenavn */
     className?: string;
-    /** Innholdet */
     children: React.ReactNode;
@@ -172,8 +135,5 @@ [key: string]: any;
 declare const StrongText: React.FC<StrongTextProps>;
-declare type SubLabelProps = {
-    /** HTML-elementet eller React-komponenten som rendres */
+type SubLabelProps = {
     as?: string | React.ElementType;
-    /** Ekstra klassenavn */
     className?: string;
-    /** Innholdet */
     children: React.ReactNode;
@@ -183,8 +143,5 @@ [key: string]: any;
 declare const SubLabel: React.FC<SubLabelProps>;
-declare type SubParagraphProps = {
-    /** HTML-elementet eller React-komponenten som rendres */
+type SubParagraphProps = {
     as?: string | React.ElementType;
-    /** Ekstra klassenavn */
     className?: string;
-    /** Innholdet */
     children: React.ReactNode;
@@ -194,2 +151,8 @@ [key: string]: any;
 declare const SubParagraph: React.FC<SubParagraphProps>;
-export { CodeTextProps, CodeText, EmphasizedTextProps, EmphasizedText, Heading1Props, Heading1, Heading2Props, Heading2, Heading3Props, Heading3, Heading4Props, Heading4, Heading5Props, Heading5, Heading6Props, Heading6, LabelProps, Label, LeadParagraphProps, LeadParagraph, LinkProps, Link, ParagraphProps, Paragraph, PreformattedTextProps, PreformattedText, SmallTextProps, SmallText, StrongTextProps, StrongText, SubLabelProps, SubLabel, SubParagraphProps, SubParagraph };
+type UnorderedListProps = {
+    className?: string;
+    children: React.ReactNode;
+    [key: string]: any;
+};
+declare const UnorderedList: React.FC<UnorderedListProps>;
+export { CodeTextProps, CodeText, EmphasizedTextProps, EmphasizedText, Heading1Props, Heading1, Heading2Props, Heading2, Heading3Props, Heading3, Heading4Props, Heading4, Heading5Props, Heading5, Heading6Props, Heading6, LabelProps, Label, LeadParagraphProps, LeadParagraph, LinkProps, Link, ListItemProps, ListItem, NumberedListProps, NumberedList, ParagraphProps, Paragraph, PreformattedTextProps, PreformattedText, SmallTextProps, SmallText, StrongTextProps, StrongText, SubLabelProps, SubLabel, SubParagraphProps, SubParagraph, UnorderedListProps, UnorderedList };

dist/typography.cjs.development.js

@@ -171,2 +171,35 @@ 'use strict';
 
+var StrongText = function StrongText(_ref) {
+  var _ref$as = _ref.as,
+      Element = _ref$as === void 0 ? 'strong' : _ref$as,
+      className = _ref.className,
+      rest = _objectWithoutProperties(_ref, ["as", "className"]);
+
+  return React.createElement(Element, Object.assign({
+    className: classNames('eds-strong-text', className)
+  }, rest));
+};
+
+var ListItem = function ListItem(_ref) {
+  var children = _ref.children,
+      className = _ref.className,
+      title = _ref.title,
+      rest = _objectWithoutProperties(_ref, ["children", "className", "title"]);
+
+  return React.createElement("li", Object.assign({
+    className: classNames('eds-list-item', className)
+  }, rest), title && React.createElement(StrongText, {
+    className: "eds-list-item__title"
+  }, title), children);
+};
+
+var NumberedList = function NumberedList(_ref) {
+  var className = _ref.className,
+      rest = _objectWithoutProperties(_ref, ["className"]);
+
+  return React.createElement("ol", Object.assign({
+    className: classNames('eds-numbered-list', className)
+  }, rest));
+};
+
 var Paragraph = function Paragraph(_ref) {
@@ -205,13 +238,2 @@ var _ref$as = _ref.as,
 
-var StrongText = function StrongText(_ref) {
-  var _ref$as = _ref.as,
-      Element = _ref$as === void 0 ? 'strong' : _ref$as,
-      className = _ref.className,
-      rest = _objectWithoutProperties(_ref, ["as", "className"]);
-
-  return React.createElement(Element, Object.assign({
-    className: classNames('eds-strong-text', className)
-  }, rest));
-};
-
 var SubLabel = function SubLabel(_ref) {
@@ -239,2 +261,11 @@ var _ref$as = _ref.as,
 
+var UnorderedList = function UnorderedList(_ref) {
+  var className = _ref.className,
+      rest = _objectWithoutProperties(_ref, ["className"]);
+
+  return React.createElement("ul", Object.assign({
+    className: classNames('eds-unordered-list', className)
+  }, rest));
+};
+
 exports.CodeText = CodeText;
@@ -251,2 +282,4 @@ exports.EmphasizedText = EmphasizedText;
 exports.Link = Link;
+exports.ListItem = ListItem;
+exports.NumberedList = NumberedList;
 exports.Paragraph = Paragraph;
@@ -258,2 +291,3 @@ exports.PreformattedText = PreformattedText;
 exports.SubParagraph = SubParagraph;
+exports.UnorderedList = UnorderedList;
 //# sourceMappingURL=typography.cjs.development.js.map

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

dist/typography.esm.js

@@ -1,5 +0,5 @@
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import React from 'react';
 import classNames from 'classnames';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 
@@ -167,2 +167,35 @@ var CodeText = function CodeText(_ref) {
 
+var StrongText = function StrongText(_ref) {
+  var _ref$as = _ref.as,
+      Element = _ref$as === void 0 ? 'strong' : _ref$as,
+      className = _ref.className,
+      rest = _objectWithoutProperties(_ref, ["as", "className"]);
+
+  return React.createElement(Element, Object.assign({
+    className: classNames('eds-strong-text', className)
+  }, rest));
+};
+
+var ListItem = function ListItem(_ref) {
+  var children = _ref.children,
+      className = _ref.className,
+      title = _ref.title,
+      rest = _objectWithoutProperties(_ref, ["children", "className", "title"]);
+
+  return React.createElement("li", Object.assign({
+    className: classNames('eds-list-item', className)
+  }, rest), title && React.createElement(StrongText, {
+    className: "eds-list-item__title"
+  }, title), children);
+};
+
+var NumberedList = function NumberedList(_ref) {
+  var className = _ref.className,
+      rest = _objectWithoutProperties(_ref, ["className"]);
+
+  return React.createElement("ol", Object.assign({
+    className: classNames('eds-numbered-list', className)
+  }, rest));
+};
+
 var Paragraph = function Paragraph(_ref) {
@@ -201,13 +234,2 @@ var _ref$as = _ref.as,
 
-var StrongText = function StrongText(_ref) {
-  var _ref$as = _ref.as,
-      Element = _ref$as === void 0 ? 'strong' : _ref$as,
-      className = _ref.className,
-      rest = _objectWithoutProperties(_ref, ["as", "className"]);
-
-  return React.createElement(Element, Object.assign({
-    className: classNames('eds-strong-text', className)
-  }, rest));
-};
-
 var SubLabel = function SubLabel(_ref) {
@@ -235,3 +257,12 @@ var _ref$as = _ref.as,
 
-export { CodeText, EmphasizedText, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, Label, LeadParagraph, Link, Paragraph, PreformattedText, SmallText, StrongText, SubLabel, SubParagraph };
+var UnorderedList = function UnorderedList(_ref) {
+  var className = _ref.className,
+      rest = _objectWithoutProperties(_ref, ["className"]);
+
+  return React.createElement("ul", Object.assign({
+    className: classNames('eds-unordered-list', className)
+  }, rest));
+};
+
+export { CodeText, EmphasizedText, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, Label, LeadParagraph, Link, ListItem, NumberedList, Paragraph, PreformattedText, SmallText, StrongText, SubLabel, SubParagraph, UnorderedList };
 //# sourceMappingURL=typography.esm.js.map

package.json

 {
   "name": "@entur/typography",
-  "version": "0.6.1",
+  "version": "0.7.0",
   "license": "EUPL-1.2",
@@ -35,5 +35,5 @@ "main": "dist/index.js",
   "devDependencies": {
-    "@entur/tokens": "^1.1.0"
+    "@entur/tokens": "^1.1.1"
   },
-  "gitHead": "c518a56619cd30d0c7254b0f9f5298c69e54a8a0"
+  "gitHead": "1755d311b4cb5121c90a6abf85c17a9dfc530abe"
 }

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

108832

increased by8.77%

Lines of code

894

increased by5.92%

No dependency changes