@mekari/pixel3-table 0.0.17-dev.4 → 0.0.17-dev.6

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 (15) hide show
  1. package/dist/{chunk-WI56UCYK.mjs → chunk-DNSJ67IB.mjs} +16 -4
  2. package/dist/{chunk-3GSGQUM7.mjs → chunk-JIEJNBSJ.mjs} +19 -0
  3. package/dist/index.js +32 -3
  4. package/dist/index.mjs +2 -2
  5. package/dist/metafile-cjs.json +1 -1
  6. package/dist/metafile-esm.json +1 -1
  7. package/dist/modules/table.props.d.mts +19 -1
  8. package/dist/modules/table.props.d.ts +19 -1
  9. package/dist/modules/table.props.js +20 -0
  10. package/dist/modules/table.props.mjs +3 -1
  11. package/dist/table.d.mts +40 -1
  12. package/dist/table.d.ts +40 -1
  13. package/dist/table.js +32 -3
  14. package/dist/table.mjs +2 -2
  15. package/package.json +2 -2
package/dist/{chunk-WI56UCYK.mjs → chunk-DNSJ67IB.mjs} RENAMED
@@ -1,10 +1,11 @@
1
1
  import {
2
2
  __name,
3
+ tableBodyProps,
3
4
  tableCellProps,
4
5
  tableContainerProps,
5
6
  tableHeadProps,
6
7
  tableProps
7
- } from "./chunk-3GSGQUM7.mjs";
8
+ } from "./chunk-JIEJNBSJ.mjs";
8
9
 
9
10
  // src/table.tsx
10
11
  import { isVNode as _isVNode, createVNode as _createVNode } from "vue";
@@ -43,24 +44,35 @@ var MpTableHead = defineComponent({
43
44
  return () => {
44
45
  const children = slots.default && slots.default();
45
46
  const {
46
- isFixed
47
+ isFixed,
48
+ isNarrowed,
49
+ isBordered
47
50
  } = props;
48
51
  return _createVNode("thead", {
49
52
  "data-pixel-component": "MpTableHead",
50
- "data-table-head-fixed": isFixed ? true : void 0
53
+ "data-table-head-fixed": isFixed ? true : void 0,
54
+ "data-table-head-narrowed": isNarrowed ? true : void 0,
55
+ "data-table-head-bordered": isBordered ? true : void 0
51
56
  }, [children]);
52
57
  };
53
58
  }
54
59
  });
