@laerdal/life-react-components 5.0.5-dev.3 → 5.0.5

package/dist/Button/BackButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackButton.js","names":["React","styled","COLORS","focusStyles","Size","SystemIcons","ComponentTextStyle","ComponentSStyling","ComponentXSStyling","defaultOnMouseDownHandler","BackButtonContentContainer","div","BackButtonContainerStyles","button","props","$size","XSmall","Bold","getColor","theme","BackButton","children","size","Small","dataTestId","disabled"],"sources":["../../src/Button/BackButton.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {COLORS, focusStyles} from '../styles';\r\nimport { Size, Testable } from '../types';\r\nimport { SystemIcons } from '../icons';\r\nimport { ComponentTextStyle, ComponentSStyling, ComponentXSStyling } from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nexport const BackButtonContentContainer = styled.div``;\r\n\r\nconst BackButtonContainerStyles = styled.button<{$size: Size, dataTestId: string | undefined}>`\r\n  box-sizing: border-box;\r\n  min-height: 48px;\r\n  padding: 0;\r\n  margin: 0;\r\n  outline:none;\r\n  max-width: max-content;\r\n  display: flex;\r\n  align-items: center;\r\n  border: none;\r\n  background-color: transparent;\r\n  cursor: pointer;\r\n\r\n  ${(props) => (props.$size === Size.XSmall ? ComponentXSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme)) : ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme)))};\r\n  font-feature-settings: 'liga' off;\r\n\r\n  & > ${BackButtonContentContainer} {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    max-width: max-content;\r\n    padding: 4px 4px 4px 0;\r\n    border-radius: 4px;\r\n    cursor: inherit;\r\n    min-width: 64px;\r\n\r\n  }\r\n\r\n  & > ${BackButtonContentContainer} > span {\r\n    display: flex;\r\n    cursor: inherit;\r\n  }\r\n  & > ${BackButtonContentContainer} > label {\r\n    display: flex;\r\n    cursor: inherit;\r\n    flex-grow: 1;\r\n    justify-content: center;\r\n  }\r\n\r\n  &:hover > ${BackButtonContentContainer},\r\n  &.hover-state > ${BackButtonContentContainer} {\r\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n  &:focus > ${BackButtonContentContainer},\r\n  &.focus-state > ${BackButtonContentContainer} {\r\n    ${focusStyles}\r\n  }\r\n  &:active > ${BackButtonContentContainer},\r\n  &.active-state > ${BackButtonContentContainer} {\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n  &:disabled {\r\n    cursor: not-allowed;\r\n  }\r\n  &:disabled > ${BackButtonContentContainer} {\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n    background-color: transparent !important;\r\n  }\r\n`;\r\n\r\nexport interface BackButtonProps extends Testable, React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n    /**\r\n   * Required. The size of the back button. Can be 'Small' or 'XSmall'.\r\n   */\r\n  size: Size.Small | Size.XSmall;\r\n    /**\r\n   * Optional. A boolean indicating whether the back button is disabled.\r\n   */\r\n  disabled?: boolean;\r\n}\r\nconst BackButton: React.FunctionComponent<BackButtonProps> = ({ children, size: size = Size.Small, dataTestId, ...props }) => {\r\n  return (\r\n    <BackButtonContainerStyles {...props} $size={size} onMouseDown={defaultOnMouseDownHandler} dataTestId={dataTestId}>\r\n      <BackButtonContentContainer>\r\n        <span aria-hidden=\"true\">\r\n          <SystemIcons.ArrowLineLeft size={size === Size.XSmall ? '20' : '24'} />\r\n        </span>\r\n        <label>{children}</label>\r\n      </BackButtonContentContainer>\r\n    </BackButtonContainerStyles>\r\n  );\r\n};\r\n\r\nexport default BackButton;\r\n"],"mappings":";;;;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,MAAM,EAAEC,WAAW,QAAO,WAAW;AAC7C,SAASC,IAAI,QAAkB,UAAU;AACzC,SAASC,WAAW,QAAQ,UAAU;AACtC,SAASC,kBAAkB,EAAEC,iBAAiB,EAAEC,kBAAkB,QAAQ,WAAW;AACrF,SAAQC,yBAAyB,QAAO,WAAW;AAAC;AAAA;AAEpD,OAAO,IAAMC,0BAA0B,GAAGT,MAAM,CAACU,GAAG,qEAAE;AAEtD,IAAMC,yBAAyB,GAAGX,MAAM,CAACY,MAAM,0rCAa3C,UAACC,KAAK;EAAA,OAAMA,KAAK,CAACC,KAAK,KAAKX,IAAI,CAACY,MAAM,GAAGR,kBAAkB,CAACF,kBAAkB,CAACW,IAAI,EAAEf,MAAM,CAACgB,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAACK,KAAK,CAAC,CAAC,GAAGZ,iBAAiB,CAACD,kBAAkB,CAACW,IAAI,EAAEf,MAAM,CAACgB,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAACK,KAAK,CAAC,CAAC;AAAA,CAAC,EAGzNT,0BAA0B,EAa1BA,0BAA0B,EAI1BA,0BAA0B,EAOpBA,0BAA0B,EACpBA,0BAA0B,EACtB,UAAAI,KAAK;EAAA,OAAIZ,MAAM,CAACgB,QAAQ,CAAC,YAAY,EAAEJ,KAAK,CAACK,KAAK,CAAC;AAAA,GAC9D,UAAAL,KAAK;EAAA,OAAIZ,MAAM,CAACgB,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAACK,KAAK,CAAC;AAAA,GAEnDT,0BAA0B,EACpBA,0BAA0B,EACxCP,WAAW,EAEFO,0BAA0B,EACpBA,0BAA0B,EACvB,UAAAI,KAAK;EAAA,OAAIZ,MAAM,CAACgB,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAACK,KAAK,CAAC;AAAA,GAC/D,UAAAL,KAAK;EAAA,OAAIZ,MAAM,CAACgB,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAACK,KAAK,CAAC;AAAA,GAKhDT,0BAA0B,EAC9B,UAAAI,KAAK;EAAA,OAAIZ,MAAM,CAACgB,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAACK,KAAK,CAAC;AAAA,EAGhE;AAYD,IAAMC,UAAoD,GAAG,SAAvDA,UAAoD,OAAoE;EAAA,IAA9DC,QAAQ,QAARA,QAAQ;IAAA,iBAAEC,IAAI;IAAEA,IAAI,0BAAGlB,IAAI,CAACmB,KAAK;IAAEC,UAAU,QAAVA,UAAU;IAAKV,KAAK;EACrH,oBACE,KAAC,yBAAyB,kCAAKA,KAAK;IAAE,KAAK,EAAEQ,IAAK;IAAC,WAAW,EAAEb,yBAA0B;IAAC,UAAU,EAAEe,UAAW;IAAA,uBAChH,MAAC,0BAA0B;MAAA,wBACzB;QAAM,eAAY,MAAM;QAAA,uBACtB,KAAC,WAAW,CAAC,aAAa;UAAC,IAAI,EAAEF,IAAI,KAAKlB,IAAI,CAACY,MAAM,GAAG,IAAI,GAAG;QAAK;MAAG,EAClE,eACP;QAAA,UAAQK;MAAQ,EAAS;IAAA;EACE,GACH;AAEhC,CAAC;AAAC;EAbAI,QAAQ;AAAA;AAeV,eAAeL,UAAU"}
+{"version":3,"file":"BackButton.js","names":["React","styled","COLORS","focusStyles","Size","SystemIcons","ComponentTextStyle","ComponentSStyling","ComponentXSStyling","defaultOnMouseDownHandler","jsx","_jsx","jsxs","_jsxs","BackButtonContentContainer","div","_templateObject","_taggedTemplateLiteral","BackButtonContainerStyles","button","_templateObject2","props","$size","XSmall","Bold","getColor","theme","BackButton","_ref","children","_ref$size","size","Small","dataTestId","_objectWithoutProperties","_excluded","_objectSpread","onMouseDown","ArrowLineLeft","propTypes","disabled","_pt","bool"],"sources":["../../src/Button/BackButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport {COLORS, focusStyles} from '../styles';\nimport { Size, Testable } from '../types';\nimport { SystemIcons } from '../icons';\nimport { ComponentTextStyle, ComponentSStyling, ComponentXSStyling } from '../styles';\nimport {defaultOnMouseDownHandler} from '../common';\n\nexport const BackButtonContentContainer = styled.div``;\n\nconst BackButtonContainerStyles = styled.button<{$size: Size, dataTestId: string | undefined}>`\n  box-sizing: border-box;\n  min-height: 48px;\n  padding: 0;\n  margin: 0;\n  outline:none;\n  max-width: max-content;\n  display: flex;\n  align-items: center;\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n\n  ${(props) => (props.$size === Size.XSmall ? ComponentXSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme)) : ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme)))};\n  font-feature-settings: 'liga' off;\n\n  & > ${BackButtonContentContainer} {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-start;\n    max-width: max-content;\n    padding: 4px 4px 4px 0;\n    border-radius: 4px;\n    cursor: inherit;\n    min-width: 64px;\n\n  }\n\n  & > ${BackButtonContentContainer} > span {\n    display: flex;\n    cursor: inherit;\n  }\n  & > ${BackButtonContentContainer} > label {\n    display: flex;\n    cursor: inherit;\n    flex-grow: 1;\n    justify-content: center;\n  }\n\n  &:hover > ${BackButtonContentContainer},\n  &.hover-state > ${BackButtonContentContainer} {\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\n  }\n  &:focus > ${BackButtonContentContainer},\n  &.focus-state > ${BackButtonContentContainer} {\n    ${focusStyles}\n  }\n  &:active > ${BackButtonContentContainer},\n  &.active-state > ${BackButtonContentContainer} {\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\n  }\n  &:disabled {\n    cursor: not-allowed;\n  }\n  &:disabled > ${BackButtonContentContainer} {\n    color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\n    background-color: transparent !important;\n  }\n`;\n\nexport interface BackButtonProps extends Testable, React.ButtonHTMLAttributes<HTMLButtonElement> {\n    /**\n   * Required. The size of the back button. Can be 'Small' or 'XSmall'.\n   */\n  size: Size.Small | Size.XSmall;\n    /**\n   * Optional. A boolean indicating whether the back button is disabled.\n   */\n  disabled?: boolean;\n}\nconst BackButton: React.FunctionComponent<BackButtonProps> = ({ children, size: size = Size.Small, dataTestId, ...props }) => {\n  return (\n    <BackButtonContainerStyles {...props} $size={size} onMouseDown={defaultOnMouseDownHandler} dataTestId={dataTestId}>\n      <BackButtonContentContainer>\n        <span aria-hidden=\"true\">\n          <SystemIcons.ArrowLineLeft size={size === Size.XSmall ? '20' : '24'} />\n        </span>\n        <label>{children}</label>\n      </BackButtonContentContainer>\n    </BackButtonContainerStyles>\n  );\n};\n\nexport default BackButton;\n"],"mappings":"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","ignoreList":[]}

