@royaltics/ui 1.2.6 → 1.2.8
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/forms/Button.js +3 -3
- package/dist/forms/Button.js.map +1 -1
- package/dist/forms/Checkbox.d.ts.map +1 -1
- package/dist/forms/Checkbox.js +1 -1
- package/dist/forms/Checkbox.js.map +1 -1
- package/dist/forms/Input.js +1 -1
- package/dist/forms/Select.js +1 -1
- package/dist/forms/SwitchButton.d.ts.map +1 -1
- package/dist/forms/SwitchButton.js +11 -11
- package/dist/forms/SwitchButton.js.map +1 -1
- package/package.json +1 -1
package/dist/forms/Button.js
CHANGED
|
@@ -7,7 +7,7 @@ const classNamesProps = cvaMix("flex items-center rounded-md cursor-pointer", {
|
|
|
7
7
|
size: Variants.size,
|
|
8
8
|
variant: {
|
|
9
9
|
__key: 'theme',
|
|
10
|
-
__base: 'disabled:opacity-
|
|
10
|
+
__base: 'disabled:opacity-60',
|
|
11
11
|
fill: Variants.fill,
|
|
12
12
|
outline: Variants.outline
|
|
13
13
|
}
|
|
@@ -17,10 +17,10 @@ const classNamesProps = cvaMix("flex items-center rounded-md cursor-pointer", {
|
|
|
17
17
|
theme: 'primary',
|
|
18
18
|
});
|
|
19
19
|
;
|
|
20
|
-
const Button = ({ lb, theme = 'primary', children, loading, Icon, variant = 'fill', size = '
|
|
20
|
+
const Button = ({ lb, theme = 'primary', children, loading, Icon, variant = 'fill', size = 'xs', className, onClick, disabled = false, tabIndex, width = 'full' }) => {
|
|
21
21
|
const caption = lb || children;
|
|
22
22
|
return (React.createElement("div", { className: cn('flex flex-col items-stretch justify-end', width == 'full' ? 'w-full' : 'w-max', className) },
|
|
23
|
-
React.createElement("button", { className: cn(classNamesProps({ variant, size }, { theme }), caption && Icon ? " justify-between" : "justify-center"), onClick: onClick, title: lb, tabIndex: tabIndex, disabled: disabled || loading },
|
|
23
|
+
React.createElement("button", { className: cn(classNamesProps({ variant, size }, { theme }), caption?.length > 0 && Icon ? " justify-between" : "justify-center"), onClick: onClick, title: lb, tabIndex: tabIndex, disabled: disabled || loading },
|
|
24
24
|
loading ? (React.createElement(ArrowPathIcon, { className: cn('shrink-0 animate-spin', size == 'xxs' && 'h-4 w-4', size == 'xs' && 'h-5 w-5', size == 'sm' && 'h-6 w-6', size == 'md' && 'h-6 w-6', size == 'lg' && 'h-7 w-7') })) : (Icon ? React.createElement(Icon, { className: cn('shrink-0', size == 'xxs' && 'h-4 w-4', size == 'xs' && 'h-5 w-5', size == 'sm' && 'h-6 w-6', size == 'md' && 'h-6 w-6', size == 'lg' && 'h-7 w-7') }) : null),
|
|
25
25
|
caption && React.createElement("span", { className: cn('w-full', { 'hidden md:block': width == 'max' && Icon }) }, caption))));
|
|
26
26
|
};
|
package/dist/forms/Button.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/forms/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEpD,MAAM,eAAe,GAAG,MAAM,CAAC,6CAA6C,EAC3E;IACC,IAAI,EAAE,QAAQ,CAAC,IAAI;IACnB,OAAO,EAAE;QACR,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,qBAAqB;QAC7B,IAAI,EAAE,QAAQ,CAAC,IAAI;QACnB,OAAO,EAAE,QAAQ,CAAC,OAAO;KACzB;CACD,EACD;IACC,IAAI,EAAE,IAAI;IACV,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,SAAS;CAChB,CACD,CAAC;AAQD,CAAC;AAEF,MAAM,MAAM,GAAG,CAAC,EAAE,EAAE,EAAE,KAAK,GAAG,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,GAAG,MAAM,EAAE,IAAI,GAAG,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,EAAE,KAAK,GAAG,MAAM,EAAe,EAAE,EAAE;IACjL,MAAM,OAAO,GAAG,EAAE,IAAI,QAAQ,CAAC;IAC/B,OAAO,CACN,6BAAK,SAAS,EAAE,EAAE,CAAC,yCAAyC,EAAE,KAAK,IAAI,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,SAAS,CAAC;QAC7G,gCACC,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,gBAAgB,CAAC,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/forms/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEpD,MAAM,eAAe,GAAG,MAAM,CAAC,6CAA6C,EAC3E;IACC,IAAI,EAAE,QAAQ,CAAC,IAAI;IACnB,OAAO,EAAE;QACR,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,qBAAqB;QAC7B,IAAI,EAAE,QAAQ,CAAC,IAAI;QACnB,OAAO,EAAE,QAAQ,CAAC,OAAO;KACzB;CACD,EACD;IACC,IAAI,EAAE,IAAI;IACV,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,SAAS;CAChB,CACD,CAAC;AAQD,CAAC;AAEF,MAAM,MAAM,GAAG,CAAC,EAAE,EAAE,EAAE,KAAK,GAAG,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,GAAG,MAAM,EAAE,IAAI,GAAG,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,EAAE,KAAK,GAAG,MAAM,EAAe,EAAE,EAAE;IACjL,MAAM,OAAO,GAAG,EAAE,IAAI,QAAQ,CAAC;IAC/B,OAAO,CACN,6BAAK,SAAS,EAAE,EAAE,CAAC,yCAAyC,EAAE,KAAK,IAAI,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,SAAS,CAAC;QAC7G,gCACC,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,gBAAgB,CAAC,EACjI,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,EAAE,EACT,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,IAAI,OAAO;YAE5B,OAAO,CAAC,CAAC,CAAC,CAAC,oBAAC,aAAa,IAAC,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAC/D,IAAI,IAAI,KAAK,IAAI,SAAS,EAC1B,IAAI,IAAI,IAAI,IAAI,SAAS,EACzB,IAAI,IAAI,IAAI,IAAI,SAAS,EACzB,IAAI,IAAI,IAAI,IAAI,SAAS,EACzB,IAAI,IAAI,IAAI,IAAI,SAAS,CACzB,GAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,UAAU,EAC9C,IAAI,IAAI,KAAK,IAAI,SAAS,EAC1B,IAAI,IAAI,IAAI,IAAI,SAAS,EACzB,IAAI,IAAI,IAAI,IAAI,SAAS,EACzB,IAAI,IAAI,IAAI,IAAI,SAAS,EACzB,IAAI,IAAI,IAAI,IAAI,SAAS,CACzB,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC;YACZ,OAAO,IAAI,8BAAM,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,EAAE,iBAAiB,EAAE,KAAK,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC,IAAG,OAAO,CAAQ,CAClG,CACJ,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/forms/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,WAAW,aAAc,SAAQ,aAAa;IACnD,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC5B,YAAY,CAAC,EAAE,SAAS,GAAG,KAAK,CAAA;CAChC;AAGD,eAAO,MAAM,eAAe;;;;;;YAwC3B,CAAC;AAEF,QAAA,MAAM,QAAQ,GAAI,
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/forms/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,WAAW,aAAc,SAAQ,aAAa;IACnD,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC5B,YAAY,CAAC,EAAE,SAAS,GAAG,KAAK,CAAA;CAChC;AAGD,eAAO,MAAM,eAAe;;;;;;YAwC3B,CAAC;AAEF,QAAA,MAAM,QAAQ,GAAI,4FAAoI,aAAa,sBA6BlK,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
package/dist/forms/Checkbox.js
CHANGED
|
@@ -38,7 +38,7 @@ export const classNamesProps = cvaMix("flex items-center justify-between cursor-
|
|
|
38
38
|
theme: 'primary',
|
|
39
39
|
variantRound: 'box'
|
|
40
40
|
});
|
|
41
|
-
const Checkbox = ({ id, state, lb, readOnly, className, variantRound, type = 'boolean', variant = 'fill', theme = 'primary', size, tabIndex }) => {
|
|
41
|
+
const Checkbox = ({ id, state, lb, readOnly, className, variantRound, type = 'boolean', variant = 'fill', theme = 'primary', size = "xs", tabIndex }) => {
|
|
42
42
|
const [inputs, setInputs] = state;
|
|
43
43
|
const idUnique = `check_${useId()}_${id}`;
|
|
44
44
|
const handleClick = () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/forms/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,EAAW,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAc/C,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,kDAAkD,EACvF;IACC,IAAI,EAAE;QACL,EAAE,EAAE,sBAAsB;QAC1B,EAAE,EAAE,yBAAyB;QAC7B,EAAE,EAAE,sBAAsB;QAC1B,EAAE,EAAE,sBAAsB;KAC1B;IACD,OAAO,EAAE;QACR,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,oCAAoC;QAC5C,IAAI,EAAE;YACL,OAAO,EAAE,+EAA+E;YACxF,SAAS,EAAE,sFAAsF;YACjG,OAAO,EAAE,8EAA8E;YACvF,IAAI,EAAE,kEAAkE;YACxE,MAAM,EAAE,0EAA0E;YAClF,MAAM,EAAE,0EAA0E;SAClF;QACD,OAAO,EAAE;YACR,MAAM,EAAE,sCAAsC;YAC9C,OAAO,EAAE,gDAAgD;YACzD,SAAS,EAAE,gFAAgF;YAC3F,OAAO,EAAE,yEAAyE;YAClF,IAAI,EAAE,wEAAwE;YAC9E,MAAM,EAAE,gFAAgF;YACxF,MAAM,EAAE,gFAAgF;SACxF;KACD;IACD,YAAY,EAAE;QACb,OAAO,EAAE,cAAc;QACvB,GAAG,EAAE,EAAE;KACP;CACD,EACD;IACC,IAAI,EAAE,IAAI;IACV,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,SAAS;IAChB,YAAY,EAAE,KAAK;CACnB,CACD,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,GAAG,SAAS,EAAE,OAAO,GAAG,MAAM,EAAE,KAAK,GAAG,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAiB,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/forms/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,EAAW,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAc/C,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,kDAAkD,EACvF;IACC,IAAI,EAAE;QACL,EAAE,EAAE,sBAAsB;QAC1B,EAAE,EAAE,yBAAyB;QAC7B,EAAE,EAAE,sBAAsB;QAC1B,EAAE,EAAE,sBAAsB;KAC1B;IACD,OAAO,EAAE;QACR,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,oCAAoC;QAC5C,IAAI,EAAE;YACL,OAAO,EAAE,+EAA+E;YACxF,SAAS,EAAE,sFAAsF;YACjG,OAAO,EAAE,8EAA8E;YACvF,IAAI,EAAE,kEAAkE;YACxE,MAAM,EAAE,0EAA0E;YAClF,MAAM,EAAE,0EAA0E;SAClF;QACD,OAAO,EAAE;YACR,MAAM,EAAE,sCAAsC;YAC9C,OAAO,EAAE,gDAAgD;YACzD,SAAS,EAAE,gFAAgF;YAC3F,OAAO,EAAE,yEAAyE;YAClF,IAAI,EAAE,wEAAwE;YAC9E,MAAM,EAAE,gFAAgF;YACxF,MAAM,EAAE,gFAAgF;SACxF;KACD;IACD,YAAY,EAAE;QACb,OAAO,EAAE,cAAc;QACvB,GAAG,EAAE,EAAE;KACP;CACD,EACD;IACC,IAAI,EAAE,IAAI;IACV,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,SAAS;IAChB,YAAY,EAAE,KAAK;CACnB,CACD,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,GAAG,SAAS,EAAE,OAAO,GAAG,MAAM,EAAE,KAAK,GAAG,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,QAAQ,EAAiB,EAAE,EAAE;IACtK,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC;IAClC,MAAM,QAAQ,GAAG,SAAS,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC;IAE1C,MAAM,WAAW,GAAG,GAAG,EAAE;QACxB,IAAI,SAAS,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC5B,IAAI,KAAK,GAAG,IAAI,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;YACvE,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;QAC5B,CAAC;IACF,CAAC,CAAC;IAEF,OAAO,CACN,6BAAK,SAAS,EAAE,EAAE,CAAC,4EAA4E,EAAE,QAAQ,IAAI,YAAY,EAAE,SAAS,CAAC;QACpI,+BAAO,EAAE,EAAE,QAAQ,EAClB,QAAQ,EAAE,WAAW,EACrB,IAAI,EAAC,UAAU,EACf,SAAS,EAAE,EAAE,CAAC,wDAAwD,EACrE,eAAe,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;YAC7D,uGAAuG;YACvG,OAAO,EAAE,MAAM,CAAC,EAAE,CAAC,IAAI,KAAK,EAC5B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,EAAE,GAEP;QACF,+BAAO,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAC,gBAAgB,IAAE,EAAE,CAAS,CAC5D,CAEN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
package/dist/forms/Input.js
CHANGED
|
@@ -12,7 +12,7 @@ const classNamesProps = cvaMix("flex flex-col items-stretch justify-start", {
|
|
|
12
12
|
width: 'full',
|
|
13
13
|
variant: 'fill'
|
|
14
14
|
});
|
|
15
|
-
const Input = ({ id, name, size = '
|
|
15
|
+
const Input = ({ id, name, size = 'xs', lb, type = 'text', disableWheel, maxLength, placeholder, state, variant, Icon, readOnly, width, className, textCenter, error, required, referer, enterIcon, autocomplete, tabIndex, onBlur, onKeyDown, onEnter }) => {
|
|
16
16
|
//const { inputs, setInputs } = state;
|
|
17
17
|
const [inputs, setInputs] = state;
|
|
18
18
|
const idUnique = `check_${useId()}_${id}`;
|
package/dist/forms/Select.js
CHANGED
|
@@ -12,7 +12,7 @@ const classNamesProps = cvaMix("flex flex-col items-stretch justify-start", {
|
|
|
12
12
|
width: 'full',
|
|
13
13
|
variant: 'fill'
|
|
14
14
|
});
|
|
15
|
-
const Select = ({ id, lb, state, onKeyDown, data, referer, keyText = 'names', keyValue = 'id', required = false, readOnly, className, KeyFindItem, size = '
|
|
15
|
+
const Select = ({ id, lb, state, onKeyDown, data, referer, keyText = 'names', keyValue = 'id', required = false, readOnly, className, KeyFindItem, size = 'xs', variant = 'outline' }) => {
|
|
16
16
|
const [inputs, setInputs] = state;
|
|
17
17
|
const isObject = (item) => typeof item === 'object';
|
|
18
18
|
const _onChange = (evt) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SwitchButton.d.ts","sourceRoot":"","sources":["../../src/forms/SwitchButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAiB,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAGzE,MAAM,WAAW,iBAAkB,SAAQ,oBAAoB;
|
|
1
|
+
{"version":3,"file":"SwitchButton.d.ts","sourceRoot":"","sources":["../../src/forms/SwitchButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAiB,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAGzE,MAAM,WAAW,iBAAkB,SAAQ,oBAAoB;IAC9D,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,SAAS,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;CAC5B;AA0CD,QAAA,MAAM,YAAY,GAAI,2DAA0F,iBAAiB,sBA+BhI,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -14,12 +14,12 @@ const classNamesProps = cvaMix("flex items-center justify-between rounded-md cur
|
|
|
14
14
|
__key: 'theme',
|
|
15
15
|
__base: 'outline-none border-2',
|
|
16
16
|
true: {
|
|
17
|
-
primary: 'bg-primary text-primary-foreground border-primary',
|
|
18
|
-
secondary: 'bg-secondary text-secondary-foreground border-secondary',
|
|
19
|
-
success: 'bg-success text-success-foreground',
|
|
20
|
-
warn: 'bg-warn text-warn-foreground border-warn',
|
|
21
|
-
danger: 'bg-danger text-danger-foreground border-danger',
|
|
22
|
-
accent: 'bg-accent text-accent-foreground border-accent',
|
|
17
|
+
primary: 'bg-primary border-primary/80 text-primary-foreground border-primary',
|
|
18
|
+
secondary: 'bg-secondary border-secondary/80 text-secondary-foreground border-secondary',
|
|
19
|
+
success: 'bg-success border-success/80 text-success-foreground',
|
|
20
|
+
warn: 'bg-warn border-warn/80 text-warn-foreground border-warn',
|
|
21
|
+
danger: 'bg-danger border-danger/80 text-danger-foreground border-danger',
|
|
22
|
+
accent: 'bg-accent border-accent/80 text-accent-foreground border-accent',
|
|
23
23
|
},
|
|
24
24
|
false: {
|
|
25
25
|
...Variants.outline,
|
|
@@ -38,7 +38,7 @@ const sizeDot = {
|
|
|
38
38
|
md: 'px-2.5 py-2.5',
|
|
39
39
|
lg: 'py-3.5 px-4 h-4',
|
|
40
40
|
};
|
|
41
|
-
const SwitchButton = ({ id, state, lb, readOnly, size = '
|
|
41
|
+
const SwitchButton = ({ id, state, lb, readOnly, size = 'xs', theme = 'primary', className, type = 'boolean' }) => {
|
|
42
42
|
const [inputs, setInputs] = state;
|
|
43
43
|
const onChange = () => {
|
|
44
44
|
if (setInputs && !readOnly) {
|
|
@@ -47,11 +47,11 @@ const SwitchButton = ({ id, state, lb, readOnly, size = 'sm', theme = 'primary',
|
|
|
47
47
|
}
|
|
48
48
|
};
|
|
49
49
|
const checked = inputs[id] || false;
|
|
50
|
-
return (React.createElement("label", { htmlFor: "toggleTwo", className: cn(
|
|
51
|
-
React.createElement("div", { className: "relative" },
|
|
50
|
+
return (React.createElement("label", { htmlFor: "toggleTwo", className: cn(className, `flex gap-2 cursor-pointer select-none items-center`), onClick: onChange },
|
|
51
|
+
React.createElement("div", { className: cn("relative", readOnly && 'opacity-60') },
|
|
52
52
|
React.createElement("input", { id: "check_" + id, type: "SwitchButton", className: "sr-only", onChange: onChange, checked: checked, disabled: readOnly }),
|
|
53
|
-
React.createElement("div", { className: cn(`block rounded-full
|
|
54
|
-
React.createElement("div", { className: cn(`dot absolute bg-white dark:bg-gray-200 ${checked ? 'right-1 ' : 'left-1 '} top-1 rounded-full
|
|
53
|
+
React.createElement("div", { className: cn(`block rounded-full `, classNamesProps({ size, checked: String(checked) }, { theme })) }),
|
|
54
|
+
React.createElement("div", { className: cn(`dot absolute bg-white dark:bg-gray-200 ${checked ? 'right-1 ' : 'left-1 '} top-1 rounded-full transition-all`, sizeDot[size]) })),
|
|
55
55
|
React.createElement("span", null, lb)));
|
|
56
56
|
};
|
|
57
57
|
export default SwitchButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SwitchButton.js","sourceRoot":"","sources":["../../src/forms/SwitchButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAWvC,MAAM,eAAe,GAAG,MAAM,CAAC,6DAA6D,
|
|
1
|
+
{"version":3,"file":"SwitchButton.js","sourceRoot":"","sources":["../../src/forms/SwitchButton.tsx"],"names":[],"mappings":"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"}
|