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

package/dist/Accordion/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Accordion/index.ts"],"names":["default","AccordionMenu","AccordionMenuItem","ContentAccordion","AccordionMenuWrapper"],"mappings":"AAAA,SAAQA,OAAO,IAAIC,aAAnB,QAAuC,iBAAvC;AACA,SAAQD,OAAO,IAAIE,iBAAnB,QAA2C,iBAA3C;AACA,SAAQC,gBAAR,QAA+B,oBAA/B;AACA,SAAQC,oBAAR,QAAmC,UAAnC","sourcesContent":["export {default as AccordionMenu} from './AccordionMenu';\nexport {default as AccordionMenuItem} from './AccordionMenu';\nexport {ContentAccordion} from './ContentAccordion';\nexport {AccordionMenuWrapper} from './styles';\n"],"file":"index.js"}

package/dist/Accordion/styles.d.ts

@@ -1,10 +0,0 @@
-export declare const AccordionMenuWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const AccordionItemContainer: import("styled-components").StyledComponent<"div", any, {
-    displaySeparator: boolean;
-}, never>;
-export declare const ItemHeaderContainer: import("styled-components").StyledComponent<"div", any, {
-    isDisabled: boolean;
-    isActive: boolean;
-}, never>;
-export declare const HeaderIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ItemBodyContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/Accordion/styles.js

@@ -1,20 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-
-import styled, { css } from 'styled-components';
-import { COLORS } from '../styles';
-import { Z_INDEXES } from '../styles/z-indexes';
-export var AccordionMenuWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  min-width: 320px;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n"])));
-export var AccordionItemContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  border-bottom: ", ";\n"])), function (props) {
-  return props.displaySeparator ? "1px solid ".concat(COLORS.neutral_100) : '';
-});
-var disabledState = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  background: ", "!important;\n  color: ", ";\n  pointer-events: none;\n  svg {\n    color: ", "!important;\n  }\n"])), COLORS.white, COLORS.neutral_300, COLORS.neutral_300);
-export var ItemHeaderContainer = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 12px 16px 11px 16px;\n  background: ", ";\n  cursor: ", ";\n  svg:last-child {\n    margin-left: auto;\n  }\n  outline: none;\n\n  ", "\n  :hover {\n    background: ", ";\n  }\n\n  :hover .headerLabel {\n    color: ", ";\n  }\n\n  :active .headerLabel {\n    color: ", ";\n  }\n\n  :hover svg {\n    color: ", ";\n  }\n\n  :active svg {\n    color: ", ";\n  }\n\n  :active {\n    background: ", ";\n  }\n  \n  :focus:not(:active){\n    z-index: ", ";\n    box-shadow: 0px 4px 12px ", ", 0px 0px 8px ", ";\n  }\n"])), COLORS.neutral_20, function (props) {
-  return props.isDisabled ? 'not-allowed' : 'pointer';
-}, function (props) {
-  return props.isDisabled ? disabledState : '';
-}, COLORS.primary_20, COLORS.primary_700, COLORS.primary_800, COLORS.primary_700, COLORS.primary_800, COLORS.primary_100, Z_INDEXES.focus, COLORS.primary_500, COLORS.primary_500);
-export var HeaderIconContainer = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-left: auto;\n"])));
-export var ItemBodyContainer = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  padding: 0px 16px;\n  margin: 12px 0;\n  background: ", ";\n"])), COLORS.white);
-//# sourceMappingURL=styles.js.map

package/dist/Accordion/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Accordion/styles.ts"],"names":["styled","css","COLORS","Z_INDEXES","AccordionMenuWrapper","div","AccordionItemContainer","props","displaySeparator","neutral_100","disabledState","white","neutral_300","ItemHeaderContainer","neutral_20","isDisabled","primary_20","primary_700","primary_800","primary_100","focus","primary_500","HeaderIconContainer","ItemBodyContainer"],"mappings":";;;;AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AACA,SAASC,MAAT,QAAuB,WAAvB;AACA,SAASC,SAAT,QAA0B,qBAA1B;AAEA,OAAO,IAAMC,oBAAoB,GAAGJ,MAAM,CAACK,GAAV,oKAA1B;AAOP,OAAO,IAAMC,sBAAsB,GAAGN,MAAM,CAACK,GAAV,0LAKhB,UAACE,KAAD;AAAA,SAAYA,KAAK,CAACC,gBAAN,uBAAsCN,MAAM,CAACO,WAA7C,IAA6D,EAAzE;AAAA,CALgB,CAA5B;AAQP,IAAMC,aAAa,GAAGT,GAAH,4LACHC,MAAM,CAACS,KADJ,EAERT,MAAM,CAACU,WAFC,EAKNV,MAAM,CAACU,WALD,CAAnB;AASA,OAAO,IAAMC,mBAAmB,GAAGb,MAAM,CAACK,GAAV,kqBAMhBH,MAAM,CAACY,UANS,EAOpB,UAACP,KAAD;AAAA,SAAYA,KAAK,CAACQ,UAAN,GAAmB,aAAnB,GAAmC,SAA/C;AAAA,CAPoB,EAa5B,UAACR,KAAD;AAAA,SAAYA,KAAK,CAACQ,UAAN,GAAmBL,aAAnB,GAAmC,EAA/C;AAAA,CAb4B,EAedR,MAAM,CAACc,UAfO,EAmBnBd,MAAM,CAACe,WAnBY,EAuBnBf,MAAM,CAACgB,WAvBY,EA2BnBhB,MAAM,CAACe,WA3BY,EA+BnBf,MAAM,CAACgB,WA/BY,EAmCdhB,MAAM,CAACiB,WAnCO,EAuCjBhB,SAAS,CAACiB,KAvCO,EAwCDlB,MAAM,CAACmB,WAxCN,EAwCkCnB,MAAM,CAACmB,WAxCzC,CAAzB;AA4CP,OAAO,IAAMC,mBAAmB,GAAGtB,MAAM,CAACK,GAAV,+FAAzB;AAIP,OAAO,IAAMkB,iBAAiB,GAAGvB,MAAM,CAACK,GAAV,wIAGdH,MAAM,CAACS,KAHO,CAAvB","sourcesContent":["import styled, { css } from 'styled-components';\nimport { COLORS } from '../styles';\nimport { Z_INDEXES } from '../styles/z-indexes';\n\nexport const AccordionMenuWrapper = styled.div`\n  min-width: 320px;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n`;\n\nexport const AccordionItemContainer = styled.div<{ displaySeparator: boolean; }>`\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  border-bottom: ${(props) => (props.displaySeparator ? `1px solid ${COLORS.neutral_100}` : '')};\n`;\n\nconst disabledState = css`\n  background: ${COLORS.white}!important;\n  color: ${COLORS.neutral_300};\n  pointer-events: none;\n  svg {\n    color: ${COLORS.neutral_300}!important;\n  }\n`;\n\nexport const ItemHeaderContainer = styled.div<{ isDisabled: boolean, isActive: boolean }>`\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 12px 16px 11px 16px;\n  background: ${COLORS.neutral_20};\n  cursor: ${(props) => (props.isDisabled ? 'not-allowed' : 'pointer')};\n  svg:last-child {\n    margin-left: auto;\n  }\n  outline: none;\n\n  ${(props) => (props.isDisabled ? disabledState : '')}\n  :hover {\n    background: ${COLORS.primary_20};\n  }\n\n  :hover .headerLabel {\n    color: ${COLORS.primary_700};\n  }\n\n  :active .headerLabel {\n    color: ${COLORS.primary_800};\n  }\n\n  :hover svg {\n    color: ${COLORS.primary_700};\n  }\n\n  :active svg {\n    color: ${COLORS.primary_800};\n  }\n\n  :active {\n    background: ${COLORS.primary_100};\n  }\n  \n  :focus:not(:active){\n    z-index: ${Z_INDEXES.focus};\n    box-shadow: 0px 4px 12px ${COLORS.primary_500}, 0px 0px 8px ${COLORS.primary_500};\n  }\n`;\n\nexport const HeaderIconContainer = styled.div`\n  margin-left: auto;\n`;\n\nexport const ItemBodyContainer = styled.div`\n  padding: 0px 16px;\n  margin: 12px 0;\n  background: ${COLORS.white};\n`;\n"],"file":"styles.js"}

