@laerdal/life-react-components 3.5.2-uss.hackathon → 3.5.3

package/dist/umd/Button/Anchor.js

@@ -1,201 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "prop-types", "react", "styled-components", "../styles"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("prop-types"), require("react"), require("styled-components"), require("../styles"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.propTypes, global.react, global.styledComponents, global.styles);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _propTypes, _react, _styledComponents, _styles) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-
-  var _propTypes2 = _interopRequireDefault(_propTypes);
-
-  var React = _interopRequireWildcard(_react);
-
-  var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-  function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function (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 _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      default: obj
-    };
-  }
-
-  const _excluded = ["children", "size", "href", "target"];
-
-  function _extends() {
-    _extends = Object.assign || function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-
-      return target;
-    };
-
-    return _extends.apply(this, arguments);
-  }
-
-  function _objectWithoutProperties(source, excluded) {
-    if (source == null) return {};
-
-    var target = _objectWithoutPropertiesLoose(source, excluded);
-
-    var key, i;
-
-    if (Object.getOwnPropertySymbols) {
-      var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-
-      for (i = 0; i < sourceSymbolKeys.length; i++) {
-        key = sourceSymbolKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-        target[key] = source[key];
-      }
-    }
-
-    return target;
-  }
-
-  function _objectWithoutPropertiesLoose(source, excluded) {
-    if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
-
-    for (i = 0; i < sourceKeys.length; i++) {
-      key = sourceKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      target[key] = source[key];
-    }
-
-    return target;
-  }
-
-  const Anchor = _ref => {
-    let {
-      children,
-      size = 'small',
-      href = '#',
-      target = '_blank'
-    } = _ref,
-        props = _objectWithoutProperties(_ref, _excluded);
-
-    return /*#__PURE__*/React.createElement(AnchorTag, _extends({
-      size: size,
-      href: href,
-      target: target
-    }, props), children);
-  };
-
-  Anchor.propTypes = {
-    size: _propTypes2.default.oneOf(['small', 'medium', 'large', 'xsmall', 'xlarge']).isRequired,
-    href: _propTypes2.default.string
-  };
-  const AnchorTag = _styledComponents2.default.a`
-  color: ${_styles.COLORS.primary_500};
-  background-color: transparent;
-  padding: 0;
-  border: none;
-  max-width:max-content; 
-  text-decoration: none;
-  font-size: ${props => props.size === 'large' ? '20px' : props.size === 'small' ? '16px' : props.size === 'xsmall' ? '14px' : props.size === 'xlarge' ? '24px' : '18px'};
-  line-height: ${props => props.size === 'large' ? '32px' : props.size === 'small' ? '24px' : props.size === 'xsmall' ? '20px' : props.size === 'xlarge' ? '36px' : '28px'};
-  font-weight: bold;
-  font-family: inherit;
-  cursor: pointer;
-  outline:none;
-  &:visited,
-  &.vistied-state {
-    color: ${_styles.COLORS.accent1_500};
-    background: transparent;
-    text-decoration: none;
-  }
-  &:hover, 
-  &.hover-state {
-    color: ${_styles.COLORS.primary_600};
-    text-decoration: underline;
-  }
-  &:focus,
-  &.focus-state {
-    background-color: ${_styles.COLORS.white};
-    text-decoration: underline;
-    box-shadow: 0px 4px 12px ${_styles.COLORS.focus_25}, 0px 0px 8px ${_styles.COLORS.focus} !important;
-    outline:none;
-    color: ${_styles.COLORS.primary_500};
-  }
-  &:active,
-  &.active-state {
-    color: ${_styles.COLORS.primary_700};
-    background: transparent;
-    text-decoration: underline;
-    background-color:unset !important;
-    box-shadow: unset !important;
-  } 
-`;
-  exports.default = Anchor;
-});
-//# sourceMappingURL=Anchor.js.map

