@x-plat/design-system 0.5.19 → 0.5.21

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.
Files changed (32) hide show
  1. package/dist/components/Chart/index.cjs +58 -29
  2. package/dist/components/Chart/index.css +2 -15
  3. package/dist/components/Chart/index.js +58 -29
  4. package/dist/components/Dropdown/index.cjs +9 -0
  5. package/dist/components/Dropdown/index.js +9 -0
  6. package/dist/components/PopOver/index.cjs +9 -0
  7. package/dist/components/PopOver/index.js +9 -0
  8. package/dist/components/Select/index.cjs +9 -0
  9. package/dist/components/Select/index.js +9 -0
  10. package/dist/components/Skeleton/index.cjs +11 -3
  11. package/dist/components/Skeleton/index.d.cts +1 -1
  12. package/dist/components/Skeleton/index.d.ts +1 -1
  13. package/dist/components/Skeleton/index.js +11 -3
  14. package/dist/components/index.cjs +78 -32
  15. package/dist/components/index.css +2 -15
  16. package/dist/components/index.js +78 -32
  17. package/dist/index.cjs +98 -34
  18. package/dist/index.css +2 -15
  19. package/dist/index.js +98 -34
  20. package/dist/layout/Grid/FullGrid/index.cjs +10 -1
  21. package/dist/layout/Grid/FullGrid/index.d.cts +2 -2
  22. package/dist/layout/Grid/FullGrid/index.d.ts +2 -2
  23. package/dist/layout/Grid/FullGrid/index.js +10 -1
  24. package/dist/layout/Grid/FullScreen/index.cjs +10 -1
  25. package/dist/layout/Grid/FullScreen/index.d.cts +2 -2
  26. package/dist/layout/Grid/FullScreen/index.d.ts +2 -2
  27. package/dist/layout/Grid/FullScreen/index.js +10 -1
  28. package/dist/layout/Grid/index.cjs +20 -2
  29. package/dist/layout/Grid/index.js +20 -2
  30. package/dist/layout/index.cjs +20 -2
  31. package/dist/layout/index.js +20 -2
  32. package/package.json +1 -1
package/dist/layout/Grid/FullGrid/index.d.ts CHANGED
@@ -1,9 +1,9 @@
1
1
  import React from 'react';
2
2
 
3
- type SpaceToken = "none" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16;
3
+ type GapToken = "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
4
4
  interface FullGridProps {
5
5
  children: React.ReactNode;
6
- gap?: SpaceToken;
6
+ gap?: GapToken;
7
7
  }
8
8
  declare const FullGrid: React.FC<FullGridProps>;
9
9
 
package/dist/layout/Grid/FullGrid/index.js CHANGED
@@ -1,8 +1,17 @@
1
1
  // src/layout/Grid/FullGrid/FullGrid.tsx
2
2
  import { jsx } from "react/jsx-runtime";
3
+ var GAP_MAP = {
4
+ none: "var(--spacing-space-none)",
5
+ xs: "var(--spacing-space-1)",
6
+ sm: "var(--spacing-space-2)",
7
+ md: "var(--spacing-space-4)",
8
+ lg: "var(--spacing-space-6)",
9
+ xl: "var(--spacing-space-8)",
10
+ "2xl": "var(--spacing-space-12)"
11
+ };
3
12
  var FullGrid = (props) => {
4
13
  const { children, gap } = props;
5
- const style = gap != null ? { gap: `var(--spacing-space-${gap})` } : void 0;
14
+ const style = gap != null ? { gap: GAP_MAP[gap] } : void 0;
6
15
  return /* @__PURE__ */ jsx("div", { className: "lib-xplat-full-grid", style, children });
7
16
  };
8
17
  FullGrid.displayName = "FullGrid";
package/dist/layout/Grid/FullScreen/index.cjs CHANGED
@@ -26,9 +26,18 @@ module.exports = __toCommonJS(FullScreen_exports);
26
26
 
27
27
  // src/layout/Grid/FullScreen/FullScreen.tsx
28
28
  var import_jsx_runtime = require("react/jsx-runtime");
