@necto-react/components 1.2.14 → 1.3.0
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/README.md +21 -0
- package/dist/index.cjs +237 -174
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +128 -12
- package/dist/index.d.ts +128 -12
- package/dist/index.js +237 -174
- package/dist/index.js.map +1 -1
- package/package.json +18 -14
- package/LICENSE +0 -21
package/dist/index.js
CHANGED
|
@@ -1,8 +1,71 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import Be from"clsx";import{forwardRef as W}from"react";import{DOM as fe}from"@necto/constants";import{Children as me,forwardRef as z,isValidElement as ue,cloneElement as be}from"react";import{HTMLElements as pe}from"@necto/dom";var U=pe.Div,V="Primitive";import{jsx as ge}from"@emotion/react/jsx-runtime";var X=({as:t,asChild:e,children:r,...i},s)=>{let n=t??U;if(e){let o=me.only(r);return ue(o)?be(o,{...i,ref:o.ref??s}):null}return ge(n,{ref:s,...i,children:r})},f=Object.assign(z(X),fe.HTML_TAGS.reduce((t,e)=>{let r=e,i=e[0].toUpperCase()+e.slice(1),s=z((n,o)=>X({...n,as:e},o));return t[r]=s,t[i]=s,t},{}));f.displayName=V;(function(){var t=document.createElement("style");t.setAttribute("data-necto",""),t.textContent=`/**
|
|
2
|
+
* Copyright (c) Corinvo, LLC. and affiliates.
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the MIT license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*
|
|
7
|
+
*/
|
|
8
|
+
._Box_buohy_8 {
|
|
9
|
+
--necto-box-border-width: 0;
|
|
10
|
+
--necto-box-border-block-start-width: var(--necto-box-border-width);
|
|
11
|
+
--necto-box-border-block-end-width: var(--necto-box-border-width);
|
|
12
|
+
--necto-box-border-inline-start-width: var(--necto-box-border-width);
|
|
13
|
+
--necto-box-border-inline-end-width: var(--necto-box-border-width);
|
|
14
|
+
--necto-box-border-end-start-radius: var(--necto-box-border-radius, 0);
|
|
15
|
+
--necto-box-border-end-end-radius: var(--necto-box-border-radius, 0);
|
|
16
|
+
--necto-box-border-start-start-radius: var(--necto-box-border-radius, 0);
|
|
17
|
+
--necto-box-border-start-end-radius: var(--necto-box-border-radius, 0);
|
|
18
|
+
border-block-start-width: var(--necto-box-border-block-start-width);
|
|
19
|
+
border-block-end-width: var(--necto-box-border-block-end-width);
|
|
20
|
+
border-inline-start-width: var(--necto-box-border-inline-start-width);
|
|
21
|
+
border-inline-end-width: var(--necto-box-border-inline-end-width);
|
|
22
|
+
border-end-start-radius: var(--necto-box-border-end-start-radius);
|
|
23
|
+
border-end-end-radius: var(--necto-box-border-end-end-radius);
|
|
24
|
+
border-start-start-radius: var(--necto-box-border-start-start-radius);
|
|
25
|
+
border-start-end-radius: var(--necto-box-border-start-end-radius);
|
|
26
|
+
min-height: var(--necto-box-min-height);
|
|
27
|
+
min-width: var(--necto-box-min-width);
|
|
28
|
+
max-width: var(--necto-box-max-width);
|
|
29
|
+
width: var(--necto-box-width);
|
|
30
|
+
overflow-x: var(--necto-box-overflow-x);
|
|
31
|
+
overflow-y: var(--necto-box-overflow-y);
|
|
32
|
+
padding-block-start: var(--necto-box-padding-block-start);
|
|
33
|
+
padding-block-end: var(--necto-box-padding-block-end);
|
|
34
|
+
padding-inline-start: var(--necto-box-padding-inline-start);
|
|
35
|
+
padding-inline-end: var(--necto-box-padding-inline-end);
|
|
36
|
+
opacity: var(--necto-box-opacity);
|
|
37
|
+
z-index: var(--necto-box-z-index);
|
|
38
|
+
}`,document.head.appendChild(t)})();var K={Box:"_Box_buohy_8"};import{jsx as he}from"@emotion/react/jsx-runtime";var Oe="Box",_=t=>t!=null?`${t}px`:void 0,Y=(t,e)=>{let{as:r,asChild:i,children:s,background:n,borderColor:o,borderStyle:a,borderWidth:l,borderBlockStartWidth:c,borderBlockEndWidth:p,borderInlineStartWidth:m,borderInlineEndWidth:O,borderRadius:g,borderEndStartRadius:y,borderEndEndRadius:u,borderStartStartRadius:v,borderStartEndRadius:F,color:P,minHeight:Jo,minWidth:Qo,maxWidth:jo,width:te,overflowX:oe,overflowY:ee,padding:E,paddingBlock:H,paddingBlockStart:re,paddingBlockEnd:ne,paddingInline:M,paddingInlineStart:ie,paddingInlineEnd:se,shadow:I,outlineColor:T,outlineStyle:N,outlineWidth:L,opacity:ae,zIndex:ce,className:le,...de}=t,G=a||(o||l||c||p||m||O?"solid":void 0),D=N||(T||L?"solid":void 0);return he(f,{as:r,ref:e,...de,className:Be(K.Box,`_necto:${Oe}`,le),style:{...n&&{backgroundColor:n},...o&&{borderColor:o},...G&&{borderStyle:G},...P&&{color:P},...I&&{boxShadow:I},...T&&{outlineColor:T},...D&&{outlineStyle:D},...L&&{outlineWidth:L},...l&&{"--necto-box-border-width":l},...c&&{"--necto-box-border-block-start-width":c},...p&&{"--necto-box-border-block-end-width":p},...m&&{"--necto-box-border-inline-start-width":m},...O&&{"--necto-box-border-inline-end-width":O},...g&&{"--necto-box-border-radius":g},...y&&{"--necto-box-border-end-start-radius":y},...u&&{"--necto-box-border-end-end-radius":u},...v&&{"--necto-box-border-start-start-radius":v},...F&&{"--necto-box-border-start-end-radius":F},"--necto-box-min-height":Jo,"--necto-box-min-width":Qo,"--necto-box-max-width":jo,"--necto-box-width":te,"--necto-box-overflow-x":oe,"--necto-box-overflow-y":ee,"--necto-box-padding-block-start":_(re??H??E),"--necto-box-padding-block-end":_(ne??H??E),"--necto-box-padding-inline-start":_(ie??M??E),"--necto-box-padding-inline-end":_(se??M??E),"--necto-box-opacity":ae,"--necto-box-z-index":ce},children:s})},Re=Object.assign(W(Y),{Root:W(Y)});import ye from"clsx";import{forwardRef as q}from"react";(function(){var t=document.createElement("style");t.setAttribute("data-necto",""),t.textContent=`/**
|
|
39
|
+
* Copyright (c) Corinvo, LLC. and affiliates.
|
|
40
|
+
*
|
|
41
|
+
* This source code is licensed under the MIT license found in the
|
|
42
|
+
* LICENSE file in the root directory of this source tree.
|
|
43
|
+
*
|
|
44
|
+
*/
|
|
45
|
+
._ShadowBevel_3ih3b_8 {
|
|
46
|
+
overflow: clip;
|
|
47
|
+
z-index: 0;
|
|
48
|
+
position: relative;
|
|
49
|
+
box-shadow: var(--necto-shadow-bevel-box-shadow);
|
|
50
|
+
border-radius: var(--necto-shadow-bevel-border-radius);
|
|
51
|
+
}
|
|
52
|
+
._ShadowBevel_3ih3b_8::before {
|
|
53
|
+
content: var(--necto-shadow-bevel-content, "");
|
|
54
|
+
top: 0;
|
|
55
|
+
left: 0;
|
|
56
|
+
right: 0;
|
|
57
|
+
bottom: 0;
|
|
58
|
+
position: absolute;
|
|
59
|
+
z-index: var(--necto-shadow-bevel-z-index, 0);
|
|
60
|
+
pointer-events: none;
|
|
61
|
+
mix-blend-mode: luminosity;
|
|
62
|
+
border-radius: inherit;
|
|
63
|
+
box-shadow: 1px 0 0 0 rgba(0, 0, 0, 0.13) inset, -1px 0 0 0 rgba(0, 0, 0, 0.13) inset, 0 -1px 0 0 rgba(0, 0, 0, 0.17) inset, 0 1px 0 0 rgba(204, 204, 204, 0.5) inset;
|
|
64
|
+
}`,document.head.appendChild(t)})();var Z={ShadowBevel:"_ShadowBevel_3ih3b_8"};var S="ShadowBevel";import{jsx as ve}from"@emotion/react/jsx-runtime";var J=(t,e)=>{let{as:r,asChild:i,children:s,boxShadow:n,borderRadius:o,zIndex:a=0,bevel:l=!0,className:c,style:p,...m}=t;return ve(f,{as:r,ref:e,...m,className:ye(c,Z.ShadowBevel,`_necto:${S}`),style:{...p,"--necto-shadow-bevel-z-index":a,"--necto-shadow-bevel-content":l?'""':"none","--necto-shadow-bevel-box-shadow":typeof n=="number"?`var(--necto-shadow-${n})`:n??"none","--necto-shadow-bevel-border-radius":typeof o=="number"?`${o}px`:o??"0"},children:s})},Q=Object.assign(q(J),{Root:q(J)});Q.displayName=S;import{useFocusWithin as Ee}from"@necto-react/hooks";import{forwardRef as tt,useMemo as _e,useState as xe}from"react";var j="VisuallyHidden";import{jsx as Ce}from"@emotion/react/jsx-runtime";var ot=(t,e)=>{let{as:r,style:i,children:s,isFocusable:n,...o}=t,[a,l]=xe(!1),{focusWithinProps:c}=Ee({isDisabled:!n,onFocusWithinChange:l}),p=_e(()=>{if(a)return i;let m={border:0,clip:"rect(0 0 0 0)",clipPath:"inset(50%)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",width:"1px",whiteSpace:"nowrap"};return i?{...m,...i}:m},[a,i]);return Ce(f,{as:r,ref:e,...o,...c,style:p,children:s})},et=Object.assign(tt(ot),{Root:tt(ot)});et.displayName=j;import Me from"clsx";import{forwardRef as Ie}from"react";import Ne from"@emotion/styled";import{FaApple as Ge}from"react-icons/fa";import{css as rt}from"@emotion/react";import{HTMLElements as $e}from"@necto/dom";import{Fragment as we}from"react";import{jsx as Te}from"@emotion/react/jsx-runtime";var k=t=>{let{children:e}=t;return Te(we,{children:typeof e=="function"?e():e})};import{Fragment as Le,Children as Se}from"react";import{jsx as ke}from"@emotion/react/jsx-runtime";var x=t=>{let{condition:e,keepAlive:r,children:i}=t;if(!i)return null;let s=!!(typeof e=="function"?e():e);return ke(Le,{children:Se.toArray(i).find(n=>n.type!==k!=!s)||null})};import{forwardRef as Ae,Fragment as Fe}from"react";import{jsx as C,jsxs as He}from"@emotion/react/jsx-runtime";var Pe=$e.Button,d=Ae(function({as:e=Pe,asChild:r=!1,children:i,icon:s,showIcon:n=!0,iconPosition:o="left",disabled:a,className:l,...c},p){let O=(e?.toLowerCase?.()??"")==="button"?{disabled:a}:{role:"button",tabIndex:a?-1:0,"aria-disabled":!!a,onKeyDown:u=>{a||(u.key==="Enter"||u.key===" ")&&(c.onClick?.(u),u.preventDefault())}},g=s?C("span",{className:"_necto:BrandIcon",css:rt`
|
|
2
65
|
flex-shrink: 0;
|
|
3
66
|
line-height: 0;
|
|
4
67
|
display: inline-flex;
|
|
5
|
-
`,children:
|
|
68
|
+
`,children:s}):null,y=rt`
|
|
6
69
|
display: inline-flex;
|
|
7
70
|
align-items: center;
|
|
8
71
|
justify-content: center;
|
|
@@ -26,620 +89,620 @@ import{DOM as Co}from"@necto/constants";import{HTMLElements as ho}from"@necto/do
|
|
|
26
89
|
cursor: not-allowed;
|
|
27
90
|
pointer-events: none;
|
|
28
91
|
`}
|
|
29
|
-
`;return
|
|
92
|
+
`;return C(f,{as:e,ref:p,asChild:r,className:l,css:y,...O,...(()=>{let{css:u,...v}=c;return v})(),children:He(Fe,{children:[C(x,{condition:!!g&&n&&o==="left",children:g}),i,C(x,{condition:!!g&&n&&o==="right",children:g})]})})});import{jsx as it}from"@emotion/react/jsx-runtime";var st="AppleButton",nt="#000000",De="#1a1a1a",Ue="#333333",Ve="#ffffff",ze="rgba(0, 0, 0, 0.3)",Xe=Ne(d)`
|
|
30
93
|
padding: 0 18px;
|
|
31
|
-
background-color: var(--necto-apple-bg, ${
|
|
32
|
-
color: var(--necto-apple-text, ${
|
|
94
|
+
background-color: var(--necto-apple-bg, ${nt});
|
|
95
|
+
color: var(--necto-apple-text, ${Ve});
|
|
33
96
|
border: none;
|
|
34
97
|
font-weight: 400;
|
|
35
98
|
font-family: 'Roboto', system-ui, -apple-system, sans-serif;
|
|
36
99
|
|
|
37
100
|
&:hover {
|
|
38
|
-
background-color: var(--necto-apple-bg-hover, ${
|
|
101
|
+
background-color: var(--necto-apple-bg-hover, ${De});
|
|
39
102
|
}
|
|
40
103
|
|
|
41
104
|
&:active {
|
|
42
|
-
background-color: var(--necto-apple-bg-active, ${
|
|
105
|
+
background-color: var(--necto-apple-bg-active, ${Ue});
|
|
43
106
|
}
|
|
44
107
|
|
|
45
108
|
&:focus-visible {
|
|
46
|
-
box-shadow: 0 0 0 3px var(--necto-apple-focus-shadow, ${
|
|
109
|
+
box-shadow: 0 0 0 3px var(--necto-apple-focus-shadow, ${ze});
|
|
47
110
|
}
|
|
48
111
|
|
|
49
112
|
${t=>t.$disabled&&`
|
|
50
113
|
&:hover,
|
|
51
114
|
&:active {
|
|
52
|
-
background-color: var(--necto-apple-bg, ${
|
|
115
|
+
background-color: var(--necto-apple-bg, ${nt});
|
|
53
116
|
}
|
|
54
117
|
`}
|
|
55
|
-
|
|
118
|
+
`,at=Ie(({as:t,asChild:e,children:r="Continue with Apple",iconPosition:i="left",showIcon:s=!0,iconSize:n=20,disabled:o,className:a,...l},c)=>it(Xe,{as:t,ref:c,asChild:e,icon:it(Ge,{size:n}),showIcon:s,disabled:o,$disabled:o,iconPosition:i,className:Me(`_necto:${st}`,a),...l,children:r}));at.displayName=st;import Ke from"clsx";import{forwardRef as We}from"react";import Ye from"@emotion/styled";import{FaAtlassian as Ze}from"react-icons/fa";import{jsx as lt}from"@emotion/react/jsx-runtime";var dt="AtlassianButton",ct="#0052cc",qe="#0747a6",Je="#003d99",Qe="#ffffff",je="rgba(0, 82, 204, 0.3)",tr=Ye(d)`
|
|
56
119
|
padding: 0 18px;
|
|
57
|
-
background-color: var(--necto-atlassian-bg, ${
|
|
58
|
-
color: var(--necto-atlassian-text, ${
|
|
120
|
+
background-color: var(--necto-atlassian-bg, ${ct});
|
|
121
|
+
color: var(--necto-atlassian-text, ${Qe});
|
|
59
122
|
border: none;
|
|
60
123
|
font-weight: 500;
|
|
61
124
|
font-family: system-ui, -apple-system, sans-serif;
|
|
62
125
|
|
|
63
126
|
&:hover {
|
|
64
|
-
background-color: var(--necto-atlassian-bg-hover, ${
|
|
127
|
+
background-color: var(--necto-atlassian-bg-hover, ${qe});
|
|
65
128
|
}
|
|
66
129
|
|
|
67
130
|
&:active {
|
|
68
|
-
background-color: var(--necto-atlassian-bg-active, ${
|
|
131
|
+
background-color: var(--necto-atlassian-bg-active, ${Je});
|
|
69
132
|
}
|
|
70
133
|
|
|
71
134
|
&:focus-visible {
|
|
72
|
-
box-shadow: 0 0 0 3px var(--necto-atlassian-focus-shadow, ${
|
|
135
|
+
box-shadow: 0 0 0 3px var(--necto-atlassian-focus-shadow, ${je});
|
|
73
136
|
}
|
|
74
137
|
|
|
75
138
|
${t=>t.$disabled&&`
|
|
76
139
|
&:hover,
|
|
77
140
|
&:active {
|
|
78
|
-
background-color: var(--necto-atlassian-bg, ${
|
|
141
|
+
background-color: var(--necto-atlassian-bg, ${ct});
|
|
79
142
|
}
|
|
80
143
|
`}
|
|
81
|
-
`,
|
|
144
|
+
`,pt=We(({as:t,asChild:e,children:r="Continue with Atlassian",iconPosition:i="left",showIcon:s=!0,iconSize:n=20,disabled:o,className:a,...l},c)=>lt(tr,{as:t,ref:c,asChild:e,showIcon:s,disabled:o,$disabled:o,iconPosition:i,icon:lt(Ze,{size:n}),className:Ke(`_necto:${dt}`,a),...l,children:r}));pt.displayName=dt;import or from"clsx";import{forwardRef as er}from"react";import rr from"@emotion/styled";import{jsx as B,jsxs as ft}from"@emotion/react/jsx-runtime";var mt=({size:t})=>ft("svg",{width:t,height:t,viewBox:"0 0 72 72",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[B("title",{children:"Bitbucket"}),B("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)"}),B("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}}),B("defs",{children:ft("linearGradient",{id:"paint0_linear_5907_10188",x1:"60.8078",y1:"35.1603",x2:"37.2868",y2:"51.0791",gradientUnits:"userSpaceOnUse",children:[B("stop",{offset:"0.0718327","stop-color":"white","stop-opacity":"0.4",style:{stopColor:"white",stopOpacity:.4}}),B("stop",{offset:"1","stop-color":"white",style:{stopColor:"white",stopOpacity:1}})]})})]});import{jsx as bt}from"@emotion/react/jsx-runtime";var gt="BitbucketButton",ut="#0052cc",nr="#0747a6",ir="#003d99",sr="#ffffff",ar="rgba(0, 82, 204, 0.3)",cr=rr(d)`
|
|
82
145
|
padding: 0 18px;
|
|
83
|
-
background-color: var(--necto-bitbucket-bg, ${
|
|
84
|
-
color: var(--necto-bitbucket-text, ${
|
|
146
|
+
background-color: var(--necto-bitbucket-bg, ${ut});
|
|
147
|
+
color: var(--necto-bitbucket-text, ${sr});
|
|
85
148
|
border: none;
|
|
86
149
|
font-weight: 500;
|
|
87
150
|
font-family: system-ui, -apple-system, sans-serif;
|
|
88
151
|
|
|
89
152
|
&:hover {
|
|
90
|
-
background-color: var(--necto-bitbucket-bg-hover, ${
|
|
153
|
+
background-color: var(--necto-bitbucket-bg-hover, ${nr});
|
|
91
154
|
}
|
|
92
155
|
|
|
93
156
|
&:active {
|
|
94
|
-
background-color: var(--necto-bitbucket-bg-active, ${
|
|
157
|
+
background-color: var(--necto-bitbucket-bg-active, ${ir});
|
|
95
158
|
}
|
|
96
159
|
|
|
97
160
|
&:focus-visible {
|
|
98
|
-
box-shadow: 0 0 0 3px var(--necto-bitbucket-focus-shadow, ${
|
|
161
|
+
box-shadow: 0 0 0 3px var(--necto-bitbucket-focus-shadow, ${ar});
|
|
99
162
|
}
|
|
100
163
|
|
|
101
164
|
${t=>t.$disabled&&`
|
|
102
165
|
&:hover,
|
|
103
166
|
&:active {
|
|
104
|
-
background-color: var(--necto-bitbucket-bg, ${
|
|
167
|
+
background-color: var(--necto-bitbucket-bg, ${ut});
|
|
105
168
|
}
|
|
106
169
|
`}
|
|
107
|
-
`,
|
|
170
|
+
`,Bt=er(({as:t,asChild:e,children:r="Continue with Bitbucket",iconPosition:i="left",showIcon:s=!0,iconSize:n=22,disabled:o,className:a,...l},c)=>bt(cr,{as:t,ref:c,asChild:e,showIcon:s,disabled:o,$disabled:o,iconPosition:i,icon:bt(mt,{size:n}),className:or(`_necto:${gt}`,a),...l,children:r}));Bt.displayName=gt;import lr from"clsx";import{forwardRef as dr}from"react";import pr from"@emotion/styled";import{FaDiscord as fr}from"react-icons/fa";import{jsx as Rt}from"@emotion/react/jsx-runtime";var ht="DiscordButton",Ot="#5865f2",mr="#4752d9",ur="#3c45c0",br="#ffffff",gr="rgba(88, 101, 242, 0.3)",Br=pr(d)`
|
|
108
171
|
padding: 0 18px;
|
|
109
|
-
background-color: var(--necto-discord-bg, ${
|
|
110
|
-
color: var(--necto-discord-text, ${
|
|
172
|
+
background-color: var(--necto-discord-bg, ${Ot});
|
|
173
|
+
color: var(--necto-discord-text, ${br});
|
|
111
174
|
border: none;
|
|
112
175
|
font-weight: 500;
|
|
113
176
|
font-family: 'Roboto', system-ui, -apple-system, sans-serif;
|
|
114
177
|
|
|
115
178
|
&:hover {
|
|
116
|
-
background-color: var(--necto-discord-bg-hover, ${
|
|
179
|
+
background-color: var(--necto-discord-bg-hover, ${mr});
|
|
117
180
|
}
|
|
118
181
|
|
|
119
182
|
&:active {
|
|
120
|
-
background-color: var(--necto-discord-bg-active, ${
|
|
183
|
+
background-color: var(--necto-discord-bg-active, ${ur});
|
|
121
184
|
}
|
|
122
185
|
|
|
123
186
|
&:focus-visible {
|
|
124
|
-
box-shadow: 0 0 0 3px var(--necto-discord-focus-shadow, ${
|
|
187
|
+
box-shadow: 0 0 0 3px var(--necto-discord-focus-shadow, ${gr});
|
|
125
188
|
}
|
|
126
189
|
|
|
127
190
|
${t=>t.$disabled&&`
|
|
128
191
|
&:hover,
|
|
129
192
|
&:active {
|
|
130
|
-
background-color: var(--necto-discord-bg, ${
|
|
193
|
+
background-color: var(--necto-discord-bg, ${Ot});
|
|
131
194
|
}
|
|
132
195
|
`}
|
|
133
|
-
`,
|
|
196
|
+
`,yt=dr(({as:t,asChild:e,children:r="Continue with Discord",iconPosition:i="left",showIcon:s=!0,iconSize:n=20,disabled:o,className:a,...l},c)=>Rt(Br,{as:t,ref:c,asChild:e,showIcon:s,disabled:o,$disabled:o,iconPosition:i,icon:Rt(fr,{size:n}),className:lr(`_necto:${ht}`,a),...l,children:r}));yt.displayName=ht;import Or from"clsx";import{forwardRef as Rr}from"react";import hr from"@emotion/styled";import{FaDropbox as yr}from"react-icons/fa";import{jsx as Et}from"@emotion/react/jsx-runtime";var _t="DropboxButton",vt="#0061ff",vr="#0056e0",Er="#004bc5",_r="#ffffff",xr="rgba(0, 97, 255, 0.3)",Cr=hr(d)`
|
|
134
197
|
padding: 0 18px;
|
|
135
|
-
background-color: var(--necto-dropbox-bg, ${
|
|
136
|
-
color: var(--necto-dropbox-text, ${
|
|
198
|
+
background-color: var(--necto-dropbox-bg, ${vt});
|
|
199
|
+
color: var(--necto-dropbox-text, ${_r});
|
|
137
200
|
border: none;
|
|
138
201
|
font-weight: 500;
|
|
139
202
|
font-family: 'Roboto', system-ui, -apple-system, sans-serif;
|
|
140
203
|
|
|
141
204
|
&:hover {
|
|
142
|
-
background-color: var(--necto-dropbox-bg-hover, ${
|
|
205
|
+
background-color: var(--necto-dropbox-bg-hover, ${vr});
|
|
143
206
|
}
|
|
144
207
|
|
|
145
208
|
&:active {
|
|
146
|
-
background-color: var(--necto-dropbox-bg-active, ${
|
|
209
|
+
background-color: var(--necto-dropbox-bg-active, ${Er});
|
|
147
210
|
}
|
|
148
211
|
|
|
149
212
|
&:focus-visible {
|
|
150
|
-
box-shadow: 0 0 0 3px var(--necto-dropbox-focus-shadow, ${
|
|
213
|
+
box-shadow: 0 0 0 3px var(--necto-dropbox-focus-shadow, ${xr});
|
|
151
214
|
}
|
|
152
215
|
|
|
153
216
|
${t=>t.$disabled&&`
|
|
154
217
|
&:hover,
|
|
155
218
|
&:active {
|
|
156
|
-
background-color: var(--necto-dropbox-bg, ${
|
|
219
|
+
background-color: var(--necto-dropbox-bg, ${vt});
|
|
157
220
|
}
|
|
158
221
|
`}
|
|
159
|
-
`,
|
|
222
|
+
`,xt=Rr(({as:t,asChild:e,children:r="Continue with Dropbox",iconPosition:i="left",showIcon:s=!0,iconSize:n=20,disabled:o,className:a,...l},c)=>Et(Cr,{as:t,ref:c,asChild:e,icon:Et(yr,{size:n}),showIcon:s,disabled:o,$disabled:o,iconPosition:i,className:Or(`_necto:${_t}`,a),...l,children:r}));xt.displayName=_t;import wr from"clsx";import{forwardRef as Tr}from"react";import Lr from"@emotion/styled";import{FaFacebook as Sr}from"react-icons/fa6";import{jsx as wt}from"@emotion/react/jsx-runtime";var Tt="FacebookButton",Ct="#1877f2",kr="#166fe5",$r="#1467d6",Ar="#ffffff",Fr="#1877f2",Pr="rgba(24, 119, 242, 0.3)",Hr=Lr(d)`
|
|
160
223
|
padding: 0 18px;
|
|
161
|
-
background-color: var(--necto-facebook-bg, ${
|
|
162
|
-
color: var(--necto-facebook-text, ${
|
|
163
|
-
border: 1px solid var(--necto-facebook-border, ${
|
|
224
|
+
background-color: var(--necto-facebook-bg, ${Ct});
|
|
225
|
+
color: var(--necto-facebook-text, ${Ar});
|
|
226
|
+
border: 1px solid var(--necto-facebook-border, ${Fr});
|
|
164
227
|
font-weight: 500;
|
|
165
228
|
font-family: system-ui, -apple-system, sans-serif;
|
|
166
229
|
|
|
167
230
|
&:hover {
|
|
168
|
-
background-color: var(--necto-facebook-bg-hover, ${
|
|
231
|
+
background-color: var(--necto-facebook-bg-hover, ${kr});
|
|
169
232
|
}
|
|
170
233
|
|
|
171
234
|
&:active {
|
|
172
|
-
background-color: var(--necto-facebook-bg-active, ${
|
|
235
|
+
background-color: var(--necto-facebook-bg-active, ${$r});
|
|
173
236
|
}
|
|
174
237
|
|
|
175
238
|
&:focus-visible {
|
|
176
|
-
box-shadow: 0 0 0 3px var(--necto-facebook-focus-shadow, ${
|
|
239
|
+
box-shadow: 0 0 0 3px var(--necto-facebook-focus-shadow, ${Pr});
|
|
177
240
|
}
|
|
178
241
|
|
|
179
242
|
${t=>t.$disabled&&`
|
|
180
243
|
&:hover,
|
|
181
244
|
&:active {
|
|
182
|
-
background-color: var(--necto-facebook-bg, ${
|
|
245
|
+
background-color: var(--necto-facebook-bg, ${Ct});
|
|
183
246
|
}
|
|
184
247
|
`}
|
|
185
|
-
`,
|
|
248
|
+
`,Lt=Tr(({as:t,asChild:e,children:r="Continue with Facebook",iconPosition:i="left",showIcon:s=!0,iconSize:n=20,disabled:o,className:a,...l},c)=>wt(Hr,{as:t,ref:c,asChild:e,showIcon:s,disabled:o,$disabled:o,iconPosition:i,icon:wt(Sr,{size:n}),className:wr(`_necto:${Tt}`,a),...l,children:r}));Lt.displayName=Tt;import Mr from"clsx";import{forwardRef as Ir}from"react";import Nr from"@emotion/styled";import{FaGithub as Gr}from"react-icons/fa";import{jsx as kt}from"@emotion/react/jsx-runtime";var $t="GitHubButton",St="#24292f",Dr="#2c3237",Ur="#373e47",Vr="#ffffff",zr="#24292f",Xr="rgba(36, 41, 47, 0.3)",Kr=Nr(d)`
|
|
186
249
|
padding: 0 18px;
|
|
187
|
-
background-color: var(--necto-github-bg, ${
|
|
188
|
-
color: var(--necto-github-text, ${
|
|
189
|
-
border: 1px solid var(--necto-github-border, ${
|
|
250
|
+
background-color: var(--necto-github-bg, ${St});
|
|
251
|
+
color: var(--necto-github-text, ${Vr});
|
|
252
|
+
border: 1px solid var(--necto-github-border, ${zr});
|
|
190
253
|
font-weight: 500;
|
|
191
254
|
font-family: system-ui, -apple-system, sans-serif;
|
|
192
255
|
|
|
193
256
|
&:hover {
|
|
194
|
-
background-color: var(--necto-github-bg-hover, ${
|
|
257
|
+
background-color: var(--necto-github-bg-hover, ${Dr});
|
|
195
258
|
}
|
|
196
259
|
|
|
197
260
|
&:active {
|
|
198
|
-
background-color: var(--necto-github-bg-active, ${
|
|
261
|
+
background-color: var(--necto-github-bg-active, ${Ur});
|
|
199
262
|
}
|
|
200
263
|
|
|
201
264
|
&:focus-visible {
|
|
202
|
-
box-shadow: 0 0 0 3px var(--necto-github-focus-shadow, ${
|
|
265
|
+
box-shadow: 0 0 0 3px var(--necto-github-focus-shadow, ${Xr});
|
|
203
266
|
}
|
|
204
267
|
|
|
205
268
|
${t=>t.$disabled&&`
|
|
206
269
|
&:hover,
|
|
207
270
|
&:active {
|
|
208
|
-
background-color: var(--necto-github-bg, ${
|
|
271
|
+
background-color: var(--necto-github-bg, ${St});
|
|
209
272
|
}
|
|
210
273
|
`}
|
|
211
|
-
`,
|
|
274
|
+
`,At=Ir(({as:t,asChild:e,children:r="Continue with GitHub",iconPosition:i="left",showIcon:s=!0,iconSize:n=20,disabled:o,className:a,...l},c)=>kt(Kr,{as:t,ref:c,asChild:e,showIcon:s,disabled:o,$disabled:o,iconPosition:i,icon:kt(Gr,{size:n}),className:Mr(`_necto:${$t}`,a),...l,children:r}));At.displayName=$t;import Yr from"clsx";import{forwardRef as Zr}from"react";import qr from"@emotion/styled";import{jsx as R,jsxs as Wr}from"@emotion/react/jsx-runtime";var Ft=({size:t,color:e})=>{let r=e==null;return Wr("svg",{width:t,height:t,viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg",children:[R("title",{children:"GitLab Icon"}),R("path",{fill:r?"#E24329":e??void 0,d:"M29.5 13.2v-.1l-3.8-9.9c-.1-.2-.2-.4-.4-.5c-.4-.2-.8-.2-1.2.1c-.1.1-.3.2-.3.4l-2.6 7.9H10.8L8.2 3.2c0-.2-.2-.3-.3-.5c-.4-.2-.8-.3-1.2 0c-.2.1-.3.2-.4.4L2.5 13v.1c-1.1 2.9-.2 6.3 2.3 8.2l5.8 4.3l2.9 2.2l1.7 1.3c.4.3 1 .3 1.4 0l1.7-1.3l2.9-2.2l5.8-4.4c2.7-1.7 3.7-5.1 2.5-8"}),R("path",{fill:r?"#FC6D26":e??void 0,d:"M29.5 13.2v-.1c-1.9.4-3.6 1.2-5.1 2.3L16 21.7c2.9 2.2 5.3 4 5.3 4l5.8-4.4c2.6-1.8 3.6-5.2 2.4-8.1"}),R("path",{fill:r?"#FCA326":e??void 0,d:"m10.7 25.8l2.9 2.2l1.7 1.3c.4.3 1 .3 1.4 0l1.7-1.3l2.9-2.2s-2.5-1.9-5.3-4c-2.9 2.1-5.3 4-5.3 4"}),R("path",{fill:r?"#FC6D26":e??void 0,d:"M7.6 15.4c-1.5-1.1-3.3-1.9-5.1-2.3v.1c-1.1 2.9-.2 6.3 2.3 8.2l5.8 4.3s2.5-1.9 5.3-4z"})]})};import{jsx as Ht}from"@emotion/react/jsx-runtime";var Mt="GitLabButton",Pt="#fc6d26",Jr="#e24329",Qr="#c73b1c",jr="#ffffff",tn="rgba(252, 109, 38, 0.3)",on=qr(d)`
|
|
212
275
|
padding: 0 18px;
|
|
213
|
-
background-color: var(--necto-gitlab-bg, ${
|
|
214
|
-
color: var(--necto-gitlab-text, ${
|
|
276
|
+
background-color: var(--necto-gitlab-bg, ${Pt});
|
|
277
|
+
color: var(--necto-gitlab-text, ${jr});
|
|
215
278
|
border: none;
|
|
216
279
|
font-weight: 500;
|
|
217
280
|
font-family: system-ui, -apple-system, sans-serif;
|
|
218
281
|
|
|
219
282
|
&:hover {
|
|
220
|
-
background-color: var(--necto-gitlab-bg-hover, ${
|
|
283
|
+
background-color: var(--necto-gitlab-bg-hover, ${Jr});
|
|
221
284
|
}
|
|
222
285
|
|
|
223
286
|
&:active {
|
|
224
|
-
background-color: var(--necto-gitlab-bg-active, ${
|
|
287
|
+
background-color: var(--necto-gitlab-bg-active, ${Qr});
|
|
225
288
|
}
|
|
226
289
|
|
|
227
290
|
&:focus-visible {
|
|
228
|
-
box-shadow: 0 0 0 3px var(--necto-gitlab-focus-shadow, ${
|
|
291
|
+
box-shadow: 0 0 0 3px var(--necto-gitlab-focus-shadow, ${tn});
|
|
229
292
|
}
|
|
230
293
|
|
|
231
294
|
${t=>t.$disabled&&`
|
|
232
295
|
&:hover,
|
|
233
296
|
&:active {
|
|
234
|
-
background-color: var(--necto-gitlab-bg, ${
|
|
297
|
+
background-color: var(--necto-gitlab-bg, ${Pt});
|
|
235
298
|
}
|
|
236
299
|
`}
|
|
237
|
-
`,
|
|
300
|
+
`,It=Zr(({as:t,asChild:e,iconColor:r="#fff",children:i="Continue with GitLab",iconPosition:s="left",showIcon:n=!0,iconSize:o=20,disabled:a,className:l,...c},p)=>Ht(on,{as:t,ref:p,asChild:e,showIcon:n,disabled:a,$disabled:a,iconPosition:s,icon:Ht(Ft,{size:o,color:r}),className:Yr(`_necto:${Mt}`,l),...c,children:i}));It.displayName=Mt;import en from"clsx";import{forwardRef as rn}from"react";import nn from"@emotion/styled";import{FcGoogle as sn}from"react-icons/fc";import{jsx as Gt}from"@emotion/react/jsx-runtime";var Dt="GoogleButton",Nt="#ffffff",an="#f8f9fa",cn="#eceff1",ln="#1f1f1f",dn="#747775",pn="rgba(66, 133, 244, 0.3)",fn=nn(d)`
|
|
238
301
|
padding: 0 12px 0 12px;
|
|
239
302
|
height: 40px;
|
|
240
|
-
background-color: var(--necto-google-bg, ${
|
|
241
|
-
color: var(--necto-google-text, ${
|
|
242
|
-
border: 1px solid var(--necto-google-border, ${
|
|
303
|
+
background-color: var(--necto-google-bg, ${Nt});
|
|
304
|
+
color: var(--necto-google-text, ${ln});
|
|
305
|
+
border: 1px solid var(--necto-google-border, ${dn});
|
|
243
306
|
font-weight: 500;
|
|
244
307
|
font-family: 'Roboto Medium', system-ui, -apple-system, sans-serif;
|
|
245
308
|
|
|
246
309
|
&:hover {
|
|
247
|
-
background-color: var(--necto-google-bg-hover, ${
|
|
310
|
+
background-color: var(--necto-google-bg-hover, ${an});
|
|
248
311
|
}
|
|
249
312
|
|
|
250
313
|
&:active {
|
|
251
|
-
background-color: var(--necto-google-bg-active, ${
|
|
314
|
+
background-color: var(--necto-google-bg-active, ${cn});
|
|
252
315
|
}
|
|
253
316
|
|
|
254
317
|
&:focus-visible {
|
|
255
|
-
box-shadow: 0 0 0 3px var(--necto-google-focus-shadow, ${
|
|
318
|
+
box-shadow: 0 0 0 3px var(--necto-google-focus-shadow, ${pn});
|
|
256
319
|
}
|
|
257
320
|
|
|
258
321
|
${t=>t.$disabled&&`
|
|
259
322
|
&:hover,
|
|
260
323
|
&:active {
|
|
261
|
-
background-color: var(--necto-google-bg, ${
|
|
324
|
+
background-color: var(--necto-google-bg, ${Nt});
|
|
262
325
|
}
|
|
263
326
|
`}
|
|
264
|
-
`,
|
|
327
|
+
`,Ut=rn(({as:t,asChild:e,children:r="Continue with Google",iconPosition:i="left",showIcon:s=!0,iconSize:n=20,disabled:o,className:a,...l},c)=>Gt(fn,{as:t,ref:c,asChild:e,showIcon:s,disabled:o,$disabled:o,className:en(`_necto:${Dt}`,a),iconPosition:i,icon:Gt(sn,{size:n}),...l,children:r}));Ut.displayName=Dt;import mn from"clsx";import{forwardRef as un}from"react";import bn from"@emotion/styled";import{SiHubspot as gn}from"react-icons/si";import{jsx as zt}from"@emotion/react/jsx-runtime";var Xt="HubSpotButton",Vt="#ff7a59",Bn="#ff6a47",On="#e55d3f",Rn="#ffffff",hn="rgba(255, 122, 89, 0.3)",yn=bn(d)`
|
|
265
328
|
padding: 0 12px 0 12px;
|
|
266
|
-
background-color: var(--necto-hubspot-bg, ${
|
|
267
|
-
color: var(--necto-hubspot-text, ${
|
|
329
|
+
background-color: var(--necto-hubspot-bg, ${Vt});
|
|
330
|
+
color: var(--necto-hubspot-text, ${Rn});
|
|
268
331
|
border: none;
|
|
269
332
|
font-weight: 500;
|
|
270
333
|
font-family: 'Roboto', system-ui, -apple-system, sans-serif;
|
|
271
334
|
|
|
272
335
|
&:hover {
|
|
273
|
-
background-color: var(--necto-hubspot-bg-hover, ${
|
|
336
|
+
background-color: var(--necto-hubspot-bg-hover, ${Bn});
|
|
274
337
|
}
|
|
275
338
|
|
|
276
339
|
&:active {
|
|
277
|
-
background-color: var(--necto-hubspot-bg-active, ${
|
|
340
|
+
background-color: var(--necto-hubspot-bg-active, ${On});
|
|
278
341
|
}
|
|
279
342
|
|
|
280
343
|
&:focus-visible {
|
|
281
|
-
box-shadow: 0 0 0 3px var(--necto-hubspot-focus-shadow, ${
|
|
344
|
+
box-shadow: 0 0 0 3px var(--necto-hubspot-focus-shadow, ${hn});
|
|
282
345
|
}
|
|
283
346
|
|
|
284
347
|
${t=>t.$disabled&&`
|
|
285
348
|
&:hover,
|
|
286
349
|
&:active {
|
|
287
|
-
background-color: var(--necto-hubspot-bg, ${
|
|
350
|
+
background-color: var(--necto-hubspot-bg, ${Vt});
|
|
288
351
|
}
|
|
289
352
|
`}
|
|
290
|
-
`,
|
|
353
|
+
`,Kt=un(({as:t,asChild:e,children:r="Continue with HubSpot",iconPosition:i="left",showIcon:s=!0,iconSize:n=20,disabled:o,className:a,...l},c)=>zt(yn,{as:t,ref:c,asChild:e,showIcon:s,disabled:o,$disabled:o,className:mn(`_necto:${Xt}`,a),iconPosition:i,icon:zt(gn,{size:n}),...l,children:r}));Kt.displayName=Xt;import vn from"clsx";import{forwardRef as En}from"react";import _n from"@emotion/styled";import{SiHuggingface as xn}from"react-icons/si";import{jsx as Yt}from"@emotion/react/jsx-runtime";var Zt="HuggingFaceButton",Wt="#ffcc00",Cn="#e6b800",wn="#cca300",Tn="#000000",Ln="rgba(255, 204, 0, 0.3)",Sn=_n(d)`
|
|
291
354
|
padding: 0 12px 0 12px;
|
|
292
|
-
background-color: var(--necto-huggingface-bg, ${
|
|
293
|
-
color: var(--necto-huggingface-text, ${
|
|
355
|
+
background-color: var(--necto-huggingface-bg, ${Wt});
|
|
356
|
+
color: var(--necto-huggingface-text, ${Tn});
|
|
294
357
|
border: none;
|
|
295
358
|
font-weight: 500;
|
|
296
359
|
font-family: 'Roboto', system-ui, -apple-system, sans-serif;
|
|
297
360
|
|
|
298
361
|
&:hover {
|
|
299
|
-
background-color: var(--necto-huggingface-bg-hover, ${
|
|
362
|
+
background-color: var(--necto-huggingface-bg-hover, ${Cn});
|
|
300
363
|
}
|
|
301
364
|
|
|
302
365
|
&:active {
|
|
303
|
-
background-color: var(--necto-huggingface-bg-active, ${
|
|
366
|
+
background-color: var(--necto-huggingface-bg-active, ${wn});
|
|
304
367
|
}
|
|
305
368
|
|
|
306
369
|
&:focus-visible {
|
|
307
|
-
box-shadow: 0 0 0 3px var(--necto-huggingface-focus-shadow, ${
|
|
370
|
+
box-shadow: 0 0 0 3px var(--necto-huggingface-focus-shadow, ${Ln});
|
|
308
371
|
}
|
|
309
372
|
|
|
310
373
|
${t=>t.$disabled&&`
|
|
311
374
|
&:hover,
|
|
312
375
|
&:active {
|
|
313
|
-
background-color: var(--necto-huggingface-bg, ${
|
|
376
|
+
background-color: var(--necto-huggingface-bg, ${Wt});
|
|
314
377
|
}
|
|
315
378
|
`}
|
|
316
|
-
`,
|
|
379
|
+
`,qt=En(({as:t,asChild:e,children:r="Continue with HuggingFace",iconPosition:i="left",showIcon:s=!0,iconSize:n=20,disabled:o,className:a,...l},c)=>Yt(Sn,{as:t,ref:c,asChild:e,showIcon:s,disabled:o,$disabled:o,className:vn(`_necto:${Zt}`,a),iconPosition:i,icon:Yt(xn,{size:n}),...l,children:r}));qt.displayName=Zt;import kn from"clsx";import{forwardRef as $n}from"react";import An from"@emotion/styled";import{FaLinkedin as Fn}from"react-icons/fa";import{jsx as Qt}from"@emotion/react/jsx-runtime";var jt="LinkedInButton",Jt="#0a66c2",Pn="#004182",Hn="#003366",Mn="#ffffff",In="rgba(10, 102, 194, 0.3)",Nn=An(d)`
|
|
317
380
|
padding: 0 12px;
|
|
318
|
-
background-color: var(--necto-linkedin-bg, ${
|
|
319
|
-
color: var(--necto-linkedin-text, ${
|
|
381
|
+
background-color: var(--necto-linkedin-bg, ${Jt});
|
|
382
|
+
color: var(--necto-linkedin-text, ${Mn});
|
|
320
383
|
border: none;
|
|
321
384
|
font-weight: 500;
|
|
322
385
|
font-family: system-ui, -apple-system, sans-serif;
|
|
323
386
|
|
|
324
387
|
&:hover {
|
|
325
|
-
background-color: var(--necto-linkedin-bg-hover, ${
|
|
388
|
+
background-color: var(--necto-linkedin-bg-hover, ${Pn});
|
|
326
389
|
}
|
|
327
390
|
|
|
328
391
|
&:active {
|
|
329
|
-
background-color: var(--necto-linkedin-bg-active, ${
|
|
392
|
+
background-color: var(--necto-linkedin-bg-active, ${Hn});
|
|
330
393
|
}
|
|
331
394
|
|
|
332
395
|
&:focus-visible {
|
|
333
|
-
box-shadow: 0 0 0 3px var(--necto-linkedin-focus-shadow, ${
|
|
396
|
+
box-shadow: 0 0 0 3px var(--necto-linkedin-focus-shadow, ${In});
|
|
334
397
|
}
|
|
335
398
|
|
|
336
399
|
${t=>t.$disabled&&`
|
|
337
400
|
&:hover,
|
|
338
401
|
&:active {
|
|
339
|
-
background-color: var(--necto-linkedin-bg, ${
|
|
402
|
+
background-color: var(--necto-linkedin-bg, ${Jt});
|
|
340
403
|
}
|
|
341
404
|
`}
|
|
342
|
-
`,
|
|
405
|
+
`,to=$n(({as:t,asChild:e,children:r="Continue with LinkedIn",iconPosition:i="left",showIcon:s=!0,iconSize:n=20,disabled:o,className:a,...l},c)=>Qt(Nn,{as:t,ref:c,asChild:e,showIcon:s,disabled:o,$disabled:o,className:kn(`_necto:${jt}`,a),iconPosition:i,icon:Qt(Fn,{size:n}),...l,children:r}));to.displayName=jt;import Dn from"clsx";import{forwardRef as Un}from"react";import Vn from"@emotion/styled";import{jsx as b,jsxs as Gn}from"@emotion/react/jsx-runtime";var oo=({size:t})=>Gn("svg",{width:t,height:t,version:"1.1",id:"Layer_1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",x:"0px",y:"0px",viewBox:"0 0 142 136.878",xmlSpace:"preserve",children:[b("title",{children:"MetaMask logo"}),b("path",{fill:"#FF5C16",d:`M132.682,132.192l-30.583-9.106l-23.063,13.787l-16.092-0.007l-23.077-13.78l-30.569,9.106L0,100.801
|
|
343
406
|
l9.299-34.839L0,36.507L9.299,0l47.766,28.538h27.85L132.682,0l9.299,36.507l-9.299,29.455l9.299,34.839L132.682,132.192
|
|
344
|
-
L132.682,132.192z`}),
|
|
407
|
+
L132.682,132.192z`}),b("path",{fill:"#FF5C16",d:`M9.305,0l47.767,28.558l-1.899,19.599L9.305,0z M39.875,100.814l21.017,16.01l-21.017,6.261
|
|
345
408
|
C39.875,123.085,39.875,100.814,39.875,100.814z M59.212,74.345l-4.039-26.174L29.317,65.97l-0.014-0.007v0.013l0.08,18.321
|
|
346
409
|
l10.485-9.951L59.212,74.345L59.212,74.345z M132.682,0L84.915,28.558l1.893,19.599L132.682,0z M102.113,100.814l-21.018,16.01
|
|
347
410
|
l21.018,6.261V100.814z M112.678,65.975h0.007H112.678v-0.013l-0.006,0.007L86.815,48.171l-4.039,26.174h19.336l10.492,9.95
|
|
348
|
-
C112.604,84.295,112.678,65.975,112.678,65.975z`}),
|
|
411
|
+
C112.604,84.295,112.678,65.975,112.678,65.975z`}),b("path",{fill:"#E34807",d:`M39.868,123.085l-30.569,9.106L0,100.814h39.868C39.868,100.814,39.868,123.085,39.868,123.085z
|
|
349
412
|
M59.205,74.338l5.839,37.84l-8.093-21.04L29.37,84.295l10.491-9.956h19.344L59.205,74.338z M102.112,123.085l30.57,9.106
|
|
350
413
|
l9.299-31.378h-39.869C102.112,100.814,102.112,123.085,102.112,123.085z M82.776,74.338l-5.839,37.84l8.092-21.04l27.583-6.843
|
|
351
|
-
l-10.498-9.956H82.776V74.338z`}),
|
|
414
|
+
l-10.498-9.956H82.776V74.338z`}),b("path",{fill:"#FF8D5D",d:`M0,100.801l9.299-34.839h19.997l0.073,18.327l27.584,6.843l8.092,21.039l-4.16,4.633l-21.017-16.01H0
|
|
352
415
|
V100.801z M141.981,100.801l-9.299-34.839h-19.998l-0.073,18.327l-27.582,6.843l-8.093,21.039l4.159,4.633l21.018-16.01h39.868
|
|
353
|
-
V100.801z M84.915,28.538h-27.85l-1.891,19.599l9.872,64.013h11.891l9.878-64.013L84.915,28.538z`}),
|
|
416
|
+
V100.801z M84.915,28.538h-27.85l-1.891,19.599l9.872,64.013h11.891l9.878-64.013L84.915,28.538z`}),b("path",{fill:"#661800",d:`M9.299,0L0,36.507l9.299,29.455h19.997l25.87-17.804L9.299,0z M53.426,81.938h-9.059l-4.932,4.835
|
|
354
417
|
l17.524,4.344l-3.533-9.186V81.938z M132.682,0l9.299,36.507l-9.299,29.455h-19.998L86.815,48.158L132.682,0z M88.568,81.938h9.072
|
|
355
|
-
l4.932,4.841l-17.544,4.353l3.54-9.201V81.938z M79.029,124.385l2.067-7.567l-4.16-4.633h-11.9l-4.159,4.633l2.066,7.567`}),
|
|
356
|
-
M102.113,123.072l-23.084,13.8v-12.495l2.067-7.566C81.096,116.811,102.113,123.072,102.113,123.072z`})]});import{jsx as
|
|
418
|
+
l4.932,4.841l-17.544,4.353l3.54-9.201V81.938z M79.029,124.385l2.067-7.567l-4.16-4.633h-11.9l-4.159,4.633l2.066,7.567`}),b("path",{fill:"#C0C4CD",d:"M79.029,124.384v12.495H62.945v-12.495L79.029,124.384L79.029,124.384z"}),b("path",{fill:"#E7EBF6",d:`M39.875,123.072l23.083,13.8v-12.495l-2.067-7.566C60.891,116.811,39.875,123.072,39.875,123.072z
|
|
419
|
+
M102.113,123.072l-23.084,13.8v-12.495l2.067-7.566C81.096,116.811,102.113,123.072,102.113,123.072z`})]});import{jsx as ro}from"@emotion/react/jsx-runtime";var no="MetaMaskButton",eo="#f6851b",zn="#e2761a",Xn="#cd6a17",Kn="#ffffff",Wn="rgba(246, 133, 27, 0.3)",Yn=Vn(d)`
|
|
357
420
|
padding: 0 12px 0 12px;
|
|
358
|
-
background-color: var(--necto-metamask-bg, ${
|
|
359
|
-
color: var(--necto-metamask-text, ${
|
|
421
|
+
background-color: var(--necto-metamask-bg, ${eo});
|
|
422
|
+
color: var(--necto-metamask-text, ${Kn});
|
|
360
423
|
border: none;
|
|
361
424
|
font-weight: 500;
|
|
362
425
|
font-family: 'Roboto', system-ui, -apple-system, sans-serif;
|
|
363
426
|
|
|
364
427
|
&:hover {
|
|
365
|
-
background-color: var(--necto-metamask-bg-hover, ${
|
|
428
|
+
background-color: var(--necto-metamask-bg-hover, ${zn});
|
|
366
429
|
}
|
|
367
430
|
|
|
368
431
|
&:active {
|
|
369
|
-
background-color: var(--necto-metamask-bg-active, ${
|
|
432
|
+
background-color: var(--necto-metamask-bg-active, ${Xn});
|
|
370
433
|
}
|
|
371
434
|
|
|
372
435
|
&:focus-visible {
|
|
373
|
-
box-shadow: 0 0 0 3px var(--necto-metamask-focus-shadow, ${
|
|
436
|
+
box-shadow: 0 0 0 3px var(--necto-metamask-focus-shadow, ${Wn});
|
|
374
437
|
}
|
|
375
438
|
|
|
376
439
|
${t=>t.$disabled&&`
|
|
377
440
|
&:hover,
|
|
378
441
|
&:active {
|
|
379
|
-
background-color: var(--necto-metamask-bg, ${
|
|
442
|
+
background-color: var(--necto-metamask-bg, ${eo});
|
|
380
443
|
}
|
|
381
444
|
`}
|
|
382
|
-
`,
|
|
445
|
+
`,io=Un(({as:t,asChild:e,children:r="Continue with MetaMask",iconPosition:i="left",showIcon:s=!0,iconSize:n=20,disabled:o,className:a,...l},c)=>ro(Yn,{as:t,ref:c,asChild:e,showIcon:s,disabled:o,$disabled:o,className:Dn(`_necto:${no}`,a),iconPosition:i,icon:ro(oo,{size:n}),...l,children:r}));io.displayName=no;import qn from"clsx";import{forwardRef as Jn}from"react";import Qn from"@emotion/styled";import{jsx as h,jsxs as Zn}from"@emotion/react/jsx-runtime";var so=({size:t})=>Zn("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:t,viewBox:"0 0 256 256",children:[h("title",{children:"Microsoft"}),h("path",{fill:"#F1511B",d:"M121.666 121.666H0V0h121.666z"}),h("path",{fill:"#80CC28",d:"M256 121.666H134.335V0H256z"}),h("path",{fill:"#00ADEF",d:"M121.663 256.002H0V134.336h121.663z"}),h("path",{fill:"#FBBC09",d:"M256 256.002H134.335V134.336H256z"})]});import{jsx as co}from"@emotion/react/jsx-runtime";var lo="MicrosoftButton",ao="#2f2f2f",jn="#3d3d3d",ti="#4a4a4a",oi="#ffffff",ei="#8c8c8c",ri="rgba(47, 47, 47, 0.3)",ni=Qn(d)`
|
|
383
446
|
padding: 0 18px;
|
|
384
447
|
min-height: 41px;
|
|
385
|
-
background-color: var(--necto-microsoft-bg, ${
|
|
386
|
-
color: var(--necto-microsoft-text, ${
|
|
387
|
-
border: 1px solid var(--necto-microsoft-border, ${
|
|
448
|
+
background-color: var(--necto-microsoft-bg, ${ao});
|
|
449
|
+
color: var(--necto-microsoft-text, ${oi});
|
|
450
|
+
border: 1px solid var(--necto-microsoft-border, ${ei});
|
|
388
451
|
font-size: 15px;
|
|
389
452
|
font-weight: 600;
|
|
390
453
|
font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
|
|
391
454
|
|
|
392
455
|
&:hover {
|
|
393
|
-
background-color: var(--necto-microsoft-bg-hover, ${
|
|
456
|
+
background-color: var(--necto-microsoft-bg-hover, ${jn});
|
|
394
457
|
}
|
|
395
458
|
|
|
396
459
|
&:active {
|
|
397
|
-
background-color: var(--necto-microsoft-bg-active, ${
|
|
460
|
+
background-color: var(--necto-microsoft-bg-active, ${ti});
|
|
398
461
|
}
|
|
399
462
|
|
|
400
463
|
&:focus-visible {
|
|
401
|
-
box-shadow: 0 0 0 3px var(--necto-microsoft-focus-shadow, ${
|
|
464
|
+
box-shadow: 0 0 0 3px var(--necto-microsoft-focus-shadow, ${ri});
|
|
402
465
|
}
|
|
403
466
|
|
|
404
467
|
${t=>t.$disabled&&`
|
|
405
468
|
&:hover,
|
|
406
469
|
&:active {
|
|
407
|
-
background-color: var(--necto-microsoft-bg, ${
|
|
470
|
+
background-color: var(--necto-microsoft-bg, ${ao});
|
|
408
471
|
}
|
|
409
472
|
`}
|
|
410
|
-
`,
|
|
473
|
+
`,po=Jn(({as:t,asChild:e,children:r="Sign in with Microsoft",iconPosition:i="left",showIcon:s=!0,iconSize:n=18,disabled:o,className:a,...l},c)=>co(ni,{as:t,ref:c,asChild:e,showIcon:s,disabled:o,$disabled:o,className:qn(`_necto:${lo}`,a),iconPosition:i,icon:co(so,{size:n}),...l,children:r}));po.displayName=lo;import ii from"clsx";import{forwardRef as si}from"react";import ai from"@emotion/styled";import{SiNotion as ci}from"react-icons/si";import{jsx as mo}from"@emotion/react/jsx-runtime";var uo="NotionButton",fo="#000000",li="#1a1a1a",di="#333333",pi="#ffffff",fi="rgba(0, 0, 0, 0.3)",mi=ai(d)`
|
|
411
474
|
padding: 0 12px 0 12px;
|
|
412
|
-
background-color: var(--necto-notion-bg, ${
|
|
413
|
-
color: var(--necto-notion-text, ${
|
|
475
|
+
background-color: var(--necto-notion-bg, ${fo});
|
|
476
|
+
color: var(--necto-notion-text, ${pi});
|
|
414
477
|
border: none;
|
|
415
478
|
font-weight: 500;
|
|
416
479
|
font-family: 'Roboto', system-ui, -apple-system, sans-serif;
|
|
417
480
|
|
|
418
481
|
&:hover {
|
|
419
|
-
background-color: var(--necto-notion-bg-hover, ${
|
|
482
|
+
background-color: var(--necto-notion-bg-hover, ${li});
|
|
420
483
|
}
|
|
421
484
|
|
|
422
485
|
&:active {
|
|
423
|
-
background-color: var(--necto-notion-bg-active, ${
|
|
486
|
+
background-color: var(--necto-notion-bg-active, ${di});
|
|
424
487
|
}
|
|
425
488
|
|
|
426
489
|
&:focus-visible {
|
|
427
|
-
box-shadow: 0 0 0 3px var(--necto-notion-focus-shadow, ${
|
|
490
|
+
box-shadow: 0 0 0 3px var(--necto-notion-focus-shadow, ${fi});
|
|
428
491
|
}
|
|
429
492
|
|
|
430
493
|
${t=>t.$disabled&&`
|
|
431
494
|
&:hover,
|
|
432
495
|
&:active {
|
|
433
|
-
background-color: var(--necto-notion-bg, ${
|
|
496
|
+
background-color: var(--necto-notion-bg, ${fo});
|
|
434
497
|
}
|
|
435
498
|
`}
|
|
436
|
-
`,
|
|
499
|
+
`,bo=si(({as:t,asChild:e,children:r="Continue with Notion",iconPosition:i="left",showIcon:s=!0,iconSize:n=20,disabled:o,className:a,...l},c)=>mo(mi,{as:t,ref:c,asChild:e,showIcon:s,disabled:o,$disabled:o,className:ii(`_necto:${uo}`,a),iconPosition:i,icon:mo(ci,{size:n}),...l,children:r}));bo.displayName=uo;import ui from"clsx";import{forwardRef as bi}from"react";import gi from"@emotion/styled";import{SiOkx as Bi}from"react-icons/si";import{jsx as Bo}from"@emotion/react/jsx-runtime";var Oo="OKXButton",go="#000000",Oi="#1a1a1a",Ri="#333333",hi="#ffffff",yi="rgba(0, 0, 0, 0.3)",vi=gi(d)`
|
|
437
500
|
padding: 0 12px 0 12px;
|
|
438
|
-
background-color: var(--necto-okx-bg, ${
|
|
439
|
-
color: var(--necto-okx-text, ${
|
|
501
|
+
background-color: var(--necto-okx-bg, ${go});
|
|
502
|
+
color: var(--necto-okx-text, ${hi});
|
|
440
503
|
border: none;
|
|
441
504
|
font-weight: 500;
|
|
442
505
|
font-family: 'Roboto', system-ui, -apple-system, sans-serif;
|
|
443
506
|
|
|
444
507
|
&:hover {
|
|
445
|
-
background-color: var(--necto-okx-bg-hover, ${
|
|
508
|
+
background-color: var(--necto-okx-bg-hover, ${Oi});
|
|
446
509
|
}
|
|
447
510
|
|
|
448
511
|
&:active {
|
|
449
|
-
background-color: var(--necto-okx-bg-active, ${
|
|
512
|
+
background-color: var(--necto-okx-bg-active, ${Ri});
|
|
450
513
|
}
|
|
451
514
|
|
|
452
515
|
&:focus-visible {
|
|
453
|
-
box-shadow: 0 0 0 3px var(--necto-okx-focus-shadow, ${
|
|
516
|
+
box-shadow: 0 0 0 3px var(--necto-okx-focus-shadow, ${yi});
|
|
454
517
|
}
|
|
455
518
|
|
|
456
519
|
${t=>t.$disabled&&`
|
|
457
520
|
&:hover,
|
|
458
521
|
&:active {
|
|
459
|
-
background-color: var(--necto-okx-bg, ${
|
|
522
|
+
background-color: var(--necto-okx-bg, ${go});
|
|
460
523
|
}
|
|
461
524
|
`}
|
|
462
|
-
`,
|
|
525
|
+
`,Ro=bi(({as:t,asChild:e,children:r="Continue with OKX",iconPosition:i="left",showIcon:s=!0,iconSize:n=20,disabled:o,className:a,...l},c)=>Bo(vi,{as:t,ref:c,asChild:e,showIcon:s,disabled:o,$disabled:o,className:ui(`_necto:${Oo}`,a),iconPosition:i,icon:Bo(Bi,{size:n}),...l,children:r}));Ro.displayName=Oo;import Ei from"clsx";import{forwardRef as _i}from"react";import xi from"@emotion/styled";import{FaSalesforce as Ci}from"react-icons/fa";import{jsx as yo}from"@emotion/react/jsx-runtime";var vo="SalesforceButton",ho="#00a1e0",wi="#0074a8",Ti="#005c85",Li="#ffffff",Si="rgba(0, 161, 224, 0.3)",ki=xi(d)`
|
|
463
526
|
padding: 0 12px;
|
|
464
|
-
background-color: var(--necto-salesforce-bg, ${
|
|
465
|
-
color: var(--necto-salesforce-text, ${
|
|
527
|
+
background-color: var(--necto-salesforce-bg, ${ho});
|
|
528
|
+
color: var(--necto-salesforce-text, ${Li});
|
|
466
529
|
border: none;
|
|
467
530
|
font-weight: 500;
|
|
468
531
|
font-family: system-ui, -apple-system, sans-serif;
|
|
469
532
|
|
|
470
533
|
&:hover {
|
|
471
|
-
background-color: var(--necto-salesforce-bg-hover, ${
|
|
534
|
+
background-color: var(--necto-salesforce-bg-hover, ${wi});
|
|
472
535
|
}
|
|
473
536
|
|
|
474
537
|
&:active {
|
|
475
|
-
background-color: var(--necto-salesforce-bg-active, ${
|
|
538
|
+
background-color: var(--necto-salesforce-bg-active, ${Ti});
|
|
476
539
|
}
|
|
477
540
|
|
|
478
541
|
&:focus-visible {
|
|
479
|
-
box-shadow: 0 0 0 3px var(--necto-salesforce-focus-shadow, ${
|
|
542
|
+
box-shadow: 0 0 0 3px var(--necto-salesforce-focus-shadow, ${Si});
|
|
480
543
|
}
|
|
481
544
|
|
|
482
545
|
${t=>t.$disabled&&`
|
|
483
546
|
&:hover,
|
|
484
547
|
&:active {
|
|
485
|
-
background-color: var(--necto-salesforce-bg, ${
|
|
548
|
+
background-color: var(--necto-salesforce-bg, ${ho});
|
|
486
549
|
}
|
|
487
550
|
`}
|
|
488
|
-
`,
|
|
551
|
+
`,Eo=_i(({as:t,asChild:e,children:r="Continue with Salesforce",iconPosition:i="left",showIcon:s=!0,iconSize:n=20,disabled:o,className:a,...l},c)=>yo(ki,{as:t,ref:c,asChild:e,showIcon:s,disabled:o,$disabled:o,className:Ei(`_necto:${vo}`,a),iconPosition:i,icon:yo(Ci,{size:n}),...l,children:r}));Eo.displayName=vo;import $i from"clsx";import{forwardRef as Ai}from"react";import Fi from"@emotion/styled";import{FaSlack as Pi}from"react-icons/fa";import{jsx as xo}from"@emotion/react/jsx-runtime";var Co="SlackButton",_o="#4a154b",Hi="#3f1240",Mi="#350f36",Ii="#ffffff",Ni="rgba(74, 21, 75, 0.3)",Gi=Fi(d)`
|
|
489
552
|
padding: 0 12px 0 12px;
|
|
490
|
-
background-color: var(--necto-slack-bg, ${
|
|
491
|
-
color: var(--necto-slack-text, ${
|
|
553
|
+
background-color: var(--necto-slack-bg, ${_o});
|
|
554
|
+
color: var(--necto-slack-text, ${Ii});
|
|
492
555
|
border: none;
|
|
493
556
|
font-weight: 500;
|
|
494
557
|
font-family: 'Roboto', system-ui, -apple-system, sans-serif;
|
|
495
558
|
|
|
496
559
|
&:hover {
|
|
497
|
-
background-color: var(--necto-slack-bg-hover, ${
|
|
560
|
+
background-color: var(--necto-slack-bg-hover, ${Hi});
|
|
498
561
|
}
|
|
499
562
|
|
|
500
563
|
&:active {
|
|
501
|
-
background-color: var(--necto-slack-bg-active, ${
|
|
564
|
+
background-color: var(--necto-slack-bg-active, ${Mi});
|
|
502
565
|
}
|
|
503
566
|
|
|
504
567
|
&:focus-visible {
|
|
505
|
-
box-shadow: 0 0 0 3px var(--necto-slack-focus-shadow, ${
|
|
568
|
+
box-shadow: 0 0 0 3px var(--necto-slack-focus-shadow, ${Ni});
|
|
506
569
|
}
|
|
507
570
|
|
|
508
571
|
${t=>t.$disabled&&`
|
|
509
572
|
&:hover,
|
|
510
573
|
&:active {
|
|
511
|
-
background-color: var(--necto-slack-bg, ${
|
|
574
|
+
background-color: var(--necto-slack-bg, ${_o});
|
|
512
575
|
}
|
|
513
576
|
`}
|
|
514
|
-
`,
|
|
577
|
+
`,wo=Ai(({as:t,asChild:e,children:r="Continue with Slack",iconPosition:i="left",showIcon:s=!0,iconSize:n=20,disabled:o,className:a,...l},c)=>xo(Gi,{as:t,ref:c,asChild:e,showIcon:s,disabled:o,$disabled:o,className:$i(`_necto:${Co}`,a),iconPosition:i,icon:xo(Pi,{size:n}),...l,children:r}));wo.displayName=Co;import Di from"clsx";import{forwardRef as Ui}from"react";import Vi from"@emotion/styled";import{jsx as $,jsxs as To}from"@emotion/react/jsx-runtime";var Lo=({size:t,color:e})=>{let r=e==null;return To("svg",{width:t,height:t,viewBox:"0 0 500 500",xmlns:"http://www.w3.org/2000/svg",children:[$("title",{children:"Snapchat Icon"}),To("g",{children:[$("path",{fill:r?"white":e??void 0,d:"M417.93,340.71c-60.61-29.34-70.27-74.64-70.7-78-.52-4.07-1.11-7.27,3.38-11.41,4.33-4,23.54-15.89,28.87-19.61,8.81-6.16,12.69-12.31,9.83-19.87-2-5.23-6.87-7.2-12-7.2a22.3,22.3,0,0,0-4.81.54c-9.68,2.1-19.08,6.95-24.52,8.26a8.56,8.56,0,0,1-2,.27c-2.9,0-4-1.29-3.72-4.78.68-10.58,2.12-31.23.45-50.52-2.29-26.54-10.85-39.69-21-51.32C316.8,101.43,294,77.2,250,77.2S183.23,101.43,178.35,107c-10.18,11.63-18.73,24.78-21,51.32-1.67,19.29-.17,39.93.45,50.52.2,3.32-.82,4.78-3.72,4.78a8.64,8.64,0,0,1-2-.27c-5.43-1.31-14.83-6.16-24.51-8.26a22.3,22.3,0,0,0-4.81-.54c-5.15,0-10,2-12,7.2-2.86,7.56,1,13.71,9.84,19.87,5.33,3.72,24.54,15.6,28.87,19.61,4.48,4.14,3.9,7.34,3.38,11.41-.43,3.41-10.1,48.71-70.7,78-3.55,1.72-9.59,5.36,1.06,11.24,16.72,9.24,27.85,8.25,36.5,13.82,7.34,4.73,3,14.93,8.34,18.61,6.56,4.53,25.95-.32,51,7.95,21,6.92,33.76,26.47,71,26.47s50.37-19.64,71-26.47c25-8.27,44.43-3.42,51-7.95,5.33-3.68,1-13.88,8.34-18.61,8.65-5.57,19.77-4.58,36.5-13.82C427.52,346.07,421.48,342.43,417.93,340.71Z"}),$("path",{fill:r?"black":e??void 0,d:"M444.3,337.26c-2.72-7.4-7.9-11.36-13.8-14.64-1.11-.65-2.13-1.17-3-1.57-1.76-.91-3.56-1.79-5.35-2.72-18.39-9.75-32.75-22.05-42.71-36.63a83.06,83.06,0,0,1-7.33-13c-.85-2.43-.81-3.81-.2-5.07a8.25,8.25,0,0,1,2.35-2.45c3.16-2.09,6.42-4.21,8.63-5.64,3.94-2.55,7.06-4.57,9.07-6,7.55-5.28,12.83-10.89,16.13-17.16A34.17,34.17,0,0,0,409.78,204c-5-13.16-17.43-21.33-32.49-21.33a44.75,44.75,0,0,0-9.45,1c-.83.18-1.66.37-2.47.58.14-9-.06-18.5-.86-27.85-2.84-32.87-14.35-50.1-26.35-63.84A105,105,0,0,0,311.37,71C293.16,60.6,272.51,55.32,250,55.32S206.94,60.6,188.71,71a104.62,104.62,0,0,0-26.84,21.6c-12,13.74-23.51,31-26.35,63.84-.8,9.35-1,18.9-.87,27.85-.81-.21-1.63-.4-2.46-.58a44.75,44.75,0,0,0-9.45-1c-15.07,0-27.52,8.17-32.5,21.33a34.21,34.21,0,0,0,1.65,28.41c3.31,6.27,8.59,11.88,16.14,17.16,2,1.4,5.13,3.42,9.07,6,2.13,1.38,5.24,3.4,8.29,5.42a8.9,8.9,0,0,1,2.66,2.67c.64,1.31.66,2.72-.29,5.32a82.29,82.29,0,0,1-7.21,12.73c-9.74,14.25-23.68,26.33-41.48,36-9.43,5-19.23,8.34-23.37,19.59-3.12,8.49-1.08,18.15,6.85,26.29h0a39.63,39.63,0,0,0,10,7.57,108.35,108.35,0,0,0,24.47,9.79,16.16,16.16,0,0,1,4.94,2.21c2.89,2.53,2.48,6.34,6.33,11.92a27.8,27.8,0,0,0,7.24,7.36c8.08,5.58,17.16,5.93,26.78,6.3,8.69.33,18.54.71,29.79,4.42,4.66,1.54,9.5,4.52,15.11,8,13.47,8.28,31.91,19.61,62.77,19.61s49.43-11.39,63-19.7c5.57-3.42,10.38-6.37,14.91-7.87,11.25-3.72,21.1-4.09,29.79-4.42,9.62-.37,18.7-.72,26.78-6.3a27.89,27.89,0,0,0,8.24-9c2.77-4.71,2.7-8,5.3-10.3a15.32,15.32,0,0,1,4.64-2.12,108.76,108.76,0,0,0,24.8-9.88A39,39,0,0,0,437.94,363l.1-.12C445.48,354.92,447.35,345.54,444.3,337.26ZM416.87,352c-16.73,9.24-27.85,8.25-36.5,13.82-7.35,4.73-3,14.93-8.34,18.61-6.56,4.53-25.95-.32-51,7.95-20.66,6.83-33.84,26.47-71,26.47S200,399.25,179,392.33c-25-8.27-44.43-3.42-51-7.95-5.33-3.68-1-13.88-8.34-18.61C111,360.2,99.88,361.19,83.16,352c-10.65-5.88-4.61-9.52-1.06-11.24,60.6-29.34,70.27-74.64,70.7-78,.52-4.07,1.1-7.27-3.38-11.41-4.33-4-23.54-15.89-28.87-19.61-8.82-6.16-12.7-12.31-9.84-19.87,2-5.23,6.88-7.2,12-7.2a22.3,22.3,0,0,1,4.81.54c9.68,2.1,19.08,6.95,24.51,8.26a8.64,8.64,0,0,0,2,.27c2.9,0,3.92-1.46,3.72-4.78-.62-10.59-2.12-31.23-.45-50.52,2.29-26.54,10.84-39.69,21-51.32,4.88-5.59,27.81-29.82,71.66-29.82S316.8,101.43,321.68,107c10.17,11.63,18.73,24.78,21,51.32,1.67,19.29.23,39.94-.45,50.52-.23,3.49.82,4.78,3.72,4.78a8.56,8.56,0,0,0,2-.27c5.44-1.31,14.84-6.16,24.52-8.26a22.3,22.3,0,0,1,4.81-.54c5.15,0,10,2,12,7.2,2.86,7.56-1,13.71-9.83,19.87-5.33,3.72-24.54,15.6-28.87,19.61-4.49,4.14-3.9,7.34-3.38,11.41.43,3.41,10.09,48.71,70.7,78C421.48,342.43,427.52,346.07,416.87,352Z"})]})]})};import{jsx as ko}from"@emotion/react/jsx-runtime";var $o="SnapchatButton",So="#FFFC00",zi="#F7EC09",Xi="#E8DD08",Ki="#000000",Wi="rgba(255, 252, 0, 0.3)",Yi=Vi(d)`
|
|
515
578
|
padding: 0 18px;
|
|
516
|
-
background-color: var(--necto-snapchat-bg, ${
|
|
517
|
-
color: var(--necto-snapchat-text, ${
|
|
579
|
+
background-color: var(--necto-snapchat-bg, ${So});
|
|
580
|
+
color: var(--necto-snapchat-text, ${Ki});
|
|
518
581
|
border: none;
|
|
519
582
|
font-weight: 500;
|
|
520
583
|
font-family: 'Roboto', system-ui, -apple-system, sans-serif;
|
|
521
584
|
|
|
522
585
|
&:hover {
|
|
523
|
-
background-color: var(--necto-snapchat-bg-hover, ${
|
|
586
|
+
background-color: var(--necto-snapchat-bg-hover, ${zi});
|
|
524
587
|
}
|
|
525
588
|
|
|
526
589
|
&:active {
|
|
527
|
-
background-color: var(--necto-snapchat-bg-active, ${
|
|
590
|
+
background-color: var(--necto-snapchat-bg-active, ${Xi});
|
|
528
591
|
}
|
|
529
592
|
|
|
530
593
|
&:focus-visible {
|
|
531
|
-
box-shadow: 0 0 0 3px var(--necto-snapchat-focus-shadow, ${
|
|
594
|
+
box-shadow: 0 0 0 3px var(--necto-snapchat-focus-shadow, ${Wi});
|
|
532
595
|
}
|
|
533
596
|
|
|
534
597
|
${t=>t.$disabled&&`
|
|
535
598
|
&:hover,
|
|
536
599
|
&:active {
|
|
537
|
-
background-color: var(--necto-snapchat-bg, ${
|
|
600
|
+
background-color: var(--necto-snapchat-bg, ${So});
|
|
538
601
|
}
|
|
539
602
|
`}
|
|
540
|
-
`,
|
|
603
|
+
`,Ao=Ui(({as:t,asChild:e,iconColor:r=null,children:i="Continue with Snapchat",iconPosition:s="left",showIcon:n=!0,iconSize:o=20,disabled:a,className:l,...c},p)=>ko(Yi,{as:t,ref:p,asChild:e,showIcon:n,disabled:a,$disabled:a,iconPosition:s,icon:ko(Lo,{size:o,color:r}),className:Di(`_necto:${$o}`,l),...c,children:i}));Ao.displayName=$o;import Zi from"clsx";import{forwardRef as qi}from"react";import Ji from"@emotion/styled";import{FaSpotify as Qi}from"react-icons/fa";import{jsx as Po}from"@emotion/react/jsx-runtime";var Ho="SpotifyButton",Fo="#1db954",ji="#1aa64b",ts="#179443",os="#ffffff",es="rgba(29, 185, 84, 0.3)",rs=Ji(d)`
|
|
541
604
|
padding: 0 12px 0 12px;
|
|
542
|
-
background-color: var(--necto-spotify-bg, ${
|
|
543
|
-
color: var(--necto-spotify-text, ${
|
|
605
|
+
background-color: var(--necto-spotify-bg, ${Fo});
|
|
606
|
+
color: var(--necto-spotify-text, ${os});
|
|
544
607
|
border: none;
|
|
545
608
|
font-weight: 500;
|
|
546
609
|
font-family: 'Roboto', system-ui, -apple-system, sans-serif;
|
|
547
610
|
|
|
548
611
|
&:hover {
|
|
549
|
-
background-color: var(--necto-spotify-bg-hover, ${
|
|
612
|
+
background-color: var(--necto-spotify-bg-hover, ${ji});
|
|
550
613
|
}
|
|
551
614
|
|
|
552
615
|
&:active {
|
|
553
|
-
background-color: var(--necto-spotify-bg-active, ${
|
|
616
|
+
background-color: var(--necto-spotify-bg-active, ${ts});
|
|
554
617
|
}
|
|
555
618
|
|
|
556
619
|
&:focus-visible {
|
|
557
|
-
box-shadow: 0 0 0 3px var(--necto-spotify-focus-shadow, ${
|
|
620
|
+
box-shadow: 0 0 0 3px var(--necto-spotify-focus-shadow, ${es});
|
|
558
621
|
}
|
|
559
622
|
|
|
560
623
|
${t=>t.$disabled&&`
|
|
561
624
|
&:hover,
|
|
562
625
|
&:active {
|
|
563
|
-
background-color: var(--necto-spotify-bg, ${
|
|
626
|
+
background-color: var(--necto-spotify-bg, ${Fo});
|
|
564
627
|
}
|
|
565
628
|
`}
|
|
566
|
-
`,
|
|
629
|
+
`,Mo=qi(({as:t,asChild:e,children:r="Continue with Spotify",iconPosition:i="left",showIcon:s=!0,iconSize:n=20,disabled:o,className:a,...l},c)=>Po(rs,{as:t,ref:c,asChild:e,showIcon:s,disabled:o,$disabled:o,className:Zi(`_necto:${Ho}`,a),iconPosition:i,icon:Po(Qi,{size:n}),...l,children:r}));Mo.displayName=Ho;import ns from"clsx";import{forwardRef as is}from"react";import ss from"@emotion/styled";import{jsx as w,jsxs as Io}from"@emotion/react/jsx-runtime";var No=({size:t})=>Io("svg",{width:t,height:t,viewBox:"0 0 256 290",xmlns:"http://www.w3.org/2000/svg",children:[w("title",{children:"TikTok Icon"}),Io("g",{children:[w("path",{fill:"#FF004F",d:"M189.72 104.421c18.678 13.345 41.56 21.197 66.273 21.197v-47.53a67 67 0 0 1-13.918-1.456v37.413c-24.711 0-47.59-7.851-66.272-21.195v96.996c0 48.523-39.356 87.855-87.9 87.855c-18.113 0-34.949-5.473-48.934-14.86c15.962 16.313 38.222 26.432 62.848 26.432c48.548 0 87.905-39.332 87.905-87.857v-96.995zm17.17-47.952c-9.546-10.423-15.814-23.893-17.17-38.785v-6.113h-13.189c3.32 18.927 14.644 35.097 30.358 44.898M69.673 225.607a40 40 0 0 1-8.203-24.33c0-22.192 18.001-40.186 40.21-40.186a40.3 40.3 0 0 1 12.197 1.883v-48.593c-4.61-.631-9.262-.9-13.912-.801v37.822a40.3 40.3 0 0 0-12.203-1.882c-22.208 0-40.208 17.992-40.208 40.187c0 15.694 8.997 29.281 22.119 35.9"}),w("path",{fill:"#000000",d:"M175.803 92.849c18.683 13.344 41.56 21.195 66.272 21.195V76.631c-13.794-2.937-26.005-10.141-35.186-20.162c-15.715-9.802-27.038-25.972-30.358-44.898h-34.643v189.843c-.079 22.132-18.049 40.052-40.21 40.052c-13.058 0-24.66-6.221-32.007-15.86c-13.12-6.618-22.118-20.206-22.118-35.898c0-22.193 18-40.187 40.208-40.187c4.255 0 8.356.662 12.203 1.882v-37.822c-47.692.985-86.047 39.933-86.047 87.834c0 23.912 9.551 45.589 25.053 61.428c13.985 9.385 30.82 14.86 48.934 14.86c48.545 0 87.9-39.335 87.9-87.857z"}),w("path",{fill:"#00F2EA",d:"M242.075 76.63V66.516a66.3 66.3 0 0 1-35.186-10.047a66.47 66.47 0 0 0 35.186 20.163M176.53 11.57a68 68 0 0 1-.728-5.457V0h-47.834v189.845c-.076 22.13-18.046 40.05-40.208 40.05a40.06 40.06 0 0 1-18.09-4.287c7.347 9.637 18.949 15.857 32.007 15.857c22.16 0 40.132-17.918 40.21-40.05V11.571zM99.966 113.58v-10.769a89 89 0 0 0-12.061-.818C39.355 101.993 0 141.327 0 189.845c0 30.419 15.467 57.227 38.971 72.996c-15.502-15.838-25.053-37.516-25.053-61.427c0-47.9 38.354-86.848 86.048-87.833"})]})]});import{FaTiktok as as}from"react-icons/fa";import{jsx as A}from"@emotion/react/jsx-runtime";var Do="TikTokButton",Go="#000000",cs="#1a1a1a",ls="#333333",ds="#ffffff",ps="rgba(0, 0, 0, 0.3)",fs=ss(d)`
|
|
567
630
|
padding: 0 12px 0 12px;
|
|
568
|
-
background-color: var(--necto-tiktok-bg, ${
|
|
569
|
-
color: var(--necto-tiktok-text, ${
|
|
631
|
+
background-color: var(--necto-tiktok-bg, ${Go});
|
|
632
|
+
color: var(--necto-tiktok-text, ${ds});
|
|
570
633
|
border: none;
|
|
571
634
|
font-weight: 500;
|
|
572
635
|
font-family: 'Roboto', system-ui, -apple-system, sans-serif;
|
|
573
636
|
|
|
574
637
|
&:hover {
|
|
575
|
-
background-color: var(--necto-tiktok-bg-hover, ${
|
|
638
|
+
background-color: var(--necto-tiktok-bg-hover, ${cs});
|
|
576
639
|
}
|
|
577
640
|
|
|
578
641
|
&:active {
|
|
579
|
-
background-color: var(--necto-tiktok-bg-active, ${
|
|
642
|
+
background-color: var(--necto-tiktok-bg-active, ${ls});
|
|
580
643
|
}
|
|
581
644
|
|
|
582
645
|
&:focus-visible {
|
|
583
|
-
box-shadow: 0 0 0 3px var(--necto-tiktok-focus-shadow, ${
|
|
646
|
+
box-shadow: 0 0 0 3px var(--necto-tiktok-focus-shadow, ${ps});
|
|
584
647
|
}
|
|
585
648
|
|
|
586
649
|
${t=>t.$disabled&&`
|
|
587
650
|
&:hover,
|
|
588
651
|
&:active {
|
|
589
|
-
background-color: var(--necto-tiktok-bg, ${
|
|
652
|
+
background-color: var(--necto-tiktok-bg, ${Go});
|
|
590
653
|
}
|
|
591
654
|
`}
|
|
592
|
-
`,
|
|
655
|
+
`,Uo=is(({as:t,asChild:e,iconColor:r=null,children:i="Continue with TikTok",iconPosition:s="left",showIcon:n=!0,iconSize:o=20,disabled:a,className:l,...c},p)=>A(fs,{as:t,ref:p,asChild:e,showIcon:n,disabled:a,$disabled:a,className:ns(`_necto:${Do}`,l),iconPosition:s,icon:r?A(as,{size:o,color:r}):A(No,{size:o}),...c,children:i}));Uo.displayName=Do;import ms from"clsx";import{forwardRef as us}from"react";import bs from"@emotion/styled";import{FaTwitch as gs}from"react-icons/fa";import{jsx as zo}from"@emotion/react/jsx-runtime";var Xo="TwitchButton",Vo="#9146ff",Bs="#823ee6",Os="#7337cc",Rs="#ffffff",hs="rgba(145, 70, 255, 0.3)",ys=bs(d)`
|
|
593
656
|
padding: 0 12px 0 12px;
|
|
594
|
-
background-color: var(--necto-twitch-bg, ${
|
|
595
|
-
color: var(--necto-twitch-text, ${
|
|
657
|
+
background-color: var(--necto-twitch-bg, ${Vo});
|
|
658
|
+
color: var(--necto-twitch-text, ${Rs});
|
|
596
659
|
border: none;
|
|
597
660
|
font-weight: 500;
|
|
598
661
|
font-family: 'Roboto', system-ui, -apple-system, sans-serif;
|
|
599
662
|
|
|
600
663
|
&:hover {
|
|
601
|
-
background-color: var(--necto-twitch-bg-hover, ${
|
|
664
|
+
background-color: var(--necto-twitch-bg-hover, ${Bs});
|
|
602
665
|
}
|
|
603
666
|
|
|
604
667
|
&:active {
|
|
605
|
-
background-color: var(--necto-twitch-bg-active, ${
|
|
668
|
+
background-color: var(--necto-twitch-bg-active, ${Os});
|
|
606
669
|
}
|
|
607
670
|
|
|
608
671
|
&:focus-visible {
|
|
609
|
-
box-shadow: 0 0 0 3px var(--necto-twitch-focus-shadow, ${
|
|
672
|
+
box-shadow: 0 0 0 3px var(--necto-twitch-focus-shadow, ${hs});
|
|
610
673
|
}
|
|
611
674
|
|
|
612
675
|
${t=>t.$disabled&&`
|
|
613
676
|
&:hover,
|
|
614
677
|
&:active {
|
|
615
|
-
background-color: var(--necto-twitch-bg, ${
|
|
678
|
+
background-color: var(--necto-twitch-bg, ${Vo});
|
|
616
679
|
}
|
|
617
680
|
`}
|
|
618
|
-
`,
|
|
681
|
+
`,Ko=us(({as:t,asChild:e,children:r="Continue with Twitch",iconPosition:i="left",showIcon:s=!0,iconSize:n=20,disabled:o,className:a,...l},c)=>zo(ys,{as:t,ref:c,asChild:e,showIcon:s,disabled:o,$disabled:o,className:ms(`_necto:${Xo}`,a),iconPosition:i,icon:zo(gs,{size:n}),...l,children:r}));Ko.displayName=Xo;import vs from"clsx";import{forwardRef as Es}from"react";import _s from"@emotion/styled";import{FaXTwitter as xs}from"react-icons/fa6";import{jsx as Yo}from"@emotion/react/jsx-runtime";var Zo="XButton",Wo="#000000",Cs="#1a1a1a",ws="#333333",Ts="#ffffff",Ls="rgba(0, 0, 0, 0.3)",Ss=_s(d)`
|
|
619
682
|
padding: 0 12px 0 12px;
|
|
620
|
-
background-color: var(--necto-x-bg, ${
|
|
621
|
-
color: var(--necto-x-text, ${
|
|
683
|
+
background-color: var(--necto-x-bg, ${Wo});
|
|
684
|
+
color: var(--necto-x-text, ${Ts});
|
|
622
685
|
border: none;
|
|
623
686
|
font-weight: 500;
|
|
624
687
|
font-family: 'Roboto', system-ui, -apple-system, sans-serif;
|
|
625
688
|
|
|
626
689
|
&:hover {
|
|
627
|
-
background-color: var(--necto-x-bg-hover, ${
|
|
690
|
+
background-color: var(--necto-x-bg-hover, ${Cs});
|
|
628
691
|
}
|
|
629
692
|
|
|
630
693
|
&:active {
|
|
631
|
-
background-color: var(--necto-x-bg-active, ${
|
|
694
|
+
background-color: var(--necto-x-bg-active, ${ws});
|
|
632
695
|
}
|
|
633
696
|
|
|
634
697
|
&:focus-visible {
|
|
635
|
-
box-shadow: 0 0 0 3px var(--necto-x-focus-shadow, ${
|
|
698
|
+
box-shadow: 0 0 0 3px var(--necto-x-focus-shadow, ${Ls});
|
|
636
699
|
}
|
|
637
700
|
|
|
638
701
|
${t=>t.$disabled&&`
|
|
639
702
|
&:hover,
|
|
640
703
|
&:active {
|
|
641
|
-
background-color: var(--necto-x-bg, ${
|
|
704
|
+
background-color: var(--necto-x-bg, ${Wo});
|
|
642
705
|
}
|
|
643
706
|
`}
|
|
644
|
-
`,
|
|
707
|
+
`,qo=Es(({as:t,asChild:e,children:r="Continue with X",iconPosition:i="left",showIcon:s=!0,iconSize:n=20,disabled:o,className:a,...l},c)=>Yo(Ss,{as:t,ref:c,asChild:e,showIcon:s,disabled:o,$disabled:o,className:vs(`_necto:${Zo}`,a),iconPosition:i,icon:Yo(xs,{size:n}),...l,children:r}));qo.displayName=Zo;export{at as AppleButton,pt as AtlassianButton,Bt as BitbucketButton,Re as Box,yt as DiscordButton,xt as DropboxButton,Lt as FacebookButton,At as GitHubButton,It as GitLabButton,Ut as GoogleButton,Kt as HubSpotButton,qt as HuggingFaceButton,to as LinkedInButton,io as MetaMaskButton,po as MicrosoftButton,bo as NotionButton,Ro as OKXButton,f as Primitive,Eo as SalesforceButton,Q as ShadowBevel,wo as SlackButton,Ao as SnapchatButton,Mo as SpotifyButton,Uo as TikTokButton,Ko as TwitchButton,et as VisuallyHidden,qo as XButton};
|
|
645
708
|
//# sourceMappingURL=index.js.map
|