@laerdal/life-react-components 1.1.2-dev.14 → 1.1.2-dev.15

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';\nimport styled from 'styled-components';\nimport {COLORS} from '../styles';\n\ninterface AnchorProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>{\n    size : 'small' | 'medium' | 'large' | 'xsmall' | 'xlarge';\n    href?: string;\n}\n\nconst Anchor: React.FunctionComponent<AnchorProps> = ({ children, size = 'small', href='#', target='_blank' , ...props}) => {\n  return (\n      <AnchorTag size={size} href={href} target={target} {...props}>\n          {children}\n      </AnchorTag>\n  )\n}\n\nconst AnchorTag = styled.a<AnchorProps>`\n  color: ${COLORS.primary_500};\n  background-color: transparent;\n  padding: 0;\n  border: none;\n  max-width:max-content; \n  text-decoration: none;\n  font-size: ${props => (props.size === 'large' ? '20px' : props.size === 'small' ? '16px' : props.size === 'xsmall' ? '14px' : props.size === 'xlarge' ? '24px' : '18px')};\n  line-height: ${props => (props.size === 'large' ? '32px' : props.size === 'small' ? '24px' : props.size === 'xsmall' ? '20px' : props.size === 'xlarge' ? '36px' : '28px')};\n  font-weight: bold;\n  font-family: inherit;\n  cursor: pointer;\n  outline:none;\n  &:visited,\n  &.vistied-state {\n    color: ${ COLORS.accent1_500 };\n    background: transparent;\n    text-decoration: none;\n  }\n  &:hover, \n  &.hover-state {\n    color: ${COLORS.primary_600};\n    text-decoration: underline;\n  }\n  &:focus,\n  &.focus-state {\n    background-color: ${COLORS.white};\n    text-decoration: underline;\n    box-shadow: 0px 4px 12px ${COLORS.focus_25}, 0px 0px 8px ${COLORS.focus} !important;\n    outline:none;\n    color: ${COLORS.primary_500};\n  }\n  &:active,\n  &.active-state {\n    color: ${ COLORS.primary_700 };\n    background: transparent;\n    text-decoration: underline;\n    background-color:unset !important;\n    box-shadow: unset !important;\n  } \n`;\n\nexport default Anchor;"],"file":"Anchor.js"}

package/dist/umd/Tooltips/TooltipStyles.js