package/dist/umd/Button/Anchor.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Button/Anchor.tsx"],"names":["size","href","Anchor","target","props","AnchorTag","styled","a","COLORS","primary_500","accent1_500","primary_600","white","focus_25","focus","primary_700"],"mappings":";;;;;;;;;;;;;;;;;;;;;MAAA,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,QAAME,MAA4C,GAAG,IAAA,IAAuE;AAAA,QAAtE;AAAA,MAAA,QAAA;AAAYF,MAAAA,IAAI,GAAhB,OAAA;AAA4BC,MAAAA,IAAI,GAAhC,GAAA;AAAsCE,MAAAA,MAAM,GAAC;AAA7C,QAAsE,IAAA;AAAA,QAAXC,KAAW,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA;;AAC1H,WAAA,aACI,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,QAAA,CAAA;AAAW,MAAA,IAAI,EAAf,IAAA;AAAuB,MAAA,IAAI,EAA3B,IAAA;AAAmC,MAAA,MAAM,EAAED;AAA3C,KAAA,EAAA,KAAA,CAAA,EADJ,QACI,CADJ;AADF,GAAA;;;AAJIH,IAAAA,I,6BAAO,O,EAAU,Q,EAAW,O,EAAU,Q,EAAW,Q;AACjDC,IAAAA,I;;AAWJ,QAAMI,SAAS,GAAGC,2BAAOC,CAAe;AACxC,WAAWC,eAAOC,WAAY;AAC9B;AACA;AACA;AACA;AACA;AACA,eAAeL,KAAK,IAAKA,KAAK,CAALA,IAAAA,KAAAA,OAAAA,GAAAA,MAAAA,GAAkCA,KAAK,CAALA,IAAAA,KAAAA,OAAAA,GAAAA,MAAAA,GAAkCA,KAAK,CAALA,IAAAA,KAAAA,QAAAA,GAAAA,MAAAA,GAAmCA,KAAK,CAALA,IAAAA,KAAAA,QAAAA,GAAAA,MAAAA,GAAmC,MAAQ;AAC3K,iBAAiBA,KAAK,IAAKA,KAAK,CAALA,IAAAA,KAAAA,OAAAA,GAAAA,MAAAA,GAAkCA,KAAK,CAALA,IAAAA,KAAAA,OAAAA,GAAAA,MAAAA,GAAkCA,KAAK,CAALA,IAAAA,KAAAA,QAAAA,GAAAA,MAAAA,GAAmCA,KAAK,CAALA,IAAAA,KAAAA,QAAAA,GAAAA,MAAAA,GAAmC,MAAQ;AAC7K;AACA;AACA;AACA;AACA;AACA;AACA,aAAcI,eAAOE,WAAa;AAClC;AACA;AACA;AACA;AACA;AACA,aAAaF,eAAOG,WAAY;AAChC;AACA;AACA;AACA;AACA,wBAAwBH,eAAOI,KAAM;AACrC;AACA,+BAA+BJ,eAAOK,QAAS,iBAAgBL,eAAOM,KAAM;AAC5E;AACA,aAAaN,eAAOC,WAAY;AAChC;AACA;AACA;AACA,aAAcD,eAAOO,WAAa;AAClC;AACA;AACA;AACA;AACA;AAvCA,CAAA;oBA0CA,M","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {COLORS} from '../styles';\r\n\r\ninterface AnchorProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>{\r\n    size : 'small' | 'medium' | 'large' | 'xsmall' | 'xlarge';\r\n    href?: string;\r\n}\r\n\r\nconst Anchor: React.FunctionComponent<AnchorProps> = ({ children, size = 'small', href='#', target='_blank' , ...props}) => {\r\n  return (\r\n      <AnchorTag size={size} href={href} target={target} {...props}>\r\n          {children}\r\n      </AnchorTag>\r\n  )\r\n}\r\n\r\nconst AnchorTag = styled.a<AnchorProps>`\r\n  color: ${COLORS.primary_500};\r\n  background-color: transparent;\r\n  padding: 0;\r\n  border: none;\r\n  max-width:max-content; \r\n  text-decoration: none;\r\n  font-size: ${props => (props.size === 'large' ? '20px' : props.size === 'small' ? '16px' : props.size === 'xsmall' ? '14px' : props.size === 'xlarge' ? '24px' : '18px')};\r\n  line-height: ${props => (props.size === 'large' ? '32px' : props.size === 'small' ? '24px' : props.size === 'xsmall' ? '20px' : props.size === 'xlarge' ? '36px' : '28px')};\r\n  font-weight: bold;\r\n  font-family: inherit;\r\n  cursor: pointer;\r\n  outline:none;\r\n  &:visited,\r\n  &.vistied-state {\r\n    color: ${ COLORS.accent1_500 };\r\n    background: transparent;\r\n    text-decoration: none;\r\n  }\r\n  &:hover, \r\n  &.hover-state {\r\n    color: ${COLORS.primary_600};\r\n    text-decoration: underline;\r\n  }\r\n  &:focus,\r\n  &.focus-state {\r\n    background-color: ${COLORS.white};\r\n    text-decoration: underline;\r\n    box-shadow: 0px 4px 12px ${COLORS.focus_25}, 0px 0px 8px ${COLORS.focus} !important;\r\n    outline:none;\r\n    color: ${COLORS.primary_500};\r\n  }\r\n  &:active,\r\n  &.active-state {\r\n    color: ${ COLORS.primary_700 };\r\n    background: transparent;\r\n    text-decoration: underline;\r\n    background-color:unset !important;\r\n    box-shadow: unset !important;\r\n  } \r\n`;\r\n\r\nexport default Anchor;"],"file":"Anchor.js"}