package/dist/Button/Button.cjs

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.ButtonTertiaryStyled = exports.ButtonSecondaryStyled = exports.ButtonPrimaryStyled = exports.ButtonPositiveStyled = exports.ButtonCriticalStyled = exports.ButtonContentContainer = void 0;
+exports["default"] = exports.ButtonTertiaryStyled = exports.ButtonSecondaryStyled = exports.ButtonPrimaryStyled = exports.ButtonPositiveStyled = exports.ButtonCriticalStyled = exports.ButtonContentContainer = 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"));
@@ -20,10 +20,10 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["children", "variant", "type", "size", "colorTheme", "invertFocus", "width", "testId", "disabled", "flatEdge", "icon"],
   _excluded2 = ["loading"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-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; }
+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 getBorderRadius = function getBorderRadius(flatEdge, radius) {
   switch (flatEdge) {
     case 'left':
@@ -35,10 +35,10 @@ var getBorderRadius = function getBorderRadius(flatEdge, radius) {
       return "".concat(radius, "px");
   }
 };
-var ButtonContentContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  min-width: 64px;\n"])));
+var ButtonContentContainer = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  min-width: 64px;\n"])));
 exports.ButtonContentContainer = ButtonContentContainer;
-var ButtonBaseStyled = _styledComponents.default.button(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)([""])));
-var ButtonPrimaryStyled = (0, _styledComponents.default)(ButtonBaseStyled)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  padding: 0;\n  margin: 0;\n  position: relative;\n  box-sizing: border-box;\n  min-height: ", ";\n  &.loading-state {\n    cursor: wait;\n  }\n  ", " {\n    ", ";\n\n    background-color: ", ";\n    border-radius: ", ";\n\n    width: ", ";\n    position: relative;\n\n    min-height: ", ";\n\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: ", ";\n\n    span.icon:not(.loading) {\n      pointer-events: none;\n    }\n\n    span.loading {\n      opacity: 0;\n    }\n\n    .icon {\n      margin: ", ";\n      width: ", ";\n      height: ", ";\n      svg {\n        width: ", " !important;\n        height: ", " !important;\n      }\n    }\n\n    .label {\n      margin: 0 4px;\n    }\n\n    div {\n      position: absolute;\n      width: 100%;\n      svg {\n        height: ", ";\n        width: ", ";\n        path {\n          fill: ", ";\n        }\n      }\n    }\n  }\n  &:hover > ", ",\n  &.hover-state > ", " {\n    background-color: ", ";\n    color: ", ";\n  }\n  &:active > ", ",\n  &.active-state > ", " {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &:focus,\n  &.focus-state {\n    ", "\n  }\n  &:disabled,\n  &.disabled-state {\n    cursor: not-allowed;\n  }\n  &:disabled > ", ",\n  &.disabled-state > ", " {\n    pointer-events: none;\n    background-color: ", ";\n    color: ", ";\n  }\n"])), function (props) {
+var ButtonBaseStyled = _styledComponents["default"].button(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])([""])));
+var ButtonPrimaryStyled = (0, _styledComponents["default"])(ButtonBaseStyled)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  padding: 0;\n  margin: 0;\n  position: relative;\n  box-sizing: border-box;\n  min-height: ", ";\n  &.loading-state {\n    cursor: wait;\n  }\n  ", " {\n    ", ";\n\n    background-color: ", ";\n    border-radius: ", ";\n\n    width: ", ";\n    position: relative;\n\n    min-height: ", ";\n\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: ", ";\n\n    span.icon:not(.loading) {\n      pointer-events: none;\n    }\n\n    span.loading {\n      opacity: 0;\n    }\n\n    .icon {\n      margin: ", ";\n      width: ", ";\n      height: ", ";\n      svg {\n        width: ", " !important;\n        height: ", " !important;\n      }\n    }\n\n    .label {\n      margin: 0 4px;\n    }\n\n    div {\n      position: absolute;\n      width: 100%;\n      svg {\n        height: ", ";\n        width: ", ";\n        path {\n          fill: ", ";\n        }\n      }\n    }\n  }\n  &:hover > ", ",\n  &.hover-state > ", " {\n    background-color: ", ";\n    color: ", ";\n  }\n  &:active > ", ",\n  &.active-state > ", " {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &:focus,\n  &.focus-state {\n    ", "\n  }\n  &:disabled,\n  &.disabled-state {\n    cursor: not-allowed;\n  }\n  &:disabled > ", ",\n  &.disabled-state > ", " {\n    pointer-events: none;\n    background-color: ", ";\n    color: ", ";\n  }\n"])), function (props) {
   return props.$size === _types.Size.Large ? '56px' : '48px';
 }, ButtonContentContainer, function (props) {
   return props.$size === _types.Size.Large ? (0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Bold, (props === null || props === void 0 ? void 0 : props.$colorTheme) === 'dark' ? _styles.COLORS.getColor('primary_800', props.theme) : _styles.COLORS.getColor('white', props.theme)) : props.$size === _types.Size.Small ? (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, (props === null || props === void 0 ? void 0 : props.$colorTheme) === 'dark' ? _styles.COLORS.getColor('primary_800', props.theme) : _styles.COLORS.getColor('white', props.theme)) : (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Bold, (props === null || props === void 0 ? void 0 : props.$colorTheme) === 'dark' ? _styles.COLORS.getColor('primary_800', props.theme) : _styles.COLORS.getColor('white', props.theme));
@@ -84,7 +84,7 @@ var ButtonPrimaryStyled = (0, _styledComponents.default)(ButtonBaseStyled)(_temp
   return props.$colorTheme === 'dark' ? _styles.COLORS.getColor('primary_800', props.theme) : _styles.COLORS.getColor('neutral_300', props.theme);
 });
 exports.ButtonPrimaryStyled = ButtonPrimaryStyled;
