@laerdal/life-react-components 1.4.0 → 1.4.1-dev.11

package/dist/umd/Accordion/styles.js

@@ -1,101 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "styled-components", "../styles", "../styles/z-indexes"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("styled-components"), require("../styles"), require("../styles/z-indexes"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.styledComponents, global.styles, global.zIndexes);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _styledComponents, _styles, _zIndexes) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-  exports.ItemBodyContainer = exports.HeaderIconContainer = exports.ItemHeaderContainer = exports.AccordionItemContainer = exports.AccordionMenuWrapper = undefined;
-
-  var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      default: obj
-    };
-  }
-
-  const AccordionMenuWrapper = exports.AccordionMenuWrapper = _styledComponents2.default.div`
-  min-width: 320px;
-  display: flex;
-  flex-direction: column;
-  box-sizing: border-box;
-`;
-  const AccordionItemContainer = exports.AccordionItemContainer = _styledComponents2.default.div`
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  box-sizing: border-box;
-  border-bottom: ${props => props.displaySeparator ? `1px solid ${_styles.COLORS.neutral_100}` : ''};
-`;
-  const disabledState = _styledComponents.css`
-  background: ${_styles.COLORS.white}!important;
-  color: ${_styles.COLORS.neutral_300};
-  pointer-events: none;
-  svg {
-    color: ${_styles.COLORS.neutral_300}!important;
-  }
-`;
-  const ItemHeaderContainer = exports.ItemHeaderContainer = _styledComponents2.default.div`
-  position: relative;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 12px 16px 11px 16px;
-  cursor: pointer;
-  background: ${_styles.COLORS.neutral_20};
-  cursor: ${props => props.isDisabled ? 'not-allowed' : 'pointer'};
-  svg:last-child {
-    margin-left: auto;
-  }
-  outline: none;
-  ${props => props.tabbedHere ? _styledComponents.css`
-    z-index: ${_zIndexes.Z_INDEXES.focus};
-    box-shadow: 0px 4px 12px ${_styles.COLORS.primary_500}, 0px 0px 8px ${_styles.COLORS.primary_500};` : ''}
-
-  ${props => props.isDisabled ? disabledState : ''}
-  :hover {
-    background: ${_styles.COLORS.primary_20};
-  }
-
-  :hover .headerLabel {
-    color: ${_styles.COLORS.primary_700};
-  }
-
-  :active .headerLabel {
-    color: ${_styles.COLORS.primary_800};
-  }
-
-  :hover svg {
-    color: ${_styles.COLORS.primary_700};
-  }
-
-  :active svg {
-    color: ${_styles.COLORS.primary_800};
-  }
-
-  :active {
-    background: ${_styles.COLORS.primary_100};
-  }
-`;
-  const HeaderIconContainer = exports.HeaderIconContainer = _styledComponents2.default.div`
-  margin-left: auto;
-`;
-  const ItemBodyContainer = exports.ItemBodyContainer = _styledComponents2.default.div`
-  padding: 0px 16px;
-  margin: 12px 0;
-  background: ${_styles.COLORS.white};
-`;
-});
-//# sourceMappingURL=styles.js.map

