@youcan/celeste 0.6.96 → 0.6.97

package/dist/celeste.css

@@ -3579,36 +3579,36 @@ to {
 }
 .celeste-hint-text-error i[data-v-42c3df99] {
   color: var(--color-state-error-base);
-}.celeste-label[data-v-30bd35de] {
+}.celeste-label[data-v-896f427f] {
   display: flex;
   align-items: center;
   gap: var(--spacing-2);
   color: var(--color-text-strong-950);
   font: var(--label-sm);
 }
-.celeste-label[data-v-30bd35de]:has(> a) > *:last-child {
+.celeste-label[data-v-896f427f]:has(> a) > *:last-child {
   flex: 2;
 }
-.celeste-label[aria-required=true][data-v-30bd35de]::after {
+.celeste-label[aria-required=true][data-v-896f427f]::after {
   content: "*";
   order: 2;
   color: var(--color-primary-base);
 }
-.celeste-label[data-v-30bd35de]:not(:has(> .celeste-sublabel, > .celeste-label-info, .celeste-label[aria-required=true])) > * {
+.celeste-label[data-v-896f427f]:not(:has(> .celeste-sublabel, > .celeste-label-info, .celeste-label[aria-required=true])) > * {
   flex: none;
 }
-.celeste-label:not(:has(> .celeste-sublabel, > .celeste-label-info, .celeste-label[aria-required=true]))[aria-required=false][data-v-30bd35de] {
+.celeste-label:not(:has(> .celeste-sublabel, > .celeste-label-info, .celeste-label[aria-required=true]))[aria-required=false][data-v-896f427f] {
   justify-content: space-between;
 }
-.celeste-label:not(:has(> .celeste-sublabel, > .celeste-label-info, .celeste-label[aria-required=true]))[aria-required=true][data-v-30bd35de]::after {
+.celeste-label:not(:has(> .celeste-sublabel, > .celeste-label-info, .celeste-label[aria-required=true]))[aria-required=true][data-v-896f427f]::after {
   flex: 2;
 }
-.celeste-label .celeste-sublabel[data-v-30bd35de] {
+.celeste-label .celeste-sublabel[data-v-896f427f] {
   order: 3;
   color: var(--color-text-sub-600);
   font: var(--paragraph-sm);
 }
-.celeste-label .celeste-label-info[data-v-30bd35de] {
+.celeste-label .celeste-label-info[data-v-896f427f] {
   display: flex;
   align-items: center;
   order: 4;
@@ -3617,15 +3617,15 @@ to {
   background-color: transparent;
   color: var(--color-icon-disabled-300);
 }
-.celeste-label .celeste-label-button[data-v-30bd35de] {
+.celeste-label .celeste-label-button[data-v-896f427f] {
   order: 5;
 }
-.celeste-label[aria-disabled=true][data-v-30bd35de] {
+.celeste-label[aria-disabled=true][data-v-896f427f] {
   color: var(--color-text-disabled-300);
   pointer-events: none;
 }
-.celeste-label[aria-disabled=true][data-v-30bd35de]::after, .celeste-label[aria-disabled=true][data-v-30bd35de] >  a,
-.celeste-label[aria-disabled=true] .celeste-sublabel[data-v-30bd35de] {
+.celeste-label[aria-disabled=true][data-v-896f427f]::after, .celeste-label[aria-disabled=true][data-v-896f427f] >  a,
+.celeste-label[aria-disabled=true] .celeste-sublabel[data-v-896f427f] {
   color: inherit;
 }.celeste-modal-body[data-v-8872ed90] {
   padding: var(--spacing-16);

package/dist/cjs/label.js

@@ -6,7 +6,8 @@ const tooltip_vue_vue_type_script_setup_true_lang = require("./chunks/tooltip.js
 const useDelegatedProps = require("./use-delegated-props.js");
 ;/* empty css                                                              */
 const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
-const _hoisted_1 = {
+const _hoisted_1 = { class: "celeste-label-text" };
+const _hoisted_2 = {
   key: 0,
   class: "celeste-sublabel"
 };
@@ -32,9 +33,11 @@ const _sfc_main = /* @__PURE__ */ No.defineComponent({
         class: No.unref(clsx.clsx)("celeste-label", props.class)
       }), {
         default: No.withCtx(() => [
-          No.renderSlot(_ctx.$slots, "default", {}, void 0, true),
+          No.createElementVNode("span", _hoisted_1, [
+            No.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ]),
           No.renderSlot(_ctx.$slots, "button", { class: "celeste-label-button" }, void 0, true),
-          _ctx.sublabel ? (No.openBlock(), No.createElementBlock("span", _hoisted_1, No.toDisplayString(_ctx.sublabel), 1)) : No.createCommentVNode("", true),
+          _ctx.sublabel ? (No.openBlock(), No.createElementBlock("span", _hoisted_2, No.toDisplayString(_ctx.sublabel), 1)) : No.createCommentVNode("", true),
           _ctx.information ? (No.openBlock(), No.createBlock(tooltip_vue_vue_type_script_setup_true_lang._sfc_main, {
             key: 1,
             title: _ctx.information
@@ -52,5 +55,5 @@ const _sfc_main = /* @__PURE__ */ No.defineComponent({
     };
   }
 });
-const Label = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-30bd35de"]]);
+const Label = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-896f427f"]]);
 module.exports = Label;

package/dist/es/label.js

@@ -1,11 +1,12 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, createElementBlock, createCommentVNode, toDisplayString, createElementVNode } from "vue";
+import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, createElementVNode, renderSlot, createElementBlock, createCommentVNode, toDisplayString } from "vue";
 import { c as clsx } from "./chunks/clsx.js";
 import { V as Vh } from "./chunks/index.js";
 import { _ as _sfc_main$1 } from "./chunks/tooltip.js";
 import { useDelegatedProps } from "./use-delegated-props.js";
 /* empty css                                                             */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
-const _hoisted_1 = {
+const _hoisted_1 = { class: "celeste-label-text" };
+const _hoisted_2 = {
   key: 0,
   class: "celeste-sublabel"
 };
@@ -31,9 +32,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: unref(clsx)("celeste-label", props.class)
       }), {
         default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true),
+          createElementVNode("span", _hoisted_1, [
+            renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ]),
           renderSlot(_ctx.$slots, "button", { class: "celeste-label-button" }, void 0, true),
-          _ctx.sublabel ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(_ctx.sublabel), 1)) : createCommentVNode("", true),
+          _ctx.sublabel ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(_ctx.sublabel), 1)) : createCommentVNode("", true),
           _ctx.information ? (openBlock(), createBlock(_sfc_main$1, {
             key: 1,
             title: _ctx.information
@@ -51,7 +54,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Label = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-30bd35de"]]);
+const Label = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-896f427f"]]);
 export {
   Label as default
 };

package/package.json

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

package/src/components/label/label.vue

@@ -23,7 +23,7 @@ const delegatedProps = useDelegatedProps(props, 'class');
     :aria-disabled="disabled"
     :class="clsx('celeste-label', props.class)"
   >
-    <slot />
+    <span class="celeste-label-text"><slot /></span>
     <slot name="button" class="celeste-label-button" />
     <span v-if="sublabel" class="celeste-sublabel">{{ sublabel }}</span>
     <Tooltip