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

package/dist/esm/components/DeviceGallery/DeviceGalleryItem/DeviceGalleryItem.module.scss.css

@@ -0,0 +1,239 @@
+/* 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  */
+.DeviceGalleryItem-module__link___XE80H {
+  text-decoration: none;
+}
+
+.DeviceGalleryItem-module__outer-container___4Z5b1 {
+  height: 100%;
+  position: relative;
+}
+.DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__promo___tQwKu {
+  display: flex;
+  flex-direction: row;
+  min-height: 32px;
+  justify-content: center;
+  text-align: center;
+}
+.DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__promo___tQwKu .DeviceGalleryItem-module__limited___AVaY- {
+  border: 2px solid #1c9cdf;
+  border-radius: 4px;
+  box-sizing: border-box;
+  color: #1c9cdf;
+  font-weight: 700;
+  padding: 4px 12px;
+  font-size: 16px;
+  line-height: 24px;
+}
+.DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__promo___tQwKu .DeviceGalleryItem-module__notlimited___STSPv {
+  background: #1c9cdf;
+  border-radius: 4px;
+  color: #ffffff;
+  font-weight: 700;
+  padding: 4px 12px;
+  font-size: 16px;
+  line-height: 24px;
+}
+.DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__image-container___4IlXL {
+  display: flex;
+  justify-content: center;
+}
+.DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__image-container___4IlXL .DeviceGalleryItem-module__image___xKhcY > div {
+  max-height: 100%;
+  max-width: 100%;
+  padding-top: 4px;
+}
+.DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__content___gmClU {
+  text-align: center;
+}
+.DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__content___gmClU .DeviceGalleryItem-module__title___wSss- {
+  color: #333333;
+  font-style: normal;
+  font-weight: 700;
+  padding: 0 32px;
+  min-height: 64px;
+}
+.DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__content___gmClU .DeviceGalleryItem-module__description___hcxF0 {
+  color: #606060;
+  font-style: normal;
+  font-weight: 500;
+  padding: 8px 32px 0;
+  font-size: 16px;
+  line-height: 24px;
+}
+.DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__content___gmClU .DeviceGalleryItem-module__description___hcxF0 div {
+  padding-bottom: 40%;
+}
+.DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__content___gmClU .DeviceGalleryItem-module__button-container___ZNLEs {
+  position: absolute;
+  bottom: 0;
+  width: max-content;
+  max-width: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+}
+.DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__content___gmClU .DeviceGalleryItem-module__button-container___ZNLEs .DeviceGalleryItem-module__button___m7tnX {
+  margin-right: 0;
+}
+
+@media (max-width: 767px) {
+  .DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__promo___tQwKu {
+    min-height: 36px;
+  }
+  .DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__image-container___4IlXL {
+    height: 210px;
+  }
+  .DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__image-container___4IlXL .DeviceGalleryItem-module__image___xKhcY {
+    max-height: 210px;
+  }
+  .DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__content___gmClU .DeviceGalleryItem-module__title___wSss- {
+    padding: 0 16px;
+    min-height: 56px;
+  }
+  .DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__content___gmClU .DeviceGalleryItem-module__description___hcxF0 {
+    padding: 8px 16px 0;
+  }
+  .DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__content___gmClU .DeviceGalleryItem-module__description___hcxF0 div {
+    padding-bottom: 88px;
+  }
+  .DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__content___gmClU .DeviceGalleryItem-module__button-container___ZNLEs {
+    padding-bottom: 16px;
+  }
+}
+@media (min-width: 1024px) and (max-width: 1439px) {
+  .DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__image-container___4IlXL {
+    height: 192px;
+  }
+  .DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__image-container___4IlXL .DeviceGalleryItem-module__image___xKhcY {
+    max-height: 192px;
+  }
+  .DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__content___gmClU {
+    padding: 4px 0 0;
+  }
+}
+@media (min-width: 768px) and (max-width: 1023px) {
+  .DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__image-container___4IlXL {
+    height: 210px;
+  }
+  .DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__image-container___4IlXL .DeviceGalleryItem-module__image___xKhcY {
+    max-height: 210px;
+  }
+  .DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__content___gmClU {
+    padding: 4px 0 0;
+  }
+  .DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__content___gmClU .DeviceGalleryItem-module__title___wSss- {
+    min-height: 56px;
+  }
+  .DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__content___gmClU .DeviceGalleryItem-module__description___hcxF0 div {
+    padding-bottom: 35%;
+  }
+}
+.DeviceGalleryItem-module__falcon-container___Hhj45 {
+  height: 100%;
+  position: relative;
+}
+.DeviceGalleryItem-module__falcon-container___Hhj45 .DeviceGalleryItem-module__promo___tQwKu {
+  display: flex;
+  flex-direction: row;
+  min-height: 32px;
+  justify-content: center;
+  text-align: center;
+  font-size: 16px;
+  line-height: 24px;
+}
+.DeviceGalleryItem-module__falcon-container___Hhj45 .DeviceGalleryItem-module__promo___tQwKu .DeviceGalleryItem-module__limited___AVaY- {
+  border: 1px solid #5e94cf;
+  color: #5e94cf;
+  border-radius: 4px;
+  box-sizing: border-box;
+  font-weight: 700;
+  padding: 4px 12px;
+}
+.DeviceGalleryItem-module__falcon-container___Hhj45 .DeviceGalleryItem-module__promo___tQwKu .DeviceGalleryItem-module__notlimited___STSPv {
+  background: #5e94cf;
+  border-radius: 4px;
+  color: #ffffff;
+  font-weight: 700;
+  padding: 4px 12px;
+}
+.DeviceGalleryItem-module__falcon-container___Hhj45 .DeviceGalleryItem-module__image-container___4IlXL {
+  display: flex;
+  justify-content: center;
+}
+.DeviceGalleryItem-module__falcon-container___Hhj45 .DeviceGalleryItem-module__image-container___4IlXL .DeviceGalleryItem-module__image___xKhcY > div {
+  max-height: 100%;
+  max-width: 100%;
+  padding-top: 4px;
+}
+.DeviceGalleryItem-module__falcon-container___Hhj45 .DeviceGalleryItem-module__content___gmClU {
+  text-align: center;
+}
+.DeviceGalleryItem-module__falcon-container___Hhj45 .DeviceGalleryItem-module__content___gmClU .DeviceGalleryItem-module__title___wSss- {
+  color: #3d3935;
+  font-style: normal;
+  font-weight: 700;
+  min-height: 56px;
+  font-size: 20px;
+  line-height: 28px;
+}
+.DeviceGalleryItem-module__falcon-container___Hhj45 .DeviceGalleryItem-module__content___gmClU .DeviceGalleryItem-module__description___hcxF0 {
+  font-style: normal;
+  color: #5f5955;
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 24px;
+}
+.DeviceGalleryItem-module__falcon-container___Hhj45 .DeviceGalleryItem-module__content___gmClU .DeviceGalleryItem-module__description___hcxF0 div {
+  padding-bottom: 22%;
+}
+.DeviceGalleryItem-module__falcon-container___Hhj45 .DeviceGalleryItem-module__content___gmClU .DeviceGalleryItem-module__button-container___ZNLEs {
+  position: absolute;
+  bottom: 0;
+  width: max-content;
+  max-width: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+}
+.DeviceGalleryItem-module__falcon-container___Hhj45 .DeviceGalleryItem-module__content___gmClU .DeviceGalleryItem-module__button-container___ZNLEs .DeviceGalleryItem-module__button___m7tnX {
+  margin-right: 0;
+}
+
+@media (max-width: 767px) {
+  .DeviceGalleryItem-module__falcon-container___Hhj45 .DeviceGalleryItem-module__promo___tQwKu {
+    min-height: 36px;
+  }
+  .DeviceGalleryItem-module__falcon-container___Hhj45 .DeviceGalleryItem-module__content___gmClU .DeviceGalleryItem-module__title___wSss- {
+    min-height: 56px;
+  }
+  .DeviceGalleryItem-module__falcon-container___Hhj45 .DeviceGalleryItem-module__content___gmClU .DeviceGalleryItem-module__description___hcxF0 div {
+    padding-bottom: 88px;
+  }
+  .DeviceGalleryItem-module__falcon-container___Hhj45 .DeviceGalleryItem-module__content___gmClU .DeviceGalleryItem-module__button-container___ZNLEs {
+    padding-bottom: 16px;
+  }
+}
+@media (min-width: 1024px) and (max-width: 1439px) {
+  .DeviceGalleryItem-module__falcon-container___Hhj45 .DeviceGalleryItem-module__content___gmClU {
+    padding: 4px 0 0;
+  }
+}
+@media (min-width: 768px) and (max-width: 1023px) {
+  .DeviceGalleryItem-module__falcon-container___Hhj45 .DeviceGalleryItem-module__content___gmClU {
+    padding: 4px 0 0;
+  }
+  .DeviceGalleryItem-module__falcon-container___Hhj45 .DeviceGalleryItem-module__content___gmClU .DeviceGalleryItem-module__title___wSss- {
+    min-height: 56px;
+  }
+  .DeviceGalleryItem-module__falcon-container___Hhj45 .DeviceGalleryItem-module__content___gmClU .DeviceGalleryItem-module__description___hcxF0 div {
+    padding-bottom: 22%;
+  }
+}
+.DeviceGalleryItem-module__image___xKhcY img {
+  display: block;
+  max-width: 100%;
+  height: auto;
+}

