@laerdal/life-react-components 5.0.8 → 5.1.0

package/dist/Image/ImageWithFallbacks.cjs

@@ -4,109 +4,81 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ = require("..");
 var _react = _interopRequireDefault(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["src", "alt", "fallbacks", "loader", "loading"];
+const _excluded = ["src", "alt", "fallbacks", "loader", "loading"];
 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 _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2["default"])(t); if (r) { var s = (0, _getPrototypeOf2["default"])(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2["default"])(this, e); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var ImageWithFallbacks = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(ImageWithFallbacks, _React$Component);
-  var _super = _createSuper(ImageWithFallbacks);
-  function ImageWithFallbacks(props) {
+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; }
+class ImageWithFallbacks extends _react.default.Component {
+  constructor(props) {
     var _this$props$fallbacks, _this$props$fallbacks2;
-    var _this;
-    (0, _classCallCheck2["default"])(this, ImageWithFallbacks);
-    _this = _super.call(this, props);
-    _this.state = {
+    super(props);
+    this.state = {
       src: props.src,
       fallbackIndex: 0,
-      fallbacks: (_this$props$fallbacks = (_this$props$fallbacks2 = _this.props.fallbacks) === null || _this$props$fallbacks2 === void 0 ? void 0 : _this$props$fallbacks2.split('|')) !== null && _this$props$fallbacks !== void 0 ? _this$props$fallbacks : [],
+      fallbacks: (_this$props$fallbacks = (_this$props$fallbacks2 = this.props.fallbacks) === null || _this$props$fallbacks2 === void 0 ? void 0 : _this$props$fallbacks2.split('|')) !== null && _this$props$fallbacks !== void 0 ? _this$props$fallbacks : [],
       loaded: false
     };
-    return _this;
   }
-  (0, _createClass2["default"])(ImageWithFallbacks, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      if (prevProps.src !== this.props.src && prevProps.fallbacks !== this.props.fallbacks) {
-        var _this$props$fallbacks3, _this$props$fallbacks4;
-        this.setState({
-          src: this.props.src,
-          fallbackIndex: 0,
-          fallbacks: (_this$props$fallbacks3 = (_this$props$fallbacks4 = this.props.fallbacks) === null || _this$props$fallbacks4 === void 0 ? void 0 : _this$props$fallbacks4.split('|')) !== null && _this$props$fallbacks3 !== void 0 ? _this$props$fallbacks3 : [],
-          loaded: false
-        });
-      }
-    }
-  }, {
-    key: "onError",
-    value: function onError() {
-      if (this.state.fallbackIndex > this.state.fallbacks.length) {
-        return;
-      }
+  componentDidUpdate(prevProps) {
+    if (prevProps.src !== this.props.src && prevProps.fallbacks !== this.props.fallbacks) {
+      var _this$props$fallbacks3, _this$props$fallbacks4;
       this.setState({
-        src: this.state.fallbacks[this.state.fallbackIndex],
-        fallbackIndex: this.state.fallbackIndex + 1,
-        fallbacks: this.state.fallbacks
+        src: this.props.src,
+        fallbackIndex: 0,
+        fallbacks: (_this$props$fallbacks3 = (_this$props$fallbacks4 = this.props.fallbacks) === null || _this$props$fallbacks4 === void 0 ? void 0 : _this$props$fallbacks4.split('|')) !== null && _this$props$fallbacks3 !== void 0 ? _this$props$fallbacks3 : [],
+        loaded: false
       });
     }
-  }, {
-    key: "onLoad",
-    value: function onLoad() {
-      this.setState(_objectSpread(_objectSpread({}, this.state), {}, {
-        loaded: true
-      }));
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var _this$props = this.props,
-        src = _this$props.src,
-        alt = _this$props.alt,
-        fallbacks = _this$props.fallbacks,
-        loader = _this$props.loader,
-        loading = _this$props.loading,
-        rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", _objectSpread({
-          src: this.state.src,
-          onError: function onError() {
-            return _this2.onError();
-          },
-          onChange: function onChange() {
-            return _this2.onLoad();
-          },
-          onLoad: function onLoad() {
-            return _this2.onLoad();
-          },
-          alt: this.props.alt
-        }, rest)), this.props.loader && !this.state.loaded && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.LoadingIndicator, {
-          id: "imgWithFallbackLoadingIndicator"
-        })]
-      });
+  }
+  onError() {
+    if (this.state.fallbackIndex > this.state.fallbacks.length) {
+      return;
     }
-  }]);
-  return ImageWithFallbacks;
-}(_react["default"].Component);
-(0, _defineProperty2["default"])(ImageWithFallbacks, "propTypes", {
-  fallbacks: _propTypes["default"].string,
-  src: _propTypes["default"].string.isRequired,
-  alt: _propTypes["default"].string,
-  loader: _propTypes["default"].bool
+    this.setState({
+      src: this.state.fallbacks[this.state.fallbackIndex],
+      fallbackIndex: this.state.fallbackIndex + 1,
+      fallbacks: this.state.fallbacks
+    });
+  }
+  onLoad() {
+    this.setState(_objectSpread(_objectSpread({}, this.state), {}, {
+      loaded: true
+    }));
+  }
+  render() {
+    const _this$props = this.props,
+      {
+        src,
+        alt,
+        fallbacks,
+        loader,
+        loading
+      } = _this$props,
+      rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", _objectSpread({
+        src: this.state.src,
+        onError: () => this.onError(),
+        onChange: () => this.onLoad(),
+        onLoad: () => this.onLoad(),
+        alt: this.props.alt
+      }, rest)), this.props.loader && !this.state.loaded && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.LoadingIndicator, {
+        id: "imgWithFallbackLoadingIndicator"
+      })]
+    });
+  }
+}
+(0, _defineProperty2.default)(ImageWithFallbacks, "propTypes", {
+  fallbacks: _propTypes.default.string,
+  src: _propTypes.default.string.isRequired,
+  alt: _propTypes.default.string,
+  loader: _propTypes.default.bool
 });
