@laerdal/life-react-components 1.4.0 → 1.4.1-dev.11

package/dist/umd/NavItem/NavItem.js

@@ -1,88 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "styled-components", "../styles", "../styles/typography", "../styles/z-indexes"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("styled-components"), require("../styles"), require("../styles/typography"), require("../styles/z-indexes"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.styledComponents, global.styles, global.typography, global.zIndexes);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _styledComponents, _styles, _typography, _zIndexes) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-
-  var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      default: obj
-    };
-  }
-
-  const NavItem = _styledComponents2.default.div`
-  ${(0, _typography.ComponentMStyling)(_typography.ComponentTextStyle.Regular, _styles.COLORS.neutral_600)}
-
-  margin: 0;
-  padding: 0 21px 0 21px;
-  height: 64px;
-
-  display: flex;
-  align-items: center;
-  text-align: center;
-  position: relative;
-
-  &:after {
-    content: '';
-    display: block;
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    height: 3px;
-    background-color: transparent;
-  }
-
-  &.active:not(.disabled) {
-    z-index: ${_zIndexes.Z_INDEXES.active};
-    background-color: ${_styles.COLORS.neutral_20};
-    color: ${_styles.COLORS.neutral_800};
-    &:after {
-      background-color: ${_styles.COLORS.primary_600};
-    }
-  }
-
-  &.disabled {
-    color: ${_styles.COLORS.neutral_300};
-    background-color: ${_styles.COLORS.neutral_100};
-    &:after {
-      background-color: ${_styles.COLORS.neutral_100};
-    }
-  }
-
-  &:hover:not(.disabled) {
-    z-index: ${_zIndexes.Z_INDEXES.hover};
-    background-color: ${_styles.COLORS.primary_20};
-    color: ${_styles.COLORS.primary_700};
-    &:after {
-      background-color: ${_styles.COLORS.primary_600};
-    }
-  }
-
-  &:focus:not(.disabled) {
-    z-index: ${_zIndexes.Z_INDEXES.focus};
-    box-shadow: 0px 0px 8px ${_styles.COLORS.primary_500}, 0px 4px 12px rgba(46, 127, 161, 0.25);
-    outline: none;
-    &:after {
-      background-color: ${_styles.COLORS.primary_600};
-    }
-  }
-`;
-  exports.default = NavItem;
-});
-//# sourceMappingURL=NavItem.js.map