@@ -1,96 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "styled-components", "../types", "../styles", "../styles/typography"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("styled-components"), require("../types"), require("../styles"), require("../styles/typography"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.styledComponents, global.types, global.styles, global.typography);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _styledComponents, _types, _styles, _typography) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-  exports.TooltipContainer = exports.TooltipTrigger = exports.Tooltip = undefined;
-
-  var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      default: obj
-    };
-  }
-
-  const Tooltip = exports.Tooltip = _styledComponents2.default.div`
-
-    pointer-events: none;
-    ${props => props.size == _types.Size.Small || props.size != _types.Size.Medium ? (0, _typography.ComponentSStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.white) : ''}
-    ${props => props.size == _types.Size.Medium ? (0, _typography.ComponentMStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.white) : ''}
-    ${props => props.align == 'center' ? 'text-align: center;' : ''}
-    box-shadow: ${_styles.BOXSHADOWS.BOXSHADOW_L2};
-    padding: 4px 8px;
-    border-radius: 2px;
-    width: ${props => props.width == 'auto' ? 'max-content' : props.width};
-    height: ${props => props.height};
-    ${props => props.width == 'auto' ? 'max-width: 164px;' : ''};
-    background: ${_styles.COLORS.primary_800};
-    position: absolute; 
-    opacity: 0; 
-    z-index: 1;
-    ${props => props.position == 'top' ? 'bottom: 110%;' : props.position == 'bottom' ? 'top: 110%;' : ''}
-
-    ${props => props.position == 'left' ? 'bottom: 50%; transform: translateX(-110%) translateY(50%);' : ''}
-    ${props => props.position == 'right' ? 'bottom: 50%;left: 110%; transform: translateY(50%);' : ''}
-            
-    ${props => props.position == 'left' || props.position == 'right' ? '' : props.align == 'start' ? 'left: 0%;' : props.align == 'end' ? 'right: 0%;' : 'left: 50%; transform: translateX(-50%);'}
-
-
-&::after {
-    ${props => !props.withArrow ? 'display: none;' : ''}
-    content: "";
-    position: absolute;
-    ${props => props.position == 'top' ? 'top: 100%;' : props.position == 'bottom' ? 'bottom: 100%;' : ''}
-    
-    ${props => props.position == 'right' ? 'right: 100%; bottom: 50%; transform: translateY(50%);' : ''}
-    ${props => props.position == 'left' ? 'left: 100%; bottom: 50%; transform: translateY(50%);' : ''}
-
-    ${props => props.position == 'left' || props.position == 'right' ? '' : props.align == 'start' ? 'left: 12px;' : props.align == 'end' ? 'left: calc(100% - 12px);' : 'left: 50%;'}
-
-    ${props => props.position == 'left' ? '' : 'margin-left: -5px;'}
-    margin: -0.5px;
-    border-width: 4px;
-    border-style: solid;
-    border-color: ${props => props.position == 'top' ? _styles.COLORS.primary_800 : 'transparent'} 
-                    ${props => props.position == 'right' ? _styles.COLORS.primary_800 : 'transparent'} 
-                    ${props => props.position == 'bottom' ? _styles.COLORS.primary_800 : 'transparent'} 
-                    ${props => props.position == 'left' ? _styles.COLORS.primary_800 : 'transparent'};
-  }
-`;
-  Tooltip.defaultProps = {
-    withArrow: false,
-    width: 'auto',
-    size: _types.Size.Small,
-    height: 'auto',
-    align: 'center',
-    position: 'bottom'
-  };
-  const TooltipTrigger = exports.TooltipTrigger = _styledComponents.css`
-  &:hover ${Tooltip} {
-    opacity: 1;
-    transition: 0.5s;
-    transition-delay: 0.1s;
-  }
-`;
-  const TooltipContainer = exports.TooltipContainer = _styledComponents2.default.div`
-  display: inline-block;
-  position: relative;
-
-  ${TooltipTrigger}
-`;
-});
-//# sourceMappingURL=TooltipStyles.js.map

