@laerdal/life-react-components 1.9.8-dev.22 → 1.9.8-dev.25

package/dist/AuthPage/AuthPage.d.ts

@@ -1,32 +1,32 @@
-declare type AuthPageProps = {
-    /** set this to 'false' to hide the left side illustration/information section */
-    showInformationSection: boolean;
-    /** true if 'sign-up' screen-set is showing, otherwise false.
-     * The value can be set using 'onBeforeScreenLoad' in 'gigya.accounts.showScreenSet(...)' and checking the loaded screen-set */
-    signUp: boolean;
-    /** img src string for 'sign-up' placeholder image */
-    signUpPlaceholderImage?: string;
-    /** img src string for 'sign-in' placeholder image */
-    signInPlaceholderImage?: string;
-    /** img alt text string for 'sign-up' placeholder image */
-    signUpPlaceholderImageAlt?: string;
-    /** img alt text string for 'sign-in' placeholder image */
-    signInPlaceholderImageAlt?: string;
-    /** information header text string below 'sign-up' placeholder image */
-    signUpInformationHeader?: string;
-    /** information header text string below 'sign-in' placeholder image */
-    signInInformationHeader?: string;
-    /** information text string below 'sign-up' header text */
-    signUpInformationText?: string;
-    /** information text string below 'sign-in' header text */
-    signInInformationText?: string;
-    /** ID that will be given to the SAP CDC screen-sets container (must match 'containerID' in 'gigya.accounts.showScreenSet(...)'!) */
-    screenSetsContainerId: string;
-};
-/**
- * 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.
- */
-declare const AuthPage: ({ showInformationSection, signUp, signUpPlaceholderImage, signInPlaceholderImage, signUpPlaceholderImageAlt, signInPlaceholderImageAlt, signUpInformationHeader, signInInformationHeader, signUpInformationText, signInInformationText, screenSetsContainerId, }: AuthPageProps) => JSX.Element;
-export default AuthPage;
+declare type AuthPageProps = {
+    /** set this to 'false' to hide the left side illustration/information section */
+    showInformationSection: boolean;
+    /** true if 'sign-up' screen-set is showing, otherwise false.
+     * The value can be set using 'onBeforeScreenLoad' in 'gigya.accounts.showScreenSet(...)' and checking the loaded screen-set */
+    signUp: boolean;
+    /** img src string for 'sign-up' placeholder image */
+    signUpPlaceholderImage?: string;
+    /** img src string for 'sign-in' placeholder image */
+    signInPlaceholderImage?: string;
+    /** img alt text string for 'sign-up' placeholder image */
+    signUpPlaceholderImageAlt?: string;
+    /** img alt text string for 'sign-in' placeholder image */
+    signInPlaceholderImageAlt?: string;
+    /** information header text string below 'sign-up' placeholder image */
+    signUpInformationHeader?: string;
+    /** information header text string below 'sign-in' placeholder image */
+    signInInformationHeader?: string;
+    /** information text string below 'sign-up' header text */
+    signUpInformationText?: string;
+    /** information text string below 'sign-in' header text */
+    signInInformationText?: string;
+    /** ID that will be given to the SAP CDC screen-sets container (must match 'containerID' in 'gigya.accounts.showScreenSet(...)'!) */
+    screenSetsContainerId: string;
+};
+/**
+ * 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.
+ */
+declare const AuthPage: ({ showInformationSection, signUp, signUpPlaceholderImage, signInPlaceholderImage, signUpPlaceholderImageAlt, signInPlaceholderImageAlt, signUpInformationHeader, signInInformationHeader, signUpInformationText, signInInformationText, screenSetsContainerId, }: AuthPageProps) => JSX.Element;
+export default AuthPage;

package/dist/AuthPage/AuthPage.js