package/dist/umd/Accordion/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Accordion/styles.ts"],"names":["AccordionMenuWrapper","styled","div","AccordionItemContainer","props","COLORS","neutral_100","disabledState","css","white","neutral_300","ItemHeaderContainer","neutral_20","Z_INDEXES","focus","primary_500","primary_20","primary_700","primary_800","primary_100","HeaderIconContainer","ItemBodyContainer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,QAAMA,oBAAoB,WAApBA,oBAAoB,GAAGC,2BAAOC,GAAI;AAC/C;AACA;AACA;AACA;AAJO,CAAA;AAOA,QAAMC,sBAAsB,WAAtBA,sBAAsB,GAAGF,2BAAOC,GAAoC;AACjF;AACA;AACA;AACA;AACA,mBAAoBE,KAAD,IAAYA,KAAK,CAALA,gBAAAA,GAA0B,aAAYC,eAAOC,WAA7CF,EAAAA,GAA6D,EAAI;AALzF,CAAA;AAQP,QAAMG,aAAa,GAAGC,qBAAI;AAC1B,gBAAgBH,eAAOI,KAAM;AAC7B,WAAWJ,eAAOK,WAAY;AAC9B;AACA;AACA,aAAaL,eAAOK,WAAY;AAChC;AANA,CAAA;AASO,QAAMC,mBAAmB,WAAnBA,mBAAmB,GAAGV,2BAAOC,GAAqE;AAC/G;AACA;AACA;AACA;AACA;AACA;AACA,gBAAgBG,eAAOO,UAAW;AAClC,YAAaR,KAAD,IAAYA,KAAK,CAALA,UAAAA,GAAAA,aAAAA,GAAmC,SAAW;AACtE;AACA;AACA;AACA;AACA,IAAIA,KAAK,IAAIA,KAAK,CAALA,UAAAA,GAAmBI,qBAAI;AACpC,eAAeK,oBAAUC,KAAM;AAC/B,+BAA+BT,eAAOU,WAAY,iBAAgBV,eAAOU,WAF5DX,GAAAA,GAE6E,EAAG;AAC7F;AACA,IAAKA,KAAD,IAAYA,KAAK,CAALA,UAAAA,GAAAA,aAAAA,GAAmC,EAAI;AACvD;AACA,kBAAkBC,eAAOW,UAAW;AACpC;AACA;AACA;AACA,aAAaX,eAAOY,WAAY;AAChC;AACA;AACA;AACA,aAAaZ,eAAOa,WAAY;AAChC;AACA;AACA;AACA,aAAab,eAAOY,WAAY;AAChC;AACA;AACA;AACA,aAAaZ,eAAOa,WAAY;AAChC;AACA;AACA;AACA,kBAAkBb,eAAOc,WAAY;AACrC;AAxCO,CAAA;AA2CA,QAAMC,mBAAmB,WAAnBA,mBAAmB,GAAGnB,2BAAOC,GAAI;AAC9C;AADO,CAAA;AAIA,QAAMmB,iBAAiB,WAAjBA,iBAAiB,GAAGpB,2BAAOC,GAAI;AAC5C;AACA;AACA,gBAAgBG,eAAOI,KAAM;AAHtB,CAAA","sourcesContent":["import styled, { css } from 'styled-components';\nimport { COLORS } from '../styles';\nimport { Z_INDEXES } from '../styles/z-indexes';\n\nexport const AccordionMenuWrapper = styled.div`\n  min-width: 320px;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n`;\n\nexport const AccordionItemContainer = styled.div<{ displaySeparator: boolean; }>`\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  border-bottom: ${(props) => (props.displaySeparator ? `1px solid ${COLORS.neutral_100}` : '')};\n`;\n\nconst disabledState = css`\n  background: ${COLORS.white}!important;\n  color: ${COLORS.neutral_300};\n  pointer-events: none;\n  svg {\n    color: ${COLORS.neutral_300}!important;\n  }\n`;\n\nexport const ItemHeaderContainer = styled.div<{ isDisabled: boolean, isActive: boolean, tabbedHere: boolean }>`\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 12px 16px 11px 16px;\n  cursor: pointer;\n  background: ${COLORS.neutral_20};\n  cursor: ${(props) => (props.isDisabled ? 'not-allowed' : 'pointer')};\n  svg:last-child {\n    margin-left: auto;\n  }\n  outline: none;\n  ${props => props.tabbedHere ? css`\n    z-index: ${Z_INDEXES.focus};\n    box-shadow: 0px 4px 12px ${COLORS.primary_500}, 0px 0px 8px ${COLORS.primary_500};` : ''}\n\n  ${(props) => (props.isDisabled ? disabledState : '')}\n  :hover {\n    background: ${COLORS.primary_20};\n  }\n\n  :hover .headerLabel {\n    color: ${COLORS.primary_700};\n  }\n\n  :active .headerLabel {\n    color: ${COLORS.primary_800};\n  }\n\n  :hover svg {\n    color: ${COLORS.primary_700};\n  }\n\n  :active svg {\n    color: ${COLORS.primary_800};\n  }\n\n  :active {\n    background: ${COLORS.primary_100};\n  }\n`;\n\nexport const HeaderIconContainer = styled.div`\n  margin-left: auto;\n`;\n\nexport const ItemBodyContainer = styled.div`\n  padding: 0px 16px;\n  margin: 12px 0;\n  background: ${COLORS.white};\n`;\n"],"file":"styles.js"}

package/dist/umd/AuthPage/AuthPage.js

