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