@@ -7,10 +7,10 @@ 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.
+/**
+ * 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,

package/dist/AuthPage/AuthPage.js.map

@@ -1 +1 @@
-{"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';\r\nimport { COLORS } from '../styles';\r\nimport ScreenSetsContainer from './ScreenSetsContainer';\r\nimport { InformationContainer, InformationContent, InformationHeader, InformationText, InformationImage } from './Information';\r\n\r\ntype AuthPageProps = {\r\n  /** set this to 'false' to hide the left side illustration/information section */\r\n  showInformationSection: boolean;\r\n  /** true if 'sign-up' screen-set is showing, otherwise false.\r\n   * The value can be set using 'onBeforeScreenLoad' in 'gigya.accounts.showScreenSet(...)' and checking the loaded screen-set */\r\n  signUp: boolean;\r\n  /** img src string for 'sign-up' placeholder image */\r\n  signUpPlaceholderImage?: string;\r\n  /** img src string for 'sign-in' placeholder image */\r\n  signInPlaceholderImage?: string;\r\n  /** img alt text string for 'sign-up' placeholder image */\r\n  signUpPlaceholderImageAlt?: string;\r\n  /** img alt text string for 'sign-in' placeholder image */\r\n  signInPlaceholderImageAlt?: string;\r\n  /** information header text string below 'sign-up' placeholder image */\r\n  signUpInformationHeader?: string;\r\n  /** information header text string below 'sign-in' placeholder image */\r\n  signInInformationHeader?: string;\r\n  /** information text string below 'sign-up' header text */\r\n  signUpInformationText?: string;\r\n  /** information text string below 'sign-in' header text */\r\n  signInInformationText?: string;\r\n  /** ID that will be given to the SAP CDC screen-sets container (must match 'containerID' in 'gigya.accounts.showScreenSet(...)'!) */\r\n  screenSetsContainerId: string;\r\n};\r\n\r\n/**\r\n * The 'AuthPage' component consist of two containers: an 'Information' container on the left, and a 'ScreenSetsContainer' on the right.\r\n * The 'Information' container is optional and its contents depend on the context (sign-up or sign-in).\r\n * The 'ScreenSetsContainer' will contain the SAP CDC screen-sets.\r\n */\r\nconst AuthPage = ({\r\n  showInformationSection,\r\n  signUp,\r\n  signUpPlaceholderImage,\r\n  signInPlaceholderImage,\r\n  signUpPlaceholderImageAlt,\r\n  signInPlaceholderImageAlt,\r\n  signUpInformationHeader,\r\n  signInInformationHeader,\r\n  signUpInformationText,\r\n  signInInformationText,\r\n  screenSetsContainerId,\r\n}: AuthPageProps) => {\r\n  return (\r\n    <>\r\n      {showInformationSection && (\r\n        <InformationContainer $color={signUp ? COLORS.accent1_20 : COLORS.primary_20}>\r\n          <InformationContent>\r\n            {(signUpPlaceholderImage || signInPlaceholderImage) && (\r\n              <InformationImage src={signUp ? signUpPlaceholderImage : signInPlaceholderImage} alt={signUp ? signUpPlaceholderImageAlt : signInPlaceholderImageAlt} />\r\n            )}\r\n            {(signUpInformationHeader || signInInformationHeader) && <InformationHeader>{signUp ? signUpInformationHeader : signInInformationHeader}</InformationHeader>}\r\n            {(signUpInformationText || signInInformationText) && <InformationText>{signUp ? signUpInformationText : signInInformationText}</InformationText>}\r\n          </InformationContent>\r\n        </InformationContainer>\r\n      )}\r\n      <ScreenSetsContainer id={screenSetsContainerId} centerContents={!showInformationSection} />\r\n    </>\r\n  );\r\n};\r\n\r\nexport default AuthPage;\r\n"],"file":"AuthPage.js"}
+{"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.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/AuthPage/Information.tsx"],"names":["InformationContainer","AuthPageSection","props","$color","BREAKPOINTS","MEDIUM","InformationContent","styled","div","LARGE","InformationHeader","h2","COLORS","black","InformationText","p","ParagraphTextStyle","Regular","neutral_600","InformationImage","img"],"mappings":";;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;;;AAEO,IAAMA,oBAAoB,GAAG,+BAAOC,wBAAP,CAAH,0LAEjB,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,MAAjB;AAAA,CAFiB,EAI7BC,oBAAYC,MAJiB,CAA1B;;;AAUA,IAAMC,kBAAkB,GAAGC,0BAAOC,GAAV,oSAQ3BJ,oBAAYK,KARe,CAAxB;;;;AAcA,IAAMC,iBAAiB,GAAGH,0BAAOI,EAAV,0IAC1B,mCAAkBC,eAAOC,KAAzB,CAD0B,CAAvB;;;;AAMA,IAAMC,eAAe,GAAGP,0BAAOQ,CAAV,kHACxB,mCAAkBC,2BAAmBC,OAArC,EAA8CL,eAAOM,WAArD,CADwB,CAArB;;;;AAKA,IAAMC,gBAAgB,GAAGZ,0BAAOa,GAAV,6HAAtB","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport AuthPageSection from './_AuthPageSection';\r\nimport { BREAKPOINTS, COLORS, ComponentTextStyle, HeadlineXL, ParagraphTextStyle } from '../styles';\r\nimport { ComponentLStyling, HeadlineXLStyling, ParagraphLStyling } from '../styles/typography';\r\n\r\nexport const InformationContainer = styled(AuthPageSection)<{ $color: string }>`\r\n  display: none;\r\n  background: ${(props) => props.$color};\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: flex;\r\n    padding-top: 56px;\r\n  }\r\n`;\r\n\r\nexport const InformationContent = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-self: center;\r\n  align-items: center;\r\n  text-align: center;\r\n  max-width: 100%;\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    align-self: flex-end;\r\n    margin-right: 48px;\r\n  }\r\n`;\r\n\r\nexport const InformationHeader = styled.h2`\r\n  ${HeadlineXLStyling(COLORS.black)}\r\n  font-weight: 300;\r\n  margin-bottom: 0;\r\n`;\r\n\r\nexport const InformationText = styled.p`\r\n  ${ParagraphLStyling(ParagraphTextStyle.Regular, COLORS.neutral_600)}\r\n  margin: 8px 0;\r\n`;\r\n\r\nexport const InformationImage = styled.img`\r\n  height: 275px;\r\n  max-width: 100%;\r\n`;\r\n"],"file":"Information.cjs"}
+{"version":3,"sources":["../../src/AuthPage/Information.tsx"],"names":["InformationContainer","AuthPageSection","props","$color","BREAKPOINTS","MEDIUM","InformationContent","styled","div","LARGE","InformationHeader","h2","COLORS","black","InformationText","p","ParagraphTextStyle","Regular","neutral_600","InformationImage","img"],"mappings":";;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;;;AAEO,IAAMA,oBAAoB,GAAG,+BAAOC,wBAAP,CAAH,0LAEjB,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,MAAjB;AAAA,CAFiB,EAI7BC,oBAAYC,MAJiB,CAA1B;;;AAUA,IAAMC,kBAAkB,GAAGC,0BAAOC,GAAV,oSAQ3BJ,oBAAYK,KARe,CAAxB;;;;AAcA,IAAMC,iBAAiB,GAAGH,0BAAOI,EAAV,0IAC1B,mCAAkBC,eAAOC,KAAzB,CAD0B,CAAvB;;;;AAMA,IAAMC,eAAe,GAAGP,0BAAOQ,CAAV,kHACxB,mCAAkBC,2BAAmBC,OAArC,EAA8CL,eAAOM,WAArD,CADwB,CAArB;;;;AAKA,IAAMC,gBAAgB,GAAGZ,0BAAOa,GAAV,6HAAtB","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.cjs"}

