@sunrise-upc/sales-static-components 3.8.7-beta.17 → 3.8.7-beta.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/cjs/components/FalconButtonV3/FalconButtonV3.css +18 -0
  2. package/dist/cjs/components/FalconButtonV3/FalconButtonV3.js +1 -1
  3. package/dist/cjs/components/FalconButtonV3/FalconButtonV3.js.map +1 -1
  4. package/dist/cjs/components/FalconButtonV3/FalconButtonV3.module.scss.css +18 -0
  5. package/dist/esm/components/FalconButtonV3/FalconButtonV3.css +18 -0
  6. package/dist/esm/components/FalconButtonV3/FalconButtonV3.js +1 -1
  7. package/dist/esm/components/FalconButtonV3/FalconButtonV3.js.map +1 -1
  8. package/dist/esm/components/FalconButtonV3/FalconButtonV3.module.scss.css +18 -0
  9. package/dist/navigation.css +308 -308
  10. package/package.json +1 -1
package/dist/cjs/components/FalconButtonV3/FalconButtonV3.css CHANGED
@@ -48,15 +48,19 @@
48
48
  }
49
49
  .FalconButtonV3-module__secondaryV1___i5p3W:hover {
50
50
  color: #961c13 !important;
51
+ background-color: transparent;
51
52
  }
52
53
  .FalconButtonV3-module__secondaryV1___i5p3W:active {
53
54
  color: #c7355f !important;
55
+ background-color: transparent;
54
56
  }
55
57
  .FalconButtonV3-module__secondaryV1___i5p3W:focus {
56
58
  color: #da291c !important;
59
+ background-color: transparent;
57
60
  }
58
61
  .FalconButtonV3-module__secondaryV1___i5p3W:disabled {
59
62
  color: #b3aeaa;
63
+ background-color: transparent;
60
64
  cursor: default;
61
65
  }
62
66
  .FalconButtonV3-module__secondaryV1___i5p3W {
@@ -74,15 +78,19 @@
74
78
  }
75
79
  .FalconButtonV3-module__secondaryV4___fMLrY:hover {
76
80
  color: #961c13 !important;
81
+ background-color: transparent;
77
82
  }
78
83
  .FalconButtonV3-module__secondaryV4___fMLrY:active {
79
84
  color: #c7355f !important;
85
+ background-color: transparent;
80
86
  }
81
87
  .FalconButtonV3-module__secondaryV4___fMLrY:focus {
82
88
  color: #da291c !important;
89
+ background-color: transparent;
83
90
  }
84
91
  .FalconButtonV3-module__secondaryV4___fMLrY:disabled {
85
92
  color: #b3aeaa;
93
+ background-color: transparent;
86
94
  cursor: default;
87
95
  }
88
96
  .FalconButtonV3-module__secondaryV4___fMLrY {
@@ -120,6 +128,11 @@
120
128
  padding: 12px 24px;
121
129
  border: 2px solid #ffffff;
122
130
  }
131
+ .FalconButtonV3-module__secondaryWhite___q8QCS:hover, .FalconButtonV3-module__secondaryWhite___q8QCS:active, .FalconButtonV3-module__secondaryWhite___q8QCS:focus {
132
+ background-color: transparent;
133
+ color: #ffffff !important;
134
+ border-color: #ffffff;
135
+ }
123
136
 
124
137
  .FalconButtonV3-module__secondaryRed___D2Pbg {
125
138
  background-color: transparent;
@@ -127,6 +140,11 @@
127
140
  padding: 12px 24px;
128
141
  border: 2px solid #da291c;
129
142
  }
143
+ .FalconButtonV3-module__secondaryRed___D2Pbg:hover, .FalconButtonV3-module__secondaryRed___D2Pbg:active, .FalconButtonV3-module__secondaryRed___D2Pbg:focus {
144
+ background-color: transparent;
145
+ color: #ffffff !important;
146
+ border-color: #da291c;
147
+ }
130
148
 
131
149
  .FalconButtonV3-module__primaryDarkV1___y3XvF {
132
150
  background: #5f5955;
package/dist/cjs/components/FalconButtonV3/FalconButtonV3.js CHANGED
@@ -1,3 +1,3 @@
1
1
  require('./FalconButtonV3.css');
2
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("./FalconButtonV3.module.scss.js");const a=e=>{switch(e){case"Primary-V1":return t.default.button;case"Secondary-V1":return`${t.default.button} ${t.default.secondaryV1}`;case"Secondary-V4":return`${t.default.button} ${t.default.secondaryV4}`;case"Secondary-Dark":return`${t.default.button} ${t.default.secondaryDark}`;case"Primary-Dark-V1":return`${t.default.button} ${t.default.primaryDarkV1}`;case"Primary-Dark-V2":return`${t.default.button} ${t.default.primaryDarkV2}`;case"Secondary-V5":return`${t.default.button} ${t.default.secondaryV5}`;case"Secondary-White":return`${t.default.button} ${t.default.secondaryWhite}`;case"Secondary-Red":return`${t.default.button} ${t.default.secondaryRed}`;case"Primary-White-V1":return`${t.default.button} ${t.default.primaryWhiteV1}`;default:return""}};exports.default=({href:r,label:n,buttonType:s,isSlim:u,target:o,rel:l,onClick:d,iconFilename:c,iconPosition:i,wrapperClassName:f,buttonClassName:y,iconClassName:$})=>{const m=(s||"").toLowerCase().startsWith("secondary"),h=[a(s||""),u?t.default.slimButton:"",u&&m?t.default.slimButtonSecondary:"",y||""].filter(Boolean).join(" "),b=c&&"before"===i,V=c&&"after"===i,p=`${t.default.icon} ${$||""}`.trim();return e.jsx("div",{className:f,children:e.jsx("a",{href:r,target:null!=o?o:"",rel:l,onClick:d,children:e.jsxs("div",{className:h,children:[b&&e.jsx("img",{className:`${p} ${t.default.beforeIcon}`,src:c,alt:"",width:19,height:19,decoding:"async"}),n,V&&e.jsx("img",{className:`${p} ${t.default.afterIcon}`,src:c,alt:"",width:19,height:19,decoding:"async"})]})})})},exports.getFalconButtonClass=a;
2
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("./FalconButtonV3.module.scss.js");const a=e=>(e||"").trim().toLowerCase().replace(/[\s_]+/g,"-").replace(/-+/g,"-"),r=e=>{switch(a(e)){case"primary-v1":default:return t.default.button;case"secondary-v1":return`${t.default.button} ${t.default.secondaryV1}`;case"secondary-v4":return`${t.default.button} ${t.default.secondaryV4}`;case"secondary-dark":return`${t.default.button} ${t.default.secondaryDark}`;case"primary-dark-v1":return`${t.default.button} ${t.default.primaryDarkV1}`;case"primary-dark-v2":return`${t.default.button} ${t.default.primaryDarkV2}`;case"secondary-v5":return`${t.default.button} ${t.default.secondaryV5}`;case"secondary-white":return`${t.default.button} ${t.default.secondaryWhite}`;case"secondary-red":return`${t.default.button} ${t.default.secondaryRed}`;case"primary-white-v1":return`${t.default.button} ${t.default.primaryWhiteV1}`}};exports.default=({href:s,label:n,buttonType:u,isSlim:l,target:d,rel:o,onClick:c,iconFilename:i,iconPosition:f,wrapperClassName:y,buttonClassName:m,iconClassName:$})=>{const h=a(u||"").startsWith("secondary"),b=[r(u||""),l?t.default.slimButton:"",l&&h?t.default.slimButtonSecondary:"",m||""].filter(Boolean).join(" "),p=i&&"before"===f,g=i&&"after"===f,v=`${t.default.icon} ${$||""}`.trim();return e.jsx("div",{className:y,children:e.jsx("a",{href:s,target:null!=d?d:"",rel:o,onClick:c,children:e.jsxs("div",{className:b,children:[p&&e.jsx("img",{className:`${v} ${t.default.beforeIcon}`,src:i,alt:"",width:19,height:19,decoding:"async"}),n,g&&e.jsx("img",{className:`${v} ${t.default.afterIcon}`,src:i,alt:"",width:19,height:19,decoding:"async"})]})})})},exports.getFalconButtonClass=r;
3
3
  //# sourceMappingURL=FalconButtonV3.js.map
package/dist/cjs/components/FalconButtonV3/FalconButtonV3.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FalconButtonV3.js","sources":["../../../../../src/components/FalconButtonV3/FalconButtonV3.tsx"],"sourcesContent":[null],"names":["getFalconButtonClass","type","Styles","button","secondaryV1","secondaryV4","secondaryDark","primaryDarkV1","primaryDarkV2","secondaryV5","secondaryWhite","secondaryRed","primaryWhiteV1","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","width","height","decoding","afterIcon"],"mappings":"oJAGO,MAAMA,EAAwBC,IACnC,OAAQA,GACN,IAAK,aACH,OAAOC,EAAAA,QAAOC,OAEhB,IAAK,eACH,MAAO,GAAGD,EAAAA,QAAOC,UAAUD,EAAAA,QAAOE,cAEpC,IAAK,eACH,MAAO,GAAGF,EAAAA,QAAOC,UAAUD,EAAAA,QAAOG,cAEpC,IAAK,iBACH,MAAO,GAAGH,EAAAA,QAAOC,UAAUD,EAAAA,QAAOI,gBAEpC,IAAK,kBACH,MAAO,GAAGJ,EAAAA,QAAOC,UAAUD,EAAAA,QAAOK,gBAEpC,IAAK,kBACH,MAAO,GAAGL,EAAAA,QAAOC,UAAUD,EAAAA,QAAOM,gBAEpC,IAAK,eACH,MAAO,GAAGN,EAAAA,QAAOC,UAAUD,EAAAA,QAAOO,cAEpC,IAAK,kBACH,MAAO,GAAGP,EAAAA,QAAOC,UAAUD,EAAAA,QAAOQ,iBAEpC,IAAK,gBACH,MAAO,GAAGR,EAAAA,QAAOC,UAAUD,EAAAA,QAAOS,eAEpC,IAAK,mBACH,MAAO,GAAGT,EAAAA,QAAOC,UAAUD,EAAAA,QAAOU,iBAEpC,QACE,MAAO,qBAmBU,EACrBC,OACAC,QACAC,aACAC,SACAC,SACAC,MACAC,UACAC,eACAC,eACAC,mBACAC,kBACAC,oBAEA,MAAMC,GAAqBV,GAAc,IAAIW,cAAcC,WAAW,aAChEC,EAAc,CAClB5B,EAAqBe,GAAc,IACnCC,EAASd,EAAAA,QAAO2B,WAAa,GAC7Bb,GAAUS,EAAoBvB,UAAO4B,oBAAsB,GAC3DP,GAAmB,IAElBQ,OAAOC,SACPC,KAAK,KACFC,EAAuBd,GAAiC,WAAjBC,EACvCc,EAAsBf,GAAiC,UAAjBC,EACtCe,EAAgB,GAAGlC,EAAAA,QAAOmC,QAAQb,GAAiB,KAAKc,OAE9D,OACEC,EAAAA,IAAA,MAAA,CAAKC,UAAWlB,WACdiB,EAAAA,IAAA,IAAA,CAAG1B,KAAMA,EAAMI,OAAQA,QAAAA,EAAU,GAAIC,IAAKA,EAAKC,QAASA,EAAOsB,SAC7DC,EAAAA,KAAA,MAAA,CAAKF,UAAWZ,YACbM,GACCK,EAAAA,IAAA,MAAA,CACEC,UAAW,GAAGJ,KAAiBlC,EAAAA,QAAOyC,aACtCC,IAAKxB,EACLyB,IAAI,GACJC,MAAO,GACPC,OAAQ,GACRC,SAAS,UAGZlC,EACAqB,GACCI,EAAAA,IAAA,MAAA,CACEC,UAAW,GAAGJ,KAAiBlC,EAAAA,QAAO+C,YACtCL,IAAKxB,EACLyB,IAAI,GACJC,MAAO,GACPC,OAAQ,GACRC,SAAS"}
1
+ {"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","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":"oJAGA,MAAMA,EAAuBC,IAC1BA,GAAQ,IACNC,OACAC,cACAC,QAAQ,UAAW,KACnBA,QAAQ,MAAO,KAEPC,EAAwBJ,IACnC,OAAQD,EAAoBC,IAC1B,IAAK,aA8BL,QACE,OAAOK,EAAAA,QAAOC,OA5BhB,IAAK,eACH,MAAO,GAAGD,EAAAA,QAAOC,UAAUD,EAAAA,QAAOE,cAEpC,IAAK,eACH,MAAO,GAAGF,EAAAA,QAAOC,UAAUD,EAAAA,QAAOG,cAEpC,IAAK,iBACH,MAAO,GAAGH,EAAAA,QAAOC,UAAUD,EAAAA,QAAOI,gBAEpC,IAAK,kBACH,MAAO,GAAGJ,EAAAA,QAAOC,UAAUD,EAAAA,QAAOK,gBAEpC,IAAK,kBACH,MAAO,GAAGL,EAAAA,QAAOC,UAAUD,EAAAA,QAAOM,gBAEpC,IAAK,eACH,MAAO,GAAGN,EAAAA,QAAOC,UAAUD,EAAAA,QAAOO,cAEpC,IAAK,kBACH,MAAO,GAAGP,EAAAA,QAAOC,UAAUD,EAAAA,QAAOQ,iBAEpC,IAAK,gBACH,MAAO,GAAGR,EAAAA,QAAOC,UAAUD,EAAAA,QAAOS,eAEpC,IAAK,mBACH,MAAO,GAAGT,EAAAA,QAAOC,UAAUD,EAAAA,QAAOU,mCAsBjB,EACrBC,OACAC,QACAC,aACAC,SACAC,SACAC,MACAC,UACAC,eACAC,eACAC,mBACAC,kBACAC,oBAEA,MAAMC,EAAoB7B,EAAoBmB,GAAc,IAAIW,WAAW,aACrEC,EAAc,CAClB1B,EAAqBc,GAAc,IACnCC,EAASd,EAAAA,QAAO0B,WAAa,GAC7BZ,GAAUS,EAAoBvB,UAAO2B,oBAAsB,GAC3DN,GAAmB,IAElBO,OAAOC,SACPC,KAAK,KACFC,EAAuBb,GAAiC,WAAjBC,EACvCa,EAAsBd,GAAiC,UAAjBC,EACtCc,EAAgB,GAAGjC,EAAAA,QAAOkC,QAAQZ,GAAiB,KAAK1B,OAE9D,OACEuC,EAAAA,IAAA,MAAA,CAAKC,UAAWhB,WACde,EAAAA,IAAA,IAAA,CAAGxB,KAAMA,EAAMI,OAAQA,QAAAA,EAAU,GAAIC,IAAKA,EAAKC,QAASA,EAAOoB,SAC7DC,EAAAA,KAAA,MAAA,CAAKF,UAAWX,YACbM,GACCI,EAAAA,IAAA,MAAA,CACEC,UAAW,GAAGH,KAAiBjC,EAAAA,QAAOuC,aACtCC,IAAKtB,EACLuB,IAAI,GACJC,MAAO,GACPC,OAAQ,GACRC,SAAS,UAGZhC,EACAoB,GACCG,EAAAA,IAAA,MAAA,CACEC,UAAW,GAAGH,KAAiBjC,EAAAA,QAAO6C,YACtCL,IAAKtB,EACLuB,IAAI,GACJC,MAAO,GACPC,OAAQ,GACRC,SAAS"}
package/dist/cjs/components/FalconButtonV3/FalconButtonV3.module.scss.css CHANGED
@@ -48,15 +48,19 @@
48
48
  }
49
49
  .FalconButtonV3-module__secondaryV1___i5p3W:hover {
50
50
  color: #961c13 !important;
51
+ background-color: transparent;
51
52
  }
52
53
  .FalconButtonV3-module__secondaryV1___i5p3W:active {
53
54
  color: #c7355f !important;
55
+ background-color: transparent;
54
56
  }
55
57
  .FalconButtonV3-module__secondaryV1___i5p3W:focus {
56
58
  color: #da291c !important;
59
+ background-color: transparent;
57
60
  }
58
61
  .FalconButtonV3-module__secondaryV1___i5p3W:disabled {
59
62
  color: #b3aeaa;
63
+ background-color: transparent;
60
64
  cursor: default;
61
65
  }
62
66
  .FalconButtonV3-module__secondaryV1___i5p3W {
@@ -74,15 +78,19 @@
74
78
  }
75
79
  .FalconButtonV3-module__secondaryV4___fMLrY:hover {
76
80
  color: #961c13 !important;
81
+ background-color: transparent;
77
82
  }
78
83
  .FalconButtonV3-module__secondaryV4___fMLrY:active {
79
84
  color: #c7355f !important;
85
+ background-color: transparent;
80
86
  }
81
87
  .FalconButtonV3-module__secondaryV4___fMLrY:focus {
82
88
  color: #da291c !important;
89
+ background-color: transparent;
83
90
  }
84
91
  .FalconButtonV3-module__secondaryV4___fMLrY:disabled {
85
92
  color: #b3aeaa;
93
+ background-color: transparent;
86
94
  cursor: default;
87
95
  }
88
96
  .FalconButtonV3-module__secondaryV4___fMLrY {
@@ -120,6 +128,11 @@
120
128
  padding: 12px 24px;
121
129
  border: 2px solid #ffffff;
122
130
  }
131
+ .FalconButtonV3-module__secondaryWhite___q8QCS:hover, .FalconButtonV3-module__secondaryWhite___q8QCS:active, .FalconButtonV3-module__secondaryWhite___q8QCS:focus {
132
+ background-color: transparent;
133
+ color: #ffffff !important;
134
+ border-color: #ffffff;
135
+ }
123
136
 
124
137
  .FalconButtonV3-module__secondaryRed___D2Pbg {
125
138
  background-color: transparent;
@@ -127,6 +140,11 @@
127
140
  padding: 12px 24px;
128
141
  border: 2px solid #da291c;
129
142
  }
143
+ .FalconButtonV3-module__secondaryRed___D2Pbg:hover, .FalconButtonV3-module__secondaryRed___D2Pbg:active, .FalconButtonV3-module__secondaryRed___D2Pbg:focus {
144
+ background-color: transparent;
145
+ color: #ffffff !important;
146
+ border-color: #da291c;
147
+ }
130
148
 
131
149
  .FalconButtonV3-module__primaryDarkV1___y3XvF {
132
150
  background: #5f5955;
package/dist/esm/components/FalconButtonV3/FalconButtonV3.css CHANGED
@@ -48,15 +48,19 @@
48
48
  }
49
49
  .FalconButtonV3-module__secondaryV1___i5p3W:hover {
50
50
  color: #961c13 !important;
51
+ background-color: transparent;
51
52
  }
52
53
  .FalconButtonV3-module__secondaryV1___i5p3W:active {
53
54
  color: #c7355f !important;
55
+ background-color: transparent;
54
56
  }
55
57
  .FalconButtonV3-module__secondaryV1___i5p3W:focus {
56
58
  color: #da291c !important;
59
+ background-color: transparent;
57
60
  }
58
61
  .FalconButtonV3-module__secondaryV1___i5p3W:disabled {
59
62
  color: #b3aeaa;
63
+ background-color: transparent;
60
64
  cursor: default;
61
65
  }
62
66
  .FalconButtonV3-module__secondaryV1___i5p3W {
@@ -74,15 +78,19 @@
74
78
  }
75
79
  .FalconButtonV3-module__secondaryV4___fMLrY:hover {
76
80
  color: #961c13 !important;
81
+ background-color: transparent;
77
82
  }
78
83
  .FalconButtonV3-module__secondaryV4___fMLrY:active {
79
84
  color: #c7355f !important;
85
+ background-color: transparent;
80
86
  }
81
87
  .FalconButtonV3-module__secondaryV4___fMLrY:focus {
82
88
  color: #da291c !important;
89
+ background-color: transparent;
83
90
  }
84
91
  .FalconButtonV3-module__secondaryV4___fMLrY:disabled {
85
92
  color: #b3aeaa;
93
+ background-color: transparent;
86
94
  cursor: default;
87
95
  }
88
96
  .FalconButtonV3-module__secondaryV4___fMLrY {
@@ -120,6 +128,11 @@
120
128
  padding: 12px 24px;
121
129
  border: 2px solid #ffffff;
122
130
  }
131
+ .FalconButtonV3-module__secondaryWhite___q8QCS:hover, .FalconButtonV3-module__secondaryWhite___q8QCS:active, .FalconButtonV3-module__secondaryWhite___q8QCS:focus {
132
+ background-color: transparent;
133
+ color: #ffffff !important;
134
+ border-color: #ffffff;
135
+ }
123
136
 
124
137
  .FalconButtonV3-module__secondaryRed___D2Pbg {
125
138
  background-color: transparent;
@@ -127,6 +140,11 @@
127
140
  padding: 12px 24px;
128
141
  border: 2px solid #da291c;
129
142
  }
143
+ .FalconButtonV3-module__secondaryRed___D2Pbg:hover, .FalconButtonV3-module__secondaryRed___D2Pbg:active, .FalconButtonV3-module__secondaryRed___D2Pbg:focus {
144
+ background-color: transparent;
145
+ color: #ffffff !important;
146
+ border-color: #da291c;
147
+ }
130
148
 