package/dist/esm/components/DeviceGallery/DeviceGalleryItem/DeviceGalleryItem.module.scss.js

@@ -0,0 +1,3 @@
+import './DeviceGalleryItem.module.scss.css';
+var e={link:"DeviceGalleryItem-module__link___XE80H","outer-container":"DeviceGalleryItem-module__outer-container___4Z5b1",promo:"DeviceGalleryItem-module__promo___tQwKu",limited:"DeviceGalleryItem-module__limited___AVaY-",notlimited:"DeviceGalleryItem-module__notlimited___STSPv","image-container":"DeviceGalleryItem-module__image-container___4IlXL",image:"DeviceGalleryItem-module__image___xKhcY",content:"DeviceGalleryItem-module__content___gmClU",title:"DeviceGalleryItem-module__title___wSss-",description:"DeviceGalleryItem-module__description___hcxF0","button-container":"DeviceGalleryItem-module__button-container___ZNLEs",button:"DeviceGalleryItem-module__button___m7tnX","falcon-container":"DeviceGalleryItem-module__falcon-container___Hhj45"};export{e as default};
+//# sourceMappingURL=DeviceGalleryItem.module.scss.js.map

package/dist/esm/components/DeviceGallery/DeviceGalleryItem/DeviceGalleryItem.module.scss.js.map

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

