@youcan/celeste 0.6.91 → 0.6.93

package/dist/celeste.css

@@ -2796,9 +2796,9 @@ to {
 }
 .celeste-dropdown-item .celeste-dropdown-item-header-lg .celeste-dropdown-item-label[data-v-3c2bd0ae] {
   font-weight: var(--font-weights-display-0);
-}.celeste-dropdown-content[data-v-dc6bae8b],
-div[data-v-dc6bae8b] .celeste-dropdown-content {
-  --dropdown-width: fit-content;
+}.celeste-dropdown-content[data-v-ac4c9fe6],
+div[data-v-ac4c9fe6] .celeste-dropdown-content {
+  --dropdown-width: var(--radix-popper-anchor-width);
   --dropdown-height: 300px;
   --dropdown-min-width: var(--radix-combobox-trigger-width, 300px);
   display: flex;
@@ -2820,20 +2820,20 @@ div[data-v-dc6bae8b] .celeste-dropdown-content {
   box-shadow: var(--shadow-regular-md);
   gap: var(--spacing-4);
 }
-.celeste-dropdown-content[data-state=open][data-v-dc6bae8b],
-div[data-v-dc6bae8b] .celeste-dropdown-content[data-state=open] {
-  animation-name: slide-up-and-fade-dc6bae8b;
+.celeste-dropdown-content[data-state=open][data-v-ac4c9fe6],
+div[data-v-ac4c9fe6] .celeste-dropdown-content[data-state=open] {
+  animation-name: slide-up-and-fade-ac4c9fe6;
 }
-.celeste-dropdown-content[data-state=closed][data-v-dc6bae8b],
-div[data-v-dc6bae8b] .celeste-dropdown-content[data-state=closed] {
-  animation-name: slide-down-and-fade-dc6bae8b;
+.celeste-dropdown-content[data-state=closed][data-v-ac4c9fe6],
+div[data-v-ac4c9fe6] .celeste-dropdown-content[data-state=closed] {
+  animation-name: slide-down-and-fade-ac4c9fe6;
 }
-div[data-v-dc6bae8b] .celeste-dropdown-items-viewport {
+div[data-v-ac4c9fe6] .celeste-dropdown-items-viewport {
   display: flex;
   flex-direction: column;
   gap: var(--spacing-4);
 }
-@keyframes slide-up-and-fade-dc6bae8b {
+@keyframes slide-up-and-fade-ac4c9fe6 {
 from {
     transform: translateY(10px);
     opacity: 0;
@@ -2843,7 +2843,7 @@ to {
     opacity: 1;
 }
 }
-@keyframes slide-down-and-fade-dc6bae8b {
+@keyframes slide-down-and-fade-ac4c9fe6 {
 from {
     transform: translateY(0);
     opacity: 1;

package/dist/cjs/combobox-list.js

@@ -59,5 +59,5 @@ const _sfc_main = /* @__PURE__ */ No.defineComponent({
     };
   }
 });
-const ComboboxList = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-dc6bae8b"]]);
+const ComboboxList = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-ac4c9fe6"]]);
 module.exports = ComboboxList;

package/dist/es/combobox-list.js

@@ -58,7 +58,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ComboboxList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-dc6bae8b"]]);
+const ComboboxList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ac4c9fe6"]]);
 export {
   ComboboxList as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@youcan/celeste",
   "type": "module",
-  "version": "0.6.91",
+  "version": "0.6.93",
   "author": "YouCan <tech@youcan.shop>",
   "repository": {
     "type": "git",
@@ -48,8 +48,8 @@
     "radix-vue": "^1.9.17",
     "tinycolor2": "^1.6.0",
     "vue-sonner": "^2.0.9",
-    "@youcan/celeste-icons": "0.6.91",
-    "@youcan/celeste-tokens": "0.6.91"
+    "@youcan/celeste-icons": "0.6.93",
+    "@youcan/celeste-tokens": "0.6.93"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.1.3",

package/src/components/combobox/combobox-list.vue

@@ -36,7 +36,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
 <style lang="scss" scoped>
 .celeste-dropdown-content,
 div:deep(.celeste-dropdown-content) {
-  --dropdown-width: fit-content;
+  --dropdown-width: var(--radix-popper-anchor-width);
   --dropdown-height: 300px;
   --dropdown-min-width: var(--radix-combobox-trigger-width, 300px);