@mekari/pixel3-autocomplete 0.0.16-dev.0 → 0.0.17-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/autocomplete.d.mts +6 -6
- package/dist/autocomplete.d.ts +6 -6
- package/dist/autocomplete.js +9 -3
- package/dist/autocomplete.mjs +2 -2
- package/dist/{chunk-ZNJWEQ3M.mjs → chunk-INYWMPCZ.mjs} +5 -3
- package/dist/{chunk-DMS7A32B.mjs → chunk-LYRFHUJ3.mjs} +6 -2
- package/dist/index.js +9 -3
- package/dist/index.mjs +2 -2
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/modules/autocomplete.hooks.d.mts +0 -1
- package/dist/modules/autocomplete.hooks.d.ts +0 -1
- package/dist/modules/autocomplete.hooks.js +4 -2
- package/dist/modules/autocomplete.hooks.mjs +1 -1
- package/package.json +8 -8
package/dist/autocomplete.d.mts
CHANGED
|
@@ -128,7 +128,7 @@ declare const MpAutocomplete: vue.DefineComponent<{
|
|
|
128
128
|
type: vue.PropType<boolean>;
|
|
129
129
|
default: boolean;
|
|
130
130
|
};
|
|
131
|
-
}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("
|
|
131
|
+
}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("update:modelValue" | "input" | "change" | "enter" | "scrollEnd" | "buttonAction" | "focus" | "clear")[], "update:modelValue" | "input" | "change" | "enter" | "scrollEnd" | "buttonAction" | "focus" | "clear", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
132
132
|
id: {
|
|
133
133
|
type: vue.PropType<string>;
|
|
134
134
|
default: string;
|
|
@@ -254,14 +254,14 @@ declare const MpAutocomplete: vue.DefineComponent<{
|
|
|
254
254
|
default: boolean;
|
|
255
255
|
};
|
|
256
256
|
}>> & {
|
|
257
|
-
onFocus?: ((...args: any[]) => any) | undefined;
|
|
258
|
-
onChange?: ((...args: any[]) => any) | undefined;
|
|
259
|
-
onInput?: ((...args: any[]) => any) | undefined;
|
|
260
|
-
onClear?: ((...args: any[]) => any) | undefined;
|
|
261
257
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
258
|
+
onInput?: ((...args: any[]) => any) | undefined;
|
|
259
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
262
260
|
onEnter?: ((...args: any[]) => any) | undefined;
|
|
263
|
-
onButtonAction?: ((...args: any[]) => any) | undefined;
|
|
264
261
|
onScrollEnd?: ((...args: any[]) => any) | undefined;
|
|
262
|
+
onButtonAction?: ((...args: any[]) => any) | undefined;
|
|
263
|
+
onFocus?: ((...args: any[]) => any) | undefined;
|
|
264
|
+
onClear?: ((...args: any[]) => any) | undefined;
|
|
265
265
|
}, {
|
|
266
266
|
id: string;
|
|
267
267
|
data: unknown[];
|
package/dist/autocomplete.d.ts
CHANGED
|
@@ -128,7 +128,7 @@ declare const MpAutocomplete: vue.DefineComponent<{
|
|
|
128
128
|
type: vue.PropType<boolean>;
|
|
129
129
|
default: boolean;
|
|
130
130
|
};
|
|
131
|
-
}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("
|
|
131
|
+
}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("update:modelValue" | "input" | "change" | "enter" | "scrollEnd" | "buttonAction" | "focus" | "clear")[], "update:modelValue" | "input" | "change" | "enter" | "scrollEnd" | "buttonAction" | "focus" | "clear", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
132
132
|
id: {
|
|
133
133
|
type: vue.PropType<string>;
|
|
134
134
|
default: string;
|
|
@@ -254,14 +254,14 @@ declare const MpAutocomplete: vue.DefineComponent<{
|
|
|
254
254
|
default: boolean;
|
|
255
255
|
};
|
|
256
256
|
}>> & {
|
|
257
|
-
onFocus?: ((...args: any[]) => any) | undefined;
|
|
258
|
-
onChange?: ((...args: any[]) => any) | undefined;
|
|
259
|
-
onInput?: ((...args: any[]) => any) | undefined;
|
|
260
|
-
onClear?: ((...args: any[]) => any) | undefined;
|
|
261
257
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
258
|
+
onInput?: ((...args: any[]) => any) | undefined;
|
|
259
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
262
260
|
onEnter?: ((...args: any[]) => any) | undefined;
|
|
263
|
-
onButtonAction?: ((...args: any[]) => any) | undefined;
|
|
264
261
|
onScrollEnd?: ((...args: any[]) => any) | undefined;
|
|
262
|
+
onButtonAction?: ((...args: any[]) => any) | undefined;
|
|
263
|
+
onFocus?: ((...args: any[]) => any) | undefined;
|
|
264
|
+
onClear?: ((...args: any[]) => any) | undefined;
|
|
265
265
|
}, {
|
|
266
266
|
id: string;
|
|
267
267
|
data: unknown[];
|
package/dist/autocomplete.js
CHANGED
|
@@ -175,6 +175,9 @@ function useAutocomplete(props, emit) {
|
|
|
175
175
|
isDisabled
|
|
176
176
|
} = (0, import_vue.toRefs)(props);
|
|
177
177
|
const classes = (0, import_recipes.autocompleteSlotRecipe)();
|
|
178
|
+
const {
|
|
179
|
+
isNextTheme
|
|
180
|
+
} = (0, import_pixel3_utils.usePixelTheme)();
|
|
178
181
|
const scrollEndNode = (0, import_vue.ref)();
|
|
179
182
|
const currentValue = (0, import_vue.ref)();
|
|
180
183
|
const currentLabel = (0, import_vue.ref)("");
|
|
@@ -471,7 +474,6 @@ function useAutocomplete(props, emit) {
|
|
|
471
474
|
"aria-label": "dropdown button",
|
|
472
475
|
name: "chevrons-down",
|
|
473
476
|
size: "sm",
|
|
474
|
-
color: "gray.400",
|
|
475
477
|
style: {
|
|
476
478
|
cursor: "pointer"
|
|
477
479
|
},
|
|
@@ -490,7 +492,7 @@ function useAutocomplete(props, emit) {
|
|
|
490
492
|
};
|
|
491
493
|
});
|
|
492
494
|
const emptyTextAttrs = {
|
|
493
|
-
color: "gray.400",
|
|
495
|
+
color: isNextTheme ? "text.secondary" : "gray.400",
|
|
494
496
|
class: classes.emptyText
|
|
495
497
|
};
|
|
496
498
|
const contentLoadingAttrs = {
|
|
@@ -547,6 +549,7 @@ __name(useAutocomplete, "useAutocomplete");
|
|
|
547
549
|
// src/autocomplete.tsx
|
|
548
550
|
var import_patterns = require("@mekari/pixel3-styled-system/patterns");
|
|
549
551
|
var import_recipes2 = require("@mekari/pixel3-styled-system/recipes");
|
|
552
|
+
var import_pixel3_utils2 = require("@mekari/pixel3-utils");
|
|
550
553
|
var MpAutocomplete = (0, import_vue3.defineComponent)({
|
|
551
554
|
name: "MpAutocomplete",
|
|
552
555
|
inheritAttrs: false,
|
|
@@ -558,6 +561,9 @@ var MpAutocomplete = (0, import_vue3.defineComponent)({
|
|
|
558
561
|
attrs
|
|
559
562
|
}) {
|
|
560
563
|
const classes = (0, import_recipes2.autocompleteSlotRecipe)();
|
|
564
|
+
const {
|
|
565
|
+
isNextTheme
|
|
566
|
+
} = (0, import_pixel3_utils2.usePixelTheme)();
|
|
561
567
|
const {
|
|
562
568
|
getSuggestionDatas,
|
|
563
569
|
getGroupSuggestions,
|
|
@@ -594,7 +600,7 @@ var MpAutocomplete = (0, import_vue3.defineComponent)({
|
|
|
594
600
|
group
|
|
595
601
|
}) : (0, import_vue2.createVNode)(import_pixel3_text.MpText, {
|
|
596
602
|
"size": "body-small",
|
|
597
|
-
"color": "gray.600",
|
|
603
|
+
"color": isNextTheme.value ? "text.secondary" : "gray.600",
|
|
598
604
|
"class": classes.groupText
|
|
599
605
|
}, {
|
|
600
606
|
default: () => [group.key]
|
package/dist/autocomplete.mjs
CHANGED
|
@@ -4,7 +4,7 @@ import {
|
|
|
4
4
|
|
|
5
5
|
// src/modules/autocomplete.hooks.ts
|
|
6
6
|
import { ref, computed, toRefs, nextTick, watch, onMounted } from "vue";
|
|
7
|
-
import { isDef, isUndef, isElementVisible, scrollToTargetElement, isEqual, isObject, getUniqueId, useIntersectionObserver, groupBy } from "@mekari/pixel3-utils";
|
|
7
|
+
import { isDef, isUndef, isElementVisible, scrollToTargetElement, isEqual, isObject, getUniqueId, useIntersectionObserver, groupBy, usePixelTheme } from "@mekari/pixel3-utils";
|
|
8
8
|
import { autocompleteSlotRecipe } from "@mekari/pixel3-styled-system/recipes";
|
|
9
9
|
function useAutocomplete(props, emit) {
|
|
10
10
|
const {
|
|
@@ -24,6 +24,9 @@ function useAutocomplete(props, emit) {
|
|
|
24
24
|
isDisabled
|
|
25
25
|
} = toRefs(props);
|
|
26
26
|
const classes = autocompleteSlotRecipe();
|
|
27
|
+
const {
|
|
28
|
+
isNextTheme
|
|
29
|
+
} = usePixelTheme();
|
|
27
30
|
const scrollEndNode = ref();
|
|
28
31
|
const currentValue = ref();
|
|
29
32
|
const currentLabel = ref("");
|
|
@@ -320,7 +323,6 @@ function useAutocomplete(props, emit) {
|
|
|
320
323
|
"aria-label": "dropdown button",
|
|
321
324
|
name: "chevrons-down",
|
|
322
325
|
size: "sm",
|
|
323
|
-
color: "gray.400",
|
|
324
326
|
style: {
|
|
325
327
|
cursor: "pointer"
|
|
326
328
|
},
|
|
@@ -339,7 +341,7 @@ function useAutocomplete(props, emit) {
|
|
|
339
341
|
};
|
|
340
342
|
});
|
|
341
343
|
const emptyTextAttrs = {
|
|
342
|
-
color: "gray.400",
|
|
344
|
+
color: isNextTheme ? "text.secondary" : "gray.400",
|
|
343
345
|
class: classes.emptyText
|
|
344
346
|
};
|
|
345
347
|
const contentLoadingAttrs = {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
useAutocomplete
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-INYWMPCZ.mjs";
|
|
4
4
|
import {
|
|
5
5
|
autocompleteProps
|
|
6
6
|
} from "./chunk-Q7SGQCOH.mjs";
|
|
@@ -15,6 +15,7 @@ import { MpIcon } from "@mekari/pixel3-icon";
|
|
|
15
15
|
import { MpText } from "@mekari/pixel3-text";
|
|
16
16
|
import { flex } from "@mekari/pixel3-styled-system/patterns";
|
|
17
17
|
import { autocompleteSlotRecipe } from "@mekari/pixel3-styled-system/recipes";
|
|
18
|
+
import { usePixelTheme } from "@mekari/pixel3-utils";
|
|
18
19
|
var MpAutocomplete = defineComponent({
|
|
19
20
|
name: "MpAutocomplete",
|
|
20
21
|
inheritAttrs: false,
|
|
@@ -26,6 +27,9 @@ var MpAutocomplete = defineComponent({
|
|
|
26
27
|
attrs
|
|
27
28
|
}) {
|
|
28
29
|
const classes = autocompleteSlotRecipe();
|
|
30
|
+
const {
|
|
31
|
+
isNextTheme
|
|
32
|
+
} = usePixelTheme();
|
|
29
33
|
const {
|
|
30
34
|
getSuggestionDatas,
|
|
31
35
|
getGroupSuggestions,
|
|
@@ -62,7 +66,7 @@ var MpAutocomplete = defineComponent({
|
|
|
62
66
|
group
|
|
63
67
|
}) : _createVNode(MpText, {
|
|
64
68
|
"size": "body-small",
|
|
65
|
-
"color": "gray.600",
|
|
69
|
+
"color": isNextTheme.value ? "text.secondary" : "gray.600",
|
|
66
70
|
"class": classes.groupText
|
|
67
71
|
}, {
|
|
68
72
|
default: () => [group.key]
|
package/dist/index.js
CHANGED
|
@@ -177,6 +177,9 @@ function useAutocomplete(props, emit) {
|
|
|
177
177
|
isDisabled
|
|
178
178
|
} = (0, import_vue.toRefs)(props);
|
|
179
179
|
const classes = (0, import_recipes.autocompleteSlotRecipe)();
|
|
180
|
+
const {
|
|
181
|
+
isNextTheme
|
|
182
|
+
} = (0, import_pixel3_utils.usePixelTheme)();
|
|
180
183
|
const scrollEndNode = (0, import_vue.ref)();
|
|
181
184
|
const currentValue = (0, import_vue.ref)();
|
|
182
185
|
const currentLabel = (0, import_vue.ref)("");
|
|
@@ -473,7 +476,6 @@ function useAutocomplete(props, emit) {
|
|
|
473
476
|
"aria-label": "dropdown button",
|
|
474
477
|
name: "chevrons-down",
|
|
475
478
|
size: "sm",
|
|
476
|
-
color: "gray.400",
|
|
477
479
|
style: {
|
|
478
480
|
cursor: "pointer"
|
|
479
481
|
},
|
|
@@ -492,7 +494,7 @@ function useAutocomplete(props, emit) {
|
|
|
492
494
|
};
|
|
493
495
|
});
|
|
494
496
|
const emptyTextAttrs = {
|
|
495
|
-
color: "gray.400",
|
|
497
|
+
color: isNextTheme ? "text.secondary" : "gray.400",
|
|
496
498
|
class: classes.emptyText
|
|
497
499
|
};
|
|
498
500
|
const contentLoadingAttrs = {
|
|
@@ -549,6 +551,7 @@ __name(useAutocomplete, "useAutocomplete");
|
|
|
549
551
|
// src/autocomplete.tsx
|
|
550
552
|
var import_patterns = require("@mekari/pixel3-styled-system/patterns");
|
|
551
553
|
var import_recipes2 = require("@mekari/pixel3-styled-system/recipes");
|
|
554
|
+
var import_pixel3_utils2 = require("@mekari/pixel3-utils");
|
|
552
555
|
var MpAutocomplete = (0, import_vue3.defineComponent)({
|
|
553
556
|
name: "MpAutocomplete",
|
|
554
557
|
inheritAttrs: false,
|
|
@@ -560,6 +563,9 @@ var MpAutocomplete = (0, import_vue3.defineComponent)({
|
|
|
560
563
|
attrs
|
|
561
564
|
}) {
|
|
562
565
|
const classes = (0, import_recipes2.autocompleteSlotRecipe)();
|
|
566
|
+
const {
|
|
567
|
+
isNextTheme
|
|
568
|
+
} = (0, import_pixel3_utils2.usePixelTheme)();
|
|
563
569
|
const {
|
|
564
570
|
getSuggestionDatas,
|
|
565
571
|
getGroupSuggestions,
|
|
@@ -596,7 +602,7 @@ var MpAutocomplete = (0, import_vue3.defineComponent)({
|
|
|
596
602
|
group
|
|
597
603
|
}) : (0, import_vue2.createVNode)(import_pixel3_text.MpText, {
|
|
598
604
|
"size": "body-small",
|
|
599
|
-
"color": "gray.600",
|
|
605
|
+
"color": isNextTheme.value ? "text.secondary" : "gray.600",
|
|
600
606
|
"class": classes.groupText
|
|
601
607
|
}, {
|
|
602
608
|
default: () => [group.key]
|
package/dist/index.mjs
CHANGED
package/dist/metafile-cjs.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/modules/autocomplete.props.ts":{"bytes":3480,"imports":[],"format":"esm"},"src/modules/autocomplete.hooks.ts":{"bytes":
|
|
1
|
+
{"inputs":{"src/modules/autocomplete.props.ts":{"bytes":3480,"imports":[],"format":"esm"},"src/modules/autocomplete.hooks.ts":{"bytes":12678,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/autocomplete.tsx":{"bytes":5127,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-popover","kind":"import-statement","external":true},{"path":"@mekari/pixel3-input","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"src/modules/autocomplete.props.ts","kind":"import-statement","original":"./modules/autocomplete.props"},{"path":"src/modules/autocomplete.hooks.ts","kind":"import-statement","original":"./modules/autocomplete.hooks"},{"path":"@mekari/pixel3-styled-system/patterns","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}],"format":"esm"},"src/index.ts":{"bytes":133,"imports":[{"path":"src/autocomplete.tsx","kind":"import-statement","original":"./autocomplete"}],"format":"esm"}},"outputs":{"dist/autocomplete.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-popover","kind":"require-call","external":true},{"path":"@mekari/pixel3-input","kind":"require-call","external":true},{"path":"@mekari/pixel3-spinner","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-text","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/patterns","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}],"exports":[],"entryPoint":"src/autocomplete.tsx","inputs":{"src/autocomplete.tsx":{"bytesInOutput":5506},"src/modules/autocomplete.props.ts":{"bytesInOutput":1882},"src/modules/autocomplete.hooks.ts":{"bytesInOutput":12727}},"bytes":21238},"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-popover","kind":"require-call","external":true},{"path":"@mekari/pixel3-input","kind":"require-call","external":true},{"path":"@mekari/pixel3-spinner","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-text","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/patterns","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}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":133},"src/autocomplete.tsx":{"bytesInOutput":5346},"src/modules/autocomplete.props.ts":{"bytesInOutput":1882},"src/modules/autocomplete.hooks.ts":{"bytesInOutput":12727}},"bytes":21228},"dist/modules/autocomplete.hooks.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/autocomplete.hooks.ts","inputs":{"src/modules/autocomplete.hooks.ts":{"bytesInOutput":12907}},"bytes":13943},"dist/modules/autocomplete.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/autocomplete.props.ts","inputs":{"src/modules/autocomplete.props.ts":{"bytesInOutput":2231}},"bytes":3199}}}
|
package/dist/metafile-esm.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/modules/autocomplete.props.ts":{"bytes":3480,"imports":[],"format":"esm"},"src/modules/autocomplete.hooks.ts":{"bytes":
|
|
1
|
+
{"inputs":{"src/modules/autocomplete.props.ts":{"bytes":3480,"imports":[],"format":"esm"},"src/modules/autocomplete.hooks.ts":{"bytes":12678,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/autocomplete.tsx":{"bytes":5127,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-popover","kind":"import-statement","external":true},{"path":"@mekari/pixel3-input","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"src/modules/autocomplete.props.ts","kind":"import-statement","original":"./modules/autocomplete.props"},{"path":"src/modules/autocomplete.hooks.ts","kind":"import-statement","original":"./modules/autocomplete.hooks"},{"path":"@mekari/pixel3-styled-system/patterns","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}],"format":"esm"},"src/index.ts":{"bytes":133,"imports":[{"path":"src/autocomplete.tsx","kind":"import-statement","original":"./autocomplete"}],"format":"esm"}},"outputs":{"dist/autocomplete.mjs":{"imports":[{"path":"dist/chunk-LYRFHUJ3.mjs","kind":"import-statement"},{"path":"dist/chunk-INYWMPCZ.mjs","kind":"import-statement"},{"path":"dist/chunk-Q7SGQCOH.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAutocomplete"],"entryPoint":"src/autocomplete.tsx","inputs":{},"bytes":179},"dist/index.mjs":{"imports":[{"path":"dist/chunk-LYRFHUJ3.mjs","kind":"import-statement"},{"path":"dist/chunk-INYWMPCZ.mjs","kind":"import-statement"},{"path":"dist/chunk-Q7SGQCOH.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAutocomplete"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":179},"dist/chunk-LYRFHUJ3.mjs":{"imports":[{"path":"dist/chunk-INYWMPCZ.mjs","kind":"import-statement"},{"path":"dist/chunk-Q7SGQCOH.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-popover","kind":"import-statement","external":true},{"path":"@mekari/pixel3-input","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/patterns","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":["MpAutocomplete"],"inputs":{"src/autocomplete.tsx":{"bytesInOutput":4625}},"bytes":4798},"dist/modules/autocomplete.hooks.mjs":{"imports":[{"path":"dist/chunk-INYWMPCZ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["useAutocomplete"],"entryPoint":"src/modules/autocomplete.hooks.ts","inputs":{},"bytes":121},"dist/chunk-INYWMPCZ.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["useAutocomplete"],"inputs":{"src/modules/autocomplete.hooks.ts":{"bytesInOutput":12099}},"bytes":12217},"dist/modules/autocomplete.props.mjs":{"imports":[{"path":"dist/chunk-Q7SGQCOH.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["autocompleteEmit","autocompleteProps"],"entryPoint":"src/modules/autocomplete.props.ts","inputs":{},"bytes":165},"dist/chunk-Q7SGQCOH.mjs":{"imports":[],"exports":["autocompleteEmit","autocompleteProps"],"inputs":{"src/modules/autocomplete.props.ts":{"bytesInOutput":2003}},"bytes":2093},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151}}}
|
|
@@ -45,6 +45,9 @@ function useAutocomplete(props, emit) {
|
|
|
45
45
|
isDisabled
|
|
46
46
|
} = (0, import_vue.toRefs)(props);
|
|
47
47
|
const classes = (0, import_recipes.autocompleteSlotRecipe)();
|
|
48
|
+
const {
|
|
49
|
+
isNextTheme
|
|
50
|
+
} = (0, import_pixel3_utils.usePixelTheme)();
|
|
48
51
|
const scrollEndNode = (0, import_vue.ref)();
|
|
49
52
|
const currentValue = (0, import_vue.ref)();
|
|
50
53
|
const currentLabel = (0, import_vue.ref)("");
|
|
@@ -341,7 +344,6 @@ function useAutocomplete(props, emit) {
|
|
|
341
344
|
"aria-label": "dropdown button",
|
|
342
345
|
name: "chevrons-down",
|
|
343
346
|
size: "sm",
|
|
344
|
-
color: "gray.400",
|
|
345
347
|
style: {
|
|
346
348
|
cursor: "pointer"
|
|
347
349
|
},
|
|
@@ -360,7 +362,7 @@ function useAutocomplete(props, emit) {
|
|
|
360
362
|
};
|
|
361
363
|
});
|
|
362
364
|
const emptyTextAttrs = {
|
|
363
|
-
color: "gray.400",
|
|
365
|
+
color: isNextTheme ? "text.secondary" : "gray.400",
|
|
364
366
|
class: classes.emptyText
|
|
365
367
|
};
|
|
366
368
|
const contentLoadingAttrs = {
|
package/package.json
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mekari/pixel3-autocomplete",
|
|
3
3
|
"description": "Autocomplete component for mekari pixel 3",
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.17-dev.0",
|
|
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.
|
|
12
|
-
"@mekari/pixel3-utils": "0.0.
|
|
13
|
-
"@mekari/pixel3-input": "0.0.
|
|
14
|
-
"@mekari/pixel3-spinner": "0.0.
|
|
15
|
-
"@mekari/pixel3-icon": "0.0.
|
|
16
|
-
"@mekari/pixel3-popover": "0.0.
|
|
17
|
-
"@mekari/pixel3-text": "0.0.
|
|
11
|
+
"@mekari/pixel3-styled-system": "0.1.2-dev.0",
|
|
12
|
+
"@mekari/pixel3-utils": "0.0.7-dev.0",
|
|
13
|
+
"@mekari/pixel3-input": "0.0.17-dev.0",
|
|
14
|
+
"@mekari/pixel3-spinner": "0.0.17-dev.0",
|
|
15
|
+
"@mekari/pixel3-icon": "0.0.17-dev.0",
|
|
16
|
+
"@mekari/pixel3-popover": "0.0.17-dev.0",
|
|
17
|
+
"@mekari/pixel3-text": "0.0.16-dev.0"
|
|
18
18
|
},
|
|
19
19
|
"peerDependencies": {
|
|
20
20
|
"vue": "^3.4.9"
|