@laerdal/life-react-components 3.0.1-dev.9.full → 3.1.0-dev.1

package/dist/esm/Banners/OverviewBanner.js

@@ -1,71 +0,0 @@
-import _pt from "prop-types";
-import * as React from 'react';
-import styled from 'styled-components';
-import { BREAKPOINTS, COLORS } from '../styles';
-import { PageWidth } from '../Layouts';
-import { HeadlineXSStyling } from '../styles/typography';
-const BannersWrapper = styled.div`
-  background-color: ${COLORS.primary_20};
-`;
-const BannerContent = styled(PageWidth)`
-  background-color: ${COLORS.primary_20};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-
-  ${BREAKPOINTS.MEDIUM} {
-    flex-direction: row;
-    padding: 48px 12px;
-  }
-
-  & > *:first-child {
-    padding-top: 12px;
-    width: 320px;
-    height: 180px;
-    ${BREAKPOINTS.MEDIUM} {
-      padding-top: 0;
-      margin-right: 20px;
-      width: 384px;
-      height: 216px;
-    }
-  }
-  & h2 {
-    ${HeadlineXSStyling(COLORS.black)}
-    margin: 16px 0 24px 0;
-  }
-  & p {
-    margin: 0;
-    padding: 0 0 28px 0;
-    max-width: 310px;
-  }
-  & div {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-direction: column;
-    margin-bottom: 18px;
-    ${BREAKPOINTS.MEDIUM} {
-      margin-left: 20px;
-      align-items: start;
-      justify-content: start;
-      width: 384px;
-    }
-  }
-`;
-
-const OverviewBanner = ({
-  children,
-  testId
-}) => {
-  return /*#__PURE__*/React.createElement(BannersWrapper, null, /*#__PURE__*/React.createElement(BannerContent, {
-    "data-testid": testId
-  }, children));
-};
-
-OverviewBanner.propTypes = {
-  children: _pt.any.isRequired,
-  testId: _pt.string
-};
-export default OverviewBanner;
-//# sourceMappingURL=OverviewBanner.js.map

package/dist/esm/Banners/OverviewBanner.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Banners/OverviewBanner.tsx"],"names":["React","styled","BREAKPOINTS","COLORS","PageWidth","HeadlineXSStyling","BannersWrapper","div","primary_20","BannerContent","MEDIUM","black","OverviewBanner","children","testId"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,SAAQC,WAAR,EAAqBC,MAArB,QAAkC,WAAlC;AACA,SAAQC,SAAR,QAAwB,YAAxB;AACA,SAAQC,iBAAR,QAAgC,sBAAhC;AAEA,MAAMC,cAAc,GAAGL,MAAM,CAACM,GAAI;AAClC,sBAAsBJ,MAAM,CAACK,UAAW;AACxC,CAFA;AAIA,MAAMC,aAAa,GAAGR,MAAM,CAACG,SAAD,CAAY;AACxC,sBAAsBD,MAAM,CAACK,UAAW;AACxC;AACA;AACA;AACA;AACA;AACA,IAAIN,WAAW,CAACQ,MAAO;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMR,WAAW,CAACQ,MAAO;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAML,iBAAiB,CAACF,MAAM,CAACQ,KAAR,CAAe;AACtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMT,WAAW,CAACQ,MAAO;AACzB;AACA;AACA;AACA;AACA;AACA;AACA,CA7CA;;AAiDA,MAAME,cAAc,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAYC,EAAAA;AAAZ,CAAD,KAAiC;AACtD,sBACE,oBAAC,cAAD,qBACE,oBAAC,aAAD;AAAe,mBAAaA;AAA5B,KAAqCD,QAArC,CADF,CADF;AAKD,CAND;;;AAFeA,EAAAA,Q;AAAeC,EAAAA,M;;AAU9B,eAAeF,cAAf","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {BREAKPOINTS, COLORS} from '../styles';\r\nimport {PageWidth} from '../Layouts';\r\nimport {HeadlineXSStyling} from '../styles/typography';\r\n\r\nconst BannersWrapper = styled.div`\r\n  background-color: ${COLORS.primary_20};\r\n`;\r\n\r\nconst BannerContent = styled(PageWidth)`\r\n  background-color: ${COLORS.primary_20};\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-direction: column;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    flex-direction: row;\r\n    padding: 48px 12px;\r\n  }\r\n\r\n  & > *:first-child {\r\n    padding-top: 12px;\r\n    width: 320px;\r\n    height: 180px;\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      padding-top: 0;\r\n      margin-right: 20px;\r\n      width: 384px;\r\n      height: 216px;\r\n    }\r\n  }\r\n  & h2 {\r\n    ${HeadlineXSStyling(COLORS.black)}\r\n    margin: 16px 0 24px 0;\r\n  }\r\n  & p {\r\n    margin: 0;\r\n    padding: 0 0 28px 0;\r\n    max-width: 310px;\r\n  }\r\n  & div {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-direction: column;\r\n    margin-bottom: 18px;\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      margin-left: 20px;\r\n      align-items: start;\r\n      justify-content: start;\r\n      width: 384px;\r\n    }\r\n  }\r\n`;\r\n\r\ntype Props = { children: any; testId?: string };\r\n\r\nconst OverviewBanner = ({ children, testId }: Props) => {\r\n  return (\r\n    <BannersWrapper>\r\n      <BannerContent data-testid={testId}>{children}</BannerContent>\r\n    </BannersWrapper>\r\n  );\r\n};\r\n\r\nexport default OverviewBanner;\r\n"],"file":"OverviewBanner.js"}

package/dist/esm/Banners/__tests__/Banner.test.js

