@fremtind/jkl-icons-react
Advanced tools
Comparing version 1.1.4 to 1.1.5
@@ -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" | ||
} |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
71299
1231