@laerdal/life-react-components 4.0.1 → 4.0.4

package/dist/Button/DualFunctionButton.cjs

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -24,11 +24,11 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["children", "variant", "type", "size", "width", "testId", "disabled", "id", "dropdownMenuValues", "setDropdownMenuValues", "dropdownCustomizationProps"],
   _excluded2 = ["loading", "icon", "onClick"];
 var _templateObject;
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var DualButtonsContainer = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n\n  button:first-child {\n    margin-right: 2px;\n  }\n\n  ", " {\n    min-width: unset;\n    gap: 0px;\n    padding: ", ";\n  }\n\n  .extraMargin {\n    margin-bottom: 4px;\n  }\n"])), _Button.ButtonContentContainer, function (props) {
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var DualButtonsContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n\n  button:first-child {\n    margin-right: 2px;\n  }\n\n  ", " {\n    min-width: unset;\n    gap: 0px;\n    padding: ", ";\n  }\n\n  .extraMargin {\n    margin-bottom: 4px;\n  }\n"])), _Button.ButtonContentContainer, function (props) {
   return props.size == _types.Size.Large ? '4px 18px' : props.size == _types.Size.Medium ? '4px 14px' : '4px 10px';
 });
 var DualFunctionButton = function DualFunctionButton(_ref) {
@@ -48,31 +48,31 @@ var DualFunctionButton = function DualFunctionButton(_ref) {
     dropdownMenuValues = _ref.dropdownMenuValues,
     setDropdownMenuValues = _ref.setDropdownMenuValues,
     dropdownCustomizationProps = _ref.dropdownCustomizationProps,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   // Let's filter out properties that we don't need to render.
   var loading = props.loading,
     icon = props.icon,
     onClick = props.onClick,
-    renderProps = (0, _objectWithoutProperties2["default"])(props, _excluded2);
+    renderProps = (0, _objectWithoutProperties2.default)(props, _excluded2);
   var _React$useState = React.useState(false),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
     isOpen = _React$useState2[0],
     setIsOpen = _React$useState2[1];
   var _React$useState3 = React.useState(),
-    _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
+    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
     activeDescendant = _React$useState4[0],
     setActiveDescendant = _React$useState4[1];
   var _React$useState5 = React.useState(null),
-    _React$useState6 = (0, _slicedToArray2["default"])(_React$useState5, 2),
+    _React$useState6 = (0, _slicedToArray2.default)(_React$useState5, 2),
     focused = _React$useState6[0],
     setFocused = _React$useState6[1];
   var _React$useState7 = React.useState(false),
-    _React$useState8 = (0, _slicedToArray2["default"])(_React$useState7, 2),
+    _React$useState8 = (0, _slicedToArray2.default)(_React$useState7, 2),
     keyboardNavigated = _React$useState8[0],
     setKeyboardNavigated = _React$useState8[1];
   var dropdownContainerRef = React.useRef(null);
   var _React$useState9 = React.useState([]),
-    _React$useState10 = (0, _slicedToArray2["default"])(_React$useState9, 2),
+    _React$useState10 = (0, _slicedToArray2.default)(_React$useState9, 2),
     selectedValues = _React$useState10[0],
     setSelectedValues = _React$useState10[1];
   var dropdownContentRef = React.useRef(null);
@@ -93,7 +93,7 @@ var DualFunctionButton = function DualFunctionButton(_ref) {
       readOnly: false,
       disabled: false,
       margin: "",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], _objectSpread(_objectSpread({}, renderProps), {}, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, _objectSpread(_objectSpread({}, renderProps), {}, {
         testId: testId,
         onClick: onClick,
         disabled: disabled,
@@ -105,7 +105,7 @@ var DualFunctionButton = function DualFunctionButton(_ref) {
         variant: variant,
         flatEdge: "right",
         children: children
-      })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownContent["default"], {
+      })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownContent.default, {
         containerRef: dropdownContainerRef,
         customizationProps: dropdownCustomizationProps,
         filter: "",
@@ -127,7 +127,7 @@ var DualFunctionButton = function DualFunctionButton(_ref) {
         alignLeft: true,
         ariaRolesType: "menu"
       })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], _objectSpread(_objectSpread({
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, _objectSpread(_objectSpread({
       variant: variant
     }, renderProps), {}, {
       onKeyPress: function onKeyPress(e) {
@@ -162,9 +162,9 @@ var DualFunctionButton = function DualFunctionButton(_ref) {
   });
 };
 DualFunctionButton.propTypes = {
-  dropdownMenuValues: _propTypes["default"].arrayOf(_propTypes["default"].string),
-  setDropdownMenuValues: _propTypes["default"].func
+  dropdownMenuValues: _propTypes.default.arrayOf(_propTypes.default.string),
+  setDropdownMenuValues: _propTypes.default.func
 };
 var _default = DualFunctionButton;
-exports["default"] = _default;
+exports.default = _default;
 //# sourceMappingURL=DualFunctionButton.cjs.map

package/dist/Button/DualFunctionButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DualFunctionButton.cjs","names":["React","_interopRequireWildcard","require","_Button","_icons","_CommonStyling","_nanoid","_types","_DropdownContent","_interopRequireDefault","_styledComponents","_common","_jsxRuntime","_excluded","_excluded2","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","DualButtonsContainer","styled","div","_taggedTemplateLiteral2","ButtonContentContainer","props","size","Size","Large","Medium","DualFunctionButton","_ref","_ref$children","children","_ref$variant","variant","_ref$type","type","_ref$size","_ref$width","width","testId","disabled","id","dropdownMenuValues","setDropdownMenuValues","dropdownCustomizationProps","_objectWithoutProperties2","loading","icon","onClick","renderProps","_React$useState","useState","_React$useState2","_slicedToArray2","isOpen","setIsOpen","_React$useState3","_React$useState4","activeDescendant","setActiveDescendant","_React$useState5","_React$useState6","focused","setFocused","_React$useState7","_React$useState8","keyboardNavigated","setKeyboardNavigated","dropdownContainerRef","useRef","_React$useState9","_React$useState10","selectedValues","setSelectedValues","dropdownContentRef","dropdownButtonRef","useClickOutsideRef","useFocusOutsideRef","dropdownContentId","nanoid","useEffect","jsxs","ref","DropdownContainer","isButton","readOnly","margin","jsx","flatEdge","containerRef","customizationProps","itemsType","onActiveDescendantChanged","outline","messageOnNoResults","alignLeft","ariaRolesType","onKeyPress","key","className","role","stopPropagation","SystemIcons","ArrowDropUp","ArrowDropDown","propTypes","_propTypes","arrayOf","string","func","_default","exports"],"sources":["../../src/Button/DualFunctionButton.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport Button, { ButtonContentContainer, ButtonProps } from './Button';\r\nimport { SystemIcons } from '../icons';\r\nimport { DropdownContainer } from '../Dropdown/CommonStyling';\r\nimport { nanoid } from 'nanoid';\r\nimport { Size } from '../types';\r\nimport DropdownContent, { DropdownCustomizationProps } from '../Dropdown/DropdownContent';\r\nimport styled from 'styled-components';\r\nimport { useClickOutsideRef, useFocusOutsideRef } from '../common';\r\n\r\nconst DualButtonsContainer = styled.div<{ size?: Size }>`\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  button:first-child {\r\n    margin-right: 2px;\r\n  }\r\n\r\n  ${ButtonContentContainer} {\r\n    min-width: unset;\r\n    gap: 0px;\r\n    padding: ${(props) => (props.size == Size.Large ? '4px 18px' : props.size == Size.Medium ? '4px 14px' : '4px 10px')};\r\n  }\r\n\r\n  .extraMargin {\r\n    margin-bottom: 4px;\r\n  }\r\n`;\r\n\r\nexport interface ButtonOption {\r\n  label: string;\r\n}\r\n\r\nexport interface DualButtonProps extends ButtonProps {\r\n  /**\r\n  * Required. An object containing customization properties for the dropdown.\r\n  */\r\n  dropdownCustomizationProps: DropdownCustomizationProps;\r\n  /**\r\n  * Optional. An array of strings representing the values in the dropdown menu.\r\n  */\r\n  dropdownMenuValues?: string[];\r\n  /**\r\n   * Optional. A function to be called when the values in the dropdown menu change.\r\n   * It should return void, a boolean, or undefined.\r\n   */\r\n  setDropdownMenuValues?: (values: string[]) => void | boolean | undefined;\r\n}\r\n\r\nconst DualFunctionButton: React.FunctionComponent<DualButtonProps> = ({\r\n  children = 'Primary Button',\r\n  variant = 'primary',\r\n  type = 'button',\r\n  size = Size.Medium,\r\n  width = 'auto',\r\n  testId,\r\n  disabled,\r\n  id,\r\n  dropdownMenuValues,\r\n  setDropdownMenuValues,\r\n  dropdownCustomizationProps,\r\n  ...props\r\n}) => {\r\n  // Let's filter out properties that we don't need to render.\r\n  const { loading, icon, onClick, ...renderProps } = props;\r\n  const [isOpen, setIsOpen] = React.useState<boolean>(false);\r\n  const [activeDescendant, setActiveDescendant] = React.useState<string>();\r\n  const [focused, setFocused] = React.useState<number | null>(null);\r\n  const [keyboardNavigated, setKeyboardNavigated] = React.useState<boolean>(false);\r\n  const dropdownContainerRef = React.useRef<HTMLDivElement>(null);\r\n  const [selectedValues, setSelectedValues] = React.useState<string[]>([]);\r\n\r\n  const dropdownContentRef = React.useRef<HTMLDivElement>(null);\r\n  const dropdownButtonRef = useClickOutsideRef(\r\n    () => setIsOpen(false),\r\n    [dropdownContainerRef],\r\n    useFocusOutsideRef(() => setIsOpen(false), [dropdownContentRef]),\r\n  );\r\n  \r\n  const dropdownContentId = id ? id + '_dropdownContent' : nanoid();\r\n\r\n  React.useEffect(() => {\r\n    !isOpen && setKeyboardNavigated(false);\r\n  }, [isOpen]);\r\n\r\n  return (\r\n    <DualButtonsContainer ref={dropdownContainerRef} size={size}>\r\n      <DropdownContainer isButton={true} readOnly={false} disabled={false} margin=\"\">\r\n        <Button {...renderProps} testId={testId} onClick={onClick} disabled={disabled} type={type} loading={loading} icon={icon} size={size} width={width} variant={variant} flatEdge=\"right\">\r\n          {children}\r\n        </Button>\r\n        <DropdownContent\r\n          containerRef={dropdownContainerRef}\r\n          customizationProps={dropdownCustomizationProps}\r\n          filter=\"\"\r\n          ref={dropdownContentRef}\r\n          selectedValues={dropdownCustomizationProps.itemsType == 'normal' ? [] : dropdownMenuValues ?? selectedValues}\r\n          setSelectedValues={setDropdownMenuValues ? setDropdownMenuValues : setSelectedValues}\r\n          isButton={true}\r\n          setIsOpen={setIsOpen}\r\n          focused={focused}\r\n          onActiveDescendantChanged={(e) => setActiveDescendant(e)}\r\n          setFocused={setFocused}\r\n          size={size}\r\n          outline={keyboardNavigated}\r\n          isOpen={isOpen}\r\n          id={dropdownContentId}\r\n          messageOnNoResults=\"\"\r\n          alignLeft={true}\r\n          ariaRolesType=\"menu\"\r\n        />\r\n      </DropdownContainer>\r\n      <Button\r\n        variant={variant}\r\n        {...renderProps}\r\n        onKeyPress={(e: any) => {\r\n          if (isOpen) return;\r\n\r\n          if (e.key === 'Enter' || e.key === ' ') {\r\n            setFocused(0);\r\n            setKeyboardNavigated(true);\r\n          }\r\n        }}\r\n        className=\"extraMargin\"\r\n        testId={'options_toggleBtn'}\r\n        ref={dropdownButtonRef}\r\n        aria-activedescendant={activeDescendant}\r\n        role=\"button\"\r\n        aria-controls={dropdownContentId}\r\n        disabled={disabled}\r\n        type={type}\r\n        size={size}\r\n        onClick={(e) => {\r\n          e.stopPropagation();\r\n          setIsOpen(!isOpen);\r\n        }}\r\n        icon={ isOpen ? <SystemIcons.ArrowDropUp aria-hidden=\"true\" size=\"16px\" /> \r\n        : <SystemIcons.ArrowDropDown aria-hidden=\"true\" size=\"16px\" /> }\r\n        flatEdge=\"left\"\r\n      />\r\n    </DualButtonsContainer>\r\n  );\r\n};\r\n\r\nexport default DualFunctionButton;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DualFunctionButton.cjs","names":["DualButtonsContainer","styled","div","ButtonContentContainer","props","size","Size","Large","Medium","DualFunctionButton","children","variant","type","width","testId","disabled","id","dropdownMenuValues","setDropdownMenuValues","dropdownCustomizationProps","loading","icon","onClick","renderProps","React","useState","isOpen","setIsOpen","activeDescendant","setActiveDescendant","focused","setFocused","keyboardNavigated","setKeyboardNavigated","dropdownContainerRef","useRef","selectedValues","setSelectedValues","dropdownContentRef","dropdownButtonRef","useClickOutsideRef","useFocusOutsideRef","dropdownContentId","nanoid","useEffect","itemsType","e","key","stopPropagation"],"sources":["../../src/Button/DualFunctionButton.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport Button, { ButtonContentContainer, ButtonProps } from './Button';\r\nimport { SystemIcons } from '../icons';\r\nimport { DropdownContainer } from '../Dropdown/CommonStyling';\r\nimport { nanoid } from 'nanoid';\r\nimport { Size } from '../types';\r\nimport DropdownContent, { DropdownCustomizationProps } from '../Dropdown/DropdownContent';\r\nimport styled from 'styled-components';\r\nimport { useClickOutsideRef, useFocusOutsideRef } from '../common';\r\n\r\nconst DualButtonsContainer = styled.div<{ size?: Size }>`\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  button:first-child {\r\n    margin-right: 2px;\r\n  }\r\n\r\n  ${ButtonContentContainer} {\r\n    min-width: unset;\r\n    gap: 0px;\r\n    padding: ${(props) => (props.size == Size.Large ? '4px 18px' : props.size == Size.Medium ? '4px 14px' : '4px 10px')};\r\n  }\r\n\r\n  .extraMargin {\r\n    margin-bottom: 4px;\r\n  }\r\n`;\r\n\r\nexport interface ButtonOption {\r\n  label: string;\r\n}\r\n\r\nexport interface DualButtonProps extends ButtonProps {\r\n  /**\r\n  * Required. An object containing customization properties for the dropdown.\r\n  */\r\n  dropdownCustomizationProps: DropdownCustomizationProps;\r\n  /**\r\n  * Optional. An array of strings representing the values in the dropdown menu.\r\n  */\r\n  dropdownMenuValues?: string[];\r\n  /**\r\n   * Optional. A function to be called when the values in the dropdown menu change.\r\n   * It should return void, a boolean, or undefined.\r\n   */\r\n  setDropdownMenuValues?: (values: string[]) => void | boolean | undefined;\r\n}\r\n\r\nconst DualFunctionButton: React.FunctionComponent<DualButtonProps> = ({\r\n  children = 'Primary Button',\r\n  variant = 'primary',\r\n  type = 'button',\r\n  size = Size.Medium,\r\n  width = 'auto',\r\n  testId,\r\n  disabled,\r\n  id,\r\n  dropdownMenuValues,\r\n  setDropdownMenuValues,\r\n  dropdownCustomizationProps,\r\n  ...props\r\n}) => {\r\n  // Let's filter out properties that we don't need to render.\r\n  const { loading, icon, onClick, ...renderProps } = props;\r\n  const [isOpen, setIsOpen] = React.useState<boolean>(false);\r\n  const [activeDescendant, setActiveDescendant] = React.useState<string>();\r\n  const [focused, setFocused] = React.useState<number | null>(null);\r\n  const [keyboardNavigated, setKeyboardNavigated] = React.useState<boolean>(false);\r\n  const dropdownContainerRef = React.useRef<HTMLDivElement>(null);\r\n  const [selectedValues, setSelectedValues] = React.useState<string[]>([]);\r\n\r\n  const dropdownContentRef = React.useRef<HTMLDivElement>(null);\r\n  const dropdownButtonRef = useClickOutsideRef(\r\n    () => setIsOpen(false),\r\n    [dropdownContainerRef],\r\n    useFocusOutsideRef(() => setIsOpen(false), [dropdownContentRef]),\r\n  );\r\n  \r\n  const dropdownContentId = id ? id + '_dropdownContent' : nanoid();\r\n\r\n  React.useEffect(() => {\r\n    !isOpen && setKeyboardNavigated(false);\r\n  }, [isOpen]);\r\n\r\n  return (\r\n    <DualButtonsContainer ref={dropdownContainerRef} size={size}>\r\n      <DropdownContainer isButton={true} readOnly={false} disabled={false} margin=\"\">\r\n        <Button {...renderProps} testId={testId} onClick={onClick} disabled={disabled} type={type} loading={loading} icon={icon} size={size} width={width} variant={variant} flatEdge=\"right\">\r\n          {children}\r\n        </Button>\r\n        <DropdownContent\r\n          containerRef={dropdownContainerRef}\r\n          customizationProps={dropdownCustomizationProps}\r\n          filter=\"\"\r\n          ref={dropdownContentRef}\r\n          selectedValues={dropdownCustomizationProps.itemsType == 'normal' ? [] : dropdownMenuValues ?? selectedValues}\r\n          setSelectedValues={setDropdownMenuValues ? setDropdownMenuValues : setSelectedValues}\r\n          isButton={true}\r\n          setIsOpen={setIsOpen}\r\n          focused={focused}\r\n          onActiveDescendantChanged={(e) => setActiveDescendant(e)}\r\n          setFocused={setFocused}\r\n          size={size}\r\n          outline={keyboardNavigated}\r\n          isOpen={isOpen}\r\n          id={dropdownContentId}\r\n          messageOnNoResults=\"\"\r\n          alignLeft={true}\r\n          ariaRolesType=\"menu\"\r\n        />\r\n      </DropdownContainer>\r\n      <Button\r\n        variant={variant}\r\n        {...renderProps}\r\n        onKeyPress={(e: any) => {\r\n          if (isOpen) return;\r\n\r\n          if (e.key === 'Enter' || e.key === ' ') {\r\n            setFocused(0);\r\n            setKeyboardNavigated(true);\r\n          }\r\n        }}\r\n        className=\"extraMargin\"\r\n        testId={'options_toggleBtn'}\r\n        ref={dropdownButtonRef}\r\n        aria-activedescendant={activeDescendant}\r\n        role=\"button\"\r\n        aria-controls={dropdownContentId}\r\n        disabled={disabled}\r\n        type={type}\r\n        size={size}\r\n        onClick={(e) => {\r\n          e.stopPropagation();\r\n          setIsOpen(!isOpen);\r\n        }}\r\n        icon={ isOpen ? <SystemIcons.ArrowDropUp aria-hidden=\"true\" size=\"16px\" /> \r\n        : <SystemIcons.ArrowDropDown aria-hidden=\"true\" size=\"16px\" /> }\r\n        flatEdge=\"left\"\r\n      />\r\n    </DualButtonsContainer>\r\n  );\r\n};\r\n\r\nexport default DualFunctionButton;\r\n"],"mappings":"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"}

package/dist/Button/DualFunctionButton.js

@@ -6,8 +6,8 @@ import _pt from "prop-types";
 var _excluded = ["children", "variant", "type", "size", "width", "testId", "disabled", "id", "dropdownMenuValues", "setDropdownMenuValues", "dropdownCustomizationProps"],
   _excluded2 = ["loading", "icon", "onClick"];
 var _templateObject;
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
 import Button, { ButtonContentContainer } from './Button';
 import { SystemIcons } from '../icons';

package/dist/Button/DualFunctionButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"DualFunctionButton.js","names":["React","Button","ButtonContentContainer","SystemIcons","DropdownContainer","nanoid","Size","DropdownContent","styled","useClickOutsideRef","useFocusOutsideRef","jsx","_jsx","jsxs","_jsxs","DualButtonsContainer","div","_templateObject","_taggedTemplateLiteral","props","size","Large","Medium","DualFunctionButton","_ref","_ref$children","children","_ref$variant","variant","_ref$type","type","_ref$size","_ref$width","width","testId","disabled","id","dropdownMenuValues","setDropdownMenuValues","dropdownCustomizationProps","_objectWithoutProperties","_excluded","loading","icon","onClick","renderProps","_excluded2","_React$useState","useState","_React$useState2","_slicedToArray","isOpen","setIsOpen","_React$useState3","_React$useState4","activeDescendant","setActiveDescendant","_React$useState5","_React$useState6","focused","setFocused","_React$useState7","_React$useState8","keyboardNavigated","setKeyboardNavigated","dropdownContainerRef","useRef","_React$useState9","_React$useState10","selectedValues","setSelectedValues","dropdownContentRef","dropdownButtonRef","dropdownContentId","useEffect","ref","isButton","readOnly","margin","_objectSpread","flatEdge","containerRef","customizationProps","filter","itemsType","onActiveDescendantChanged","e","outline","messageOnNoResults","alignLeft","ariaRolesType","onKeyPress","key","className","role","stopPropagation","ArrowDropUp","ArrowDropDown","propTypes","_pt","arrayOf","string","func"],"sources":["../../src/Button/DualFunctionButton.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport Button, { ButtonContentContainer, ButtonProps } from './Button';\r\nimport { SystemIcons } from '../icons';\r\nimport { DropdownContainer } from '../Dropdown/CommonStyling';\r\nimport { nanoid } from 'nanoid';\r\nimport { Size } from '../types';\r\nimport DropdownContent, { DropdownCustomizationProps } from '../Dropdown/DropdownContent';\r\nimport styled from 'styled-components';\r\nimport { useClickOutsideRef, useFocusOutsideRef } from '../common';\r\n\r\nconst DualButtonsContainer = styled.div<{ size?: Size }>`\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  button:first-child {\r\n    margin-right: 2px;\r\n  }\r\n\r\n  ${ButtonContentContainer} {\r\n    min-width: unset;\r\n    gap: 0px;\r\n    padding: ${(props) => (props.size == Size.Large ? '4px 18px' : props.size == Size.Medium ? '4px 14px' : '4px 10px')};\r\n  }\r\n\r\n  .extraMargin {\r\n    margin-bottom: 4px;\r\n  }\r\n`;\r\n\r\nexport interface ButtonOption {\r\n  label: string;\r\n}\r\n\r\nexport interface DualButtonProps extends ButtonProps {\r\n  /**\r\n  * Required. An object containing customization properties for the dropdown.\r\n  */\r\n  dropdownCustomizationProps: DropdownCustomizationProps;\r\n  /**\r\n  * Optional. An array of strings representing the values in the dropdown menu.\r\n  */\r\n  dropdownMenuValues?: string[];\r\n  /**\r\n   * Optional. A function to be called when the values in the dropdown menu change.\r\n   * It should return void, a boolean, or undefined.\r\n   */\r\n  setDropdownMenuValues?: (values: string[]) => void | boolean | undefined;\r\n}\r\n\r\nconst DualFunctionButton: React.FunctionComponent<DualButtonProps> = ({\r\n  children = 'Primary Button',\r\n  variant = 'primary',\r\n  type = 'button',\r\n  size = Size.Medium,\r\n  width = 'auto',\r\n  testId,\r\n  disabled,\r\n  id,\r\n  dropdownMenuValues,\r\n  setDropdownMenuValues,\r\n  dropdownCustomizationProps,\r\n  ...props\r\n}) => {\r\n  // Let's filter out properties that we don't need to render.\r\n  const { loading, icon, onClick, ...renderProps } = props;\r\n  const [isOpen, setIsOpen] = React.useState<boolean>(false);\r\n  const [activeDescendant, setActiveDescendant] = React.useState<string>();\r\n  const [focused, setFocused] = React.useState<number | null>(null);\r\n  const [keyboardNavigated, setKeyboardNavigated] = React.useState<boolean>(false);\r\n  const dropdownContainerRef = React.useRef<HTMLDivElement>(null);\r\n  const [selectedValues, setSelectedValues] = React.useState<string[]>([]);\r\n\r\n  const dropdownContentRef = React.useRef<HTMLDivElement>(null);\r\n  const dropdownButtonRef = useClickOutsideRef(\r\n    () => setIsOpen(false),\r\n    [dropdownContainerRef],\r\n    useFocusOutsideRef(() => setIsOpen(false), [dropdownContentRef]),\r\n  );\r\n  \r\n  const dropdownContentId = id ? id + '_dropdownContent' : nanoid();\r\n\r\n  React.useEffect(() => {\r\n    !isOpen && setKeyboardNavigated(false);\r\n  }, [isOpen]);\r\n\r\n  return (\r\n    <DualButtonsContainer ref={dropdownContainerRef} size={size}>\r\n      <DropdownContainer isButton={true} readOnly={false} disabled={false} margin=\"\">\r\n        <Button {...renderProps} testId={testId} onClick={onClick} disabled={disabled} type={type} loading={loading} icon={icon} size={size} width={width} variant={variant} flatEdge=\"right\">\r\n          {children}\r\n        </Button>\r\n        <DropdownContent\r\n          containerRef={dropdownContainerRef}\r\n          customizationProps={dropdownCustomizationProps}\r\n          filter=\"\"\r\n          ref={dropdownContentRef}\r\n          selectedValues={dropdownCustomizationProps.itemsType == 'normal' ? [] : dropdownMenuValues ?? selectedValues}\r\n          setSelectedValues={setDropdownMenuValues ? setDropdownMenuValues : setSelectedValues}\r\n          isButton={true}\r\n          setIsOpen={setIsOpen}\r\n          focused={focused}\r\n          onActiveDescendantChanged={(e) => setActiveDescendant(e)}\r\n          setFocused={setFocused}\r\n          size={size}\r\n          outline={keyboardNavigated}\r\n          isOpen={isOpen}\r\n          id={dropdownContentId}\r\n          messageOnNoResults=\"\"\r\n          alignLeft={true}\r\n          ariaRolesType=\"menu\"\r\n        />\r\n      </DropdownContainer>\r\n      <Button\r\n        variant={variant}\r\n        {...renderProps}\r\n        onKeyPress={(e: any) => {\r\n          if (isOpen) return;\r\n\r\n          if (e.key === 'Enter' || e.key === ' ') {\r\n            setFocused(0);\r\n            setKeyboardNavigated(true);\r\n          }\r\n        }}\r\n        className=\"extraMargin\"\r\n        testId={'options_toggleBtn'}\r\n        ref={dropdownButtonRef}\r\n        aria-activedescendant={activeDescendant}\r\n        role=\"button\"\r\n        aria-controls={dropdownContentId}\r\n        disabled={disabled}\r\n        type={type}\r\n        size={size}\r\n        onClick={(e) => {\r\n          e.stopPropagation();\r\n          setIsOpen(!isOpen);\r\n        }}\r\n        icon={ isOpen ? <SystemIcons.ArrowDropUp aria-hidden=\"true\" size=\"16px\" /> \r\n        : <SystemIcons.ArrowDropDown aria-hidden=\"true\" size=\"16px\" /> }\r\n        flatEdge=\"left\"\r\n      />\r\n    </DualButtonsContainer>\r\n  );\r\n};\r\n\r\nexport default DualFunctionButton;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DualFunctionButton.js","names":["React","Button","ButtonContentContainer","SystemIcons","DropdownContainer","nanoid","Size","DropdownContent","styled","useClickOutsideRef","useFocusOutsideRef","DualButtonsContainer","div","props","size","Large","Medium","DualFunctionButton","children","variant","type","width","testId","disabled","id","dropdownMenuValues","setDropdownMenuValues","dropdownCustomizationProps","loading","icon","onClick","renderProps","useState","isOpen","setIsOpen","activeDescendant","setActiveDescendant","focused","setFocused","keyboardNavigated","setKeyboardNavigated","dropdownContainerRef","useRef","selectedValues","setSelectedValues","dropdownContentRef","dropdownButtonRef","dropdownContentId","useEffect","itemsType","e","key","stopPropagation"],"sources":["../../src/Button/DualFunctionButton.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport Button, { ButtonContentContainer, ButtonProps } from './Button';\r\nimport { SystemIcons } from '../icons';\r\nimport { DropdownContainer } from '../Dropdown/CommonStyling';\r\nimport { nanoid } from 'nanoid';\r\nimport { Size } from '../types';\r\nimport DropdownContent, { DropdownCustomizationProps } from '../Dropdown/DropdownContent';\r\nimport styled from 'styled-components';\r\nimport { useClickOutsideRef, useFocusOutsideRef } from '../common';\r\n\r\nconst DualButtonsContainer = styled.div<{ size?: Size }>`\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  button:first-child {\r\n    margin-right: 2px;\r\n  }\r\n\r\n  ${ButtonContentContainer} {\r\n    min-width: unset;\r\n    gap: 0px;\r\n    padding: ${(props) => (props.size == Size.Large ? '4px 18px' : props.size == Size.Medium ? '4px 14px' : '4px 10px')};\r\n  }\r\n\r\n  .extraMargin {\r\n    margin-bottom: 4px;\r\n  }\r\n`;\r\n\r\nexport interface ButtonOption {\r\n  label: string;\r\n}\r\n\r\nexport interface DualButtonProps extends ButtonProps {\r\n  /**\r\n  * Required. An object containing customization properties for the dropdown.\r\n  */\r\n  dropdownCustomizationProps: DropdownCustomizationProps;\r\n  /**\r\n  * Optional. An array of strings representing the values in the dropdown menu.\r\n  */\r\n  dropdownMenuValues?: string[];\r\n  /**\r\n   * Optional. A function to be called when the values in the dropdown menu change.\r\n   * It should return void, a boolean, or undefined.\r\n   */\r\n  setDropdownMenuValues?: (values: string[]) => void | boolean | undefined;\r\n}\r\n\r\nconst DualFunctionButton: React.FunctionComponent<DualButtonProps> = ({\r\n  children = 'Primary Button',\r\n  variant = 'primary',\r\n  type = 'button',\r\n  size = Size.Medium,\r\n  width = 'auto',\r\n  testId,\r\n  disabled,\r\n  id,\r\n  dropdownMenuValues,\r\n  setDropdownMenuValues,\r\n  dropdownCustomizationProps,\r\n  ...props\r\n}) => {\r\n  // Let's filter out properties that we don't need to render.\r\n  const { loading, icon, onClick, ...renderProps } = props;\r\n  const [isOpen, setIsOpen] = React.useState<boolean>(false);\r\n  const [activeDescendant, setActiveDescendant] = React.useState<string>();\r\n  const [focused, setFocused] = React.useState<number | null>(null);\r\n  const [keyboardNavigated, setKeyboardNavigated] = React.useState<boolean>(false);\r\n  const dropdownContainerRef = React.useRef<HTMLDivElement>(null);\r\n  const [selectedValues, setSelectedValues] = React.useState<string[]>([]);\r\n\r\n  const dropdownContentRef = React.useRef<HTMLDivElement>(null);\r\n  const dropdownButtonRef = useClickOutsideRef(\r\n    () => setIsOpen(false),\r\n    [dropdownContainerRef],\r\n    useFocusOutsideRef(() => setIsOpen(false), [dropdownContentRef]),\r\n  );\r\n  \r\n  const dropdownContentId = id ? id + '_dropdownContent' : nanoid();\r\n\r\n  React.useEffect(() => {\r\n    !isOpen && setKeyboardNavigated(false);\r\n  }, [isOpen]);\r\n\r\n  return (\r\n    <DualButtonsContainer ref={dropdownContainerRef} size={size}>\r\n      <DropdownContainer isButton={true} readOnly={false} disabled={false} margin=\"\">\r\n        <Button {...renderProps} testId={testId} onClick={onClick} disabled={disabled} type={type} loading={loading} icon={icon} size={size} width={width} variant={variant} flatEdge=\"right\">\r\n          {children}\r\n        </Button>\r\n        <DropdownContent\r\n          containerRef={dropdownContainerRef}\r\n          customizationProps={dropdownCustomizationProps}\r\n          filter=\"\"\r\n          ref={dropdownContentRef}\r\n          selectedValues={dropdownCustomizationProps.itemsType == 'normal' ? [] : dropdownMenuValues ?? selectedValues}\r\n          setSelectedValues={setDropdownMenuValues ? setDropdownMenuValues : setSelectedValues}\r\n          isButton={true}\r\n          setIsOpen={setIsOpen}\r\n          focused={focused}\r\n          onActiveDescendantChanged={(e) => setActiveDescendant(e)}\r\n          setFocused={setFocused}\r\n          size={size}\r\n          outline={keyboardNavigated}\r\n          isOpen={isOpen}\r\n          id={dropdownContentId}\r\n          messageOnNoResults=\"\"\r\n          alignLeft={true}\r\n          ariaRolesType=\"menu\"\r\n        />\r\n      </DropdownContainer>\r\n      <Button\r\n        variant={variant}\r\n        {...renderProps}\r\n        onKeyPress={(e: any) => {\r\n          if (isOpen) return;\r\n\r\n          if (e.key === 'Enter' || e.key === ' ') {\r\n            setFocused(0);\r\n            setKeyboardNavigated(true);\r\n          }\r\n        }}\r\n        className=\"extraMargin\"\r\n        testId={'options_toggleBtn'}\r\n        ref={dropdownButtonRef}\r\n        aria-activedescendant={activeDescendant}\r\n        role=\"button\"\r\n        aria-controls={dropdownContentId}\r\n        disabled={disabled}\r\n        type={type}\r\n        size={size}\r\n        onClick={(e) => {\r\n          e.stopPropagation();\r\n          setIsOpen(!isOpen);\r\n        }}\r\n        icon={ isOpen ? <SystemIcons.ArrowDropUp aria-hidden=\"true\" size=\"16px\" /> \r\n        : <SystemIcons.ArrowDropDown aria-hidden=\"true\" size=\"16px\" /> }\r\n        flatEdge=\"left\"\r\n      />\r\n    </DualButtonsContainer>\r\n  );\r\n};\r\n\r\nexport default DualFunctionButton;\r\n"],"mappings":"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"}

package/dist/Button/Iconbutton.cjs

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.IconButtonStyledSecondary = exports.IconButtonStyledPrimary = exports.IconButtonStyled = exports.IconButtonContentStyles = exports.IconButton = void 0;
+exports.default = exports.IconButtonStyledSecondary = exports.IconButtonStyledPrimary = exports.IconButtonStyled = exports.IconButtonContentStyles = exports.IconButton = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
@@ -17,8 +17,8 @@ var _TooltipWrapper = _interopRequireDefault(require("../Tooltips/TooltipWrapper
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["id", "variant", "shape", "action", "children", "useTransparentBackground", "disabled", "iconColor", "unsetIconSize", "tabIndex", "flatEdge", "borderRadius", "type", "hidden", "invertFocus", "dataTestId", "focusOnClick", "tooltip"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var getBorderRadius = function getBorderRadius(props) {
   return props.borderRadius ? "".concat(props.borderRadius, "px") : '4px';
 };
@@ -34,9 +34,9 @@ var getBorderRadiusStyle = function getBorderRadiusStyle(props) {
       return "".concat(radius);
   }
 };
-var IconButtonContentStyles = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])([""])));
+var IconButtonContentStyles = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)([""])));
 exports.IconButtonContentStyles = IconButtonContentStyles;
-var IconButtonStyled = _styledComponents["default"].button(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  border-width: 0;\n  cursor: pointer;\n  height: 48px;\n  width: 48px;\n  background: transparent;\n  position: relative;\n  display: block;\n\n  border-radius: ", ";\n  ", " {\n    height: 36px;\n    width: 36px;\n    border-radius: ", ";\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    svg {\n      height: ", ";\n      width: ", ";\n      padding: 0;\n    }\n  }\n  &:only-child {\n    margin: 0;\n  }\n  &:disabled {\n    cursor: not-allowed;\n  }\n\n  &:focus {\n    ", "\n  }\n"])), function (props) {
+var IconButtonStyled = _styledComponents.default.button(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  border-width: 0;\n  cursor: pointer;\n  height: 48px;\n  width: 48px;\n  background: transparent;\n  position: relative;\n  display: block;\n\n  border-radius: ", ";\n  ", " {\n    height: 36px;\n    width: 36px;\n    border-radius: ", ";\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    svg {\n      height: ", ";\n      width: ", ";\n      padding: 0;\n    }\n  }\n  &:only-child {\n    margin: 0;\n  }\n  &:disabled {\n    cursor: not-allowed;\n  }\n\n  &:focus {\n    ", "\n  }\n"])), function (props) {
   return props.borderRadius ? "".concat(props.borderRadius, "px") : '4px';
 }, IconButtonContentStyles, getBorderRadiusStyle, function (props) {
   return props.unsetIconSize ? 'unset' : '24px';
@@ -46,7 +46,7 @@ var IconButtonStyled = _styledComponents["default"].button(_templateObject2 || (
   return props.invertFocus ? _styles.invertedFocusStyles : _styles.focusStyles;
 });
 exports.IconButtonStyled = IconButtonStyled;
-var IconButtonStyledPrimary = (0, _styledComponents["default"])(IconButtonStyled)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  ", " {\n    background-color: ", ";\n\n    svg {\n      fill: ", ";\n      path {\n        fill: ", ";\n      }\n    }\n  }\n  &:hover:not(:disabled),\n  &.hover-state {\n    ", " {\n      background-color: ", ";\n    }\n    ", " svg path,\n    ", " svg {\n      fill: ", ";\n    }\n  }\n  &:active:not(:disabled),\n  &.active-state {\n    ", " {\n      background: ", ";\n    }\n    ", " svg path,\n    ", " svg {\n      fill: ", ";\n    }\n  }\n  &:disabled {\n    ", " {\n      background-color: ", ";\n    }\n    svg {\n      path {\n        fill: ", ";\n      }\n      fill: ", ";\n    }\n  }\n"])), IconButtonContentStyles, function (props) {
+var IconButtonStyledPrimary = (0, _styledComponents.default)(IconButtonStyled)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  ", " {\n    background-color: ", ";\n\n    svg {\n      fill: ", ";\n      path {\n        fill: ", ";\n      }\n    }\n  }\n  &:hover:not(:disabled),\n  &.hover-state {\n    ", " {\n      background-color: ", ";\n    }\n    ", " svg path,\n    ", " svg {\n      fill: ", ";\n    }\n  }\n  &:active:not(:disabled),\n  &.active-state {\n    ", " {\n      background: ", ";\n    }\n    ", " svg path,\n    ", " svg {\n      fill: ", ";\n    }\n  }\n  &:disabled {\n    ", " {\n      background-color: ", ";\n    }\n    svg {\n      path {\n        fill: ", ";\n      }\n      fill: ", ";\n    }\n  }\n"])), IconButtonContentStyles, function (props) {
   return props.useTransparentBackground ? 'transparent' : _styles.COLORS.getColor('primary_500', props.theme);
 }, function (props) {
   return props.iconColor || _styles.COLORS.getColor('white', props.theme);
@@ -68,7 +68,7 @@ var IconButtonStyledPrimary = (0, _styledComponents["default"])(IconButtonStyled
   return _styles.COLORS.getColor('white', props.theme);
 });
 exports.IconButtonStyledPrimary = IconButtonStyledPrimary;
-var IconButtonStyledSecondary = (0, _styledComponents["default"])(IconButtonStyled)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  ", " {\n    background-color: ", ";\n\n    svg {\n      fill: ", ";\n      path {\n        fill: ", ";\n      }\n    }\n  }\n\n\n  &:hover:not(:disabled) {\n    ", " {\n      background-color: ", ";\n    }\n    ", " svg path,\n    ", " svg {\n      fill: ", ";\n    }\n  }\n  &:active:not(:disabled),\n  &.active-state {\n    ", " {\n      background: ", ";\n    }\n    ", " svg path,\n    ", " svg {\n      fill: ", ";\n    }\n  }\n\n  &:disabled {\n    ", " {\n      background-color: ", ";\n    }\n    svg {\n      path {\n        fill: ", ";\n      }\n      fill: ", ";\n    }\n  }\n"])), IconButtonContentStyles, function (props) {
+var IconButtonStyledSecondary = (0, _styledComponents.default)(IconButtonStyled)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  ", " {\n    background-color: ", ";\n\n    svg {\n      fill: ", ";\n      path {\n        fill: ", ";\n      }\n    }\n  }\n\n\n  &:hover:not(:disabled) {\n    ", " {\n      background-color: ", ";\n    }\n    ", " svg path,\n    ", " svg {\n      fill: ", ";\n    }\n  }\n  &:active:not(:disabled),\n  &.active-state {\n    ", " {\n      background: ", ";\n    }\n    ", " svg path,\n    ", " svg {\n      fill: ", ";\n    }\n  }\n\n  &:disabled {\n    ", " {\n      background-color: ", ";\n    }\n    svg {\n      path {\n        fill: ", ";\n      }\n      fill: ", ";\n    }\n  }\n"])), IconButtonContentStyles, function (props) {
   return props.useTransparentBackground ? 'transparent' : _styles.COLORS.getColor('white', props.theme);
 }, function (props) {
   return props.iconColor || _styles.COLORS.getColor('neutral_600', props.theme);
@@ -90,7 +90,7 @@ var IconButtonStyledSecondary = (0, _styledComponents["default"])(IconButtonStyl
   return _styles.COLORS.getColor('neutral_300', props.theme);
 });
 exports.IconButtonStyledSecondary = IconButtonStyledSecondary;
-var IconButton = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
+var IconButton = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var id = _ref.id,
     variant = _ref.variant,
     shape = _ref.shape,
@@ -109,7 +109,7 @@ var IconButton = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref)
     dataTestId = _ref.dataTestId,
     focusOnClick = _ref.focusOnClick,
     tooltip = _ref.tooltip,
-    rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var render = function render() {
     // Let's render button
 
@@ -144,23 +144,23 @@ var IconButton = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref)
       })
     }));
   };