@@ -1,51 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import { Banner } from '../index';
-import 'jest-styled-components';
-import { COLORS } from '../../styles';
-describe('<Banner />', () => {
-  it('Renders warning banner', async () => {
-    const {
-      queryByText,
-      getByTestId
-    } = render( /*#__PURE__*/React.createElement(Banner, {
-      type: "warning",
-      testId: "TestBanner"
-    }, /*#__PURE__*/React.createElement("h2", null, "TestBanner")));
-    expect(queryByText('TestHeader')).toBeDefined();
-    expect(getByTestId('TestBanner')).toHaveStyleRule('background', COLORS.warning_100);
-  });
-  it('Renders critial banner', async () => {
-    const {
-      queryByText,
-      getByTestId
-    } = render( /*#__PURE__*/React.createElement(Banner, {
-      type: "critical",
-      testId: "TestBanner"
-    }, /*#__PURE__*/React.createElement("h2", null, "TestBanner")));
-    expect(queryByText('TestHeader')).toBeDefined();
-    expect(getByTestId('TestBanner')).toHaveStyleRule('background', COLORS.critical_100);
-  });
-  it('Renders positive banner', async () => {
-    const {
-      queryByText,
-      getByTestId
-    } = render( /*#__PURE__*/React.createElement(Banner, {
-      type: "positive",
-      testId: "TestBanner"
-    }, /*#__PURE__*/React.createElement("h2", null, "TestBanner")));
-    expect(queryByText('TestHeader')).toBeDefined();
-    expect(getByTestId('TestBanner')).toHaveStyleRule('background', COLORS.correct_100);
-  });
-  it('Renders default banner', async () => {
-    const {
-      queryByText,
-      getByTestId
-    } = render( /*#__PURE__*/React.createElement(Banner, {
-      testId: "TestBanner"
-    }, /*#__PURE__*/React.createElement("h2", null, "TestBanner")));
-    expect(queryByText('TestHeader')).toBeDefined();
-    expect(getByTestId('TestBanner')).toHaveStyleRule('background', COLORS.primary_100);
-  });
-});
-//# sourceMappingURL=Banner.test.js.map

package/dist/esm/Banners/__tests__/Banner.test.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/Banners/__tests__/Banner.test.tsx"],"names":["React","render","Banner","COLORS","describe","it","queryByText","getByTestId","expect","toBeDefined","toHaveStyleRule","warning_100","critical_100","correct_100","primary_100"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,QAAuB,wBAAvB;AACA,SAASC,MAAT,QAAuB,UAAvB;AACA,OAAO,wBAAP;AACA,SAASC,MAAT,QAAuB,cAAvB;AAEAC,QAAQ,CAAC,YAAD,EAAe,MAAM;AAC3BC,EAAAA,EAAE,CAAC,wBAAD,EAA2B,YAAY;AACvC,UAAM;AAAEC,MAAAA,WAAF;AAAeC,MAAAA;AAAf,QAA+BN,MAAM,eACzC,oBAAC,MAAD;AAAQ,MAAA,IAAI,EAAC,SAAb;AAAuB,MAAA,MAAM,EAAC;AAA9B,oBACE,6CADF,CADyC,CAA3C;AAKAO,IAAAA,MAAM,CAACF,WAAW,CAAC,YAAD,CAAZ,CAAN,CAAkCG,WAAlC;AACAD,IAAAA,MAAM,CAACD,WAAW,CAAC,YAAD,CAAZ,CAAN,CAAkCG,eAAlC,CAAkD,YAAlD,EAAgEP,MAAM,CAACQ,WAAvE;AACD,GARC,CAAF;AASAN,EAAAA,EAAE,CAAC,wBAAD,EAA2B,YAAY;AACvC,UAAM;AAAEC,MAAAA,WAAF;AAAeC,MAAAA;AAAf,QAA+BN,MAAM,eACzC,oBAAC,MAAD;AAAQ,MAAA,IAAI,EAAC,UAAb;AAAwB,MAAA,MAAM,EAAC;AAA/B,oBACE,6CADF,CADyC,CAA3C;AAKAO,IAAAA,MAAM,CAACF,WAAW,CAAC,YAAD,CAAZ,CAAN,CAAkCG,WAAlC;AACAD,IAAAA,MAAM,CAACD,WAAW,CAAC,YAAD,CAAZ,CAAN,CAAkCG,eAAlC,CAAkD,YAAlD,EAAgEP,MAAM,CAACS,YAAvE;AACD,GARC,CAAF;AASAP,EAAAA,EAAE,CAAC,yBAAD,EAA4B,YAAY;AACxC,UAAM;AAAEC,MAAAA,WAAF;AAAeC,MAAAA;AAAf,QAA+BN,MAAM,eACzC,oBAAC,MAAD;AAAQ,MAAA,IAAI,EAAC,UAAb;AAAwB,MAAA,MAAM,EAAC;AAA/B,oBACE,6CADF,CADyC,CAA3C;AAKAO,IAAAA,MAAM,CAACF,WAAW,CAAC,YAAD,CAAZ,CAAN,CAAkCG,WAAlC;AACAD,IAAAA,MAAM,CAACD,WAAW,CAAC,YAAD,CAAZ,CAAN,CAAkCG,eAAlC,CAAkD,YAAlD,EAAgEP,MAAM,CAACU,WAAvE;AACD,GARC,CAAF;AASAR,EAAAA,EAAE,CAAC,wBAAD,EAA2B,YAAY;AACvC,UAAM;AAAEC,MAAAA,WAAF;AAAeC,MAAAA;AAAf,QAA+BN,MAAM,eACzC,oBAAC,MAAD;AAAQ,MAAA,MAAM,EAAC;AAAf,oBACE,6CADF,CADyC,CAA3C;AAKAO,IAAAA,MAAM,CAACF,WAAW,CAAC,YAAD,CAAZ,CAAN,CAAkCG,WAAlC;AACAD,IAAAA,MAAM,CAACD,WAAW,CAAC,YAAD,CAAZ,CAAN,CAAkCG,eAAlC,CAAkD,YAAlD,EAAgEP,MAAM,CAACW,WAAvE;AACD,GARC,CAAF;AASD,CArCO,CAAR","sourcesContent":["import React from 'react';\r\nimport { render } from '@testing-library/react';\r\nimport { Banner } from '../index';\r\nimport 'jest-styled-components';\r\nimport { COLORS } from '../../styles';\r\n\r\ndescribe('<Banner />', () => {\r\n  it('Renders warning banner', async () => {\r\n    const { queryByText, getByTestId } = render(\r\n      <Banner type=\"warning\" testId=\"TestBanner\">\r\n        <h2>TestBanner</h2>\r\n      </Banner>,\r\n    );\r\n    expect(queryByText('TestHeader')).toBeDefined();\r\n    expect(getByTestId('TestBanner')).toHaveStyleRule('background', COLORS.warning_100);\r\n  });\r\n  it('Renders critial banner', async () => {\r\n    const { queryByText, getByTestId } = render(\r\n      <Banner type=\"critical\" testId=\"TestBanner\">\r\n        <h2>TestBanner</h2>\r\n      </Banner>,\r\n    );\r\n    expect(queryByText('TestHeader')).toBeDefined();\r\n    expect(getByTestId('TestBanner')).toHaveStyleRule('background', COLORS.critical_100);\r\n  });\r\n  it('Renders positive banner', async () => {\r\n    const { queryByText, getByTestId } = render(\r\n      <Banner type=\"positive\" testId=\"TestBanner\">\r\n        <h2>TestBanner</h2>\r\n      </Banner>,\r\n    );\r\n    expect(queryByText('TestHeader')).toBeDefined();\r\n    expect(getByTestId('TestBanner')).toHaveStyleRule('background', COLORS.correct_100);\r\n  });\r\n  it('Renders default banner', async () => {\r\n    const { queryByText, getByTestId } = render(\r\n      <Banner testId=\"TestBanner\">\r\n        <h2>TestBanner</h2>\r\n      </Banner>,\r\n    );\r\n    expect(queryByText('TestHeader')).toBeDefined();\r\n    expect(getByTestId('TestBanner')).toHaveStyleRule('background', COLORS.primary_100);\r\n  });\r\n});\r\n"],"file":"Banner.test.js"}

