@youcan/celeste 0.6.3 → 0.6.5

package/dist/cjs/alert.js

@@ -101,11 +101,11 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
           class: Mo.normalizeClass(["celeste-alert-close", [`celeste-alert-close--${_ctx.variant}`]]),
           onClick: _cache[0] || (_cache[0] = Mo.withModifiers(($event) => _ctx.$emit("dismiss"), ["prevent"]))
         }, _cache[1] || (_cache[1] = [
-          Mo.createElementVNode("i", { "i-celeste-close-line": "" }, null, -1)
+          Mo.createElementVNode("i", { class: "i-celeste-close-line" }, null, -1)
         ]), 2)) : Mo.createCommentVNode("", true)
       ], 10, _hoisted_1);
     };
   }
 });
-const alert = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-bf31e7d4"]]);
+const alert = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-a07f0877"]]);
 module.exports = alert;

package/dist/cjs/color-picker.js

@@ -47,7 +47,7 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
     Mo.useCssVars((_ctx) => ({
-      "207f2bae": _ctx.modelValue
+      "88e786d6": _ctx.modelValue
     }));
     const props = __props;
     const emit = __emit;
@@ -307,7 +307,7 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
                         onClick: sipColor
                       }, {
                         default: Mo.withCtx(() => _cache[54] || (_cache[54] = [
-                          Mo.createElementVNode("i", { "i-celeste-sip-line": "" }, null, -1)
+                          Mo.createElementVNode("i", { class: "i-celeste-sip-line" }, null, -1)
                         ])),
                         _: 1
                       })) : Mo.createCommentVNode("", true),
@@ -511,5 +511,5 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
     };
   }
 });
-const colorPicker = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-bc3d76fe"]]);
+const colorPicker = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-5d801c64"]]);
 module.exports = colorPicker;

package/dist/cjs/command-input.js

@@ -29,10 +29,7 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
     const forwardedProps = index.At(delegatedProps);
     return (_ctx, _cache) => {
       return Mo.openBlock(), Mo.createElementBlock("div", _hoisted_1, [
-        _cache[0] || (_cache[0] = Mo.createElementVNode("i", {
-          "i-celeste-search-line": "",
-          class: "celeste-command-input-icon"
-        }, null, -1)),
+        _cache[0] || (_cache[0] = Mo.createElementVNode("i", { class: "celeste-command-input-icon i-celeste-search-line" }, null, -1)),
         Mo.createVNode(Mo.unref(index.Wv), Mo.mergeProps({ ...Mo.unref(forwardedProps), ..._ctx.$attrs }, {
           "auto-focus": "",
           class: Mo.unref(clsx.clsx)("celeste-command-input-primitive", props.class)
@@ -41,5 +38,5 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
     };
   }
 });
-const commandInput = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-c3aa78a4"]]);
+const commandInput = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-0407a5d5"]]);
 module.exports = commandInput;

package/dist/es/alert.js

@@ -100,13 +100,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           class: normalizeClass(["celeste-alert-close", [`celeste-alert-close--${_ctx.variant}`]]),
           onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.$emit("dismiss"), ["prevent"]))
         }, _cache[1] || (_cache[1] = [
-          createElementVNode("i", { "i-celeste-close-line": "" }, null, -1)
+          createElementVNode("i", { class: "i-celeste-close-line" }, null, -1)
         ]), 2)) : createCommentVNode("", true)
       ], 10, _hoisted_1);
     };
   }
 });
-const alert = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bf31e7d4"]]);
+const alert = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a07f0877"]]);
 export {
   alert as default
 };

package/dist/es/color-picker.js

@@ -46,7 +46,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "207f2bae": _ctx.modelValue
+      "88e786d6": _ctx.modelValue
     }));
     const props = __props;
     const emit = __emit;
@@ -306,7 +306,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         onClick: sipColor
                       }, {
                         default: withCtx(() => _cache[54] || (_cache[54] = [
-                          createElementVNode("i", { "i-celeste-sip-line": "" }, null, -1)
+                          createElementVNode("i", { class: "i-celeste-sip-line" }, null, -1)
                         ])),
                         _: 1
                       })) : createCommentVNode("", true),
@@ -510,7 +510,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const colorPicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bc3d76fe"]]);
+const colorPicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5d801c64"]]);
 export {
   colorPicker as default
 };

package/dist/es/command-input.js

@@ -28,10 +28,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const forwardedProps = At(delegatedProps);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        _cache[0] || (_cache[0] = createElementVNode("i", {
-          "i-celeste-search-line": "",
-          class: "celeste-command-input-icon"
-        }, null, -1)),
+        _cache[0] || (_cache[0] = createElementVNode("i", { class: "celeste-command-input-icon i-celeste-search-line" }, null, -1)),
         createVNode(unref(Wv), mergeProps({ ...unref(forwardedProps), ..._ctx.$attrs }, {
           "auto-focus": "",
           class: unref(clsx)("celeste-command-input-primitive", props.class)
@@ -40,7 +37,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const commandInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c3aa78a4"]]);
+const commandInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0407a5d5"]]);
 export {
   commandInput as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@youcan/celeste",
   "type": "module",
-  "version": "0.6.3",
+  "version": "0.6.5",
   "author": "YouCan <tech@youcan.shop>",
   "keywords": [
     "youcan",
@@ -12,8 +12,7 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/es/index.js",
       "require": "./dist/cjs/index.cjs"
-    },
-    "./assets/celeste-vue.css": "./dist/celeste-vue.css"
+    }
   },
   "main": "./dist/cjs/index.cjs",
   "module": "./dist/es/index.js",
@@ -32,8 +31,8 @@
     "clsx": "^2.1.1",
     "radix-vue": "^1.9.12",
     "tinycolor2": "^1.6.0",
-    "@youcan/celeste-icons": "0.6.3",
-    "@youcan/celeste-tokens": "0.6.3"
+    "@youcan/celeste-icons": "0.6.5",
+    "@youcan/celeste-tokens": "0.6.5"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.0.0",

package/src/components/alert/alert.vue

@@ -92,7 +92,7 @@ export interface AlertProps {
       :class="[`celeste-alert-close--${variant}`]"
       @click.prevent="$emit('dismiss')"
     >
-      <i i-celeste-close-line />
+      <i class="i-celeste-close-line" />
     </a>
   </div>
 </template>

package/src/components/color-picker/color-picker.vue

@@ -326,7 +326,7 @@ declare global {
                 intent="neutral"
                 @click="sipColor"
               >
-                <i i-celeste-sip-line />
+                <i class="i-celeste-sip-line" />
               </Button>
               <div class="celeste-color-format-inputs">
                 <template v-if="currentColorFormat === 'hex'">

package/src/components/command/command-input.vue

@@ -22,7 +22,7 @@ const forwardedProps = useForwardProps(delegatedProps);
 
 <template>
   <div class="celeste-command-input" cmdk-input-wrapper>
-    <i i-celeste-search-line class="celeste-command-input-icon" />
+    <i class="celeste-command-input-icon i-celeste-search-line" />
     <ComboboxInput
       v-bind="{ ...forwardedProps, ...$attrs }"
       auto-focus

package/src/index.ts

@@ -1,6 +1,5 @@
 import type { App } from 'vue';
 import * as components from '@/components';
-import 'virtual:uno.css';
 
 export const Celeste = {
   install(vue: App) {