@laerdal/life-react-components 1.4.1-dev.2 → 1.4.1-dev.3

package/dist/esm/Toasters/__tests__/Toast.test.js

@@ -0,0 +1,72 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import { Toast } from '../index';
+import 'jest-styled-components';
+import { ToastColor, ToastPosition } from '../../types';
+describe('<Toast />', () => {
+  it('Renders black toast', async () => {
+    const {
+      queryByText,
+      getByTestId
+    } = render( /*#__PURE__*/React.createElement(Toast, {
+      key: "a",
+      options: {
+        color: ToastColor.BLACK,
+        position: ToastPosition.TOPMIDDLE
+      },
+      content: "This is a warning",
+      testId: "TestToast"
+    }));
+    expect(queryByText('This is a warning')).toBeDefined();
+    expect(getByTestId('TestToast').classList.contains('BLACK')).toBe(true);
+  });
+  it('Renders white toast', async () => {
+    const {
+      queryByText,
+      getByTestId
+    } = render( /*#__PURE__*/React.createElement(Toast, {
+      key: "a",
+      options: {
+        color: ToastColor.WHITE,
+        position: ToastPosition.TOPMIDDLE
+      },
+      content: "This is a warning",
+      testId: "TestToast"
+    }));
+    expect(queryByText('This is a warning')).toBeDefined();
+    expect(getByTestId('TestToast').classList.contains('WHITE')).toBe(true);
+  });
+  it('Renders warning toast', async () => {
+    const {
+      queryByText,
+      getByTestId
+    } = render( /*#__PURE__*/React.createElement(Toast, {
+      key: "a",
+      options: {
+        color: ToastColor.ORANGE,
+        position: ToastPosition.TOPMIDDLE
+      },
+      content: "This is a warning",
+      testId: "TestToast"
+    }));
+    expect(queryByText('This is a warning')).toBeDefined();
+    expect(getByTestId('TestToast').classList.contains('ORANGE')).toBe(true);
+  });
+  it('Renders error toast', async () => {
+    const {
+      queryByText,
+      getByTestId
+    } = render( /*#__PURE__*/React.createElement(Toast, {
+      key: "a",
+      options: {
+        color: ToastColor.RED,
+        position: ToastPosition.TOPMIDDLE
+      },
+      content: "This is a warning",
+      testId: "TestToast"
+    }));
+    expect(queryByText('This is a warning')).toBeDefined();
+    expect(getByTestId('TestToast').classList.contains('RED')).toBe(true);
+  });
+});
+//# sourceMappingURL=Toast.test.js.map

package/dist/esm/Toasters/__tests__/Toast.test.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Toasters/__tests__/Toast.test.tsx"],"names":["React","render","Toast","ToastColor","ToastPosition","describe","it","queryByText","getByTestId","color","BLACK","position","TOPMIDDLE","expect","toBeDefined","classList","contains","toBe","WHITE","ORANGE","RED"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport { Toast } from '../index';\nimport 'jest-styled-components';\nimport { ToastColor, ToastPosition } from '../../types';\n\ndescribe('<Toast />', () => {\n  it('Renders black toast', async () => {\n    const { queryByText, getByTestId } = render(\n      <Toast\n        key=\"a\"\n        options={{\n          color: ToastColor.BLACK,\n          position: ToastPosition.TOPMIDDLE,\n        }}\n        content=\"This is a warning\"\n        testId=\"TestToast\"\n      />,\n    );\n    expect(queryByText('This is a warning')).toBeDefined();\n    expect(getByTestId('TestToast').classList.contains('BLACK')).toBe(true);\n  });\n  it('Renders white toast', async () => {\n    const { queryByText, getByTestId } = render(\n      <Toast\n        key=\"a\"\n        options={{\n          color: ToastColor.WHITE,\n          position: ToastPosition.TOPMIDDLE,\n        }}\n        content=\"This is a warning\"\n        testId=\"TestToast\"\n      />,\n    );\n    expect(queryByText('This is a warning')).toBeDefined();\n    expect(getByTestId('TestToast').classList.contains('WHITE')).toBe(true);\n  });\n  it('Renders warning toast', async () => {\n    const { queryByText, getByTestId } = render(\n      <Toast\n        key=\"a\"\n        options={{\n          color: ToastColor.ORANGE,\n          position: ToastPosition.TOPMIDDLE,\n        }}\n        content=\"This is a warning\"\n        testId=\"TestToast\"\n      />,\n    );\n    expect(queryByText('This is a warning')).toBeDefined();\n    expect(getByTestId('TestToast').classList.contains('ORANGE')).toBe(true);\n  });\n  it('Renders error toast', async () => {\n    const { queryByText, getByTestId } = render(\n      <Toast\n        key=\"a\"\n        options={{\n          color: ToastColor.RED,\n          position: ToastPosition.TOPMIDDLE,\n        }}\n        content=\"This is a warning\"\n        testId=\"TestToast\"\n      />,\n    );\n    expect(queryByText('This is a warning')).toBeDefined();\n    expect(getByTestId('TestToast').classList.contains('RED')).toBe(true);\n  });\n});\n"],"file":"Toast.test.js"}