-  return !tooltip ? render() : /*#__PURE__*/(0, _jsxRuntime.jsx)(_TooltipWrapper["default"], _objectSpread(_objectSpread({}, tooltip), {}, {
+  return !tooltip ? render() : /*#__PURE__*/(0, _jsxRuntime.jsx)(_TooltipWrapper.default, _objectSpread(_objectSpread({}, tooltip), {}, {
     children: render()
   }));
 });
 exports.IconButton = IconButton;
 IconButton.propTypes = {
-  variant: _propTypes["default"].oneOf(['primary', 'secondary']),
-  shape: _propTypes["default"].oneOf(['square', 'circular']),
-  action: _propTypes["default"].func.isRequired,
-  useTransparentBackground: _propTypes["default"].bool,
-  iconColor: _propTypes["default"].string,
-  unsetIconSize: _propTypes["default"].bool,
-  borderRadius: _propTypes["default"].number,
-  children: _propTypes["default"].node,
-  invertFocus: _propTypes["default"].bool,
-  focusOnClick: _propTypes["default"].bool
+  variant: _propTypes.default.oneOf(['primary', 'secondary']),
+  shape: _propTypes.default.oneOf(['square', 'circular']),
+  action: _propTypes.default.func.isRequired,
+  useTransparentBackground: _propTypes.default.bool,
+  iconColor: _propTypes.default.string,
+  unsetIconSize: _propTypes.default.bool,
+  borderRadius: _propTypes.default.number,
+  children: _propTypes.default.node,
+  invertFocus: _propTypes.default.bool,
+  focusOnClick: _propTypes.default.bool
 };
 var _default = IconButton;
-exports["default"] = _default;
+exports.default = _default;
 //# sourceMappingURL=Iconbutton.cjs.map

package/dist/Button/Iconbutton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Iconbutton.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_styles","_common","_TooltipWrapper","_jsxRuntime","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","getBorderRadius","props","borderRadius","concat","getBorderRadiusStyle","radius","flatEdge","IconButtonContentStyles","styled","div","_taggedTemplateLiteral2","exports","IconButtonStyled","button","unsetIconSize","invertFocus","invertedFocusStyles","focusStyles","IconButtonStyledPrimary","useTransparentBackground","COLORS","getColor","theme","iconColor","IconButtonStyledSecondary","IconButton","React","forwardRef","_ref","ref","id","variant","shape","action","children","disabled","tabIndex","type","hidden","dataTestId","focusOnClick","tooltip","rest","_objectWithoutProperties2","render","ButtonVariant","jsx","onClick","event","stopPropagation","onMouseDown","defaultOnMouseDownHandler","undefined","propTypes","_propTypes","oneOf","func","isRequired","bool","string","number","node","_default"],"sources":["../../src/Button/Iconbutton.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport { BREAKPOINTS, COLORS, focusStyles, invertedFocusStyles } from '../styles';\r\nimport { defaultOnMouseDownHandler } from '../common';\r\nimport { Testable } from '../types';\r\nimport {TooltipProps} from \"../Tooltips/TooltipTypes\";\r\nimport TooltipWrapper from \"../Tooltips/TooltipWrapper\";\r\n\r\nexport interface HeaderItemProps {\r\n  inMobileMenu?: boolean;\r\n  useTransparentBackground?: boolean;\r\n  iconColor?: string;\r\n  unsetIconSize?: boolean;\r\n  borderRadius?: number;\r\n  shape?: string;\r\n  flatEdge?: string;\r\n  invertFocus?: boolean;\r\n  shouldNotInteract?: boolean;\r\n}\r\n\r\nconst getBorderRadius = (props: HeaderItemProps) => (props.borderRadius ? `${props.borderRadius}px` : '4px');\r\n\r\nconst getBorderRadiusStyle = (props: HeaderItemProps) => {\r\n  const radius = getBorderRadius(props);\r\n  switch (props.flatEdge) {\r\n    case 'left':\r\n      return `0px ${radius} ${radius} 0px`;\r\n\r\n    case 'right':\r\n      return `${radius} 0px 0px ${radius}`;\r\n\r\n    case 'none':\r\n    default:\r\n      return `${radius}`;\r\n  }\r\n};\r\n\r\nexport const IconButtonContentStyles = styled.div``;\r\n\r\nexport const IconButtonStyled = styled.button<HeaderItemProps>`\r\n  border-width: 0;\r\n  cursor: pointer;\r\n  height: 48px;\r\n  width: 48px;\r\n  background: transparent;\r\n  position: relative;\r\n  display: block;\r\n\r\n  border-radius: ${(props) => (props.borderRadius ? `${props.borderRadius}px` : '4px')};\r\n  ${IconButtonContentStyles} {\r\n    height: 36px;\r\n    width: 36px;\r\n    border-radius: ${getBorderRadiusStyle};\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    svg {\r\n      height: ${(props) => (props.unsetIconSize ? 'unset' : '24px')};\r\n      width: ${(props) => (props.unsetIconSize ? 'unset' : '24px')};\r\n      padding: 0;\r\n    }\r\n  }\r\n  &:only-child {\r\n    margin: 0;\r\n  }\r\n  &:disabled {\r\n    cursor: not-allowed;\r\n  }\r\n\r\n  &:focus {\r\n    ${(props) => (props.invertFocus ? invertedFocusStyles : focusStyles)}\r\n  }\r\n`;\r\n\r\nexport const IconButtonStyledPrimary = styled(IconButtonStyled)`\r\n  ${IconButtonContentStyles} {\r\n    background-color: ${(props) => (props.useTransparentBackground ? 'transparent' : COLORS.getColor('primary_500', props.theme))};\r\n\r\n    svg {\r\n      fill: ${(props) => props.iconColor || COLORS.getColor('white', props.theme)};\r\n      path {\r\n        fill: ${(props) => props.iconColor || COLORS.getColor('white', props.theme)};\r\n      }\r\n    }\r\n  }\r\n  &:hover:not(:disabled),\r\n  &.hover-state {\r\n    ${IconButtonContentStyles} {\r\n      background-color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    }\r\n    ${IconButtonContentStyles} svg path,\r\n    ${IconButtonContentStyles} svg {\r\n      fill: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n  &:active:not(:disabled),\r\n  &.active-state {\r\n    ${IconButtonContentStyles} {\r\n      background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n    ${IconButtonContentStyles} svg path,\r\n    ${IconButtonContentStyles} svg {\r\n      fill: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n  &:disabled {\r\n    ${IconButtonContentStyles} {\r\n      background-color: ${props => COLORS.getColor('neutral_200', props.theme)};\r\n    }\r\n    svg {\r\n      path {\r\n        fill: ${props => COLORS.getColor('white', props.theme)};\r\n      }\r\n      fill: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n`;\r\n\r\nexport const IconButtonStyledSecondary = styled(IconButtonStyled)`\r\n  ${IconButtonContentStyles} {\r\n    background-color: ${(props) => (props.useTransparentBackground ? 'transparent' : COLORS.getColor('white', props.theme))};\r\n\r\n    svg {\r\n      fill: ${(props) => props.iconColor || COLORS.getColor('neutral_600', props.theme)};\r\n      path {\r\n        fill: ${(props) => props.iconColor || COLORS.getColor('neutral_600', props.theme)};\r\n      }\r\n    }\r\n  }\r\n\r\n\r\n  &:hover:not(:disabled) {\r\n    ${IconButtonContentStyles} {\r\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    }\r\n    ${IconButtonContentStyles} svg path,\r\n    ${IconButtonContentStyles} svg {\r\n      fill: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    }\r\n  }\r\n  &:active:not(:disabled),\r\n  &.active-state {\r\n    ${IconButtonContentStyles} {\r\n      background: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    }\r\n    ${IconButtonContentStyles} svg path,\r\n    ${IconButtonContentStyles} svg {\r\n      fill: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:disabled {\r\n    ${IconButtonContentStyles} {\r\n      background-color: ${(props) => (props.useTransparentBackground ? 'transparent' : COLORS.getColor('white', props.theme))};\r\n    }\r\n    svg {\r\n      path {\r\n        fill: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n      }\r\n      fill: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    }\r\n  }\r\n`;\r\n\r\nexport interface IconButtonProps extends Testable, Omit<React.ButtonHTMLAttributes<HTMLButtonElement>,  'onClick' | 'onMouseDown'> {\r\n  /** Variant of the button. Defaults to 'primary' */\r\n  variant?: 'primary' | 'secondary';\r\n  /** Shape of the button. Defaults to 'square' */\r\n  shape?: 'square' | 'circular';\r\n  /** Action that will get executed when button is clicked. */\r\n  action: (event?: React.MouseEvent<HTMLButtonElement>) => void;\r\n  /** Allows removing rounded corners on one of the edges of the button. */\r\n  flatEdge?: 'right' | 'left' | 'none' | undefined;\r\n  /** If set background filling color of the button will be transparent. */\r\n  useTransparentBackground?: boolean;\r\n  /** Custom fill color for SVG icon. */\r\n  iconColor?: string;\r\n  /** If set then the width and height of SVG icon will be set to 'unset', otherwise will be set to '24px' */\r\n  unsetIconSize?: boolean;\r\n  /** Sets border radius of the button.  */\r\n  borderRadius?: number;\r\n  /** Content (icon) to show in the button. */\r\n  children?: React.ReactNode;\r\n  /** Invert color scheme of focus framing. */\r\n  invertFocus?: boolean;\r\n  /** If this flag is set, then blurs current focus, as a result will focus current IconButton when user clicks it. */\r\n  focusOnClick?: boolean;\r\n  /** Details of the tooltip to show. */\r\n  tooltip?: Omit<TooltipProps, 'tabIndex'>;\r\n}\r\n\r\nexport const IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(\r\n  (\r\n    {\r\n      id,\r\n      variant,\r\n      shape,\r\n      action,\r\n      children,\r\n      useTransparentBackground,\r\n      disabled,\r\n      iconColor,\r\n      unsetIconSize,\r\n      tabIndex,\r\n      flatEdge,\r\n      borderRadius,\r\n      type,\r\n      hidden,\r\n      invertFocus,\r\n      dataTestId,\r\n      focusOnClick,\r\n      tooltip,\r\n      ...rest\r\n    }: IconButtonProps,\r\n    ref,\r\n  ) => {\r\n\r\n    const render = () => {\r\n      // Let's render button\r\n\r\n      let ButtonVariant = IconButtonStyledPrimary;\r\n      switch (variant) {\r\n        case 'secondary':\r\n          ButtonVariant = IconButtonStyledSecondary;\r\n          break;\r\n      }\r\n\r\n      return <ButtonVariant\r\n          id={id}\r\n          type={type ?? 'button'}\r\n          data-testid={dataTestId}\r\n          flatEdge={flatEdge}\r\n          ref={ref}\r\n          onClick={(event: React.MouseEvent<HTMLButtonElement>) => {\r\n            event.stopPropagation();\r\n            action(event);\r\n          }}\r\n          disabled={disabled}\r\n          useTransparentBackground={useTransparentBackground}\r\n          iconColor={iconColor}\r\n          unsetIconSize={unsetIconSize}\r\n          tabIndex={tabIndex}\r\n          borderRadius={borderRadius || shape === 'circular' ? 18 : 0}\r\n          onMouseDown={!focusOnClick ? defaultOnMouseDownHandler : undefined}\r\n          hidden={hidden}\r\n          invertFocus={invertFocus}\r\n          {...rest}>\r\n          <IconButtonContentStyles>{children}</IconButtonContentStyles>\r\n        </ButtonVariant>;\r\n      }\r\n\r\n    return !tooltip\r\n      ? render()\r\n      : (\r\n        <TooltipWrapper {...tooltip}>\r\n          {render()}\r\n        </TooltipWrapper>\r\n      );\r\n  },\r\n);\r\n\r\nexport default IconButton;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Iconbutton.cjs","names":["getBorderRadius","props","borderRadius","getBorderRadiusStyle","radius","flatEdge","IconButtonContentStyles","styled","div","IconButtonStyled","button","unsetIconSize","invertFocus","invertedFocusStyles","focusStyles","IconButtonStyledPrimary","useTransparentBackground","COLORS","getColor","theme","iconColor","IconButtonStyledSecondary","IconButton","React","forwardRef","ref","id","variant","shape","action","children","disabled","tabIndex","type","hidden","dataTestId","focusOnClick","tooltip","rest","render","ButtonVariant","event","stopPropagation","defaultOnMouseDownHandler","undefined"],"sources":["../../src/Button/Iconbutton.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport { BREAKPOINTS, COLORS, focusStyles, invertedFocusStyles } from '../styles';\r\nimport { defaultOnMouseDownHandler } from '../common';\r\nimport { Testable } from '../types';\r\nimport {TooltipProps} from \"../Tooltips/TooltipTypes\";\r\nimport TooltipWrapper from \"../Tooltips/TooltipWrapper\";\r\n\r\nexport interface HeaderItemProps {\r\n  inMobileMenu?: boolean;\r\n  useTransparentBackground?: boolean;\r\n  iconColor?: string;\r\n  unsetIconSize?: boolean;\r\n  borderRadius?: number;\r\n  shape?: string;\r\n  flatEdge?: string;\r\n  invertFocus?: boolean;\r\n  shouldNotInteract?: boolean;\r\n}\r\n\r\nconst getBorderRadius = (props: HeaderItemProps) => (props.borderRadius ? `${props.borderRadius}px` : '4px');\r\n\r\nconst getBorderRadiusStyle = (props: HeaderItemProps) => {\r\n  const radius = getBorderRadius(props);\r\n  switch (props.flatEdge) {\r\n    case 'left':\r\n      return `0px ${radius} ${radius} 0px`;\r\n\r\n    case 'right':\r\n      return `${radius} 0px 0px ${radius}`;\r\n\r\n    case 'none':\r\n    default:\r\n      return `${radius}`;\r\n  }\r\n};\r\n\r\nexport const IconButtonContentStyles = styled.div``;\r\n\r\nexport const IconButtonStyled = styled.button<HeaderItemProps>`\r\n  border-width: 0;\r\n  cursor: pointer;\r\n  height: 48px;\r\n  width: 48px;\r\n  background: transparent;\r\n  position: relative;\r\n  display: block;\r\n\r\n  border-radius: ${(props) => (props.borderRadius ? `${props.borderRadius}px` : '4px')};\r\n  ${IconButtonContentStyles} {\r\n    height: 36px;\r\n    width: 36px;\r\n    border-radius: ${getBorderRadiusStyle};\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    svg {\r\n      height: ${(props) => (props.unsetIconSize ? 'unset' : '24px')};\r\n      width: ${(props) => (props.unsetIconSize ? 'unset' : '24px')};\r\n      padding: 0;\r\n    }\r\n  }\r\n  &:only-child {\r\n    margin: 0;\r\n  }\r\n  &:disabled {\r\n    cursor: not-allowed;\r\n  }\r\n\r\n  &:focus {\r\n    ${(props) => (props.invertFocus ? invertedFocusStyles : focusStyles)}\r\n  }\r\n`;\r\n\r\nexport const IconButtonStyledPrimary = styled(IconButtonStyled)`\r\n  ${IconButtonContentStyles} {\r\n    background-color: ${(props) => (props.useTransparentBackground ? 'transparent' : COLORS.getColor('primary_500', props.theme))};\r\n\r\n    svg {\r\n      fill: ${(props) => props.iconColor || COLORS.getColor('white', props.theme)};\r\n      path {\r\n        fill: ${(props) => props.iconColor || COLORS.getColor('white', props.theme)};\r\n      }\r\n    }\r\n  }\r\n  &:hover:not(:disabled),\r\n  &.hover-state {\r\n    ${IconButtonContentStyles} {\r\n      background-color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    }\r\n    ${IconButtonContentStyles} svg path,\r\n    ${IconButtonContentStyles} svg {\r\n      fill: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n  &:active:not(:disabled),\r\n  &.active-state {\r\n    ${IconButtonContentStyles} {\r\n      background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n    ${IconButtonContentStyles} svg path,\r\n    ${IconButtonContentStyles} svg {\r\n      fill: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n  &:disabled {\r\n    ${IconButtonContentStyles} {\r\n      background-color: ${props => COLORS.getColor('neutral_200', props.theme)};\r\n    }\r\n    svg {\r\n      path {\r\n        fill: ${props => COLORS.getColor('white', props.theme)};\r\n      }\r\n      fill: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n`;\r\n\r\nexport const IconButtonStyledSecondary = styled(IconButtonStyled)`\r\n  ${IconButtonContentStyles} {\r\n    background-color: ${(props) => (props.useTransparentBackground ? 'transparent' : COLORS.getColor('white', props.theme))};\r\n\r\n    svg {\r\n      fill: ${(props) => props.iconColor || COLORS.getColor('neutral_600', props.theme)};\r\n      path {\r\n        fill: ${(props) => props.iconColor || COLORS.getColor('neutral_600', props.theme)};\r\n      }\r\n    }\r\n  }\r\n\r\n\r\n  &:hover:not(:disabled) {\r\n    ${IconButtonContentStyles} {\r\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    }\r\n    ${IconButtonContentStyles} svg path,\r\n    ${IconButtonContentStyles} svg {\r\n      fill: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    }\r\n  }\r\n  &:active:not(:disabled),\r\n  &.active-state {\r\n    ${IconButtonContentStyles} {\r\n      background: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    }\r\n    ${IconButtonContentStyles} svg path,\r\n    ${IconButtonContentStyles} svg {\r\n      fill: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:disabled {\r\n    ${IconButtonContentStyles} {\r\n      background-color: ${(props) => (props.useTransparentBackground ? 'transparent' : COLORS.getColor('white', props.theme))};\r\n    }\r\n    svg {\r\n      path {\r\n        fill: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n      }\r\n      fill: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    }\r\n  }\r\n`;\r\n\r\nexport interface IconButtonProps extends Testable, Omit<React.ButtonHTMLAttributes<HTMLButtonElement>,  'onClick' | 'onMouseDown'> {\r\n  /** Variant of the button. Defaults to 'primary' */\r\n  variant?: 'primary' | 'secondary';\r\n  /** Shape of the button. Defaults to 'square' */\r\n  shape?: 'square' | 'circular';\r\n  /** Action that will get executed when button is clicked. */\r\n  action: (event?: React.MouseEvent<HTMLButtonElement>) => void;\r\n  /** Allows removing rounded corners on one of the edges of the button. */\r\n  flatEdge?: 'right' | 'left' | 'none' | undefined;\r\n  /** If set background filling color of the button will be transparent. */\r\n  useTransparentBackground?: boolean;\r\n  /** Custom fill color for SVG icon. */\r\n  iconColor?: string;\r\n  /** If set then the width and height of SVG icon will be set to 'unset', otherwise will be set to '24px' */\r\n  unsetIconSize?: boolean;\r\n  /** Sets border radius of the button.  */\r\n  borderRadius?: number;\r\n  /** Content (icon) to show in the button. */\r\n  children?: React.ReactNode;\r\n  /** Invert color scheme of focus framing. */\r\n  invertFocus?: boolean;\r\n  /** If this flag is set, then blurs current focus, as a result will focus current IconButton when user clicks it. */\r\n  focusOnClick?: boolean;\r\n  /** Details of the tooltip to show. */\r\n  tooltip?: Omit<TooltipProps, 'tabIndex'>;\r\n}\r\n\r\nexport const IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(\r\n  (\r\n    {\r\n      id,\r\n      variant,\r\n      shape,\r\n      action,\r\n      children,\r\n      useTransparentBackground,\r\n      disabled,\r\n      iconColor,\r\n      unsetIconSize,\r\n      tabIndex,\r\n      flatEdge,\r\n      borderRadius,\r\n      type,\r\n      hidden,\r\n      invertFocus,\r\n      dataTestId,\r\n      focusOnClick,\r\n      tooltip,\r\n      ...rest\r\n    }: IconButtonProps,\r\n    ref,\r\n  ) => {\r\n\r\n    const render = () => {\r\n      // Let's render button\r\n\r\n      let ButtonVariant = IconButtonStyledPrimary;\r\n      switch (variant) {\r\n        case 'secondary':\r\n          ButtonVariant = IconButtonStyledSecondary;\r\n          break;\r\n      }\r\n\r\n      return <ButtonVariant\r\n          id={id}\r\n          type={type ?? 'button'}\r\n          data-testid={dataTestId}\r\n          flatEdge={flatEdge}\r\n          ref={ref}\r\n          onClick={(event: React.MouseEvent<HTMLButtonElement>) => {\r\n            event.stopPropagation();\r\n            action(event);\r\n          }}\r\n          disabled={disabled}\r\n          useTransparentBackground={useTransparentBackground}\r\n          iconColor={iconColor}\r\n          unsetIconSize={unsetIconSize}\r\n          tabIndex={tabIndex}\r\n          borderRadius={borderRadius || shape === 'circular' ? 18 : 0}\r\n          onMouseDown={!focusOnClick ? defaultOnMouseDownHandler : undefined}\r\n          hidden={hidden}\r\n          invertFocus={invertFocus}\r\n          {...rest}>\r\n          <IconButtonContentStyles>{children}</IconButtonContentStyles>\r\n        </ButtonVariant>;\r\n      }\r\n\r\n    return !tooltip\r\n      ? render()\r\n      : (\r\n        <TooltipWrapper {...tooltip}>\r\n          {render()}\r\n        </TooltipWrapper>\r\n      );\r\n  },\r\n);\r\n\r\nexport default IconButton;\r\n"],"mappings":"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"}