package/dist/esm/Banners/__tests__/OverviewBanner.test.js

@@ -1,18 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import { OverviewBanner } from '../index';
-import 'jest-styled-components';
-import { COLORS } from '../../styles';
-describe('<OverviewBanner />', () => {
-  it('Renders', async () => {
-    const {
-      queryByText,
-      getByTestId
-    } = render( /*#__PURE__*/React.createElement(OverviewBanner, {
-      testId: "TestBanner"
-    }, /*#__PURE__*/React.createElement("h2", null, "TestHeader")));
-    expect(queryByText('TestHeader')).toBeDefined();
-    expect(getByTestId('TestBanner')).toHaveStyleRule('background-color', COLORS.primary_20);
-  });
-});
-//# sourceMappingURL=OverviewBanner.test.js.map

package/dist/esm/Banners/__tests__/OverviewBanner.test.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/Banners/__tests__/OverviewBanner.test.tsx"],"names":["React","render","OverviewBanner","COLORS","describe","it","queryByText","getByTestId","expect","toBeDefined","toHaveStyleRule","primary_20"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,QAAuB,wBAAvB;AACA,SAASC,cAAT,QAA+B,UAA/B;AACA,OAAO,wBAAP;AACA,SAASC,MAAT,QAAuB,cAAvB;AAEAC,QAAQ,CAAC,oBAAD,EAAuB,MAAM;AACnCC,EAAAA,EAAE,CAAC,SAAD,EAAY,YAAY;AACxB,UAAM;AAAEC,MAAAA,WAAF;AAAeC,MAAAA;AAAf,QAA+BN,MAAM,eACzC,oBAAC,cAAD;AAAgB,MAAA,MAAM,EAAC;AAAvB,oBACE,6CADF,CADyC,CAA3C;AAKAO,IAAAA,MAAM,CAACF,WAAW,CAAC,YAAD,CAAZ,CAAN,CAAkCG,WAAlC;AACAD,IAAAA,MAAM,CAACD,WAAW,CAAC,YAAD,CAAZ,CAAN,CAAkCG,eAAlC,CAAkD,kBAAlD,EAAsEP,MAAM,CAACQ,UAA7E;AACD,GARC,CAAF;AASD,CAVO,CAAR","sourcesContent":["import React from 'react';\r\nimport { render } from '@testing-library/react';\r\nimport { OverviewBanner } from '../index';\r\nimport 'jest-styled-components';\r\nimport { COLORS } from '../../styles';\r\n\r\ndescribe('<OverviewBanner />', () => {\r\n  it('Renders', async () => {\r\n    const { queryByText, getByTestId } = render(\r\n      <OverviewBanner testId=\"TestBanner\">\r\n        <h2>TestHeader</h2>\r\n      </OverviewBanner>,\r\n    );\r\n    expect(queryByText('TestHeader')).toBeDefined();\r\n    expect(getByTestId('TestBanner')).toHaveStyleRule('background-color', COLORS.primary_20);\r\n  });\r\n});\r\n"],"file":"OverviewBanner.test.js"}

package/dist/esm/Banners/index.js

@@ -1,5 +0,0 @@
-import Banner from './Banner';
-import OverviewBanner from './OverviewBanner'; // eslint-disable-next-line import/prefer-default-export
-
-export { Banner, OverviewBanner };
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Banners/index.ts"],"names":["Banner","OverviewBanner"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,UAAnB;AACA,OAAOC,cAAP,MAA2B,kBAA3B,C,CAEA;;AACA,SAASD,MAAT,EAAiBC,cAAjB","sourcesContent":["import Banner from './Banner';\r\nimport OverviewBanner from './OverviewBanner';\r\n\r\n// eslint-disable-next-line import/prefer-default-export\r\nexport { Banner, OverviewBanner };\r\n"],"file":"index.js"}