package/dist/AuthPage/AuthPage.js

@@ -1,61 +0,0 @@
-import _pt from "prop-types";
-import * as React from 'react';
-import { COLORS } from '../styles';
-import ScreenSetsContainer from './ScreenSetsContainer';
-import { InformationContainer, InformationContent, InformationHeader, InformationText, InformationImage } from './Information';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-
-/**
- * The 'AuthPage' component consist of two containers: an 'Information' container on the left, and a 'ScreenSetsContainer' on the right.
- * The 'Information' container is optional and its contents depend on the context (sign-up or sign-in).
- * The 'ScreenSetsContainer' will contain the SAP CDC screen-sets.
- */
-var AuthPage = function AuthPage(_ref) {
-  var showInformationSection = _ref.showInformationSection,
-      signUp = _ref.signUp,
-      signUpPlaceholderImage = _ref.signUpPlaceholderImage,
-      signInPlaceholderImage = _ref.signInPlaceholderImage,
-      signUpPlaceholderImageAlt = _ref.signUpPlaceholderImageAlt,
-      signInPlaceholderImageAlt = _ref.signInPlaceholderImageAlt,
-      signUpInformationHeader = _ref.signUpInformationHeader,
-      signInInformationHeader = _ref.signInInformationHeader,
-      signUpInformationText = _ref.signUpInformationText,
-      signInInformationText = _ref.signInInformationText,
-      screenSetsContainerId = _ref.screenSetsContainerId;
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [showInformationSection && /*#__PURE__*/_jsx(InformationContainer, {
-      $color: signUp ? COLORS.accent1_20 : COLORS.primary_20,
-      children: /*#__PURE__*/_jsxs(InformationContent, {
-        children: [(signUpPlaceholderImage || signInPlaceholderImage) && /*#__PURE__*/_jsx(InformationImage, {
-          src: signUp ? signUpPlaceholderImage : signInPlaceholderImage,
-          alt: signUp ? signUpPlaceholderImageAlt : signInPlaceholderImageAlt
-        }), (signUpInformationHeader || signInInformationHeader) && /*#__PURE__*/_jsx(InformationHeader, {
-          children: signUp ? signUpInformationHeader : signInInformationHeader
-        }), (signUpInformationText || signInInformationText) && /*#__PURE__*/_jsx(InformationText, {
-          children: signUp ? signUpInformationText : signInInformationText
-        })]
-      })
-    }), /*#__PURE__*/_jsx(ScreenSetsContainer, {
-      id: screenSetsContainerId,
-      centerContents: !showInformationSection
-    })]
-  });
-};
-
-AuthPage.propTypes = {
-  showInformationSection: _pt.bool.isRequired,
-  signUp: _pt.bool.isRequired,
-  signUpPlaceholderImage: _pt.string,
-  signInPlaceholderImage: _pt.string,
-  signUpPlaceholderImageAlt: _pt.string,
-  signInPlaceholderImageAlt: _pt.string,
-  signUpInformationHeader: _pt.string,
-  signInInformationHeader: _pt.string,
-  signUpInformationText: _pt.string,
-  signInInformationText: _pt.string,
-  screenSetsContainerId: _pt.string.isRequired
-};
-export default AuthPage;
-//# sourceMappingURL=AuthPage.js.map

package/dist/AuthPage/AuthPage.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/AuthPage/AuthPage.tsx"],"names":["React","COLORS","ScreenSetsContainer","InformationContainer","InformationContent","InformationHeader","InformationText","InformationImage","AuthPage","showInformationSection","signUp","signUpPlaceholderImage","signInPlaceholderImage","signUpPlaceholderImageAlt","signInPlaceholderImageAlt","signUpInformationHeader","signInInformationHeader","signUpInformationText","signInInformationText","screenSetsContainerId","accent1_20","primary_20"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,MAAT,QAAuB,WAAvB;AACA,OAAOC,mBAAP,MAAgC,uBAAhC;AACA,SAASC,oBAAT,EAA+BC,kBAA/B,EAAmDC,iBAAnD,EAAsEC,eAAtE,EAAuFC,gBAAvF,QAA+G,eAA/G;;;;;AA4BA;AACA;AACA;AACA;AACA;AACA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,OAYI;AAAA,MAXnBC,sBAWmB,QAXnBA,sBAWmB;AAAA,MAVnBC,MAUmB,QAVnBA,MAUmB;AAAA,MATnBC,sBASmB,QATnBA,sBASmB;AAAA,MARnBC,sBAQmB,QARnBA,sBAQmB;AAAA,MAPnBC,yBAOmB,QAPnBA,yBAOmB;AAAA,MANnBC,yBAMmB,QANnBA,yBAMmB;AAAA,MALnBC,uBAKmB,QALnBA,uBAKmB;AAAA,MAJnBC,uBAImB,QAJnBA,uBAImB;AAAA,MAHnBC,qBAGmB,QAHnBA,qBAGmB;AAAA,MAFnBC,qBAEmB,QAFnBA,qBAEmB;AAAA,MADnBC,qBACmB,QADnBA,qBACmB;AACnB,sBACE;AAAA,eACGV,sBAAsB,iBACrB,KAAC,oBAAD;AAAsB,MAAA,MAAM,EAAEC,MAAM,GAAGT,MAAM,CAACmB,UAAV,GAAuBnB,MAAM,CAACoB,UAAlE;AAAA,6BACE,MAAC,kBAAD;AAAA,mBACG,CAACV,sBAAsB,IAAIC,sBAA3B,kBACC,KAAC,gBAAD;AAAkB,UAAA,GAAG,EAAEF,MAAM,GAAGC,sBAAH,GAA4BC,sBAAzD;AAAiF,UAAA,GAAG,EAAEF,MAAM,GAAGG,yBAAH,GAA+BC;AAA3H,UAFJ,EAIG,CAACC,uBAAuB,IAAIC,uBAA5B,kBAAwD,KAAC,iBAAD;AAAA,oBAAoBN,MAAM,GAAGK,uBAAH,GAA6BC;AAAvD,UAJ3D,EAKG,CAACC,qBAAqB,IAAIC,qBAA1B,kBAAoD,KAAC,eAAD;AAAA,oBAAkBR,MAAM,GAAGO,qBAAH,GAA2BC;AAAnD,UALvD;AAAA;AADF,MAFJ,eAYE,KAAC,mBAAD;AAAqB,MAAA,EAAE,EAAEC,qBAAzB;AAAgD,MAAA,cAAc,EAAE,CAACV;AAAjE,MAZF;AAAA,IADF;AAgBD,CA7BD;;;AA7BEA,EAAAA,sB;AAGAC,EAAAA,M;AAEAC,EAAAA,sB;AAEAC,EAAAA,sB;AAEAC,EAAAA,yB;AAEAC,EAAAA,yB;AAEAC,EAAAA,uB;AAEAC,EAAAA,uB;AAEAC,EAAAA,qB;AAEAC,EAAAA,qB;AAEAC,EAAAA,qB;;AAuCF,eAAeX,QAAf","sourcesContent":["import * as React from 'react';\nimport { COLORS } from '../styles';\nimport ScreenSetsContainer from './ScreenSetsContainer';\nimport { InformationContainer, InformationContent, InformationHeader, InformationText, InformationImage } from './Information';\n\ntype AuthPageProps = {\n  /** set this to 'false' to hide the left side illustration/information section */\n  showInformationSection: boolean;\n  /** true if 'sign-up' screen-set is showing, otherwise false.\n   * The value can be set using 'onBeforeScreenLoad' in 'gigya.accounts.showScreenSet(...)' and checking the loaded screen-set */\n  signUp: boolean;\n  /** img src string for 'sign-up' placeholder image */\n  signUpPlaceholderImage?: string;\n  /** img src string for 'sign-in' placeholder image */\n  signInPlaceholderImage?: string;\n  /** img alt text string for 'sign-up' placeholder image */\n  signUpPlaceholderImageAlt?: string;\n  /** img alt text string for 'sign-in' placeholder image */\n  signInPlaceholderImageAlt?: string;\n  /** information header text string below 'sign-up' placeholder image */\n  signUpInformationHeader?: string;\n  /** information header text string below 'sign-in' placeholder image */\n  signInInformationHeader?: string;\n  /** information text string below 'sign-up' header text */\n  signUpInformationText?: string;\n  /** information text string below 'sign-in' header text */\n  signInInformationText?: string;\n  /** ID that will be given to the SAP CDC screen-sets container (must match 'containerID' in 'gigya.accounts.showScreenSet(...)'!) */\n  screenSetsContainerId: string;\n};\n\n/**\n * The 'AuthPage' component consist of two containers: an 'Information' container on the left, and a 'ScreenSetsContainer' on the right.\n * The 'Information' container is optional and its contents depend on the context (sign-up or sign-in).\n * The 'ScreenSetsContainer' will contain the SAP CDC screen-sets.\n */\nconst AuthPage = ({\n  showInformationSection,\n  signUp,\n  signUpPlaceholderImage,\n  signInPlaceholderImage,\n  signUpPlaceholderImageAlt,\n  signInPlaceholderImageAlt,\n  signUpInformationHeader,\n  signInInformationHeader,\n  signUpInformationText,\n  signInInformationText,\n  screenSetsContainerId,\n}: AuthPageProps) => {\n  return (\n    <>\n      {showInformationSection && (\n        <InformationContainer $color={signUp ? COLORS.accent1_20 : COLORS.primary_20}>\n          <InformationContent>\n            {(signUpPlaceholderImage || signInPlaceholderImage) && (\n              <InformationImage src={signUp ? signUpPlaceholderImage : signInPlaceholderImage} alt={signUp ? signUpPlaceholderImageAlt : signInPlaceholderImageAlt} />\n            )}\n            {(signUpInformationHeader || signInInformationHeader) && <InformationHeader>{signUp ? signUpInformationHeader : signInInformationHeader}</InformationHeader>}\n            {(signUpInformationText || signInInformationText) && <InformationText>{signUp ? signUpInformationText : signInInformationText}</InformationText>}\n          </InformationContent>\n        </InformationContainer>\n      )}\n      <ScreenSetsContainer id={screenSetsContainerId} centerContents={!showInformationSection} />\n    </>\n  );\n};\n\nexport default AuthPage;\n"],"file":"AuthPage.js"}

package/dist/AuthPage/Information.js

@@ -1,16 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
-import styled from 'styled-components';
-import AuthPageSection from './_AuthPageSection';
-import { BREAKPOINTS, COLORS, ParagraphTextStyle } from '../styles';
-import { HeadlineXLStyling, ParagraphLStyling } from '../styles/typography';
-export var InformationContainer = styled(AuthPageSection)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: none;\n  background: ", ";\n\n  ", " {\n    display: flex;\n    padding-top: 56px;\n  }\n"])), function (props) {
-  return props.$color;
-}, BREAKPOINTS.MEDIUM);
-export var InformationContent = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-self: center;\n  align-items: center;\n  text-align: center;\n  max-width: 100%;\n\n  ", " {\n    align-self: flex-end;\n    margin-right: 48px;\n  }\n"])), BREAKPOINTS.LARGE);
-export var InformationHeader = styled.h2(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", "\n  font-weight: 300;\n  margin-bottom: 0;\n"])), HeadlineXLStyling(COLORS.black));
-export var InformationText = styled.p(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  ", "\n  margin: 8px 0;\n"])), ParagraphLStyling(ParagraphTextStyle.Regular, COLORS.neutral_600));
-export var InformationImage = styled.img(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  height: 275px;\n  max-width: 100%;\n"])));
-//# sourceMappingURL=Information.js.map

package/dist/AuthPage/Information.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/AuthPage/Information.tsx"],"names":["styled","AuthPageSection","BREAKPOINTS","COLORS","ParagraphTextStyle","HeadlineXLStyling","ParagraphLStyling","InformationContainer","props","$color","MEDIUM","InformationContent","div","LARGE","InformationHeader","h2","black","InformationText","p","Regular","neutral_600","InformationImage","img"],"mappings":";;;;AACA,OAAOA,MAAP,MAAmB,mBAAnB;AACA,OAAOC,eAAP,MAA4B,oBAA5B;AACA,SAASC,WAAT,EAAsBC,MAAtB,EAA8DC,kBAA9D,QAAwF,WAAxF;AACA,SAA4BC,iBAA5B,EAA+CC,iBAA/C,QAAwE,sBAAxE;AAEA,OAAO,IAAMC,oBAAoB,GAAGP,MAAM,CAACC,eAAD,CAAT,4KAEjB,UAACO,KAAD;AAAA,SAAWA,KAAK,CAACC,MAAjB;AAAA,CAFiB,EAI7BP,WAAW,CAACQ,MAJiB,CAA1B;AAUP,OAAO,IAAMC,kBAAkB,GAAGX,MAAM,CAACY,GAAV,sRAQ3BV,WAAW,CAACW,KARe,CAAxB;AAcP,OAAO,IAAMC,iBAAiB,GAAGd,MAAM,CAACe,EAAV,4HAC1BV,iBAAiB,CAACF,MAAM,CAACa,KAAR,CADS,CAAvB;AAMP,OAAO,IAAMC,eAAe,GAAGjB,MAAM,CAACkB,CAAV,oGACxBZ,iBAAiB,CAACF,kBAAkB,CAACe,OAApB,EAA6BhB,MAAM,CAACiB,WAApC,CADO,CAArB;AAKP,OAAO,IAAMC,gBAAgB,GAAGrB,MAAM,CAACsB,GAAV,+GAAtB","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport AuthPageSection from './_AuthPageSection';\nimport { BREAKPOINTS, COLORS, ComponentTextStyle, HeadlineXL, ParagraphTextStyle } from '../styles';\nimport { ComponentLStyling, HeadlineXLStyling, ParagraphLStyling } from '../styles/typography';\n\nexport const InformationContainer = styled(AuthPageSection)<{ $color: string }>`\n  display: none;\n  background: ${(props) => props.$color};\n\n  ${BREAKPOINTS.MEDIUM} {\n    display: flex;\n    padding-top: 56px;\n  }\n`;\n\nexport const InformationContent = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-self: center;\n  align-items: center;\n  text-align: center;\n  max-width: 100%;\n\n  ${BREAKPOINTS.LARGE} {\n    align-self: flex-end;\n    margin-right: 48px;\n  }\n`;\n\nexport const InformationHeader = styled.h2`\n  ${HeadlineXLStyling(COLORS.black)}\n  font-weight: 300;\n  margin-bottom: 0;\n`;\n\nexport const InformationText = styled.p`\n  ${ParagraphLStyling(ParagraphTextStyle.Regular, COLORS.neutral_600)}\n  margin: 8px 0;\n`;\n\nexport const InformationImage = styled.img`\n  height: 275px;\n  max-width: 100%;\n`;\n"],"file":"Information.js"}

package/dist/AuthPage/ScreenSetsContainer.js

@@ -1,12 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-
-var _templateObject;
-
-import styled from 'styled-components';
-import AuthPageSection from './_AuthPageSection';
-import { BREAKPOINTS } from '../styles';
-var ScreenSetsContainer = styled(AuthPageSection)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 8px;\n  width: calc(100% - 16px);\n  align-items: ", ";\n\n  .gigya-screen-caption {\n    display: none;\n  }\n\n  .gigya-screen {\n    max-width: 100%;\n    margin: auto;\n  }\n\n  ", " {\n    .gigya-screen {\n      margin: 0;\n      padding: 36px 25px !important;\n    }\n  }\n\n  ", " {\n    .gigya-screen {\n      max-width: 500px;\n    }\n  }\n"])), function (props) {
-  return props.centerContents ? 'center' : 'unset';
-}, BREAKPOINTS.MEDIUM, BREAKPOINTS.XLARGE);
-export default ScreenSetsContainer;
-//# sourceMappingURL=ScreenSetsContainer.js.map

package/dist/AuthPage/ScreenSetsContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/AuthPage/ScreenSetsContainer.tsx"],"names":["styled","AuthPageSection","BREAKPOINTS","ScreenSetsContainer","props","centerContents","MEDIUM","XLARGE"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,mBAAnB;AACA,OAAOC,eAAP,MAA4B,oBAA5B;AACA,SAASC,WAAT,QAA4B,WAA5B;AAEA,IAAMC,mBAAmB,GAAGH,MAAM,CAACC,eAAD,CAAT,gbAGR,UAAAG,KAAK;AAAA,SAAKA,KAAK,CAACC,cAAN,GAAuB,QAAvB,GAAkC,OAAvC;AAAA,CAHG,EAcrBH,WAAW,CAACI,MAdS,EAqBrBJ,WAAW,CAACK,MArBS,CAAzB;AA4BA,eAAeJ,mBAAf","sourcesContent":["import styled from 'styled-components';\nimport AuthPageSection from './_AuthPageSection';\nimport { BREAKPOINTS } from '../styles';\n\nconst ScreenSetsContainer = styled(AuthPageSection)<{ centerContents: boolean }>`\n  padding: 8px;\n  width: calc(100% - 16px);\n  align-items: ${props => (props.centerContents ? 'center' : 'unset')};\n\n  .gigya-screen-caption {\n    display: none;\n  }\n\n  .gigya-screen {\n    max-width: 100%;\n    margin: auto;\n  }\n\n  ${BREAKPOINTS.MEDIUM} {\n    .gigya-screen {\n      margin: 0;\n      padding: 36px 25px !important;\n    }\n  }\n\n  ${BREAKPOINTS.XLARGE} {\n    .gigya-screen {\n      max-width: 500px;\n    }\n  }\n`;\n\nexport default ScreenSetsContainer;\n"],"file":"ScreenSetsContainer.js"}

package/dist/AuthPage/_AuthPageSection.js

@@ -1,9 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-
-var _templateObject;
-
-import styled from 'styled-components';
-import { BREAKPOINTS } from '../styles';
-var AuthPageSection = styled.section(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n\n  ", " {\n    padding: 24px;\n    width: calc(50% - 48px);\n  }\n"])), BREAKPOINTS.MEDIUM);
-export default AuthPageSection;
-//# sourceMappingURL=_AuthPageSection.js.map

package/dist/AuthPage/_AuthPageSection.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/AuthPage/_AuthPageSection.tsx"],"names":["styled","BREAKPOINTS","AuthPageSection","section","MEDIUM"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,mBAAnB;AACA,SAASC,WAAT,QAA4B,WAA5B;AAEA,IAAMC,eAAe,GAAGF,MAAM,CAACG,OAAV,oMAKjBF,WAAW,CAACG,MALK,CAArB;AAWA,eAAeF,eAAf","sourcesContent":["import styled from 'styled-components';\nimport { BREAKPOINTS } from '../styles';\n\nconst AuthPageSection = styled.section`\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n\n  ${BREAKPOINTS.MEDIUM} {\n    padding: 24px;\n    width: calc(50% - 48px);\n  }\n`;\n\nexport default AuthPageSection;\n"],"file":"_AuthPageSection.js"}

package/dist/AuthPage/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/AuthPage/index.ts"],"names":["ScreenSetsContainer","InformationContainer","InformationContent","InformationHeader","InformationText","InformationImage","AuthPage","screenSetsErrorMessages_EN"],"mappings":"AAAA,OAAOA,mBAAP,MAAgC,uBAAhC;AACA,SAASC,oBAAT,EAA+BC,kBAA/B,EAAmDC,iBAAnD,EAAsEC,eAAtE,EAAuFC,gBAAvF,QAA+G,eAA/G;AACA,OAAOC,QAAP,MAAqB,YAArB;AACA,SAASC,0BAAT,QAA2C,2BAA3C;AAEA,SAASP,mBAAT,EAA8BC,oBAA9B,EAAoDC,kBAApD,EAAwEC,iBAAxE,EAA2FC,eAA3F,EAA4GC,gBAA5G,EAA8HC,QAA9H,EAAwIC,0BAAxI","sourcesContent":["import ScreenSetsContainer from './ScreenSetsContainer';\nimport { InformationContainer, InformationContent, InformationHeader, InformationText, InformationImage } from './Information';\nimport AuthPage from './AuthPage';\nimport { screenSetsErrorMessages_EN } from './screenSetsErrorMessages';\n\nexport { ScreenSetsContainer, InformationContainer, InformationContent, InformationHeader, InformationText, InformationImage, AuthPage, screenSetsErrorMessages_EN };\n"],"file":"index.js"}

package/dist/AuthPage/screenSetsErrorMessages.js

@@ -1,6 +0,0 @@
-export var screenSetsErrorMessages_EN = {
-  email_already_exists: 'An account with that email already exists - try <a href class="sign-in-link" style="font-size: inherit;" data-switch-screen="gigya-login-screen">signing in</a>',
-  email_address_is_invalid: 'Invalid email address',
-  please_enter_fieldname: 'Enter your %fieldname'
-};
-//# sourceMappingURL=screenSetsErrorMessages.js.map

package/dist/AuthPage/screenSetsErrorMessages.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/AuthPage/screenSetsErrorMessages.ts"],"names":["screenSetsErrorMessages_EN","email_already_exists","email_address_is_invalid","please_enter_fieldname"],"mappings":"AAAA,OAAO,IAAMA,0BAA0B,GAAG;AACxCC,EAAAA,oBAAoB,EAClB,iKAFsC;AAGxCC,EAAAA,wBAAwB,EAAE,uBAHc;AAIxCC,EAAAA,sBAAsB,EAAE;AAJgB,CAAnC","sourcesContent":["export const screenSetsErrorMessages_EN = {\n  email_already_exists:\n    'An account with that email already exists - try <a href class=\"sign-in-link\" style=\"font-size: inherit;\" data-switch-screen=\"gigya-login-screen\">signing in</a>',\n  email_address_is_invalid: 'Invalid email address',\n  please_enter_fieldname: 'Enter your %fieldname',\n};\n"],"file":"screenSetsErrorMessages.js"}

package/dist/Banners/Banner.js

@@ -1,265 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-import _pt from "prop-types";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
-import * as React from 'react';
-import styled from 'styled-components';
-import { BREAKPOINTS, COLORS, ComponentTextStyle } from '../styles';
-import { Close, Help, TechnicalWarning, ThumbsUp, Tip } from '../icons/systemicons/SystemIcons';
-import { IconButton } from '../Button';
-import { getButtonStyle } from './styles';
-import { ComponentMStyling, ComponentResponsive } from '../styles/typography';
-import { HyperLink } from '../HyperLink';
-/**
- * Styles for <Banner />
- */
-
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var BannerContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: ", ";\n  min-height: 48px;\n  display: flex;\n  color: ", ";\n  margin-top: ", ";\n\n  button:last-child {\n    line-height: 0;\n    margin: 0 0 0 8px;\n    ", " {\n      margin: 0 0 0 16px;\n    }\n    ", " {\n      margin: 0 0 0 32px;\n    }\n    &.small {\n      margin: 0 0 0 8px;\n    }\n    &.medium {\n      margin: 0 0 0 16px;\n    }\n    &.large {\n      margin: 0 0 0 32px;\n    }\n  }\n\n  a {\n    color: ", " !important;\n  }\n"])), function (props) {
-  return props.$type ? props.$type : COLORS.correct_100;
-}, COLORS.black, function (props) {
-  return props.bottom ? 'auto' : '0';
-}, BREAKPOINTS.MEDIUM, BREAKPOINTS.LARGE, function (props) {
-  return props.link;
-});
-var BannerCenter = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n\n  display: flex;\n  width: 100%;\n  margin: 0 0 0 16px;\n  ", " {\n    margin: 0 16px 0 32px;\n  }\n  ", " {\n    margin: 0 40px 0 56px;\n  }\n  &.small {\n    margin: 0 0 0 16px;\n  }\n  &.medium {\n    margin: 0 16px 0 32px;\n  }\n  &.large {\n    margin: 0 40px 0 56px;\n  }\n\n  > svg {\n    flex-shrink: 0;\n    margin: 12px 0;\n  }\n"])), function (props) {
-  return ComponentMStyling(ComponentTextStyle.Regular, props.$color);
-}, BREAKPOINTS.MEDIUM, BREAKPOINTS.LARGE);
-var ButtonWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin: 0 0 0 auto;\n"])));
-var ButtonContainer = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: contents;\n  ", ";\n"])), function (props) {
-  return props.$type ? getButtonStyle(props.$type) : null;
-});
-var BannerContentWrapper = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin: 12px 0;\n  &:not(:first-child) {\n    margin-left: 8px;\n  }\n"])));
-
-var Banner = function Banner(_ref) {
-  var size = _ref.size,
-      type = _ref.type,
-      children = _ref.children,
-      bottom = _ref.bottom,
-      testId = _ref.testId,
-      linkText = _ref.linkText,
-      link = _ref.link,
-      onClose = _ref.onClose,
-      icon = _ref.icon,
-      noIcon = _ref.noIcon;
-
-  var _React$useState = React.useState(window.innerWidth),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      width = _React$useState2[0],
-      setWidth = _React$useState2[1];
-
-  React.useEffect(function () {
-    function handleResize() {
-      setWidth(window.innerWidth);
-    }
-
-    window.addEventListener('resize', handleResize);
-  });
-  var formatTypeToLowerCase = type === null || type === void 0 ? void 0 : type.toLowerCase();
-
-  switch (formatTypeToLowerCase) {
-    case 'warning':
-      return /*#__PURE__*/_jsx(BannerContainer, {
-        "data-testid": testId,
-        $type: COLORS.warning_100,
-        link: COLORS.warning_700,
-        hover: COLORS.warning_20,
-        bottom: bottom,
-        children: /*#__PURE__*/_jsxs(BannerCenter, {
-          $color: COLORS.warning_700,
-          className: size,
-          children: [icon ? icon : noIcon ? null : /*#__PURE__*/_jsx(Help, {
-            color: COLORS.warning_700,
-            size: "24px"
-          }), /*#__PURE__*/_jsx(BannerContentWrapper, {
-            children: /*#__PURE__*/_jsxs(ComponentResponsive, {
-              size: size,
-              width: width,
-              color: COLORS.warning_700,
-              children: [children, "\xA0\xA0", link && linkText && /*#__PURE__*/_jsx(HyperLink, {
-                id: "".concat(Math.floor(Math.random() * 999999999999), "_BannerLink"),
-                href: link,
-                variant: "default",
-                children: linkText
-              })]
-            })
-          }), onClose && /*#__PURE__*/_jsx(ButtonWrapper, {
-            children: /*#__PURE__*/_jsx(ButtonContainer, {
-              $type: formatTypeToLowerCase,
-              children: /*#__PURE__*/_jsx(IconButton, {
-                variant: "secondary",
-                shape: "circular",
-                useTransparentBackground: true,
-                focusBackgroundColor: COLORS.white,
-                action: function action() {
-                  return onClose();
-                },
-                children: /*#__PURE__*/_jsx(Close, {
-                  color: COLORS.warning_500,
-                  size: "24px"
-                })
-              })
-            })
-          })]
-        })
-      });
-
-    case 'critical':
-      return /*#__PURE__*/_jsx(BannerContainer, {
-        "data-testid": testId,
-        $type: COLORS.critical_100,
-        link: COLORS.critical_700,
-        hover: COLORS.critical_20,
-        bottom: bottom,
-        className: size,
-        children: /*#__PURE__*/_jsxs(BannerCenter, {
-          $color: COLORS.critical_700,
-          className: size,
-          children: [icon ? icon : noIcon ? null : /*#__PURE__*/_jsx(TechnicalWarning, {
-            color: COLORS.critical_700,
-            size: "24px"
-          }), /*#__PURE__*/_jsx(BannerContentWrapper, {
-            children: /*#__PURE__*/_jsxs(ComponentResponsive, {
-              size: size,
-              width: width,
-              color: COLORS.critical_700,
-              children: [children, "\xA0\xA0", link && linkText && /*#__PURE__*/_jsx(HyperLink, {
-                id: "".concat(Math.floor(Math.random() * 999999999999), "_BannerLink"),
-                href: link,
-                variant: "default",
-                children: linkText
-              })]
-            })
-          }), onClose && /*#__PURE__*/_jsx(ButtonWrapper, {
-            children: /*#__PURE__*/_jsx(ButtonContainer, {
-              $type: formatTypeToLowerCase,
-              children: /*#__PURE__*/_jsx(IconButton, {
-                variant: "secondary",
-                shape: "circular",
-                useTransparentBackground: true,
-                focusBackgroundColor: COLORS.white,
-                action: function action() {
-                  return onClose();
-                },
-                children: /*#__PURE__*/_jsx(Close, {
-                  color: COLORS.critical_500,
-                  size: "24px"
-                })
-              })
-            })
-          })]
-        })
-      });
-
-    case 'positive':
-      return /*#__PURE__*/_jsx(BannerContainer, {
-        "data-testid": testId,
-        $type: COLORS.correct_100,
-        link: COLORS.correct_700,
-        hover: COLORS.correct_20,
-        bottom: bottom,
-        className: size,
-        children: /*#__PURE__*/_jsxs(BannerCenter, {
-          $color: COLORS.correct_700,
-          className: size,
-          children: [icon ? icon : noIcon ? null : /*#__PURE__*/_jsx(ThumbsUp, {
-            color: COLORS.correct_700,
-            size: "24px"
-          }), /*#__PURE__*/_jsx(BannerContentWrapper, {
-            children: /*#__PURE__*/_jsxs(ComponentResponsive, {
-              size: size,
-              width: width,
-              color: COLORS.correct_700,
-              children: [children, "\xA0\xA0", link && linkText && /*#__PURE__*/_jsx(HyperLink, {
-                id: "".concat(Math.floor(Math.random() * 999999999999), "_BannerLink"),
-                href: link,
-                variant: "default",
-                children: linkText
-              })]
-            })
-          }), onClose && /*#__PURE__*/_jsx(ButtonWrapper, {
-            children: /*#__PURE__*/_jsx(ButtonContainer, {
-              $type: formatTypeToLowerCase,
-              children: /*#__PURE__*/_jsx(IconButton, {
-                variant: "secondary",
-                shape: "circular",
-                useTransparentBackground: true,
-                focusBackgroundColor: COLORS.white,
-                action: function action() {
-                  return onClose();
-                },
-                children: /*#__PURE__*/_jsx(Close, {
-                  color: COLORS.correct_500,
-                  size: "24px"
-                })
-              })
-            })
-          })]
-        })
-      });
-
-    default:
-      return /*#__PURE__*/_jsx(BannerContainer, {
-        "data-testid": testId,
-        $type: COLORS.primary_100,
-        link: COLORS.primary_700,
-        hover: COLORS.primary_20,
-        bottom: bottom,
-        className: size,
-        children: /*#__PURE__*/_jsxs(BannerCenter, {
-          $color: COLORS.primary_700,
-          className: size,
-          children: [icon ? icon : noIcon ? null : /*#__PURE__*/_jsx(Tip, {
-            color: COLORS.primary_700,
-            size: "24px"
-          }), /*#__PURE__*/_jsx(BannerContentWrapper, {
-            children: /*#__PURE__*/_jsxs(ComponentResponsive, {
-              size: size,
-              width: width,
-              color: COLORS.primary_700,
-              children: [children, "\xA0\xA0", link && linkText && /*#__PURE__*/_jsx(HyperLink, {
-                id: "".concat(Math.floor(Math.random() * 999999999999), "_BannerLink"),
-                href: link,
-                variant: "default",
-                children: linkText
-              })]
-            })
-          }), onClose && /*#__PURE__*/_jsx(ButtonWrapper, {
-            children: /*#__PURE__*/_jsx(ButtonContainer, {
-              $type: "neutral",
-              children: /*#__PURE__*/_jsx(IconButton, {
-                variant: "secondary",
-                shape: "circular",
-                useTransparentBackground: true,
-                focusBackgroundColor: COLORS.white,
-                action: function action() {
-                  return onClose();
-                },
-                children: /*#__PURE__*/_jsx(Close, {
-                  color: COLORS.primary_500,
-                  size: "24px"
-                })
-              })
-            })
-          })]
-        })
-      });
-  }
-};
-
-Banner.propTypes = {
-  type: _pt.string,
-  link: _pt.string,
-  linkText: _pt.string,
-  hover: _pt.string,
-  bottom: _pt.bool,
-  testId: _pt.string,
-  icon: _pt.node,
-  onClose: _pt.func,
-  noIcon: _pt.bool
-};
-export default Banner;
-//# sourceMappingURL=Banner.js.map

package/dist/Banners/Banner.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Banners/Banner.tsx"],"names":["React","styled","BREAKPOINTS","COLORS","ComponentTextStyle","Close","Help","TechnicalWarning","ThumbsUp","Tip","IconButton","getButtonStyle","ComponentMStyling","ComponentResponsive","HyperLink","BannerContainer","div","props","$type","correct_100","black","bottom","MEDIUM","LARGE","link","BannerCenter","Regular","$color","ButtonWrapper","ButtonContainer","BannerContentWrapper","Banner","size","type","children","testId","linkText","onClose","icon","noIcon","useState","window","innerWidth","width","setWidth","useEffect","handleResize","addEventListener","formatTypeToLowerCase","toLowerCase","warning_100","warning_700","warning_20","Math","floor","random","white","warning_500","critical_100","critical_700","critical_20","critical_500","correct_700","correct_20","correct_500","primary_100","primary_700","primary_20","primary_500","hover"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport { BREAKPOINTS, COLORS, ComponentTextStyle } from '../styles';\nimport { Close, Help, TechnicalWarning, ThumbsUp, Tip } from '../icons/systemicons/SystemIcons';\nimport { IconButton } from '../Button';\nimport { getButtonStyle } from './styles';\nimport { Size } from '../types';\nimport { ComponentMStyling, ComponentResponsive } from '../styles/typography';\nimport { HyperLink } from '../HyperLink';\n\n/**\n * Styles for <Banner />\n */\ntype StyleBannerProps = BannerProps & { $type: string };\n\nconst BannerContainer = styled.div<StyleBannerProps>`\n  background: ${(props: StyleBannerProps) => (props.$type ? props.$type : COLORS.correct_100)};\n  min-height: 48px;\n  display: flex;\n  color: ${COLORS.black};\n  margin-top: ${(props: StyleBannerProps) => (props.bottom ? 'auto' : '0')};\n\n  button:last-child {\n    line-height: 0;\n    margin: 0 0 0 8px;\n    ${BREAKPOINTS.MEDIUM} {\n      margin: 0 0 0 16px;\n    }\n    ${BREAKPOINTS.LARGE} {\n      margin: 0 0 0 32px;\n    }\n    &.small {\n      margin: 0 0 0 8px;\n    }\n    &.medium {\n      margin: 0 0 0 16px;\n    }\n    &.large {\n      margin: 0 0 0 32px;\n    }\n  }\n\n  a {\n    color: ${(props: BannerProps) => props.link} !important;\n  }\n`;\n\nconst BannerCenter = styled.div<{ $color: string }>`\n  ${(props) => ComponentMStyling(ComponentTextStyle.Regular, props.$color)}\n\n  display: flex;\n  width: 100%;\n  margin: 0 0 0 16px;\n  ${BREAKPOINTS.MEDIUM} {\n    margin: 0 16px 0 32px;\n  }\n  ${BREAKPOINTS.LARGE} {\n    margin: 0 40px 0 56px;\n  }\n  &.small {\n    margin: 0 0 0 16px;\n  }\n  &.medium {\n    margin: 0 16px 0 32px;\n  }\n  &.large {\n    margin: 0 40px 0 56px;\n  }\n\n  > svg {\n    flex-shrink: 0;\n    margin: 12px 0;\n  }\n`;\n\nconst ButtonWrapper = styled.div`\n  margin: 0 0 0 auto;\n`;\n\nconst ButtonContainer = styled.div<{ $type?: string }>`\n  display: contents;\n  ${(props) => (props.$type ? getButtonStyle(props.$type) : null)};\n`;\n\nconst BannerContentWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  margin: 12px 0;\n  &:not(:first-child) {\n    margin-left: 8px;\n  }\n`;\n\ntype BannerProps = {\n  size?: Size.Small | Size.Medium | Size.Large;\n  type?: string;\n  link?: string;\n  linkText?: string;\n  hover?: string;\n  bottom?: boolean;\n  testId?: string;\n  icon?: React.ReactNode;\n  onClose?: () => void;\n  noIcon?: boolean;\n};\n\nconst Banner: React.FunctionComponent<BannerProps> = ({ size, type, children, bottom, testId, linkText, link, onClose, icon, noIcon }) => {\n  const [width, setWidth] = React.useState<number>(window.innerWidth);\n  React.useEffect(() => {\n    function handleResize() {\n      setWidth(window.innerWidth);\n    }\n    window.addEventListener('resize', handleResize);\n  });\n\n  const formatTypeToLowerCase = type?.toLowerCase();\n  switch (formatTypeToLowerCase) {\n    case 'warning':\n      return (\n        <BannerContainer data-testid={testId} $type={COLORS.warning_100} link={COLORS.warning_700} hover={COLORS.warning_20} bottom={bottom}>\n          <BannerCenter $color={COLORS.warning_700} className={size}>\n            {icon ? icon : noIcon ? null : <Help color={COLORS.warning_700} size=\"24px\" />}\n            <BannerContentWrapper>\n              <ComponentResponsive size={size} width={width} color={COLORS.warning_700}>\n                {children}&nbsp;&nbsp;\n                {link && linkText && (\n                  <HyperLink id={`${Math.floor(Math.random() * 999999999999)}_BannerLink`} href={link} variant=\"default\">\n                    {linkText}\n                  </HyperLink>\n                )}\n              </ComponentResponsive>\n            </BannerContentWrapper>\n            {onClose && (\n              <ButtonWrapper>\n                <ButtonContainer $type={formatTypeToLowerCase}>\n                  <IconButton variant=\"secondary\" shape=\"circular\" useTransparentBackground focusBackgroundColor={COLORS.white} action={() => onClose()}>\n                    <Close color={COLORS.warning_500} size=\"24px\" />\n                  </IconButton>\n                </ButtonContainer>\n              </ButtonWrapper>\n            )}\n          </BannerCenter>\n        </BannerContainer>\n      );\n    case 'critical':\n      return (\n        <BannerContainer data-testid={testId} $type={COLORS.critical_100} link={COLORS.critical_700} hover={COLORS.critical_20} bottom={bottom} className={size}>\n          <BannerCenter $color={COLORS.critical_700} className={size}>\n            {icon ? icon : noIcon ? null : <TechnicalWarning color={COLORS.critical_700} size=\"24px\" />}\n            <BannerContentWrapper>\n              <ComponentResponsive size={size} width={width} color={COLORS.critical_700}>\n                {children}&nbsp;&nbsp;\n                {link && linkText && (\n                  <HyperLink id={`${Math.floor(Math.random() * 999999999999)}_BannerLink`} href={link} variant=\"default\">\n                    {linkText}\n                  </HyperLink>\n                )}\n              </ComponentResponsive>\n            </BannerContentWrapper>\n            {onClose && (\n              <ButtonWrapper>\n                <ButtonContainer $type={formatTypeToLowerCase}>\n                  <IconButton variant=\"secondary\" shape=\"circular\" useTransparentBackground focusBackgroundColor={COLORS.white} action={() => onClose()}>\n                    <Close color={COLORS.critical_500} size=\"24px\" />\n                  </IconButton>\n                </ButtonContainer>\n              </ButtonWrapper>\n            )}\n          </BannerCenter>\n        </BannerContainer>\n      );\n    case 'positive':\n      return (\n        <BannerContainer data-testid={testId} $type={COLORS.correct_100} link={COLORS.correct_700} hover={COLORS.correct_20} bottom={bottom} className={size}>\n          <BannerCenter $color={COLORS.correct_700} className={size}>\n            {icon ? icon : noIcon ? null : <ThumbsUp color={COLORS.correct_700} size=\"24px\" />}\n            <BannerContentWrapper>\n              <ComponentResponsive size={size} width={width} color={COLORS.correct_700}>\n                {children}&nbsp;&nbsp;\n                {link && linkText && (\n                  <HyperLink id={`${Math.floor(Math.random() * 999999999999)}_BannerLink`} href={link} variant=\"default\">\n                    {linkText}\n                  </HyperLink>\n                )}\n              </ComponentResponsive>\n            </BannerContentWrapper>\n            {onClose && (\n              <ButtonWrapper>\n                <ButtonContainer $type={formatTypeToLowerCase}>\n                  <IconButton variant=\"secondary\" shape=\"circular\" useTransparentBackground focusBackgroundColor={COLORS.white} action={() => onClose()}>\n                    <Close color={COLORS.correct_500} size=\"24px\" />\n                  </IconButton>\n                </ButtonContainer>\n              </ButtonWrapper>\n            )}\n          </BannerCenter>\n        </BannerContainer>\n      );\n    default:\n      return (\n        <BannerContainer data-testid={testId} $type={COLORS.primary_100} link={COLORS.primary_700} hover={COLORS.primary_20} bottom={bottom} className={size}>\n          <BannerCenter $color={COLORS.primary_700} className={size}>\n            {icon ? icon : noIcon ? null : <Tip color={COLORS.primary_700} size=\"24px\" />}\n            <BannerContentWrapper>\n              <ComponentResponsive size={size} width={width} color={COLORS.primary_700}>\n                {children}&nbsp;&nbsp;\n                {link && linkText && (\n                  <HyperLink id={`${Math.floor(Math.random() * 999999999999)}_BannerLink`} href={link} variant=\"default\">\n                    {linkText}\n                  </HyperLink>\n                )}\n              </ComponentResponsive>\n            </BannerContentWrapper>\n            {onClose && (\n              <ButtonWrapper>\n                <ButtonContainer $type=\"neutral\">\n                  <IconButton variant=\"secondary\" shape=\"circular\" useTransparentBackground focusBackgroundColor={COLORS.white} action={() => onClose()}>\n                    <Close color={COLORS.primary_500} size=\"24px\" />\n                  </IconButton>\n                </ButtonContainer>\n              </ButtonWrapper>\n            )}\n          </BannerCenter>\n        </BannerContainer>\n      );\n  }\n};\n\nexport default Banner;\n"],"file":"Banner.js"}

package/dist/Banners/OverviewBanner.js

@@ -1,31 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-import _pt from "prop-types";
-
-var _templateObject, _templateObject2;
-
-import * as React from 'react';
-import styled from 'styled-components';
-import { BREAKPOINTS, COLORS } from '../styles';
-import { PageWidth } from '../Layouts';
-import { HeadlineXSStyling } from '../styles/typography';
-import { jsx as _jsx } from "react/jsx-runtime";
-var BannersWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: ", ";\n"])), COLORS.primary_20);
-var BannerContent = styled(PageWidth)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n\n  ", " {\n    flex-direction: row;\n    padding: 48px 12px;\n  }\n\n  & > *:first-child {\n    padding-top: 12px;\n    width: 320px;\n    height: 180px;\n    ", " {\n      padding-top: 0;\n      margin-right: 20px;\n      width: 384px;\n      height: 216px;\n    }\n  }\n  & h2 {\n    ", "\n    margin: 16px 0 24px 0;\n  }\n  & p {\n    margin: 0;\n    padding: 0 0 28px 0;\n    max-width: 310px;\n  }\n  & div {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    margin-bottom: 18px;\n    ", " {\n      margin-left: 20px;\n      align-items: start;\n      justify-content: start;\n      width: 384px;\n    }\n  }\n"])), COLORS.primary_20, BREAKPOINTS.MEDIUM, BREAKPOINTS.MEDIUM, HeadlineXSStyling(COLORS.black), BREAKPOINTS.MEDIUM);
-
-var OverviewBanner = function OverviewBanner(_ref) {
-  var children = _ref.children,
-      testId = _ref.testId;
-  return /*#__PURE__*/_jsx(BannersWrapper, {
-    children: /*#__PURE__*/_jsx(BannerContent, {
-      "data-testid": testId,
-      children: children
-    })
-  });
-};
-
-OverviewBanner.propTypes = {
-  children: _pt.any.isRequired,
-  testId: _pt.string
-};
-export default OverviewBanner;
-//# sourceMappingURL=OverviewBanner.js.map

package/dist/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,IAAMC,cAAc,GAAGL,MAAM,CAACM,GAAV,mGACEJ,MAAM,CAACK,UADT,CAApB;AAIA,IAAMC,aAAa,GAAGR,MAAM,CAACG,SAAD,CAAT,02BACGD,MAAM,CAACK,UADV,EAOfN,WAAW,CAACQ,MAPG,EAgBbR,WAAW,CAACQ,MAhBC,EAwBbL,iBAAiB,CAACF,MAAM,CAACQ,KAAR,CAxBJ,EAsCbT,WAAW,CAACQ,MAtCC,CAAnB;;AAiDA,IAAME,cAAc,GAAG,SAAjBA,cAAiB,OAAiC;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAApBC,MAAoB,QAApBA,MAAoB;AACtD,sBACE,KAAC,cAAD;AAAA,2BACE,KAAC,aAAD;AAAe,qBAAaA,MAA5B;AAAA,gBAAqCD;AAArC;AADF,IADF;AAKD,CAND;;;AAFeA,EAAAA,Q;AAAeC,EAAAA,M;;AAU9B,eAAeF,cAAf","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport {BREAKPOINTS, COLORS} from '../styles';\nimport {PageWidth} from '../Layouts';\nimport {HeadlineXSStyling} from '../styles/typography';\n\nconst BannersWrapper = styled.div`\n  background-color: ${COLORS.primary_20};\n`;\n\nconst BannerContent = styled(PageWidth)`\n  background-color: ${COLORS.primary_20};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n\n  ${BREAKPOINTS.MEDIUM} {\n    flex-direction: row;\n    padding: 48px 12px;\n  }\n\n  & > *:first-child {\n    padding-top: 12px;\n    width: 320px;\n    height: 180px;\n    ${BREAKPOINTS.MEDIUM} {\n      padding-top: 0;\n      margin-right: 20px;\n      width: 384px;\n      height: 216px;\n    }\n  }\n  & h2 {\n    ${HeadlineXSStyling(COLORS.black)}\n    margin: 16px 0 24px 0;\n  }\n  & p {\n    margin: 0;\n    padding: 0 0 28px 0;\n    max-width: 310px;\n  }\n  & div {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    margin-bottom: 18px;\n    ${BREAKPOINTS.MEDIUM} {\n      margin-left: 20px;\n      align-items: start;\n      justify-content: start;\n      width: 384px;\n    }\n  }\n`;\n\ntype Props = { children: any; testId?: string };\n\nconst OverviewBanner = ({ children, testId }: Props) => {\n  return (\n    <BannersWrapper>\n      <BannerContent data-testid={testId}>{children}</BannerContent>\n    </BannersWrapper>\n  );\n};\n\nexport default OverviewBanner;\n"],"file":"OverviewBanner.js"}

package/dist/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';\nimport OverviewBanner from './OverviewBanner';\n\n// eslint-disable-next-line import/prefer-default-export\nexport { Banner, OverviewBanner };\n"],"file":"index.js"}

package/dist/Banners/styles.js

@@ -1,22 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
-import { css } from 'styled-components';
-import { COLORS } from '../styles';
-export var getButtonStyle = function getButtonStyle(type) {
-  switch (type) {
-    case 'warning':
-      return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        div {\n          background-color: transparent;\n        }\n        div svg path,\n        div svg {\n          fill: ", ";\n        }\n        &:hover:not(:disabled) {\n          div {\n            background-color: ", ";\n          }\n          div svg path,\n          div svg {\n            fill: ", ";\n          }\n        }\n        &:active:not(:disabled) {\n          div {\n            background: ", ";\n          }\n          div svg path,\n          div svg {\n            fill: ", ";\n          }\n        }\n      "])), COLORS.warning_500, COLORS.warning_20, COLORS.warning_700, COLORS.warning_800, COLORS.warning_100);
-
-    case 'critical':
-      return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        div {\n          background-color: transparent;\n        }\n        div svg path,\n        div svg {\n          fill: ", ";\n        }\n        &:hover:not(:disabled) {\n          div {\n            background-color: ", ";\n          }\n          div svg path,\n          div svg {\n            fill: ", ";\n          }\n        }\n        &:active:not(:disabled) {\n          div {\n            background: ", ";\n          }\n          div svg path,\n          div svg {\n            fill: ", ";\n          }\n        }\n      "])), COLORS.critical_600, COLORS.critical_20, COLORS.critical_700, COLORS.critical_800, COLORS.critical_100);
-
-    case 'positive':
-      return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        div {\n          background-color: transparent;\n        }\n        div svg path,\n        div svg {\n          fill: ", ";\n        }\n        &:hover:not(:disabled) {\n          div {\n            background-color: ", ";\n          }\n          div svg path,\n          div svg {\n            fill: ", ";\n          }\n        }\n        &:active:not(:disabled) {\n          div {\n            background: ", ";\n          }\n          div svg path,\n          div svg {\n            fill: ", ";\n          }\n        }\n      "])), COLORS.correct_500, COLORS.correct_20, COLORS.correct_700, COLORS.correct_800, COLORS.correct_100);
-
-    default:
-      return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        div {\n          background-color: transparent;\n        }\n        div svg path,\n        div svg {\n          fill: ", ";\n        }\n        &:hover:not(:disabled) {\n          div {\n            background-color: ", ";\n          }\n          div svg path,\n          div svg {\n            fill: ", ";\n          }\n        }\n        &:active:not(:disabled) {\n          div {\n            background: ", ";\n          }\n          div svg path,\n          div svg {\n            fill: ", ";\n          }\n        }\n      "])), COLORS.primary_500, COLORS.neutral_20, COLORS.primary_700, COLORS.primary_800, COLORS.primary_100);
-  }
-};
-//# sourceMappingURL=styles.js.map

package/dist/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,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,IAAD,EAAkB;AAC9C,UAAQA,IAAR;AACE,SAAK,SAAL;AACE,aAAOH,GAAP,imBAMYC,MAAM,CAACG,WANnB,EAU0BH,MAAM,CAACI,UAVjC,EAccJ,MAAM,CAACK,WAdrB,EAmBoBL,MAAM,CAACM,WAnB3B,EAuBcN,MAAM,CAACO,WAvBrB;;AA2BF,SAAK,UAAL;AACE,aAAOR,GAAP,mmBAMYC,MAAM,CAACQ,YANnB,EAU0BR,MAAM,CAACS,WAVjC,EAccT,MAAM,CAACU,YAdrB,EAmBoBV,MAAM,CAACW,YAnB3B,EAuBcX,MAAM,CAACY,YAvBrB;;AA2BF,SAAK,UAAL;AACE,aAAOb,GAAP,mmBAMYC,MAAM,CAACa,WANnB,EAU0Bb,MAAM,CAACc,UAVjC,EAccd,MAAM,CAACe,WAdrB,EAmBoBf,MAAM,CAACgB,WAnB3B,EAuBchB,MAAM,CAACiB,WAvBrB;;AA2BF;AACE,aAAOlB,GAAP,mmBAMYC,MAAM,CAACkB,WANnB,EAU0BlB,MAAM,CAACmB,UAVjC,EAccnB,MAAM,CAACoB,WAdrB,EAmBoBpB,MAAM,CAACqB,WAnB3B,EAuBcrB,MAAM,CAACsB,WAvBrB;AAtFJ;AAkHD,CAnHM","sourcesContent":["import { css } from 'styled-components';\nimport { COLORS } from '../styles';\n\nexport const getButtonStyle = (type: string) => {\n  switch (type) {\n    case 'warning':\n      return css`\n        div {\n          background-color: transparent;\n        }\n        div svg path,\n        div svg {\n          fill: ${COLORS.warning_500};\n        }\n        &:hover:not(:disabled) {\n          div {\n            background-color: ${COLORS.warning_20};\n          }\n          div svg path,\n          div svg {\n            fill: ${COLORS.warning_700};\n          }\n        }\n        &:active:not(:disabled) {\n          div {\n            background: ${COLORS.warning_800};\n          }\n          div svg path,\n          div svg {\n            fill: ${COLORS.warning_100};\n          }\n        }\n      `;\n    case 'critical':\n      return css`\n        div {\n          background-color: transparent;\n        }\n        div svg path,\n        div svg {\n          fill: ${COLORS.critical_600};\n        }\n        &:hover:not(:disabled) {\n          div {\n            background-color: ${COLORS.critical_20};\n          }\n          div svg path,\n          div svg {\n            fill: ${COLORS.critical_700};\n          }\n        }\n        &:active:not(:disabled) {\n          div {\n            background: ${COLORS.critical_800};\n          }\n          div svg path,\n          div svg {\n            fill: ${COLORS.critical_100};\n          }\n        }\n      `;\n    case 'positive':\n      return css`\n        div {\n          background-color: transparent;\n        }\n        div svg path,\n        div svg {\n          fill: ${COLORS.correct_500};\n        }\n        &:hover:not(:disabled) {\n          div {\n            background-color: ${COLORS.correct_20};\n          }\n          div svg path,\n          div svg {\n            fill: ${COLORS.correct_700};\n          }\n        }\n        &:active:not(:disabled) {\n          div {\n            background: ${COLORS.correct_800};\n          }\n          div svg path,\n          div svg {\n            fill: ${COLORS.correct_100};\n          }\n        }\n      `;\n    default:\n      return css`\n        div {\n          background-color: transparent;\n        }\n        div svg path,\n        div svg {\n          fill: ${COLORS.primary_500};\n        }\n        &:hover:not(:disabled) {\n          div {\n            background-color: ${COLORS.neutral_20};\n          }\n          div svg path,\n          div svg {\n            fill: ${COLORS.primary_700};\n          }\n        }\n        &:active:not(:disabled) {\n          div {\n            background: ${COLORS.primary_800};\n          }\n          div svg path,\n          div svg {\n            fill: ${COLORS.primary_100};\n          }\n        }\n      `;\n  }\n};\n"],"file":"styles.js"}