package/dist/umd/NavItem/NavItem.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/NavItem/NavItem.tsx"],"names":["NavItem","styled","div","ComponentMStyling","ComponentTextStyle","COLORS","Z_INDEXES","active","neutral_20","neutral_800","primary_600","neutral_300","neutral_100","hover","primary_20","primary_700","focus","primary_500"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,QAAMA,OAAO,GAAGC,2BAAOC,GAAI;AAC3B,IAAIC,mCAAkBC,+BAAD,OAAjBD,EAA8CE,eAA7B,WAAjBF,CAAkE;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAeG,oBAAUC,MAAO;AAChC,wBAAwBF,eAAOG,UAAW;AAC1C,aAAaH,eAAOI,WAAY;AAChC;AACA,0BAA0BJ,eAAOK,WAAY;AAC7C;AACA;AACA;AACA;AACA,aAAaL,eAAOM,WAAY;AAChC,wBAAwBN,eAAOO,WAAY;AAC3C;AACA,0BAA0BP,eAAOO,WAAY;AAC7C;AACA;AACA;AACA;AACA,eAAeN,oBAAUO,KAAM;AAC/B,wBAAwBR,eAAOS,UAAW;AAC1C,aAAaT,eAAOU,WAAY;AAChC;AACA,0BAA0BV,eAAOK,WAAY;AAC7C;AACA;AACA;AACA;AACA,eAAeJ,oBAAUU,KAAM;AAC/B,8BAA8BX,eAAOY,WAAY;AACjD;AACA;AACA,0BAA0BZ,eAAOK,WAAY;AAC7C;AACA;AAxDA,CAAA;oBA2DA,O","sourcesContent":["import styled from 'styled-components';\n\nimport { COLORS } from '../styles';\nimport { ComponentMStyling, ComponentTextStyle } from '../styles/typography';\nimport {Z_INDEXES} from '../styles/z-indexes';\n\nconst NavItem = styled.div`\n  ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\n\n  margin: 0;\n  padding: 0 21px 0 21px;\n  height: 64px;\n\n  display: flex;\n  align-items: center;\n  text-align: center;\n  position: relative;\n\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    height: 3px;\n    background-color: transparent;\n  }\n\n  &.active:not(.disabled) {\n    z-index: ${Z_INDEXES.active};\n    background-color: ${COLORS.neutral_20};\n    color: ${COLORS.neutral_800};\n    &:after {\n      background-color: ${COLORS.primary_600};\n    }\n  }\n\n  &.disabled {\n    color: ${COLORS.neutral_300};\n    background-color: ${COLORS.neutral_100};\n    &:after {\n      background-color: ${COLORS.neutral_100};\n    }\n  }\n\n  &:hover:not(.disabled) {\n    z-index: ${Z_INDEXES.hover};\n    background-color: ${COLORS.primary_20};\n    color: ${COLORS.primary_700};\n    &:after {\n      background-color: ${COLORS.primary_600};\n    }\n  }\n\n  &:focus:not(.disabled) {\n    z-index: ${Z_INDEXES.focus};\n    box-shadow: 0px 0px 8px ${COLORS.primary_500}, 0px 4px 12px rgba(46, 127, 161, 0.25);\n    outline: none;\n    &:after {\n      background-color: ${COLORS.primary_600};\n    }\n  }\n`;\n\nexport default NavItem;\n"],"file":"NavItem.js"}

package/dist/umd/NavItem/__tests__/NavItem.test.js

@@ -1,23 +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
-  });
-  test('it works', () => {
-    expect(true).toBe(true);
-  });
-});
-//# sourceMappingURL=NavItem.test.js.map

package/dist/umd/NavItem/__tests__/NavItem.test.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/NavItem/__tests__/NavItem.test.ts"],"names":["test","expect"],"mappings":";;;;;;;;;;;;;;;;;;AAGAA,EAAAA,IAAI,CAAA,UAAA,EAAa,MAAM;AACrBC,IAAAA,MAAM,CAANA,IAAM,CAANA,CAAAA,IAAAA,CAAAA,IAAAA;AADFD,GAAI,CAAJA","sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\n\ntest('it works', () => {\n  expect(true).toBe(true);\n});\n"],"file":"NavItem.test.js"}

package/dist/umd/NavItem/index.js

@@ -1,32 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "./NavItem"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("./NavItem"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.NavItem);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _NavItem) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-  Object.defineProperty(exports, "NavItem", {
-    enumerable: true,
-    get: function () {
-      return _interopRequireDefault(_NavItem).default;
-    }
-  });
-
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      default: obj
-    };
-  }
-});
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/NavItem/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;8CAAA,O","sourcesContent":["export { default as NavItem } from './NavItem';\n"],"file":"index.js"}

package/dist/umd/NotificationDot/NotificationDot.js