package/dist/esm/Banners/styles.js

@@ -1,122 +0,0 @@
-import { css } from 'styled-components';
-import { COLORS } from '../styles';
-export const getButtonStyle = type => {
-  switch (type) {
-    case 'warning':
-      return css`
-        div {
-          background-color: transparent;
-        }
-        div svg path,
-        div svg {
-          fill: ${COLORS.warning_500};
-        }
-        &:hover:not(:disabled) {
-          div {
-            background-color: ${COLORS.warning_20};
-          }
-          div svg path,
-          div svg {
-            fill: ${COLORS.warning_700};
-          }
-        }
-        &:active:not(:disabled) {
-          div {
-            background: ${COLORS.warning_800};
-          }
-          div svg path,
-          div svg {
-            fill: ${COLORS.warning_100};
-          }
-        }
-      `;
-
-    case 'critical':
-      return css`
-        div {
-          background-color: transparent;
-        }
-        div svg path,
-        div svg {
-          fill: ${COLORS.critical_600};
-        }
-        &:hover:not(:disabled) {
-          div {
-            background-color: ${COLORS.critical_20};
-          }
-          div svg path,
-          div svg {
-            fill: ${COLORS.critical_700};
-          }
-        }
-        &:active:not(:disabled) {
-          div {
-            background: ${COLORS.critical_800};
-          }
-          div svg path,
-          div svg {
-            fill: ${COLORS.critical_100};
-          }
-        }
-      `;
-
-    case 'positive':
-      return css`
-        div {
-          background-color: transparent;
-        }
-        div svg path,
-        div svg {
-          fill: ${COLORS.correct_500};
-        }
-        &:hover:not(:disabled) {
-          div {
-            background-color: ${COLORS.correct_20};
-          }
-          div svg path,
-          div svg {
-            fill: ${COLORS.correct_700};
-          }
-        }
-        &:active:not(:disabled) {
-          div {
-            background: ${COLORS.correct_800};
-          }
-          div svg path,
-          div svg {
-            fill: ${COLORS.correct_100};
-          }
-        }
-      `;
-
-    default:
-      return css`
-        div {
-          background-color: transparent;
-        }
-        div svg path,
-        div svg {
-          fill: ${COLORS.primary_500};
-        }
-        &:hover:not(:disabled) {
-          div {
-            background-color: ${COLORS.neutral_20};
-          }
-          div svg path,
-          div svg {
-            fill: ${COLORS.primary_700};
-          }
-        }
-        &:active:not(:disabled) {
-          div {
-            background: ${COLORS.primary_800};
-          }
-          div svg path,
-          div svg {
-            fill: ${COLORS.primary_100};
-          }
-        }
-      `;
-  }
-};
-//# sourceMappingURL=styles.js.map

package/dist/esm/Banners/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Banners/styles.tsx"],"names":["css","COLORS","getButtonStyle","type","warning_500","warning_20","warning_700","warning_800","warning_100","critical_600","critical_20","critical_700","critical_800","critical_100","correct_500","correct_20","correct_700","correct_800","correct_100","primary_500","neutral_20","primary_700","primary_800","primary_100"],"mappings":"AAAA,SAASA,GAAT,QAAoB,mBAApB;AACA,SAASC,MAAT,QAAuB,WAAvB;AAEA,OAAO,MAAMC,cAAc,GAAIC,IAAD,IAAkB;AAC9C,UAAQA,IAAR;AACE,SAAK,SAAL;AACE,aAAOH,GAAI;AACjB;AACA;AACA;AACA;AACA;AACA,kBAAkBC,MAAM,CAACG,WAAY;AACrC;AACA;AACA;AACA,gCAAgCH,MAAM,CAACI,UAAW;AAClD;AACA;AACA;AACA,oBAAoBJ,MAAM,CAACK,WAAY;AACvC;AACA;AACA;AACA;AACA,0BAA0BL,MAAM,CAACM,WAAY;AAC7C;AACA;AACA;AACA,oBAAoBN,MAAM,CAACO,WAAY;AACvC;AACA;AACA,OA1BM;;AA2BF,SAAK,UAAL;AACE,aAAOR,GAAI;AACjB;AACA;AACA;AACA;AACA;AACA,kBAAkBC,MAAM,CAACQ,YAAa;AACtC;AACA;AACA;AACA,gCAAgCR,MAAM,CAACS,WAAY;AACnD;AACA;AACA;AACA,oBAAoBT,MAAM,CAACU,YAAa;AACxC;AACA;AACA;AACA;AACA,0BAA0BV,MAAM,CAACW,YAAa;AAC9C;AACA;AACA;AACA,oBAAoBX,MAAM,CAACY,YAAa;AACxC;AACA;AACA,OA1BM;;AA2BF,SAAK,UAAL;AACE,aAAOb,GAAI;AACjB;AACA;AACA;AACA;AACA;AACA,kBAAkBC,MAAM,CAACa,WAAY;AACrC;AACA;AACA;AACA,gCAAgCb,MAAM,CAACc,UAAW;AAClD;AACA;AACA;AACA,oBAAoBd,MAAM,CAACe,WAAY;AACvC;AACA;AACA;AACA;AACA,0BAA0Bf,MAAM,CAACgB,WAAY;AAC7C;AACA;AACA;AACA,oBAAoBhB,MAAM,CAACiB,WAAY;AACvC;AACA;AACA,OA1BM;;AA2BF;AACE,aAAOlB,GAAI;AACjB;AACA;AACA;AACA;AACA;AACA,kBAAkBC,MAAM,CAACkB,WAAY;AACrC;AACA;AACA;AACA,gCAAgClB,MAAM,CAACmB,UAAW;AAClD;AACA;AACA;AACA,oBAAoBnB,MAAM,CAACoB,WAAY;AACvC;AACA;AACA;AACA;AACA,0BAA0BpB,MAAM,CAACqB,WAAY;AAC7C;AACA;AACA;AACA,oBAAoBrB,MAAM,CAACsB,WAAY;AACvC;AACA;AACA,OA1BM;AAtFJ;AAkHD,CAnHM","sourcesContent":["import { css } from 'styled-components';\r\nimport { COLORS } from '../styles';\r\n\r\nexport const getButtonStyle = (type: string) => {\r\n  switch (type) {\r\n    case 'warning':\r\n      return css`\r\n        div {\r\n          background-color: transparent;\r\n        }\r\n        div svg path,\r\n        div svg {\r\n          fill: ${COLORS.warning_500};\r\n        }\r\n        &:hover:not(:disabled) {\r\n          div {\r\n            background-color: ${COLORS.warning_20};\r\n          }\r\n          div svg path,\r\n          div svg {\r\n            fill: ${COLORS.warning_700};\r\n          }\r\n        }\r\n        &:active:not(:disabled) {\r\n          div {\r\n            background: ${COLORS.warning_800};\r\n          }\r\n          div svg path,\r\n          div svg {\r\n            fill: ${COLORS.warning_100};\r\n          }\r\n        }\r\n      `;\r\n    case 'critical':\r\n      return css`\r\n        div {\r\n          background-color: transparent;\r\n        }\r\n        div svg path,\r\n        div svg {\r\n          fill: ${COLORS.critical_600};\r\n        }\r\n        &:hover:not(:disabled) {\r\n          div {\r\n            background-color: ${COLORS.critical_20};\r\n          }\r\n          div svg path,\r\n          div svg {\r\n            fill: ${COLORS.critical_700};\r\n          }\r\n        }\r\n        &:active:not(:disabled) {\r\n          div {\r\n            background: ${COLORS.critical_800};\r\n          }\r\n          div svg path,\r\n          div svg {\r\n            fill: ${COLORS.critical_100};\r\n          }\r\n        }\r\n      `;\r\n    case 'positive':\r\n      return css`\r\n        div {\r\n          background-color: transparent;\r\n        }\r\n        div svg path,\r\n        div svg {\r\n          fill: ${COLORS.correct_500};\r\n        }\r\n        &:hover:not(:disabled) {\r\n          div {\r\n            background-color: ${COLORS.correct_20};\r\n          }\r\n          div svg path,\r\n          div svg {\r\n            fill: ${COLORS.correct_700};\r\n          }\r\n        }\r\n        &:active:not(:disabled) {\r\n          div {\r\n            background: ${COLORS.correct_800};\r\n          }\r\n          div svg path,\r\n          div svg {\r\n            fill: ${COLORS.correct_100};\r\n          }\r\n        }\r\n      `;\r\n    default:\r\n      return css`\r\n        div {\r\n          background-color: transparent;\r\n        }\r\n        div svg path,\r\n        div svg {\r\n          fill: ${COLORS.primary_500};\r\n        }\r\n        &:hover:not(:disabled) {\r\n          div {\r\n            background-color: ${COLORS.neutral_20};\r\n          }\r\n          div svg path,\r\n          div svg {\r\n            fill: ${COLORS.primary_700};\r\n          }\r\n        }\r\n        &:active:not(:disabled) {\r\n          div {\r\n            background: ${COLORS.primary_800};\r\n          }\r\n          div svg path,\r\n          div svg {\r\n            fill: ${COLORS.primary_100};\r\n          }\r\n        }\r\n      `;\r\n  }\r\n};\r\n"],"file":"styles.js"}

package/dist/esm/Breadcrumb/Breadcrumb.js

