Socket
Socket
Sign inDemoInstall

@fremtind/jkl-icons-react

Package Overview
Dependencies
Maintainers
2
Versions
151
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

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

Comparing version 1.1.4 to 1.1.5

110

build/cjs/index.js

@@ -5,6 +5,8 @@ 'use strict';

function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
var React = require('react');
var React = _interopDefault(require('react'));
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
var IconFactory = function IconFactory(_ref) {

@@ -20,3 +22,3 @@ var _ref$viewBox = _ref.viewBox,

innerSvg = _ref.innerSvg;
return /*#__PURE__*/React.createElement("svg", {
return /*#__PURE__*/React__default['default'].createElement("svg", {
className: "jkl-icon jkl-icon--".concat(variant, " ").concat(className),

@@ -27,3 +29,3 @@ width: "100%",

xmlns: "http://www.w3.org/2000/svg"
}, /*#__PURE__*/React.createElement("title", null, title), /*#__PURE__*/React.createElement("desc", null, description), innerSvg);
}, /*#__PURE__*/React__default['default'].createElement("title", null, title), /*#__PURE__*/React__default['default'].createElement("desc", null, description), innerSvg);
};

@@ -34,3 +36,3 @@

variant = _ref.variant;
return /*#__PURE__*/React.createElement(IconFactory, {
return /*#__PURE__*/React__default['default'].createElement(IconFactory, {
title: "CheckMark",

@@ -40,3 +42,3 @@ description: "Ikon av en hake",

variant: variant,
innerSvg: /*#__PURE__*/React.createElement("path", {
innerSvg: /*#__PURE__*/React__default['default'].createElement("path", {
d: "M1 15.2168L5.24264 19.4594L19.3848 5.3173",

@@ -51,3 +53,3 @@ stroke: "currentColor"

variant = _ref.variant;
return /*#__PURE__*/React.createElement(IconFactory, {
return /*#__PURE__*/React__default['default'].createElement(IconFactory, {
title: "Lukk",

@@ -57,3 +59,3 @@ description: "Ikon av en x",

variant: variant,
innerSvg: /*#__PURE__*/React.createElement("path", {
innerSvg: /*#__PURE__*/React__default['default'].createElement("path", {
fillRule: "evenodd",

@@ -70,3 +72,3 @@ clipRule: "evenodd",

variant = _ref.variant;
return /*#__PURE__*/React.createElement(IconFactory, {
return /*#__PURE__*/React__default['default'].createElement(IconFactory, {
title: "Pluss",

@@ -76,3 +78,3 @@ description: "Ikon av plusstegn",

variant: variant,
innerSvg: /*#__PURE__*/React.createElement("path", {
innerSvg: /*#__PURE__*/React__default['default'].createElement("path", {
fillRule: "evenodd",

@@ -89,3 +91,3 @@ clipRule: "evenodd",

variant = _ref.variant;
return /*#__PURE__*/React.createElement(IconFactory, {
return /*#__PURE__*/React__default['default'].createElement(IconFactory, {
title: "S\xF8k",

@@ -95,3 +97,3 @@ description: "Ikon av forst\xF8rrelsesglass",

variant: variant,
innerSvg: /*#__PURE__*/React.createElement("path", {
innerSvg: /*#__PURE__*/React__default['default'].createElement("path", {
fillRule: "evenodd",

@@ -108,3 +110,3 @@ clipRule: "evenodd",

variant = _ref.variant;
return /*#__PURE__*/React.createElement(IconFactory, {
return /*#__PURE__*/React__default['default'].createElement(IconFactory, {
title: "Hamburger",

@@ -114,3 +116,3 @@ description: "Ikon av hamburgermeny",

variant: variant,
innerSvg: /*#__PURE__*/React.createElement("path", {
innerSvg: /*#__PURE__*/React__default['default'].createElement("path", {
fillRule: "evenodd",

@@ -127,3 +129,3 @@ clipRule: "evenodd",

variant = _ref.variant;
return /*#__PURE__*/React.createElement(IconFactory, {
return /*#__PURE__*/React__default['default'].createElement(IconFactory, {
title: "Kalender",

@@ -133,3 +135,3 @@ description: "Ikon av en kalender",

variant: variant,
innerSvg: /*#__PURE__*/React.createElement("path", {
innerSvg: /*#__PURE__*/React__default['default'].createElement("path", {
fillRule: "evenodd",

@@ -146,3 +148,3 @@ clipRule: "evenodd",

variant = _ref.variant;
return /*#__PURE__*/React.createElement(IconFactory, {
return /*#__PURE__*/React__default['default'].createElement(IconFactory, {
viewBox: "0 0 15 16",

@@ -153,3 +155,3 @@ title: "Pil-ekstern",

variant: variant,
innerSvg: /*#__PURE__*/React.createElement("path", {
innerSvg: /*#__PURE__*/React__default['default'].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",

@@ -164,3 +166,3 @@ fill: "currentColor"

variant = _ref.variant;
return /*#__PURE__*/React.createElement(IconFactory, {
return /*#__PURE__*/React__default['default'].createElement(IconFactory, {
viewBox: "0 0 15 16",

@@ -171,3 +173,3 @@ title: "Pil-opp",

variant: variant,
innerSvg: /*#__PURE__*/React.createElement("path", {
innerSvg: /*#__PURE__*/React__default['default'].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",

@@ -182,3 +184,3 @@ fill: "currentColor"

variant = _ref.variant;
return /*#__PURE__*/React.createElement(IconFactory, {
return /*#__PURE__*/React__default['default'].createElement(IconFactory, {
viewBox: "0 0 15 16",

@@ -189,3 +191,3 @@ title: "Pil-ned",

variant: variant,
innerSvg: /*#__PURE__*/React.createElement("path", {
innerSvg: /*#__PURE__*/React__default['default'].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",

@@ -200,3 +202,3 @@ fill: "currentColor"

variant = _ref.variant;
return /*#__PURE__*/React.createElement(IconFactory, {
return /*#__PURE__*/React__default['default'].createElement(IconFactory, {
viewBox: "0 0 15 16",

@@ -207,3 +209,3 @@ title: "Pil-h\xF8yre",

variant: variant,
innerSvg: /*#__PURE__*/React.createElement("path", {
innerSvg: /*#__PURE__*/React__default['default'].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",

@@ -218,3 +220,3 @@ fill: "currentColor"

variant = _ref.variant;
return /*#__PURE__*/React.createElement(IconFactory, {
return /*#__PURE__*/React__default['default'].createElement(IconFactory, {
viewBox: "0 0 15 16",

@@ -225,3 +227,3 @@ title: "Pil-venstre",

variant: variant,
innerSvg: /*#__PURE__*/React.createElement("path", {
innerSvg: /*#__PURE__*/React__default['default'].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",

@@ -236,3 +238,3 @@ fill: "currentColor"

variant = _ref.variant;
return /*#__PURE__*/React.createElement(IconFactory, {
return /*#__PURE__*/React__default['default'].createElement(IconFactory, {
viewBox: "0 0 24 24",

@@ -243,3 +245,3 @@ title: "Info-icon",

variant: variant,
innerSvg: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("circle", {
innerSvg: /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("circle", {
cx: "12",

@@ -249,3 +251,3 @@ cy: "12",

stroke: "currentColor"
}), /*#__PURE__*/React.createElement("path", {
}), /*#__PURE__*/React__default['default'].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",

@@ -260,3 +262,3 @@ fill: "currentColor"

variant = _ref.variant;
return /*#__PURE__*/React.createElement(IconFactory, {
return /*#__PURE__*/React__default['default'].createElement(IconFactory, {
viewBox: "0 0 24 24",

@@ -267,3 +269,3 @@ title: "Success-icon",

variant: variant,
innerSvg: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("circle", {
innerSvg: /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("circle", {
cx: "12",

@@ -273,3 +275,3 @@ cy: "12",

stroke: "currentColor"
}), /*#__PURE__*/React.createElement("path", {
}), /*#__PURE__*/React__default['default'].createElement("path", {
d: "M7 13.5L10 16.5L19.5 7",

@@ -284,3 +286,3 @@ stroke: "currentColor"

variant = _ref.variant;
return /*#__PURE__*/React.createElement(IconFactory, {
return /*#__PURE__*/React__default['default'].createElement(IconFactory, {
viewBox: "0 0 24 24",

@@ -291,3 +293,3 @@ title: "Warning-icon",

variant: variant,
innerSvg: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("circle", {
innerSvg: /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("circle", {
cx: "12",

@@ -297,3 +299,3 @@ cy: "12",

stroke: "currentColor"
}), /*#__PURE__*/React.createElement("path", {
}), /*#__PURE__*/React__default['default'].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",

@@ -308,3 +310,3 @@ fill: "currentColor"

variant = _ref.variant;
return /*#__PURE__*/React.createElement(IconFactory, {
return /*#__PURE__*/React__default['default'].createElement(IconFactory, {
viewBox: "0 0 24 24",

@@ -315,3 +317,3 @@ title: "Error-icon",

variant: variant,
innerSvg: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("circle", {
innerSvg: /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("circle", {
cx: "12",

@@ -321,3 +323,3 @@ cy: "12",

stroke: "currentColor"
}), /*#__PURE__*/React.createElement("rect", {
}), /*#__PURE__*/React__default['default'].createElement("rect", {
x: "4",

@@ -338,9 +340,9 @@ y: "4.22168",

var iconSize = variant !== "inherit" ? variant : "small";
return /*#__PURE__*/React.createElement("div", {
return /*#__PURE__*/React__default['default'].createElement("div", {
className: "jkl-icon--".concat(iconSize, " jkl-animated-vertical-arrows")
}, /*#__PURE__*/React.createElement("div", {
}, /*#__PURE__*/React__default['default'].createElement("div", {
className: "jkl-animated-vertical-arrows__slider jkl-animated-vertical-arrows__slider--".concat(pointingDown ? "down" : "up")
}, /*#__PURE__*/React.createElement(ArrowDown, {
}, /*#__PURE__*/React__default['default'].createElement(ArrowDown, {
variant: iconSize
}), /*#__PURE__*/React.createElement(ArrowUp, {
}), /*#__PURE__*/React__default['default'].createElement(ArrowUp, {
variant: iconSize

@@ -355,9 +357,9 @@ })));

var iconSize = variant !== "inherit" ? variant : "small";
return /*#__PURE__*/React.createElement("div", {
return /*#__PURE__*/React__default['default'].createElement("div", {
className: "jkl-icon--".concat(iconSize, " jkl-animated-horizontal-arrows")
}, /*#__PURE__*/React.createElement("div", {
}, /*#__PURE__*/React__default['default'].createElement("div", {
className: "jkl-animated-horizontal-arrows__slider jkl-animated-horizontal-arrows__slider--".concat(pointingRight ? "right" : "left")
}, /*#__PURE__*/React.createElement(ArrowRight, {
}, /*#__PURE__*/React__default['default'].createElement(ArrowRight, {
variant: iconSize
}), /*#__PURE__*/React.createElement(ArrowLeft, {
}), /*#__PURE__*/React__default['default'].createElement(ArrowLeft, {
variant: iconSize

@@ -372,5 +374,5 @@ })));

var iconSize = variant !== "inherit" ? variant : "small";
return /*#__PURE__*/React.createElement("div", {
return /*#__PURE__*/React__default['default'].createElement("div", {
className: "jkl-icon--".concat(iconSize, " jkl-icons-animated__plus jkl-icons-animated__plus--").concat(isPlus ? "plus" : "close")
}, /*#__PURE__*/React.createElement(Plus, {
}, /*#__PURE__*/React__default['default'].createElement(Plus, {
variant: iconSize

@@ -383,3 +385,3 @@ }));

children = _ref.children;
return /*#__PURE__*/React.createElement("div", {
return /*#__PURE__*/React__default['default'].createElement("div", {
className: "jkl-icons-animated__burger__icons jkl-icons-animated__burger__icons--".concat(when ? "show" : "hide")

@@ -394,11 +396,11 @@ }, children);

var iconSize = variant !== "inherit" ? variant : "small";
return /*#__PURE__*/React.createElement("div", {
return /*#__PURE__*/React__default['default'].createElement("div", {
className: "jkl-icon--".concat(iconSize, " jkl-icons-animated__burger")
}, /*#__PURE__*/React.createElement(Show, {
}, /*#__PURE__*/React__default['default'].createElement(Show, {
when: isBurger
}, /*#__PURE__*/React.createElement(Hamburger, {
}, /*#__PURE__*/React__default['default'].createElement(Hamburger, {
variant: iconSize
})), /*#__PURE__*/React.createElement(Show, {
})), /*#__PURE__*/React__default['default'].createElement(Show, {
when: !isBurger
}, /*#__PURE__*/React.createElement(Close, {
}, /*#__PURE__*/React__default['default'].createElement(Close, {
variant: iconSize

@@ -405,0 +407,0 @@ })));

{
"name": "@fremtind/jkl-icons-react",
"version": "1.1.4",
"version": "1.1.5",
"publishConfig": {

@@ -40,3 +40,3 @@ "access": "public"

"devDependencies": {
"@fremtind/jkl-portal-components": "^0.6.0"
"@fremtind/jkl-portal-components": "^0.6.1"
},

@@ -56,3 +56,3 @@ "peerDependencies": {

},
"gitHead": "321f4467b0943e997940860a8d25357f9246b611"
"gitHead": "d8fa649a978a6c03a01f1560c172950dbacc65f9"
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc