@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 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, so a subpath import pulls only that
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
 
@@ -16,4 +16,5 @@ function t({ children: t, variant: n = "default", size: r = "small", className:
16
16
  //#endregion
17
17
  export { t as Badge };
18
18
 
19
- //# sourceMappingURL=Badge2.js.map
19
+ //# sourceMappingURL=Badge2.js.map
20
+ import "../../assets/components/Badge/Badge.css";
@@ -33,4 +33,5 @@ n.displayName = "BaseCard";
33
33
  //#endregion
34
34
  export { n as BaseCard, n as default };
35
35
 
36
- //# sourceMappingURL=BaseCard2.js.map
36
+ //# sourceMappingURL=BaseCard2.js.map
37
+ import "../../assets/components/BaseCard/BaseCard.css";
@@ -71,4 +71,5 @@ var i = e(function({ children: e, onClick: i, onDoubleClick: a, onMouseDown: o,
71
71
  //#endregion
72
72
  export { i as Button };
73
73
 
74
- //# sourceMappingURL=Button2.js.map
74
+ //# sourceMappingURL=Button2.js.map
75
+ import "../../assets/components/Button/Button.css";
@@ -273,4 +273,5 @@ var _ = e(g);
273
273
  //#endregion
274
274
  export { _ as DataTable, _ as default };
275
275
 
276
- //# sourceMappingURL=DataTable2.js.map
276
+ //# sourceMappingURL=DataTable2.js.map
277
+ import "../../assets/components/DataTable/DataTable.css";
@@ -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";
@@ -75,4 +75,5 @@ var y = d(v);
75
75
  //#endregion
76
76
  export { y as EmptyState };
77
77
 
78
- //# sourceMappingURL=EmptyState2.js.map
78
+ //# sourceMappingURL=EmptyState2.js.map
79
+ import "../../assets/components/EmptyState/EmptyState.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";
@@ -35,4 +35,5 @@ function i({ active: i, children: a, className: o }) {
35
35
  //#endregion
36
36
  export { i as SmoothHeight };
37
37
 
38
- //# sourceMappingURL=SmoothHeight2.js.map
38
+ //# sourceMappingURL=SmoothHeight2.js.map
39
+ import "../../assets/components/SmoothHeight/SmoothHeight.css";
@@ -108,4 +108,5 @@ var m = r(p);
108
108
  //#endregion
109
109
  export { m as StatCard };
110
110
 
111
- //# sourceMappingURL=StatCard2.js.map
111
+ //# sourceMappingURL=StatCard2.js.map
112
+ import "../../assets/components/StatCard/StatCard.css";
@@ -41,4 +41,5 @@ var s = t(o);
41
41
  //#endregion
42
42
  export { s as StatusTag, s as default };
43
43
 
44
- //# sourceMappingURL=StatusTag2.js.map
44
+ //# sourceMappingURL=StatusTag2.js.map
45
+ import "../../assets/components/StatusTag/StatusTag.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";
@@ -64,4 +64,5 @@ function c({ content: c, children: l, className: u, contentClassName: d, tooltip
64
64
  //#endregion
65
65
  export { c as Tooltip };
66
66
 
67
- //# sourceMappingURL=Tooltip2.js.map
67
+ //# sourceMappingURL=Tooltip2.js.map
68
+ import "../../assets/components/Tooltip/Tooltip.css";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lablup/ui-common",
3
- "version": "0.1.0-alpha.0",
3
+ "version": "0.1.0-alpha.1",
4
4
  "description": "Shared, product-neutral UI components and design tokens for Lablup products",
5
5
  "license": "Apache-2.0",
6
6
  "author": "Lablup Inc.",