@@ -1,134 +0,0 @@
-import _pt from "prop-types";
-import * as React from 'react';
-import styled from 'styled-components';
-import { COLORS } from '../styles';
-import { ComponentTextStyle, Size, SystemIcons } from '..';
-import { useHistory } from 'react-router';
-import { HyperLink, IconButton } from '..';
-import { ComponentMStyling, ComponentSStyling, ComponentXXSStyling } from '../styles/typography';
-import DropdownButton from '../Dropdown/DropdownButton';
-
-const marginRight = size => {
-  return size == Size.Small || size == Size.Medium ? 'margin-right: 8px;' : 'margin-right: 4px;';
-};
-
-const BreadcrumbContainer = styled.div`
-  display:flex;
-  align-items: center;
-  min-height: 48px;
-    
-  a {
-    text-decoration: none;
-    ${props => FontStyles(props.size, ComponentTextStyle.Regular, COLORS.neutral_600)}
-    ${props => marginRight(props.size)}
-  }
-
-  .chevronicon {
-    ${props => marginRight(props.size)}
-  }
-
-  a:hover {
-    color: ${COLORS.primary_700};
-  }
-  a:active {
-    color: ${COLORS.primary_800};
-  }
-`;
-
-const FontStyles = (size, textStyle, color) => {
-  switch (size) {
-    case Size.XSmall:
-      return ComponentXXSStyling(textStyle, color);
-
-    case Size.Medium:
-      return ComponentMStyling(textStyle, color);
-
-    case Size.Small:
-    default:
-      return ComponentSStyling(textStyle, color);
-  }
-};
-
-const LastBreadcrumbItem = styled.label`
-  ${props => FontStyles(props.size, ComponentTextStyle.Bold, COLORS.neutral_800)}
-  ${props => marginRight(props.size)}
-`;
-
-const Breadcrumb = ({
-  items,
-  size = Size.Small,
-  homeIcon = true,
-  homeLabel = 'Home',
-  homeUrl = '/'
-}) => {
-  const history = useHistory();
-  const dropdownItems = items ? items.slice(0, items.length - 2).map(x => ({
-    value: x.url,
-    displayLabel: x.label
-  })) : [];
-
-  const navigate = links => {
-    history.push(links[0]);
-  };
-
-  const chevronSize = size == Size.Medium ? "24px" : size == Size.Small ? "20px" : "16px";
-  return /*#__PURE__*/React.createElement(BreadcrumbContainer, {
-    size: size
-  }, homeIcon ? /*#__PURE__*/React.createElement(IconButton, {
-    variant: "secondary",
-    shape: "circular",
-    action: () => history.push(homeUrl)
-  }, /*#__PURE__*/React.createElement(SystemIcons.Home, {
-    size: chevronSize
-  })) : /*#__PURE__*/React.createElement(HyperLink, {
-    id: "homelink",
-    variant: "default",
-    href: homeUrl
-  }, homeLabel), !!items && items.length > 2 && (items.length > 3 ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SystemIcons.ChevronRight, {
-    className: "chevronicon",
-    color: COLORS.neutral_500,
-    size: chevronSize
-  }), /*#__PURE__*/React.createElement(DropdownButton, {
-    alignLeft: true,
-    items: dropdownItems,
-    size: size,
-    icon: /*#__PURE__*/React.createElement(SystemIcons.MoreHorizontal, {
-      color: COLORS.neutral_600,
-      size: "20px"
-    }),
-    onClick: navigate
-  })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SystemIcons.ChevronRight, {
-    className: "chevronicon",
-    color: COLORS.neutral_500,
-    size: chevronSize
-  }), /*#__PURE__*/React.createElement(HyperLink, {
-    id: "link-item-" + (items.length - 3),
-    target: "_self",
-    variant: "default",
-    href: items[items.length - 3].url
-  }, items[items.length - 3].label))), !!items && items.length > 1 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SystemIcons.ChevronRight, {
-    className: "chevronicon",
-    color: COLORS.neutral_500,
-    size: chevronSize
-  }), /*#__PURE__*/React.createElement(HyperLink, {
-    id: "link-item-" + (items.length - 2),
-    target: "_self",
-    variant: "default",
-    href: items[items.length - 2].url
-  }, items[items.length - 2].label)), !!items && items.length > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SystemIcons.ChevronRight, {
-    className: "chevronicon",
-    color: COLORS.neutral_500,
-    size: chevronSize
-  }), /*#__PURE__*/React.createElement(LastBreadcrumbItem, {
-    size: size
-  }, items[items.length - 1].label)));
-};
-
-Breadcrumb.propTypes = {
-  homeIcon: _pt.bool,
-  homeLabel: _pt.string,
-  homeUrl: _pt.string,
-  items: _pt.array
-};
-export default Breadcrumb;
-//# sourceMappingURL=Breadcrumb.js.map

