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