-var ButtonSecondaryStyled = (0, _styledComponents.default)(ButtonPrimaryStyled)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  ", " {\n    color: ", ";\n    background-color: transparent;\n    div svg path {\n      fill: ", ";\n    }\n    box-shadow: inset 0 0 0 2px ", ";\n    \n    padding: ", ";\n  }\n\n  &:hover > ", ",\n  &.hover-state > ", " {\n    color: ", ";\n    box-shadow: inset 0 0 0 2px ", ";\n    \n    background-color: transparent;\n    div {\n      svg {\n        path {\n          fill: ", ";\n        }\n      }\n    }\n  }\n  &:active > ", ",\n  &.active-state > ", " {\n    color: ", ";\n    box-shadow: inset 0 0 0 2px ", ";\n    \n    background-color: transparent;\n    div {\n      svg {\n        path {\n          fill: ", ";\n        }\n      }\n    }\n  }\n\n  &:disabled > ", ",\n  &.disabled-state > ", " {\n    background-color: transparent;\n    color: ", ";\n    box-shadow: inset 0 0 0 2px ", ";\n  }\n"])), ButtonContentContainer, function (props) {
+var ButtonSecondaryStyled = (0, _styledComponents["default"])(ButtonPrimaryStyled)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  ", " {\n    color: ", ";\n    background-color: transparent;\n    div svg path {\n      fill: ", ";\n    }\n    box-shadow: inset 0 0 0 2px ", ";\n    \n    padding: ", ";\n  }\n\n  &:hover > ", ",\n  &.hover-state > ", " {\n    color: ", ";\n    box-shadow: inset 0 0 0 2px ", ";\n    \n    background-color: transparent;\n    div {\n      svg {\n        path {\n          fill: ", ";\n        }\n      }\n    }\n  }\n  &:active > ", ",\n  &.active-state > ", " {\n    color: ", ";\n    box-shadow: inset 0 0 0 2px ", ";\n    \n    background-color: transparent;\n    div {\n      svg {\n        path {\n          fill: ", ";\n        }\n      }\n    }\n  }\n\n  &:disabled > ", ",\n  &.disabled-state > ", " {\n    background-color: transparent;\n    color: ", ";\n    box-shadow: inset 0 0 0 2px ", ";\n  }\n"])), ButtonContentContainer, function (props) {
   return props.$colorTheme === 'teal' ? _styles.COLORS.getColor('accent1', props.theme) : (props === null || props === void 0 ? void 0 : props.$colorTheme) === 'dark' ? _styles.COLORS.getColor('white', props.theme) : _styles.COLORS.getColor('primary', props.theme);
 }, function (props) {
   return props.$colorTheme === 'teal' ? _styles.COLORS.getColor('accent1', props.theme) : _styles.COLORS.getColor('primary', props.theme);
@@ -110,7 +110,7 @@ var ButtonSecondaryStyled = (0, _styledComponents.default)(ButtonPrimaryStyled)(
   return (props === null || props === void 0 ? void 0 : props.$colorTheme) === 'dark' ? _styles.COLORS.getColor('primary_700', props.theme) : _styles.COLORS.getColor('neutral_100', props.theme);
 });
 exports.ButtonSecondaryStyled = ButtonSecondaryStyled;
-var ButtonTertiaryStyled = (0, _styledComponents.default)(ButtonPrimaryStyled)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n", " {\n    color: ", ";\n    background-color: transparent;\n\n    div svg path {\n      fill: ", ";\n    }\n\n    padding: ", ";\n  }\n\n  &:hover > ", ",\n  &.hover-state > ", " {\n    background-color: ", ";\n    color: ", ";\n\n    div {\n      svg {\n        path {\n          fill: ", ";\n        }\n      }\n    }\n  }\n  &:active > ", ",\n  &.active-state > ", " {\n    background-color: ", ";\n    color: ", ";\n\n    div {\n      svg {\n        path {\n          fill: ", ";\n        }\n      }\n    }\n  }\n\n  &:disabled > ", ",\n  &.disabled-state > ", " {\n    background-color: transparent !important;\n    color: ", ";\n    border-color: transparent !important;\n  }\n"])), ButtonContentContainer, function (props) {
+var ButtonTertiaryStyled = (0, _styledComponents["default"])(ButtonPrimaryStyled)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n", " {\n    color: ", ";\n    background-color: transparent;\n\n    div svg path {\n      fill: ", ";\n    }\n\n    padding: ", ";\n  }\n\n  &:hover > ", ",\n  &.hover-state > ", " {\n    background-color: ", ";\n    color: ", ";\n\n    div {\n      svg {\n        path {\n          fill: ", ";\n        }\n      }\n    }\n  }\n  &:active > ", ",\n  &.active-state > ", " {\n    background-color: ", ";\n    color: ", ";\n\n    div {\n      svg {\n        path {\n          fill: ", ";\n        }\n      }\n    }\n  }\n\n  &:disabled > ", ",\n  &.disabled-state > ", " {\n    background-color: transparent !important;\n    color: ", ";\n    border-color: transparent !important;\n  }\n"])), ButtonContentContainer, function (props) {
   return props.$colorTheme === 'teal' ? _styles.COLORS.getColor('accent1', props.theme) : props.$colorTheme === 'dark' ? _styles.COLORS.getColor('white', props.theme) : _styles.COLORS.getColor('primary_500', props.theme);
 }, function (props) {
   return props.$colorTheme === 'teal' ? _styles.COLORS.getColor('accent1', props.theme) : props.$colorTheme === 'dark' ? _styles.COLORS.getColor('white', props.theme) : _styles.COLORS.getColor('primary_500', props.theme);
@@ -132,7 +132,7 @@ var ButtonTertiaryStyled = (0, _styledComponents.default)(ButtonPrimaryStyled)(_
   return _styles.COLORS.getColor('primary_700', props.theme);
 });
 exports.ButtonTertiaryStyled = ButtonTertiaryStyled;
-var ButtonPositiveStyled = (0, _styledComponents.default)(ButtonPrimaryStyled)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  ", " {\n    color: white;\n    background-color: ", ";\n  }\n  &:hover > ", ",\n  &.hover-state > ", " {\n    background-color: ", ";\n  }\n  &:active > ", ",\n  &.active-state > ", " {\n    background-color: ", ";\n  }\n\n  &:disabled > ", ",\n  &.disabled-state > ", " {\n    background-color: ", ";\n    color: ", ";\n  }\n"])), ButtonContentContainer, function (props) {
+var ButtonPositiveStyled = (0, _styledComponents["default"])(ButtonPrimaryStyled)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n  ", " {\n    color: white;\n    background-color: ", ";\n  }\n  &:hover > ", ",\n  &.hover-state > ", " {\n    background-color: ", ";\n  }\n  &:active > ", ",\n  &.active-state > ", " {\n    background-color: ", ";\n  }\n\n  &:disabled > ", ",\n  &.disabled-state > ", " {\n    background-color: ", ";\n    color: ", ";\n  }\n"])), ButtonContentContainer, function (props) {
   return _styles.COLORS.getColor('correct_500', props.theme);
 }, ButtonContentContainer, ButtonContentContainer, function (props) {
   return _styles.COLORS.getColor('correct_700', props.theme);
@@ -144,7 +144,7 @@ var ButtonPositiveStyled = (0, _styledComponents.default)(ButtonPrimaryStyled)(_
   return _styles.COLORS.getColor('neutral_300', props.theme);
 });
 exports.ButtonPositiveStyled = ButtonPositiveStyled;
