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

package/dist/cjs/utils/AnalyticUtils.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../node_modules/tslib/tslib.es6.js");exports.trackErrorEvent=(e,t,a,n)=>{const s={message_type:e,message_title:t,message_source:a,message_reason:n};try{window.dataLayer.push(Object.assign({event:"gaEvent",event_name:"error_event"},s))}catch(e){}},exports.trackEvent=(e,t,a)=>{const n={eventAction:e,eventValue:t,timeStamp:Math.round(Date.now()/1e3),type:a};try{"view"==a||"message"==a||window.appEventData.push({event:a,eventInfo:n})}catch(e){}},exports.trackGADatalayerEvent=(e,t,a)=>{window.dataLayer.push(Object.assign({event:e,event_name:t},a))},exports.trackLineEvent=(e,t,a,n,s)=>{const r={address:e,eventAction:t,eventValue:a,id:n,timeStamp:Math.round(Date.now()/1e3),type:s};try{window.appEventData.push({event:s,eventInfo:r})}catch(e){}},exports.trackMessageEvent=(t,a,n,s,r,o)=>{const v={description:t,source:a,title:n,type:s,guid:r,errorID:o};try{const{guid:t,errorID:a}=v,n=e.__rest(v,["guid","errorID"]);"error"==s&&null==t&&null==a||"success"==s||"general"==s?window.appEventData.push({event:"message",message:n}):void 0!==t&&void 0!==a&&window.appEventData.push({event:"message",message:v})}catch(e){}},exports.trackNewDatalayerEvent=(e,t,a)=>{window.dataLayer.push(Object.assign({event:e,event_name:t},a))};
+"use strict";var e=require("../node_modules/tslib/tslib.es6.js");let t;exports.trackComponent=(e,a,n,s)=>{const r={componentInfo:{type:n,subType:s},attributes:{title:e,targetLink:a}};Array.isArray(t)||(t=[]),t.push(r)},exports.trackErrorEvent=(e,t,a,n)=>{const s={message_type:e,message_title:t,message_source:a,message_reason:n};try{window.dataLayer.push(Object.assign({event:"gaEvent",event_name:"error_event"},s))}catch(e){}},exports.trackEvent=(e,t,a)=>{const n={eventAction:e,eventValue:t,timeStamp:Math.round(Date.now()/1e3),type:a};try{"view"==a||"message"==a||window.appEventData.push({event:a,eventInfo:n})}catch(e){}},exports.trackGADatalayerEvent=(e,t,a)=>{window.dataLayer.push(Object.assign({event:e,event_name:t},a))},exports.trackLineEvent=(e,t,a,n,s)=>{const r={address:e,eventAction:t,eventValue:a,id:n,timeStamp:Math.round(Date.now()/1e3),type:s};try{window.appEventData.push({event:s,eventInfo:r})}catch(e){}},exports.trackMessageEvent=(t,a,n,s,r,o)=>{const i={description:t,source:a,title:n,type:s,guid:r,errorID:o};try{const{guid:t,errorID:a}=i,n=e.__rest(i,["guid","errorID"]);"error"==s&&null==t&&null==a||"success"==s||"general"==s?window.appEventData.push({event:"message",message:n}):void 0!==t&&void 0!==a&&window.appEventData.push({event:"message",message:i})}catch(e){}},exports.trackNewDatalayerEvent=(e,t,a)=>{window.dataLayer.push(Object.assign({event:e,event_name:t},a))};
 //# sourceMappingURL=AnalyticUtils.js.map

