nav-frontend-ikoner-assets - npm Package Compare versions

Comparing version 2.0.3 to 2.0.4

lib/index.js

@@ -1,2 +0,2 @@
-'use strict';
+"use strict";
 
@@ -11,7 +11,7 @@ Object.defineProperty(exports, "__esModule", {
 
-var _react = require('react');
+var _react = require("react");
 
 var _react2 = _interopRequireDefault(_react);
 
-var _propTypes = require('prop-types');
+var _propTypes = require("prop-types");
 
@@ -31,5 +31,4 @@ var _propTypes2 = _interopRequireDefault(_propTypes);
 
+var iconList = ["advarsel-sirkel-fyll", "feil-sirkel-fyll", "hamburger", "help-circle", "help-circle_hover", "info-sirkel-fyll", "ok-sirkel-fyll", "søk", "spinner-negativ", "spinner-transparent", "systemer", "x"];
 
-var iconList = ['advarsel-sirkel-fyll', 'feil-sirkel-fyll', 'hamburger', 'help-circle', 'help-circle_hover', 'info-sirkel-fyll', 'ok-sirkel-fyll', 'søk', 'spinner-negativ', 'spinner-transparent', 'systemer', 'x'];
-
 var Icon = function (_Component) {
@@ -45,3 +44,3 @@ _inherits(Icon, _Component);
   _createClass(Icon, [{
-    key: 'render',
+    key: "render",
     value: function render() {
@@ -56,3 +55,3 @@ var _props = this.props,
   }, {
-    key: 'renderPreview',
+    key: "renderPreview",
     value: function renderPreview() {
@@ -62,3 +61,3 @@ var _this2 = this;
       return _react2.default.createElement(
-        'div',
+        "div",
         null,
@@ -71,3 +70,3 @@ iconList.map(function (kind) {
   }, {
-    key: 'renderIcon',
+    key: "renderIcon",
     value: function renderIcon(kind) {
@@ -78,3 +77,3 @@ var wrapperStyle = this.props.wrapperStyle;
       if (wrapperStyle) return _react2.default.createElement(
-        'div',
+        "div",
         { style: wrapperStyle },
@@ -87,13 +86,13 @@ this.getIcon(kind)
   }, {
-    key: 'renderPreviewKind',
+    key: "renderPreviewKind",
     value: function renderPreviewKind(kind) {
       return _react2.default.createElement(
-        'div',
+        "div",
         { key: kind },
         _react2.default.createElement(
-          'h3',
+          "h3",
           null,
-          '<Icon kind="',
+          "<Icon kind=\"",
           kind,
-          '" />'
+          "\" />"
         ),
@@ -104,3 +103,3 @@ this.renderIcon(kind)
   }, {
-    key: 'getIcon',
+    key: "getIcon",
     value: function getIcon(kind) {
@@ -113,3 +112,3 @@ var _props2 = this.props,
           width = _props2.width,
-          props = _objectWithoutProperties(_props2, ['height', 'onClick', 'size', 'style', 'width']);
+          props = _objectWithoutProperties(_props2, ["height", "onClick", "size", "style", "width"]);
 
@@ -119,114 +118,268 @@ switch (kind) {
           return null;
-        case 'advarsel-sirkel-fyll':
+        case "advarsel-sirkel-fyll":
           return _react2.default.createElement(
-            'svg',
-            _extends({}, props, { focusable: 'false', height: height || size, width: width || size, onClick: onClick, style: style, viewBox: '0 0 24 24' }),
+            "svg",
+            _extends({}, props, {
+              focusable: "false",
+              height: height || size,
+              width: width || size,
+              onClick: onClick,
+              style: style,
+              viewBox: "0 0 24 24"
+            }),
             _react2.default.createElement(
-              'g',
-              { fill: 'none', fillRule: 'evenodd' },
-              _react2.default.createElement('path', { d: 'M12.205-.004l-.214.002a12.225 12.225 0 0 0-8.517 3.659C1.179 5.977-.053 9.013.002 12.208c.115 6.613 5.296 11.793 11.795 11.793l.212-.002c6.726-.116 12.105-5.595 11.99-12.21C23.883 5.178 18.702-.003 12.204-.003z', fill: '#FFA733', fillRule: 'nonzero' }),
-              _react2.default.createElement('path', { d: 'M12.027 19H12A1.499 1.499 0 0 1 11.973 16L12 16a1.501 1.501 0 0 1 .027 3z', fill: '#3E3832' }),
-              _react2.default.createElement('path', { d: 'M12 5a1 1 0 0 1 1 1v7a1 1 0 0 1-2 0V6a1 1 0 0 1 1-1z', fill: '#3E3832', fillRule: 'nonzero' })
+              "g",
+              { fill: "none", fillRule: "evenodd" },
+              _react2.default.createElement("path", {
+                d: "M12.205-.004l-.214.002a12.225 12.225 0 0 0-8.517 3.659C1.179 5.977-.053 9.013.002 12.208c.115 6.613 5.296 11.793 11.795 11.793l.212-.002c6.726-.116 12.105-5.595 11.99-12.21C23.883 5.178 18.702-.003 12.204-.003z",
+                fill: "#FFA733",
+                fillRule: "nonzero"
+              }),
+              _react2.default.createElement("path", {
+                d: "M12.027 19H12A1.499 1.499 0 0 1 11.973 16L12 16a1.501 1.501 0 0 1 .027 3z",
+                fill: "#3E3832"
+              }),
+              _react2.default.createElement("path", {
+                d: "M12 5a1 1 0 0 1 1 1v7a1 1 0 0 1-2 0V6a1 1 0 0 1 1-1z",
+                fill: "#3E3832",
+                fillRule: "nonzero"
+              })
             )
           );
-        case 'feil-sirkel-fyll':
+        case "feil-sirkel-fyll":
           return _react2.default.createElement(
-            'svg',
-            _extends({}, props, { focusable: 'false', height: height || size, width: width || size, onClick: onClick, style: style, viewBox: '0 0 24 24' }),
+            "svg",
+            _extends({}, props, {
+              focusable: "false",
+              height: height || size,
+              width: width || size,
+              onClick: onClick,
+              style: style,
+              viewBox: "0 0 24 24"
+            }),
             _react2.default.createElement(
-              'g',
-              { fill: 'none', fillRule: 'evenodd' },
-              _react2.default.createElement('path', { d: 'M11.999 0C5.395 0 .013 5.372 0 11.976a11.923 11.923 0 0 0 3.498 8.493A11.925 11.925 0 0 0 11.977 24H12c6.603 0 11.986-5.373 12-11.978C24.013 5.406 18.64.012 11.999 0z', fillRule: 'nonzero', fill: '#A13A28' }),
-              _react2.default.createElement('path', { d: 'M12 10.651l3.372-3.372a.954.954 0 1 1 1.349 1.35L13.349 12l3.372 3.372a.954.954 0 1 1-1.35 1.349L12 13.349 8.628 16.72a.954.954 0 1 1-1.349-1.35L10.651 12 7.28 8.628A.954.954 0 1 1 8.63 7.28L12 10.651z', fill: '#FFF', fillRule: 'nonzero' })
+              "g",
+              { fill: "none", fillRule: "evenodd" },
+              _react2.default.createElement("path", {
+                d: "M11.999 0C5.395 0 .013 5.372 0 11.976a11.923 11.923 0 0 0 3.498 8.493A11.925 11.925 0 0 0 11.977 24H12c6.603 0 11.986-5.373 12-11.978C24.013 5.406 18.64.012 11.999 0z",
+                fillRule: "nonzero",
+                fill: "#A13A28"
+              }),
+              _react2.default.createElement("path", {
+                d: "M12 10.651l3.372-3.372a.954.954 0 1 1 1.349 1.35L13.349 12l3.372 3.372a.954.954 0 1 1-1.35 1.349L12 13.349 8.628 16.72a.954.954 0 1 1-1.349-1.35L10.651 12 7.28 8.628A.954.954 0 1 1 8.63 7.28L12 10.651z",
+                fill: "#FFF",
+                fillRule: "nonzero"
+              })
             )
           );
-        case 'help-circle':
+        case "help-circle":
           return _react2.default.createElement(
-            'svg',
-            _extends({}, props, { focusable: 'false', height: height || size, width: width || size, onClick: onClick, style: style, viewBox: '0 0 18.2 18.2' }),
-            _react2.default.createElement('path', { d: 'M9.1 0C4.1 0 0 4.1 0 9.1s4.1 9.1 9.1 9.1 9.1-4.1 9.1-9.1S14.1 0 9.1 0zm0 17.2C4.6 17.2 1 13.6 1 9.1S4.6 1 9.1 1s8.1 3.6 8.1 8.1-3.6 8.1-8.1 8.1z' }),
-            _react2.default.createElement('circle', { cx: '9.1', cy: '13.8', r: '.9' }),
-            _react2.default.createElement('path', { d: 'M9.1 11.5c-.3 0-.5-.2-.5-.5V8.6c0-.3.2-.5.5-.5 1 0 1.9-.8 1.9-1.9s-.8-1.9-1.9-1.9c-1 0-1.9.8-1.9 1.9 0 .3-.2.5-.5.5s-.5-.2-.5-.4c0-1.6 1.3-2.9 2.9-2.9S12 4.7 12 6.3c0 1.4-1 2.6-2.4 2.8V11c0 .3-.2.5-.5.5z' })
+            "svg",
+            _extends({}, props, {
+              focusable: "false",
+              height: height || size,
+              width: width || size,
+              onClick: onClick,
+              style: style,
+              viewBox: "0 0 18.2 18.2"
+            }),
+            _react2.default.createElement("path", { d: "M9.1 0C4.1 0 0 4.1 0 9.1s4.1 9.1 9.1 9.1 9.1-4.1 9.1-9.1S14.1 0 9.1 0zm0 17.2C4.6 17.2 1 13.6 1 9.1S4.6 1 9.1 1s8.1 3.6 8.1 8.1-3.6 8.1-8.1 8.1z" }),
+            _react2.default.createElement("circle", { cx: "9.1", cy: "13.8", r: ".9" }),
+            _react2.default.createElement("path", { d: "M9.1 11.5c-.3 0-.5-.2-.5-.5V8.6c0-.3.2-.5.5-.5 1 0 1.9-.8 1.9-1.9s-.8-1.9-1.9-1.9c-1 0-1.9.8-1.9 1.9 0 .3-.2.5-.5.5s-.5-.2-.5-.4c0-1.6 1.3-2.9 2.9-2.9S12 4.7 12 6.3c0 1.4-1 2.6-2.4 2.8V11c0 .3-.2.5-.5.5z" })
           );
-        case 'hamburger':
+        case "hamburger":
           return _react2.default.createElement(
-            'svg',
-            _extends({}, props, { focusable: 'false', height: height || size, width: width || size, onClick: onClick, style: style, viewBox: '0 0 200 160' }),
-            _react2.default.createElement('path', { d: 'M0 0h200v32H0zm0 64h200v32H0zm0 64h200v32H0z' })
+            "svg",
+            _extends({}, props, {
+              focusable: "false",
+              height: height || size,
+              width: width || size,
+              onClick: onClick,
+              style: style,
+              viewBox: "0 0 200 160"
+            }),
+            _react2.default.createElement("path", { d: "M0 0h200v32H0zm0 64h200v32H0zm0 64h200v32H0z" })
           );
-        case 'help-circle_hover':
+        case "help-circle_hover":
           return _react2.default.createElement(
-            'svg',
-            _extends({}, props, { focusable: 'false', height: height || size, width: width || size, onClick: onClick, style: style, viewBox: '0 0 18.22 18.22' }),
+            "svg",
+            _extends({}, props, {
+              focusable: "false",
+              height: height || size,
+              width: width || size,
+              onClick: onClick,
+              style: style,
+              viewBox: "0 0 18.22 18.22"
+            }),
             _react2.default.createElement(
-              'title',
+              "title",
               null,
-              'Hjelp'
+              "Hjelp"
             ),
-            _react2.default.createElement('path', { fill: '#2868B3', d: 'M9.1 0C4.1 0 0 4.1 0 9.1s4.1 9.1 9.1 9.1 9.1-4.1 9.1-9.1S14.1 0 9.1 0zm0 14.7c-.5 0-.9-.4-.9-.9s.4-.9.9-.9.9.4.9.9-.4.9-.9.9zM9.6 9v1.9c0 .3-.2.5-.5.5s-.5-.2-.5-.5V8.5c0-.3.2-.5.5-.5 1 0 1.9-.8 1.9-1.8s-.8-1.9-1.9-1.9-1.8.8-1.8 1.8c0 .3-.2.5-.5.5s-.5-.2-.5-.5c0-1.6 1.3-2.9 2.8-2.9 1.4 0 2.5 1 2.8 2.4.3 1.6-.7 3.1-2.3 3.4z' })
+            _react2.default.createElement("path", {
+              fill: "#2868B3",
+              d: "M9.1 0C4.1 0 0 4.1 0 9.1s4.1 9.1 9.1 9.1 9.1-4.1 9.1-9.1S14.1 0 9.1 0zm0 14.7c-.5 0-.9-.4-.9-.9s.4-.9.9-.9.9.4.9.9-.4.9-.9.9zM9.6 9v1.9c0 .3-.2.5-.5.5s-.5-.2-.5-.5V8.5c0-.3.2-.5.5-.5 1 0 1.9-.8 1.9-1.8s-.8-1.9-1.9-1.9-1.8.8-1.8 1.8c0 .3-.2.5-.5.5s-.5-.2-.5-.5c0-1.6 1.3-2.9 2.8-2.9 1.4 0 2.5 1 2.8 2.4.3 1.6-.7 3.1-2.3 3.4z"
+            })
           );
-        case 'info-sirkel-fyll':
+        case "info-sirkel-fyll":
           return _react2.default.createElement(
-            'svg',
-            _extends({}, props, { focusable: 'false', height: height || size, width: width || size, onClick: onClick, style: style, viewBox: '0 0 24 24' }),
+            "svg",
+            _extends({}, props, {
+              focusable: "false",
+              height: height || size,
+              width: width || size,
+              onClick: onClick,
+              style: style,
+              viewBox: "0 0 24 24"
+            }),
             _react2.default.createElement(
-              'g',
-              { fill: 'none' },
-              _react2.default.createElement('path', { d: 'M12 0C5.382 0 0 5.382 0 12s5.382 12 12 12c6.617 0 12-5.382 12-12S18.617 0 12 0z', fill: '#337C9B' }),
-              _react2.default.createElement('path', { d: 'M12 5a1.566 1.566 0 1 1 .11 3.13A1.566 1.566 0 0 1 12 5zm2.976 12.01c.563 0 1.043.431 1.043.991s-.48.992-1.043.992H9.39c-.564 0-1.043-.431-1.043-.992 0-.56.479-.99 1.043-.99h1.6v-5.016h-.986c-.565 0-1.044-.43-1.044-.991 0-.56.48-.991 1.044-.991h2.03c.563 0 1.043.43 1.043.99v6.007h1.899z', fill: '#FFF' })
+              "g",
+              { fill: "none" },
+              _react2.default.createElement("path", {
+                d: "M12 0C5.382 0 0 5.382 0 12s5.382 12 12 12c6.617 0 12-5.382 12-12S18.617 0 12 0z",
+                fill: "#337C9B"
+              }),
+              _react2.default.createElement("path", {
+                d: "M12 5a1.566 1.566 0 1 1 .11 3.13A1.566 1.566 0 0 1 12 5zm2.976 12.01c.563 0 1.043.431 1.043.991s-.48.992-1.043.992H9.39c-.564 0-1.043-.431-1.043-.992 0-.56.479-.99 1.043-.99h1.6v-5.016h-.986c-.565 0-1.044-.43-1.044-.991 0-.56.48-.991 1.044-.991h2.03c.563 0 1.043.43 1.043.99v6.007h1.899z",
+                fill: "#FFF"
+              })
             )
           );
-        case 'ok-sirkel-fyll':
+        case "ok-sirkel-fyll":
           return _react2.default.createElement(
-            'svg',
-            _extends({}, props, { focusable: 'false', height: height || size, width: width || size, onClick: onClick, style: style, viewBox: '0 0 24 24' }),
+            "svg",
+            _extends({}, props, {
+              focusable: "false",
+              height: height || size,
+              width: width || size,
+              onClick: onClick,
+              style: style,
+              viewBox: "0 0 24 24"
+            }),
             _react2.default.createElement(
-              'g',
-              { fillRule: 'nonzero', fill: 'none' },
-              _react2.default.createElement('path', { d: 'M12 0C5.383 0 0 5.384 0 12s5.383 12 12 12c6.616 0 12-5.384 12-12S18.616 0 12 0z', fill: '#1C6937' }),
-              _react2.default.createElement('path', { d: 'M9.64 14.441l6.46-5.839a.997.997 0 0 1 1.376.044.923.923 0 0 1-.046 1.334l-7.15 6.464a.993.993 0 0 1-.662.252.992.992 0 0 1-.69-.276l-2.382-2.308a.923.923 0 0 1 0-1.334.997.997 0 0 1 1.377 0l1.717 1.663z', fill: '#FFF' })
+              "g",
+              { fillRule: "nonzero", fill: "none" },
+              _react2.default.createElement("path", {
+                d: "M12 0C5.383 0 0 5.384 0 12s5.383 12 12 12c6.616 0 12-5.384 12-12S18.616 0 12 0z",
+                fill: "#1C6937"
+              }),
+              _react2.default.createElement("path", {
+                d: "M9.64 14.441l6.46-5.839a.997.997 0 0 1 1.376.044.923.923 0 0 1-.046 1.334l-7.15 6.464a.993.993 0 0 1-.662.252.992.992 0 0 1-.69-.276l-2.382-2.308a.923.923 0 0 1 0-1.334.997.997 0 0 1 1.377 0l1.717 1.663z",
+                fill: "#FFF"
+              })
             )
           );
-        case 'søk':
+        case "søk":
           return _react2.default.createElement(
-            'svg',
-            _extends({}, props, { focusable: 'false', height: height || size, width: width || size, onClick: onClick, style: style, viewBox: '0 0 24 24' }),
-            _react2.default.createElement('path', { d: 'M9 18c2.131 0 4.09-.75 5.633-1.992l7.658 7.697c.389.393 1.021.395 1.414.004s.393-1.023.004-1.414l-7.668-7.707A8.941 8.941 0 0 0 18 9c0-4.963-4.037-9-9-9S0 4.037 0 9s4.037 9 9 9zM9 2c3.859 0 7 3.139 7 7 0 3.859-3.141 7-7 7-3.861 0-7-3.141-7-7 0-3.861 3.139-7 7-7z' })
+            "svg",
+            _extends({}, props, {
+              focusable: "false",
+              height: height || size,
+              width: width || size,
+              onClick: onClick,
+              style: style,
+              viewBox: "0 0 24 24"
+            }),
+            _react2.default.createElement("path", { d: "M9 18c2.131 0 4.09-.75 5.633-1.992l7.658 7.697c.389.393 1.021.395 1.414.004s.393-1.023.004-1.414l-7.668-7.707A8.941 8.941 0 0 0 18 9c0-4.963-4.037-9-9-9S0 4.037 0 9s4.037 9 9 9zM9 2c3.859 0 7 3.139 7 7 0 3.859-3.141 7-7 7-3.861 0-7-3.141-7-7 0-3.861 3.139-7 7-7z" })
           );
-        case 'spinner-negativ':
+        case "spinner-negativ":
           return _react2.default.createElement(
-            'svg',
-            _extends({}, props, { focusable: 'false', height: height || size, width: width || size, onClick: onClick, style: style, viewBox: '0 0 50 50', preserveAspectRatio: 'xMidYMid' }),
+            "svg",
+            _extends({}, props, {
+              focusable: "false",
+              height: height || size,
+              width: width || size,
+              onClick: onClick,
+              style: style,
+              viewBox: "0 0 50 50",
+              preserveAspectRatio: "xMidYMid"
+            }),
             _react2.default.createElement(
-              'title',
+              "title",
               null,
-              'Venter...'
+              "Venter..."
             ),
-            _react2.default.createElement('circle', { xmlns: 'http://www.w3.org/2000/svg', cx: '25', cy: '25', r: '20', stroke: '#eee', fill: 'none', strokeWidth: '5' }),
-            _react2.default.createElement('circle', { cx: '25', cy: '25', r: '20', stroke: '#888', fill: 'none', strokeWidth: '5', strokeDasharray: '50 155', strokeLinecap: 'round' })
+            _react2.default.createElement("circle", {
+              xmlns: "http://www.w3.org/2000/svg",
+              cx: "25",
+              cy: "25",
+              r: "20",
+              stroke: "#eee",
+              fill: "none",
+              strokeWidth: "5"
+            }),
+            _react2.default.createElement("circle", {
+              cx: "25",
+              cy: "25",
+              r: "20",
+              stroke: "#888",
+              fill: "none",
+              strokeWidth: "5",
+              strokeDasharray: "50 155",
+              strokeLinecap: "round"
+            })
           );
-        case 'spinner-transparent':
+        case "spinner-transparent":
           return _react2.default.createElement(
-            'svg',
-            _extends({}, props, { focusable: 'false', height: height || size, width: width || size, onClick: onClick, style: style, viewBox: '0 0 50 50', preserveAspectRatio: 'xMidYMid' }),
+            "svg",
+            _extends({}, props, {
+              focusable: "false",
+              height: height || size,
+              width: width || size,
+              onClick: onClick,
+              style: style,
+              viewBox: "0 0 50 50",
+              preserveAspectRatio: "xMidYMid"
+            }),
             _react2.default.createElement(
-              'title',
+              "title",
               null,
-              'Venter...'
+              "Venter..."
             ),
-            _react2.default.createElement('circle', { xmlns: 'http://www.w3.org/2000/svg', cx: '25', cy: '25', r: '20', stroke: 'transparent', fill: 'none', strokeWidth: '5' }),
-            _react2.default.createElement('circle', { cx: '25', cy: '25', r: '20', stroke: '#7f756c', fill: 'none', strokeWidth: '5', strokeDasharray: '50 155', strokeLinecap: 'round' })
+            _react2.default.createElement("circle", {
+              xmlns: "http://www.w3.org/2000/svg",
+              cx: "25",
+              cy: "25",
+              r: "20",
+              stroke: "transparent",
+              fill: "none",
+              strokeWidth: "5"
+            }),
+            _react2.default.createElement("circle", {
+              cx: "25",
+              cy: "25",
+              r: "20",
+              stroke: "#7f756c",
+              fill: "none",
+              strokeWidth: "5",
+              strokeDasharray: "50 155",
+              strokeLinecap: "round"
+            })
           );
-        case 'systemer':
+        case "systemer":
           return _react2.default.createElement(
-            'svg',
-            _extends({}, props, { focusable: 'false', height: height || size, width: width || size, onClick: onClick, style: style, viewBox: '0 0 128 128' }),
-            _react2.default.createElement('path', { d: 'M0 0h32v32H0zm48 0h32v32H48zm48 0h32v32H96zM0 48h32v32H0zm48 0h32v32H48zm48 0h32v32H96zM0 96h32v32H0zm48 0h32v32H48zm48 0h32v32H96z' })
+            "svg",
+            _extends({}, props, {
+              focusable: "false",
+              height: height || size,
+              width: width || size,
+              onClick: onClick,
+              style: style,
+              viewBox: "0 0 128 128"
+            }),
+            _react2.default.createElement("path", { d: "M0 0h32v32H0zm48 0h32v32H48zm48 0h32v32H96zM0 48h32v32H0zm48 0h32v32H48zm48 0h32v32H96zM0 96h32v32H0zm48 0h32v32H48zm48 0h32v32H96z" })
           );
-        case 'x':
+        case "x":
           return _react2.default.createElement(
-            'svg',
-            _extends({}, props, { focusable: 'false', height: height || size, width: width || size, onClick: onClick, style: style, viewBox: '0 0 65.1 65.1' }),
-            _react2.default.createElement('path', { d: 'M8.486-.038L65.053 56.53l-8.485 8.485L0 8.447z' }),
-            _react2.default.createElement('path', { d: 'M65.092 8.486L8.524 65.053.039 56.569 56.607 0z' })
+            "svg",
+            _extends({}, props, {
+              focusable: "false",
+              height: height || size,
+              width: width || size,
+              onClick: onClick,
+              style: style,
+              viewBox: "0 0 65.1 65.1"
+            }),
+            _react2.default.createElement("path", { d: "M8.486-.038L65.053 56.53l-8.485 8.485L0 8.447z" }),
+            _react2.default.createElement("path", { d: "M65.092 8.486L8.524 65.053.039 56.569 56.607 0z" })
           );
@@ -243,3 +396,3 @@ }
   width: _propTypes2.default.oneOfType([_propTypes2.default.number, _propTypes2.default.string]),
-  kind: _propTypes2.default.oneOf(['advarsel-sirkel-fyll', 'feil-sirkel-fyll', 'hamburger', 'help-circle', 'help-circle_hover', 'info-sirkel-fyll', 'ok-sirkel-fyll', 'søk', 'spinner-negativ', 'spinner-transparent', 'systemer', 'x']).isRequired,
+  kind: _propTypes2.default.oneOf(["advarsel-sirkel-fyll", "feil-sirkel-fyll", "hamburger", "help-circle", "help-circle_hover", "info-sirkel-fyll", "ok-sirkel-fyll", "søk", "spinner-negativ", "spinner-transparent", "systemer", "x"]).isRequired,
   onClick: _propTypes2.default.func,
@@ -256,128 +409,128 @@ preview: _propTypes2.default.bool,
 Icon.__docgenInfo = {
-  'description': '',
-  'displayName': 'Icon',
-  'props': {
-    'height': {
-      'type': {
-        'name': 'union',
-        'value': [{
-          'name': 'number'
+  "description": "",
+  "displayName": "Icon",
+  "props": {
+    "height": {
+      "type": {
+        "name": "union",
+        "value": [{
+          "name": "number"
         }, {
-          'name': 'string'
+          "name": "string"
         }]
       },
-      'required': false,
-      'description': ''
+      "required": false,
+      "description": ""
     },
-    'width': {
-      'type': {
-        'name': 'union',
-        'value': [{
-          'name': 'number'
+    "width": {
+      "type": {
+        "name": "union",
+        "value": [{
+          "name": "number"
         }, {
-          'name': 'string'
+          "name": "string"
         }]
       },
-      'required': false,
-      'description': ''
+      "required": false,
+      "description": ""
     },
-    'kind': {
-      'type': {
-        'name': 'enum',
-        'value': [{
-          'value': '\'advarsel-sirkel-fyll\'',
-          'computed': false
+    "kind": {
+      "type": {
+        "name": "enum",
+        "value": [{
+          "value": "\"advarsel-sirkel-fyll\"",
+          "computed": false
         }, {
-          'value': '\'feil-sirkel-fyll\'',
-          'computed': false
+          "value": "\"feil-sirkel-fyll\"",
+          "computed": false
         }, {
-          'value': '\'hamburger\'',
-          'computed': false
+          "value": "\"hamburger\"",
+          "computed": false
         }, {
-          'value': '\'help-circle\'',
-          'computed': false
+          "value": "\"help-circle\"",
+          "computed": false
         }, {
-          'value': '\'help-circle_hover\'',
-          'computed': false
+          "value": "\"help-circle_hover\"",
+          "computed": false
         }, {
-          'value': '\'info-sirkel-fyll\'',
-          'computed': false
+          "value": "\"info-sirkel-fyll\"",
+          "computed": false
         }, {
-          'value': '\'ok-sirkel-fyll\'',
-          'computed': false
+          "value": "\"ok-sirkel-fyll\"",
+          "computed": false
         }, {
-          'value': '\'s\xF8k\'',
-          'computed': false
+          "value": "\"s\xF8k\"",
+          "computed": false
         }, {
-          'value': '\'spinner-negativ\'',
-          'computed': false
+          "value": "\"spinner-negativ\"",
+          "computed": false
         }, {
-          'value': '\'spinner-transparent\'',
-          'computed': false
+          "value": "\"spinner-transparent\"",
+          "computed": false
         }, {
-          'value': '\'systemer\'',
-          'computed': false
+          "value": "\"systemer\"",
+          "computed": false
         }, {
-          'value': '\'x\'',
-          'computed': false
+          "value": "\"x\"",
+          "computed": false
         }]
       },
-      'required': true,
-      'description': ''
+      "required": true,
+      "description": ""
     },
-    'onClick': {
-      'type': {
-        'name': 'func'
+    "onClick": {
+      "type": {
+        "name": "func"
       },
-      'required': false,
-      'description': ''
+      "required": false,
+      "description": ""
     },
-    'preview': {
-      'type': {
-        'name': 'bool'
+    "preview": {
+      "type": {
+        "name": "bool"
       },
-      'required': false,
-      'description': ''
+      "required": false,
+      "description": ""
     },
-    'size': {
-      'type': {
-        'name': 'union',
-        'value': [{
-          'name': 'number'
+    "size": {
+      "type": {
+        "name": "union",
+        "value": [{
+          "name": "number"
         }, {
-          'name': 'string'
+          "name": "string"
         }]
       },
-      'required': false,
-      'description': '',
-      'defaultValue': {
-        'value': '32',
-        'computed': false
+      "required": false,
+      "description": "",
+      "defaultValue": {
+        "value": "32",
+        "computed": false
       }
     },
-    'style': {
-      'type': {
-        'name': 'union',
-        'value': [{
-          'name': 'array'
+    "style": {
+      "type": {
+        "name": "union",
+        "value": [{
+          "name": "array"
         }, {
-          'name': 'object'
+          "name": "object"
         }]
       },
-      'required': false,
-      'description': ''
+      "required": false,
+      "description": ""
     },
-    'wrapperStyle': {
-      'type': {
-        'name': 'union',
-        'value': [{
-          'name': 'array'
+    "wrapperStyle": {
+      "type": {
+        "name": "union",
+        "value": [{
+          "name": "array"
         }, {
-          'name': 'object'
+          "name": "object"
         }]
       },
-      'required': false,
-      'description': ''
+      "required": false,
+      "description": ""
     }
   }
 };

package.json

 {
   "name": "nav-frontend-ikoner-assets",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "license": "SEE LICENSE IN LICENSE",
@@ -5,0 +5,0 @@ "files": [

README.md

 # less-module: nav-frontend-ikoner-style
 
-
 <!-- AUTO-GENERATED-CONTENT:START (INSTALL) -->
@@ -15,7 +14,8 @@ ### Installering:
 ### Disclaimer:
-NPM-pakken(e) publisert av NAV IT er midlertidig unscoped'e, 
-men vil bli prefikset og scopet med @navikt i fremtiden. Vi 
-gjør oppmerksom på at npm-pakkene i følgende lenke, 
-og *kun* disse npm-pakkene, er forvaltet og publisert offisielt av NAV IT:
 
+NPM-pakken(e) publisert av NAV IT er midlertidig unscoped'e,
+men vil bli prefikset og scopet med @navikt i fremtiden. Vi
+gjør oppmerksom på at npm-pakkene i følgende lenke,
+og _kun_ disse npm-pakkene, er forvaltet og publisert offisielt av NAV IT:
+
 https://www.npmjs.com/org/navikt
@@ -25,3 +25,3 @@
 
-NAV IT tar ikke ansvar for eventuell bruk av annen programvare som 
+NAV IT tar ikke ansvar for eventuell bruk av annen programvare som
 fremstilles som om de skulle vært publisert av NAV.
@@ -31,6 +31,7 @@
 https://github.com/navikt/nav-frontend-moduler/tree/master/packages/node_modules/nav-frontend-ikoner-assets
+
 <!-- AUTO-GENERATED-CONTENT:END *-->
 
 ## Icon License
+
 This project uses [Streamline Icons](http://www.streamlineicons.com/). If you use nav-frontend-ikoner-assets in your project please adhere to the [Streamline Icons license agreement](http://www.streamlineicons.com/license.html).
-

src/index.js

 /* eslint-disable */
 // Generated by gulp svg-icon - do not modify manually
 
+import React, { Component } from "react";
+import PropTypes from "prop-types";
 
-import React, {Component} from 'react';
-import PropTypes from 'prop-types';
-
 const iconList = [
-  'advarsel-sirkel-fyll',
-  'feil-sirkel-fyll',
-  'hamburger',
-  'help-circle',
-  'help-circle_hover',
-  'info-sirkel-fyll',
-  'ok-sirkel-fyll',
-  'søk',
-  'spinner-negativ',
-  'spinner-transparent',
-  'systemer',
-  'x',
-]
+  "advarsel-sirkel-fyll",
+  "feil-sirkel-fyll",
+  "hamburger",
+  "help-circle",
+  "help-circle_hover",
+  "info-sirkel-fyll",
+  "ok-sirkel-fyll",
+  "søk",
+  "spinner-negativ",
+  "spinner-transparent",
+  "systemer",
+  "x",
+];
 
-
 export default class Icon extends Component {
-
   static propTypes = {
@@ -30,14 +27,14 @@ height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     kind: PropTypes.oneOf([
-      'advarsel-sirkel-fyll',
-      'feil-sirkel-fyll',
-      'hamburger',
-      'help-circle',
-      'help-circle_hover',
-      'info-sirkel-fyll',
-      'ok-sirkel-fyll',
-      'søk',
-      'spinner-negativ',
-      'spinner-transparent',
-      'systemer',
-      'x',
+      "advarsel-sirkel-fyll",
+      "feil-sirkel-fyll",
+      "hamburger",
+      "help-circle",
+      "help-circle_hover",
+      "info-sirkel-fyll",
+      "ok-sirkel-fyll",
+      "søk",
+      "spinner-negativ",
+      "spinner-transparent",
+      "systemer",
+      "x",
     ]).isRequired,
@@ -47,39 +44,27 @@ onClick: PropTypes.func,
     size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    style: PropTypes.oneOfType([
-      PropTypes.array,
-      PropTypes.object
-    ]),
-    wrapperStyle: PropTypes.oneOfType([
-      PropTypes.array,
-      PropTypes.object
-    ])
+    style: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),
+    wrapperStyle: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),
   };
 
   static defaultProps = {
-    size: 32
-  }
+    size: 32,
+  };
 
   render() {
-    const {kind, preview} = this.props
+    const { kind, preview } = this.props;
 
-    return preview ?
-      this.renderPreview() :
-      this.renderIcon(kind)
+    return preview ? this.renderPreview() : this.renderIcon(kind);
   }
 
   renderPreview() {
-    return (
-      <div>
-        {iconList.map(kind => this.renderPreviewKind(kind))}
-      </div>
-    )
+    return <div>{iconList.map((kind) => this.renderPreviewKind(kind))}</div>;
   }
 
   renderIcon(kind) {
-    const {wrapperStyle} = this.props;
+    const { wrapperStyle } = this.props;
 
     if (wrapperStyle)
-      return <div style={wrapperStyle}>{this.getIcon(kind)}</div>
+      return <div style={wrapperStyle}>{this.getIcon(kind)}</div>;
 
-    return this.getIcon(kind)
+    return this.getIcon(kind);
   }
@@ -93,26 +78,272 @@
       </div>
-    )
+    );
   }
 
   getIcon(kind) {
-    const {height, onClick, size, style, width, ...props} = this.props;
+    const { height, onClick, size, style, width, ...props } = this.props;
 
     switch (kind) {
-      default: return null;
-      case ('advarsel-sirkel-fyll'): return (<svg {...props} focusable="false" height={height || size} width={width || size} onClick={onClick} style={style} viewBox="0 0 24 24" ><g fill="none" fillRule="evenodd"><path d="M12.205-.004l-.214.002a12.225 12.225 0 0 0-8.517 3.659C1.179 5.977-.053 9.013.002 12.208c.115 6.613 5.296 11.793 11.795 11.793l.212-.002c6.726-.116 12.105-5.595 11.99-12.21C23.883 5.178 18.702-.003 12.204-.003z" fill="#FFA733" fillRule="nonzero"/><path d="M12.027 19H12A1.499 1.499 0 0 1 11.973 16L12 16a1.501 1.501 0 0 1 .027 3z" fill="#3E3832"/><path d="M12 5a1 1 0 0 1 1 1v7a1 1 0 0 1-2 0V6a1 1 0 0 1 1-1z" fill="#3E3832" fillRule="nonzero"/></g></svg>);
-      case ('feil-sirkel-fyll'): return (<svg {...props} focusable="false" height={height || size} width={width || size} onClick={onClick} style={style} viewBox="0 0 24 24" ><g fill="none" fillRule="evenodd"><path d="M11.999 0C5.395 0 .013 5.372 0 11.976a11.923 11.923 0 0 0 3.498 8.493A11.925 11.925 0 0 0 11.977 24H12c6.603 0 11.986-5.373 12-11.978C24.013 5.406 18.64.012 11.999 0z" fillRule="nonzero" fill="#A13A28"/><path d="M12 10.651l3.372-3.372a.954.954 0 1 1 1.349 1.35L13.349 12l3.372 3.372a.954.954 0 1 1-1.35 1.349L12 13.349 8.628 16.72a.954.954 0 1 1-1.349-1.35L10.651 12 7.28 8.628A.954.954 0 1 1 8.63 7.28L12 10.651z" fill="#FFF" fillRule="nonzero"/></g></svg>);
-      case ('help-circle'): return (<svg {...props} focusable="false" height={height || size} width={width || size} onClick={onClick} style={style} viewBox="0 0 18.2 18.2"><path d="M9.1 0C4.1 0 0 4.1 0 9.1s4.1 9.1 9.1 9.1 9.1-4.1 9.1-9.1S14.1 0 9.1 0zm0 17.2C4.6 17.2 1 13.6 1 9.1S4.6 1 9.1 1s8.1 3.6 8.1 8.1-3.6 8.1-8.1 8.1z"/><circle cx="9.1" cy="13.8" r=".9"/><path d="M9.1 11.5c-.3 0-.5-.2-.5-.5V8.6c0-.3.2-.5.5-.5 1 0 1.9-.8 1.9-1.9s-.8-1.9-1.9-1.9c-1 0-1.9.8-1.9 1.9 0 .3-.2.5-.5.5s-.5-.2-.5-.4c0-1.6 1.3-2.9 2.9-2.9S12 4.7 12 6.3c0 1.4-1 2.6-2.4 2.8V11c0 .3-.2.5-.5.5z"/></svg>);
-      case ('hamburger'): return (<svg {...props} focusable="false" height={height || size} width={width || size} onClick={onClick} style={style} viewBox="0 0 200 160" ><path d="M0 0h200v32H0zm0 64h200v32H0zm0 64h200v32H0z"/></svg>);
-      case ('help-circle_hover'): return (<svg {...props} focusable="false" height={height || size} width={width || size} onClick={onClick} style={style} viewBox="0 0 18.22 18.22"><title>Hjelp</title><path fill="#2868B3" d="M9.1 0C4.1 0 0 4.1 0 9.1s4.1 9.1 9.1 9.1 9.1-4.1 9.1-9.1S14.1 0 9.1 0zm0 14.7c-.5 0-.9-.4-.9-.9s.4-.9.9-.9.9.4.9.9-.4.9-.9.9zM9.6 9v1.9c0 .3-.2.5-.5.5s-.5-.2-.5-.5V8.5c0-.3.2-.5.5-.5 1 0 1.9-.8 1.9-1.8s-.8-1.9-1.9-1.9-1.8.8-1.8 1.8c0 .3-.2.5-.5.5s-.5-.2-.5-.5c0-1.6 1.3-2.9 2.8-2.9 1.4 0 2.5 1 2.8 2.4.3 1.6-.7 3.1-2.3 3.4z"/></svg>);
-      case ('info-sirkel-fyll'): return (<svg {...props} focusable="false" height={height || size} width={width || size} onClick={onClick} style={style} viewBox="0 0 24 24" ><g fill="none"><path d="M12 0C5.382 0 0 5.382 0 12s5.382 12 12 12c6.617 0 12-5.382 12-12S18.617 0 12 0z" fill="#337C9B"/><path d="M12 5a1.566 1.566 0 1 1 .11 3.13A1.566 1.566 0 0 1 12 5zm2.976 12.01c.563 0 1.043.431 1.043.991s-.48.992-1.043.992H9.39c-.564 0-1.043-.431-1.043-.992 0-.56.479-.99 1.043-.99h1.6v-5.016h-.986c-.565 0-1.044-.43-1.044-.991 0-.56.48-.991 1.044-.991h2.03c.563 0 1.043.43 1.043.99v6.007h1.899z" fill="#FFF"/></g></svg>);
-      case ('ok-sirkel-fyll'): return (<svg {...props} focusable="false" height={height || size} width={width || size} onClick={onClick} style={style} viewBox="0 0 24 24" ><g fillRule="nonzero" fill="none"><path d="M12 0C5.383 0 0 5.384 0 12s5.383 12 12 12c6.616 0 12-5.384 12-12S18.616 0 12 0z" fill="#1C6937"/><path d="M9.64 14.441l6.46-5.839a.997.997 0 0 1 1.376.044.923.923 0 0 1-.046 1.334l-7.15 6.464a.993.993 0 0 1-.662.252.992.992 0 0 1-.69-.276l-2.382-2.308a.923.923 0 0 1 0-1.334.997.997 0 0 1 1.377 0l1.717 1.663z" fill="#FFF"/></g></svg>);
-      case ('søk'): return (<svg {...props} focusable="false" height={height || size} width={width || size} onClick={onClick} style={style} viewBox="0 0 24 24" ><path d="M9 18c2.131 0 4.09-.75 5.633-1.992l7.658 7.697c.389.393 1.021.395 1.414.004s.393-1.023.004-1.414l-7.668-7.707A8.941 8.941 0 0 0 18 9c0-4.963-4.037-9-9-9S0 4.037 0 9s4.037 9 9 9zM9 2c3.859 0 7 3.139 7 7 0 3.859-3.141 7-7 7-3.861 0-7-3.141-7-7 0-3.861 3.139-7 7-7z"/></svg>);
-      case ('spinner-negativ'): return (<svg {...props} focusable="false" height={height || size} width={width || size} onClick={onClick} style={style} viewBox="0 0 50 50" preserveAspectRatio="xMidYMid"><title>Venter...</title><circle xmlns="http://www.w3.org/2000/svg" cx="25" cy="25" r="20" stroke="#eee" fill="none" strokeWidth="5"/><circle cx="25" cy="25" r="20" stroke="#888" fill="none" strokeWidth="5" strokeDasharray="50 155" strokeLinecap="round"/></svg>);
-      case ('spinner-transparent'): return (<svg {...props} focusable="false" height={height || size} width={width || size} onClick={onClick} style={style} viewBox="0 0 50 50" preserveAspectRatio="xMidYMid"><title>Venter...</title><circle xmlns="http://www.w3.org/2000/svg" cx="25" cy="25" r="20" stroke="transparent" fill="none" strokeWidth="5"/><circle cx="25" cy="25" r="20" stroke="#7f756c" fill="none" strokeWidth="5" strokeDasharray="50 155" strokeLinecap="round"/></svg>);
-      case ('systemer'): return (<svg {...props} focusable="false" height={height || size} width={width || size} onClick={onClick} style={style} viewBox="0 0 128 128" ><path d="M0 0h32v32H0zm48 0h32v32H48zm48 0h32v32H96zM0 48h32v32H0zm48 0h32v32H48zm48 0h32v32H96zM0 96h32v32H0zm48 0h32v32H48zm48 0h32v32H96z"/></svg>);
-      case ('x'): return (<svg {...props} focusable="false" height={height || size} width={width || size} onClick={onClick} style={style} viewBox="0 0 65.1 65.1" ><path d="M8.486-.038L65.053 56.53l-8.485 8.485L0 8.447z"/><path d="M65.092 8.486L8.524 65.053.039 56.569 56.607 0z"/></svg>);
-      }
+      default:
+        return null;
+      case "advarsel-sirkel-fyll":
+        return (
+          <svg
+            {...props}
+            focusable="false"
+            height={height || size}
+            width={width || size}
+            onClick={onClick}
+            style={style}
+            viewBox="0 0 24 24"
+          >
+            <g fill="none" fillRule="evenodd">
+              <path
+                d="M12.205-.004l-.214.002a12.225 12.225 0 0 0-8.517 3.659C1.179 5.977-.053 9.013.002 12.208c.115 6.613 5.296 11.793 11.795 11.793l.212-.002c6.726-.116 12.105-5.595 11.99-12.21C23.883 5.178 18.702-.003 12.204-.003z"
+                fill="#FFA733"
+                fillRule="nonzero"
+              />
+              <path
+                d="M12.027 19H12A1.499 1.499 0 0 1 11.973 16L12 16a1.501 1.501 0 0 1 .027 3z"
+                fill="#3E3832"
+              />
+              <path
+                d="M12 5a1 1 0 0 1 1 1v7a1 1 0 0 1-2 0V6a1 1 0 0 1 1-1z"
+                fill="#3E3832"
+                fillRule="nonzero"
+              />
+            </g>
+          </svg>
+        );
+      case "feil-sirkel-fyll":
+        return (
+          <svg
+            {...props}
+            focusable="false"
+            height={height || size}
+            width={width || size}
+            onClick={onClick}
+            style={style}
+            viewBox="0 0 24 24"
+          >
+            <g fill="none" fillRule="evenodd">
+              <path
+                d="M11.999 0C5.395 0 .013 5.372 0 11.976a11.923 11.923 0 0 0 3.498 8.493A11.925 11.925 0 0 0 11.977 24H12c6.603 0 11.986-5.373 12-11.978C24.013 5.406 18.64.012 11.999 0z"
+                fillRule="nonzero"
+                fill="#A13A28"
+              />
+              <path
+                d="M12 10.651l3.372-3.372a.954.954 0 1 1 1.349 1.35L13.349 12l3.372 3.372a.954.954 0 1 1-1.35 1.349L12 13.349 8.628 16.72a.954.954 0 1 1-1.349-1.35L10.651 12 7.28 8.628A.954.954 0 1 1 8.63 7.28L12 10.651z"
+                fill="#FFF"
+                fillRule="nonzero"
+              />
+            </g>
+          </svg>
+        );
+      case "help-circle":
+        return (
+          <svg
+            {...props}
+            focusable="false"
+            height={height || size}
+            width={width || size}
+            onClick={onClick}
+            style={style}
+            viewBox="0 0 18.2 18.2"
+          >
+            <path d="M9.1 0C4.1 0 0 4.1 0 9.1s4.1 9.1 9.1 9.1 9.1-4.1 9.1-9.1S14.1 0 9.1 0zm0 17.2C4.6 17.2 1 13.6 1 9.1S4.6 1 9.1 1s8.1 3.6 8.1 8.1-3.6 8.1-8.1 8.1z" />
+            <circle cx="9.1" cy="13.8" r=".9" />
+            <path d="M9.1 11.5c-.3 0-.5-.2-.5-.5V8.6c0-.3.2-.5.5-.5 1 0 1.9-.8 1.9-1.9s-.8-1.9-1.9-1.9c-1 0-1.9.8-1.9 1.9 0 .3-.2.5-.5.5s-.5-.2-.5-.4c0-1.6 1.3-2.9 2.9-2.9S12 4.7 12 6.3c0 1.4-1 2.6-2.4 2.8V11c0 .3-.2.5-.5.5z" />
+          </svg>
+        );
+      case "hamburger":
+        return (
+          <svg
+            {...props}
+            focusable="false"
+            height={height || size}
+            width={width || size}
+            onClick={onClick}
+            style={style}
+            viewBox="0 0 200 160"
+          >
+            <path d="M0 0h200v32H0zm0 64h200v32H0zm0 64h200v32H0z" />
+          </svg>
+        );
+      case "help-circle_hover":
+        return (
+          <svg
+            {...props}
+            focusable="false"
+            height={height || size}
+            width={width || size}
+            onClick={onClick}
+            style={style}
+            viewBox="0 0 18.22 18.22"
+          >
+            <title>Hjelp</title>
+            <path
+              fill="#2868B3"
+              d="M9.1 0C4.1 0 0 4.1 0 9.1s4.1 9.1 9.1 9.1 9.1-4.1 9.1-9.1S14.1 0 9.1 0zm0 14.7c-.5 0-.9-.4-.9-.9s.4-.9.9-.9.9.4.9.9-.4.9-.9.9zM9.6 9v1.9c0 .3-.2.5-.5.5s-.5-.2-.5-.5V8.5c0-.3.2-.5.5-.5 1 0 1.9-.8 1.9-1.8s-.8-1.9-1.9-1.9-1.8.8-1.8 1.8c0 .3-.2.5-.5.5s-.5-.2-.5-.5c0-1.6 1.3-2.9 2.8-2.9 1.4 0 2.5 1 2.8 2.4.3 1.6-.7 3.1-2.3 3.4z"
+            />
+          </svg>
+        );
+      case "info-sirkel-fyll":
+        return (
+          <svg
+            {...props}
+            focusable="false"
+            height={height || size}
+            width={width || size}
+            onClick={onClick}
+            style={style}
+            viewBox="0 0 24 24"
+          >
+            <g fill="none">
+              <path
+                d="M12 0C5.382 0 0 5.382 0 12s5.382 12 12 12c6.617 0 12-5.382 12-12S18.617 0 12 0z"
+                fill="#337C9B"
+              />
+              <path
+                d="M12 5a1.566 1.566 0 1 1 .11 3.13A1.566 1.566 0 0 1 12 5zm2.976 12.01c.563 0 1.043.431 1.043.991s-.48.992-1.043.992H9.39c-.564 0-1.043-.431-1.043-.992 0-.56.479-.99 1.043-.99h1.6v-5.016h-.986c-.565 0-1.044-.43-1.044-.991 0-.56.48-.991 1.044-.991h2.03c.563 0 1.043.43 1.043.99v6.007h1.899z"
+                fill="#FFF"
+              />
+            </g>
+          </svg>
+        );
+      case "ok-sirkel-fyll":
+        return (
+          <svg
+            {...props}
+            focusable="false"
+            height={height || size}
+            width={width || size}
+            onClick={onClick}
+            style={style}
+            viewBox="0 0 24 24"
+          >
+            <g fillRule="nonzero" fill="none">
+              <path
+                d="M12 0C5.383 0 0 5.384 0 12s5.383 12 12 12c6.616 0 12-5.384 12-12S18.616 0 12 0z"
+                fill="#1C6937"
+              />
+              <path
+                d="M9.64 14.441l6.46-5.839a.997.997 0 0 1 1.376.044.923.923 0 0 1-.046 1.334l-7.15 6.464a.993.993 0 0 1-.662.252.992.992 0 0 1-.69-.276l-2.382-2.308a.923.923 0 0 1 0-1.334.997.997 0 0 1 1.377 0l1.717 1.663z"
+                fill="#FFF"
+              />
+            </g>
+          </svg>
+        );
+      case "søk":
+        return (
+          <svg
+            {...props}
+            focusable="false"
+            height={height || size}
+            width={width || size}
+            onClick={onClick}
+            style={style}
+            viewBox="0 0 24 24"
+          >
+            <path d="M9 18c2.131 0 4.09-.75 5.633-1.992l7.658 7.697c.389.393 1.021.395 1.414.004s.393-1.023.004-1.414l-7.668-7.707A8.941 8.941 0 0 0 18 9c0-4.963-4.037-9-9-9S0 4.037 0 9s4.037 9 9 9zM9 2c3.859 0 7 3.139 7 7 0 3.859-3.141 7-7 7-3.861 0-7-3.141-7-7 0-3.861 3.139-7 7-7z" />
+          </svg>
+        );
+      case "spinner-negativ":
+        return (
+          <svg
+            {...props}
+            focusable="false"
+            height={height || size}
+            width={width || size}
+            onClick={onClick}
+            style={style}
+            viewBox="0 0 50 50"
+            preserveAspectRatio="xMidYMid"
+          >
+            <title>Venter...</title>
+            <circle
+              xmlns="http://www.w3.org/2000/svg"
+              cx="25"
+              cy="25"
+              r="20"
+              stroke="#eee"
+              fill="none"
+              strokeWidth="5"
+            />
+            <circle
+              cx="25"
+              cy="25"
+              r="20"
+              stroke="#888"
+              fill="none"
+              strokeWidth="5"
+              strokeDasharray="50 155"
+              strokeLinecap="round"
+            />
+          </svg>
+        );
+      case "spinner-transparent":
+        return (
+          <svg
+            {...props}
+            focusable="false"
+            height={height || size}
+            width={width || size}
+            onClick={onClick}
+            style={style}
+            viewBox="0 0 50 50"
+            preserveAspectRatio="xMidYMid"
+          >
+            <title>Venter...</title>
+            <circle
+              xmlns="http://www.w3.org/2000/svg"
+              cx="25"
+              cy="25"
+              r="20"
+              stroke="transparent"
+              fill="none"
+              strokeWidth="5"
+            />
+            <circle
+              cx="25"
+              cy="25"
+              r="20"
+              stroke="#7f756c"
+              fill="none"
+              strokeWidth="5"
+              strokeDasharray="50 155"
+              strokeLinecap="round"
+            />
+          </svg>
+        );
+      case "systemer":
+        return (
+          <svg
+            {...props}
+            focusable="false"
+            height={height || size}
+            width={width || size}
+            onClick={onClick}
+            style={style}
+            viewBox="0 0 128 128"
+          >
+            <path d="M0 0h32v32H0zm48 0h32v32H48zm48 0h32v32H96zM0 48h32v32H0zm48 0h32v32H48zm48 0h32v32H96zM0 96h32v32H0zm48 0h32v32H48zm48 0h32v32H96z" />
+          </svg>
+        );
+      case "x":
+        return (
+          <svg
+            {...props}
+            focusable="false"
+            height={height || size}
+            width={width || size}
+            onClick={onClick}
+            style={style}
+            viewBox="0 0 65.1 65.1"
+          >
+            <path d="M8.486-.038L65.053 56.53l-8.485 8.485L0 8.447z" />
+            <path d="M65.092 8.486L8.524 65.053.039 56.569 56.607 0z" />
+          </svg>
+        );
+    }
   }
 }
-
-

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

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

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

41686

increased by14.13%

Lines of code

836

increased by82.53%

Number of lines in readme file

35

increased by2.94%

Worsened metrics

Number of medium supply chain risk alerts

2

increased byInfinity%

No dependency changes