-var ButtonCriticalStyled = (0, _styledComponents.default)(ButtonPrimaryStyled)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  ", " {\n    color: white;\n    background-color: ", ";\n  }\n  &:hover > ", ",\n  &.hover-state > ", " {\n    background-color: ", ";\n  }\n  &:active > ", ",\n  &.active-state > ", " {\n    background-color: ", ";\n  }\n\n  &:disabled > ", ",\n  &.disabled-state > ", " {\n    background-color: ", ";\n    color: ", ";    \n  }\n"])), ButtonContentContainer, function (props) {
+var ButtonCriticalStyled = (0, _styledComponents["default"])(ButtonPrimaryStyled)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n  ", " {\n    color: white;\n    background-color: ", ";\n  }\n  &:hover > ", ",\n  &.hover-state > ", " {\n    background-color: ", ";\n  }\n  &:active > ", ",\n  &.active-state > ", " {\n    background-color: ", ";\n  }\n\n  &:disabled > ", ",\n  &.disabled-state > ", " {\n    background-color: ", ";\n    color: ", ";    \n  }\n"])), ButtonContentContainer, function (props) {
   return _styles.COLORS.getColor('critical_500', props.theme);
 }, ButtonContentContainer, ButtonContentContainer, function (props) {
   return _styles.COLORS.getColor('critical_700', props.theme);
@@ -156,8 +156,8 @@ var ButtonCriticalStyled = (0, _styledComponents.default)(ButtonPrimaryStyled)(_
   return _styles.COLORS.getColor('neutral_300', props.theme);
 });
 exports.ButtonCriticalStyled = ButtonCriticalStyled;
-/**
- * Button component
+/**
+ * Button component
  */
 var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$children = _ref.children,
@@ -176,10 +176,10 @@ var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     disabled = _ref.disabled,
     flatEdge = _ref.flatEdge,
     icon = _ref.icon,
-    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,
-    renderProps = (0, _objectWithoutProperties2.default)(props, _excluded2);
+    renderProps = (0, _objectWithoutProperties2["default"])(props, _excluded2);
   var renderContent = function renderContent() {
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
@@ -225,14 +225,14 @@ var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }));
 });
 Button.propTypes = {
-  variant: _propTypes.default.oneOf(['primary', 'secondary', 'tertiary', 'positive', 'critical']),
-  colorTheme: _propTypes.default.oneOf(['teal', 'dark']),
-  invertFocus: _propTypes.default.bool,
-  width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.string]),
-  loading: _propTypes.default.bool,
-  testId: _propTypes.default.string,
-  icon: _propTypes.default.node
+  variant: _propTypes["default"].oneOf(['primary', 'secondary', 'tertiary', 'positive', 'critical']),
+  colorTheme: _propTypes["default"].oneOf(['teal', 'dark']),
+  invertFocus: _propTypes["default"].bool,
+  width: _propTypes["default"].oneOfType([_propTypes["default"].oneOf(['auto']), _propTypes["default"].string]),
+  loading: _propTypes["default"].bool,
+  testId: _propTypes["default"].string,
+  icon: _propTypes["default"].node
 };
 var _default = Button;
-exports.default = _default;
+exports["default"] = _default;
 //# sourceMappingURL=Button.cjs.map