package/dist/cjs/utils/AnalyticUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnalyticUtils.js","sources":["../../../../src/utils/AnalyticUtils.ts"],"sourcesContent":[null],"names":["message_type","message_title","message_source","message_reason","eventInfo","window","dataLayer","push","event","event_name","_a","eventAction","eventValue","type","timeStamp","Math","round","Date","now","appEventData","eventName","address","id","description","source","title","guid","errorID","validationmessage","__rest","undefined","message"],"mappings":"yFA0J+B,CAC7BA,EACAC,EACAC,EACAC,KAEA,MAAMC,EAAqC,CACzCJ,aAAcA,EACdC,cAAeA,EACfC,eAAgBA,EAChBC,eAAgBA,GAElB,IACEE,OAAOC,UAAUC,oBACfC,MAAO,UACPC,WAAY,eACTL,GAEP,CAAE,MAAAM,GAEF,sBA3GwB,CACxBC,EACAC,EACAC,KAEA,MAAMT,EAAiB,CACrBO,YAAaA,EACbC,WAAYA,EACZE,UAAWC,KAAKC,MAAMC,KAAKC,MAAQ,KACnCL,KAAMA,GAKR,IACc,QAARA,GAOe,WAARA,GAMTR,OAAOc,aAAaZ,KAAK,CACvBC,MAAOK,EACPT,UAAWA,GAGjB,CAAE,MAAAM,GAEF,iCAjFmC,CACnCF,EACAY,EACAhB,KAEAC,OAAOC,UAAUC,oBACfC,MAAOA,EACPC,WAAYW,GACThB,4BAYuB,CAC5BiB,EACAV,EACAC,EACAU,EACAT,KAEA,MAAMT,EAAyC,CAC7CiB,QAASA,EACTV,YAAaA,EACbC,WAAYA,EACZU,GAAIA,EACJR,UAAWC,KAAKC,MAAMC,KAAKC,MAAQ,KACnCL,KAAMA,GAER,IACER,OAAOc,aAAaZ,KAAK,CACvBC,MAAOK,EACPT,UAAWA,GAEf,CAAE,MAAAM,GAEF,6BA2C+B,CAC/Ba,EACAC,EACAC,EACAZ,EACAa,EACAC,KAEA,MAAMvB,EAAiB,CACrBmB,YAAaA,EACbC,OAAQA,EACRC,MAAOA,EACPZ,KAAMA,EACNa,KAAMA,EACNC,QAASA,GAKX,IACE,MAAMD,KAAEA,EAAIC,QAAEA,GAAkCvB,EAAtBwB,EAAiBC,EAAAA,OAAKzB,EAA1C,CAAA,OAAA,YAEK,SAARS,GAA2BiB,MAARJ,GAAgCI,MAAXH,GACjC,WAARd,GACQ,WAARA,EAECR,OAAOc,aAAaZ,KAAK,CACvBC,MAAO,UACNuB,QAASH,SAEOE,IAATJ,QAAkCI,IAAZH,GAC/BtB,OAAOc,aAAaZ,KAAK,CACvBC,MAAO,UACPuB,QAAS3B,GAGjB,CAAE,MAAAM,GAEF,kCApIoC,CAACF,EAAeY,EAAmBhB,KACrEC,OAAOC,UAAUC,oBACfC,MAAOA,EACPC,WAAYW,GACThB"}
+{"version":3,"file":"AnalyticUtils.js","sources":["../../../../src/utils/AnalyticUtils.ts"],"sourcesContent":[null],"names":["ComponentArray","title","targetLink","type","subType","component","componentInfo","attributes","Array","isArray","push","message_type","message_title","message_source","message_reason","eventInfo","window","dataLayer","event","event_name","_a","eventAction","eventValue","timeStamp","Math","round","Date","now","appEventData","eventName","address","id","description","source","guid","errorID","validationmessage","__rest","undefined","message"],"mappings":"iEACA,IAAIA,yBAU0B,CAC5BC,EACAC,EACAC,EACAC,KAEA,MAAMC,EAAY,CAChBC,cAAe,CACbH,KAAMA,EACNC,QAASA,GAEXG,WAAY,CACVN,MAAOA,EACPC,WAAYA,IAIXM,MAAMC,QAAQT,KAAiBA,EAAiB,IACrDA,EAAeU,KAAKL,4BAkJS,CAC7BM,EACAC,EACAC,EACAC,KAEA,MAAMC,EAAqC,CACzCJ,aAAcA,EACdC,cAAeA,EACfC,eAAgBA,EAChBC,eAAgBA,GAElB,IACEE,OAAOC,UAAUP,oBACfQ,MAAO,UACPC,WAAY,eACTJ,GAEP,CAAE,MAAAK,GAEF,sBA3GwB,CACxBC,EACAC,EACAnB,KAEA,MAAMY,EAAiB,CACrBM,YAAaA,EACbC,WAAYA,EACZC,UAAWC,KAAKC,MAAMC,KAAKC,MAAQ,KACnCxB,KAAMA,GAKR,IACc,QAARA,GAOe,WAARA,GAMTa,OAAOY,aAAalB,KAAK,CACvBQ,MAAOf,EACPY,UAAWA,GAGjB,CAAE,MAAAK,GAEF,iCAjFmC,CACnCF,EACAW,EACAd,KAEAC,OAAOC,UAAUP,oBACfQ,MAAOA,EACPC,WAAYU,GACTd,4BAYuB,CAC5Be,EACAT,EACAC,EACAS,EACA5B,KAEA,MAAMY,EAAyC,CAC7Ce,QAASA,EACTT,YAAaA,EACbC,WAAYA,EACZS,GAAIA,EACJR,UAAWC,KAAKC,MAAMC,KAAKC,MAAQ,KACnCxB,KAAMA,GAER,IACEa,OAAOY,aAAalB,KAAK,CACvBQ,MAAOf,EACPY,UAAWA,GAEf,CAAE,MAAAK,GAEF,6BA2C+B,CAC/BY,EACAC,EACAhC,EACAE,EACA+B,EACAC,KAEA,MAAMpB,EAAiB,CACrBiB,YAAaA,EACbC,OAAQA,EACRhC,MAAOA,EACPE,KAAMA,EACN+B,KAAMA,EACNC,QAASA,GAKX,IACE,MAAMD,KAAEA,EAAIC,QAAEA,GAAkCpB,EAAtBqB,EAAiBC,EAAAA,OAAKtB,EAA1C,CAAA,OAAA,YAEK,SAARZ,GAA2BmC,MAARJ,GAAgCI,MAAXH,GACjC,WAARhC,GACQ,WAARA,EAECa,OAAOY,aAAalB,KAAK,CACvBQ,MAAO,UACNqB,QAASH,SAEOE,IAATJ,QAAkCI,IAAZH,GAC/BnB,OAAOY,aAAalB,KAAK,CACvBQ,MAAO,UACPqB,QAASxB,GAGjB,CAAE,MAAAK,GAEF,kCApIoC,CAACF,EAAeW,EAAmBd,KACrEC,OAAOC,UAAUP,oBACfQ,MAAOA,EACPC,WAAYU,GACTd"}

package/dist/cjs/utils/AnalyticsConstants.js

