@fremtind/jkl-icon-button-react
Advanced tools
Comparing version 0.3.7 to 0.3.8
@@ -5,10 +5,14 @@ 'use strict'; | ||
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; } | ||
var _extends = require('@babel/runtime/helpers/extends'); | ||
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties'); | ||
var React = require('react'); | ||
var _extends = _interopDefault(require('@babel/runtime/helpers/extends')); | ||
var _objectWithoutProperties = _interopDefault(require('@babel/runtime/helpers/objectWithoutProperties')); | ||
var React = _interopDefault(require('react')); | ||
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; } | ||
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends); | ||
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties); | ||
var React__default = /*#__PURE__*/_interopDefaultLegacy(React); | ||
var IconSearch = function IconSearch() { | ||
return /*#__PURE__*/React.createElement("svg", { | ||
return /*#__PURE__*/React__default['default'].createElement("svg", { | ||
"data-testid": "jkl-search-icon", | ||
@@ -18,3 +22,3 @@ viewBox: "0 0 24 24", | ||
xmlns: "http://www.w3.org/2000/svg" | ||
}, /*#__PURE__*/React.createElement("circle", { | ||
}, /*#__PURE__*/React__default['default'].createElement("circle", { | ||
cx: "9.5", | ||
@@ -25,3 +29,3 @@ cy: "9.5", | ||
strokeWidth: "1.5" | ||
}), /*#__PURE__*/React.createElement("path", { | ||
}), /*#__PURE__*/React__default['default'].createElement("path", { | ||
d: "M23 23L15 15", | ||
@@ -34,11 +38,11 @@ stroke: "currentColor", | ||
var IconClear = function IconClear() { | ||
return /*#__PURE__*/React.createElement("svg", { | ||
return /*#__PURE__*/React__default['default'].createElement("svg", { | ||
viewBox: "0 0 24 24", | ||
fill: "none", | ||
xmlns: "http://www.w3.org/2000/svg" | ||
}, /*#__PURE__*/React.createElement("path", { | ||
}, /*#__PURE__*/React__default['default'].createElement("path", { | ||
d: "M3 21L21 3", | ||
stroke: "currentColor", | ||
strokeWidth: "1.5" | ||
}), /*#__PURE__*/React.createElement("path", { | ||
}), /*#__PURE__*/React__default['default'].createElement("path", { | ||
d: "M3 3L21 21", | ||
@@ -51,9 +55,9 @@ stroke: "currentColor", | ||
var IconCalendar = function IconCalendar() { | ||
return /*#__PURE__*/React.createElement("svg", { | ||
return /*#__PURE__*/React__default['default'].createElement("svg", { | ||
viewBox: "0 0 24 24", | ||
fill: "none" | ||
}, /*#__PURE__*/React.createElement("path", { | ||
}, /*#__PURE__*/React__default['default'].createElement("path", { | ||
stroke: "currentColor", | ||
d: "M.5 3.5h23v20H.5zM6.5 0v7M17.5 0v7" | ||
}), /*#__PURE__*/React.createElement("path", { | ||
}), /*#__PURE__*/React__default['default'].createElement("path", { | ||
fill: "currentColor", | ||
@@ -67,9 +71,9 @@ d: "M4.5 9.5H6V11H4.5zM4.5 14H6v1.5H4.5zM4.5 18.5H6V20H4.5zM9 9.5h1.5V11H9zM9 14h1.5v1.5H9zM9 18.5h1.5V20H9zM13.5 9.5H15V11h-1.5zM13.5 14H15v1.5h-1.5zM13.5 18.5H15V20h-1.5zM18 9.5h1.5V11H18zM18 14h1.5v1.5H18zM18 18.5h1.5V20H18z" | ||
case "clear": | ||
return /*#__PURE__*/React.createElement(IconClear, null); | ||
return /*#__PURE__*/React__default['default'].createElement(IconClear, null); | ||
case "search": | ||
return /*#__PURE__*/React.createElement(IconSearch, null); | ||
return /*#__PURE__*/React__default['default'].createElement(IconSearch, null); | ||
case "calendar": | ||
return /*#__PURE__*/React.createElement(IconCalendar, null); | ||
return /*#__PURE__*/React__default['default'].createElement(IconCalendar, null); | ||
@@ -85,5 +89,5 @@ default: | ||
buttonTitle = _ref.buttonTitle, | ||
rest = _objectWithoutProperties(_ref, ["iconType", "buttonTitle"]); | ||
rest = _objectWithoutProperties__default['default'](_ref, ["iconType", "buttonTitle"]); | ||
return /*#__PURE__*/React.createElement("button", _extends({ | ||
return /*#__PURE__*/React__default['default'].createElement("button", _extends__default['default']({ | ||
type: "button", | ||
@@ -93,6 +97,6 @@ title: buttonTitle, | ||
className: "jkl-icon-button" | ||
}, rest), /*#__PURE__*/React.createElement("span", { | ||
}, rest), /*#__PURE__*/React__default['default'].createElement("span", { | ||
"data-testid": "jkl-action-icon", | ||
className: "jkl-icon-button__icon" | ||
}, getIcon(iconType)), /*#__PURE__*/React.createElement("span", { | ||
}, getIcon(iconType)), /*#__PURE__*/React__default['default'].createElement("span", { | ||
className: "jkl-sr-only" | ||
@@ -99,0 +103,0 @@ }, buttonTitle)); |
{ | ||
"name": "@fremtind/jkl-icon-button-react", | ||
"version": "0.3.7", | ||
"version": "0.3.8", | ||
"publishConfig": { | ||
@@ -44,4 +44,4 @@ "access": "public" | ||
"@fremtind/browserslist-config-jkl": "^0.5.3", | ||
"@fremtind/jkl-portal-components": "^0.6.0", | ||
"@fremtind/jkl-toggle-switch-react": "^2.3.7" | ||
"@fremtind/jkl-portal-components": "^0.6.1", | ||
"@fremtind/jkl-toggle-switch-react": "^2.3.8" | ||
}, | ||
@@ -64,3 +64,3 @@ "peerDependencies": { | ||
], | ||
"gitHead": "321f4467b0943e997940860a8d25357f9246b611" | ||
"gitHead": "d8fa649a978a6c03a01f1560c172950dbacc65f9" | ||
} |
19814
270