package/dist/umd/Button/BackButton.js

@@ -1,223 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "prop-types", "react", "styled-components", "../styles", "../types", "../icons/systemicons/SystemIcons", "../styles/typography"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("prop-types"), require("react"), require("styled-components"), require("../styles"), require("../types"), require("../icons/systemicons/SystemIcons"), require("../styles/typography"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.propTypes, global.react, global.styledComponents, global.styles, global.types, global.SystemIcons, global.typography);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _propTypes, _react, _styledComponents, _styles, _types, _SystemIcons, _typography) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-
-  var _propTypes2 = _interopRequireDefault(_propTypes);
-
-  var React = _interopRequireWildcard(_react);
-
-  var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-  function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function (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 _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      default: obj
-    };
-  }
-
-  const _excluded = ["children", "size"];
-
-  function _extends() {
-    _extends = Object.assign || function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-
-      return target;
-    };
-
-    return _extends.apply(this, arguments);
-  }
-
-  function _objectWithoutProperties(source, excluded) {
-    if (source == null) return {};
-
-    var target = _objectWithoutPropertiesLoose(source, excluded);
-
-    var key, i;
-
-    if (Object.getOwnPropertySymbols) {
-      var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-
-      for (i = 0; i < sourceSymbolKeys.length; i++) {
-        key = sourceSymbolKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-        target[key] = source[key];
-      }
-    }
-
-    return target;
-  }
-
-  function _objectWithoutPropertiesLoose(source, excluded) {
-    if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
-
-    for (i = 0; i < sourceKeys.length; i++) {
-      key = sourceKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      target[key] = source[key];
-    }
-
-    return target;
-  }
-
-  const Button = _styledComponents2.default.button`
-  box-sizing: border-box;
-  min-height: 48px;
-  padding: 0;
-  margin: 0;
-  outline:none;
-  max-width: max-content;
-  display: flex;
-  align-items: center;
-  border: none;
-  background-color: transparent;
-  cursor: pointer;
-
-  ${props => props.size === _types.Size.XSmall ? (0, _typography.ComponentXSStyling)(_typography.ComponentTextStyle.Bold, _styles.COLORS.neutral_600) : (0, _typography.ComponentSStyling)(_typography.ComponentTextStyle.Bold, _styles.COLORS.neutral_600)};
-  font-feature-settings: 'liga' off;
-
-  & > .button-content {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: flex-start;
-    max-width: max-content;
-    padding: 4px 4px 4px 0;
-    border-radius: 4px;
-    cursor: inherit;
-    min-width: 64px;
-
-  }
-
-  & > .button-content > span {
-    display: flex;
-    cursor: inherit;
-  }
-  & > .button-content > label {
-    display: flex;
-    cursor: inherit;
-    flex-grow: 1;
-    justify-content: center;
-  }
-
-  &:hover > .button-content,
-  &.hover-state > .button-content {
-    background-color: ${_styles.COLORS.primary_20};
-    color: ${_styles.COLORS.primary_700};
-  }
-  &:focus > .button-content,
-  &.focus-state > .button-content {
-    box-shadow: 0 4px 12px rgba(46, 127, 161, 0.25), 0 0 8px #2e7fa1;
-  }
-  &:active > .button-content,
-  &.active-state > .button-content {
-    background-color: ${_styles.COLORS.primary_100};
-    color: ${_styles.COLORS.primary_800};
-    box-shadow: unset;
-  }
-  &:disabled {
-    cursor: not-allowed;
-  }
-  &:disabled > .button-content {
-    color: ${_styles.COLORS.neutral_300} !important;
-    background-color: transparent !important;
-  }
-`;
-
-  const BackButton = _ref => {
-    let {
-      children,
-      size = _types.Size.Small
-    } = _ref,
-        props = _objectWithoutProperties(_ref, _excluded);
-
-    return /*#__PURE__*/React.createElement(Button, _extends({}, props, {
-      size: size
-    }), /*#__PURE__*/React.createElement("div", {
-      className: 'button-content'
-    }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(_SystemIcons.ArrowLineLeft, {
-      size: size === _types.Size.XSmall ? '20' : '24'
-    })), /*#__PURE__*/React.createElement("label", null, children)));
-  };
-
-  BackButton.propTypes = {
-    disabled: _propTypes2.default.bool
-  };
-  exports.default = BackButton;
-});
-//# sourceMappingURL=BackButton.js.map