@@ -1,2 +1,2 @@
-"use strict";exports.ALL="All",exports.ARTICLEICONSELECT="article_pagination_icon_click",exports.ARTICLELEFTSELECT="article_pagination_left_click",exports.ARTICLERIGHTSELECT="article_pagination_right_click",exports.ARTICLESELECT="article_select_promotion",exports.ARTICLEVIEW="article_view_promotion",exports.CAROUSELICONCLICK="carousel_icon_click",exports.CHANGE="Change",exports.CHECKADDRESS="Check address",exports.CMS="CMS",exports.COMPONENTLINK="link",exports.CONTACTHELPCENTERCLICK="contact_helpcenter_click",exports.CTABUTTONCLICK="cta_button_click",exports.CTATEXTCLICK="cta_text_click",exports.ERRORMESSAGE="Missing or Invalid Error",exports.ERRORTYPE="error",exports.FIXNET="fixnet",exports.GAEVENT="gaEvent",exports.ICONPOSITIONLEFT="Left",exports.ICONPOSITIONRIGHT="Right",exports.INTERNETCARD="internet_tv_card_click",exports.INTERNETTVCARD="InternetTVCard",exports.LANG="lang",exports.LINEADDRESS="lineTableView Address",exports.LINECHECKSTART="lineCheckStart",exports.LINETABLERESULT="lineCheckResult",exports.LOGINCLICK="sunrise_login_click",exports.MAINNAVCLICK="mainnavigation_click",exports.MAINNAVIGATION="Mainnavigation",exports.MYPROFILECLICK="profile_mysunrise_click",exports.PROFILECLICK="sunrise_profile_click",exports.PROFILELOGOUT="profile_logout",exports.RIBBON="Ribbon",exports.SALESHOTLINECLICK="sales_hotline_click",exports.SBLINECHECKRESULT="line_check_results",exports.SBLINECHECKSTART="line_check_start",exports.SEARCH="Search",exports.SELECTPROMOTION="select_promotion",exports.SUBMAINNAVIGATION="SubMainnavigation",exports.SUBNAVCLICK="subnavigation_click",exports.SUBTEASER="Sub Teaser",exports.TEASER="Teaser",exports.TEXTIMAGECOMPONENT="Text_Image_Component",exports.TEXTLINK="Text_link",exports.TYPE="click",exports.VIEW="view",exports.VIEWPROMOTION="view_promotion";
+"use strict";exports.ALL="All",exports.ARTICLEICONSELECT="article_pagination_icon_click",exports.ARTICLELEFTSELECT="article_pagination_left_click",exports.ARTICLERIGHTSELECT="article_pagination_right_click",exports.ARTICLESELECT="article_select_promotion",exports.ARTICLEVIEW="article_view_promotion",exports.CAROUSELICONCLICK="carousel_icon_click",exports.CHANGE="Change",exports.CHECKADDRESS="Check address",exports.CMS="CMS",exports.COMPONENTLINK="link",exports.CONTACTHELPCENTERCLICK="contact_helpcenter_click",exports.CONTENT="content",exports.CTABUTTONCLICK="cta_button_click",exports.CTATEXTCLICK="cta_text_click",exports.DEVICEGALLERY="deviceGalleryList",exports.ERRORMESSAGE="Missing or Invalid Error",exports.ERRORTYPE="error",exports.FIXNET="fixnet",exports.GAEVENT="gaEvent",exports.ICONPOSITIONLEFT="Left",exports.ICONPOSITIONRIGHT="Right",exports.INTERNETCARD="internet_tv_card_click",exports.INTERNETTVCARD="InternetTVCard",exports.LANG="lang",exports.LINEADDRESS="lineTableView Address",exports.LINECHECKSTART="lineCheckStart",exports.LINETABLERESULT="lineCheckResult",exports.LINK="links",exports.LOGINCLICK="sunrise_login_click",exports.MAINNAVCLICK="mainnavigation_click",exports.MAINNAVIGATION="Mainnavigation",exports.MYPROFILECLICK="profile_mysunrise_click",exports.PROFILECLICK="sunrise_profile_click",exports.PROFILELOGOUT="profile_logout",exports.QUICKLINK="QuickLinks",exports.QUICKLINKCLICK="quicklink_click",exports.RIBBON="Ribbon",exports.SALESHOTLINECLICK="sales_hotline_click",exports.SBLINECHECKRESULT="line_check_results",exports.SBLINECHECKSTART="line_check_start",exports.SEARCH="Search",exports.SELECTPROMOTION="select_promotion",exports.SUBMAINNAVIGATION="SubMainnavigation",exports.SUBNAVCLICK="subnavigation_click",exports.SUBTEASER="Sub Teaser",exports.TEASER="Teaser",exports.TEXTIMAGECOMPONENT="Text_Image_Component",exports.TEXTLINK="Text_link",exports.TYPE="click",exports.VIEW="view",exports.VIEWPROMOTION="view_promotion";
 //# sourceMappingURL=AnalyticsConstants.js.map

