@necto-react/components 1.2.12 → 1.2.13

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