@entur/typography - npm Package Compare versions

Comparing version 1.7.17 to 1.8.0

dist/Link.d.ts

 import React from 'react';
 import { PolymorphicComponentProps } from '@entur/utils';
 export type LinkOwnProps = {
+    external?: boolean;
     /** HTML-elementet eller React-komponenten som rendres
@@ -19,3 +20,3 @@ * @default "a"
 declare const defaultElement = "a";
-export declare const Link: <E extends React.ElementType<any> = "a">({ className, margin, as, ...rest }: LinkProps<E>) => JSX.Element;
+export declare const Link: <E extends React.ElementType<any> = "a">({ external, ariaLabelExternalIcon, className, margin, children, as, ...rest }: LinkProps<E>) => JSX.Element;
 export {};

dist/typography.cjs.development.js

@@ -8,2 +8,3 @@ 'use strict';
 var classNames = require('classnames');
+var icons = require('@entur/icons');
 
@@ -234,9 +235,14 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _excluded$9 = ["className", "margin", "as"];
+var _excluded$9 = ["external", "ariaLabelExternalIcon", "className", "margin", "children", "as"];
 var defaultElement$6 = 'a';
 var Link = function Link(_ref) {
   var _classNames;
-  var className = _ref.className,
+  var _ref$external = _ref.external,
+    external = _ref$external === void 0 ? false : _ref$external,
+    _ref$ariaLabelExterna = _ref.ariaLabelExternalIcon,
+    ariaLabelExternalIcon = _ref$ariaLabelExterna === void 0 ? '(ekstern lenke)' : _ref$ariaLabelExterna,
+    className = _ref.className,
     _ref$margin = _ref.margin,
     margin = _ref$margin === void 0 ? 'both' : _ref$margin,
+    children = _ref.children,
     as = _ref.as,
@@ -247,3 +253,6 @@ rest = _objectWithoutPropertiesLoose(_ref, _excluded$9);
     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));
+  }, rest), children, external ? React__default["default"].createElement(icons.ExternalIcon, {
+    className: "eds-link--ext-icon",
+    "aria-label": ariaLabelExternalIcon
+  }) : React__default["default"].createElement(React__default["default"].Fragment, null));
 };
@@ -250,0 +259,0 @@

dist/typography.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),a=require("react"),t=require("classnames");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=r(a),s=r(t);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},l.apply(this,arguments)}function o(e,a){if(null==e)return{};var t,r,n={},s=Object.keys(e);for(r=0;r<s.length;r++)a.indexOf(t=s[r])>=0||(n[t]=e[t]);return n}var m=["className"],i=["className"],d=["className","as"],c=["className","margin","as"],u=["className","level","margin","as"],g=function(e){var a,t=e.className,r=e.level,m=e.margin,i=e.as,d=o(e,u),c="eds-h"+r;return n.default.createElement(i||"h1",l({className:s.default(c,(a={},a[c+"--margin-top"]="top"===m,a[c+"--margin-bottom"]="bottom"===m,a[c+"--margin-none"]="none"===m,a),t)},d))},p=["margin","children","as"],f=["margin","children","as"],b=["margin","children","as"],h=["margin","children","as"],v=["margin","children","as"],N=["margin","children","as"],x=["className","margin","as"],E=["className","margin","as"],y=["className","margin","as"],k=["className","margin","as"],q=function(e){var a,t=e.className,r=e.margin,m=void 0===r?"both":r,i=e.as,d=o(e,k);return n.default.createElement(i||"strong",l({className:s.default("eds-strong-text",(a={},a["eds-strong-text--margin-top"]="top"===m,a["eds-strong-text--margin-bottom"]="bottom"===m,a["eds-strong-text--margin-none"]="none"===m,a),t)},d))},L=["children","className","title"],O=["className","type"],j=["margin","className","as"],H=["className","as"],P=["className","margin","as"],_=["className","margin","as"],z=["className","margin","as"],S=["className"];e.warnAboutMissingStyles("typography"),exports.Blockquote=function(e){var a=e.className,t=o(e,m);return n.default.createElement("blockquote",l({className:s.default("eds-blockquote",a)},t))},exports.BlockquoteFooter=function(e){var a=e.className,t=o(e,i);return n.default.createElement("footer",l({className:s.default("eds-blockquote__footer",a)},t))},exports.CodeText=function(e){var a=e.className,t=e.as,r=o(e,d);return n.default.createElement(t||"code",l({className:s.default("eds-code-text",a)},r))},exports.EmphasizedText=function(e){var a,t=e.className,r=e.margin,m=void 0===r?"both":r,i=e.as,d=o(e,c);return n.default.createElement(i||"em",l({className:s.default("eds-emphasized-text",(a={},a["eds-emphasized-text--margin-top"]="top"===m,a["eds-emphasized-text--margin-bottom"]="bottom"===m,a["eds-emphasized-text--margin-none"]="none"===m,a),t)},d))},exports.Heading1=function(e){var a=e.margin,t=void 0===a?"both":a,r=e.children,s=e.as,m=o(e,p);return n.default.createElement(g,l({as:s||"h1",margin:t},m,{level:1}),r)},exports.Heading2=function(e){var a=e.margin,t=void 0===a?"both":a,r=e.children,s=e.as,m=o(e,f);return n.default.createElement(g,l({as:s||"h2",margin:t},m,{level:2}),r)},exports.Heading3=function(e){var a=e.margin,t=void 0===a?"both":a,r=e.children,s=e.as,m=o(e,b);return n.default.createElement(g,l({as:s||"h3",margin:t},m,{level:3}),r)},exports.Heading4=function(e){var a=e.margin,t=void 0===a?"both":a,r=e.children,s=e.as,m=o(e,h);return n.default.createElement(g,l({as:s||"h4",margin:t},m,{level:4}),r)},exports.Heading5=function(e){var a=e.margin,t=void 0===a?"both":a,r=e.children,s=e.as,m=o(e,v);return n.default.createElement(g,l({as:s||"h5",margin:t},m,{level:5}),r)},exports.Heading6=function(e){var a=e.margin,t=void 0===a?"both":a,r=e.children,s=e.as,m=o(e,N);return n.default.createElement(g,l({as:s||"h6",margin:t},m,{level:6}),r)},exports.Label=function(e){var a,t=e.className,r=e.margin,m=void 0===r?"both":r,i=e.as,d=o(e,x);return n.default.createElement(i||"label",l({className:s.default("eds-label",(a={},a["eds-label--margin-top"]="top"===m,a["eds-label--margin-bottom"]="bottom"===m,a["eds-label--margin-none"]="none"===m,a),t)},d))},exports.LeadParagraph=function(e){var a,t=e.className,r=e.margin,m=void 0===r?"both":r,i=e.as,d=o(e,E);return n.default.createElement(i||"p",l({className:s.default("eds-lead-paragraph",(a={},a["eds-lead-paragraph--margin-top"]="top"===m,a["eds-lead-paragraph--margin-bottom"]="bottom"===m,a["eds-lead-paragraph--margin-none"]="none"===m,a),t)},d))},exports.Link=function(e){var a,t=e.className,r=e.margin,m=void 0===r?"both":r,i=e.as,d=o(e,y);return n.default.createElement(i||"a",l({className:s.default("eds-link",(a={},a["eds-link--margin-top"]="top"===m,a["eds-link--margin-bottom"]="bottom"===m,a["eds-link--margin-none"]="none"===m,a),t)},d))},exports.ListItem=function(e){var a=e.children,t=e.className,r=e.title,m=o(e,L);return n.default.createElement("li",l({className:s.default("eds-list-item",t)},m),r&&n.default.createElement(q,{className:"eds-list-item__title"},r),a)},exports.NumberedList=function(e){var a,t=e.className,r=e.type,m=void 0===r?"1":r,i=o(e,O);return n.default.createElement("ol",l({className:s.default("eds-numbered-list",(a={},a["eds-numbered-list--type-"+m]=m,a),t),type:m},i))},exports.Paragraph=function(e){var a=e.margin,t=void 0===a?"bottom":a,r=e.className,m=e.as,i=o(e,j);return n.default.createElement(m||"p",l({className:s.default("eds-paragraph",{"eds-paragraph--margin-bottom":"bottom"===t,"eds-paragraph--margin-none":"none"===t},r)},i))},exports.PreformattedText=function(e){var a=e.className,t=e.as,r=o(e,H);return n.default.createElement(t||"pre",l({className:s.default("eds-preformatted-text",a)},r))},exports.SmallText=function(e){var a,t=e.className,r=e.margin,m=void 0===r?"both":r,i=e.as,d=o(e,P);return n.default.createElement(i||"span",l({className:s.default("eds-small-text",(a={},a["eds-small-text--margin-top"]="top"===m,a["eds-small-text--margin-bottom"]="bottom"===m,a["eds-small-text--margin-none"]="none"===m,a),t)},d))},exports.StrongText=q,exports.SubLabel=function(e){var a,t=e.className,r=e.margin,m=void 0===r?"both":r,i=e.as,d=o(e,_);return n.default.createElement(i||"span",l({className:s.default("eds-sub-label",(a={},a["eds-sub-label--margin-top"]="top"===m,a["eds-sub-label--margin-bottom"]="bottom"===m,a["eds-sub-label--margin-none"]="none"===m,a),t)},d))},exports.SubParagraph=function(e){var a,t=e.className,r=e.margin,m=e.as,i=o(e,z);return n.default.createElement(m||"p",l({className:s.default("eds-sub-paragraph",(a={},a["eds-sub-paragraph--margin-top"]="top"===r,a["eds-sub-paragraph--margin-bottom"]="bottom"===r,a["eds-sub-paragraph--margin-none"]="none"===r,a),t)},i))},exports.UnorderedList=function(e){var a=e.className,t=o(e,S);return n.default.createElement("ul",l({className:s.default("eds-unordered-list",a)},t))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),a=require("react"),t=require("classnames"),r=require("@entur/icons");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(a),l=n(t);function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},o.apply(this,arguments)}function m(e,a){if(null==e)return{};var t,r,n={},s=Object.keys(e);for(r=0;r<s.length;r++)a.indexOf(t=s[r])>=0||(n[t]=e[t]);return n}var i=["className"],d=["className"],c=["className","as"],u=["className","margin","as"],g=["className","level","margin","as"],p=function(e){var a,t=e.className,r=e.level,n=e.margin,i=e.as,d=m(e,g),c="eds-h"+r;return s.default.createElement(i||"h1",o({className:l.default(c,(a={},a[c+"--margin-top"]="top"===n,a[c+"--margin-bottom"]="bottom"===n,a[c+"--margin-none"]="none"===n,a),t)},d))},f=["margin","children","as"],b=["margin","children","as"],h=["margin","children","as"],v=["margin","children","as"],N=["margin","children","as"],x=["margin","children","as"],E=["className","margin","as"],k=["className","margin","as"],y=["external","ariaLabelExternalIcon","className","margin","children","as"],q=["className","margin","as"],L=function(e){var a,t=e.className,r=e.margin,n=void 0===r?"both":r,i=e.as,d=m(e,q);return s.default.createElement(i||"strong",o({className:l.default("eds-strong-text",(a={},a["eds-strong-text--margin-top"]="top"===n,a["eds-strong-text--margin-bottom"]="bottom"===n,a["eds-strong-text--margin-none"]="none"===n,a),t)},d))},O=["children","className","title"],j=["className","type"],H=["margin","className","as"],P=["className","as"],_=["className","margin","as"],z=["className","margin","as"],S=["className","margin","as"],T=["className"];e.warnAboutMissingStyles("typography"),exports.Blockquote=function(e){var a=e.className,t=m(e,i);return s.default.createElement("blockquote",o({className:l.default("eds-blockquote",a)},t))},exports.BlockquoteFooter=function(e){var a=e.className,t=m(e,d);return s.default.createElement("footer",o({className:l.default("eds-blockquote__footer",a)},t))},exports.CodeText=function(e){var a=e.className,t=e.as,r=m(e,c);return s.default.createElement(t||"code",o({className:l.default("eds-code-text",a)},r))},exports.EmphasizedText=function(e){var a,t=e.className,r=e.margin,n=void 0===r?"both":r,i=e.as,d=m(e,u);return s.default.createElement(i||"em",o({className:l.default("eds-emphasized-text",(a={},a["eds-emphasized-text--margin-top"]="top"===n,a["eds-emphasized-text--margin-bottom"]="bottom"===n,a["eds-emphasized-text--margin-none"]="none"===n,a),t)},d))},exports.Heading1=function(e){var a=e.margin,t=void 0===a?"both":a,r=e.children,n=e.as,l=m(e,f);return s.default.createElement(p,o({as:n||"h1",margin:t},l,{level:1}),r)},exports.Heading2=function(e){var a=e.margin,t=void 0===a?"both":a,r=e.children,n=e.as,l=m(e,b);return s.default.createElement(p,o({as:n||"h2",margin:t},l,{level:2}),r)},exports.Heading3=function(e){var a=e.margin,t=void 0===a?"both":a,r=e.children,n=e.as,l=m(e,h);return s.default.createElement(p,o({as:n||"h3",margin:t},l,{level:3}),r)},exports.Heading4=function(e){var a=e.margin,t=void 0===a?"both":a,r=e.children,n=e.as,l=m(e,v);return s.default.createElement(p,o({as:n||"h4",margin:t},l,{level:4}),r)},exports.Heading5=function(e){var a=e.margin,t=void 0===a?"both":a,r=e.children,n=e.as,l=m(e,N);return s.default.createElement(p,o({as:n||"h5",margin:t},l,{level:5}),r)},exports.Heading6=function(e){var a=e.margin,t=void 0===a?"both":a,r=e.children,n=e.as,l=m(e,x);return s.default.createElement(p,o({as:n||"h6",margin:t},l,{level:6}),r)},exports.Label=function(e){var a,t=e.className,r=e.margin,n=void 0===r?"both":r,i=e.as,d=m(e,E);return s.default.createElement(i||"label",o({className:l.default("eds-label",(a={},a["eds-label--margin-top"]="top"===n,a["eds-label--margin-bottom"]="bottom"===n,a["eds-label--margin-none"]="none"===n,a),t)},d))},exports.LeadParagraph=function(e){var a,t=e.className,r=e.margin,n=void 0===r?"both":r,i=e.as,d=m(e,k);return s.default.createElement(i||"p",o({className:l.default("eds-lead-paragraph",(a={},a["eds-lead-paragraph--margin-top"]="top"===n,a["eds-lead-paragraph--margin-bottom"]="bottom"===n,a["eds-lead-paragraph--margin-none"]="none"===n,a),t)},d))},exports.Link=function(e){var a,t=e.external,n=void 0!==t&&t,i=e.ariaLabelExternalIcon,d=void 0===i?"(ekstern lenke)":i,c=e.className,u=e.margin,g=void 0===u?"both":u,p=e.children,f=e.as,b=m(e,y);return s.default.createElement(f||"a",o({className:l.default("eds-link",(a={},a["eds-link--margin-top"]="top"===g,a["eds-link--margin-bottom"]="bottom"===g,a["eds-link--margin-none"]="none"===g,a),c)},b),p,n?s.default.createElement(r.ExternalIcon,{className:"eds-link--ext-icon","aria-label":d}):s.default.createElement(s.default.Fragment,null))},exports.ListItem=function(e){var a=e.children,t=e.className,r=e.title,n=m(e,O);return s.default.createElement("li",o({className:l.default("eds-list-item",t)},n),r&&s.default.createElement(L,{className:"eds-list-item__title"},r),a)},exports.NumberedList=function(e){var a,t=e.className,r=e.type,n=void 0===r?"1":r,i=m(e,j);return s.default.createElement("ol",o({className:l.default("eds-numbered-list",(a={},a["eds-numbered-list--type-"+n]=n,a),t),type:n},i))},exports.Paragraph=function(e){var a=e.margin,t=void 0===a?"bottom":a,r=e.className,n=e.as,i=m(e,H);return s.default.createElement(n||"p",o({className:l.default("eds-paragraph",{"eds-paragraph--margin-bottom":"bottom"===t,"eds-paragraph--margin-none":"none"===t},r)},i))},exports.PreformattedText=function(e){var a=e.className,t=e.as,r=m(e,P);return s.default.createElement(t||"pre",o({className:l.default("eds-preformatted-text",a)},r))},exports.SmallText=function(e){var a,t=e.className,r=e.margin,n=void 0===r?"both":r,i=e.as,d=m(e,_);return s.default.createElement(i||"span",o({className:l.default("eds-small-text",(a={},a["eds-small-text--margin-top"]="top"===n,a["eds-small-text--margin-bottom"]="bottom"===n,a["eds-small-text--margin-none"]="none"===n,a),t)},d))},exports.StrongText=L,exports.SubLabel=function(e){var a,t=e.className,r=e.margin,n=void 0===r?"both":r,i=e.as,d=m(e,z);return s.default.createElement(i||"span",o({className:l.default("eds-sub-label",(a={},a["eds-sub-label--margin-top"]="top"===n,a["eds-sub-label--margin-bottom"]="bottom"===n,a["eds-sub-label--margin-none"]="none"===n,a),t)},d))},exports.SubParagraph=function(e){var a,t=e.className,r=e.margin,n=e.as,i=m(e,S);return s.default.createElement(n||"p",o({className:l.default("eds-sub-paragraph",(a={},a["eds-sub-paragraph--margin-top"]="top"===r,a["eds-sub-paragraph--margin-bottom"]="bottom"===r,a["eds-sub-paragraph--margin-none"]="none"===r,a),t)},i))},exports.UnorderedList=function(e){var a=e.className,t=m(e,T);return s.default.createElement("ul",o({className:l.default("eds-unordered-list",a)},t))};
 //# sourceMappingURL=typography.cjs.production.min.js.map

dist/typography.esm.js

 import { warnAboutMissingStyles } from '@entur/utils';
 import React from 'react';
 import classNames from 'classnames';
+import { ExternalIcon } from '@entur/icons';
 
@@ -224,9 +225,14 @@ function _extends() {
 
-var _excluded$9 = ["className", "margin", "as"];
+var _excluded$9 = ["external", "ariaLabelExternalIcon", "className", "margin", "children", "as"];
 var defaultElement$6 = 'a';
 var Link = function Link(_ref) {
   var _classNames;
-  var className = _ref.className,
+  var _ref$external = _ref.external,
+    external = _ref$external === void 0 ? false : _ref$external,
+    _ref$ariaLabelExterna = _ref.ariaLabelExternalIcon,
+    ariaLabelExternalIcon = _ref$ariaLabelExterna === void 0 ? '(ekstern lenke)' : _ref$ariaLabelExterna,
+    className = _ref.className,
     _ref$margin = _ref.margin,
     margin = _ref$margin === void 0 ? 'both' : _ref$margin,
+    children = _ref.children,
     as = _ref.as,
@@ -237,3 +243,6 @@ rest = _objectWithoutPropertiesLoose(_ref, _excluded$9);
     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));
+  }, rest), children, external ? React.createElement(ExternalIcon, {
+    className: "eds-link--ext-icon",
+    "aria-label": ariaLabelExternalIcon
+  }) : React.createElement(React.Fragment, null));
 };
@@ -240,0 +249,0 @@

package.json

 {
   "name": "@entur/typography",
-  "version": "1.7.17",
+  "version": "1.8.0",
   "license": "SEE LICENSE IN README.md",
@@ -30,2 +30,3 @@ "main": "dist/index.js",
   "dependencies": {
+    "@entur/icons": "6.3.0",
     "@entur/tokens": "^3.9.0",
@@ -36,3 +37,3 @@ "@entur/utils": "^0.9.0",
   },
-  "gitHead": "be029b3d6a7f40e805697a28daf0c5df55a6177d"
+  "gitHead": "8f124a94b17be084024892eca96ab800f18ceca2"
 }

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

2040555

increased by0.2%

Lines of code

1657

increased by1.72%

Worsened metrics

Dependency count

7

increased by16.67%

Dependency changes

• + Added@entur/icons@6.3.0

• + Added@entur/icons@6.3.0(transitive)

• + Addedchokidar@4.0.1(transitive)

• + Addedimmutable@4.3.7(transitive)

• + Addedreaddirp@4.0.1(transitive)

• + Addedsass@1.79.4(transitive)

• + Addedsource-map-js@1.2.1(transitive)