29
+ var GAP_MAP = {
30
+ none: "var(--spacing-space-none)",
31
+ xs: "var(--spacing-space-1)",
32
+ sm: "var(--spacing-space-2)",
33
+ md: "var(--spacing-space-4)",
34
+ lg: "var(--spacing-space-6)",
35
+ xl: "var(--spacing-space-8)",
36
+ "2xl": "var(--spacing-space-12)"
37
+ };
29
38
  var FullScreen = (props) => {
30
39
  const { children, gap } = props;
31
- const style = gap != null ? { gap: `var(--spacing-space-${gap})` } : void 0;
40
+ const style = gap != null ? { gap: GAP_MAP[gap] } : void 0;
32
41
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "lib-xplat-full-screen", style, children });
33
42
  };
34
43
  FullScreen.displayName = "FullScreen";
package/dist/layout/Grid/FullScreen/index.d.cts CHANGED
@@ -1,9 +1,9 @@
1
1
  import React from 'react';
2
2
 
3
- type SpaceToken = "none" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16;
3
+ type GapToken = "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
4
4
  interface FullScreenProps {
5
5
  children: React.ReactNode;
6
- gap?: SpaceToken;
6
+ gap?: GapToken;
7
7
  }
8
8
  declare const FullScreen: React.FC<FullScreenProps>;
9
9
 
package/dist/layout/Grid/FullScreen/index.d.ts CHANGED
@@ -1,9 +1,9 @@
1
1
  import React from 'react';
2
2
 
3
- type SpaceToken = "none" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16;
3
+ type GapToken = "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
4
4
  interface FullScreenProps {
5
5
  children: React.ReactNode;
6
- gap?: SpaceToken;
6
+ gap?: GapToken;
7
7
  }
8
8
  declare const FullScreen: React.FC<FullScreenProps>;
9
9
 
package/dist/layout/Grid/FullScreen/index.js CHANGED
@@ -1,8 +1,17 @@
1
1
  // src/layout/Grid/FullScreen/FullScreen.tsx
2
2
  import { jsx } from "react/jsx-runtime";
3
+ var GAP_MAP = {
4
+ none: "var(--spacing-space-none)",
5
+ xs: "var(--spacing-space-1)",
6
+ sm: "var(--spacing-space-2)",
7
+ md: "var(--spacing-space-4)",
8
+ lg: "var(--spacing-space-6)",
9
+ xl: "var(--spacing-space-8)",
10
+ "2xl": "var(--spacing-space-12)"
11
+ };
3
12
  var FullScreen = (props) => {
4
13
  const { children, gap } = props;
5
- const style = gap != null ? { gap: `var(--spacing-space-${gap})` } : void 0;
14
+ const style = gap != null ? { gap: GAP_MAP[gap] } : void 0;
6
15
  return /* @__PURE__ */ jsx("div", { className: "lib-xplat-full-screen", style, children });
7
16
  };
8
17
  FullScreen.displayName = "FullScreen";
package/dist/layout/Grid/index.cjs CHANGED
@@ -29,9 +29,18 @@ module.exports = __toCommonJS(Grid_exports);
29
29
 
30
30
  // src/layout/Grid/FullGrid/FullGrid.tsx
31
31
  var import_jsx_runtime = require("react/jsx-runtime");
32
+ var GAP_MAP = {
33
+ none: "var(--spacing-space-none)",
34
+ xs: "var(--spacing-space-1)",
35
+ sm: "var(--spacing-space-2)",
36
+ md: "var(--spacing-space-4)",
37
+ lg: "var(--spacing-space-6)",
38
+ xl: "var(--spacing-space-8)",
39
+ "2xl": "var(--spacing-space-12)"
40
+ };
32
41
  var FullGrid = (props) => {
33
42
  const { children, gap } = props;
34
- const style = gap != null ? { gap: `var(--spacing-space-${gap})` } : void 0;
43
+ const style = gap != null ? { gap: GAP_MAP[gap] } : void 0;
35
44
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "lib-xplat-full-grid", style, children });
36
45
  };
