@sunrise-upc/sales-static-components 4.0.1 → 4.1.0-beta.0

package/dist/cjs/components/QuickLinks/QuickLinks.css

@@ -0,0 +1,170 @@
+/* center a block element */
+/* use this to any of the pseudo elements as these are the mandatory properties */
+/* setting styles in separate formats for cross browser support */
+/* specify the max width for an element and apply ellipses and truncate the overflow */
+/* vertically center alilgn any HTML element */
+/* add basePath to assets  */
+.QuickLinkItem-module__list-container___kSBN6 {
+  height: 140px;
+  padding: 16px 0 16px;
+  color: #333333;
+  z-index: 3;
+  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.18), 0 -1px 0 rgba(255, 255, 255, 0.12);
+}
+@media (min-width: 1440px) {
+  .QuickLinkItem-module__list-container___kSBN6 .QuickLinkItem-module__list-item___6J34w {
+    margin-left: 25%;
+    margin-right: 25%;
+  }
+}
+@media (min-width: 1024px) and (max-width: 1439px) {
+  .QuickLinkItem-module__list-container___kSBN6 .QuickLinkItem-module__list-item___6J34w {
+    margin-left: 16%;
+    margin-right: 16%;
+  }
+}
+@media (min-width: 768px) and (max-width: 1023px) {
+  .QuickLinkItem-module__list-container___kSBN6 .QuickLinkItem-module__list-item___6J34w {
+    margin-left: 8%;
+    margin-right: 8%;
+  }
+}
+
+.QuickLinkItem-module__container___NFAxC {
+  text-align: center;
+  width: 100%;
+}
+.QuickLinkItem-module__container___NFAxC a {
+  color: unset;
+  text-decoration: unset;
+}
+.QuickLinkItem-module__container___NFAxC .QuickLinkItem-module__icon___qw54f {
+  width: 32px;
+  height: 32px;
+}
+.QuickLinkItem-module__container___NFAxC .QuickLinkItem-module__icon-container___DYsIU {
+  background-color: transparent;
+  border-radius: 40px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 80px;
+  width: 80px;
+  margin: auto;
+}
+.QuickLinkItem-module__container___NFAxC .QuickLinkItem-module__icon-container___DYsIU.QuickLinkItem-module__has-background___-aCvY {
+  box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
+}
+.QuickLinkItem-module__container___NFAxC .QuickLinkItem-module__icon-container___DYsIU.QuickLinkItem-module__has-background___-aCvY:hover {
+  box-shadow: 0 4px 12px rgba(87, 84, 82, 0.2);
+}
+.QuickLinkItem-module__container___NFAxC .QuickLinkItem-module__title___2V3ni {
+  font-style: normal;
+  font-weight: 700;
+  margin: 8px 8px 0 8px;
+  font-size: 14px;
+  line-height: 20px;
+}
+
+@media (min-width: 768px) and (max-width: 1023px) {
+  .QuickLinkItem-module__list-container___kSBN6 {
+    height: 120px;
+  }
+  .QuickLinkItem-module__container___NFAxC .QuickLinkItem-module__icon-container___DYsIU {
+    padding: 16px 0;
+    height: 60px;
+    width: 60px;
+    margin: auto;
+  }
+}
+@media (max-width: 767px) {
+  .QuickLinkItem-module__list-container___kSBN6 {
+    bottom: 0;
+    position: fixed;
+    width: 100%;
+    padding: 8px 0 20px;
+    height: 84px;
+    z-index: 3;
+  }
+  .QuickLinkItem-module__container___NFAxC .QuickLinkItem-module__icon___qw54f {
+    width: 24px;
+    height: 24px;
+  }
+  .QuickLinkItem-module__container___NFAxC .QuickLinkItem-module__icon-container___DYsIU {
+    border-radius: unset;
+    padding: unset;
+    height: unset;
+    background-color: unset;
+    box-shadow: none;
+    width: max-content;
+  }
+  .QuickLinkItem-module__container___NFAxC .QuickLinkItem-module__icon-container___DYsIU.QuickLinkItem-module__has-background___-aCvY {
+    background: transparent !important;
+    box-shadow: none;
+  }
+  .QuickLinkItem-module__container___NFAxC .QuickLinkItem-module__icon-container___DYsIU.QuickLinkItem-module__has-background___-aCvY:hover {
+    box-shadow: none;
+  }
+  .QuickLinkItem-module__container___NFAxC .QuickLinkItem-module__icon-container___DYsIU:hover {
+    background-color: unset;
+  }
+  .QuickLinkItem-module__container___NFAxC .QuickLinkItem-module__title___2V3ni {
+    font-size: 12px;
+    line-height: 16px;
+    margin: 8px 4px 0 4px;
+    word-wrap: break-word;
+  }
+}
+.QuickLinkItem-module__falcon-list-container___8-YfJ {
+  height: 140px;
+  padding: 16px 0 16px;
+  color: #3d3935;
+  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.18), 0 -1px 0 rgba(255, 255, 255, 0.12);
+}
+@media (min-width: 1440px) {
+  .QuickLinkItem-module__falcon-list-container___8-YfJ .QuickLinkItem-module__list-item___6J34w {
+    margin-left: 25%;
+    margin-right: 25%;
+  }
+}
+@media (min-width: 1024px) and (max-width: 1439px) {
+  .QuickLinkItem-module__falcon-list-container___8-YfJ .QuickLinkItem-module__list-item___6J34w {
+    margin-left: 16%;
+    margin-right: 16%;
+  }
+}
+@media (min-width: 768px) and (max-width: 1023px) {
+  .QuickLinkItem-module__falcon-list-container___8-YfJ .QuickLinkItem-module__list-item___6J34w {
+    margin-left: 8%;
+    margin-right: 8%;
+  }
+}
+
+@media (min-width: 768px) and (max-width: 1023px) {
+  .QuickLinkItem-module__falcon-list-container___8-YfJ {
+    height: 120px;
+  }
+  .QuickLinkItem-module__container___NFAxC .QuickLinkItem-module__icon-container___DYsIU {
+    padding: 16px 0;
+    height: 60px;
+    width: 60px;
+    margin: auto;
+  }
+  .QuickLinkItem-module__container___NFAxC .QuickLinkItem-module__title___2V3ni {
+    font-size: 14px;
+    line-height: 20px;
+  }
+}
+@media (max-width: 767px) {
+  .QuickLinkItem-module__falcon-list-container___8-YfJ {
+    bottom: 0;
+    position: fixed;
+    width: 100%;
+    padding: 8px 0 20px;
+    height: 84px;
+    z-index: 3;
+  }
+}
+.QuickLinkItem-module__title-container___1-wry {
+  text-align: center;
+}

package/dist/cjs/components/QuickLinks/QuickLinks.js

@@ -0,0 +1,3 @@
+require('./QuickLinks.css');
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),n=require("./QuickLinkItem.js"),o=require("../ResponsiveRow/row.js"),i=require("./QuickLinkItem.module.scss.js");exports.default=({content:t,isAuthenticated:d=!1,rootClassName:r="",useFalconStyle:c=!0})=>{var u,a,s,k;const m=d?null==t?void 0:t.authQuickLinkItems:null==t?void 0:t.nonAuthQuickLinkItems,v=l.useRef(!0),g=c?i.default["falcon-list-container"]:i.default["list-container"],x=null===(u=null==t?void 0:t.backgroundColor)||void 0===u?void 0:u.trim(),j=null===(a=null==t?void 0:t.textColor)||void 0===a?void 0:a.trim(),b=(null===(s=null==t?void 0:t.quickLinkItemTextColor)||void 0===s?void 0:s.trim())||j,f=null===(k=null==t?void 0:t.gradientBackgroundGlobal)||void 0===k?void 0:k.trim().replace(/;\s*$/,""),h=f&&"none"!==f.toLowerCase()?f:x;return e.jsxs("div",{className:`row ${r} ${g}`.trim(),style:{background:h},children:[(null==t?void 0:t.quickLinkTitle)&&e.jsx("h2",{className:i.default["title-container"],children:t.quickLinkTitle}),e.jsx(o.default,{children:e.jsx(e.Fragment,{children:m&&m.length>0&&e.jsxs("div",{className:`col-lg-6 col-md-8 col-sm-10 col-12 ${i.default["list-item"]}`,children:[e.jsx("div",{className:"d-none d-sm-block d-md-block d-lg-block",children:e.jsx("div",{className:"d-flex justify-content-between",children:m.map(l=>e.jsx(n.default,{content:l,onLoadTrackComponent:v.current,textColor:b,gradientBackgroundGlobal:null==t?void 0:t.quickLinkItemgradientBackgroundGlobal,backgroundColor:null==t?void 0:t.quickLinkItemBackgroundColor},l._uid))})}),e.jsx("div",{className:"d-xs-block d-sm-none d-md-none d-lg-none",children:e.jsx("div",{className:"d-flex justify-content-between",children:m.slice(0,4).map(l=>e.jsx(n.default,{content:l,onLoadTrackComponent:!v.current,textColor:b,gradientBackgroundGlobal:null==t?void 0:t.quickLinkItemgradientBackgroundGlobal,backgroundColor:null==t?void 0:t.quickLinkItemBackgroundColor},l._uid))})})]})})})]})};
+//# sourceMappingURL=QuickLinks.js.map