package/dist/esm/Toasters/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Toasters/index.tsx"],"names":["Toast","ToastProvider","useToast","ToastContext"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,SAAlB;AACA,SAASC,aAAT,EAAwBC,QAAxB,EAAkCC,YAAlC,QAAsD,gBAAtD;AAEA,SAASH,KAAT,EAAgBC,aAAhB,EAA+BC,QAA/B,EAAyCC,YAAzC","sourcesContent":["import Toast from './Toast';\nimport { ToastProvider, useToast, ToastContext } from './ToastContext';\n\nexport { Toast, ToastProvider, useToast, ToastContext };\n"],"file":"index.js"}

package/dist/esm/Toggles/ToggleSwitch.js

@@ -0,0 +1,52 @@
+/**
+ * Import React libraries.
+ */
+import * as React from 'react';
+/**
+ * Import custom types.
+ */
+
+/**
+ * Import custom styles.
+ */
+import { ToggleSwitchContainer, ToggleSwitch as Switch, StyledSwitch } from './TogglerStyles';
+import { Size } from '..';
+
+const ToggleSwitch = ({
+  id,
+  disabled,
+  selected,
+  label,
+  isSemantic,
+  size,
+  onToggle
+}) => {
+  /**
+   * Does all required pre-requisites and toggles the switcher state.
+   */
+  const handleClick = () => {
+    // If disabled, don't do anything
+    if (disabled) {
+      return;
+    } // Toggle state change
+
+
+    onToggle(!selected);
+  };
+
+  size = size ?? Size.Medium;
+  return /*#__PURE__*/React.createElement(StyledSwitch, {
+    onClick: handleClick,
+    className: size.toString().toLowerCase().concat(disabled ? ' disabled' : ''),
+    selected: selected,
+    tabIndex: disabled ? -1 : 0
+  }, /*#__PURE__*/React.createElement(ToggleSwitchContainer, null, /*#__PURE__*/React.createElement(Switch, {
+    className: isSemantic ? 'semantic' : ''
+  })), label && /*#__PURE__*/React.createElement("label", {
+    className: 'label',
+    htmlFor: id
+  }, label));
+};
+
+export default ToggleSwitch;
+//# sourceMappingURL=ToggleSwitch.js.map

