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

package/dist/js/Modals/ModalStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Modals/ModalStyles.ts"],"names":["ModalHeader","styled","section","props","marginBottom","StyledModalHeader","height","size","Column","div","ModalTitleSection","ModalHeaderActionsWithImage","hasBackButton","ModalHeaderActions","FlexContainer","ModalHoverModifier","CloseButtonWrapper","hasImage","css","BackButtonWrapper","ModalTitle","h5","fontSize","ModalNoteSection","getBackgroundColor","state","getNoteMessageColor","ModalBody","ModalFooter","Size","Small","Large","COLORS","neutral_600","correct_100","warning_100","critical_100","primary_100","correct_700","warning_700","critical_700","primary_700"],"mappings":"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","sourcesContent":["import styled, { css } from 'styled-components';\r\nimport { COLORS } from '..';\r\nimport { Size } from '../types';\r\n\r\n/**\r\n * Modal styles\r\n */\r\nexport const ModalHeader = styled.section<{ marginBottom?: string }>`\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  margin-bottom: ${(props) => props.marginBottom || '24px'};\r\n`;\r\n\r\nexport const StyledModalHeader = styled(ModalHeader)<{ marginBottom?: string; size?: string; height?: number }>`\r\n  flex: 0 calc(50% - 5px);\r\n  flex-direction: column;\r\n  position: relative;\r\n  text-align: left;\r\n  height: ${(props) => (props.height ? `${props.height - (props.size === 'small' ? 16 : props.size === 'large' ? 32 : 24)}px` : '')};\r\n  img {\r\n    width: 100%;\r\n    height: ${(props) => `${props.height}px`};\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    border-radius: 8px 8px 0 0;\r\n    object-fit: cover;\r\n  }\r\n`;\r\n\r\nexport const Column = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: stretch;\r\n  height: 100%;\r\n`;\r\n\r\nexport const ModalTitleSection = styled.section`\r\n  word-break: break-word;\r\n  display: flex;\r\n  width: 100%;\r\n  justify-content: space-between;\r\n`;\r\n\r\nexport const ModalHeaderActionsWithImage = styled.div<{ hasBackButton?: boolean }>`\r\n  display: flex;\r\n  flex-direction: ${(props) => (!props.hasBackButton ? 'row-reverse' : 'row')};\r\n  justify-content: space-between;\r\n  width: 100%;\r\n  z-index: 1;\r\n`;\r\n\r\nexport const ModalHeaderActions = styled.div`\r\n  display: flex;\r\n  margin: -12px -12px 0 0;\r\n`;\r\n\r\nexport const FlexContainer = styled.div`\r\n  display: flex;\r\n`;\r\n\r\nexport const ModalHoverModifier = styled.div`\r\n  button:hover {\r\n    cursor: help !important;\r\n  }\r\n`;\r\n\r\nexport const CloseButtonWrapper = styled.div<{ size?: Size; hasImage?: boolean }>`\r\n  button {\r\n    ${(props) =>\r\n      props.hasImage\r\n        ? css`\r\n            margin: -12px -12px 0 0 !important;\r\n          `\r\n        : css`\r\n            left: unset;\r\n          `}\r\n  }\r\n`;\r\n\r\nexport const BackButtonWrapper = styled.div<{ size?: Size; hasImage?: boolean }>`\r\n  button {\r\n    margin: -12px 0 0 -12px !important;\r\n  }\r\n`;\r\n\r\nexport const ModalTitle = styled.h5<{ fontSize?: string }>`\r\n  margin: 0;\r\n  font-size: ${(props) => props.fontSize || '1.25em'};\r\n  font-weight: bold;\r\n`;\r\n\r\nexport const ModalNoteSection = styled.section<{ state: string; size?: string }>`\r\n  background-color: ${(props) => getBackgroundColor(props.state)};\r\n  font-size: ${(props) => (props?.size === 'small' ? `16px` : props?.size === 'large' ? '20px' : '18px')};\r\n  margin-top: ${(props) => (props?.size === 'small' ? `0px` : props?.size === 'large' ? '16px' : '4px')};\r\n  margin-bottom: ${(props) => (props?.size === 'small' ? `8px` : props?.size === 'large' ? '24px' : '16px')};\r\n  display: flex;\r\n  flex-direction: row;\r\n  padding: ${(props) => (props?.size === 'small' ? `8px` : props?.size === 'large' ? '16px' : '12px')};\r\n  border-radius: 2px;\r\n\r\n  span {\r\n    display: block;\r\n    width: 80%;\r\n    margin-left: 8px;\r\n    color: ${(props) => getNoteMessageColor(props.state)};\r\n  }\r\n`;\r\n\r\nexport const ModalBody = styled.section<{ size?: string }>`\r\n  > :first-child {\r\n    margin-top: 24px;\r\n  }\r\n\r\n  > :last-child {\r\n    margin-bottom: ${(props) => (props?.size === 'small' ? `8px` : props?.size === 'large' ? '24px' : '16px')};\r\n  }\r\n\r\n  p: first-of-type {\r\n    padding-bottom: ${(props) => (props?.size === 'small' ? `8px` : props?.size === 'large' ? '24px' : '16px')};\r\n  }\r\n`;\r\n\r\nexport const ModalFooter = styled.section<{ size?: Size }>`\r\n  margin-top: ${(props) => (props?.size === Size.Small ? `20px` : props?.size === Size.Large ? '28px' : '24px')};\r\n  display: flex;\r\n  justify-content: flex-end;\r\n\r\n  gap: ${(props) => (props?.size === 'large' ? `16px` : '8px')};\r\n\r\n  .footer-action {\r\n    order: -1;\r\n    margin-right: auto;\r\n    display: flex;\r\n    align-items: center;\r\n    font-size: ${(props) => (props?.size === 'small' ? `16px` : props?.size === 'large' ? '20px' : '18px')};\r\n    gap: ${(props) => (props?.size === Size.Large ? `8px` : props?.size === Size.Small ? '4px' : '6px')};\r\n  }\r\n\r\n  .footer-action.note {\r\n    color: ${COLORS.neutral_600};\r\n  }\r\n`;\r\n\r\nexport const getBackgroundColor = (state: string) => {\r\n  switch (state) {\r\n    case 'positive':\r\n      return COLORS.correct_100;\r\n    case 'warning':\r\n      return COLORS.warning_100;\r\n    case 'critical':\r\n      return COLORS.critical_100;\r\n    default:\r\n      return COLORS.primary_100;\r\n  }\r\n};\r\n\r\nexport const getNoteMessageColor = (state: string) => {\r\n  switch (state) {\r\n    case 'positive':\r\n      return COLORS.correct_700;\r\n    case 'warning':\r\n      return COLORS.warning_700;\r\n    case 'critical':\r\n      return COLORS.critical_700;\r\n    default:\r\n      return COLORS.primary_700;\r\n  }\r\n};\r\n"],"file":"ModalStyles.js"}

package/dist/js/Modals/ModalTypes.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import { ButtonProps } from '../Button/Button';
-import { HyperlinkProps } from '../HyperLink/HyperLink';
-export interface ButtonAction extends Pick<ButtonProps, 'variant' | 'id' | 'loading' | 'disabled' | 'icon' | 'type'> {
-    action?: (() => void) | ((e: any) => void);
-    text: string;
-}
-export interface LeftFooterActionBase {
-    actionType: 'hyperlink' | 'note' | 'button';
-    text: string;
-    icon?: React.ReactNode;
-    action?: (() => void) | ((e: any) => void);
-}
-export interface LeftFooterHyperlink extends HyperlinkProps, LeftFooterActionBase {
-}
-export interface LeftFooterButton extends Pick<ButtonProps, 'variant' | 'id' | 'loading' | 'disabled' | 'icon' | 'type'>, LeftFooterActionBase {
-    text: string;
-}
-export declare type LeftFooterAction = LeftFooterButton | LeftFooterHyperlink;

package/dist/js/Modals/ModalTypes.js

@@ -1,6 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-//# sourceMappingURL=ModalTypes.js.map

package/dist/js/Modals/ModalTypes.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"ModalTypes.js"}

package/dist/js/Modals/__tests__/Modal.test.js

@@ -1,231 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@testing-library/react");
-
-require("jest-styled-components");
-
-var _ = require("..");
-
-var _2 = require("../..");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
-describe('<ModalDialog />', function () {
-  var mountingDiv;
-  beforeEach(function () {
-    //being rendered as a React.Portal we need to have the 'root' div defined
-    mountingDiv = document.createElement('div');
-    mountingDiv.id = 'root';
-    document.body.appendChild(mountingDiv);
-  });
-  afterEach(function () {
-    document.body.removeChild(mountingDiv);
-  });
-  it('Check modal not rendered when isModalOpen is false', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-    var _render, container, getByText;
-
-    return regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _render = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.ModalDialog, {
-              key: "smallModalWithoutImage",
-              closeModalAndClearInput: function closeModalAndClearInput() {},
-              title: 'Header',
-              size: _2.Size.Small,
-              isModalOpen: false,
-              closeAction: function closeAction() {},
-              submitAction: function submitAction() {}
-            })), container = _render.container, getByText = _render.getByText; //check modal portal not exists when modal not opened
-
-            expect(container.querySelector('.ReactModalPortal')).toBeNull();
-
-          case 2:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  })));
-  it('Check modal visible, title and footer buttons displayed correctly', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
-    var _render2, container, getByText;
-
-    return regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            _render2 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.ModalDialog, {
-              key: "smallModalWithoutImage",
-              closeModalAndClearInput: function closeModalAndClearInput() {},
-              title: 'Header',
-              size: _2.Size.Small,
-              isModalOpen: true,
-              closeAction: function closeAction() {},
-              submitAction: function submitAction() {},
-              buttons: [{
-                action: function action() {},
-                text: 'Close',
-                variant: 'tertiary'
-              }, {
-                action: function action() {},
-                text: 'Save'
-              }]
-            })), container = _render2.container, getByText = _render2.getByText; //check modal portal defined
-
-            expect(container.querySelector('.ReactModalPortal')).toBeDefined(); //Check header and footer buttons
-
-            expect(getByText('Header')).toBeDefined();
-            expect(getByText('Close')).toBeDefined();
-            expect(getByText('Save')).toBeDefined();
-
-          case 5:
-          case "end":
-            return _context2.stop();
-        }
-      }
-    }, _callee2);
-  })));
-  it('Check tooltip, and link displayed without right footer buttons', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
-    var _render3, baseElement, getByText;
-
-    return regeneratorRuntime.wrap(function _callee3$(_context3) {
-      while (1) {
-        switch (_context3.prev = _context3.next) {
-          case 0:
-            _render3 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.ModalDialog, {
-              key: "smallModalWithoutImage",
-              closeModalAndClearInput: function closeModalAndClearInput() {},
-              title: 'Header',
-              size: _2.Size.Small,
-              isModalOpen: true,
-              closeAction: function closeAction() {},
-              submitAction: function submitAction() {},
-              tooltip: 'some test tooltip',
-              leftFooterAction: {
-                id: 'test-link',
-                actionType: 'hyperlink',
-                text: 'Link',
-                href: 'http://test.com',
-                icon: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null),
-                variant: 'default'
-              }
-            })), baseElement = _render3.baseElement, getByText = _render3.getByText; //check tooltip displayed
-
-            expect(getByText('some test tooltip').textContent).toBeDefined(); //check footer link displayed
-
-            expect(getByText('Link').children).toBeDefined();
-
-          case 3:
-          case "end":
-            return _context3.stop();
-        }
-      }
-    }, _callee3);
-  })));
-  it('Check note and footer note displayed', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
-    var _baseElement$querySel;
-
-    var _render4, baseElement, getByText;
-
-    return regeneratorRuntime.wrap(function _callee4$(_context4) {
-      while (1) {
-        switch (_context4.prev = _context4.next) {
-          case 0:
-            _render4 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.ModalDialog, {
-              key: "smallModalWithoutImage",
-              closeModalAndClearInput: function closeModalAndClearInput() {},
-              title: 'Header',
-              size: _2.Size.Small,
-              isModalOpen: true,
-              closeAction: function closeAction() {},
-              submitAction: function submitAction() {},
-              leftFooterAction: {
-                id: 'test-note',
-                actionType: 'note',
-                text: 'Test note',
-                icon: /*#__PURE__*/_react.default.createElement(_2.SystemIcons.Information, null)
-              },
-              note: 'Message text',
-              state: 'critical'
-            })), baseElement = _render4.baseElement, getByText = _render4.getByText; //check footer note text displayed
-
-            expect(getByText('Test note').textContent).toBeDefined(); //check note section added
-
-            expect((_baseElement$querySel = baseElement.querySelectorAll('section')) === null || _baseElement$querySel === void 0 ? void 0 : _baseElement$querySel.length).toEqual(4); //check note message displayed
-
-            expect(getByText('Message text').children).toBeDefined();
-
-          case 4:
-          case "end":
-            return _context4.stop();
-        }
-      }
-    }, _callee4);
-  })));
-  it('Check back button and close icon displayed', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5() {
-    var _baseElement$querySel2;
-
-    var _render5, baseElement, getByText, container;
-
-    return regeneratorRuntime.wrap(function _callee5$(_context5) {
-      while (1) {
-        switch (_context5.prev = _context5.next) {
-          case 0:
-            _render5 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.ModalDialog, {
-              key: "smallModalWithoutImage",
-              closeModalAndClearInput: function closeModalAndClearInput() {},
-              title: 'Header',
-              size: _2.Size.Small,
-              backButton: function backButton() {},
-              isModalOpen: true,
-              closeAction: function closeAction() {},
-              submitAction: function submitAction() {}
-            })), baseElement = _render5.baseElement, getByText = _render5.getByText, container = _render5.container; //only 2 svg elements should be found in the header of the modal
-
-            expect((_baseElement$querySel2 = baseElement.querySelectorAll('svg')) === null || _baseElement$querySel2 === void 0 ? void 0 : _baseElement$querySel2.length).toEqual(2);
-
-          case 2:
-          case "end":
-            return _context5.stop();
-        }
-      }
-    }, _callee5);
-  })));
-  it('Check modal body displayed', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee6() {
-    var _baseElement$querySel3, _baseElement$querySel4;
-
-    var _render6, baseElement, getByText, container;
-
-    return regeneratorRuntime.wrap(function _callee6$(_context6) {
-      while (1) {
-        switch (_context6.prev = _context6.next) {
-          case 0:
-            _render6 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.ModalDialog, {
-              key: "smallModalWithoutImage",
-              closeModalAndClearInput: function closeModalAndClearInput() {},
-              title: 'Header',
-              size: _2.Size.Small,
-              isModalOpen: true,
-              closeAction: function closeAction() {},
-              submitAction: function submitAction() {}
-            }, /*#__PURE__*/_react.default.createElement("span", null, "Inner modal text"))), baseElement = _render6.baseElement, getByText = _render6.getByText, container = _render6.container; //Check all dialog sections are displayed
-
-            expect((_baseElement$querySel3 = baseElement.querySelectorAll('section')) === null || _baseElement$querySel3 === void 0 ? void 0 : _baseElement$querySel3.length).toEqual(3); //Check that the second section (modal body) has the correct text
-
-            expect((_baseElement$querySel4 = baseElement.querySelectorAll('section')) === null || _baseElement$querySel4 === void 0 ? void 0 : _baseElement$querySel4[1].textContent).toEqual('Inner modal text');
-
-          case 3:
-          case "end":
-            return _context6.stop();
-        }
-      }
-    }, _callee6);
-  })));
-});
-//# sourceMappingURL=Modal.test.js.map

package/dist/js/Modals/__tests__/Modal.test.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/Modals/__tests__/Modal.test.tsx"],"names":["describe","mountingDiv","beforeEach","document","createElement","id","body","appendChild","afterEach","removeChild","it","Size","Small","container","getByText","expect","querySelector","toBeNull","action","text","variant","toBeDefined","actionType","href","icon","baseElement","textContent","children","querySelectorAll","length","toEqual"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport { render } from '@testing-library/react';\r\nimport 'jest-styled-components';\r\nimport { ModalDialog } from '..';\r\nimport { COLORS, Size, SystemIcons } from '../..';\r\n\r\ndescribe('<ModalDialog />', () => {\r\n  let mountingDiv: HTMLElement;\r\n\r\n  beforeEach(() => {\r\n    //being rendered as a React.Portal we need to have the 'root' div defined\r\n    mountingDiv = document.createElement('div');\r\n    mountingDiv.id = 'root';\r\n    document.body.appendChild(mountingDiv);\r\n  });\r\n\r\n  afterEach(() => {\r\n    document.body.removeChild(mountingDiv);\r\n  });\r\n\r\n  it('Check modal not rendered when isModalOpen is false', async () => {\r\n    const { container, getByText } = render(\r\n      <ModalDialog\r\n        key=\"smallModalWithoutImage\"\r\n        closeModalAndClearInput={() => {}}\r\n        title={'Header'}\r\n        size={Size.Small}\r\n        isModalOpen={false}\r\n        closeAction={() => {}}\r\n        submitAction={() => {}}\r\n      />,\r\n    );\r\n    //check modal portal not exists when modal not opened\r\n    expect(container.querySelector('.ReactModalPortal')).toBeNull();\r\n  });\r\n\r\n  it('Check modal visible, title and footer buttons displayed correctly', async () => {\r\n    const { container, getByText } = render(\r\n      <ModalDialog\r\n        key=\"smallModalWithoutImage\"\r\n        closeModalAndClearInput={() => {}}\r\n        title={'Header'}\r\n        size={Size.Small}\r\n        isModalOpen={true}\r\n        closeAction={() => {}}\r\n        submitAction={() => {}}\r\n        buttons={[\r\n          {\r\n            action: () => {},\r\n            text: 'Close',\r\n            variant: 'tertiary',\r\n          },\r\n          {\r\n            action: () => {},\r\n            text: 'Save',\r\n          },\r\n        ]}\r\n      />,\r\n    );\r\n    //check modal portal defined\r\n    expect(container.querySelector('.ReactModalPortal')).toBeDefined();\r\n    //Check header and footer buttons\r\n    expect(getByText('Header')).toBeDefined();\r\n    expect(getByText('Close')).toBeDefined();\r\n    expect(getByText('Save')).toBeDefined();\r\n  });\r\n\r\n  it('Check tooltip, and link displayed without right footer buttons', async () => {\r\n    const { baseElement, getByText } = render(\r\n      <ModalDialog\r\n        key=\"smallModalWithoutImage\"\r\n        closeModalAndClearInput={() => {}}\r\n        title={'Header'}\r\n        size={Size.Small}\r\n        isModalOpen={true}\r\n        closeAction={() => {}}\r\n        submitAction={() => {}}\r\n        tooltip={'some test tooltip'}\r\n        leftFooterAction={{ id: 'test-link', actionType: 'hyperlink', text: 'Link', href: 'http://test.com', icon: <></>, variant: 'default' }}\r\n      />,\r\n    );\r\n    //check tooltip displayed\r\n    expect(getByText('some test tooltip').textContent).toBeDefined();\r\n    //check footer link displayed\r\n    expect(getByText('Link').children).toBeDefined();\r\n  });\r\n\r\n  it('Check note and footer note displayed', async () => {\r\n    const { baseElement, getByText } = render(\r\n      <ModalDialog\r\n        key=\"smallModalWithoutImage\"\r\n        closeModalAndClearInput={() => {}}\r\n        title={'Header'}\r\n        size={Size.Small}\r\n        isModalOpen={true}\r\n        closeAction={() => {}}\r\n        submitAction={() => {}}\r\n        leftFooterAction={{ id: 'test-note', actionType: 'note', text: 'Test note', icon: <SystemIcons.Information /> }}\r\n        note={'Message text'}\r\n        state={'critical'}\r\n      />,\r\n    );\r\n    //check footer note text displayed\r\n    expect(getByText('Test note').textContent).toBeDefined();\r\n    //check note section added\r\n    expect(baseElement.querySelectorAll('section')?.length).toEqual(4);\r\n    //check note message displayed\r\n    expect(getByText('Message text').children).toBeDefined();\r\n  });\r\n\r\n  it('Check back button and close icon displayed', async () => {\r\n    const { baseElement, getByText, container } = render(\r\n      <ModalDialog\r\n        key=\"smallModalWithoutImage\"\r\n        closeModalAndClearInput={() => {}}\r\n        title={'Header'}\r\n        size={Size.Small}\r\n        backButton={() => {}}\r\n        isModalOpen={true}\r\n        closeAction={() => {}}\r\n        submitAction={() => {}}\r\n      />,\r\n    );\r\n    //only 2 svg elements should be found in the header of the modal\r\n    expect(baseElement.querySelectorAll('svg')?.length).toEqual(2);\r\n  });\r\n\r\n  it('Check modal body displayed', async () => {\r\n    const { baseElement, getByText, container } = render(\r\n      <ModalDialog\r\n        key=\"smallModalWithoutImage\"\r\n        closeModalAndClearInput={() => {}}\r\n        title={'Header'}\r\n        size={Size.Small}\r\n        isModalOpen={true}\r\n        closeAction={() => {}}\r\n        submitAction={() => {}}>\r\n        <span>Inner modal text</span>\r\n      </ModalDialog>,\r\n    );\r\n    //Check all dialog sections are displayed\r\n    expect(baseElement.querySelectorAll('section')?.length).toEqual(3);\r\n    //Check that the second section (modal body) has the correct text\r\n    expect(baseElement.querySelectorAll('section')?.[1].textContent).toEqual('Inner modal text');\r\n  });\r\n});\r\n"],"file":"Modal.test.js"}

package/dist/js/Modals/index.d.ts

@@ -1,5 +0,0 @@
-import Modal, { ModalCloseButton } from './Modal';
-import ModalContainer from './ModalContainer';
-import { ModalHeader, ModalTitle, ModalBody, ModalFooter } from './ModalStyles';
-import ModalDialog from './ModalDialog';
-export { Modal, ModalContainer, ModalHeader, ModalBody, ModalFooter, ModalTitle, ModalCloseButton, ModalDialog };

package/dist/js/Modals/index.js

@@ -1,70 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Modal", {
-  enumerable: true,
-  get: function get() {
-    return _Modal.default;
-  }
-});
-Object.defineProperty(exports, "ModalCloseButton", {
-  enumerable: true,
-  get: function get() {
-    return _Modal.ModalCloseButton;
-  }
-});
-Object.defineProperty(exports, "ModalContainer", {
-  enumerable: true,
-  get: function get() {
-    return _ModalContainer.default;
-  }
-});
-Object.defineProperty(exports, "ModalHeader", {
-  enumerable: true,
-  get: function get() {
-    return _ModalStyles.ModalHeader;
-  }
-});
-Object.defineProperty(exports, "ModalTitle", {
-  enumerable: true,
-  get: function get() {
-    return _ModalStyles.ModalTitle;
-  }
-});
-Object.defineProperty(exports, "ModalBody", {
-  enumerable: true,
-  get: function get() {
-    return _ModalStyles.ModalBody;
-  }
-});
-Object.defineProperty(exports, "ModalFooter", {
-  enumerable: true,
-  get: function get() {
-    return _ModalStyles.ModalFooter;
-  }
-});
-Object.defineProperty(exports, "ModalDialog", {
-  enumerable: true,
-  get: function get() {
-    return _ModalDialog.default;
-  }
-});
-
-var _Modal = _interopRequireWildcard(require("./Modal"));
-
-var _ModalContainer = _interopRequireDefault(require("./ModalContainer"));
-
-var _ModalStyles = require("./ModalStyles");
-
-var _ModalDialog = _interopRequireDefault(require("./ModalDialog"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-//# sourceMappingURL=index.js.map

package/dist/js/Modals/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Modals/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA","sourcesContent":["import Modal, { ModalCloseButton } from './Modal';\r\nimport ModalContainer from './ModalContainer';\r\nimport { ModalHeader, ModalTitle, ModalBody, ModalFooter } from './ModalStyles';\r\nimport ModalDialog from './ModalDialog';\r\n\r\nexport { Modal, ModalContainer, ModalHeader, ModalBody, ModalFooter, ModalTitle, ModalCloseButton, ModalDialog };\r\n"],"file":"index.js"}

package/dist/js/NavItem/NavItem.d.ts

@@ -1,2 +0,0 @@
-declare const NavItem: import("styled-components").StyledComponent<"div", any, {}, never>;
-export default NavItem;

package/dist/js/NavItem/NavItem.js

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _styles = require("../styles");
-
-var _typography = require("../styles/typography");
-
-var _zIndexes = require("../styles/z-indexes");
-
-var _templateObject;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var NavItem = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\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: ", ";\n    background-color: ", ";\n    color: ", ";\n    &:after {\n      background-color: ", ";\n    }\n  }\n\n  &.disabled {\n    color: ", ";\n    background-color: ", ";\n    &:after {\n      background-color: ", ";\n    }\n  }\n\n  &:hover:not(.disabled) {\n    z-index: ", ";\n    background-color: ", ";\n    color: ", ";\n    &:after {\n      background-color: ", ";\n    }\n  }\n\n  &:focus:not(.disabled) {\n    z-index: ", ";\n    box-shadow: 0px 0px 8px ", ", 0px 4px 12px rgba(46, 127, 161, 0.25);\n    outline: none;\n    &:after {\n      background-color: ", ";\n    }\n  }\n"])), (0, _typography.ComponentMStyling)(_typography.ComponentTextStyle.Regular, _styles.COLORS.neutral_600), _zIndexes.Z_INDEXES.active, _styles.COLORS.neutral_20, _styles.COLORS.neutral_800, _styles.COLORS.primary_600, _styles.COLORS.neutral_300, _styles.COLORS.neutral_100, _styles.COLORS.neutral_100, _zIndexes.Z_INDEXES.hover, _styles.COLORS.primary_20, _styles.COLORS.primary_700, _styles.COLORS.primary_600, _zIndexes.Z_INDEXES.focus, _styles.COLORS.primary_500, _styles.COLORS.primary_600);
-
-var _default = NavItem;
-exports.default = _default;
-//# sourceMappingURL=NavItem.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/NavItem/NavItem.tsx"],"names":["NavItem","styled","div","ComponentTextStyle","Regular","COLORS","neutral_600","Z_INDEXES","active","neutral_20","neutral_800","primary_600","neutral_300","neutral_100","hover","primary_20","primary_700","focus","primary_500"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,OAAO,GAAGC,0BAAOC,GAAV,yhCACT,mCAAkBC,+BAAmBC,OAArC,EAA8CC,eAAOC,WAArD,CADS,EAwBEC,oBAAUC,MAxBZ,EAyBWH,eAAOI,UAzBlB,EA0BAJ,eAAOK,WA1BP,EA4BaL,eAAOM,WA5BpB,EAiCAN,eAAOO,WAjCP,EAkCWP,eAAOQ,WAlClB,EAoCaR,eAAOQ,WApCpB,EAyCEN,oBAAUO,KAzCZ,EA0CWT,eAAOU,UA1ClB,EA2CAV,eAAOW,WA3CP,EA6CaX,eAAOM,WA7CpB,EAkDEJ,oBAAUU,KAlDZ,EAmDiBZ,eAAOa,WAnDxB,EAsDab,eAAOM,WAtDpB,CAAb;;eA2DeX,O","sourcesContent":["import styled from 'styled-components';\r\n\r\nimport { COLORS } from '../styles';\r\nimport { ComponentMStyling, ComponentTextStyle } from '../styles/typography';\r\nimport {Z_INDEXES} from '../styles/z-indexes';\r\n\r\nconst NavItem = styled.div`\r\n  ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\r\n\r\n  margin: 0;\r\n  padding: 0 21px 0 21px;\r\n  height: 64px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  text-align: center;\r\n  position: relative;\r\n\r\n  &:after {\r\n    content: '';\r\n    display: block;\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 3px;\r\n    background-color: transparent;\r\n  }\r\n\r\n  &.active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    background-color: ${COLORS.neutral_20};\r\n    color: ${COLORS.neutral_800};\r\n    &:after {\r\n      background-color: ${COLORS.primary_600};\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    color: ${COLORS.neutral_300};\r\n    background-color: ${COLORS.neutral_100};\r\n    &:after {\r\n      background-color: ${COLORS.neutral_100};\r\n    }\r\n  }\r\n\r\n  &:hover:not(.disabled) {\r\n    z-index: ${Z_INDEXES.hover};\r\n    background-color: ${COLORS.primary_20};\r\n    color: ${COLORS.primary_700};\r\n    &:after {\r\n      background-color: ${COLORS.primary_600};\r\n    }\r\n  }\r\n\r\n  &:focus:not(.disabled) {\r\n    z-index: ${Z_INDEXES.focus};\r\n    box-shadow: 0px 0px 8px ${COLORS.primary_500}, 0px 4px 12px rgba(46, 127, 161, 0.25);\r\n    outline: none;\r\n    &:after {\r\n      background-color: ${COLORS.primary_600};\r\n    }\r\n  }\r\n`;\r\n\r\nexport default NavItem;\r\n"],"file":"NavItem.js"}

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

@@ -1,9 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-test('it works', function () {
-  expect(true).toBe(true);
-});
-//# sourceMappingURL=NavItem.test.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/NavItem/__tests__/NavItem.test.ts"],"names":["test","expect","toBe"],"mappings":";;;;;AAGAA,IAAI,CAAC,UAAD,EAAa,YAAM;AACrBC,EAAAA,MAAM,CAAC,IAAD,CAAN,CAAaC,IAAb,CAAkB,IAAlB;AACD,CAFG,CAAJ","sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\n\r\ntest('it works', () => {\r\n  expect(true).toBe(true);\r\n});\r\n"],"file":"NavItem.test.js"}

package/dist/js/NavItem/index.d.ts

@@ -1 +0,0 @@
-export { default as NavItem } from './NavItem';

package/dist/js/NavItem/index.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "NavItem", {
-  enumerable: true,
-  get: function get() {
-    return _NavItem.default;
-  }
-});
-
-var _NavItem = _interopRequireDefault(require("./NavItem"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-//# sourceMappingURL=index.js.map

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

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

package/dist/js/NotificationDot/NotificationDot.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { Size } from '../types';
-export interface NotificationProps {
-    size?: Size.Small | Size.Medium | Size.Large;
-    variant: 'critical' | 'positive';
-    testId?: string;
-}
-declare const NotificationDot: React.FunctionComponent<NotificationProps>;
-export default NotificationDot;

package/dist/js/NotificationDot/NotificationDot.js

@@ -1,71 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _types = require("../types");
-
-var _ = require("..");
-
-var _templateObject, _templateObject2;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var ContentWrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: ", ";\n  height: ", ";\n  padding: ", ";\n  box-sizing: border-box;\n"])), function (props) {
-  return props.size === _types.Size.Small ? '16px' : props.size === _types.Size.Large ? '24px' : '20px';
-}, function (props) {
-  return props.size === _types.Size.Small ? '16px' : props.size === _types.Size.Large ? '24px' : '20px';
-}, function (props) {
-  return props.size === _types.Size.Small ? '3px' : props.size === _types.Size.Large ? '4px' : '4px';
-});
-
-var Content = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  height: ", ";\n  width: ", ";\n  border-radius: ", ";\n  border: ", ";\n  box-sizing: border-box;\n"])), function (props) {
-  return props.variant === 'positive' ? _.COLORS.correct_500 : _.COLORS.critical_500;
-}, function (props) {
-  return props.size === _types.Size.Small ? '10px' : props.size === _types.Size.Large ? '16px' : '12px';
-}, function (props) {
-  return props.size === _types.Size.Small ? '10px' : props.size === _types.Size.Large ? '16px' : '12px';
-}, function (props) {
-  return props.size === _types.Size.Small ? '10px' : props.size === _types.Size.Large ? '16px' : '12px';
-}, function (props) {
-  return props.size === _types.Size.Small ? '2px solid ' + _.COLORS.white : props.size === _types.Size.Large ? '3px solid ' + _.COLORS.white : '2px solid ' + _.COLORS.white;
-});
-
-var NotificationDot = function NotificationDot(_ref) {
-  var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? _types.Size.Medium : _ref$size,
-      variant = _ref.variant,
-      testId = _ref.testId;
-  return /*#__PURE__*/React.createElement(ContentWrapper, {
-    size: size,
-    variant: variant
-  }, /*#__PURE__*/React.createElement(Content, {
-    size: size,
-    variant: variant,
-    "data-testid": testId
-  }));
-};
-
-NotificationDot.propTypes = {
-  variant: _propTypes.default.oneOf(['critical', 'positive']).isRequired,
-  testId: _propTypes.default.string
-};
-var _default = NotificationDot;
-exports.default = _default;
-//# sourceMappingURL=NotificationDot.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/NotificationDot/NotificationDot.tsx"],"names":["ContentWrapper","styled","div","props","size","Size","Small","Large","Content","variant","COLORS","correct_500","critical_500","white","NotificationDot","Medium","testId"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAQA,IAAMA,cAAc,GAAGC,0BAAOC,GAAV,sJACT,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,IAAN,KAAeC,YAAKC,KAApB,GAA4B,MAA5B,GAAsCH,KAAK,CAACC,IAAN,KAAeC,YAAKE,KAApB,GAA4B,MAA5B,GAAqC,MAAtF;AAAA,CADS,EAER,UAACJ,KAAD;AAAA,SAAWA,KAAK,CAACC,IAAN,KAAeC,YAAKC,KAApB,GAA4B,MAA5B,GAAsCH,KAAK,CAACC,IAAN,KAAeC,YAAKE,KAApB,GAA4B,MAA5B,GAAqC,MAAtF;AAAA,CAFQ,EAGP,UAACJ,KAAD;AAAA,SAAWA,KAAK,CAACC,IAAN,KAAeC,YAAKC,KAApB,GAA4B,KAA5B,GAAqCH,KAAK,CAACC,IAAN,KAAeC,YAAKE,KAApB,GAA4B,KAA5B,GAAoC,KAApF;AAAA,CAHO,CAApB;;AAOA,IAAMC,OAAO,GAAGP,0BAAOC,GAAV,0MACS,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACM,OAAN,KAAkB,UAAlB,GAA+BC,SAAOC,WAAtC,GAAoDD,SAAOE,YAAtE;AAAA,CADT,EAED,UAACT,KAAD;AAAA,SAAWA,KAAK,CAACC,IAAN,KAAeC,YAAKC,KAApB,GAA4B,MAA5B,GAAsCH,KAAK,CAACC,IAAN,KAAeC,YAAKE,KAApB,GAA4B,MAA5B,GAAqC,MAAtF;AAAA,CAFC,EAGF,UAACJ,KAAD;AAAA,SAAWA,KAAK,CAACC,IAAN,KAAeC,YAAKC,KAApB,GAA4B,MAA5B,GAAsCH,KAAK,CAACC,IAAN,KAAeC,YAAKE,KAApB,GAA4B,MAA5B,GAAqC,MAAtF;AAAA,CAHE,EAIM,UAACJ,KAAD;AAAA,SAAWA,KAAK,CAACC,IAAN,KAAeC,YAAKC,KAApB,GAA4B,MAA5B,GAAsCH,KAAK,CAACC,IAAN,KAAeC,YAAKE,KAApB,GAA4B,MAA5B,GAAqC,MAAtF;AAAA,CAJN,EAKD,UAACJ,KAAD;AAAA,SAAWA,KAAK,CAACC,IAAN,KAAeC,YAAKC,KAApB,GAA4B,eAAeI,SAAOG,KAAlD,GAA2DV,KAAK,CAACC,IAAN,KAAeC,YAAKE,KAApB,GAA4B,eAAeG,SAAOG,KAAlD,GAA0D,eAAeH,SAAOG,KAAtJ;AAAA,CALC,CAAb;;AASA,IAAMC,eAA2D,GAAG,SAA9DA,eAA8D,OAA2C;AAAA,uBAAzCV,IAAyC;AAAA,MAAzCA,IAAyC,0BAAlCC,YAAKU,MAA6B;AAAA,MAArBN,OAAqB,QAArBA,OAAqB;AAAA,MAAZO,MAAY,QAAZA,MAAY;AAC7G,sBACE,oBAAC,cAAD;AAAgB,IAAA,IAAI,EAAEZ,IAAtB;AAA4B,IAAA,OAAO,EAAEK;AAArC,kBACE,oBAAC,OAAD;AAAS,IAAA,IAAI,EAAEL,IAAf;AAAqB,IAAA,OAAO,EAAEK,OAA9B;AAAuC,mBAAaO;AAApD,IADF,CADF;AAKD,CAND;;;AApBEP,EAAAA,O,4BAAS,U,EAAa,U;AACtBO,EAAAA,M;;eA2BaF,e","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { Size } from '../types';\r\nimport {COLORS} from '..';\r\n\r\nexport interface NotificationProps {\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  variant: 'critical' | 'positive';\r\n  testId?: string;\r\n}\r\n\r\nconst ContentWrapper = styled.div<NotificationProps>`\r\n  width: ${(props) => props.size === Size.Small ? '16px' : (props.size === Size.Large ? '24px' : '20px')};\r\n  height: ${(props) => props.size === Size.Small ? '16px' : (props.size === Size.Large ? '24px' : '20px')};\r\n  padding: ${(props) => props.size === Size.Small ? '3px' : (props.size === Size.Large ? '4px' : '4px')};\r\n  box-sizing: border-box;\r\n`;\r\n\r\nconst Content = styled.div<NotificationProps>`\r\n  background-color: ${(props) => props.variant === 'positive' ? COLORS.correct_500 : COLORS.critical_500};\r\n  height: ${(props) => props.size === Size.Small ? '10px' : (props.size === Size.Large ? '16px' : '12px')};\r\n  width: ${(props) => props.size === Size.Small ? '10px' : (props.size === Size.Large ? '16px' : '12px')};\r\n  border-radius: ${(props) => props.size === Size.Small ? '10px' : (props.size === Size.Large ? '16px' : '12px')};\r\n  border: ${(props) => props.size === Size.Small ? '2px solid ' + COLORS.white : (props.size === Size.Large ? '3px solid ' + COLORS.white : '2px solid ' + COLORS.white)};\r\n  box-sizing: border-box;\r\n`;\r\n\r\nconst NotificationDot: React.FunctionComponent<NotificationProps> = ({size = Size.Medium, variant, testId}) => {\r\n  return (\r\n    <ContentWrapper size={size} variant={variant}>\r\n      <Content size={size} variant={variant} data-testid={testId}/>\r\n    </ContentWrapper>\r\n  );\r\n};\r\n\r\nexport default NotificationDot;\r\n"],"file":"NotificationDot.js"}