package/dist/AuthPage/Information.d.ts

@@ -1,7 +1,7 @@
-export declare const InformationContainer: import("styled-components").StyledComponent<"section", any, {
-    $color: string;
-}, never>;
-export declare const InformationContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const InformationHeader: import("styled-components").StyledComponent<"h2", any, {}, never>;
-export declare const InformationText: import("styled-components").StyledComponent<"p", any, {}, never>;
-export declare const InformationImage: import("styled-components").StyledComponent<"img", any, {}, never>;
+export declare const InformationContainer: import("styled-components").StyledComponent<"section", any, {
+    $color: string;
+}, never>;
+export declare const InformationContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const InformationHeader: import("styled-components").StyledComponent<"h2", any, {}, never>;
+export declare const InformationText: import("styled-components").StyledComponent<"p", any, {}, never>;
+export declare const InformationImage: import("styled-components").StyledComponent<"img", any, {}, never>;

package/dist/AuthPage/Information.js.map

@@ -1 +1 @@
-{"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';\r\nimport styled from 'styled-components';\r\nimport AuthPageSection from './_AuthPageSection';\r\nimport { BREAKPOINTS, COLORS, ComponentTextStyle, HeadlineXL, ParagraphTextStyle } from '../styles';\r\nimport { ComponentLStyling, HeadlineXLStyling, ParagraphLStyling } from '../styles/typography';\r\n\r\nexport const InformationContainer = styled(AuthPageSection)<{ $color: string }>`\r\n  display: none;\r\n  background: ${(props) => props.$color};\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: flex;\r\n    padding-top: 56px;\r\n  }\r\n`;\r\n\r\nexport const InformationContent = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-self: center;\r\n  align-items: center;\r\n  text-align: center;\r\n  max-width: 100%;\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    align-self: flex-end;\r\n    margin-right: 48px;\r\n  }\r\n`;\r\n\r\nexport const InformationHeader = styled.h2`\r\n  ${HeadlineXLStyling(COLORS.black)}\r\n  font-weight: 300;\r\n  margin-bottom: 0;\r\n`;\r\n\r\nexport const InformationText = styled.p`\r\n  ${ParagraphLStyling(ParagraphTextStyle.Regular, COLORS.neutral_600)}\r\n  margin: 8px 0;\r\n`;\r\n\r\nexport const InformationImage = styled.img`\r\n  height: 275px;\r\n  max-width: 100%;\r\n`;\r\n"],"file":"Information.js"}
+{"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.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/AuthPage/ScreenSetsContainer.tsx"],"names":["ScreenSetsContainer","AuthPageSection","props","centerContents","BREAKPOINTS","MEDIUM","XLARGE"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;;;AAEA,IAAMA,mBAAmB,GAAG,+BAAOC,wBAAP,CAAH,8bAGR,UAAAC,KAAK;AAAA,SAAKA,KAAK,CAACC,cAAN,GAAuB,QAAvB,GAAkC,OAAvC;AAAA,CAHG,EAcrBC,oBAAYC,MAdS,EAqBrBD,oBAAYE,MArBS,CAAzB;eA4BeN,mB","sourcesContent":["import styled from 'styled-components';\r\nimport AuthPageSection from './_AuthPageSection';\r\nimport { BREAKPOINTS } from '../styles';\r\n\r\nconst ScreenSetsContainer = styled(AuthPageSection)<{ centerContents: boolean }>`\r\n  padding: 8px;\r\n  width: calc(100% - 16px);\r\n  align-items: ${props => (props.centerContents ? 'center' : 'unset')};\r\n\r\n  .gigya-screen-caption {\r\n    display: none;\r\n  }\r\n\r\n  .gigya-screen {\r\n    max-width: 100%;\r\n    margin: auto;\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    .gigya-screen {\r\n      margin: 0;\r\n      padding: 36px 25px !important;\r\n    }\r\n  }\r\n\r\n  ${BREAKPOINTS.XLARGE} {\r\n    .gigya-screen {\r\n      max-width: 500px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport default ScreenSetsContainer;\r\n"],"file":"ScreenSetsContainer.cjs"}
+{"version":3,"sources":["../../src/AuthPage/ScreenSetsContainer.tsx"],"names":["ScreenSetsContainer","AuthPageSection","props","centerContents","BREAKPOINTS","MEDIUM","XLARGE"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;;;AAEA,IAAMA,mBAAmB,GAAG,+BAAOC,wBAAP,CAAH,8bAGR,UAAAC,KAAK;AAAA,SAAKA,KAAK,CAACC,cAAN,GAAuB,QAAvB,GAAkC,OAAvC;AAAA,CAHG,EAcrBC,oBAAYC,MAdS,EAqBrBD,oBAAYE,MArBS,CAAzB;eA4BeN,mB","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.cjs"}

package/dist/AuthPage/ScreenSetsContainer.d.ts

@@ -1,4 +1,4 @@
-declare const ScreenSetsContainer: import("styled-components").StyledComponent<"section", any, {
-    centerContents: boolean;
-}, never>;
-export default ScreenSetsContainer;
+declare const ScreenSetsContainer: import("styled-components").StyledComponent<"section", any, {
+    centerContents: boolean;
+}, never>;
+export default ScreenSetsContainer;

package/dist/AuthPage/ScreenSetsContainer.js.map

@@ -1 +1 @@
-{"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';\r\nimport AuthPageSection from './_AuthPageSection';\r\nimport { BREAKPOINTS } from '../styles';\r\n\r\nconst ScreenSetsContainer = styled(AuthPageSection)<{ centerContents: boolean }>`\r\n  padding: 8px;\r\n  width: calc(100% - 16px);\r\n  align-items: ${props => (props.centerContents ? 'center' : 'unset')};\r\n\r\n  .gigya-screen-caption {\r\n    display: none;\r\n  }\r\n\r\n  .gigya-screen {\r\n    max-width: 100%;\r\n    margin: auto;\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    .gigya-screen {\r\n      margin: 0;\r\n      padding: 36px 25px !important;\r\n    }\r\n  }\r\n\r\n  ${BREAKPOINTS.XLARGE} {\r\n    .gigya-screen {\r\n      max-width: 500px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport default ScreenSetsContainer;\r\n"],"file":"ScreenSetsContainer.js"}
+{"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.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/AuthPage/_AuthPageSection.tsx"],"names":["AuthPageSection","styled","section","BREAKPOINTS","MEDIUM"],"mappings":";;;;;;;;;;;AAAA;;AACA;;;;AAEA,IAAMA,eAAe,GAAGC,0BAAOC,OAAV,kNAKjBC,oBAAYC,MALK,CAArB;;eAWeJ,e","sourcesContent":["import styled from 'styled-components';\r\nimport { BREAKPOINTS } from '../styles';\r\n\r\nconst AuthPageSection = styled.section`\r\n  display: flex;\r\n  flex: 1;\r\n  flex-direction: column;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    padding: 24px;\r\n    width: calc(50% - 48px);\r\n  }\r\n`;\r\n\r\nexport default AuthPageSection;\r\n"],"file":"_AuthPageSection.cjs"}
+{"version":3,"sources":["../../src/AuthPage/_AuthPageSection.tsx"],"names":["AuthPageSection","styled","section","BREAKPOINTS","MEDIUM"],"mappings":";;;;;;;;;;;AAAA;;AACA;;;;AAEA,IAAMA,eAAe,GAAGC,0BAAOC,OAAV,kNAKjBC,oBAAYC,MALK,CAArB;;eAWeJ,e","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.cjs"}

package/dist/AuthPage/_AuthPageSection.d.ts

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

package/dist/AuthPage/_AuthPageSection.js.map

@@ -1 +1 @@
-{"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';\r\nimport { BREAKPOINTS } from '../styles';\r\n\r\nconst AuthPageSection = styled.section`\r\n  display: flex;\r\n  flex: 1;\r\n  flex-direction: column;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    padding: 24px;\r\n    width: calc(50% - 48px);\r\n  }\r\n`;\r\n\r\nexport default AuthPageSection;\r\n"],"file":"_AuthPageSection.js"}
+{"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.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/AuthPage/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA","sourcesContent":["import ScreenSetsContainer from './ScreenSetsContainer';\r\nimport { InformationContainer, InformationContent, InformationHeader, InformationText, InformationImage } from './Information';\r\nimport AuthPage from './AuthPage';\r\nimport { screenSetsErrorMessages_EN } from './screenSetsErrorMessages';\r\n\r\nexport { ScreenSetsContainer, InformationContainer, InformationContent, InformationHeader, InformationText, InformationImage, AuthPage, screenSetsErrorMessages_EN };\r\n"],"file":"index.cjs"}
+{"version":3,"sources":["../../src/AuthPage/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA","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.cjs"}

package/dist/AuthPage/index.d.ts

@@ -1,5 +1,5 @@
-import ScreenSetsContainer from './ScreenSetsContainer';
-import { InformationContainer, InformationContent, InformationHeader, InformationText, InformationImage } from './Information';
-import AuthPage from './AuthPage';
-import { screenSetsErrorMessages_EN } from './screenSetsErrorMessages';
-export { ScreenSetsContainer, InformationContainer, InformationContent, InformationHeader, InformationText, InformationImage, AuthPage, screenSetsErrorMessages_EN };
+import ScreenSetsContainer from './ScreenSetsContainer';
+import { InformationContainer, InformationContent, InformationHeader, InformationText, InformationImage } from './Information';
+import AuthPage from './AuthPage';
+import { screenSetsErrorMessages_EN } from './screenSetsErrorMessages';
+export { ScreenSetsContainer, InformationContainer, InformationContent, InformationHeader, InformationText, InformationImage, AuthPage, screenSetsErrorMessages_EN };

package/dist/AuthPage/index.js.map

@@ -1 +1 @@
-{"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';\r\nimport { InformationContainer, InformationContent, InformationHeader, InformationText, InformationImage } from './Information';\r\nimport AuthPage from './AuthPage';\r\nimport { screenSetsErrorMessages_EN } from './screenSetsErrorMessages';\r\n\r\nexport { ScreenSetsContainer, InformationContainer, InformationContent, InformationHeader, InformationText, InformationImage, AuthPage, screenSetsErrorMessages_EN };\r\n"],"file":"index.js"}
+{"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.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/AuthPage/screenSetsErrorMessages.ts"],"names":["screenSetsErrorMessages_EN","email_already_exists","email_address_is_invalid","please_enter_fieldname"],"mappings":";;;;;;AAAO,IAAMA,0BAA0B,GAAG;AACxCC,EAAAA,oBAAoB,EAClB,iKAFsC;AAGxCC,EAAAA,wBAAwB,EAAE,uBAHc;AAIxCC,EAAAA,sBAAsB,EAAE;AAJgB,CAAnC","sourcesContent":["export const screenSetsErrorMessages_EN = {\r\n  email_already_exists:\r\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>',\r\n  email_address_is_invalid: 'Invalid email address',\r\n  please_enter_fieldname: 'Enter your %fieldname',\r\n};\r\n"],"file":"screenSetsErrorMessages.cjs"}
+{"version":3,"sources":["../../src/AuthPage/screenSetsErrorMessages.ts"],"names":["screenSetsErrorMessages_EN","email_already_exists","email_address_is_invalid","please_enter_fieldname"],"mappings":";;;;;;AAAO,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.cjs"}