package/dist/umd/Tooltips/TooltipStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Tooltips/TooltipStyles.tsx"],"names":["Tooltip","styled","div","props","Size","ComponentSStyling","ComponentTextStyle","COLORS","ComponentMStyling","BOXSHADOWS","BOXSHADOW_L2","width","height","primary_800","withArrow","size","align","position","TooltipTrigger","css","TooltipContainer"],"mappings":"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","sourcesContent":["import styled, { css } from 'styled-components';\nimport { Size } from '../types';\nimport { BOXSHADOWS, COLORS, ComponentTextStyle } from '../styles';\nimport { ComponentMStyling, ComponentSStyling } from '../styles/typography';\n\n\nexport const Tooltip = styled.div<{\n  withArrow?: boolean;\n  width?: string;\n  size?: Size;\n  height?: string;\n  align?: 'start' | 'end' | 'center' | undefined;\n  position?: 'top' | 'right' | 'bottom' | 'left' | undefined;\n}>`\n\n    pointer-events: none;\n    ${props => (props.size == Size.Small || props.size != Size.Medium ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n    ${props => (props.size == Size.Medium ? ComponentMStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n    ${props => (props.align == 'center' ? 'text-align: center;' : '')}\n    box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\n    padding: 4px 8px;\n    border-radius: 2px;\n    width: ${props => (props.width == 'auto' ? 'max-content' : props.width)};\n    height: ${props => props.height};\n    ${props => (props.width == 'auto' ? 'max-width: 164px;' : '')};\n    background: ${COLORS.primary_800};\n    position: absolute; \n    opacity: 0; \n    z-index: 1;\n    ${props => (props.position == 'top' ? 'bottom: 110%;' : props.position == 'bottom' ? 'top: 110%;' : '')}\n\n    ${props => (props.position == 'left' ? 'bottom: 50%; transform: translateX(-110%) translateY(50%);' : '')}\n    ${props => (props.position == 'right' ? 'bottom: 50%;left: 110%; transform: translateY(50%);' : '')}\n            \n    ${props =>\n      props.position == 'left' || props.position == 'right'\n        ? ''\n        : props.align == 'start'\n        ? 'left: 0%;'\n        : props.align == 'end'\n        ? 'right: 0%;'\n        : 'left: 50%; transform: translateX(-50%);'}\n\n\n&::after {\n    ${props => (!props.withArrow ? 'display: none;' : '')}\n    content: \"\";\n    position: absolute;\n    ${props => (props.position == 'top' ? 'top: 100%;' : props.position == 'bottom' ? 'bottom: 100%;' : '')}\n    \n    ${props => (props.position == 'right' ? 'right: 100%; bottom: 50%; transform: translateY(50%);' : '')}\n    ${props => (props.position == 'left' ? 'left: 100%; bottom: 50%; transform: translateY(50%);' : '')}\n\n    ${props =>\n      props.position == 'left' || props.position == 'right' ? '' : props.align == 'start' ? 'left: 12px;' : props.align == 'end' ? 'left: calc(100% - 12px);' : 'left: 50%;'}\n\n    ${props => (props.position == 'left' ? '' : 'margin-left: -5px;')}\n    margin: -0.5px;\n    border-width: 4px;\n    border-style: solid;\n    border-color: ${props => (props.position == 'top' ? COLORS.primary_800 : 'transparent')} \n                    ${props => (props.position == 'right' ? COLORS.primary_800 : 'transparent')} \n                    ${props => (props.position == 'bottom' ? COLORS.primary_800 : 'transparent')} \n                    ${props => (props.position == 'left' ? COLORS.primary_800 : 'transparent')};\n  }\n`;\n\nTooltip.defaultProps = {\n  withArrow: false,\n  width: 'auto',\n  size: Size.Small,\n  height: 'auto',\n  align: 'center',\n  position: 'bottom'\n}\n\nexport const TooltipTrigger = css`\n  &:hover ${Tooltip} {\n    opacity: 1;\n    transition: 0.5s;\n    transition-delay: 0.1s;\n  }\n`;\n\nexport const TooltipContainer = styled.div`\n  display: inline-block;\n  position: relative;\n\n  ${TooltipTrigger}\n`;\n"],"file":"TooltipStyles.js"}

package/dist/umd/Tooltips/TooltipTypes.js

@@ -1,25 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports);
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-
-  /**
-   * Types for the table.
-   */
-  ;
-});
-//# sourceMappingURL=TooltipTypes.js.map

package/dist/umd/Tooltips/TooltipTypes.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Tooltips/TooltipTypes.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAEA;AACA;AACA;AAUG","sourcesContent":["import { Size } from \"../types\";\n\n/**\n * Types for the table.\n */\n export interface TooltipProps {\n    label?: string;\n    withArrow?: boolean;\n    width?: string;\n    size?: Size;\n    height?: string;\n    align? : 'start' | 'end' | 'center' | undefined;\n    position? : 'top' | 'right' | 'bottom' | 'left' | undefined;\n    children?: React.ReactNode;\n  };\n  "],"file":"TooltipTypes.js"}

package/dist/umd/Tooltips/TooltipWrapper.js

@@ -1,94 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "react", "./TooltipStyles", ".."], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("react"), require("./TooltipStyles"), require(".."));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.react, global.TooltipStyles, global._);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _react, _TooltipStyles, _) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-
-  var React = _interopRequireWildcard(_react);
-
-  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;
-  }
-
-  const TooltipWrapper = ({
-    label,
-    children,
-    withArrow,
-    size = _.Size.Small,
-    height = 'auto',
-    width = 'auto',
-    align = 'center',
-    position = 'bottom'
-  }) => {
-    return /*#__PURE__*/React.createElement(_TooltipStyles.TooltipContainer, null, /*#__PURE__*/React.createElement(_TooltipStyles.Tooltip, {
-      align: align,
-      height: height,
-      size: size,
-      width: width,
-      withArrow: withArrow,
-      position: position
-    }, label), children);
-  };
-
-  exports.default = TooltipWrapper;
-});
-//# sourceMappingURL=TooltipWrapper.js.map