@@ -1,126 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "prop-types", "react", "../styles", "./ScreenSetsContainer", "./Information"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("prop-types"), require("react"), require("../styles"), require("./ScreenSetsContainer"), require("./Information"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.propTypes, global.react, global.styles, global.ScreenSetsContainer, global.Information);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _propTypes, _react, _styles, _ScreenSetsContainer, _Information) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-
-  var _propTypes2 = _interopRequireDefault(_propTypes);
-
-  var React = _interopRequireWildcard(_react);
-
-  var _ScreenSetsContainer2 = _interopRequireDefault(_ScreenSetsContainer);
-
-  function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function (nodeInterop) {
-      return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-  }
-
-  function _interopRequireWildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-      return obj;
-    }
-
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-      return {
-        default: obj
-      };
-    }
-
-    var cache = _getRequireWildcardCache(nodeInterop);
-
-    if (cache && cache.has(obj)) {
-      return cache.get(obj);
-    }
-
-    var newObj = {};
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-
-    for (var key in obj) {
-      if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-        var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-
-        if (desc && (desc.get || desc.set)) {
-          Object.defineProperty(newObj, key, desc);
-        } else {
-          newObj[key] = obj[key];
-        }
-      }
-    }
-
-    newObj.default = obj;
-
-    if (cache) {
-      cache.set(obj, newObj);
-    }
-
-    return newObj;
-  }
-
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      default: obj
-    };
-  }
-
-  /**
-   * 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.
-   */
-  const AuthPage = ({
-    showInformationSection,
-    signUp,
-    signUpPlaceholderImage,
-    signInPlaceholderImage,
-    signUpPlaceholderImageAlt,
-    signInPlaceholderImageAlt,
-    signUpInformationHeader,
-    signInInformationHeader,
-    signUpInformationText,
-    signInInformationText,
-    screenSetsContainerId
-  }) => {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, showInformationSection && /*#__PURE__*/React.createElement(_Information.InformationContainer, {
-      $color: signUp ? _styles.COLORS.accent1_20 : _styles.COLORS.primary_20
-    }, /*#__PURE__*/React.createElement(_Information.InformationContent, null, (signUpPlaceholderImage || signInPlaceholderImage) && /*#__PURE__*/React.createElement(_Information.InformationImage, {
-      src: signUp ? signUpPlaceholderImage : signInPlaceholderImage,
-      alt: signUp ? signUpPlaceholderImageAlt : signInPlaceholderImageAlt
-    }), (signUpInformationHeader || signInInformationHeader) && /*#__PURE__*/React.createElement(_Information.InformationHeader, null, signUp ? signUpInformationHeader : signInInformationHeader), (signUpInformationText || signInInformationText) && /*#__PURE__*/React.createElement(_Information.InformationText, null, signUp ? signUpInformationText : signInInformationText))), /*#__PURE__*/React.createElement(_ScreenSetsContainer2.default, {
-      id: screenSetsContainerId,
-      centerContents: !showInformationSection
-    }));
-  };
-
-  AuthPage.propTypes = {
-    showInformationSection: _propTypes2.default.bool.isRequired,
-    signUp: _propTypes2.default.bool.isRequired,
-    signUpPlaceholderImage: _propTypes2.default.string,
-    signInPlaceholderImage: _propTypes2.default.string,
-    signUpPlaceholderImageAlt: _propTypes2.default.string,
-    signInPlaceholderImageAlt: _propTypes2.default.string,
-    signUpInformationHeader: _propTypes2.default.string,
-    signInInformationHeader: _propTypes2.default.string,
-    signUpInformationText: _propTypes2.default.string,
-    signInInformationText: _propTypes2.default.string,
-    screenSetsContainerId: _propTypes2.default.string.isRequired
-  };
-  exports.default = AuthPage;
-});
-//# sourceMappingURL=AuthPage.js.map

