@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.
- package/dist/cjs/components/FalconButtonV3/FalconButtonV3.css +116 -41
- package/dist/cjs/components/FalconButtonV3/FalconButtonV3.js +1 -1
- package/dist/cjs/components/FalconButtonV3/FalconButtonV3.js.map +1 -1
- package/dist/cjs/components/FalconButtonV3/FalconButtonV3.module.scss.css +116 -41
- package/dist/cjs/components/FalconButtonV3/FalconButtonV3.module.scss.js +1 -1
- package/dist/esm/components/FalconButtonV3/FalconButtonV3.css +116 -41
- package/dist/esm/components/FalconButtonV3/FalconButtonV3.js +1 -1
- package/dist/esm/components/FalconButtonV3/FalconButtonV3.js.map +1 -1
- package/dist/esm/components/FalconButtonV3/FalconButtonV3.module.scss.css +116 -41
- package/dist/esm/components/FalconButtonV3/FalconButtonV3.module.scss.js +1 -1
- package/dist/navigation.css +565 -565
- package/package.json +1 -1
|
@@ -38,95 +38,170 @@
|
|
|
38
38
|
display: inline-block;
|
|
39
39
|
vertical-align: middle;
|
|
40
40
|
}
|
|
41
|
-
|
|
42
|
-
|
|
41
|
+
|
|
42
|
+
.FalconButtonV3-module__secondaryV1___i5p3W {
|
|
43
43
|
background-color: transparent;
|
|
44
44
|
color: #da291c;
|
|
45
45
|
}
|
|
46
|
-
.FalconButtonV3-
|
|
46
|
+
.FalconButtonV3-module__secondaryV1___i5p3W .FalconButtonV3-module__icon___hYGF4 {
|
|
47
47
|
background-color: transparent;
|
|
48
48
|
}
|
|
49
|
-
.FalconButtonV3-
|
|
49
|
+
.FalconButtonV3-module__secondaryV1___i5p3W:hover {
|
|
50
50
|
color: #961c13 !important;
|
|
51
|
+
background-color: transparent;
|
|
51
52
|
}
|
|
52
|
-
.FalconButtonV3-
|
|
53
|
+
.FalconButtonV3-module__secondaryV1___i5p3W:active {
|
|
53
54
|
color: #c7355f !important;
|
|
55
|
+
background-color: transparent;
|
|
54
56
|
}
|
|
55
|
-
.FalconButtonV3-
|
|
57
|
+
.FalconButtonV3-module__secondaryV1___i5p3W:focus {
|
|
56
58
|
color: #da291c !important;
|
|
59
|
+
background-color: transparent;
|
|
57
60
|
}
|
|
58
|
-
.FalconButtonV3-
|
|
61
|
+
.FalconButtonV3-module__secondaryV1___i5p3W:disabled {
|
|
59
62
|
color: #b3aeaa;
|
|
63
|
+
background-color: transparent;
|
|
60
64
|
cursor: default;
|
|
61
65
|
}
|
|
62
|
-
.FalconButtonV3-
|
|
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-
|
|
76
|
+
.FalconButtonV3-module__secondaryV4___fMLrY .FalconButtonV3-module__icon___hYGF4 {
|
|
67
77
|
background-color: transparent;
|
|
68
78
|
}
|
|
69
|
-
.FalconButtonV3-
|
|
79
|
+
.FalconButtonV3-module__secondaryV4___fMLrY:hover {
|
|
70
80
|
color: #961c13 !important;
|
|
81
|
+
background-color: transparent;
|
|
71
82
|
}
|
|
72
|
-
.FalconButtonV3-
|
|
83
|
+
.FalconButtonV3-module__secondaryV4___fMLrY:active {
|
|
73
84
|
color: #c7355f !important;
|
|
85
|
+
background-color: transparent;
|
|
74
86
|
}
|
|
75
|
-
.FalconButtonV3-
|
|
87
|
+
.FalconButtonV3-module__secondaryV4___fMLrY:focus {
|
|
76
88
|
color: #da291c !important;
|
|
89
|
+
background-color: transparent;
|
|
77
90
|
}
|
|
78
|
-
.FalconButtonV3-
|
|
91
|
+
.FalconButtonV3-module__secondaryV4___fMLrY:disabled {
|
|
79
92
|
color: #b3aeaa;
|
|
93
|
+
background-color: transparent;
|
|
80
94
|
cursor: default;
|
|
81
95
|
}
|
|
82
|
-
.FalconButtonV3-
|
|
83
|
-
|
|
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-
|
|
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-
|
|
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 #
|
|
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-
|
|
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-
|
|
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"
|
|
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":["
|
|
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
|
-
|
|
42
|
-
|
|
41
|
+
|
|
42
|
+
.FalconButtonV3-module__secondaryV1___i5p3W {
|
|
43
43
|
background-color: transparent;
|
|
44
44
|
color: #da291c;
|
|
45
45
|
}
|
|
46
|
-
.FalconButtonV3-
|
|
46
|
+
.FalconButtonV3-module__secondaryV1___i5p3W .FalconButtonV3-module__icon___hYGF4 {
|
|
47
47
|
background-color: transparent;
|
|
48
48
|
}
|
|
49
|
-
.FalconButtonV3-
|
|
49
|
+
.FalconButtonV3-module__secondaryV1___i5p3W:hover {
|
|
50
50
|
color: #961c13 !important;
|
|
51
|
+
background-color: transparent;
|
|
51
52
|
}
|
|
52
|
-
.FalconButtonV3-
|
|
53
|
+
.FalconButtonV3-module__secondaryV1___i5p3W:active {
|
|
53
54
|
color: #c7355f !important;
|
|
55
|
+
background-color: transparent;
|
|
54
56
|
}
|
|
55
|
-
.FalconButtonV3-
|
|
57
|
+
.FalconButtonV3-module__secondaryV1___i5p3W:focus {
|
|
56
58
|
color: #da291c !important;
|
|
59
|
+
background-color: transparent;
|
|
57
60
|
}
|
|
58
|
-
.FalconButtonV3-
|
|
61
|
+
.FalconButtonV3-module__secondaryV1___i5p3W:disabled {
|
|
59
62
|
color: #b3aeaa;
|
|
63
|
+
background-color: transparent;
|
|
60
64
|
cursor: default;
|
|
61
65
|
}
|
|
62
|
-
.FalconButtonV3-
|
|
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-
|
|
76
|
+
.FalconButtonV3-module__secondaryV4___fMLrY .FalconButtonV3-module__icon___hYGF4 {
|
|
67
77
|
background-color: transparent;
|
|
68
78
|
}
|
|
69
|
-
.FalconButtonV3-
|
|
79
|
+
.FalconButtonV3-module__secondaryV4___fMLrY:hover {
|
|
70
80
|
color: #961c13 !important;
|
|
81
|
+
background-color: transparent;
|
|
71
82
|
}
|
|
72
|
-
.FalconButtonV3-
|
|
83
|
+
.FalconButtonV3-module__secondaryV4___fMLrY:active {
|
|
73
84
|
color: #c7355f !important;
|
|
85
|
+
background-color: transparent;
|
|
74
86
|
}
|
|
75
|
-
.FalconButtonV3-
|
|
87
|
+
.FalconButtonV3-module__secondaryV4___fMLrY:focus {
|
|
76
88
|
color: #da291c !important;
|
|
89
|
+
background-color: transparent;
|
|
77
90
|
}
|
|
78
|
-
.FalconButtonV3-
|
|
91
|
+
.FalconButtonV3-module__secondaryV4___fMLrY:disabled {
|
|
79
92
|
color: #b3aeaa;
|
|
93
|
+
background-color: transparent;
|
|
80
94
|
cursor: default;
|
|
81
95
|
}
|
|
82
|
-
.FalconButtonV3-
|
|
83
|
-
|
|
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-
|
|
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-
|
|
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 #
|
|
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-
|
|
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-
|
|
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","
|
|
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
|
-
|
|
42
|
-
|
|
41
|
+
|
|
42
|
+
.FalconButtonV3-module__secondaryV1___i5p3W {
|
|
43
43
|
background-color: transparent;
|
|
44
44
|
color: #da291c;
|
|
45
45
|
}
|
|
46
|
-
.FalconButtonV3-
|
|
46
|
+
.FalconButtonV3-module__secondaryV1___i5p3W .FalconButtonV3-module__icon___hYGF4 {
|
|
47
47
|
background-color: transparent;
|
|
48
48
|
}
|
|
49
|
-
.FalconButtonV3-
|
|
49
|
+
.FalconButtonV3-module__secondaryV1___i5p3W:hover {
|
|
50
50
|
color: #961c13 !important;
|
|
51
|
+
background-color: transparent;
|
|
51
52
|
}
|
|
52
|
-
.FalconButtonV3-
|
|
53
|
+
.FalconButtonV3-module__secondaryV1___i5p3W:active {
|
|
53
54
|
color: #c7355f !important;
|
|
55
|
+
background-color: transparent;
|
|
54
56
|
}
|
|
55
|
-
.FalconButtonV3-
|
|
57
|
+
.FalconButtonV3-module__secondaryV1___i5p3W:focus {
|
|
56
58
|
color: #da291c !important;
|
|
59
|
+
background-color: transparent;
|
|
57
60
|
}
|
|
58
|
-
.FalconButtonV3-
|
|
61
|
+
.FalconButtonV3-module__secondaryV1___i5p3W:disabled {
|
|
59
62
|
color: #b3aeaa;
|
|
63
|
+
background-color: transparent;
|
|
60
64
|
cursor: default;
|
|
61
65
|
}
|
|
62
|
-
.FalconButtonV3-
|
|
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-
|
|
76
|
+
.FalconButtonV3-module__secondaryV4___fMLrY .FalconButtonV3-module__icon___hYGF4 {
|
|
67
77
|
background-color: transparent;
|
|
68
78
|
}
|
|
69
|
-
.FalconButtonV3-
|
|
79
|
+
.FalconButtonV3-module__secondaryV4___fMLrY:hover {
|
|
70
80
|
color: #961c13 !important;
|
|
81
|
+
background-color: transparent;
|
|
71
82
|
}
|
|
72
|
-
.FalconButtonV3-
|
|
83
|
+
.FalconButtonV3-module__secondaryV4___fMLrY:active {
|
|
73
84
|
color: #c7355f !important;
|
|
85
|
+
background-color: transparent;
|
|
74
86
|
}
|
|
75
|
-
.FalconButtonV3-
|
|
87
|
+
.FalconButtonV3-module__secondaryV4___fMLrY:focus {
|
|
76
88
|
color: #da291c !important;
|
|
89
|
+
background-color: transparent;
|
|
77
90
|
}
|
|
78
|
-
.FalconButtonV3-
|
|
91
|
+
.FalconButtonV3-module__secondaryV4___fMLrY:disabled {
|
|
79
92
|
color: #b3aeaa;
|
|
93
|
+
background-color: transparent;
|
|
80
94
|
cursor: default;
|
|
81
95
|
}
|
|
82
|
-
.FalconButtonV3-
|
|
83
|
-
|
|
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-
|
|
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-
|
|
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 #
|
|
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-
|
|
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-
|
|
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;
|