package/dist/esm/components/DeviceGallery/DeviceGalleryList.css

@@ -0,0 +1,190 @@
+/* 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  */
+.DeviceGalleryList-module__section___FYBX5, .DeviceGalleryList-module__falcon-section___NZLE5 {
+  padding: 60px 0;
+}
+.DeviceGalleryList-module__section___FYBX5 .DeviceGalleryList-module__title___wQ6aY, .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__title___wQ6aY {
+  color: #333333;
+  margin: 0 0 40px;
+  text-align: center;
+}
+.DeviceGalleryList-module__section___FYBX5 .DeviceGalleryList-module__slide___K-wHh, .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__slide___K-wHh {
+  height: auto;
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.DeviceGalleryList-module__slider-wrapper___-91-x {
+  position: relative;
+}
+
+.DeviceGalleryList-module__swiper___8Xjs- {
+  padding-bottom: 48px;
+}
+.DeviceGalleryList-module__swiper___8Xjs- .swiper-wrapper {
+  align-items: stretch;
+}
+.DeviceGalleryList-module__swiper___8Xjs- .swiper-pagination {
+  bottom: 0;
+}
+.DeviceGalleryList-module__swiper___8Xjs- .swiper-pagination-lock {
+  display: block !important;
+}
+.DeviceGalleryList-module__swiper___8Xjs- .swiper-pagination-bullet {
+  background: #8A8A8A;
+  height: 8px;
+  margin: 0 4px !important;
+  opacity: 0.25;
+  width: 8px;
+}
+.DeviceGalleryList-module__swiper___8Xjs- .swiper-pagination-bullet-active {
+  background: #e6003c;
+  opacity: 1;
+}
+
+.DeviceGalleryList-module__arrow___hjxmX {
+  align-items: center;
+  background: #ffffff;
+  border: 0;
+  border-radius: 24px;
+  box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
+  cursor: pointer;
+  display: flex;
+  height: 44px;
+  justify-content: center;
+  padding: 0;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 44px;
+  z-index: 2;
+}
+.DeviceGalleryList-module__arrow___hjxmX .DeviceGalleryList-module__active-arrow___bYo4D {
+  display: block;
+  height: 13.5px;
+  width: 7.5px;
+}
+.DeviceGalleryList-module__arrow___hjxmX .DeviceGalleryList-module__inactive-arrow___UjcZf {
+  display: none;
+  height: 13.5px;
+  width: 7.5px;
+}
+.DeviceGalleryList-module__arrow___hjxmX:hover {
+  background-color: #ffffff;
+  box-shadow: 0 4px 12px rgba(87, 84, 82, 0.2);
+}
+.DeviceGalleryList-module__arrow___hjxmX:active {
+  background-color: #f7f6f5;
+  box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
+}
+
+.DeviceGalleryList-module__arrow-prev___eVBk8 {
+  left: -22px;
+}
+
+.DeviceGalleryList-module__arrow-next___QbE1T {
+  right: -22px;
+}
+
+.DeviceGalleryList-module__arrow-disabled___pdyjc {
+  background: #ced4da;
+  border-radius: 26px;
+}
+.DeviceGalleryList-module__arrow-disabled___pdyjc .DeviceGalleryList-module__active-arrow___bYo4D {
+  display: none;
+}
+.DeviceGalleryList-module__arrow-disabled___pdyjc .DeviceGalleryList-module__inactive-arrow___UjcZf {
+  display: block;
+}
+.DeviceGalleryList-module__arrow-disabled___pdyjc:hover {
+  background: #ced4da;
+  border-radius: 26px;
+  box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
+}
+
+@media (max-width: 767px) {
+  .DeviceGalleryList-module__section___FYBX5, .DeviceGalleryList-module__falcon-section___NZLE5 {
+    padding: 48px 0 76px;
+  }
+  .DeviceGalleryList-module__section___FYBX5 .sr-responsive-row, .DeviceGalleryList-module__falcon-section___NZLE5 .sr-responsive-row {
+    padding: 0;
+  }
+  .DeviceGalleryList-module__section___FYBX5 .DeviceGalleryList-module__title___wQ6aY, .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__title___wQ6aY {
+    margin: 0 0 28px;
+  }
+  .DeviceGalleryList-module__section___FYBX5 .DeviceGalleryList-module__slide___K-wHh, .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__slide___K-wHh {
+    padding-left: 0;
+    padding-right: 0;
+  }
+  .DeviceGalleryList-module__swiper___8Xjs- {
+    padding-bottom: 40px;
+  }
+  .DeviceGalleryList-module__arrow___hjxmX {
+    display: none;
+  }
+}
+@media (min-width: 1024px) and (max-width: 1439px) {
+  .DeviceGalleryList-module__section___FYBX5, .DeviceGalleryList-module__falcon-section___NZLE5 {
+    padding: 60px 0 88px;
+  }
+  .DeviceGalleryList-module__section___FYBX5 .DeviceGalleryList-module__title___wQ6aY, .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__title___wQ6aY {
+    margin: 0 0 40px;
+  }
+  .DeviceGalleryList-module__section___FYBX5 .DeviceGalleryList-module__slide___K-wHh, .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__slide___K-wHh {
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+}
+@media (min-width: 768px) and (max-width: 1023px) {
+  .DeviceGalleryList-module__section___FYBX5, .DeviceGalleryList-module__falcon-section___NZLE5 {
+    padding: 48px 0 84px;
+  }
+  .DeviceGalleryList-module__section___FYBX5 .DeviceGalleryList-module__title___wQ6aY, .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__title___wQ6aY {
+    margin: 0 0 40px;
+  }
+  .DeviceGalleryList-module__section___FYBX5 .DeviceGalleryList-module__slide___K-wHh, .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__slide___K-wHh {
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+}
+.DeviceGalleryList-module__falcon-section___NZLE5 {
+  padding: 60px 0 84px;
+}
+.DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__title___wQ6aY {
+  color: #3d3935;
+}
+.DeviceGalleryList-module__falcon-section___NZLE5 .slick-dots > li.slick-active > button:before {
+  color: #da291c;
+}
+.DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__swiper___8Xjs- .swiper-pagination-bullet-active {
+  background: #da291c;
+}
+@media (min-width: 768px) and (max-width: 1023px) {
+  .DeviceGalleryList-module__falcon-section___NZLE5 {
+    padding-top: 48px;
+    padding-bottom: 72px;
+  }
+}
+@media (max-width: 767px) {
+  .DeviceGalleryList-module__falcon-section___NZLE5 {
+    padding: 0 0 84px;
+  }
+  .DeviceGalleryList-module__falcon-section___NZLE5 .sr-responsive-row {
+    padding: 0;
+  }
+  .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__title___wQ6aY {
+    font-size: 28px;
+    line-height: 36px;
+    padding: 48px 0 24px;
+    margin-bottom: 0;
+  }
+  .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__slide___K-wHh {
+    height: auto;
+    padding-left: 6px;
+    padding-right: 6px;
+  }
+}

package/dist/esm/components/DeviceGallery/DeviceGalleryList.js

@@ -0,0 +1,3 @@
+import './DeviceGalleryList.css';
+import{jsx as e,jsxs as r,Fragment as i}from"react/jsx-runtime";import{useRef as n,useState as t,useEffect as s}from"react";import{Swiper as o,SwiperSlide as l}from"swiper/react";import{Pagination as a}from"swiper/modules";import"swiper/css";import"swiper/css/pagination";import c from"./DeviceGalleryItem/DeviceGalleryItem.js";import d from"../ResponsiveRow/row.js";import m from"./DeviceGalleryList.module.scss.js";const u=({content:u,onEligibleItem:p,onPrepareItemAnalytics:v,useFalconStyle:w=!0})=>{const g=n(null),h=n(null),[f,y]=t(!0),[b,N]=t(!1),I=(null==u?void 0:u.deviceGalleryItemList)||[],P=w?m["falcon-section"]:m.section,S=I.length>1,k=e=>{y(e.isBeginning),N(e.isEnd)};return s(()=>{const e=g.current;if(!e||"undefined"==typeof IntersectionObserver)return;const r=new IntersectionObserver(e=>{const r=e[0],i=(()=>{if("undefined"==typeof window)return[];try{return JSON.parse(localStorage.getItem("analyticsUids")||"[]")}catch(e){return[]}})();var n;r.isIntersecting&&r.intersectionRatio>=.5&&!i.includes(u._uid)&&(null==p||p("view"),n=[...i,u._uid],"undefined"!=typeof window&&localStorage.setItem("analyticsUids",JSON.stringify(n)))},{threshold:.5});return r.observe(e),()=>r.disconnect()},[u._uid,p]),e("div",{className:P,style:{backgroundColor:null==u?void 0:u.backgroundColor},ref:g,children:e(d,{children:r(i,{children:[(null==u?void 0:u.title)&&e("h2",{className:m.title,children:u.title}),r("div",{className:m["slider-wrapper"],children:[e(o,{modules:[a],className:m.swiper,slidesPerView:1,slidesPerGroup:1,spaceBetween:12,loop:S,grabCursor:!0,pagination:{clickable:!0},breakpoints:{768:{slidesPerView:2,spaceBetween:20},1024:{slidesPerView:3,spaceBetween:20},1440:{slidesPerView:4,spaceBetween:8}},onSwiper:e=>{h.current=e,k(e)},onSlideChange:k,onReachBeginning:k,onReachEnd:k,onFromEdge:k,children:I.map((r,i)=>e(l,{className:m.slide,children:e(c,{content:r,index:i,onEligibleItem:p,onPrepareItemAnalytics:v,useFalconStyle:w})},r._uid))}),r("button",{className:`${m.arrow} ${m["arrow-prev"]} ${!S&&f?m["arrow-disabled"]:""}`,type:"button","aria-label":"Previous slide",onClick:()=>{var e;return null===(e=h.current)||void 0===e?void 0:e.slidePrev()},children:[e("img",{className:m["active-arrow"],src:"/icons/chevron-left-arrow.svg",alt:""}),e("img",{className:m["inactive-arrow"],src:"/icons/chevron-left-grey.svg",alt:""})]}),r("button",{className:`${m.arrow} ${m["arrow-next"]} ${!S&&b?m["arrow-disabled"]:""}`,type:"button","aria-label":"Next slide",onClick:()=>{var e;return null===(e=h.current)||void 0===e?void 0:e.slideNext()},children:[e("img",{className:m["active-arrow"],src:"/icons/chevron-right-arrow.svg",alt:""}),e("img",{className:m["inactive-arrow"],src:"/icons/chevron-right-grey.svg",alt:""})]})]})]})})})};export{u as default};
+//# sourceMappingURL=DeviceGalleryList.js.map

package/dist/esm/components/DeviceGallery/DeviceGalleryList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceGalleryList.js","sources":["../../../../../src/components/DeviceGallery/DeviceGalleryList.tsx"],"sourcesContent":[null],"names":["DeviceGalleryList","content","onEligibleItem","onPrepareItemAnalytics","useFalconStyle","elementRef","useRef","swiperRef","isBeginning","setIsBeginning","useState","isEnd","setIsEnd","items","deviceGalleryItemList","sectionClassName","Styles","shouldLoop","length","updateNavigationState","swiper","useEffect","observedElement","current","IntersectionObserver","observer","entries","entry","trackedUids","window","JSON","parse","localStorage","getItem","_a","getTrackedUids","uids","isIntersecting","intersectionRatio","includes","_uid","setItem","stringify","threshold","observe","disconnect","_jsx","className","style","backgroundColor","ref","children","Row","_jsxs","title","Swiper","modules","Pagination","slidesPerView","slidesPerGroup","spaceBetween","loop","grabCursor","pagination","clickable","breakpoints","onSwiper","onSlideChange","onReachBeginning","onReachEnd","onFromEdge","map","item","index","SwiperSlide","DeviceGalleryItem","type","onClick","slidePrev","src","alt","slideNext"],"mappings":"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"}

package/dist/esm/components/DeviceGallery/DeviceGalleryList.module.scss.css

@@ -0,0 +1,190 @@
+/* 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  */
+.DeviceGalleryList-module__section___FYBX5, .DeviceGalleryList-module__falcon-section___NZLE5 {
+  padding: 60px 0;
+}
+.DeviceGalleryList-module__section___FYBX5 .DeviceGalleryList-module__title___wQ6aY, .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__title___wQ6aY {
+  color: #333333;
+  margin: 0 0 40px;
+  text-align: center;
+}
+.DeviceGalleryList-module__section___FYBX5 .DeviceGalleryList-module__slide___K-wHh, .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__slide___K-wHh {
+  height: auto;
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.DeviceGalleryList-module__slider-wrapper___-91-x {
+  position: relative;
+}
+
+.DeviceGalleryList-module__swiper___8Xjs- {
+  padding-bottom: 48px;
+}
+.DeviceGalleryList-module__swiper___8Xjs- .swiper-wrapper {
+  align-items: stretch;
+}
+.DeviceGalleryList-module__swiper___8Xjs- .swiper-pagination {
+  bottom: 0;
+}
+.DeviceGalleryList-module__swiper___8Xjs- .swiper-pagination-lock {
+  display: block !important;
+}
+.DeviceGalleryList-module__swiper___8Xjs- .swiper-pagination-bullet {
+  background: #8A8A8A;
+  height: 8px;
+  margin: 0 4px !important;
+  opacity: 0.25;
+  width: 8px;
+}
+.DeviceGalleryList-module__swiper___8Xjs- .swiper-pagination-bullet-active {
+  background: #e6003c;
+  opacity: 1;
+}
+
+.DeviceGalleryList-module__arrow___hjxmX {
+  align-items: center;
+  background: #ffffff;
+  border: 0;
+  border-radius: 24px;
+  box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
+  cursor: pointer;
+  display: flex;
+  height: 44px;
+  justify-content: center;
+  padding: 0;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 44px;
+  z-index: 2;
+}
+.DeviceGalleryList-module__arrow___hjxmX .DeviceGalleryList-module__active-arrow___bYo4D {
+  display: block;
+  height: 13.5px;
+  width: 7.5px;
+}
+.DeviceGalleryList-module__arrow___hjxmX .DeviceGalleryList-module__inactive-arrow___UjcZf {
+  display: none;
+  height: 13.5px;
+  width: 7.5px;
+}
+.DeviceGalleryList-module__arrow___hjxmX:hover {
+  background-color: #ffffff;
+  box-shadow: 0 4px 12px rgba(87, 84, 82, 0.2);
+}
+.DeviceGalleryList-module__arrow___hjxmX:active {
+  background-color: #f7f6f5;
+  box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
+}
+
+.DeviceGalleryList-module__arrow-prev___eVBk8 {
+  left: -22px;
+}
+
+.DeviceGalleryList-module__arrow-next___QbE1T {
+  right: -22px;
+}
+
+.DeviceGalleryList-module__arrow-disabled___pdyjc {
+  background: #ced4da;
+  border-radius: 26px;
+}
+.DeviceGalleryList-module__arrow-disabled___pdyjc .DeviceGalleryList-module__active-arrow___bYo4D {
+  display: none;
+}
+.DeviceGalleryList-module__arrow-disabled___pdyjc .DeviceGalleryList-module__inactive-arrow___UjcZf {
+  display: block;
+}
+.DeviceGalleryList-module__arrow-disabled___pdyjc:hover {
+  background: #ced4da;
+  border-radius: 26px;
+  box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
+}
+
+@media (max-width: 767px) {
+  .DeviceGalleryList-module__section___FYBX5, .DeviceGalleryList-module__falcon-section___NZLE5 {
+    padding: 48px 0 76px;
+  }
+  .DeviceGalleryList-module__section___FYBX5 .sr-responsive-row, .DeviceGalleryList-module__falcon-section___NZLE5 .sr-responsive-row {
+    padding: 0;
+  }
+  .DeviceGalleryList-module__section___FYBX5 .DeviceGalleryList-module__title___wQ6aY, .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__title___wQ6aY {
+    margin: 0 0 28px;
+  }
+  .DeviceGalleryList-module__section___FYBX5 .DeviceGalleryList-module__slide___K-wHh, .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__slide___K-wHh {
+    padding-left: 0;
+    padding-right: 0;
+  }
+  .DeviceGalleryList-module__swiper___8Xjs- {
+    padding-bottom: 40px;
+  }
+  .DeviceGalleryList-module__arrow___hjxmX {
+    display: none;
+  }
+}
+@media (min-width: 1024px) and (max-width: 1439px) {
+  .DeviceGalleryList-module__section___FYBX5, .DeviceGalleryList-module__falcon-section___NZLE5 {
+    padding: 60px 0 88px;
+  }
+  .DeviceGalleryList-module__section___FYBX5 .DeviceGalleryList-module__title___wQ6aY, .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__title___wQ6aY {
+    margin: 0 0 40px;
+  }
+  .DeviceGalleryList-module__section___FYBX5 .DeviceGalleryList-module__slide___K-wHh, .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__slide___K-wHh {
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+}
+@media (min-width: 768px) and (max-width: 1023px) {
+  .DeviceGalleryList-module__section___FYBX5, .DeviceGalleryList-module__falcon-section___NZLE5 {
+    padding: 48px 0 84px;
+  }
+  .DeviceGalleryList-module__section___FYBX5 .DeviceGalleryList-module__title___wQ6aY, .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__title___wQ6aY {
+    margin: 0 0 40px;
+  }
+  .DeviceGalleryList-module__section___FYBX5 .DeviceGalleryList-module__slide___K-wHh, .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__slide___K-wHh {
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+}
+.DeviceGalleryList-module__falcon-section___NZLE5 {
+  padding: 60px 0 84px;
+}
+.DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__title___wQ6aY {
+  color: #3d3935;
+}
+.DeviceGalleryList-module__falcon-section___NZLE5 .slick-dots > li.slick-active > button:before {
+  color: #da291c;
+}
+.DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__swiper___8Xjs- .swiper-pagination-bullet-active {
+  background: #da291c;
+}
+@media (min-width: 768px) and (max-width: 1023px) {
+  .DeviceGalleryList-module__falcon-section___NZLE5 {
+    padding-top: 48px;
+    padding-bottom: 72px;
+  }
+}
+@media (max-width: 767px) {
+  .DeviceGalleryList-module__falcon-section___NZLE5 {
+    padding: 0 0 84px;
+  }
+  .DeviceGalleryList-module__falcon-section___NZLE5 .sr-responsive-row {
+    padding: 0;
+  }
+  .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__title___wQ6aY {
+    font-size: 28px;
+    line-height: 36px;
+    padding: 48px 0 24px;
+    margin-bottom: 0;
+  }
+  .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__slide___K-wHh {
+    height: auto;
+    padding-left: 6px;
+    padding-right: 6px;
+  }
+}

package/dist/esm/components/DeviceGallery/DeviceGalleryList.module.scss.js

@@ -0,0 +1,3 @@
+import './DeviceGalleryList.module.scss.css';
+var e={section:"DeviceGalleryList-module__section___FYBX5","falcon-section":"DeviceGalleryList-module__falcon-section___NZLE5",title:"DeviceGalleryList-module__title___wQ6aY",slide:"DeviceGalleryList-module__slide___K-wHh","slider-wrapper":"DeviceGalleryList-module__slider-wrapper___-91-x",swiper:"DeviceGalleryList-module__swiper___8Xjs-",arrow:"DeviceGalleryList-module__arrow___hjxmX","active-arrow":"DeviceGalleryList-module__active-arrow___bYo4D","inactive-arrow":"DeviceGalleryList-module__inactive-arrow___UjcZf","arrow-prev":"DeviceGalleryList-module__arrow-prev___eVBk8","arrow-next":"DeviceGalleryList-module__arrow-next___QbE1T","arrow-disabled":"DeviceGalleryList-module__arrow-disabled___pdyjc"};export{e as default};
+//# sourceMappingURL=DeviceGalleryList.module.scss.js.map

package/dist/esm/components/DeviceGallery/DeviceGalleryList.module.scss.js.map

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

package/dist/esm/components/FalconButtonV3/FalconButtonV3.css

@@ -231,4 +231,16 @@
     padding-top: 8px !important;
     padding-bottom: 8px !important;
   }
+}
+.FalconButtonV3-module__disabled___wel-2 {
+  background-color: #e6e3df;
+  color: #b3aeaa;
+  border-color: #b3aeaa;
+  cursor: default;
+  pointer-events: none;
+}
+.FalconButtonV3-module__disabled___wel-2:hover, .FalconButtonV3-module__disabled___wel-2:active, .FalconButtonV3-module__disabled___wel-2:focus {
+  background-color: #e6e3df;
+  color: #b3aeaa;
+  border-color: #b3aeaa;
 }