@sunrise-upc/sales-static-components 3.8.6-beta.0 → 4.0.0

package/dist/esm/components/FalconButtonV2/FalconButtonStageTeaserV2.module.scss.css

@@ -0,0 +1,134 @@
+/* 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  */
+.FalconButtonStageTeaserV2-module__button___kDRB6 {
+  background: #da291c;
+  border: none;
+  border-radius: 28px;
+  color: #ffffff;
+  font-weight: 700;
+  overflow: visible;
+  padding: 14px 24px;
+  text-align: center;
+}
+.FalconButtonStageTeaserV2-module__button___kDRB6:focus {
+  box-shadow: none;
+  color: #ffffff !important;
+}
+.FalconButtonStageTeaserV2-module__button___kDRB6:hover {
+  color: #ffffff !important;
+  background-color: #961c13;
+}
+.FalconButtonStageTeaserV2-module__button___kDRB6:active {
+  color: #ffffff !important;
+  background-color: #c7355f;
+}
+.FalconButtonStageTeaserV2-module__button___kDRB6:disabled {
+  background-color: #e6e3df;
+  color: #b3aeaa;
+  cursor: default;
+}
+.FalconButtonStageTeaserV2-module__button___kDRB6 .FalconButtonStageTeaserV2-module__icon___CfvbX {
+  pointer-events: none;
+  mask-size: cover;
+  height: 24px;
+  width: 24px;
+  display: inline-block;
+  background-color: currentColor;
+  vertical-align: middle;
+}
+.FalconButtonStageTeaserV2-module__button___kDRB6.FalconButtonStageTeaserV2-module__Secondary-V4___nQGe4 {
+  border: none;
+  background-color: transparent;
+  color: #da291c;
+  border: 2px solid currentColor;
+  text-decoration: none;
+  text-align: center;
+}
+.FalconButtonStageTeaserV2-module__button___kDRB6.FalconButtonStageTeaserV2-module__Secondary-V4___nQGe4 .FalconButtonStageTeaserV2-module__icon___CfvbX {
+  background-color: currentColor;
+}
+.FalconButtonStageTeaserV2-module__button___kDRB6.FalconButtonStageTeaserV2-module__Secondary-V4___nQGe4:hover {
+  color: #961c13 !important;
+}
+.FalconButtonStageTeaserV2-module__button___kDRB6.FalconButtonStageTeaserV2-module__Secondary-V4___nQGe4:active {
+  color: #c7355f !important;
+}
+.FalconButtonStageTeaserV2-module__button___kDRB6.FalconButtonStageTeaserV2-module__Secondary-V4___nQGe4:focus {
+  color: #da291c !important;
+}
+.FalconButtonStageTeaserV2-module__button___kDRB6.FalconButtonStageTeaserV2-module__Secondary-V4___nQGe4:disabled {
+  color: #b3aeaa;
+  cursor: default;
+}
+.FalconButtonStageTeaserV2-module__button___kDRB6.FalconButtonStageTeaserV2-module__Secondary-V1___4PNAa {
+  background-color: transparent;
+  color: #da291c;
+  border: 2px solid currentColor;
+  text-decoration: none;
+  text-align: center;
+}
+.FalconButtonStageTeaserV2-module__button___kDRB6.FalconButtonStageTeaserV2-module__Secondary-V1___4PNAa .FalconButtonStageTeaserV2-module__icon___CfvbX {
+  background-color: currentColor;
+}
+.FalconButtonStageTeaserV2-module__button___kDRB6.FalconButtonStageTeaserV2-module__Secondary-V1___4PNAa:hover {
+  color: #961c13 !important;
+}
+.FalconButtonStageTeaserV2-module__button___kDRB6.FalconButtonStageTeaserV2-module__Secondary-V1___4PNAa:active {
+  color: #c7355f !important;
+}
+.FalconButtonStageTeaserV2-module__button___kDRB6.FalconButtonStageTeaserV2-module__Secondary-V1___4PNAa:focus {
+  color: #da291c !important;
+}
+.FalconButtonStageTeaserV2-module__button___kDRB6.FalconButtonStageTeaserV2-module__Secondary-V1___4PNAa:disabled {
+  color: #b3aeaa;
+  cursor: default;
+}
+.FalconButtonStageTeaserV2-module__button___kDRB6.FalconButtonStageTeaserV2-module__Secondary-V1___4PNAa {
+  border: 2px solid currentColor;
+  padding: 12px 24px;
+  text-decoration: none;
+}
+.FalconButtonStageTeaserV2-module__button___kDRB6.FalconButtonStageTeaserV2-module__Secondary-white___tUWHT {
+  background-color: transparent;
+  color: #ffffff;
+  padding: 12px 24px;
+  border: 2px solid #ffffff;
+}
+
+@media (max-width: 767px) {
+  .FalconButtonStageTeaserV2-module__button___kDRB6 {
+    padding: 10px 24px;
+  }
+  .FalconButtonStageTeaserV2-module__button___kDRB6.FalconButtonStageTeaserV2-module__Secondary-V1___4PNAa {
+    background-color: transparent;
+    color: #da291c;
+    border: 2px solid currentColor;
+    text-decoration: none;
+    text-align: center;
+  }
+  .FalconButtonStageTeaserV2-module__button___kDRB6.FalconButtonStageTeaserV2-module__Secondary-V1___4PNAa .FalconButtonStageTeaserV2-module__icon___CfvbX {
+    background-color: currentColor;
+  }
+  .FalconButtonStageTeaserV2-module__button___kDRB6.FalconButtonStageTeaserV2-module__Secondary-V1___4PNAa:hover {
+    color: #961c13 !important;
+  }
+  .FalconButtonStageTeaserV2-module__button___kDRB6.FalconButtonStageTeaserV2-module__Secondary-V1___4PNAa:active {
+    color: #c7355f !important;
+  }
+  .FalconButtonStageTeaserV2-module__button___kDRB6.FalconButtonStageTeaserV2-module__Secondary-V1___4PNAa:focus {
+    color: #da291c !important;
+  }
+  .FalconButtonStageTeaserV2-module__button___kDRB6.FalconButtonStageTeaserV2-module__Secondary-V1___4PNAa:disabled {
+    color: #b3aeaa;
+    cursor: default;
+  }
+  .FalconButtonStageTeaserV2-module__button___kDRB6.FalconButtonStageTeaserV2-module__Secondary-V1___4PNAa {
+    border: 2px solid currentColor;
+    padding: 8px 24px;
+    text-decoration: none;
+  }
+}

