@necto-react/components 1.2.9 → 1.2.11
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/index.cjs +388 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +388 -1
- package/dist/index.js.map +1 -1
- package/package.json +7 -9
- package/dist/index.css +0 -2
- package/dist/index.css.map +0 -1
package/dist/index.cjs
CHANGED
|
@@ -1,2 +1,389 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var zo=Object.create;var B=Object.defineProperty;var Uo=Object.getOwnPropertyDescriptor;var Ko=Object.getOwnPropertyNames;var Vo=Object.getPrototypeOf,Zo=Object.prototype.hasOwnProperty;var Xo=(o,t)=>{for(var r in t)B(o,r,{get:t[r],enumerable:!0})},S=(o,t,r,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Ko(t))!Zo.call(o,n)&&n!==r&&B(o,n,{get:()=>t[n],enumerable:!(i=Uo(t,n))||i.enumerable});return o};var f=(o,t,r)=>(r=o!=null?zo(Vo(o)):{},S(t||!o||!o.__esModule?B(r,"default",{value:o,enumerable:!0}):r,o)),qo=o=>S(B({},"__esModule",{value:!0}),o);var at={};Xo(at,{AppleButton:()=>P,AtlassianButton:()=>T,BitbucketButton:()=>F,DiscordButton:()=>L,DropboxButton:()=>H,Else:()=>E,FacebookButton:()=>M,GitHubButton:()=>$,GitLabButton:()=>_,GoogleButton:()=>I,If:()=>b,Primitive:()=>g});module.exports=qo(at);var U=require("@necto/constants"),K=require("@necto/dom"),d=require("react"),V=require("react/jsx-runtime"),Jo=K.HTMLElements.Div,z=({as:o,asChild:t,children:r,...i},n)=>{let s=o??Jo;if(t){let e=d.Children.only(r);return(0,d.isValidElement)(e)?(0,d.cloneElement)(e,{...i,ref:e.ref??n}):null}return(0,V.jsx)(s,{ref:n,...i,children:r})},g=Object.assign((0,d.forwardRef)(z),U.DOM.HTML_TAGS.reduce((o,t)=>{let r=t,i=t[0].toUpperCase()+t.slice(1),n=(0,d.forwardRef)((s,e)=>z({...s,as:t},e));return o[r]=n,o[i]=n,o},{}));var Z=require("react"),X=require("react/jsx-runtime"),E=o=>{let{children:t}=o;return(0,X.jsx)(Z.Fragment,{children:typeof t=="function"?t():t})};var h=require("react"),q=require("react/jsx-runtime"),b=o=>{let{condition:t,keepAlive:r,children:i}=o;if(!i)return null;let n=!!(typeof t=="function"?t():t);return(0,q.jsx)(h.Fragment,{children:h.Children.toArray(i).find(s=>s.type!==E!=!n)||null})};var Q=f(require("clsx"),1),W=require("react"),Y=f(require("@emotion/styled"),1),j=require("react-icons/fa");var J=require("@necto/dom");var w=require("react");var u=require("react/jsx-runtime"),Qo=J.HTMLElements.Button,c=(0,w.forwardRef)(function({as:t=Qo,asChild:r=!1,children:i,icon:n,showIcon:s=!0,iconPosition:e="left",disabled:a,className:l,...p},Io){let So=(t?.toLowerCase?.()??"")==="button"?{disabled:a}:{role:"button",tabIndex:a?-1:0,"aria-disabled":!!a,onKeyDown:x=>{a||(x.key==="Enter"||x.key===" ")&&(p.onClick?.(x),x.preventDefault())}},y=n?(0,u.jsx)("span",{className:"_necto:brand-icon",style:{flexShrink:0,lineHeight:0,display:"inline-flex"},children:n}):null;return(0,u.jsx)(g,{as:t,ref:Io,asChild:r,className:l,...So,...p,children:(0,u.jsxs)(w.Fragment,{children:[(0,u.jsx)(b,{condition:!!y&&s&&e==="left",children:y}),i,(0,u.jsx)(b,{condition:!!y&&s&&e==="right",children:y})]})})});var R=require("react/jsx-runtime"),oo="AppleButton",Wo=(0,Y.default)(c)`
|
|
2
|
+
display: inline-flex;
|
|
3
|
+
align-items: center;
|
|
4
|
+
justify-content: center;
|
|
5
|
+
gap: 10px;
|
|
6
|
+
padding: 0 18px;
|
|
7
|
+
min-height: 40px;
|
|
8
|
+
background-color: #000000;
|
|
9
|
+
color: #ffffff;
|
|
10
|
+
border: none;
|
|
11
|
+
border-radius: 8px;
|
|
12
|
+
font-size: 14px;
|
|
13
|
+
font-weight: 400;
|
|
14
|
+
font-family: 'Roboto', system-ui, -apple-system, sans-serif;
|
|
15
|
+
line-height: 20px;
|
|
16
|
+
cursor: pointer;
|
|
17
|
+
user-select: none;
|
|
18
|
+
text-decoration: none;
|
|
19
|
+
transition: background-color 0.2s, box-shadow 0.2s, border-color 0.2s, color 0.2s;
|
|
20
|
+
|
|
21
|
+
&:hover {
|
|
22
|
+
background-color: #1a1a1a;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
&:active {
|
|
26
|
+
background-color: #333333;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
&:focus-visible {
|
|
30
|
+
outline: none;
|
|
31
|
+
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.3);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
${o=>o.$disabled&&`
|
|
35
|
+
opacity: 0.7;
|
|
36
|
+
cursor: not-allowed;
|
|
37
|
+
pointer-events: none;
|
|
38
|
+
|
|
39
|
+
&:hover,
|
|
40
|
+
&:active {
|
|
41
|
+
background-color: #000000;
|
|
42
|
+
}
|
|
43
|
+
`}
|
|
44
|
+
`,P=(0,W.forwardRef)(({as:o,asChild:t,children:r="Continue with Apple",iconPosition:i="left",showIcon:n=!0,iconSize:s=20,disabled:e,className:a,...l},p)=>(0,R.jsx)(Wo,{as:o,ref:p,asChild:t,icon:(0,R.jsx)(j.FaApple,{size:s}),showIcon:n,disabled:e,$disabled:e,iconPosition:i,className:(0,Q.default)(a,`_necto:${oo}`),...l,children:r}));P.displayName=oo;var to=f(require("clsx"),1),eo=require("react"),ro=f(require("@emotion/styled"),1);var no=require("react-icons/fa"),k=require("react/jsx-runtime"),io="AtlassianButton",Yo=(0,ro.default)(c)`
|
|
45
|
+
display: inline-flex;
|
|
46
|
+
align-items: center;
|
|
47
|
+
justify-content: center;
|
|
48
|
+
gap: 10px;
|
|
49
|
+
padding: 0 18px;
|
|
50
|
+
min-height: 40px;
|
|
51
|
+
background-color: #0052cc;
|
|
52
|
+
color: #ffffff;
|
|
53
|
+
border: none;
|
|
54
|
+
border-radius: 8px;
|
|
55
|
+
font-size: 14px;
|
|
56
|
+
font-weight: 500;
|
|
57
|
+
font-family: system-ui, -apple-system, sans-serif;
|
|
58
|
+
line-height: 20px;
|
|
59
|
+
cursor: pointer;
|
|
60
|
+
user-select: none;
|
|
61
|
+
text-decoration: none;
|
|
62
|
+
transition: background-color 0.2s, box-shadow 0.2s;
|
|
63
|
+
|
|
64
|
+
&:hover {
|
|
65
|
+
background-color: #0747a6;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
&:active {
|
|
69
|
+
background-color: #003d99;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
&:focus-visible {
|
|
73
|
+
outline: none;
|
|
74
|
+
box-shadow: 0 0 0 3px rgba(0, 82, 204, 0.3);
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
${o=>o.$disabled&&`
|
|
78
|
+
opacity: 0.7;
|
|
79
|
+
cursor: not-allowed;
|
|
80
|
+
pointer-events: none;
|
|
81
|
+
|
|
82
|
+
&:hover,
|
|
83
|
+
&:active {
|
|
84
|
+
background-color: #0052cc;
|
|
85
|
+
}
|
|
86
|
+
`}
|
|
87
|
+
`,T=(0,eo.forwardRef)(({as:o,asChild:t,children:r="Continue with Atlassian",iconPosition:i="left",showIcon:n=!0,iconSize:s=20,disabled:e,className:a,...l},p)=>(0,k.jsx)(Yo,{as:o,ref:p,asChild:t,showIcon:n,disabled:e,$disabled:e,iconPosition:i,icon:(0,k.jsx)(no.FaAtlassian,{size:s}),className:(0,to.default)(a,`_necto:${io}`),...l,children:r}));T.displayName=io;var ao=f(require("clsx"),1),po=require("react"),lo=f(require("@emotion/styled"),1);var m=require("react/jsx-runtime"),so=({size:o})=>(0,m.jsxs)("svg",{width:o,height:o,viewBox:"0 0 72 72",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,m.jsx)("title",{children:"Bitbucket"}),(0,m.jsx)("path",{d:"M58.8295 28.5831H43.8317L41.332 43.3331H30.9168L18.6685 57.9163C18.6685 57.9163 19.2517 58.4163 20.0849 58.4163H52.7472C53.4971 58.4163 54.1637 57.8331 54.3303 57.083L58.8295 28.5831Z",fill:"url(#paint0_linear_5907_10188)"}),(0,m.jsx)("path",{d:"M12.5863 13.5C11.5864 13.5 10.8366 14.4167 11.0033 15.3333L17.7524 56.6666C17.8357 57.1667 18.0857 57.6667 18.5023 58C18.5023 58 19.0855 58.5 19.9187 58.5L32.5838 43.3334H30.834L28.0843 28.5834H43.8323H58.8304L60.9967 15.3333C61.1635 14.3333 60.4135 13.5 59.4136 13.5H12.5863Z",fill:"white",style:{fill:"white",fillOpacity:1}}),(0,m.jsx)("defs",{children:(0,m.jsxs)("linearGradient",{id:"paint0_linear_5907_10188",x1:"60.8078",y1:"35.1603",x2:"37.2868",y2:"51.0791",gradientUnits:"userSpaceOnUse",children:[(0,m.jsx)("stop",{offset:"0.0718327","stop-color":"white","stop-opacity":"0.4",style:{stopColor:"white",stopOpacity:.4}}),(0,m.jsx)("stop",{offset:"1","stop-color":"white",style:{stopColor:"white",stopOpacity:1}})]})})]});var v=require("react/jsx-runtime"),co="BitbucketButton",jo=(0,lo.default)(c)`
|
|
88
|
+
display: inline-flex;
|
|
89
|
+
align-items: center;
|
|
90
|
+
justify-content: center;
|
|
91
|
+
gap: 10px;
|
|
92
|
+
padding: 0 18px;
|
|
93
|
+
min-height: 40px;
|
|
94
|
+
background-color: #0052cc;
|
|
95
|
+
color: #ffffff;
|
|
96
|
+
border: none;
|
|
97
|
+
border-radius: 8px;
|
|
98
|
+
font-size: 14px;
|
|
99
|
+
font-weight: 500;
|
|
100
|
+
font-family: system-ui, -apple-system, sans-serif;
|
|
101
|
+
line-height: 20px;
|
|
102
|
+
cursor: pointer;
|
|
103
|
+
user-select: none;
|
|
104
|
+
text-decoration: none;
|
|
105
|
+
transition: background-color 0.2s, box-shadow 0.2s;
|
|
106
|
+
|
|
107
|
+
&:hover {
|
|
108
|
+
background-color: #0747a6;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
&:active {
|
|
112
|
+
background-color: #003d99;
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
&:focus-visible {
|
|
116
|
+
outline: none;
|
|
117
|
+
box-shadow: 0 0 0 3px rgba(0, 82, 204, 0.3);
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
${o=>o.$disabled&&`
|
|
121
|
+
opacity: 0.7;
|
|
122
|
+
cursor: not-allowed;
|
|
123
|
+
pointer-events: none;
|
|
124
|
+
|
|
125
|
+
&:hover,
|
|
126
|
+
&:active {
|
|
127
|
+
background-color: #0052cc;
|
|
128
|
+
}
|
|
129
|
+
`}
|
|
130
|
+
`,F=(0,po.forwardRef)(({as:o,asChild:t,children:r="Continue with Bitbucket",iconPosition:i="left",showIcon:n=!0,iconSize:s=22,disabled:e,className:a,...l},p)=>(0,v.jsx)(jo,{as:o,ref:p,asChild:t,showIcon:n,disabled:e,$disabled:e,iconPosition:i,icon:(0,v.jsx)(so,{size:s}),className:(0,ao.default)(a,`_necto:${co}`),...l,children:r}));F.displayName=co;var fo=f(require("clsx"),1),mo=require("react"),uo=f(require("@emotion/styled"),1);var bo=require("react-icons/fa"),A=require("react/jsx-runtime"),yo="DiscordButton",ot=(0,uo.default)(c)`
|
|
131
|
+
display: inline-flex;
|
|
132
|
+
align-items: center;
|
|
133
|
+
justify-content: center;
|
|
134
|
+
gap: 10px;
|
|
135
|
+
padding: 0 18px;
|
|
136
|
+
min-height: 40px;
|
|
137
|
+
background-color: #5865f2;
|
|
138
|
+
color: #ffffff;
|
|
139
|
+
border: none;
|
|
140
|
+
border-radius: 8px;
|
|
141
|
+
font-size: 14px;
|
|
142
|
+
font-weight: 500;
|
|
143
|
+
font-family: 'Roboto', system-ui, -apple-system, sans-serif;
|
|
144
|
+
line-height: 20px;
|
|
145
|
+
cursor: pointer;
|
|
146
|
+
user-select: none;
|
|
147
|
+
text-decoration: none;
|
|
148
|
+
transition: background-color 0.2s, box-shadow 0.2s, border-color 0.2s, color 0.2s;
|
|
149
|
+
|
|
150
|
+
&:hover {
|
|
151
|
+
background-color: #4752d9;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
&:active {
|
|
155
|
+
background-color: #3c45c0;
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
&:focus-visible {
|
|
159
|
+
outline: none;
|
|
160
|
+
box-shadow: 0 0 0 3px rgba(88, 101, 242, 0.3);
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
${o=>o.$disabled&&`
|
|
164
|
+
opacity: 0.7;
|
|
165
|
+
cursor: not-allowed;
|
|
166
|
+
pointer-events: none;
|
|
167
|
+
|
|
168
|
+
&:hover,
|
|
169
|
+
&:active {
|
|
170
|
+
background-color: #5865f2;
|
|
171
|
+
}
|
|
172
|
+
`}
|
|
173
|
+
`,L=(0,mo.forwardRef)(({as:o,asChild:t,children:r="Continue with Discord",iconPosition:i="left",showIcon:n=!0,iconSize:s=20,disabled:e,className:a,...l},p)=>(0,A.jsx)(ot,{as:o,ref:p,asChild:t,showIcon:n,disabled:e,$disabled:e,iconPosition:i,icon:(0,A.jsx)(bo.FaDiscord,{size:s}),className:(0,fo.default)(a,`_necto:${yo}`),...l,children:r}));L.displayName=yo;var xo=f(require("clsx"),1),Bo=require("react"),go=f(require("@emotion/styled"),1);var Eo=require("react-icons/fa"),C=require("react/jsx-runtime"),ho="DropboxButton",tt=(0,go.default)(c)`
|
|
174
|
+
display: inline-flex;
|
|
175
|
+
align-items: center;
|
|
176
|
+
justify-content: center;
|
|
177
|
+
gap: 10px;
|
|
178
|
+
padding: 0 18px;
|
|
179
|
+
min-height: 40px;
|
|
180
|
+
background-color: #0061ff;
|
|
181
|
+
color: #ffffff;
|
|
182
|
+
border: none;
|
|
183
|
+
border-radius: 8px;
|
|
184
|
+
font-size: 14px;
|
|
185
|
+
font-weight: 500;
|
|
186
|
+
font-family: 'Roboto', system-ui, -apple-system, sans-serif;
|
|
187
|
+
line-height: 20px;
|
|
188
|
+
cursor: pointer;
|
|
189
|
+
user-select: none;
|
|
190
|
+
text-decoration: none;
|
|
191
|
+
transition: background-color 0.2s, box-shadow 0.2s, border-color 0.2s, color 0.2s;
|
|
192
|
+
|
|
193
|
+
&:hover {
|
|
194
|
+
background-color: #0056e0;
|
|
195
|
+
}
|
|
196
|
+
|
|
197
|
+
&:active {
|
|
198
|
+
background-color: #004bc5;
|
|
199
|
+
}
|
|
200
|
+
|
|
201
|
+
&:focus-visible {
|
|
202
|
+
outline: none;
|
|
203
|
+
box-shadow: 0 0 0 3px rgba(0, 97, 255, 0.3);
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
${o=>o.$disabled&&`
|
|
207
|
+
opacity: 0.7;
|
|
208
|
+
cursor: not-allowed;
|
|
209
|
+
pointer-events: none;
|
|
210
|
+
|
|
211
|
+
&:hover,
|
|
212
|
+
&:active {
|
|
213
|
+
background-color: #0061ff;
|
|
214
|
+
}
|
|
215
|
+
`}
|
|
216
|
+
`,H=(0,Bo.forwardRef)(({as:o,asChild:t,children:r="Continue with Dropbox",iconPosition:i="left",showIcon:n=!0,iconSize:s=20,disabled:e,className:a,...l},p)=>(0,C.jsx)(tt,{as:o,ref:p,asChild:t,icon:(0,C.jsx)(Eo.FaDropbox,{size:s}),showIcon:n,disabled:e,$disabled:e,iconPosition:i,className:(0,xo.default)(a,`_necto:${ho}`),...l,children:r}));H.displayName=ho;var wo=f(require("clsx"),1),Ro=require("react"),Po=f(require("@emotion/styled"),1);var ko=require("react-icons/fa6"),G=require("react/jsx-runtime"),To="FacebookButton",et=(0,Po.default)(c)`
|
|
217
|
+
display: inline-flex;
|
|
218
|
+
align-items: center;
|
|
219
|
+
justify-content: center;
|
|
220
|
+
gap: 10px;
|
|
221
|
+
padding: 0 18px;
|
|
222
|
+
min-height: 40px;
|
|
223
|
+
background-color: #1877f2;
|
|
224
|
+
color: #ffffff;
|
|
225
|
+
border: 1px solid #1877f2;
|
|
226
|
+
border-radius: 8px;
|
|
227
|
+
font-size: 14px;
|
|
228
|
+
font-weight: 500;
|
|
229
|
+
font-family: system-ui, -apple-system, sans-serif;
|
|
230
|
+
line-height: 20px;
|
|
231
|
+
cursor: pointer;
|
|
232
|
+
user-select: none;
|
|
233
|
+
text-decoration: none;
|
|
234
|
+
transition: background-color 0.2s, box-shadow 0.2s, border-color 0.2s, color 0.2s;
|
|
235
|
+
|
|
236
|
+
&:hover {
|
|
237
|
+
background-color: #166fe5;
|
|
238
|
+
}
|
|
239
|
+
|
|
240
|
+
&:active {
|
|
241
|
+
background-color: #1467d6;
|
|
242
|
+
}
|
|
243
|
+
|
|
244
|
+
&:focus-visible {
|
|
245
|
+
outline: none;
|
|
246
|
+
box-shadow: 0 0 0 3px rgba(24, 119, 242, 0.3);
|
|
247
|
+
}
|
|
248
|
+
|
|
249
|
+
${o=>o.$disabled&&`
|
|
250
|
+
opacity: 0.7;
|
|
251
|
+
cursor: not-allowed;
|
|
252
|
+
pointer-events: none;
|
|
253
|
+
|
|
254
|
+
&:hover,
|
|
255
|
+
&:active {
|
|
256
|
+
background-color: #1877f2;
|
|
257
|
+
}
|
|
258
|
+
`}
|
|
259
|
+
`,M=(0,Ro.forwardRef)(({as:o,asChild:t,children:r="Continue with Facebook",iconPosition:i="left",showIcon:n=!0,iconSize:s=20,disabled:e,className:a,...l},p)=>(0,G.jsx)(et,{as:o,ref:p,asChild:t,showIcon:n,disabled:e,$disabled:e,iconPosition:i,icon:(0,G.jsx)(ko.FaFacebook,{size:s}),className:(0,wo.default)(a,`_necto:${To}`),...l,children:r}));M.displayName=To;var vo=f(require("clsx"),1),Fo=require("react"),Ao=f(require("@emotion/styled"),1);var Lo=require("react-icons/fa"),N=require("react/jsx-runtime"),Co="GitHubButton",rt=(0,Ao.default)(c)`
|
|
260
|
+
display: inline-flex;
|
|
261
|
+
align-items: center;
|
|
262
|
+
justify-content: center;
|
|
263
|
+
gap: 10px;
|
|
264
|
+
padding: 0 18px;
|
|
265
|
+
min-height: 40px;
|
|
266
|
+
background-color: #24292f;
|
|
267
|
+
color: #ffffff;
|
|
268
|
+
border: 1px solid #24292f;
|
|
269
|
+
border-radius: 8px;
|
|
270
|
+
font-size: 14px;
|
|
271
|
+
font-weight: 500;
|
|
272
|
+
font-family: system-ui, -apple-system, sans-serif;
|
|
273
|
+
line-height: 20px;
|
|
274
|
+
cursor: pointer;
|
|
275
|
+
user-select: none;
|
|
276
|
+
text-decoration: none;
|
|
277
|
+
transition: background-color 0.2s, box-shadow 0.2s, border-color 0.2s, color 0.2s;
|
|
278
|
+
|
|
279
|
+
&:hover {
|
|
280
|
+
background-color: #2c3237;
|
|
281
|
+
}
|
|
282
|
+
|
|
283
|
+
&:active {
|
|
284
|
+
background-color: #373e47;
|
|
285
|
+
}
|
|
286
|
+
|
|
287
|
+
&:focus-visible {
|
|
288
|
+
outline: none;
|
|
289
|
+
box-shadow: 0 0 0 3px rgba(36, 41, 47, 0.3);
|
|
290
|
+
}
|
|
291
|
+
|
|
292
|
+
${o=>o.$disabled&&`
|
|
293
|
+
opacity: 0.7;
|
|
294
|
+
cursor: not-allowed;
|
|
295
|
+
pointer-events: none;
|
|
296
|
+
|
|
297
|
+
&:hover,
|
|
298
|
+
&:active {
|
|
299
|
+
background-color: #24292f;
|
|
300
|
+
}
|
|
301
|
+
`}
|
|
302
|
+
`,$=(0,Fo.forwardRef)(({as:o,asChild:t,children:r="Continue with GitHub",iconPosition:i="left",showIcon:n=!0,iconSize:s=20,disabled:e,className:a,...l},p)=>(0,N.jsx)(rt,{as:o,ref:p,asChild:t,showIcon:n,disabled:e,$disabled:e,iconPosition:i,icon:(0,N.jsx)(Lo.FaGithub,{size:s}),className:(0,vo.default)(a,`_necto:${Co}`),...l,children:r}));$.displayName=Co;var Ho=f(require("clsx"),1),Go=require("react"),Mo=f(require("@emotion/styled"),1);var No=require("react-icons/fa6"),D=require("react/jsx-runtime"),$o="GitLabButton",nt=(0,Mo.default)(c)`
|
|
303
|
+
display: inline-flex;
|
|
304
|
+
align-items: center;
|
|
305
|
+
justify-content: center;
|
|
306
|
+
gap: 10px;
|
|
307
|
+
padding: 0 18px;
|
|
308
|
+
min-height: 40px;
|
|
309
|
+
background-color: #fc6d26;
|
|
310
|
+
color: #ffffff;
|
|
311
|
+
border: none;
|
|
312
|
+
border-radius: 8px;
|
|
313
|
+
font-size: 14px;
|
|
314
|
+
font-weight: 500;
|
|
315
|
+
font-family: system-ui, -apple-system, sans-serif;
|
|
316
|
+
line-height: 20px;
|
|
317
|
+
cursor: pointer;
|
|
318
|
+
user-select: none;
|
|
319
|
+
text-decoration: none;
|
|
320
|
+
transition: background-color 0.2s, box-shadow 0.2s;
|
|
321
|
+
|
|
322
|
+
&:hover {
|
|
323
|
+
background-color: #e24329;
|
|
324
|
+
}
|
|
325
|
+
|
|
326
|
+
&:active {
|
|
327
|
+
background-color: #c73b1c;
|
|
328
|
+
}
|
|
329
|
+
|
|
330
|
+
&:focus-visible {
|
|
331
|
+
outline: none;
|
|
332
|
+
box-shadow: 0 0 0 3px rgba(252, 109, 38, 0.3);
|
|
333
|
+
}
|
|
334
|
+
|
|
335
|
+
${o=>o.$disabled&&`
|
|
336
|
+
opacity: 0.7;
|
|
337
|
+
cursor: not-allowed;
|
|
338
|
+
pointer-events: none;
|
|
339
|
+
|
|
340
|
+
&:hover,
|
|
341
|
+
&:active {
|
|
342
|
+
background-color: #fc6d26;
|
|
343
|
+
}
|
|
344
|
+
`}
|
|
345
|
+
`,_=(0,Go.forwardRef)(({as:o,asChild:t,children:r="Continue with GitLab",iconPosition:i="left",showIcon:n=!0,iconSize:s=20,disabled:e,className:a,...l},p)=>(0,D.jsx)(nt,{as:o,ref:p,asChild:t,showIcon:n,disabled:e,$disabled:e,iconPosition:i,icon:(0,D.jsx)(No.FaGitlab,{size:s}),className:(0,Ho.default)(a,`_necto:${$o}`),...l,children:r}));_.displayName=$o;var Do=require("react"),_o=f(require("@emotion/styled"),1);var Oo=require("react-icons/fc"),O=require("react/jsx-runtime"),it="GoogleButton",st=(0,_o.default)(c)`
|
|
346
|
+
display: inline-flex;
|
|
347
|
+
align-items: center;
|
|
348
|
+
justify-content: center;
|
|
349
|
+
gap: 10px;
|
|
350
|
+
padding: 0 12px 0 12px;
|
|
351
|
+
min-height: 40px;
|
|
352
|
+
background-color: #ffffff;
|
|
353
|
+
color: #1f1f1f;
|
|
354
|
+
border: 1px solid #747775;
|
|
355
|
+
border-radius: 8px;
|
|
356
|
+
font-size: 14px;
|
|
357
|
+
font-weight: 500;
|
|
358
|
+
font-family: 'Roboto Medium', system-ui, -apple-system, sans-serif;
|
|
359
|
+
line-height: 20px;
|
|
360
|
+
cursor: pointer;
|
|
361
|
+
user-select: none;
|
|
362
|
+
text-decoration: none;
|
|
363
|
+
transition: background-color 0.2s, box-shadow 0.2s, border-color 0.2s, color 0.2s;
|
|
364
|
+
|
|
365
|
+
&:hover {
|
|
366
|
+
background-color: #f8f9fa;
|
|
367
|
+
}
|
|
368
|
+
|
|
369
|
+
&:active {
|
|
370
|
+
background-color: #eceff1;
|
|
371
|
+
}
|
|
372
|
+
|
|
373
|
+
&:focus-visible {
|
|
374
|
+
outline: none;
|
|
375
|
+
box-shadow: 0 0 0 3px rgba(66, 133, 244, 0.3);
|
|
376
|
+
}
|
|
377
|
+
|
|
378
|
+
${o=>o.$disabled&&`
|
|
379
|
+
opacity: 0.7;
|
|
380
|
+
cursor: not-allowed;
|
|
381
|
+
pointer-events: none;
|
|
382
|
+
|
|
383
|
+
&:hover,
|
|
384
|
+
&:active {
|
|
385
|
+
background-color: #ffffff;
|
|
386
|
+
}
|
|
387
|
+
`}
|
|
388
|
+
`,I=(0,Do.forwardRef)(({as:o,asChild:t,children:r="Continue with Google",iconPosition:i="left",showIcon:n=!0,iconSize:s=20,disabled:e,className:a,...l},p)=>(0,O.jsx)(st,{as:o,ref:p,asChild:t,showIcon:n,disabled:e,$disabled:e,className:a,iconPosition:i,icon:(0,O.jsx)(Oo.FcGoogle,{size:s}),...l,children:r}));I.displayName=it;0&&(module.exports={AppleButton,AtlassianButton,BitbucketButton,DiscordButton,DropboxButton,Else,FacebookButton,GitHubButton,GitLabButton,GoogleButton,If,Primitive});
|
|
2
389
|
//# sourceMappingURL=index.cjs.map
|