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

Comparing version 0.2.28 to 0.2.29

lib/index.js

@@ -31,3 +31,3 @@ 'use strict';
 
-var iconList = ['advarsel-sirkel', 'advarsel-trekant', 'advarsel-trekant-fylt', 'alarm', 'alarm-ny', 'arbeidsgiver', 'feil-sirkel-fylt', 'help-circle', 'help-circle_hover', 'info-sirkel', 'info-sirkel-fylt', 'info-sirkel-orange', 'kalender', 'minus', 'nav-ansatt', 'ok-sirkel', 'ok-sirkel-fylt', 'spinner', 'spinner-negativ', 'spinner-stroke', 'spinner-stroke-negativ', 'stegindikator__hake', 'stonad', 'tilsette', 'trashcan', 'vedlegg'];
+var iconList = ['advarsel-sirkel', 'advarsel-trekant', 'advarsel-trekant-fylt', 'alarm', 'alarm-ny', 'arbeidsgiver', 'feil-sirkel-fylt', 'help-circle', 'help-circle_hover', 'info-sirkel', 'info-sirkel-fylt', 'info-sirkel-orange', 'kalender', 'minus', 'nav-ansatt', 'ok-sirkel', 'ok-sirkel-fylt', 'spinner', 'spinner-negativ', 'spinner-stroke', 'spinner-stroke-negativ', 'spinner-transparent', 'stegindikator__hake', 'stonad', 'tilsette', 'trashcan', 'vedlegg'];
 
@@ -373,3 +373,3 @@ var Icon = function (_Component) {
             'svg',
-            _extends({}, props, { focusable: 'false', height: height || size, width: width || size, onClick: onClick, style: style, viewBox: '0 0 100 100', preserveAspectRatio: 'xMidYMid' }),
+            _extends({}, props, { focusable: 'false', height: height || size, width: width || size, onClick: onClick, style: style, viewBox: '0 0 50 50', preserveAspectRatio: 'xMidYMid' }),
             _react2.default.createElement(
@@ -380,4 +380,4 @@ 'title',
             ),
-            _react2.default.createElement('circle', { xmlns: 'http://www.w3.org/2000/svg', cx: '50', cy: '50', r: '40', stroke: '#bdbab7', fill: 'none', strokeWidth: '10' }),
-            _react2.default.createElement('circle', { cx: '50', cy: '50', r: '40', stroke: '#7f756c', fill: 'none', strokeWidth: '10', strokeDasharray: '50 155', strokeLinecap: 'round' })
+            _react2.default.createElement('circle', { xmlns: 'http://www.w3.org/2000/svg', cx: '25', cy: '25', r: '20', stroke: '#bdbab7', 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' })
           );
@@ -387,3 +387,3 @@ case 'spinner-negativ':
             'svg',
-            _extends({}, props, { focusable: 'false', height: height || size, width: width || size, onClick: onClick, style: style, viewBox: '0 0 100 100', preserveAspectRatio: 'xMidYMid' }),
+            _extends({}, props, { focusable: 'false', height: height || size, width: width || size, onClick: onClick, style: style, viewBox: '0 0 50 50', preserveAspectRatio: 'xMidYMid' }),
             _react2.default.createElement(
@@ -394,4 +394,4 @@ 'title',
             ),
-            _react2.default.createElement('circle', { xmlns: 'http://www.w3.org/2000/svg', cx: '50', cy: '50', r: '40', stroke: '#eee', fill: 'none', strokeWidth: '10' }),
-            _react2.default.createElement('circle', { cx: '50', cy: '50', r: '40', stroke: '#888', fill: 'none', strokeWidth: '10', 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' })
           );
@@ -401,3 +401,3 @@ case 'spinner-stroke':
             'svg',
-            _extends({}, props, { focusable: 'false', height: height || size, width: width || size, onClick: onClick, style: style, viewBox: '0 0 100 100', preserveAspectRatio: 'xMidYMid' }),
+            _extends({}, props, { focusable: 'false', height: height || size, width: width || size, onClick: onClick, style: style, viewBox: '0 0 50 50', preserveAspectRatio: 'xMidYMid' }),
             _react2.default.createElement(
@@ -408,4 +408,4 @@ 'title',
             ),
-            _react2.default.createElement('circle', { xmlns: 'http://www.w3.org/2000/svg', cx: '50', cy: '50', r: '40', stroke: '#bdbab7', fill: 'none', strokeWidth: '13' }),
-            _react2.default.createElement('circle', { cx: '50', cy: '50', r: '40', stroke: '#7f756c', fill: 'none', strokeWidth: '7', strokeDasharray: '50 155', strokeLinecap: 'round' })
+            _react2.default.createElement('circle', { xmlns: 'http://www.w3.org/2000/svg', cx: '25', cy: '25', r: '20', stroke: '#bdbab7', fill: 'none', strokeWidth: '5' }),
+            _react2.default.createElement('circle', { cx: '25', cy: '25', r: '20', stroke: '#7f756c', fill: 'none', strokeWidth: '3', strokeDasharray: '50 155', strokeLinecap: 'round' })
           );
@@ -415,3 +415,3 @@ case 'spinner-stroke-negativ':
             'svg',
-            _extends({}, props, { focusable: 'false', height: height || size, width: width || size, onClick: onClick, style: style, viewBox: '0 0 100 100', preserveAspectRatio: 'xMidYMid' }),
+            _extends({}, props, { focusable: 'false', height: height || size, width: width || size, onClick: onClick, style: style, viewBox: '0 0 50 50', preserveAspectRatio: 'xMidYMid' }),
             _react2.default.createElement(
@@ -422,5 +422,17 @@ 'title',
             ),
-            _react2.default.createElement('circle', { xmlns: 'http://www.w3.org/2000/svg', cx: '50', cy: '50', r: '40', stroke: '#eee', fill: 'none', strokeWidth: '13' }),
-            _react2.default.createElement('circle', { cx: '50', cy: '50', r: '40', stroke: '#888', fill: 'none', strokeWidth: '7', 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: '3', strokeDasharray: '50 155', strokeLinecap: 'round' })
           );
+        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' }),
+            _react2.default.createElement(
+              'title',
+              null,
+              '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' })
+          );
         case 'stegindikator__hake':
