@mekari/pixel3-tabs 0.0.12-dev.0 → 0.0.12
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/dist/{chunk-OYNC4D3Q.mjs → chunk-46QYKUG3.mjs} +1 -1
- package/dist/{chunk-2VC2SOAC.mjs → chunk-BNHJW7SW.mjs} +1 -1
- package/dist/{chunk-TRJWYGEF.mjs → chunk-D6AW4HES.mjs} +1 -1
- package/dist/{chunk-LZEUWXUU.mjs → chunk-LHXOFCTX.mjs} +7 -17
- package/dist/{chunk-2N3BOP3T.mjs → chunk-SMPQ5Z7S.mjs} +1 -1
- package/dist/{chunk-T2HWNY2M.mjs → chunk-VC24XC6J.mjs} +1 -1
- package/dist/index.js +6 -16
- package/dist/index.mjs +6 -6
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/modules/tabs.hooks.js +6 -16
- package/dist/modules/tabs.hooks.mjs +1 -1
- package/dist/tab-list.js +6 -16
- package/dist/tab-list.mjs +2 -2
- package/dist/tab-panel.js +0 -1
- package/dist/tab-panel.mjs +2 -2
- package/dist/tab-panels.js +0 -1
- package/dist/tab-panels.mjs +2 -2
- package/dist/tab.js +0 -1
- package/dist/tab.mjs +2 -2
- package/dist/tabs.js +0 -1
- package/dist/tabs.mjs +2 -2
- package/package.json +2 -2
|
@@ -7,8 +7,7 @@ import {
|
|
|
7
7
|
|
|
8
8
|
// src/modules/tabs.hooks.ts
|
|
9
9
|
import { ref, computed, reactive, unref } from "vue";
|
|
10
|
-
import {
|
|
11
|
-
import { tabListRecipe, tabRecipe } from "@mekari/pixel3-styled-system/recipes";
|
|
10
|
+
import { tabListSlotRecipe, tabRecipe } from "@mekari/pixel3-styled-system/recipes";
|
|
12
11
|
import { useId } from "@mekari/pixel3-utils";
|
|
13
12
|
function useTabs(props, emit) {
|
|
14
13
|
const selectedTab = ref(props.defaultValue);
|
|
@@ -46,26 +45,17 @@ function useTabList() {
|
|
|
46
45
|
const {
|
|
47
46
|
isShowBorder
|
|
48
47
|
} = rootProps;
|
|
48
|
+
const {
|
|
49
|
+
root,
|
|
50
|
+
list
|
|
51
|
+
} = tabListSlotRecipe();
|
|
49
52
|
const rootAttrs = reactive({
|
|
50
53
|
"data-border": isShowBorder.value,
|
|
51
|
-
class:
|
|
52
|
-
position: "relative",
|
|
53
|
-
"&[data-border=true]": {
|
|
54
|
-
_before: {
|
|
55
|
-
content: '""',
|
|
56
|
-
height: "1px",
|
|
57
|
-
background: "gray.100",
|
|
58
|
-
position: "absolute",
|
|
59
|
-
right: 0,
|
|
60
|
-
left: 0,
|
|
61
|
-
bottom: "1px"
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
})
|
|
54
|
+
class: root
|
|
65
55
|
});
|
|
66
56
|
const tabListAttrs = reactive({
|
|
67
57
|
"data-pixel-component": "MpTabList",
|
|
68
|
-
class:
|
|
58
|
+
class: list
|
|
69
59
|
});
|
|
70
60
|
return {
|
|
71
61
|
tabsProps: rootProps,
|
package/dist/index.js
CHANGED
|
@@ -95,7 +95,6 @@ var tabPanelProps = {
|
|
|
95
95
|
|
|
96
96
|
// src/modules/tabs.hooks.ts
|
|
97
97
|
var import_vue = require("vue");
|
|
98
|
-
var import_css = require("@mekari/pixel3-styled-system/css");
|
|
99
98
|
var import_recipes = require("@mekari/pixel3-styled-system/recipes");
|
|
100
99
|
var import_pixel3_utils2 = require("@mekari/pixel3-utils");
|
|
101
100
|
|
|
@@ -140,26 +139,17 @@ function useTabList() {
|
|
|
140
139
|
const {
|
|
141
140
|
isShowBorder
|
|
142
141
|
} = rootProps;
|
|
142
|
+
const {
|
|
143
|
+
root,
|
|
144
|
+
list
|
|
145
|
+
} = (0, import_recipes.tabListSlotRecipe)();
|
|
143
146
|
const rootAttrs = (0, import_vue.reactive)({
|
|
144
147
|
"data-border": isShowBorder.value,
|
|
145
|
-
class:
|
|
146
|
-
position: "relative",
|
|
147
|
-
"&[data-border=true]": {
|
|
148
|
-
_before: {
|
|
149
|
-
content: '""',
|
|
150
|
-
height: "1px",
|
|
151
|
-
background: "gray.100",
|
|
152
|
-
position: "absolute",
|
|
153
|
-
right: 0,
|
|
154
|
-
left: 0,
|
|
155
|
-
bottom: "1px"
|
|
156
|
-
}
|
|
157
|
-
}
|
|
158
|
-
})
|
|
148
|
+
class: root
|
|
159
149
|
});
|
|
160
150
|
const tabListAttrs = (0, import_vue.reactive)({
|
|
161
151
|
"data-pixel-component": "MpTabList",
|
|
162
|
-
class:
|
|
152
|
+
class: list
|
|
163
153
|
});
|
|
164
154
|
return {
|
|
165
155
|
tabsProps: rootProps,
|
package/dist/index.mjs
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import {
|
|
2
2
|
MpTabList
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-46QYKUG3.mjs";
|
|
4
4
|
import {
|
|
5
5
|
MpTabPanel
|
|
6
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-BNHJW7SW.mjs";
|
|
7
7
|
import {
|
|
8
8
|
MpTabPanels
|
|
9
|
-
} from "./chunk-
|
|
9
|
+
} from "./chunk-D6AW4HES.mjs";
|
|
10
10
|
import {
|
|
11
11
|
MpTab
|
|
12
|
-
} from "./chunk-
|
|
12
|
+
} from "./chunk-SMPQ5Z7S.mjs";
|
|
13
13
|
import {
|
|
14
14
|
MpTabs
|
|
15
|
-
} from "./chunk-
|
|
15
|
+
} from "./chunk-VC24XC6J.mjs";
|
|
16
16
|
import "./chunk-S4TZOCG7.mjs";
|
|
17
|
-
import "./chunk-
|
|
17
|
+
import "./chunk-LHXOFCTX.mjs";
|
|
18
18
|
import "./chunk-S5AGDSR2.mjs";
|
|
19
19
|
import "./chunk-QZ7VFGWC.mjs";
|
|
20
20
|
export {
|
package/dist/metafile-cjs.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/modules/tabs.props.ts":{"bytes":1691,"imports":[],"format":"esm"},"src/modules/tabs.context.ts":{"bytes":559,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"src/modules/tabs.hooks.ts":{"bytes":
|
|
1
|
+
{"inputs":{"src/modules/tabs.props.ts":{"bytes":1691,"imports":[],"format":"esm"},"src/modules/tabs.context.ts":{"bytes":559,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"src/modules/tabs.hooks.ts":{"bytes":2855,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"src/modules/tabs.context.ts","kind":"import-statement","original":"./tabs.context"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/tabs.tsx":{"bytes":838,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/tabs.props.ts","kind":"import-statement","original":"./modules/tabs.props"},{"path":"src/modules/tabs.hooks.ts","kind":"import-statement","original":"./modules/tabs.hooks"},{"path":"src/modules/tabs.context.ts","kind":"import-statement","original":"./modules/tabs.context"}],"format":"esm"},"src/tab-list.tsx":{"bytes":919,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/tabs.hooks.ts","kind":"import-statement","original":"./modules/tabs.hooks"}],"format":"esm"},"src/tab.tsx":{"bytes":1322,"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/tabs.props.ts","kind":"import-statement","original":"./modules/tabs.props"},{"path":"src/modules/tabs.hooks.ts","kind":"import-statement","original":"./modules/tabs.hooks"},{"path":"src/modules/tabs.context.ts","kind":"import-statement","original":"./modules/tabs.context"}],"format":"esm"},"src/tab-panels.tsx":{"bytes":705,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/tabs.hooks.ts","kind":"import-statement","original":"./modules/tabs.hooks"}],"format":"esm"},"src/tab-panel.tsx":{"bytes":744,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/tabs.hooks.ts","kind":"import-statement","original":"./modules/tabs.hooks"},{"path":"src/modules/tabs.props.ts","kind":"import-statement","original":"./modules/tabs.props"}],"format":"esm"},"src/index.ts":{"bytes":218,"imports":[{"path":"src/tabs.tsx","kind":"import-statement","original":"./tabs"},{"path":"src/tab-list.tsx","kind":"import-statement","original":"./tab-list"},{"path":"src/tab.tsx","kind":"import-statement","original":"./tab"},{"path":"src/tab-panels.tsx","kind":"import-statement","original":"./tab-panels"},{"path":"src/tab-panel.tsx","kind":"import-statement","original":"./tab-panel"}],"format":"esm"}},"outputs":{"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"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},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"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},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":235},"src/tabs.tsx":{"bytesInOutput":623},"src/modules/tabs.props.ts":{"bytesInOutput":746},"src/modules/tabs.hooks.ts":{"bytesInOutput":2884},"src/modules/tabs.context.ts":{"bytesInOutput":159},"src/tab-list.tsx":{"bytesInOutput":799},"src/tab.tsx":{"bytesInOutput":1137},"src/tab-panels.tsx":{"bytesInOutput":577},"src/tab-panel.tsx":{"bytesInOutput":556}},"bytes":9011},"dist/tab-list.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"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},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/tab-list.tsx","inputs":{"src/tab-list.tsx":{"bytesInOutput":937},"src/modules/tabs.hooks.ts":{"bytesInOutput":778},"src/modules/tabs.context.ts":{"bytesInOutput":159}},"bytes":3000},"dist/tab-panel.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"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},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/tab-panel.tsx","inputs":{"src/tab-panel.tsx":{"bytesInOutput":693},"src/modules/tabs.hooks.ts":{"bytesInOutput":485},"src/modules/tabs.context.ts":{"bytesInOutput":159},"src/modules/tabs.props.ts":{"bytesInOutput":155}},"bytes":2651},"dist/tab-panels.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"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},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/tab-panels.tsx","inputs":{"src/tab-panels.tsx":{"bytesInOutput":722},"src/modules/tabs.hooks.ts":{"bytesInOutput":449},"src/modules/tabs.context.ts":{"bytesInOutput":159}},"bytes":2462},"dist/tab.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},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/tab.tsx","inputs":{"src/tab.tsx":{"bytesInOutput":1252},"src/modules/tabs.props.ts":{"bytesInOutput":289},"src/modules/tabs.hooks.ts":{"bytesInOutput":908},"src/modules/tabs.context.ts":{"bytesInOutput":159}},"bytes":3750},"dist/tabs.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"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},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/tabs.tsx","inputs":{"src/tabs.tsx":{"bytesInOutput":743},"src/modules/tabs.props.ts":{"bytesInOutput":302},"src/modules/tabs.hooks.ts":{"bytesInOutput":916},"src/modules/tabs.context.ts":{"bytesInOutput":159}},"bytes":3265},"dist/modules/tabs.context.js":{"imports":[{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/tabs.context.ts","inputs":{"src/modules/tabs.context.ts":{"bytesInOutput":355}},"bytes":1310},"dist/modules/tabs.hooks.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/tabs.hooks.ts","inputs":{"src/modules/tabs.hooks.ts":{"bytesInOutput":3150},"src/modules/tabs.context.ts":{"bytesInOutput":159}},"bytes":4446},"dist/modules/tabs.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/tabs.props.ts","inputs":{"src/modules/tabs.props.ts":{"bytesInOutput":1006}},"bytes":1990}}}
|
package/dist/metafile-esm.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/modules/tabs.props.ts":{"bytes":1691,"imports":[],"format":"esm"},"src/modules/tabs.context.ts":{"bytes":559,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"src/modules/tabs.hooks.ts":{"bytes":
|
|
1
|
+
{"inputs":{"src/modules/tabs.props.ts":{"bytes":1691,"imports":[],"format":"esm"},"src/modules/tabs.context.ts":{"bytes":559,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"src/modules/tabs.hooks.ts":{"bytes":2855,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"src/modules/tabs.context.ts","kind":"import-statement","original":"./tabs.context"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/tabs.tsx":{"bytes":838,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/tabs.props.ts","kind":"import-statement","original":"./modules/tabs.props"},{"path":"src/modules/tabs.hooks.ts","kind":"import-statement","original":"./modules/tabs.hooks"},{"path":"src/modules/tabs.context.ts","kind":"import-statement","original":"./modules/tabs.context"}],"format":"esm"},"src/tab-list.tsx":{"bytes":919,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/tabs.hooks.ts","kind":"import-statement","original":"./modules/tabs.hooks"}],"format":"esm"},"src/tab.tsx":{"bytes":1322,"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/tabs.props.ts","kind":"import-statement","original":"./modules/tabs.props"},{"path":"src/modules/tabs.hooks.ts","kind":"import-statement","original":"./modules/tabs.hooks"},{"path":"src/modules/tabs.context.ts","kind":"import-statement","original":"./modules/tabs.context"}],"format":"esm"},"src/tab-panels.tsx":{"bytes":705,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/tabs.hooks.ts","kind":"import-statement","original":"./modules/tabs.hooks"}],"format":"esm"},"src/tab-panel.tsx":{"bytes":744,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/tabs.hooks.ts","kind":"import-statement","original":"./modules/tabs.hooks"},{"path":"src/modules/tabs.props.ts","kind":"import-statement","original":"./modules/tabs.props"}],"format":"esm"},"src/index.ts":{"bytes":218,"imports":[{"path":"src/tabs.tsx","kind":"import-statement","original":"./tabs"},{"path":"src/tab-list.tsx","kind":"import-statement","original":"./tab-list"},{"path":"src/tab.tsx","kind":"import-statement","original":"./tab"},{"path":"src/tab-panels.tsx","kind":"import-statement","original":"./tab-panels"},{"path":"src/tab-panel.tsx","kind":"import-statement","original":"./tab-panel"}],"format":"esm"}},"outputs":{"dist/modules/tabs.props.mjs":{"imports":[{"path":"dist/chunk-S4TZOCG7.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["selectedBorderProps","tabPanelProps","tabProps","tabsProps"],"entryPoint":"src/modules/tabs.props.ts","inputs":{},"bytes":213},"dist/index.mjs":{"imports":[{"path":"dist/chunk-46QYKUG3.mjs","kind":"import-statement"},{"path":"dist/chunk-BNHJW7SW.mjs","kind":"import-statement"},{"path":"dist/chunk-D6AW4HES.mjs","kind":"import-statement"},{"path":"dist/chunk-SMPQ5Z7S.mjs","kind":"import-statement"},{"path":"dist/chunk-VC24XC6J.mjs","kind":"import-statement"},{"path":"dist/chunk-S4TZOCG7.mjs","kind":"import-statement"},{"path":"dist/chunk-LHXOFCTX.mjs","kind":"import-statement"},{"path":"dist/chunk-S5AGDSR2.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpTab","MpTabList","MpTabPanel","MpTabPanels","MpTabs"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":452},"dist/tab-list.mjs":{"imports":[{"path":"dist/chunk-46QYKUG3.mjs","kind":"import-statement"},{"path":"dist/chunk-LHXOFCTX.mjs","kind":"import-statement"},{"path":"dist/chunk-S5AGDSR2.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpTabList"],"entryPoint":"src/tab-list.tsx","inputs":{},"bytes":169},"dist/chunk-46QYKUG3.mjs":{"imports":[{"path":"dist/chunk-LHXOFCTX.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["MpTabList"],"inputs":{"src/tab-list.tsx":{"bytesInOutput":767}},"bytes":866},"dist/tab-panel.mjs":{"imports":[{"path":"dist/chunk-BNHJW7SW.mjs","kind":"import-statement"},{"path":"dist/chunk-S4TZOCG7.mjs","kind":"import-statement"},{"path":"dist/chunk-LHXOFCTX.mjs","kind":"import-statement"},{"path":"dist/chunk-S5AGDSR2.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpTabPanel"],"entryPoint":"src/tab-panel.tsx","inputs":{},"bytes":202},"dist/chunk-BNHJW7SW.mjs":{"imports":[{"path":"dist/chunk-S4TZOCG7.mjs","kind":"import-statement"},{"path":"dist/chunk-LHXOFCTX.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["MpTabPanel"],"inputs":{"src/tab-panel.tsx":{"bytesInOutput":544}},"bytes":702},"dist/tab-panels.mjs":{"imports":[{"path":"dist/chunk-D6AW4HES.mjs","kind":"import-statement"},{"path":"dist/chunk-LHXOFCTX.mjs","kind":"import-statement"},{"path":"dist/chunk-S5AGDSR2.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpTabPanels"],"entryPoint":"src/tab-panels.tsx","inputs":{},"bytes":173},"dist/chunk-D6AW4HES.mjs":{"imports":[{"path":"dist/chunk-LHXOFCTX.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["MpTabPanels"],"inputs":{"src/tab-panels.tsx":{"bytesInOutput":558}},"bytes":663},"dist/tab.mjs":{"imports":[{"path":"dist/chunk-SMPQ5Z7S.mjs","kind":"import-statement"},{"path":"dist/chunk-S4TZOCG7.mjs","kind":"import-statement"},{"path":"dist/chunk-LHXOFCTX.mjs","kind":"import-statement"},{"path":"dist/chunk-S5AGDSR2.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpTab"],"entryPoint":"src/tab.tsx","inputs":{},"bytes":192},"dist/chunk-SMPQ5Z7S.mjs":{"imports":[{"path":"dist/chunk-S4TZOCG7.mjs","kind":"import-statement"},{"path":"dist/chunk-LHXOFCTX.mjs","kind":"import-statement"},{"path":"dist/chunk-S5AGDSR2.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":["MpTab"],"inputs":{"src/tab.tsx":{"bytesInOutput":1052}},"bytes":1269},"dist/tabs.mjs":{"imports":[{"path":"dist/chunk-VC24XC6J.mjs","kind":"import-statement"},{"path":"dist/chunk-S4TZOCG7.mjs","kind":"import-statement"},{"path":"dist/chunk-LHXOFCTX.mjs","kind":"import-statement"},{"path":"dist/chunk-S5AGDSR2.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpTabs"],"entryPoint":"src/tabs.tsx","inputs":{},"bytes":194},"dist/chunk-VC24XC6J.mjs":{"imports":[{"path":"dist/chunk-S4TZOCG7.mjs","kind":"import-statement"},{"path":"dist/chunk-LHXOFCTX.mjs","kind":"import-statement"},{"path":"dist/chunk-S5AGDSR2.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["MpTabs"],"inputs":{"src/tabs.tsx":{"bytesInOutput":591}},"bytes":787},"dist/chunk-S4TZOCG7.mjs":{"imports":[],"exports":["selectedBorderProps","tabPanelProps","tabProps","tabsProps"],"inputs":{"src/modules/tabs.props.ts":{"bytesInOutput":746}},"bytes":852},"dist/modules/tabs.context.mjs":{"imports":[{"path":"dist/chunk-S5AGDSR2.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["TabsProvider","useTabsContext"],"entryPoint":"src/modules/tabs.context.ts","inputs":{},"bytes":151},"dist/modules/tabs.hooks.mjs":{"imports":[{"path":"dist/chunk-LHXOFCTX.mjs","kind":"import-statement"},{"path":"dist/chunk-S5AGDSR2.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["useTab","useTabList","useTabPanel","useTabPanels","useTabs"],"entryPoint":"src/modules/tabs.hooks.ts","inputs":{},"bytes":247},"dist/chunk-LHXOFCTX.mjs":{"imports":[{"path":"dist/chunk-S5AGDSR2.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["useTab","useTabList","useTabPanel","useTabPanels","useTabs"],"inputs":{"src/modules/tabs.hooks.ts":{"bytesInOutput":2664}},"bytes":2878},"dist/chunk-S5AGDSR2.mjs":{"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["TabsProvider","useTabsContext"],"inputs":{"src/modules/tabs.context.ts":{"bytesInOutput":137}},"bytes":214},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151}}}
|
|
@@ -29,7 +29,6 @@ __export(tabs_hooks_exports, {
|
|
|
29
29
|
});
|
|
30
30
|
module.exports = __toCommonJS(tabs_hooks_exports);
|
|
31
31
|
var import_vue = require("vue");
|
|
32
|
-
var import_css = require("@mekari/pixel3-styled-system/css");
|
|
33
32
|
var import_recipes = require("@mekari/pixel3-styled-system/recipes");
|
|
34
33
|
var import_pixel3_utils2 = require("@mekari/pixel3-utils");
|
|
35
34
|
|
|
@@ -74,26 +73,17 @@ function useTabList() {
|
|
|
74
73
|
const {
|
|
75
74
|
isShowBorder
|
|
76
75
|
} = rootProps;
|
|
76
|
+
const {
|
|
77
|
+
root,
|
|
78
|
+
list
|
|
79
|
+
} = (0, import_recipes.tabListSlotRecipe)();
|
|
77
80
|
const rootAttrs = (0, import_vue.reactive)({
|
|
78
81
|
"data-border": isShowBorder.value,
|
|
79
|
-
class:
|
|
80
|
-
position: "relative",
|
|
81
|
-
"&[data-border=true]": {
|
|
82
|
-
_before: {
|
|
83
|
-
content: '""',
|
|
84
|
-
height: "1px",
|
|
85
|
-
background: "gray.100",
|
|
86
|
-
position: "absolute",
|
|
87
|
-
right: 0,
|
|
88
|
-
left: 0,
|
|
89
|
-
bottom: "1px"
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
|
-
})
|
|
82
|
+
class: root
|
|
93
83
|
});
|
|
94
84
|
const tabListAttrs = (0, import_vue.reactive)({
|
|
95
85
|
"data-pixel-component": "MpTabList",
|
|
96
|
-
class:
|
|
86
|
+
class: list
|
|
97
87
|
});
|
|
98
88
|
return {
|
|
99
89
|
tabsProps: rootProps,
|
package/dist/tab-list.js
CHANGED
|
@@ -29,7 +29,6 @@ var import_vue3 = require("vue");
|
|
|
29
29
|
|
|
30
30
|
// src/modules/tabs.hooks.ts
|
|
31
31
|
var import_vue = require("vue");
|
|
32
|
-
var import_css = require("@mekari/pixel3-styled-system/css");
|
|
33
32
|
var import_recipes = require("@mekari/pixel3-styled-system/recipes");
|
|
34
33
|
var import_pixel3_utils2 = require("@mekari/pixel3-utils");
|
|
35
34
|
|
|
@@ -48,26 +47,17 @@ function useTabList() {
|
|
|
48
47
|
const {
|
|
49
48
|
isShowBorder
|
|
50
49
|
} = rootProps;
|
|
50
|
+
const {
|
|
51
|
+
root,
|
|
52
|
+
list
|
|
53
|
+
} = (0, import_recipes.tabListSlotRecipe)();
|
|
51
54
|
const rootAttrs = (0, import_vue.reactive)({
|
|
52
55
|
"data-border": isShowBorder.value,
|
|
53
|
-
class:
|
|
54
|
-
position: "relative",
|
|
55
|
-
"&[data-border=true]": {
|
|
56
|
-
_before: {
|
|
57
|
-
content: '""',
|
|
58
|
-
height: "1px",
|
|
59
|
-
background: "gray.100",
|
|
60
|
-
position: "absolute",
|
|
61
|
-
right: 0,
|
|
62
|
-
left: 0,
|
|
63
|
-
bottom: "1px"
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
})
|
|
56
|
+
class: root
|
|
67
57
|
});
|
|
68
58
|
const tabListAttrs = (0, import_vue.reactive)({
|
|
69
59
|
"data-pixel-component": "MpTabList",
|
|
70
|
-
class:
|
|
60
|
+
class: list
|
|
71
61
|
});
|
|
72
62
|
return {
|
|
73
63
|
tabsProps: rootProps,
|
package/dist/tab-list.mjs
CHANGED
package/dist/tab-panel.js
CHANGED
|
@@ -29,7 +29,6 @@ var import_vue3 = require("vue");
|
|
|
29
29
|
|
|
30
30
|
// src/modules/tabs.hooks.ts
|
|
31
31
|
var import_vue = require("vue");
|
|
32
|
-
var import_css = require("@mekari/pixel3-styled-system/css");
|
|
33
32
|
var import_recipes = require("@mekari/pixel3-styled-system/recipes");
|
|
34
33
|
var import_pixel3_utils2 = require("@mekari/pixel3-utils");
|
|
35
34
|
|
package/dist/tab-panel.mjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import {
|
|
2
2
|
MpTabPanel
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-BNHJW7SW.mjs";
|
|
4
4
|
import "./chunk-S4TZOCG7.mjs";
|
|
5
|
-
import "./chunk-
|
|
5
|
+
import "./chunk-LHXOFCTX.mjs";
|
|
6
6
|
import "./chunk-S5AGDSR2.mjs";
|
|
7
7
|
import "./chunk-QZ7VFGWC.mjs";
|
|
8
8
|
export {
|
package/dist/tab-panels.js
CHANGED
|
@@ -29,7 +29,6 @@ var import_vue3 = require("vue");
|
|
|
29
29
|
|
|
30
30
|
// src/modules/tabs.hooks.ts
|
|
31
31
|
var import_vue = require("vue");
|
|
32
|
-
var import_css = require("@mekari/pixel3-styled-system/css");
|
|
33
32
|
var import_recipes = require("@mekari/pixel3-styled-system/recipes");
|
|
34
33
|
var import_pixel3_utils2 = require("@mekari/pixel3-utils");
|
|
35
34
|
|
package/dist/tab-panels.mjs
CHANGED
package/dist/tab.js
CHANGED
|
@@ -54,7 +54,6 @@ var selectedBorderProps = {
|
|
|
54
54
|
|
|
55
55
|
// src/modules/tabs.hooks.ts
|
|
56
56
|
var import_vue = require("vue");
|
|
57
|
-
var import_css = require("@mekari/pixel3-styled-system/css");
|
|
58
57
|
var import_recipes = require("@mekari/pixel3-styled-system/recipes");
|
|
59
58
|
var import_pixel3_utils2 = require("@mekari/pixel3-utils");
|
|
60
59
|
|
package/dist/tab.mjs
CHANGED
package/dist/tabs.js
CHANGED
|
@@ -55,7 +55,6 @@ var tabsProps = {
|
|
|
55
55
|
|
|
56
56
|
// src/modules/tabs.hooks.ts
|
|
57
57
|
var import_vue = require("vue");
|
|
58
|
-
var import_css = require("@mekari/pixel3-styled-system/css");
|
|
59
58
|
var import_recipes = require("@mekari/pixel3-styled-system/recipes");
|
|
60
59
|
var import_pixel3_utils2 = require("@mekari/pixel3-utils");
|
|
61
60
|
|
package/dist/tabs.mjs
CHANGED
package/package.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mekari/pixel3-tabs",
|
|
3
3
|
"description": "Tabs component for mekari pixel 3",
|
|
4
|
-
"version": "0.0.12
|
|
4
|
+
"version": "0.0.12",
|
|
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.0.10
|
|
11
|
+
"@mekari/pixel3-styled-system": "0.0.10",
|
|
12
12
|
"@mekari/pixel3-utils": "0.0.6"
|
|
13
13
|
},
|
|
14
14
|
"peerDependencies": {
|