@sunrise-upc/sales-static-components 3.8.7-beta.2 → 3.8.7-beta.21

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",o="transparent",r="00",c="#da291c",i="clicked",n="after",a="before",f="#ffffff",d="h1",l="h2",m="h3",h="h4",g="extra",b="semiextra",p="none",u=1439,A=1023,P=767,R="stack",U="col-lg-6",x="col-lg-4",D="col-lg-3",E="en",G="sunriseAuth",k=768,T=1024,_=1440,v="img",y="icon",B="svg",F="auth-stamp",I="PreToPost",L="customerGroup",M="dismissedRibbonsByUid",S="ribbonDismissUpdated",X="one-commerce-cartId",j="SMART_UPGRADE",q="FLEX_UPGRADE";export{n as AFTER,G as AUTHCOOKIE,F as AUTHSTAMP,a as BEFORE,X as CART_COOKIE,e as CENTER,D as COLLG3,x as COLLG4,U as COLLG6,f as COLORWHITE,L as CUSTOMER_GROUP_STORAGE_KEY,E as DEFAULTLOCALE,M as DISMISSED_RIBBONS_STORAGE_KEY,g as EXTRA,i as FALCONBUTTONCLICKED,q as FLEX_UPGRADE,d as H1,l as H2,m as H3,h as H4,y as ICON,v as IMG,t as LEFT,_ as LGDESKSTART,u as MDDESKEND,T as MDDESKSTART,P as MOBEND,p as NONE,I as PRE_TO_POST_PROMOTION_ID,c as PRIMARYCOLORS,S as RIBBON_DISMISS_UPDATED_EVENT,s as RIGHT,b as SEMIEXTRA,j as SMART_UPGRADE,R as STACK,B as SVG,A as TABEND,k as TABSTART,o as TRANSPARENT,r as ZEROES};
+const e="center",t="left",s="right",r="transparent",o="00",c="#da291c",n="clicked",i="after",m="before",a="#ffffff",f="h1",h="h2",E="h3",d="h4",g="extra",l="semiextra",R="none",u=1439,A=1023,S=767,p="stack",T="col-lg-6",b="col-lg-4",C="col-lg-3",U="en",D="sunriseAuth",P=768,x=1024,G=1440,_="img",k="icon",B="svg",I="auth-stamp",L="PreToPost",M="customerGroup",O="NEW_CUSTOMER",W="dismissedRibbonsByUid",v="ribbonDismissUpdated",y="customerSegmentRefresh",F="customerSegmentRefreshStamp",H="one-commerce-cartId",N="SMART_UPGRADE",V="FLEX_UPGRADE",X="DEVICE",Y="ACCESSORY",j="WATCH",q="TABLET";export{Y as ACCESSORY,i as AFTER,D as AUTHCOOKIE,I as AUTHSTAMP,m as BEFORE,H as CART_COOKIE,e as CENTER,C as COLLG3,b as COLLG4,T as COLLG6,a as COLORWHITE,O as CUSTOMER_GROUP_NEW_CUSTOMER_VALUE,M as CUSTOMER_GROUP_STORAGE_KEY,y as CUSTOMER_SEGMENT_REFRESH_EVENT,F as CUSTOMER_SEGMENT_REFRESH_STORAGE_KEY,U as DEFAULTLOCALE,X as DEVICE,W as DISMISSED_RIBBONS_STORAGE_KEY,g as EXTRA,n as FALCONBUTTONCLICKED,V as FLEX_UPGRADE,f as H1,h as H2,E as H3,d as H4,k as ICON,_ as IMG,t as LEFT,G as LGDESKSTART,u as MDDESKEND,x as MDDESKSTART,S as MOBEND,R as NONE,L as PRE_TO_POST_PROMOTION_ID,c as PRIMARYCOLORS,v as RIBBON_DISMISS_UPDATED_EVENT,s as RIGHT,l as SEMIEXTRA,N as SMART_UPGRADE,p as STACK,B as SVG,A as TABEND,q as TABLET,P as TABSTART,r as TRANSPARENT,j as WATCH,o 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","DISMISSED_RIBBONS_STORAGE_KEY","RIBBON_DISMISS_UPDATED_EVENT","CART_COOKIE","SMART_UPGRADE","FLEX_UPGRADE"],"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,EAAgC,wBAChCC,EAA+B,uBAC/BC,EAAc,sBACdC,EAAgB,gBAChBC,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","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"],"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,8BACvCC,EAAc,sBACdC,EAAgB,gBAChBC,EAAe,eACfC,EAAS,SACTC,EAAY,YACZC,EAAQ,QACRC,EAAS"}

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

@@ -38,95 +38,170 @@
   display: inline-block;
   vertical-align: middle;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF- {
-  border: none;
+
+.FalconButtonV3-module__secondaryV1___i5p3W {
   background-color: transparent;
   color: #da291c;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF- .FalconButtonV3-module__icon___hYGF4 {
-  background-color: currentColor;
+.FalconButtonV3-module__secondaryV1___i5p3W .FalconButtonV3-module__icon___hYGF4 {
+  background-color: transparent;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF-:hover {
+.FalconButtonV3-module__secondaryV1___i5p3W:hover {
   color: #961c13 !important;
+  background-color: transparent;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF-:active {
+.FalconButtonV3-module__secondaryV1___i5p3W:active {
   color: #c7355f !important;
+  background-color: transparent;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF-:focus {
+.FalconButtonV3-module__secondaryV1___i5p3W:focus {
   color: #da291c !important;
+  background-color: transparent;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF-:disabled {
+.FalconButtonV3-module__secondaryV1___i5p3W:disabled {
   color: #b3aeaa;
+  background-color: transparent;
   cursor: default;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr {
+.FalconButtonV3-module__secondaryV1___i5p3W {
+  border: 2px solid currentColor;
+  padding: 12px 24px;
+}
+
+.FalconButtonV3-module__secondaryV4___fMLrY {
+  border: none;
   background-color: transparent;
   color: #da291c;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr .FalconButtonV3-module__icon___hYGF4 {
-  background-color: currentColor;
+.FalconButtonV3-module__secondaryV4___fMLrY .FalconButtonV3-module__icon___hYGF4 {
+  background-color: transparent;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:hover {
+.FalconButtonV3-module__secondaryV4___fMLrY:hover {
   color: #961c13 !important;
+  background-color: transparent;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:active {
+.FalconButtonV3-module__secondaryV4___fMLrY:active {
   color: #c7355f !important;
+  background-color: transparent;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:focus {
+.FalconButtonV3-module__secondaryV4___fMLrY:focus {
   color: #da291c !important;
+  background-color: transparent;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:disabled {
+.FalconButtonV3-module__secondaryV4___fMLrY:disabled {
   color: #b3aeaa;
+  background-color: transparent;
   cursor: default;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr {
-  border: 2px solid currentColor;
+.FalconButtonV3-module__secondaryV4___fMLrY {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+.FalconButtonV3-module__secondaryDark___F8R7u {
+  background-color: transparent;
+  color: #3d3935;
+  border: 2px solid #3d3935;
   padding: 12px 24px;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-white___u3JB4 {
+.FalconButtonV3-module__secondaryDark___F8R7u:hover, .FalconButtonV3-module__secondaryDark___F8R7u:active, .FalconButtonV3-module__secondaryDark___F8R7u:focus {
+  color: #3d3935 !important;
+  border-color: #3d3935;
+  background-color: transparent;
+}
+
+.FalconButtonV3-module__secondaryV5___GBOpD {
+  background-color: transparent;
+  color: #3d3935;
+  font-weight: 400;
+  padding: 0;
+  text-decoration-line: underline;
+}
+.FalconButtonV3-module__secondaryV5___GBOpD:hover, .FalconButtonV3-module__secondaryV5___GBOpD:active, .FalconButtonV3-module__secondaryV5___GBOpD:focus {
+  color: #3d3935 !important;
+  background-color: transparent;
+}
+
+.FalconButtonV3-module__secondaryWhite___q8QCS {
   background-color: transparent;
   color: #ffffff;
   padding: 12px 24px;
   border: 2px solid #ffffff;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-red___um-4v {
+.FalconButtonV3-module__secondaryWhite___q8QCS:hover, .FalconButtonV3-module__secondaryWhite___q8QCS:active, .FalconButtonV3-module__secondaryWhite___q8QCS:focus {
+  background-color: transparent;
+  color: #ffffff !important;
+  border-color: #ffffff;
+}
+
+.FalconButtonV3-module__secondaryRed___D2Pbg {
   background-color: transparent;
   color: #ffffff;
   padding: 12px 24px;
-  border: 2px solid #DA291C;
+  border: 2px solid #da291c;
+}
+.FalconButtonV3-module__secondaryRed___D2Pbg:hover, .FalconButtonV3-module__secondaryRed___D2Pbg:active, .FalconButtonV3-module__secondaryRed___D2Pbg:focus {
+  background-color: transparent;
+  color: #ffffff !important;
+  border-color: #da291c;
+}
+
+.FalconButtonV3-module__primaryDarkV1___y3XvF {
+  background: #5f5955;
+  padding: 10px 24px;
+  box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
+  border-radius: 28px 0 0 28px;
+}
+.FalconButtonV3-module__primaryDarkV1___y3XvF:hover, .FalconButtonV3-module__primaryDarkV1___y3XvF:active, .FalconButtonV3-module__primaryDarkV1___y3XvF:focus {
+  background: #86807c;
+  box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
+  color: #ffffff !important;
+}
+
+.FalconButtonV3-module__primaryDarkV2___lMkMC {
+  background: #000000;
+  padding: 14px 24px;
+  font-weight: 700;
+  border-radius: 28px;
+  color: #ffffff;
+}
+.FalconButtonV3-module__primaryDarkV2___lMkMC:hover, .FalconButtonV3-module__primaryDarkV2___lMkMC:active, .FalconButtonV3-module__primaryDarkV2___lMkMC:focus {
+  background: #1f1f1f;
+  color: #ffffff !important;
+}
+
+.FalconButtonV3-module__primaryWhiteV1___Zc3ax {
+  background: #ffffff;
+  padding: 14px 24px;
+  font-weight: 700;
+  border-radius: 28px;
+  color: #000000;
+}
+.FalconButtonV3-module__primaryWhiteV1___Zc3ax:hover, .FalconButtonV3-module__primaryWhiteV1___Zc3ax:active, .FalconButtonV3-module__primaryWhiteV1___Zc3ax:focus {
+  background: #eeeeee;
+  color: #000000 !important;
+}
+.FalconButtonV3-module__primaryWhiteV1___Zc3ax:disabled {
+  background-color: #e6e3df;
+  color: #b3aeaa;
+  cursor: default;
 }
 
 @media (max-width: 767px) {
   .FalconButtonV3-module__button___aK4J4 {
     padding: 10px 24px;
   }
-  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr {
-    background-color: transparent;
-    color: #da291c;
-  }
-  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr .FalconButtonV3-module__icon___hYGF4 {
-    background-color: currentColor;
-  }
-  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:hover {
-    color: #961c13 !important;
-  }
-  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:active {
-    color: #c7355f !important;
-  }
-  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:focus {
-    color: #da291c !important;
-  }
-  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:disabled {
-    color: #b3aeaa;
-    cursor: default;
-  }
-  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr {
-    border: 2px solid currentColor;
+  .FalconButtonV3-module__secondaryV1___i5p3W {
     padding: 8px 24px;
   }
-  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-white___u3JB4, .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-red___um-4v {
+  .FalconButtonV3-module__secondaryWhite___q8QCS,
+  .FalconButtonV3-module__secondaryRed___D2Pbg {
     padding: 8px 24px;
   }
+  .FalconButtonV3-module__primaryDarkV2___lMkMC,
+  .FalconButtonV3-module__primaryWhiteV1___Zc3ax {
+    padding: 10px 24px;
+  }
 }
 .FalconButtonV3-module__icon___hYGF4 {
   background-size: contain;

package/dist/esm/components/FalconButtonV3/FalconButtonV3.js

@@ -1,3 +1,3 @@
 import './FalconButtonV3.css';
-import{jsx as r,jsxs as e}from"react/jsx-runtime";import a from"./FalconButtonV3.module.scss.js";const t=r=>{switch(r){case"Primary-V1":return a.button;case"Secondary-V1":return`${a.button} ${a["Secondary-V1"]}`;case"Secondary-V4":return"falcon-secondary-button-v4";case"Secondary-Dark":return"falcon-secondary-button-dark";case"Primary-Dark-V1":return"falcon-primary-dark-button";case"Primary-Dark-V2":return"falcon-primary-dark-v2-button";case"Secondary-V5":return"falcon-secondary-button-v5";case"Secondary-White":return`${a.button} ${a["Secondary-white"]}`;case"Secondary-Red":return`${a.button} ${a["Secondary-red"]}`;case"Primary-White-V1":return"falcon-primary-white-v1-button";default:return""}},n=({href:n,label:o,buttonType:c,isSlim:s,target:i,rel:l,onClick:u,iconFilename:d,iconPosition:m,wrapperClassName:y,buttonClassName:f,iconClassName:b})=>{const $=(c||"").toLowerCase().startsWith("secondary"),h=[t(c||""),s?a.slimButton:"",s&&$?a.slimButtonSecondary:"",f||""].filter(Boolean).join(" "),S=d&&"before"===m,p=d&&"after"===m,V=`${a.icon} ${b||""}`.trim();return r("div",{className:y,children:r("a",{href:n,target:null!=i?i:"",rel:l,onClick:u,children:e("div",{className:h,children:[S&&r("img",{className:`${V} ${a.beforeIcon}`,src:d,alt:""}),o,p&&r("img",{className:`${V} ${a.afterIcon}`,src:d,alt:""})]})})})};export{n as default,t as getFalconButtonClass};
+import{jsx as r,jsxs as e}from"react/jsx-runtime";import t from"./FalconButtonV3.module.scss.js";const a=r=>(r||"").trim().toLowerCase().replace(/[\s_]+/g,"-").replace(/-+/g,"-"),n=r=>{switch(a(r)){case"primary-v1":default:return t.button;case"secondary-v1":return`${t.button} ${t.secondaryV1}`;case"secondary-v4":return`${t.button} ${t.secondaryV4}`;case"secondary-dark":return`${t.button} ${t.secondaryDark}`;case"primary-dark-v1":return`${t.button} ${t.primaryDarkV1}`;case"primary-dark-v2":return`${t.button} ${t.primaryDarkV2}`;case"secondary-v5":return`${t.button} ${t.secondaryV5}`;case"secondary-white":return`${t.button} ${t.secondaryWhite}`;case"secondary-red":return`${t.button} ${t.secondaryRed}`;case"primary-white-v1":return`${t.button} ${t.primaryWhiteV1}`}},s=({href:s,label:o,buttonType:c,isSlim:i,target:d,rel:l,onClick:u,iconFilename:m,iconPosition:y,wrapperClassName:$,buttonClassName:h,iconClassName:b})=>{const p=a(c||"").startsWith("secondary"),f=[n(c||""),i?t.slimButton:"",i&&p?t.slimButtonSecondary:"",h||""].filter(Boolean).join(" "),g=m&&"before"===y,v=m&&"after"===y,k=`${t.icon} ${b||""}`.trim();return r("div",{className:$,children:r("a",{href:s,target:null!=d?d:"",rel:l,onClick:u,children:e("div",{className:f,children:[g&&r("img",{className:`${k} ${t.beforeIcon}`,src:m,alt:"",width:19,height:19,decoding:"async"}),o,v&&r("img",{className:`${k} ${t.afterIcon}`,src:m,alt:"",width:19,height:19,decoding:"async"})]})})})};export{s as default,n as getFalconButtonClass};
 //# sourceMappingURL=FalconButtonV3.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FalconButtonV3.js","sources":["../../../../../src/components/FalconButtonV3/FalconButtonV3.tsx"],"sourcesContent":[null],"names":["getFalconButtonClass","type","Styles","button","FalconButtonV3","href","label","buttonType","isSlim","target","rel","onClick","iconFilename","iconPosition","wrapperClassName","buttonClassName","iconClassName","isSecondaryButton","toLowerCase","startsWith","buttonClass","slimButton","slimButtonSecondary","filter","Boolean","join","shouldShowBeforeIcon","shouldShowAfterIcon","iconBaseClass","icon","trim","_jsx","className","children","_jsxs","beforeIcon","src","alt","afterIcon"],"mappings":"iGAGO,MAAMA,EAAwBC,IACnC,OAAQA,GACN,IAAK,aACH,OAAOC,EAAOC,OAEhB,IAAK,eACH,MAAO,GAAGD,EAAOC,UAAUD,EAAO,kBAEpC,IAAK,eACH,MAAO,6BAET,IAAK,iBACH,MAAO,+BAET,IAAK,kBACH,MAAO,6BAET,IAAK,kBACH,MAAO,gCAET,IAAK,eACH,MAAO,6BAET,IAAK,kBACH,MAAO,GAAGA,EAAOC,UAAUD,EAAO,qBAEpC,IAAK,gBACH,MAAO,GAAGA,EAAOC,UAAUD,EAAO,mBAEpC,IAAK,mBACH,MAAO,iCAET,QACE,MAAO,KAmBPE,EAAiB,EACrBC,OACAC,QACAC,aACAC,SACAC,SACAC,MACAC,UACAC,eACAC,eACAC,mBACAC,kBACAC,oBAEA,MAAMC,GAAqBV,GAAc,IAAIW,cAAcC,WAAW,aAChEC,EAAc,CAClBpB,EAAqBO,GAAc,IACnCC,EAASN,EAAOmB,WAAa,GAC7Bb,GAAUS,EAAoBf,EAAOoB,oBAAsB,GAC3DP,GAAmB,IAElBQ,OAAOC,SACPC,KAAK,KACFC,EAAuBd,GAAiC,WAAjBC,EACvCc,EAAsBf,GAAiC,UAAjBC,EACtCe,EAAgB,GAAG1B,EAAO2B,QAAQb,GAAiB,KAAKc,OAE9D,OACEC,EAAA,MAAA,CAAKC,UAAWlB,EAAgBmB,SAC9BF,OAAG1B,KAAMA,EAAMI,OAAQA,QAAAA,EAAU,GAAIC,IAAKA,EAAKC,QAASA,WACtDuB,EAAA,MAAA,CAAKF,UAAWZ,EAAWa,SAAA,CACxBP,GACCK,SAAKC,UAAW,GAAGJ,KAAiB1B,EAAOiC,aAAcC,IAAKxB,EAAcyB,IAAI,KAEjF/B,EACAqB,GACCI,SAAKC,UAAW,GAAGJ,KAAiB1B,EAAOoC,YAAaF,IAAKxB,EAAcyB,IAAI"}
+{"version":3,"file":"FalconButtonV3.js","sources":["../../../../../src/components/FalconButtonV3/FalconButtonV3.tsx"],"sourcesContent":[null],"names":["normalizeButtonType","type","trim","toLowerCase","replace","getFalconButtonClass","Styles","button","secondaryV1","secondaryV4","secondaryDark","primaryDarkV1","primaryDarkV2","secondaryV5","secondaryWhite","secondaryRed","primaryWhiteV1","FalconButtonV3","href","label","buttonType","isSlim","target","rel","onClick","iconFilename","iconPosition","wrapperClassName","buttonClassName","iconClassName","isSecondaryButton","startsWith","buttonClass","slimButton","slimButtonSecondary","filter","Boolean","join","shouldShowBeforeIcon","shouldShowAfterIcon","iconBaseClass","icon","_jsx","className","children","_jsxs","beforeIcon","src","alt","width","height","decoding","afterIcon"],"mappings":"iGAGA,MAAMA,EAAuBC,IAC1BA,GAAQ,IACNC,OACAC,cACAC,QAAQ,UAAW,KACnBA,QAAQ,MAAO,KAEPC,EAAwBJ,IACnC,OAAQD,EAAoBC,IAC1B,IAAK,aA8BL,QACE,OAAOK,EAAOC,OA5BhB,IAAK,eACH,MAAO,GAAGD,EAAOC,UAAUD,EAAOE,cAEpC,IAAK,eACH,MAAO,GAAGF,EAAOC,UAAUD,EAAOG,cAEpC,IAAK,iBACH,MAAO,GAAGH,EAAOC,UAAUD,EAAOI,gBAEpC,IAAK,kBACH,MAAO,GAAGJ,EAAOC,UAAUD,EAAOK,gBAEpC,IAAK,kBACH,MAAO,GAAGL,EAAOC,UAAUD,EAAOM,gBAEpC,IAAK,eACH,MAAO,GAAGN,EAAOC,UAAUD,EAAOO,cAEpC,IAAK,kBACH,MAAO,GAAGP,EAAOC,UAAUD,EAAOQ,iBAEpC,IAAK,gBACH,MAAO,GAAGR,EAAOC,UAAUD,EAAOS,eAEpC,IAAK,mBACH,MAAO,GAAGT,EAAOC,UAAUD,EAAOU,mBAsBlCC,EAAiB,EACrBC,OACAC,QACAC,aACAC,SACAC,SACAC,MACAC,UACAC,eACAC,eACAC,mBACAC,kBACAC,oBAEA,MAAMC,EAAoB9B,EAAoBoB,GAAc,IAAIW,WAAW,aACrEC,EAAc,CAClB3B,EAAqBe,GAAc,IACnCC,EAASf,EAAO2B,WAAa,GAC7BZ,GAAUS,EAAoBxB,EAAO4B,oBAAsB,GAC3DN,GAAmB,IAElBO,OAAOC,SACPC,KAAK,KACFC,EAAuBb,GAAiC,WAAjBC,EACvCa,EAAsBd,GAAiC,UAAjBC,EACtCc,EAAgB,GAAGlC,EAAOmC,QAAQZ,GAAiB,KAAK3B,OAE9D,OACEwC,EAAA,MAAA,CAAKC,UAAWhB,WACde,EAAA,IAAA,CAAGxB,KAAMA,EAAMI,OAAQA,QAAAA,EAAU,GAAIC,IAAKA,EAAKC,QAASA,EAAOoB,SAC7DC,EAAA,MAAA,CAAKF,UAAWX,YACbM,GACCI,EAAA,MAAA,CACEC,UAAW,GAAGH,KAAiBlC,EAAOwC,aACtCC,IAAKtB,EACLuB,IAAI,GACJC,MAAO,GACPC,OAAQ,GACRC,SAAS,UAGZhC,EACAoB,GACCG,EAAA,MAAA,CACEC,UAAW,GAAGH,KAAiBlC,EAAO8C,YACtCL,IAAKtB,EACLuB,IAAI,GACJC,MAAO,GACPC,OAAQ,GACRC,SAAS"}

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

@@ -38,95 +38,170 @@
   display: inline-block;
   vertical-align: middle;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF- {
-  border: none;
+
+.FalconButtonV3-module__secondaryV1___i5p3W {
   background-color: transparent;
   color: #da291c;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF- .FalconButtonV3-module__icon___hYGF4 {
-  background-color: currentColor;
+.FalconButtonV3-module__secondaryV1___i5p3W .FalconButtonV3-module__icon___hYGF4 {
+  background-color: transparent;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF-:hover {
+.FalconButtonV3-module__secondaryV1___i5p3W:hover {
   color: #961c13 !important;
+  background-color: transparent;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF-:active {
+.FalconButtonV3-module__secondaryV1___i5p3W:active {
   color: #c7355f !important;
+  background-color: transparent;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF-:focus {
+.FalconButtonV3-module__secondaryV1___i5p3W:focus {
   color: #da291c !important;
+  background-color: transparent;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF-:disabled {
+.FalconButtonV3-module__secondaryV1___i5p3W:disabled {
   color: #b3aeaa;
+  background-color: transparent;
   cursor: default;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr {
+.FalconButtonV3-module__secondaryV1___i5p3W {
+  border: 2px solid currentColor;
+  padding: 12px 24px;
+}
+
+.FalconButtonV3-module__secondaryV4___fMLrY {
+  border: none;
   background-color: transparent;
   color: #da291c;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr .FalconButtonV3-module__icon___hYGF4 {
-  background-color: currentColor;
+.FalconButtonV3-module__secondaryV4___fMLrY .FalconButtonV3-module__icon___hYGF4 {
+  background-color: transparent;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:hover {
+.FalconButtonV3-module__secondaryV4___fMLrY:hover {
   color: #961c13 !important;
+  background-color: transparent;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:active {
+.FalconButtonV3-module__secondaryV4___fMLrY:active {
   color: #c7355f !important;
+  background-color: transparent;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:focus {
+.FalconButtonV3-module__secondaryV4___fMLrY:focus {
   color: #da291c !important;
+  background-color: transparent;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:disabled {
+.FalconButtonV3-module__secondaryV4___fMLrY:disabled {
   color: #b3aeaa;
+  background-color: transparent;
   cursor: default;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr {
-  border: 2px solid currentColor;
+.FalconButtonV3-module__secondaryV4___fMLrY {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+.FalconButtonV3-module__secondaryDark___F8R7u {
+  background-color: transparent;
+  color: #3d3935;
+  border: 2px solid #3d3935;
   padding: 12px 24px;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-white___u3JB4 {
+.FalconButtonV3-module__secondaryDark___F8R7u:hover, .FalconButtonV3-module__secondaryDark___F8R7u:active, .FalconButtonV3-module__secondaryDark___F8R7u:focus {
+  color: #3d3935 !important;
+  border-color: #3d3935;
+  background-color: transparent;
+}
+
+.FalconButtonV3-module__secondaryV5___GBOpD {
+  background-color: transparent;
+  color: #3d3935;
+  font-weight: 400;
+  padding: 0;
+  text-decoration-line: underline;
+}
+.FalconButtonV3-module__secondaryV5___GBOpD:hover, .FalconButtonV3-module__secondaryV5___GBOpD:active, .FalconButtonV3-module__secondaryV5___GBOpD:focus {
+  color: #3d3935 !important;
+  background-color: transparent;
+}
+
+.FalconButtonV3-module__secondaryWhite___q8QCS {
   background-color: transparent;
   color: #ffffff;
   padding: 12px 24px;
   border: 2px solid #ffffff;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-red___um-4v {
+.FalconButtonV3-module__secondaryWhite___q8QCS:hover, .FalconButtonV3-module__secondaryWhite___q8QCS:active, .FalconButtonV3-module__secondaryWhite___q8QCS:focus {
+  background-color: transparent;
+  color: #ffffff !important;
+  border-color: #ffffff;
+}
+
+.FalconButtonV3-module__secondaryRed___D2Pbg {
   background-color: transparent;
   color: #ffffff;
   padding: 12px 24px;
-  border: 2px solid #DA291C;
+  border: 2px solid #da291c;
+}
+.FalconButtonV3-module__secondaryRed___D2Pbg:hover, .FalconButtonV3-module__secondaryRed___D2Pbg:active, .FalconButtonV3-module__secondaryRed___D2Pbg:focus {
+  background-color: transparent;
+  color: #ffffff !important;
+  border-color: #da291c;
+}
+
+.FalconButtonV3-module__primaryDarkV1___y3XvF {
+  background: #5f5955;
+  padding: 10px 24px;
+  box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
+  border-radius: 28px 0 0 28px;
+}
+.FalconButtonV3-module__primaryDarkV1___y3XvF:hover, .FalconButtonV3-module__primaryDarkV1___y3XvF:active, .FalconButtonV3-module__primaryDarkV1___y3XvF:focus {
+  background: #86807c;
+  box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
+  color: #ffffff !important;
+}
+
+.FalconButtonV3-module__primaryDarkV2___lMkMC {
+  background: #000000;
+  padding: 14px 24px;
+  font-weight: 700;
+  border-radius: 28px;
+  color: #ffffff;
+}
+.FalconButtonV3-module__primaryDarkV2___lMkMC:hover, .FalconButtonV3-module__primaryDarkV2___lMkMC:active, .FalconButtonV3-module__primaryDarkV2___lMkMC:focus {
+  background: #1f1f1f;
+  color: #ffffff !important;
+}
+
+.FalconButtonV3-module__primaryWhiteV1___Zc3ax {
+  background: #ffffff;
+  padding: 14px 24px;
+  font-weight: 700;
+  border-radius: 28px;
+  color: #000000;
+}
+.FalconButtonV3-module__primaryWhiteV1___Zc3ax:hover, .FalconButtonV3-module__primaryWhiteV1___Zc3ax:active, .FalconButtonV3-module__primaryWhiteV1___Zc3ax:focus {
+  background: #eeeeee;
+  color: #000000 !important;
+}
+.FalconButtonV3-module__primaryWhiteV1___Zc3ax:disabled {
+  background-color: #e6e3df;
+  color: #b3aeaa;
+  cursor: default;
 }
 
 @media (max-width: 767px) {
   .FalconButtonV3-module__button___aK4J4 {
     padding: 10px 24px;
   }
-  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr {
-    background-color: transparent;
-    color: #da291c;
-  }
-  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr .FalconButtonV3-module__icon___hYGF4 {
-    background-color: currentColor;
-  }
-  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:hover {
-    color: #961c13 !important;
-  }
-  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:active {
-    color: #c7355f !important;
-  }
-  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:focus {
-    color: #da291c !important;
-  }
-  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:disabled {
-    color: #b3aeaa;
-    cursor: default;
-  }
-  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr {
-    border: 2px solid currentColor;
+  .FalconButtonV3-module__secondaryV1___i5p3W {
     padding: 8px 24px;
   }
-  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-white___u3JB4, .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-red___um-4v {
+  .FalconButtonV3-module__secondaryWhite___q8QCS,
+  .FalconButtonV3-module__secondaryRed___D2Pbg {
     padding: 8px 24px;
   }
+  .FalconButtonV3-module__primaryDarkV2___lMkMC,
+  .FalconButtonV3-module__primaryWhiteV1___Zc3ax {
+    padding: 10px 24px;
+  }
 }
 .FalconButtonV3-module__icon___hYGF4 {
   background-size: contain;