package/dist/Button/Button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.cjs","names":["getBorderRadius","flatEdge","radius","ButtonContentContainer","styled","div","ButtonBaseStyled","button","ButtonPrimaryStyled","props","$size","Size","Large","ComponentLStyling","ComponentTextStyle","Bold","$colorTheme","COLORS","getColor","theme","Small","ComponentSStyling","ComponentMStyling","$flatEdge","$width","Medium","$iconOnly","$invertFocus","undefined","invertedFocusStyles","focusStyles","ButtonSecondaryStyled","ButtonTertiaryStyled","ButtonPositiveStyled","ButtonCriticalStyled","Button","React","forwardRef","ref","children","variant","type","size","colorTheme","invertFocus","width","testId","disabled","icon","loading","renderProps","renderContent","ButtonStyled","className","defaultOnMouseDownHandler"],"sources":["../../src/Button/Button.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { css } from 'styled-components';\r\nimport { LoadingIndicator } from '../LoadingIndicator';\r\nimport { ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle } from '../styles';\r\nimport { COLORS, focusStyles, invertedFocusStyles } from '../styles';\r\nimport { Size, Testable } from '../types';\r\nimport { defaultOnMouseDownHandler } from '../common';\r\n\r\nconst getBorderRadius = (flatEdge: string | undefined, radius: number) => {\r\n  switch (flatEdge) {\r\n    case 'left':\r\n      return `0px ${radius}px ${radius}px 0px`;\r\n\r\n    case 'right':\r\n      return `${radius}px 0px 0px ${radius}px`;\r\n\r\n    case 'none':\r\n    default:\r\n      return `${radius}px`;\r\n  }\r\n};\r\n\r\nexport const ButtonContentContainer = styled.div`\r\n  min-width: 64px;\r\n`;\r\n\r\nconst ButtonBaseStyled = styled.button<{$iconOnly: boolean; $size: Size; $colorTheme: 'teal' | 'dark' | undefined; $flatEdge: string | undefined; $width: string; $invertFocus: boolean | undefined; }>``;\r\n\r\nexport const ButtonPrimaryStyled = styled(ButtonBaseStyled)`\r\n  border: none;\r\n  background-color: transparent;\r\n  cursor: pointer;\r\n  padding: 0;\r\n  margin: 0;\r\n  position: relative;\r\n  box-sizing: border-box;\r\n  min-height: ${(props) => (props.$size === Size.Large ? '56px' : '48px')};\r\n  &.loading-state {\r\n    cursor: wait;\r\n  }\r\n  ${ButtonContentContainer} {\r\n    ${(props) =>\r\n      props.$size === Size.Large\r\n        ? ComponentLStyling(ComponentTextStyle.Bold, props?.$colorTheme === 'dark' ? COLORS.getColor('primary_800', props.theme) : COLORS.getColor('white', props.theme))\r\n        : props.$size === Size.Small\r\n        ? ComponentSStyling(ComponentTextStyle.Bold, props?.$colorTheme === 'dark' ? COLORS.getColor('primary_800', props.theme) : COLORS.getColor('white', props.theme))\r\n        : ComponentMStyling(ComponentTextStyle.Bold, props?.$colorTheme === 'dark' ? COLORS.getColor('primary_800', props.theme) : COLORS.getColor('white', props.theme))};\r\n\r\n    background-color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.getColor('primary', props.theme))};\r\n    border-radius: ${(props) => getBorderRadius(props.$flatEdge, 8)};\r\n\r\n    width: ${(props) => props.$width};\r\n    position: relative;\r\n\r\n    min-height: ${(props) => (props.$size === Size.Large ? '56px' : props.$size === Size.Small ? '32px' : '40px')};\r\n\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: ${(props) => (props.$size === Size.Large ? '14px 16px' : props.$size === Size.Small ? '6px 8px' : '8px 12px')};\r\n\r\n    span.icon:not(.loading) {\r\n      pointer-events: none;\r\n    }\r\n\r\n    span.loading {\r\n      opacity: 0;\r\n    }\r\n\r\n    .icon {\r\n      margin: ${(props) => (props.$size === Size.Medium ? props.$iconOnly ? '-2px -8px' : '' : (props.$size === Size.Small ? props.$iconOnly ? '-2px -6px' : '' : '' ))};\r\n      width: ${(props) => (props.$size === Size.Large ? '28px' : props.$size === Size.Small ? '20px' : '24px')};\r\n      height: ${(props) => (props.$size === Size.Large ? '28px' : props.$size === Size.Small ? '20px' : '24px')};\r\n      svg {\r\n        width: ${(props) => (props.$size === Size.Large ? '28px' : props.$size === Size.Small ? '20px' : '24px')} !important;\r\n        height: ${(props) => (props.$size === Size.Large ? '28px' : props.$size === Size.Small ? '20px' : '24px')} !important;\r\n      }\r\n    }\r\n\r\n    .label {\r\n      margin: 0 4px;\r\n    }\r\n\r\n    div {\r\n      position: absolute;\r\n      width: 100%;\r\n      svg {\r\n        height: ${(props) => (props.$size === Size.Large ? '28px' : props.$size === Size.Small ? '20px' : '24px')};\r\n        width: ${(props) => (props.$size === Size.Large ? '28px' : props.$size === Size.Small ? '20px' : '24px')};\r\n        path {\r\n          fill: ${(props) => (props.$colorTheme === 'dark' ? COLORS.getColor('primary', props.theme) : COLORS.getColor('white', props.theme))};\r\n        }\r\n      }\r\n    }\r\n  }\r\n  &:hover > ${ButtonContentContainer},\r\n  &.hover-state > ${ButtonContentContainer} {\r\n    background-color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_700', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('primary_100', props.theme) : COLORS.getColor('primary_700', props.theme))};\r\n    color: ${(props) => (props?.$colorTheme === 'dark' ? COLORS.getColor('primary_600', props.theme) : COLORS.getColor('white', props.theme))};\r\n  }\r\n  &:active > ${ButtonContentContainer},\r\n  &.active-state > ${ButtonContentContainer} {\r\n    background-color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_800', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('primary_200', props.theme) : COLORS.getColor('primary_800', props.theme))};\r\n    color: ${(props) => (props?.$colorTheme === 'dark' ? COLORS.getColor('primary_800', props.theme) : COLORS.getColor('white', props.theme))};\r\n  }\r\n\r\n  &:focus,\r\n  &.focus-state {\r\n    ${(props) => (props.$invertFocus || (props.$invertFocus === undefined && props.$colorTheme === 'dark') ? invertedFocusStyles : focusStyles)}\r\n  }\r\n  &:disabled,\r\n  &.disabled-state {\r\n    cursor: not-allowed;\r\n  }\r\n  &:disabled > ${ButtonContentContainer},\r\n  &.disabled-state > ${ButtonContentContainer} {\r\n    pointer-events: none;\r\n    background-color: ${(props) => (props.$colorTheme === 'dark' ? COLORS.getColor('primary_700', props.theme) : COLORS.getColor('neutral_100', props.theme))};\r\n    color: ${(props) => (props.$colorTheme === 'dark' ? COLORS.getColor('primary_800', props.theme) : COLORS.getColor('neutral_300', props.theme))};\r\n  }\r\n`;\r\n\r\nexport const ButtonSecondaryStyled = styled(ButtonPrimaryStyled)`\r\n  ${ButtonContentContainer} {\r\n    color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.getColor('primary', props.theme))};\r\n    background-color: transparent;\r\n    div svg path {\r\n      fill: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1', props.theme) : COLORS.getColor('primary', props.theme))};\r\n    }\r\n    box-shadow: inset 0 0 0 2px ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.getColor('primary', props.theme))};\r\n    \r\n    padding: ${(props) => (props.$size === Size.Large ? '12px 16px' : props.$size === Size.Small ? '4px 8px' : '6px 12px')};\r\n  }\r\n\r\n  &:hover > ${ButtonContentContainer},\r\n  &.hover-state > ${ButtonContentContainer} {\r\n    color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_700', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('primary_200', props.theme) : COLORS.getColor('primary_700', props.theme))};\r\n    box-shadow: inset 0 0 0 2px ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_700', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('primary_200', props.theme) : COLORS.getColor('primary_700', props.theme))};\r\n    \r\n    background-color: transparent;\r\n    div {\r\n      svg {\r\n        path {\r\n          fill: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_700', props.theme) : COLORS.getColor('primary_700', props.theme))};\r\n        }\r\n      }\r\n    }\r\n  }\r\n  &:active > ${ButtonContentContainer},\r\n  &.active-state > ${ButtonContentContainer} {\r\n    color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_800', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('primary_300', props.theme) : COLORS.getColor('primary_800', props.theme))};\r\n    box-shadow: inset 0 0 0 2px ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_800', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('primary_300', props.theme) : COLORS.getColor('primary_800', props.theme))};\r\n    \r\n    background-color: transparent;\r\n    div {\r\n      svg {\r\n        path {\r\n          fill: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_800', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.getColor('primary_800', props.theme))};\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &:disabled > ${ButtonContentContainer},\r\n  &.disabled-state > ${ButtonContentContainer} {\r\n    background-color: transparent;\r\n    color: ${(props) => (props?.$colorTheme === 'dark' ? COLORS.getColor('primary_700', props.theme) : COLORS.getColor('neutral_300', props.theme))};\r\n    box-shadow: inset 0 0 0 2px ${(props) => (props?.$colorTheme === 'dark' ? COLORS.getColor('primary_700', props.theme) : COLORS.getColor('neutral_100', props.theme))};\r\n  }\r\n`;\r\n\r\nexport const ButtonTertiaryStyled = styled(ButtonPrimaryStyled)`\r\n${ButtonContentContainer} {\r\n    color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1', props.theme) : props.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.getColor('primary_500', props.theme))};\r\n    background-color: transparent;\r\n\r\n    div svg path {\r\n      fill: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1', props.theme) : props.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.getColor('primary_500', props.theme))};\r\n    }\r\n\r\n    padding: ${(props) => (props.$size === Size.Large ? '12px 16px' : props.$size === Size.Small ? '4px 8px' : '6px 12px')};\r\n  }\r\n\r\n  &:hover > ${ButtonContentContainer},\r\n  &.hover-state > ${ButtonContentContainer} {\r\n    background-color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_20', props.theme) : props.$colorTheme === 'dark' ? COLORS.getColor('primary_700', props.theme) : COLORS.getColor('primary_20', props.theme))};\r\n    color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_700', props.theme) : props.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.getColor('primary_700', props.theme))};\r\n\r\n    div {\r\n      svg {\r\n        path {\r\n          fill: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_700', props.theme) : props.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.getColor('primary_700', props.theme))};\r\n        }\r\n      }\r\n    }\r\n  }\r\n  &:active > ${ButtonContentContainer},\r\n  &.active-state > ${ButtonContentContainer} {\r\n    background-color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_100', props.theme) : props.$colorTheme === 'dark' ? COLORS.getColor('primary_600', props.theme) : COLORS.getColor('primary_100', props.theme))};\r\n    color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_800', props.theme) : props.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.getColor('primary_800', props.theme))};\r\n\r\n    div {\r\n      svg {\r\n        path {\r\n          fill: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_800', props.theme) : props.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.getColor('primary_800', props.theme))};\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &:disabled > ${ButtonContentContainer},\r\n  &.disabled-state > ${ButtonContentContainer} {\r\n    background-color: transparent !important;\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    border-color: transparent !important;\r\n  }\r\n`;\r\n\r\nexport const ButtonPositiveStyled = styled(ButtonPrimaryStyled)`\r\n  ${ButtonContentContainer} {\r\n    color: white;\r\n    background-color: ${props => COLORS.getColor('correct_500', props.theme)};\r\n  }\r\n  &:hover > ${ButtonContentContainer},\r\n  &.hover-state > ${ButtonContentContainer} {\r\n    background-color: ${props => COLORS.getColor('correct_700', props.theme)};\r\n  }\r\n  &:active > ${ButtonContentContainer},\r\n  &.active-state > ${ButtonContentContainer} {\r\n    background-color: ${props => COLORS.getColor('correct_800', props.theme)};\r\n  }\r\n\r\n  &:disabled > ${ButtonContentContainer},\r\n  &.disabled-state > ${ButtonContentContainer} {\r\n    background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n  }\r\n`;\r\n\r\nexport const ButtonCriticalStyled = styled(ButtonPrimaryStyled)`\r\n  ${ButtonContentContainer} {\r\n    color: white;\r\n    background-color: ${props => COLORS.getColor('critical_500', props.theme)};\r\n  }\r\n  &:hover > ${ButtonContentContainer},\r\n  &.hover-state > ${ButtonContentContainer} {\r\n    background-color: ${props => COLORS.getColor('critical_700', props.theme)};\r\n  }\r\n  &:active > ${ButtonContentContainer},\r\n  &.active-state > ${ButtonContentContainer} {\r\n    background-color: ${props => COLORS.getColor('critical_800', props.theme)};\r\n  }\r\n\r\n  &:disabled > ${ButtonContentContainer},\r\n  &.disabled-state > ${ButtonContentContainer} {\r\n    background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};    \r\n  }\r\n`;\r\n\r\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n  /** Look and feel variant of the component. Defaults to 'primary'. */\r\n  variant?: 'primary' | 'secondary' | 'tertiary' | 'positive' | 'critical';\r\n  /** Can be used in order to remove rounded corners on right or left edge of the button. Used by 'DualFunctionButton'. Defaults to 'undefined' */\r\n  flatEdge?: 'right' | 'left' | 'none' | undefined;\r\n  /** Size of the component. Small, Medium or Large. Defaults to 'medium' */\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  /** Color theme altering of the component. By default there is no altering applied. */\r\n  colorTheme?: 'teal' | 'dark';\r\n  /** Allows using inverted colors for outlining focus rect. Shown when component focused by keyboard. */\r\n  invertFocus?: boolean;\r\n  /** Can be used to set custom value for width style. Value is set for 'ButtonContent' container. */\r\n  width?: 'auto' | string;\r\n  /** If set, then 'opacity' of children container will be set to 0, and loading indicator will be shown.  */\r\n  loading?: boolean;\r\n  /** TestId. Will be set to the top level button component. */\r\n  testId?: string;\r\n  /** Icon that will be shown on the left of the children. */\r\n  icon?: React.ReactNode;\r\n}\r\n\r\n/**\r\n * Button component\r\n */\r\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\r\n  ({ children = '', variant = 'primary', type = 'button', size = Size.Medium, colorTheme, invertFocus,  width: width = 'auto', testId, disabled, flatEdge, icon, ...props }, ref) => {\r\n    // Let's filter out properties that we don't need to render.\r\n    const { loading, ...renderProps } = props;\r\n\r\n    const renderContent = () => (\r\n      <>\r\n        {icon && <span className={(children ? 'extramargin ' : '') + (loading ? 'icon loading' : 'icon')}>{icon}</span>}\r\n        {children && <span className={loading ? 'label loading' : 'label'}>{children}</span>}\r\n        {loading && <LoadingIndicator />}\r\n      </>\r\n    );\r\n\r\n    let ButtonStyled = ButtonPrimaryStyled;\r\n    switch (variant) {\r\n      case 'secondary':\r\n        ButtonStyled = ButtonSecondaryStyled;\r\n        break;\r\n      case 'tertiary':\r\n        ButtonStyled = ButtonTertiaryStyled;\r\n        break;\r\n      case 'positive':\r\n        ButtonStyled = ButtonPositiveStyled;\r\n        break;\r\n      case 'critical':\r\n        ButtonStyled = ButtonCriticalStyled;\r\n        break;\r\n    }\r\n\r\n    return (\r\n      <ButtonStyled\r\n        {...renderProps}\r\n        $size={size}\r\n        $colorTheme={colorTheme} \r\n        $invertFocus={invertFocus}        \r\n        ref={ref}\r\n        disabled={disabled}\r\n        $iconOnly={!children}\r\n        type={type}\r\n        $flatEdge={flatEdge}\r\n        $width={width}\r\n        data-testid={testId}\r\n        className={props.loading ? 'loading-state ' + props.className : ' ' + props.className}\r\n        onMouseDown={defaultOnMouseDownHandler}>\r\n        <ButtonContentContainer>{renderContent()}</ButtonContentContainer>\r\n      </ButtonStyled>\r\n    );\r\n  },\r\n);\r\n\r\nexport default Button;\r\n"],"mappings":"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"}
+{"version":3,"file":"Button.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_LoadingIndicator","_styles","_types","_common","_jsxRuntime","_excluded","_excluded2","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_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","getBorderRadius","flatEdge","radius","concat","ButtonContentContainer","styled","div","_taggedTemplateLiteral2","exports","ButtonBaseStyled","button","ButtonPrimaryStyled","props","$size","Size","Large","ComponentLStyling","ComponentTextStyle","Bold","$colorTheme","COLORS","getColor","theme","Small","ComponentSStyling","ComponentMStyling","$flatEdge","$width","Medium","$iconOnly","$invertFocus","undefined","invertedFocusStyles","focusStyles","ButtonSecondaryStyled","ButtonTertiaryStyled","ButtonPositiveStyled","ButtonCriticalStyled","Button","forwardRef","_ref","ref","_ref$children","children","_ref$variant","variant","_ref$type","type","_ref$size","size","colorTheme","invertFocus","_ref$width","width","testId","disabled","icon","_objectWithoutProperties2","loading","renderProps","renderContent","jsxs","Fragment","jsx","className","LoadingIndicator","ButtonStyled","onMouseDown","defaultOnMouseDownHandler","propTypes","_propTypes","oneOf","bool","oneOfType","string","node","_default"],"sources":["../../src/Button/Button.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled, { css } from 'styled-components';\nimport { LoadingIndicator } from '../LoadingIndicator';\nimport { ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle } from '../styles';\nimport { COLORS, focusStyles, invertedFocusStyles } from '../styles';\nimport { Size, Testable } from '../types';\nimport { defaultOnMouseDownHandler } from '../common';\n\nconst getBorderRadius = (flatEdge: string | undefined, radius: number) => {\n  switch (flatEdge) {\n    case 'left':\n      return `0px ${radius}px ${radius}px 0px`;\n\n    case 'right':\n      return `${radius}px 0px 0px ${radius}px`;\n\n    case 'none':\n    default:\n      return `${radius}px`;\n  }\n};\n\nexport const ButtonContentContainer = styled.div`\n  min-width: 64px;\n`;\n\nconst ButtonBaseStyled = styled.button<{$iconOnly: boolean; $size: Size; $colorTheme: 'teal' | 'dark' | undefined; $flatEdge: string | undefined; $width: string; $invertFocus: boolean | undefined; }>``;\n\nexport const ButtonPrimaryStyled = styled(ButtonBaseStyled)`\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  padding: 0;\n  margin: 0;\n  position: relative;\n  box-sizing: border-box;\n  min-height: ${(props) => (props.$size === Size.Large ? '56px' : '48px')};\n  &.loading-state {\n    cursor: wait;\n  }\n  ${ButtonContentContainer} {\n    ${(props) =>\n      props.$size === Size.Large\n        ? ComponentLStyling(ComponentTextStyle.Bold, props?.$colorTheme === 'dark' ? COLORS.getColor('primary_800', props.theme) : COLORS.getColor('white', props.theme))\n        : props.$size === Size.Small\n        ? ComponentSStyling(ComponentTextStyle.Bold, props?.$colorTheme === 'dark' ? COLORS.getColor('primary_800', props.theme) : COLORS.getColor('white', props.theme))\n        : ComponentMStyling(ComponentTextStyle.Bold, props?.$colorTheme === 'dark' ? COLORS.getColor('primary_800', props.theme) : COLORS.getColor('white', props.theme))};\n\n    background-color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.getColor('primary', props.theme))};\n    border-radius: ${(props) => getBorderRadius(props.$flatEdge, 8)};\n\n    width: ${(props) => props.$width};\n    position: relative;\n\n    min-height: ${(props) => (props.$size === Size.Large ? '56px' : props.$size === Size.Small ? '32px' : '40px')};\n\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: ${(props) => (props.$size === Size.Large ? '14px 16px' : props.$size === Size.Small ? '6px 8px' : '8px 12px')};\n\n    span.icon:not(.loading) {\n      pointer-events: none;\n    }\n\n    span.loading {\n      opacity: 0;\n    }\n\n    .icon {\n      margin: ${(props) => (props.$size === Size.Medium ? props.$iconOnly ? '-2px -8px' : '' : (props.$size === Size.Small ? props.$iconOnly ? '-2px -6px' : '' : '' ))};\n      width: ${(props) => (props.$size === Size.Large ? '28px' : props.$size === Size.Small ? '20px' : '24px')};\n      height: ${(props) => (props.$size === Size.Large ? '28px' : props.$size === Size.Small ? '20px' : '24px')};\n      svg {\n        width: ${(props) => (props.$size === Size.Large ? '28px' : props.$size === Size.Small ? '20px' : '24px')} !important;\n        height: ${(props) => (props.$size === Size.Large ? '28px' : props.$size === Size.Small ? '20px' : '24px')} !important;\n      }\n    }\n\n    .label {\n      margin: 0 4px;\n    }\n\n    div {\n      position: absolute;\n      width: 100%;\n      svg {\n        height: ${(props) => (props.$size === Size.Large ? '28px' : props.$size === Size.Small ? '20px' : '24px')};\n        width: ${(props) => (props.$size === Size.Large ? '28px' : props.$size === Size.Small ? '20px' : '24px')};\n        path {\n          fill: ${(props) => (props.$colorTheme === 'dark' ? COLORS.getColor('primary', props.theme) : COLORS.getColor('white', props.theme))};\n        }\n      }\n    }\n  }\n  &:hover > ${ButtonContentContainer},\n  &.hover-state > ${ButtonContentContainer} {\n    background-color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_700', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('primary_100', props.theme) : COLORS.getColor('primary_700', props.theme))};\n    color: ${(props) => (props?.$colorTheme === 'dark' ? COLORS.getColor('primary_600', props.theme) : COLORS.getColor('white', props.theme))};\n  }\n  &:active > ${ButtonContentContainer},\n  &.active-state > ${ButtonContentContainer} {\n    background-color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_800', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('primary_200', props.theme) : COLORS.getColor('primary_800', props.theme))};\n    color: ${(props) => (props?.$colorTheme === 'dark' ? COLORS.getColor('primary_800', props.theme) : COLORS.getColor('white', props.theme))};\n  }\n\n  &:focus,\n  &.focus-state {\n    ${(props) => (props.$invertFocus || (props.$invertFocus === undefined && props.$colorTheme === 'dark') ? invertedFocusStyles : focusStyles)}\n  }\n  &:disabled,\n  &.disabled-state {\n    cursor: not-allowed;\n  }\n  &:disabled > ${ButtonContentContainer},\n  &.disabled-state > ${ButtonContentContainer} {\n    pointer-events: none;\n    background-color: ${(props) => (props.$colorTheme === 'dark' ? COLORS.getColor('primary_700', props.theme) : COLORS.getColor('neutral_100', props.theme))};\n    color: ${(props) => (props.$colorTheme === 'dark' ? COLORS.getColor('primary_800', props.theme) : COLORS.getColor('neutral_300', props.theme))};\n  }\n`;\n\nexport const ButtonSecondaryStyled = styled(ButtonPrimaryStyled)`\n  ${ButtonContentContainer} {\n    color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.getColor('primary', props.theme))};\n    background-color: transparent;\n    div svg path {\n      fill: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1', props.theme) : COLORS.getColor('primary', props.theme))};\n    }\n    box-shadow: inset 0 0 0 2px ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.getColor('primary', props.theme))};\n    \n    padding: ${(props) => (props.$size === Size.Large ? '12px 16px' : props.$size === Size.Small ? '4px 8px' : '6px 12px')};\n  }\n\n  &:hover > ${ButtonContentContainer},\n  &.hover-state > ${ButtonContentContainer} {\n    color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_700', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('primary_200', props.theme) : COLORS.getColor('primary_700', props.theme))};\n    box-shadow: inset 0 0 0 2px ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_700', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('primary_200', props.theme) : COLORS.getColor('primary_700', props.theme))};\n    \n    background-color: transparent;\n    div {\n      svg {\n        path {\n          fill: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_700', props.theme) : COLORS.getColor('primary_700', props.theme))};\n        }\n      }\n    }\n  }\n  &:active > ${ButtonContentContainer},\n  &.active-state > ${ButtonContentContainer} {\n    color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_800', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('primary_300', props.theme) : COLORS.getColor('primary_800', props.theme))};\n    box-shadow: inset 0 0 0 2px ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_800', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('primary_300', props.theme) : COLORS.getColor('primary_800', props.theme))};\n    \n    background-color: transparent;\n    div {\n      svg {\n        path {\n          fill: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_800', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.getColor('primary_800', props.theme))};\n        }\n      }\n    }\n  }\n\n  &:disabled > ${ButtonContentContainer},\n  &.disabled-state > ${ButtonContentContainer} {\n    background-color: transparent;\n    color: ${(props) => (props?.$colorTheme === 'dark' ? COLORS.getColor('primary_700', props.theme) : COLORS.getColor('neutral_300', props.theme))};\n    box-shadow: inset 0 0 0 2px ${(props) => (props?.$colorTheme === 'dark' ? COLORS.getColor('primary_700', props.theme) : COLORS.getColor('neutral_100', props.theme))};\n  }\n`;\n\nexport const ButtonTertiaryStyled = styled(ButtonPrimaryStyled)`\n${ButtonContentContainer} {\n    color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1', props.theme) : props.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.getColor('primary_500', props.theme))};\n    background-color: transparent;\n\n    div svg path {\n      fill: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1', props.theme) : props.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.getColor('primary_500', props.theme))};\n    }\n\n    padding: ${(props) => (props.$size === Size.Large ? '12px 16px' : props.$size === Size.Small ? '4px 8px' : '6px 12px')};\n  }\n\n  &:hover > ${ButtonContentContainer},\n  &.hover-state > ${ButtonContentContainer} {\n    background-color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_20', props.theme) : props.$colorTheme === 'dark' ? COLORS.getColor('primary_700', props.theme) : COLORS.getColor('primary_20', props.theme))};\n    color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_700', props.theme) : props.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.getColor('primary_700', props.theme))};\n\n    div {\n      svg {\n        path {\n          fill: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_700', props.theme) : props.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.getColor('primary_700', props.theme))};\n        }\n      }\n    }\n  }\n  &:active > ${ButtonContentContainer},\n  &.active-state > ${ButtonContentContainer} {\n    background-color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_100', props.theme) : props.$colorTheme === 'dark' ? COLORS.getColor('primary_600', props.theme) : COLORS.getColor('primary_100', props.theme))};\n    color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_800', props.theme) : props.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.getColor('primary_800', props.theme))};\n\n    div {\n      svg {\n        path {\n          fill: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_800', props.theme) : props.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.getColor('primary_800', props.theme))};\n        }\n      }\n    }\n  }\n\n  &:disabled > ${ButtonContentContainer},\n  &.disabled-state > ${ButtonContentContainer} {\n    background-color: transparent !important;\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\n    border-color: transparent !important;\n  }\n`;\n\nexport const ButtonPositiveStyled = styled(ButtonPrimaryStyled)`\n  ${ButtonContentContainer} {\n    color: white;\n    background-color: ${props => COLORS.getColor('correct_500', props.theme)};\n  }\n  &:hover > ${ButtonContentContainer},\n  &.hover-state > ${ButtonContentContainer} {\n    background-color: ${props => COLORS.getColor('correct_700', props.theme)};\n  }\n  &:active > ${ButtonContentContainer},\n  &.active-state > ${ButtonContentContainer} {\n    background-color: ${props => COLORS.getColor('correct_800', props.theme)};\n  }\n\n  &:disabled > ${ButtonContentContainer},\n  &.disabled-state > ${ButtonContentContainer} {\n    background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\n  }\n`;\n\nexport const ButtonCriticalStyled = styled(ButtonPrimaryStyled)`\n  ${ButtonContentContainer} {\n    color: white;\n    background-color: ${props => COLORS.getColor('critical_500', props.theme)};\n  }\n  &:hover > ${ButtonContentContainer},\n  &.hover-state > ${ButtonContentContainer} {\n    background-color: ${props => COLORS.getColor('critical_700', props.theme)};\n  }\n  &:active > ${ButtonContentContainer},\n  &.active-state > ${ButtonContentContainer} {\n    background-color: ${props => COLORS.getColor('critical_800', props.theme)};\n  }\n\n  &:disabled > ${ButtonContentContainer},\n  &.disabled-state > ${ButtonContentContainer} {\n    background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};    \n  }\n`;\n\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Look and feel variant of the component. Defaults to 'primary'. */\n  variant?: 'primary' | 'secondary' | 'tertiary' | 'positive' | 'critical';\n  /** Can be used in order to remove rounded corners on right or left edge of the button. Used by 'DualFunctionButton'. Defaults to 'undefined' */\n  flatEdge?: 'right' | 'left' | 'none' | undefined;\n  /** Size of the component. Small, Medium or Large. Defaults to 'medium' */\n  size?: Size.Small | Size.Medium | Size.Large;\n  /** Color theme altering of the component. By default there is no altering applied. */\n  colorTheme?: 'teal' | 'dark';\n  /** Allows using inverted colors for outlining focus rect. Shown when component focused by keyboard. */\n  invertFocus?: boolean;\n  /** Can be used to set custom value for width style. Value is set for 'ButtonContent' container. */\n  width?: 'auto' | string;\n  /** If set, then 'opacity' of children container will be set to 0, and loading indicator will be shown.  */\n  loading?: boolean;\n  /** TestId. Will be set to the top level button component. */\n  testId?: string;\n  /** Icon that will be shown on the left of the children. */\n  icon?: React.ReactNode;\n}\n\n/**\n * Button component\n */\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ children = '', variant = 'primary', type = 'button', size = Size.Medium, colorTheme, invertFocus,  width: width = 'auto', testId, disabled, flatEdge, icon, ...props }, ref) => {\n    // Let's filter out properties that we don't need to render.\n    const { loading, ...renderProps } = props;\n\n    const renderContent = () => (\n      <>\n        {icon && <span className={(children ? 'extramargin ' : '') + (loading ? 'icon loading' : 'icon')}>{icon}</span>}\n        {children && <span className={loading ? 'label loading' : 'label'}>{children}</span>}\n        {loading && <LoadingIndicator />}\n      </>\n    );\n\n    let ButtonStyled = ButtonPrimaryStyled;\n    switch (variant) {\n      case 'secondary':\n        ButtonStyled = ButtonSecondaryStyled;\n        break;\n      case 'tertiary':\n        ButtonStyled = ButtonTertiaryStyled;\n        break;\n      case 'positive':\n        ButtonStyled = ButtonPositiveStyled;\n        break;\n      case 'critical':\n        ButtonStyled = ButtonCriticalStyled;\n        break;\n    }\n\n    return (\n      <ButtonStyled\n        {...renderProps}\n        $size={size}\n        $colorTheme={colorTheme} \n        $invertFocus={invertFocus}        \n        ref={ref}\n        disabled={disabled}\n        $iconOnly={!children}\n        type={type}\n        $flatEdge={flatEdge}\n        $width={width}\n        data-testid={testId}\n        className={props.loading ? 'loading-state ' + props.className : ' ' + props.className}\n        onMouseDown={defaultOnMouseDownHandler}>\n        <ButtonContentContainer>{renderContent()}</ButtonContentContainer>\n      </ButtonStyled>\n    );\n  },\n);\n\nexport default Button;\n"],"mappings":"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","ignoreList":[]}