@@ -1,118 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "prop-types", "react", "styled-components", "../types", ".."], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("prop-types"), require("react"), require("styled-components"), require("../types"), require(".."));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.propTypes, global.react, global.styledComponents, global.types, global._);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _propTypes, _react, _styledComponents, _types, _) {
-  "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 ContentWrapper = _styledComponents2.default.div`
-  width: ${props => props.size === _types.Size.Small ? '16px' : props.size === _types.Size.Large ? '24px' : '20px'};
-  height: ${props => props.size === _types.Size.Small ? '16px' : props.size === _types.Size.Large ? '24px' : '20px'};
-  padding: ${props => props.size === _types.Size.Small ? '3px' : props.size === _types.Size.Large ? '4px' : '4px'};
-  box-sizing: border-box;
-`;
-  const Content = _styledComponents2.default.div`
-  background-color: ${props => props.variant === 'positive' ? _.COLORS.correct_500 : _.COLORS.critical_500};
-  height: ${props => props.size === _types.Size.Small ? '10px' : props.size === _types.Size.Large ? '16px' : '12px'};
-  width: ${props => props.size === _types.Size.Small ? '10px' : props.size === _types.Size.Large ? '16px' : '12px'};
-  border-radius: ${props => props.size === _types.Size.Small ? '10px' : props.size === _types.Size.Large ? '16px' : '12px'};
-  border: ${props => props.size === _types.Size.Small ? '2px solid ' + _.COLORS.white : props.size === _types.Size.Large ? '3px solid ' + _.COLORS.white : '2px solid ' + _.COLORS.white};
-  box-sizing: border-box;
-`;
-
-  const NotificationDot = ({
-    size = _types.Size.Medium,
-    variant,
-    testId
-  }) => {
-    return /*#__PURE__*/React.createElement(ContentWrapper, {
-      size: size,
-      variant: variant
-    }, /*#__PURE__*/React.createElement(Content, {
-      size: size,
-      variant: variant,
-      "data-testid": testId
-    }));
-  };
-
-  NotificationDot.propTypes = {
-    variant: _propTypes2.default.oneOf(['critical', 'positive']).isRequired,
-    testId: _propTypes2.default.string
-  };
-  exports.default = NotificationDot;
-});
-//# sourceMappingURL=NotificationDot.js.map

package/dist/umd/NotificationDot/NotificationDot.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/NotificationDot/NotificationDot.tsx"],"names":["variant","testId","ContentWrapper","styled","div","props","Size","Content","COLORS","critical_500","white","NotificationDot","size"],"mappings":";;;;;;;;;;;;;;;;;;;;;MAAA,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,QAAME,cAAc,GAAGC,2BAAOC,GAAuB;AACrD,WAAYC,KAAD,IAAWA,KAAK,CAALA,IAAAA,KAAeC,YAAfD,KAAAA,GAAAA,MAAAA,GAAsCA,KAAK,CAALA,IAAAA,KAAeC,YAAfD,KAAAA,GAAAA,MAAAA,GAAqC,MAAQ;AACzG,YAAaA,KAAD,IAAWA,KAAK,CAALA,IAAAA,KAAeC,YAAfD,KAAAA,GAAAA,MAAAA,GAAsCA,KAAK,CAALA,IAAAA,KAAeC,YAAfD,KAAAA,GAAAA,MAAAA,GAAqC,MAAQ;AAC1G,aAAcA,KAAD,IAAWA,KAAK,CAALA,IAAAA,KAAeC,YAAfD,KAAAA,GAAAA,KAAAA,GAAqCA,KAAK,CAALA,IAAAA,KAAeC,YAAfD,KAAAA,GAAAA,KAAAA,GAAoC,KAAO;AACxG;AAJA,CAAA;AAOA,QAAME,OAAO,GAAGJ,2BAAOC,GAAuB;AAC9C,sBAAuBC,KAAD,IAAWA,KAAK,CAALA,OAAAA,KAAAA,UAAAA,GAA+BG,SAA/BH,WAAAA,GAAoDG,SAAOC,YAAa;AACzG,YAAaJ,KAAD,IAAWA,KAAK,CAALA,IAAAA,KAAeC,YAAfD,KAAAA,GAAAA,MAAAA,GAAsCA,KAAK,CAALA,IAAAA,KAAeC,YAAfD,KAAAA,GAAAA,MAAAA,GAAqC,MAAQ;AAC1G,WAAYA,KAAD,IAAWA,KAAK,CAALA,IAAAA,KAAeC,YAAfD,KAAAA,GAAAA,MAAAA,GAAsCA,KAAK,CAALA,IAAAA,KAAeC,YAAfD,KAAAA,GAAAA,MAAAA,GAAqC,MAAQ;AACzG,mBAAoBA,KAAD,IAAWA,KAAK,CAALA,IAAAA,KAAeC,YAAfD,KAAAA,GAAAA,MAAAA,GAAsCA,KAAK,CAALA,IAAAA,KAAeC,YAAfD,KAAAA,GAAAA,MAAAA,GAAqC,MAAQ;AACjH,YAAaA,KAAD,IAAWA,KAAK,CAALA,IAAAA,KAAeC,YAAfD,KAAAA,GAA4B,eAAeG,SAA3CH,KAAAA,GAA2DA,KAAK,CAALA,IAAAA,KAAeC,YAAfD,KAAAA,GAA4B,eAAeG,SAA3CH,KAAAA,GAA0D,eAAeG,SAAOE,KAAO;AACzK;AANA,CAAA;;AASA,QAAMC,eAA2D,GAAG,CAAC;AAACC,IAAAA,IAAI,GAAGN,YAAR,MAAA;AAAA,IAAA,OAAA;AAA8BL,IAAAA;AAA9B,GAAD,KAA2C;AAC7G,WAAA,aACE,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAgB,MAAA,IAAI,EAApB,IAAA;AAA4B,MAAA,OAAO,EAAED;AAArC,KAAA,EAAA,aACE,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA;AAAS,MAAA,IAAI,EAAb,IAAA;AAAqB,MAAA,OAAO,EAA5B,OAAA;AAAuC,qBAAaC;AAApD,KAAA,CADF,CADF;AADF,GAAA;;;AApBED,IAAAA,O,6BAAS,U,EAAa,U;AACtBC,IAAAA,M;;oBA2BF,e","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { Size } from '../types';\nimport {COLORS} from '..';\n\nexport interface NotificationProps {\n  size?: Size.Small | Size.Medium | Size.Large;\n  variant: 'critical' | 'positive';\n  testId?: string;\n}\n\nconst ContentWrapper = styled.div<NotificationProps>`\n  width: ${(props) => props.size === Size.Small ? '16px' : (props.size === Size.Large ? '24px' : '20px')};\n  height: ${(props) => props.size === Size.Small ? '16px' : (props.size === Size.Large ? '24px' : '20px')};\n  padding: ${(props) => props.size === Size.Small ? '3px' : (props.size === Size.Large ? '4px' : '4px')};\n  box-sizing: border-box;\n`;\n\nconst Content = styled.div<NotificationProps>`\n  background-color: ${(props) => props.variant === 'positive' ? COLORS.correct_500 : COLORS.critical_500};\n  height: ${(props) => props.size === Size.Small ? '10px' : (props.size === Size.Large ? '16px' : '12px')};\n  width: ${(props) => props.size === Size.Small ? '10px' : (props.size === Size.Large ? '16px' : '12px')};\n  border-radius: ${(props) => props.size === Size.Small ? '10px' : (props.size === Size.Large ? '16px' : '12px')};\n  border: ${(props) => props.size === Size.Small ? '2px solid ' + COLORS.white : (props.size === Size.Large ? '3px solid ' + COLORS.white : '2px solid ' + COLORS.white)};\n  box-sizing: border-box;\n`;\n\nconst NotificationDot: React.FunctionComponent<NotificationProps> = ({size = Size.Medium, variant, testId}) => {\n  return (\n    <ContentWrapper size={size} variant={variant}>\n      <Content size={size} variant={variant} data-testid={testId}/>\n    </ContentWrapper>\n  );\n};\n\nexport default NotificationDot;\n"],"file":"NotificationDot.js"}

package/dist/umd/NotificationDot/__tests__/NotificationDot.test.js

@@ -1,61 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["react", "@testing-library/react", "..", "../../types", "../../styles/colors", "jest-styled-components"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(require("react"), require("@testing-library/react"), require(".."), require("../../types"), require("../../styles/colors"), require("jest-styled-components"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(global.react, global.react, global._, global.types, global.colors, global.jestStyledComponents);
-    global.undefined = mod.exports;
-  }
-})(this, function (_react, _react3, _, _types, _colors) {
-  "use strict";
-
-  var _react2 = _interopRequireDefault(_react);
-
-  var _colors2 = _interopRequireDefault(_colors);
-
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      default: obj
-    };
-  }
-
-  describe('<NotificationDot />', () => {
-    it('renders positive small notification dot', async () => {
-      const {
-        getByTestId
-      } = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_.NotificationDot, {
-        variant: "positive",
-        size: _types.Size.Small,
-        testId: "testId"
-      }));
-      expect(getByTestId('testId')).toHaveStyleRule('background-color', _colors2.default.correct_500);
-      expect(getByTestId('testId')).toHaveStyleRule('border', '2px solid ' + _colors2.default.white);
-    });
-    it('renders critical large notification dot', async () => {
-      const {
-        getByTestId
-      } = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_.NotificationDot, {
-        variant: "critical",
-        size: _types.Size.Large,
-        testId: "testId"
-      }));
-      expect(getByTestId('testId')).toHaveStyleRule('background-color', _colors2.default.critical_500);
-      expect(getByTestId('testId')).toHaveStyleRule('border', '3px solid ' + _colors2.default.white);
-    });
-    it('renders critical medium notification dot', async () => {
-      const {
-        getByTestId
-      } = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_.NotificationDot, {
-        variant: "critical",
-        testId: "testId"
-      }));
-      expect(getByTestId('testId')).toHaveStyleRule('background-color', _colors2.default.critical_500);
-      expect(getByTestId('testId')).toHaveStyleRule('border', '2px solid ' + _colors2.default.white);
-    });
-  });
-});
-//# sourceMappingURL=NotificationDot.test.js.map

package/dist/umd/NotificationDot/__tests__/NotificationDot.test.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/NotificationDot/__tests__/NotificationDot.test.tsx"],"names":["describe","it","getByTestId","render","Size","expect","COLORS"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAOAA,EAAAA,QAAQ,CAAA,qBAAA,EAAuB,MAAI;AAC/BC,IAAAA,EAAE,CAAA,yCAAA,EAA4C,YAAY;AACtD,YAAK;AAACC,QAAAA;AAAD,UAAgBC,qBAAM,aACvB,gBAAA,aAAA,CAAA,iBAAA,EAAA;AAAiB,QAAA,OAAO,EAAxB,UAAA;AAAoC,QAAA,IAAI,EAAEC,YAA1C,KAAA;AAAsD,QAAA,MAAM,EAAC;AAA7D,OAAA,CADiBD,CAArB;AAGAE,MAAAA,MAAM,CAACH,WAAW,CAAlBG,QAAkB,CAAZ,CAANA,CAAAA,eAAAA,CAAAA,kBAAAA,EAAiEC,iBAAjED,WAAAA;AACAA,MAAAA,MAAM,CAACH,WAAW,CAAlBG,QAAkB,CAAZ,CAANA,CAAAA,eAAAA,CAAAA,QAAAA,EAAwD,eAAeC,iBAAvED,KAAAA;AALJJ,KAAE,CAAFA;AAQAA,IAAAA,EAAE,CAAA,yCAAA,EAA4C,YAAY;AACtD,YAAK;AAACC,QAAAA;AAAD,UAAgBC,qBAAM,aACvB,gBAAA,aAAA,CAAA,iBAAA,EAAA;AAAiB,QAAA,OAAO,EAAxB,UAAA;AAAoC,QAAA,IAAI,EAAEC,YAA1C,KAAA;AAAsD,QAAA,MAAM,EAAC;AAA7D,OAAA,CADiBD,CAArB;AAGAE,MAAAA,MAAM,CAACH,WAAW,CAAlBG,QAAkB,CAAZ,CAANA,CAAAA,eAAAA,CAAAA,kBAAAA,EAAiEC,iBAAjED,YAAAA;AACAA,MAAAA,MAAM,CAACH,WAAW,CAAlBG,QAAkB,CAAZ,CAANA,CAAAA,eAAAA,CAAAA,QAAAA,EAAwD,eAAeC,iBAAvED,KAAAA;AALJJ,KAAE,CAAFA;AAQAA,IAAAA,EAAE,CAAA,0CAAA,EAA6C,YAAY;AACvD,YAAK;AAACC,QAAAA;AAAD,UAAgBC,qBAAM,aACvB,gBAAA,aAAA,CAAA,iBAAA,EAAA;AAAiB,QAAA,OAAO,EAAxB,UAAA;AAAoC,QAAA,MAAM,EAAC;AAA3C,OAAA,CADiBA,CAArB;AAGAE,MAAAA,MAAM,CAACH,WAAW,CAAlBG,QAAkB,CAAZ,CAANA,CAAAA,eAAAA,CAAAA,kBAAAA,EAAiEC,iBAAjED,YAAAA;AACAA,MAAAA,MAAM,CAACH,WAAW,CAAlBG,QAAkB,CAAZ,CAANA,CAAAA,eAAAA,CAAAA,QAAAA,EAAwD,eAAeC,iBAAvED,KAAAA;AALJJ,KAAE,CAAFA;AAjBJD,GAAQ,CAARA","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport 'jest-styled-components';\nimport { NotificationDot } from '..';\nimport { Size } from '../../types';\nimport COLORS from '../../styles/colors';\n\ndescribe('<NotificationDot />',()=>{\n    it('renders positive small notification dot', async () => {\n        const{getByTestId} = render(\n            <NotificationDot variant='positive' size={Size.Small} testId='testId'/>\n        );\n        expect(getByTestId('testId')).toHaveStyleRule('background-color',COLORS.correct_500);\n        expect(getByTestId('testId')).toHaveStyleRule('border', '2px solid ' + COLORS.white);\n    });\n\n    it('renders critical large notification dot', async () => {\n        const{getByTestId} = render(\n            <NotificationDot variant='critical' size={Size.Large} testId='testId'/>\n        );\n        expect(getByTestId('testId')).toHaveStyleRule('background-color',COLORS.critical_500);\n        expect(getByTestId('testId')).toHaveStyleRule('border', '3px solid ' + COLORS.white);\n    });\n\n    it('renders critical medium notification dot', async () => {\n        const{getByTestId} = render(\n            <NotificationDot variant='critical' testId='testId'/>\n        );\n        expect(getByTestId('testId')).toHaveStyleRule('background-color',COLORS.critical_500);\n        expect(getByTestId('testId')).toHaveStyleRule('border', '2px solid ' + COLORS.white);\n    });\n});"],"file":"NotificationDot.test.js"}

package/dist/umd/NotificationDot/index.js

@@ -1,32 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "./NotificationDot"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("./NotificationDot"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.NotificationDot);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _NotificationDot) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-  Object.defineProperty(exports, "NotificationDot", {
-    enumerable: true,
-    get: function () {
-      return _interopRequireDefault(_NotificationDot).default;
-    }
-  });
-
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      default: obj
-    };
-  }
-});
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/NotificationDot/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;sDAAA,O","sourcesContent":["export { default as NotificationDot } from './NotificationDot';"],"file":"index.js"}

package/dist/umd/Paginator/Paginator.js

@@ -1,287 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "prop-types", "react", "styled-components", "react-router-dom", "../styles", "../icons/systemicons/SystemIcons", "../styles/typography", "../styles/z-indexes", "react-router", "../Button"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("prop-types"), require("react"), require("styled-components"), require("react-router-dom"), require("../styles"), require("../icons/systemicons/SystemIcons"), require("../styles/typography"), require("../styles/z-indexes"), require("react-router"), require("../Button"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.propTypes, global.react, global.styledComponents, global.reactRouterDom, global.styles, global.SystemIcons, global.typography, global.zIndexes, global.reactRouter, global.Button);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _propTypes, _react, _styledComponents, _reactRouterDom, _styles, _SystemIcons, _typography, _zIndexes, _reactRouter, _Button) {
-  "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 Container = _styledComponents2.default.nav`
-  margin: 20px 0;
-  display: flex;
-  justify-content: center;
-
-  ${_styles.BREAKPOINTS.MEDIUM} {
-    width: 75%;
-  }
-`;
-  const Items = _styledComponents2.default.ul`
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  display: flex;
-`;
-  const Item = _styledComponents2.default.li`
-  width: 48px;
-  height: 48px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  & > * {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    height: 100%;
-    text-decoration: none;
-
-    ${(0, _typography.ComponentMStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.neutral_600)}
-
-    &:focus,
-    &:focus-within {
-      z-index: ${_zIndexes.Z_INDEXES.focus};
-      box-shadow: 0px 4px 12px rgba(46, 127, 161, 0.25), 0px 0px 8px #2e7fa1;
-      outline-width: 0;
-    }
-  }
-  & > a:hover {
-    z-index: ${_zIndexes.Z_INDEXES.hover};
-    color: ${_styles.COLORS.primary_800};
-    background-color: ${_styles.COLORS.primary_20};
-    box-shadow: none;
-  }
-  & > a:active {
-    z-index: ${_zIndexes.Z_INDEXES.active};
-    color: ${_styles.COLORS.primary_700};
-    background-color: ${_styles.COLORS.primary_100};
-    box-shadow: none;
-  }
-  & > a.active {
-    z-index: ${_zIndexes.Z_INDEXES.active};
-    color: ${_styles.COLORS.neutral_800};
-    background-color: ${_styles.COLORS.neutral_20};
-    cursor: default;
-    box-shadow: none;
-    &:hover {
-      color: ${_styles.COLORS.primary_800};
-      background-color: ${_styles.COLORS.primary_20};
-    }
-    &:active {
-      color: ${_styles.COLORS.primary_700};
-      background-color: ${_styles.COLORS.primary_100};
-    }
-  }
-`;
-  const Dots = (0, _styledComponents2.default)(Item)`
-  cursor: not-allowed;
-  &:after{
-    ${(0, _typography.ComponentMStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.neutral_600)}
-    content: '...';
-  }
-`;
-  const ItemContent = (0, _styledComponents2.default)('div')`
-  text-align:center;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  position: relative;
-  width: 100%;
-  height: 100%;
-  
-  &.active:after{
-    content: '';
-    position: absolute;
-    bottom: 4px;
-    width: 32px;
-    border-radius: 4px;
-    height: 4px;
-    background-color: ${_styles.COLORS.primary_500}
-  }
-  &.active:hover:after{
-    background-color: ${_styles.COLORS.primary_700}
-  }
-  &.active:active:after{
-    background-color: ${_styles.COLORS.primary_800}
-  }
-`;
-
-  const Step = ({
-    up = true,
-    target = '',
-    disabled = false,
-    page,
-    onPageChange,
-    id
-  }) => {
-    const history = (0, _reactRouter.useHistory)();
-
-    const handleButtonClick = () => {
-      history.push(target);
-      onPageChange && onPageChange(page);
-    };
-
-    return /*#__PURE__*/React.createElement(_Button.IconButton, {
-      id: id,
-      action: event => handleButtonClick(),
-      variant: 'secondary',
-      shape: 'circular',
-      disabled: disabled
-    }, up ? /*#__PURE__*/React.createElement(_SystemIcons.ChevronRight, null) : /*#__PURE__*/React.createElement(_SystemIcons.ChevronLeft, null));
-  };
-
-  const Paginator = ({
-    pageCount = 1,
-    currentPage = 1,
-    baseUrl = '',
-    onPageChange
-  }) => {
-    const pages = [];
-    let from = 2;
-    let to = 4;
-    if (pageCount === 0) return null;
-
-    if (pageCount > 1) {
-      if (currentPage >= 4 && currentPage <= pageCount - 2) {
-        from = currentPage - 1;
-        to = currentPage + 1;
-      } else if (pageCount - 2 > 1 && currentPage > pageCount - 2) {
-        from = pageCount - 3;
-        to = pageCount - 1;
-      }
-
-      if (to > pageCount) {
-        to = pageCount;
-      }
-
-      for (let i = from; i <= to; i += 1) {
-        pages.push(i);
-      }
-    }
-
-    return /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Items, null, /*#__PURE__*/React.createElement(Step, {
-      up: false,
-      target: `${baseUrl}/${currentPage - 1}`,
-      page: currentPage - 1,
-      disabled: currentPage === 1,
-      onPageChange: () => {
-        if (onPageChange) onPageChange(currentPage - 1);
-      },
-      id: "paginator-left"
-    }), pages.findIndex(item => item === 1) === -1 && /*#__PURE__*/React.createElement(Item, null, /*#__PURE__*/React.createElement(_reactRouterDom.NavLink, {
-      to: `${baseUrl}/1`,
-      onClick: () => {
-        if (onPageChange) onPageChange(1);
-      }
-    }, /*#__PURE__*/React.createElement(ItemContent, {
-      className: currentPage === 1 ? 'active' : ''
-    }, /*#__PURE__*/React.createElement("span", null, "1")))), currentPage >= 4 && pageCount > 5 && pageCount && pages.findIndex(item => item === 1) === -1 && /*#__PURE__*/React.createElement(Dots, null), pages.map(page => /*#__PURE__*/React.createElement(Item, {
-      key: page
-    }, /*#__PURE__*/React.createElement(_reactRouterDom.NavLink, {
-      to: `${baseUrl}/${page}`,
-      onClick: () => {
-        if (onPageChange) onPageChange(page);
-      }
-    }, /*#__PURE__*/React.createElement(ItemContent, {
-      className: currentPage === page ? 'active' : ''
-    }, /*#__PURE__*/React.createElement("span", null, page))))), pageCount > 5 && currentPage <= pageCount - 3 && /*#__PURE__*/React.createElement(Dots, null), pages.findIndex(item => item === pageCount) === -1 && pageCount !== 1 && /*#__PURE__*/React.createElement(Item, null, /*#__PURE__*/React.createElement(_reactRouterDom.NavLink, {
-      to: `${baseUrl}/${pageCount}`,
-      onClick: () => {
-        if (onPageChange) onPageChange(pageCount);
-      }
-    }, /*#__PURE__*/React.createElement(ItemContent, {
-      className: currentPage === pageCount ? 'active' : ''
-    }, /*#__PURE__*/React.createElement("span", null, pageCount)))), /*#__PURE__*/React.createElement(Step, {
-      up: true,
-      target: `${baseUrl}/${currentPage + 1}`,
-      page: currentPage + 1,
-      disabled: currentPage === pageCount,
-      onPageChange: () => {
-        if (onPageChange) onPageChange(currentPage + 1);
-      },
-      id: "paginator-right"
-    })));
-  };
-
-  Paginator.propTypes = {
-    pageCount: _propTypes2.default.number.isRequired,
-    currentPage: _propTypes2.default.number.isRequired,
-    baseUrl: _propTypes2.default.string.isRequired,
-    onPageChange: _propTypes2.default.func
-  };
-  exports.default = Paginator;
-});
-//# sourceMappingURL=Paginator.js.map