@necto-react/components 1.4.8 → 1.4.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +170 -170
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +171 -171
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
package/dist/index.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var dn=Object.create;var S=Object.defineProperty;var pn=Object.getOwnPropertyDescriptor;var fn=Object.getOwnPropertyNames;var mn=Object.getPrototypeOf,un=Object.prototype.hasOwnProperty;var bn=(t,o)=>{for(var r in o)S(t,r,{get:o[r],enumerable:!0})},Xt=(t,o,r,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of fn(o))!un.call(t,n)&&n!==r&&S(t,n,{get:()=>o[n],enumerable:!(i=pn(o,n))||i.enumerable});return t};var d=(t,o,r)=>(r=t!=null?dn(mn(t)):{},Xt(o||!t||!t.__esModule?S(r,"default",{value:t,enumerable:!0}):r,t)),gn=t=>Xt(S({},"__esModule",{value:!0}),t);var Hs={};bn(Hs,{AppleButton:()=>W,AtlassianButton:()=>Z,BitbucketButton:()=>J,Box:()=>eo,DiscordButton:()=>j,DropboxButton:()=>ot,FacebookButton:()=>rt,GitHubButton:()=>it,GitLabButton:()=>at,GoogleButton:()=>lt,HubSpotButton:()=>pt,HuggingFaceButton:()=>mt,LinkedInButton:()=>bt,MetaMaskButton:()=>Bt,MicrosoftButton:()=>Rt,NotionButton:()=>yt,OKXButton:()=>Et,Primitive:()=>m,SalesforceButton:()=>xt,ShadowBevel:()=>U,SlackButton:()=>wt,SnapchatButton:()=>Lt,SpotifyButton:()=>kt,TikTokButton:()=>$t,TwitchButton:()=>Ft,VisuallyHidden:()=>V,XButton:()=>Ht});module.exports=gn(Hs);var oo=d(require("clsx"),1),N=require("react");var Zt=require("@necto/constants"),B=require("react");var Kt=require("@necto/dom"),Wt=Kt.HTMLElements.Div,Yt="Primitive";var Jt=require("@emotion/react/jsx-runtime"),qt=({as:t,asChild:o,children:r,...i},n)=>{let s=t??Wt;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,Jt.jsx)(s,{ref:n,...i,children:r})},Bn=()=>Zt.DOM.HTML_TAGS.reduce((t,o)=>{let r=o,i=o[0].toUpperCase()+o.slice(1),n=(0,B.forwardRef)((s,e)=>qt({...s,as:o},e));return t[r]=n,t[i]=n,t},{}),k,On=(0,B.forwardRef)(qt),m=new Proxy(On,{get(t,o,r){return k||(k=Bn()),typeof o=="string"&&o in k?k[o]:Reflect.get(t,o,r)}});m.displayName=Yt;var Qt=!1;function Rn(){if(!(Qt||typeof document>"u")){Qt=!0;var t=document.createElement("style");t.setAttribute("data-necto",""),t.textContent=`/**
|
|
2
2
|
* Copyright (c) Corinvo, LLC. and affiliates.
|
|
3
3
|
*
|
|
4
4
|
* This source code is licensed under the MIT license found in the
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
padding-inline-end: var(--necto-box-padding-inline-end);
|
|
36
36
|
opacity: var(--necto-box-opacity);
|
|
37
37
|
z-index: var(--necto-box-z-index);
|
|
38
|
-
}`,document.head.appendChild(t)}
|
|
38
|
+
}`,document.head.appendChild(t)}}var hn={Box:"_Box_buohy_8"},jt=new Proxy(hn,{get:function(t,o){return Rn(),t[o]}});var ro=require("@emotion/react/jsx-runtime"),yn="Box",$=t=>t!=null?`${t}px`:void 0,to=(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:Mt,color:It,minHeight:Zr,minWidth:qr,maxWidth:Jr,width:Qr,overflowX:jr,overflowY:tn,padding:L,paddingBlock:Nt,paddingBlockStart:on,paddingBlockEnd:en,paddingInline:Gt,paddingInlineStart:rn,paddingInlineEnd:nn,shadow:Dt,outlineColor:M,outlineStyle:Ut,outlineWidth:I,opacity:sn,zIndex:an,className:cn,...ln}=t,Vt=a||(e||l||c||f||g||C?"solid":void 0),zt=Ut||(M||I?"solid":void 0);return(0,ro.jsx)(m,{as:r,ref:o,...ln,className:(0,oo.default)(jt.Box,`_necto:${yn}`,cn),style:{...s&&{backgroundColor:s},...e&&{borderColor:e},...Vt&&{borderStyle:Vt},...It&&{color:It},...Dt&&{boxShadow:Dt},...M&&{outlineColor:M},...zt&&{outlineStyle:zt},...I&&{outlineWidth:I},...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},...Mt&&{"--necto-box-border-start-end-radius":Mt},"--necto-box-min-height":Zr,"--necto-box-min-width":qr,"--necto-box-max-width":Jr,"--necto-box-width":Qr,"--necto-box-overflow-x":jr,"--necto-box-overflow-y":tn,"--necto-box-padding-block-start":$(on??Nt??L),"--necto-box-padding-block-end":$(en??Nt??L),"--necto-box-padding-inline-start":$(rn??Gt??L),"--necto-box-padding-inline-end":$(nn??Gt??L),"--necto-box-opacity":sn,"--necto-box-z-index":an},children:n})},eo=Object.assign((0,N.forwardRef)(to),{Root:(0,N.forwardRef)(to)});var ao=d(require("clsx"),1),D=require("react");var no=!1;function vn(){if(!(no||typeof document>"u")){no=!0;var t=document.createElement("style");t.setAttribute("data-necto",""),t.textContent=`/**
|
|
39
39
|
* Copyright (c) Corinvo, LLC. and affiliates.
|
|
40
40
|
*
|
|
41
41
|
* This source code is licensed under the MIT license found in the
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
mix-blend-mode: luminosity;
|
|
62
62
|
border-radius: inherit;
|
|
63
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)}
|
|
64
|
+
}`,document.head.appendChild(t)}}var En={ShadowBevel:"_ShadowBevel_3ih3b_8"},io=new Proxy(En,{get:function(t,o){return vn(),t[o]}});var G="ShadowBevel";var co=require("@emotion/react/jsx-runtime"),so=(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,co.jsx)(m,{as:r,ref:o,...g,className:(0,ao.default)(c,io.ShadowBevel,`_necto:${G}`),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})},U=Object.assign((0,D.forwardRef)(so),{Root:(0,D.forwardRef)(so)});U.displayName=G;var fo=require("@necto-react/hooks"),E=require("react");var lo="VisuallyHidden";var mo=require("@emotion/react/jsx-runtime"),po=(t,o)=>{let{as:r,style:i,children:n,isFocusable:s,...e}=t,[a,l]=(0,E.useState)(!1),{focusWithinProps:c}=(0,fo.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,mo.jsx)(m,{as:r,ref:o,...e,...c,style:f,children:n})},V=Object.assign((0,E.forwardRef)(po),{Root:(0,E.forwardRef)(po)});V.displayName=lo;var Ro=d(require("clsx"),1),ho=require("react"),yo=d(require("@emotion/styled"),1),vo=require("react-icons/fa");var X=require("@emotion/react"),Bo=require("@necto/dom");var uo=require("react"),bo=require("@emotion/react/jsx-runtime"),z=t=>{let{children:o}=t;return(0,bo.jsx)(uo.Fragment,{children:typeof o=="function"?o():o})};var A=require("react"),go=require("@emotion/react/jsx-runtime"),F=t=>{let{condition:o,keepAlive:r,children:i}=t;if(!i)return null;let n=!!(typeof o=="function"?o():o);return(0,go.jsx)(A.Fragment,{children:A.Children.toArray(i).find(s=>s.type!==z!=!n)||null})};var P=require("react");var _=require("@emotion/react/jsx-runtime"),_n=Bo.HTMLElements.Button,p=(0,P.forwardRef)(function({as:o=_n,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:X.css`
|
|
65
65
|
flex-shrink: 0;
|
|
66
66
|
line-height: 0;
|
|
67
67
|
display: inline-flex;
|
|
@@ -89,320 +89,320 @@
|
|
|
89
89
|
cursor: not-allowed;
|
|
90
90
|
pointer-events: none;
|
|
91
91
|
`}
|
|
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)(P.Fragment,{children:[(0,_.jsx)(F,{condition:!!v&&s&&e==="left",children:v}),i,(0,_.jsx)(F,{condition:!!v&&s&&e==="right",children:v})]})})});var K=require("@emotion/react/jsx-runtime"),
|
|
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)(P.Fragment,{children:[(0,_.jsx)(F,{condition:!!v&&s&&e==="left",children:v}),i,(0,_.jsx)(F,{condition:!!v&&s&&e==="right",children:v})]})})});var K=require("@emotion/react/jsx-runtime"),Eo="AppleButton",Oo="#000000",xn="#1a1a1a",Cn="#333333",wn="#ffffff",Tn="rgba(0, 0, 0, 0.3)",Ln=(0,yo.default)(p)`
|
|
93
93
|
padding: 0 18px;
|
|
94
|
-
background-color: var(--necto-apple-bg, ${
|
|
95
|
-
color: var(--necto-apple-text, ${
|
|
94
|
+
background-color: var(--necto-apple-bg, ${Oo});
|
|
95
|
+
color: var(--necto-apple-text, ${wn});
|
|
96
96
|
border: none;
|
|
97
97
|
font-weight: 400;
|
|
98
98
|
font-family: 'Roboto', system-ui, -apple-system, sans-serif;
|
|
99
99
|
|
|
100
100
|
&:hover {
|
|
101
|
-
background-color: var(--necto-apple-bg-hover, ${
|
|
101
|
+
background-color: var(--necto-apple-bg-hover, ${xn});
|
|
102
102
|
}
|
|
103
103
|
|
|
104
104
|
&:active {
|
|
105
|
-
background-color: var(--necto-apple-bg-active, ${
|
|
105
|
+
background-color: var(--necto-apple-bg-active, ${Cn});
|
|
106
106
|
}
|
|
107
107
|
|
|
108
108
|
&:focus-visible {
|
|
109
|
-
box-shadow: 0 0 0 3px var(--necto-apple-focus-shadow, ${
|
|
109
|
+
box-shadow: 0 0 0 3px var(--necto-apple-focus-shadow, ${Tn});
|
|
110
110
|
}
|
|
111
111
|
|
|
112
112
|
${t=>t.$disabled&&`
|
|
113
113
|
&:hover,
|
|
114
114
|
&:active {
|
|
115
|
-
background-color: var(--necto-apple-bg, ${
|
|
115
|
+
background-color: var(--necto-apple-bg, ${Oo});
|
|
116
116
|
}
|
|
117
117
|
`}
|
|
118
|
-
`,W=(0,
|
|
118
|
+
`,W=(0,ho.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,K.jsx)(Ln,{as:t,ref:c,asChild:o,icon:(0,K.jsx)(vo.FaApple,{size:s}),showIcon:n,disabled:e,$disabled:e,iconPosition:i,className:(0,Ro.default)(`_necto:${Eo}`,a),...l,children:r}));W.displayName=Eo;var xo=d(require("clsx"),1),Co=require("react"),wo=d(require("@emotion/styled"),1);var To=require("react-icons/fa"),Y=require("@emotion/react/jsx-runtime"),Lo="AtlassianButton",_o="#0052cc",Sn="#0747a6",kn="#003d99",$n="#ffffff",An="rgba(0, 82, 204, 0.3)",Fn=(0,wo.default)(p)`
|
|
119
119
|
padding: 0 18px;
|
|
120
|
-
background-color: var(--necto-atlassian-bg, ${
|
|
121
|
-
color: var(--necto-atlassian-text, ${
|
|
120
|
+
background-color: var(--necto-atlassian-bg, ${_o});
|
|
121
|
+
color: var(--necto-atlassian-text, ${$n});
|
|
122
122
|
border: none;
|
|
123
123
|
font-weight: 500;
|
|
124
124
|
font-family: system-ui, -apple-system, sans-serif;
|
|
125
125
|
|
|
126
126
|
&:hover {
|
|
127
|
-
background-color: var(--necto-atlassian-bg-hover, ${
|
|
127
|
+
background-color: var(--necto-atlassian-bg-hover, ${Sn});
|
|
128
128
|
}
|
|
129
129
|
|
|
130
130
|
&:active {
|
|
131
|
-
background-color: var(--necto-atlassian-bg-active, ${
|
|
131
|
+
background-color: var(--necto-atlassian-bg-active, ${kn});
|
|
132
132
|
}
|
|
133
133
|
|
|
134
134
|
&:focus-visible {
|
|
135
|
-
box-shadow: 0 0 0 3px var(--necto-atlassian-focus-shadow, ${
|
|
135
|
+
box-shadow: 0 0 0 3px var(--necto-atlassian-focus-shadow, ${An});
|
|
136
136
|
}
|
|
137
137
|
|
|
138
138
|
${t=>t.$disabled&&`
|
|
139
139
|
&:hover,
|
|
140
140
|
&:active {
|
|
141
|
-
background-color: var(--necto-atlassian-bg, ${
|
|
141
|
+
background-color: var(--necto-atlassian-bg, ${_o});
|
|
142
142
|
}
|
|
143
143
|
`}
|
|
144
|
-
`,Z=(0,
|
|
144
|
+
`,Z=(0,Co.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,Y.jsx)(Fn,{as:t,ref:c,asChild:o,showIcon:n,disabled:e,$disabled:e,iconPosition:i,icon:(0,Y.jsx)(To.FaAtlassian,{size:s}),className:(0,xo.default)(`_necto:${Lo}`,a),...l,children:r}));Z.displayName=Lo;var $o=d(require("clsx"),1),Ao=require("react"),Fo=d(require("@emotion/styled"),1);var b=require("@emotion/react/jsx-runtime"),So=({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 q=require("@emotion/react/jsx-runtime"),Po="BitbucketButton",ko="#0052cc",Pn="#0747a6",Hn="#003d99",Mn="#ffffff",In="rgba(0, 82, 204, 0.3)",Nn=(0,Fo.default)(p)`
|
|
145
145
|
padding: 0 18px;
|
|
146
|
-
background-color: var(--necto-bitbucket-bg, ${
|
|
147
|
-
color: var(--necto-bitbucket-text, ${
|
|
146
|
+
background-color: var(--necto-bitbucket-bg, ${ko});
|
|
147
|
+
color: var(--necto-bitbucket-text, ${Mn});
|
|
148
148
|
border: none;
|
|
149
149
|
font-weight: 500;
|
|
150
150
|
font-family: system-ui, -apple-system, sans-serif;
|
|
151
151
|
|
|
152
152
|
&:hover {
|
|
153
|
-
background-color: var(--necto-bitbucket-bg-hover, ${
|
|
153
|
+
background-color: var(--necto-bitbucket-bg-hover, ${Pn});
|
|
154
154
|
}
|
|
155
155
|
|
|
156
156
|
&:active {
|
|
157
|
-
background-color: var(--necto-bitbucket-bg-active, ${
|
|
157
|
+
background-color: var(--necto-bitbucket-bg-active, ${Hn});
|
|
158
158
|
}
|
|
159
159
|
|
|
160
160
|
&:focus-visible {
|
|
161
|
-
box-shadow: 0 0 0 3px var(--necto-bitbucket-focus-shadow, ${
|
|
161
|
+
box-shadow: 0 0 0 3px var(--necto-bitbucket-focus-shadow, ${In});
|
|
162
162
|
}
|
|
163
163
|
|
|
164
164
|
${t=>t.$disabled&&`
|
|
165
165
|
&:hover,
|
|
166
166
|
&:active {
|
|
167
|
-
background-color: var(--necto-bitbucket-bg, ${
|
|
167
|
+
background-color: var(--necto-bitbucket-bg, ${ko});
|
|
168
168
|
}
|
|
169
169
|
`}
|
|
170
|
-
`,J=(0,
|
|
170
|
+
`,J=(0,Ao.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,q.jsx)(Nn,{as:t,ref:c,asChild:o,showIcon:n,disabled:e,$disabled:e,iconPosition:i,icon:(0,q.jsx)(So,{size:s}),className:(0,$o.default)(`_necto:${Po}`,a),...l,children:r}));J.displayName=Po;var Mo=d(require("clsx"),1),Io=require("react"),No=d(require("@emotion/styled"),1);var Go=require("react-icons/fa"),Q=require("@emotion/react/jsx-runtime"),Do="DiscordButton",Ho="#5865f2",Gn="#4752d9",Dn="#3c45c0",Un="#ffffff",Vn="rgba(88, 101, 242, 0.3)",zn=(0,No.default)(p)`
|
|
171
171
|
padding: 0 18px;
|
|
172
|
-
background-color: var(--necto-discord-bg, ${
|
|
173
|
-
color: var(--necto-discord-text, ${
|
|
172
|
+
background-color: var(--necto-discord-bg, ${Ho});
|
|
173
|
+
color: var(--necto-discord-text, ${Un});
|
|
174
174
|
border: none;
|
|
175
175
|
font-weight: 500;
|
|
176
176
|
font-family: 'Roboto', system-ui, -apple-system, sans-serif;
|
|
177
177
|
|
|
178
178
|
&:hover {
|
|
179
|
-
background-color: var(--necto-discord-bg-hover, ${
|
|
179
|
+
background-color: var(--necto-discord-bg-hover, ${Gn});
|
|
180
180
|
}
|
|
181
181
|
|
|
182
182
|
&:active {
|
|
183
|
-
background-color: var(--necto-discord-bg-active, ${
|
|
183
|
+
background-color: var(--necto-discord-bg-active, ${Dn});
|
|
184
184
|
}
|
|
185
185
|
|
|
186
186
|
&:focus-visible {
|
|
187
|
-
box-shadow: 0 0 0 3px var(--necto-discord-focus-shadow, ${
|
|
187
|
+
box-shadow: 0 0 0 3px var(--necto-discord-focus-shadow, ${Vn});
|
|
188
188
|
}
|
|
189
189
|
|
|
190
190
|
${t=>t.$disabled&&`
|
|
191
191
|
&:hover,
|
|
192
192
|
&:active {
|
|
193
|
-
background-color: var(--necto-discord-bg, ${
|
|
193
|
+
background-color: var(--necto-discord-bg, ${Ho});
|
|
194
194
|
}
|
|
195
195
|
`}
|
|
196
|
-
`,j=(0,
|
|
196
|
+
`,j=(0,Io.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,Q.jsx)(zn,{as:t,ref:c,asChild:o,showIcon:n,disabled:e,$disabled:e,iconPosition:i,icon:(0,Q.jsx)(Go.FaDiscord,{size:s}),className:(0,Mo.default)(`_necto:${Do}`,a),...l,children:r}));j.displayName=Do;var Vo=d(require("clsx"),1),zo=require("react"),Xo=d(require("@emotion/styled"),1);var Ko=require("react-icons/fa"),tt=require("@emotion/react/jsx-runtime"),Wo="DropboxButton",Uo="#0061ff",Xn="#0056e0",Kn="#004bc5",Wn="#ffffff",Yn="rgba(0, 97, 255, 0.3)",Zn=(0,Xo.default)(p)`
|
|
197
197
|
padding: 0 18px;
|
|
198
|
-
background-color: var(--necto-dropbox-bg, ${
|
|
199
|
-
color: var(--necto-dropbox-text, ${
|
|
198
|
+
background-color: var(--necto-dropbox-bg, ${Uo});
|
|
199
|
+
color: var(--necto-dropbox-text, ${Wn});
|
|
200
200
|
border: none;
|
|
201
201
|
font-weight: 500;
|
|
202
202
|
font-family: 'Roboto', system-ui, -apple-system, sans-serif;
|
|
203
203
|
|
|
204
204
|
&:hover {
|
|
205
|
-
background-color: var(--necto-dropbox-bg-hover, ${
|
|
205
|
+
background-color: var(--necto-dropbox-bg-hover, ${Xn});
|
|
206
206
|
}
|
|
207
207
|
|
|
208
208
|
&:active {
|
|
209
|
-
background-color: var(--necto-dropbox-bg-active, ${
|
|
209
|
+
background-color: var(--necto-dropbox-bg-active, ${Kn});
|
|
210
210
|
}
|
|
211
211
|
|
|
212
212
|
&:focus-visible {
|
|
213
|
-
box-shadow: 0 0 0 3px var(--necto-dropbox-focus-shadow, ${
|
|
213
|
+
box-shadow: 0 0 0 3px var(--necto-dropbox-focus-shadow, ${Yn});
|
|
214
214
|
}
|
|
215
215
|
|
|
216
216
|
${t=>t.$disabled&&`
|
|
217
217
|
&:hover,
|
|
218
218
|
&:active {
|
|
219
|
-
background-color: var(--necto-dropbox-bg, ${
|
|
219
|
+
background-color: var(--necto-dropbox-bg, ${Uo});
|
|
220
220
|
}
|
|
221
221
|
`}
|
|
222
|
-
`,ot=(0,
|
|
222
|
+
`,ot=(0,zo.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,tt.jsx)(Zn,{as:t,ref:c,asChild:o,icon:(0,tt.jsx)(Ko.FaDropbox,{size:s}),showIcon:n,disabled:e,$disabled:e,iconPosition:i,className:(0,Vo.default)(`_necto:${Wo}`,a),...l,children:r}));ot.displayName=Wo;var Zo=d(require("clsx"),1),qo=require("react"),Jo=d(require("@emotion/styled"),1);var Qo=require("react-icons/fa6"),et=require("@emotion/react/jsx-runtime"),jo="FacebookButton",Yo="#1877f2",qn="#166fe5",Jn="#1467d6",Qn="#ffffff",jn="#1877f2",ti="rgba(24, 119, 242, 0.3)",oi=(0,Jo.default)(p)`
|
|
223
223
|
padding: 0 18px;
|
|
224
|
-
background-color: var(--necto-facebook-bg, ${
|
|
225
|
-
color: var(--necto-facebook-text, ${
|
|
226
|
-
border: 1px solid var(--necto-facebook-border, ${
|
|
224
|
+
background-color: var(--necto-facebook-bg, ${Yo});
|
|
225
|
+
color: var(--necto-facebook-text, ${Qn});
|
|
226
|
+
border: 1px solid var(--necto-facebook-border, ${jn});
|
|
227
227
|
font-weight: 500;
|
|
228
228
|
font-family: system-ui, -apple-system, sans-serif;
|
|
229
229
|
|
|
230
230
|
&:hover {
|
|
231
|
-
background-color: var(--necto-facebook-bg-hover, ${
|
|
231
|
+
background-color: var(--necto-facebook-bg-hover, ${qn});
|
|
232
232
|
}
|
|
233
233
|
|
|
234
234
|
&:active {
|
|
235
|
-
background-color: var(--necto-facebook-bg-active, ${
|
|
235
|
+
background-color: var(--necto-facebook-bg-active, ${Jn});
|
|
236
236
|
}
|
|
237
237
|
|
|
238
238
|
&:focus-visible {
|
|
239
|
-
box-shadow: 0 0 0 3px var(--necto-facebook-focus-shadow, ${
|
|
239
|
+
box-shadow: 0 0 0 3px var(--necto-facebook-focus-shadow, ${ti});
|
|
240
240
|
}
|
|
241
241
|
|
|
242
242
|
${t=>t.$disabled&&`
|
|
243
243
|
&:hover,
|
|
244
244
|
&:active {
|
|
245
|
-
background-color: var(--necto-facebook-bg, ${
|
|
245
|
+
background-color: var(--necto-facebook-bg, ${Yo});
|
|
246
246
|
}
|
|
247
247
|
`}
|
|
248
|
-
`,rt=(0,
|
|
248
|
+
`,rt=(0,qo.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,et.jsx)(oi,{as:t,ref:c,asChild:o,showIcon:n,disabled:e,$disabled:e,iconPosition:i,icon:(0,et.jsx)(Qo.FaFacebook,{size:s}),className:(0,Zo.default)(`_necto:${jo}`,a),...l,children:r}));rt.displayName=jo;var oe=d(require("clsx"),1),ee=require("react"),re=d(require("@emotion/styled"),1);var ne=require("react-icons/fa"),nt=require("@emotion/react/jsx-runtime"),ie="GitHubButton",te="#24292f",ei="#2c3237",ri="#373e47",ni="#ffffff",ii="#24292f",si="rgba(36, 41, 47, 0.3)",ai=(0,re.default)(p)`
|
|
249
249
|
padding: 0 18px;
|
|
250
|
-
background-color: var(--necto-github-bg, ${
|
|
251
|
-
color: var(--necto-github-text, ${
|
|
252
|
-
border: 1px solid var(--necto-github-border, ${
|
|
250
|
+
background-color: var(--necto-github-bg, ${te});
|
|
251
|
+
color: var(--necto-github-text, ${ni});
|
|
252
|
+
border: 1px solid var(--necto-github-border, ${ii});
|
|
253
253
|
font-weight: 500;
|
|
254
254
|
font-family: system-ui, -apple-system, sans-serif;
|
|
255
255
|
|
|
256
256
|
&:hover {
|
|
257
|
-
background-color: var(--necto-github-bg-hover, ${
|
|
257
|
+
background-color: var(--necto-github-bg-hover, ${ei});
|
|
258
258
|
}
|
|
259
259
|
|
|
260
260
|
&:active {
|
|
261
|
-
background-color: var(--necto-github-bg-active, ${
|
|
261
|
+
background-color: var(--necto-github-bg-active, ${ri});
|
|
262
262
|
}
|
|
263
263
|
|
|
264
264
|
&:focus-visible {
|
|
265
|
-
box-shadow: 0 0 0 3px var(--necto-github-focus-shadow, ${
|
|
265
|
+
box-shadow: 0 0 0 3px var(--necto-github-focus-shadow, ${si});
|
|
266
266
|
}
|
|
267
267
|
|
|
268
268
|
${t=>t.$disabled&&`
|
|
269
269
|
&:hover,
|
|
270
270
|
&:active {
|
|
271
|
-
background-color: var(--necto-github-bg, ${
|
|
271
|
+
background-color: var(--necto-github-bg, ${te});
|
|
272
272
|
}
|
|
273
273
|
`}
|
|
274
|
-
`,it=(0,
|
|
274
|
+
`,it=(0,ee.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,nt.jsx)(ai,{as:t,ref:c,asChild:o,showIcon:n,disabled:e,$disabled:e,iconPosition:i,icon:(0,nt.jsx)(ne.FaGithub,{size:s}),className:(0,oe.default)(`_necto:${ie}`,a),...l,children:r}));it.displayName=ie;var ce=d(require("clsx"),1),le=require("react"),de=d(require("@emotion/styled"),1);var R=require("@emotion/react/jsx-runtime"),se=({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 st=require("@emotion/react/jsx-runtime"),pe="GitLabButton",ae="#fc6d26",ci="#e24329",li="#c73b1c",di="#ffffff",pi="rgba(252, 109, 38, 0.3)",fi=(0,de.default)(p)`
|
|
275
275
|
padding: 0 18px;
|
|
276
|
-
background-color: var(--necto-gitlab-bg, ${
|
|
277
|
-
color: var(--necto-gitlab-text, ${
|
|
276
|
+
background-color: var(--necto-gitlab-bg, ${ae});
|
|
277
|
+
color: var(--necto-gitlab-text, ${di});
|
|
278
278
|
border: none;
|
|
279
279
|
font-weight: 500;
|
|
280
280
|
font-family: system-ui, -apple-system, sans-serif;
|
|
281
281
|
|
|
282
282
|
&:hover {
|
|
283
|
-
background-color: var(--necto-gitlab-bg-hover, ${
|
|
283
|
+
background-color: var(--necto-gitlab-bg-hover, ${ci});
|
|
284
284
|
}
|
|
285
285
|
|
|
286
286
|
&:active {
|
|
287
|
-
background-color: var(--necto-gitlab-bg-active, ${
|
|
287
|
+
background-color: var(--necto-gitlab-bg-active, ${li});
|
|
288
288
|
}
|
|
289
289
|
|
|
290
290
|
&:focus-visible {
|
|
291
|
-
box-shadow: 0 0 0 3px var(--necto-gitlab-focus-shadow, ${
|
|
291
|
+
box-shadow: 0 0 0 3px var(--necto-gitlab-focus-shadow, ${pi});
|
|
292
292
|
}
|
|
293
293
|
|
|
294
294
|
${t=>t.$disabled&&`
|
|
295
295
|
&:hover,
|
|
296
296
|
&:active {
|
|
297
|
-
background-color: var(--necto-gitlab-bg, ${
|
|
297
|
+
background-color: var(--necto-gitlab-bg, ${ae});
|
|
298
298
|
}
|
|
299
299
|
`}
|
|
300
|
-
`,at=(0,
|
|
300
|
+
`,at=(0,le.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,st.jsx)(fi,{as:t,ref:f,asChild:o,showIcon:s,disabled:a,$disabled:a,iconPosition:n,icon:(0,st.jsx)(se,{size:e,color:r}),className:(0,ce.default)(`_necto:${pe}`,l),...c,children:i}));at.displayName=pe;var me=d(require("clsx"),1),ue=require("react"),be=d(require("@emotion/styled"),1);var ge=require("react-icons/fc"),ct=require("@emotion/react/jsx-runtime"),Be="GoogleButton",fe="#ffffff",mi="#f8f9fa",ui="#eceff1",bi="#1f1f1f",gi="#747775",Bi="rgba(66, 133, 244, 0.3)",Oi=(0,be.default)(p)`
|
|
301
301
|
padding: 0 12px 0 12px;
|
|
302
302
|
height: 40px;
|
|
303
|
-
background-color: var(--necto-google-bg, ${
|
|
304
|
-
color: var(--necto-google-text, ${
|
|
305
|
-
border: 1px solid var(--necto-google-border, ${
|
|
303
|
+
background-color: var(--necto-google-bg, ${fe});
|
|
304
|
+
color: var(--necto-google-text, ${bi});
|
|
305
|
+
border: 1px solid var(--necto-google-border, ${gi});
|
|
306
306
|
font-weight: 500;
|
|
307
307
|
font-family: 'Roboto Medium', system-ui, -apple-system, sans-serif;
|
|
308
308
|
|
|
309
309
|
&:hover {
|
|
310
|
-
background-color: var(--necto-google-bg-hover, ${
|
|
310
|
+
background-color: var(--necto-google-bg-hover, ${mi});
|
|
311
311
|
}
|
|
312
312
|
|
|
313
313
|
&:active {
|
|
314
|
-
background-color: var(--necto-google-bg-active, ${
|
|
314
|
+
background-color: var(--necto-google-bg-active, ${ui});
|
|
315
315
|
}
|
|
316
316
|
|
|
317
317
|
&:focus-visible {
|
|
318
|
-
box-shadow: 0 0 0 3px var(--necto-google-focus-shadow, ${
|
|
318
|
+
box-shadow: 0 0 0 3px var(--necto-google-focus-shadow, ${Bi});
|
|
319
319
|
}
|
|
320
320
|
|
|
321
321
|
${t=>t.$disabled&&`
|
|
322
322
|
&:hover,
|
|
323
323
|
&:active {
|
|
324
|
-
background-color: var(--necto-google-bg, ${
|
|
324
|
+
background-color: var(--necto-google-bg, ${fe});
|
|
325
325
|
}
|
|
326
326
|
`}
|
|
327
|
-
`,lt=(0,
|
|
327
|
+
`,lt=(0,ue.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,ct.jsx)(Oi,{as:t,ref:c,asChild:o,showIcon:n,disabled:e,$disabled:e,className:(0,me.default)(`_necto:${Be}`,a),iconPosition:i,icon:(0,ct.jsx)(ge.FcGoogle,{size:s}),...l,children:r}));lt.displayName=Be;var Re=d(require("clsx"),1),he=require("react"),ye=d(require("@emotion/styled"),1);var ve=require("react-icons/si"),dt=require("@emotion/react/jsx-runtime"),Ee="HubSpotButton",Oe="#ff7a59",Ri="#ff6a47",hi="#e55d3f",yi="#ffffff",vi="rgba(255, 122, 89, 0.3)",Ei=(0,ye.default)(p)`
|
|
328
328
|
padding: 0 12px 0 12px;
|
|
329
|
-
background-color: var(--necto-hubspot-bg, ${
|
|
330
|
-
color: var(--necto-hubspot-text, ${
|
|
329
|
+
background-color: var(--necto-hubspot-bg, ${Oe});
|
|
330
|
+
color: var(--necto-hubspot-text, ${yi});
|
|
331
331
|
border: none;
|
|
332
332
|
font-weight: 500;
|
|
333
333
|
font-family: 'Roboto', system-ui, -apple-system, sans-serif;
|
|
334
334
|
|
|
335
335
|
&:hover {
|
|
336
|
-
background-color: var(--necto-hubspot-bg-hover, ${
|
|
336
|
+
background-color: var(--necto-hubspot-bg-hover, ${Ri});
|
|
337
337
|
}
|
|
338
338
|
|
|
339
339
|
&:active {
|
|
340
|
-
background-color: var(--necto-hubspot-bg-active, ${
|
|
340
|
+
background-color: var(--necto-hubspot-bg-active, ${hi});
|
|
341
341
|
}
|
|
342
342
|
|
|
343
343
|
&:focus-visible {
|
|
344
|
-
box-shadow: 0 0 0 3px var(--necto-hubspot-focus-shadow, ${
|
|
344
|
+
box-shadow: 0 0 0 3px var(--necto-hubspot-focus-shadow, ${vi});
|
|
345
345
|
}
|
|
346
346
|
|
|
347
347
|
${t=>t.$disabled&&`
|
|
348
348
|
&:hover,
|
|
349
349
|
&:active {
|
|
350
|
-
background-color: var(--necto-hubspot-bg, ${
|
|
350
|
+
background-color: var(--necto-hubspot-bg, ${Oe});
|
|
351
351
|
}
|
|
352
352
|
`}
|
|
353
|
-
`,pt=(0,
|
|
353
|
+
`,pt=(0,he.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,dt.jsx)(Ei,{as:t,ref:c,asChild:o,showIcon:n,disabled:e,$disabled:e,className:(0,Re.default)(`_necto:${Ee}`,a),iconPosition:i,icon:(0,dt.jsx)(ve.SiHubspot,{size:s}),...l,children:r}));pt.displayName=Ee;var xe=d(require("clsx"),1),Ce=require("react"),we=d(require("@emotion/styled"),1);var Te=require("react-icons/si"),ft=require("@emotion/react/jsx-runtime"),Le="HuggingFaceButton",_e="#ffcc00",_i="#e6b800",xi="#cca300",Ci="#000000",wi="rgba(255, 204, 0, 0.3)",Ti=(0,we.default)(p)`
|
|
354
354
|
padding: 0 12px 0 12px;
|
|
355
|
-
background-color: var(--necto-huggingface-bg, ${
|
|
356
|
-
color: var(--necto-huggingface-text, ${
|
|
355
|
+
background-color: var(--necto-huggingface-bg, ${_e});
|
|
356
|
+
color: var(--necto-huggingface-text, ${Ci});
|
|
357
357
|
border: none;
|
|
358
358
|
font-weight: 500;
|
|
359
359
|
font-family: 'Roboto', system-ui, -apple-system, sans-serif;
|
|
360
360
|
|
|
361
361
|
&:hover {
|
|
362
|
-
background-color: var(--necto-huggingface-bg-hover, ${
|
|
362
|
+
background-color: var(--necto-huggingface-bg-hover, ${_i});
|
|
363
363
|
}
|
|
364
364
|
|
|
365
365
|
&:active {
|
|
366
|
-
background-color: var(--necto-huggingface-bg-active, ${
|
|
366
|
+
background-color: var(--necto-huggingface-bg-active, ${xi});
|
|
367
367
|
}
|
|
368
368
|
|
|
369
369
|
&:focus-visible {
|
|
370
|
-
box-shadow: 0 0 0 3px var(--necto-huggingface-focus-shadow, ${
|
|
370
|
+
box-shadow: 0 0 0 3px var(--necto-huggingface-focus-shadow, ${wi});
|
|
371
371
|
}
|
|
372
372
|
|
|
373
373
|
${t=>t.$disabled&&`
|
|
374
374
|
&:hover,
|
|
375
375
|
&:active {
|
|
376
|
-
background-color: var(--necto-huggingface-bg, ${
|
|
376
|
+
background-color: var(--necto-huggingface-bg, ${_e});
|
|
377
377
|
}
|
|
378
378
|
`}
|
|
379
|
-
`,mt=(0,
|
|
379
|
+
`,mt=(0,Ce.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,ft.jsx)(Ti,{as:t,ref:c,asChild:o,showIcon:n,disabled:e,$disabled:e,className:(0,xe.default)(`_necto:${Le}`,a),iconPosition:i,icon:(0,ft.jsx)(Te.SiHuggingface,{size:s}),...l,children:r}));mt.displayName=Le;var ke=d(require("clsx"),1),$e=require("react"),Ae=d(require("@emotion/styled"),1);var Fe=require("react-icons/fa"),ut=require("@emotion/react/jsx-runtime"),Pe="LinkedInButton",Se="#0a66c2",Li="#004182",Si="#003366",ki="#ffffff",$i="rgba(10, 102, 194, 0.3)",Ai=(0,Ae.default)(p)`
|
|
380
380
|
padding: 0 12px;
|
|
381
|
-
background-color: var(--necto-linkedin-bg, ${
|
|
382
|
-
color: var(--necto-linkedin-text, ${
|
|
381
|
+
background-color: var(--necto-linkedin-bg, ${Se});
|
|
382
|
+
color: var(--necto-linkedin-text, ${ki});
|
|
383
383
|
border: none;
|
|
384
384
|
font-weight: 500;
|
|
385
385
|
font-family: system-ui, -apple-system, sans-serif;
|
|
386
386
|
|
|
387
387
|
&:hover {
|
|
388
|
-
background-color: var(--necto-linkedin-bg-hover, ${
|
|
388
|
+
background-color: var(--necto-linkedin-bg-hover, ${Li});
|
|
389
389
|
}
|
|
390
390
|
|
|
391
391
|
&:active {
|
|
392
|
-
background-color: var(--necto-linkedin-bg-active, ${
|
|
392
|
+
background-color: var(--necto-linkedin-bg-active, ${Si});
|
|
393
393
|
}
|
|
394
394
|
|
|
395
395
|
&:focus-visible {
|
|
396
|
-
box-shadow: 0 0 0 3px var(--necto-linkedin-focus-shadow, ${
|
|
396
|
+
box-shadow: 0 0 0 3px var(--necto-linkedin-focus-shadow, ${$i});
|
|
397
397
|
}
|
|
398
398
|
|
|
399
399
|
${t=>t.$disabled&&`
|
|
400
400
|
&:hover,
|
|
401
401
|
&:active {
|
|
402
|
-
background-color: var(--necto-linkedin-bg, ${
|
|
402
|
+
background-color: var(--necto-linkedin-bg, ${Se});
|
|
403
403
|
}
|
|
404
404
|
`}
|
|
405
|
-
`,bt=(0
|
|
405
|
+
`,bt=(0,$e.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,ut.jsx)(Ai,{as:t,ref:c,asChild:o,showIcon:n,disabled:e,$disabled:e,className:(0,ke.default)(`_necto:${Pe}`,a),iconPosition:i,icon:(0,ut.jsx)(Fe.FaLinkedin,{size:s}),...l,children:r}));bt.displayName=Pe;var Ie=d(require("clsx"),1),Ne=require("react"),Ge=d(require("@emotion/styled"),1);var u=require("@emotion/react/jsx-runtime"),He=({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
|
|
406
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
|
|
407
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
|
|
408
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
|
|
@@ -416,293 +416,293 @@
|
|
|
416
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
|
|
417
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
|
|
418
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 gt=require("@emotion/react/jsx-runtime"),
|
|
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 gt=require("@emotion/react/jsx-runtime"),De="MetaMaskButton",Me="#f6851b",Fi="#e2761a",Pi="#cd6a17",Hi="#ffffff",Mi="rgba(246, 133, 27, 0.3)",Ii=(0,Ge.default)(p)`
|
|
420
420
|
padding: 0 12px 0 12px;
|
|
421
|
-
background-color: var(--necto-metamask-bg, ${
|
|
422
|
-
color: var(--necto-metamask-text, ${
|
|
421
|
+
background-color: var(--necto-metamask-bg, ${Me});
|
|
422
|
+
color: var(--necto-metamask-text, ${Hi});
|
|
423
423
|
border: none;
|
|
424
424
|
font-weight: 500;
|
|
425
425
|
font-family: 'Roboto', system-ui, -apple-system, sans-serif;
|
|
426
426
|
|
|
427
427
|
&:hover {
|
|
428
|
-
background-color: var(--necto-metamask-bg-hover, ${
|
|
428
|
+
background-color: var(--necto-metamask-bg-hover, ${Fi});
|
|
429
429
|
}
|
|
430
430
|
|
|
431
431
|
&:active {
|
|
432
|
-
background-color: var(--necto-metamask-bg-active, ${
|
|
432
|
+
background-color: var(--necto-metamask-bg-active, ${Pi});
|
|
433
433
|
}
|
|
434
434
|
|
|
435
435
|
&:focus-visible {
|
|
436
|
-
box-shadow: 0 0 0 3px var(--necto-metamask-focus-shadow, ${
|
|
436
|
+
box-shadow: 0 0 0 3px var(--necto-metamask-focus-shadow, ${Mi});
|
|
437
437
|
}
|
|
438
438
|
|
|
439
439
|
${t=>t.$disabled&&`
|
|
440
440
|
&:hover,
|
|
441
441
|
&:active {
|
|
442
|
-
background-color: var(--necto-metamask-bg, ${
|
|
442
|
+
background-color: var(--necto-metamask-bg, ${Me});
|
|
443
443
|
}
|
|
444
444
|
`}
|
|
445
|
-
`,Bt=(0,
|
|
445
|
+
`,Bt=(0,Ne.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,gt.jsx)(Ii,{as:t,ref:c,asChild:o,showIcon:n,disabled:e,$disabled:e,className:(0,Ie.default)(`_necto:${De}`,a),iconPosition:i,icon:(0,gt.jsx)(He,{size:s}),...l,children:r}));Bt.displayName=De;var ze=d(require("clsx"),1),Xe=require("react"),Ke=d(require("@emotion/styled"),1);var h=require("@emotion/react/jsx-runtime"),Ue=({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 Ot=require("@emotion/react/jsx-runtime"),We="MicrosoftButton",Ve="#2f2f2f",Ni="#3d3d3d",Gi="#4a4a4a",Di="#ffffff",Ui="#8c8c8c",Vi="rgba(47, 47, 47, 0.3)",zi=(0,Ke.default)(p)`
|
|
446
446
|
padding: 0 18px;
|
|
447
447
|
min-height: 41px;
|
|
448
|
-
background-color: var(--necto-microsoft-bg, ${
|
|
449
|
-
color: var(--necto-microsoft-text, ${
|
|
450
|
-
border: 1px solid var(--necto-microsoft-border, ${
|
|
448
|
+
background-color: var(--necto-microsoft-bg, ${Ve});
|
|
449
|
+
color: var(--necto-microsoft-text, ${Di});
|
|
450
|
+
border: 1px solid var(--necto-microsoft-border, ${Ui});
|
|
451
451
|
font-size: 15px;
|
|
452
452
|
font-weight: 600;
|
|
453
453
|
font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
|
|
454
454
|
|
|
455
455
|
&:hover {
|
|
456
|
-
background-color: var(--necto-microsoft-bg-hover, ${
|
|
456
|
+
background-color: var(--necto-microsoft-bg-hover, ${Ni});
|
|
457
457
|
}
|
|
458
458
|
|
|
459
459
|
&:active {
|
|
460
|
-
background-color: var(--necto-microsoft-bg-active, ${
|
|
460
|
+
background-color: var(--necto-microsoft-bg-active, ${Gi});
|
|
461
461
|
}
|
|
462
462
|
|
|
463
463
|
&:focus-visible {
|
|
464
|
-
box-shadow: 0 0 0 3px var(--necto-microsoft-focus-shadow, ${
|
|
464
|
+
box-shadow: 0 0 0 3px var(--necto-microsoft-focus-shadow, ${Vi});
|
|
465
465
|
}
|
|
466
466
|
|
|
467
467
|
${t=>t.$disabled&&`
|
|
468
468
|
&:hover,
|
|
469
469
|
&:active {
|
|
470
|
-
background-color: var(--necto-microsoft-bg, ${
|
|
470
|
+
background-color: var(--necto-microsoft-bg, ${Ve});
|
|
471
471
|
}
|
|
472
472
|
`}
|
|
473
|
-
`,Rt=(0,
|
|
473
|
+
`,Rt=(0,Xe.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,Ot.jsx)(zi,{as:t,ref:c,asChild:o,showIcon:n,disabled:e,$disabled:e,className:(0,ze.default)(`_necto:${We}`,a),iconPosition:i,icon:(0,Ot.jsx)(Ue,{size:s}),...l,children:r}));Rt.displayName=We;var Ze=d(require("clsx"),1),qe=require("react"),Je=d(require("@emotion/styled"),1);var Qe=require("react-icons/si"),ht=require("@emotion/react/jsx-runtime"),je="NotionButton",Ye="#000000",Xi="#1a1a1a",Ki="#333333",Wi="#ffffff",Yi="rgba(0, 0, 0, 0.3)",Zi=(0,Je.default)(p)`
|
|
474
474
|
padding: 0 12px 0 12px;
|
|
475
|
-
background-color: var(--necto-notion-bg, ${
|
|
476
|
-
color: var(--necto-notion-text, ${
|
|
475
|
+
background-color: var(--necto-notion-bg, ${Ye});
|
|
476
|
+
color: var(--necto-notion-text, ${Wi});
|
|
477
477
|
border: none;
|
|
478
478
|
font-weight: 500;
|
|
479
479
|
font-family: 'Roboto', system-ui, -apple-system, sans-serif;
|
|
480
480
|
|
|
481
481
|
&:hover {
|
|
482
|
-
background-color: var(--necto-notion-bg-hover, ${
|
|
482
|
+
background-color: var(--necto-notion-bg-hover, ${Xi});
|
|
483
483
|
}
|
|
484
484
|
|
|
485
485
|
&:active {
|
|
486
|
-
background-color: var(--necto-notion-bg-active, ${
|
|
486
|
+
background-color: var(--necto-notion-bg-active, ${Ki});
|
|
487
487
|
}
|
|
488
488
|
|
|
489
489
|
&:focus-visible {
|
|
490
|
-
box-shadow: 0 0 0 3px var(--necto-notion-focus-shadow, ${
|
|
490
|
+
box-shadow: 0 0 0 3px var(--necto-notion-focus-shadow, ${Yi});
|
|
491
491
|
}
|
|
492
492
|
|
|
493
493
|
${t=>t.$disabled&&`
|
|
494
494
|
&:hover,
|
|
495
495
|
&:active {
|
|
496
|
-
background-color: var(--necto-notion-bg, ${
|
|
496
|
+
background-color: var(--necto-notion-bg, ${Ye});
|
|
497
497
|
}
|
|
498
498
|
`}
|
|
499
|
-
`,yt=(0,
|
|
499
|
+
`,yt=(0,qe.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,ht.jsx)(Zi,{as:t,ref:c,asChild:o,showIcon:n,disabled:e,$disabled:e,className:(0,Ze.default)(`_necto:${je}`,a),iconPosition:i,icon:(0,ht.jsx)(Qe.SiNotion,{size:s}),...l,children:r}));yt.displayName=je;var or=d(require("clsx"),1),er=require("react"),rr=d(require("@emotion/styled"),1);var nr=require("react-icons/si"),vt=require("@emotion/react/jsx-runtime"),ir="OKXButton",tr="#000000",qi="#1a1a1a",Ji="#333333",Qi="#ffffff",ji="rgba(0, 0, 0, 0.3)",ts=(0,rr.default)(p)`
|
|
500
500
|
padding: 0 12px 0 12px;
|
|
501
|
-
background-color: var(--necto-okx-bg, ${
|
|
502
|
-
color: var(--necto-okx-text, ${
|
|
501
|
+
background-color: var(--necto-okx-bg, ${tr});
|
|
502
|
+
color: var(--necto-okx-text, ${Qi});
|
|
503
503
|
border: none;
|
|
504
504
|
font-weight: 500;
|
|
505
505
|
font-family: 'Roboto', system-ui, -apple-system, sans-serif;
|
|
506
506
|
|
|
507
507
|
&:hover {
|
|
508
|
-
background-color: var(--necto-okx-bg-hover, ${
|
|
508
|
+
background-color: var(--necto-okx-bg-hover, ${qi});
|
|
509
509
|
}
|
|
510
510
|
|
|
511
511
|
&:active {
|
|
512
|
-
background-color: var(--necto-okx-bg-active, ${
|
|
512
|
+
background-color: var(--necto-okx-bg-active, ${Ji});
|
|
513
513
|
}
|
|
514
514
|
|
|
515
515
|
&:focus-visible {
|
|
516
|
-
box-shadow: 0 0 0 3px var(--necto-okx-focus-shadow, ${
|
|
516
|
+
box-shadow: 0 0 0 3px var(--necto-okx-focus-shadow, ${ji});
|
|
517
517
|
}
|
|
518
518
|
|
|
519
519
|
${t=>t.$disabled&&`
|
|
520
520
|
&:hover,
|
|
521
521
|
&:active {
|
|
522
|
-
background-color: var(--necto-okx-bg, ${
|
|
522
|
+
background-color: var(--necto-okx-bg, ${tr});
|
|
523
523
|
}
|
|
524
524
|
`}
|
|
525
|
-
`,Et=(0,
|
|
525
|
+
`,Et=(0,er.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,vt.jsx)(ts,{as:t,ref:c,asChild:o,showIcon:n,disabled:e,$disabled:e,className:(0,or.default)(`_necto:${ir}`,a),iconPosition:i,icon:(0,vt.jsx)(nr.SiOkx,{size:s}),...l,children:r}));Et.displayName=ir;var ar=d(require("clsx"),1),cr=require("react"),lr=d(require("@emotion/styled"),1);var dr=require("react-icons/fa"),_t=require("@emotion/react/jsx-runtime"),pr="SalesforceButton",sr="#00a1e0",os="#0074a8",es="#005c85",rs="#ffffff",ns="rgba(0, 161, 224, 0.3)",is=(0,lr.default)(p)`
|
|
526
526
|
padding: 0 12px;
|
|
527
|
-
background-color: var(--necto-salesforce-bg, ${
|
|
528
|
-
color: var(--necto-salesforce-text, ${
|
|
527
|
+
background-color: var(--necto-salesforce-bg, ${sr});
|
|
528
|
+
color: var(--necto-salesforce-text, ${rs});
|
|
529
529
|
border: none;
|
|
530
530
|
font-weight: 500;
|
|
531
531
|
font-family: system-ui, -apple-system, sans-serif;
|
|
532
532
|
|
|
533
533
|
&:hover {
|
|
534
|
-
background-color: var(--necto-salesforce-bg-hover, ${
|
|
534
|
+
background-color: var(--necto-salesforce-bg-hover, ${os});
|
|
535
535
|
}
|
|
536
536
|
|
|
537
537
|
&:active {
|
|
538
|
-
background-color: var(--necto-salesforce-bg-active, ${
|
|
538
|
+
background-color: var(--necto-salesforce-bg-active, ${es});
|
|
539
539
|
}
|
|
540
540
|
|
|
541
541
|
&:focus-visible {
|
|
542
|
-
box-shadow: 0 0 0 3px var(--necto-salesforce-focus-shadow, ${
|
|
542
|
+
box-shadow: 0 0 0 3px var(--necto-salesforce-focus-shadow, ${ns});
|
|
543
543
|
}
|
|
544
544
|
|
|
545
545
|
${t=>t.$disabled&&`
|
|
546
546
|
&:hover,
|
|
547
547
|
&:active {
|
|
548
|
-
background-color: var(--necto-salesforce-bg, ${
|
|
548
|
+
background-color: var(--necto-salesforce-bg, ${sr});
|
|
549
549
|
}
|
|
550
550
|
`}
|
|
551
|
-
`,xt=(0,
|
|
551
|
+
`,xt=(0,cr.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,_t.jsx)(is,{as:t,ref:c,asChild:o,showIcon:n,disabled:e,$disabled:e,className:(0,ar.default)(`_necto:${pr}`,a),iconPosition:i,icon:(0,_t.jsx)(dr.FaSalesforce,{size:s}),...l,children:r}));xt.displayName=pr;var mr=d(require("clsx"),1),ur=require("react"),br=d(require("@emotion/styled"),1);var gr=require("react-icons/fa"),Ct=require("@emotion/react/jsx-runtime"),Br="SlackButton",fr="#4a154b",ss="#3f1240",as="#350f36",cs="#ffffff",ls="rgba(74, 21, 75, 0.3)",ds=(0,br.default)(p)`
|
|
552
552
|
padding: 0 12px 0 12px;
|
|
553
|
-
background-color: var(--necto-slack-bg, ${
|
|
554
|
-
color: var(--necto-slack-text, ${
|
|
553
|
+
background-color: var(--necto-slack-bg, ${fr});
|
|
554
|
+
color: var(--necto-slack-text, ${cs});
|
|
555
555
|
border: none;
|
|
556
556
|
font-weight: 500;
|
|
557
557
|
font-family: 'Roboto', system-ui, -apple-system, sans-serif;
|
|
558
558
|
|
|
559
559
|
&:hover {
|
|
560
|
-
background-color: var(--necto-slack-bg-hover, ${
|
|
560
|
+
background-color: var(--necto-slack-bg-hover, ${ss});
|
|
561
561
|
}
|
|
562
562
|
|
|
563
563
|
&:active {
|
|
564
|
-
background-color: var(--necto-slack-bg-active, ${
|
|
564
|
+
background-color: var(--necto-slack-bg-active, ${as});
|
|
565
565
|
}
|
|
566
566
|
|
|
567
567
|
&:focus-visible {
|
|
568
|
-
box-shadow: 0 0 0 3px var(--necto-slack-focus-shadow, ${
|
|
568
|
+
box-shadow: 0 0 0 3px var(--necto-slack-focus-shadow, ${ls});
|
|
569
569
|
}
|
|
570
570
|
|
|
571
571
|
${t=>t.$disabled&&`
|
|
572
572
|
&:hover,
|
|
573
573
|
&:active {
|
|
574
|
-
background-color: var(--necto-slack-bg, ${
|
|
574
|
+
background-color: var(--necto-slack-bg, ${fr});
|
|
575
575
|
}
|
|
576
576
|
`}
|
|
577
|
-
`,wt=(0,
|
|
577
|
+
`,wt=(0,ur.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,Ct.jsx)(ds,{as:t,ref:c,asChild:o,showIcon:n,disabled:e,$disabled:e,className:(0,mr.default)(`_necto:${Br}`,a),iconPosition:i,icon:(0,Ct.jsx)(gr.FaSlack,{size:s}),...l,children:r}));wt.displayName=Br;var hr=d(require("clsx"),1),yr=require("react"),vr=d(require("@emotion/styled"),1);var x=require("@emotion/react/jsx-runtime"),Or=({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 Tt=require("@emotion/react/jsx-runtime"),Er="SnapchatButton",Rr="#FFFC00",ps="#F7EC09",fs="#E8DD08",ms="#000000",us="rgba(255, 252, 0, 0.3)",bs=(0,vr.default)(p)`
|
|
578
578
|
padding: 0 18px;
|
|
579
|
-
background-color: var(--necto-snapchat-bg, ${
|
|
580
|
-
color: var(--necto-snapchat-text, ${
|
|
579
|
+
background-color: var(--necto-snapchat-bg, ${Rr});
|
|
580
|
+
color: var(--necto-snapchat-text, ${ms});
|
|
581
581
|
border: none;
|
|
582
582
|
font-weight: 500;
|
|
583
583
|
font-family: 'Roboto', system-ui, -apple-system, sans-serif;
|
|
584
584
|
|
|
585
585
|
&:hover {
|
|
586
|
-
background-color: var(--necto-snapchat-bg-hover, ${
|
|
586
|
+
background-color: var(--necto-snapchat-bg-hover, ${ps});
|
|
587
587
|
}
|
|
588
588
|
|
|
589
589
|
&:active {
|
|
590
|
-
background-color: var(--necto-snapchat-bg-active, ${
|
|
590
|
+
background-color: var(--necto-snapchat-bg-active, ${fs});
|
|
591
591
|
}
|
|
592
592
|
|
|
593
593
|
&:focus-visible {
|
|
594
|
-
box-shadow: 0 0 0 3px var(--necto-snapchat-focus-shadow, ${
|
|
594
|
+
box-shadow: 0 0 0 3px var(--necto-snapchat-focus-shadow, ${us});
|
|
595
595
|
}
|
|
596
596
|
|
|
597
597
|
${t=>t.$disabled&&`
|
|
598
598
|
&:hover,
|
|
599
599
|
&:active {
|
|
600
|
-
background-color: var(--necto-snapchat-bg, ${
|
|
600
|
+
background-color: var(--necto-snapchat-bg, ${Rr});
|
|
601
601
|
}
|
|
602
602
|
`}
|
|
603
|
-
`,Lt=(0,
|
|
603
|
+
`,Lt=(0,yr.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,Tt.jsx)(bs,{as:t,ref:f,asChild:o,showIcon:s,disabled:a,$disabled:a,iconPosition:n,icon:(0,Tt.jsx)(Or,{size:e,color:r}),className:(0,hr.default)(`_necto:${Er}`,l),...c,children:i}));Lt.displayName=Er;var xr=d(require("clsx"),1),Cr=require("react"),wr=d(require("@emotion/styled"),1);var Tr=require("react-icons/fa"),St=require("@emotion/react/jsx-runtime"),Lr="SpotifyButton",_r="#1db954",gs="#1aa64b",Bs="#179443",Os="#ffffff",Rs="rgba(29, 185, 84, 0.3)",hs=(0,wr.default)(p)`
|
|
604
604
|
padding: 0 12px 0 12px;
|
|
605
|
-
background-color: var(--necto-spotify-bg, ${
|
|
606
|
-
color: var(--necto-spotify-text, ${
|
|
605
|
+
background-color: var(--necto-spotify-bg, ${_r});
|
|
606
|
+
color: var(--necto-spotify-text, ${Os});
|
|
607
607
|
border: none;
|
|
608
608
|
font-weight: 500;
|
|
609
609
|
font-family: 'Roboto', system-ui, -apple-system, sans-serif;
|
|
610
610
|
|
|
611
611
|
&:hover {
|
|
612
|
-
background-color: var(--necto-spotify-bg-hover, ${
|
|
612
|
+
background-color: var(--necto-spotify-bg-hover, ${gs});
|
|
613
613
|
}
|
|
614
614
|
|
|
615
615
|
&:active {
|
|
616
|
-
background-color: var(--necto-spotify-bg-active, ${
|
|
616
|
+
background-color: var(--necto-spotify-bg-active, ${Bs});
|
|
617
617
|
}
|
|
618
618
|
|
|
619
619
|
&:focus-visible {
|
|
620
|
-
box-shadow: 0 0 0 3px var(--necto-spotify-focus-shadow, ${
|
|
620
|
+
box-shadow: 0 0 0 3px var(--necto-spotify-focus-shadow, ${Rs});
|
|
621
621
|
}
|
|
622
622
|
|
|
623
623
|
${t=>t.$disabled&&`
|
|
624
624
|
&:hover,
|
|
625
625
|
&:active {
|
|
626
|
-
background-color: var(--necto-spotify-bg, ${
|
|
626
|
+
background-color: var(--necto-spotify-bg, ${_r});
|
|
627
627
|
}
|
|
628
628
|
`}
|
|
629
|
-
`,kt=(0,
|
|
629
|
+
`,kt=(0,Cr.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,St.jsx)(hs,{as:t,ref:c,asChild:o,showIcon:n,disabled:e,$disabled:e,className:(0,xr.default)(`_necto:${Lr}`,a),iconPosition:i,icon:(0,St.jsx)(Tr.FaSpotify,{size:s}),...l,children:r}));kt.displayName=Lr;var $r=d(require("clsx"),1),Ar=require("react"),Fr=d(require("@emotion/styled"),1);var y=require("@emotion/react/jsx-runtime"),Sr=({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 Pr=require("react-icons/fa"),H=require("@emotion/react/jsx-runtime"),Hr="TikTokButton",kr="#000000",ys="#1a1a1a",vs="#333333",Es="#ffffff",_s="rgba(0, 0, 0, 0.3)",xs=(0,Fr.default)(p)`
|
|
630
630
|
padding: 0 12px 0 12px;
|
|
631
|
-
background-color: var(--necto-tiktok-bg, ${
|
|
632
|
-
color: var(--necto-tiktok-text, ${
|
|
631
|
+
background-color: var(--necto-tiktok-bg, ${kr});
|
|
632
|
+
color: var(--necto-tiktok-text, ${Es});
|
|
633
633
|
border: none;
|
|
634
634
|
font-weight: 500;
|
|
635
635
|
font-family: 'Roboto', system-ui, -apple-system, sans-serif;
|
|
636
636
|
|
|
637
637
|
&:hover {
|
|
638
|
-
background-color: var(--necto-tiktok-bg-hover, ${
|
|
638
|
+
background-color: var(--necto-tiktok-bg-hover, ${ys});
|
|
639
639
|
}
|
|
640
640
|
|
|
641
641
|
&:active {
|
|
642
|
-
background-color: var(--necto-tiktok-bg-active, ${
|
|
642
|
+
background-color: var(--necto-tiktok-bg-active, ${vs});
|
|
643
643
|
}
|
|
644
644
|
|
|
645
645
|
&:focus-visible {
|
|
646
|
-
box-shadow: 0 0 0 3px var(--necto-tiktok-focus-shadow, ${
|
|
646
|
+
box-shadow: 0 0 0 3px var(--necto-tiktok-focus-shadow, ${_s});
|
|
647
647
|
}
|
|
648
648
|
|
|
649
649
|
${t=>t.$disabled&&`
|
|
650
650
|
&:hover,
|
|
651
651
|
&:active {
|
|
652
|
-
background-color: var(--necto-tiktok-bg, ${
|
|
652
|
+
background-color: var(--necto-tiktok-bg, ${kr});
|
|
653
653
|
}
|
|
654
654
|
`}
|
|
655
|
-
`,$t=(0,
|
|
655
|
+
`,$t=(0,Ar.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,H.jsx)(xs,{as:t,ref:f,asChild:o,showIcon:s,disabled:a,$disabled:a,className:(0,$r.default)(`_necto:${Hr}`,l),iconPosition:n,icon:r?(0,H.jsx)(Pr.FaTiktok,{size:e,color:r}):(0,H.jsx)(Sr,{size:e}),...c,children:i}));$t.displayName=Hr;var Ir=d(require("clsx"),1),Nr=require("react"),Gr=d(require("@emotion/styled"),1);var Dr=require("react-icons/fa"),At=require("@emotion/react/jsx-runtime"),Ur="TwitchButton",Mr="#9146ff",Cs="#823ee6",ws="#7337cc",Ts="#ffffff",Ls="rgba(145, 70, 255, 0.3)",Ss=(0,Gr.default)(p)`
|
|
656
656
|
padding: 0 12px 0 12px;
|
|
657
|
-
background-color: var(--necto-twitch-bg, ${
|
|
658
|
-
color: var(--necto-twitch-text, ${
|
|
657
|
+
background-color: var(--necto-twitch-bg, ${Mr});
|
|
658
|
+
color: var(--necto-twitch-text, ${Ts});
|
|
659
659
|
border: none;
|
|
660
660
|
font-weight: 500;
|
|
661
661
|
font-family: 'Roboto', system-ui, -apple-system, sans-serif;
|
|
662
662
|
|
|
663
663
|
&:hover {
|
|
664
|
-
background-color: var(--necto-twitch-bg-hover, ${
|
|
664
|
+
background-color: var(--necto-twitch-bg-hover, ${Cs});
|
|
665
665
|
}
|
|
666
666
|
|
|
667
667
|
&:active {
|
|
668
|
-
background-color: var(--necto-twitch-bg-active, ${
|
|
668
|
+
background-color: var(--necto-twitch-bg-active, ${ws});
|
|
669
669
|
}
|
|
670
670
|
|
|
671
671
|
&:focus-visible {
|
|
672
|
-
box-shadow: 0 0 0 3px var(--necto-twitch-focus-shadow, ${
|
|
672
|
+
box-shadow: 0 0 0 3px var(--necto-twitch-focus-shadow, ${Ls});
|
|
673
673
|
}
|
|
674
674
|
|
|
675
675
|
${t=>t.$disabled&&`
|
|
676
676
|
&:hover,
|
|
677
677
|
&:active {
|
|
678
|
-
background-color: var(--necto-twitch-bg, ${
|
|
678
|
+
background-color: var(--necto-twitch-bg, ${Mr});
|
|
679
679
|
}
|
|
680
680
|
`}
|
|
681
|
-
`,Ft=(0,
|
|
681
|
+
`,Ft=(0,Nr.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,At.jsx)(Ss,{as:t,ref:c,asChild:o,showIcon:n,disabled:e,$disabled:e,className:(0,Ir.default)(`_necto:${Ur}`,a),iconPosition:i,icon:(0,At.jsx)(Dr.FaTwitch,{size:s}),...l,children:r}));Ft.displayName=Ur;var zr=d(require("clsx"),1),Xr=require("react"),Kr=d(require("@emotion/styled"),1);var Wr=require("react-icons/fa6"),Pt=require("@emotion/react/jsx-runtime"),Yr="XButton",Vr="#000000",ks="#1a1a1a",$s="#333333",As="#ffffff",Fs="rgba(0, 0, 0, 0.3)",Ps=(0,Kr.default)(p)`
|
|
682
682
|
padding: 0 12px 0 12px;
|
|
683
|
-
background-color: var(--necto-x-bg, ${
|
|
684
|
-
color: var(--necto-x-text, ${
|
|
683
|
+
background-color: var(--necto-x-bg, ${Vr});
|
|
684
|
+
color: var(--necto-x-text, ${As});
|
|
685
685
|
border: none;
|
|
686
686
|
font-weight: 500;
|
|
687
687
|
font-family: 'Roboto', system-ui, -apple-system, sans-serif;
|
|
688
688
|
|
|
689
689
|
&:hover {
|
|
690
|
-
background-color: var(--necto-x-bg-hover, ${
|
|
690
|
+
background-color: var(--necto-x-bg-hover, ${ks});
|
|
691
691
|
}
|
|
692
692
|
|
|
693
693
|
&:active {
|
|
694
|
-
background-color: var(--necto-x-bg-active, ${
|
|
694
|
+
background-color: var(--necto-x-bg-active, ${$s});
|
|
695
695
|
}
|
|
696
696
|
|
|
697
697
|
&:focus-visible {
|
|
698
|
-
box-shadow: 0 0 0 3px var(--necto-x-focus-shadow, ${
|
|
698
|
+
box-shadow: 0 0 0 3px var(--necto-x-focus-shadow, ${Fs});
|
|
699
699
|
}
|
|
700
700
|
|
|
701
701
|
${t=>t.$disabled&&`
|
|
702
702
|
&:hover,
|
|
703
703
|
&:active {
|
|
704
|
-
background-color: var(--necto-x-bg, ${
|
|
704
|
+
background-color: var(--necto-x-bg, ${Vr});
|
|
705
705
|
}
|
|
706
706
|
`}
|
|
707
|
-
`,Ht=(0,
|
|
707
|
+
`,Ht=(0,Xr.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,Pt.jsx)(Ps,{as:t,ref:c,asChild:o,showIcon:n,disabled:e,$disabled:e,className:(0,zr.default)(`_necto:${Yr}`,a),iconPosition:i,icon:(0,Pt.jsx)(Wr.FaXTwitter,{size:s}),...l,children:r}));Ht.displayName=Yr;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});
|
|
708
708
|
//# sourceMappingURL=index.cjs.map
|