@lanaco/lnc-react-ui 4.0.143 → 4.0.144
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/Button.cjs +5 -5
- package/dist/Button.js +31 -31
- package/dist/IconButton.cjs +6 -6
- package/dist/IconButton.js +27 -27
- package/package.json +1 -1
package/dist/Button.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";const a=require("react/jsx-runtime"),w=require("react"),l=require("./index-BpbMKBf_.cjs"),k=require("./index-DA7SIHV1.cjs"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-Dl9xPH4c.cjs"),I=require("./Icon.cjs"),P=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),f={small:{regular:"1rem",icon:"0.75rem",justIcon:"0.5rem"},medium:{regular:"1.5rem",icon:"1rem",justIcon:"0.5rem"},large:{regular:"1.5rem",icon:"1rem",justIcon:"0.5rem"}},T=e=>`
|
|
2
2
|
outline: none;
|
|
3
3
|
display: inline-flex;
|
|
4
4
|
flex-direction: row;
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
&:disabled {
|
|
32
32
|
${e=>e.disabled===!0&&t.getDisabledStateCss(e.theme)};
|
|
33
33
|
cursor: default;
|
|
34
|
-
background-color: ${e=>t.getColorRgbaValue(e.theme,"ButtonFilled",
|
|
34
|
+
background-color: ${e=>t.getColorRgbaValue(e.theme,"ButtonFilled",e.color,"disabled","background")};
|
|
35
35
|
color: ${e=>t.getColorRgbaValue(e.theme,"ButtonFilled",e.color,"disabled","text")};
|
|
36
36
|
}
|
|
37
37
|
|
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
*/
|
|
87
87
|
color: ${e=>t.getColorRgbaValue(e.theme,"ButtonTinted",e.color,"disabled","text")};
|
|
88
88
|
cursor: default;
|
|
89
|
-
background-color: ${e=>t.getColorRgbaValue(e.theme,"ButtonTinted",
|
|
89
|
+
background-color: ${e=>t.getColorRgbaValue(e.theme,"ButtonTinted",e.color,"disabled","background","backgroundOpacity")};
|
|
90
90
|
}
|
|
91
91
|
`,v=d.styled.button`
|
|
92
92
|
${e=>T(e)}
|
|
@@ -121,9 +121,9 @@
|
|
|
121
121
|
&:disabled {
|
|
122
122
|
${e=>e.disabled===!0&&t.getDisabledStateCss(e.theme)};
|
|
123
123
|
cursor: default;
|
|
124
|
-
background-color: ${e=>t.getColorRgbaValue(e.theme,"ButtonBasic",
|
|
124
|
+
background-color: ${e=>t.getColorRgbaValue(e.theme,"ButtonBasic",e.color,"disabled","background","backgroundOpacity")};
|
|
125
125
|
}
|
|
126
126
|
`,L=d.styled(v)`
|
|
127
127
|
border: 1px solid
|
|
128
128
|
${e=>t.getColorRgbaValue(e.theme,"ButtonBasic",e.color,"enabled","border","borderOpacity")};
|
|
129
|
-
`,j=w.forwardRef((e,u)=>{const{text:x="",iconStyle:R="solid",leadingIcon:V=null,trailingIcon:z=null,borderRadius:F="regular",btnType:
|
|
129
|
+
`,j=w.forwardRef((e,u)=>{const{text:x="",iconStyle:R="solid",leadingIcon:V=null,trailingIcon:z=null,borderRadius:F="regular",btnType:n="filled",disabled:N=!1,tabIndex:s=0,onFocus:g,onBlur:b,onClick:m,onKeyDown:h,onLeadingIconClick:_,onTrailingIconClick:K,size:C="small",color:i="primary",className:$="",style:S={},children:U,...y}=e,o={theme:P.useTheme(),color:i,size:C,style:S,disabled:N,borderRadius:F,btnType:n,className:"lnc-ui-button "},c=!k.isEmpty(V),r=!k.isEmpty(z),q=!k.isEmpty(x),B=()=>a.jsxs(a.Fragment,{children:[c&&a.jsx(W,{size:C,children:a.jsx(I,{icon:V,sizeInUnits:"1.125rem",iconStyle:R})}),x,U,r&&a.jsx(D,{size:C,children:a.jsx(I,{icon:z,sizeInUnits:"1.125rem",iconStyle:R})})]});return n==="filled"?a.jsx(O,{ref:u,"data-type":"filled",...o,className:`${o==null?void 0:o.className} ${i}-${n}-lnc-btn ${$}`,hasLeadingIcon:c,hasTrailingIcon:r,onFocus:g,onBlur:b,onClick:m,onKeyDown:h,tabIndex:s,btnType:n,...y,children:B()}):n==="tinted"?a.jsx(E,{ref:u,"data-type":"tinted",...o,className:`${o==null?void 0:o.className} ${i}-${n}-lnc-btn ${$}`,hasLeadingIcon:c,hasTrailingIcon:r,onFocus:g,onBlur:b,onClick:m,onKeyDown:h,tabIndex:s,btnType:n,...y,children:B()}):n==="outline"?a.jsx(L,{ref:u,"data-type":"outline",...o,className:`${o==null?void 0:o.className} ${i}-${n}-lnc-btn ${$}`,hasLeadingIcon:c,hasTrailingIcon:r,onFocus:g,onBlur:b,onClick:m,onKeyDown:h,tabIndex:s,btnType:n,...y,children:B()}):n==="basic"?a.jsx(v,{ref:u,"data-type":"basic",...o,className:`${o==null?void 0:o.className} ${i}-${n}-lnc-btn ${$}`,hasLeadingIcon:c,hasTrailingIcon:r,onFocus:g,onBlur:b,onClick:m,onKeyDown:h,tabIndex:s,btnType:n,...y,children:B()}):a.jsx(O,{ref:u,"data-type":"filled",size:C,...o,className:`${o==null?void 0:o.className} ${i}-${n}-lnc-btn ${$}`,hasLeadingIcon:c,hasTrailingIcon:r,onFocus:g,onBlur:b,onClick:m,onKeyDown:h,hasText:q,tabIndex:s,btnType:n,...y,children:B()})});j.propTypes={text:l.PropTypes.string,iconStyle:l.PropTypes.oneOf(["regular","solid"]),leadingIcon:l.PropTypes.string,trailingIcon:l.PropTypes.string,borderRadius:l.PropTypes.oneOf(["slight","regular","edged","curved","none"]),btnType:l.PropTypes.oneOf(["filled","tinted","outline","basic"]),disabled:l.PropTypes.bool,tabIndex:l.PropTypes.number,onBlur:l.PropTypes.func,onFocus:l.PropTypes.func,onClick:l.PropTypes.func,onKeyDown:l.PropTypes.func,className:l.PropTypes.string,style:l.PropTypes.object,color:l.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:l.PropTypes.oneOf(["small","medium","large"])};module.exports=j;
|
package/dist/Button.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as l, jsxs as W, Fragment as E } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as q } from "react";
|
|
3
|
-
import { P as
|
|
3
|
+
import { P as n } from "./index-CblbdqjE.js";
|
|
4
4
|
import { i as T } from "./index-6RFrSPs_.js";
|
|
5
5
|
import { s as u } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
6
6
|
import { c as z, b as t, d as r, h as I, e as v, a as A } from "./utils-BdsZgOUE.js";
|
|
@@ -78,7 +78,7 @@ const x = {
|
|
|
78
78
|
background-color: ${(e) => t(
|
|
79
79
|
e.theme,
|
|
80
80
|
"ButtonFilled",
|
|
81
|
-
|
|
81
|
+
e.color,
|
|
82
82
|
"disabled",
|
|
83
83
|
"background"
|
|
84
84
|
)};
|
|
@@ -244,7 +244,7 @@ const x = {
|
|
|
244
244
|
background-color: ${(e) => t(
|
|
245
245
|
e.theme,
|
|
246
246
|
"ButtonTinted",
|
|
247
|
-
|
|
247
|
+
e.color,
|
|
248
248
|
"disabled",
|
|
249
249
|
"background",
|
|
250
250
|
"backgroundOpacity"
|
|
@@ -343,7 +343,7 @@ const x = {
|
|
|
343
343
|
background-color: ${(e) => t(
|
|
344
344
|
e.theme,
|
|
345
345
|
"ButtonBasic",
|
|
346
|
-
|
|
346
|
+
e.color,
|
|
347
347
|
"disabled",
|
|
348
348
|
"background",
|
|
349
349
|
"backgroundOpacity"
|
|
@@ -383,7 +383,7 @@ const x = {
|
|
|
383
383
|
style: D = {},
|
|
384
384
|
children: V,
|
|
385
385
|
...B
|
|
386
|
-
} = e,
|
|
386
|
+
} = e, o = {
|
|
387
387
|
theme: G(),
|
|
388
388
|
color: c,
|
|
389
389
|
size: y,
|
|
@@ -417,8 +417,8 @@ const x = {
|
|
|
417
417
|
{
|
|
418
418
|
ref: s,
|
|
419
419
|
"data-type": "filled",
|
|
420
|
-
...
|
|
421
|
-
className: `${
|
|
420
|
+
...o,
|
|
421
|
+
className: `${o == null ? void 0 : o.className} ${c}-${a}-lnc-btn ${f}`,
|
|
422
422
|
hasLeadingIcon: i,
|
|
423
423
|
hasTrailingIcon: d,
|
|
424
424
|
onFocus: b,
|
|
@@ -435,8 +435,8 @@ const x = {
|
|
|
435
435
|
{
|
|
436
436
|
ref: s,
|
|
437
437
|
"data-type": "tinted",
|
|
438
|
-
...
|
|
439
|
-
className: `${
|
|
438
|
+
...o,
|
|
439
|
+
className: `${o == null ? void 0 : o.className} ${c}-${a}-lnc-btn ${f}`,
|
|
440
440
|
hasLeadingIcon: i,
|
|
441
441
|
hasTrailingIcon: d,
|
|
442
442
|
onFocus: b,
|
|
@@ -453,8 +453,8 @@ const x = {
|
|
|
453
453
|
{
|
|
454
454
|
ref: s,
|
|
455
455
|
"data-type": "outline",
|
|
456
|
-
...
|
|
457
|
-
className: `${
|
|
456
|
+
...o,
|
|
457
|
+
className: `${o == null ? void 0 : o.className} ${c}-${a}-lnc-btn ${f}`,
|
|
458
458
|
hasLeadingIcon: i,
|
|
459
459
|
hasTrailingIcon: d,
|
|
460
460
|
onFocus: b,
|
|
@@ -471,8 +471,8 @@ const x = {
|
|
|
471
471
|
{
|
|
472
472
|
ref: s,
|
|
473
473
|
"data-type": "basic",
|
|
474
|
-
...
|
|
475
|
-
className: `${
|
|
474
|
+
...o,
|
|
475
|
+
className: `${o == null ? void 0 : o.className} ${c}-${a}-lnc-btn ${f}`,
|
|
476
476
|
hasLeadingIcon: i,
|
|
477
477
|
hasTrailingIcon: d,
|
|
478
478
|
onFocus: b,
|
|
@@ -490,8 +490,8 @@ const x = {
|
|
|
490
490
|
ref: s,
|
|
491
491
|
"data-type": "filled",
|
|
492
492
|
size: y,
|
|
493
|
-
...
|
|
494
|
-
className: `${
|
|
493
|
+
...o,
|
|
494
|
+
className: `${o == null ? void 0 : o.className} ${c}-${a}-lnc-btn ${f}`,
|
|
495
495
|
hasLeadingIcon: i,
|
|
496
496
|
hasTrailingIcon: d,
|
|
497
497
|
onFocus: b,
|
|
@@ -507,17 +507,17 @@ const x = {
|
|
|
507
507
|
);
|
|
508
508
|
});
|
|
509
509
|
X.propTypes = {
|
|
510
|
-
text:
|
|
511
|
-
iconStyle:
|
|
510
|
+
text: n.string,
|
|
511
|
+
iconStyle: n.oneOf(["regular", "solid"]),
|
|
512
512
|
/**
|
|
513
513
|
* Icon before the text
|
|
514
514
|
*/
|
|
515
|
-
leadingIcon:
|
|
515
|
+
leadingIcon: n.string,
|
|
516
516
|
/**
|
|
517
517
|
* Icon after the text
|
|
518
518
|
*/
|
|
519
|
-
trailingIcon:
|
|
520
|
-
borderRadius:
|
|
519
|
+
trailingIcon: n.string,
|
|
520
|
+
borderRadius: n.oneOf([
|
|
521
521
|
"slight",
|
|
522
522
|
"regular",
|
|
523
523
|
"edged",
|
|
@@ -527,18 +527,18 @@ X.propTypes = {
|
|
|
527
527
|
/**
|
|
528
528
|
* Different styles
|
|
529
529
|
*/
|
|
530
|
-
btnType:
|
|
531
|
-
disabled:
|
|
532
|
-
tabIndex:
|
|
530
|
+
btnType: n.oneOf(["filled", "tinted", "outline", "basic"]),
|
|
531
|
+
disabled: n.bool,
|
|
532
|
+
tabIndex: n.number,
|
|
533
533
|
//---------------------------------------------------------------
|
|
534
|
-
onBlur:
|
|
535
|
-
onFocus:
|
|
536
|
-
onClick:
|
|
537
|
-
onKeyDown:
|
|
534
|
+
onBlur: n.func,
|
|
535
|
+
onFocus: n.func,
|
|
536
|
+
onClick: n.func,
|
|
537
|
+
onKeyDown: n.func,
|
|
538
538
|
//---------------------------------------------------------------
|
|
539
|
-
className:
|
|
540
|
-
style:
|
|
541
|
-
color:
|
|
539
|
+
className: n.string,
|
|
540
|
+
style: n.object,
|
|
541
|
+
color: n.oneOf([
|
|
542
542
|
"primary",
|
|
543
543
|
"secondary",
|
|
544
544
|
"success",
|
|
@@ -548,7 +548,7 @@ X.propTypes = {
|
|
|
548
548
|
"neutral",
|
|
549
549
|
"gray"
|
|
550
550
|
]),
|
|
551
|
-
size:
|
|
551
|
+
size: n.oneOf(["small", "medium", "large"])
|
|
552
552
|
};
|
|
553
553
|
export {
|
|
554
554
|
X as default
|
package/dist/IconButton.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";const c=require("react/jsx-runtime"),C=require("react"),l=require("./index-BpbMKBf_.cjs"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-Dl9xPH4c.cjs"),F=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),y=e=>`
|
|
2
2
|
outline: none;
|
|
3
3
|
display: inline-flex;
|
|
4
4
|
flex-direction: row;
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
&:disabled {
|
|
47
47
|
${e=>e.disabled===!0&&t.getDisabledStateCss(e.theme)};
|
|
48
48
|
cursor: default;
|
|
49
|
-
background-color: ${e=>t.getColorRgbaValue(e.theme,"ButtonFilled",
|
|
49
|
+
background-color: ${e=>t.getColorRgbaValue(e.theme,"ButtonFilled",e.color,"disabled","background")};
|
|
50
50
|
color: ${e=>t.getColorRgbaValue(e.theme,"ButtonFilled",e.color,"disabled","text")};
|
|
51
51
|
}
|
|
52
52
|
`,N=h.styled.button`
|
|
@@ -80,8 +80,8 @@
|
|
|
80
80
|
&:disabled {
|
|
81
81
|
${e=>e.disabled===!0&&t.getDisabledStateCss(e.theme)};
|
|
82
82
|
cursor: default;
|
|
83
|
-
background-color: ${e=>t.getColorRgbaValue(e.theme,"ButtonTinted",
|
|
84
|
-
color: ${e=>t.getColorRgbaValue(e.theme,"ButtonTinted",
|
|
83
|
+
background-color: ${e=>t.getColorRgbaValue(e.theme,"ButtonTinted",e.color,"disabled","background","backgroundOpacity")};
|
|
84
|
+
color: ${e=>t.getColorRgbaValue(e.theme,"ButtonTinted",e.color,"disabled","text")};
|
|
85
85
|
}
|
|
86
86
|
`,k=h.styled.button`
|
|
87
87
|
${e=>y(e)}
|
|
@@ -114,9 +114,9 @@
|
|
|
114
114
|
&:disabled {
|
|
115
115
|
${e=>e.disabled===!0&&t.getDisabledStateCss(e.theme)};
|
|
116
116
|
cursor: default;
|
|
117
|
-
background-color: ${e=>t.getColorRgbaValue(e.theme,"ButtonBasic",
|
|
117
|
+
background-color: ${e=>t.getColorRgbaValue(e.theme,"ButtonBasic",e.color,"disabled","background","backgroundOpacity")};
|
|
118
118
|
}
|
|
119
119
|
`,w=h.styled(k)`
|
|
120
120
|
border: 1px solid
|
|
121
121
|
${e=>t.getColorRgbaValue(e.theme,"ButtonBasic",e.color,"enabled","border","borderOpacity")};
|
|
122
|
-
`,V=C.forwardRef((e,
|
|
122
|
+
`,V=C.forwardRef((e,i)=>{const{icon:$=null,iconStyle:R="solid",borderRadius:T="regular",btnType:a="filled",disabled:x=!1,tabIndex:j=0,onFocus:r=()=>{},onBlur:u=()=>{},onClick:d=()=>{},onKeyDown:s=()=>{},size:B="small",color:n="primary",className:g="",style:z={},...b}=e,o={theme:F.useTheme(),color:n,size:B,style:z,className:"lnc-ui-icon-button",disabled:x,borderRadius:T,btnType:a},v=()=>{var O=R==="solid"?"fas":"far";return`${O} fa-${$} fa-fw`},m=()=>C.isValidElement($)?$:c.jsx(S,{className:v()});return a==="filled"?c.jsx(f,{ref:i,"data-type":"filled",...o,className:`${o==null?void 0:o.className} ${n}-${a}-lnc-btn ${g}`,onFocus:r,onBlur:u,onClick:d,onKeyDown:s,type:a,...b,children:m()}):a==="tinted"?c.jsx(N,{ref:i,"data-type":"tinted",...o,className:`${o==null?void 0:o.className} ${n}-${a}-lnc-btn ${g}`,onFocus:r,onBlur:u,onClick:d,onKeyDown:s,...b,children:m()}):a==="outline"?c.jsx(w,{ref:i,"data-type":"outline",...o,className:`${o==null?void 0:o.className} ${n}-${a}-lnc-btn ${g}`,onFocus:r,onBlur:u,onClick:d,onKeyDown:s,...b,children:m()}):a==="basic"?c.jsx(k,{ref:i,"data-type":"basic",...o,className:`${o==null?void 0:o.className} ${n}-${a}-lnc-btn ${g}`,onFocus:r,onBlur:u,onClick:d,onKeyDown:s,...b,children:m()}):c.jsx(f,{ref:i,"data-type":"filled",size:B,...o,className:`${o==null?void 0:o.className} ${n}-${a}-lnc-btn ${g}`,onFocus:r,onBlur:u,onClick:d,onKeyDown:s,...b,children:m()})});V.propTypes={icon:l.PropTypes.oneOfType([l.PropTypes.string,l.PropTypes.element]),iconStyle:l.PropTypes.oneOf(["regular","solid"]),borderRadius:l.PropTypes.oneOf(["slight","regular","edged","curved","none"]),btnType:l.PropTypes.oneOf(["filled","tinted","outline","basic"]),disabled:l.PropTypes.bool,tabIndex:l.PropTypes.number,onBlur:l.PropTypes.func,onFocus:l.PropTypes.func,onClick:l.PropTypes.func,onKeyDown:l.PropTypes.func,className:l.PropTypes.string,style:l.PropTypes.object,color:l.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:l.PropTypes.oneOf(["small","medium","large"])};module.exports=V;
|
package/dist/IconButton.js
CHANGED
|
@@ -2,7 +2,7 @@ import { jsx as i } from "react/jsx-runtime";
|
|
|
2
2
|
import { forwardRef as I, isValidElement as S } from "react";
|
|
3
3
|
import { P as n } from "./index-CblbdqjE.js";
|
|
4
4
|
import { s as g } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
5
|
-
import { c as f, b as t, d as
|
|
5
|
+
import { c as f, b as t, d as c, e as k, h as y, a as V } from "./utils-BdsZgOUE.js";
|
|
6
6
|
import { u as j } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
|
|
7
7
|
const x = (e) => `
|
|
8
8
|
outline: none;
|
|
@@ -20,8 +20,8 @@ const x = (e) => `
|
|
|
20
20
|
e.borderRadius
|
|
21
21
|
)};
|
|
22
22
|
|
|
23
|
-
min-width: ${
|
|
24
|
-
max-width: ${
|
|
23
|
+
min-width: ${c(e.theme, e.size)};
|
|
24
|
+
max-width: ${c(e.theme, e.size)};
|
|
25
25
|
`, D = g.i`
|
|
26
26
|
font-size: 1.125rem;
|
|
27
27
|
`, T = g.button`
|
|
@@ -49,8 +49,8 @@ const x = (e) => `
|
|
|
49
49
|
"text"
|
|
50
50
|
)};
|
|
51
51
|
|
|
52
|
-
min-height: ${(e) =>
|
|
53
|
-
max-height: ${(e) =>
|
|
52
|
+
min-height: ${(e) => c(e.theme, e.size)};
|
|
53
|
+
max-height: ${(e) => c(e.theme, e.size)};
|
|
54
54
|
|
|
55
55
|
&:hover {
|
|
56
56
|
background-color: ${(e) => t(
|
|
@@ -111,7 +111,7 @@ const x = (e) => `
|
|
|
111
111
|
background-color: ${(e) => t(
|
|
112
112
|
e.theme,
|
|
113
113
|
"ButtonFilled",
|
|
114
|
-
|
|
114
|
+
e.color,
|
|
115
115
|
"disabled",
|
|
116
116
|
"background"
|
|
117
117
|
)};
|
|
@@ -151,8 +151,8 @@ const x = (e) => `
|
|
|
151
151
|
"backgroundOpacity"
|
|
152
152
|
)};
|
|
153
153
|
|
|
154
|
-
min-height: ${(e) =>
|
|
155
|
-
max-height: ${(e) =>
|
|
154
|
+
min-height: ${(e) => c(e.theme, e.size)};
|
|
155
|
+
max-height: ${(e) => c(e.theme, e.size)};
|
|
156
156
|
|
|
157
157
|
&:hover {
|
|
158
158
|
background-color: ${(e) => e.disabled !== !0 && t(
|
|
@@ -214,7 +214,7 @@ const x = (e) => `
|
|
|
214
214
|
background-color: ${(e) => t(
|
|
215
215
|
e.theme,
|
|
216
216
|
"ButtonTinted",
|
|
217
|
-
|
|
217
|
+
e.color,
|
|
218
218
|
"disabled",
|
|
219
219
|
"background",
|
|
220
220
|
"backgroundOpacity"
|
|
@@ -222,7 +222,7 @@ const x = (e) => `
|
|
|
222
222
|
color: ${(e) => t(
|
|
223
223
|
e.theme,
|
|
224
224
|
"ButtonTinted",
|
|
225
|
-
|
|
225
|
+
e.color,
|
|
226
226
|
"disabled",
|
|
227
227
|
"text"
|
|
228
228
|
)};
|
|
@@ -254,8 +254,8 @@ const x = (e) => `
|
|
|
254
254
|
"backgroundOpacity"
|
|
255
255
|
)};
|
|
256
256
|
|
|
257
|
-
min-height: ${(e) =>
|
|
258
|
-
max-height: ${(e) =>
|
|
257
|
+
min-height: ${(e) => c(e.theme, e.size)};
|
|
258
|
+
max-height: ${(e) => c(e.theme, e.size)};
|
|
259
259
|
|
|
260
260
|
&:hover {
|
|
261
261
|
background-color: ${(e) => t(
|
|
@@ -318,7 +318,7 @@ const x = (e) => `
|
|
|
318
318
|
background-color: ${(e) => t(
|
|
319
319
|
e.theme,
|
|
320
320
|
"ButtonBasic",
|
|
321
|
-
|
|
321
|
+
e.color,
|
|
322
322
|
"disabled",
|
|
323
323
|
"background",
|
|
324
324
|
"backgroundOpacity"
|
|
@@ -339,7 +339,7 @@ const x = (e) => `
|
|
|
339
339
|
icon: B = null,
|
|
340
340
|
iconStyle: z = "solid",
|
|
341
341
|
borderRadius: F = "regular",
|
|
342
|
-
btnType:
|
|
342
|
+
btnType: l = "filled",
|
|
343
343
|
disabled: N = !1,
|
|
344
344
|
tabIndex: E = 0,
|
|
345
345
|
//----------------
|
|
@@ -353,45 +353,45 @@ const x = (e) => `
|
|
|
353
353
|
},
|
|
354
354
|
//----------------
|
|
355
355
|
size: v = "small",
|
|
356
|
-
color:
|
|
356
|
+
color: a = "primary",
|
|
357
357
|
className: m = "",
|
|
358
358
|
style: w = {},
|
|
359
359
|
...h
|
|
360
360
|
} = e, o = {
|
|
361
361
|
theme: j(),
|
|
362
|
-
color:
|
|
362
|
+
color: a,
|
|
363
363
|
size: v,
|
|
364
364
|
style: w,
|
|
365
365
|
className: "lnc-ui-icon-button",
|
|
366
366
|
disabled: N,
|
|
367
367
|
borderRadius: F,
|
|
368
|
-
btnType:
|
|
368
|
+
btnType: l
|
|
369
369
|
}, C = () => {
|
|
370
370
|
var R = z === "solid" ? "fas" : "far";
|
|
371
371
|
return `${R} fa-${B} fa-fw`;
|
|
372
372
|
}, $ = () => S(B) ? B : /* @__PURE__ */ i(D, { className: C() });
|
|
373
|
-
return
|
|
373
|
+
return l === "filled" ? /* @__PURE__ */ i(
|
|
374
374
|
T,
|
|
375
375
|
{
|
|
376
376
|
ref: d,
|
|
377
377
|
"data-type": "filled",
|
|
378
378
|
...o,
|
|
379
|
-
className: `${o == null ? void 0 : o.className} ${
|
|
379
|
+
className: `${o == null ? void 0 : o.className} ${a}-${l}-lnc-btn ${m}`,
|
|
380
380
|
onFocus: r,
|
|
381
381
|
onBlur: u,
|
|
382
382
|
onClick: b,
|
|
383
383
|
onKeyDown: s,
|
|
384
|
-
type:
|
|
384
|
+
type: l,
|
|
385
385
|
...h,
|
|
386
386
|
children: $()
|
|
387
387
|
}
|
|
388
|
-
) :
|
|
388
|
+
) : l === "tinted" ? /* @__PURE__ */ i(
|
|
389
389
|
K,
|
|
390
390
|
{
|
|
391
391
|
ref: d,
|
|
392
392
|
"data-type": "tinted",
|
|
393
393
|
...o,
|
|
394
|
-
className: `${o == null ? void 0 : o.className} ${
|
|
394
|
+
className: `${o == null ? void 0 : o.className} ${a}-${l}-lnc-btn ${m}`,
|
|
395
395
|
onFocus: r,
|
|
396
396
|
onBlur: u,
|
|
397
397
|
onClick: b,
|
|
@@ -399,13 +399,13 @@ const x = (e) => `
|
|
|
399
399
|
...h,
|
|
400
400
|
children: $()
|
|
401
401
|
}
|
|
402
|
-
) :
|
|
402
|
+
) : l === "outline" ? /* @__PURE__ */ i(
|
|
403
403
|
U,
|
|
404
404
|
{
|
|
405
405
|
ref: d,
|
|
406
406
|
"data-type": "outline",
|
|
407
407
|
...o,
|
|
408
|
-
className: `${o == null ? void 0 : o.className} ${
|
|
408
|
+
className: `${o == null ? void 0 : o.className} ${a}-${l}-lnc-btn ${m}`,
|
|
409
409
|
onFocus: r,
|
|
410
410
|
onBlur: u,
|
|
411
411
|
onClick: b,
|
|
@@ -413,13 +413,13 @@ const x = (e) => `
|
|
|
413
413
|
...h,
|
|
414
414
|
children: $()
|
|
415
415
|
}
|
|
416
|
-
) :
|
|
416
|
+
) : l === "basic" ? /* @__PURE__ */ i(
|
|
417
417
|
O,
|
|
418
418
|
{
|
|
419
419
|
ref: d,
|
|
420
420
|
"data-type": "basic",
|
|
421
421
|
...o,
|
|
422
|
-
className: `${o == null ? void 0 : o.className} ${
|
|
422
|
+
className: `${o == null ? void 0 : o.className} ${a}-${l}-lnc-btn ${m}`,
|
|
423
423
|
onFocus: r,
|
|
424
424
|
onBlur: u,
|
|
425
425
|
onClick: b,
|
|
@@ -434,7 +434,7 @@ const x = (e) => `
|
|
|
434
434
|
"data-type": "filled",
|
|
435
435
|
size: v,
|
|
436
436
|
...o,
|
|
437
|
-
className: `${o == null ? void 0 : o.className} ${
|
|
437
|
+
className: `${o == null ? void 0 : o.className} ${a}-${l}-lnc-btn ${m}`,
|
|
438
438
|
onFocus: r,
|
|
439
439
|
onBlur: u,
|
|
440
440
|
onClick: b,
|