package/dist/cjs/components/QuickLinks/QuickLinks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickLinks.js","sources":["../../../../../src/components/QuickLinks/QuickLinks.tsx"],"sourcesContent":[null],"names":["content","isAuthenticated","rootClassName","useFalconStyle","items","authQuickLinkItems","nonAuthQuickLinkItems","isComponentInMountingProcess","useRef","containerClassName","Styles","backgroundColor","_a","trim","textColor","_b","itemTextColor","_c","quickLinkItemTextColor","normalizedGradient","_d","gradientBackgroundGlobal","replace","backgroundStyle","toLowerCase","_jsxs","className","style","background","children","quickLinkTitle","_jsx","Row","_Fragment","length","map","quickLink","QuickLinkItem","onLoadTrackComponent","current","quickLinkItemgradientBackgroundGlobal","quickLinkItemBackgroundColor","_uid","slice"],"mappings":"2PA2BmB,EACjBA,UACAC,mBAAkB,EAClBC,gBAAgB,GAChBC,kBAAiB,kBAGjB,MAAMC,EAAQH,EAAkBD,aAAO,EAAPA,EAASK,mBAAqBL,aAAO,EAAPA,EAASM,sBACjEC,EAAmDC,EAAAA,QAAO,GAC1DC,EAAqBN,EAAiBO,EAAAA,QAAO,yBAA2BA,EAAAA,QAAO,kBAC/EC,EAA0C,QAAxBC,EAAAZ,aAAO,EAAPA,EAASW,uBAAe,IAAAC,OAAA,EAAAA,EAAEC,OAC5CC,EAA8B,QAAlBC,EAAAf,aAAO,EAAPA,EAASc,iBAAS,IAAAC,OAAA,EAAAA,EAAEF,OAChCG,GAA+C,QAA/BC,EAAAjB,aAAO,EAAPA,EAASkB,8BAAsB,IAAAD,OAAA,EAAAA,EAAEJ,SAAUC,EAC3DK,EAAsD,QAAjCC,EAAApB,eAAAA,EAASqB,gCAAwB,IAAAD,OAAA,EAAAA,EAAEP,OAAOS,QAAQ,QAAS,IAChFC,EACJJ,GAA2D,SAArCA,EAAmBK,cACrCL,EACAR,EAEN,OACEc,EAAAA,YACEC,UAAW,OAAOxB,KAAiBO,IAAqBI,OACxDc,MAAO,CAAEC,WAAYL,GAAiBM,SAAA,EAErC7B,aAAO,EAAPA,EAAS8B,iBAAkBC,YAAIL,UAAWhB,EAAAA,QAAO,4BAAqBV,EAAQ8B,iBAC/EC,MAACC,EAAAA,QAAG,CAAAH,SACFE,EAAAA,IAAAE,EAAAA,SAAA,CAAAJ,SACGzB,GAASA,EAAM8B,OAAS,GACvBT,EAAAA,KAAA,MAAA,CAAKC,UAAW,sCAAsChB,EAAAA,QAAO,eAAcmB,SAAA,CACzEE,EAAAA,IAAA,MAAA,CAAKL,UAAW,0CAAyCG,SACvDE,EAAAA,WAAKL,UAAW,iCAAgCG,SAC7CzB,EAAM+B,IAAKC,GACVL,EAAAA,IAACM,EAAAA,QAAa,CAEZrC,QAASoC,EACTE,qBAAsB/B,EAA6BgC,QACnDzB,UAAWE,EACXK,yBAA0BrB,eAAAA,EAASwC,sCACnC7B,gBAAiBX,eAAAA,EAASyC,8BALrBL,EAAUM,WAUvBX,EAAAA,WAAKL,UAAW,2CAA0CG,SACxDE,EAAAA,IAAA,MAAA,CAAKL,UAAW,iCAAgCG,SAC7CzB,EAAMuC,MAAM,EAAG,GAAGR,IAAKC,GACtBL,EAAAA,IAACM,UAAa,CAEZrC,QAASoC,EACTE,sBAAuB/B,EAA6BgC,QACpDzB,UAAWE,EACXK,yBAA0BrB,aAAO,EAAPA,EAASwC,sCACnC7B,gBAAiBX,eAAAA,EAASyC,8BALrBL,EAAUM"}