@@ -508,3 +520,3 @@ return _react2.default.createElement(
   width: _propTypes2.default.oneOfType([_propTypes2.default.number, _propTypes2.default.string]),
-  kind: _propTypes2.default.oneOf(['advarsel-sirkel', 'advarsel-trekant', 'advarsel-trekant-fylt', 'alarm', 'alarm-ny', 'arbeidsgiver', 'feil-sirkel-fylt', 'help-circle', 'help-circle_hover', 'info-sirkel', 'info-sirkel-fylt', 'info-sirkel-orange', 'kalender', 'minus', 'nav-ansatt', 'ok-sirkel', 'ok-sirkel-fylt', 'spinner', 'spinner-negativ', 'spinner-stroke', 'spinner-stroke-negativ', 'stegindikator__hake', 'stonad', 'tilsette', 'trashcan', 'vedlegg']).isRequired,
+  kind: _propTypes2.default.oneOf(['advarsel-sirkel', 'advarsel-trekant', 'advarsel-trekant-fylt', 'alarm', 'alarm-ny', 'arbeidsgiver', 'feil-sirkel-fylt', 'help-circle', 'help-circle_hover', 'info-sirkel', 'info-sirkel-fylt', 'info-sirkel-orange', 'kalender', 'minus', 'nav-ansatt', 'ok-sirkel', 'ok-sirkel-fylt', 'spinner', 'spinner-negativ', 'spinner-stroke', 'spinner-stroke-negativ', 'spinner-transparent', 'stegindikator__hake', 'stonad', 'tilsette', 'trashcan', 'vedlegg']).isRequired,
   onClick: _propTypes2.default.func,
@@ -615,2 +627,5 @@ preview: _propTypes2.default.bool,
         }, {
+          'value': '\'spinner-transparent\'',
+          'computed': false
+        }, {
           'value': '\'stegindikator__hake\'',
@@ -617,0 +632,0 @@ 'computed': false

package.json

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

src/index.js

@@ -30,2 +30,3 @@ /* eslint-disable */
   'spinner-stroke-negativ',
+  'spinner-transparent',
   'stegindikator__hake',
@@ -66,2 +67,3 @@ 'stonad',
       'spinner-stroke-negativ',
+      'spinner-transparent',
       'stegindikator__hake',
@@ -146,6 +148,7 @@ 'stonad',
       case ('ok-sirkel-fylt'): return (<svg {...props} focusable="false" height={height || size} width={width || size} onClick={onClick} style={style} viewBox="0 0 25 24" ><title>Suksess</title><path d="M12.77 0C6.208 0 .87 5.384.87 12s5.338 12 11.9 12 11.902-5.384 11.902-12S19.332 0 12.77 0zm5.298 8.866l-7.439 7a.495.495 0 0 1-.69-.012l-2.479-2.5a.503.503 0 0 1 0-.707.493.493 0 0 1 .702 0l2.14 2.158 7.088-6.67a.494.494 0 0 1 .702.023.504.504 0 0 1-.024.708z" fill="#3E3832" fillRule="evenodd"/></svg>);
-      case ('spinner'): return (<svg {...props} focusable="false" height={height || size} width={width || size} onClick={onClick} style={style} viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><title>Venter...</title><circle xmlns="http://www.w3.org/2000/svg" cx="50" cy="50" r="40" stroke="#bdbab7" fill="none" strokeWidth="10"/><circle cx="50" cy="50" r="40" stroke="#7f756c" fill="none" strokeWidth="10" strokeDasharray="50 155" strokeLinecap="round"/></svg>);
-      case ('spinner-negativ'): return (<svg {...props} focusable="false" height={height || size} width={width || size} onClick={onClick} style={style} viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><title>Venter...</title><circle xmlns="http://www.w3.org/2000/svg" cx="50" cy="50" r="40" stroke="#eee" fill="none" strokeWidth="10"/><circle cx="50" cy="50" r="40" stroke="#888" fill="none" strokeWidth="10" strokeDasharray="50 155" strokeLinecap="round"/></svg>);
-      case ('spinner-stroke'): return (<svg {...props} focusable="false" height={height || size} width={width || size} onClick={onClick} style={style} viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><title>Venter...</title><circle xmlns="http://www.w3.org/2000/svg" cx="50" cy="50" r="40" stroke="#bdbab7" fill="none" strokeWidth="13"/><circle cx="50" cy="50" r="40" stroke="#7f756c" fill="none" strokeWidth="7" strokeDasharray="50 155" strokeLinecap="round"/></svg>);
-      case ('spinner-stroke-negativ'): return (<svg {...props} focusable="false" height={height || size} width={width || size} onClick={onClick} style={style} viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><title>Venter...</title><circle xmlns="http://www.w3.org/2000/svg" cx="50" cy="50" r="40" stroke="#eee" fill="none" strokeWidth="13"/><circle cx="50" cy="50" r="40" stroke="#888" fill="none" strokeWidth="7" strokeDasharray="50 155" strokeLinecap="round"/></svg>);
+      case ('spinner'): 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="#bdbab7" fill="none" strokeWidth="5"/><circle cx="25" cy="25" r="20" stroke="#7f756c" fill="none" strokeWidth="5" strokeDasharray="50 155" strokeLinecap="round"/></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-stroke'): 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="#bdbab7" fill="none" strokeWidth="5"/><circle cx="25" cy="25" r="20" stroke="#7f756c" fill="none" strokeWidth="3" strokeDasharray="50 155" strokeLinecap="round"/></svg>);
+      case ('spinner-stroke-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="3" 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 ('stegindikator__hake'): return (<svg {...props} focusable="false" height={height || size} width={width || size} onClick={onClick} style={style} viewBox="0 0 32 32" ><title>Avhuket</title><g fill="none" fillRule="evenodd"><path d="M16 0C7.177 0 0 7.179 0 16s7.177 16 16 16c8.821 0 16-7.179 16-16S24.821 0 16 0zm7.121 11.821l-10 9.334a.669.669 0 0 1-.926-.016L8.86 17.805a.667.667 0 0 1 .943-.942l2.877 2.877 9.53-8.893a.668.668 0 1 1 .91.974z" fill="#97D2AE"/><path d="M23.121 11.821l-10 9.334a.669.669 0 0 1-.926-.016L8.86 17.805a.667.667 0 0 1 .943-.942l2.877 2.877 9.53-8.893a.668.668 0 1 1 .91.974z" fill="#3E3832"/></g></svg>);
@@ -152,0 +155,0 @@ case ('stonad'): return (<svg {...props} focusable="false" height={height || size} width={width || size} onClick={onClick} style={style} viewBox="0 0 25 24" ><title>Stønad</title><g stroke="#3E3832" fill="none" fillRule="evenodd" strokeLinejoin="round"><path d="M4.701 22.44H.534v-8.378h4.167z"/><path d="M4.7 20.833c10.938 3.646 7.292 3.646 19.792-2.604-1.107-1.106-1.98-1.368-3.125-1.041L16.75 18.72" strokeLinecap="round"/><path d="M4.7 15.104h3.126c2.45 0 4.166 1.563 4.687 2.084h3.125c1.66 0 1.66 2.083 0 2.083H9.91M15.117 3.646a3.125 3.125 0 1 0 6.25 0 3.125 3.125 0 0 0-6.25 0zM9.91 10.938a3.125 3.125 0 1 0 6.249 0 3.125 3.125 0 0 0-6.25 0zM13.034 9.896v2.083M18.242 2.604v2.083" strokeLinecap="round"/></g></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

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

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

Improved metrics

Total package byte prevSize

91102

increased by2.08%

Number of package files

32

increased by3.23%

Lines of code

889

increased by2.18%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes