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

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 (12) hide show
  1. package/dist/cjs/components/FalconButtonV3/FalconButtonV3.css +100 -43
  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 +100 -43
  5. package/dist/cjs/components/FalconButtonV3/FalconButtonV3.module.scss.js +1 -1
  6. package/dist/esm/components/FalconButtonV3/FalconButtonV3.css +100 -43
  7. package/dist/esm/components/FalconButtonV3/FalconButtonV3.js +1 -1
  8. package/dist/esm/components/FalconButtonV3/FalconButtonV3.js.map +1 -1
  9. package/dist/esm/components/FalconButtonV3/FalconButtonV3.module.scss.css +100 -43
  10. package/dist/esm/components/FalconButtonV3/FalconButtonV3.module.scss.js +1 -1
  11. package/dist/navigation.css +212 -212
  12. package/package.json +1 -1
package/dist/cjs/components/FalconButtonV3/FalconButtonV3.css CHANGED
@@ -38,95 +38,152 @@
38
38
  display: inline-block;
39
39
  vertical-align: middle;
40
40
  }
41
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF- {
42
- border: none;
41
+
42
+ .FalconButtonV3-module__secondaryV1___i5p3W {
43
43
  background-color: transparent;
44
44
  color: #da291c;
45
45
  }
46
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF- .FalconButtonV3-module__icon___hYGF4 {
47
- background-color: currentColor;
46
+ .FalconButtonV3-module__secondaryV1___i5p3W .FalconButtonV3-module__icon___hYGF4 {
47
+ background-color: transparent;
48
48
  }
49
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF-:hover {
49
+ .FalconButtonV3-module__secondaryV1___i5p3W:hover {
50
50
  color: #961c13 !important;
51
51
  }
52
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF-:active {
52
+ .FalconButtonV3-module__secondaryV1___i5p3W:active {
53
53
  color: #c7355f !important;
54
54
  }
55
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF-:focus {
55
+ .FalconButtonV3-module__secondaryV1___i5p3W:focus {
56
56
  color: #da291c !important;
57
57
  }
58
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF-:disabled {
58
+ .FalconButtonV3-module__secondaryV1___i5p3W:disabled {
59
59
  color: #b3aeaa;
60
60
  cursor: default;
61
61
  }
62
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr {
62
+ .FalconButtonV3-module__secondaryV1___i5p3W {
63
+ border: 2px solid currentColor;
64
+ padding: 12px 24px;
65
+ }
66
+
67
+ .FalconButtonV3-module__secondaryV4___fMLrY {
68
+ border: none;
63
69
  background-color: transparent;
64
70
  color: #da291c;
65
71
  }
66
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr .FalconButtonV3-module__icon___hYGF4 {
67
- background-color: currentColor;
72
+ .FalconButtonV3-module__secondaryV4___fMLrY .FalconButtonV3-module__icon___hYGF4 {
73
+ background-color: transparent;
68
74
  }
69
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:hover {
75
+ .FalconButtonV3-module__secondaryV4___fMLrY:hover {
70
76
  color: #961c13 !important;
71
77
  }
72
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:active {
78
+ .FalconButtonV3-module__secondaryV4___fMLrY:active {
73
79
  color: #c7355f !important;
74
80
  }
75
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:focus {
81
+ .FalconButtonV3-module__secondaryV4___fMLrY:focus {
76
82
  color: #da291c !important;
77
83
  }
78
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:disabled {
84
+ .FalconButtonV3-module__secondaryV4___fMLrY:disabled {
79
85
  color: #b3aeaa;
80
86
  cursor: default;
81
87
  }
82
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr {
83
- border: 2px solid currentColor;
88
+ .FalconButtonV3-module__secondaryV4___fMLrY {
89
+ padding-left: 0;
90
+ padding-right: 0;
91
+ }
92
+
93
+ .FalconButtonV3-module__secondaryDark___F8R7u {
94
+ background-color: transparent;
95
+ color: #3d3935;
96
+ border: 2px solid #3d3935;
84
97
  padding: 12px 24px;
85
98
  }
86
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-white___u3JB4 {
99
+ .FalconButtonV3-module__secondaryDark___F8R7u:hover, .FalconButtonV3-module__secondaryDark___F8R7u:active, .FalconButtonV3-module__secondaryDark___F8R7u:focus {
100
+ color: #3d3935 !important;
101
+ border-color: #3d3935;
102
+ background-color: transparent;
103
+ }
104
+
105
+ .FalconButtonV3-module__secondaryV5___GBOpD {
106
+ background-color: transparent;
107
+ color: #3d3935;
108
+ font-weight: 400;
109
+ padding: 0;
110
+ text-decoration-line: underline;
111
+ }
112
+ .FalconButtonV3-module__secondaryV5___GBOpD:hover, .FalconButtonV3-module__secondaryV5___GBOpD:active, .FalconButtonV3-module__secondaryV5___GBOpD:focus {
113
+ color: #3d3935 !important;
114
+ background-color: transparent;
115
+ }
116
+
117
+ .FalconButtonV3-module__secondaryWhite___q8QCS {
87
118
  background-color: transparent;
88
119
  color: #ffffff;
89
120
  padding: 12px 24px;
90
121
  border: 2px solid #ffffff;
91
122
  }
92
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-red___um-4v {
123
+
124
+ .FalconButtonV3-module__secondaryRed___D2Pbg {
93
125
  background-color: transparent;
94
126
  color: #ffffff;
95
127
  padding: 12px 24px;
96
- border: 2px solid #DA291C;
128
+ border: 2px solid #da291c;
129
+ }
130
+
131
+ .FalconButtonV3-module__primaryDarkV1___y3XvF {
132
+ background: #5f5955;
133
+ padding: 10px 24px;
134
+ box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
135
+ border-radius: 28px 0 0 28px;
136
+ }
137
+ .FalconButtonV3-module__primaryDarkV1___y3XvF:hover, .FalconButtonV3-module__primaryDarkV1___y3XvF:active, .FalconButtonV3-module__primaryDarkV1___y3XvF:focus {
138
+ background: #86807c;
139
+ box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
140
+ color: #ffffff !important;
141
+ }
142
+
143
+ .FalconButtonV3-module__primaryDarkV2___lMkMC {
144
+ background: #000000;
145
+ padding: 14px 24px;
146
+ font-weight: 700;
147
+ border-radius: 28px;
148
+ color: #ffffff;
149
+ }
150
+ .FalconButtonV3-module__primaryDarkV2___lMkMC:hover, .FalconButtonV3-module__primaryDarkV2___lMkMC:active, .FalconButtonV3-module__primaryDarkV2___lMkMC:focus {
151
+ background: #1f1f1f;
152
+ color: #ffffff !important;
153
+ }
154
+
155
+ .FalconButtonV3-module__primaryWhiteV1___Zc3ax {
156
+ background: #ffffff;
157
+ padding: 14px 24px;
158
+ font-weight: 700;
159
+ border-radius: 28px;
160
+ color: #000000;
161
+ }
162
+ .FalconButtonV3-module__primaryWhiteV1___Zc3ax:hover, .FalconButtonV3-module__primaryWhiteV1___Zc3ax:active, .FalconButtonV3-module__primaryWhiteV1___Zc3ax:focus {
163
+ background: #eeeeee;
164
+ color: #000000 !important;
165
+ }
166
+ .FalconButtonV3-module__primaryWhiteV1___Zc3ax:disabled {
167
+ background-color: #e6e3df;
168
+ color: #b3aeaa;
169
+ cursor: default;
97
170
  }
98
171
 
99
172
  @media (max-width: 767px) {
100
173
  .FalconButtonV3-module__button___aK4J4 {
101
174
  padding: 10px 24px;
102
175
  }
103
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr {
104
- background-color: transparent;
105
- color: #da291c;
106
- }
107
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr .FalconButtonV3-module__icon___hYGF4 {
108
- background-color: currentColor;
109
- }
110
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:hover {
111
- color: #961c13 !important;
112
- }
113
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:active {
114
- color: #c7355f !important;
115
- }
116
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:focus {
117
- color: #da291c !important;
118
- }
119
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:disabled {
120
- color: #b3aeaa;
121
- cursor: default;
122
- }
123
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr {
124
- border: 2px solid currentColor;
176
+ .FalconButtonV3-module__secondaryV1___i5p3W {
125
177
  padding: 8px 24px;
126
178
  }
127
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-white___u3JB4, .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-red___um-4v {
179
+ .FalconButtonV3-module__secondaryWhite___q8QCS,
180
+ .FalconButtonV3-module__secondaryRed___D2Pbg {
128
181
  padding: 8px 24px;
129
182
  }
183
+ .FalconButtonV3-module__primaryDarkV2___lMkMC,
184
+ .FalconButtonV3-module__primaryWhiteV1___Zc3ax {
185
+ padding: 10px 24px;
186
+ }
130
187
  }
131
188
  .FalconButtonV3-module__icon___hYGF4 {
132
189
  background-size: contain;
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 r=e=>{switch(e){case"Primary-V1":return t.default.button;case"Secondary-V1":return`${t.default.button} ${t.default["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`${t.default.button} ${t.default["Secondary-white"]}`;case"Secondary-Red":return`${t.default.button} ${t.default["Secondary-red"]}`;case"Primary-White-V1":return"falcon-primary-white-v1-button";default:return""}};exports.default=({href:a,label:n,buttonType:o,isSlim:s,target:c,rel:l,onClick:u,iconFilename:d,iconPosition:i,wrapperClassName:f,buttonClassName:y,iconClassName:m})=>{const h=(o||"").toLowerCase().startsWith("secondary"),b=[r(o||""),s?t.default.slimButton:"",s&&h?t.default.slimButtonSecondary:"",y||""].filter(Boolean).join(" "),$=d&&"before"===i,S=d&&"after"===i,p=`${t.default.icon} ${m||""}`.trim();return e.jsx("div",{className:f,children:e.jsx("a",{href:a,target:null!=c?c:"",rel:l,onClick:u,children:e.jsxs("div",{className:b,children:[$&&e.jsx("img",{className:`${p} ${t.default.beforeIcon}`,src:d,alt:"",width:19,height:19,decoding:"async"}),n,S&&e.jsx("img",{className:`${p} ${t.default.afterIcon}`,src:d,alt:"",width:19,height:19,decoding:"async"})]})})})},exports.getFalconButtonClass=r;
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;
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","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,QAAO,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,EAAAA,QAAOC,UAAUD,EAAAA,QAAO,qBAEpC,IAAK,gBACH,MAAO,GAAGA,EAAAA,QAAOC,UAAUD,EAAAA,QAAO,mBAEpC,IAAK,mBACH,MAAO,iCAET,QACE,MAAO,qBAmBU,EACrBE,OACAC,QACAC,aACAC,SACAC,SACAC,MACAC,UACAC,eACAC,eACAC,mBACAC,kBACAC,oBAEA,MAAMC,GAAqBV,GAAc,IAAIW,cAAcC,WAAW,aAChEC,EAAc,CAClBnB,EAAqBM,GAAc,IACnCC,EAASL,EAAAA,QAAOkB,WAAa,GAC7Bb,GAAUS,EAAoBd,UAAOmB,oBAAsB,GAC3DP,GAAmB,IAElBQ,OAAOC,SACPC,KAAK,KACFC,EAAuBd,GAAiC,WAAjBC,EACvCc,EAAsBf,GAAiC,UAAjBC,EACtCe,EAAgB,GAAGzB,EAAAA,QAAO0B,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,KAAiBzB,EAAAA,QAAOgC,aACtCC,IAAKxB,EACLyB,IAAI,GACJC,MAAO,GACPC,OAAQ,GACRC,SAAS,UAGZlC,EACAqB,GACCI,EAAAA,IAAA,MAAA,CACEC,UAAW,GAAGJ,KAAiBzB,EAAAA,QAAOsC,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":["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"}
package/dist/cjs/components/FalconButtonV3/FalconButtonV3.module.scss.css CHANGED
@@ -38,95 +38,152 @@
38
38
  display: inline-block;
39
39
  vertical-align: middle;
40
40
  }
41
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF- {
42
- border: none;
41
+
42
+ .FalconButtonV3-module__secondaryV1___i5p3W {
43
43
  background-color: transparent;
44
44
  color: #da291c;
45
45
  }
46
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF- .FalconButtonV3-module__icon___hYGF4 {
47
- background-color: currentColor;
46
+ .FalconButtonV3-module__secondaryV1___i5p3W .FalconButtonV3-module__icon___hYGF4 {
47
+ background-color: transparent;
48
48
  }
49
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF-:hover {
49
+ .FalconButtonV3-module__secondaryV1___i5p3W:hover {
50
50
  color: #961c13 !important;
51
51
  }
52
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF-:active {
52
+ .FalconButtonV3-module__secondaryV1___i5p3W:active {
53
53
  color: #c7355f !important;
54
54
  }
55
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF-:focus {
55
+ .FalconButtonV3-module__secondaryV1___i5p3W:focus {
56
56
  color: #da291c !important;
57
57
  }
58
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF-:disabled {
58
+ .FalconButtonV3-module__secondaryV1___i5p3W:disabled {
59
59
  color: #b3aeaa;
60
60
  cursor: default;
61
61
  }
62
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr {
62
+ .FalconButtonV3-module__secondaryV1___i5p3W {
63
+ border: 2px solid currentColor;
64
+ padding: 12px 24px;
65
+ }
66
+
67
+ .FalconButtonV3-module__secondaryV4___fMLrY {
68
+ border: none;
63
69
  background-color: transparent;
64
70
  color: #da291c;
65
71
  }
66
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr .FalconButtonV3-module__icon___hYGF4 {
67
- background-color: currentColor;
72
+ .FalconButtonV3-module__secondaryV4___fMLrY .FalconButtonV3-module__icon___hYGF4 {
73
+ background-color: transparent;
68
74
  }
69
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:hover {
75
+ .FalconButtonV3-module__secondaryV4___fMLrY:hover {
70
76
  color: #961c13 !important;
71
77
  }
72
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:active {
78
+ .FalconButtonV3-module__secondaryV4___fMLrY:active {
73
79
  color: #c7355f !important;
74
80
  }
75
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:focus {
81
+ .FalconButtonV3-module__secondaryV4___fMLrY:focus {
76
82
  color: #da291c !important;
77
83
  }
78
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:disabled {
84
+ .FalconButtonV3-module__secondaryV4___fMLrY:disabled {
79
85
  color: #b3aeaa;
80
86
  cursor: default;
81
87
  }
82
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr {
83
- border: 2px solid currentColor;
88
+ .FalconButtonV3-module__secondaryV4___fMLrY {
89
+ padding-left: 0;
90
+ padding-right: 0;
91
+ }
92
+
93
+ .FalconButtonV3-module__secondaryDark___F8R7u {
94
+ background-color: transparent;
95
+ color: #3d3935;
96
+ border: 2px solid #3d3935;
84
97
  padding: 12px 24px;
85
98
  }
86
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-white___u3JB4 {
99
+ .FalconButtonV3-module__secondaryDark___F8R7u:hover, .FalconButtonV3-module__secondaryDark___F8R7u:active, .FalconButtonV3-module__secondaryDark___F8R7u:focus {
100
+ color: #3d3935 !important;
101
+ border-color: #3d3935;
102
+ background-color: transparent;
103
+ }
104
+
105
+ .FalconButtonV3-module__secondaryV5___GBOpD {
106
+ background-color: transparent;
107
+ color: #3d3935;
108
+ font-weight: 400;
109
+ padding: 0;
110
+ text-decoration-line: underline;
111
+ }
112
+ .FalconButtonV3-module__secondaryV5___GBOpD:hover, .FalconButtonV3-module__secondaryV5___GBOpD:active, .FalconButtonV3-module__secondaryV5___GBOpD:focus {
113
+ color: #3d3935 !important;
114
+ background-color: transparent;
115
+ }
116
+
117
+ .FalconButtonV3-module__secondaryWhite___q8QCS {
87
118
  background-color: transparent;
88
119
  color: #ffffff;
89
120
  padding: 12px 24px;
90
121
  border: 2px solid #ffffff;
91
122
  }
92
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-red___um-4v {
123
+
124
+ .FalconButtonV3-module__secondaryRed___D2Pbg {
93
125
  background-color: transparent;
94
126
  color: #ffffff;
95
127
  padding: 12px 24px;
96
- border: 2px solid #DA291C;
128
+ border: 2px solid #da291c;
129
+ }
130
+
131
+ .FalconButtonV3-module__primaryDarkV1___y3XvF {
132
+ background: #5f5955;
133
+ padding: 10px 24px;
134
+ box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
135
+ border-radius: 28px 0 0 28px;
136
+ }
137
+ .FalconButtonV3-module__primaryDarkV1___y3XvF:hover, .FalconButtonV3-module__primaryDarkV1___y3XvF:active, .FalconButtonV3-module__primaryDarkV1___y3XvF:focus {
138
+ background: #86807c;
139
+ box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
140
+ color: #ffffff !important;
141
+ }
142
+
143
+ .FalconButtonV3-module__primaryDarkV2___lMkMC {
144
+ background: #000000;
145
+ padding: 14px 24px;
146
+ font-weight: 700;
147
+ border-radius: 28px;
148
+ color: #ffffff;
149
+ }
150
+ .FalconButtonV3-module__primaryDarkV2___lMkMC:hover, .FalconButtonV3-module__primaryDarkV2___lMkMC:active, .FalconButtonV3-module__primaryDarkV2___lMkMC:focus {
151
+ background: #1f1f1f;
152
+ color: #ffffff !important;
153
+ }
154
+
155
+ .FalconButtonV3-module__primaryWhiteV1___Zc3ax {
156
+ background: #ffffff;
157
+ padding: 14px 24px;
158
+ font-weight: 700;
159
+ border-radius: 28px;
160
+ color: #000000;
161
+ }
162
+ .FalconButtonV3-module__primaryWhiteV1___Zc3ax:hover, .FalconButtonV3-module__primaryWhiteV1___Zc3ax:active, .FalconButtonV3-module__primaryWhiteV1___Zc3ax:focus {
163
+ background: #eeeeee;
164
+ color: #000000 !important;
165
+ }
166
+ .FalconButtonV3-module__primaryWhiteV1___Zc3ax:disabled {
167
+ background-color: #e6e3df;
168
+ color: #b3aeaa;
169
+ cursor: default;
97
170
  }
98
171
 
99
172
  @media (max-width: 767px) {
100
173
  .FalconButtonV3-module__button___aK4J4 {
101
174
  padding: 10px 24px;
102
175
  }
103
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr {
104
- background-color: transparent;
105
- color: #da291c;
106
- }
107
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr .FalconButtonV3-module__icon___hYGF4 {
108
- background-color: currentColor;
109
- }
110
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:hover {
111
- color: #961c13 !important;
112
- }
113
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:active {
114
- color: #c7355f !important;
115
- }
116
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:focus {
117
- color: #da291c !important;
118
- }
119
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:disabled {
120
- color: #b3aeaa;
121
- cursor: default;
122
- }
123
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr {
124
- border: 2px solid currentColor;
176
+ .FalconButtonV3-module__secondaryV1___i5p3W {
125
177
  padding: 8px 24px;
126
178
  }
127
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-white___u3JB4, .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-red___um-4v {
179
+ .FalconButtonV3-module__secondaryWhite___q8QCS,
180
+ .FalconButtonV3-module__secondaryRed___D2Pbg {
128
181
  padding: 8px 24px;
129
182
  }
183
+ .FalconButtonV3-module__primaryDarkV2___lMkMC,
184
+ .FalconButtonV3-module__primaryWhiteV1___Zc3ax {
185
+ padding: 10px 24px;
186
+ }
130
187
  }
131
188
  .FalconButtonV3-module__icon___hYGF4 {
132
189
  background-size: contain;
package/dist/cjs/components/FalconButtonV3/FalconButtonV3.module.scss.js CHANGED
@@ -1,3 +1,3 @@
1
1
  require('./FalconButtonV3.module.scss.css');
2
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={button:"FalconButtonV3-module__button___aK4J4",icon:"FalconButtonV3-module__icon___hYGF4","Secondary-V1":"FalconButtonV3-module__Secondary-V1___oqcpr","Secondary-white":"FalconButtonV3-module__Secondary-white___u3JB4","Secondary-red":"FalconButtonV3-module__Secondary-red___um-4v",beforeIcon:"FalconButtonV3-module__beforeIcon___BoqUb",afterIcon:"FalconButtonV3-module__afterIcon___NlKwd",slimButton:"FalconButtonV3-module__slimButton___C3G5a",slimButtonSecondary:"FalconButtonV3-module__slimButtonSecondary___nctne"};
2
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={button:"FalconButtonV3-module__button___aK4J4",icon:"FalconButtonV3-module__icon___hYGF4",secondaryV1:"FalconButtonV3-module__secondaryV1___i5p3W",secondaryV4:"FalconButtonV3-module__secondaryV4___fMLrY",secondaryDark:"FalconButtonV3-module__secondaryDark___F8R7u",secondaryV5:"FalconButtonV3-module__secondaryV5___GBOpD",secondaryWhite:"FalconButtonV3-module__secondaryWhite___q8QCS",secondaryRed:"FalconButtonV3-module__secondaryRed___D2Pbg",primaryDarkV1:"FalconButtonV3-module__primaryDarkV1___y3XvF",primaryDarkV2:"FalconButtonV3-module__primaryDarkV2___lMkMC",primaryWhiteV1:"FalconButtonV3-module__primaryWhiteV1___Zc3ax",beforeIcon:"FalconButtonV3-module__beforeIcon___BoqUb",afterIcon:"FalconButtonV3-module__afterIcon___NlKwd",slimButton:"FalconButtonV3-module__slimButton___C3G5a",slimButtonSecondary:"FalconButtonV3-module__slimButtonSecondary___nctne"};
3
3
  //# sourceMappingURL=FalconButtonV3.module.scss.js.map
package/dist/esm/components/FalconButtonV3/FalconButtonV3.css CHANGED
@@ -38,95 +38,152 @@
38
38
  display: inline-block;
39
39
  vertical-align: middle;
40
40
  }
41
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF- {
42
- border: none;
41
+
42
+ .FalconButtonV3-module__secondaryV1___i5p3W {
43
43
  background-color: transparent;
44
44
  color: #da291c;
45
45
  }
46
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF- .FalconButtonV3-module__icon___hYGF4 {
47
- background-color: currentColor;
46
+ .FalconButtonV3-module__secondaryV1___i5p3W .FalconButtonV3-module__icon___hYGF4 {
47
+ background-color: transparent;
48
48
  }
49
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF-:hover {
49
+ .FalconButtonV3-module__secondaryV1___i5p3W:hover {
50
50
  color: #961c13 !important;
51
51
  }
52
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF-:active {
52
+ .FalconButtonV3-module__secondaryV1___i5p3W:active {
53
53
  color: #c7355f !important;
54
54
  }
55
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF-:focus {
55
+ .FalconButtonV3-module__secondaryV1___i5p3W:focus {
56
56
  color: #da291c !important;
57
57
  }
58
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF-:disabled {
58
+ .FalconButtonV3-module__secondaryV1___i5p3W:disabled {
59
59
  color: #b3aeaa;
60
60
  cursor: default;
61
61
  }
62
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr {
62
+ .FalconButtonV3-module__secondaryV1___i5p3W {
63
+ border: 2px solid currentColor;
64
+ padding: 12px 24px;
65
+ }
66
+
67
+ .FalconButtonV3-module__secondaryV4___fMLrY {
68
+ border: none;
63
69
  background-color: transparent;
64
70
  color: #da291c;
65
71
  }
66
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr .FalconButtonV3-module__icon___hYGF4 {
67
- background-color: currentColor;
72
+ .FalconButtonV3-module__secondaryV4___fMLrY .FalconButtonV3-module__icon___hYGF4 {
73
+ background-color: transparent;
68
74
  }
69
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:hover {
75
+ .FalconButtonV3-module__secondaryV4___fMLrY:hover {
70
76
  color: #961c13 !important;
71
77
  }
72
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:active {
78
+ .FalconButtonV3-module__secondaryV4___fMLrY:active {
73
79
  color: #c7355f !important;
74
80
  }
75
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:focus {
81
+ .FalconButtonV3-module__secondaryV4___fMLrY:focus {
76
82
  color: #da291c !important;
77
83
  }
78
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:disabled {
84
+ .FalconButtonV3-module__secondaryV4___fMLrY:disabled {
79
85
  color: #b3aeaa;
80
86
  cursor: default;
81
87
  }
82
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr {
83
- border: 2px solid currentColor;
88
+ .FalconButtonV3-module__secondaryV4___fMLrY {
89
+ padding-left: 0;
90
+ padding-right: 0;
91
+ }
92
+
93
+ .FalconButtonV3-module__secondaryDark___F8R7u {
94
+ background-color: transparent;
95
+ color: #3d3935;
96
+ border: 2px solid #3d3935;
84
97
  padding: 12px 24px;
85
98
  }
86
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-white___u3JB4 {
99
+ .FalconButtonV3-module__secondaryDark___F8R7u:hover, .FalconButtonV3-module__secondaryDark___F8R7u:active, .FalconButtonV3-module__secondaryDark___F8R7u:focus {
100
+ color: #3d3935 !important;
101
+ border-color: #3d3935;
102
+ background-color: transparent;
103
+ }
104
+
105
+ .FalconButtonV3-module__secondaryV5___GBOpD {
106
+ background-color: transparent;
107
+ color: #3d3935;
108
+ font-weight: 400;
109
+ padding: 0;
110
+ text-decoration-line: underline;
111
+ }
112
+ .FalconButtonV3-module__secondaryV5___GBOpD:hover, .FalconButtonV3-module__secondaryV5___GBOpD:active, .FalconButtonV3-module__secondaryV5___GBOpD:focus {
113
+ color: #3d3935 !important;
114
+ background-color: transparent;
115
+ }
116
+
117
+ .FalconButtonV3-module__secondaryWhite___q8QCS {
87
118
  background-color: transparent;
88
119
  color: #ffffff;
89
120
  padding: 12px 24px;
90
121
  border: 2px solid #ffffff;
91
122
  }
92
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-red___um-4v {
123
+
124
+ .FalconButtonV3-module__secondaryRed___D2Pbg {
93
125
  background-color: transparent;
94
126
  color: #ffffff;
95
127
  padding: 12px 24px;
96
- border: 2px solid #DA291C;
128
+ border: 2px solid #da291c;
129
+ }
130
+
131
+ .FalconButtonV3-module__primaryDarkV1___y3XvF {
132
+ background: #5f5955;
133
+ padding: 10px 24px;
134
+ box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
135
+ border-radius: 28px 0 0 28px;
136
+ }
137
+ .FalconButtonV3-module__primaryDarkV1___y3XvF:hover, .FalconButtonV3-module__primaryDarkV1___y3XvF:active, .FalconButtonV3-module__primaryDarkV1___y3XvF:focus {
138
+ background: #86807c;
139
+ box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
140
+ color: #ffffff !important;
141
+ }
142
+
143
+ .FalconButtonV3-module__primaryDarkV2___lMkMC {
144
+ background: #000000;
145
+ padding: 14px 24px;
146
+ font-weight: 700;
147
+ border-radius: 28px;
148
+ color: #ffffff;
149
+ }
150
+ .FalconButtonV3-module__primaryDarkV2___lMkMC:hover, .FalconButtonV3-module__primaryDarkV2___lMkMC:active, .FalconButtonV3-module__primaryDarkV2___lMkMC:focus {
151
+ background: #1f1f1f;
152
+ color: #ffffff !important;
153
+ }
154
+
155
+ .FalconButtonV3-module__primaryWhiteV1___Zc3ax {
156
+ background: #ffffff;
157
+ padding: 14px 24px;
158
+ font-weight: 700;
159
+ border-radius: 28px;
160
+ color: #000000;
161
+ }
162
+ .FalconButtonV3-module__primaryWhiteV1___Zc3ax:hover, .FalconButtonV3-module__primaryWhiteV1___Zc3ax:active, .FalconButtonV3-module__primaryWhiteV1___Zc3ax:focus {
163
+ background: #eeeeee;
164
+ color: #000000 !important;
165
+ }
166
+ .FalconButtonV3-module__primaryWhiteV1___Zc3ax:disabled {
167
+ background-color: #e6e3df;
168
+ color: #b3aeaa;
169
+ cursor: default;
97
170
  }
98
171
 
99
172
  @media (max-width: 767px) {
100
173
  .FalconButtonV3-module__button___aK4J4 {
101
174
  padding: 10px 24px;
102
175
  }
103
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr {
104
- background-color: transparent;
105
- color: #da291c;
106
- }
107
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr .FalconButtonV3-module__icon___hYGF4 {
108
- background-color: currentColor;
109
- }
110
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:hover {
111
- color: #961c13 !important;
112
- }
113
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:active {
114
- color: #c7355f !important;
115
- }
116
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:focus {
117
- color: #da291c !important;
118
- }
119
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:disabled {
120
- color: #b3aeaa;
121
- cursor: default;
122
- }
123
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr {
124
- border: 2px solid currentColor;
176
+ .FalconButtonV3-module__secondaryV1___i5p3W {
125
177
  padding: 8px 24px;
126
178
  }
127
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-white___u3JB4, .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-red___um-4v {
179
+ .FalconButtonV3-module__secondaryWhite___q8QCS,
180
+ .FalconButtonV3-module__secondaryRed___D2Pbg {
128
181
  padding: 8px 24px;
129
182
  }
183
+ .FalconButtonV3-module__primaryDarkV2___lMkMC,
184
+ .FalconButtonV3-module__primaryWhiteV1___Zc3ax {
185
+ padding: 10px 24px;
186
+ }
130
187
  }
131
188
  .FalconButtonV3-module__icon___hYGF4 {
132
189
  background-size: contain;
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 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:d,iconFilename:u,iconPosition:m,wrapperClassName:y,buttonClassName:f,iconClassName:h})=>{const b=(c||"").toLowerCase().startsWith("secondary"),$=[t(c||""),s?a.slimButton:"",s&&b?a.slimButtonSecondary:"",f||""].filter(Boolean).join(" "),S=u&&"before"===m,p=u&&"after"===m,V=`${a.icon} ${h||""}`.trim();return r("div",{className:y,children:r("a",{href:n,target:null!=i?i:"",rel:l,onClick:d,children:e("div",{className:$,children:[S&&r("img",{className:`${V} ${a.beforeIcon}`,src:u,alt:"",width:19,height:19,decoding:"async"}),o,p&&r("img",{className:`${V} ${a.afterIcon}`,src:u,alt:"",width:19,height:19,decoding:"async"})]})})})};export{n as default,t as getFalconButtonClass};
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};
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","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,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,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,KAAiB1B,EAAOiC,aACtCC,IAAKxB,EACLyB,IAAI,GACJC,MAAO,GACPC,OAAQ,GACRC,SAAS,UAGZlC,EACAqB,GACCI,EAAA,MAAA,CACEC,UAAW,GAAGJ,KAAiB1B,EAAOuC,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":["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"}
package/dist/esm/components/FalconButtonV3/FalconButtonV3.module.scss.css CHANGED
@@ -38,95 +38,152 @@
38
38
  display: inline-block;
39
39
  vertical-align: middle;
40
40
  }
41
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF- {
42
- border: none;
41
+
42
+ .FalconButtonV3-module__secondaryV1___i5p3W {
43
43
  background-color: transparent;
44
44
  color: #da291c;
45
45
  }
46
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF- .FalconButtonV3-module__icon___hYGF4 {
47
- background-color: currentColor;
46
+ .FalconButtonV3-module__secondaryV1___i5p3W .FalconButtonV3-module__icon___hYGF4 {
47
+ background-color: transparent;
48
48
  }
49
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF-:hover {
49
+ .FalconButtonV3-module__secondaryV1___i5p3W:hover {
50
50
  color: #961c13 !important;
51
51
  }
52
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF-:active {
52
+ .FalconButtonV3-module__secondaryV1___i5p3W:active {
53
53
  color: #c7355f !important;
54
54
  }
55
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF-:focus {
55
+ .FalconButtonV3-module__secondaryV1___i5p3W:focus {
56
56
  color: #da291c !important;
57
57
  }
58
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF-:disabled {
58
+ .FalconButtonV3-module__secondaryV1___i5p3W:disabled {
59
59
  color: #b3aeaa;
60
60
  cursor: default;
61
61
  }
62
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr {
62
+ .FalconButtonV3-module__secondaryV1___i5p3W {
63
+ border: 2px solid currentColor;
64
+ padding: 12px 24px;
65
+ }
66
+
67
+ .FalconButtonV3-module__secondaryV4___fMLrY {
68
+ border: none;
63
69
  background-color: transparent;
64
70
  color: #da291c;
65
71
  }
66
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr .FalconButtonV3-module__icon___hYGF4 {
67
- background-color: currentColor;
72
+ .FalconButtonV3-module__secondaryV4___fMLrY .FalconButtonV3-module__icon___hYGF4 {
73
+ background-color: transparent;
68
74
  }
69
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:hover {
75
+ .FalconButtonV3-module__secondaryV4___fMLrY:hover {
70
76
  color: #961c13 !important;
71
77
  }
72
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:active {
78
+ .FalconButtonV3-module__secondaryV4___fMLrY:active {
73
79
  color: #c7355f !important;
74
80
  }
75
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:focus {
81
+ .FalconButtonV3-module__secondaryV4___fMLrY:focus {
76
82
  color: #da291c !important;
77
83
  }
78
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:disabled {
84
+ .FalconButtonV3-module__secondaryV4___fMLrY:disabled {
79
85
  color: #b3aeaa;
80
86
  cursor: default;
81
87
  }
82
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr {
83
- border: 2px solid currentColor;
88
+ .FalconButtonV3-module__secondaryV4___fMLrY {
89
+ padding-left: 0;
90
+ padding-right: 0;
91
+ }
92
+
93
+ .FalconButtonV3-module__secondaryDark___F8R7u {
94
+ background-color: transparent;
95
+ color: #3d3935;
96
+ border: 2px solid #3d3935;
84
97
  padding: 12px 24px;
85
98
  }
86
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-white___u3JB4 {
99
+ .FalconButtonV3-module__secondaryDark___F8R7u:hover, .FalconButtonV3-module__secondaryDark___F8R7u:active, .FalconButtonV3-module__secondaryDark___F8R7u:focus {
100
+ color: #3d3935 !important;
101
+ border-color: #3d3935;
102
+ background-color: transparent;
103
+ }
104
+
105
+ .FalconButtonV3-module__secondaryV5___GBOpD {
106
+ background-color: transparent;
107
+ color: #3d3935;
108
+ font-weight: 400;
109
+ padding: 0;
110
+ text-decoration-line: underline;
111
+ }
112
+ .FalconButtonV3-module__secondaryV5___GBOpD:hover, .FalconButtonV3-module__secondaryV5___GBOpD:active, .FalconButtonV3-module__secondaryV5___GBOpD:focus {
113
+ color: #3d3935 !important;
114
+ background-color: transparent;
115
+ }
116
+
117
+ .FalconButtonV3-module__secondaryWhite___q8QCS {
87
118
  background-color: transparent;
88
119
  color: #ffffff;
89
120
  padding: 12px 24px;
90
121
  border: 2px solid #ffffff;
91
122
  }
92
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-red___um-4v {
123
+
124
+ .FalconButtonV3-module__secondaryRed___D2Pbg {
93
125
  background-color: transparent;
94
126
  color: #ffffff;
95
127
  padding: 12px 24px;
96
- border: 2px solid #DA291C;
128
+ border: 2px solid #da291c;
129
+ }
130
+
131
+ .FalconButtonV3-module__primaryDarkV1___y3XvF {
132
+ background: #5f5955;
133
+ padding: 10px 24px;
134
+ box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
135
+ border-radius: 28px 0 0 28px;
136
+ }
137
+ .FalconButtonV3-module__primaryDarkV1___y3XvF:hover, .FalconButtonV3-module__primaryDarkV1___y3XvF:active, .FalconButtonV3-module__primaryDarkV1___y3XvF:focus {
138
+ background: #86807c;
139
+ box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
140
+ color: #ffffff !important;
141
+ }
142
+
143
+ .FalconButtonV3-module__primaryDarkV2___lMkMC {
144
+ background: #000000;
145
+ padding: 14px 24px;
146
+ font-weight: 700;
147
+ border-radius: 28px;
148
+ color: #ffffff;
149
+ }
150
+ .FalconButtonV3-module__primaryDarkV2___lMkMC:hover, .FalconButtonV3-module__primaryDarkV2___lMkMC:active, .FalconButtonV3-module__primaryDarkV2___lMkMC:focus {
151
+ background: #1f1f1f;
152
+ color: #ffffff !important;
153
+ }
154
+
155
+ .FalconButtonV3-module__primaryWhiteV1___Zc3ax {
156
+ background: #ffffff;
157
+ padding: 14px 24px;
158
+ font-weight: 700;
159
+ border-radius: 28px;
160
+ color: #000000;
161
+ }
162
+ .FalconButtonV3-module__primaryWhiteV1___Zc3ax:hover, .FalconButtonV3-module__primaryWhiteV1___Zc3ax:active, .FalconButtonV3-module__primaryWhiteV1___Zc3ax:focus {
163
+ background: #eeeeee;
164
+ color: #000000 !important;
165
+ }
166
+ .FalconButtonV3-module__primaryWhiteV1___Zc3ax:disabled {
167
+ background-color: #e6e3df;
168
+ color: #b3aeaa;
169
+ cursor: default;
97
170
  }
98
171
 
99
172
  @media (max-width: 767px) {
100
173
  .FalconButtonV3-module__button___aK4J4 {
101
174
  padding: 10px 24px;
102
175
  }
103
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr {
104
- background-color: transparent;
105
- color: #da291c;
106
- }
107
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr .FalconButtonV3-module__icon___hYGF4 {
108
- background-color: currentColor;
109
- }
110
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:hover {
111
- color: #961c13 !important;
112
- }
113
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:active {
114
- color: #c7355f !important;
115
- }
116
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:focus {
117
- color: #da291c !important;
118
- }
119
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:disabled {
120
- color: #b3aeaa;
121
- cursor: default;
122
- }
123
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr {
124
- border: 2px solid currentColor;
176
+ .FalconButtonV3-module__secondaryV1___i5p3W {
125
177
  padding: 8px 24px;
126
178
  }
127
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-white___u3JB4, .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-red___um-4v {
179
+ .FalconButtonV3-module__secondaryWhite___q8QCS,
180
+ .FalconButtonV3-module__secondaryRed___D2Pbg {
128
181
  padding: 8px 24px;
129
182
  }
183
+ .FalconButtonV3-module__primaryDarkV2___lMkMC,
184
+ .FalconButtonV3-module__primaryWhiteV1___Zc3ax {
185
+ padding: 10px 24px;
186
+ }
130
187
  }
131
188
  .FalconButtonV3-module__icon___hYGF4 {
132
189
  background-size: contain;
package/dist/esm/components/FalconButtonV3/FalconButtonV3.module.scss.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import './FalconButtonV3.module.scss.css';
2
- var o={button:"FalconButtonV3-module__button___aK4J4",icon:"FalconButtonV3-module__icon___hYGF4","Secondary-V1":"FalconButtonV3-module__Secondary-V1___oqcpr","Secondary-white":"FalconButtonV3-module__Secondary-white___u3JB4","Secondary-red":"FalconButtonV3-module__Secondary-red___um-4v",beforeIcon:"FalconButtonV3-module__beforeIcon___BoqUb",afterIcon:"FalconButtonV3-module__afterIcon___NlKwd",slimButton:"FalconButtonV3-module__slimButton___C3G5a",slimButtonSecondary:"FalconButtonV3-module__slimButtonSecondary___nctne"};export{o as default};
2
+ var o={button:"FalconButtonV3-module__button___aK4J4",icon:"FalconButtonV3-module__icon___hYGF4",secondaryV1:"FalconButtonV3-module__secondaryV1___i5p3W",secondaryV4:"FalconButtonV3-module__secondaryV4___fMLrY",secondaryDark:"FalconButtonV3-module__secondaryDark___F8R7u",secondaryV5:"FalconButtonV3-module__secondaryV5___GBOpD",secondaryWhite:"FalconButtonV3-module__secondaryWhite___q8QCS",secondaryRed:"FalconButtonV3-module__secondaryRed___D2Pbg",primaryDarkV1:"FalconButtonV3-module__primaryDarkV1___y3XvF",primaryDarkV2:"FalconButtonV3-module__primaryDarkV2___lMkMC",primaryWhiteV1:"FalconButtonV3-module__primaryWhiteV1___Zc3ax",beforeIcon:"FalconButtonV3-module__beforeIcon___BoqUb",afterIcon:"FalconButtonV3-module__afterIcon___NlKwd",slimButton:"FalconButtonV3-module__slimButton___C3G5a",slimButtonSecondary:"FalconButtonV3-module__slimButtonSecondary___nctne"};export{o as default};
3
3
  //# sourceMappingURL=FalconButtonV3.module.scss.js.map
package/dist/navigation.css CHANGED
@@ -666,124 +666,6 @@
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
-
787
669
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/MinimizedHeader/MinimizedHeader.module.scss */
788
670
  /* center a block element */
789
671
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -1306,6 +1188,124 @@
1306
1188
  }
1307
1189
  }
1308
1190
 
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 */
@@ -1728,6 +1728,100 @@
1728
1728
  outline-offset: 2px;
1729
1729
  }
1730
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
+
1731
1825
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss */
1732
1826
  /* center a block element */
1733
1827
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -2111,97 +2205,3 @@
2111
2205
  padding: 16px;
2112
2206
  }
2113
2207
  }
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.15",
3
+ "version": "3.8.7-beta.17",
4
4
  "description": "Static Reusable Components Library",
5
5
  "type": "module",
6
6
  "main": "dist/cjs/index.js",