package/dist/esm/Breadcrumb/Breadcrumb.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Breadcrumb/Breadcrumb.tsx"],"names":["React","styled","COLORS","ComponentTextStyle","Size","SystemIcons","useHistory","HyperLink","IconButton","ComponentMStyling","ComponentSStyling","ComponentXXSStyling","DropdownButton","marginRight","size","Small","Medium","BreadcrumbContainer","div","props","FontStyles","Regular","neutral_600","primary_700","primary_800","textStyle","color","XSmall","LastBreadcrumbItem","label","Bold","neutral_800","Breadcrumb","items","homeIcon","homeLabel","homeUrl","history","dropdownItems","slice","length","map","x","value","url","displayLabel","navigate","links","push","chevronSize","neutral_500"],"mappings":"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","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {COLORS} from '../styles';\r\nimport {ComponentTextStyle, Size, SystemIcons} from '..';\r\nimport {useHistory} from 'react-router';\r\nimport { HyperLink, IconButton } from '..';\r\nimport {BreadcrumbItem} from '@laerdal/life-react-components/src/Breadcrumb/BreadcrumbItem';\r\nimport {ComponentMStyling, ComponentSStyling, ComponentXXSStyling} from '../styles/typography';\r\nimport DropdownButton from '../Dropdown/DropdownButton';\r\nimport { DropdownItem } from '../Dropdown/DropdownContent';\r\n\r\ntype BreadcrumbProps = {\r\n  homeIcon?: boolean;\r\n  homeLabel?: string;\r\n  homeUrl?: string;\r\n  items?: BreadcrumbItem[];\r\n  size?: Size;\r\n};\r\n\r\nconst marginRight = (size: Size | undefined) => {\r\n  return size == Size.Small || size == Size.Medium ? 'margin-right: 8px;' : 'margin-right: 4px;'\r\n}\r\n\r\nconst BreadcrumbContainer = styled.div<{size: Size | undefined}>`\r\n  display:flex;\r\n  align-items: center;\r\n  min-height: 48px;\r\n    \r\n  a {\r\n    text-decoration: none;\r\n    ${(props) => FontStyles(props.size, ComponentTextStyle.Regular, COLORS.neutral_600)}\r\n    ${(props) => marginRight(props.size) }\r\n  }\r\n\r\n  .chevronicon {\r\n    ${(props) => marginRight(props.size) }\r\n  }\r\n\r\n  a:hover {\r\n    color: ${COLORS.primary_700};\r\n  }\r\n  a:active {\r\n    color: ${COLORS.primary_800};\r\n  }\r\n`;\r\n\r\nconst FontStyles = (size: Size | undefined, textStyle: ComponentTextStyle, color: string) => {\r\n  switch (size) {\r\n    case Size.XSmall:\r\n      return ComponentXXSStyling(textStyle, color);\r\n    case Size.Medium:\r\n      return ComponentMStyling(textStyle, color);\r\n    case Size.Small:\r\n    default:\r\n      return ComponentSStyling(textStyle, color);\r\n  }\r\n}\r\n\r\nconst LastBreadcrumbItem = styled.label<{size: Size}>`\r\n  ${(props) => FontStyles(props.size, ComponentTextStyle.Bold, COLORS.neutral_800)}\r\n  ${(props) => marginRight(props.size) }\r\n`;\r\n\r\nconst Breadcrumb: React.FunctionComponent<BreadcrumbProps> = ({ \r\n    items, \r\n    size = Size.Small, \r\n    homeIcon = true, \r\n    homeLabel = 'Home', \r\n    homeUrl = '/' }) => {\r\n\r\n  const history = useHistory();\r\n  const dropdownItems: DropdownItem[] = items ? items.slice(0, items.length - 2).map(x => ({ value: x.url, displayLabel: x.label })) : [];\r\n  const navigate = (links: string[]) => {    \r\n    history.push(links[0]);\r\n  };\r\n\r\n  const chevronSize = size == Size.Medium ? \"24px\" : size == Size.Small ? \"20px\" : \"16px\";\r\n\r\n  return (\r\n    <BreadcrumbContainer size={size}>\r\n\r\n      {homeIcon ? \r\n        <IconButton variant=\"secondary\" shape=\"circular\" action={() => history.push(homeUrl)}>\r\n          <SystemIcons.Home size={chevronSize} />\r\n        </IconButton> : \r\n        <HyperLink id={\"homelink\"} variant=\"default\" href={homeUrl}>\r\n          {homeLabel}\r\n        </HyperLink>}\r\n\r\n      { !!items && items.length > 2 &&\r\n          (items.length > 3 ?\r\n          <>\r\n            <SystemIcons.ChevronRight className=\"chevronicon\" color={COLORS.neutral_500} size={chevronSize} />\r\n            <DropdownButton \r\n              alignLeft={true}\r\n              items={dropdownItems} \r\n              size={size}\r\n              icon={<SystemIcons.MoreHorizontal color={COLORS.neutral_600} size=\"20px\" />}\r\n              onClick={navigate} />\r\n          </> :\r\n          <>\r\n            <SystemIcons.ChevronRight className=\"chevronicon\" color={COLORS.neutral_500} size={chevronSize} />\r\n            <HyperLink id={\"link-item-\" + (items.length - 3)} target=\"_self\" variant=\"default\" href={items[items.length - 3].url}>\r\n              {items[items.length - 3].label}\r\n            </HyperLink>  \r\n          </>)\r\n      }\r\n\r\n      { !!items && items.length > 1 && \r\n        <>\r\n          <SystemIcons.ChevronRight className=\"chevronicon\" color={COLORS.neutral_500} size={chevronSize} />\r\n          <HyperLink id={\"link-item-\" + (items.length - 2)} target=\"_self\" variant=\"default\" href={items[items.length - 2].url}>\r\n            {items[items.length - 2].label}\r\n          </HyperLink>\r\n        </>\r\n      }\r\n\r\n      { !!items && items.length > 0 && \r\n        <>\r\n          <SystemIcons.ChevronRight className=\"chevronicon\" color={COLORS.neutral_500} size={chevronSize} />\r\n          <LastBreadcrumbItem size={size}>\r\n            {items[items.length - 1].label}\r\n          </LastBreadcrumbItem>\r\n        </>\r\n      }\r\n\r\n    </BreadcrumbContainer>);\r\n};\r\n\r\nexport default Breadcrumb;\r\n"],"file":"Breadcrumb.js"}

package/dist/esm/Breadcrumb/BreadcrumbItem.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=BreadcrumbItem.js.map

package/dist/esm/Breadcrumb/BreadcrumbItem.js.map

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

package/dist/esm/Breadcrumb/index.js

@@ -1,2 +0,0 @@
-export { default as Breadcrumb } from './Breadcrumb';
-//# sourceMappingURL=index.js.map

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

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

package/dist/esm/Button/Anchor.js

