@necto-react/components 1.2.15 → 1.4.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 +7 -3
package/dist/index.cjs
CHANGED
|
@@ -1,8 +1,71 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var an=Object.create;var S=Object.defineProperty;var cn=Object.getOwnPropertyDescriptor;var ln=Object.getOwnPropertyNames;var dn=Object.getPrototypeOf,pn=Object.prototype.hasOwnProperty;var fn=(t,o)=>{for(var r in o)S(t,r,{get:o[r],enumerable:!0})},zt=(t,o,r,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of ln(o))!pn.call(t,n)&&n!==r&&S(t,n,{get:()=>o[n],enumerable:!(i=cn(o,n))||i.enumerable});return t};var d=(t,o,r)=>(r=t!=null?an(dn(t)):{},zt(o||!t||!t.__esModule?S(r,"default",{value:t,enumerable:!0}):r,t)),mn=t=>zt(S({},"__esModule",{value:!0}),t);var ws={};fn(ws,{AppleButton:()=>K,AtlassianButton:()=>Y,BitbucketButton:()=>q,Box:()=>to,DiscordButton:()=>Q,DropboxButton:()=>tt,FacebookButton:()=>et,GitHubButton:()=>nt,GitLabButton:()=>st,GoogleButton:()=>ct,HubSpotButton:()=>dt,HuggingFaceButton:()=>ft,LinkedInButton:()=>ut,MetaMaskButton:()=>gt,MicrosoftButton:()=>Ot,NotionButton:()=>ht,OKXButton:()=>vt,Primitive:()=>m,SalesforceButton:()=>_t,ShadowBevel:()=>D,SlackButton:()=>Ct,SnapchatButton:()=>Tt,SpotifyButton:()=>St,TikTokButton:()=>kt,TwitchButton:()=>At,VisuallyHidden:()=>U,XButton:()=>Pt});module.exports=mn(ws);var jt=d(require("clsx"),1),I=require("react");var Zt=require("@necto/constants"),B=require("react");var Xt=require("@necto/dom"),Kt=Xt.HTMLElements.Div,Wt="Primitive";var qt=require("@emotion/react/jsx-runtime"),Yt=({as:t,asChild:o,children:r,...i},n)=>{let s=t??Kt;if(o){let e=B.Children.only(r);return(0,B.isValidElement)(e)?(0,B.cloneElement)(e,{...i,ref:e.ref??n}):null}return(0,qt.jsx)(s,{ref:n,...i,children:r})},m=Object.assign((0,B.forwardRef)(Yt),Zt.DOM.HTML_TAGS.reduce((t,o)=>{let r=o,i=o[0].toUpperCase()+o.slice(1),n=(0,B.forwardRef)((s,e)=>Yt({...s,as:o},e));return t[r]=n,t[i]=n,t},{}));m.displayName=Wt;(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 Jt={Box:"_Box_buohy_8"};var oo=require("@emotion/react/jsx-runtime"),un="Box",k=t=>t!=null?`${t}px`:void 0,Qt=(t,o)=>{let{as:r,asChild:i,children:n,background:s,borderColor:e,borderStyle:a,borderWidth:l,borderBlockStartWidth:c,borderBlockEndWidth:f,borderInlineStartWidth:g,borderInlineEndWidth:C,borderRadius:v,borderEndStartRadius:w,borderEndEndRadius:O,borderStartStartRadius:T,borderStartEndRadius:Ht,color:Mt,minHeight:Kr,minWidth:Wr,maxWidth:Yr,width:Zr,overflowX:qr,overflowY:Jr,padding:L,paddingBlock:It,paddingBlockStart:Qr,paddingBlockEnd:jr,paddingInline:Nt,paddingInlineStart:tn,paddingInlineEnd:on,shadow:Gt,outlineColor:H,outlineStyle:Dt,outlineWidth:M,opacity:en,zIndex:rn,className:nn,...sn}=t,Ut=a||(e||l||c||f||g||C?"solid":void 0),Vt=Dt||(H||M?"solid":void 0);return(0,oo.jsx)(m,{as:r,ref:o,...sn,className:(0,jt.default)(Jt.Box,`_necto:${un}`,nn),style:{...s&&{backgroundColor:s},...e&&{borderColor:e},...Ut&&{borderStyle:Ut},...Mt&&{color:Mt},...Gt&&{boxShadow:Gt},...H&&{outlineColor:H},...Vt&&{outlineStyle:Vt},...M&&{outlineWidth:M},...l&&{"--necto-box-border-width":l},...c&&{"--necto-box-border-block-start-width":c},...f&&{"--necto-box-border-block-end-width":f},...g&&{"--necto-box-border-inline-start-width":g},...C&&{"--necto-box-border-inline-end-width":C},...v&&{"--necto-box-border-radius":v},...w&&{"--necto-box-border-end-start-radius":w},...O&&{"--necto-box-border-end-end-radius":O},...T&&{"--necto-box-border-start-start-radius":T},...Ht&&{"--necto-box-border-start-end-radius":Ht},"--necto-box-min-height":Kr,"--necto-box-min-width":Wr,"--necto-box-max-width":Yr,"--necto-box-width":Zr,"--necto-box-overflow-x":qr,"--necto-box-overflow-y":Jr,"--necto-box-padding-block-start":k(Qr??It??L),"--necto-box-padding-block-end":k(jr??It??L),"--necto-box-padding-inline-start":k(tn??Nt??L),"--necto-box-padding-inline-end":k(on??Nt??L),"--necto-box-opacity":en,"--necto-box-z-index":rn},children:n})},to=Object.assign((0,I.forwardRef)(Qt),{Root:(0,I.forwardRef)(Qt)});var no=d(require("clsx"),1),G=require("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 eo={ShadowBevel:"_ShadowBevel_3ih3b_8"};var N="ShadowBevel";var io=require("@emotion/react/jsx-runtime"),ro=(t,o)=>{let{as:r,asChild:i,children:n,boxShadow:s,borderRadius:e,zIndex:a=0,bevel:l=!0,className:c,style:f,...g}=t;return(0,io.jsx)(m,{as:r,ref:o,...g,className:(0,no.default)(c,eo.ShadowBevel,`_necto:${N}`),style:{...f,"--necto-shadow-bevel-z-index":a,"--necto-shadow-bevel-content":l?'""':"none","--necto-shadow-bevel-box-shadow":typeof s=="number"?`var(--necto-shadow-${s})`:s??"none","--necto-shadow-bevel-border-radius":typeof e=="number"?`${e}px`:e??"0"},children:n})},D=Object.assign((0,G.forwardRef)(ro),{Root:(0,G.forwardRef)(ro)});D.displayName=N;var co=require("@necto-react/hooks"),E=require("react");var so="VisuallyHidden";var lo=require("@emotion/react/jsx-runtime"),ao=(t,o)=>{let{as:r,style:i,children:n,isFocusable:s,...e}=t,[a,l]=(0,E.useState)(!1),{focusWithinProps:c}=(0,co.useFocusWithin)({isDisabled:!s,onFocusWithinChange:l}),f=(0,E.useMemo)(()=>{if(a)return i;let g={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?{...g,...i}:g},[a,i]);return(0,lo.jsx)(m,{as:r,ref:o,...e,...c,style:f,children:n})},U=Object.assign((0,E.forwardRef)(ao),{Root:(0,E.forwardRef)(ao)});U.displayName=so;var go=d(require("clsx"),1),Bo=require("react"),Oo=d(require("@emotion/styled"),1),Ro=require("react-icons/fa");var z=require("@emotion/react"),uo=require("@necto/dom");var po=require("react"),fo=require("@emotion/react/jsx-runtime"),V=t=>{let{children:o}=t;return(0,fo.jsx)(po.Fragment,{children:typeof o=="function"?o():o})};var $=require("react"),mo=require("@emotion/react/jsx-runtime"),A=t=>{let{condition:o,keepAlive:r,children:i}=t;if(!i)return null;let n=!!(typeof o=="function"?o():o);return(0,mo.jsx)($.Fragment,{children:$.Children.toArray(i).find(s=>s.type!==V!=!n)||null})};var F=require("react");var _=require("@emotion/react/jsx-runtime"),bn=uo.HTMLElements.Button,p=(0,F.forwardRef)(function({as:o=bn,asChild:r=!1,children:i,icon:n,showIcon:s=!0,iconPosition:e="left",disabled:a,className:l,...c},f){let C=(o?.toLowerCase?.()??"")==="button"?{disabled:a}:{role:"button",tabIndex:a?-1:0,"aria-disabled":!!a,onKeyDown:O=>{a||(O.key==="Enter"||O.key===" ")&&(c.onClick?.(O),O.preventDefault())}},v=n?(0,_.jsx)("span",{className:"_necto:BrandIcon",css:z.css`
|
|
2
65
|
flex-shrink: 0;
|
|
3
66
|
line-height: 0;
|
|
4
67
|
display: inline-flex;
|
|
5
|
-
`,children:n}):null,
|
|
68
|
+
`,children:n}):null,w=z.css`
|
|
6
69
|
display: inline-flex;
|
|
7
70
|
align-items: center;
|
|
8
71
|
justify-content: center;
|
|
@@ -26,620 +89,620 @@
|
|
|
26
89
|
cursor: not-allowed;
|
|
27
90
|
pointer-events: none;
|
|
28
91
|
`}
|
|
29
|
-
`;return(0,
|
|
92
|
+
`;return(0,_.jsx)(m,{as:o,ref:f,asChild:r,className:l,css:w,...C,...(()=>{let{css:O,...T}=c;return T})(),children:(0,_.jsxs)(F.Fragment,{children:[(0,_.jsx)(A,{condition:!!v&&s&&e==="left",children:v}),i,(0,_.jsx)(A,{condition:!!v&&s&&e==="right",children:v})]})})});var X=require("@emotion/react/jsx-runtime"),ho="AppleButton",bo="#000000",gn="#1a1a1a",Bn="#333333",On="#ffffff",Rn="rgba(0, 0, 0, 0.3)",hn=(0,Oo.default)(p)`
|
|
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, ${bo});
|
|
95
|
+
color: var(--necto-apple-text, ${On});
|
|
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, ${gn});
|
|
39
102
|
}
|
|
40
103
|
|
|
41
104
|
&:active {
|
|
42
|
-
background-color: var(--necto-apple-bg-active, ${
|
|
105
|
+
background-color: var(--necto-apple-bg-active, ${Bn});
|
|
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, ${Rn});
|
|
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, ${bo});
|
|
53
116
|
}
|
|
54
117
|
`}
|
|
55
|
-
`,
|
|
118
|
+
`,K=(0,Bo.forwardRef)(({as:t,asChild:o,children:r="Continue with Apple",iconPosition:i="left",showIcon:n=!0,iconSize:s=20,disabled:e,className:a,...l},c)=>(0,X.jsx)(hn,{as:t,ref:c,asChild:o,icon:(0,X.jsx)(Ro.FaApple,{size:s}),showIcon:n,disabled:e,$disabled:e,iconPosition:i,className:(0,go.default)(`_necto:${ho}`,a),...l,children:r}));K.displayName=ho;var vo=d(require("clsx"),1),Eo=require("react"),_o=d(require("@emotion/styled"),1);var xo=require("react-icons/fa"),W=require("@emotion/react/jsx-runtime"),Co="AtlassianButton",yo="#0052cc",yn="#0747a6",vn="#003d99",En="#ffffff",_n="rgba(0, 82, 204, 0.3)",xn=(0,_o.default)(p)`
|
|
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, ${yo});
|
|
121
|
+
color: var(--necto-atlassian-text, ${En});
|
|
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, ${yn});
|
|
65
128
|
}
|
|
66
129
|
|
|
67
130
|
&:active {
|
|
68
|
-
background-color: var(--necto-atlassian-bg-active, ${
|
|
131
|
+
background-color: var(--necto-atlassian-bg-active, ${vn});
|
|
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, ${_n});
|
|
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, ${yo});
|
|
79
142
|
}
|
|
80
143
|
`}
|
|
81
|
-
`,
|
|
144
|
+
`,Y=(0,Eo.forwardRef)(({as:t,asChild:o,children:r="Continue with Atlassian",iconPosition:i="left",showIcon:n=!0,iconSize:s=20,disabled:e,className:a,...l},c)=>(0,W.jsx)(xn,{as:t,ref:c,asChild:o,showIcon:n,disabled:e,$disabled:e,iconPosition:i,icon:(0,W.jsx)(xo.FaAtlassian,{size:s}),className:(0,vo.default)(`_necto:${Co}`,a),...l,children:r}));Y.displayName=Co;var Lo=d(require("clsx"),1),So=require("react"),ko=d(require("@emotion/styled"),1);var b=require("@emotion/react/jsx-runtime"),wo=({size:t})=>(0,b.jsxs)("svg",{width:t,height:t,viewBox:"0 0 72 72",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,b.jsx)("title",{children:"Bitbucket"}),(0,b.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,b.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,b.jsx)("defs",{children:(0,b.jsxs)("linearGradient",{id:"paint0_linear_5907_10188",x1:"60.8078",y1:"35.1603",x2:"37.2868",y2:"51.0791",gradientUnits:"userSpaceOnUse",children:[(0,b.jsx)("stop",{offset:"0.0718327","stop-color":"white","stop-opacity":"0.4",style:{stopColor:"white",stopOpacity:.4}}),(0,b.jsx)("stop",{offset:"1","stop-color":"white",style:{stopColor:"white",stopOpacity:1}})]})})]});var Z=require("@emotion/react/jsx-runtime"),$o="BitbucketButton",To="#0052cc",Cn="#0747a6",wn="#003d99",Tn="#ffffff",Ln="rgba(0, 82, 204, 0.3)",Sn=(0,ko.default)(p)`
|
|
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, ${To});
|
|
147
|
+
color: var(--necto-bitbucket-text, ${Tn});
|
|
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, ${Cn});
|
|
91
154
|
}
|
|
92
155
|
|
|
93
156
|
&:active {
|
|
94
|
-
background-color: var(--necto-bitbucket-bg-active, ${
|
|
157
|
+
background-color: var(--necto-bitbucket-bg-active, ${wn});
|
|
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, ${Ln});
|
|
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, ${To});
|
|
105
168
|
}
|
|
106
169
|
`}
|
|
107
|
-
`,
|
|
170
|
+
`,q=(0,So.forwardRef)(({as:t,asChild:o,children:r="Continue with Bitbucket",iconPosition:i="left",showIcon:n=!0,iconSize:s=22,disabled:e,className:a,...l},c)=>(0,Z.jsx)(Sn,{as:t,ref:c,asChild:o,showIcon:n,disabled:e,$disabled:e,iconPosition:i,icon:(0,Z.jsx)(wo,{size:s}),className:(0,Lo.default)(`_necto:${$o}`,a),...l,children:r}));q.displayName=$o;var Fo=d(require("clsx"),1),Po=require("react"),Ho=d(require("@emotion/styled"),1);var Mo=require("react-icons/fa"),J=require("@emotion/react/jsx-runtime"),Io="DiscordButton",Ao="#5865f2",kn="#4752d9",$n="#3c45c0",An="#ffffff",Fn="rgba(88, 101, 242, 0.3)",Pn=(0,Ho.default)(p)`
|
|
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, ${Ao});
|
|
173
|
+
color: var(--necto-discord-text, ${An});
|
|
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, ${kn});
|
|
117
180
|
}
|
|
118
181
|
|
|
119
182
|
&:active {
|
|
120
|
-
background-color: var(--necto-discord-bg-active, ${
|
|
183
|
+
background-color: var(--necto-discord-bg-active, ${$n});
|
|
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, ${Fn});
|
|
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, ${Ao});
|
|
131
194
|
}
|
|
132
195
|
`}
|
|
133
|
-
`,
|
|
196
|
+
`,Q=(0,Po.forwardRef)(({as:t,asChild:o,children:r="Continue with Discord",iconPosition:i="left",showIcon:n=!0,iconSize:s=20,disabled:e,className:a,...l},c)=>(0,J.jsx)(Pn,{as:t,ref:c,asChild:o,showIcon:n,disabled:e,$disabled:e,iconPosition:i,icon:(0,J.jsx)(Mo.FaDiscord,{size:s}),className:(0,Fo.default)(`_necto:${Io}`,a),...l,children:r}));Q.displayName=Io;var Go=d(require("clsx"),1),Do=require("react"),Uo=d(require("@emotion/styled"),1);var Vo=require("react-icons/fa"),j=require("@emotion/react/jsx-runtime"),zo="DropboxButton",No="#0061ff",Hn="#0056e0",Mn="#004bc5",In="#ffffff",Nn="rgba(0, 97, 255, 0.3)",Gn=(0,Uo.default)(p)`
|
|
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, ${No});
|
|
199
|
+
color: var(--necto-dropbox-text, ${In});
|
|
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, ${Hn});
|
|
143
206
|
}
|
|
144
207
|
|
|
145
208
|
&:active {
|
|
146
|
-
background-color: var(--necto-dropbox-bg-active, ${
|
|
209
|
+
background-color: var(--necto-dropbox-bg-active, ${Mn});
|
|
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, ${Nn});
|
|
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, ${No});
|
|
157
220
|
}
|
|
158
221
|
`}
|
|
159
|
-
`,
|
|
222
|
+
`,tt=(0,Do.forwardRef)(({as:t,asChild:o,children:r="Continue with Dropbox",iconPosition:i="left",showIcon:n=!0,iconSize:s=20,disabled:e,className:a,...l},c)=>(0,j.jsx)(Gn,{as:t,ref:c,asChild:o,icon:(0,j.jsx)(Vo.FaDropbox,{size:s}),showIcon:n,disabled:e,$disabled:e,iconPosition:i,className:(0,Go.default)(`_necto:${zo}`,a),...l,children:r}));tt.displayName=zo;var Ko=d(require("clsx"),1),Wo=require("react"),Yo=d(require("@emotion/styled"),1);var Zo=require("react-icons/fa6"),ot=require("@emotion/react/jsx-runtime"),qo="FacebookButton",Xo="#1877f2",Dn="#166fe5",Un="#1467d6",Vn="#ffffff",zn="#1877f2",Xn="rgba(24, 119, 242, 0.3)",Kn=(0,Yo.default)(p)`
|
|
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, ${Xo});
|
|
225
|
+
color: var(--necto-facebook-text, ${Vn});
|
|
226
|
+
border: 1px solid var(--necto-facebook-border, ${zn});
|
|
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, ${Dn});
|
|
169
232
|
}
|
|
170
233
|
|
|
171
234
|
&:active {
|
|
172
|
-
background-color: var(--necto-facebook-bg-active, ${
|
|
235
|
+
background-color: var(--necto-facebook-bg-active, ${Un});
|
|
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, ${Xn});
|
|
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, ${Xo});
|
|
183
246
|
}
|
|
184
247
|
`}
|
|
185
|
-
`,
|
|
248
|
+
`,et=(0,Wo.forwardRef)(({as:t,asChild:o,children:r="Continue with Facebook",iconPosition:i="left",showIcon:n=!0,iconSize:s=20,disabled:e,className:a,...l},c)=>(0,ot.jsx)(Kn,{as:t,ref:c,asChild:o,showIcon:n,disabled:e,$disabled:e,iconPosition:i,icon:(0,ot.jsx)(Zo.FaFacebook,{size:s}),className:(0,Ko.default)(`_necto:${qo}`,a),...l,children:r}));et.displayName=qo;var Qo=d(require("clsx"),1),jo=require("react"),te=d(require("@emotion/styled"),1);var oe=require("react-icons/fa"),rt=require("@emotion/react/jsx-runtime"),ee="GitHubButton",Jo="#24292f",Wn="#2c3237",Yn="#373e47",Zn="#ffffff",qn="#24292f",Jn="rgba(36, 41, 47, 0.3)",Qn=(0,te.default)(p)`
|
|
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, ${Jo});
|
|
251
|
+
color: var(--necto-github-text, ${Zn});
|
|
252
|
+
border: 1px solid var(--necto-github-border, ${qn});
|
|
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, ${Wn});
|
|
195
258
|
}
|
|
196
259
|
|
|
197
260
|
&:active {
|
|
198
|
-
background-color: var(--necto-github-bg-active, ${
|
|
261
|
+
background-color: var(--necto-github-bg-active, ${Yn});
|
|
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, ${Jn});
|
|
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, ${Jo});
|
|
209
272
|
}
|
|
210
273
|
`}
|
|
211
|
-
`,
|
|
274
|
+
`,nt=(0,jo.forwardRef)(({as:t,asChild:o,children:r="Continue with GitHub",iconPosition:i="left",showIcon:n=!0,iconSize:s=20,disabled:e,className:a,...l},c)=>(0,rt.jsx)(Qn,{as:t,ref:c,asChild:o,showIcon:n,disabled:e,$disabled:e,iconPosition:i,icon:(0,rt.jsx)(oe.FaGithub,{size:s}),className:(0,Qo.default)(`_necto:${ee}`,a),...l,children:r}));nt.displayName=ee;var ie=d(require("clsx"),1),se=require("react"),ae=d(require("@emotion/styled"),1);var R=require("@emotion/react/jsx-runtime"),re=({size:t,color:o})=>{let r=o==null;return(0,R.jsxs)("svg",{width:t,height:t,viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg",children:[(0,R.jsx)("title",{children:"GitLab Icon"}),(0,R.jsx)("path",{fill:r?"#E24329":o??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"}),(0,R.jsx)("path",{fill:r?"#FC6D26":o??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"}),(0,R.jsx)("path",{fill:r?"#FCA326":o??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"}),(0,R.jsx)("path",{fill:r?"#FC6D26":o??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"})]})};var it=require("@emotion/react/jsx-runtime"),ce="GitLabButton",ne="#fc6d26",jn="#e24329",ti="#c73b1c",oi="#ffffff",ei="rgba(252, 109, 38, 0.3)",ri=(0,ae.default)(p)`
|
|
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, ${ne});
|
|
277
|
+
color: var(--necto-gitlab-text, ${oi});
|
|
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, ${jn});
|
|
221
284
|
}
|
|
222
285
|
|
|
223
286
|
&:active {
|
|
224
|
-
background-color: var(--necto-gitlab-bg-active, ${
|
|
287
|
+
background-color: var(--necto-gitlab-bg-active, ${ti});
|
|
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, ${ei});
|
|
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, ${ne});
|
|
235
298
|
}
|
|
236
299
|
`}
|
|
237
|
-
`,
|
|
300
|
+
`,st=(0,se.forwardRef)(({as:t,asChild:o,iconColor:r="#fff",children:i="Continue with GitLab",iconPosition:n="left",showIcon:s=!0,iconSize:e=20,disabled:a,className:l,...c},f)=>(0,it.jsx)(ri,{as:t,ref:f,asChild:o,showIcon:s,disabled:a,$disabled:a,iconPosition:n,icon:(0,it.jsx)(re,{size:e,color:r}),className:(0,ie.default)(`_necto:${ce}`,l),...c,children:i}));st.displayName=ce;var de=d(require("clsx"),1),pe=require("react"),fe=d(require("@emotion/styled"),1);var me=require("react-icons/fc"),at=require("@emotion/react/jsx-runtime"),ue="GoogleButton",le="#ffffff",ni="#f8f9fa",ii="#eceff1",si="#1f1f1f",ai="#747775",ci="rgba(66, 133, 244, 0.3)",li=(0,fe.default)(p)`
|
|
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, ${le});
|
|
304
|
+
color: var(--necto-google-text, ${si});
|
|
305
|
+
border: 1px solid var(--necto-google-border, ${ai});
|
|
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, ${ni});
|
|
248
311
|
}
|
|
249
312
|
|
|
250
313
|
&:active {
|
|
251
|
-
background-color: var(--necto-google-bg-active, ${
|
|
314
|
+
background-color: var(--necto-google-bg-active, ${ii});
|
|
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, ${ci});
|
|
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, ${le});
|
|
262
325
|
}
|
|
263
326
|
`}
|
|
264
|
-
`,
|
|
327
|
+
`,ct=(0,pe.forwardRef)(({as:t,asChild:o,children:r="Continue with Google",iconPosition:i="left",showIcon:n=!0,iconSize:s=20,disabled:e,className:a,...l},c)=>(0,at.jsx)(li,{as:t,ref:c,asChild:o,showIcon:n,disabled:e,$disabled:e,className:(0,de.default)(`_necto:${ue}`,a),iconPosition:i,icon:(0,at.jsx)(me.FcGoogle,{size:s}),...l,children:r}));ct.displayName=ue;var ge=d(require("clsx"),1),Be=require("react"),Oe=d(require("@emotion/styled"),1);var Re=require("react-icons/si"),lt=require("@emotion/react/jsx-runtime"),he="HubSpotButton",be="#ff7a59",di="#ff6a47",pi="#e55d3f",fi="#ffffff",mi="rgba(255, 122, 89, 0.3)",ui=(0,Oe.default)(p)`
|
|
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, ${be});
|
|
330
|
+
color: var(--necto-hubspot-text, ${fi});
|
|
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, ${di});
|
|
274
337
|
}
|
|
275
338
|
|
|
276
339
|
&:active {
|
|
277
|
-
background-color: var(--necto-hubspot-bg-active, ${
|
|
340
|
+
background-color: var(--necto-hubspot-bg-active, ${pi});
|
|
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, ${mi});
|
|
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, ${be});
|
|
288
351
|
}
|
|
289
352
|
`}
|
|
290
|
-
`,
|
|
353
|
+
`,dt=(0,Be.forwardRef)(({as:t,asChild:o,children:r="Continue with HubSpot",iconPosition:i="left",showIcon:n=!0,iconSize:s=20,disabled:e,className:a,...l},c)=>(0,lt.jsx)(ui,{as:t,ref:c,asChild:o,showIcon:n,disabled:e,$disabled:e,className:(0,ge.default)(`_necto:${he}`,a),iconPosition:i,icon:(0,lt.jsx)(Re.SiHubspot,{size:s}),...l,children:r}));dt.displayName=he;var ve=d(require("clsx"),1),Ee=require("react"),_e=d(require("@emotion/styled"),1);var xe=require("react-icons/si"),pt=require("@emotion/react/jsx-runtime"),Ce="HuggingFaceButton",ye="#ffcc00",bi="#e6b800",gi="#cca300",Bi="#000000",Oi="rgba(255, 204, 0, 0.3)",Ri=(0,_e.default)(p)`
|
|
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, ${ye});
|
|
356
|
+
color: var(--necto-huggingface-text, ${Bi});
|
|
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, ${bi});
|
|
300
363
|
}
|
|
301
364
|
|
|
302
365
|
&:active {
|
|
303
|
-
background-color: var(--necto-huggingface-bg-active, ${
|
|
366
|
+
background-color: var(--necto-huggingface-bg-active, ${gi});
|
|
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, ${Oi});
|
|
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, ${ye});
|
|
314
377
|
}
|
|
315
378
|
`}
|
|
316
|
-
`,
|
|
379
|
+
`,ft=(0,Ee.forwardRef)(({as:t,asChild:o,children:r="Continue with HuggingFace",iconPosition:i="left",showIcon:n=!0,iconSize:s=20,disabled:e,className:a,...l},c)=>(0,pt.jsx)(Ri,{as:t,ref:c,asChild:o,showIcon:n,disabled:e,$disabled:e,className:(0,ve.default)(`_necto:${Ce}`,a),iconPosition:i,icon:(0,pt.jsx)(xe.SiHuggingface,{size:s}),...l,children:r}));ft.displayName=Ce;var Te=d(require("clsx"),1),Le=require("react"),Se=d(require("@emotion/styled"),1);var ke=require("react-icons/fa"),mt=require("@emotion/react/jsx-runtime"),$e="LinkedInButton",we="#0a66c2",hi="#004182",yi="#003366",vi="#ffffff",Ei="rgba(10, 102, 194, 0.3)",_i=(0,Se.default)(p)`
|
|
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, ${we});
|
|
382
|
+
color: var(--necto-linkedin-text, ${vi});
|
|
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, ${hi});
|
|
326
389
|
}
|
|
327
390
|
|
|
328
391
|
&:active {
|
|
329
|
-
background-color: var(--necto-linkedin-bg-active, ${
|
|
392
|
+
background-color: var(--necto-linkedin-bg-active, ${yi});
|
|
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, ${Ei});
|
|
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, ${we});
|
|
340
403
|
}
|
|
341
404
|
`}
|
|
342
|
-
`,
|
|
405
|
+
`,ut=(0,Le.forwardRef)(({as:t,asChild:o,children:r="Continue with LinkedIn",iconPosition:i="left",showIcon:n=!0,iconSize:s=20,disabled:e,className:a,...l},c)=>(0,mt.jsx)(_i,{as:t,ref:c,asChild:o,showIcon:n,disabled:e,$disabled:e,className:(0,Te.default)(`_necto:${$e}`,a),iconPosition:i,icon:(0,mt.jsx)(ke.FaLinkedin,{size:s}),...l,children:r}));ut.displayName=$e;var Pe=d(require("clsx"),1),He=require("react"),Me=d(require("@emotion/styled"),1);var u=require("@emotion/react/jsx-runtime"),Ae=({size:t})=>(0,u.jsxs)("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:[(0,u.jsx)("title",{children:"MetaMask logo"}),(0,u.jsx)("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`}),(0,
|
|
407
|
+
L132.682,132.192z`}),(0,u.jsx)("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`}),(0,
|
|
411
|
+
C112.604,84.295,112.678,65.975,112.678,65.975z`}),(0,u.jsx)("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`}),(0,
|
|
414
|
+
l-10.498-9.956H82.776V74.338z`}),(0,u.jsx)("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`}),(0,
|
|
416
|
+
V100.801z M84.915,28.538h-27.85l-1.891,19.599l9.872,64.013h11.891l9.878-64.013L84.915,28.538z`}),(0,u.jsx)("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`}),(0,
|
|
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`})]});var
|
|
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`}),(0,u.jsx)("path",{fill:"#C0C4CD",d:"M79.029,124.384v12.495H62.945v-12.495L79.029,124.384L79.029,124.384z"}),(0,u.jsx)("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`})]});var bt=require("@emotion/react/jsx-runtime"),Ie="MetaMaskButton",Fe="#f6851b",xi="#e2761a",Ci="#cd6a17",wi="#ffffff",Ti="rgba(246, 133, 27, 0.3)",Li=(0,Me.default)(p)`
|
|
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, ${Fe});
|
|
422
|
+
color: var(--necto-metamask-text, ${wi});
|
|
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, ${xi});
|
|
366
429
|
}
|
|
367
430
|
|
|
368
431
|
&:active {
|
|
369
|
-
background-color: var(--necto-metamask-bg-active, ${
|
|
432
|
+
background-color: var(--necto-metamask-bg-active, ${Ci});
|
|
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, ${Ti});
|
|
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, ${Fe});
|
|
380
443
|
}
|
|
381
444
|
`}
|
|
382
|
-
`,
|
|
445
|
+
`,gt=(0,He.forwardRef)(({as:t,asChild:o,children:r="Continue with MetaMask",iconPosition:i="left",showIcon:n=!0,iconSize:s=20,disabled:e,className:a,...l},c)=>(0,bt.jsx)(Li,{as:t,ref:c,asChild:o,showIcon:n,disabled:e,$disabled:e,className:(0,Pe.default)(`_necto:${Ie}`,a),iconPosition:i,icon:(0,bt.jsx)(Ae,{size:s}),...l,children:r}));gt.displayName=Ie;var De=d(require("clsx"),1),Ue=require("react"),Ve=d(require("@emotion/styled"),1);var h=require("@emotion/react/jsx-runtime"),Ne=({size:t})=>(0,h.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:t,viewBox:"0 0 256 256",children:[(0,h.jsx)("title",{children:"Microsoft"}),(0,h.jsx)("path",{fill:"#F1511B",d:"M121.666 121.666H0V0h121.666z"}),(0,h.jsx)("path",{fill:"#80CC28",d:"M256 121.666H134.335V0H256z"}),(0,h.jsx)("path",{fill:"#00ADEF",d:"M121.663 256.002H0V134.336h121.663z"}),(0,h.jsx)("path",{fill:"#FBBC09",d:"M256 256.002H134.335V134.336H256z"})]});var Bt=require("@emotion/react/jsx-runtime"),ze="MicrosoftButton",Ge="#2f2f2f",Si="#3d3d3d",ki="#4a4a4a",$i="#ffffff",Ai="#8c8c8c",Fi="rgba(47, 47, 47, 0.3)",Pi=(0,Ve.default)(p)`
|
|
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, ${Ge});
|
|
449
|
+
color: var(--necto-microsoft-text, ${$i});
|
|
450
|
+
border: 1px solid var(--necto-microsoft-border, ${Ai});
|
|
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, ${Si});
|
|
394
457
|
}
|
|
395
458
|
|
|
396
459
|
&:active {
|
|
397
|
-
background-color: var(--necto-microsoft-bg-active, ${
|
|
460
|
+
background-color: var(--necto-microsoft-bg-active, ${ki});
|
|
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, ${Fi});
|
|
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, ${Ge});
|
|
408
471
|
}
|
|
409
472
|
`}
|
|
410
|
-
`,
|
|
473
|
+
`,Ot=(0,Ue.forwardRef)(({as:t,asChild:o,children:r="Sign in with Microsoft",iconPosition:i="left",showIcon:n=!0,iconSize:s=18,disabled:e,className:a,...l},c)=>(0,Bt.jsx)(Pi,{as:t,ref:c,asChild:o,showIcon:n,disabled:e,$disabled:e,className:(0,De.default)(`_necto:${ze}`,a),iconPosition:i,icon:(0,Bt.jsx)(Ne,{size:s}),...l,children:r}));Ot.displayName=ze;var Ke=d(require("clsx"),1),We=require("react"),Ye=d(require("@emotion/styled"),1);var Ze=require("react-icons/si"),Rt=require("@emotion/react/jsx-runtime"),qe="NotionButton",Xe="#000000",Hi="#1a1a1a",Mi="#333333",Ii="#ffffff",Ni="rgba(0, 0, 0, 0.3)",Gi=(0,Ye.default)(p)`
|
|
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, ${Xe});
|
|
476
|
+
color: var(--necto-notion-text, ${Ii});
|
|
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, ${Hi});
|
|
420
483
|
}
|
|
421
484
|
|
|
422
485
|
&:active {
|
|
423
|
-
background-color: var(--necto-notion-bg-active, ${
|
|
486
|
+
background-color: var(--necto-notion-bg-active, ${Mi});
|
|
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, ${Ni});
|
|
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, ${Xe});
|
|
434
497
|
}
|
|
435
498
|
`}
|
|
436
|
-
`,
|
|
499
|
+
`,ht=(0,We.forwardRef)(({as:t,asChild:o,children:r="Continue with Notion",iconPosition:i="left",showIcon:n=!0,iconSize:s=20,disabled:e,className:a,...l},c)=>(0,Rt.jsx)(Gi,{as:t,ref:c,asChild:o,showIcon:n,disabled:e,$disabled:e,className:(0,Ke.default)(`_necto:${qe}`,a),iconPosition:i,icon:(0,Rt.jsx)(Ze.SiNotion,{size:s}),...l,children:r}));ht.displayName=qe;var Qe=d(require("clsx"),1),je=require("react"),tr=d(require("@emotion/styled"),1);var or=require("react-icons/si"),yt=require("@emotion/react/jsx-runtime"),er="OKXButton",Je="#000000",Di="#1a1a1a",Ui="#333333",Vi="#ffffff",zi="rgba(0, 0, 0, 0.3)",Xi=(0,tr.default)(p)`
|
|
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, ${Je});
|
|
502
|
+
color: var(--necto-okx-text, ${Vi});
|
|
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, ${Di});
|
|
446
509
|
}
|
|
447
510
|
|
|
448
511
|
&:active {
|
|
449
|
-
background-color: var(--necto-okx-bg-active, ${
|
|
512
|
+
background-color: var(--necto-okx-bg-active, ${Ui});
|
|
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, ${zi});
|
|
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, ${Je});
|
|
460
523
|
}
|
|
461
524
|
`}
|
|
462
|
-
`,
|
|
525
|
+
`,vt=(0,je.forwardRef)(({as:t,asChild:o,children:r="Continue with OKX",iconPosition:i="left",showIcon:n=!0,iconSize:s=20,disabled:e,className:a,...l},c)=>(0,yt.jsx)(Xi,{as:t,ref:c,asChild:o,showIcon:n,disabled:e,$disabled:e,className:(0,Qe.default)(`_necto:${er}`,a),iconPosition:i,icon:(0,yt.jsx)(or.SiOkx,{size:s}),...l,children:r}));vt.displayName=er;var nr=d(require("clsx"),1),ir=require("react"),sr=d(require("@emotion/styled"),1);var ar=require("react-icons/fa"),Et=require("@emotion/react/jsx-runtime"),cr="SalesforceButton",rr="#00a1e0",Ki="#0074a8",Wi="#005c85",Yi="#ffffff",Zi="rgba(0, 161, 224, 0.3)",qi=(0,sr.default)(p)`
|
|
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, ${rr});
|
|
528
|
+
color: var(--necto-salesforce-text, ${Yi});
|
|
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, ${Ki});
|
|
472
535
|
}
|
|
473
536
|
|
|
474
537
|
&:active {
|
|
475
|
-
background-color: var(--necto-salesforce-bg-active, ${
|
|
538
|
+
background-color: var(--necto-salesforce-bg-active, ${Wi});
|
|
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, ${Zi});
|
|
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, ${rr});
|
|
486
549
|
}
|
|
487
550
|
`}
|
|
488
|
-
`,
|
|
551
|
+
`,_t=(0,ir.forwardRef)(({as:t,asChild:o,children:r="Continue with Salesforce",iconPosition:i="left",showIcon:n=!0,iconSize:s=20,disabled:e,className:a,...l},c)=>(0,Et.jsx)(qi,{as:t,ref:c,asChild:o,showIcon:n,disabled:e,$disabled:e,className:(0,nr.default)(`_necto:${cr}`,a),iconPosition:i,icon:(0,Et.jsx)(ar.FaSalesforce,{size:s}),...l,children:r}));_t.displayName=cr;var dr=d(require("clsx"),1),pr=require("react"),fr=d(require("@emotion/styled"),1);var mr=require("react-icons/fa"),xt=require("@emotion/react/jsx-runtime"),ur="SlackButton",lr="#4a154b",Ji="#3f1240",Qi="#350f36",ji="#ffffff",ts="rgba(74, 21, 75, 0.3)",os=(0,fr.default)(p)`
|
|
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, ${lr});
|
|
554
|
+
color: var(--necto-slack-text, ${ji});
|
|
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, ${Ji});
|
|
498
561
|
}
|
|
499
562
|
|
|
500
563
|
&:active {
|
|
501
|
-
background-color: var(--necto-slack-bg-active, ${
|
|
564
|
+
background-color: var(--necto-slack-bg-active, ${Qi});
|
|
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, ${ts});
|
|
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, ${lr});
|
|
512
575
|
}
|
|
513
576
|
`}
|
|
514
|
-
`,
|
|
577
|
+
`,Ct=(0,pr.forwardRef)(({as:t,asChild:o,children:r="Continue with Slack",iconPosition:i="left",showIcon:n=!0,iconSize:s=20,disabled:e,className:a,...l},c)=>(0,xt.jsx)(os,{as:t,ref:c,asChild:o,showIcon:n,disabled:e,$disabled:e,className:(0,dr.default)(`_necto:${ur}`,a),iconPosition:i,icon:(0,xt.jsx)(mr.FaSlack,{size:s}),...l,children:r}));Ct.displayName=ur;var Br=d(require("clsx"),1),Or=require("react"),Rr=d(require("@emotion/styled"),1);var x=require("@emotion/react/jsx-runtime"),br=({size:t,color:o})=>{let r=o==null;return(0,x.jsxs)("svg",{width:t,height:t,viewBox:"0 0 500 500",xmlns:"http://www.w3.org/2000/svg",children:[(0,x.jsx)("title",{children:"Snapchat Icon"}),(0,x.jsxs)("g",{children:[(0,x.jsx)("path",{fill:r?"white":o??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"}),(0,x.jsx)("path",{fill:r?"black":o??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"})]})]})};var wt=require("@emotion/react/jsx-runtime"),hr="SnapchatButton",gr="#FFFC00",es="#F7EC09",rs="#E8DD08",ns="#000000",is="rgba(255, 252, 0, 0.3)",ss=(0,Rr.default)(p)`
|
|
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, ${gr});
|
|
580
|
+
color: var(--necto-snapchat-text, ${ns});
|
|
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, ${es});
|
|
524
587
|
}
|
|
525
588
|
|
|
526
589
|
&:active {
|
|
527
|
-
background-color: var(--necto-snapchat-bg-active, ${
|
|
590
|
+
background-color: var(--necto-snapchat-bg-active, ${rs});
|
|
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, ${is});
|
|
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, ${gr});
|
|
538
601
|
}
|
|
539
602
|
`}
|
|
540
|
-
`,
|
|
603
|
+
`,Tt=(0,Or.forwardRef)(({as:t,asChild:o,iconColor:r=null,children:i="Continue with Snapchat",iconPosition:n="left",showIcon:s=!0,iconSize:e=20,disabled:a,className:l,...c},f)=>(0,wt.jsx)(ss,{as:t,ref:f,asChild:o,showIcon:s,disabled:a,$disabled:a,iconPosition:n,icon:(0,wt.jsx)(br,{size:e,color:r}),className:(0,Br.default)(`_necto:${hr}`,l),...c,children:i}));Tt.displayName=hr;var vr=d(require("clsx"),1),Er=require("react"),_r=d(require("@emotion/styled"),1);var xr=require("react-icons/fa"),Lt=require("@emotion/react/jsx-runtime"),Cr="SpotifyButton",yr="#1db954",as="#1aa64b",cs="#179443",ls="#ffffff",ds="rgba(29, 185, 84, 0.3)",ps=(0,_r.default)(p)`
|
|
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, ${yr});
|
|
606
|
+
color: var(--necto-spotify-text, ${ls});
|
|
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, ${as});
|
|
550
613
|
}
|
|
551
614
|
|
|
552
615
|
&:active {
|
|
553
|
-
background-color: var(--necto-spotify-bg-active, ${
|
|
616
|
+
background-color: var(--necto-spotify-bg-active, ${cs});
|
|
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, ${ds});
|
|
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, ${yr});
|
|
564
627
|
}
|
|
565
628
|
`}
|
|
566
|
-
`,
|
|
629
|
+
`,St=(0,Er.forwardRef)(({as:t,asChild:o,children:r="Continue with Spotify",iconPosition:i="left",showIcon:n=!0,iconSize:s=20,disabled:e,className:a,...l},c)=>(0,Lt.jsx)(ps,{as:t,ref:c,asChild:o,showIcon:n,disabled:e,$disabled:e,className:(0,vr.default)(`_necto:${Cr}`,a),iconPosition:i,icon:(0,Lt.jsx)(xr.FaSpotify,{size:s}),...l,children:r}));St.displayName=Cr;var Lr=d(require("clsx"),1),Sr=require("react"),kr=d(require("@emotion/styled"),1);var y=require("@emotion/react/jsx-runtime"),wr=({size:t})=>(0,y.jsxs)("svg",{width:t,height:t,viewBox:"0 0 256 290",xmlns:"http://www.w3.org/2000/svg",children:[(0,y.jsx)("title",{children:"TikTok Icon"}),(0,y.jsxs)("g",{children:[(0,y.jsx)("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"}),(0,y.jsx)("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"}),(0,y.jsx)("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"})]})]});var $r=require("react-icons/fa"),P=require("@emotion/react/jsx-runtime"),Ar="TikTokButton",Tr="#000000",fs="#1a1a1a",ms="#333333",us="#ffffff",bs="rgba(0, 0, 0, 0.3)",gs=(0,kr.default)(p)`
|
|
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, ${Tr});
|
|
632
|
+
color: var(--necto-tiktok-text, ${us});
|
|
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, ${fs});
|
|
576
639
|
}
|
|
577
640
|
|
|
578
641
|
&:active {
|
|
579
|
-
background-color: var(--necto-tiktok-bg-active, ${
|
|
642
|
+
background-color: var(--necto-tiktok-bg-active, ${ms});
|
|
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, ${bs});
|
|
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, ${Tr});
|
|
590
653
|
}
|
|
591
654
|
`}
|
|
592
|
-
`,
|
|
655
|
+
`,kt=(0,Sr.forwardRef)(({as:t,asChild:o,iconColor:r=null,children:i="Continue with TikTok",iconPosition:n="left",showIcon:s=!0,iconSize:e=20,disabled:a,className:l,...c},f)=>(0,P.jsx)(gs,{as:t,ref:f,asChild:o,showIcon:s,disabled:a,$disabled:a,className:(0,Lr.default)(`_necto:${Ar}`,l),iconPosition:n,icon:r?(0,P.jsx)($r.FaTiktok,{size:e,color:r}):(0,P.jsx)(wr,{size:e}),...c,children:i}));kt.displayName=Ar;var Pr=d(require("clsx"),1),Hr=require("react"),Mr=d(require("@emotion/styled"),1);var Ir=require("react-icons/fa"),$t=require("@emotion/react/jsx-runtime"),Nr="TwitchButton",Fr="#9146ff",Bs="#823ee6",Os="#7337cc",Rs="#ffffff",hs="rgba(145, 70, 255, 0.3)",ys=(0,Mr.default)(p)`
|
|
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, ${Fr});
|
|
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, ${Fr});
|
|
616
679
|
}
|
|
617
680
|
`}
|
|
618
|
-
`,
|
|
681
|
+
`,At=(0,Hr.forwardRef)(({as:t,asChild:o,children:r="Continue with Twitch",iconPosition:i="left",showIcon:n=!0,iconSize:s=20,disabled:e,className:a,...l},c)=>(0,$t.jsx)(ys,{as:t,ref:c,asChild:o,showIcon:n,disabled:e,$disabled:e,className:(0,Pr.default)(`_necto:${Nr}`,a),iconPosition:i,icon:(0,$t.jsx)(Ir.FaTwitch,{size:s}),...l,children:r}));At.displayName=Nr;var Dr=d(require("clsx"),1),Ur=require("react"),Vr=d(require("@emotion/styled"),1);var zr=require("react-icons/fa6"),Ft=require("@emotion/react/jsx-runtime"),Xr="XButton",Gr="#000000",vs="#1a1a1a",Es="#333333",_s="#ffffff",xs="rgba(0, 0, 0, 0.3)",Cs=(0,Vr.default)(p)`
|
|
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, ${Gr});
|
|
684
|
+
color: var(--necto-x-text, ${_s});
|
|
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, ${vs});
|
|
628
691
|
}
|
|
629
692
|
|
|
630
693
|
&:active {
|
|
631
|
-
background-color: var(--necto-x-bg-active, ${
|
|
694
|
+
background-color: var(--necto-x-bg-active, ${Es});
|
|
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, ${xs});
|
|
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, ${Gr});
|
|
642
705
|
}
|
|
643
706
|
`}
|
|
644
|
-
`,
|
|
707
|
+
`,Pt=(0,Ur.forwardRef)(({as:t,asChild:o,children:r="Continue with X",iconPosition:i="left",showIcon:n=!0,iconSize:s=20,disabled:e,className:a,...l},c)=>(0,Ft.jsx)(Cs,{as:t,ref:c,asChild:o,showIcon:n,disabled:e,$disabled:e,className:(0,Dr.default)(`_necto:${Xr}`,a),iconPosition:i,icon:(0,Ft.jsx)(zr.FaXTwitter,{size:s}),...l,children:r}));Pt.displayName=Xr;0&&(module.exports={AppleButton,AtlassianButton,BitbucketButton,Box,DiscordButton,DropboxButton,FacebookButton,GitHubButton,GitLabButton,GoogleButton,HubSpotButton,HuggingFaceButton,LinkedInButton,MetaMaskButton,MicrosoftButton,NotionButton,OKXButton,Primitive,SalesforceButton,ShadowBevel,SlackButton,SnapchatButton,SpotifyButton,TikTokButton,TwitchButton,VisuallyHidden,XButton});
|
|
645
708
|
//# sourceMappingURL=index.cjs.map
|