@mekari/pixel3-tabs 0.0.4 → 0.0.6-dev.0
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-LAMJMXQC.mjs → chunk-2N3BOP3T.mjs} +2 -2
- package/dist/{chunk-BCRB3ASV.mjs → chunk-2VC2SOAC.mjs} +2 -2
- package/dist/{chunk-QVDBBOCQ.mjs → chunk-LZEUWXUU.mjs} +2 -1
- package/dist/{chunk-JEXLKDPT.mjs → chunk-OYNC4D3Q.mjs} +1 -1
- package/dist/{chunk-DKZ3Z2UI.mjs → chunk-S4TZOCG7.mjs} +4 -0
- package/dist/{chunk-5R2IYROF.mjs → chunk-T2HWNY2M.mjs} +2 -2
- package/dist/{chunk-JQQ5YTMJ.mjs → chunk-TRJWYGEF.mjs} +1 -1
- package/dist/index.js +6 -1
- package/dist/index.mjs +7 -7
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/modules/tabs.hooks.d.mts +4 -3
- package/dist/modules/tabs.hooks.d.ts +4 -3
- package/dist/modules/tabs.hooks.js +2 -1
- package/dist/modules/tabs.hooks.mjs +1 -1
- package/dist/modules/tabs.props.d.mts +4 -0
- package/dist/modules/tabs.props.d.ts +4 -0
- package/dist/modules/tabs.props.js +4 -0
- package/dist/modules/tabs.props.mjs +1 -1
- package/dist/tab-list.mjs +2 -2
- package/dist/tab-panel.mjs +3 -3
- package/dist/tab-panels.mjs +2 -2
- package/dist/tab.d.mts +9 -0
- package/dist/tab.d.ts +9 -0
- package/dist/tab.js +6 -1
- package/dist/tab.mjs +3 -3
- package/dist/tabs.d.mts +1 -1
- package/dist/tabs.d.ts +1 -1
- package/dist/tabs.mjs +3 -3
- package/package.json +4 -4
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import {
|
|
2
2
|
selectedBorderProps,
|
|
3
3
|
tabProps
|
|
4
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-S4TZOCG7.mjs";
|
|
5
5
|
import {
|
|
6
6
|
useTab
|
|
7
|
-
} from "./chunk-
|
|
7
|
+
} from "./chunk-LZEUWXUU.mjs";
|
|
8
8
|
import {
|
|
9
9
|
useTabsContext
|
|
10
10
|
} from "./chunk-S5AGDSR2.mjs";
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import {
|
|
2
2
|
tabPanelProps
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-S4TZOCG7.mjs";
|
|
4
4
|
import {
|
|
5
5
|
useTabPanel
|
|
6
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-LZEUWXUU.mjs";
|
|
7
7
|
|
|
8
8
|
// src/tab-panel.tsx
|
|
9
9
|
import { createVNode as _createVNode, createTextVNode as _createTextVNode } from "vue";
|
|
@@ -93,7 +93,8 @@ function useTab(props, attrs) {
|
|
|
93
93
|
isSelected: props.isSelected,
|
|
94
94
|
variantColor: unref(variantColor)
|
|
95
95
|
})],
|
|
96
|
-
id: props.id || `tab:${tabsId.value}-${attrs.index}
|
|
96
|
+
id: props.id || `tab:${tabsId.value}-${attrs.index}`,
|
|
97
|
+
disabled: props.isDisabled
|
|
97
98
|
};
|
|
98
99
|
});
|
|
99
100
|
const tabSelectedBorderAttrs = computed(() => {
|
package/dist/index.js
CHANGED
|
@@ -62,6 +62,10 @@ var tabProps = {
|
|
|
62
62
|
id: {
|
|
63
63
|
type: String
|
|
64
64
|
},
|
|
65
|
+
isDisabled: {
|
|
66
|
+
type: Boolean,
|
|
67
|
+
default: false
|
|
68
|
+
},
|
|
65
69
|
isSelected: {
|
|
66
70
|
type: Boolean,
|
|
67
71
|
default: false
|
|
@@ -183,7 +187,8 @@ function useTab(props, attrs) {
|
|
|
183
187
|
isSelected: props.isSelected,
|
|
184
188
|
variantColor: (0, import_vue.unref)(variantColor)
|
|
185
189
|
})],
|
|
186
|
-
id: props.id || `tab:${tabsId.value}-${attrs.index}
|
|
190
|
+
id: props.id || `tab:${tabsId.value}-${attrs.index}`,
|
|
191
|
+
disabled: props.isDisabled
|
|
187
192
|
};
|
|
188
193
|
});
|
|
189
194
|
const tabSelectedBorderAttrs = (0, import_vue.computed)(() => {
|
package/dist/index.mjs
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import {
|
|
2
2
|
MpTabList
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-OYNC4D3Q.mjs";
|
|
4
4
|
import {
|
|
5
5
|
MpTabPanel
|
|
6
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-2VC2SOAC.mjs";
|
|
7
7
|
import {
|
|
8
8
|
MpTabPanels
|
|
9
|
-
} from "./chunk-
|
|
9
|
+
} from "./chunk-TRJWYGEF.mjs";
|
|
10
10
|
import {
|
|
11
11
|
MpTab
|
|
12
|
-
} from "./chunk-
|
|
12
|
+
} from "./chunk-2N3BOP3T.mjs";
|
|
13
13
|
import {
|
|
14
14
|
MpTabs
|
|
15
|
-
} from "./chunk-
|
|
16
|
-
import "./chunk-
|
|
17
|
-
import "./chunk-
|
|
15
|
+
} from "./chunk-T2HWNY2M.mjs";
|
|
16
|
+
import "./chunk-S4TZOCG7.mjs";
|
|
17
|
+
import "./chunk-LZEUWXUU.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":
|
|
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":3145,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","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/css","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":3200},"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":9327},"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/css","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":1094},"src/modules/tabs.context.ts":{"bytesInOutput":159}},"bytes":3316},"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/css","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":547},"src/modules/tabs.context.ts":{"bytesInOutput":159},"src/modules/tabs.props.ts":{"bytesInOutput":155}},"bytes":2713},"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/css","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":511},"src/modules/tabs.context.ts":{"bytesInOutput":159}},"bytes":2524},"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/css","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":970},"src/modules/tabs.context.ts":{"bytesInOutput":159}},"bytes":3812},"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/css","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":978},"src/modules/tabs.context.ts":{"bytesInOutput":159}},"bytes":3327},"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/css","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":3466},"src/modules/tabs.context.ts":{"bytesInOutput":159}},"bytes":4762},"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":
|
|
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":3145,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","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-OYNC4D3Q.mjs","kind":"import-statement"},{"path":"dist/chunk-2VC2SOAC.mjs","kind":"import-statement"},{"path":"dist/chunk-TRJWYGEF.mjs","kind":"import-statement"},{"path":"dist/chunk-2N3BOP3T.mjs","kind":"import-statement"},{"path":"dist/chunk-T2HWNY2M.mjs","kind":"import-statement"},{"path":"dist/chunk-S4TZOCG7.mjs","kind":"import-statement"},{"path":"dist/chunk-LZEUWXUU.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-OYNC4D3Q.mjs","kind":"import-statement"},{"path":"dist/chunk-LZEUWXUU.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-OYNC4D3Q.mjs":{"imports":[{"path":"dist/chunk-LZEUWXUU.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-2VC2SOAC.mjs","kind":"import-statement"},{"path":"dist/chunk-S4TZOCG7.mjs","kind":"import-statement"},{"path":"dist/chunk-LZEUWXUU.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-2VC2SOAC.mjs":{"imports":[{"path":"dist/chunk-S4TZOCG7.mjs","kind":"import-statement"},{"path":"dist/chunk-LZEUWXUU.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-TRJWYGEF.mjs","kind":"import-statement"},{"path":"dist/chunk-LZEUWXUU.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-TRJWYGEF.mjs":{"imports":[{"path":"dist/chunk-LZEUWXUU.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-2N3BOP3T.mjs","kind":"import-statement"},{"path":"dist/chunk-S4TZOCG7.mjs","kind":"import-statement"},{"path":"dist/chunk-LZEUWXUU.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-2N3BOP3T.mjs":{"imports":[{"path":"dist/chunk-S4TZOCG7.mjs","kind":"import-statement"},{"path":"dist/chunk-LZEUWXUU.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-T2HWNY2M.mjs","kind":"import-statement"},{"path":"dist/chunk-S4TZOCG7.mjs","kind":"import-statement"},{"path":"dist/chunk-LZEUWXUU.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-T2HWNY2M.mjs":{"imports":[{"path":"dist/chunk-S4TZOCG7.mjs","kind":"import-statement"},{"path":"dist/chunk-LZEUWXUU.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-LZEUWXUU.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-LZEUWXUU.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/css","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":2954}},"bytes":3168},"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}}}
|
|
@@ -2,7 +2,7 @@ import * as vue from 'vue';
|
|
|
2
2
|
import { TabsProps, TabsEmits, TabProps, TabPanelProps } from './tabs.props.mjs';
|
|
3
3
|
|
|
4
4
|
declare function useTabs(props: TabsProps, emit: TabsEmits): {
|
|
5
|
-
selectedTab: vue.
|
|
5
|
+
selectedTab: vue.Ref<number> | vue.ComputedRef<number | undefined>;
|
|
6
6
|
onChangeTab: (value: number) => void;
|
|
7
7
|
rootAttrs: vue.ComputedRef<{
|
|
8
8
|
'data-pixel-component': string;
|
|
@@ -13,7 +13,7 @@ declare function useTabs(props: TabsProps, emit: TabsEmits): {
|
|
|
13
13
|
declare function useTabList(): {
|
|
14
14
|
tabsProps: vue.ToRefs<TabsProps>;
|
|
15
15
|
onChangeTab: (value: number) => void;
|
|
16
|
-
selectedTab: vue.
|
|
16
|
+
selectedTab: vue.Ref<number> | vue.ComputedRef<number | undefined>;
|
|
17
17
|
rootAttrs: {
|
|
18
18
|
'data-border': boolean;
|
|
19
19
|
class: string;
|
|
@@ -32,6 +32,7 @@ declare function useTab(props: TabProps, attrs: {
|
|
|
32
32
|
'data-pixel-component': string;
|
|
33
33
|
class: string[];
|
|
34
34
|
id: string;
|
|
35
|
+
disabled: boolean;
|
|
35
36
|
}>;
|
|
36
37
|
tabSelectedBorderAttrs: vue.ComputedRef<{
|
|
37
38
|
isSelected: boolean;
|
|
@@ -41,7 +42,7 @@ declare function useTabPanels(): {
|
|
|
41
42
|
rootAttrs: vue.ComputedRef<{
|
|
42
43
|
'data-pixel-component': string;
|
|
43
44
|
}>;
|
|
44
|
-
selectedTab: vue.
|
|
45
|
+
selectedTab: vue.Ref<number> | vue.ComputedRef<number | undefined>;
|
|
45
46
|
};
|
|
46
47
|
declare function useTabPanel(props: TabPanelProps): {
|
|
47
48
|
rootAttrs: vue.ComputedRef<{
|
|
@@ -2,7 +2,7 @@ import * as vue from 'vue';
|
|
|
2
2
|
import { TabsProps, TabsEmits, TabProps, TabPanelProps } from './tabs.props.js';
|
|
3
3
|
|
|
4
4
|
declare function useTabs(props: TabsProps, emit: TabsEmits): {
|
|
5
|
-
selectedTab: vue.
|
|
5
|
+
selectedTab: vue.Ref<number> | vue.ComputedRef<number | undefined>;
|
|
6
6
|
onChangeTab: (value: number) => void;
|
|
7
7
|
rootAttrs: vue.ComputedRef<{
|
|
8
8
|
'data-pixel-component': string;
|
|
@@ -13,7 +13,7 @@ declare function useTabs(props: TabsProps, emit: TabsEmits): {
|
|
|
13
13
|
declare function useTabList(): {
|
|
14
14
|
tabsProps: vue.ToRefs<TabsProps>;
|
|
15
15
|
onChangeTab: (value: number) => void;
|
|
16
|
-
selectedTab: vue.
|
|
16
|
+
selectedTab: vue.Ref<number> | vue.ComputedRef<number | undefined>;
|
|
17
17
|
rootAttrs: {
|
|
18
18
|
'data-border': boolean;
|
|
19
19
|
class: string;
|
|
@@ -32,6 +32,7 @@ declare function useTab(props: TabProps, attrs: {
|
|
|
32
32
|
'data-pixel-component': string;
|
|
33
33
|
class: string[];
|
|
34
34
|
id: string;
|
|
35
|
+
disabled: boolean;
|
|
35
36
|
}>;
|
|
36
37
|
tabSelectedBorderAttrs: vue.ComputedRef<{
|
|
37
38
|
isSelected: boolean;
|
|
@@ -41,7 +42,7 @@ declare function useTabPanels(): {
|
|
|
41
42
|
rootAttrs: vue.ComputedRef<{
|
|
42
43
|
'data-pixel-component': string;
|
|
43
44
|
}>;
|
|
44
|
-
selectedTab: vue.
|
|
45
|
+
selectedTab: vue.Ref<number> | vue.ComputedRef<number | undefined>;
|
|
45
46
|
};
|
|
46
47
|
declare function useTabPanel(props: TabPanelProps): {
|
|
47
48
|
rootAttrs: vue.ComputedRef<{
|
|
@@ -121,7 +121,8 @@ function useTab(props, attrs) {
|
|
|
121
121
|
isSelected: props.isSelected,
|
|
122
122
|
variantColor: (0, import_vue.unref)(variantColor)
|
|
123
123
|
})],
|
|
124
|
-
id: props.id || `tab:${tabsId.value}-${attrs.index}
|
|
124
|
+
id: props.id || `tab:${tabsId.value}-${attrs.index}`,
|
|
125
|
+
disabled: props.isDisabled
|
|
125
126
|
};
|
|
126
127
|
});
|
|
127
128
|
const tabSelectedBorderAttrs = (0, import_vue.computed)(() => {
|
package/dist/tab-list.mjs
CHANGED
package/dist/tab-panel.mjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import {
|
|
2
2
|
MpTabPanel
|
|
3
|
-
} from "./chunk-
|
|
4
|
-
import "./chunk-
|
|
5
|
-
import "./chunk-
|
|
3
|
+
} from "./chunk-2VC2SOAC.mjs";
|
|
4
|
+
import "./chunk-S4TZOCG7.mjs";
|
|
5
|
+
import "./chunk-LZEUWXUU.mjs";
|
|
6
6
|
import "./chunk-S5AGDSR2.mjs";
|
|
7
7
|
import "./chunk-QZ7VFGWC.mjs";
|
|
8
8
|
export {
|
package/dist/tab-panels.mjs
CHANGED
package/dist/tab.d.mts
CHANGED
|
@@ -5,6 +5,10 @@ declare const MpTab: vue.DefineComponent<{
|
|
|
5
5
|
id: {
|
|
6
6
|
type: vue.PropType<string>;
|
|
7
7
|
};
|
|
8
|
+
isDisabled: {
|
|
9
|
+
type: vue.PropType<boolean>;
|
|
10
|
+
default: boolean;
|
|
11
|
+
};
|
|
8
12
|
isSelected: {
|
|
9
13
|
type: vue.PropType<boolean>;
|
|
10
14
|
default: boolean;
|
|
@@ -16,6 +20,10 @@ declare const MpTab: vue.DefineComponent<{
|
|
|
16
20
|
id: {
|
|
17
21
|
type: vue.PropType<string>;
|
|
18
22
|
};
|
|
23
|
+
isDisabled: {
|
|
24
|
+
type: vue.PropType<boolean>;
|
|
25
|
+
default: boolean;
|
|
26
|
+
};
|
|
19
27
|
isSelected: {
|
|
20
28
|
type: vue.PropType<boolean>;
|
|
21
29
|
default: boolean;
|
|
@@ -24,6 +32,7 @@ declare const MpTab: vue.DefineComponent<{
|
|
|
24
32
|
type: vue.PropType<string>;
|
|
25
33
|
};
|
|
26
34
|
}>>, {
|
|
35
|
+
isDisabled: boolean;
|
|
27
36
|
isSelected: boolean;
|
|
28
37
|
}, {}>;
|
|
29
38
|
|
package/dist/tab.d.ts
CHANGED
|
@@ -5,6 +5,10 @@ declare const MpTab: vue.DefineComponent<{
|
|
|
5
5
|
id: {
|
|
6
6
|
type: vue.PropType<string>;
|
|
7
7
|
};
|
|
8
|
+
isDisabled: {
|
|
9
|
+
type: vue.PropType<boolean>;
|
|
10
|
+
default: boolean;
|
|
11
|
+
};
|
|
8
12
|
isSelected: {
|
|
9
13
|
type: vue.PropType<boolean>;
|
|
10
14
|
default: boolean;
|
|
@@ -16,6 +20,10 @@ declare const MpTab: vue.DefineComponent<{
|
|
|
16
20
|
id: {
|
|
17
21
|
type: vue.PropType<string>;
|
|
18
22
|
};
|
|
23
|
+
isDisabled: {
|
|
24
|
+
type: vue.PropType<boolean>;
|
|
25
|
+
default: boolean;
|
|
26
|
+
};
|
|
19
27
|
isSelected: {
|
|
20
28
|
type: vue.PropType<boolean>;
|
|
21
29
|
default: boolean;
|
|
@@ -24,6 +32,7 @@ declare const MpTab: vue.DefineComponent<{
|
|
|
24
32
|
type: vue.PropType<string>;
|
|
25
33
|
};
|
|
26
34
|
}>>, {
|
|
35
|
+
isDisabled: boolean;
|
|
27
36
|
isSelected: boolean;
|
|
28
37
|
}, {}>;
|
|
29
38
|
|
package/dist/tab.js
CHANGED
|
@@ -33,6 +33,10 @@ var tabProps = {
|
|
|
33
33
|
id: {
|
|
34
34
|
type: String
|
|
35
35
|
},
|
|
36
|
+
isDisabled: {
|
|
37
|
+
type: Boolean,
|
|
38
|
+
default: false
|
|
39
|
+
},
|
|
36
40
|
isSelected: {
|
|
37
41
|
type: Boolean,
|
|
38
42
|
default: false
|
|
@@ -75,7 +79,8 @@ function useTab(props, attrs) {
|
|
|
75
79
|
isSelected: props.isSelected,
|
|
76
80
|
variantColor: (0, import_vue.unref)(variantColor)
|
|
77
81
|
})],
|
|
78
|
-
id: props.id || `tab:${tabsId.value}-${attrs.index}
|
|
82
|
+
id: props.id || `tab:${tabsId.value}-${attrs.index}`,
|
|
83
|
+
disabled: props.isDisabled
|
|
79
84
|
};
|
|
80
85
|
});
|
|
81
86
|
const tabSelectedBorderAttrs = (0, import_vue.computed)(() => {
|
package/dist/tab.mjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import {
|
|
2
2
|
MpTab
|
|
3
|
-
} from "./chunk-
|
|
4
|
-
import "./chunk-
|
|
5
|
-
import "./chunk-
|
|
3
|
+
} from "./chunk-2N3BOP3T.mjs";
|
|
4
|
+
import "./chunk-S4TZOCG7.mjs";
|
|
5
|
+
import "./chunk-LZEUWXUU.mjs";
|
|
6
6
|
import "./chunk-S5AGDSR2.mjs";
|
|
7
7
|
import "./chunk-QZ7VFGWC.mjs";
|
|
8
8
|
export {
|
package/dist/tabs.d.mts
CHANGED
|
@@ -46,8 +46,8 @@ declare const MpTabs: vue.DefineComponent<{
|
|
|
46
46
|
default: boolean;
|
|
47
47
|
};
|
|
48
48
|
}>> & {
|
|
49
|
-
onChange?: ((...args: any[]) => any) | undefined;
|
|
50
49
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
50
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
51
51
|
}, {
|
|
52
52
|
variantColor: "blue" | "green" | "orange" | "red" | "gray";
|
|
53
53
|
defaultValue: number;
|
package/dist/tabs.d.ts
CHANGED
|
@@ -46,8 +46,8 @@ declare const MpTabs: vue.DefineComponent<{
|
|
|
46
46
|
default: boolean;
|
|
47
47
|
};
|
|
48
48
|
}>> & {
|
|
49
|
-
onChange?: ((...args: any[]) => any) | undefined;
|
|
50
49
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
50
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
51
51
|
}, {
|
|
52
52
|
variantColor: "blue" | "green" | "orange" | "red" | "gray";
|
|
53
53
|
defaultValue: number;
|
package/dist/tabs.mjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import {
|
|
2
2
|
MpTabs
|
|
3
|
-
} from "./chunk-
|
|
4
|
-
import "./chunk-
|
|
5
|
-
import "./chunk-
|
|
3
|
+
} from "./chunk-T2HWNY2M.mjs";
|
|
4
|
+
import "./chunk-S4TZOCG7.mjs";
|
|
5
|
+
import "./chunk-LZEUWXUU.mjs";
|
|
6
6
|
import "./chunk-S5AGDSR2.mjs";
|
|
7
7
|
import "./chunk-QZ7VFGWC.mjs";
|
|
8
8
|
export {
|
package/package.json
CHANGED
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mekari/pixel3-tabs",
|
|
3
|
-
"
|
|
3
|
+
"description": "Tabs component for mekari pixel 3",
|
|
4
|
+
"version": "0.0.6-dev.0",
|
|
4
5
|
"main": "dist/index.js",
|
|
5
6
|
"license": "MIT",
|
|
6
7
|
"files": [
|
|
7
8
|
"dist"
|
|
8
9
|
],
|
|
9
10
|
"dependencies": {
|
|
10
|
-
"@mekari/pixel3-styled-system": "0.0.
|
|
11
|
-
"@mekari/pixel3-utils": "0.0.
|
|
11
|
+
"@mekari/pixel3-styled-system": "0.0.4-dev.0",
|
|
12
|
+
"@mekari/pixel3-utils": "0.0.4"
|
|
12
13
|
},
|
|
13
14
|
"peerDependencies": {
|
|
14
15
|
"vue": "^3.4.9"
|
|
@@ -33,7 +34,6 @@
|
|
|
33
34
|
"build": "tsup && pnpm build:types",
|
|
34
35
|
"build:fast": "tsup",
|
|
35
36
|
"build:types": "tsup src --dts-only",
|
|
36
|
-
"build:external": "tsup src/index.tsx --external @acme-org/styled-system",
|
|
37
37
|
"types:check": "tsc --noEmit",
|
|
38
38
|
"replace-config": "clean-package",
|
|
39
39
|
"restore-config": "clean-package restore"
|