package/dist/umd/AuthPage/AuthPage.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/AuthPage/AuthPage.tsx"],"names":["showInformationSection","signUp","signUpPlaceholderImage","signInPlaceholderImage","signUpPlaceholderImageAlt","signInPlaceholderImageAlt","signUpInformationHeader","signInInformationHeader","signUpInformationText","signInInformationText","screenSetsContainerId","AuthPage","COLORS","primary_20"],"mappings":";;;;;;;;;;;;;;;;;;;;;MAAA,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA;AACA;AACA;AACA;AACA;AACA,QAAMW,QAAQ,GAAG,CAAC;AAAA,IAAA,sBAAA;AAAA,IAAA,MAAA;AAAA,IAAA,sBAAA;AAAA,IAAA,sBAAA;AAAA,IAAA,yBAAA;AAAA,IAAA,yBAAA;AAAA,IAAA,uBAAA;AAAA,IAAA,uBAAA;AAAA,IAAA,qBAAA;AAAA,IAAA,qBAAA;AAWhBD,IAAAA;AAXgB,GAAD,KAYI;AACnB,WAAA,aACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EACGV,sBAAsB,IAAA,aACrB,KAAA,CAAA,aAAA,CAAA,iCAAA,EAAA;AAAsB,MAAA,MAAM,EAAEC,MAAM,GAAGW,eAAH,UAAA,GAAuBA,eAAOC;AAAlE,KAAA,EAAA,aACE,KAAA,CAAA,aAAA,CAAA,+BAAA,EAAA,IAAA,EACG,CAACX,sBAAsB,IAAvB,sBAAA,KAAA,aACC,KAAA,CAAA,aAAA,CAAA,6BAAA,EAAA;AAAkB,MAAA,GAAG,EAAED,MAAM,GAAA,sBAAA,GAA7B,sBAAA;AAAiF,MAAA,GAAG,EAAEA,MAAM,GAAA,yBAAA,GAA+BI;AAA3H,KAAA,CAFJ,EAIG,CAACC,uBAAuB,IAAxB,uBAAA,KAAA,aAAwD,KAAA,CAAA,aAAA,CAAA,8BAAA,EAAA,IAAA,EAAoBL,MAAM,GAAA,uBAAA,GAJrF,uBAI2D,CAJ3D,EAKG,CAACO,qBAAqB,IAAtB,qBAAA,KAAA,aAAoD,KAAA,CAAA,aAAA,CAAA,4BAAA,EAAA,IAAA,EAAkBP,MAAM,GAAA,qBAAA,GARrF,qBAQ6D,CALvD,CADF,CAFJ,EAAA,aAYE,KAAA,CAAA,aAAA,CAAA,6BAAA,EAAA;AAAqB,MAAA,EAAE,EAAvB,qBAAA;AAAgD,MAAA,cAAc,EAAE,CAACD;AAAjE,KAAA,CAZF,CADF;AAbF,GAAA;;;AA7BEA,IAAAA,sB;AAGAC,IAAAA,M;AAEAC,IAAAA,sB;AAEAC,IAAAA,sB;AAEAC,IAAAA,yB;AAEAC,IAAAA,yB;AAEAC,IAAAA,uB;AAEAC,IAAAA,uB;AAEAC,IAAAA,qB;AAEAC,IAAAA,qB;AAEAC,IAAAA,qB;;oBAuCF,Q","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/umd/AuthPage/Information.js

@@ -1,67 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "styled-components", "./_AuthPageSection", "../styles", "../styles/typography"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("styled-components"), require("./_AuthPageSection"), require("../styles"), require("../styles/typography"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.styledComponents, global._AuthPageSection, global.styles, global.typography);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _styledComponents, _AuthPageSection, _styles, _typography) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-  exports.InformationImage = exports.InformationText = exports.InformationHeader = exports.InformationContent = exports.InformationContainer = undefined;
-
-  var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-  var _AuthPageSection2 = _interopRequireDefault(_AuthPageSection);
-
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      default: obj
-    };
-  }
-
-  const InformationContainer = exports.InformationContainer = (0, _styledComponents2.default)(_AuthPageSection2.default)`
-  display: none;
-  background: ${props => props.$color};
-
-  ${_styles.BREAKPOINTS.MEDIUM} {
-    display: flex;
-    padding-top: 56px;
-  }
-`;
-  const InformationContent = exports.InformationContent = _styledComponents2.default.div`
-  display: flex;
-  flex-direction: column;
-  align-self: center;
-  align-items: center;
-  text-align: center;
-  max-width: 100%;
-
-  ${_styles.BREAKPOINTS.LARGE} {
-    align-self: flex-end;
-    margin-right: 48px;
-  }
-`;
-  const InformationHeader = exports.InformationHeader = _styledComponents2.default.h2`
-  ${(0, _typography.HeadlineXLStyling)(_styles.COLORS.black)}
-  font-weight: 300;
-  margin-bottom: 0;
-`;
-  const InformationText = exports.InformationText = _styledComponents2.default.p`
-  ${(0, _typography.ParagraphLStyling)(_styles.ParagraphTextStyle.Regular, _styles.COLORS.neutral_600)}
-  margin: 8px 0;
-`;
-  const InformationImage = exports.InformationImage = _styledComponents2.default.img`
-  height: 275px;
-  max-width: 100%;
-`;
-});
-//# sourceMappingURL=Information.js.map