package/dist/Button/Iconbutton.js

@@ -4,8 +4,8 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLit
 import _pt from "prop-types";
 var _excluded = ["id", "variant", "shape", "action", "children", "useTransparentBackground", "disabled", "iconColor", "unsetIconSize", "tabIndex", "flatEdge", "borderRadius", "type", "hidden", "invertFocus", "dataTestId", "focusOnClick", "tooltip"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React from 'react';
 import styled from 'styled-components';
 import { COLORS, focusStyles, invertedFocusStyles } from '../styles';

package/dist/Button/Iconbutton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Iconbutton.js","names":["React","styled","COLORS","focusStyles","invertedFocusStyles","defaultOnMouseDownHandler","TooltipWrapper","jsx","_jsx","getBorderRadius","props","borderRadius","concat","getBorderRadiusStyle","radius","flatEdge","IconButtonContentStyles","div","_templateObject","_taggedTemplateLiteral","IconButtonStyled","button","_templateObject2","unsetIconSize","invertFocus","IconButtonStyledPrimary","_templateObject3","useTransparentBackground","getColor","theme","iconColor","IconButtonStyledSecondary","_templateObject4","IconButton","forwardRef","_ref","ref","id","variant","shape","action","children","disabled","tabIndex","type","hidden","dataTestId","focusOnClick","tooltip","rest","_objectWithoutProperties","_excluded","render","ButtonVariant","_objectSpread","onClick","event","stopPropagation","onMouseDown","undefined","propTypes","_pt","oneOf","func","isRequired","bool","string","number","node"],"sources":["../../src/Button/Iconbutton.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport { BREAKPOINTS, COLORS, focusStyles, invertedFocusStyles } from '../styles';\r\nimport { defaultOnMouseDownHandler } from '../common';\r\nimport { Testable } from '../types';\r\nimport {TooltipProps} from \"../Tooltips/TooltipTypes\";\r\nimport TooltipWrapper from \"../Tooltips/TooltipWrapper\";\r\n\r\nexport interface HeaderItemProps {\r\n  inMobileMenu?: boolean;\r\n  useTransparentBackground?: boolean;\r\n  iconColor?: string;\r\n  unsetIconSize?: boolean;\r\n  borderRadius?: number;\r\n  shape?: string;\r\n  flatEdge?: string;\r\n  invertFocus?: boolean;\r\n  shouldNotInteract?: boolean;\r\n}\r\n\r\nconst getBorderRadius = (props: HeaderItemProps) => (props.borderRadius ? `${props.borderRadius}px` : '4px');\r\n\r\nconst getBorderRadiusStyle = (props: HeaderItemProps) => {\r\n  const radius = getBorderRadius(props);\r\n  switch (props.flatEdge) {\r\n    case 'left':\r\n      return `0px ${radius} ${radius} 0px`;\r\n\r\n    case 'right':\r\n      return `${radius} 0px 0px ${radius}`;\r\n\r\n    case 'none':\r\n    default:\r\n      return `${radius}`;\r\n  }\r\n};\r\n\r\nexport const IconButtonContentStyles = styled.div``;\r\n\r\nexport const IconButtonStyled = styled.button<HeaderItemProps>`\r\n  border-width: 0;\r\n  cursor: pointer;\r\n  height: 48px;\r\n  width: 48px;\r\n  background: transparent;\r\n  position: relative;\r\n  display: block;\r\n\r\n  border-radius: ${(props) => (props.borderRadius ? `${props.borderRadius}px` : '4px')};\r\n  ${IconButtonContentStyles} {\r\n    height: 36px;\r\n    width: 36px;\r\n    border-radius: ${getBorderRadiusStyle};\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    svg {\r\n      height: ${(props) => (props.unsetIconSize ? 'unset' : '24px')};\r\n      width: ${(props) => (props.unsetIconSize ? 'unset' : '24px')};\r\n      padding: 0;\r\n    }\r\n  }\r\n  &:only-child {\r\n    margin: 0;\r\n  }\r\n  &:disabled {\r\n    cursor: not-allowed;\r\n  }\r\n\r\n  &:focus {\r\n    ${(props) => (props.invertFocus ? invertedFocusStyles : focusStyles)}\r\n  }\r\n`;\r\n\r\nexport const IconButtonStyledPrimary = styled(IconButtonStyled)`\r\n  ${IconButtonContentStyles} {\r\n    background-color: ${(props) => (props.useTransparentBackground ? 'transparent' : COLORS.getColor('primary_500', props.theme))};\r\n\r\n    svg {\r\n      fill: ${(props) => props.iconColor || COLORS.getColor('white', props.theme)};\r\n      path {\r\n        fill: ${(props) => props.iconColor || COLORS.getColor('white', props.theme)};\r\n      }\r\n    }\r\n  }\r\n  &:hover:not(:disabled),\r\n  &.hover-state {\r\n    ${IconButtonContentStyles} {\r\n      background-color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    }\r\n    ${IconButtonContentStyles} svg path,\r\n    ${IconButtonContentStyles} svg {\r\n      fill: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n  &:active:not(:disabled),\r\n  &.active-state {\r\n    ${IconButtonContentStyles} {\r\n      background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n    ${IconButtonContentStyles} svg path,\r\n    ${IconButtonContentStyles} svg {\r\n      fill: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n  &:disabled {\r\n    ${IconButtonContentStyles} {\r\n      background-color: ${props => COLORS.getColor('neutral_200', props.theme)};\r\n    }\r\n    svg {\r\n      path {\r\n        fill: ${props => COLORS.getColor('white', props.theme)};\r\n      }\r\n      fill: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n`;\r\n\r\nexport const IconButtonStyledSecondary = styled(IconButtonStyled)`\r\n  ${IconButtonContentStyles} {\r\n    background-color: ${(props) => (props.useTransparentBackground ? 'transparent' : COLORS.getColor('white', props.theme))};\r\n\r\n    svg {\r\n      fill: ${(props) => props.iconColor || COLORS.getColor('neutral_600', props.theme)};\r\n      path {\r\n        fill: ${(props) => props.iconColor || COLORS.getColor('neutral_600', props.theme)};\r\n      }\r\n    }\r\n  }\r\n\r\n\r\n  &:hover:not(:disabled) {\r\n    ${IconButtonContentStyles} {\r\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    }\r\n    ${IconButtonContentStyles} svg path,\r\n    ${IconButtonContentStyles} svg {\r\n      fill: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    }\r\n  }\r\n  &:active:not(:disabled),\r\n  &.active-state {\r\n    ${IconButtonContentStyles} {\r\n      background: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    }\r\n    ${IconButtonContentStyles} svg path,\r\n    ${IconButtonContentStyles} svg {\r\n      fill: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:disabled {\r\n    ${IconButtonContentStyles} {\r\n      background-color: ${(props) => (props.useTransparentBackground ? 'transparent' : COLORS.getColor('white', props.theme))};\r\n    }\r\n    svg {\r\n      path {\r\n        fill: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n      }\r\n      fill: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    }\r\n  }\r\n`;\r\n\r\nexport interface IconButtonProps extends Testable, Omit<React.ButtonHTMLAttributes<HTMLButtonElement>,  'onClick' | 'onMouseDown'> {\r\n  /** Variant of the button. Defaults to 'primary' */\r\n  variant?: 'primary' | 'secondary';\r\n  /** Shape of the button. Defaults to 'square' */\r\n  shape?: 'square' | 'circular';\r\n  /** Action that will get executed when button is clicked. */\r\n  action: (event?: React.MouseEvent<HTMLButtonElement>) => void;\r\n  /** Allows removing rounded corners on one of the edges of the button. */\r\n  flatEdge?: 'right' | 'left' | 'none' | undefined;\r\n  /** If set background filling color of the button will be transparent. */\r\n  useTransparentBackground?: boolean;\r\n  /** Custom fill color for SVG icon. */\r\n  iconColor?: string;\r\n  /** If set then the width and height of SVG icon will be set to 'unset', otherwise will be set to '24px' */\r\n  unsetIconSize?: boolean;\r\n  /** Sets border radius of the button.  */\r\n  borderRadius?: number;\r\n  /** Content (icon) to show in the button. */\r\n  children?: React.ReactNode;\r\n  /** Invert color scheme of focus framing. */\r\n  invertFocus?: boolean;\r\n  /** If this flag is set, then blurs current focus, as a result will focus current IconButton when user clicks it. */\r\n  focusOnClick?: boolean;\r\n  /** Details of the tooltip to show. */\r\n  tooltip?: Omit<TooltipProps, 'tabIndex'>;\r\n}\r\n\r\nexport const IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(\r\n  (\r\n    {\r\n      id,\r\n      variant,\r\n      shape,\r\n      action,\r\n      children,\r\n      useTransparentBackground,\r\n      disabled,\r\n      iconColor,\r\n      unsetIconSize,\r\n      tabIndex,\r\n      flatEdge,\r\n      borderRadius,\r\n      type,\r\n      hidden,\r\n      invertFocus,\r\n      dataTestId,\r\n      focusOnClick,\r\n      tooltip,\r\n      ...rest\r\n    }: IconButtonProps,\r\n    ref,\r\n  ) => {\r\n\r\n    const render = () => {\r\n      // Let's render button\r\n\r\n      let ButtonVariant = IconButtonStyledPrimary;\r\n      switch (variant) {\r\n        case 'secondary':\r\n          ButtonVariant = IconButtonStyledSecondary;\r\n          break;\r\n      }\r\n\r\n      return <ButtonVariant\r\n          id={id}\r\n          type={type ?? 'button'}\r\n          data-testid={dataTestId}\r\n          flatEdge={flatEdge}\r\n          ref={ref}\r\n          onClick={(event: React.MouseEvent<HTMLButtonElement>) => {\r\n            event.stopPropagation();\r\n            action(event);\r\n          }}\r\n          disabled={disabled}\r\n          useTransparentBackground={useTransparentBackground}\r\n          iconColor={iconColor}\r\n          unsetIconSize={unsetIconSize}\r\n          tabIndex={tabIndex}\r\n          borderRadius={borderRadius || shape === 'circular' ? 18 : 0}\r\n          onMouseDown={!focusOnClick ? defaultOnMouseDownHandler : undefined}\r\n          hidden={hidden}\r\n          invertFocus={invertFocus}\r\n          {...rest}>\r\n          <IconButtonContentStyles>{children}</IconButtonContentStyles>\r\n        </ButtonVariant>;\r\n      }\r\n\r\n    return !tooltip\r\n      ? render()\r\n      : (\r\n        <TooltipWrapper {...tooltip}>\r\n          {render()}\r\n        </TooltipWrapper>\r\n      );\r\n  },\r\n);\r\n\r\nexport default IconButton;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Iconbutton.js","names":["React","styled","COLORS","focusStyles","invertedFocusStyles","defaultOnMouseDownHandler","TooltipWrapper","getBorderRadius","props","borderRadius","getBorderRadiusStyle","radius","flatEdge","IconButtonContentStyles","div","IconButtonStyled","button","unsetIconSize","invertFocus","IconButtonStyledPrimary","useTransparentBackground","getColor","theme","iconColor","IconButtonStyledSecondary","IconButton","forwardRef","ref","id","variant","shape","action","children","disabled","tabIndex","type","hidden","dataTestId","focusOnClick","tooltip","rest","render","ButtonVariant","event","stopPropagation","undefined"],"sources":["../../src/Button/Iconbutton.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport { BREAKPOINTS, COLORS, focusStyles, invertedFocusStyles } from '../styles';\r\nimport { defaultOnMouseDownHandler } from '../common';\r\nimport { Testable } from '../types';\r\nimport {TooltipProps} from \"../Tooltips/TooltipTypes\";\r\nimport TooltipWrapper from \"../Tooltips/TooltipWrapper\";\r\n\r\nexport interface HeaderItemProps {\r\n  inMobileMenu?: boolean;\r\n  useTransparentBackground?: boolean;\r\n  iconColor?: string;\r\n  unsetIconSize?: boolean;\r\n  borderRadius?: number;\r\n  shape?: string;\r\n  flatEdge?: string;\r\n  invertFocus?: boolean;\r\n  shouldNotInteract?: boolean;\r\n}\r\n\r\nconst getBorderRadius = (props: HeaderItemProps) => (props.borderRadius ? `${props.borderRadius}px` : '4px');\r\n\r\nconst getBorderRadiusStyle = (props: HeaderItemProps) => {\r\n  const radius = getBorderRadius(props);\r\n  switch (props.flatEdge) {\r\n    case 'left':\r\n      return `0px ${radius} ${radius} 0px`;\r\n\r\n    case 'right':\r\n      return `${radius} 0px 0px ${radius}`;\r\n\r\n    case 'none':\r\n    default:\r\n      return `${radius}`;\r\n  }\r\n};\r\n\r\nexport const IconButtonContentStyles = styled.div``;\r\n\r\nexport const IconButtonStyled = styled.button<HeaderItemProps>`\r\n  border-width: 0;\r\n  cursor: pointer;\r\n  height: 48px;\r\n  width: 48px;\r\n  background: transparent;\r\n  position: relative;\r\n  display: block;\r\n\r\n  border-radius: ${(props) => (props.borderRadius ? `${props.borderRadius}px` : '4px')};\r\n  ${IconButtonContentStyles} {\r\n    height: 36px;\r\n    width: 36px;\r\n    border-radius: ${getBorderRadiusStyle};\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    svg {\r\n      height: ${(props) => (props.unsetIconSize ? 'unset' : '24px')};\r\n      width: ${(props) => (props.unsetIconSize ? 'unset' : '24px')};\r\n      padding: 0;\r\n    }\r\n  }\r\n  &:only-child {\r\n    margin: 0;\r\n  }\r\n  &:disabled {\r\n    cursor: not-allowed;\r\n  }\r\n\r\n  &:focus {\r\n    ${(props) => (props.invertFocus ? invertedFocusStyles : focusStyles)}\r\n  }\r\n`;\r\n\r\nexport const IconButtonStyledPrimary = styled(IconButtonStyled)`\r\n  ${IconButtonContentStyles} {\r\n    background-color: ${(props) => (props.useTransparentBackground ? 'transparent' : COLORS.getColor('primary_500', props.theme))};\r\n\r\n    svg {\r\n      fill: ${(props) => props.iconColor || COLORS.getColor('white', props.theme)};\r\n      path {\r\n        fill: ${(props) => props.iconColor || COLORS.getColor('white', props.theme)};\r\n      }\r\n    }\r\n  }\r\n  &:hover:not(:disabled),\r\n  &.hover-state {\r\n    ${IconButtonContentStyles} {\r\n      background-color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    }\r\n    ${IconButtonContentStyles} svg path,\r\n    ${IconButtonContentStyles} svg {\r\n      fill: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n  &:active:not(:disabled),\r\n  &.active-state {\r\n    ${IconButtonContentStyles} {\r\n      background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n    ${IconButtonContentStyles} svg path,\r\n    ${IconButtonContentStyles} svg {\r\n      fill: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n  &:disabled {\r\n    ${IconButtonContentStyles} {\r\n      background-color: ${props => COLORS.getColor('neutral_200', props.theme)};\r\n    }\r\n    svg {\r\n      path {\r\n        fill: ${props => COLORS.getColor('white', props.theme)};\r\n      }\r\n      fill: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n`;\r\n\r\nexport const IconButtonStyledSecondary = styled(IconButtonStyled)`\r\n  ${IconButtonContentStyles} {\r\n    background-color: ${(props) => (props.useTransparentBackground ? 'transparent' : COLORS.getColor('white', props.theme))};\r\n\r\n    svg {\r\n      fill: ${(props) => props.iconColor || COLORS.getColor('neutral_600', props.theme)};\r\n      path {\r\n        fill: ${(props) => props.iconColor || COLORS.getColor('neutral_600', props.theme)};\r\n      }\r\n    }\r\n  }\r\n\r\n\r\n  &:hover:not(:disabled) {\r\n    ${IconButtonContentStyles} {\r\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    }\r\n    ${IconButtonContentStyles} svg path,\r\n    ${IconButtonContentStyles} svg {\r\n      fill: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    }\r\n  }\r\n  &:active:not(:disabled),\r\n  &.active-state {\r\n    ${IconButtonContentStyles} {\r\n      background: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    }\r\n    ${IconButtonContentStyles} svg path,\r\n    ${IconButtonContentStyles} svg {\r\n      fill: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:disabled {\r\n    ${IconButtonContentStyles} {\r\n      background-color: ${(props) => (props.useTransparentBackground ? 'transparent' : COLORS.getColor('white', props.theme))};\r\n    }\r\n    svg {\r\n      path {\r\n        fill: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n      }\r\n      fill: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    }\r\n  }\r\n`;\r\n\r\nexport interface IconButtonProps extends Testable, Omit<React.ButtonHTMLAttributes<HTMLButtonElement>,  'onClick' | 'onMouseDown'> {\r\n  /** Variant of the button. Defaults to 'primary' */\r\n  variant?: 'primary' | 'secondary';\r\n  /** Shape of the button. Defaults to 'square' */\r\n  shape?: 'square' | 'circular';\r\n  /** Action that will get executed when button is clicked. */\r\n  action: (event?: React.MouseEvent<HTMLButtonElement>) => void;\r\n  /** Allows removing rounded corners on one of the edges of the button. */\r\n  flatEdge?: 'right' | 'left' | 'none' | undefined;\r\n  /** If set background filling color of the button will be transparent. */\r\n  useTransparentBackground?: boolean;\r\n  /** Custom fill color for SVG icon. */\r\n  iconColor?: string;\r\n  /** If set then the width and height of SVG icon will be set to 'unset', otherwise will be set to '24px' */\r\n  unsetIconSize?: boolean;\r\n  /** Sets border radius of the button.  */\r\n  borderRadius?: number;\r\n  /** Content (icon) to show in the button. */\r\n  children?: React.ReactNode;\r\n  /** Invert color scheme of focus framing. */\r\n  invertFocus?: boolean;\r\n  /** If this flag is set, then blurs current focus, as a result will focus current IconButton when user clicks it. */\r\n  focusOnClick?: boolean;\r\n  /** Details of the tooltip to show. */\r\n  tooltip?: Omit<TooltipProps, 'tabIndex'>;\r\n}\r\n\r\nexport const IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(\r\n  (\r\n    {\r\n      id,\r\n      variant,\r\n      shape,\r\n      action,\r\n      children,\r\n      useTransparentBackground,\r\n      disabled,\r\n      iconColor,\r\n      unsetIconSize,\r\n      tabIndex,\r\n      flatEdge,\r\n      borderRadius,\r\n      type,\r\n      hidden,\r\n      invertFocus,\r\n      dataTestId,\r\n      focusOnClick,\r\n      tooltip,\r\n      ...rest\r\n    }: IconButtonProps,\r\n    ref,\r\n  ) => {\r\n\r\n    const render = () => {\r\n      // Let's render button\r\n\r\n      let ButtonVariant = IconButtonStyledPrimary;\r\n      switch (variant) {\r\n        case 'secondary':\r\n          ButtonVariant = IconButtonStyledSecondary;\r\n          break;\r\n      }\r\n\r\n      return <ButtonVariant\r\n          id={id}\r\n          type={type ?? 'button'}\r\n          data-testid={dataTestId}\r\n          flatEdge={flatEdge}\r\n          ref={ref}\r\n          onClick={(event: React.MouseEvent<HTMLButtonElement>) => {\r\n            event.stopPropagation();\r\n            action(event);\r\n          }}\r\n          disabled={disabled}\r\n          useTransparentBackground={useTransparentBackground}\r\n          iconColor={iconColor}\r\n          unsetIconSize={unsetIconSize}\r\n          tabIndex={tabIndex}\r\n          borderRadius={borderRadius || shape === 'circular' ? 18 : 0}\r\n          onMouseDown={!focusOnClick ? defaultOnMouseDownHandler : undefined}\r\n          hidden={hidden}\r\n          invertFocus={invertFocus}\r\n          {...rest}>\r\n          <IconButtonContentStyles>{children}</IconButtonContentStyles>\r\n        </ButtonVariant>;\r\n      }\r\n\r\n    return !tooltip\r\n      ? render()\r\n      : (\r\n        <TooltipWrapper {...tooltip}>\r\n          {render()}\r\n        </TooltipWrapper>\r\n      );\r\n  },\r\n);\r\n\r\nexport default IconButton;\r\n"],"mappings":"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"}

package/dist/Button/index.cjs

@@ -13,25 +13,25 @@ var _exportNames = {
 Object.defineProperty(exports, "BackButton", {
   enumerable: true,
   get: function get() {
-    return _BackButton["default"];
+    return _BackButton.default;
   }
 });
 Object.defineProperty(exports, "Button", {
   enumerable: true,
   get: function get() {
-    return _Button["default"];
+    return _Button.default;
   }
 });
 Object.defineProperty(exports, "DualFunctionButton", {
   enumerable: true,
   get: function get() {
-    return _DualFunctionButton["default"];
+    return _DualFunctionButton.default;
   }
 });
 Object.defineProperty(exports, "IconButton", {
   enumerable: true,
   get: function get() {
-    return _Iconbutton["default"];
+    return _Iconbutton.default;
   }
 });
 var _Iconbutton = _interopRequireWildcard(require("./Iconbutton"));
@@ -82,6 +82,6 @@ Object.keys(_DualFunctionButton).forEach(function (key) {
     }
   });
 });
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 //# sourceMappingURL=index.cjs.map