package/dist/cjs/utils/AnalyticsConstants.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnalyticsConstants.js","sources":["../../../../src/utils/AnalyticsConstants.ts"],"sourcesContent":[null],"names":[],"mappings":"yBA2QmB,gCAlQc,0DADA,2DADC,uDADL,+CADF,mDAwQM,qCAeX,8BAFM,4BAlBT,4BAQU,sCAtCS,kDAZR,wCA4BF,sCAmCA,6CACH,uBAlGH,yBA3LC,mCA6QS,iCACC,6BA1CL,gDAnGE,8BAvHV,2BAgRO,+CAFG,yCADC,qCAnBL,2CA7CE,8CA5LE,wCA2OA,+CAHF,8CAEC,gCAMP,mCAXW,gDApBA,8CADD,kCAjBV,iCAPS,6CAvLE,wCA4LN,wCAiDF,4BADH,oCArQY,wCAuOV,yBA/NJ,qBACA,6BA8LS"}
+{"version":3,"file":"AnalyticsConstants.js","sources":["../../../../src/utils/AnalyticsConstants.ts"],"sourcesContent":[null],"names":[],"mappings":"yBA4QmB,gCAnQc,0DADA,2DADC,uDADL,+CADF,mDAyQM,qCAeX,8BAFM,4BAlBT,4BAQU,sCAtCS,2CAnLf,iCAuKO,wCA4BF,uCAnHC,yCAsJD,6CACH,uBAlGH,yBA5LC,mCA8QS,iCACC,6BA1CL,gDAnGE,8BAxHV,2BAiRO,+CAFG,yCADC,+BAhOX,2BA6MM,2CA7CE,8CA5LE,wCA2OA,+CAHF,8CAEC,mCAlPJ,oCACK,iCAuPR,mCAXW,gDApBA,8CADD,kCAjBV,iCAPS,6CAvLE,wCA4LN,wCAiDF,4BADH,oCAtQY,wCAwOV,yBAhOJ,qBACA,6BA+LS"}

package/dist/esm/components/BadgeContainer/BadgeContainer.css

@@ -0,0 +1,41 @@
+.BadgeContainer-module__badge-container___69m4y {
+  display: flex;
+  position: absolute;
+  top: -18px;
+  left: 16px;
+  flex-direction: row;
+  column-gap: 10px;
+  padding: 0 !important;
+}
+
+.BadgeContainer-module__badge___6Brx4 {
+  position: relative;
+  display: flex;
+  height: 32px;
+  border-radius: 10px;
+  align-items: center;
+  column-gap: 4px;
+  padding: 0 8px;
+  width: fit-content;
+}
+
+.BadgeContainer-module__badge-icon___pXuK7 {
+  height: 20px;
+  width: 20px;
+  display: flex;
+}
+.BadgeContainer-module__badge-icon___pXuK7 img, .BadgeContainer-module__badge-icon___pXuK7 svg {
+  height: 100%;
+  width: auto;
+  object-fit: cover;
+}
+
+.BadgeContainer-module__badge-label___URlLS {
+  font-weight: 700;
+  line-height: 20px;
+  font-size: 14px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 150px;
+}

package/dist/esm/components/BadgeContainer/BadgeContainer.js