-var _default = ImageWithFallbacks;
-exports["default"] = _default;
+var _default = exports.default = ImageWithFallbacks;
 //# sourceMappingURL=ImageWithFallbacks.cjs.map

package/dist/Image/ImageWithFallbacks.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ImageWithFallbacks.cjs","names":["_","require","_react","_interopRequireDefault","_jsxRuntime","_excluded","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_createSuper","_isNativeReflectConstruct","_getPrototypeOf2","s","constructor","Reflect","construct","_possibleConstructorReturn2","Boolean","prototype","valueOf","call","ImageWithFallbacks","_React$Component","_inherits2","_super","props","_this$props$fallbacks","_this$props$fallbacks2","_this","_classCallCheck2","state","src","fallbackIndex","fallbacks","split","loaded","_createClass2","key","value","componentDidUpdate","prevProps","_this$props$fallbacks3","_this$props$fallbacks4","setState","onError","onLoad","render","_this2","_this$props","alt","loader","loading","rest","_objectWithoutProperties2","jsxs","Fragment","children","jsx","onChange","LoadingIndicator","id","React","Component","_propTypes","string","isRequired","bool","_default","exports"],"sources":["../../src/Image/ImageWithFallbacks.tsx"],"sourcesContent":["import { LoadingIndicator } from '..';\nimport React from 'react';\n\nexport interface ImageWithFallbacksProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt' | 'onError' | 'onLoad' | 'onChange'>{\n  fallbacks?: string;\n  src: string;\n  alt?: string;\n  loader?: boolean;\n}\n\ntype ImageWithFallbacksState = {\n  src: string;\n  fallbackIndex: number;\n  fallbacks: string[];\n  loaded: boolean;\n};\n\nclass ImageWithFallbacks extends React.Component<ImageWithFallbacksProps, ImageWithFallbacksState> {\n  constructor(props: ImageWithFallbacksProps) {\n    super(props);\n    this.state = {\n      src: props.src,\n      fallbackIndex: 0,\n      fallbacks: this.props.fallbacks?.split('|') ?? [],\n      loaded: false,\n    };\n  }\n  componentDidUpdate(prevProps: ImageWithFallbacksProps) {\n    if (prevProps.src !== this.props.src && prevProps.fallbacks !== this.props.fallbacks) {\n      this.setState({\n        src: this.props.src,\n        fallbackIndex: 0,\n        fallbacks: this.props.fallbacks?.split('|') ?? [],\n        loaded: false,\n      });\n    }\n  }\n  onError() {\n    if (this.state.fallbackIndex > this.state.fallbacks.length) {\n      return;\n    }\n    this.setState({\n      src: this.state.fallbacks[this.state.fallbackIndex],\n      fallbackIndex: this.state.fallbackIndex + 1,\n      fallbacks: this.state.fallbacks,\n    });\n  }\n  onLoad() {\n    this.setState({ ...this.state, loaded: true });\n  }\n  render() {\n    const {src, alt, fallbacks, loader, loading, ...rest} = this.props;\n    return (\n      <>\n        <img src={this.state.src}\n             onError={() => this.onError()}\n             onChange={() => this.onLoad()}\n             onLoad={() => this.onLoad()}\n             alt={this.props.alt}\n             {...rest}/>\n        {this.props.loader && !this.state.loaded && <LoadingIndicator id=\"imgWithFallbackLoadingIndicator\"></LoadingIndicator>}\n      </>\n    );\n  }\n}\n\nexport default ImageWithFallbacks;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ImageWithFallbacks.cjs","names":["_","require","_react","_interopRequireDefault","_jsxRuntime","_excluded","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","ImageWithFallbacks","React","Component","constructor","props","_this$props$fallbacks","_this$props$fallbacks2","state","src","fallbackIndex","fallbacks","split","loaded","componentDidUpdate","prevProps","_this$props$fallbacks3","_this$props$fallbacks4","setState","onError","onLoad","render","_this$props","alt","loader","loading","rest","_objectWithoutProperties2","jsxs","Fragment","children","jsx","onChange","LoadingIndicator","id","_propTypes","string","isRequired","bool","_default","exports"],"sources":["../../src/Image/ImageWithFallbacks.tsx"],"sourcesContent":["import { LoadingIndicator } from '..';\r\nimport React from 'react';\r\n\r\nexport interface ImageWithFallbacksProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt' | 'onError' | 'onLoad' | 'onChange'>{\r\n  fallbacks?: string;\r\n  src: string;\r\n  alt?: string;\r\n  loader?: boolean;\r\n}\r\n\r\ntype ImageWithFallbacksState = {\r\n  src: string;\r\n  fallbackIndex: number;\r\n  fallbacks: string[];\r\n  loaded: boolean;\r\n};\r\n\r\nclass ImageWithFallbacks extends React.Component<ImageWithFallbacksProps, ImageWithFallbacksState> {\r\n  constructor(props: ImageWithFallbacksProps) {\r\n    super(props);\r\n    this.state = {\r\n      src: props.src,\r\n      fallbackIndex: 0,\r\n      fallbacks: this.props.fallbacks?.split('|') ?? [],\r\n      loaded: false,\r\n    };\r\n  }\r\n  componentDidUpdate(prevProps: ImageWithFallbacksProps) {\r\n    if (prevProps.src !== this.props.src && prevProps.fallbacks !== this.props.fallbacks) {\r\n      this.setState({\r\n        src: this.props.src,\r\n        fallbackIndex: 0,\r\n        fallbacks: this.props.fallbacks?.split('|') ?? [],\r\n        loaded: false,\r\n      });\r\n    }\r\n  }\r\n  onError() {\r\n    if (this.state.fallbackIndex > this.state.fallbacks.length) {\r\n      return;\r\n    }\r\n    this.setState({\r\n      src: this.state.fallbacks[this.state.fallbackIndex],\r\n      fallbackIndex: this.state.fallbackIndex + 1,\r\n      fallbacks: this.state.fallbacks,\r\n    });\r\n  }\r\n  onLoad() {\r\n    this.setState({ ...this.state, loaded: true });\r\n  }\r\n  render() {\r\n    const {src, alt, fallbacks, loader, loading, ...rest} = this.props;\r\n    return (\r\n      <>\r\n        <img src={this.state.src}\r\n             onError={() => this.onError()}\r\n             onChange={() => this.onLoad()}\r\n             onLoad={() => this.onLoad()}\r\n             alt={this.props.alt}\r\n             {...rest}/>\r\n        {this.props.loader && !this.state.loaded && <LoadingIndicator id=\"imgWithFallbackLoadingIndicator\"></LoadingIndicator>}\r\n      </>\r\n    );\r\n  }\r\n}\r\n\r\nexport default ImageWithFallbacks;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Image/ImageWithFallbacks.d.ts

@@ -1,21 +1,21 @@
-import React from 'react';
-export interface ImageWithFallbacksProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt' | 'onError' | 'onLoad' | 'onChange'> {
-    fallbacks?: string;
-    src: string;
-    alt?: string;
-    loader?: boolean;
-}
-type ImageWithFallbacksState = {
-    src: string;
-    fallbackIndex: number;
-    fallbacks: string[];
-    loaded: boolean;
-};
-declare class ImageWithFallbacks extends React.Component<ImageWithFallbacksProps, ImageWithFallbacksState> {
-    constructor(props: ImageWithFallbacksProps);
-    componentDidUpdate(prevProps: ImageWithFallbacksProps): void;
-    onError(): void;
-    onLoad(): void;
-    render(): React.JSX.Element;
-}
-export default ImageWithFallbacks;
+import React from 'react';
+export interface ImageWithFallbacksProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt' | 'onError' | 'onLoad' | 'onChange'> {
+    fallbacks?: string;
+    src: string;
+    alt?: string;
+    loader?: boolean;
+}
+type ImageWithFallbacksState = {
+    src: string;
+    fallbackIndex: number;
+    fallbacks: string[];
+    loaded: boolean;
+};
+declare class ImageWithFallbacks extends React.Component<ImageWithFallbacksProps, ImageWithFallbacksState> {
+    constructor(props: ImageWithFallbacksProps);
+    componentDidUpdate(prevProps: ImageWithFallbacksProps): void;
+    onError(): void;
+    onLoad(): void;
+    render(): React.JSX.Element;
+}
+export default ImageWithFallbacks;

package/dist/Image/ImageWithFallbacks.js

@@ -1,101 +1,72 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _pt from "prop-types";
-var _excluded = ["src", "alt", "fallbacks", "loader", "loading"];
+const _excluded = ["src", "alt", "fallbacks", "loader", "loading"];
 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 _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import { LoadingIndicator } from '..';
 import React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var ImageWithFallbacks = /*#__PURE__*/function (_React$Component) {
-  _inherits(ImageWithFallbacks, _React$Component);
-  var _super = _createSuper(ImageWithFallbacks);
-  function ImageWithFallbacks(props) {
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+class ImageWithFallbacks extends React.Component {
+  constructor(props) {
     var _this$props$fallbacks, _this$props$fallbacks2;
-    var _this;
-    _classCallCheck(this, ImageWithFallbacks);
-    _this = _super.call(this, props);
-    _this.state = {
+    super(props);
+    this.state = {
       src: props.src,
       fallbackIndex: 0,
-      fallbacks: (_this$props$fallbacks = (_this$props$fallbacks2 = _this.props.fallbacks) === null || _this$props$fallbacks2 === void 0 ? void 0 : _this$props$fallbacks2.split('|')) !== null && _this$props$fallbacks !== void 0 ? _this$props$fallbacks : [],
+      fallbacks: (_this$props$fallbacks = (_this$props$fallbacks2 = this.props.fallbacks) === null || _this$props$fallbacks2 === void 0 ? void 0 : _this$props$fallbacks2.split('|')) !== null && _this$props$fallbacks !== void 0 ? _this$props$fallbacks : [],
       loaded: false
     };
-    return _this;
   }
-  _createClass(ImageWithFallbacks, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      if (prevProps.src !== this.props.src && prevProps.fallbacks !== this.props.fallbacks) {
-        var _this$props$fallbacks3, _this$props$fallbacks4;
-        this.setState({
-          src: this.props.src,
-          fallbackIndex: 0,
-          fallbacks: (_this$props$fallbacks3 = (_this$props$fallbacks4 = this.props.fallbacks) === null || _this$props$fallbacks4 === void 0 ? void 0 : _this$props$fallbacks4.split('|')) !== null && _this$props$fallbacks3 !== void 0 ? _this$props$fallbacks3 : [],
-          loaded: false
-        });
-      }
-    }
-  }, {
-    key: "onError",
-    value: function onError() {
-      if (this.state.fallbackIndex > this.state.fallbacks.length) {
-        return;
-      }
+  componentDidUpdate(prevProps) {
+    if (prevProps.src !== this.props.src && prevProps.fallbacks !== this.props.fallbacks) {
+      var _this$props$fallbacks3, _this$props$fallbacks4;
       this.setState({
-        src: this.state.fallbacks[this.state.fallbackIndex],
-        fallbackIndex: this.state.fallbackIndex + 1,
-        fallbacks: this.state.fallbacks
+        src: this.props.src,
+        fallbackIndex: 0,
+        fallbacks: (_this$props$fallbacks3 = (_this$props$fallbacks4 = this.props.fallbacks) === null || _this$props$fallbacks4 === void 0 ? void 0 : _this$props$fallbacks4.split('|')) !== null && _this$props$fallbacks3 !== void 0 ? _this$props$fallbacks3 : [],
+        loaded: false
       });
     }
-  }, {
-    key: "onLoad",
-    value: function onLoad() {
-      this.setState(_objectSpread(_objectSpread({}, this.state), {}, {
-        loaded: true
-      }));
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var _this$props = this.props,
-        src = _this$props.src,
-        alt = _this$props.alt,
-        fallbacks = _this$props.fallbacks,
-        loader = _this$props.loader,
-        loading = _this$props.loading,
-        rest = _objectWithoutProperties(_this$props, _excluded);
-      return /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx("img", _objectSpread({
-          src: this.state.src,
-          onError: function onError() {
-            return _this2.onError();
-          },
-          onChange: function onChange() {
-            return _this2.onLoad();
-          },
-          onLoad: function onLoad() {
-            return _this2.onLoad();
-          },
-          alt: this.props.alt
-        }, rest)), this.props.loader && !this.state.loaded && /*#__PURE__*/_jsx(LoadingIndicator, {
-          id: "imgWithFallbackLoadingIndicator"
-        })]
-      });
+  }
+  onError() {
+    if (this.state.fallbackIndex > this.state.fallbacks.length) {
+      return;
     }
-  }]);
-  return ImageWithFallbacks;
-}(React.Component);
+    this.setState({
+      src: this.state.fallbacks[this.state.fallbackIndex],
+      fallbackIndex: this.state.fallbackIndex + 1,
+      fallbacks: this.state.fallbacks
+    });
+  }
+  onLoad() {
+    this.setState(_objectSpread(_objectSpread({}, this.state), {}, {
+      loaded: true
+    }));
+  }
+  render() {
+    const _this$props = this.props,
+      {
+        src,
+        alt,
+        fallbacks,
+        loader,
+        loading
+      } = _this$props,
+      rest = _objectWithoutProperties(_this$props, _excluded);
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx("img", _objectSpread({
+        src: this.state.src,
+        onError: () => this.onError(),
+        onChange: () => this.onLoad(),
+        onLoad: () => this.onLoad(),
+        alt: this.props.alt
+      }, rest)), this.props.loader && !this.state.loaded && /*#__PURE__*/_jsx(LoadingIndicator, {
+        id: "imgWithFallbackLoadingIndicator"
+      })]
+    });
+  }
+}
 _defineProperty(ImageWithFallbacks, "propTypes", {
   fallbacks: _pt.string,
   src: _pt.string.isRequired,

package/dist/Image/ImageWithFallbacks.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageWithFallbacks.js","names":["LoadingIndicator","React","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ImageWithFallbacks","_React$Component","_inherits","_super","_createSuper","props","_this$props$fallbacks","_this$props$fallbacks2","_this","_classCallCheck","call","state","src","fallbackIndex","fallbacks","split","loaded","_createClass","key","value","componentDidUpdate","prevProps","_this$props$fallbacks3","_this$props$fallbacks4","setState","onError","length","onLoad","_objectSpread","render","_this2","_this$props","alt","loader","loading","rest","_objectWithoutProperties","_excluded","children","onChange","id","Component","_defineProperty","_pt","string","isRequired","bool"],"sources":["../../src/Image/ImageWithFallbacks.tsx"],"sourcesContent":["import { LoadingIndicator } from '..';\nimport React from 'react';\n\nexport interface ImageWithFallbacksProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt' | 'onError' | 'onLoad' | 'onChange'>{\n  fallbacks?: string;\n  src: string;\n  alt?: string;\n  loader?: boolean;\n}\n\ntype ImageWithFallbacksState = {\n  src: string;\n  fallbackIndex: number;\n  fallbacks: string[];\n  loaded: boolean;\n};\n\nclass ImageWithFallbacks extends React.Component<ImageWithFallbacksProps, ImageWithFallbacksState> {\n  constructor(props: ImageWithFallbacksProps) {\n    super(props);\n    this.state = {\n      src: props.src,\n      fallbackIndex: 0,\n      fallbacks: this.props.fallbacks?.split('|') ?? [],\n      loaded: false,\n    };\n  }\n  componentDidUpdate(prevProps: ImageWithFallbacksProps) {\n    if (prevProps.src !== this.props.src && prevProps.fallbacks !== this.props.fallbacks) {\n      this.setState({\n        src: this.props.src,\n        fallbackIndex: 0,\n        fallbacks: this.props.fallbacks?.split('|') ?? [],\n        loaded: false,\n      });\n    }\n  }\n  onError() {\n    if (this.state.fallbackIndex > this.state.fallbacks.length) {\n      return;\n    }\n    this.setState({\n      src: this.state.fallbacks[this.state.fallbackIndex],\n      fallbackIndex: this.state.fallbackIndex + 1,\n      fallbacks: this.state.fallbacks,\n    });\n  }\n  onLoad() {\n    this.setState({ ...this.state, loaded: true });\n  }\n  render() {\n    const {src, alt, fallbacks, loader, loading, ...rest} = this.props;\n    return (\n      <>\n        <img src={this.state.src}\n             onError={() => this.onError()}\n             onChange={() => this.onLoad()}\n             onLoad={() => this.onLoad()}\n             alt={this.props.alt}\n             {...rest}/>\n        {this.props.loader && !this.state.loaded && <LoadingIndicator id=\"imgWithFallbackLoadingIndicator\"></LoadingIndicator>}\n      </>\n    );\n  }\n}\n\nexport default ImageWithFallbacks;\n"],"mappings":";;;;;;;;;;;;;AAAA,SAASA,gBAAgB,QAAQ,IAAI;AACrC,OAAOC,KAAK,MAAM,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAAA,IAgBpBC,kBAAkB,0BAAAC,gBAAA;EAAAC,SAAA,CAAAF,kBAAA,EAAAC,gBAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,kBAAA;EACtB,SAAAA,mBAAYK,KAA8B,EAAE;IAAA,IAAAC,qBAAA,EAAAC,sBAAA;IAAA,IAAAC,KAAA;IAAAC,eAAA,OAAAT,kBAAA;IAC1CQ,KAAA,GAAAL,MAAA,CAAAO,IAAA,OAAML,KAAK;IACXG,KAAA,CAAKG,KAAK,GAAG;MACXC,GAAG,EAAEP,KAAK,CAACO,GAAG;MACdC,aAAa,EAAE,CAAC;MAChBC,SAAS,GAAAR,qBAAA,IAAAC,sBAAA,GAAEC,KAAA,CAAKH,KAAK,CAACS,SAAS,cAAAP,sBAAA,uBAApBA,sBAAA,CAAsBQ,KAAK,CAAC,GAAG,CAAC,cAAAT,qBAAA,cAAAA,qBAAA,GAAI,EAAE;MACjDU,MAAM,EAAE;IACV,CAAC;IAAC,OAAAR,KAAA;EACJ;EAACS,YAAA,CAAAjB,kBAAA;IAAAkB,GAAA;IAAAC,KAAA,EACD,SAAAC,mBAAmBC,SAAkC,EAAE;MACrD,IAAIA,SAAS,CAACT,GAAG,KAAK,IAAI,CAACP,KAAK,CAACO,GAAG,IAAIS,SAAS,CAACP,SAAS,KAAK,IAAI,CAACT,KAAK,CAACS,SAAS,EAAE;QAAA,IAAAQ,sBAAA,EAAAC,sBAAA;QACpF,IAAI,CAACC,QAAQ,CAAC;UACZZ,GAAG,EAAE,IAAI,CAACP,KAAK,CAACO,GAAG;UACnBC,aAAa,EAAE,CAAC;UAChBC,SAAS,GAAAQ,sBAAA,IAAAC,sBAAA,GAAE,IAAI,CAAClB,KAAK,CAACS,SAAS,cAAAS,sBAAA,uBAApBA,sBAAA,CAAsBR,KAAK,CAAC,GAAG,CAAC,cAAAO,sBAAA,cAAAA,sBAAA,GAAI,EAAE;UACjDN,MAAM,EAAE;QACV,CAAC,CAAC;MACJ;IACF;EAAC;IAAAE,GAAA;IAAAC,KAAA,EACD,SAAAM,QAAA,EAAU;MACR,IAAI,IAAI,CAACd,KAAK,CAACE,aAAa,GAAG,IAAI,CAACF,KAAK,CAACG,SAAS,CAACY,MAAM,EAAE;QAC1D;MACF;MACA,IAAI,CAACF,QAAQ,CAAC;QACZZ,GAAG,EAAE,IAAI,CAACD,KAAK,CAACG,SAAS,CAAC,IAAI,CAACH,KAAK,CAACE,aAAa,CAAC;QACnDA,aAAa,EAAE,IAAI,CAACF,KAAK,CAACE,aAAa,GAAG,CAAC;QAC3CC,SAAS,EAAE,IAAI,CAACH,KAAK,CAACG;MACxB,CAAC,CAAC;IACJ;EAAC;IAAAI,GAAA;IAAAC,KAAA,EACD,SAAAQ,OAAA,EAAS;MACP,IAAI,CAACH,QAAQ,CAAAI,aAAA,CAAAA,aAAA,KAAM,IAAI,CAACjB,KAAK;QAAEK,MAAM,EAAE;MAAI,EAAE,CAAC;IAChD;EAAC;IAAAE,GAAA;IAAAC,KAAA,EACD,SAAAU,OAAA,EAAS;MAAA,IAAAC,MAAA;MACP,IAAAC,WAAA,GAAwD,IAAI,CAAC1B,KAAK;QAA3DO,GAAG,GAAAmB,WAAA,CAAHnB,GAAG;QAAEoB,GAAG,GAAAD,WAAA,CAAHC,GAAG;QAAElB,SAAS,GAAAiB,WAAA,CAATjB,SAAS;QAAEmB,MAAM,GAAAF,WAAA,CAANE,MAAM;QAAEC,OAAO,GAAAH,WAAA,CAAPG,OAAO;QAAKC,IAAI,GAAAC,wBAAA,CAAAL,WAAA,EAAAM,SAAA;MACpD,oBACEtC,KAAA,CAAAF,SAAA;QAAAyC,QAAA,gBACE3C,IAAA,QAAAiC,aAAA;UAAKhB,GAAG,EAAE,IAAI,CAACD,KAAK,CAACC,GAAI;UACpBa,OAAO,EAAE,SAAAA,QAAA;YAAA,OAAMK,MAAI,CAACL,OAAO,CAAC,CAAC;UAAA,CAAC;UAC9Bc,QAAQ,EAAE,SAAAA,SAAA;YAAA,OAAMT,MAAI,CAACH,MAAM,CAAC,CAAC;UAAA,CAAC;UAC9BA,MAAM,EAAE,SAAAA,OAAA;YAAA,OAAMG,MAAI,CAACH,MAAM,CAAC,CAAC;UAAA,CAAC;UAC5BK,GAAG,EAAE,IAAI,CAAC3B,KAAK,CAAC2B;QAAI,GAChBG,IAAI,CAAE,CAAC,EACf,IAAI,CAAC9B,KAAK,CAAC4B,MAAM,IAAI,CAAC,IAAI,CAACtB,KAAK,CAACK,MAAM,iBAAIrB,IAAA,CAACH,gBAAgB;UAACgD,EAAE,EAAC;QAAiC,CAAmB,CAAC;MAAA,CACtH,CAAC;IAEP;EAAC;EAAA,OAAAxC,kBAAA;AAAA,EA9C8BP,KAAK,CAACgD,SAAS;AAAAC,eAAA,CAA1C1C,kBAAkB;EAbtBc,SAAS,EAAA6B,GAAA,CAAAC,MAAA;EACThC,GAAG,EAAA+B,GAAA,CAAAC,MAAA,CAAAC,UAAA;EACHb,GAAG,EAAAW,GAAA,CAAAC,MAAA;EACHX,MAAM,EAAAU,GAAA,CAAAG;AAAA;AA2DR,eAAe9C,kBAAkB","ignoreList":[]}
+{"version":3,"file":"ImageWithFallbacks.js","names":["LoadingIndicator","React","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ImageWithFallbacks","Component","constructor","props","_this$props$fallbacks","_this$props$fallbacks2","state","src","fallbackIndex","fallbacks","split","loaded","componentDidUpdate","prevProps","_this$props$fallbacks3","_this$props$fallbacks4","setState","onError","length","onLoad","_objectSpread","render","_this$props","alt","loader","loading","rest","_objectWithoutProperties","_excluded","children","onChange","id","_defineProperty","_pt","string","isRequired","bool"],"sources":["../../src/Image/ImageWithFallbacks.tsx"],"sourcesContent":["import { LoadingIndicator } from '..';\r\nimport React from 'react';\r\n\r\nexport interface ImageWithFallbacksProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt' | 'onError' | 'onLoad' | 'onChange'>{\r\n  fallbacks?: string;\r\n  src: string;\r\n  alt?: string;\r\n  loader?: boolean;\r\n}\r\n\r\ntype ImageWithFallbacksState = {\r\n  src: string;\r\n  fallbackIndex: number;\r\n  fallbacks: string[];\r\n  loaded: boolean;\r\n};\r\n\r\nclass ImageWithFallbacks extends React.Component<ImageWithFallbacksProps, ImageWithFallbacksState> {\r\n  constructor(props: ImageWithFallbacksProps) {\r\n    super(props);\r\n    this.state = {\r\n      src: props.src,\r\n      fallbackIndex: 0,\r\n      fallbacks: this.props.fallbacks?.split('|') ?? [],\r\n      loaded: false,\r\n    };\r\n  }\r\n  componentDidUpdate(prevProps: ImageWithFallbacksProps) {\r\n    if (prevProps.src !== this.props.src && prevProps.fallbacks !== this.props.fallbacks) {\r\n      this.setState({\r\n        src: this.props.src,\r\n        fallbackIndex: 0,\r\n        fallbacks: this.props.fallbacks?.split('|') ?? [],\r\n        loaded: false,\r\n      });\r\n    }\r\n  }\r\n  onError() {\r\n    if (this.state.fallbackIndex > this.state.fallbacks.length) {\r\n      return;\r\n    }\r\n    this.setState({\r\n      src: this.state.fallbacks[this.state.fallbackIndex],\r\n      fallbackIndex: this.state.fallbackIndex + 1,\r\n      fallbacks: this.state.fallbacks,\r\n    });\r\n  }\r\n  onLoad() {\r\n    this.setState({ ...this.state, loaded: true });\r\n  }\r\n  render() {\r\n    const {src, alt, fallbacks, loader, loading, ...rest} = this.props;\r\n    return (\r\n      <>\r\n        <img src={this.state.src}\r\n             onError={() => this.onError()}\r\n             onChange={() => this.onLoad()}\r\n             onLoad={() => this.onLoad()}\r\n             alt={this.props.alt}\r\n             {...rest}/>\r\n        {this.props.loader && !this.state.loaded && <LoadingIndicator id=\"imgWithFallbackLoadingIndicator\"></LoadingIndicator>}\r\n      </>\r\n    );\r\n  }\r\n}\r\n\r\nexport default ImageWithFallbacks;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Image/index.cjs

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "ImageWithFallbacks", {
   enumerable: true,
-  get: function get() {
-    return _ImageWithFallbacks["default"];
+  get: function () {
+    return _ImageWithFallbacks.default;
   }
 });
 var _ImageWithFallbacks = _interopRequireDefault(require("./ImageWithFallbacks"));

package/dist/Image/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["_ImageWithFallbacks","_interopRequireDefault","require"],"sources":["../../src/Image/index.tsx"],"sourcesContent":["import ImageWithFallbacks from './ImageWithFallbacks';\n\nexport { ImageWithFallbacks };\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,mBAAA,GAAAC,sBAAA,CAAAC,OAAA","ignoreList":[]}
+{"version":3,"file":"index.cjs","names":["_ImageWithFallbacks","_interopRequireDefault","require"],"sources":["../../src/Image/index.tsx"],"sourcesContent":["import ImageWithFallbacks from './ImageWithFallbacks';\r\n\r\nexport { ImageWithFallbacks };\r\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,mBAAA,GAAAC,sBAAA,CAAAC,OAAA","ignoreList":[]}

package/dist/Image/index.d.ts

@@ -1,2 +1,2 @@
-import ImageWithFallbacks from './ImageWithFallbacks';
-export { ImageWithFallbacks };
+import ImageWithFallbacks from './ImageWithFallbacks';
+export { ImageWithFallbacks };

package/dist/Image/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ImageWithFallbacks"],"sources":["../../src/Image/index.tsx"],"sourcesContent":["import ImageWithFallbacks from './ImageWithFallbacks';\n\nexport { ImageWithFallbacks };\n"],"mappings":"AAAA,OAAOA,kBAAkB,MAAM,sBAAsB;AAErD,SAASA,kBAAkB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["ImageWithFallbacks"],"sources":["../../src/Image/index.tsx"],"sourcesContent":["import ImageWithFallbacks from './ImageWithFallbacks';\r\n\r\nexport { ImageWithFallbacks };\r\n"],"mappings":"AAAA,OAAOA,kBAAkB,MAAM,sBAAsB;AAErD,SAASA,kBAAkB","ignoreList":[]}

package/dist/InputFields/Checkbox.cjs

@@ -1,11 +1,10 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.StyledCheckBox = void 0;
+exports.default = exports.StyledCheckBox = 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,78 +16,49 @@ var _types = require("../types");
 var _typography = require("../styles/typography");
 var _common = require("../common");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["id", "selected", "select", "label", "invalid", "iconPointerEventsTransparent", "disabled", "margin", "size", "semiSelected", "children", "readOnly", "tabIndexVal", "dataTestId", "className"];
+const _excluded = ["id", "selected", "select", "label", "invalid", "iconPointerEventsTransparent", "disabled", "margin", "size", "semiSelected", "children", "readOnly", "tabIndexVal", "dataTestId", "className"];
 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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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 StyledCheckBox = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  width: 100%;\n  min-height: 48px;\n  min-width: 48px;\n\n  ", "\n  cursor: pointer;\n\n  color: ", ";\n\n  .pointerTransparent {\n    pointer-events: none;\n  }\n\n  .checkbox-icon {\n    margin: 6px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n    height: 36px;\n    min-width: 36px;\n    border-radius: 50%;\n\n    svg {\n      color: ", ";\n    }\n  }\n\n  .checkbox-label {\n    user-select: none;\n    cursor: inherit;\n  }\n\n  &.small {\n    ", "\n    .checkbox-label {\n      padding-top: 14px;\n    }\n  }\n\n  &.medium {\n    ", "\n    .checkbox-label {\n      padding-top: 12px;\n    }\n  }\n\n  &.large {\n    ", "\n    .checkbox-label {\n      padding-top: 12px;\n    }\n  }\n\n  &:not(.disabled):not(.readonly):focus {\n    ", "\n  }\n\n  &:not(.disabled):not(.readonly):hover {\n    .checkbox-icon {\n      background-color: ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n  }\n\n  &:not(.disabled):not(.readonly):active {\n    .checkbox-icon {\n      background: ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n  }\n\n  &.readonly {\n    cursor: inherit;\n\n    .checkbox-icon,\n    .checkbox-label {\n      pointer-events: none;\n    }\n  }\n\n  &.disabled {\n    cursor: not-allowed;\n\n    color: ", ";\n\n    .checkbox-icon,\n    .checkbox-label {\n      pointer-events: none;\n    }\n\n    .checkbox-icon {\n      background-color: ", ";\n    }\n\n    .checkbox-icon svg {\n      color: ", ";\n    }\n  }\n\n  &.dropdown-hover:not(.disabled) {\n    .checkbox-icon {\n      background-color: ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n  }\n"])), function (props) {
-  return props.margin ? "margin: ".concat(props.margin, ";") : '';
-}, function (props) {
-  return _styles.COLORS.getColor('black', props.theme);
-}, function (props) {
-  return props.$selected ? _styles.COLORS.getColor('primary_500', props.theme) : props.$invalid ? _styles.COLORS.getColor('critical_400', props.theme) : _styles.COLORS.getColor('neutral_600', props.theme);
-}, function (props) {
-  return (0, _typography.ComponentSStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('black', props.theme));
-}, function (props) {
-  return (0, _typography.ComponentMStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('black', props.theme));
-}, function (props) {
-  return (0, _typography.ComponentLStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('black', props.theme));
-}, _styles.focusStyles, function (props) {
-  return _styles.COLORS.getColor('primary_20', props.theme);
-}, function (props) {
-  return _styles.COLORS.getColor('primary_700', props.theme);
-}, function (props) {
-  return _styles.COLORS.getColor('primary_100', props.theme);
-}, function (props) {
-  return _styles.COLORS.getColor('primary_800', props.theme);
-}, function (props) {
-  return _styles.COLORS.getColor('neutral_300', props.theme);
-}, function (props) {
-  return _styles.COLORS.getColor('white', props.theme);
-}, function (props) {
-  return _styles.COLORS.getColor('neutral_300', props.theme);
-}, function (props) {
-  return _styles.COLORS.getColor('primary_20', props.theme);
-}, function (props) {
-  return _styles.COLORS.getColor('primary_700', props.theme);
-});
-exports.StyledCheckBox = StyledCheckBox;
-var Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+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; }
+const StyledCheckBox = exports.StyledCheckBox = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  width: 100%;\n  min-height: 48px;\n  min-width: 48px;\n\n  ", "\n  cursor: pointer;\n\n  color: ", ";\n\n  .pointerTransparent {\n    pointer-events: none;\n  }\n\n  .checkbox-icon {\n    margin: 6px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n    height: 36px;\n    min-width: 36px;\n    border-radius: 50%;\n\n    svg {\n      color: ", ";\n    }\n  }\n\n  .checkbox-label {\n    user-select: none;\n    cursor: inherit;\n  }\n\n  &.small {\n    ", "\n    .checkbox-label {\n      padding-top: 14px;\n    }\n  }\n\n  &.medium {\n    ", "\n    .checkbox-label {\n      padding-top: 12px;\n    }\n  }\n\n  &.large {\n    ", "\n    .checkbox-label {\n      padding-top: 12px;\n    }\n  }\n\n  &:not(.disabled):not(.readonly):focus {\n    ", "\n  }\n\n  &:not(.disabled):not(.readonly):hover {\n    .checkbox-icon {\n      background-color: ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n  }\n\n  &:not(.disabled):not(.readonly):active {\n    .checkbox-icon {\n      background: ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n  }\n\n  &.readonly {\n    cursor: inherit;\n\n    .checkbox-icon,\n    .checkbox-label {\n      pointer-events: none;\n    }\n  }\n\n  &.disabled {\n    cursor: not-allowed;\n\n    color: ", ";\n\n    .checkbox-icon,\n    .checkbox-label {\n      pointer-events: none;\n    }\n\n    .checkbox-icon {\n      background-color: ", ";\n    }\n\n    .checkbox-icon svg {\n      color: ", ";\n    }\n  }\n\n  &.dropdown-hover:not(.disabled) {\n    .checkbox-icon {\n      background-color: ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n  }\n"])), props => props.margin ? "margin: ".concat(props.margin, ";") : '', props => _styles.COLORS.getColor('black', props.theme), props => props.$selected ? _styles.COLORS.getColor('primary_500', props.theme) : props.$invalid ? _styles.COLORS.getColor('critical_400', props.theme) : _styles.COLORS.getColor('neutral_600', props.theme), props => (0, _typography.ComponentSStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('black', props.theme)), props => (0, _typography.ComponentMStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('black', props.theme)), props => (0, _typography.ComponentLStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('black', props.theme)), _styles.focusStyles, props => _styles.COLORS.getColor('primary_20', props.theme), props => _styles.COLORS.getColor('primary_700', props.theme), props => _styles.COLORS.getColor('primary_100', props.theme), props => _styles.COLORS.getColor('primary_800', props.theme), props => _styles.COLORS.getColor('neutral_300', props.theme), props => _styles.COLORS.getColor('white', props.theme), props => _styles.COLORS.getColor('neutral_300', props.theme), props => _styles.COLORS.getColor('primary_20', props.theme), props => _styles.COLORS.getColor('primary_700', props.theme));
+const Checkbox = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   var _size;
-  var id = _ref.id,
-    selected = _ref.selected,
-    select = _ref.select,
-    label = _ref.label,
-    invalid = _ref.invalid,
-    iconPointerEventsTransparent = _ref.iconPointerEventsTransparent,
-    disabled = _ref.disabled,
-    margin = _ref.margin,
-    size = _ref.size,
-    semiSelected = _ref.semiSelected,
-    children = _ref.children,
-    readOnly = _ref.readOnly,
-    tabIndexVal = _ref.tabIndexVal,
-    dataTestId = _ref.dataTestId,
-    className = _ref.className,
-    rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var onKeyPress = function onKeyPress(e) {
+  let {
+      id,
+      selected,
+      select,
+      label,
+      invalid,
+      iconPointerEventsTransparent,
+      disabled,
+      margin,
+      size,
+      semiSelected,
+      children,
+      readOnly,
+      tabIndexVal,
+      dataTestId,
+      className
+    } = _ref,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  const onKeyPress = e => {
     if (e.keyCode === 13 && !disabled && !readOnly) {
       select && select(!selected);
     }
   };
-  var handleClick = function handleClick(e) {
+  const handleClick = e => {
     if (disabled || readOnly) {
       return;
     }
     if (select) {
-      e === null || e === void 0 ? void 0 : e.stopPropagation();
+      e === null || e === void 0 || e.stopPropagation();
       select(!selected);
     }
   };
   size = (_size = size) !== null && _size !== void 0 ? _size : _types.Size.Medium;
-  var cls = "".concat(size, " ").concat(className || '', " ").concat(disabled ? ' disabled' : '', " ").concat(readOnly ? ' readonly' : '');
+  const cls = "".concat(size, " ").concat(className || '', " ").concat(disabled ? ' disabled' : '', " ").concat(readOnly ? ' readonly' : '');
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledCheckBox, _objectSpread(_objectSpread({
     ref: ref,
     disabled: disabled,
@@ -127,6 +97,5 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     })]
   }), id);
 });
-var _default = Checkbox;
-exports["default"] = _default;
+var _default = exports.default = Checkbox;
 //# sourceMappingURL=Checkbox.cjs.map