55
60
  var MpTableBody = defineComponent({
56
61
  name: "MpTableBody",
62
+ props: tableBodyProps,
57
63
  setup(props, {
58
64
  slots
59
65
  }) {
60
66
  return () => {
61
67
  const children = slots.default && slots.default();
68
+ const {
69
+ isNarrowed,
70
+ isBordered
71
+ } = props;
62
72
  return _createVNode("tbody", {
63
- "data-pixel-component": "MpTableBody"
73
+ "data-pixel-component": "MpTableBody",
74
+ "data-table-head-narrowed": isNarrowed ? true : void 0,
75
+ "data-table-head-bordered": isBordered ? true : void 0
64
76
  }, [children]);
65
77
  };
66
78
  }
package/dist/{chunk-3GSGQUM7.mjs → chunk-JIEJNBSJ.mjs} RENAMED
@@ -11,6 +11,24 @@ var tableProps = {
11
11
  var tableHeadProps = {
12
12
  isFixed: {
13
13
  type: Boolean
14
+ },
15
+ isBordered: {
16
+ type: Boolean,
17
+ default: false
18
+ },
19
+ isNarrowed: {
20
+ type: Boolean,
21
+ default: false
22
+ }
23
+ };
24
+ var tableBodyProps = {
25
+ isBordered: {
26
+ type: Boolean,
27
+ default: false
28
+ },
29
+ isNarrowed: {
30
+ type: Boolean,
31
+ default: false
14
32
  }
15
33
  };
16
34
  var tableCellProps = {
@@ -32,6 +50,7 @@ export {
32
50
  __name,
33
51
  tableProps,
34
52
  tableHeadProps,
53
+ tableBodyProps,
35
54
  tableCellProps,
36
55
  tableContainerProps
37
56
  };
package/dist/index.js CHANGED
@@ -45,6 +45,24 @@ var tableProps = {
45
45
  var tableHeadProps = {
46
46
  isFixed: {
47
47
  type: Boolean
48
+ },
49
+ isBordered: {
50
+ type: Boolean,
51
+ default: false
52
+ },
53
+ isNarrowed: {
54
+ type: Boolean,
55
+ default: false
56
+ }
57
+ };
58
+ var tableBodyProps = {
59
+ isBordered: {
60
+ type: Boolean,
61
+ default: false
62
+ },
63
+ isNarrowed: {
64
+ type: Boolean,
65
+ default: false
48
66
  }
49
67
  };
50
68
  var tableCellProps = {
@@ -96,24 +114,35 @@ var MpTableHead = (0, import_vue2.defineComponent)({
96
114
  return () => {
97
115
  const children = slots.default && slots.default();
98
116
  const {
99
- isFixed
117
+ isFixed,
118
+ isNarrowed,
119
+ isBordered
100
120
  } = props;
101
121
  return (0, import_vue.createVNode)("thead", {
102
122
  "data-pixel-component": "MpTableHead",
103
- "data-table-head-fixed": isFixed ? true : void 0
123
+ "data-table-head-fixed": isFixed ? true : void 0,
124
+ "data-table-head-narrowed": isNarrowed ? true : void 0,
125
+ "data-table-head-bordered": isBordered ? true : void 0
104
126
  }, [children]);
105
127
  };
106
128
  }
107
129
  });
108
130
  var MpTableBody = (0, import_vue2.defineComponent)({
109
131
  name: "MpTableBody",
132
+ props: tableBodyProps,
110
133
  setup(props, {
111
134
  slots
112
135
  }) {
113
136
  return () => {
114
137
  const children = slots.default && slots.default();
138
+ const {
139
+ isNarrowed,
140
+ isBordered
141
+ } = props;
115
142
  return (0, import_vue.createVNode)("tbody", {
116
- "data-pixel-component": "MpTableBody"
143
+ "data-pixel-component": "MpTableBody",
144
+ "data-table-head-narrowed": isNarrowed ? true : void 0,
145
+ "data-table-head-bordered": isBordered ? true : void 0
117
146
  }, [children]);
118
147
  };
119
148
  }
package/dist/index.mjs CHANGED
@@ -5,8 +5,8 @@ import {
5
5
  MpTableContainer,
6
6
  MpTableHead,
7
7
  MpTableRow
8
- } from "./chunk-WI56UCYK.mjs";
9
- import "./chunk-3GSGQUM7.mjs";
8
+ } from "./chunk-DNSJ67IB.mjs";
9
+ import "./chunk-JIEJNBSJ.mjs";
10
10
  export {
11
11
  MpTable,
12
12
  MpTableBody,
package/dist/metafile-cjs.json CHANGED
@@ -1 +1 @@
1
- {"inputs":{"src/modules/table.props.ts":{"bytes":567,"imports":[],"format":"esm"},"src/table.tsx":{"bytes":5014,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/table.props.ts","kind":"import-statement","original":"./modules/table.props"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":188,"imports":[{"path":"src/table.tsx","kind":"import-statement","original":"./table"}],"format":"esm"}},"outputs":{"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":297},"src/table.tsx":{"bytesInOutput":4969},"src/modules/table.props.ts":{"bytesInOutput":319}},"bytes":6738},"dist/table.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/table.tsx","inputs":{"src/table.tsx":{"bytesInOutput":5272},"src/modules/table.props.ts":{"bytesInOutput":319}},"bytes":6727},"dist/modules/table.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/table.props.ts","inputs":{"src/modules/table.props.ts":{"bytesInOutput":598}},"bytes":1591}}}
1
+ {"inputs":{"src/modules/table.props.ts":{"bytes":846,"imports":[],"format":"esm"},"src/table.tsx":{"bytes":5433,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/table.props.ts","kind":"import-statement","original":"./modules/table.props"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":188,"imports":[{"path":"src/table.tsx","kind":"import-statement","original":"./table"}],"format":"esm"}},"outputs":{"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":297},"src/table.tsx":{"bytesInOutput":5360},"src/modules/table.props.ts":{"bytesInOutput":580}},"bytes":7390},"dist/table.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/table.tsx","inputs":{"src/table.tsx":{"bytesInOutput":5663},"src/modules/table.props.ts":{"bytesInOutput":580}},"bytes":7379},"dist/modules/table.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/table.props.ts","inputs":{"src/modules/table.props.ts":{"bytesInOutput":899}},"bytes":1910}}}
package/dist/metafile-esm.json CHANGED
@@ -1 +1 @@
1
- {"inputs":{"src/modules/table.props.ts":{"bytes":567,"imports":[],"format":"esm"},"src/table.tsx":{"bytes":5014,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/table.props.ts","kind":"import-statement","original":"./modules/table.props"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":188,"imports":[{"path":"src/table.tsx","kind":"import-statement","original":"./table"}],"format":"esm"}},"outputs":{"dist/index.mjs":{"imports":[{"path":"dist/chunk-WI56UCYK.mjs","kind":"import-statement"},{"path":"dist/chunk-3GSGQUM7.mjs","kind":"import-statement"}],"exports":["MpTable","MpTableBody","MpTableCell","MpTableContainer","MpTableHead","MpTableRow"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":261},"dist/table.mjs":{"imports":[{"path":"dist/chunk-WI56UCYK.mjs","kind":"import-statement"},{"path":"dist/chunk-3GSGQUM7.mjs","kind":"import-statement"}],"exports":["MpTable","MpTableBody","MpTableCell","MpTableContainer","MpTableHead","MpTableRow"],"entryPoint":"src/table.tsx","inputs":{},"bytes":261},"dist/chunk-WI56UCYK.mjs":{"imports":[{"path":"dist/chunk-3GSGQUM7.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["MpTable","MpTableBody","MpTableCell","MpTableContainer","MpTableHead","MpTableRow"],"inputs":{"src/table.tsx":{"bytesInOutput":4719}},"bytes":4961},"dist/modules/table.props.mjs":{"imports":[{"path":"dist/chunk-3GSGQUM7.mjs","kind":"import-statement"}],"exports":["tableCellProps","tableContainerProps","tableHeadProps","tableProps"],"entryPoint":"src/modules/table.props.ts","inputs":{},"bytes":197},"dist/chunk-3GSGQUM7.mjs":{"imports":[],"exports":["__name","tableCellProps","tableContainerProps","tableHeadProps","tableProps"],"inputs":{"src/modules/table.props.ts":{"bytesInOutput":319}},"bytes":574}}}
1
+ {"inputs":{"src/modules/table.props.ts":{"bytes":846,"imports":[],"format":"esm"},"src/table.tsx":{"bytes":5433,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/table.props.ts","kind":"import-statement","original":"./modules/table.props"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":188,"imports":[{"path":"src/table.tsx","kind":"import-statement","original":"./table"}],"format":"esm"}},"outputs":{"dist/index.mjs":{"imports":[{"path":"dist/chunk-DNSJ67IB.mjs","kind":"import-statement"},{"path":"dist/chunk-JIEJNBSJ.mjs","kind":"import-statement"}],"exports":["MpTable","MpTableBody","MpTableCell","MpTableContainer","MpTableHead","MpTableRow"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":261},"dist/table.mjs":{"imports":[{"path":"dist/chunk-DNSJ67IB.mjs","kind":"import-statement"},{"path":"dist/chunk-JIEJNBSJ.mjs","kind":"import-statement"}],"exports":["MpTable","MpTableBody","MpTableCell","MpTableContainer","MpTableHead","MpTableRow"],"entryPoint":"src/table.tsx","inputs":{},"bytes":261},"dist/chunk-DNSJ67IB.mjs":{"imports":[{"path":"dist/chunk-JIEJNBSJ.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["MpTable","MpTableBody","MpTableCell","MpTableContainer","MpTableHead","MpTableRow"],"inputs":{"src/table.tsx":{"bytesInOutput":5110}},"bytes":5370},"dist/modules/table.props.mjs":{"imports":[{"path":"dist/chunk-JIEJNBSJ.mjs","kind":"import-statement"}],"exports":["tableBodyProps","tableCellProps","tableContainerProps","tableHeadProps","tableProps"],"entryPoint":"src/modules/table.props.ts","inputs":{},"bytes":233},"dist/chunk-JIEJNBSJ.mjs":{"imports":[],"exports":["__name","tableBodyProps","tableCellProps","tableContainerProps","tableHeadProps","tableProps"],"inputs":{"src/modules/table.props.ts":{"bytesInOutput":580}},"bytes":853}}}
package/dist/modules/table.props.d.mts CHANGED
@@ -10,6 +10,24 @@ declare const tableHeadProps: {
10
10
  isFixed: {
11
11
  type: BooleanConstructor;
12
12
  };
13
+ isBordered: {
14
+ type: BooleanConstructor;
15
+ default: boolean;
16
+ };
17
+ isNarrowed: {
18
+ type: BooleanConstructor;
19
+ default: boolean;
20
+ };
21
+ };
22
+ declare const tableBodyProps: {
23
+ isBordered: {
24
+ type: BooleanConstructor;
25
+ default: boolean;
26
+ };
27
+ isNarrowed: {
28
+ type: BooleanConstructor;
29
+ default: boolean;
30
+ };
13
31
  };
14
32
  declare const tableCellProps: {
15
33
  as: {
@@ -26,4 +44,4 @@ declare const tableContainerProps: {
26
44
  };
27
45
  };
28
46
 
29
- export { tableCellProps, tableContainerProps, tableHeadProps, tableProps };
47
+ export { tableBodyProps, tableCellProps, tableContainerProps, tableHeadProps, tableProps };
package/dist/modules/table.props.d.ts CHANGED
@@ -10,6 +10,24 @@ declare const tableHeadProps: {
10
10
  isFixed: {
11
11
  type: BooleanConstructor;
12
12
  };
13
+ isBordered: {
14
+ type: BooleanConstructor;
15
+ default: boolean;
16
+ };
17
+ isNarrowed: {
18
+ type: BooleanConstructor;
19
+ default: boolean;
20
+ };
21
+ };
22
+ declare const tableBodyProps: {
23
+ isBordered: {
24
+ type: BooleanConstructor;
25
+ default: boolean;
26
+ };
27
+ isNarrowed: {
28
+ type: BooleanConstructor;
29
+ default: boolean;
30
+ };
13
31
  };
14
32
  declare const tableCellProps: {
15
33
  as: {
@@ -26,4 +44,4 @@ declare const tableContainerProps: {
26
44
  };
27
45
  };
28
46
 
29
- export { tableCellProps, tableContainerProps, tableHeadProps, tableProps };
47
+ export { tableBodyProps, tableCellProps, tableContainerProps, tableHeadProps, tableProps };
package/dist/modules/table.props.js CHANGED
@@ -20,6 +20,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
20
20
  // src/modules/table.props.ts
21
21
  var table_props_exports = {};
22
22
  __export(table_props_exports, {
23
+ tableBodyProps: () => tableBodyProps,
23
24
  tableCellProps: () => tableCellProps,
24
25
  tableContainerProps: () => tableContainerProps,
25
26
  tableHeadProps: () => tableHeadProps,
@@ -35,6 +36,24 @@ var tableProps = {
35
36
  var tableHeadProps = {
36
37
  isFixed: {
37
38
  type: Boolean
39
+ },
40
+ isBordered: {
41
+ type: Boolean,
42
+ default: false
43
+ },
44
+ isNarrowed: {
45
+ type: Boolean,
46
+ default: false
47
+ }
48
+ };
49
+ var tableBodyProps = {
50
+ isBordered: {
51
+ type: Boolean,
52
+ default: false
53
+ },
54
+ isNarrowed: {
55
+ type: Boolean,
56
+ default: false
38
57
  }
39
58
  };
40
59
  var tableCellProps = {
@@ -53,6 +72,7 @@ var tableContainerProps = {
53
72
  };
54
73
  // Annotate the CommonJS export names for ESM import in node:
55
74
  0 && (module.exports = {
75
+ tableBodyProps,
56
76
  tableCellProps,
57
77
  tableContainerProps,
58
78
  tableHeadProps,
package/dist/modules/table.props.mjs CHANGED
@@ -1,10 +1,12 @@
1
1
  import {
2
+ tableBodyProps,
2
3
  tableCellProps,
3
4
  tableContainerProps,
4
5
  tableHeadProps,
5
6
  tableProps
6
- } from "../chunk-3GSGQUM7.mjs";
7
+ } from "../chunk-JIEJNBSJ.mjs";
7
8
  export {
9
+ tableBodyProps,
8
10
  tableCellProps,
9
11
  tableContainerProps,
10
12
  tableHeadProps,
package/dist/table.d.mts CHANGED
@@ -18,14 +18,53 @@ declare const MpTableHead: vue.DefineComponent<{
18
18
  isFixed: {
19
19
  type: BooleanConstructor;
20
20
  };
21
+ isBordered: {
22
+ type: BooleanConstructor;
23
+ default: boolean;
24
+ };
25
+ isNarrowed: {
26
+ type: BooleanConstructor;
27
+ default: boolean;
28
+ };
21
29
  }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
22
30
  isFixed: {
23
31
  type: BooleanConstructor;
24
32
  };
33
+ isBordered: {
34
+ type: BooleanConstructor;
35
+ default: boolean;
36
+ };
37
+ isNarrowed: {
38
+ type: BooleanConstructor;
39
+ default: boolean;
40
+ };
25
41
  }>>, {
26
42
  isFixed: boolean;
43
+ isBordered: boolean;
44
+ isNarrowed: boolean;
45
+ }, {}>;
46
+ declare const MpTableBody: vue.DefineComponent<{
47
+ isBordered: {
48
+ type: BooleanConstructor;
49
+ default: boolean;
50
+ };
51
+ isNarrowed: {
52
+ type: BooleanConstructor;
53
+ default: boolean;
54
+ };
55
+ }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
56
+ isBordered: {
57
+ type: BooleanConstructor;
58
+ default: boolean;
59
+ };
60
+ isNarrowed: {
61
+ type: BooleanConstructor;
62
+ default: boolean;
63
+ };
64
+ }>>, {
65
+ isBordered: boolean;
66
+ isNarrowed: boolean;
27
67
  }, {}>;
28
- declare const MpTableBody: vue.DefineComponent<{}, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
29
68
  declare const MpTableRow: vue.DefineComponent<{}, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
30
69
  declare const MpTableCell: vue.DefineComponent<{
31
70
  as: {
package/dist/table.d.ts CHANGED
@@ -18,14 +18,53 @@ declare const MpTableHead: vue.DefineComponent<{
18
18
  isFixed: {
19
19
  type: BooleanConstructor;
20
20
  };
21
+ isBordered: {
22
+ type: BooleanConstructor;
23
+ default: boolean;
24
+ };
25
+ isNarrowed: {
26
+ type: BooleanConstructor;
27
+ default: boolean;
28
+ };
21
29
  }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
22
30
  isFixed: {
23
31
  type: BooleanConstructor;
24
32
  };
33
+ isBordered: {
34
+ type: BooleanConstructor;
35
+ default: boolean;
36
+ };
37
+ isNarrowed: {
38
+ type: BooleanConstructor;
39
+ default: boolean;
40
+ };
25
41
  }>>, {
26
42
  isFixed: boolean;
43
+ isBordered: boolean;
44
+ isNarrowed: boolean;
45
+ }, {}>;
46
+ declare const MpTableBody: vue.DefineComponent<{
47
+ isBordered: {
48
+ type: BooleanConstructor;
49
+ default: boolean;
50
+ };
51
+ isNarrowed: {
52
+ type: BooleanConstructor;
53
+ default: boolean;
54
+ };
55
+ }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
56
+ isBordered: {
57
+ type: BooleanConstructor;
58
+ default: boolean;
59
+ };
60
+ isNarrowed: {
61
+ type: BooleanConstructor;
62
+ default: boolean;
63
+ };
64
+ }>>, {
65
+ isBordered: boolean;
66
+ isNarrowed: boolean;
27
67
  }, {}>;
28
- declare const MpTableBody: vue.DefineComponent<{}, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
29
68
  declare const MpTableRow: vue.DefineComponent<{}, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
30
69
  declare const MpTableCell: vue.DefineComponent<{
31
70
  as: {
package/dist/table.js CHANGED
@@ -43,6 +43,24 @@ var tableProps = {
43
43
  var tableHeadProps = {
44
44
  isFixed: {
45
45
  type: Boolean
46
+ },
47
+ isBordered: {
48
+ type: Boolean,
49
+ default: false
50
+ },
51
+ isNarrowed: {
52
+ type: Boolean,
53
+ default: false
54
+ }
55
+ };
56
+ var tableBodyProps = {
57
+ isBordered: {
58
+ type: Boolean,
59
+ default: false
60
+ },
61
+ isNarrowed: {
62
+ type: Boolean,
63
+ default: false
46
64
  }
47
65
  };
48
66
  var tableCellProps = {
@@ -94,24 +112,35 @@ var MpTableHead = (0, import_vue2.defineComponent)({
94
112
  return () => {
95
113
  const children = slots.default && slots.default();
96
114
  const {
97
- isFixed
115
+ isFixed,
116
+ isNarrowed,
117
+ isBordered
98
118
  } = props;
99
119
  return (0, import_vue.createVNode)("thead", {
100
120
  "data-pixel-component": "MpTableHead",
101
- "data-table-head-fixed": isFixed ? true : void 0
121
+ "data-table-head-fixed": isFixed ? true : void 0,
122
+ "data-table-head-narrowed": isNarrowed ? true : void 0,
123
+ "data-table-head-bordered": isBordered ? true : void 0
102
124
  }, [children]);
103
125
  };
104
126
  }
105
127
  });
106
128
  var MpTableBody = (0, import_vue2.defineComponent)({
107
129
  name: "MpTableBody",
130
+ props: tableBodyProps,
108
131
  setup(props, {
109
132
  slots
110
133
  }) {
111
134
  return () => {
112
135
  const children = slots.default && slots.default();
136
+ const {
137
+ isNarrowed,
138
+ isBordered
139
+ } = props;
113
140
  return (0, import_vue.createVNode)("tbody", {
114
- "data-pixel-component": "MpTableBody"
141
+ "data-pixel-component": "MpTableBody",
142
+ "data-table-head-narrowed": isNarrowed ? true : void 0,
143
+ "data-table-head-bordered": isBordered ? true : void 0
115
144
  }, [children]);
116
145
  };
117
146
  }
package/dist/table.mjs CHANGED
@@ -5,8 +5,8 @@ import {
5
5
  MpTableContainer,
6
6
  MpTableHead,
7
7
  MpTableRow
8
- } from "./chunk-WI56UCYK.mjs";
9
- import "./chunk-3GSGQUM7.mjs";
8
+ } from "./chunk-DNSJ67IB.mjs";
9
+ import "./chunk-JIEJNBSJ.mjs";
10
10
  export {
11
11
  MpTable,
12
12
  MpTableBody,
package/package.json CHANGED
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "name": "@mekari/pixel3-table",
3
3
  "description": "Table component for mekari pixel 3",
4
- "version": "0.0.17-dev.4",
4
+ "version": "0.0.17-dev.6",
5
5
  "main": "dist/index.js",
6
6
  "license": "MIT",
7
7
  "files": [
8
8
  "dist"
9
9
  ],
10
10
  "dependencies": {
11
- "@mekari/pixel3-styled-system": "0.1.3-dev.4",
11
+ "@mekari/pixel3-styled-system": "0.1.3-dev.6",
12
12
  "@mekari/pixel3-utils": "0.0.7"
13
13
  },
14
14
  "peerDependencies": {