@sunrise-upc/sales-static-components 3.8.7-beta.16 → 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.
@@ -38,95 +38,170 @@
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 {
46
+ .FalconButtonV3-module__secondaryV1___i5p3W .FalconButtonV3-module__icon___hYGF4 {
47
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
+ background-color: transparent;
51
52
  }
52
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF-:active {
53
+ .FalconButtonV3-module__secondaryV1___i5p3W:active {
53
54
  color: #c7355f !important;
55
+ background-color: transparent;
54
56
  }
55
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF-:focus {
57
+ .FalconButtonV3-module__secondaryV1___i5p3W:focus {
56
58
  color: #da291c !important;
59
+ background-color: transparent;
57
60
  }
58
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF-:disabled {
61
+ .FalconButtonV3-module__secondaryV1___i5p3W:disabled {
59
62
  color: #b3aeaa;
63
+ background-color: transparent;
60
64
  cursor: default;
61
65
  }
62
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr {
66
+ .FalconButtonV3-module__secondaryV1___i5p3W {
67
+ border: 2px solid currentColor;
68
+ padding: 12px 24px;
69
+ }
70
+
71
+ .FalconButtonV3-module__secondaryV4___fMLrY {
72
+ border: none;
63
73
  background-color: transparent;
64
74
  color: #da291c;
65
75
  }
66
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr .FalconButtonV3-module__icon___hYGF4 {
76
+ .FalconButtonV3-module__secondaryV4___fMLrY .FalconButtonV3-module__icon___hYGF4 {
67
77
  background-color: transparent;
68
78
  }
69
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:hover {
79
+ .FalconButtonV3-module__secondaryV4___fMLrY:hover {
70
80
  color: #961c13 !important;
81
+ background-color: transparent;
71
82
  }
72
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:active {
83
+ .FalconButtonV3-module__secondaryV4___fMLrY:active {
73
84
  color: #c7355f !important;
85
+ background-color: transparent;
74
86
  }
75
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:focus {
87
+ .FalconButtonV3-module__secondaryV4___fMLrY:focus {
76
88
  color: #da291c !important;
89
+ background-color: transparent;
77
90
  }
78
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:disabled {
91
+ .FalconButtonV3-module__secondaryV4___fMLrY:disabled {
79
92
  color: #b3aeaa;
93
+ background-color: transparent;
80
94
  cursor: default;
81
95
  }
82
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr {
83
- border: 2px solid currentColor;
96
+ .FalconButtonV3-module__secondaryV4___fMLrY {
97
+ padding-left: 0;
98
+ padding-right: 0;
99
+ }
100
+
101
+ .FalconButtonV3-module__secondaryDark___F8R7u {
102
+ background-color: transparent;
103
+ color: #3d3935;
104
+ border: 2px solid #3d3935;
84
105
  padding: 12px 24px;
85
106
  }
86
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-white___u3JB4 {
107
+ .FalconButtonV3-module__secondaryDark___F8R7u:hover, .FalconButtonV3-module__secondaryDark___F8R7u:active, .FalconButtonV3-module__secondaryDark___F8R7u:focus {
108
+ color: #3d3935 !important;
109
+ border-color: #3d3935;
110
+ background-color: transparent;
111
+ }
112
+
113
+ .FalconButtonV3-module__secondaryV5___GBOpD {
114
+ background-color: transparent;
115
+ color: #3d3935;
116
+ font-weight: 400;
117
+ padding: 0;
118
+ text-decoration-line: underline;
119
+ }
120
+ .FalconButtonV3-module__secondaryV5___GBOpD:hover, .FalconButtonV3-module__secondaryV5___GBOpD:active, .FalconButtonV3-module__secondaryV5___GBOpD:focus {
121
+ color: #3d3935 !important;
122
+ background-color: transparent;
123
+ }
124
+
125
+ .FalconButtonV3-module__secondaryWhite___q8QCS {
87
126
  background-color: transparent;
88
127
  color: #ffffff;
89
128
  padding: 12px 24px;
90
129
  border: 2px solid #ffffff;
91
130
  }
92
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-red___um-4v {
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
+ }
136
+
137
+ .FalconButtonV3-module__secondaryRed___D2Pbg {
93
138
  background-color: transparent;
94
139
  color: #ffffff;
95
140
  padding: 12px 24px;
96
- border: 2px solid #DA291C;
141
+ border: 2px solid #da291c;
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
+ }
148
+
149
+ .FalconButtonV3-module__primaryDarkV1___y3XvF {
150
+ background: #5f5955;
151
+ padding: 10px 24px;
152
+ box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
153
+ border-radius: 28px 0 0 28px;
154
+ }
155
+ .FalconButtonV3-module__primaryDarkV1___y3XvF:hover, .FalconButtonV3-module__primaryDarkV1___y3XvF:active, .FalconButtonV3-module__primaryDarkV1___y3XvF:focus {
156
+ background: #86807c;
157
+ box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
158
+ color: #ffffff !important;
159
+ }
160
+
161
+ .FalconButtonV3-module__primaryDarkV2___lMkMC {
162
+ background: #000000;
163
+ padding: 14px 24px;
164
+ font-weight: 700;
165
+ border-radius: 28px;
166
+ color: #ffffff;
167
+ }
168
+ .FalconButtonV3-module__primaryDarkV2___lMkMC:hover, .FalconButtonV3-module__primaryDarkV2___lMkMC:active, .FalconButtonV3-module__primaryDarkV2___lMkMC:focus {
169
+ background: #1f1f1f;
170
+ color: #ffffff !important;
171
+ }
172
+
173
+ .FalconButtonV3-module__primaryWhiteV1___Zc3ax {
174
+ background: #ffffff;
175
+ padding: 14px 24px;
176
+ font-weight: 700;
177
+ border-radius: 28px;
178
+ color: #000000;
179
+ }
180
+ .FalconButtonV3-module__primaryWhiteV1___Zc3ax:hover, .FalconButtonV3-module__primaryWhiteV1___Zc3ax:active, .FalconButtonV3-module__primaryWhiteV1___Zc3ax:focus {
181
+ background: #eeeeee;
182
+ color: #000000 !important;
183
+ }
184
+ .FalconButtonV3-module__primaryWhiteV1___Zc3ax:disabled {
185
+ background-color: #e6e3df;
186
+ color: #b3aeaa;
187
+ cursor: default;
97
188
  }
98
189
 
99
190
  @media (max-width: 767px) {
100
191
  .FalconButtonV3-module__button___aK4J4 {
101
192
  padding: 10px 24px;
102
193
  }
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: transparent;
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;
194
+ .FalconButtonV3-module__secondaryV1___i5p3W {
125
195
  padding: 8px 24px;
126
196
  }
127
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-white___u3JB4, .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-red___um-4v {
197
+ .FalconButtonV3-module__secondaryWhite___q8QCS,
198
+ .FalconButtonV3-module__secondaryRed___D2Pbg {
128
199
  padding: 8px 24px;
129
200
  }
201
+ .FalconButtonV3-module__primaryDarkV2___lMkMC,
202
+ .FalconButtonV3-module__primaryWhiteV1___Zc3ax {
203
+ padding: 10px 24px;
204
+ }
130
205
  }
131
206
  .FalconButtonV3-module__icon___hYGF4 {
132
207
  background-size: contain;
@@ -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=>(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
@@ -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":["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"}
@@ -38,95 +38,170 @@
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 {
46
+ .FalconButtonV3-module__secondaryV1___i5p3W .FalconButtonV3-module__icon___hYGF4 {
47
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
+ background-color: transparent;
51
52
  }
52
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF-:active {
53
+ .FalconButtonV3-module__secondaryV1___i5p3W:active {
53
54
  color: #c7355f !important;
55
+ background-color: transparent;
54
56
  }
55
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF-:focus {
57
+ .FalconButtonV3-module__secondaryV1___i5p3W:focus {
56
58
  color: #da291c !important;
59
+ background-color: transparent;
57
60
  }
58
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF-:disabled {
61
+ .FalconButtonV3-module__secondaryV1___i5p3W:disabled {
59
62
  color: #b3aeaa;
63
+ background-color: transparent;
60
64
  cursor: default;
61
65
  }
62
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr {
66
+ .FalconButtonV3-module__secondaryV1___i5p3W {
67
+ border: 2px solid currentColor;
68
+ padding: 12px 24px;
69
+ }
70
+
71
+ .FalconButtonV3-module__secondaryV4___fMLrY {
72
+ border: none;
63
73
  background-color: transparent;
64
74
  color: #da291c;
65
75
  }
66
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr .FalconButtonV3-module__icon___hYGF4 {
76
+ .FalconButtonV3-module__secondaryV4___fMLrY .FalconButtonV3-module__icon___hYGF4 {
67
77
  background-color: transparent;
68
78
  }
69
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:hover {
79
+ .FalconButtonV3-module__secondaryV4___fMLrY:hover {
70
80
  color: #961c13 !important;
81
+ background-color: transparent;
71
82
  }
72
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:active {
83
+ .FalconButtonV3-module__secondaryV4___fMLrY:active {
73
84
  color: #c7355f !important;
85
+ background-color: transparent;
74
86
  }
75
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:focus {
87
+ .FalconButtonV3-module__secondaryV4___fMLrY:focus {
76
88
  color: #da291c !important;
89
+ background-color: transparent;
77
90
  }
78
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:disabled {
91
+ .FalconButtonV3-module__secondaryV4___fMLrY:disabled {
79
92
  color: #b3aeaa;
93
+ background-color: transparent;
80
94
  cursor: default;
81
95
  }
82
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr {
83
- border: 2px solid currentColor;
96
+ .FalconButtonV3-module__secondaryV4___fMLrY {
97
+ padding-left: 0;
98
+ padding-right: 0;
99
+ }
100
+
101
+ .FalconButtonV3-module__secondaryDark___F8R7u {
102
+ background-color: transparent;
103
+ color: #3d3935;
104
+ border: 2px solid #3d3935;
84
105
  padding: 12px 24px;
85
106
  }
86
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-white___u3JB4 {
107
+ .FalconButtonV3-module__secondaryDark___F8R7u:hover, .FalconButtonV3-module__secondaryDark___F8R7u:active, .FalconButtonV3-module__secondaryDark___F8R7u:focus {
108
+ color: #3d3935 !important;
109
+ border-color: #3d3935;
110
+ background-color: transparent;
111
+ }
112
+
113
+ .FalconButtonV3-module__secondaryV5___GBOpD {
114
+ background-color: transparent;
115
+ color: #3d3935;
116
+ font-weight: 400;
117
+ padding: 0;
118
+ text-decoration-line: underline;
119
+ }
120
+ .FalconButtonV3-module__secondaryV5___GBOpD:hover, .FalconButtonV3-module__secondaryV5___GBOpD:active, .FalconButtonV3-module__secondaryV5___GBOpD:focus {
121
+ color: #3d3935 !important;
122
+ background-color: transparent;
123
+ }
124
+
125
+ .FalconButtonV3-module__secondaryWhite___q8QCS {
87
126
  background-color: transparent;
88
127
  color: #ffffff;
89
128
  padding: 12px 24px;
90
129
  border: 2px solid #ffffff;
91
130
  }
92
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-red___um-4v {
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
+ }
136
+
137
+ .FalconButtonV3-module__secondaryRed___D2Pbg {
93
138
  background-color: transparent;
94
139
  color: #ffffff;
95
140
  padding: 12px 24px;
96
- border: 2px solid #DA291C;
141
+ border: 2px solid #da291c;
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
+ }
148
+
149
+ .FalconButtonV3-module__primaryDarkV1___y3XvF {
150
+ background: #5f5955;
151
+ padding: 10px 24px;
152
+ box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
153
+ border-radius: 28px 0 0 28px;
154
+ }
155
+ .FalconButtonV3-module__primaryDarkV1___y3XvF:hover, .FalconButtonV3-module__primaryDarkV1___y3XvF:active, .FalconButtonV3-module__primaryDarkV1___y3XvF:focus {
156
+ background: #86807c;
157
+ box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
158
+ color: #ffffff !important;
159
+ }
160
+
161
+ .FalconButtonV3-module__primaryDarkV2___lMkMC {
162
+ background: #000000;
163
+ padding: 14px 24px;
164
+ font-weight: 700;
165
+ border-radius: 28px;
166
+ color: #ffffff;
167
+ }
168
+ .FalconButtonV3-module__primaryDarkV2___lMkMC:hover, .FalconButtonV3-module__primaryDarkV2___lMkMC:active, .FalconButtonV3-module__primaryDarkV2___lMkMC:focus {
169
+ background: #1f1f1f;
170
+ color: #ffffff !important;
171
+ }
172
+
173
+ .FalconButtonV3-module__primaryWhiteV1___Zc3ax {
174
+ background: #ffffff;
175
+ padding: 14px 24px;
176
+ font-weight: 700;
177
+ border-radius: 28px;
178
+ color: #000000;
179
+ }
180
+ .FalconButtonV3-module__primaryWhiteV1___Zc3ax:hover, .FalconButtonV3-module__primaryWhiteV1___Zc3ax:active, .FalconButtonV3-module__primaryWhiteV1___Zc3ax:focus {
181
+ background: #eeeeee;
182
+ color: #000000 !important;
183
+ }
184
+ .FalconButtonV3-module__primaryWhiteV1___Zc3ax:disabled {
185
+ background-color: #e6e3df;
186
+ color: #b3aeaa;
187
+ cursor: default;
97
188
  }
98
189
 
99
190
  @media (max-width: 767px) {
100
191
  .FalconButtonV3-module__button___aK4J4 {
101
192
  padding: 10px 24px;
102
193
  }
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: transparent;
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;
194
+ .FalconButtonV3-module__secondaryV1___i5p3W {
125
195
  padding: 8px 24px;
126
196
  }
127
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-white___u3JB4, .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-red___um-4v {
197
+ .FalconButtonV3-module__secondaryWhite___q8QCS,
198
+ .FalconButtonV3-module__secondaryRed___D2Pbg {
128
199
  padding: 8px 24px;
129
200
  }
201
+ .FalconButtonV3-module__primaryDarkV2___lMkMC,
202
+ .FalconButtonV3-module__primaryWhiteV1___Zc3ax {
203
+ padding: 10px 24px;
204
+ }
130
205
  }
131
206
  .FalconButtonV3-module__icon___hYGF4 {
132
207
  background-size: contain;
@@ -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
@@ -38,95 +38,170 @@
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 {
46
+ .FalconButtonV3-module__secondaryV1___i5p3W .FalconButtonV3-module__icon___hYGF4 {
47
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
+ background-color: transparent;
51
52
  }
52
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF-:active {
53
+ .FalconButtonV3-module__secondaryV1___i5p3W:active {
53
54
  color: #c7355f !important;
55
+ background-color: transparent;
54
56
  }
55
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF-:focus {
57
+ .FalconButtonV3-module__secondaryV1___i5p3W:focus {
56
58
  color: #da291c !important;
59
+ background-color: transparent;
57
60
  }
58
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF-:disabled {
61
+ .FalconButtonV3-module__secondaryV1___i5p3W:disabled {
59
62
  color: #b3aeaa;
63
+ background-color: transparent;
60
64
  cursor: default;
61
65
  }
62
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr {
66
+ .FalconButtonV3-module__secondaryV1___i5p3W {
67
+ border: 2px solid currentColor;
68
+ padding: 12px 24px;
69
+ }
70
+
71
+ .FalconButtonV3-module__secondaryV4___fMLrY {
72
+ border: none;
63
73
  background-color: transparent;
64
74
  color: #da291c;
65
75
  }
66
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr .FalconButtonV3-module__icon___hYGF4 {
76
+ .FalconButtonV3-module__secondaryV4___fMLrY .FalconButtonV3-module__icon___hYGF4 {
67
77
  background-color: transparent;
68
78
  }
69
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:hover {
79
+ .FalconButtonV3-module__secondaryV4___fMLrY:hover {
70
80
  color: #961c13 !important;
81
+ background-color: transparent;
71
82
  }
72
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:active {
83
+ .FalconButtonV3-module__secondaryV4___fMLrY:active {
73
84
  color: #c7355f !important;
85
+ background-color: transparent;
74
86
  }
75
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:focus {
87
+ .FalconButtonV3-module__secondaryV4___fMLrY:focus {
76
88
  color: #da291c !important;
89
+ background-color: transparent;
77
90
  }
78
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:disabled {
91
+ .FalconButtonV3-module__secondaryV4___fMLrY:disabled {
79
92
  color: #b3aeaa;
93
+ background-color: transparent;
80
94
  cursor: default;
81
95
  }
82
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr {
83
- border: 2px solid currentColor;
96
+ .FalconButtonV3-module__secondaryV4___fMLrY {
97
+ padding-left: 0;
98
+ padding-right: 0;
99
+ }
100
+
101
+ .FalconButtonV3-module__secondaryDark___F8R7u {
102
+ background-color: transparent;
103
+ color: #3d3935;
104
+ border: 2px solid #3d3935;
84
105
  padding: 12px 24px;
85
106
  }
86
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-white___u3JB4 {
107
+ .FalconButtonV3-module__secondaryDark___F8R7u:hover, .FalconButtonV3-module__secondaryDark___F8R7u:active, .FalconButtonV3-module__secondaryDark___F8R7u:focus {
108
+ color: #3d3935 !important;
109
+ border-color: #3d3935;
110
+ background-color: transparent;
111
+ }
112
+
113
+ .FalconButtonV3-module__secondaryV5___GBOpD {
114
+ background-color: transparent;
115
+ color: #3d3935;
116
+ font-weight: 400;
117
+ padding: 0;
118
+ text-decoration-line: underline;
119
+ }
120
+ .FalconButtonV3-module__secondaryV5___GBOpD:hover, .FalconButtonV3-module__secondaryV5___GBOpD:active, .FalconButtonV3-module__secondaryV5___GBOpD:focus {
121
+ color: #3d3935 !important;
122
+ background-color: transparent;
123
+ }
124
+
125
+ .FalconButtonV3-module__secondaryWhite___q8QCS {
87
126
  background-color: transparent;
88
127
  color: #ffffff;
89
128
  padding: 12px 24px;
90
129
  border: 2px solid #ffffff;
91
130
  }
92
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-red___um-4v {
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
+ }
136
+
137
+ .FalconButtonV3-module__secondaryRed___D2Pbg {
93
138
  background-color: transparent;
94
139
  color: #ffffff;
95
140
  padding: 12px 24px;
96
- border: 2px solid #DA291C;
141
+ border: 2px solid #da291c;
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
+ }
148
+
149
+ .FalconButtonV3-module__primaryDarkV1___y3XvF {
150
+ background: #5f5955;
151
+ padding: 10px 24px;
152
+ box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
153
+ border-radius: 28px 0 0 28px;
154
+ }
155
+ .FalconButtonV3-module__primaryDarkV1___y3XvF:hover, .FalconButtonV3-module__primaryDarkV1___y3XvF:active, .FalconButtonV3-module__primaryDarkV1___y3XvF:focus {
156
+ background: #86807c;
157
+ box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
158
+ color: #ffffff !important;
159
+ }
160
+
161
+ .FalconButtonV3-module__primaryDarkV2___lMkMC {
162
+ background: #000000;
163
+ padding: 14px 24px;
164
+ font-weight: 700;
165
+ border-radius: 28px;
166
+ color: #ffffff;
167
+ }
168
+ .FalconButtonV3-module__primaryDarkV2___lMkMC:hover, .FalconButtonV3-module__primaryDarkV2___lMkMC:active, .FalconButtonV3-module__primaryDarkV2___lMkMC:focus {
169
+ background: #1f1f1f;
170
+ color: #ffffff !important;
171
+ }
172
+
173
+ .FalconButtonV3-module__primaryWhiteV1___Zc3ax {
174
+ background: #ffffff;
175
+ padding: 14px 24px;
176
+ font-weight: 700;
177
+ border-radius: 28px;
178
+ color: #000000;
179
+ }
180
+ .FalconButtonV3-module__primaryWhiteV1___Zc3ax:hover, .FalconButtonV3-module__primaryWhiteV1___Zc3ax:active, .FalconButtonV3-module__primaryWhiteV1___Zc3ax:focus {
181
+ background: #eeeeee;
182
+ color: #000000 !important;
183
+ }
184
+ .FalconButtonV3-module__primaryWhiteV1___Zc3ax:disabled {
185
+ background-color: #e6e3df;
186
+ color: #b3aeaa;
187
+ cursor: default;
97
188
  }
98
189
 
99
190
  @media (max-width: 767px) {
100
191
  .FalconButtonV3-module__button___aK4J4 {
101
192
  padding: 10px 24px;
102
193
  }
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: transparent;
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;
194
+ .FalconButtonV3-module__secondaryV1___i5p3W {
125
195
  padding: 8px 24px;
126
196
  }
127
- .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-white___u3JB4, .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-red___um-4v {
197
+ .FalconButtonV3-module__secondaryWhite___q8QCS,
198
+ .FalconButtonV3-module__secondaryRed___D2Pbg {
128
199
  padding: 8px 24px;
129
200
  }
201
+ .FalconButtonV3-module__primaryDarkV2___lMkMC,
202
+ .FalconButtonV3-module__primaryWhiteV1___Zc3ax {
203
+ padding: 10px 24px;
204
+ }
130
205
  }
131
206
  .FalconButtonV3-module__icon___hYGF4 {
132
207
  background-size: contain;