37
46
  FullGrid.displayName = "FullGrid";
@@ -39,9 +48,18 @@ var FullGrid_default = FullGrid;
39
48
 
40
49
  // src/layout/Grid/FullScreen/FullScreen.tsx
41
50
  var import_jsx_runtime2 = require("react/jsx-runtime");
51
+ var GAP_MAP2 = {
52
+ none: "var(--spacing-space-none)",
53
+ xs: "var(--spacing-space-1)",
54
+ sm: "var(--spacing-space-2)",
55
+ md: "var(--spacing-space-4)",
56
+ lg: "var(--spacing-space-6)",
57
+ xl: "var(--spacing-space-8)",
58
+ "2xl": "var(--spacing-space-12)"
59
+ };
42
60
  var FullScreen = (props) => {
43
61
  const { children, gap } = props;
44
- const style = gap != null ? { gap: `var(--spacing-space-${gap})` } : void 0;
62
+ const style = gap != null ? { gap: GAP_MAP2[gap] } : void 0;
45
63
  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "lib-xplat-full-screen", style, children });
46
64
  };
47
65
  FullScreen.displayName = "FullScreen";
package/dist/layout/Grid/index.js CHANGED
@@ -1,8 +1,17 @@
1
1
  // src/layout/Grid/FullGrid/FullGrid.tsx
2
2
  import { jsx } from "react/jsx-runtime";
3
+ var GAP_MAP = {
4
+ none: "var(--spacing-space-none)",
5
+ xs: "var(--spacing-space-1)",
6
+ sm: "var(--spacing-space-2)",
7
+ md: "var(--spacing-space-4)",
8
+ lg: "var(--spacing-space-6)",
9
+ xl: "var(--spacing-space-8)",
10
+ "2xl": "var(--spacing-space-12)"
11
+ };
3
12
  var FullGrid = (props) => {
4
13
  const { children, gap } = props;
5
- const style = gap != null ? { gap: `var(--spacing-space-${gap})` } : void 0;
14
+ const style = gap != null ? { gap: GAP_MAP[gap] } : void 0;
6
15
  return /* @__PURE__ */ jsx("div", { className: "lib-xplat-full-grid", style, children });
7
16
  };
8
17
  FullGrid.displayName = "FullGrid";
@@ -10,9 +19,18 @@ var FullGrid_default = FullGrid;
10
19
 
11
20
  // src/layout/Grid/FullScreen/FullScreen.tsx
12
21
  import { jsx as jsx2 } from "react/jsx-runtime";
22
+ var GAP_MAP2 = {
23
+ none: "var(--spacing-space-none)",
24
+ xs: "var(--spacing-space-1)",
25
+ sm: "var(--spacing-space-2)",
26
+ md: "var(--spacing-space-4)",
27
+ lg: "var(--spacing-space-6)",
28
+ xl: "var(--spacing-space-8)",
29
+ "2xl": "var(--spacing-space-12)"
30
+ };
13
31
  var FullScreen = (props) => {
14
32
  const { children, gap } = props;
15
- const style = gap != null ? { gap: `var(--spacing-space-${gap})` } : void 0;
33
+ const style = gap != null ? { gap: GAP_MAP2[gap] } : void 0;
16
34
  return /* @__PURE__ */ jsx2("div", { className: "lib-xplat-full-screen", style, children });
17
35
  };
18
36
  FullScreen.displayName = "FullScreen";
package/dist/layout/index.cjs CHANGED
@@ -44,9 +44,18 @@ module.exports = __toCommonJS(layout_exports);
44
44
 
45
45
  // src/layout/Grid/FullGrid/FullGrid.tsx
46
46
  var import_jsx_runtime = require("react/jsx-runtime");