package/dist/esm/Toggles/ToggleSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Toggles/ToggleSwitch.tsx"],"names":["React","ToggleSwitchContainer","ToggleSwitch","Switch","StyledSwitch","Size","id","disabled","selected","label","isSemantic","size","onToggle","handleClick","Medium","toString","toLowerCase","concat"],"mappings":"AAAA;AACA;AACA;AACA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASC,qBAAT,EAAgCC,YAAY,IAAIC,MAAhD,EAAwDC,YAAxD,QAA4E,iBAA5E;AACA,SAASC,IAAT,QAAqB,IAArB;;AAEA,MAAMH,YAAY,GAAG,CAAC;AAAEI,EAAAA,EAAF;AAAMC,EAAAA,QAAN;AAAgBC,EAAAA,QAAhB;AAA0BC,EAAAA,KAA1B;AAAiCC,EAAAA,UAAjC;AAA6CC,EAAAA,IAA7C;AAAmDC,EAAAA;AAAnD,CAAD,KAAsF;AACzG;AACF;AACA;AACE,QAAMC,WAAW,GAAG,MAAM;AACxB;AACA,QAAIN,QAAJ,EAAc;AACZ;AACD,KAJuB,CAMxB;;;AACAK,IAAAA,QAAQ,CAAC,CAACJ,QAAF,CAAR;AACD,GARD;;AAUAG,EAAAA,IAAI,GAAGA,IAAI,IAAIN,IAAI,CAACS,MAApB;AAEA,sBACE,oBAAC,YAAD;AACE,IAAA,OAAO,EAAED,WADX;AAEE,IAAA,SAAS,EAAEF,IAAI,CACZI,QADQ,GAERC,WAFQ,GAGRC,MAHQ,CAGDV,QAAQ,GAAG,WAAH,GAAiB,EAHxB,CAFb;AAME,IAAA,QAAQ,EAAEC,QANZ;AAOE,IAAA,QAAQ,EAAED,QAAQ,GAAG,CAAC,CAAJ,GAAQ;AAP5B,kBAQE,oBAAC,qBAAD,qBACE,oBAAC,MAAD;AAAQ,IAAA,SAAS,EAAEG,UAAU,GAAG,UAAH,GAAgB;AAA7C,IADF,CARF,EAWGD,KAAK,iBACJ;AAAO,IAAA,SAAS,EAAE,OAAlB;AAA2B,IAAA,OAAO,EAAEH;AAApC,KACGG,KADH,CAZJ,CADF;AAmBD,CAnCD;;AAqCA,eAAeP,YAAf","sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import custom types.\n */\nimport { ToggleSwitchProps } from './TogglerTypes';\n\n/**\n * Import custom styles.\n */\nimport { ToggleSwitchContainer, ToggleSwitch as Switch, StyledSwitch } from './TogglerStyles';\nimport { Size } from '..';\n\nconst ToggleSwitch = ({ id, disabled, selected, label, isSemantic, size, onToggle }: ToggleSwitchProps) => {\n  /**\n   * Does all required pre-requisites and toggles the switcher state.\n   */\n  const handleClick = () => {\n    // If disabled, don't do anything\n    if (disabled) {\n      return;\n    }\n\n    // Toggle state change\n    onToggle(!selected);\n  };\n\n  size = size ?? Size.Medium;\n\n  return (\n    <StyledSwitch\n      onClick={handleClick}\n      className={size\n        .toString()\n        .toLowerCase()\n        .concat(disabled ? ' disabled' : '')}\n      selected={selected}\n      tabIndex={disabled ? -1 : 0}>\n      <ToggleSwitchContainer>\n        <Switch className={isSemantic ? 'semantic' : ''} />\n      </ToggleSwitchContainer>\n      {label && (\n        <label className={'label'} htmlFor={id}>\n          {label}\n        </label>\n      )}\n    </StyledSwitch>\n  );\n};\n\nexport default ToggleSwitch;\n"],"file":"ToggleSwitch.js"}

package/dist/esm/Toggles/TogglerStyles.js

@@ -0,0 +1,148 @@
+/**
+ * Import custom styles.
+ */
+import { COLORS } from '../styles';
+/**
+ * Import third-party libraries.
+ */
+
+import styled, { css } from 'styled-components';
+import { ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle } from '../styles/typography';
+export const StyledSwitch = styled.div`
+  display: flex;
+  flex-direction: row;
+  width: max-content;
+  min-height: 48px;
+  min-width: 48px;
+  align-items: center;
+  cursor: pointer;
+  &.small {
+    ${ComponentSStyling(ComponentTextStyle.Regular, COLORS.black)}
+  }
+
+  &.medium {
+    ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.black)}
+  }
+
+  &.large {
+    ${ComponentLStyling(ComponentTextStyle.Regular, COLORS.black)}
+  }
+  &.disabled {
+    color: ${COLORS.neutral_300};
+
+    .label {
+      cursor: not-allowed;
+    }
+  }
+  .label {
+    cursor: inherit;
+    margin-left: 8px;
+  }
+
+  &:not(.disabled):active label:first-of-type span {
+    &:before {
+      background-color: ${COLORS.primary_100};
+    }
+  }
+
+  ${props => props.selected ? css`
+          &.disabled label:first-of-type span {
+            background-color: ${COLORS.neutral_300} !important;
+            cursor: not-allowed;
+
+            &:before {
+              background-color: ${COLORS.neutral_200} !important;
+              cursor: not-allowed;
+            }
+          }
+          &:hover span {
+            &.semantic {
+              background-color: ${COLORS.correct_500};
+            }
+
+            &:before {
+              background-color: ${COLORS.primary_20};
+            }
+          }
+          label:first-of-type span {
+            background-color: ${COLORS.primary_500};
+
+            &.semantic {
+              background-color: ${COLORS.correct_500};
+            }
+
+            &:before {
+              -webkit-transform: translateX(20px);
+              -ms-transform: translateX(20px);
+              transform: translateX(20px);
+            }
+          }
+        ` : css`
+          &.disabled label:first-of-type span {
+            background-color: ${COLORS.neutral_300} !important;
+            cursor: not-allowed;
+
+            &:before {
+              background-color: ${COLORS.neutral_100} !important;
+              cursor: not-allowed;
+            }
+          }
+          &:hover label:first-of-type span {
+            &.semantic {
+              background-color: ${COLORS.critical_500};
+            }
+
+            &:before {
+              background-color: ${COLORS.primary_20};
+            }
+          }
+        `}
+  &:not(.disabled):focus label:first-of-type span {
+    box-shadow: 0px 4px 12px ${COLORS.focus_25}, 0px 0px 8px ${COLORS.focus};
+  }
+
+  &:not(.disabled) label:first-of-type {
+    cursor: inherit;
+  }
+`;
+export const ToggleSwitchContainer = styled.label`
+  position: relative;
+  align-items: center;
+  display: inline-flex;
+  height: 28px;
+  width: auto;
+  padding: 10px 6px;
+`;
+export const ToggleSwitch = styled.span`
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+  cursor: pointer;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  width: 36px;
+  height: 16px;
+  background-color: ${COLORS.neutral_500};
+  border-radius: 100px;
+
+  &.semantic {
+    background-color: ${COLORS.critical_500};
+  }
+
+  &:before {
+    position: absolute;
+    content: '';
+    height: 12px;
+    width: 12px;
+    left: 2px;
+    top: calc(50% - 6px);
+    background-color: ${COLORS.white};
+    -webkit-transition: background-color 0.1s, transform 0.1s;
+    transition: 0.1s;
+    transition-timing-function: ease-in-out;
+    border-radius: 50%;
+  }
+`;
+//# sourceMappingURL=TogglerStyles.js.map

package/dist/esm/Toggles/TogglerStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Toggles/TogglerStyles.ts"],"names":["COLORS","styled","css","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","StyledSwitch","div","Regular","black","neutral_300","primary_100","props","selected","neutral_200","correct_500","primary_20","primary_500","neutral_100","critical_500","focus_25","focus","ToggleSwitchContainer","label","ToggleSwitch","span","neutral_500","white"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,MAAT,QAAuB,WAAvB;AAEA;AACA;AACA;;AACA,OAAOC,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AACA,SAASC,iBAAT,EAA4BC,iBAA5B,EAA+CC,iBAA/C,EAAkEC,kBAAlE,QAA4F,sBAA5F;AAEA,OAAO,MAAMC,YAAY,GAAGN,MAAM,CAACO,GAAuC;AAC1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMH,iBAAiB,CAACC,kBAAkB,CAACG,OAApB,EAA6BT,MAAM,CAACU,KAApC,CAA2C;AAClE;AACA;AACA;AACA,MAAMN,iBAAiB,CAACE,kBAAkB,CAACG,OAApB,EAA6BT,MAAM,CAACU,KAApC,CAA2C;AAClE;AACA;AACA;AACA,MAAMP,iBAAiB,CAACG,kBAAkB,CAACG,OAApB,EAA6BT,MAAM,CAACU,KAApC,CAA2C;AAClE;AACA;AACA,aAAaV,MAAM,CAACW,WAAY;AAChC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAA0BX,MAAM,CAACY,WAAY;AAC7C;AACA;AACA;AACA,IAAKC,KAAD,IACAA,KAAK,CAACC,QAAN,GACIZ,GAAI;AACZ;AACA,gCAAgCF,MAAM,CAACW,WAAY;AACnD;AACA;AACA;AACA,kCAAkCX,MAAM,CAACe,WAAY;AACrD;AACA;AACA;AACA;AACA;AACA,kCAAkCf,MAAM,CAACgB,WAAY;AACrD;AACA;AACA;AACA,kCAAkChB,MAAM,CAACiB,UAAW;AACpD;AACA;AACA;AACA,gCAAgCjB,MAAM,CAACkB,WAAY;AACnD;AACA;AACA,kCAAkClB,MAAM,CAACgB,WAAY;AACrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAjCI,GAkCId,GAAI;AACZ;AACA,gCAAgCF,MAAM,CAACW,WAAY;AACnD;AACA;AACA;AACA,kCAAkCX,MAAM,CAACmB,WAAY;AACrD;AACA;AACA;AACA;AACA;AACA,kCAAkCnB,MAAM,CAACoB,YAAa;AACtD;AACA;AACA;AACA,kCAAkCpB,MAAM,CAACiB,UAAW;AACpD;AACA;AACA,SAAU;AACV;AACA,+BAA+BjB,MAAM,CAACqB,QAAS,iBAAgBrB,MAAM,CAACsB,KAAM;AAC5E;AACA;AACA;AACA;AACA;AACA,CAnGO;AAqGP,OAAO,MAAMC,qBAAqB,GAAGtB,MAAM,CAACuB,KAAM;AAClD;AACA;AACA;AACA;AACA;AACA;AACA,CAPO;AASP,OAAO,MAAMC,YAAY,GAAGxB,MAAM,CAACyB,IAAK;AACxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB1B,MAAM,CAAC2B,WAAY;AACzC;AACA;AACA;AACA,wBAAwB3B,MAAM,CAACoB,YAAa;AAC5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwBpB,MAAM,CAAC4B,KAAM;AACrC;AACA;AACA;AACA;AACA;AACA,CA/BO","sourcesContent":["/**\n * Import custom styles.\n */\nimport { COLORS } from '../styles';\n\n/**\n * Import third-party libraries.\n */\nimport styled, { css } from 'styled-components';\nimport { ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle } from '../styles/typography';\n\nexport const StyledSwitch = styled.div<{ selected: boolean | undefined }>`\n  display: flex;\n  flex-direction: row;\n  width: max-content;\n  min-height: 48px;\n  min-width: 48px;\n  align-items: center;\n  cursor: pointer;\n  &.small {\n    ${ComponentSStyling(ComponentTextStyle.Regular, COLORS.black)}\n  }\n\n  &.medium {\n    ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.black)}\n  }\n\n  &.large {\n    ${ComponentLStyling(ComponentTextStyle.Regular, COLORS.black)}\n  }\n  &.disabled {\n    color: ${COLORS.neutral_300};\n\n    .label {\n      cursor: not-allowed;\n    }\n  }\n  .label {\n    cursor: inherit;\n    margin-left: 8px;\n  }\n\n  &:not(.disabled):active label:first-of-type span {\n    &:before {\n      background-color: ${COLORS.primary_100};\n    }\n  }\n\n  ${(props) =>\n    props.selected\n      ? css`\n          &.disabled label:first-of-type span {\n            background-color: ${COLORS.neutral_300} !important;\n            cursor: not-allowed;\n\n            &:before {\n              background-color: ${COLORS.neutral_200} !important;\n              cursor: not-allowed;\n            }\n          }\n          &:hover span {\n            &.semantic {\n              background-color: ${COLORS.correct_500};\n            }\n\n            &:before {\n              background-color: ${COLORS.primary_20};\n            }\n          }\n          label:first-of-type span {\n            background-color: ${COLORS.primary_500};\n\n            &.semantic {\n              background-color: ${COLORS.correct_500};\n            }\n\n            &:before {\n              -webkit-transform: translateX(20px);\n              -ms-transform: translateX(20px);\n              transform: translateX(20px);\n            }\n          }\n        `\n      : css`\n          &.disabled label:first-of-type span {\n            background-color: ${COLORS.neutral_300} !important;\n            cursor: not-allowed;\n\n            &:before {\n              background-color: ${COLORS.neutral_100} !important;\n              cursor: not-allowed;\n            }\n          }\n          &:hover label:first-of-type span {\n            &.semantic {\n              background-color: ${COLORS.critical_500};\n            }\n\n            &:before {\n              background-color: ${COLORS.primary_20};\n            }\n          }\n        `}\n  &:not(.disabled):focus label:first-of-type span {\n    box-shadow: 0px 4px 12px ${COLORS.focus_25}, 0px 0px 8px ${COLORS.focus};\n  }\n\n  &:not(.disabled) label:first-of-type {\n    cursor: inherit;\n  }\n`;\n\nexport const ToggleSwitchContainer = styled.label`\n  position: relative;\n  align-items: center;\n  display: inline-flex;\n  height: 28px;\n  width: auto;\n  padding: 10px 6px;\n`;\n\nexport const ToggleSwitch = styled.span`\n  position: relative;\n  display: inline-block;\n  vertical-align: middle;\n  cursor: pointer;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  width: 36px;\n  height: 16px;\n  background-color: ${COLORS.neutral_500};\n  border-radius: 100px;\n\n  &.semantic {\n    background-color: ${COLORS.critical_500};\n  }\n\n  &:before {\n    position: absolute;\n    content: '';\n    height: 12px;\n    width: 12px;\n    left: 2px;\n    top: calc(50% - 6px);\n    background-color: ${COLORS.white};\n    -webkit-transition: background-color 0.1s, transform 0.1s;\n    transition: 0.1s;\n    transition-timing-function: ease-in-out;\n    border-radius: 50%;\n  }\n`;\n"],"file":"TogglerStyles.js"}

package/dist/esm/Toggles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Toggles/index.ts"],"names":["ToggleSwitch"],"mappings":"AAAA,OAAOA,YAAP,MAAyB,gBAAzB;AAEA,SAASA,YAAT","sourcesContent":["import ToggleSwitch from './ToggleSwitch';\n\nexport { ToggleSwitch };\n"],"file":"index.js"}

package/dist/esm/Tooltips/TooltipStyles.js

@@ -0,0 +1,78 @@
+import styled, { css } from 'styled-components';
+import { Size } from '../types';
+import { BOXSHADOWS, COLORS, ComponentTextStyle } from '../styles';
+import { ComponentMStyling, ComponentSStyling, ComponentXSStyling } from '../styles/typography';
+import { Z_INDEXES } from '../styles/z-indexes';
+
+const distanceToEdge = size => {
+  return size == Size.XSmall ? '8px' : !size || size == Size.Small ? '12px' : '16px';
+};
+
+export const Tooltip = styled.div`
+
+    pointer-events: none;
+    ${props => props.size == Size.Small || props.size != Size.Medium ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.white) : ''}
+    ${props => props.size == Size.XSmall ? ComponentXSStyling(ComponentTextStyle.Regular, COLORS.white) : ''}
+    ${props => props.size == Size.Medium ? ComponentMStyling(ComponentTextStyle.Regular, COLORS.white) : ''}
+    ${props => props.align == 'center' ? 'text-align: center;' : ''}
+    box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};
+    
+    padding: ${props => props.size == Size.XSmall ? '4px 8px' : props.size == Size.Medium ? '8px 12px' : '6px 10px'};
+    border-radius: 2px;
+    width: max-content;
+    height: ${props => props.height};
+    max-width: 34em;
+    background: ${COLORS.primary_800};
+    position: absolute; 
+    opacity: 0; 
+    z-index: ${Z_INDEXES.tooltip};
+    ${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: ${distanceToEdge(props.size)};` : props.align == 'end' ? `right: ${distanceToEdge(props.size)};` : 'left: 50%;'}
+
+    ${props => props.position == 'left' ? '' : 'margin-left: -5px;'}
+    margin: -0.5px;
+    border-width: 4px;
+    border-style: solid;
+    border-color: ${props => props.position == 'top' ? COLORS.primary_800 : 'transparent'} 
+                    ${props => props.position == 'right' ? COLORS.primary_800 : 'transparent'} 
+                    ${props => props.position == 'bottom' ? COLORS.primary_800 : 'transparent'} 
+                    ${props => props.position == 'left' ? COLORS.primary_800 : 'transparent'};
+  }
+`;
+Tooltip.defaultProps = {
+  withArrow: false,
+  size: Size.Small,
+  height: 'auto',
+  align: 'center',
+  position: 'bottom'
+};
+export const TooltipTrigger = delay => css`
+  &:hover ${Tooltip}, &:focus-within ${Tooltip}, &:focus ${Tooltip} {
+    opacity: 1;
+    transition: 0.5s;
+    transition-delay: ${delay ?? '1s'};
+  }
+`;
+export const TooltipContainer = styled.div`
+  display: inline-block;
+  position: relative;
+
+  ${props => TooltipTrigger(props.delay)}
+`;
+//# sourceMappingURL=TooltipStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Tooltips/TooltipStyles.tsx"],"names":["styled","css","Size","BOXSHADOWS","COLORS","ComponentTextStyle","ComponentMStyling","ComponentSStyling","ComponentXSStyling","Z_INDEXES","distanceToEdge","size","XSmall","Small","Tooltip","div","props","Medium","Regular","white","align","BOXSHADOW_L2","height","primary_800","tooltip","position","withArrow","defaultProps","TooltipTrigger","delay","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, ComponentXSStyling } from '../styles/typography';\nimport {Z_INDEXES} from '../styles/z-indexes';\n\nconst distanceToEdge = (size: Size | undefined) => {\n  return size == Size.XSmall ? '8px' : (!size || size == Size.Small) ? '12px' : '16px';\n}\n\nexport const Tooltip = styled.div<{\n  withArrow?: boolean;\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.XSmall  ? ComponentXSStyling(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    \n    padding: ${props => props.size == Size.XSmall ? '4px 8px' : props.size == Size.Medium ? '8px 12px' : '6px 10px'};\n    border-radius: 2px;\n    width: max-content;\n    height: ${props => props.height};\n    max-width: 34em;\n    background: ${COLORS.primary_800};\n    position: absolute; \n    opacity: 0; \n    z-index: ${Z_INDEXES.tooltip};\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' ? '' : \n      props.align == 'start' ? `left: ${distanceToEdge(props.size)};` : props.align == 'end' ? `right: ${distanceToEdge(props.size)};` : '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  size: Size.Small,\n  height: 'auto',\n  align: 'center',\n  position: 'bottom'\n}\n\nexport const TooltipTrigger = (delay?: string) => css`\n  &:hover ${Tooltip}, &:focus-within ${Tooltip}, &:focus ${Tooltip} {\n    opacity: 1;\n    transition: 0.5s;\n    transition-delay: ${delay ?? '1s'};\n  }\n`;\n\nexport const TooltipContainer = styled.div<{delay?: string}>`\n  display: inline-block;\n  position: relative;\n\n  ${props => TooltipTrigger(props.delay)}\n`;\n"],"file":"TooltipStyles.js"}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Tooltips/TooltipTypes.tsx"],"names":[],"mappings":"AAEA;AACA;AACA;AAWG","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    delay?: string;\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/esm/Tooltips/TooltipWrapper.js

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { TooltipContainer, Tooltip } from './TooltipStyles';
+import { Size } from '..';
+
+const TooltipWrapper = ({
+  label,
+  children,
+  withArrow,
+  size = Size.Small,
+  height = 'auto',
+  delay = undefined,
+  align = 'center',
+  position = 'bottom'
+}) => {
+  return /*#__PURE__*/React.createElement(TooltipContainer, {
+    delay: delay
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    align: align,
+    height: height,
+    size: size,
+    withArrow: withArrow,
+    position: position
+  }, label), children);
+};
+
+export default TooltipWrapper;
+//# sourceMappingURL=TooltipWrapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Tooltips/TooltipWrapper.tsx"],"names":["React","TooltipContainer","Tooltip","Size","TooltipWrapper","label","children","withArrow","size","Small","height","delay","undefined","align","position"],"mappings":"AACA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAIA,SAASC,gBAAT,EAA2BC,OAA3B,QAA0C,iBAA1C;AACA,SAASC,IAAT,QAAqB,IAArB;;AAEC,MAAMC,cAAc,GAAG,CAAC;AACtBC,EAAAA,KADsB;AACfC,EAAAA,QADe;AAEtBC,EAAAA,SAFsB;AAGtBC,EAAAA,IAAI,GAAGL,IAAI,CAACM,KAHU;AAItBC,EAAAA,MAAM,GAAG,MAJa;AAKtBC,EAAAA,KAAK,GAAGC,SALc;AAMtBC,EAAAA,KAAK,GAAG,QANc;AAOtBC,EAAAA,QAAQ,GAAG;AAPW,CAAD,KAOoB;AAExC,sBAAO,oBAAC,gBAAD;AAAkB,IAAA,KAAK,EAAEH;AAAzB,kBACC,oBAAC,OAAD;AAAS,IAAA,KAAK,EAAEE,KAAhB;AACG,IAAA,MAAM,EAAEH,MADX;AAEG,IAAA,IAAI,EAAEF,IAFT;AAGG,IAAA,SAAS,EAAED,SAHd;AAIG,IAAA,QAAQ,EAAEO;AAJb,KAKIT,KALJ,CADD,EAQDC,QARC,CAAP;AAUF,CAnBD;;AAqBA,eAAeF,cAAf","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   delay = undefined,\n   align = 'center', \n   position = 'bottom' } : TooltipProps) => {\n \n    return <TooltipContainer delay={delay}>\n            <Tooltip align={align}\n               height={height}\n               size={size}\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/esm/Tooltips/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Tooltips/index.ts"],"names":["TooltipWrapper","TooltipTrigger","TooltipContainer"],"mappings":"AAAA,OAAOA,cAAP,MAA2B,kBAA3B;AACA,SAAQC,cAAR,EAAwBC,gBAAxB,QAA+C,iBAA/C;AAEA,SAASF,cAAT,EAAyBC,cAAzB,EAAyCC,gBAAzC","sourcesContent":["import TooltipWrapper from './TooltipWrapper';\nimport {TooltipTrigger, TooltipContainer} from './TooltipStyles';\n\nexport { TooltipWrapper, TooltipTrigger, TooltipContainer };\n"],"file":"index.js"}