@@ -1,76 +0,0 @@
-import _pt from "prop-types";
-const _excluded = ["children", "size", "href", "target"];
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-import * as React from 'react';
-import styled from 'styled-components';
-import { COLORS } from '../styles';
-
-const Anchor = _ref => {
-  let {
-    children,
-    size = 'small',
-    href = '#',
-    target = '_blank'
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/React.createElement(AnchorTag, _extends({
-    size: size,
-    href: href,
-    target: target
-  }, props), children);
-};
-
-Anchor.propTypes = {
-  size: _pt.oneOf(['small', 'medium', 'large', 'xsmall', 'xlarge']).isRequired,
-  href: _pt.string
-};
-const AnchorTag = styled.a`
-  color: ${COLORS.primary_500};
-  background-color: transparent;
-  padding: 0;
-  border: none;
-  max-width:max-content; 
-  text-decoration: none;
-  font-size: ${props => props.size === 'large' ? '20px' : props.size === 'small' ? '16px' : props.size === 'xsmall' ? '14px' : props.size === 'xlarge' ? '24px' : '18px'};
-  line-height: ${props => props.size === 'large' ? '32px' : props.size === 'small' ? '24px' : props.size === 'xsmall' ? '20px' : props.size === 'xlarge' ? '36px' : '28px'};
-  font-weight: bold;
-  font-family: inherit;
-  cursor: pointer;
-  outline:none;
-  &:visited,
-  &.vistied-state {
-    color: ${COLORS.accent1_500};
-    background: transparent;
-    text-decoration: none;
-  }
-  &:hover, 
-  &.hover-state {
-    color: ${COLORS.primary_600};
-    text-decoration: underline;
-  }
-  &:focus,
-  &.focus-state {
-    background-color: ${COLORS.white};
-    text-decoration: underline;
-    box-shadow: 0px 4px 12px ${COLORS.focus_25}, 0px 0px 8px ${COLORS.focus} !important;
-    outline:none;
-    color: ${COLORS.primary_500};
-  }
-  &:active,
-  &.active-state {
-    color: ${COLORS.primary_700};
-    background: transparent;
-    text-decoration: underline;
-    background-color:unset !important;
-    box-shadow: unset !important;
-  } 
-`;
-export default Anchor;
-//# sourceMappingURL=Anchor.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Button/Anchor.tsx"],"names":["React","styled","COLORS","Anchor","children","size","href","target","props","AnchorTag","a","primary_500","accent1_500","primary_600","white","focus_25","focus","primary_700"],"mappings":";;;;;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,SAAQC,MAAR,QAAqB,WAArB;;AAOA,MAAMC,MAA4C,GAAG,QAAuE;AAAA,MAAtE;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,IAAI,GAAG,OAAnB;AAA4BC,IAAAA,IAAI,GAAC,GAAjC;AAAsCC,IAAAA,MAAM,GAAC;AAA7C,GAAsE;AAAA,MAAXC,KAAW;;AAC1H,sBACI,oBAAC,SAAD;AAAW,IAAA,IAAI,EAAEH,IAAjB;AAAuB,IAAA,IAAI,EAAEC,IAA7B;AAAmC,IAAA,MAAM,EAAEC;AAA3C,KAAuDC,KAAvD,GACKJ,QADL,CADJ;AAKD,CAND;;;AAJIC,EAAAA,I,aAAO,O,EAAU,Q,EAAW,O,EAAU,Q,EAAW,Q;AACjDC,EAAAA,I;;AAWJ,MAAMG,SAAS,GAAGR,MAAM,CAACS,CAAe;AACxC,WAAWR,MAAM,CAACS,WAAY;AAC9B;AACA;AACA;AACA;AACA;AACA,eAAeH,KAAK,IAAKA,KAAK,CAACH,IAAN,KAAe,OAAf,GAAyB,MAAzB,GAAkCG,KAAK,CAACH,IAAN,KAAe,OAAf,GAAyB,MAAzB,GAAkCG,KAAK,CAACH,IAAN,KAAe,QAAf,GAA0B,MAA1B,GAAmCG,KAAK,CAACH,IAAN,KAAe,QAAf,GAA0B,MAA1B,GAAmC,MAAQ;AAC3K,iBAAiBG,KAAK,IAAKA,KAAK,CAACH,IAAN,KAAe,OAAf,GAAyB,MAAzB,GAAkCG,KAAK,CAACH,IAAN,KAAe,OAAf,GAAyB,MAAzB,GAAkCG,KAAK,CAACH,IAAN,KAAe,QAAf,GAA0B,MAA1B,GAAmCG,KAAK,CAACH,IAAN,KAAe,QAAf,GAA0B,MAA1B,GAAmC,MAAQ;AAC7K;AACA;AACA;AACA;AACA;AACA;AACA,aAAcH,MAAM,CAACU,WAAa;AAClC;AACA;AACA;AACA;AACA;AACA,aAAaV,MAAM,CAACW,WAAY;AAChC;AACA;AACA;AACA;AACA,wBAAwBX,MAAM,CAACY,KAAM;AACrC;AACA,+BAA+BZ,MAAM,CAACa,QAAS,iBAAgBb,MAAM,CAACc,KAAM;AAC5E;AACA,aAAad,MAAM,CAACS,WAAY;AAChC;AACA;AACA;AACA,aAAcT,MAAM,CAACe,WAAa;AAClC;AACA;AACA;AACA;AACA;AACA,CAxCA;AA0CA,eAAed,MAAf","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {COLORS} from '../styles';\r\n\r\ninterface AnchorProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>{\r\n    size : 'small' | 'medium' | 'large' | 'xsmall' | 'xlarge';\r\n    href?: string;\r\n}\r\n\r\nconst Anchor: React.FunctionComponent<AnchorProps> = ({ children, size = 'small', href='#', target='_blank' , ...props}) => {\r\n  return (\r\n      <AnchorTag size={size} href={href} target={target} {...props}>\r\n          {children}\r\n      </AnchorTag>\r\n  )\r\n}\r\n\r\nconst AnchorTag = styled.a<AnchorProps>`\r\n  color: ${COLORS.primary_500};\r\n  background-color: transparent;\r\n  padding: 0;\r\n  border: none;\r\n  max-width:max-content; \r\n  text-decoration: none;\r\n  font-size: ${props => (props.size === 'large' ? '20px' : props.size === 'small' ? '16px' : props.size === 'xsmall' ? '14px' : props.size === 'xlarge' ? '24px' : '18px')};\r\n  line-height: ${props => (props.size === 'large' ? '32px' : props.size === 'small' ? '24px' : props.size === 'xsmall' ? '20px' : props.size === 'xlarge' ? '36px' : '28px')};\r\n  font-weight: bold;\r\n  font-family: inherit;\r\n  cursor: pointer;\r\n  outline:none;\r\n  &:visited,\r\n  &.vistied-state {\r\n    color: ${ COLORS.accent1_500 };\r\n    background: transparent;\r\n    text-decoration: none;\r\n  }\r\n  &:hover, \r\n  &.hover-state {\r\n    color: ${COLORS.primary_600};\r\n    text-decoration: underline;\r\n  }\r\n  &:focus,\r\n  &.focus-state {\r\n    background-color: ${COLORS.white};\r\n    text-decoration: underline;\r\n    box-shadow: 0px 4px 12px ${COLORS.focus_25}, 0px 0px 8px ${COLORS.focus} !important;\r\n    outline:none;\r\n    color: ${COLORS.primary_500};\r\n  }\r\n  &:active,\r\n  &.active-state {\r\n    color: ${ COLORS.primary_700 };\r\n    background: transparent;\r\n    text-decoration: underline;\r\n    background-color:unset !important;\r\n    box-shadow: unset !important;\r\n  } \r\n`;\r\n\r\nexport default Anchor;"],"file":"Anchor.js"}