package/dist/umd/Button/BackButton.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Button/BackButton.tsx"],"names":["Button","styled","button","props","Size","ComponentXSStyling","ComponentTextStyle","COLORS","ComponentSStyling","primary_20","primary_700","primary_100","primary_800","neutral_300","disabled","BackButton","size","Small"],"mappings":";;;;;;;;;;;;;;;;;;;;;MAAA,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,QAAMA,MAAM,GAAGC,2BAAOC,MAAwB;AAC9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAKC,KAAD,IAAYA,KAAK,CAALA,IAAAA,KAAeC,YAAfD,MAAAA,GAA6BE,oCAAmBC,+BAAD,IAAlBD,EAA4CE,eAAzEJ,WAA6BE,CAA7BF,GAA+FK,mCAAkBF,+BAAD,IAAjBE,EAA2CD,eAA1B,WAAjBC,CAAgE;AAC/K;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwBD,eAAOE,UAAW;AAC1C,aAAaF,eAAOG,WAAY;AAChC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwBH,eAAOI,WAAY;AAC3C,aAAaJ,eAAOK,WAAY;AAChC;AACA;AACA;AACA;AACA;AACA;AACA,aAAaL,eAAOM,WAAY;AAChC;AACA;AA7DA,CAAA;;AAoEA,QAAME,UAAoD,GAAG,IAAA,IAA+C;AAAA,QAA9C;AAAA,MAAA,QAAA;AAAYC,MAAAA,IAAI,GAAGZ,YAAKa;AAAxB,QAA8C,IAAA;AAAA,QAAZd,KAAY,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA;;AAC1G,WAAA,aACE,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,QAAA,CAAA,EAAA,EAAA,KAAA,EAAA;AAAmB,MAAA,IAAI,EAAEa;AAAzB,KAAA,CAAA,EAAA,aACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,MAAA,SAAS,EAAE;AAAhB,KAAA,EAAA,aACE,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAA,aACE,KAAA,CAAA,aAAA,CAAA,0BAAA,EAAA;AAAe,MAAA,IAAI,EAAEA,IAAI,KAAKZ,YAATY,MAAAA,GAAAA,IAAAA,GAA8B;AAAnD,KAAA,CADF,CADF,EAAA,aAIE,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,IAAA,EANN,QAMM,CAJF,CADF,CADF;AADF,GAAA;;;AAFEF,IAAAA,Q;;oBAeF,U","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { COLORS } from '../styles';\r\nimport { Size } from '../types';\r\nimport { ArrowLineLeft } from '../icons/systemicons/SystemIcons';\r\nimport { ComponentTextStyle, ComponentSStyling, ComponentXSStyling } from '../styles/typography';\r\n\r\nconst Button = styled.button<BackButtonProps>`\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.neutral_600) : ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600))};\r\n  font-feature-settings: 'liga' off;\r\n\r\n  & > .button-content {\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  & > .button-content > span {\r\n    display: flex;\r\n    cursor: inherit;\r\n  }\r\n  & > .button-content > 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 > .button-content,\r\n  &.hover-state > .button-content {\r\n    background-color: ${COLORS.primary_20};\r\n    color: ${COLORS.primary_700};\r\n  }\r\n  &:focus > .button-content,\r\n  &.focus-state > .button-content {\r\n    box-shadow: 0 4px 12px rgba(46, 127, 161, 0.25), 0 0 8px #2e7fa1;\r\n  }\r\n  &:active > .button-content,\r\n  &.active-state > .button-content {\r\n    background-color: ${COLORS.primary_100};\r\n    color: ${COLORS.primary_800};\r\n    box-shadow: unset;\r\n  }\r\n  &:disabled {\r\n    cursor: not-allowed;\r\n  }\r\n  &:disabled > .button-content {\r\n    color: ${COLORS.neutral_300} !important;\r\n    background-color: transparent !important;\r\n  }\r\n`;\r\n\r\ninterface BackButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n  size: Size.Small | Size.XSmall;\r\n  disabled?: boolean;\r\n}\r\nconst BackButton: React.FunctionComponent<BackButtonProps> = ({ children, size = Size.Small, ...props }) => {\r\n  return (\r\n    <Button {...props} size={size}>\r\n      <div className={'button-content'}>\r\n        <span>\r\n          <ArrowLineLeft size={size === Size.XSmall ? '20' : '24'} />\r\n        </span>\r\n        <label>{children}</label>\r\n      </div>\r\n    </Button>\r\n  );\r\n};\r\n\r\nexport default BackButton;\r\n"],"file":"BackButton.js"}