@royaltics/ui 1.2.6 → 1.2.7
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.js +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) => {
|
|
@@ -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) {
|