@youcan/celeste 0.6.87 → 0.6.88

package/dist/celeste.css

@@ -4879,7 +4879,7 @@ to {
     flex: 1;
 }
 
-.celeste-tab-menu-item[data-v-08bd1cbb] {
+.celeste-tab-menu-item[data-v-d10a343b] {
   --animation-function: cubic-bezier(0, 0, 0.2, 1);
 
   display: inline-flex;
@@ -4895,19 +4895,21 @@ to {
   cursor: pointer;
   gap: var(--spacing-6);
 }
-.celeste-tab-menu-item[data-v-08bd1cbb] i {
+.celeste-tab-menu-item[data-v-d10a343b] i {
     width: 20px;
     height: 20px;
 }
-.celeste-tab-menu-item[data-v-08bd1cbb]:focus {
+.celeste-tab-menu-item[data-v-d10a343b]:focus {
     outline: none;
 }
-.celeste-tab-menu-item[data-orientation='horizontal'][data-v-08bd1cbb] {
+.celeste-tab-menu-item[data-orientation='horizontal'][data-v-d10a343b] {
     position: relative;
+    width: -moz-fit-content;
+    width: fit-content;
     padding-block: var(--spacing-14);
     padding-inline: var(--spacing-0);
 }
-.celeste-tab-menu-item[data-orientation='horizontal'][data-v-08bd1cbb]::after {
+.celeste-tab-menu-item[data-orientation='horizontal'][data-v-d10a343b]::after {
       content: '';
       display: block;
       position: absolute;
@@ -4918,25 +4920,25 @@ to {
       transition: all var(--animation-fast) var(--animation-function);
       background-color: transparent;
 }
-.celeste-tab-menu-item[data-orientation='vertical'][data-state='active'][data-v-08bd1cbb] {
+.celeste-tab-menu-item[data-orientation='vertical'][data-state='active'][data-v-d10a343b] {
     background-color: var(--color-bg-weak-50);
 }
-.celeste-tab-menu-item[data-orientation='horizontal'][data-state='active'][data-v-08bd1cbb] {
+.celeste-tab-menu-item[data-orientation='horizontal'][data-state='active'][data-v-d10a343b] {
     background-color: var(--color-bg-white-0);
 }
-.celeste-tab-menu-item[data-orientation='horizontal'][data-state='active'][data-v-08bd1cbb]::after {
+.celeste-tab-menu-item[data-orientation='horizontal'][data-state='active'][data-v-d10a343b]::after {
       background-color: var(--color-primary-base);
 }
-.celeste-tab-menu-item[data-state='active'][data-v-08bd1cbb] i {
+.celeste-tab-menu-item[data-state='active'][data-v-d10a343b] i {
       color: var(--color-primary-base);
 }
-.celeste-tab-menu-item[data-state='active'] span[data-v-08bd1cbb] {
+.celeste-tab-menu-item[data-state='active'] span[data-v-d10a343b] {
       color: var(--color-text-strong-950);
 }
-.celeste-tab-menu-item[data-state='inactive'][data-v-08bd1cbb] {
+.celeste-tab-menu-item[data-state='inactive'][data-v-d10a343b] {
     background-color: var(--color-bg-white-0);
 }
-.celeste-tab-menu-item .celeste-tab-menu-item-label[data-v-08bd1cbb] {
+.celeste-tab-menu-item .celeste-tab-menu-item-label[data-v-d10a343b] {
     flex: 1;
     overflow: hidden;
     font-size: var(--font-size-2);
@@ -4945,7 +4947,7 @@ to {
     white-space: nowrap;
 }
 
-.celeste-tab-menu-list[data-v-21188241] {
+.celeste-tab-menu-list[data-v-b3169863] {
   display: flex;
   align-items: center;
   justify-content: flex-start;
@@ -4953,13 +4955,13 @@ to {
   padding: var(--spacing-10);
   gap: var(--spacing-8);
 }
-.celeste-tab-menu-list[data-orientation='horizontal'][data-v-21188241] {
+.celeste-tab-menu-list[data-orientation='horizontal'][data-v-b3169863] {
     flex-direction: row;
     padding: var(--spacing-0);
     border-block: 1px solid var(--color-stroke-soft-200);
-    gap: var(--spacing-16);
+    gap: 24px;
 }
-.celeste-tab-menu-list[data-orientation='vertical'][data-v-21188241] {
+.celeste-tab-menu-list[data-orientation='vertical'][data-v-b3169863] {
     flex-direction: column;
 }
 

package/dist/cjs/tab-menu-item.js

@@ -41,5 +41,5 @@ const _sfc_main = /* @__PURE__ */ No.defineComponent({
     };
   }
 });
-const tabMenuItem = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-08bd1cbb"]]);
+const tabMenuItem = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-d10a343b"]]);
 module.exports = tabMenuItem;

package/dist/cjs/tab-menu-list.js

@@ -31,5 +31,5 @@ const _sfc_main = /* @__PURE__ */ No.defineComponent({
     };
   }
 });
-const tabMenuList = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-21188241"]]);
+const tabMenuList = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-b3169863"]]);
 module.exports = tabMenuList;

package/dist/es/tab-menu-item.js

@@ -40,7 +40,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const tabMenuItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-08bd1cbb"]]);
+const tabMenuItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d10a343b"]]);
 export {
   tabMenuItem as default
 };

package/dist/es/tab-menu-list.js

@@ -30,7 +30,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const tabMenuList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-21188241"]]);
+const tabMenuList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b3169863"]]);
 export {
   tabMenuList as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@youcan/celeste",
   "type": "module",
-  "version": "0.6.87",
+  "version": "0.6.88",
   "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.87",
-    "@youcan/celeste-tokens": "0.6.87"
+    "@youcan/celeste-tokens": "0.6.88",
+    "@youcan/celeste-icons": "0.6.88"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.1.3",

package/src/components/tab-menu/tab-menu-item.vue

@@ -54,6 +54,7 @@ const forwardedProps = useForwardProps(delegatedProps);
 
   &[data-orientation='horizontal'] {
     position: relative;
+    width: fit-content;
     padding-block: var(--spacing-14);
     padding-inline: var(--spacing-0);
 

package/src/components/tab-menu/tab-menu-list.vue

@@ -33,7 +33,7 @@ const delegatedProps = useDelegatedProps(props, 'class');
     flex-direction: row;
     padding: var(--spacing-0);
     border-block: 1px solid var(--color-stroke-soft-200);
-    gap: var(--spacing-16);
+    gap: 24px;
   }
 
   &[data-orientation='vertical'] {