package/dist/umd/AuthPage/Information.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/AuthPage/Information.tsx"],"names":["InformationContainer","styled","props","$color","BREAKPOINTS","MEDIUM","InformationContent","div","LARGE","InformationHeader","h2","HeadlineXLStyling","COLORS","InformationText","p","ParagraphLStyling","ParagraphTextStyle","InformationImage","img"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMO,QAAMA,oBAAoB,WAApBA,oBAAoB,GAAGC,gCAAM,yBAANA,CAA4C;AAChF;AACA,gBAAiBC,KAAD,IAAWA,KAAK,CAACC,MAAO;AACxC;AACA,IAAIC,oBAAYC,MAAO;AACvB;AACA;AACA;AAPO,CAAA;AAUA,QAAMC,kBAAkB,WAAlBA,kBAAkB,GAAGL,2BAAOM,GAAI;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAIH,oBAAYI,KAAM;AACtB;AACA;AACA;AAXO,CAAA;AAcA,QAAMC,iBAAiB,WAAjBA,iBAAiB,GAAGR,2BAAOS,EAAG;AAC3C,IAAIC,mCAAkBC,eAAD,KAAjBD,CAAgC;AACpC;AACA;AAHO,CAAA;AAMA,QAAME,eAAe,WAAfA,eAAe,GAAGZ,2BAAOa,CAAE;AACxC,IAAIC,mCAAkBC,2BAAD,OAAjBD,EAA8CH,eAA7B,WAAjBG,CAAkE;AACtE;AAFO,CAAA;AAKA,QAAME,gBAAgB,WAAhBA,gBAAgB,GAAGhB,2BAAOiB,GAAI;AAC3C;AACA;AAFO,CAAA","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/umd/AuthPage/ScreenSetsContainer.js

@@ -1,59 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "styled-components", "./_AuthPageSection", "../styles"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("styled-components"), require("./_AuthPageSection"), require("../styles"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.styledComponents, global._AuthPageSection, global.styles);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _styledComponents, _AuthPageSection, _styles) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-
-  var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-  var _AuthPageSection2 = _interopRequireDefault(_AuthPageSection);
-
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      default: obj
-    };
-  }
-
-  const ScreenSetsContainer = (0, _styledComponents2.default)(_AuthPageSection2.default)`
-  padding: 8px;
-  width: calc(100% - 16px);
-  align-items: ${props => props.centerContents ? 'center' : 'unset'};
-
-  .gigya-screen-caption {
-    display: none;
-  }
-
-  .gigya-screen {
-    max-width: 100%;
-    margin: auto;
-  }
-
-  ${_styles.BREAKPOINTS.MEDIUM} {
-    .gigya-screen {
-      margin: 0;
-      padding: 36px 25px !important;
-    }
-  }
-
-  ${_styles.BREAKPOINTS.XLARGE} {
-    .gigya-screen {
-      max-width: 500px;
-    }
-  }
-`;
-  exports.default = ScreenSetsContainer;
-});
-//# sourceMappingURL=ScreenSetsContainer.js.map

package/dist/umd/AuthPage/ScreenSetsContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/AuthPage/ScreenSetsContainer.tsx"],"names":["ScreenSetsContainer","styled","props","BREAKPOINTS","MEDIUM","XLARGE"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,QAAMA,mBAAmB,GAAGC,gCAAM,yBAANA,CAAqD;AACjF;AACA;AACA,iBAAiBC,KAAK,IAAKA,KAAK,CAALA,cAAAA,GAAAA,QAAAA,GAAkC,OAAS;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAIC,oBAAYC,MAAO;AACvB;AACA;AACA;AACA;AACA;AACA;AACA,IAAID,oBAAYE,MAAO;AACvB;AACA;AACA;AACA;AAzBA,CAAA;oBA4BA,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.js"}

