@necto-react/components 1.2.9 → 1.2.10
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 +3 -6
- package/dist/index.css +0 -2
- package/dist/index.css.map +0 -1
- package/dist/index.d.cts +0 -245
- package/dist/index.d.ts +0 -245
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 n in t)B(o,n,{get:t[n],enumerable:!0})},O=(o,t,n,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of Ko(t))!Zo.call(o,r)&&r!==n&&B(o,r,{get:()=>t[r],enumerable:!(s=Uo(t,r))||s.enumerable});return o};var f=(o,t,n)=>(n=o!=null?zo(Vo(o)):{},O(t||!o||!o.__esModule?B(n,"default",{value:o,enumerable:!0}):n,o)),qo=o=>O(B({},"__esModule",{value:!0}),o);var pt={};Xo(pt,{AppleButton:()=>P,AtlassianButton:()=>T,BitbucketButton:()=>C,DiscordButton:()=>A,DropboxButton:()=>H,Else:()=>E,FacebookButton:()=>M,GitHubButton:()=>I,GitLabButton:()=>S,GoogleButton:()=>_,If:()=>b,Primitive:()=>g});module.exports=qo(pt);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:n,...s},r)=>{let i=o??Jo;if(t){let e=d.Children.only(n);return(0,d.isValidElement)(e)?(0,d.cloneElement)(e,{...s,ref:e.ref??r}):null}return(0,V.jsx)(i,{ref:r,...s,children:n})},g=Object.assign((0,d.forwardRef)(z),U.DOM.HTML_TAGS.reduce((o,t)=>{let n=t,s=t[0].toUpperCase()+t.slice(1),r=(0,d.forwardRef)((i,e)=>z({...i,as:t},e));return o[n]=r,o[s]=r,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:n,children:s}=o;if(!s)return null;let r=!!(typeof t=="function"?t():t);return(0,q.jsx)(h.Fragment,{children:h.Children.toArray(s).find(i=>i.type!==E!=!r)||null})};var Q=f(require("clsx"),1),W=require("react"),Y=f(require("styled-components"),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:n=!1,children:s,icon:r,showIcon:i=!0,iconPosition:e="left",disabled:p,className:l,...a},_o){let Oo=(t?.toLowerCase?.()??"")==="button"?{disabled:p}:{role:"button",tabIndex:p?-1:0,"aria-disabled":!!p,onKeyDown:x=>{p||(x.key==="Enter"||x.key===" ")&&(a.onClick?.(x),x.preventDefault())}},y=r?(0,u.jsx)("span",{className:"_necto:brand-icon",style:{flexShrink:0,lineHeight:0,display:"inline-flex"},children:r}):null;return(0,u.jsx)(g,{as:t,ref:_o,asChild:n,className:l,...Oo,...a,children:(0,u.jsxs)(w.Fragment,{children:[(0,u.jsx)(b,{condition:!!y&&i&&e==="left",children:y}),s,(0,u.jsx)(b,{condition:!!y&&i&&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:n="Continue with Apple",iconPosition:s="left",showIcon:r=!0,iconSize:i=20,disabled:e,className:p,...l},a)=>(0,R.jsx)(Wo,{as:o,ref:a,asChild:t,icon:(0,R.jsx)(j.FaApple,{size:i}),showIcon:r,iconSize:i,disabled:e,$disabled:e,iconPosition:s,className:(0,Q.default)(p,`_necto:${oo}`),...l,children:n}));P.displayName=oo;var to=f(require("clsx"),1),eo=require("react"),no=f(require("styled-components"),1);var ro=require("react-icons/fa"),k=require("react/jsx-runtime"),io="AtlassianButton",Yo=(0,no.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:n="Continue with Atlassian",iconPosition:s="left",showIcon:r=!0,iconSize:i=20,disabled:e,className:p,...l},a)=>(0,k.jsx)(Yo,{as:o,ref:a,asChild:t,showIcon:r,iconSize:i,disabled:e,$disabled:e,iconPosition:s,icon:(0,k.jsx)(ro.FaAtlassian,{size:i}),className:(0,to.default)(p,`_necto:${io}`),...l,children:n}));T.displayName=io;var po=f(require("clsx"),1),ao=require("react"),lo=f(require("styled-components"),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
|
+
`,C=(0,ao.forwardRef)(({as:o,asChild:t,children:n="Continue with Bitbucket",iconPosition:s="left",showIcon:r=!0,iconSize:i=22,disabled:e,className:p,...l},a)=>(0,v.jsx)(jo,{as:o,ref:a,asChild:t,showIcon:r,iconSize:i,disabled:e,$disabled:e,iconPosition:s,icon:(0,v.jsx)(so,{size:i}),className:(0,po.default)(p,`_necto:${co}`),...l,children:n}));C.displayName=co;var fo=f(require("clsx"),1),mo=require("react"),uo=f(require("styled-components"),1);var bo=require("react-icons/fa"),F=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
|
+
`,A=(0,mo.forwardRef)(({as:o,asChild:t,children:n="Continue with Discord",iconPosition:s="left",showIcon:r=!0,iconSize:i=20,disabled:e,className:p,...l},a)=>(0,F.jsx)(ot,{as:o,ref:a,asChild:t,showIcon:r,iconSize:i,disabled:e,$disabled:e,iconPosition:s,icon:(0,F.jsx)(bo.FaDiscord,{size:i}),className:(0,fo.default)(p,`_necto:${yo}`),...l,children:n}));A.displayName=yo;var xo=f(require("clsx"),1),Bo=require("react"),go=f(require("styled-components"),1);var Eo=require("react-icons/fa"),L=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:n="Continue with Dropbox",iconPosition:s="left",showIcon:r=!0,iconSize:i=20,disabled:e,className:p,...l},a)=>(0,L.jsx)(tt,{as:o,ref:a,asChild:t,icon:(0,L.jsx)(Eo.FaDropbox,{size:i}),showIcon:r,iconSize:i,disabled:e,$disabled:e,iconPosition:s,className:(0,xo.default)(p,`_necto:${ho}`),...l,children:n}));H.displayName=ho;var wo=f(require("clsx"),1),Ro=require("react"),Po=f(require("styled-components"),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:n="Continue with Facebook",iconPosition:s="left",showIcon:r=!0,iconSize:i=20,disabled:e,className:p,...l},a)=>(0,G.jsx)(et,{as:o,ref:a,asChild:t,showIcon:r,iconSize:i,disabled:e,$disabled:e,iconPosition:s,icon:(0,G.jsx)(ko.FaFacebook,{size:i}),className:(0,wo.default)(p,`_necto:${To}`),...l,children:n}));M.displayName=To;var vo=f(require("clsx"),1),Co=require("react"),Fo=f(require("styled-components"),1);var Ao=require("react-icons/fa"),N=require("react/jsx-runtime"),Lo="GitHubButton",nt=(0,Fo.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
|
+
`,I=(0,Co.forwardRef)(({as:o,asChild:t,children:n="Continue with GitHub",iconPosition:s="left",showIcon:r=!0,iconSize:i=20,disabled:e,className:p,...l},a)=>(0,N.jsx)(nt,{as:o,ref:a,asChild:t,showIcon:r,iconSize:i,disabled:e,$disabled:e,iconPosition:s,icon:(0,N.jsx)(Ao.FaGithub,{size:i}),className:(0,vo.default)(p,`_necto:${Lo}`),...l,children:n}));I.displayName=Lo;var Ho=f(require("clsx"),1),Go=require("react"),Mo=f(require("styled-components"),1);var No=require("react-icons/fa6"),$=require("react/jsx-runtime"),Io="GitLabButton",rt=(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
|
+
`,S=(0,Go.forwardRef)(({as:o,asChild:t,children:n="Continue with GitLab",iconPosition:s="left",showIcon:r=!0,iconSize:i=20,disabled:e,className:p,...l},a)=>(0,$.jsx)(rt,{as:o,ref:a,asChild:t,showIcon:r,iconSize:i,disabled:e,$disabled:e,iconPosition:s,icon:(0,$.jsx)(No.FaGitlab,{size:i}),className:(0,Ho.default)(p,`_necto:${Io}`),...l,children:n}));S.displayName=Io;var $o=require("react"),So=f(require("styled-components"),1);var Do=require("react-icons/fc"),D=require("react/jsx-runtime"),it="GoogleButton",st=(0,So.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
|
+
`,_=(0,$o.forwardRef)(({as:o,asChild:t,children:n="Continue with Google",iconPosition:s="left",showIcon:r=!0,iconSize:i=20,disabled:e,className:p,...l},a)=>(0,D.jsx)(st,{as:o,ref:a,asChild:t,showIcon:r,disabled:e,$disabled:e,className:p,iconPosition:s,icon:(0,D.jsx)(Do.FcGoogle,{size:i}),...l,children:n}));_.displayName=it;0&&(module.exports={AppleButton,AtlassianButton,BitbucketButton,DiscordButton,DropboxButton,Else,FacebookButton,GitHubButton,GitLabButton,GoogleButton,If,Primitive});
|
|
2
389
|
//# sourceMappingURL=index.cjs.map
|