package/dist/umd/Tooltips/TooltipWrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Tooltips/TooltipWrapper.tsx"],"names":["TooltipWrapper","size","Size","height","width","align","position"],"mappings":";;;;;;;;;;;;;;;;;;;MACA,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOC,QAAMA,cAAc,GAAG,CAAC;AAAA,IAAA,KAAA;AAAA,IAAA,QAAA;AAAA,IAAA,SAAA;AAGtBC,IAAAA,IAAI,GAAGC,OAHe,KAAA;AAItBC,IAAAA,MAAM,GAJgB,MAAA;AAKtBC,IAAAA,KAAK,GALiB,MAAA;AAMtBC,IAAAA,KAAK,GANiB,QAAA;AAOtBC,IAAAA,QAAQ,GAAG;AAPW,GAAD,KAOoB;AAExC,WAAA,aAAO,KAAA,CAAA,aAAA,CAAA,+BAAA,EAAA,IAAA,EAAA,aACC,KAAA,CAAA,aAAA,CAAA,sBAAA,EAAA;AAAS,MAAA,KAAK,EAAd,KAAA;AACG,MAAA,MAAM,EADT,MAAA;AAEG,MAAA,IAAI,EAFP,IAAA;AAGG,MAAA,KAAK,EAHR,KAAA;AAIG,MAAA,SAAS,EAJZ,SAAA;AAKG,MAAA,QAAQ,EAAEA;AALb,KAAA,EADD,KACC,CADD,EAAP,QAAO,CAAP;AATH,GAAA;;oBAsBA,c","sourcesContent":["\nimport * as React from 'react';\n\nimport { TooltipProps } from './TooltipTypes';\n\nimport { TooltipContainer, Tooltip } from './TooltipStyles';\nimport { Size } from '..';\n \n const TooltipWrapper = ({\n   label, children,\n   withArrow,\n   size = Size.Small,\n   height = 'auto',\n   width = 'auto',\n   align = 'center', \n   position = 'bottom' } : TooltipProps) => {\n \n    return <TooltipContainer>\n            <Tooltip align={align} \n               height={height} \n               size={size}\n               width={width} \n               withArrow={withArrow} \n               position={position}>\n               {label}\n            </Tooltip>\n         {children}\n       </TooltipContainer>;\n };\n \n export default TooltipWrapper;"],"file":"TooltipWrapper.js"}

package/dist/umd/Tooltips/index.js

@@ -1,33 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "./TooltipWrapper", "./TooltipStyles"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("./TooltipWrapper"), require("./TooltipStyles"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.TooltipWrapper, global.TooltipStyles);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _TooltipWrapper, _TooltipStyles) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-  exports.TooltipContainer = exports.TooltipTrigger = exports.TooltipWrapper = undefined;
-
-  var _TooltipWrapper2 = _interopRequireDefault(_TooltipWrapper);
-
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      default: obj
-    };
-  }
-
-  exports.TooltipWrapper = _TooltipWrapper2.default;
-  exports.TooltipTrigger = _TooltipStyles.TooltipTrigger;
-  exports.TooltipContainer = _TooltipStyles.TooltipContainer;
-});
-//# sourceMappingURL=index.js.map

package/dist/umd/Tooltips/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Tooltips/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;UAGA,c,GAAA,wB;UAAA,c,GAAA,6B;UAAA,gB,GAAA,+B","sourcesContent":["import TooltipWrapper from './TooltipWrapper';\nimport {TooltipTrigger, TooltipContainer} from './TooltipStyles';\n\nexport { TooltipWrapper, TooltipTrigger, TooltipContainer };\n"],"file":"index.js"}