131
149
  .FalconButtonV3-module__primaryDarkV1___y3XvF {
132
150
  background: #5f5955;
package/dist/esm/components/FalconButtonV3/FalconButtonV3.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import './FalconButtonV3.css';
2
- import{jsx as r,jsxs as e}from"react/jsx-runtime";import t from"./FalconButtonV3.module.scss.js";const a=r=>{switch(r){case"Primary-V1":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}`;default:return""}},n=({href:n,label:o,buttonType:c,isSlim:s,target:i,rel:u,onClick:d,iconFilename:l,iconPosition:m,wrapperClassName:y,buttonClassName:$,iconClassName:h})=>{const b=(c||"").toLowerCase().startsWith("secondary"),V=[a(c||""),s?t.slimButton:"",s&&b?t.slimButtonSecondary:"",$||""].filter(Boolean).join(" "),f=l&&"before"===m,p=l&&"after"===m,g=`${t.icon} ${h||""}`.trim();return r("div",{className:y,children:r("a",{href:n,target:null!=i?i:"",rel:u,onClick:d,children:e("div",{className:V,children:[f&&r("img",{className:`${g} ${t.beforeIcon}`,src:l,alt:"",width:19,height:19,decoding:"async"}),o,p&&r("img",{className:`${g} ${t.afterIcon}`,src:l,alt:"",width:19,height:19,decoding:"async"})]})})})};export{n as default,a as getFalconButtonClass};
2
+ 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};
3
3
  //# sourceMappingURL=FalconButtonV3.js.map
package/dist/esm/components/FalconButtonV3/FalconButtonV3.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FalconButtonV3.js","sources":["../../../../../src/components/FalconButtonV3/FalconButtonV3.tsx"],"sourcesContent":[null],"names":["getFalconButtonClass","type","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","toLowerCase","startsWith","buttonClass","slimButton","slimButtonSecondary","filter","Boolean","join","shouldShowBeforeIcon","shouldShowAfterIcon","iconBaseClass","icon","trim","_jsx","className","children","_jsxs","beforeIcon","src","alt","width","height","decoding","afterIcon"],"mappings":"iGAGO,MAAMA,EAAwBC,IACnC,OAAQA,GACN,IAAK,aACH,OAAOC,EAAOC,OAEhB,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,iBAEpC,QACE,MAAO,KAmBPC,EAAiB,EACrBC,OACAC,QACAC,aACAC,SACAC,SACAC,MACAC,UACAC,eACAC,eACAC,mBACAC,kBACAC,oBAEA,MAAMC,GAAqBV,GAAc,IAAIW,cAAcC,WAAW,aAChEC,EAAc,CAClB7B,EAAqBgB,GAAc,IACnCC,EAASf,EAAO4B,WAAa,GAC7Bb,GAAUS,EAAoBxB,EAAO6B,oBAAsB,GAC3DP,GAAmB,IAElBQ,OAAOC,SACPC,KAAK,KACFC,EAAuBd,GAAiC,WAAjBC,EACvCc,EAAsBf,GAAiC,UAAjBC,EACtCe,EAAgB,GAAGnC,EAAOoC,QAAQb,GAAiB,KAAKc,OAE9D,OACEC,EAAA,MAAA,CAAKC,UAAWlB,WACdiB,EAAA,IAAA,CAAG1B,KAAMA,EAAMI,OAAQA,QAAAA,EAAU,GAAIC,IAAKA,EAAKC,QAASA,EAAOsB,SAC7DC,EAAA,MAAA,CAAKF,UAAWZ,YACbM,GACCK,EAAA,MAAA,CACEC,UAAW,GAAGJ,KAAiBnC,EAAO0C,aACtCC,IAAKxB,EACLyB,IAAI,GACJC,MAAO,GACPC,OAAQ,GACRC,SAAS,UAGZlC,EACAqB,GACCI,EAAA,MAAA,CACEC,UAAW,GAAGJ,KAAiBnC,EAAOgD,YACtCL,IAAKxB,EACLyB,IAAI,GACJC,MAAO,GACPC,OAAQ,GACRC,SAAS"}
1
+ {"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 CHANGED
@@ -48,15 +48,19 @@
48
48
  }
49
49
  .FalconButtonV3-module__secondaryV1___i5p3W:hover {
50
50
  color: #961c13 !important;
51
+ background-color: transparent;
51
52
  }
52
53
  .FalconButtonV3-module__secondaryV1___i5p3W:active {
53
54
  color: #c7355f !important;
55
+ background-color: transparent;
54
56
  }
55
57
  .FalconButtonV3-module__secondaryV1___i5p3W:focus {
56
58
  color: #da291c !important;
59
+ background-color: transparent;
57
60
  }
58
61
  .FalconButtonV3-module__secondaryV1___i5p3W:disabled {
59
62
  color: #b3aeaa;
63
+ background-color: transparent;
60
64
  cursor: default;
61
65
  }
62
66
  .FalconButtonV3-module__secondaryV1___i5p3W {
@@ -74,15 +78,19 @@
74
78
  }
75
79
  .FalconButtonV3-module__secondaryV4___fMLrY:hover {
76
80
  color: #961c13 !important;
81
+ background-color: transparent;
77
82
  }
78
83
  .FalconButtonV3-module__secondaryV4___fMLrY:active {
79
84
  color: #c7355f !important;
85
+ background-color: transparent;
80
86
  }
81
87
  .FalconButtonV3-module__secondaryV4___fMLrY:focus {
82
88
  color: #da291c !important;
89
+ background-color: transparent;
83
90
  }
84
91
  .FalconButtonV3-module__secondaryV4___fMLrY:disabled {
85
92
  color: #b3aeaa;
93
+ background-color: transparent;
86
94
  cursor: default;
87
95
  }
88
96
  .FalconButtonV3-module__secondaryV4___fMLrY {
@@ -120,6 +128,11 @@
120
128
  padding: 12px 24px;
121
129
  border: 2px solid #ffffff;
122
130
  }
131
+ .FalconButtonV3-module__secondaryWhite___q8QCS:hover, .FalconButtonV3-module__secondaryWhite___q8QCS:active, .FalconButtonV3-module__secondaryWhite___q8QCS:focus {
132
+ background-color: transparent;
133
+ color: #ffffff !important;
134
+ border-color: #ffffff;
135
+ }
123
136
 
124
137
  .FalconButtonV3-module__secondaryRed___D2Pbg {
125
138
  background-color: transparent;
@@ -127,6 +140,11 @@
127
140
  padding: 12px 24px;
128
141
  border: 2px solid #da291c;
129
142
  }
143
+ .FalconButtonV3-module__secondaryRed___D2Pbg:hover, .FalconButtonV3-module__secondaryRed___D2Pbg:active, .FalconButtonV3-module__secondaryRed___D2Pbg:focus {
144
+ background-color: transparent;
145
+ color: #ffffff !important;
146
+ border-color: #da291c;
147
+ }
130
148
 
131
149
  .FalconButtonV3-module__primaryDarkV1___y3XvF {
132
150
  background: #5f5955;
package/dist/navigation.css CHANGED
@@ -666,6 +666,124 @@
666
666
  visibility: visible;
667
667
  }
668
668
 
669
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss */
670
+ /* center a block element */
671
+ /* use this to any of the pseudo elements as these are the mandatory properties */
672
+ /* setting styles in separate formats for cross browser support */
673
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
674
+ /* vertically center alilgn any HTML element */
675
+ /* add basePath to assets */
676
+ .cart-overlay-panel.offcanvas {
677
+ transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
678
+ }
679
+
680
+ .cart-overlay-panel .offcanvas-header {
681
+ height: 96px;
682
+ padding: 20px 16px;
683
+ gap: 24px;
684
+ align-items: center;
685
+ background: #ffffff;
686
+ border-bottom: 1px solid #e6e3df;
687
+ }
688
+
689
+ .cart-overlay-panel .offcanvas-title {
690
+ display: flex;
691
+ flex-direction: column;
692
+ align-items: flex-start;
693
+ gap: 2px;
694
+ font-size: 24px;
695
+ line-height: 32px;
696
+ font-weight: 700;
697
+ color: #3d3935;
698
+ }
699
+ @media (max-width: 1023px) {
700
+ .cart-overlay-panel .offcanvas-title {
701
+ font-size: 20px;
702
+ line-height: 28px;
703
+ }
704
+ }
705
+
706
+ .cart-overlay-panel .btn-close {
707
+ opacity: 0.7;
708
+ width: 20px;
709
+ height: 20px;
710
+ }
711
+ .cart-overlay-panel .btn-close:hover {
712
+ opacity: 1;
713
+ }
714
+
715
+ .cart-overlay-panel .offcanvas-body {
716
+ padding: 0;
717
+ overflow-y: auto;
718
+ display: flex;
719
+ flex-direction: column;
720
+ background: #f7f6f5;
721
+ }
722
+
723
+ .cart-overlay-panel.offcanvas-bottom {
724
+ border-radius: 8px 8px 0 0 !important;
725
+ width: 100% !important;
726
+ overflow: hidden;
727
+ }
728
+
729
+ .CartOverlay-module__backdrop___lMc-O {
730
+ position: fixed;
731
+ inset: 0;
732
+ z-index: 1040;
733
+ background: rgba(0, 0, 0, 0.42);
734
+ animation: CartOverlay-module__fadeIn___G8JYJ 0.35s cubic-bezier(0.4, 0, 0.2, 1) forwards;
735
+ }
736
+
737
+ @keyframes CartOverlay-module__fadeIn___G8JYJ {
738
+ from {
739
+ opacity: 0;
740
+ }
741
+ to {
742
+ opacity: 1;
743
+ }
744
+ }
745
+ .CartOverlay-module__footer___OwJpW {
746
+ padding: 16px 24px;
747
+ border-top: 1px solid #d2d2d2;
748
+ background-color: #ffffff;
749
+ }
750
+
751
+ .CartOverlay-module__dismissButton___57qsq {
752
+ display: flex;
753
+ align-items: center;
754
+ justify-content: center;
755
+ width: 100%;
756
+ height: 52px;
757
+ padding: 14px 24px;
758
+ gap: 8px;
759
+ background: none;
760
+ border: 2px solid #da291c;
761
+ border-radius: 28px;
762
+ font-size: 16px;
763
+ line-height: 24px;
764
+ font-weight: 600;
765
+ color: #da291c;
766
+ text-align: center;
767
+ cursor: pointer;
768
+ transition: background-color 0.15s ease;
769
+ }
770
+ .CartOverlay-module__dismissButton___57qsq:hover {
771
+ background-color: rgba(218, 41, 28, 0.05);
772
+ }
773
+ .CartOverlay-module__dismissButton___57qsq:focus-visible {
774
+ outline: 2px solid #da291c;
775
+ outline-offset: 2px;
776
+ }
777
+
778
+ .CartOverlay-module__errorMessage___ylBiH {
779
+ margin: auto 24px;
780
+ padding: 16px;
781
+ font-size: 20px;
782
+ line-height: 28px;
783
+ color: #3d3935;
784
+ text-align: center;
785
+ }
786
+
669
787
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/MinimizedHeader/MinimizedHeader.module.scss */
670
788
  /* center a block element */
671
789
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -1188,124 +1306,6 @@
1188
1306
  }
1189
1307
  }
1190
1308
 
1191
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss */
1192
- /* center a block element */
1193
- /* use this to any of the pseudo elements as these are the mandatory properties */
1194
- /* setting styles in separate formats for cross browser support */
1195
- /* specify the max width for an element and apply ellipses and truncate the overflow */
1196
- /* vertically center alilgn any HTML element */
1197
- /* add basePath to assets */
1198
- .cart-overlay-panel.offcanvas {
1199
- transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
1200
- }
1201
-
1202
- .cart-overlay-panel .offcanvas-header {
1203
- height: 96px;
1204
- padding: 20px 16px;
1205
- gap: 24px;
1206
- align-items: center;
1207
- background: #ffffff;
1208
- border-bottom: 1px solid #e6e3df;
1209
- }
1210
-
1211
- .cart-overlay-panel .offcanvas-title {
1212
- display: flex;
1213
- flex-direction: column;
1214
- align-items: flex-start;
1215
- gap: 2px;
1216
- font-size: 24px;
1217
- line-height: 32px;
1218
- font-weight: 700;
1219
- color: #3d3935;
1220
- }
1221
- @media (max-width: 1023px) {
1222
- .cart-overlay-panel .offcanvas-title {
1223
- font-size: 20px;
1224
- line-height: 28px;
1225
- }
1226
- }
1227
-
1228
- .cart-overlay-panel .btn-close {
1229
- opacity: 0.7;
1230
- width: 20px;
1231
- height: 20px;
1232
- }
1233
- .cart-overlay-panel .btn-close:hover {
1234
- opacity: 1;
1235
- }
1236
-
1237
- .cart-overlay-panel .offcanvas-body {
1238
- padding: 0;
1239
- overflow-y: auto;
1240
- display: flex;
1241
- flex-direction: column;
1242
- background: #f7f6f5;
1243
- }
1244
-
1245
- .cart-overlay-panel.offcanvas-bottom {
1246
- border-radius: 8px 8px 0 0 !important;
1247
- width: 100% !important;
1248
- overflow: hidden;
1249
- }
1250
-
1251
- .CartOverlay-module__backdrop___lMc-O {
1252
- position: fixed;
1253
- inset: 0;
1254
- z-index: 1040;
1255
- background: rgba(0, 0, 0, 0.42);
1256
- animation: CartOverlay-module__fadeIn___G8JYJ 0.35s cubic-bezier(0.4, 0, 0.2, 1) forwards;
1257
- }
1258
-
1259
- @keyframes CartOverlay-module__fadeIn___G8JYJ {
1260
- from {
1261
- opacity: 0;
1262
- }
1263
- to {
1264
- opacity: 1;
1265
- }
1266
- }
1267
- .CartOverlay-module__footer___OwJpW {
1268
- padding: 16px 24px;
1269
- border-top: 1px solid #d2d2d2;
1270
- background-color: #ffffff;
1271
- }
1272
-
1273
- .CartOverlay-module__dismissButton___57qsq {
1274
- display: flex;
1275
- align-items: center;
1276
- justify-content: center;
1277
- width: 100%;
1278
- height: 52px;
1279
- padding: 14px 24px;
1280
- gap: 8px;
1281
- background: none;
1282
- border: 2px solid #da291c;
1283
- border-radius: 28px;
1284
- font-size: 16px;
1285
- line-height: 24px;
1286
- font-weight: 600;
1287
- color: #da291c;
1288
- text-align: center;
1289
- cursor: pointer;
1290
- transition: background-color 0.15s ease;
1291
- }
1292
- .CartOverlay-module__dismissButton___57qsq:hover {
1293
- background-color: rgba(218, 41, 28, 0.05);
1294
- }
1295
- .CartOverlay-module__dismissButton___57qsq:focus-visible {
1296
- outline: 2px solid #da291c;
1297
- outline-offset: 2px;
1298
- }
1299
-
1300
- .CartOverlay-module__errorMessage___ylBiH {
1301
- margin: auto 24px;
1302
- padding: 16px;
1303
- font-size: 20px;
1304
- line-height: 28px;
1305
- color: #3d3935;
1306
- text-align: center;
1307
- }
1308
-
1309
1309
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartDotLoader/CartDotLoader.module.scss */
1310
1310
  /* center a block element */
1311
1311
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -1643,202 +1643,23 @@
1643
1643
  background-color: #1f1f1f;
1644
1644
  }
1645
1645
 
1646
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.module.scss */
1646
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss */
1647
1647
  /* center a block element */
1648
1648
  /* use this to any of the pseudo elements as these are the mandatory properties */
1649
1649
  /* setting styles in separate formats for cross browser support */
1650
1650
  /* specify the max width for an element and apply ellipses and truncate the overflow */
1651
1651
  /* vertically center alilgn any HTML element */
1652
1652
  /* add basePath to assets */
1653
- .CartClearConfirm-module__overlay___sxCOO {
1654
- position: absolute;
1655
- inset: 0;
1656
- z-index: 10;
1657
- background: rgba(0, 0, 0, 0.42);
1658
- display: flex;
1659
- align-items: center;
1660
- justify-content: center;
1661
- padding: 24px;
1662
- }
1663
-
1664
- .CartClearConfirm-module__dialog___UWokE {
1665
- background: transparent;
1666
- border-radius: 16px;
1667
- padding: 24px;
1668
- width: 100%;
1669
- max-width: 320px;
1670
- display: flex;
1671
- flex-direction: column;
1672
- gap: 24px;
1673
- }
1674
-
1675
- .CartClearConfirm-module__message___vd9VO {
1676
- font-size: 18px;
1677
- line-height: 26px;
1678
- font-weight: 700;
1679
- color: #ffffff;
1680
- text-align: center;
1681
- }
1682
-
1683
- .CartClearConfirm-module__actions___X0-0w {
1684
- display: flex;
1685
- gap: 12px;
1686
- }
1687
-
1688
- .CartClearConfirm-module__cancelButton___LYopb {
1689
- flex: 1;
1690
- height: 48px;
1691
- background: none;
1692
- border: 2px solid #ffffff;
1693
- border-radius: 28px;
1694
- font-size: 16px;
1695
- line-height: 24px;
1696
- font-weight: 600;
1697
- color: #ffffff;
1698
- cursor: pointer;
1699
- transition: background-color 0.15s ease;
1700
- }
1701
- .CartClearConfirm-module__cancelButton___LYopb:hover {
1702
- background-color: rgba(255, 255, 255, 0.1);
1703
- }
1704
- .CartClearConfirm-module__cancelButton___LYopb:focus-visible {
1705
- outline: 2px solid #ffffff;
1706
- outline-offset: 2px;
1707
- }
1708
-
1709
- .CartClearConfirm-module__confirmButton___KgPKy {
1710
- flex: 1;
1711
- height: 48px;
1712
- background: #ffffff;
1713
- border: 2px solid #ffffff;
1714
- border-radius: 28px;
1715
- font-size: 16px;
1716
- line-height: 24px;
1717
- font-weight: 600;
1718
- color: #3d3935;
1719
- cursor: pointer;
1720
- transition: background-color 0.15s ease;
1721
- }
1722
- .CartClearConfirm-module__confirmButton___KgPKy:hover {
1723
- background-color: #e6e3df;
1724
- border-color: #e6e3df;
1725
- }
1726
- .CartClearConfirm-module__confirmButton___KgPKy:focus-visible {
1727
- outline: 2px solid #ffffff;
1728
- outline-offset: 2px;
1729
- }
1730
-
1731
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.module.scss */
1732
- /* center a block element */
1733
- /* use this to any of the pseudo elements as these are the mandatory properties */
1734
- /* setting styles in separate formats for cross browser support */
1735
- /* specify the max width for an element and apply ellipses and truncate the overflow */
1736
- /* vertically center alilgn any HTML element */
1737
- /* add basePath to assets */
1738
- .MobileSubNavigation-module__container___1tQpO {
1739
- max-height: 0px;
1740
- overflow: hidden;
1741
- transition: -webkit-max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9);
1742
- transition: max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9);
1743
- transition: max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9), -webkit-max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9);
1744
- width: 100%;
1745
- }
1746
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__title___f2AKU {
1747
- cursor: unset;
1748
- padding: 20px 10px 4px;
1749
- color: #858585;
1750
- letter-spacing: 1px;
1751
- text-transform: uppercase;
1752
- font-size: 14px;
1753
- line-height: 20px;
1754
- font-weight: 500;
1755
- }
1756
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3 {
1757
- background-color: #ffffff;
1758
- padding: 10px;
1759
- }
1760
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3.MobileSubNavigation-module__new-style___xPfpe {
1761
- border: 1px solid #e8e8e8;
1762
- }
1763
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3 {
1764
- color: #333333;
1765
- font-weight: 500;
1766
- font-size: 16px;
1767
- line-height: 24px;
1768
- }
1769
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-icon___o7ngJ {
1770
- margin-left: 4px;
1771
- flex-shrink: 0;
1772
- height: 24px;
1773
- width: 24px;
1774
- }
1775
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-icon-left___CSu9C {
1776
- margin-left: 0;
1777
- margin-right: 4px;
1778
- }
1779
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text-tail___yKZNS {
1780
- white-space: nowrap;
1781
- display: inline-flex;
1782
- align-items: center;
1783
- }
1784
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text-left___Ry-va {
1785
- display: flex;
1786
- align-items: flex-start;
1787
- gap: 4px;
1788
- white-space: normal;
1789
- max-width: 100%;
1790
- }
1791
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text___-pZdP {
1792
- white-space: normal;
1793
- min-width: 0;
1794
- }
1795
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf {
1796
- display: none;
1797
- }
1798
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf a {
1799
- display: block;
1800
- height: auto;
1801
- }
1802
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf ul {
1803
- padding: 0 0 24px 16px;
1804
- }
1805
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf ul li:not(:last-child) {
1806
- padding-bottom: 4px;
1807
- }
1808
-
1809
- .MobileSubNavigation-module__container___1tQpO.MobileSubNavigation-module__inverted___OotxO .MobileSubNavigation-module__title___f2AKU {
1810
- color: #f2f2f2;
1811
- }
1812
- .MobileSubNavigation-module__container___1tQpO.MobileSubNavigation-module__inverted___OotxO .MobileSubNavigation-module__sub-title___ADRB3 {
1813
- background-color: #1f1f1f;
1814
- border: 1px solid #2c2c2c;
1815
- color: #ffffff;
1816
- }
1817
-
1818
- .active-link .MobileSubNavigation-module__container___1tQpO {
1819
- max-height: 200vh;
1820
- }
1821
- .active-link .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf {
1822
- display: block;
1823
- }
1824
-
1825
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss */
1826
- /* center a block element */
1827
- /* use this to any of the pseudo elements as these are the mandatory properties */
1828
- /* setting styles in separate formats for cross browser support */
1829
- /* specify the max width for an element and apply ellipses and truncate the overflow */
1830
- /* vertically center alilgn any HTML element */
1831
- /* add basePath to assets */
1832
- .SubNavigation-module__container___Wb5XN {
1833
- background-color: #ffffff;
1834
- color: #575452;
1835
- border-radius: 0px 0px 8px 8px;
1836
- margin: 0 auto;
1837
- max-width: 1308px;
1838
- min-height: 47px;
1839
- -webkit-align-items: center;
1840
- -moz-align-items: center;
1841
- -o-align-items: center;
1653
+ .SubNavigation-module__container___Wb5XN {
1654
+ background-color: #ffffff;
1655
+ color: #575452;
1656
+ border-radius: 0px 0px 8px 8px;
1657
+ margin: 0 auto;
1658
+ max-width: 1308px;
1659
+ min-height: 47px;
1660
+ -webkit-align-items: center;
1661
+ -moz-align-items: center;
1662
+ -o-align-items: center;
1842
1663
  align-items: center;
1843
1664
  }
1844
1665
  .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK {
@@ -2205,3 +2026,182 @@
2205
2026
  padding: 16px;
2206
2027
  }
2207
2028
  }
2029
+
2030
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.module.scss */
2031
+ /* center a block element */
2032
+ /* use this to any of the pseudo elements as these are the mandatory properties */
2033
+ /* setting styles in separate formats for cross browser support */
2034
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
2035
+ /* vertically center alilgn any HTML element */
2036
+ /* add basePath to assets */
2037
+ .CartClearConfirm-module__overlay___sxCOO {
2038
+ position: absolute;
2039
+ inset: 0;
2040
+ z-index: 10;
2041
+ background: rgba(0, 0, 0, 0.42);
2042
+ display: flex;
2043
+ align-items: center;
2044
+ justify-content: center;
2045
+ padding: 24px;
2046
+ }
2047
+
2048
+ .CartClearConfirm-module__dialog___UWokE {
2049
+ background: transparent;
2050
+ border-radius: 16px;
2051
+ padding: 24px;
2052
+ width: 100%;
2053
+ max-width: 320px;
2054
+ display: flex;
2055
+ flex-direction: column;
2056
+ gap: 24px;
2057
+ }
2058
+
2059
+ .CartClearConfirm-module__message___vd9VO {
2060
+ font-size: 18px;
2061
+ line-height: 26px;
2062
+ font-weight: 700;
2063
+ color: #ffffff;
2064
+ text-align: center;
2065
+ }
2066
+
2067
+ .CartClearConfirm-module__actions___X0-0w {
2068
+ display: flex;
2069
+ gap: 12px;
2070
+ }
2071
+
2072
+ .CartClearConfirm-module__cancelButton___LYopb {
2073
+ flex: 1;
2074
+ height: 48px;
2075
+ background: none;
2076
+ border: 2px solid #ffffff;
2077
+ border-radius: 28px;
2078
+ font-size: 16px;
2079
+ line-height: 24px;
2080
+ font-weight: 600;
2081
+ color: #ffffff;
2082
+ cursor: pointer;
2083
+ transition: background-color 0.15s ease;
2084
+ }
2085
+ .CartClearConfirm-module__cancelButton___LYopb:hover {
2086
+ background-color: rgba(255, 255, 255, 0.1);
2087
+ }
2088
+ .CartClearConfirm-module__cancelButton___LYopb:focus-visible {
2089
+ outline: 2px solid #ffffff;
2090
+ outline-offset: 2px;
2091
+ }
2092
+
2093
+ .CartClearConfirm-module__confirmButton___KgPKy {
2094
+ flex: 1;
2095
+ height: 48px;
2096
+ background: #ffffff;
2097
+ border: 2px solid #ffffff;
2098
+ border-radius: 28px;
2099
+ font-size: 16px;
2100
+ line-height: 24px;
2101
+ font-weight: 600;
2102
+ color: #3d3935;
2103
+ cursor: pointer;
2104
+ transition: background-color 0.15s ease;
2105
+ }
2106
+ .CartClearConfirm-module__confirmButton___KgPKy:hover {
2107
+ background-color: #e6e3df;
2108
+ border-color: #e6e3df;
2109
+ }
2110
+ .CartClearConfirm-module__confirmButton___KgPKy:focus-visible {
2111
+ outline: 2px solid #ffffff;
2112
+ outline-offset: 2px;
2113
+ }
2114
+
2115
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.module.scss */
2116
+ /* center a block element */
2117
+ /* use this to any of the pseudo elements as these are the mandatory properties */
2118
+ /* setting styles in separate formats for cross browser support */
2119
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
2120
+ /* vertically center alilgn any HTML element */
2121
+ /* add basePath to assets */
2122
+ .MobileSubNavigation-module__container___1tQpO {
2123
+ max-height: 0px;
2124
+ overflow: hidden;
2125
+ transition: -webkit-max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9);
2126
+ transition: max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9);
2127
+ transition: max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9), -webkit-max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9);
2128
+ width: 100%;
2129
+ }
2130
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__title___f2AKU {
2131
+ cursor: unset;
2132
+ padding: 20px 10px 4px;
2133
+ color: #858585;
2134
+ letter-spacing: 1px;
2135
+ text-transform: uppercase;
2136
+ font-size: 14px;
2137
+ line-height: 20px;
2138
+ font-weight: 500;
2139
+ }
2140
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3 {
2141
+ background-color: #ffffff;
2142
+ padding: 10px;
2143
+ }
2144
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3.MobileSubNavigation-module__new-style___xPfpe {
2145
+ border: 1px solid #e8e8e8;
2146
+ }
2147
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3 {
2148
+ color: #333333;
2149
+ font-weight: 500;
2150
+ font-size: 16px;
2151
+ line-height: 24px;
2152
+ }
2153
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-icon___o7ngJ {
2154
+ margin-left: 4px;
2155
+ flex-shrink: 0;
2156
+ height: 24px;
2157
+ width: 24px;
2158
+ }
2159
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-icon-left___CSu9C {
2160
+ margin-left: 0;
2161
+ margin-right: 4px;
2162
+ }
2163
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text-tail___yKZNS {
2164
+ white-space: nowrap;
2165
+ display: inline-flex;
2166
+ align-items: center;
2167
+ }
2168
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text-left___Ry-va {
2169
+ display: flex;
2170
+ align-items: flex-start;
2171
+ gap: 4px;
2172
+ white-space: normal;
2173
+ max-width: 100%;
2174
+ }
2175
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text___-pZdP {
2176
+ white-space: normal;
2177
+ min-width: 0;
2178
+ }
2179
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf {
2180
+ display: none;
2181
+ }
2182
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf a {
2183
+ display: block;
2184
+ height: auto;
2185
+ }
2186
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf ul {
2187
+ padding: 0 0 24px 16px;
2188
+ }
2189
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf ul li:not(:last-child) {
2190
+ padding-bottom: 4px;
2191
+ }
2192
+
2193
+ .MobileSubNavigation-module__container___1tQpO.MobileSubNavigation-module__inverted___OotxO .MobileSubNavigation-module__title___f2AKU {
2194
+ color: #f2f2f2;
2195
+ }
2196
+ .MobileSubNavigation-module__container___1tQpO.MobileSubNavigation-module__inverted___OotxO .MobileSubNavigation-module__sub-title___ADRB3 {
2197
+ background-color: #1f1f1f;
2198
+ border: 1px solid #2c2c2c;
2199
+ color: #ffffff;
2200
+ }
2201
+
2202
+ .active-link .MobileSubNavigation-module__container___1tQpO {
2203
+ max-height: 200vh;
2204
+ }
2205
+ .active-link .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf {
2206
+ display: block;
2207
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sunrise-upc/sales-static-components",
3
- "version": "3.8.7-beta.17",
3
+ "version": "3.8.7-beta.18",
4
4
  "description": "Static Reusable Components Library",
5
5
  "type": "module",
6
6
  "main": "dist/cjs/index.js",