@lablup/ui-common 0.1.0-alpha.0 → 0.1.0-alpha.1
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/README.md +5 -2
- package/dist/components/Badge/Badge2.js +2 -1
- package/dist/components/BaseCard/BaseCard2.js +2 -1
- package/dist/components/Button/Button2.js +2 -1
- package/dist/components/DataTable/DataTable2.js +2 -1
- package/dist/components/Drawer/Drawer2.js +2 -1
- package/dist/components/EmptyState/EmptyState2.js +2 -1
- package/dist/components/ErrorState/ErrorState2.js +2 -1
- package/dist/components/PageHeader/PageHeader2.js +2 -1
- package/dist/components/PageLayout/PageLayout2.js +2 -1
- package/dist/components/ProgressBar/ProgressBar2.js +2 -1
- package/dist/components/Skeleton/Skeleton2.js +2 -1
- package/dist/components/Skeleton/SkeletonCard2.js +2 -1
- package/dist/components/Skeleton/SkeletonChart2.js +2 -1
- package/dist/components/Skeleton/SkeletonRow2.js +2 -1
- package/dist/components/Skeleton/SkeletonText2.js +2 -1
- package/dist/components/SmoothHeight/SmoothHeight2.js +2 -1
- package/dist/components/StatCard/StatCard2.js +2 -1
- package/dist/components/StatusTag/StatusTag2.js +2 -1
- package/dist/components/Tabs/Tabs2.js +2 -1
- package/dist/components/Tooltip/Tooltip2.js +2 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -71,8 +71,11 @@ import "@lablup/ui-common/styles/base.css";
|
|
|
71
71
|
import "@lablup/ui-common/styles/themes/bliss-light.css";
|
|
72
72
|
```
|
|
73
73
|
|
|
74
|
-
Component CSS travels with the component
|
|
75
|
-
component's styles
|
|
74
|
+
Component CSS travels with the component: importing `Button` brings
|
|
75
|
+
`Button.css` with it, so a subpath import pulls that component's styles and no
|
|
76
|
+
others. The two entry points above are the only stylesheets you import by hand,
|
|
77
|
+
and `base.css` is the one you must not skip, since it carries the tokens every
|
|
78
|
+
component resolves against.
|
|
76
79
|
|
|
77
80
|
## Text is yours, not ours
|
|
78
81
|
|
|
@@ -103,4 +103,5 @@ function s({ isOpen: s, onClose: c, title: l, subtitle: u, width: d = "medium",
|
|
|
103
103
|
//#endregion
|
|
104
104
|
export { s as Drawer };
|
|
105
105
|
|
|
106
|
-
//# sourceMappingURL=Drawer2.js.map
|
|
106
|
+
//# sourceMappingURL=Drawer2.js.map
|
|
107
|
+
import "../../assets/components/Drawer/Drawer.css";
|
|
@@ -55,4 +55,5 @@ function o({ type: t = "generic", title: o, message: s, primaryAction: c, second
|
|
|
55
55
|
//#endregion
|
|
56
56
|
export { o as ErrorState };
|
|
57
57
|
|
|
58
|
-
//# sourceMappingURL=ErrorState2.js.map
|
|
58
|
+
//# sourceMappingURL=ErrorState2.js.map
|
|
59
|
+
import "../../assets/components/ErrorState/ErrorState.css";
|
|
@@ -39,4 +39,5 @@ function n({ title: n, description: r, actions: i, error: a, onErrorDismiss: o,
|
|
|
39
39
|
//#endregion
|
|
40
40
|
export { n as PageHeader };
|
|
41
41
|
|
|
42
|
-
//# sourceMappingURL=PageHeader2.js.map
|
|
42
|
+
//# sourceMappingURL=PageHeader2.js.map
|
|
43
|
+
import "../../assets/components/PageHeader/PageHeader.css";
|
|
@@ -16,4 +16,5 @@ function t({ children: t, variant: n = "standard", className: r = "", ...i }) {
|
|
|
16
16
|
//#endregion
|
|
17
17
|
export { t as PageLayout };
|
|
18
18
|
|
|
19
|
-
//# sourceMappingURL=PageLayout2.js.map
|
|
19
|
+
//# sourceMappingURL=PageLayout2.js.map
|
|
20
|
+
import "../../assets/components/PageLayout/PageLayout.css";
|
|
@@ -33,4 +33,5 @@ function n({ value: n, variant: r = "primary", size: i = "md", showLabel: a = !1
|
|
|
33
33
|
//#endregion
|
|
34
34
|
export { n as ProgressBar, n as default };
|
|
35
35
|
|
|
36
|
-
//# sourceMappingURL=ProgressBar2.js.map
|
|
36
|
+
//# sourceMappingURL=ProgressBar2.js.map
|
|
37
|
+
import "../../assets/components/ProgressBar/ProgressBar.css";
|
|
@@ -23,4 +23,5 @@ function t({ width: t = "100%", height: n = "20px", variant: r = "rect", classNa
|
|
|
23
23
|
//#endregion
|
|
24
24
|
export { t as Skeleton, t as default };
|
|
25
25
|
|
|
26
|
-
//# sourceMappingURL=Skeleton2.js.map
|
|
26
|
+
//# sourceMappingURL=Skeleton2.js.map
|
|
27
|
+
import "../../assets/components/Skeleton/Skeleton.css";
|
|
@@ -70,4 +70,5 @@ function i({ variant: i = "default", className: a = "", testId: o }) {
|
|
|
70
70
|
//#endregion
|
|
71
71
|
export { i as SkeletonCard, i as default };
|
|
72
72
|
|
|
73
|
-
//# sourceMappingURL=SkeletonCard2.js.map
|
|
73
|
+
//# sourceMappingURL=SkeletonCard2.js.map
|
|
74
|
+
import "../../assets/components/Skeleton/SkeletonCard.css";
|
|
@@ -63,4 +63,5 @@ function r({ variant: r = "bar", height: i = "300px", className: a = "", testId:
|
|
|
63
63
|
//#endregion
|
|
64
64
|
export { r as SkeletonChart, r as default };
|
|
65
65
|
|
|
66
|
-
//# sourceMappingURL=SkeletonChart2.js.map
|
|
66
|
+
//# sourceMappingURL=SkeletonChart2.js.map
|
|
67
|
+
import "../../assets/components/Skeleton/SkeletonChart.css";
|
|
@@ -44,4 +44,5 @@ function i({ showAvatar: i = !1, showActions: a = !1, count: o = 1, className: s
|
|
|
44
44
|
//#endregion
|
|
45
45
|
export { i as SkeletonRow, i as default };
|
|
46
46
|
|
|
47
|
-
//# sourceMappingURL=SkeletonRow2.js.map
|
|
47
|
+
//# sourceMappingURL=SkeletonRow2.js.map
|
|
48
|
+
import "../../assets/components/Skeleton/SkeletonRow.css";
|
|
@@ -23,4 +23,5 @@ function n({ lines: n = 3, spacing: r = "normal", className: i = "", testId: a }
|
|
|
23
23
|
//#endregion
|
|
24
24
|
export { n as SkeletonText, n as default };
|
|
25
25
|
|
|
26
|
-
//# sourceMappingURL=SkeletonText2.js.map
|
|
26
|
+
//# sourceMappingURL=SkeletonText2.js.map
|
|
27
|
+
import "../../assets/components/Skeleton/SkeletonText.css";
|
|
@@ -427,4 +427,5 @@ function u({ tabs: u, groups: d = [], defaultTab: te, activeTab: f, onTabChange:
|
|
|
427
427
|
//#endregion
|
|
428
428
|
export { t as TAG_CONFIG, u as Tabs };
|
|
429
429
|
|
|
430
|
-
//# sourceMappingURL=Tabs2.js.map
|
|
430
|
+
//# sourceMappingURL=Tabs2.js.map
|
|
431
|
+
import "../../assets/components/Tabs/Tabs.css";
|
package/package.json
CHANGED