@youcan/celeste 0.6.24 → 0.6.26
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/celeste.css +136 -132
- package/dist/cjs/combobox-root.js +39 -2
- package/dist/cjs/combobox-trigger.js +1 -1
- package/dist/cjs/combobox.js +3 -3
- package/dist/cjs/dropdown.js +1 -1
- package/dist/cjs/index.js +3 -3
- package/dist/cjs/text-input.js +1 -1
- package/dist/es/chunks/index.js +2 -2
- package/dist/es/combobox-list.js +1 -1
- package/dist/es/combobox-root.js +39 -2
- package/dist/es/combobox-trigger.js +1 -1
- package/dist/es/combobox.js +5 -5
- package/dist/es/command-root.js +1 -1
- package/dist/es/dropdown.js +2 -2
- package/dist/es/index.js +45 -45
- package/dist/es/text-input.js +1 -1
- package/package.json +3 -3
- package/src/components/combobox/combobox-root.vue +7 -1
- package/src/components/combobox/combobox-trigger.vue +1 -1
- package/src/components/combobox/combobox.vue +0 -1
- package/src/components/dropdown/dropdown.vue +1 -1
- package/src/components/text-input/text-input.vue +13 -12
- package/dist/cjs/chunks/combobox-root.js +0 -38
- package/dist/es/chunks/combobox-root.js +0 -39
|
@@ -1,3 +1,40 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
const
|
|
3
|
-
|
|
2
|
+
const Mo = require("vue");
|
|
3
|
+
const index = require("./chunks/index.js");
|
|
4
|
+
const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
|
|
5
|
+
const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
6
|
+
__name: "combobox-root",
|
|
7
|
+
props: {
|
|
8
|
+
modelValue: {},
|
|
9
|
+
defaultValue: {},
|
|
10
|
+
open: { type: Boolean },
|
|
11
|
+
defaultOpen: { type: Boolean },
|
|
12
|
+
searchTerm: {},
|
|
13
|
+
selectedValue: {},
|
|
14
|
+
multiple: { type: Boolean },
|
|
15
|
+
disabled: { type: Boolean },
|
|
16
|
+
name: {},
|
|
17
|
+
dir: {},
|
|
18
|
+
filterFunction: { type: Function },
|
|
19
|
+
displayValue: { type: Function },
|
|
20
|
+
resetSearchTermOnBlur: { type: Boolean },
|
|
21
|
+
asChild: { type: Boolean },
|
|
22
|
+
as: {}
|
|
23
|
+
},
|
|
24
|
+
emits: ["update:modelValue", "update:open", "update:searchTerm", "update:selectedValue"],
|
|
25
|
+
setup(__props, { emit: __emit }) {
|
|
26
|
+
const props = __props;
|
|
27
|
+
const emits = __emit;
|
|
28
|
+
const forwarded = index.xe(props, emits);
|
|
29
|
+
return (_ctx, _cache) => {
|
|
30
|
+
return Mo.openBlock(), Mo.createBlock(Mo.unref(index.Hv), Mo.mergeProps({ class: "celeste-combobox-root" }, Mo.unref(forwarded)), {
|
|
31
|
+
default: Mo.withCtx(() => [
|
|
32
|
+
Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
33
|
+
]),
|
|
34
|
+
_: 3
|
|
35
|
+
}, 16);
|
|
36
|
+
};
|
|
37
|
+
}
|
|
38
|
+
});
|
|
39
|
+
const ComboboxRoot = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-29e14e56"]]);
|
|
40
|
+
module.exports = ComboboxRoot;
|
|
@@ -43,5 +43,5 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
|
43
43
|
};
|
|
44
44
|
}
|
|
45
45
|
});
|
|
46
|
-
const ComboboxTrigger = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
46
|
+
const ComboboxTrigger = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-bddcd2de"]]);
|
|
47
47
|
module.exports = ComboboxTrigger;
|
package/dist/cjs/combobox.js
CHANGED
|
@@ -8,7 +8,7 @@ const comboboxGroup = require("./combobox-group.js");
|
|
|
8
8
|
const comboboxInput = require("./combobox-input.js");
|
|
9
9
|
const comboboxItem = require("./combobox-item.js");
|
|
10
10
|
const comboboxList = require("./combobox-list.js");
|
|
11
|
-
const
|
|
11
|
+
const comboboxRoot = require("./combobox-root.js");
|
|
12
12
|
const comboboxSeparator = require("./combobox-separator.js");
|
|
13
13
|
const comboboxTrigger = require("./combobox-trigger.js");
|
|
14
14
|
const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
|
|
@@ -128,7 +128,7 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
|
128
128
|
disabled: props.disabled
|
|
129
129
|
}));
|
|
130
130
|
return (_ctx, _cache) => {
|
|
131
|
-
return Mo.openBlock(), Mo.createBlock(
|
|
131
|
+
return Mo.openBlock(), Mo.createBlock(comboboxRoot, Mo.mergeProps(Mo.unref(forwarded), { "filter-function": filterFunction }), {
|
|
132
132
|
default: Mo.withCtx(() => [
|
|
133
133
|
Mo.createVNode(comboboxAnchor_vue_vue_type_script_setup_true_lang._sfc_main, { "as-child": "" }, {
|
|
134
134
|
default: Mo.withCtx(() => [
|
|
@@ -229,5 +229,5 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
|
229
229
|
};
|
|
230
230
|
}
|
|
231
231
|
});
|
|
232
|
-
const combobox = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
232
|
+
const combobox = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-e3715243"]]);
|
|
233
233
|
module.exports = combobox;
|
package/dist/cjs/dropdown.js
CHANGED
|
@@ -287,5 +287,5 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
|
287
287
|
};
|
|
288
288
|
}
|
|
289
289
|
});
|
|
290
|
-
const dropdown = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
290
|
+
const dropdown = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-8ef0e6e7"]]);
|
|
291
291
|
module.exports = dropdown;
|
package/dist/cjs/index.js
CHANGED
|
@@ -15,7 +15,7 @@ const comboboxGroup = require("./combobox-group.js");
|
|
|
15
15
|
const comboboxInput = require("./combobox-input.js");
|
|
16
16
|
const comboboxItem = require("./combobox-item.js");
|
|
17
17
|
const comboboxList = require("./combobox-list.js");
|
|
18
|
-
const
|
|
18
|
+
const comboboxRoot = require("./combobox-root.js");
|
|
19
19
|
const comboboxSeparator = require("./combobox-separator.js");
|
|
20
20
|
const comboboxTrigger = require("./combobox-trigger.js");
|
|
21
21
|
const combobox = require("./combobox.js");
|
|
@@ -81,7 +81,7 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
|
|
|
81
81
|
ComboboxInput: comboboxInput,
|
|
82
82
|
ComboboxItem: comboboxItem,
|
|
83
83
|
ComboboxList: comboboxList,
|
|
84
|
-
ComboboxRoot:
|
|
84
|
+
ComboboxRoot: comboboxRoot,
|
|
85
85
|
ComboboxSeparator: comboboxSeparator,
|
|
86
86
|
ComboboxTrigger: comboboxTrigger,
|
|
87
87
|
CompactButton: compactButton,
|
|
@@ -161,7 +161,7 @@ exports.ComboboxGroup = comboboxGroup;
|
|
|
161
161
|
exports.ComboboxInput = comboboxInput;
|
|
162
162
|
exports.ComboboxItem = comboboxItem;
|
|
163
163
|
exports.ComboboxList = comboboxList;
|
|
164
|
-
exports.ComboboxRoot =
|
|
164
|
+
exports.ComboboxRoot = comboboxRoot;
|
|
165
165
|
exports.ComboboxSeparator = comboboxSeparator;
|
|
166
166
|
exports.ComboboxTrigger = comboboxTrigger;
|
|
167
167
|
exports.Combobox = combobox;
|
package/dist/cjs/text-input.js
CHANGED
|
@@ -115,5 +115,5 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
|
115
115
|
};
|
|
116
116
|
}
|
|
117
117
|
});
|
|
118
|
-
const TextInput = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
118
|
+
const TextInput = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-d7dad6d5"]]);
|
|
119
119
|
module.exports = TextInput;
|
package/dist/es/chunks/index.js
CHANGED
package/dist/es/combobox-list.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createVNode, mergeProps, renderSlot } from "vue";
|
|
2
2
|
import { c as clsx } from "./chunks/clsx.js";
|
|
3
|
-
import { x as xe,
|
|
3
|
+
import { x as xe, H as nm, X as Xv, J as Jv } from "./chunks/index.js";
|
|
4
4
|
import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
|
|
5
5
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
6
6
|
__name: "combobox-list",
|
package/dist/es/combobox-root.js
CHANGED
|
@@ -1,4 +1,41 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
|
|
2
|
+
import { x as xe, I as Hv } from "./chunks/index.js";
|
|
3
|
+
import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
|
|
4
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
|
+
__name: "combobox-root",
|
|
6
|
+
props: {
|
|
7
|
+
modelValue: {},
|
|
8
|
+
defaultValue: {},
|
|
9
|
+
open: { type: Boolean },
|
|
10
|
+
defaultOpen: { type: Boolean },
|
|
11
|
+
searchTerm: {},
|
|
12
|
+
selectedValue: {},
|
|
13
|
+
multiple: { type: Boolean },
|
|
14
|
+
disabled: { type: Boolean },
|
|
15
|
+
name: {},
|
|
16
|
+
dir: {},
|
|
17
|
+
filterFunction: { type: Function },
|
|
18
|
+
displayValue: { type: Function },
|
|
19
|
+
resetSearchTermOnBlur: { type: Boolean },
|
|
20
|
+
asChild: { type: Boolean },
|
|
21
|
+
as: {}
|
|
22
|
+
},
|
|
23
|
+
emits: ["update:modelValue", "update:open", "update:searchTerm", "update:selectedValue"],
|
|
24
|
+
setup(__props, { emit: __emit }) {
|
|
25
|
+
const props = __props;
|
|
26
|
+
const emits = __emit;
|
|
27
|
+
const forwarded = xe(props, emits);
|
|
28
|
+
return (_ctx, _cache) => {
|
|
29
|
+
return openBlock(), createBlock(unref(Hv), mergeProps({ class: "celeste-combobox-root" }, unref(forwarded)), {
|
|
30
|
+
default: withCtx(() => [
|
|
31
|
+
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
32
|
+
]),
|
|
33
|
+
_: 3
|
|
34
|
+
}, 16);
|
|
35
|
+
};
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
const ComboboxRoot = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-29e14e56"]]);
|
|
2
39
|
export {
|
|
3
|
-
|
|
40
|
+
ComboboxRoot as default
|
|
4
41
|
};
|
|
@@ -42,7 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
42
42
|
};
|
|
43
43
|
}
|
|
44
44
|
});
|
|
45
|
-
const ComboboxTrigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
45
|
+
const ComboboxTrigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bddcd2de"]]);
|
|
46
46
|
export {
|
|
47
47
|
ComboboxTrigger as default
|
|
48
48
|
};
|
package/dist/es/combobox.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { defineComponent, computed, openBlock, createBlock, mergeProps, unref, withCtx, createVNode, normalizeClass, createElementBlock, createElementVNode, createCommentVNode, renderSlot, normalizeProps, guardReactiveProps, toDisplayString, createSlots, createTextVNode, Fragment, renderList } from "vue";
|
|
2
2
|
import { x as xe } from "./chunks/index.js";
|
|
3
3
|
import Badge from "./badge.js";
|
|
4
|
-
import { _ as _sfc_main$
|
|
4
|
+
import { _ as _sfc_main$1 } from "./chunks/combobox-anchor.js";
|
|
5
5
|
import ComboboxEmpty from "./combobox-empty.js";
|
|
6
6
|
import ComboboxGroup from "./combobox-group.js";
|
|
7
7
|
import ComboboxInput from "./combobox-input.js";
|
|
8
8
|
import ComboboxItem from "./combobox-item.js";
|
|
9
9
|
import ComboboxList from "./combobox-list.js";
|
|
10
|
-
import
|
|
10
|
+
import ComboboxRoot from "./combobox-root.js";
|
|
11
11
|
import ComboboxSeparator from "./combobox-separator.js";
|
|
12
12
|
import ComboboxTrigger from "./combobox-trigger.js";
|
|
13
13
|
import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
|
|
@@ -127,9 +127,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
127
127
|
disabled: props.disabled
|
|
128
128
|
}));
|
|
129
129
|
return (_ctx, _cache) => {
|
|
130
|
-
return openBlock(), createBlock(
|
|
130
|
+
return openBlock(), createBlock(ComboboxRoot, mergeProps(unref(forwarded), { "filter-function": filterFunction }), {
|
|
131
131
|
default: withCtx(() => [
|
|
132
|
-
createVNode(_sfc_main$
|
|
132
|
+
createVNode(_sfc_main$1, { "as-child": "" }, {
|
|
133
133
|
default: withCtx(() => [
|
|
134
134
|
createVNode(ComboboxTrigger, {
|
|
135
135
|
type: _ctx.type,
|
|
@@ -228,7 +228,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
228
228
|
};
|
|
229
229
|
}
|
|
230
230
|
});
|
|
231
|
-
const combobox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
231
|
+
const combobox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e3715243"]]);
|
|
232
232
|
export {
|
|
233
233
|
combobox as default
|
|
234
234
|
};
|
package/dist/es/command-root.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
|
|
2
|
-
import { x as xe,
|
|
2
|
+
import { x as xe, I as Hv } from "./chunks/index.js";
|
|
3
3
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
4
4
|
__name: "command-root",
|
|
5
5
|
props: {
|
package/dist/es/dropdown.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent, mergeModels, useModel, ref, computed, watch, openBlock, createElementBlock, withKeys, createVNode, unref, withCtx, normalizeClass, createElementVNode, createCommentVNode, renderSlot, normalizeProps, guardReactiveProps, toDisplayString, createBlock, createSlots, Fragment, renderList } from "vue";
|
|
2
2
|
import { c as clsx } from "./chunks/clsx.js";
|
|
3
|
-
import {
|
|
3
|
+
import { I as Hv, j as jv, U as Uv, X as Xv, J as Jv, L as tm, Z as Zv, B as qv, E as Qv } from "./chunks/index.js";
|
|
4
4
|
import Badge from "./badge.js";
|
|
5
5
|
import TextInput from "./text-input.js";
|
|
6
6
|
import DropdownItem from "./dropdown-item.js";
|
|
@@ -286,7 +286,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
286
286
|
};
|
|
287
287
|
}
|
|
288
288
|
});
|
|
289
|
-
const dropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
289
|
+
const dropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8ef0e6e7"]]);
|
|
290
290
|
export {
|
|
291
291
|
dropdown as default
|
|
292
292
|
};
|
package/dist/es/index.js
CHANGED
|
@@ -13,50 +13,50 @@ import ComboboxGroup from "./combobox-group.js";
|
|
|
13
13
|
import ComboboxInput from "./combobox-input.js";
|
|
14
14
|
import ComboboxItem from "./combobox-item.js";
|
|
15
15
|
import ComboboxList from "./combobox-list.js";
|
|
16
|
-
import
|
|
16
|
+
import ComboboxRoot from "./combobox-root.js";
|
|
17
17
|
import ComboboxSeparator from "./combobox-separator.js";
|
|
18
18
|
import ComboboxTrigger from "./combobox-trigger.js";
|
|
19
19
|
import combobox from "./combobox.js";
|
|
20
|
-
import { _ as _sfc_main$
|
|
20
|
+
import { _ as _sfc_main$2 } from "./chunks/content-divider.vue_vue_type_style_index_0_lang.js";
|
|
21
21
|
import contextMenuItem from "./context-menu-item.js";
|
|
22
22
|
import DropdownItem from "./dropdown-item.js";
|
|
23
23
|
import dropdown from "./dropdown.js";
|
|
24
|
-
import { _ as _sfc_main$
|
|
24
|
+
import { _ as _sfc_main$3 } from "./chunks/dropdown-menu-content.vue_vue_type_style_index_0_lang.js";
|
|
25
25
|
import dropdownMenuGroup from "./dropdown-menu-group.js";
|
|
26
26
|
import dropdownMenuItem from "./dropdown-menu-item.js";
|
|
27
27
|
import dropdownMenuLabel from "./dropdown-menu-label.js";
|
|
28
28
|
import dropdownMenuSeparator from "./dropdown-menu-separator.js";
|
|
29
|
-
import { _ as _sfc_main$
|
|
30
|
-
import { _ as _sfc_main$
|
|
31
|
-
import { _ as _sfc_main$
|
|
29
|
+
import { _ as _sfc_main$5 } from "./chunks/dropdown-menu-sub-content.vue_vue_type_style_index_0_lang.js";
|
|
30
|
+
import { _ as _sfc_main$6 } from "./chunks/dropdown-menu-sub-trigger.vue_vue_type_style_index_0_lang.js";
|
|
31
|
+
import { _ as _sfc_main$4 } from "./chunks/dropdown-menu-sub.js";
|
|
32
32
|
import dropdownMenuTrigger from "./dropdown-menu-trigger.js";
|
|
33
33
|
import dropdownMenu from "./dropdown-menu.js";
|
|
34
34
|
import hintText from "./hint-text.js";
|
|
35
35
|
import label from "./label.js";
|
|
36
36
|
import modalBody from "./modal-body.js";
|
|
37
|
-
import { _ as _sfc_main$
|
|
37
|
+
import { _ as _sfc_main$8 } from "./chunks/modal-close.js";
|
|
38
38
|
import modalContent from "./modal-content.js";
|
|
39
39
|
import modalFooter from "./modal-footer.js";
|
|
40
40
|
import modalHeader from "./modal-header.js";
|
|
41
|
-
import { _ as _sfc_main$
|
|
42
|
-
import { _ as _sfc_main$
|
|
41
|
+
import { _ as _sfc_main$9 } from "./chunks/modal-trigger.js";
|
|
42
|
+
import { _ as _sfc_main$7 } from "./chunks/modal.js";
|
|
43
43
|
import PopoverContent from "./popover-content.js";
|
|
44
44
|
import PopoverTrigger from "./popover-trigger.js";
|
|
45
|
-
import { _ as _sfc_main$
|
|
46
|
-
import { _ as _sfc_main$
|
|
45
|
+
import { _ as _sfc_main$a } from "./chunks/popover.js";
|
|
46
|
+
import { _ as _sfc_main$b } from "./chunks/scroll-area.js";
|
|
47
47
|
import segmentedControlItem from "./segmented-control-item.js";
|
|
48
48
|
import segmentedControl from "./segmented-control.js";
|
|
49
49
|
import SelectContent from "./select-content.js";
|
|
50
|
-
import { _ as _sfc_main$
|
|
50
|
+
import { _ as _sfc_main$d } from "./chunks/select-group.js";
|
|
51
51
|
import selectIcon from "./select-icon.js";
|
|
52
52
|
import SelectItem from "./select-item.js";
|
|
53
53
|
import selectLabel from "./select-label.js";
|
|
54
54
|
import selectSeparator from "./select-separator.js";
|
|
55
55
|
import SelectTrigger from "./select-trigger.js";
|
|
56
56
|
import SelectValue from "./select-value.js";
|
|
57
|
-
import { _ as _sfc_main$
|
|
58
|
-
import { _ as _sfc_main$
|
|
59
|
-
import { _ as _sfc_main$
|
|
57
|
+
import { _ as _sfc_main$c } from "./chunks/select.js";
|
|
58
|
+
import { _ as _sfc_main$e } from "./chunks/slider.vue_vue_type_style_index_0_lang.js";
|
|
59
|
+
import { _ as _sfc_main$f } from "./chunks/switch.vue_vue_type_style_index_0_lang.js";
|
|
60
60
|
import tabMenuContent from "./tab-menu-content.js";
|
|
61
61
|
import tabMenuItem from "./tab-menu-item.js";
|
|
62
62
|
import tabMenuList from "./tab-menu-list.js";
|
|
@@ -79,54 +79,54 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
|
|
|
79
79
|
ComboboxInput,
|
|
80
80
|
ComboboxItem,
|
|
81
81
|
ComboboxList,
|
|
82
|
-
ComboboxRoot
|
|
82
|
+
ComboboxRoot,
|
|
83
83
|
ComboboxSeparator,
|
|
84
84
|
ComboboxTrigger,
|
|
85
85
|
CompactButton,
|
|
86
|
-
ContentDivider: _sfc_main$
|
|
86
|
+
ContentDivider: _sfc_main$2,
|
|
87
87
|
ContextMenuItem: contextMenuItem,
|
|
88
88
|
Dropdown: dropdown,
|
|
89
89
|
DropdownItem,
|
|
90
90
|
DropdownMenu: dropdownMenu,
|
|
91
|
-
DropdownMenuContent: _sfc_main$
|
|
91
|
+
DropdownMenuContent: _sfc_main$3,
|
|
92
92
|
DropdownMenuGroup: dropdownMenuGroup,
|
|
93
93
|
DropdownMenuItem: dropdownMenuItem,
|
|
94
94
|
DropdownMenuLabel: dropdownMenuLabel,
|
|
95
95
|
DropdownMenuSeparator: dropdownMenuSeparator,
|
|
96
|
-
DropdownMenuSub: _sfc_main$
|
|
97
|
-
DropdownMenuSubContent: _sfc_main$
|
|
98
|
-
DropdownMenuSubTrigger: _sfc_main$
|
|
96
|
+
DropdownMenuSub: _sfc_main$4,
|
|
97
|
+
DropdownMenuSubContent: _sfc_main$5,
|
|
98
|
+
DropdownMenuSubTrigger: _sfc_main$6,
|
|
99
99
|
DropdownMenuTrigger: dropdownMenuTrigger,
|
|
100
100
|
FancyButton: fancyButton,
|
|
101
101
|
HintText: hintText,
|
|
102
102
|
Label: label,
|
|
103
103
|
LinkButton: linkButton,
|
|
104
|
-
Modal: _sfc_main$
|
|
104
|
+
Modal: _sfc_main$7,
|
|
105
105
|
ModalBody: modalBody,
|
|
106
|
-
ModalClose: _sfc_main$
|
|
106
|
+
ModalClose: _sfc_main$8,
|
|
107
107
|
ModalContent: modalContent,
|
|
108
108
|
ModalFooter: modalFooter,
|
|
109
109
|
ModalHeader: modalHeader,
|
|
110
|
-
ModalTrigger: _sfc_main$
|
|
111
|
-
Popover: _sfc_main$
|
|
110
|
+
ModalTrigger: _sfc_main$9,
|
|
111
|
+
Popover: _sfc_main$a,
|
|
112
112
|
PopoverContent,
|
|
113
113
|
PopoverTrigger,
|
|
114
|
-
ScrollArea: _sfc_main$
|
|
114
|
+
ScrollArea: _sfc_main$b,
|
|
115
115
|
SegmentedControl: segmentedControl,
|
|
116
116
|
SegmentedControlItem: segmentedControlItem,
|
|
117
|
-
Select: _sfc_main$
|
|
117
|
+
Select: _sfc_main$c,
|
|
118
118
|
SelectContent,
|
|
119
|
-
SelectGroup: _sfc_main$
|
|
119
|
+
SelectGroup: _sfc_main$d,
|
|
120
120
|
SelectIcon: selectIcon,
|
|
121
121
|
SelectItem,
|
|
122
122
|
SelectLabel: selectLabel,
|
|
123
123
|
SelectSeparator: selectSeparator,
|
|
124
124
|
SelectTrigger,
|
|
125
125
|
SelectValue,
|
|
126
|
-
Slider: _sfc_main$
|
|
126
|
+
Slider: _sfc_main$e,
|
|
127
127
|
SocialButton: socialButton,
|
|
128
128
|
StatusBadge: statusBadge,
|
|
129
|
-
Switch: _sfc_main$
|
|
129
|
+
Switch: _sfc_main$f,
|
|
130
130
|
TabMenu: tabMenu,
|
|
131
131
|
TabMenuContent: tabMenuContent,
|
|
132
132
|
TabMenuItem: tabMenuItem,
|
|
@@ -157,54 +157,54 @@ export {
|
|
|
157
157
|
ComboboxInput,
|
|
158
158
|
ComboboxItem,
|
|
159
159
|
ComboboxList,
|
|
160
|
-
|
|
160
|
+
ComboboxRoot,
|
|
161
161
|
ComboboxSeparator,
|
|
162
162
|
ComboboxTrigger,
|
|
163
163
|
CompactButton,
|
|
164
|
-
_sfc_main$
|
|
164
|
+
_sfc_main$2 as ContentDivider,
|
|
165
165
|
contextMenuItem as ContextMenuItem,
|
|
166
166
|
dropdown as Dropdown,
|
|
167
167
|
DropdownItem,
|
|
168
168
|
dropdownMenu as DropdownMenu,
|
|
169
|
-
_sfc_main$
|
|
169
|
+
_sfc_main$3 as DropdownMenuContent,
|
|
170
170
|
dropdownMenuGroup as DropdownMenuGroup,
|
|
171
171
|
dropdownMenuItem as DropdownMenuItem,
|
|
172
172
|
dropdownMenuLabel as DropdownMenuLabel,
|
|
173
173
|
dropdownMenuSeparator as DropdownMenuSeparator,
|
|
174
|
-
_sfc_main$
|
|
175
|
-
_sfc_main$
|
|
176
|
-
_sfc_main$
|
|
174
|
+
_sfc_main$4 as DropdownMenuSub,
|
|
175
|
+
_sfc_main$5 as DropdownMenuSubContent,
|
|
176
|
+
_sfc_main$6 as DropdownMenuSubTrigger,
|
|
177
177
|
dropdownMenuTrigger as DropdownMenuTrigger,
|
|
178
178
|
fancyButton as FancyButton,
|
|
179
179
|
hintText as HintText,
|
|
180
180
|
label as Label,
|
|
181
181
|
linkButton as LinkButton,
|
|
182
|
-
_sfc_main$
|
|
182
|
+
_sfc_main$7 as Modal,
|
|
183
183
|
modalBody as ModalBody,
|
|
184
|
-
_sfc_main$
|
|
184
|
+
_sfc_main$8 as ModalClose,
|
|
185
185
|
modalContent as ModalContent,
|
|
186
186
|
modalFooter as ModalFooter,
|
|
187
187
|
modalHeader as ModalHeader,
|
|
188
|
-
_sfc_main$
|
|
189
|
-
_sfc_main$
|
|
188
|
+
_sfc_main$9 as ModalTrigger,
|
|
189
|
+
_sfc_main$a as Popover,
|
|
190
190
|
PopoverContent,
|
|
191
191
|
PopoverTrigger,
|
|
192
|
-
_sfc_main$
|
|
192
|
+
_sfc_main$b as ScrollArea,
|
|
193
193
|
segmentedControl as SegmentedControl,
|
|
194
194
|
segmentedControlItem as SegmentedControlItem,
|
|
195
|
-
_sfc_main$
|
|
195
|
+
_sfc_main$c as Select,
|
|
196
196
|
SelectContent,
|
|
197
|
-
_sfc_main$
|
|
197
|
+
_sfc_main$d as SelectGroup,
|
|
198
198
|
selectIcon as SelectIcon,
|
|
199
199
|
SelectItem,
|
|
200
200
|
selectLabel as SelectLabel,
|
|
201
201
|
selectSeparator as SelectSeparator,
|
|
202
202
|
SelectTrigger,
|
|
203
203
|
SelectValue,
|
|
204
|
-
_sfc_main$
|
|
204
|
+
_sfc_main$e as Slider,
|
|
205
205
|
socialButton as SocialButton,
|
|
206
206
|
statusBadge as StatusBadge,
|
|
207
|
-
_sfc_main$
|
|
207
|
+
_sfc_main$f as Switch,
|
|
208
208
|
tabMenu as TabMenu,
|
|
209
209
|
tabMenuContent as TabMenuContent,
|
|
210
210
|
tabMenuItem as TabMenuItem,
|
package/dist/es/text-input.js
CHANGED
|
@@ -114,7 +114,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
114
114
|
};
|
|
115
115
|
}
|
|
116
116
|
});
|
|
117
|
-
const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
117
|
+
const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d7dad6d5"]]);
|
|
118
118
|
export {
|
|
119
119
|
TextInput as default
|
|
120
120
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@youcan/celeste",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.6.
|
|
4
|
+
"version": "0.6.26",
|
|
5
5
|
"author": "YouCan <tech@youcan.shop>",
|
|
6
6
|
"keywords": [
|
|
7
7
|
"youcan",
|
|
@@ -32,8 +32,8 @@
|
|
|
32
32
|
"clsx": "^2.1.1",
|
|
33
33
|
"radix-vue": "^1.9.12",
|
|
34
34
|
"tinycolor2": "^1.6.0",
|
|
35
|
-
"@youcan/celeste-icons": "0.6.
|
|
36
|
-
"@youcan/celeste-tokens": "0.6.
|
|
35
|
+
"@youcan/celeste-icons": "0.6.26",
|
|
36
|
+
"@youcan/celeste-tokens": "0.6.26"
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
39
39
|
"@chromatic-com/storybook": "^4.0.0",
|
|
@@ -8,7 +8,13 @@ const forwarded = useForwardPropsEmits(props, emits);
|
|
|
8
8
|
</script>
|
|
9
9
|
|
|
10
10
|
<template>
|
|
11
|
-
<ComboboxRoot v-bind="forwarded">
|
|
11
|
+
<ComboboxRoot class="celeste-combobox-root" v-bind="forwarded">
|
|
12
12
|
<slot />
|
|
13
13
|
</ComboboxRoot>
|
|
14
14
|
</template>
|
|
15
|
+
|
|
16
|
+
<style lang="scss" scoped>
|
|
17
|
+
.celeste-combobox-root {
|
|
18
|
+
flex-shrink: 0;
|
|
19
|
+
}
|
|
20
|
+
</style>
|
|
@@ -195,7 +195,7 @@ export interface CustomComboboxTriggerProps extends ComboboxTriggerProps {
|
|
|
195
195
|
&.celeste-dropdown-anchor-trigger-type-compact-input {
|
|
196
196
|
width: fit-content;
|
|
197
197
|
border: none;
|
|
198
|
-
border-radius:
|
|
198
|
+
border-radius: 0;
|
|
199
199
|
box-shadow: none;
|
|
200
200
|
|
|
201
201
|
&:deep(.celeste-dropdown-input) {
|
|
@@ -453,7 +453,7 @@ export interface SelectedType {
|
|
|
453
453
|
&.celeste-dropdown-anchor-trigger-type-compact-input {
|
|
454
454
|
width: fit-content;
|
|
455
455
|
border: none;
|
|
456
|
-
border-radius:
|
|
456
|
+
border-radius: 0;
|
|
457
457
|
box-shadow: none;
|
|
458
458
|
|
|
459
459
|
&:deep(.celeste-dropdown-input) {
|
|
@@ -239,21 +239,22 @@ export interface TextInputProps extends /* @vue-ignore */ InputHTMLAttributes {
|
|
|
239
239
|
color: var(--celeste-text-input-icon-color);
|
|
240
240
|
}
|
|
241
241
|
|
|
242
|
-
:deep(.celeste-text-input-node) {
|
|
242
|
+
:deep(.celeste-text-input-node.celeste-text-input-leading-node) {
|
|
243
243
|
height: calc(var(--input-height) - var(--spacing-2));
|
|
244
|
-
border-radius: var(--input-radius)
|
|
244
|
+
border-end-start-radius: var(--input-radius);
|
|
245
|
+
border-start-start-radius: var(--input-radius);
|
|
246
|
+
border-end-end-radius: 0;
|
|
247
|
+
border-start-end-radius: 0;
|
|
248
|
+
border-inline-end: 1px solid var(--color-stroke-soft-200);
|
|
245
249
|
}
|
|
246
250
|
|
|
247
|
-
:deep(.celeste-text-input-
|
|
248
|
-
|
|
249
|
-
border-
|
|
250
|
-
border-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
border-inline-start: 1px solid var(--color-stroke-soft-200) !important;
|
|
255
|
-
border-end-start-radius: 0 !important;
|
|
256
|
-
border-start-start-radius: 0 !important;
|
|
251
|
+
:deep(.celeste-text-input-node.celeste-text-input-trailing-node) {
|
|
252
|
+
height: calc(var(--input-height) - var(--spacing-2));
|
|
253
|
+
border-end-end-radius: var(--input-radius);
|
|
254
|
+
border-start-end-radius: var(--input-radius);
|
|
255
|
+
border-end-start-radius: 0;
|
|
256
|
+
border-start-start-radius: 0;
|
|
257
|
+
border-inline-start: 1px solid var(--color-stroke-soft-200);
|
|
257
258
|
}
|
|
258
259
|
}
|
|
259
260
|
</style>
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
const Mo = require("vue");
|
|
3
|
-
const index = require("./index.js");
|
|
4
|
-
const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
5
|
-
__name: "combobox-root",
|
|
6
|
-
props: {
|
|
7
|
-
modelValue: {},
|
|
8
|
-
defaultValue: {},
|
|
9
|
-
open: { type: Boolean },
|
|
10
|
-
defaultOpen: { type: Boolean },
|
|
11
|
-
searchTerm: {},
|
|
12
|
-
selectedValue: {},
|
|
13
|
-
multiple: { type: Boolean },
|
|
14
|
-
disabled: { type: Boolean },
|
|
15
|
-
name: {},
|
|
16
|
-
dir: {},
|
|
17
|
-
filterFunction: { type: Function },
|
|
18
|
-
displayValue: { type: Function },
|
|
19
|
-
resetSearchTermOnBlur: { type: Boolean },
|
|
20
|
-
asChild: { type: Boolean },
|
|
21
|
-
as: {}
|
|
22
|
-
},
|
|
23
|
-
emits: ["update:modelValue", "update:open", "update:searchTerm", "update:selectedValue"],
|
|
24
|
-
setup(__props, { emit: __emit }) {
|
|
25
|
-
const props = __props;
|
|
26
|
-
const emits = __emit;
|
|
27
|
-
const forwarded = index.xe(props, emits);
|
|
28
|
-
return (_ctx, _cache) => {
|
|
29
|
-
return Mo.openBlock(), Mo.createBlock(Mo.unref(index.Hv), Mo.normalizeProps(Mo.guardReactiveProps(Mo.unref(forwarded))), {
|
|
30
|
-
default: Mo.withCtx(() => [
|
|
31
|
-
Mo.renderSlot(_ctx.$slots, "default")
|
|
32
|
-
]),
|
|
33
|
-
_: 3
|
|
34
|
-
}, 16);
|
|
35
|
-
};
|
|
36
|
-
}
|
|
37
|
-
});
|
|
38
|
-
exports._sfc_main = _sfc_main;
|