@uxf/ui 11.46.0 → 11.47.0
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/alert-bubble/alert-bubble.stories.d.ts +0 -5
- package/alert-bubble/alert-bubble.stories.js +0 -4
- package/badge/badge.stories.d.ts +0 -5
- package/badge/badge.stories.js +0 -4
- package/button-group/button-group.stories.d.ts +0 -5
- package/button-group/button-group.stories.js +0 -4
- package/button-list/button-list.stories.d.ts +0 -5
- package/button-list/button-list.stories.js +0 -4
- package/calendar/calendar.stories.d.ts +0 -8
- package/calendar/calendar.stories.js +0 -10
- package/checkbox/checkbox.stories.d.ts +0 -5
- package/checkbox/checkbox.stories.js +0 -4
- package/checkbox-button/checkbox-button.stories.d.ts +0 -5
- package/checkbox-button/checkbox-button.stories.js +0 -4
- package/checkbox-input/checkbox-input.stories.d.ts +0 -5
- package/checkbox-input/checkbox-input.stories.js +0 -4
- package/chip/chip.stories.d.ts +0 -8
- package/chip/chip.stories.js +0 -9
- package/color-radio/color-radio.stories.d.ts +0 -5
- package/color-radio/color-radio.stories.js +0 -4
- package/color-radio-group/color-radio-group.stories.d.ts +0 -5
- package/color-radio-group/color-radio-group.stories.js +0 -4
- package/components.d.ts +5 -0
- package/components.js +5 -0
- package/create-component-preview-page/create-component-preview-page.d.ts +9 -4
- package/create-component-preview-page/create-component-preview-page.js +22 -19
- package/css/info-box.css +74 -0
- package/css/input.css +14 -0
- package/css/layout.css +66 -20
- package/date-picker/date-picker.stories.d.ts +0 -5
- package/date-picker/date-picker.stories.js +0 -4
- package/date-picker-input/date-picker-input.stories.d.ts +0 -5
- package/date-picker-input/date-picker-input.stories.js +0 -4
- package/date-range-picker/date-range-picker.stories.d.ts +0 -5
- package/date-range-picker/date-range-picker.stories.js +0 -4
- package/date-range-picker-input/date-range-picker-input.stories.d.ts +0 -8
- package/date-range-picker-input/date-range-picker-input.stories.js +0 -9
- package/datetime-picker/datetime-picker.stories.d.ts +0 -5
- package/datetime-picker/datetime-picker.stories.js +0 -4
- package/datetime-picker-input/datetime-picker-input.stories.d.ts +0 -5
- package/datetime-picker-input/datetime-picker-input.stories.js +0 -4
- package/dialog/dialog.d.ts +23 -6
- package/dialog/dialog.js +44 -7
- package/dialog/dialog.stories.js +10 -31
- package/dialog/theme.d.ts +8 -0
- package/dropdown/dropdown.stories.d.ts +0 -8
- package/dropdown/dropdown.stories.js +0 -4
- package/dropzone/dropzone.stories.d.ts +0 -7
- package/dropzone/dropzone.stories.js +0 -4
- package/error-message/error-message.stories.d.ts +0 -5
- package/error-message/error-message.stories.js +0 -4
- package/file-input/file-input.stories.d.ts +0 -5
- package/file-input/file-input.stories.js +0 -4
- package/flash-messages/flash-messages.stories.d.ts +0 -5
- package/flash-messages/flash-messages.stories.js +0 -5
- package/form-component/form-component.stories.d.ts +0 -10
- package/form-component/form-component.stories.js +0 -5
- package/icon/icon.stories.d.ts +0 -8
- package/icon/icon.stories.js +0 -9
- package/icons-config.js +20 -0
- package/image-gallery/image-gallery.stories.d.ts +0 -12
- package/image-gallery/image-gallery.stories.js +0 -5
- package/info-box/README.md +28 -0
- package/info-box/index.d.ts +2 -0
- package/info-box/index.js +5 -0
- package/info-box/info-box.d.ts +15 -0
- package/info-box/info-box.js +59 -0
- package/info-box/info-box.spec.d.ts +1 -0
- package/info-box/info-box.spec.js +9 -0
- package/info-box/info-box.stories.d.ts +2 -0
- package/info-box/info-box.stories.js +19 -0
- package/info-box/theme.d.ts +15 -0
- package/info-box/theme.js +2 -0
- package/info-box/types.d.ts +3 -0
- package/info-box/types.js +2 -0
- package/input/input.stories.d.ts +0 -13
- package/input/input.stories.js +0 -4
- package/label/label.stories.d.ts +0 -5
- package/label/label.stories.js +0 -4
- package/layout/layout.d.ts +7 -5
- package/layout/layout.js +17 -35
- package/layout/layout.stories.d.ts +0 -6
- package/layout/layout.stories.js +3 -8
- package/list-item/list-item.stories.d.ts +0 -5
- package/list-item/list-item.stories.js +0 -4
- package/loader/loader.stories.d.ts +0 -5
- package/loader/loader.stories.js +0 -4
- package/message/message.js +10 -7
- package/modal/modal.d.ts +1 -1
- package/modal/modal.js +18 -13
- package/modal/modal.stories.d.ts +0 -5
- package/modal/modal.stories.js +2 -6
- package/multi-combobox/multi-combobox.stories.d.ts +0 -6
- package/multi-combobox/multi-combobox.stories.js +0 -4
- package/multi-select/multi-select.stories.d.ts +0 -6
- package/multi-select/multi-select.stories.js +0 -4
- package/package.json +4 -4
- package/pagination/pagination.stories.d.ts +0 -5
- package/pagination/pagination.stories.js +0 -4
- package/paper/paper.stories.d.ts +0 -5
- package/paper/paper.stories.js +0 -4
- package/radio/radio.stories.d.ts +0 -5
- package/radio/radio.stories.js +0 -4
- package/radio-group/radio-group.stories.d.ts +0 -5
- package/radio-group/radio-group.stories.js +0 -4
- package/raster-image/raster-image.stories.d.ts +0 -6
- package/raster-image/raster-image.stories.js +0 -4
- package/readmes.d.ts +1 -0
- package/readmes.js +56 -54
- package/tabs/components/tabs-button.d.ts +1 -1
- package/tabs/components/tabs-root.d.ts +1 -1
- package/tabs/index.d.ts +1 -0
- package/tabs/index.js +1 -0
- package/tabs/tabs.d.ts +1 -1
- package/tabs/theme.d.ts +0 -1
- package/tabs/types.d.ts +2 -0
- package/tabs/types.js +2 -0
- package/text-link/text-link.stories.d.ts +0 -5
- package/text-link/text-link.stories.js +0 -4
- package/textarea/textarea.stories.d.ts +0 -5
- package/textarea/textarea.stories.js +0 -4
- package/time-picker/time-picker.stories.d.ts +0 -5
- package/time-picker/time-picker.stories.js +0 -4
- package/toggle/toggle.stories.d.ts +0 -5
- package/toggle/toggle.stories.js +0 -4
- package/tooltip/tooltip.stories.d.ts +0 -5
- package/tooltip/tooltip.stories.js +0 -4
- package/typography/typography.stories.d.ts +0 -5
- package/typography/typography.stories.js +0 -4
package/readmes.js
CHANGED
|
@@ -36,33 +36,34 @@ const README_md_28 = __importDefault(require("./form-component/README.md"));
|
|
|
36
36
|
const README_md_29 = __importDefault(require("./icon/README.md"));
|
|
37
37
|
const README_md_30 = __importDefault(require("./icon-button/README.md"));
|
|
38
38
|
const README_md_31 = __importDefault(require("./image-gallery/README.md"));
|
|
39
|
-
const README_md_32 = __importDefault(require("./
|
|
40
|
-
const README_md_33 = __importDefault(require("./
|
|
41
|
-
const README_md_34 = __importDefault(require("./
|
|
42
|
-
const README_md_35 = __importDefault(require("./
|
|
43
|
-
const README_md_36 = __importDefault(require("./
|
|
44
|
-
const README_md_37 = __importDefault(require("./
|
|
45
|
-
const README_md_38 = __importDefault(require("./
|
|
46
|
-
const README_md_39 = __importDefault(require("./
|
|
47
|
-
const README_md_40 = __importDefault(require("./modal
|
|
48
|
-
const README_md_41 = __importDefault(require("./modal-
|
|
49
|
-
const README_md_42 = __importDefault(require("./
|
|
50
|
-
const README_md_43 = __importDefault(require("./multi-
|
|
51
|
-
const README_md_44 = __importDefault(require("./
|
|
52
|
-
const README_md_45 = __importDefault(require("./
|
|
53
|
-
const README_md_46 = __importDefault(require("./
|
|
54
|
-
const README_md_47 = __importDefault(require("./radio
|
|
55
|
-
const README_md_48 = __importDefault(require("./
|
|
56
|
-
const README_md_49 = __importDefault(require("./
|
|
57
|
-
const README_md_50 = __importDefault(require("./
|
|
58
|
-
const README_md_51 = __importDefault(require("./
|
|
59
|
-
const README_md_52 = __importDefault(require("./text-
|
|
60
|
-
const README_md_53 = __importDefault(require("./
|
|
61
|
-
const README_md_54 = __importDefault(require("./
|
|
62
|
-
const README_md_55 = __importDefault(require("./time-picker
|
|
63
|
-
const README_md_56 = __importDefault(require("./
|
|
64
|
-
const README_md_57 = __importDefault(require("./
|
|
65
|
-
const README_md_58 = __importDefault(require("./
|
|
39
|
+
const README_md_32 = __importDefault(require("./info-box/README.md"));
|
|
40
|
+
const README_md_33 = __importDefault(require("./input/README.md"));
|
|
41
|
+
const README_md_34 = __importDefault(require("./label/README.md"));
|
|
42
|
+
const README_md_35 = __importDefault(require("./layout/README.md"));
|
|
43
|
+
const README_md_36 = __importDefault(require("./list-item/README.md"));
|
|
44
|
+
const README_md_37 = __importDefault(require("./loader/README.md"));
|
|
45
|
+
const README_md_38 = __importDefault(require("./lozenge/README.md"));
|
|
46
|
+
const README_md_39 = __importDefault(require("./message/README.md"));
|
|
47
|
+
const README_md_40 = __importDefault(require("./modal/README.md"));
|
|
48
|
+
const README_md_41 = __importDefault(require("./modal-dialog/README.md"));
|
|
49
|
+
const README_md_42 = __importDefault(require("./modal-header/README.md"));
|
|
50
|
+
const README_md_43 = __importDefault(require("./multi-combobox/README.md"));
|
|
51
|
+
const README_md_44 = __importDefault(require("./multi-select/README.md"));
|
|
52
|
+
const README_md_45 = __importDefault(require("./pagination/README.md"));
|
|
53
|
+
const README_md_46 = __importDefault(require("./paper/README.md"));
|
|
54
|
+
const README_md_47 = __importDefault(require("./radio/README.md"));
|
|
55
|
+
const README_md_48 = __importDefault(require("./radio-group/README.md"));
|
|
56
|
+
const README_md_49 = __importDefault(require("./raster-image/README.md"));
|
|
57
|
+
const README_md_50 = __importDefault(require("./select/README.md"));
|
|
58
|
+
const README_md_51 = __importDefault(require("./tabs/README.md"));
|
|
59
|
+
const README_md_52 = __importDefault(require("./text-input/README.md"));
|
|
60
|
+
const README_md_53 = __importDefault(require("./text-link/README.md"));
|
|
61
|
+
const README_md_54 = __importDefault(require("./textarea/README.md"));
|
|
62
|
+
const README_md_55 = __importDefault(require("./time-picker/README.md"));
|
|
63
|
+
const README_md_56 = __importDefault(require("./time-picker-input/README.md"));
|
|
64
|
+
const README_md_57 = __importDefault(require("./toggle/README.md"));
|
|
65
|
+
const README_md_58 = __importDefault(require("./tooltip/README.md"));
|
|
66
|
+
const README_md_59 = __importDefault(require("./typography/README.md"));
|
|
66
67
|
exports.readmes = {
|
|
67
68
|
"alert-bubble": README_md_1.default,
|
|
68
69
|
"avatar": README_md_2.default,
|
|
@@ -95,31 +96,32 @@ exports.readmes = {
|
|
|
95
96
|
"icon": README_md_29.default,
|
|
96
97
|
"icon-button": README_md_30.default,
|
|
97
98
|
"image-gallery": README_md_31.default,
|
|
98
|
-
"
|
|
99
|
-
"
|
|
100
|
-
"
|
|
101
|
-
"
|
|
102
|
-
"
|
|
103
|
-
"
|
|
104
|
-
"
|
|
105
|
-
"
|
|
106
|
-
"modal
|
|
107
|
-
"modal-
|
|
108
|
-
"
|
|
109
|
-
"multi-
|
|
110
|
-
"
|
|
111
|
-
"
|
|
112
|
-
"
|
|
113
|
-
"radio
|
|
114
|
-
"
|
|
115
|
-
"
|
|
116
|
-
"
|
|
117
|
-
"
|
|
118
|
-
"text-
|
|
119
|
-
"
|
|
120
|
-
"
|
|
121
|
-
"time-picker
|
|
122
|
-
"
|
|
123
|
-
"
|
|
124
|
-
"
|
|
99
|
+
"infobox": README_md_32.default,
|
|
100
|
+
"input": README_md_33.default,
|
|
101
|
+
"label": README_md_34.default,
|
|
102
|
+
"layout": README_md_35.default,
|
|
103
|
+
"list-item": README_md_36.default,
|
|
104
|
+
"loader": README_md_37.default,
|
|
105
|
+
"lozenge": README_md_38.default,
|
|
106
|
+
"message": README_md_39.default,
|
|
107
|
+
"modal": README_md_40.default,
|
|
108
|
+
"modal-dialog": README_md_41.default,
|
|
109
|
+
"modal-header": README_md_42.default,
|
|
110
|
+
"multi-combobox": README_md_43.default,
|
|
111
|
+
"multi-select": README_md_44.default,
|
|
112
|
+
"pagination": README_md_45.default,
|
|
113
|
+
"paper": README_md_46.default,
|
|
114
|
+
"radio": README_md_47.default,
|
|
115
|
+
"radio-group": README_md_48.default,
|
|
116
|
+
"raster-image": README_md_49.default,
|
|
117
|
+
"select": README_md_50.default,
|
|
118
|
+
"tabs": README_md_51.default,
|
|
119
|
+
"text-input": README_md_52.default,
|
|
120
|
+
"text-link": README_md_53.default,
|
|
121
|
+
"textarea": README_md_54.default,
|
|
122
|
+
"time-picker": README_md_55.default,
|
|
123
|
+
"time-picker-input": README_md_56.default,
|
|
124
|
+
"toggle": README_md_57.default,
|
|
125
|
+
"tooltip": README_md_58.default,
|
|
126
|
+
"typography": README_md_59.default,
|
|
125
127
|
};
|
package/tabs/index.d.ts
CHANGED
package/tabs/index.js
CHANGED
package/tabs/tabs.d.ts
CHANGED
package/tabs/theme.d.ts
CHANGED
package/tabs/types.d.ts
ADDED
package/tabs/types.js
ADDED
|
@@ -1,7 +1,2 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
declare const _default: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: React.ForwardRefExoticComponent<import("./text-link").TextLinkProps & React.RefAttributes<HTMLAnchorElement>>;
|
|
5
|
-
};
|
|
6
|
-
export default _default;
|
|
7
2
|
export declare function Default(): React.JSX.Element;
|
|
@@ -6,10 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.Default = Default;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const index_1 = require("./index");
|
|
9
|
-
exports.default = {
|
|
10
|
-
title: "UI/TextLink",
|
|
11
|
-
component: index_1.TextLink,
|
|
12
|
-
};
|
|
13
9
|
function Default() {
|
|
14
10
|
// eslint-disable-next-line no-console
|
|
15
11
|
const onClick = console.log;
|
|
@@ -1,7 +1,2 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
declare const _default: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: React.ForwardRefExoticComponent<import("./textarea").TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
5
|
-
};
|
|
6
|
-
export default _default;
|
|
7
2
|
export declare function Default(): React.JSX.Element;
|
|
@@ -27,10 +27,6 @@ exports.Default = Default;
|
|
|
27
27
|
const react_1 = __importStar(require("react"));
|
|
28
28
|
const action_1 = require("../utils/action");
|
|
29
29
|
const index_1 = require("./index");
|
|
30
|
-
exports.default = {
|
|
31
|
-
title: "UI/Textarea",
|
|
32
|
-
component: index_1.Textarea,
|
|
33
|
-
};
|
|
34
30
|
function Default() {
|
|
35
31
|
const [value, setValue] = (0, react_1.useState)("test");
|
|
36
32
|
const onChange = (0, action_1.action)("onChange", setValue);
|
|
@@ -28,10 +28,6 @@ const noop_1 = require("@uxf/core/utils/noop");
|
|
|
28
28
|
const react_1 = __importStar(require("react"));
|
|
29
29
|
const action_1 = require("../utils/action");
|
|
30
30
|
const time_picker_1 = require("./time-picker");
|
|
31
|
-
exports.default = {
|
|
32
|
-
title: "UI/TimePicker",
|
|
33
|
-
component: time_picker_1.TimePicker,
|
|
34
|
-
};
|
|
35
31
|
function Default() {
|
|
36
32
|
const [value, setValue] = (0, react_1.useState)(null);
|
|
37
33
|
const onChange = (0, action_1.action)("onChange", setValue);
|
|
@@ -1,7 +1,2 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
declare const _default: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: React.ForwardRefExoticComponent<import("./toggle").ToggleProps & React.RefAttributes<HTMLButtonElement>>;
|
|
5
|
-
};
|
|
6
|
-
export default _default;
|
|
7
2
|
export declare function Default(): React.JSX.Element;
|
package/toggle/toggle.stories.js
CHANGED
|
@@ -27,10 +27,6 @@ exports.Default = Default;
|
|
|
27
27
|
const react_1 = __importStar(require("react"));
|
|
28
28
|
const action_1 = require("../utils/action");
|
|
29
29
|
const index_1 = require("./index");
|
|
30
|
-
exports.default = {
|
|
31
|
-
title: "UI/Toggle",
|
|
32
|
-
component: index_1.Toggle,
|
|
33
|
-
};
|
|
34
30
|
function Default() {
|
|
35
31
|
const [isChecked, setIsChecked] = (0, react_1.useState)(true);
|
|
36
32
|
const onChange = (0, action_1.action)("onChange", () => setIsChecked((prev) => !prev));
|
|
@@ -1,7 +1,2 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
declare const _default: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: React.ForwardRefExoticComponent<import("./tooltip").TooltipProps & React.RefAttributes<HTMLElement>>;
|
|
5
|
-
};
|
|
6
|
-
export default _default;
|
|
7
2
|
export declare function Default(): React.JSX.Element;
|
|
@@ -7,10 +7,6 @@ exports.Default = Default;
|
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const chip_1 = require("../chip");
|
|
9
9
|
const tooltip_1 = require("./tooltip");
|
|
10
|
-
exports.default = {
|
|
11
|
-
title: "UI/Tooltip",
|
|
12
|
-
component: tooltip_1.Tooltip,
|
|
13
|
-
};
|
|
14
10
|
function Default() {
|
|
15
11
|
const sides = ["top", "bottom", "bottom-start", "left", "right"];
|
|
16
12
|
return (react_1.default.createElement("div", { className: "grid h-96 place-items-center" }, sides.map((placement) => (react_1.default.createElement(tooltip_1.Tooltip, { content: "My tooltip content", key: placement, placement: placement },
|
|
@@ -5,10 +5,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.Default = Default;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
|
-
exports.default = {
|
|
9
|
-
title: "UI/Typography",
|
|
10
|
-
component: null,
|
|
11
|
-
};
|
|
12
8
|
function Default() {
|
|
13
9
|
return (react_1.default.createElement("div", { className: "space-y-4 dark:text-white" },
|
|
14
10
|
react_1.default.createElement("h1", { className: "uxf-typo-h1" }, ".uxf-typo-h1"),
|