package/dist/Button/Button.d.ts

@@ -1,68 +1,78 @@
-import * as React from 'react';
-import { Size } from '../types';
-export declare const ButtonContentContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ButtonPrimaryStyled: import("styled-components").StyledComponent<"button", any, {
-    $iconOnly: boolean;
-    $size: Size;
-    $colorTheme: 'teal' | 'dark' | undefined;
-    $flatEdge: string | undefined;
-    $width: string;
-    $invertFocus: boolean | undefined;
-}, never>;
-export declare const ButtonSecondaryStyled: import("styled-components").StyledComponent<"button", any, {
-    $iconOnly: boolean;
-    $size: Size;
-    $colorTheme: 'teal' | 'dark' | undefined;
-    $flatEdge: string | undefined;
-    $width: string;
-    $invertFocus: boolean | undefined;
-}, never>;
-export declare const ButtonTertiaryStyled: import("styled-components").StyledComponent<"button", any, {
-    $iconOnly: boolean;
-    $size: Size;
-    $colorTheme: 'teal' | 'dark' | undefined;
-    $flatEdge: string | undefined;
-    $width: string;
-    $invertFocus: boolean | undefined;
-}, never>;
-export declare const ButtonPositiveStyled: import("styled-components").StyledComponent<"button", any, {
-    $iconOnly: boolean;
-    $size: Size;
-    $colorTheme: 'teal' | 'dark' | undefined;
-    $flatEdge: string | undefined;
-    $width: string;
-    $invertFocus: boolean | undefined;
-}, never>;
-export declare const ButtonCriticalStyled: import("styled-components").StyledComponent<"button", any, {
-    $iconOnly: boolean;
-    $size: Size;
-    $colorTheme: 'teal' | 'dark' | undefined;
-    $flatEdge: string | undefined;
-    $width: string;
-    $invertFocus: boolean | undefined;
-}, never>;
-export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    /** Look and feel variant of the component. Defaults to 'primary'. */
-    variant?: 'primary' | 'secondary' | 'tertiary' | 'positive' | 'critical';
-    /** Can be used in order to remove rounded corners on right or left edge of the button. Used by 'DualFunctionButton'. Defaults to 'undefined' */
-    flatEdge?: 'right' | 'left' | 'none' | undefined;
-    /** Size of the component. Small, Medium or Large. Defaults to 'medium' */
-    size?: Size.Small | Size.Medium | Size.Large;
-    /** Color theme altering of the component. By default there is no altering applied. */
-    colorTheme?: 'teal' | 'dark';
-    /** Allows using inverted colors for outlining focus rect. Shown when component focused by keyboard. */
-    invertFocus?: boolean;
-    /** Can be used to set custom value for width style. Value is set for 'ButtonContent' container. */
-    width?: 'auto' | string;
-    /** If set, then 'opacity' of children container will be set to 0, and loading indicator will be shown.  */
-    loading?: boolean;
-    /** TestId. Will be set to the top level button component. */
-    testId?: string;
-    /** Icon that will be shown on the left of the children. */
-    icon?: React.ReactNode;
-}
-/**
- * Button component
- */
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export default Button;
+import * as React from 'react';
+import { Size } from '../types';
+export declare const ButtonContentContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ButtonPrimaryStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$size" | "$width" | "$flatEdge" | "$invertFocus" | "$iconOnly" | "$colorTheme"> & {
+    $iconOnly: boolean;
+    $size: Size;
+    $colorTheme: 'teal' | 'dark' | undefined;
+    $flatEdge: string | undefined;
+    $width: string;
+    $invertFocus: boolean | undefined;
+}, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
+}, never>> & string;
+export declare const ButtonSecondaryStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$size" | "$width" | "$flatEdge" | "$invertFocus" | "$iconOnly" | "$colorTheme"> & {
+    $iconOnly: boolean;
+    $size: Size;
+    $colorTheme: 'teal' | 'dark' | undefined;
+    $flatEdge: string | undefined;
+    $width: string;
+    $invertFocus: boolean | undefined;
+}, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
+}, never>, never>> & string;
+export declare const ButtonTertiaryStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$size" | "$width" | "$flatEdge" | "$invertFocus" | "$iconOnly" | "$colorTheme"> & {
+    $iconOnly: boolean;
+    $size: Size;
+    $colorTheme: 'teal' | 'dark' | undefined;
+    $flatEdge: string | undefined;
+    $width: string;
+    $invertFocus: boolean | undefined;
+}, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
+}, never>, never>> & string;
+export declare const ButtonPositiveStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$size" | "$width" | "$flatEdge" | "$invertFocus" | "$iconOnly" | "$colorTheme"> & {
+    $iconOnly: boolean;
+    $size: Size;
+    $colorTheme: 'teal' | 'dark' | undefined;
+    $flatEdge: string | undefined;
+    $width: string;
+    $invertFocus: boolean | undefined;
+}, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
+}, never>, never>> & string;
+export declare const ButtonCriticalStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$size" | "$width" | "$flatEdge" | "$invertFocus" | "$iconOnly" | "$colorTheme"> & {
+    $iconOnly: boolean;
+    $size: Size;
+    $colorTheme: 'teal' | 'dark' | undefined;
+    $flatEdge: string | undefined;
+    $width: string;
+    $invertFocus: boolean | undefined;
+}, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
+}, never>, never>> & string;
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Look and feel variant of the component. Defaults to 'primary'. */
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'positive' | 'critical';
+    /** Can be used in order to remove rounded corners on right or left edge of the button. Used by 'DualFunctionButton'. Defaults to 'undefined' */
+    flatEdge?: 'right' | 'left' | 'none' | undefined;
+    /** Size of the component. Small, Medium or Large. Defaults to 'medium' */
+    size?: Size.Small | Size.Medium | Size.Large;
+    /** Color theme altering of the component. By default there is no altering applied. */
+    colorTheme?: 'teal' | 'dark';
+    /** Allows using inverted colors for outlining focus rect. Shown when component focused by keyboard. */
+    invertFocus?: boolean;
+    /** Can be used to set custom value for width style. Value is set for 'ButtonContent' container. */
+    width?: 'auto' | string;
+    /** If set, then 'opacity' of children container will be set to 0, and loading indicator will be shown.  */
+    loading?: boolean;
+    /** TestId. Will be set to the top level button component. */
+    testId?: string;
+    /** Icon that will be shown on the left of the children. */
+    icon?: React.ReactNode;
+}
+/**
+ * Button component
+ */
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default Button;

package/dist/Button/Button.js

@@ -5,8 +5,8 @@ import _pt from "prop-types";
 var _excluded = ["children", "variant", "type", "size", "colorTheme", "invertFocus", "width", "testId", "disabled", "flatEdge", "icon"],
   _excluded2 = ["loading"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-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; }
+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; }
 import * as React from 'react';
 import styled from 'styled-components';
 import { LoadingIndicator } from '../LoadingIndicator';
@@ -143,8 +143,8 @@ export var ButtonCriticalStyled = styled(ButtonPrimaryStyled)(_templateObject7 |
 }, function (props) {
   return COLORS.getColor('neutral_300', props.theme);
 });
-/**
- * Button component
+/**
+ * Button component
  */
 var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$children = _ref.children,