package/dist/esm/components/FalconButtonV2/FalconButtonStageTeaserV2.module.scss.js

@@ -0,0 +1,3 @@
+import './FalconButtonStageTeaserV2.module.scss.css';
+var e={button:"FalconButtonStageTeaserV2-module__button___kDRB6","Secondary-V1":"FalconButtonStageTeaserV2-module__Secondary-V1___4PNAa","Secondary-white":"FalconButtonStageTeaserV2-module__Secondary-white___tUWHT"};export{e as default};
+//# sourceMappingURL=FalconButtonStageTeaserV2.module.scss.js.map

package/dist/esm/components/FalconButtonV2/FalconButtonStageTeaserV2.module.scss.js.map

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

package/dist/esm/components/FalconMainNavigation/CartOverlay/CartOverlay.css

@@ -0,0 +1,180 @@
+/* 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  */
+.cart-overlay-panel.offcanvas {
+  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
+}
+
+.cart-overlay-panel .offcanvas-header {
+  height: 96px;
+  padding: 20px 16px;
+  gap: 24px;
+  align-items: center;
+  background: #ffffff;
+  border-bottom: 1px solid #e6e3df;
+}
+
+.cart-overlay-panel .offcanvas-title {
+  font-size: 24px;
+  font-weight: 700;
+  line-height: 32px;
+  color: #3d3935;
+}
+@media (max-width: 1023px) {
+  .cart-overlay-panel .offcanvas-title {
+    font-size: 20px;
+    line-height: 28px;
+  }
+}
+
+.cart-overlay-panel .btn-close {
+  opacity: 0.7;
+  width: 20px;
+  height: 20px;
+}
+.cart-overlay-panel .btn-close:hover {
+  opacity: 1;
+}
+
+.cart-overlay-panel .offcanvas-body {
+  padding: 0;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+  background: #f7f6f5;
+}
+
+.cart-overlay-panel.offcanvas-bottom {
+  border-radius: 8px 8px 0 0 !important;
+  width: 100% !important;
+  overflow: hidden;
+}
+
+.CartOverlay-module__backdrop___lMc-O {
+  position: fixed;
+  inset: 0;
+  z-index: 1040;
+  background: rgba(0, 0, 0, 0.5);
+  animation: CartOverlay-module__fadeIn___G8JYJ 0.35s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+}
+
+@keyframes CartOverlay-module__fadeIn___G8JYJ {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+.CartOverlay-module__headerTitle___hbL0K {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.CartOverlay-module__emptyState___bXUfs {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  flex: 1;
+  padding: 32px 24px 24px;
+  text-align: center;
+}
+
+.CartOverlay-module__emptyIcon___3FlYf {
+  margin-bottom: 8px;
+}
+
+.CartOverlay-module__emptyText___D4IY3 {
+  font-size: 16px;
+  font-weight: 700;
+  color: #3d3935;
+  margin: 0 0 44px;
+}
+
+.CartOverlay-module__emptySubText___tNFv4 {
+  font-size: 14px;
+  color: #787472;
+  margin: 0 0 8px;
+}
+
+.CartOverlay-module__categoryLinks___JYlL1 {
+  display: flex;
+  gap: 12px;
+  width: 100%;
+  justify-content: center;
+}
+
+.CartOverlay-module__categoryLink___FBePP {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  flex: 1;
+  padding: 12px 8px;
+  background-color: #ffffff;
+  border: none;
+  border-radius: 8px;
+  text-decoration: none;
+  color: #3d3935;
+  font-size: 12px;
+  font-weight: 500;
+  text-align: center;
+  transition: background-color 0.15s ease;
+}
+.CartOverlay-module__categoryLink___FBePP:hover {
+  background-color: #f8f8f8;
+  text-decoration: none;
+  color: #3d3935;
+}
+.CartOverlay-module__categoryLink___FBePP:focus-visible {
+  outline: 2px solid #e6003c;
+  outline-offset: 2px;
+}
+
+.CartOverlay-module__categoryLinkIcon___Pb58O {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.CartOverlay-module__categoryLinkLabel___ewD47 {
+  line-height: 1.3;
+}
+
+.CartOverlay-module__footer___OwJpW {
+  padding: 16px 24px;
+  border-top: 1px solid #d2d2d2;
+  background-color: #ffffff;
+}
+
+.CartOverlay-module__dismissButton___57qsq {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 52px;
+  padding: 14px 24px;
+  gap: 8px;
+  background: none;
+  border: 2px solid #da291c;
+  border-radius: 28px;
+  font-size: 16px;
+  font-weight: 600;
+  color: #da291c;
+  text-align: center;
+  cursor: pointer;
+  transition: background-color 0.15s ease;
+}
+.CartOverlay-module__dismissButton___57qsq:hover {
+  background-color: rgba(218, 41, 28, 0.05);
+}
+.CartOverlay-module__dismissButton___57qsq:focus-visible {
+  outline: 2px solid #da291c;
+  outline-offset: 2px;
+}

package/dist/esm/components/FalconMainNavigation/CartOverlay/CartOverlay.js

@@ -0,0 +1,3 @@
+import './CartOverlay.css';
+import{jsxs as e,Fragment as i,jsx as t}from"react/jsx-runtime";import{useState as l,useEffect as n}from"react";import{Offcanvas as a}from"react-bootstrap";import r from"./CartOverlay.module.scss.js";const d=({isOpen:d,onClose:o,content:c})=>{var s,m;const[h,u]=l(!1);return n(()=>{if("undefined"==typeof window)return;if(!window.matchMedia)return void u(window.innerWidth<=767);const e=window.matchMedia("(max-width: 767px)");u(e.matches);const i=e=>u(e.matches);return e.addEventListener("change",i),()=>e.removeEventListener("change",i)},[]),e(i,{children:[d&&t("div",{className:r.backdrop,onMouseDown:o,"aria-hidden":"true"}),t("div",{children:e(a,{show:d,placement:h?"bottom":"end",onHide:o,backdrop:!1,scroll:!1,"aria-labelledby":"cart-overlay-title",className:"cart-overlay-panel",style:h?{height:"90dvh"}:{width:"40vw",minWidth:"320px"},children:[t(a.Header,{closeButton:!0,children:(null==c?void 0:c.title)&&t(a.Title,{id:"cart-overlay-title",children:t("div",{className:r.headerTitle,children:t("span",{children:c.title})})})}),t(a.Body,{children:e("div",{className:r.emptyState,children:[(null===(s=null==c?void 0:c.illustration)||void 0===s?void 0:s.filename)&&t("div",{className:r.emptyIcon,children:t("img",{src:c.illustration.filename,alt:"","aria-hidden":"true"})}),(null==c?void 0:c.emptyHeading)&&t("p",{className:r.emptyText,children:c.emptyHeading}),(null==c?void 0:c.emptySubTitle)&&t("p",{className:r.emptySubText,children:c.emptySubTitle}),(null==c?void 0:c.ctaCards)&&(null===(m=c.ctaCards)||void 0===m?void 0:m.length)>0&&t("div",{className:r.categoryLinks,children:c.ctaCards.map(i=>{var l,n,a;return e("a",{href:(null===(l=i.link)||void 0===l?void 0:l.cached_url)||(null===(n=i.link)||void 0===n?void 0:n.url)||"/",className:r.categoryLink,children:[(null===(a=i.icon)||void 0===a?void 0:a.filename)&&t("span",{className:r.categoryLinkIcon,children:t("img",{src:i.icon.filename,alt:"","aria-hidden":"true",width:24,height:24})}),t("span",{className:r.categoryLinkLabel,children:i.text})]},i._uid)})})]})}),(null==c?void 0:c.footerBtnLbl)&&t("div",{className:r.footer,children:t("button",{type:"button",className:r.dismissButton,onClick:o,children:null==c?void 0:c.footerBtnLbl})})]})})]})};export{d as default};
+//# sourceMappingURL=CartOverlay.js.map

package/dist/esm/components/FalconMainNavigation/CartOverlay/CartOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartOverlay.js","sources":["../../../../../../src/components/FalconMainNavigation/CartOverlay/CartOverlay.tsx"],"sourcesContent":[null],"names":["CartOverlay","isOpen","onClose","content","isMobile","setIsMobile","useState","useEffect","window","matchMedia","innerWidth","mq","matches","handler","e","addEventListener","removeEventListener","_jsxs","_Fragment","children","_jsx","className","styles","backdrop","onMouseDown","Offcanvas","show","placement","onHide","scroll","style","height","width","minWidth","Header","closeButton","title","Title","id","headerTitle","Body","emptyState","_a","illustration","filename","emptyIcon","src","alt","emptyHeading","emptyText","emptySubTitle","emptySubText","ctaCards","_b","length","categoryLinks","map","card","href","link","cached_url","url","categoryLink","_c","icon","categoryLinkIcon","categoryLinkLabel","text","_uid","footerBtnLbl","footer","type","dismissButton","onClick"],"mappings":"wMAiCA,MAAMA,EAAc,EAClBC,SACAC,UACAC,sBAEA,MAAOC,EAAUC,GAAeC,GAAS,GAkBzC,OAhBAC,EAAU,KACR,GAAsB,oBAAXC,OACT,OAGF,IAAKA,OAAOC,WAEV,YADAJ,EAAYG,OAAOE,YAAc,KAGnC,MAAMC,EAAKH,OAAOC,WAAW,sBAC7BJ,EAAYM,EAAGC,SACf,MAAMC,EAAWC,GAA2BT,EAAYS,EAAEF,SAE1D,OADAD,EAAGI,iBAAiB,SAAUF,GACvB,IAAMF,EAAGK,oBAAoB,SAAUH,IAC7C,IAGDI,EAAAC,EAAA,CAAAC,SAAA,CACGlB,GACCmB,EAAA,MAAA,CACEC,UAAWC,EAAOC,SAClBC,YAAatB,EAAO,cACR,SAGhBkB,EAAA,MAAA,CAAAD,SACEF,EAACQ,EAAS,CACRC,KAAMzB,EACN0B,UAAWvB,EAAW,SAAW,MACjCwB,OAAQ1B,EACRqB,UAAU,EACVM,QAAQ,EAAK,kBACG,qBAChBR,UAAU,qBACVS,MAAO1B,EAAW,CAAE2B,OAAQ,SAAY,CAAEC,MAAO,OAAQC,SAAU,SAASd,SAAA,CAE9EC,EAACK,EAAUS,OAAM,CAACC,aAAW,EAAAhB,UAC1BhB,aAAO,EAAPA,EAASiC,QACRhB,EAACK,EAAUY,MAAK,CAACC,GAAG,qBAAoBnB,SACtCC,EAAA,MAAA,CAAKC,UAAWC,EAAOiB,YAAWpB,SAChCC,EAAA,OAAA,CAAAD,SAAOhB,EAAQiC,cAMvBhB,EAACK,EAAUe,KAAI,CAAArB,SACbF,EAAA,MAAA,CAAKI,UAAWC,EAAOmB,WAAUtB,SAAA,EACT,QAArBuB,EAAAvC,aAAO,EAAPA,EAASwC,oBAAY,IAAAD,OAAA,EAAAA,EAAEE,WACtBxB,EAAA,MAAA,CAAKC,UAAWC,EAAOuB,UAAS1B,SAC9BC,EAAA,MAAA,CAAK0B,IAAK3C,EAAQwC,aAAaC,SAAUG,IAAI,GAAE,cAAa,YAG/D5C,aAAO,EAAPA,EAAS6C,eACR5B,EAAA,IAAA,CAAGC,UAAWC,EAAO2B,UAAS9B,SAAGhB,EAAQ6C,gBAE1C7C,aAAO,EAAPA,EAAS+C,gBACR9B,EAAA,IAAA,CAAGC,UAAWC,EAAO6B,aAAYhC,SAAGhB,EAAQ+C,iBAE7C/C,aAAO,EAAPA,EAASiD,YAA4B,QAAhBC,EAAAlD,EAAQiD,gBAAQ,IAAAC,OAAA,EAAAA,EAAEC,QAAS,GAC/ClC,EAAA,MAAA,CAAKC,UAAWC,EAAOiC,cAAapC,SACjChB,EAAQiD,SAASI,IAAKC,cAAS,OAC9BxC,EAAA,IAAA,CAEEyC,MAAe,QAAThB,EAAAe,EAAKE,YAAI,IAAAjB,OAAA,EAAAA,EAAEkB,cAAuB,QAATP,EAAAI,EAAKE,YAAI,IAAAN,OAAA,EAAAA,EAAEQ,MAAO,IACjDxC,UAAWC,EAAOwC,aAAY3C,SAAA,EAEpB,QAAT4C,EAAAN,EAAKO,YAAI,IAAAD,OAAA,EAAAA,EAAEnB,WACVxB,UAAMC,UAAWC,EAAO2C,iBAAgB9C,SACtCC,EAAA,MAAA,CAAK0B,IAAKW,EAAKO,KAAKpB,SAAUG,IAAI,GAAE,cAAa,OAAOf,MAAO,GAAID,OAAQ,OAG/EX,EAAA,OAAA,CAAMC,UAAWC,EAAO4C,kBAAiB/C,SAAGsC,EAAKU,SAT5CV,EAAKW,gBAiBtBjE,aAAO,EAAPA,EAASkE,eACTjD,EAAA,MAAA,CAAKC,UAAWC,EAAOgD,OAAMnD,SAC3BC,EAAA,SAAA,CACEmD,KAAK,SACLlD,UAAWC,EAAOkD,cAClBC,QAASvE,EAAOiB,SAEfhB,aAAO,EAAPA,EAASkE"}

package/dist/esm/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss.css

@@ -0,0 +1,180 @@
+/* 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  */
+.cart-overlay-panel.offcanvas {
+  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
+}
+
+.cart-overlay-panel .offcanvas-header {
+  height: 96px;
+  padding: 20px 16px;
+  gap: 24px;
+  align-items: center;
+  background: #ffffff;
+  border-bottom: 1px solid #e6e3df;
+}
+
+.cart-overlay-panel .offcanvas-title {
+  font-size: 24px;
+  font-weight: 700;
+  line-height: 32px;
+  color: #3d3935;
+}
+@media (max-width: 1023px) {
+  .cart-overlay-panel .offcanvas-title {
+    font-size: 20px;
+    line-height: 28px;
+  }
+}
+
+.cart-overlay-panel .btn-close {
+  opacity: 0.7;
+  width: 20px;
+  height: 20px;
+}
+.cart-overlay-panel .btn-close:hover {
+  opacity: 1;
+}
+
+.cart-overlay-panel .offcanvas-body {
+  padding: 0;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+  background: #f7f6f5;
+}
+
+.cart-overlay-panel.offcanvas-bottom {
+  border-radius: 8px 8px 0 0 !important;
+  width: 100% !important;
+  overflow: hidden;
+}
+
+.CartOverlay-module__backdrop___lMc-O {
+  position: fixed;
+  inset: 0;
+  z-index: 1040;
+  background: rgba(0, 0, 0, 0.5);
+  animation: CartOverlay-module__fadeIn___G8JYJ 0.35s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+}
+
+@keyframes CartOverlay-module__fadeIn___G8JYJ {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+.CartOverlay-module__headerTitle___hbL0K {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.CartOverlay-module__emptyState___bXUfs {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  flex: 1;
+  padding: 32px 24px 24px;
+  text-align: center;
+}
+
+.CartOverlay-module__emptyIcon___3FlYf {
+  margin-bottom: 8px;
+}
+
+.CartOverlay-module__emptyText___D4IY3 {
+  font-size: 16px;
+  font-weight: 700;
+  color: #3d3935;
+  margin: 0 0 44px;
+}
+
+.CartOverlay-module__emptySubText___tNFv4 {
+  font-size: 14px;
+  color: #787472;
+  margin: 0 0 8px;
+}
+
+.CartOverlay-module__categoryLinks___JYlL1 {
+  display: flex;
+  gap: 12px;
+  width: 100%;
+  justify-content: center;
+}
+
+.CartOverlay-module__categoryLink___FBePP {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  flex: 1;
+  padding: 12px 8px;
+  background-color: #ffffff;
+  border: none;
+  border-radius: 8px;
+  text-decoration: none;
+  color: #3d3935;
+  font-size: 12px;
+  font-weight: 500;
+  text-align: center;
+  transition: background-color 0.15s ease;
+}
+.CartOverlay-module__categoryLink___FBePP:hover {
+  background-color: #f8f8f8;
+  text-decoration: none;
+  color: #3d3935;
+}
+.CartOverlay-module__categoryLink___FBePP:focus-visible {
+  outline: 2px solid #e6003c;
+  outline-offset: 2px;
+}
+
+.CartOverlay-module__categoryLinkIcon___Pb58O {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.CartOverlay-module__categoryLinkLabel___ewD47 {
+  line-height: 1.3;
+}
+
+.CartOverlay-module__footer___OwJpW {
+  padding: 16px 24px;
+  border-top: 1px solid #d2d2d2;
+  background-color: #ffffff;
+}
+
+.CartOverlay-module__dismissButton___57qsq {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 52px;
+  padding: 14px 24px;
+  gap: 8px;
+  background: none;
+  border: 2px solid #da291c;
+  border-radius: 28px;
+  font-size: 16px;
+  font-weight: 600;
+  color: #da291c;
+  text-align: center;
+  cursor: pointer;
+  transition: background-color 0.15s ease;
+}
+.CartOverlay-module__dismissButton___57qsq:hover {
+  background-color: rgba(218, 41, 28, 0.05);
+}
+.CartOverlay-module__dismissButton___57qsq:focus-visible {
+  outline: 2px solid #da291c;
+  outline-offset: 2px;
+}

package/dist/esm/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss.js

@@ -0,0 +1,3 @@
+import './CartOverlay.module.scss.css';
+var e={backdrop:"CartOverlay-module__backdrop___lMc-O",headerTitle:"CartOverlay-module__headerTitle___hbL0K",emptyState:"CartOverlay-module__emptyState___bXUfs",emptyIcon:"CartOverlay-module__emptyIcon___3FlYf",emptyText:"CartOverlay-module__emptyText___D4IY3",emptySubText:"CartOverlay-module__emptySubText___tNFv4",categoryLinks:"CartOverlay-module__categoryLinks___JYlL1",categoryLink:"CartOverlay-module__categoryLink___FBePP",categoryLinkIcon:"CartOverlay-module__categoryLinkIcon___Pb58O",categoryLinkLabel:"CartOverlay-module__categoryLinkLabel___ewD47",footer:"CartOverlay-module__footer___OwJpW",dismissButton:"CartOverlay-module__dismissButton___57qsq"};export{e as default};
+//# sourceMappingURL=CartOverlay.module.scss.js.map

package/dist/esm/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss.js.map

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

package/dist/esm/components/FalconMainNavigation/FalconHeader/FalconHeader.css

@@ -56,7 +56,7 @@
   float: right;
 }
 .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX a {
-  color: #1f1f1f;
+  color: #3d3935;
   font-weight: 400;
   font-size: 14px;
   line-height: 20px;

package/dist/esm/components/FalconMainNavigation/FalconHeader/FalconHeader.module.scss.css

@@ -56,7 +56,7 @@
   float: right;
 }
 .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX a {
-  color: #1f1f1f;
+  color: #3d3935;
   font-weight: 400;
   font-size: 14px;
   line-height: 20px;

package/dist/esm/components/FalconMainNavigation/FalconHeader/useScrollCheck.js

@@ -1,2 +1,2 @@
-import{useState as e,useRef as r,useEffect as t}from"react";const n=()=>{const[n,o]=e(!1),s=r(0),c=()=>{const e=window.pageYOffset,r=s.current<e;o(r&&!(e<=0)),s.current=e};return t(()=>(window.addEventListener("scroll",c),()=>{window.removeEventListener("scroll",c)}),[]),{isScrollBreak:n}};export{n as default};
+import{useState as r,useRef as e,useEffect as n}from"react";const t=()=>{const[t,o]=r(!1),l=e(0),c=()=>{const r=window.pageYOffset;(null==l?void 0:l.current)<0?o(!1):o((null==l?void 0:l.current)<r),l.current=r};return n(()=>(window.addEventListener("scroll",c),()=>{window.removeEventListener("scroll",c)}),[]),{isScrollBreak:t}};export{t as default};
 //# sourceMappingURL=useScrollCheck.js.map

package/dist/esm/components/FalconMainNavigation/FalconHeader/useScrollCheck.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollCheck.js","sources":["../../../../../../src/components/FalconMainNavigation/FalconHeader/useScrollCheck.ts"],"sourcesContent":[null],"names":["useScrollCheck","isScrollBreak","setIsScrollBreak","useState","prevScrollPos","useRef","handleScroll","position","window","pageYOffset","isScrollingDown","current","useEffect","addEventListener","removeEventListener"],"mappings":"4DAEA,MAAMA,EAAiB,KACrB,MAAOC,EAAeC,GAAoBC,GAAS,GAC7CC,EAAgBC,EAAO,GACvBC,EAAe,KACnB,MAAMC,EAAmBC,OAAOC,YAE1BC,EAAkBN,EAAcO,QAAUJ,EAEhDL,EAAiBQ,KADDH,GAAY,IAE5BH,EAAcO,QAAUJ,GAS1B,OAPAK,EAAU,KAERJ,OAAOK,iBAAiB,SAAUP,GAC3B,KACLE,OAAOM,oBAAoB,SAAUR,KAEtC,IACI,CAAEL"}
+{"version":3,"file":"useScrollCheck.js","sources":["../../../../../../src/components/FalconMainNavigation/FalconHeader/useScrollCheck.ts"],"sourcesContent":[null],"names":["useScrollCheck","isScrollBreak","setIsScrollBreak","useState","prevScrollPos","useRef","handleScroll","position","window","pageYOffset","current","useEffect","addEventListener","removeEventListener"],"mappings":"4DAEA,MAAMA,EAAiB,KACrB,MAAOC,EAAeC,GAAoBC,GAAS,GAC7CC,EAA0CC,EAAO,GACjDC,EAAe,KACnB,MAAMC,EAAmBC,OAAOC,aAC5BL,aAAa,EAAbA,EAAeM,SAAU,EAC3BR,GAAiB,GAEjBA,GAAiBE,aAAa,EAAbA,EAAeM,SAAUH,GAE5CH,EAAcM,QAAUH,GAS1B,OAPAI,EAAU,KAERH,OAAOI,iBAAiB,SAAUN,GAC3B,KACLE,OAAOK,oBAAoB,SAAUP,KAEtC,IACI,CAAEL"}

package/dist/esm/components/FalconMainNavigation/FalconMainNavigation.css

@@ -46,7 +46,7 @@
   padding: 0px;
 }
 .FalconMainNavigation-module__container___85E7S a {
-  color: #1f1f1f;
+  color: #3d3935;
   text-decoration: none;
 }
 .FalconMainNavigation-module__container___85E7S a::before {
@@ -63,7 +63,7 @@
   }
 }
 .FalconMainNavigation-module__container___85E7S .sunrise-bold {
-  color: #1f1f1f;
+  color: #86807c;
 }
 .FalconMainNavigation-module__container___85E7S .sunrise-box-shadow {
   background: #ffffff;
@@ -138,6 +138,34 @@
     margin-top: 10px;
   }
 }
+.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
+  position: relative;
+  display: flex;
+  align-items: center;
+  height: 24px;
+  cursor: pointer;
+  background: none;
+  border: none;
+  outline: none;
+}
+@media (min-width: 1024px) {
+  .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
+    padding: 0 12px;
+    margin-top: 10px;
+    border-left: 1px solid #e6e3df;
+  }
+}
+@media (max-width: 1023px) {
+  .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
+    padding: 0;
+    margin-right: 16px;
+  }
+}
+.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N:focus-visible {
+  outline: 2px solid #e6e3df;
+  outline-offset: 2px;
+  border-radius: 2px;
+}
 .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon___cmCaV {
   cursor: pointer;
   display: block;
@@ -167,7 +195,7 @@
 .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__phone-number___s-w4H {
   font-size: 16px;
   line-height: 24px;
-  color: #1f1f1f;
+  color: #3d3935;
   margin: 10px 16px 0 8px;
   font-weight: 700;
   cursor: pointer;
@@ -240,20 +268,8 @@
   }
 }
 
-.page-top,
-#main {
-  padding-top: var(--main-nav-height, 72px);
-  transition: padding-top 1s ease-out;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .page-top,
-  #main {
-    transition: none;
-  }
-}
 .FalconMainNavigation-module__black-friday___L1K5J .sunrise-box-shadow {
-  background-color: #1f1f1f;
+  background: #1f1f1f;
   box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.35);
 }
 .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__content___A420C,