package/dist/AuthPage/screenSetsErrorMessages.d.ts

@@ -1,5 +1,5 @@
-export declare const screenSetsErrorMessages_EN: {
-    email_already_exists: string;
-    email_address_is_invalid: string;
-    please_enter_fieldname: string;
-};
+export declare const screenSetsErrorMessages_EN: {
+    email_already_exists: string;
+    email_address_is_invalid: string;
+    please_enter_fieldname: string;
+};

package/dist/AuthPage/screenSetsErrorMessages.js.map

@@ -1 +1 @@
-{"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 = {\r\n  email_already_exists:\r\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>',\r\n  email_address_is_invalid: 'Invalid email address',\r\n  please_enter_fieldname: 'Enter your %fieldname',\r\n};\r\n"],"file":"screenSetsErrorMessages.js"}
+{"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.cjs.map

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

package/dist/Banners/Banner.d.ts

@@ -1,17 +1,17 @@
-import * as React from 'react';
-import { Size } from '../types';
-declare type BannerProps = {
-    size?: Size.Small | Size.Medium | Size.Large;
-    type?: string;
-    link?: string;
-    linkText?: string;
-    linkAction?: (ev: React.MouseEvent) => void;
-    hover?: string;
-    bottom?: boolean;
-    testId?: string;
-    icon?: React.ReactNode;
-    onClose?: () => void;
-    noIcon?: boolean;
-};
-declare const Banner: React.FunctionComponent<BannerProps>;
-export default Banner;
+import * as React from 'react';
+import { Size } from '../types';
+declare type BannerProps = {
+    size?: Size.Small | Size.Medium | Size.Large;
+    type?: string;
+    link?: string;
+    linkText?: string;
+    linkAction?: (ev: React.MouseEvent) => void;
+    hover?: string;
+    bottom?: boolean;
+    testId?: string;
+    icon?: React.ReactNode;
+    onClose?: () => void;
+    noIcon?: boolean;
+};
+declare const Banner: React.FunctionComponent<BannerProps>;
+export default Banner;

package/dist/Banners/Banner.js.map

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

package/dist/Banners/OverviewBanner.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Banners/OverviewBanner.tsx"],"names":["BannersWrapper","styled","div","COLORS","primary_20","BannerContent","PageWidth","BREAKPOINTS","MEDIUM","black","OverviewBanner","children","testId"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,cAAc,GAAGC,0BAAOC,GAAV,iHACEC,eAAOC,UADT,CAApB;;AAIA,IAAMC,aAAa,GAAG,+BAAOC,kBAAP,CAAH,w3BACGH,eAAOC,UADV,EAOfG,oBAAYC,MAPG,EAgBbD,oBAAYC,MAhBC,EAwBb,mCAAkBL,eAAOM,KAAzB,CAxBa,EAsCbF,oBAAYC,MAtCC,CAAnB;;AAiDA,IAAME,cAAc,GAAG,SAAjBA,cAAiB,OAAiC;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAApBC,MAAoB,QAApBA,MAAoB;AACtD,sBACE,qBAAC,cAAD;AAAA,2BACE,qBAAC,aAAD;AAAe,qBAAaA,MAA5B;AAAA,gBAAqCD;AAArC;AADF,IADF;AAKD,CAND;;;AAFeA,EAAAA,Q;AAAeC,EAAAA,M;;eAUfF,c","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.cjs"}
+{"version":3,"sources":["../../src/Banners/OverviewBanner.tsx"],"names":["BannersWrapper","styled","div","COLORS","primary_20","BannerContent","PageWidth","BREAKPOINTS","MEDIUM","black","OverviewBanner","children","testId"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,cAAc,GAAGC,0BAAOC,GAAV,iHACEC,eAAOC,UADT,CAApB;;AAIA,IAAMC,aAAa,GAAG,+BAAOC,kBAAP,CAAH,w3BACGH,eAAOC,UADV,EAOfG,oBAAYC,MAPG,EAgBbD,oBAAYC,MAhBC,EAwBb,mCAAkBL,eAAOM,KAAzB,CAxBa,EAsCbF,oBAAYC,MAtCC,CAAnB;;AAiDA,IAAME,cAAc,GAAG,SAAjBA,cAAiB,OAAiC;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAApBC,MAAoB,QAApBA,MAAoB;AACtD,sBACE,qBAAC,cAAD;AAAA,2BACE,qBAAC,aAAD;AAAe,qBAAaA,MAA5B;AAAA,gBAAqCD;AAArC;AADF,IADF;AAKD,CAND;;;AAFeA,EAAAA,Q;AAAeC,EAAAA,M;;eAUfF,c","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.cjs"}

package/dist/Banners/OverviewBanner.d.ts

@@ -1,6 +1,6 @@
-declare type Props = {
-    children: any;
-    testId?: string;
-};
-declare const OverviewBanner: ({ children, testId }: Props) => JSX.Element;
-export default OverviewBanner;
+declare type Props = {
+    children: any;
+    testId?: string;
+};
+declare const OverviewBanner: ({ children, testId }: Props) => JSX.Element;
+export default OverviewBanner;

package/dist/Banners/OverviewBanner.js.map

@@ -1 +1 @@
-{"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';\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"}
+{"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.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Banners/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;AACA","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.cjs"}
+{"version":3,"sources":["../../src/Banners/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;AACA","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.cjs"}

package/dist/Banners/index.d.ts

@@ -1,3 +1,3 @@
-import Banner from './Banner';
-import OverviewBanner from './OverviewBanner';
-export { Banner, OverviewBanner };
+import Banner from './Banner';
+import OverviewBanner from './OverviewBanner';
+export { Banner, OverviewBanner };

package/dist/Banners/index.js.map

@@ -1 +1 @@
-{"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"}
+{"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.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Banners/styles.tsx"],"names":["getButtonStyle","type","style","svgFill","COLORS","primary_500","hoverBgColor","primary_200","hoverSvgFill","primary_700","activeBgColor","primary_300","activeSvgFill","primary_800","focusBgColor","focusSvgFill","warning_500","warning_200","warning_700","warning_300","warning_800","critical_600","critical_200","critical_700","critical_300","critical_800","correct_500","correct_200","correct_700","correct_300","correct_800","css","StyledSecondaryIconButton"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;;;AAEO,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,IAAD,EAAkB;AAC9C,MAAIC,KAAK,GAAG;AACVC,IAAAA,OAAO,EAAEC,eAAOC,WADN;AAEVC,IAAAA,YAAY,EAAEF,eAAOG,WAFX;AAGVC,IAAAA,YAAY,EAAEJ,eAAOK,WAHX;AAIVC,IAAAA,aAAa,EAAEN,eAAOO,WAJZ;AAKVC,IAAAA,aAAa,EAAER,eAAOS,WALZ;AAMVC,IAAAA,YAAY,EAAEV,eAAOG,WANX;AAOVQ,IAAAA,YAAY,EAAEX,eAAOK;AAPX,GAAZ;;AAUA,UAAOR,IAAP;AAEE,SAAK,SAAL;AACEC,MAAAA,KAAK,GAAG;AACNC,QAAAA,OAAO,EAAEC,eAAOY,WADV;AAENV,QAAAA,YAAY,EAAEF,eAAOa,WAFf;AAGNT,QAAAA,YAAY,EAAEJ,eAAOc,WAHf;AAINR,QAAAA,aAAa,EAAEN,eAAOe,WAJhB;AAKNP,QAAAA,aAAa,EAAER,eAAOgB,WALhB;AAMNN,QAAAA,YAAY,EAAEV,eAAOa,WANf;AAONF,QAAAA,YAAY,EAAEX,eAAOc;AAPf,OAAR;AASA;;AAEF,SAAK,UAAL;AACEhB,MAAAA,KAAK,GAAG;AACNC,QAAAA,OAAO,EAAEC,eAAOiB,YADV;AAENf,QAAAA,YAAY,EAAEF,eAAOkB,YAFf;AAGNd,QAAAA,YAAY,EAAEJ,eAAOmB,YAHf;AAINb,QAAAA,aAAa,EAAEN,eAAOoB,YAJhB;AAKNZ,QAAAA,aAAa,EAAER,eAAOqB,YALhB;AAMNX,QAAAA,YAAY,EAAEV,eAAOkB,YANf;AAONP,QAAAA,YAAY,EAAEX,eAAOmB;AAPf,OAAR;AASA;;AAEF,SAAK,UAAL;AACErB,MAAAA,KAAK,GAAG;AACNC,QAAAA,OAAO,EAAEC,eAAOsB,WADV;AAENpB,QAAAA,YAAY,EAAEF,eAAOuB,WAFf;AAGNnB,QAAAA,YAAY,EAAEJ,eAAOwB,WAHf;AAINlB,QAAAA,aAAa,EAAEN,eAAOyB,WAJhB;AAKNjB,QAAAA,aAAa,EAAER,eAAO0B,WALhB;AAMNhB,QAAAA,YAAY,EAAEV,eAAOuB,WANf;AAONZ,QAAAA,YAAY,EAAEX,eAAOwB;AAPf,OAAR;AASA;AApCJ;;AAuCA,aAAOG,qBAAP,qhBACIC,qCADJ,EAOY9B,KAAK,CAACC,OAPlB,EAW0BD,KAAK,CAACI,YAXhC,EAecJ,KAAK,CAACM,YAfpB,EAoBoBN,KAAK,CAACQ,aApB1B,EAwBcR,KAAK,CAACU,aAxBpB;AA4BD,CA9EM","sourcesContent":["import { css } from 'styled-components';\r\nimport { StyledSecondaryIconButton } from '../Button/Iconbutton';\r\nimport { COLORS } from '../styles';\r\n\r\nexport const getButtonStyle = (type: string) => {\r\n  let style = {\r\n    svgFill: COLORS.primary_500,\r\n    hoverBgColor: COLORS.primary_200,\r\n    hoverSvgFill: COLORS.primary_700,\r\n    activeBgColor: COLORS.primary_300,\r\n    activeSvgFill: COLORS.primary_800,\r\n    focusBgColor: COLORS.primary_200,\r\n    focusSvgFill: COLORS.primary_700\r\n  };\r\n\r\n  switch(type)\r\n  {\r\n    case 'warning':\r\n      style = {\r\n        svgFill: COLORS.warning_500,\r\n        hoverBgColor: COLORS.warning_200,\r\n        hoverSvgFill: COLORS.warning_700,\r\n        activeBgColor: COLORS.warning_300,\r\n        activeSvgFill: COLORS.warning_800,\r\n        focusBgColor: COLORS.warning_200,\r\n        focusSvgFill: COLORS.warning_700\r\n      };\r\n      break;\r\n    \r\n    case 'critical':\r\n      style = {\r\n        svgFill: COLORS.critical_600,\r\n        hoverBgColor: COLORS.critical_200,\r\n        hoverSvgFill: COLORS.critical_700,\r\n        activeBgColor: COLORS.critical_300,\r\n        activeSvgFill: COLORS.critical_800,\r\n        focusBgColor: COLORS.critical_200,\r\n        focusSvgFill: COLORS.critical_700\r\n      };\r\n      break;\r\n\r\n    case 'positive':\r\n      style = {\r\n        svgFill: COLORS.correct_500,\r\n        hoverBgColor: COLORS.correct_200,\r\n        hoverSvgFill: COLORS.correct_700,\r\n        activeBgColor: COLORS.correct_300,\r\n        activeSvgFill: COLORS.correct_800,\r\n        focusBgColor: COLORS.correct_200,\r\n        focusSvgFill: COLORS.correct_700\r\n      };\r\n      break;\r\n  }\r\n\r\n  return css`\r\n    ${StyledSecondaryIconButton} {\r\n    div {\r\n      background-color: transparent;\r\n    }\r\n    div svg path,\r\n    div svg {\r\n      fill: ${style.svgFill};\r\n    }\r\n    &:hover:not(:disabled) {\r\n      div {\r\n        background-color: ${style.hoverBgColor};\r\n      }\r\n      div svg path,\r\n      div svg {\r\n        fill: ${style.hoverSvgFill};\r\n      }\r\n    }\r\n    &:active:not(:disabled) {\r\n      div {\r\n        background: ${style.activeBgColor};\r\n      }\r\n      div svg path,\r\n      div svg {\r\n        fill: ${style.activeSvgFill};\r\n      }\r\n    }\r\n  }`;\r\n};\r\n"],"file":"styles.cjs"}
+{"version":3,"sources":["../../src/Banners/styles.tsx"],"names":["getButtonStyle","type","style","svgFill","COLORS","primary_500","hoverBgColor","primary_200","hoverSvgFill","primary_700","activeBgColor","primary_300","activeSvgFill","primary_800","focusBgColor","focusSvgFill","warning_500","warning_200","warning_700","warning_300","warning_800","critical_600","critical_200","critical_700","critical_300","critical_800","correct_500","correct_200","correct_700","correct_300","correct_800","css","StyledSecondaryIconButton"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;;;AAEO,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,IAAD,EAAkB;AAC9C,MAAIC,KAAK,GAAG;AACVC,IAAAA,OAAO,EAAEC,eAAOC,WADN;AAEVC,IAAAA,YAAY,EAAEF,eAAOG,WAFX;AAGVC,IAAAA,YAAY,EAAEJ,eAAOK,WAHX;AAIVC,IAAAA,aAAa,EAAEN,eAAOO,WAJZ;AAKVC,IAAAA,aAAa,EAAER,eAAOS,WALZ;AAMVC,IAAAA,YAAY,EAAEV,eAAOG,WANX;AAOVQ,IAAAA,YAAY,EAAEX,eAAOK;AAPX,GAAZ;;AAUA,UAAOR,IAAP;AAEE,SAAK,SAAL;AACEC,MAAAA,KAAK,GAAG;AACNC,QAAAA,OAAO,EAAEC,eAAOY,WADV;AAENV,QAAAA,YAAY,EAAEF,eAAOa,WAFf;AAGNT,QAAAA,YAAY,EAAEJ,eAAOc,WAHf;AAINR,QAAAA,aAAa,EAAEN,eAAOe,WAJhB;AAKNP,QAAAA,aAAa,EAAER,eAAOgB,WALhB;AAMNN,QAAAA,YAAY,EAAEV,eAAOa,WANf;AAONF,QAAAA,YAAY,EAAEX,eAAOc;AAPf,OAAR;AASA;;AAEF,SAAK,UAAL;AACEhB,MAAAA,KAAK,GAAG;AACNC,QAAAA,OAAO,EAAEC,eAAOiB,YADV;AAENf,QAAAA,YAAY,EAAEF,eAAOkB,YAFf;AAGNd,QAAAA,YAAY,EAAEJ,eAAOmB,YAHf;AAINb,QAAAA,aAAa,EAAEN,eAAOoB,YAJhB;AAKNZ,QAAAA,aAAa,EAAER,eAAOqB,YALhB;AAMNX,QAAAA,YAAY,EAAEV,eAAOkB,YANf;AAONP,QAAAA,YAAY,EAAEX,eAAOmB;AAPf,OAAR;AASA;;AAEF,SAAK,UAAL;AACErB,MAAAA,KAAK,GAAG;AACNC,QAAAA,OAAO,EAAEC,eAAOsB,WADV;AAENpB,QAAAA,YAAY,EAAEF,eAAOuB,WAFf;AAGNnB,QAAAA,YAAY,EAAEJ,eAAOwB,WAHf;AAINlB,QAAAA,aAAa,EAAEN,eAAOyB,WAJhB;AAKNjB,QAAAA,aAAa,EAAER,eAAO0B,WALhB;AAMNhB,QAAAA,YAAY,EAAEV,eAAOuB,WANf;AAONZ,QAAAA,YAAY,EAAEX,eAAOwB;AAPf,OAAR;AASA;AApCJ;;AAuCA,aAAOG,qBAAP,qhBACIC,qCADJ,EAOY9B,KAAK,CAACC,OAPlB,EAW0BD,KAAK,CAACI,YAXhC,EAecJ,KAAK,CAACM,YAfpB,EAoBoBN,KAAK,CAACQ,aApB1B,EAwBcR,KAAK,CAACU,aAxBpB;AA4BD,CA9EM","sourcesContent":["import { css } from 'styled-components';\nimport { StyledSecondaryIconButton } from '../Button/Iconbutton';\nimport { COLORS } from '../styles';\n\nexport const getButtonStyle = (type: string) => {\n  let style = {\n    svgFill: COLORS.primary_500,\n    hoverBgColor: COLORS.primary_200,\n    hoverSvgFill: COLORS.primary_700,\n    activeBgColor: COLORS.primary_300,\n    activeSvgFill: COLORS.primary_800,\n    focusBgColor: COLORS.primary_200,\n    focusSvgFill: COLORS.primary_700\n  };\n\n  switch(type)\n  {\n    case 'warning':\n      style = {\n        svgFill: COLORS.warning_500,\n        hoverBgColor: COLORS.warning_200,\n        hoverSvgFill: COLORS.warning_700,\n        activeBgColor: COLORS.warning_300,\n        activeSvgFill: COLORS.warning_800,\n        focusBgColor: COLORS.warning_200,\n        focusSvgFill: COLORS.warning_700\n      };\n      break;\n    \n    case 'critical':\n      style = {\n        svgFill: COLORS.critical_600,\n        hoverBgColor: COLORS.critical_200,\n        hoverSvgFill: COLORS.critical_700,\n        activeBgColor: COLORS.critical_300,\n        activeSvgFill: COLORS.critical_800,\n        focusBgColor: COLORS.critical_200,\n        focusSvgFill: COLORS.critical_700\n      };\n      break;\n\n    case 'positive':\n      style = {\n        svgFill: COLORS.correct_500,\n        hoverBgColor: COLORS.correct_200,\n        hoverSvgFill: COLORS.correct_700,\n        activeBgColor: COLORS.correct_300,\n        activeSvgFill: COLORS.correct_800,\n        focusBgColor: COLORS.correct_200,\n        focusSvgFill: COLORS.correct_700\n      };\n      break;\n  }\n\n  return css`\n    ${StyledSecondaryIconButton} {\n    div {\n      background-color: transparent;\n    }\n    div svg path,\n    div svg {\n      fill: ${style.svgFill};\n    }\n    &:hover:not(:disabled) {\n      div {\n        background-color: ${style.hoverBgColor};\n      }\n      div svg path,\n      div svg {\n        fill: ${style.hoverSvgFill};\n      }\n    }\n    &:active:not(:disabled) {\n      div {\n        background: ${style.activeBgColor};\n      }\n      div svg path,\n      div svg {\n        fill: ${style.activeSvgFill};\n      }\n    }\n  }`;\n};\n"],"file":"styles.cjs"}

package/dist/Banners/styles.d.ts

@@ -1 +1 @@
-export declare const getButtonStyle: (type: string) => import("styled-components").FlattenSimpleInterpolation;
+export declare const getButtonStyle: (type: string) => import("styled-components").FlattenSimpleInterpolation;