@fremtind/jkl-icons-react - npm Package Compare versions

Comparing version 1.3.5 to 1.4.0

build/animated-icons/HamburgerCloseAnimated.d.ts

@@ -6,4 +6,6 @@ import { FC } from "react";
     variant?: variants;
+    hamburgerTitle?: string;
+    closeTitle?: string;
 }
 export declare const HamburgerCloseAnimated: FC<Props>;
 export {};

build/animated-icons/PlusRemoveAnimated.d.ts

@@ -6,4 +6,6 @@ import { FC } from "react";
     variant?: variants;
+    plusTitle?: string;
+    closeTitle?: string;
 }
 export declare const PlusRemoveAnimated: FC<Props>;
 export {};

build/browser/index.js

@@ -24,6 +24,10 @@ import React from 'react';
   var className = _ref.className,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "CheckMark" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "Ikon av en hake" : _ref$description;
   return /*#__PURE__*/React.createElement(IconFactory, {
-    title: "CheckMark",
-    description: "Ikon av en hake",
+    title: title,
+    description: description,
     className: className,
@@ -41,6 +45,10 @@ variant: variant,
   var className = _ref.className,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Lukk" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "Ikon av en x" : _ref$description;
   return /*#__PURE__*/React.createElement(IconFactory, {
-    title: "Lukk",
-    description: "Ikon av en x",
+    title: title,
+    description: description,
     className: className,
@@ -60,6 +68,10 @@ variant: variant,
   var className = _ref.className,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Pluss" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "Ikon av plusstegn" : _ref$description;
   return /*#__PURE__*/React.createElement(IconFactory, {
-    title: "Pluss",
-    description: "Ikon av plusstegn",
+    title: title,
+    description: description,
     className: className,
@@ -79,6 +91,10 @@ variant: variant,
   var className = _ref.className,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Søk" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "Ikon av forstørrelsesglass" : _ref$description;
   return /*#__PURE__*/React.createElement(IconFactory, {
-    title: "S\xF8k",
-    description: "Ikon av forst\xF8rrelsesglass",
+    title: title,
+    description: description,
     className: className,
@@ -98,6 +114,10 @@ variant: variant,
   var className = _ref.className,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "hamburger" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "Ikon av hamburgermeny" : _ref$description;
   return /*#__PURE__*/React.createElement(IconFactory, {
-    title: "Hamburger",
-    description: "Ikon av hamburgermeny",
+    title: title,
+    description: description,
     className: className,
@@ -117,6 +137,10 @@ variant: variant,
   var className = _ref.className,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Kalender" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "Ikon av en kalender" : _ref$description;
   return /*#__PURE__*/React.createElement(IconFactory, {
-    title: "Kalender",
-    description: "Ikon av en kalender",
+    title: title,
+    description: description,
     className: className,
@@ -136,7 +160,11 @@ variant: variant,
   var className = _ref.className,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Pil-ekstern" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "Ikon av en pil opp mot høyre" : _ref$description;
   return /*#__PURE__*/React.createElement(IconFactory, {
+    title: title,
+    description: description,
     viewBox: "0 0 15 16",
-    title: "Pil-ekstern",
-    description: "Ikon av en pil opp mot h\xF8yre",
     className: className,
@@ -154,7 +182,11 @@ variant: variant,
   var className = _ref.className,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Pil-opp" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "Ikon av en pil mot opp" : _ref$description;
   return /*#__PURE__*/React.createElement(IconFactory, {
+    title: title,
+    description: description,
     viewBox: "0 0 15 16",
-    title: "Pil-opp",
-    description: "Ikon av en pil mot opp",
     className: className,
@@ -172,7 +204,11 @@ variant: variant,
   var className = _ref.className,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Pil-ned" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "Ikon av en pil mot ned" : _ref$description;
   return /*#__PURE__*/React.createElement(IconFactory, {
+    title: title,
+    description: description,
     viewBox: "0 0 15 16",
-    title: "Pil-ned",
-    description: "Ikon av en pil mot ned",
     className: className,
@@ -190,7 +226,11 @@ variant: variant,
   var className = _ref.className,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Pil-høyre" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "Ikon av en pil mot høyre" : _ref$description;
   return /*#__PURE__*/React.createElement(IconFactory, {
+    title: title,
+    description: description,
     viewBox: "0 0 15 16",
-    title: "Pil-h\xF8yre",
-    description: "Ikon av en pil mot h\xF8yre",
     className: className,
@@ -208,7 +248,11 @@ variant: variant,
   var className = _ref.className,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Pil-venstre" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "Ikon av en pil mot venstre" : _ref$description;
   return /*#__PURE__*/React.createElement(IconFactory, {
+    title: title,
+    description: description,
     viewBox: "0 0 15 16",
-    title: "Pil-venstre",
-    description: "Ikon av en pil mot venstre",
     className: className,
@@ -226,7 +270,11 @@ variant: variant,
   var className = _ref.className,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Info-icon" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "Sirkel med 'i' i midten" : _ref$description;
   return /*#__PURE__*/React.createElement(IconFactory, {
+    title: title,
+    description: description,
     viewBox: "0 0 24 24",
-    title: "Info-icon",
-    description: "Sirkel med 'i' i midten",
     className: className,
@@ -249,7 +297,11 @@ variant: variant,
   var className = _ref.className,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Success-icon" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "Sirkel med hake i midten" : _ref$description;
   return /*#__PURE__*/React.createElement(IconFactory, {
+    title: title,
+    description: description,
     viewBox: "0 0 24 24",
-    title: "Success-icon",
-    description: "Sirkel med hake i midten",
     className: className,
@@ -272,7 +324,11 @@ variant: variant,
   var className = _ref.className,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Warning-icon" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "Sirkel med utropstegn i midten" : _ref$description;
   return /*#__PURE__*/React.createElement(IconFactory, {
+    title: title,
+    description: description,
     viewBox: "0 0 24 24",
-    title: "Warning-icon",
-    description: "Sirkel med utropstegn i midten",
     className: className,
@@ -295,7 +351,11 @@ variant: variant,
   var className = _ref.className,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Error-icon" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "Sirkel med strek over på tvers" : _ref$description;
   return /*#__PURE__*/React.createElement(IconFactory, {
+    title: title,
+    description: description,
     viewBox: "0 0 24 24",
-    title: "Error-icon",
-    description: "Sirkel med strek over p\xE5 tvers",
     className: className,
@@ -357,3 +417,7 @@ variant: variant,
       _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? "small" : _ref$variant;
+      variant = _ref$variant === void 0 ? "small" : _ref$variant,
+      _ref$plusTitle = _ref.plusTitle,
+      plusTitle = _ref$plusTitle === void 0 ? "pluss" : _ref$plusTitle,
+      _ref$closeTitle = _ref.closeTitle,
+      closeTitle = _ref$closeTitle === void 0 ? "lukk" : _ref$closeTitle;
   var iconSize = variant !== "inherit" ? variant : "small";
@@ -363,3 +427,5 @@ return /*#__PURE__*/React.createElement("div", {
   }, /*#__PURE__*/React.createElement(Plus, {
-    variant: iconSize
+    variant: iconSize,
+    title: isPlus ? plusTitle : closeTitle,
+    description: "Ikon av ".concat(isPlus ? plusTitle : closeTitle, "tegn")
   }));
@@ -380,3 +446,7 @@ };
       _ref2$variant = _ref2.variant,
-      variant = _ref2$variant === void 0 ? "small" : _ref2$variant;
+      variant = _ref2$variant === void 0 ? "small" : _ref2$variant,
+      _ref2$hamburgerTitle = _ref2.hamburgerTitle,
+      hamburgerTitle = _ref2$hamburgerTitle === void 0 ? "meny" : _ref2$hamburgerTitle,
+      _ref2$closeTitle = _ref2.closeTitle,
+      closeTitle = _ref2$closeTitle === void 0 ? "lukk" : _ref2$closeTitle;
   var iconSize = variant !== "inherit" ? variant : "small";
@@ -388,7 +458,9 @@ return /*#__PURE__*/React.createElement("div", {
   }, /*#__PURE__*/React.createElement(Hamburger, {
-    variant: iconSize
+    variant: iconSize,
+    title: hamburgerTitle
   })), /*#__PURE__*/React.createElement(Show, {
     when: !isBurger
   }, /*#__PURE__*/React.createElement(Close, {
-    variant: iconSize
+    variant: iconSize,
+    title: closeTitle
   })));
@@ -395,0 +467,0 @@ };

build/browser/index.min.js

@@ -1,1 +0,1 @@
-import e from"react";var a=function(a){var r=a.viewBox,t=void 0===r?"0 0 20 21":r,n=a.variant,l=void 0===n?"inherit":n,i=a.className,c=void 0===i?"":i,o=a.title,s=a.description,m=a.innerSvg;return e.createElement("svg",{className:"jkl-icon jkl-icon--".concat(l," ").concat(c),width:"100%",viewBox:t,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("title",null,o),e.createElement("desc",null,s),m)},r=function(r){var t=r.className,n=r.variant;return e.createElement(a,{title:"CheckMark",description:"Ikon av en hake",className:t,variant:n,innerSvg:e.createElement("path",{d:"M1 15.2168L5.24264 19.4594L19.3848 5.3173",stroke:"currentColor"})})};r.displayName="CheckMark";var t=function(r){var t=r.className,n=r.variant;return e.createElement(a,{title:"Lukk",description:"Ikon av en x",className:t,variant:n,innerSvg:e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.6897 12.2047L16.7976 5.77481L16.0836 5.07422L10.0003 11.4783L3.92319 5.07428L3.20958 5.77524L9.31054 12.2044L2.5 19.374L3.21395 20.0746L9.99992 12.9308L16.7857 20.0816L17.4993 19.3807L10.6897 12.2047Z",fill:"currentColor"})})};t.displayName="Close";var n=function(r){var t=r.className,n=r.variant;return e.createElement(a,{title:"Pluss",description:"Ikon av plusstegn",className:t,variant:n,innerSvg:e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.5 13.0742V20.0742H10.5V13.0742L17.5 13.0742V12.0742L10.5 12.0742V5.07422H9.5V12.0742L2.5 12.0742V13.0742L9.5 13.0742Z",fill:"currentColor"})})};n.displayName="Plus";var l=function(r){var t=r.className,n=r.variant;return e.createElement(a,{title:"Søk",description:"Ikon av forstørrelsesglass",className:t,variant:n,innerSvg:e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2 9.07422C2 5.20823 5.13401 2.07422 9 2.07422C12.866 2.07422 16 5.20823 16 9.07422C16 12.9402 12.866 16.0742 9 16.0742C5.13401 16.0742 2 12.9402 2 9.07422ZM9 1.07422C4.58172 1.07422 1 4.65594 1 9.07422C1 13.4925 4.58172 17.0742 9 17.0742C10.9927 17.0742 12.8152 16.3457 14.2157 15.1404L19.003 19.9278L19.7101 19.2207L14.9317 14.4423C16.217 13.0228 17 11.14 17 9.07422C17 4.65594 13.4183 1.07422 9 1.07422Z",fill:"currentColor"})})};l.displayName="Search";var i=function(r){var t=r.className,n=r.variant;return e.createElement(a,{title:"Hamburger",description:"Ikon av hamburgermeny",className:t,variant:n,innerSvg:e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20 6.07422H0V5.07422H20V6.07422ZM20 13.0742H0V12.0742H20V13.0742ZM0 20.0742H20V19.0742H0V20.0742Z",fill:"currentColor"})})};i.displayName="Hamburger";var c=function(r){var t=r.className,n=r.variant;return e.createElement(a,{title:"Kalender",description:"Ikon av en kalender",className:t,variant:n,innerSvg:e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.60547 8.10677V6.1276H13.3971V8.10677H14.3971V6.1276H17.6471V19.2943H2.35547V6.1276H5.60547V8.10677H6.60547ZM13.3971 5.1276H6.60547V3.14844H5.60547V5.1276H1.85547H1.35547V5.6276V19.7943V20.2943H1.85547H18.1471H18.6471V19.7943V5.6276V5.1276H18.1471H14.3971V3.14844H13.3971V5.1276ZM5.7513 9.87761H4.6888V10.9401H5.7513V9.87761ZM5.7513 13.0651H4.6888V14.1276H5.7513V13.0651ZM5.7513 16.2526H4.6888V17.3151H5.7513V16.2526ZM8.9388 9.87761H7.8763V10.9401H8.9388V9.87761ZM8.9388 13.0651H7.8763V14.1276H8.9388V13.0651ZM8.9388 16.2526H7.8763V17.3151H8.9388V16.2526ZM12.1263 9.87761H11.0638V10.9401H12.1263V9.87761ZM12.1263 13.0651H11.0638V14.1276H12.1263V13.0651ZM12.1263 16.2526H11.0638V17.3151H12.1263V16.2526ZM15.3138 9.87761H14.2513V10.9401H15.3138V9.87761ZM15.3138 13.0651H14.2513V14.1276H15.3138V13.0651ZM15.3138 16.2526H14.2513V17.3151H15.3138V16.2526Z",fill:"currentColor"})})};c.displayName="Calendar";var o=function(r){var t=r.className,n=r.variant;return e.createElement(a,{viewBox:"0 0 15 16",title:"Pil-ekstern",description:"Ikon av en pil opp mot høyre",className:t,variant:n,innerSvg:e.createElement("path",{d:"M10.0756 5.70656L3.39683 5.68281L3.39313 4.64217L11.8483 4.67224L11.8784 13.1275L10.8378 13.1238L10.814 6.44507L2.11099 15.1481L1.37253 14.4096L10.0756 5.70656Z",fill:"currentColor"})})};o.displayName="ArrowUpRight";var s=function(r){var t=r.className,n=r.variant;return e.createElement(a,{viewBox:"0 0 15 16",title:"Pil-opp",description:"Ikon av en pil mot opp",className:t,variant:n,innerSvg:e.createElement("path",{d:"M6.97787 2.13331L2.23846 6.83913L1.5 6.10591L7.5 0.148436L13.5 6.10591L12.7615 6.83913L8.0222 2.13338L8.02221 15.1484L6.97787 15.1484L6.97787 2.13331Z",fill:"currentColor"})})};s.displayName="ArrowUp";var m=function(r){var t=r.className,n=r.variant;return e.createElement(a,{viewBox:"0 0 15 16",title:"Pil-ned",description:"Ikon av en pil mot ned",className:t,variant:n,innerSvg:e.createElement("path",{d:"M8.02213 13.1636L12.7615 8.45775L13.5 9.19097L7.5 15.1484L1.5 9.19096L2.23845 8.45774L6.97779 13.1635L6.97779 0.148437L8.02213 0.148438L8.02213 13.1636Z",fill:"currentColor"})})};m.displayName="ArrowDown";var v=function(r){var t=r.className,n=r.variant;return e.createElement(a,{viewBox:"0 0 15 16",title:"Pil-høyre",description:"Ikon av en pil mot høyre",className:t,variant:n,innerSvg:e.createElement("path",{d:"M13.0151 7.12631L8.30931 2.38689L9.04253 1.64844L15 7.64844L9.04253 13.6484L8.30931 12.91L13.0151 8.17064L-2.39442e-07 8.17064L-2.85091e-07 7.12631L13.0151 7.12631Z",fill:"currentColor"})})};v.displayName="ArrowRight";var d=function(r){var t=r.className,n=r.variant;return e.createElement(a,{viewBox:"0 0 15 16",title:"Pil-venstre",description:"Ikon av en pil mot venstre",className:t,variant:n,innerSvg:e.createElement("path",{d:"M1.98487 8.17056L6.69069 12.91L5.95747 13.6484L5.96007e-07 7.64844L5.95747 1.64844L6.69069 2.38689L1.98495 7.12623L15 7.12623L15 8.17057L1.98487 8.17056Z",fill:"currentColor"})})};d.displayName="ArrowLeft";var u=function(r){var t=r.className,n=r.variant;return e.createElement(a,{viewBox:"0 0 24 24",title:"Info-icon",description:"Sirkel med 'i' i midten",className:t,variant:n,innerSvg:e.createElement(e.Fragment,null,e.createElement("circle",{cx:"12",cy:"12",r:"11.5",stroke:"currentColor"}),e.createElement("path",{d:"M11.952 7.328C12.384 7.328 12.688 7.072 12.688 6.624C12.688 6.192 12.384 5.92 11.952 5.92C11.536 5.92 11.248 6.192 11.248 6.624C11.248 7.072 11.536 7.328 11.952 7.328ZM11.504 18H12.512V9.408H11.504V18Z",fill:"currentColor"}))})};u.displayName="Info";var p=function(r){var t=r.className,n=r.variant;return e.createElement(a,{viewBox:"0 0 24 24",title:"Success-icon",description:"Sirkel med hake i midten",className:t,variant:n,innerSvg:e.createElement(e.Fragment,null,e.createElement("circle",{cx:"12",cy:"12",r:"11.5",stroke:"currentColor"}),e.createElement("path",{d:"M7 13.5L10 16.5L19.5 7",stroke:"currentColor"}))})};p.displayName="Success";var L=function(r){var t=r.className,n=r.variant;return e.createElement(a,{viewBox:"0 0 24 24",title:"Warning-icon",description:"Sirkel med utropstegn i midten",className:t,variant:n,innerSvg:e.createElement(e.Fragment,null,e.createElement("circle",{cx:"12",cy:"12",r:"11.5",stroke:"currentColor"}),e.createElement("path",{d:"M11.112 14.624H11.688L11.896 11.36V6H10.904V11.36L11.112 14.624ZM11.4 18.24C11.784 18.24 12.136 17.952 12.136 17.504C12.136 17.072 11.784 16.784 11.4 16.784C11.016 16.784 10.664 17.072 10.664 17.504C10.664 17.952 11.016 18.24 11.4 18.24Z",fill:"currentColor"}))})};L.displayName="Warning";var E=function(r){var t=r.className,n=r.variant;return e.createElement(a,{viewBox:"0 0 24 24",title:"Error-icon",description:"Sirkel med strek over på tvers",className:t,variant:n,innerSvg:e.createElement(e.Fragment,null,e.createElement("circle",{cx:"12",cy:"12",r:"11.5",stroke:"currentColor"}),e.createElement("rect",{x:"4",y:"4.22168",width:"1",height:"22",transform:"rotate(-45 4 4.22168)",fill:"currentColor"}))})};E.displayName="Error";var N=function(a){var r=a.pointingDown,t=a.variant,n=void 0===t?"small":t,l="inherit"!==n?n:"small";return e.createElement("div",{className:"jkl-icon--".concat(l," jkl-animated-vertical-arrows")},e.createElement("div",{className:"jkl-animated-vertical-arrows__slider jkl-animated-vertical-arrows__slider--".concat(r?"down":"up")},e.createElement(m,{variant:l}),e.createElement(s,{variant:l})))};N.displayName="ArrowVerticalAnimated";var V=function(a){var r=a.pointingRight,t=a.variant,n=void 0===t?"small":t,l="inherit"!==n?n:"small";return e.createElement("div",{className:"jkl-icon--".concat(l," jkl-animated-horizontal-arrows")},e.createElement("div",{className:"jkl-animated-horizontal-arrows__slider jkl-animated-horizontal-arrows__slider--".concat(r?"right":"left")},e.createElement(v,{variant:l}),e.createElement(d,{variant:l})))};V.displayName="ArrowHorizontalAnimated";var H=function(a){var r=a.isPlus,t=a.variant,l=void 0===t?"small":t,i="inherit"!==l?l:"small";return e.createElement("div",{className:"jkl-icon--".concat(i," jkl-icons-animated__plus jkl-icons-animated__plus--").concat(r?"plus":"close")},e.createElement(n,{variant:i}))};H.displayName="PlusRemoveAnimated";var k=function(a){var r=a.when,t=a.children;return e.createElement("div",{className:"jkl-icons-animated__burger__icons jkl-icons-animated__burger__icons--".concat(r?"show":"hide")},t)},f=function(a){var r=a.isBurger,n=a.variant,l=void 0===n?"small":n,c="inherit"!==l?l:"small";return e.createElement("div",{className:"jkl-icon--".concat(c," jkl-icons-animated__burger")},e.createElement(k,{when:r},e.createElement(i,{variant:c})),e.createElement(k,{when:!r},e.createElement(t,{variant:c})))};f.displayName="HamburgerCloseAnimated";export{m as ArrowDown,V as ArrowHorizontalAnimated,d as ArrowLeft,v as ArrowRight,s as ArrowUp,o as ArrowUpRight,N as ArrowVerticalAnimated,c as Calendar,r as CheckMark,t as Close,E as Error,i as Hamburger,f as HamburgerCloseAnimated,u as Info,n as Plus,H as PlusRemoveAnimated,l as Search,p as Success,L as Warning};
+import e from"react";var t=function(t){var r=t.viewBox,a=void 0===r?"0 0 20 21":r,i=t.variant,n=void 0===i?"inherit":i,l=t.className,o=void 0===l?"":l,c=t.title,s=t.description,v=t.innerSvg;return e.createElement("svg",{className:"jkl-icon jkl-icon--".concat(n," ").concat(o),width:"100%",viewBox:a,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("title",null,c),e.createElement("desc",null,s),v)},r=function(r){var a=r.className,i=r.variant,n=r.title,l=void 0===n?"CheckMark":n,o=r.description,c=void 0===o?"Ikon av en hake":o;return e.createElement(t,{title:l,description:c,className:a,variant:i,innerSvg:e.createElement("path",{d:"M1 15.2168L5.24264 19.4594L19.3848 5.3173",stroke:"currentColor"})})};r.displayName="CheckMark";var a=function(r){var a=r.className,i=r.variant,n=r.title,l=void 0===n?"Lukk":n,o=r.description,c=void 0===o?"Ikon av en x":o;return e.createElement(t,{title:l,description:c,className:a,variant:i,innerSvg:e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.6897 12.2047L16.7976 5.77481L16.0836 5.07422L10.0003 11.4783L3.92319 5.07428L3.20958 5.77524L9.31054 12.2044L2.5 19.374L3.21395 20.0746L9.99992 12.9308L16.7857 20.0816L17.4993 19.3807L10.6897 12.2047Z",fill:"currentColor"})})};a.displayName="Close";var i=function(r){var a=r.className,i=r.variant,n=r.title,l=void 0===n?"Pluss":n,o=r.description,c=void 0===o?"Ikon av plusstegn":o;return e.createElement(t,{title:l,description:c,className:a,variant:i,innerSvg:e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.5 13.0742V20.0742H10.5V13.0742L17.5 13.0742V12.0742L10.5 12.0742V5.07422H9.5V12.0742L2.5 12.0742V13.0742L9.5 13.0742Z",fill:"currentColor"})})};i.displayName="Plus";var n=function(r){var a=r.className,i=r.variant,n=r.title,l=void 0===n?"Søk":n,o=r.description,c=void 0===o?"Ikon av forstørrelsesglass":o;return e.createElement(t,{title:l,description:c,className:a,variant:i,innerSvg:e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2 9.07422C2 5.20823 5.13401 2.07422 9 2.07422C12.866 2.07422 16 5.20823 16 9.07422C16 12.9402 12.866 16.0742 9 16.0742C5.13401 16.0742 2 12.9402 2 9.07422ZM9 1.07422C4.58172 1.07422 1 4.65594 1 9.07422C1 13.4925 4.58172 17.0742 9 17.0742C10.9927 17.0742 12.8152 16.3457 14.2157 15.1404L19.003 19.9278L19.7101 19.2207L14.9317 14.4423C16.217 13.0228 17 11.14 17 9.07422C17 4.65594 13.4183 1.07422 9 1.07422Z",fill:"currentColor"})})};n.displayName="Search";var l=function(r){var a=r.className,i=r.variant,n=r.title,l=void 0===n?"hamburger":n,o=r.description,c=void 0===o?"Ikon av hamburgermeny":o;return e.createElement(t,{title:l,description:c,className:a,variant:i,innerSvg:e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20 6.07422H0V5.07422H20V6.07422ZM20 13.0742H0V12.0742H20V13.0742ZM0 20.0742H20V19.0742H0V20.0742Z",fill:"currentColor"})})};l.displayName="Hamburger";var o=function(r){var a=r.className,i=r.variant,n=r.title,l=void 0===n?"Kalender":n,o=r.description,c=void 0===o?"Ikon av en kalender":o;return e.createElement(t,{title:l,description:c,className:a,variant:i,innerSvg:e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.60547 8.10677V6.1276H13.3971V8.10677H14.3971V6.1276H17.6471V19.2943H2.35547V6.1276H5.60547V8.10677H6.60547ZM13.3971 5.1276H6.60547V3.14844H5.60547V5.1276H1.85547H1.35547V5.6276V19.7943V20.2943H1.85547H18.1471H18.6471V19.7943V5.6276V5.1276H18.1471H14.3971V3.14844H13.3971V5.1276ZM5.7513 9.87761H4.6888V10.9401H5.7513V9.87761ZM5.7513 13.0651H4.6888V14.1276H5.7513V13.0651ZM5.7513 16.2526H4.6888V17.3151H5.7513V16.2526ZM8.9388 9.87761H7.8763V10.9401H8.9388V9.87761ZM8.9388 13.0651H7.8763V14.1276H8.9388V13.0651ZM8.9388 16.2526H7.8763V17.3151H8.9388V16.2526ZM12.1263 9.87761H11.0638V10.9401H12.1263V9.87761ZM12.1263 13.0651H11.0638V14.1276H12.1263V13.0651ZM12.1263 16.2526H11.0638V17.3151H12.1263V16.2526ZM15.3138 9.87761H14.2513V10.9401H15.3138V9.87761ZM15.3138 13.0651H14.2513V14.1276H15.3138V13.0651ZM15.3138 16.2526H14.2513V17.3151H15.3138V16.2526Z",fill:"currentColor"})})};o.displayName="Calendar";var c=function(r){var a=r.className,i=r.variant,n=r.title,l=void 0===n?"Pil-ekstern":n,o=r.description,c=void 0===o?"Ikon av en pil opp mot høyre":o;return e.createElement(t,{title:l,description:c,viewBox:"0 0 15 16",className:a,variant:i,innerSvg:e.createElement("path",{d:"M10.0756 5.70656L3.39683 5.68281L3.39313 4.64217L11.8483 4.67224L11.8784 13.1275L10.8378 13.1238L10.814 6.44507L2.11099 15.1481L1.37253 14.4096L10.0756 5.70656Z",fill:"currentColor"})})};c.displayName="ArrowUpRight";var s=function(r){var a=r.className,i=r.variant,n=r.title,l=void 0===n?"Pil-opp":n,o=r.description,c=void 0===o?"Ikon av en pil mot opp":o;return e.createElement(t,{title:l,description:c,viewBox:"0 0 15 16",className:a,variant:i,innerSvg:e.createElement("path",{d:"M6.97787 2.13331L2.23846 6.83913L1.5 6.10591L7.5 0.148436L13.5 6.10591L12.7615 6.83913L8.0222 2.13338L8.02221 15.1484L6.97787 15.1484L6.97787 2.13331Z",fill:"currentColor"})})};s.displayName="ArrowUp";var v=function(r){var a=r.className,i=r.variant,n=r.title,l=void 0===n?"Pil-ned":n,o=r.description,c=void 0===o?"Ikon av en pil mot ned":o;return e.createElement(t,{title:l,description:c,viewBox:"0 0 15 16",className:a,variant:i,innerSvg:e.createElement("path",{d:"M8.02213 13.1636L12.7615 8.45775L13.5 9.19097L7.5 15.1484L1.5 9.19096L2.23845 8.45774L6.97779 13.1635L6.97779 0.148437L8.02213 0.148438L8.02213 13.1636Z",fill:"currentColor"})})};v.displayName="ArrowDown";var d=function(r){var a=r.className,i=r.variant,n=r.title,l=void 0===n?"Pil-høyre":n,o=r.description,c=void 0===o?"Ikon av en pil mot høyre":o;return e.createElement(t,{title:l,description:c,viewBox:"0 0 15 16",className:a,variant:i,innerSvg:e.createElement("path",{d:"M13.0151 7.12631L8.30931 2.38689L9.04253 1.64844L15 7.64844L9.04253 13.6484L8.30931 12.91L13.0151 8.17064L-2.39442e-07 8.17064L-2.85091e-07 7.12631L13.0151 7.12631Z",fill:"currentColor"})})};d.displayName="ArrowRight";var m=function(r){var a=r.className,i=r.variant,n=r.title,l=void 0===n?"Pil-venstre":n,o=r.description,c=void 0===o?"Ikon av en pil mot venstre":o;return e.createElement(t,{title:l,description:c,viewBox:"0 0 15 16",className:a,variant:i,innerSvg:e.createElement("path",{d:"M1.98487 8.17056L6.69069 12.91L5.95747 13.6484L5.96007e-07 7.64844L5.95747 1.64844L6.69069 2.38689L1.98495 7.12623L15 7.12623L15 8.17057L1.98487 8.17056Z",fill:"currentColor"})})};m.displayName="ArrowLeft";var u=function(r){var a=r.className,i=r.variant,n=r.title,l=void 0===n?"Info-icon":n,o=r.description,c=void 0===o?"Sirkel med 'i' i midten":o;return e.createElement(t,{title:l,description:c,viewBox:"0 0 24 24",className:a,variant:i,innerSvg:e.createElement(e.Fragment,null,e.createElement("circle",{cx:"12",cy:"12",r:"11.5",stroke:"currentColor"}),e.createElement("path",{d:"M11.952 7.328C12.384 7.328 12.688 7.072 12.688 6.624C12.688 6.192 12.384 5.92 11.952 5.92C11.536 5.92 11.248 6.192 11.248 6.624C11.248 7.072 11.536 7.328 11.952 7.328ZM11.504 18H12.512V9.408H11.504V18Z",fill:"currentColor"}))})};u.displayName="Info";var p=function(r){var a=r.className,i=r.variant,n=r.title,l=void 0===n?"Success-icon":n,o=r.description,c=void 0===o?"Sirkel med hake i midten":o;return e.createElement(t,{title:l,description:c,viewBox:"0 0 24 24",className:a,variant:i,innerSvg:e.createElement(e.Fragment,null,e.createElement("circle",{cx:"12",cy:"12",r:"11.5",stroke:"currentColor"}),e.createElement("path",{d:"M7 13.5L10 16.5L19.5 7",stroke:"currentColor"}))})};p.displayName="Success";var L=function(r){var a=r.className,i=r.variant,n=r.title,l=void 0===n?"Warning-icon":n,o=r.description,c=void 0===o?"Sirkel med utropstegn i midten":o;return e.createElement(t,{title:l,description:c,viewBox:"0 0 24 24",className:a,variant:i,innerSvg:e.createElement(e.Fragment,null,e.createElement("circle",{cx:"12",cy:"12",r:"11.5",stroke:"currentColor"}),e.createElement("path",{d:"M11.112 14.624H11.688L11.896 11.36V6H10.904V11.36L11.112 14.624ZM11.4 18.24C11.784 18.24 12.136 17.952 12.136 17.504C12.136 17.072 11.784 16.784 11.4 16.784C11.016 16.784 10.664 17.072 10.664 17.504C10.664 17.952 11.016 18.24 11.4 18.24Z",fill:"currentColor"}))})};L.displayName="Warning";var E=function(r){var a=r.className,i=r.variant,n=r.title,l=void 0===n?"Error-icon":n,o=r.description,c=void 0===o?"Sirkel med strek over på tvers":o;return e.createElement(t,{title:l,description:c,viewBox:"0 0 24 24",className:a,variant:i,innerSvg:e.createElement(e.Fragment,null,e.createElement("circle",{cx:"12",cy:"12",r:"11.5",stroke:"currentColor"}),e.createElement("rect",{x:"4",y:"4.22168",width:"1",height:"22",transform:"rotate(-45 4 4.22168)",fill:"currentColor"}))})};E.displayName="Error";var N=function(t){var r=t.pointingDown,a=t.variant,i=void 0===a?"small":a,n="inherit"!==i?i:"small";return e.createElement("div",{className:"jkl-icon--".concat(n," jkl-animated-vertical-arrows")},e.createElement("div",{className:"jkl-animated-vertical-arrows__slider jkl-animated-vertical-arrows__slider--".concat(r?"down":"up")},e.createElement(v,{variant:n}),e.createElement(s,{variant:n})))};N.displayName="ArrowVerticalAnimated";var V=function(t){var r=t.pointingRight,a=t.variant,i=void 0===a?"small":a,n="inherit"!==i?i:"small";return e.createElement("div",{className:"jkl-icon--".concat(n," jkl-animated-horizontal-arrows")},e.createElement("div",{className:"jkl-animated-horizontal-arrows__slider jkl-animated-horizontal-arrows__slider--".concat(r?"right":"left")},e.createElement(d,{variant:n}),e.createElement(m,{variant:n})))};V.displayName="ArrowHorizontalAnimated";var k=function(t){var r=t.isPlus,a=t.variant,n=void 0===a?"small":a,l=t.plusTitle,o=void 0===l?"pluss":l,c=t.closeTitle,s=void 0===c?"lukk":c,v="inherit"!==n?n:"small";return e.createElement("div",{className:"jkl-icon--".concat(v," jkl-icons-animated__plus jkl-icons-animated__plus--").concat(r?"plus":"close")},e.createElement(i,{variant:v,title:r?o:s,description:"Ikon av ".concat(r?o:s,"tegn")}))};k.displayName="PlusRemoveAnimated";var H=function(t){var r=t.when,a=t.children;return e.createElement("div",{className:"jkl-icons-animated__burger__icons jkl-icons-animated__burger__icons--".concat(r?"show":"hide")},a)},h=function(t){var r=t.isBurger,i=t.variant,n=void 0===i?"small":i,o=t.hamburgerTitle,c=void 0===o?"meny":o,s=t.closeTitle,v=void 0===s?"lukk":s,d="inherit"!==n?n:"small";return e.createElement("div",{className:"jkl-icon--".concat(d," jkl-icons-animated__burger")},e.createElement(H,{when:r},e.createElement(l,{variant:d,title:c})),e.createElement(H,{when:!r},e.createElement(a,{variant:d,title:v})))};h.displayName="HamburgerCloseAnimated";export{v as ArrowDown,V as ArrowHorizontalAnimated,m as ArrowLeft,d as ArrowRight,s as ArrowUp,c as ArrowUpRight,N as ArrowVerticalAnimated,o as Calendar,r as CheckMark,a as Close,E as Error,l as Hamburger,h as HamburgerCloseAnimated,u as Info,i as Plus,k as PlusRemoveAnimated,n as Search,p as Success,L as Warning};

build/cjs/index.js

@@ -32,6 +32,10 @@ 'use strict';
   var className = _ref.className,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "CheckMark" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "Ikon av en hake" : _ref$description;
   return /*#__PURE__*/React__default['default'].createElement(IconFactory, {
-    title: "CheckMark",
-    description: "Ikon av en hake",
+    title: title,
+    description: description,
     className: className,
@@ -49,6 +53,10 @@ variant: variant,
   var className = _ref.className,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Lukk" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "Ikon av en x" : _ref$description;
   return /*#__PURE__*/React__default['default'].createElement(IconFactory, {
-    title: "Lukk",
-    description: "Ikon av en x",
+    title: title,
+    description: description,
     className: className,
@@ -68,6 +76,10 @@ variant: variant,
   var className = _ref.className,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Pluss" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "Ikon av plusstegn" : _ref$description;
   return /*#__PURE__*/React__default['default'].createElement(IconFactory, {
-    title: "Pluss",
-    description: "Ikon av plusstegn",
+    title: title,
+    description: description,
     className: className,
@@ -87,6 +99,10 @@ variant: variant,
   var className = _ref.className,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Søk" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "Ikon av forstørrelsesglass" : _ref$description;
   return /*#__PURE__*/React__default['default'].createElement(IconFactory, {
-    title: "S\xF8k",
-    description: "Ikon av forst\xF8rrelsesglass",
+    title: title,
+    description: description,
     className: className,
@@ -106,6 +122,10 @@ variant: variant,
   var className = _ref.className,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "hamburger" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "Ikon av hamburgermeny" : _ref$description;
   return /*#__PURE__*/React__default['default'].createElement(IconFactory, {
-    title: "Hamburger",
-    description: "Ikon av hamburgermeny",
+    title: title,
+    description: description,
     className: className,
@@ -125,6 +145,10 @@ variant: variant,
   var className = _ref.className,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Kalender" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "Ikon av en kalender" : _ref$description;
   return /*#__PURE__*/React__default['default'].createElement(IconFactory, {
-    title: "Kalender",
-    description: "Ikon av en kalender",
+    title: title,
+    description: description,
     className: className,
@@ -144,7 +168,11 @@ variant: variant,
   var className = _ref.className,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Pil-ekstern" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "Ikon av en pil opp mot høyre" : _ref$description;
   return /*#__PURE__*/React__default['default'].createElement(IconFactory, {
+    title: title,
+    description: description,
     viewBox: "0 0 15 16",
-    title: "Pil-ekstern",
-    description: "Ikon av en pil opp mot h\xF8yre",
     className: className,
@@ -162,7 +190,11 @@ variant: variant,
   var className = _ref.className,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Pil-opp" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "Ikon av en pil mot opp" : _ref$description;
   return /*#__PURE__*/React__default['default'].createElement(IconFactory, {
+    title: title,
+    description: description,
     viewBox: "0 0 15 16",
-    title: "Pil-opp",
-    description: "Ikon av en pil mot opp",
     className: className,
@@ -180,7 +212,11 @@ variant: variant,
   var className = _ref.className,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Pil-ned" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "Ikon av en pil mot ned" : _ref$description;
   return /*#__PURE__*/React__default['default'].createElement(IconFactory, {
+    title: title,
+    description: description,
     viewBox: "0 0 15 16",
-    title: "Pil-ned",
-    description: "Ikon av en pil mot ned",
     className: className,
@@ -198,7 +234,11 @@ variant: variant,
   var className = _ref.className,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Pil-høyre" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "Ikon av en pil mot høyre" : _ref$description;
   return /*#__PURE__*/React__default['default'].createElement(IconFactory, {
+    title: title,
+    description: description,
     viewBox: "0 0 15 16",
-    title: "Pil-h\xF8yre",
-    description: "Ikon av en pil mot h\xF8yre",
     className: className,
@@ -216,7 +256,11 @@ variant: variant,
   var className = _ref.className,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Pil-venstre" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "Ikon av en pil mot venstre" : _ref$description;
   return /*#__PURE__*/React__default['default'].createElement(IconFactory, {
+    title: title,
+    description: description,
     viewBox: "0 0 15 16",
-    title: "Pil-venstre",
-    description: "Ikon av en pil mot venstre",
     className: className,
@@ -234,7 +278,11 @@ variant: variant,
   var className = _ref.className,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Info-icon" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "Sirkel med 'i' i midten" : _ref$description;
   return /*#__PURE__*/React__default['default'].createElement(IconFactory, {
+    title: title,
+    description: description,
     viewBox: "0 0 24 24",
-    title: "Info-icon",
-    description: "Sirkel med 'i' i midten",
     className: className,
@@ -257,7 +305,11 @@ variant: variant,
   var className = _ref.className,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Success-icon" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "Sirkel med hake i midten" : _ref$description;
   return /*#__PURE__*/React__default['default'].createElement(IconFactory, {
+    title: title,
+    description: description,
     viewBox: "0 0 24 24",
-    title: "Success-icon",
-    description: "Sirkel med hake i midten",
     className: className,
@@ -280,7 +332,11 @@ variant: variant,
   var className = _ref.className,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Warning-icon" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "Sirkel med utropstegn i midten" : _ref$description;
   return /*#__PURE__*/React__default['default'].createElement(IconFactory, {
+    title: title,
+    description: description,
     viewBox: "0 0 24 24",
-    title: "Warning-icon",
-    description: "Sirkel med utropstegn i midten",
     className: className,
@@ -303,7 +359,11 @@ variant: variant,
   var className = _ref.className,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Error-icon" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "Sirkel med strek over på tvers" : _ref$description;
   return /*#__PURE__*/React__default['default'].createElement(IconFactory, {
+    title: title,
+    description: description,
     viewBox: "0 0 24 24",
-    title: "Error-icon",
-    description: "Sirkel med strek over p\xE5 tvers",
     className: className,
@@ -365,3 +425,7 @@ variant: variant,
       _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? "small" : _ref$variant;
+      variant = _ref$variant === void 0 ? "small" : _ref$variant,
+      _ref$plusTitle = _ref.plusTitle,
+      plusTitle = _ref$plusTitle === void 0 ? "pluss" : _ref$plusTitle,
+      _ref$closeTitle = _ref.closeTitle,
+      closeTitle = _ref$closeTitle === void 0 ? "lukk" : _ref$closeTitle;
   var iconSize = variant !== "inherit" ? variant : "small";
@@ -371,3 +435,5 @@ return /*#__PURE__*/React__default['default'].createElement("div", {
   }, /*#__PURE__*/React__default['default'].createElement(Plus, {
-    variant: iconSize
+    variant: iconSize,
+    title: isPlus ? plusTitle : closeTitle,
+    description: "Ikon av ".concat(isPlus ? plusTitle : closeTitle, "tegn")
   }));
@@ -388,3 +454,7 @@ };
       _ref2$variant = _ref2.variant,
-      variant = _ref2$variant === void 0 ? "small" : _ref2$variant;
+      variant = _ref2$variant === void 0 ? "small" : _ref2$variant,
+      _ref2$hamburgerTitle = _ref2.hamburgerTitle,
+      hamburgerTitle = _ref2$hamburgerTitle === void 0 ? "meny" : _ref2$hamburgerTitle,
+      _ref2$closeTitle = _ref2.closeTitle,
+      closeTitle = _ref2$closeTitle === void 0 ? "lukk" : _ref2$closeTitle;
   var iconSize = variant !== "inherit" ? variant : "small";
@@ -396,7 +466,9 @@ return /*#__PURE__*/React__default['default'].createElement("div", {
   }, /*#__PURE__*/React__default['default'].createElement(Hamburger, {
-    variant: iconSize
+    variant: iconSize,
+    title: hamburgerTitle
   })), /*#__PURE__*/React__default['default'].createElement(Show, {
     when: !isBurger
   }, /*#__PURE__*/React__default['default'].createElement(Close, {
-    variant: iconSize
+    variant: iconSize,
+    title: closeTitle
   })));
@@ -403,0 +475,0 @@ };

build/esm/index.js

@@ -24,6 +24,10 @@ import React from 'react';
   var className = _ref.className,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "CheckMark" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "Ikon av en hake" : _ref$description;
   return /*#__PURE__*/React.createElement(IconFactory, {
-    title: "CheckMark",
-    description: "Ikon av en hake",
+    title: title,
+    description: description,
     className: className,
@@ -41,6 +45,10 @@ variant: variant,
   var className = _ref.className,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Lukk" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "Ikon av en x" : _ref$description;
   return /*#__PURE__*/React.createElement(IconFactory, {
-    title: "Lukk",
-    description: "Ikon av en x",
+    title: title,
+    description: description,
     className: className,
@@ -60,6 +68,10 @@ variant: variant,
   var className = _ref.className,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Pluss" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "Ikon av plusstegn" : _ref$description;
   return /*#__PURE__*/React.createElement(IconFactory, {
-    title: "Pluss",
-    description: "Ikon av plusstegn",
+    title: title,
+    description: description,
     className: className,
@@ -79,6 +91,10 @@ variant: variant,
   var className = _ref.className,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Søk" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "Ikon av forstørrelsesglass" : _ref$description;
   return /*#__PURE__*/React.createElement(IconFactory, {
-    title: "S\xF8k",
-    description: "Ikon av forst\xF8rrelsesglass",
+    title: title,
+    description: description,
     className: className,
@@ -98,6 +114,10 @@ variant: variant,
   var className = _ref.className,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "hamburger" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "Ikon av hamburgermeny" : _ref$description;
   return /*#__PURE__*/React.createElement(IconFactory, {
-    title: "Hamburger",
-    description: "Ikon av hamburgermeny",
+    title: title,
+    description: description,
     className: className,
@@ -117,6 +137,10 @@ variant: variant,
   var className = _ref.className,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Kalender" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "Ikon av en kalender" : _ref$description;
   return /*#__PURE__*/React.createElement(IconFactory, {
-    title: "Kalender",
-    description: "Ikon av en kalender",
+    title: title,
+    description: description,
     className: className,
@@ -136,7 +160,11 @@ variant: variant,
   var className = _ref.className,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Pil-ekstern" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "Ikon av en pil opp mot høyre" : _ref$description;
   return /*#__PURE__*/React.createElement(IconFactory, {
+    title: title,
+    description: description,
     viewBox: "0 0 15 16",
-    title: "Pil-ekstern",
-    description: "Ikon av en pil opp mot h\xF8yre",
     className: className,
@@ -154,7 +182,11 @@ variant: variant,
   var className = _ref.className,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Pil-opp" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "Ikon av en pil mot opp" : _ref$description;
   return /*#__PURE__*/React.createElement(IconFactory, {
+    title: title,
+    description: description,
     viewBox: "0 0 15 16",
-    title: "Pil-opp",
-    description: "Ikon av en pil mot opp",
     className: className,
@@ -172,7 +204,11 @@ variant: variant,
   var className = _ref.className,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Pil-ned" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "Ikon av en pil mot ned" : _ref$description;
   return /*#__PURE__*/React.createElement(IconFactory, {
+    title: title,
+    description: description,
     viewBox: "0 0 15 16",
-    title: "Pil-ned",
-    description: "Ikon av en pil mot ned",
     className: className,
@@ -190,7 +226,11 @@ variant: variant,
   var className = _ref.className,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Pil-høyre" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "Ikon av en pil mot høyre" : _ref$description;
   return /*#__PURE__*/React.createElement(IconFactory, {
+    title: title,
+    description: description,
     viewBox: "0 0 15 16",
-    title: "Pil-h\xF8yre",
-    description: "Ikon av en pil mot h\xF8yre",
     className: className,
@@ -208,7 +248,11 @@ variant: variant,
   var className = _ref.className,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Pil-venstre" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "Ikon av en pil mot venstre" : _ref$description;
   return /*#__PURE__*/React.createElement(IconFactory, {
+    title: title,
+    description: description,
     viewBox: "0 0 15 16",
-    title: "Pil-venstre",
-    description: "Ikon av en pil mot venstre",
     className: className,
@@ -226,7 +270,11 @@ variant: variant,
   var className = _ref.className,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Info-icon" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "Sirkel med 'i' i midten" : _ref$description;
   return /*#__PURE__*/React.createElement(IconFactory, {
+    title: title,
+    description: description,
     viewBox: "0 0 24 24",
-    title: "Info-icon",
-    description: "Sirkel med 'i' i midten",
     className: className,
@@ -249,7 +297,11 @@ variant: variant,
   var className = _ref.className,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Success-icon" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "Sirkel med hake i midten" : _ref$description;
   return /*#__PURE__*/React.createElement(IconFactory, {
+    title: title,
+    description: description,
     viewBox: "0 0 24 24",
-    title: "Success-icon",
-    description: "Sirkel med hake i midten",
     className: className,
@@ -272,7 +324,11 @@ variant: variant,
   var className = _ref.className,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Warning-icon" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "Sirkel med utropstegn i midten" : _ref$description;
   return /*#__PURE__*/React.createElement(IconFactory, {
+    title: title,
+    description: description,
     viewBox: "0 0 24 24",
-    title: "Warning-icon",
-    description: "Sirkel med utropstegn i midten",
     className: className,
@@ -295,7 +351,11 @@ variant: variant,
   var className = _ref.className,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Error-icon" : _ref$title,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "Sirkel med strek over på tvers" : _ref$description;
   return /*#__PURE__*/React.createElement(IconFactory, {
+    title: title,
+    description: description,
     viewBox: "0 0 24 24",
-    title: "Error-icon",
-    description: "Sirkel med strek over p\xE5 tvers",
     className: className,
@@ -357,3 +417,7 @@ variant: variant,
       _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? "small" : _ref$variant;
+      variant = _ref$variant === void 0 ? "small" : _ref$variant,
+      _ref$plusTitle = _ref.plusTitle,
+      plusTitle = _ref$plusTitle === void 0 ? "pluss" : _ref$plusTitle,
+      _ref$closeTitle = _ref.closeTitle,
+      closeTitle = _ref$closeTitle === void 0 ? "lukk" : _ref$closeTitle;
   var iconSize = variant !== "inherit" ? variant : "small";
@@ -363,3 +427,5 @@ return /*#__PURE__*/React.createElement("div", {
   }, /*#__PURE__*/React.createElement(Plus, {
-    variant: iconSize
+    variant: iconSize,
+    title: isPlus ? plusTitle : closeTitle,
+    description: "Ikon av ".concat(isPlus ? plusTitle : closeTitle, "tegn")
   }));
@@ -380,3 +446,7 @@ };
       _ref2$variant = _ref2.variant,
-      variant = _ref2$variant === void 0 ? "small" : _ref2$variant;
+      variant = _ref2$variant === void 0 ? "small" : _ref2$variant,
+      _ref2$hamburgerTitle = _ref2.hamburgerTitle,
+      hamburgerTitle = _ref2$hamburgerTitle === void 0 ? "meny" : _ref2$hamburgerTitle,
+      _ref2$closeTitle = _ref2.closeTitle,
+      closeTitle = _ref2$closeTitle === void 0 ? "lukk" : _ref2$closeTitle;
   var iconSize = variant !== "inherit" ? variant : "small";
@@ -388,7 +458,9 @@ return /*#__PURE__*/React.createElement("div", {
   }, /*#__PURE__*/React.createElement(Hamburger, {
-    variant: iconSize
+    variant: iconSize,
+    title: hamburgerTitle
   })), /*#__PURE__*/React.createElement(Show, {
     when: !isBurger
   }, /*#__PURE__*/React.createElement(Close, {
-    variant: iconSize
+    variant: iconSize,
+    title: closeTitle
   })));
@@ -395,0 +467,0 @@ };

build/esm/index.min.js

@@ -1,1 +0,1 @@
-import e from"react";var a=function(a){var r=a.viewBox,t=void 0===r?"0 0 20 21":r,n=a.variant,l=void 0===n?"inherit":n,i=a.className,c=void 0===i?"":i,o=a.title,s=a.description,m=a.innerSvg;return e.createElement("svg",{className:"jkl-icon jkl-icon--".concat(l," ").concat(c),width:"100%",viewBox:t,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("title",null,o),e.createElement("desc",null,s),m)},r=function(r){var t=r.className,n=r.variant;return e.createElement(a,{title:"CheckMark",description:"Ikon av en hake",className:t,variant:n,innerSvg:e.createElement("path",{d:"M1 15.2168L5.24264 19.4594L19.3848 5.3173",stroke:"currentColor"})})};r.displayName="CheckMark";var t=function(r){var t=r.className,n=r.variant;return e.createElement(a,{title:"Lukk",description:"Ikon av en x",className:t,variant:n,innerSvg:e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.6897 12.2047L16.7976 5.77481L16.0836 5.07422L10.0003 11.4783L3.92319 5.07428L3.20958 5.77524L9.31054 12.2044L2.5 19.374L3.21395 20.0746L9.99992 12.9308L16.7857 20.0816L17.4993 19.3807L10.6897 12.2047Z",fill:"currentColor"})})};t.displayName="Close";var n=function(r){var t=r.className,n=r.variant;return e.createElement(a,{title:"Pluss",description:"Ikon av plusstegn",className:t,variant:n,innerSvg:e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.5 13.0742V20.0742H10.5V13.0742L17.5 13.0742V12.0742L10.5 12.0742V5.07422H9.5V12.0742L2.5 12.0742V13.0742L9.5 13.0742Z",fill:"currentColor"})})};n.displayName="Plus";var l=function(r){var t=r.className,n=r.variant;return e.createElement(a,{title:"Søk",description:"Ikon av forstørrelsesglass",className:t,variant:n,innerSvg:e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2 9.07422C2 5.20823 5.13401 2.07422 9 2.07422C12.866 2.07422 16 5.20823 16 9.07422C16 12.9402 12.866 16.0742 9 16.0742C5.13401 16.0742 2 12.9402 2 9.07422ZM9 1.07422C4.58172 1.07422 1 4.65594 1 9.07422C1 13.4925 4.58172 17.0742 9 17.0742C10.9927 17.0742 12.8152 16.3457 14.2157 15.1404L19.003 19.9278L19.7101 19.2207L14.9317 14.4423C16.217 13.0228 17 11.14 17 9.07422C17 4.65594 13.4183 1.07422 9 1.07422Z",fill:"currentColor"})})};l.displayName="Search";var i=function(r){var t=r.className,n=r.variant;return e.createElement(a,{title:"Hamburger",description:"Ikon av hamburgermeny",className:t,variant:n,innerSvg:e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20 6.07422H0V5.07422H20V6.07422ZM20 13.0742H0V12.0742H20V13.0742ZM0 20.0742H20V19.0742H0V20.0742Z",fill:"currentColor"})})};i.displayName="Hamburger";var c=function(r){var t=r.className,n=r.variant;return e.createElement(a,{title:"Kalender",description:"Ikon av en kalender",className:t,variant:n,innerSvg:e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.60547 8.10677V6.1276H13.3971V8.10677H14.3971V6.1276H17.6471V19.2943H2.35547V6.1276H5.60547V8.10677H6.60547ZM13.3971 5.1276H6.60547V3.14844H5.60547V5.1276H1.85547H1.35547V5.6276V19.7943V20.2943H1.85547H18.1471H18.6471V19.7943V5.6276V5.1276H18.1471H14.3971V3.14844H13.3971V5.1276ZM5.7513 9.87761H4.6888V10.9401H5.7513V9.87761ZM5.7513 13.0651H4.6888V14.1276H5.7513V13.0651ZM5.7513 16.2526H4.6888V17.3151H5.7513V16.2526ZM8.9388 9.87761H7.8763V10.9401H8.9388V9.87761ZM8.9388 13.0651H7.8763V14.1276H8.9388V13.0651ZM8.9388 16.2526H7.8763V17.3151H8.9388V16.2526ZM12.1263 9.87761H11.0638V10.9401H12.1263V9.87761ZM12.1263 13.0651H11.0638V14.1276H12.1263V13.0651ZM12.1263 16.2526H11.0638V17.3151H12.1263V16.2526ZM15.3138 9.87761H14.2513V10.9401H15.3138V9.87761ZM15.3138 13.0651H14.2513V14.1276H15.3138V13.0651ZM15.3138 16.2526H14.2513V17.3151H15.3138V16.2526Z",fill:"currentColor"})})};c.displayName="Calendar";var o=function(r){var t=r.className,n=r.variant;return e.createElement(a,{viewBox:"0 0 15 16",title:"Pil-ekstern",description:"Ikon av en pil opp mot høyre",className:t,variant:n,innerSvg:e.createElement("path",{d:"M10.0756 5.70656L3.39683 5.68281L3.39313 4.64217L11.8483 4.67224L11.8784 13.1275L10.8378 13.1238L10.814 6.44507L2.11099 15.1481L1.37253 14.4096L10.0756 5.70656Z",fill:"currentColor"})})};o.displayName="ArrowUpRight";var s=function(r){var t=r.className,n=r.variant;return e.createElement(a,{viewBox:"0 0 15 16",title:"Pil-opp",description:"Ikon av en pil mot opp",className:t,variant:n,innerSvg:e.createElement("path",{d:"M6.97787 2.13331L2.23846 6.83913L1.5 6.10591L7.5 0.148436L13.5 6.10591L12.7615 6.83913L8.0222 2.13338L8.02221 15.1484L6.97787 15.1484L6.97787 2.13331Z",fill:"currentColor"})})};s.displayName="ArrowUp";var m=function(r){var t=r.className,n=r.variant;return e.createElement(a,{viewBox:"0 0 15 16",title:"Pil-ned",description:"Ikon av en pil mot ned",className:t,variant:n,innerSvg:e.createElement("path",{d:"M8.02213 13.1636L12.7615 8.45775L13.5 9.19097L7.5 15.1484L1.5 9.19096L2.23845 8.45774L6.97779 13.1635L6.97779 0.148437L8.02213 0.148438L8.02213 13.1636Z",fill:"currentColor"})})};m.displayName="ArrowDown";var v=function(r){var t=r.className,n=r.variant;return e.createElement(a,{viewBox:"0 0 15 16",title:"Pil-høyre",description:"Ikon av en pil mot høyre",className:t,variant:n,innerSvg:e.createElement("path",{d:"M13.0151 7.12631L8.30931 2.38689L9.04253 1.64844L15 7.64844L9.04253 13.6484L8.30931 12.91L13.0151 8.17064L-2.39442e-07 8.17064L-2.85091e-07 7.12631L13.0151 7.12631Z",fill:"currentColor"})})};v.displayName="ArrowRight";var d=function(r){var t=r.className,n=r.variant;return e.createElement(a,{viewBox:"0 0 15 16",title:"Pil-venstre",description:"Ikon av en pil mot venstre",className:t,variant:n,innerSvg:e.createElement("path",{d:"M1.98487 8.17056L6.69069 12.91L5.95747 13.6484L5.96007e-07 7.64844L5.95747 1.64844L6.69069 2.38689L1.98495 7.12623L15 7.12623L15 8.17057L1.98487 8.17056Z",fill:"currentColor"})})};d.displayName="ArrowLeft";var u=function(r){var t=r.className,n=r.variant;return e.createElement(a,{viewBox:"0 0 24 24",title:"Info-icon",description:"Sirkel med 'i' i midten",className:t,variant:n,innerSvg:e.createElement(e.Fragment,null,e.createElement("circle",{cx:"12",cy:"12",r:"11.5",stroke:"currentColor"}),e.createElement("path",{d:"M11.952 7.328C12.384 7.328 12.688 7.072 12.688 6.624C12.688 6.192 12.384 5.92 11.952 5.92C11.536 5.92 11.248 6.192 11.248 6.624C11.248 7.072 11.536 7.328 11.952 7.328ZM11.504 18H12.512V9.408H11.504V18Z",fill:"currentColor"}))})};u.displayName="Info";var p=function(r){var t=r.className,n=r.variant;return e.createElement(a,{viewBox:"0 0 24 24",title:"Success-icon",description:"Sirkel med hake i midten",className:t,variant:n,innerSvg:e.createElement(e.Fragment,null,e.createElement("circle",{cx:"12",cy:"12",r:"11.5",stroke:"currentColor"}),e.createElement("path",{d:"M7 13.5L10 16.5L19.5 7",stroke:"currentColor"}))})};p.displayName="Success";var L=function(r){var t=r.className,n=r.variant;return e.createElement(a,{viewBox:"0 0 24 24",title:"Warning-icon",description:"Sirkel med utropstegn i midten",className:t,variant:n,innerSvg:e.createElement(e.Fragment,null,e.createElement("circle",{cx:"12",cy:"12",r:"11.5",stroke:"currentColor"}),e.createElement("path",{d:"M11.112 14.624H11.688L11.896 11.36V6H10.904V11.36L11.112 14.624ZM11.4 18.24C11.784 18.24 12.136 17.952 12.136 17.504C12.136 17.072 11.784 16.784 11.4 16.784C11.016 16.784 10.664 17.072 10.664 17.504C10.664 17.952 11.016 18.24 11.4 18.24Z",fill:"currentColor"}))})};L.displayName="Warning";var E=function(r){var t=r.className,n=r.variant;return e.createElement(a,{viewBox:"0 0 24 24",title:"Error-icon",description:"Sirkel med strek over på tvers",className:t,variant:n,innerSvg:e.createElement(e.Fragment,null,e.createElement("circle",{cx:"12",cy:"12",r:"11.5",stroke:"currentColor"}),e.createElement("rect",{x:"4",y:"4.22168",width:"1",height:"22",transform:"rotate(-45 4 4.22168)",fill:"currentColor"}))})};E.displayName="Error";var N=function(a){var r=a.pointingDown,t=a.variant,n=void 0===t?"small":t,l="inherit"!==n?n:"small";return e.createElement("div",{className:"jkl-icon--".concat(l," jkl-animated-vertical-arrows")},e.createElement("div",{className:"jkl-animated-vertical-arrows__slider jkl-animated-vertical-arrows__slider--".concat(r?"down":"up")},e.createElement(m,{variant:l}),e.createElement(s,{variant:l})))};N.displayName="ArrowVerticalAnimated";var V=function(a){var r=a.pointingRight,t=a.variant,n=void 0===t?"small":t,l="inherit"!==n?n:"small";return e.createElement("div",{className:"jkl-icon--".concat(l," jkl-animated-horizontal-arrows")},e.createElement("div",{className:"jkl-animated-horizontal-arrows__slider jkl-animated-horizontal-arrows__slider--".concat(r?"right":"left")},e.createElement(v,{variant:l}),e.createElement(d,{variant:l})))};V.displayName="ArrowHorizontalAnimated";var H=function(a){var r=a.isPlus,t=a.variant,l=void 0===t?"small":t,i="inherit"!==l?l:"small";return e.createElement("div",{className:"jkl-icon--".concat(i," jkl-icons-animated__plus jkl-icons-animated__plus--").concat(r?"plus":"close")},e.createElement(n,{variant:i}))};H.displayName="PlusRemoveAnimated";var k=function(a){var r=a.when,t=a.children;return e.createElement("div",{className:"jkl-icons-animated__burger__icons jkl-icons-animated__burger__icons--".concat(r?"show":"hide")},t)},f=function(a){var r=a.isBurger,n=a.variant,l=void 0===n?"small":n,c="inherit"!==l?l:"small";return e.createElement("div",{className:"jkl-icon--".concat(c," jkl-icons-animated__burger")},e.createElement(k,{when:r},e.createElement(i,{variant:c})),e.createElement(k,{when:!r},e.createElement(t,{variant:c})))};f.displayName="HamburgerCloseAnimated";export{m as ArrowDown,V as ArrowHorizontalAnimated,d as ArrowLeft,v as ArrowRight,s as ArrowUp,o as ArrowUpRight,N as ArrowVerticalAnimated,c as Calendar,r as CheckMark,t as Close,E as Error,i as Hamburger,f as HamburgerCloseAnimated,u as Info,n as Plus,H as PlusRemoveAnimated,l as Search,p as Success,L as Warning};
+import e from"react";var t=function(t){var r=t.viewBox,a=void 0===r?"0 0 20 21":r,i=t.variant,n=void 0===i?"inherit":i,l=t.className,o=void 0===l?"":l,c=t.title,s=t.description,v=t.innerSvg;return e.createElement("svg",{className:"jkl-icon jkl-icon--".concat(n," ").concat(o),width:"100%",viewBox:a,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("title",null,c),e.createElement("desc",null,s),v)},r=function(r){var a=r.className,i=r.variant,n=r.title,l=void 0===n?"CheckMark":n,o=r.description,c=void 0===o?"Ikon av en hake":o;return e.createElement(t,{title:l,description:c,className:a,variant:i,innerSvg:e.createElement("path",{d:"M1 15.2168L5.24264 19.4594L19.3848 5.3173",stroke:"currentColor"})})};r.displayName="CheckMark";var a=function(r){var a=r.className,i=r.variant,n=r.title,l=void 0===n?"Lukk":n,o=r.description,c=void 0===o?"Ikon av en x":o;return e.createElement(t,{title:l,description:c,className:a,variant:i,innerSvg:e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.6897 12.2047L16.7976 5.77481L16.0836 5.07422L10.0003 11.4783L3.92319 5.07428L3.20958 5.77524L9.31054 12.2044L2.5 19.374L3.21395 20.0746L9.99992 12.9308L16.7857 20.0816L17.4993 19.3807L10.6897 12.2047Z",fill:"currentColor"})})};a.displayName="Close";var i=function(r){var a=r.className,i=r.variant,n=r.title,l=void 0===n?"Pluss":n,o=r.description,c=void 0===o?"Ikon av plusstegn":o;return e.createElement(t,{title:l,description:c,className:a,variant:i,innerSvg:e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.5 13.0742V20.0742H10.5V13.0742L17.5 13.0742V12.0742L10.5 12.0742V5.07422H9.5V12.0742L2.5 12.0742V13.0742L9.5 13.0742Z",fill:"currentColor"})})};i.displayName="Plus";var n=function(r){var a=r.className,i=r.variant,n=r.title,l=void 0===n?"Søk":n,o=r.description,c=void 0===o?"Ikon av forstørrelsesglass":o;return e.createElement(t,{title:l,description:c,className:a,variant:i,innerSvg:e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2 9.07422C2 5.20823 5.13401 2.07422 9 2.07422C12.866 2.07422 16 5.20823 16 9.07422C16 12.9402 12.866 16.0742 9 16.0742C5.13401 16.0742 2 12.9402 2 9.07422ZM9 1.07422C4.58172 1.07422 1 4.65594 1 9.07422C1 13.4925 4.58172 17.0742 9 17.0742C10.9927 17.0742 12.8152 16.3457 14.2157 15.1404L19.003 19.9278L19.7101 19.2207L14.9317 14.4423C16.217 13.0228 17 11.14 17 9.07422C17 4.65594 13.4183 1.07422 9 1.07422Z",fill:"currentColor"})})};n.displayName="Search";var l=function(r){var a=r.className,i=r.variant,n=r.title,l=void 0===n?"hamburger":n,o=r.description,c=void 0===o?"Ikon av hamburgermeny":o;return e.createElement(t,{title:l,description:c,className:a,variant:i,innerSvg:e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20 6.07422H0V5.07422H20V6.07422ZM20 13.0742H0V12.0742H20V13.0742ZM0 20.0742H20V19.0742H0V20.0742Z",fill:"currentColor"})})};l.displayName="Hamburger";var o=function(r){var a=r.className,i=r.variant,n=r.title,l=void 0===n?"Kalender":n,o=r.description,c=void 0===o?"Ikon av en kalender":o;return e.createElement(t,{title:l,description:c,className:a,variant:i,innerSvg:e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.60547 8.10677V6.1276H13.3971V8.10677H14.3971V6.1276H17.6471V19.2943H2.35547V6.1276H5.60547V8.10677H6.60547ZM13.3971 5.1276H6.60547V3.14844H5.60547V5.1276H1.85547H1.35547V5.6276V19.7943V20.2943H1.85547H18.1471H18.6471V19.7943V5.6276V5.1276H18.1471H14.3971V3.14844H13.3971V5.1276ZM5.7513 9.87761H4.6888V10.9401H5.7513V9.87761ZM5.7513 13.0651H4.6888V14.1276H5.7513V13.0651ZM5.7513 16.2526H4.6888V17.3151H5.7513V16.2526ZM8.9388 9.87761H7.8763V10.9401H8.9388V9.87761ZM8.9388 13.0651H7.8763V14.1276H8.9388V13.0651ZM8.9388 16.2526H7.8763V17.3151H8.9388V16.2526ZM12.1263 9.87761H11.0638V10.9401H12.1263V9.87761ZM12.1263 13.0651H11.0638V14.1276H12.1263V13.0651ZM12.1263 16.2526H11.0638V17.3151H12.1263V16.2526ZM15.3138 9.87761H14.2513V10.9401H15.3138V9.87761ZM15.3138 13.0651H14.2513V14.1276H15.3138V13.0651ZM15.3138 16.2526H14.2513V17.3151H15.3138V16.2526Z",fill:"currentColor"})})};o.displayName="Calendar";var c=function(r){var a=r.className,i=r.variant,n=r.title,l=void 0===n?"Pil-ekstern":n,o=r.description,c=void 0===o?"Ikon av en pil opp mot høyre":o;return e.createElement(t,{title:l,description:c,viewBox:"0 0 15 16",className:a,variant:i,innerSvg:e.createElement("path",{d:"M10.0756 5.70656L3.39683 5.68281L3.39313 4.64217L11.8483 4.67224L11.8784 13.1275L10.8378 13.1238L10.814 6.44507L2.11099 15.1481L1.37253 14.4096L10.0756 5.70656Z",fill:"currentColor"})})};c.displayName="ArrowUpRight";var s=function(r){var a=r.className,i=r.variant,n=r.title,l=void 0===n?"Pil-opp":n,o=r.description,c=void 0===o?"Ikon av en pil mot opp":o;return e.createElement(t,{title:l,description:c,viewBox:"0 0 15 16",className:a,variant:i,innerSvg:e.createElement("path",{d:"M6.97787 2.13331L2.23846 6.83913L1.5 6.10591L7.5 0.148436L13.5 6.10591L12.7615 6.83913L8.0222 2.13338L8.02221 15.1484L6.97787 15.1484L6.97787 2.13331Z",fill:"currentColor"})})};s.displayName="ArrowUp";var v=function(r){var a=r.className,i=r.variant,n=r.title,l=void 0===n?"Pil-ned":n,o=r.description,c=void 0===o?"Ikon av en pil mot ned":o;return e.createElement(t,{title:l,description:c,viewBox:"0 0 15 16",className:a,variant:i,innerSvg:e.createElement("path",{d:"M8.02213 13.1636L12.7615 8.45775L13.5 9.19097L7.5 15.1484L1.5 9.19096L2.23845 8.45774L6.97779 13.1635L6.97779 0.148437L8.02213 0.148438L8.02213 13.1636Z",fill:"currentColor"})})};v.displayName="ArrowDown";var d=function(r){var a=r.className,i=r.variant,n=r.title,l=void 0===n?"Pil-høyre":n,o=r.description,c=void 0===o?"Ikon av en pil mot høyre":o;return e.createElement(t,{title:l,description:c,viewBox:"0 0 15 16",className:a,variant:i,innerSvg:e.createElement("path",{d:"M13.0151 7.12631L8.30931 2.38689L9.04253 1.64844L15 7.64844L9.04253 13.6484L8.30931 12.91L13.0151 8.17064L-2.39442e-07 8.17064L-2.85091e-07 7.12631L13.0151 7.12631Z",fill:"currentColor"})})};d.displayName="ArrowRight";var m=function(r){var a=r.className,i=r.variant,n=r.title,l=void 0===n?"Pil-venstre":n,o=r.description,c=void 0===o?"Ikon av en pil mot venstre":o;return e.createElement(t,{title:l,description:c,viewBox:"0 0 15 16",className:a,variant:i,innerSvg:e.createElement("path",{d:"M1.98487 8.17056L6.69069 12.91L5.95747 13.6484L5.96007e-07 7.64844L5.95747 1.64844L6.69069 2.38689L1.98495 7.12623L15 7.12623L15 8.17057L1.98487 8.17056Z",fill:"currentColor"})})};m.displayName="ArrowLeft";var u=function(r){var a=r.className,i=r.variant,n=r.title,l=void 0===n?"Info-icon":n,o=r.description,c=void 0===o?"Sirkel med 'i' i midten":o;return e.createElement(t,{title:l,description:c,viewBox:"0 0 24 24",className:a,variant:i,innerSvg:e.createElement(e.Fragment,null,e.createElement("circle",{cx:"12",cy:"12",r:"11.5",stroke:"currentColor"}),e.createElement("path",{d:"M11.952 7.328C12.384 7.328 12.688 7.072 12.688 6.624C12.688 6.192 12.384 5.92 11.952 5.92C11.536 5.92 11.248 6.192 11.248 6.624C11.248 7.072 11.536 7.328 11.952 7.328ZM11.504 18H12.512V9.408H11.504V18Z",fill:"currentColor"}))})};u.displayName="Info";var p=function(r){var a=r.className,i=r.variant,n=r.title,l=void 0===n?"Success-icon":n,o=r.description,c=void 0===o?"Sirkel med hake i midten":o;return e.createElement(t,{title:l,description:c,viewBox:"0 0 24 24",className:a,variant:i,innerSvg:e.createElement(e.Fragment,null,e.createElement("circle",{cx:"12",cy:"12",r:"11.5",stroke:"currentColor"}),e.createElement("path",{d:"M7 13.5L10 16.5L19.5 7",stroke:"currentColor"}))})};p.displayName="Success";var L=function(r){var a=r.className,i=r.variant,n=r.title,l=void 0===n?"Warning-icon":n,o=r.description,c=void 0===o?"Sirkel med utropstegn i midten":o;return e.createElement(t,{title:l,description:c,viewBox:"0 0 24 24",className:a,variant:i,innerSvg:e.createElement(e.Fragment,null,e.createElement("circle",{cx:"12",cy:"12",r:"11.5",stroke:"currentColor"}),e.createElement("path",{d:"M11.112 14.624H11.688L11.896 11.36V6H10.904V11.36L11.112 14.624ZM11.4 18.24C11.784 18.24 12.136 17.952 12.136 17.504C12.136 17.072 11.784 16.784 11.4 16.784C11.016 16.784 10.664 17.072 10.664 17.504C10.664 17.952 11.016 18.24 11.4 18.24Z",fill:"currentColor"}))})};L.displayName="Warning";var E=function(r){var a=r.className,i=r.variant,n=r.title,l=void 0===n?"Error-icon":n,o=r.description,c=void 0===o?"Sirkel med strek over på tvers":o;return e.createElement(t,{title:l,description:c,viewBox:"0 0 24 24",className:a,variant:i,innerSvg:e.createElement(e.Fragment,null,e.createElement("circle",{cx:"12",cy:"12",r:"11.5",stroke:"currentColor"}),e.createElement("rect",{x:"4",y:"4.22168",width:"1",height:"22",transform:"rotate(-45 4 4.22168)",fill:"currentColor"}))})};E.displayName="Error";var N=function(t){var r=t.pointingDown,a=t.variant,i=void 0===a?"small":a,n="inherit"!==i?i:"small";return e.createElement("div",{className:"jkl-icon--".concat(n," jkl-animated-vertical-arrows")},e.createElement("div",{className:"jkl-animated-vertical-arrows__slider jkl-animated-vertical-arrows__slider--".concat(r?"down":"up")},e.createElement(v,{variant:n}),e.createElement(s,{variant:n})))};N.displayName="ArrowVerticalAnimated";var V=function(t){var r=t.pointingRight,a=t.variant,i=void 0===a?"small":a,n="inherit"!==i?i:"small";return e.createElement("div",{className:"jkl-icon--".concat(n," jkl-animated-horizontal-arrows")},e.createElement("div",{className:"jkl-animated-horizontal-arrows__slider jkl-animated-horizontal-arrows__slider--".concat(r?"right":"left")},e.createElement(d,{variant:n}),e.createElement(m,{variant:n})))};V.displayName="ArrowHorizontalAnimated";var k=function(t){var r=t.isPlus,a=t.variant,n=void 0===a?"small":a,l=t.plusTitle,o=void 0===l?"pluss":l,c=t.closeTitle,s=void 0===c?"lukk":c,v="inherit"!==n?n:"small";return e.createElement("div",{className:"jkl-icon--".concat(v," jkl-icons-animated__plus jkl-icons-animated__plus--").concat(r?"plus":"close")},e.createElement(i,{variant:v,title:r?o:s,description:"Ikon av ".concat(r?o:s,"tegn")}))};k.displayName="PlusRemoveAnimated";var H=function(t){var r=t.when,a=t.children;return e.createElement("div",{className:"jkl-icons-animated__burger__icons jkl-icons-animated__burger__icons--".concat(r?"show":"hide")},a)},h=function(t){var r=t.isBurger,i=t.variant,n=void 0===i?"small":i,o=t.hamburgerTitle,c=void 0===o?"meny":o,s=t.closeTitle,v=void 0===s?"lukk":s,d="inherit"!==n?n:"small";return e.createElement("div",{className:"jkl-icon--".concat(d," jkl-icons-animated__burger")},e.createElement(H,{when:r},e.createElement(l,{variant:d,title:c})),e.createElement(H,{when:!r},e.createElement(a,{variant:d,title:v})))};h.displayName="HamburgerCloseAnimated";export{v as ArrowDown,V as ArrowHorizontalAnimated,m as ArrowLeft,d as ArrowRight,s as ArrowUp,c as ArrowUpRight,N as ArrowVerticalAnimated,o as Calendar,r as CheckMark,a as Close,E as Error,l as Hamburger,h as HamburgerCloseAnimated,u as Info,i as Plus,k as PlusRemoveAnimated,n as Search,p as Success,L as Warning};

build/icons/types.d.ts

@@ -5,2 +5,4 @@ export declare type variants = "inherit" | "small" | "medium" | "large";
     variant?: variants;
+    title?: string;
+    description?: string;
 }

CHANGELOG.md

@@ -6,2 +6,12 @@ # Change Log
 
+## 1.4.0 (2021-03-25)
+
+### Bug Fixes
+
+- **icons:** use explicit props ([ba0fc21](https://github.com/fremtind/jokul/commit/ba0fc21c7db0d3aebab69c9fa44e7610c77da07c))
+
+### Features
+
+- **icons:** add title and desc as props ([3ed96e6](https://github.com/fremtind/jokul/commit/3ed96e65072b65bc18cd17011c0dbed590a3b35e)), closes [#1811](https://github.com/fremtind/jokul/issues/1811)
+
 ## 1.3.5 (2021-02-12)
@@ -8,0 +18,0 @@

package.json

 {
     "name": "@fremtind/jkl-icons-react",
-    "version": "1.3.5",
+    "version": "1.4.0",
     "publishConfig": {
@@ -37,3 +37,3 @@ "access": "public"
         "@babel/runtime": "^7.9.0",
-        "@fremtind/jkl-icons": "^1.1.18"
+        "@fremtind/jkl-icons": "^1.2.0"
     },
@@ -56,3 +56,3 @@ "devDependencies": {
     },
-    "gitHead": "910fcdbf5b66cb0647744b726143083bc9537e7d"
+    "gitHead": "c732fd29e96771b2e7cd8e8723ad14922c1fbde6"
 }

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

89489

increased by19.07%

Lines of code

1524

increased by17.96%

Dependency changes

• Updated@fremtind/jkl-icons@^1.2.0