47
+ var GAP_MAP = {
48
+ none: "var(--spacing-space-none)",
49
+ xs: "var(--spacing-space-1)",
50
+ sm: "var(--spacing-space-2)",
51
+ md: "var(--spacing-space-4)",
52
+ lg: "var(--spacing-space-6)",
53
+ xl: "var(--spacing-space-8)",
54
+ "2xl": "var(--spacing-space-12)"
55
+ };
47
56
  var FullGrid = (props) => {
48
57
  const { children, gap } = props;
49
- const style = gap != null ? { gap: `var(--spacing-space-${gap})` } : void 0;
58
+ const style = gap != null ? { gap: GAP_MAP[gap] } : void 0;
50
59
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "lib-xplat-full-grid", style, children });
51
60
  };
52
61
  FullGrid.displayName = "FullGrid";
@@ -54,9 +63,18 @@ var FullGrid_default = FullGrid;
54
63
 
55
64
  // src/layout/Grid/FullScreen/FullScreen.tsx
56
65
  var import_jsx_runtime2 = require("react/jsx-runtime");
66
+ var GAP_MAP2 = {
67
+ none: "var(--spacing-space-none)",
68
+ xs: "var(--spacing-space-1)",
69
+ sm: "var(--spacing-space-2)",
70
+ md: "var(--spacing-space-4)",
71
+ lg: "var(--spacing-space-6)",
72
+ xl: "var(--spacing-space-8)",
73
+ "2xl": "var(--spacing-space-12)"
74
+ };
57
75
  var FullScreen = (props) => {
58
76
  const { children, gap } = props;
59
- const style = gap != null ? { gap: `var(--spacing-space-${gap})` } : void 0;
77
+ const style = gap != null ? { gap: GAP_MAP2[gap] } : void 0;
60
78
  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "lib-xplat-full-screen", style, children });
61
79
  };
62
80
  FullScreen.displayName = "FullScreen";
package/dist/layout/index.js CHANGED
@@ -1,8 +1,17 @@
1
1
  // src/layout/Grid/FullGrid/FullGrid.tsx
2
2
  import { jsx } from "react/jsx-runtime";
3
+ var GAP_MAP = {
4
+ none: "var(--spacing-space-none)",
5
+ xs: "var(--spacing-space-1)",
6
+ sm: "var(--spacing-space-2)",
7
+ md: "var(--spacing-space-4)",
8
+ lg: "var(--spacing-space-6)",
9
+ xl: "var(--spacing-space-8)",
10
+ "2xl": "var(--spacing-space-12)"
11
+ };
3
12
  var FullGrid = (props) => {
4
13
  const { children, gap } = props;
5
- const style = gap != null ? { gap: `var(--spacing-space-${gap})` } : void 0;
14
+ const style = gap != null ? { gap: GAP_MAP[gap] } : void 0;
6
15
  return /* @__PURE__ */ jsx("div", { className: "lib-xplat-full-grid", style, children });
7
16
  };
8
17
  FullGrid.displayName = "FullGrid";
@@ -10,9 +19,18 @@ var FullGrid_default = FullGrid;
10
19
 
11
20
  // src/layout/Grid/FullScreen/FullScreen.tsx
12
21
  import { jsx as jsx2 } from "react/jsx-runtime";
22
+ var GAP_MAP2 = {
23
+ none: "var(--spacing-space-none)",
24
+ xs: "var(--spacing-space-1)",
25
+ sm: "var(--spacing-space-2)",
26
+ md: "var(--spacing-space-4)",
27
+ lg: "var(--spacing-space-6)",
28
+ xl: "var(--spacing-space-8)",
29
+ "2xl": "var(--spacing-space-12)"
30
+ };
13
31
  var FullScreen = (props) => {
14
32
  const { children, gap } = props;
15
- const style = gap != null ? { gap: `var(--spacing-space-${gap})` } : void 0;
33
+ const style = gap != null ? { gap: GAP_MAP2[gap] } : void 0;
16
34
  return /* @__PURE__ */ jsx2("div", { className: "lib-xplat-full-screen", style, children });
17
35
  };
18
36
  FullScreen.displayName = "FullScreen";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@x-plat/design-system",
3
- "version": "0.5.19",
3
+ "version": "0.5.21",
4
4
  "description": "XPLAT UI Design System",
5
5
  "author": "XPLAT WOONG",
6
6
  "main": "dist/index.cjs",