package/dist/umd/AuthPage/_AuthPageSection.js

@@ -1,40 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "styled-components", "../styles"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("styled-components"), require("../styles"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.styledComponents, global.styles);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _styledComponents, _styles) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-
-  var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      default: obj
-    };
-  }
-
-  const AuthPageSection = _styledComponents2.default.section`
-  display: flex;
-  flex: 1;
-  flex-direction: column;
-
-  ${_styles.BREAKPOINTS.MEDIUM} {
-    padding: 24px;
-    width: calc(50% - 48px);
-  }
-`;
-  exports.default = AuthPageSection;
-});
-//# sourceMappingURL=_AuthPageSection.js.map

package/dist/umd/AuthPage/_AuthPageSection.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/AuthPage/_AuthPageSection.tsx"],"names":["AuthPageSection","styled","section","BREAKPOINTS","MEDIUM"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,QAAMA,eAAe,GAAGC,2BAAOC,OAAQ;AACvC;AACA;AACA;AACA;AACA,IAAIC,oBAAYC,MAAO;AACvB;AACA;AACA;AARA,CAAA;oBAWA,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.js"}

package/dist/umd/AuthPage/index.js

@@ -1,40 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "./ScreenSetsContainer", "./Information", "./AuthPage", "./screenSetsErrorMessages"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("./ScreenSetsContainer"), require("./Information"), require("./AuthPage"), require("./screenSetsErrorMessages"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.ScreenSetsContainer, global.Information, global.AuthPage, global.screenSetsErrorMessages);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _ScreenSetsContainer, _Information, _AuthPage, _screenSetsErrorMessages) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-  exports.screenSetsErrorMessages_EN = exports.AuthPage = exports.InformationImage = exports.InformationText = exports.InformationHeader = exports.InformationContent = exports.InformationContainer = exports.ScreenSetsContainer = undefined;
-
-  var _ScreenSetsContainer2 = _interopRequireDefault(_ScreenSetsContainer);
-
-  var _AuthPage2 = _interopRequireDefault(_AuthPage);
-
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      default: obj
-    };
-  }
-
-  exports.ScreenSetsContainer = _ScreenSetsContainer2.default;
-  exports.InformationContainer = _Information.InformationContainer;
-  exports.InformationContent = _Information.InformationContent;
-  exports.InformationHeader = _Information.InformationHeader;
-  exports.InformationText = _Information.InformationText;
-  exports.InformationImage = _Information.InformationImage;
-  exports.AuthPage = _AuthPage2.default;
-  exports.screenSetsErrorMessages_EN = _screenSetsErrorMessages.screenSetsErrorMessages_EN;
-});
-//# sourceMappingURL=index.js.map

package/dist/umd/AuthPage/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/AuthPage/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAKA,mB,GAAA,6B;UAAA,oB,GAAA,iC;UAAA,kB,GAAA,+B;UAAA,iB,GAAA,8B;UAAA,e,GAAA,4B;UAAA,gB,GAAA,6B;UAAA,Q,GAAA,kB;UAAA,0B,GAAA,mD","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/umd/AuthPage/screenSetsErrorMessages.js

@@ -1,25 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports);
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-  const screenSetsErrorMessages_EN = exports.screenSetsErrorMessages_EN = {
-    email_already_exists: 'An account with that email already exists - try <a href class="sign-in-link" style="font-size: inherit;" data-switch-screen="gigya-login-screen">signing in</a>',
-    email_address_is_invalid: 'Invalid email address',
-    please_enter_fieldname: 'Enter your %fieldname'
-  };
-});
-//# sourceMappingURL=screenSetsErrorMessages.js.map

package/dist/umd/AuthPage/screenSetsErrorMessages.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/AuthPage/screenSetsErrorMessages.ts"],"names":["screenSetsErrorMessages_EN","email_already_exists","email_address_is_invalid","please_enter_fieldname"],"mappings":";;;;;;;;;;;;;;;;;;AAAO,QAAMA,0BAA0B,WAA1BA,0BAA0B,GAAG;AACxCC,IAAAA,oBAAoB,EADoB,iKAAA;AAGxCC,IAAAA,wBAAwB,EAHgB,uBAAA;AAIxCC,IAAAA,sBAAsB,EAAE;AAJgB,GAAnC","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"}