@royaltics/ui 1.1.6 → 1.1.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.d.ts.map +1 -1
- package/dist/forms/Button.js +1 -1
- package/dist/forms/Button.js.map +1 -1
- package/dist/forms/SwitchButton.d.ts +14 -0
- package/dist/forms/SwitchButton.d.ts.map +1 -0
- package/dist/forms/SwitchButton.js +55 -0
- package/dist/forms/SwitchButton.js.map +1 -0
- package/dist/forms/SwitchButton.stories.d.ts +18 -0
- package/dist/forms/SwitchButton.stories.d.ts.map +1 -0
- package/dist/forms/SwitchButton.stories.js +36 -0
- package/dist/forms/SwitchButton.stories.js.map +1 -0
- package/dist/forms/index.d.ts +1 -0
- package/dist/forms/index.d.ts.map +1 -1
- package/dist/forms/index.js +1 -0
- package/dist/forms/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/forms/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAsBnD,MAAM,WAAW,WAAY,SAAQ,aAAa;IACjD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D,OAAO,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,QAAA,MAAM,MAAM,GAAI,sGAAmJ,WAAW,
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/forms/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAsBnD,MAAM,WAAW,WAAY,SAAQ,aAAa;IACjD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D,OAAO,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,QAAA,MAAM,MAAM,GAAI,sGAAmJ,WAAW,sBAsB7K,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
package/dist/forms/Button.js
CHANGED
|
@@ -21,7 +21,7 @@ const Button = ({ lb, theme = 'primary', children, loading, Icon, variant = 'fil
|
|
|
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
23
|
React.createElement("button", { className: cn(classNamesProps({ variant, size }, { theme })), onClick: onClick, title: lb, tabIndex: tabIndex, disabled: disabled },
|
|
24
|
-
loading ? (React.createElement(ArrowPathIcon, { className: "animate-spin h-
|
|
24
|
+
loading ? (React.createElement(ArrowPathIcon, { className: "animate-spin h-4" })) : (Icon ? React.createElement(Icon, { className: cn('shrink-0', size == 'xxs' && 'h-3 w-3', size == 'xs' && 'h-4 w-4', size == 'sm' && 'h-5 w-5', size == 'md' && 'h-6 w-6', size == 'lg' && 'h-6 w-6') }) : null),
|
|
25
25
|
caption && React.createElement("span", { className: cn('w-full', { 'hidden md:block': width == 'max' && Icon }) }, caption))));
|
|
26
26
|
};
|
|
27
27
|
export default Button;
|
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,6DAA6D,EAC3F;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,CAAC,EAC5D,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,EAAE,EACT,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ;YAEjB,OAAO,CAAC,CAAC,CAAC,CAAC,oBAAC,aAAa,IAAC,SAAS,EAAC,kBAAkB,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,SAAS,EAAE,EAAE,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,6DAA6D,EAC3F;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,CAAC,EAC5D,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,EAAE,EACT,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ;YAEjB,OAAO,CAAC,CAAC,CAAC,CAAC,oBAAC,aAAa,IAAC,SAAS,EAAC,kBAAkB,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,UAAU,EACnG,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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ComponentBaseOutline } from "../types/global.js";
|
|
3
|
+
export interface SwitchButtonProps extends ComponentBaseOutline {
|
|
4
|
+
id: string;
|
|
5
|
+
lb?: string;
|
|
6
|
+
state: [inputs: any, setInputs?: React.Dispatch<any>];
|
|
7
|
+
readOnly?: boolean;
|
|
8
|
+
icon?: any;
|
|
9
|
+
className?: string;
|
|
10
|
+
type?: 'numeric' | 'boolean';
|
|
11
|
+
}
|
|
12
|
+
declare const SwitchButton: ({ id, state, lb, readOnly, size, theme, className, type }: SwitchButtonProps) => React.JSX.Element;
|
|
13
|
+
export default SwitchButton;
|
|
14
|
+
//# sourceMappingURL=SwitchButton.d.ts.map
|
|
@@ -0,0 +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;IAC7D,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;CAC7B;AAuCD,QAAA,MAAM,YAAY,GAAI,2DAA0F,iBAAiB,sBAkChI,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Variants } from "../constants/Variants.js";
|
|
3
|
+
import { cvaMix } from "../utils/cvmix.js";
|
|
4
|
+
import { cn } from "../utils/index.js";
|
|
5
|
+
const classNamesProps = cvaMix("flex items-center justify-between rounded-md cursor-pointer", {
|
|
6
|
+
size: {
|
|
7
|
+
xxs: 'py-2 px-3 text-xs',
|
|
8
|
+
xs: 'py-2.5 px-5 text-xs ',
|
|
9
|
+
sm: 'px-5 py-2 text-sm ',
|
|
10
|
+
md: 'px-6 py-3 text-base',
|
|
11
|
+
lg: 'px-8 py-4 text-lg ',
|
|
12
|
+
},
|
|
13
|
+
checked: {
|
|
14
|
+
__key: 'theme',
|
|
15
|
+
__base: 'bg-black/50 border-2 border-white/30',
|
|
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',
|
|
23
|
+
},
|
|
24
|
+
false: Variants.outline
|
|
25
|
+
}
|
|
26
|
+
}, {
|
|
27
|
+
size: 'xs',
|
|
28
|
+
theme: 'primary',
|
|
29
|
+
checked: 'true'
|
|
30
|
+
});
|
|
31
|
+
const sizeDot = {
|
|
32
|
+
xxs: 'h-1 w-1',
|
|
33
|
+
xs: 'py-2 px-2',
|
|
34
|
+
sm: 'py-1 h-3 w-4',
|
|
35
|
+
md: 'px-2.5 py-2.5',
|
|
36
|
+
lg: 'py-3.5 px-4 h-4',
|
|
37
|
+
};
|
|
38
|
+
const SwitchButton = ({ id, state, lb, readOnly, size = 'sm', theme = 'primary', className, type = 'boolean' }) => {
|
|
39
|
+
const [inputs, setInputs] = state;
|
|
40
|
+
const onChange = () => {
|
|
41
|
+
if (setInputs && !readOnly) {
|
|
42
|
+
let value = type == 'numeric' ? (inputs[id] == 1 ? 0 : 1) : !inputs[id];
|
|
43
|
+
setInputs({ [id]: value });
|
|
44
|
+
}
|
|
45
|
+
};
|
|
46
|
+
const checked = inputs[id] || false;
|
|
47
|
+
return (React.createElement("label", { htmlFor: "toggleTwo", className: cn(`${className} flex space-x-2 cursor-pointer select-none items-center`), onClick: onChange },
|
|
48
|
+
React.createElement("div", { className: "relative" },
|
|
49
|
+
React.createElement("input", { id: "check_" + id, type: "SwitchButton", className: "sr-only", onChange: onChange, checked: checked, disabled: readOnly }),
|
|
50
|
+
React.createElement("div", { className: cn(`block rounded-full `, readOnly && 'opacity-70', classNamesProps({ size, checked: String(checked) }, { theme })) }),
|
|
51
|
+
React.createElement("div", { className: cn(`dot absolute bg-white dark:bg-gray-200 ${checked ? 'right-1 ' : 'left-1 '} top-1 rounded-full transition`, sizeDot[size]) })),
|
|
52
|
+
React.createElement("span", null, lb)));
|
|
53
|
+
};
|
|
54
|
+
export default SwitchButton;
|
|
55
|
+
//# sourceMappingURL=SwitchButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SwitchButton.js","sourceRoot":"","sources":["../../src/forms/SwitchButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { SwitchButtonProps } from './SwitchButton.js';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
declare const meta: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: ({ id, state, lb, readOnly, size, theme, className, type }: SwitchButtonProps) => React.JSX.Element;
|
|
7
|
+
parameters: {
|
|
8
|
+
layout: string;
|
|
9
|
+
};
|
|
10
|
+
tags: string[];
|
|
11
|
+
argTypes: {
|
|
12
|
+
[x: string]: any;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
export default meta;
|
|
16
|
+
export declare const SwitchButtonNormal: StoryObj<typeof meta>;
|
|
17
|
+
export declare const SwitchButtonSecondary: StoryObj<typeof meta>;
|
|
18
|
+
//# sourceMappingURL=SwitchButton.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SwitchButton.stories.d.ts","sourceRoot":"","sources":["../../src/forms/SwitchButton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAqB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,QAAA,MAAM,IAAI;;;;;;;;;;CAQyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AAIpB,eAAO,MAAM,kBAAkB,EAAE,QAAQ,CAAC,OAAO,IAAI,CAyBpD,CAAC;AAGF,eAAO,MAAM,qBAAqB,EAAE,QAAQ,CAAC,OAAO,IAAI,CAMvD,CAAC"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { ArgumentsBase } from '../types/StoriesArguments.js';
|
|
2
|
+
import SwitchButton from './SwitchButton.js';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
// Configuración general para el componente en Storybook
|
|
5
|
+
const meta = {
|
|
6
|
+
title: 'UI/Forms/SwitchButton', // Categoría y nombre en la barra lateral de Storybook
|
|
7
|
+
component: SwitchButton,
|
|
8
|
+
parameters: {
|
|
9
|
+
layout: 'centered', // Centra el componente en el lienzo
|
|
10
|
+
},
|
|
11
|
+
tags: ['autodocs'],
|
|
12
|
+
argTypes: { ...ArgumentsBase }
|
|
13
|
+
};
|
|
14
|
+
export default meta;
|
|
15
|
+
// Historias individuales
|
|
16
|
+
export const SwitchButtonNormal = {
|
|
17
|
+
render: (args) => {
|
|
18
|
+
const [inputs, setInputs] = React.useState({});
|
|
19
|
+
return (React.createElement("div", { className: 'flex gap-3 text-white' },
|
|
20
|
+
React.createElement(SwitchButton, { id: "option_id", lb: args.lb, state: [inputs, setInputs], theme: args.theme, size: args.size, readOnly: args.readOnly })));
|
|
21
|
+
},
|
|
22
|
+
args: {
|
|
23
|
+
id: 'option_id',
|
|
24
|
+
lb: 'Box Controlado',
|
|
25
|
+
state: [{}],
|
|
26
|
+
readOnly: false,
|
|
27
|
+
},
|
|
28
|
+
};
|
|
29
|
+
export const SwitchButtonSecondary = {
|
|
30
|
+
args: {
|
|
31
|
+
lb: 'SwitchButton Normal',
|
|
32
|
+
id: "sss",
|
|
33
|
+
state: [{}]
|
|
34
|
+
},
|
|
35
|
+
};
|
|
36
|
+
//# sourceMappingURL=SwitchButton.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SwitchButton.stories.js","sourceRoot":"","sources":["../../src/forms/SwitchButton.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,YAAmC,MAAM,mBAAmB,CAAC;AACpE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,wDAAwD;AACxD,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,uBAAuB,EAAE,sDAAsD;IACtF,SAAS,EAAE,YAAY;IACvB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU,EAAE,oCAAoC;KACzD;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE,EAAE,GAAG,aAAa,EAAE;CACG,CAAC;AAEpC,eAAe,IAAI,CAAC;AAGpB,yBAAyB;AACzB,MAAM,CAAC,MAAM,kBAAkB,GAA0B;IACvD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACf,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;QAG/C,OAAO,CACL,6BAAK,SAAS,EAAC,uBAAuB;YACpC,oBAAC,YAAY,IACX,EAAE,EAAE,WAAW,EACf,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,KAAK,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,EAC1B,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACvB,CAEE,CACP,CAAC;IACJ,CAAC;IACD,IAAI,EAAE;QACJ,EAAE,EAAE,WAAW;QACf,EAAE,EAAE,gBAAgB;QACpB,KAAK,EAAE,CAAC,EAAE,CAAC;QACX,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC;AAGF,MAAM,CAAC,MAAM,qBAAqB,GAA0B;IAC1D,IAAI,EAAE;QACJ,EAAE,EAAE,qBAAqB;QACzB,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,CAAC,EAAE,CAAC;KACZ;CACF,CAAC"}
|
package/dist/forms/index.d.ts
CHANGED
|
@@ -8,5 +8,6 @@ export { default as Select } from "./Select.js";
|
|
|
8
8
|
export { default as Button } from "./Button.js";
|
|
9
9
|
export { default as LinkButtonSmall } from "./LinkButton.js";
|
|
10
10
|
export { default as ToggleSwitch } from "./ToggleSwitch.js";
|
|
11
|
+
export { default as SwitchButton } from "./SwitchButton.js";
|
|
11
12
|
export type { ButtonProps } from './Button.js';
|
|
12
13
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/forms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAEhD,aAAa;AACb,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC5D,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/forms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAEhD,aAAa;AACb,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE5D,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC"}
|
package/dist/forms/index.js
CHANGED
|
@@ -8,4 +8,5 @@ export { default as Select } from "./Select.js";
|
|
|
8
8
|
export { default as Button } from "./Button.js";
|
|
9
9
|
export { default as LinkButtonSmall } from "./LinkButton.js";
|
|
10
10
|
export { default as ToggleSwitch } from "./ToggleSwitch.js";
|
|
11
|
+
export { default as SwitchButton } from "./SwitchButton.js";
|
|
11
12
|
//# sourceMappingURL=index.js.map
|
package/dist/forms/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/forms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAEhD,aAAa;AACb,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/forms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAEhD,aAAa;AACb,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC"}
|