@@ -0,0 +1,3 @@
+import './BadgeContainer.css';
+import{jsx as e,jsxs as a}from"react/jsx-runtime";import t from"./BadgeContainer.module.scss.js";const r=({label:r,icon:n,backgroundGradient:o,backgroundColor:l,textGradient:i,textColor:d})=>{const c=n&&"object"==typeof n&&"filename"in n&&n.filename,b=i?{background:i,backgroundClip:"text",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent"}:{color:d||"#FFFFFF"};return a("div",{className:t.badge,style:{background:o||l||"#1F1F1F"},children:[c&&e("div",{className:t["badge-icon"],children:e("img",{src:n.filename,alt:n.alt||n.name||"badge icon",title:n.title})}),e("div",{className:t["badge-label"],style:b,children:r})]})},n=a=>{const n=a.badges;return n&&Array.isArray(n)&&0!==n.length?e("div",{className:t["badge-container"],children:n.map((a,t)=>e(r,{label:a.label,icon:a.icon,backgroundGradient:a.backgroundGradient,backgroundColor:a.backgroundColor,textGradient:a.textGradient,textColor:a.textColor},`badge-${t}`))}):null};export{n as default};
+//# sourceMappingURL=BadgeContainer.js.map

package/dist/esm/components/BadgeContainer/BadgeContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeContainer.js","sources":["../../../../../src/components/BadgeContainer/BadgeContainer.tsx"],"sourcesContent":[null],"names":["Badge","label","icon","backgroundGradient","backgroundColor","textGradient","textColor","hasIcon","filename","labelStyle","background","backgroundClip","WebkitBackgroundClip","WebkitTextFillColor","color","_jsxs","className","Styles","style","_jsx","children","src","alt","name","title","BadgeContainer","props","badges","Array","isArray","length","map","badge","index"],"mappings":"iGASA,MAAMA,EAAwB,EAC5BC,QACAC,OACAC,qBACAC,kBACAC,eACAC,gBAIA,MAAMC,EAAUL,GAAwB,iBAATA,GAAqB,aAAcA,GAASA,EAAeM,SAGpFC,EAAaJ,EACf,CACEK,WAAYL,EACZM,eAAgB,OAChBC,qBAAsB,OACtBC,oBAAqB,eAEvB,CAAEC,MAAOR,GAAa,WAE1B,OACES,EAAA,MAAA,CAAKC,UAAWC,EAAc,MAAGC,MAAO,CAAER,WAAYP,GAAsBC,GAAmB,qBAC5FG,GACCY,EAAA,MAAA,CAAKH,UAAWC,EAAO,cAAaG,SAClCD,EAAA,MAAA,CACEE,IAAMnB,EAAeM,SACrBc,IAAMpB,EAAeoB,KAAQpB,EAAeqB,MAAQ,aACpDC,MAAQtB,EAAesB,UAI7BL,SAAKH,UAAWC,EAAO,eAAgBC,MAAOT,EAAUW,SAAGnB,QAS3DwB,EAAmBC,IACvB,MAAMC,EAASD,EAAMC,OAGrB,OAAKA,GAAWC,MAAMC,QAAQF,IAA6B,IAAlBA,EAAOG,OAK9CX,EAAA,MAAA,CAAKH,UAAWC,EAAO,mBAAkBG,SACtCO,EAAOI,IAAI,CAACC,EAAmBC,IAC9Bd,EAACnB,EAAK,CAEJC,MAAO+B,EAAM/B,MACbC,KAAM8B,EAAM9B,KACZC,mBAAoB6B,EAAM7B,mBAC1BC,gBAAiB4B,EAAM5B,gBACvBC,aAAc2B,EAAM3B,aACpBC,UAAW0B,EAAM1B,WANZ,SAAS2B,QAPb"}

package/dist/esm/components/BadgeContainer/BadgeContainer.module.scss.css

@@ -0,0 +1,41 @@
+.BadgeContainer-module__badge-container___69m4y {
+  display: flex;
+  position: absolute;
+  top: -18px;
+  left: 16px;
+  flex-direction: row;
+  column-gap: 10px;
+  padding: 0 !important;
+}
+
+.BadgeContainer-module__badge___6Brx4 {
+  position: relative;
+  display: flex;
+  height: 32px;
+  border-radius: 10px;
+  align-items: center;
+  column-gap: 4px;
+  padding: 0 8px;
+  width: fit-content;
+}
+
+.BadgeContainer-module__badge-icon___pXuK7 {
+  height: 20px;
+  width: 20px;
+  display: flex;
+}
+.BadgeContainer-module__badge-icon___pXuK7 img, .BadgeContainer-module__badge-icon___pXuK7 svg {
+  height: 100%;
+  width: auto;
+  object-fit: cover;
+}
+
+.BadgeContainer-module__badge-label___URlLS {
+  font-weight: 700;
+  line-height: 20px;
+  font-size: 14px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 150px;
+}

package/dist/esm/components/BadgeContainer/BadgeContainer.module.scss.js

@@ -0,0 +1,3 @@
+import './BadgeContainer.module.scss.css';
+var e={"badge-container":"BadgeContainer-module__badge-container___69m4y",badge:"BadgeContainer-module__badge___6Brx4","badge-icon":"BadgeContainer-module__badge-icon___pXuK7","badge-label":"BadgeContainer-module__badge-label___URlLS"};export{e as default};
+//# sourceMappingURL=BadgeContainer.module.scss.js.map

package/dist/esm/components/BadgeContainer/BadgeContainer.module.scss.js.map

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

package/dist/esm/components/ButtonGroup/ButtonGroup.css

@@ -1,96 +1,96 @@
-.overline {
-    color: gray;
-}
-
-.desciption {
-    font-size: 20px;
-    line-height: 26px;
-    color: #3d3935;
-}
-
-.primary {
-    text-align: center;
-    background: #da291c;
-    color: white;
-    border: none;
-    border-radius: 28px;
-    font-weight: 700;
-    overflow: visible;
-    padding: 14px 24px;
-    width: fit-content;
-
-    a {
-        color: white;
-        text-decoration: none;
-    }
-}
-
-.secondary {
-    text-align: center;
-    background: white;
-    color: #da291c;
-    border: 2px solid #da291c;
-    border-radius: 28px;
-    font-weight: 700;
-    overflow: visible;
-    padding: 14px 24px;
-    width: fit-content;
-
-    a {
-        color: #da291c;
-        text-decoration: none;
-    }
-}
-
-.horizontal-left {
-    display: flex;
-    justify-content: flex-start;
-}
-
-.horizontal-right {
-    display: flex;
-    justify-content: flex-end;
-}
-
-.horizontal-center {
-    display: flex;
-    justify-content: center;
-    margin-top: 20px;
-}
-
-.vertical-left {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-}
-
-.vertical-right {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-end;
-}
-
-.vertical-center {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-}
-.btn-container{
-    margin-top: 16px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-}
-
-.text{
-    text-align: center;
-    color: #da291c;
-    font-weight: 700;
-    overflow: visible;
-    padding: 14px 24px;
-    width: fit-content;
-    a{
-       color: #da291c;
-       text-decoration: none; 
-    }
+.overline {
+    color: gray;
+}
+
+.desciption {
+    font-size: 20px;
+    line-height: 26px;
+    color: #3d3935;
+}
+
+.primary {
+    text-align: center;
+    background: #da291c;
+    color: white;
+    border: none;
+    border-radius: 28px;
+    font-weight: 700;
+    overflow: visible;
+    padding: 14px 24px;
+    width: fit-content;
+
+    a {
+        color: white;
+        text-decoration: none;
+    }
+}
+
+.secondary {
+    text-align: center;
+    background: white;
+    color: #da291c;
+    border: 2px solid #da291c;
+    border-radius: 28px;
+    font-weight: 700;
+    overflow: visible;
+    padding: 14px 24px;
+    width: fit-content;
+
+    a {
+        color: #da291c;
+        text-decoration: none;
+    }
+}
+
+.horizontal-left {
+    display: flex;
+    justify-content: flex-start;
+}
+
+.horizontal-right {
+    display: flex;
+    justify-content: flex-end;
+}
+
+.horizontal-center {
+    display: flex;
+    justify-content: center;
+    margin-top: 20px;
+}
+
+.vertical-left {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+}
+
+.vertical-right {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-end;
+}
+
+.vertical-center {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+.btn-container{
+    margin-top: 16px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.text{
+    text-align: center;
+    color: #da291c;
+    font-weight: 700;
+    overflow: visible;
+    padding: 14px 24px;
+    width: fit-content;
+    a{
+       color: #da291c;
+       text-decoration: none; 
+    }
 }

package/dist/esm/components/Constants.js

@@ -1,2 +1,2 @@
-const e="center",t="left",s="right",r="transparent",o="00",c="#da291c",n="clicked",m="after",a="before",i="#ffffff",f="h1",E="h2",l="h3",R="h4",S="extra",h="semiextra",d="none",g=1439,u=1023,A=767,C="stack",T="col-lg-6",p="col-lg-4",U="col-lg-3",b="en",P="sunriseAuth",_=768,D=1024,O=1440,x="img",G="icon",I="svg",M="auth-stamp",Y="PreToPost",k="customerGroup",y="NEW_CUSTOMER",B="dismissedRibbonsByUid",H="ribbonDismissUpdated",L="customerSegmentRefresh",W="customerSegmentRefreshStamp",v="one-commerce-cartId",F="SMART_UPGRADE",N="FLEX_UPGRADE",V="DEVICE",X="ACCESSORY",j="WATCH",q="TABLET",w="HOME_SECURITY_ACCESSORY",z="fullPayment";export{X as ACCESSORY,m as AFTER,P as AUTHCOOKIE,M as AUTHSTAMP,a as BEFORE,v as CART_COOKIE,e as CENTER,U as COLLG3,p as COLLG4,T as COLLG6,i as COLORWHITE,y as CUSTOMER_GROUP_NEW_CUSTOMER_VALUE,k as CUSTOMER_GROUP_STORAGE_KEY,L as CUSTOMER_SEGMENT_REFRESH_EVENT,W as CUSTOMER_SEGMENT_REFRESH_STORAGE_KEY,b as DEFAULTLOCALE,V as DEVICE,B as DISMISSED_RIBBONS_STORAGE_KEY,S as EXTRA,n as FALCONBUTTONCLICKED,N as FLEX_UPGRADE,z as FULL_PAYMENT,f as H1,E as H2,l as H3,R as H4,w as HOME_SECURITY_ACCESSORY,G as ICON,x as IMG,t as LEFT,O as LGDESKSTART,g as MDDESKEND,D as MDDESKSTART,A as MOBEND,d as NONE,Y as PRE_TO_POST_PROMOTION_ID,c as PRIMARYCOLORS,H as RIBBON_DISMISS_UPDATED_EVENT,s as RIGHT,h as SEMIEXTRA,F as SMART_UPGRADE,C as STACK,I as SVG,u as TABEND,q as TABLET,_ as TABSTART,r as TRANSPARENT,j as WATCH,o as ZEROES};
+const e="center",t="left",s="right",r="transparent",c="00",o="#da291c",n="clicked",i="after",m="before",a="#ffffff",f="h1",E="h2",l="h3",R="h4",S="extra",d="semiextra",h="none",g=1439,u=1023,A=767,C="stack",T="col-lg-6",p="col-lg-4",U="col-lg-3",b="en",P="sunriseAuth",_=768,D=1024,O=1440,k="clicked",x="img",G="icon",I="svg",M="auth-stamp",Y="PreToPost",y="customerGroup",B="NEW_CUSTOMER",H="dismissedRibbonsByUid",L="ribbonDismissUpdated",W="customerSegmentRefresh",v="customerSegmentRefreshStamp",F="one-commerce-cartId",N="SMART_UPGRADE",V="FLEX_UPGRADE",X="DEVICE",j="ACCESSORY",q="WATCH",w="TABLET",z="HOME_SECURITY_ACCESSORY",J="fullPayment";export{j as ACCESSORY,i as AFTER,k as AURABUTTONCLICKED,P as AUTHCOOKIE,M as AUTHSTAMP,m as BEFORE,F as CART_COOKIE,e as CENTER,U as COLLG3,p as COLLG4,T as COLLG6,a as COLORWHITE,B as CUSTOMER_GROUP_NEW_CUSTOMER_VALUE,y as CUSTOMER_GROUP_STORAGE_KEY,W as CUSTOMER_SEGMENT_REFRESH_EVENT,v as CUSTOMER_SEGMENT_REFRESH_STORAGE_KEY,b as DEFAULTLOCALE,X as DEVICE,H as DISMISSED_RIBBONS_STORAGE_KEY,S as EXTRA,n as FALCONBUTTONCLICKED,V as FLEX_UPGRADE,J as FULL_PAYMENT,f as H1,E as H2,l as H3,R as H4,z as HOME_SECURITY_ACCESSORY,G as ICON,x as IMG,t as LEFT,O as LGDESKSTART,g as MDDESKEND,D as MDDESKSTART,A as MOBEND,h as NONE,Y as PRE_TO_POST_PROMOTION_ID,o as PRIMARYCOLORS,L as RIBBON_DISMISS_UPDATED_EVENT,s as RIGHT,d as SEMIEXTRA,N as SMART_UPGRADE,C as STACK,I as SVG,u as TABEND,w as TABLET,_ as TABSTART,r as TRANSPARENT,q as WATCH,c as ZEROES};
 //# sourceMappingURL=Constants.js.map

package/dist/esm/components/Constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"Constants.js","sources":["../../../../src/components/Constants.ts"],"sourcesContent":[null],"names":["CENTER","LEFT","RIGHT","TRANSPARENT","ZEROES","PRIMARYCOLORS","FALCONBUTTONCLICKED","AFTER","BEFORE","COLORWHITE","H1","H2","H3","H4","EXTRA","SEMIEXTRA","NONE","MDDESKEND","TABEND","MOBEND","STACK","COLLG6","COLLG4","COLLG3","DEFAULTLOCALE","AUTHCOOKIE","TABSTART","MDDESKSTART","LGDESKSTART","IMG","ICON","SVG","AUTHSTAMP","PRE_TO_POST_PROMOTION_ID","CUSTOMER_GROUP_STORAGE_KEY","CUSTOMER_GROUP_NEW_CUSTOMER_VALUE","DISMISSED_RIBBONS_STORAGE_KEY","RIBBON_DISMISS_UPDATED_EVENT","CUSTOMER_SEGMENT_REFRESH_EVENT","CUSTOMER_SEGMENT_REFRESH_STORAGE_KEY","CART_COOKIE","SMART_UPGRADE","FLEX_UPGRADE","DEVICE","ACCESSORY","WATCH","TABLET","HOME_SECURITY_ACCESSORY","FULL_PAYMENT"],"mappings":"AAAO,MAAMA,EAAS,SACTC,EAAO,OACPC,EAAQ,QACRC,EAAc,cACdC,EAAS,KACTC,EAAgB,UAChBC,EAAsB,UACtBC,EAAQ,QACRC,EAAS,SAETC,EAAa,UACbC,EAAK,KACLC,EAAK,KACLC,EAAK,KACLC,EAAK,KACLC,EAAQ,QACRC,EAAY,YACZC,EAAM,OAENC,EAAY,KACZC,EAAS,KACTC,EAAS,IACTC,EAAQ,QACRC,EAAS,WACTC,EAAS,WACTC,EAAS,WAWTC,EAAgB,KAChBC,EAAa,cAcbC,EAAW,IACXC,EAAc,KACdC,EAAc,KAgCdC,EAAM,MACNC,EAAO,OACPC,EAAM,MA0DNC,EAAY,aAWZC,EAA2B,YAG3BC,EAA6B,gBAC7BC,EAAoC,eACpCC,EAAgC,wBAChCC,EAA+B,uBAC/BC,EAAiC,yBACjCC,EAAuC,8BAEvCC,EAAc,sBACdC,EAAgB,gBAChBC,EAAe,eACfC,EAAS,SACTC,EAAY,YACZC,EAAQ,QACRC,EAAS,SACTC,EAA0B,0BAC1BC,EAAe"}
+{"version":3,"file":"Constants.js","sources":["../../../../src/components/Constants.ts"],"sourcesContent":[null],"names":["CENTER","LEFT","RIGHT","TRANSPARENT","ZEROES","PRIMARYCOLORS","FALCONBUTTONCLICKED","AFTER","BEFORE","COLORWHITE","H1","H2","H3","H4","EXTRA","SEMIEXTRA","NONE","MDDESKEND","TABEND","MOBEND","STACK","COLLG6","COLLG4","COLLG3","DEFAULTLOCALE","AUTHCOOKIE","TABSTART","MDDESKSTART","LGDESKSTART","AURABUTTONCLICKED","IMG","ICON","SVG","AUTHSTAMP","PRE_TO_POST_PROMOTION_ID","CUSTOMER_GROUP_STORAGE_KEY","CUSTOMER_GROUP_NEW_CUSTOMER_VALUE","DISMISSED_RIBBONS_STORAGE_KEY","RIBBON_DISMISS_UPDATED_EVENT","CUSTOMER_SEGMENT_REFRESH_EVENT","CUSTOMER_SEGMENT_REFRESH_STORAGE_KEY","CART_COOKIE","SMART_UPGRADE","FLEX_UPGRADE","DEVICE","ACCESSORY","WATCH","TABLET","HOME_SECURITY_ACCESSORY","FULL_PAYMENT"],"mappings":"AAAO,MAAMA,EAAS,SACTC,EAAO,OACPC,EAAQ,QACRC,EAAc,cACdC,EAAS,KACTC,EAAgB,UAChBC,EAAsB,UACtBC,EAAQ,QACRC,EAAS,SAETC,EAAa,UACbC,EAAK,KACLC,EAAK,KACLC,EAAK,KACLC,EAAK,KACLC,EAAQ,QACRC,EAAY,YACZC,EAAM,OAENC,EAAY,KACZC,EAAS,KACTC,EAAS,IACTC,EAAQ,QACRC,EAAS,WACTC,EAAS,WACTC,EAAS,WAWTC,EAAgB,KAChBC,EAAa,cAcbC,EAAW,IACXC,EAAc,KACdC,EAAc,KAMdC,EAAoB,UA0BpBC,EAAM,MACNC,EAAO,OACPC,EAAM,MA0DNC,EAAY,aAWZC,EAA2B,YAG3BC,EAA6B,gBAC7BC,EAAoC,eACpCC,EAAgC,wBAChCC,EAA+B,uBAC/BC,EAAiC,yBACjCC,EAAuC,8BAEvCC,EAAc,sBACdC,EAAgB,gBAChBC,EAAe,eACfC,EAAS,SACTC,EAAY,YACZC,EAAQ,QACRC,EAAS,SACTC,EAA0B,0BAC1BC,EAAe"}

package/dist/esm/components/DeviceGallery/DeviceGalleryItem/DeviceGalleryItem.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.js

@@ -0,0 +1,3 @@
+import './DeviceGalleryItem.css';
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import{useState as n,useEffect as t}from"react";import l from"./DeviceGalleryItem.module.scss.js";import o from"../../RichText/richText.js";import{getFalconButtonClass as r}from"../../../utils/StyleUtils.js";import{AURABUTTONCLICKED as a}from"../../Constants.js";import{trackComponent as c,trackEvent as s,trackNewDatalayerEvent as d}from"../../../utils/AnalyticUtils.js";import{DEVICEGALLERY as m,ALL as u,SUBTEASER as v,CMS as f,SELECTPROMOTION as p,TYPE as h,LINK as b,CONTENT as g}from"../../../utils/AnalyticsConstants.js";const x={Black:"#000000",White:"#ffffff"},N=()=>"undefined"==typeof window?300:window.innerWidth<=767?700:300,y=({content:y,index:_=0,onEligibleItem:j,onPrepareItemAnalytics:k,useFalconStyle:w=!0})=>{var C;const[T,A]=n(!1),[$,L]=n(N),E=r(y.buttonType),I=w?l["falcon-container"]:l["outer-container"],z=(e=>{var i,n,t,l;const o=(null===(i=e.gradientBackground)||void 0===i?void 0:i.trim())||(null===(t=null===(n=e.backgroundColor)||void 0===n?void 0:n.color)||void 0===t?void 0:t.trim()),r=e.textColor,a=r?null!==(l=x[r])&&void 0!==l?l:r:void 0;if(o||a)return Object.assign(Object.assign({},o?{background:o}:null),a?{color:a}:null)})(y);return t(()=>{const e=()=>L(N());return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),t(()=>{null==k||k(y)},[y,k]),t(()=>{var e;c(y.title||m,null===(e=y.link)||void 0===e?void 0:e.cached_url,g,b)},[y]),e("div",{className:I,children:i("a",{href:y.link?y.link.cached_url:"/",target:"_self",className:l.link,onClick:()=>{var e;s(m,y.title,h),d(p,p,{banner_promotion_name:null!==(e=null==y?void 0:y.bannerPromotionName)&&void 0!==e?e:null==y?void 0:y.title,banner_source:f,banner_type:v,banner_location:null==y?void 0:y.bannerLocation,audience_name:u,promotion_objective:u,index:_+1}),null==k||k(y),null==j||j("select")},children:[e("div",{className:l.promo,children:y.promoText?y.isLimited?e("div",{className:l.limited,style:z,children:y.promoText}):e("div",{className:l.notlimited,style:z,children:y.promoText}):null}),(null===(C=y.image)||void 0===C?void 0:C.filename)&&e("div",{className:l["image-container"],children:e("div",{className:l.image,children:e("img",{src:(B=y.image.filename,O=$,B&&O&&B.includes("/f/")?`${B}/m/${O}x0/filters:format(webp):quality(80)`:B),alt:y.image.alt||"",title:y.image.title||""})})}),i("div",{className:l.content,children:[y.title&&e("h4",{className:l.title,children:y.title}),y.description&&e("div",{className:l.description,children:e(o,{content:y.description})}),e("div",{className:l["button-container"],children:y.CTA_text&&e("div",{className:`${E} ${l.button} ${T?a:""}`,onClick:()=>A(!T),children:y.CTA_text})})]})]})});var B,O};export{y as default};
+//# sourceMappingURL=DeviceGalleryItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceGalleryItem.js","sources":["../../../../../../src/components/DeviceGallery/DeviceGalleryItem/DeviceGalleryItem.tsx"],"sourcesContent":[null],"names":["OPTION_TEXT_COLOR","Black","White","getImageWidth","window","innerWidth","DeviceGalleryItem","content","index","onEligibleItem","onPrepareItemAnalytics","useFalconStyle","clicked","setClicked","useState","imageWidth","setImageWidth","buttonStyle","getFalconButtonClass","buttonType","containerClassName","Styles","promoBadgeStyle","background","_a","gradientBackground","trim","_b","backgroundColor","color","_c","colorValue","textColor","_d","undefined","Object","assign","getBadgeSchemeStyle","useEffect","handleResize","addEventListener","removeEventListener","trackComponent","title","DEVICEGALLERY","link","cached_url","CONTENT","LINK","_jsx","className","children","_jsxs","href","target","onClick","trackEvent","TYPE","trackNewDatalayerEvent","SELECTPROMOTION","banner_promotion_name","bannerPromotionName","banner_source","CMS","banner_type","SUBTEASER","banner_location","bannerLocation","audience_name","ALL","promotion_objective","promoText","isLimited","style","image","filename","src","source","width","includes","alt","description","RichText","CTA_text","AURABUTTONCLICKED"],"mappings":"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"}