@youcan/celeste 0.6.99 → 0.6.100

package/dist/celeste.css

@@ -3178,10 +3178,10 @@ to {
     scale: 0.98;
     opacity: 0;
 }
-}.show-more-wrapper[data-v-64fad3cb] .i-celeste-arrow-down-s-line {
+}.show-more-wrapper[data-v-3c432b0c] .i-celeste-arrow-down-s-line {
   display: none;
 }
-.celeste-select-item[data-state=checked][data-v-64fad3cb] .i-celeste-check-line {
+.celeste-select-item[data-state=checked][data-v-3c432b0c] .i-celeste-check-line {
   display: none;
 }.celeste-file-upload-area[data-v-0e4f337e] {
   display: flex;
@@ -3379,7 +3379,7 @@ to {
 }
 .celeste-switch:hover:not(:active, :disabled)[aria-checked=true] {
   --bg-color: var(--color-primary-darker);
-}.link-bubble[data-v-ec88b8f1] {
+}.link-bubble[data-v-d757fd2c] {
   max-width: calc(100vw - 40px);
   padding: var(--spacing-12);
   border: 1px solid var(--color-stroke-soft-200);
@@ -3387,58 +3387,58 @@ to {
   background-color: var(--color-bg-white-0);
   box-shadow: var(--shadow-regular-xs);
 }
-.link-bubble .set-mode[data-v-ec88b8f1] {
+.link-bubble .set-mode[data-v-d757fd2c] {
   display: flex;
   flex-direction: column;
   gap: var(--spacing-12);
 }
-.link-bubble .set-mode .set-link[data-v-ec88b8f1] {
+.link-bubble .set-mode .set-link[data-v-d757fd2c] {
   display: flex;
   gap: var(--spacing-8);
 }
-.link-bubble .set-mode .set-link .link-input[data-v-ec88b8f1] {
+.link-bubble .set-mode .set-link .link-input[data-v-d757fd2c] {
   flex: 1;
   min-width: 140px;
 }
-.link-bubble .set-mode .set-link button[data-v-ec88b8f1] {
+.link-bubble .set-mode .set-link button[data-v-d757fd2c] {
   flex-shrink: 0;
   white-space: nowrap;
 }
-.link-bubble .set-mode[data-v-ec88b8f1] .celeste-switch[aria-checked='true'] {
+.link-bubble .set-mode[data-v-d757fd2c] .celeste-switch[aria-checked='true'] {
   background-color: var(--color-neutral-700);
 }
-.link-bubble .set-mode[data-v-ec88b8f1] .celeste-switch[aria-checked='true'] .celeste-switch-thumb::before {
+.link-bubble .set-mode[data-v-d757fd2c] .celeste-switch[aria-checked='true'] .celeste-switch-thumb::before {
   background-color: currentcolor;
 }
-.link-bubble .set-mode .switch-button-box[data-v-ec88b8f1] {
+.link-bubble .set-mode .switch-button-box[data-v-d757fd2c] {
   display: flex;
   align-items: center;
   gap: var(--spacing-8);
 }
-.link-bubble .edit-mode[data-v-ec88b8f1] {
+.link-bubble .edit-mode[data-v-d757fd2c] {
   display: flex;
   align-items: center;
   gap: var(--spacing-8);
 }
-.link-bubble .edit-mode .divider[data-v-ec88b8f1] {
+.link-bubble .edit-mode .divider[data-v-d757fd2c] {
   width: 1px;
   height: 16px;
   margin: 0 3px;
   background: var(--color-stroke-soft-200);
 }
-.link-bubble .edit-mode[data-v-ec88b8f1] .celeste-link-button {
+.link-bubble .edit-mode[data-v-d757fd2c] .celeste-link-button {
   display: flex;
   border-radius: var(--radius-8);
   color: var(--color-neutral-700);
   gap: var(--spacing-8);
-}.celeste-rich-editor[data-v-4e1c9896] {
+}.celeste-rich-editor[data-v-0342e5f9] {
   position: relative;
   border: 1px solid var(--color-stroke-soft-200);
   border-radius: var(--spacing-12);
   background: var(--color-bg-white-0);
   box-shadow: var(--shadow-regular-xs);
 }
-.celeste-rich-editor .toolbar[data-v-4e1c9896] {
+.celeste-rich-editor .toolbar[data-v-0342e5f9] {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
@@ -3448,121 +3448,127 @@ to {
   background: var(--color-bg-white-0);
   gap: var(--spacing-4);
 }
-.celeste-rich-editor .toolbar[data-v-4e1c9896] .celeste-cbutton:active {
+.celeste-rich-editor .toolbar[data-v-0342e5f9] .celeste-cbutton:active {
   background-color: var(--color-bg-weak-50);
   box-shadow: none;
   color: var(--color-icon-strong-950);
 }
-.celeste-rich-editor .toolbar .celeste-cbutton.active[data-v-4e1c9896] {
+.celeste-rich-editor .toolbar .celeste-cbutton.active[data-v-0342e5f9] {
   background-color: var(--color-neutral-100);
   color: var(--color-icon-strong-950);
 }
-.celeste-rich-editor .toolbar .divider[data-v-4e1c9896] {
+.celeste-rich-editor .toolbar .divider[data-v-0342e5f9] {
   width: 1px;
   height: 16px;
   margin: 0 3px;
   background: var(--color-stroke-soft-200);
 }
-.celeste-rich-editor .toolbar .extra-settings-wrapper[data-v-4e1c9896] {
+.celeste-rich-editor .toolbar .extra-settings-wrapper[data-v-0342e5f9] {
   display: flex;
   align-items: center;
 }
-.celeste-rich-editor .text-field[data-v-4e1c9896] {
+.celeste-rich-editor .text-field[data-v-0342e5f9] {
   min-height: 88px;
   margin: var(--spacing-12);
   padding-inline-end: var(--spacing-12);
   overflow-y: auto;
   resize: vertical;
 }
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap {
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap {
   min-height: 88px;
   outline: none;
 }
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap :first-child {
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap :first-child {
   margin-top: 0;
 }
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap p.is-editor-empty:first-child::before {
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap p.is-editor-empty:first-child::before {
   content: attr(data-placeholder);
   height: 0;
   color: var(--color-neutral-300);
   pointer-events: none;
 }
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap h1,
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap h2,
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap h3,
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap h4,
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap h5,
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap h6,
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap p {
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap h1,
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap h2,
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap h3,
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap h4,
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap h5,
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap h6,
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap p {
   margin-bottom: 0;
 }
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap h1 {
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap h1 {
   margin-top: 40px;
   font-size: 56px;
   font-weight: 500;
   letter-spacing: -0.01em;
   line-height: 64px;
 }
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap h2 {
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap h2 {
   margin-top: 36px;
   font-size: 48px;
   font-weight: 500;
   letter-spacing: -0.01em;
   line-height: 56px;
 }
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap h3 {
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap h3 {
   margin-top: 32px;
   font-size: 40px;
   font-weight: 500;
   letter-spacing: -0.01em;
   line-height: 48px;
 }
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap h4 {
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap h4 {
   margin-top: 20px;
   font-size: 32px;
   font-weight: 500;
   letter-spacing: -0.005em;
   line-height: 40px;
 }
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap h5 {
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap h5 {
   margin-top: 20px;
   font-size: 24px;
   font-weight: 500;
   letter-spacing: 0;
   line-height: 32px;
 }
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap h6 {
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap h6 {
   margin-top: 16px;
   font-size: 20px;
   font-weight: 500;
   letter-spacing: 0;
   line-height: 28px;
 }
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap p {
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap p {
   margin-top: 12px;
   font-size: 16px;
   font-weight: 400;
   letter-spacing: -0.011em;
   line-height: 24px;
 }
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap ul,
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap ol {
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap ul,
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap ol {
   margin: 1.25rem 1rem 1.25rem 0.4rem;
   padding: 0 1rem;
 }
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap ul li p,
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap ol li p {
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap ul li p,
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap ol li p {
   margin-top: 0.25em;
   margin-bottom: 0.25em;
 }
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap a {
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap ul {
+  list-style-type: disc;
+}
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap ol {
+  list-style-type: decimal;
+}
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap a {
   color: var(--color-blue-700);
   cursor: pointer;
 }
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap a:hover {
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap a:hover {
   color: var(--color-blue-500);
 }
-.celeste-rich-editor .characters-count[data-v-4e1c9896] {
+.celeste-rich-editor .characters-count[data-v-0342e5f9] {
   position: absolute;
   bottom: 7px;
   inset-inline-end: 22px;
@@ -3574,23 +3580,23 @@ to {
   color: var(--color-text-soft-400);
   font: var(--subheading-xxs);
 }
-.celeste-rich-editor .characters-count.warning[data-v-4e1c9896] {
+.celeste-rich-editor .characters-count.warning[data-v-0342e5f9] {
   color: var(--color-state-warning-base);
 }
-.celeste-rich-editor .characters-count.danger[data-v-4e1c9896] {
+.celeste-rich-editor .characters-count.danger[data-v-0342e5f9] {
   color: var(--color-state-error-base);
 }
-.celeste-rich-editor .select-menu-wrapper[data-v-4e1c9896] {
+.celeste-rich-editor .select-menu-wrapper[data-v-0342e5f9] {
   padding: 0 var(--spacing-4);
 }
-.celeste-rich-editor[data-v-4e1c9896]:dir(rtl) .i-celeste-arrow-go-back-line,
-.celeste-rich-editor[data-v-4e1c9896]:dir(rtl) .i-celeste-arrow-go-forward-line {
+.celeste-rich-editor[data-v-0342e5f9]:dir(rtl) .i-celeste-arrow-go-back-line,
+.celeste-rich-editor[data-v-0342e5f9]:dir(rtl) .i-celeste-arrow-go-forward-line {
   transform: scaleX(-1);
 }
-.celeste-rich-editor[data-v-4e1c9896] .tippy-box[data-theme='custom'] {
+.celeste-rich-editor[data-v-0342e5f9] .tippy-box[data-theme='custom'] {
   max-width: 400px !important;
 }
-.celeste-select-item[data-state=checked][data-v-4e1c9896] .i-celeste-check-line {
+.celeste-select-item[data-state=checked][data-v-0342e5f9] .i-celeste-check-line {
   display: none;
 }
 .sonner-alert[data-v-37e85563] {

package/dist/cjs/chunks/extra-settings.cjs

@@ -93,6 +93,7 @@ var extra_settings_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 						variant: "dark"
 					}, {
 						default: (0, vue.withCtx)(() => [(0, vue.createVNode)(require_compact_button.compact_button_default, {
+							type: "button",
 							icon: "i-celeste-more-2-line",
 							variant: "ghost"
 						})]),
@@ -124,7 +125,7 @@ var extra_settings_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 });
 //#endregion
 //#region src/components/rich-editor/extra-settings.vue
-var extra_settings_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(extra_settings_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-64fad3cb"]]);
+var extra_settings_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(extra_settings_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-3c432b0c"]]);
 //#endregion
 Object.defineProperty(exports, "extra_settings_default", {
 	enumerable: true,

package/dist/cjs/chunks/link-bubble.cjs

@@ -144,6 +144,7 @@ var link_bubble_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0
 					})]),
 					_: 1
 				}, 8, ["modelValue"]), (0, vue.createVNode)(require_button.button_default, {
+					type: "button",
 					intent: "neutral",
 					size: "xs",
 					variant: "stroke",
@@ -169,12 +170,14 @@ var link_bubble_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0
 					}, 8, ["href", "target"]),
 					_cache[5] || (_cache[5] = (0, vue.createElementVNode)("div", { class: "divider" }, null, -1)),
 					(0, vue.createVNode)(require_compact_button.compact_button_default, {
+						type: "button",
 						icon: "i-celeste-edit-line",
 						size: "lg",
 						variant: "ghost",
 						onClick: startEdit
 					}),
 					(0, vue.createVNode)(require_compact_button.compact_button_default, {
+						type: "button",
 						icon: "i-celeste-delete-bin-line",
 						size: "lg",
 						variant: "ghost",
@@ -188,7 +191,7 @@ var link_bubble_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0
 });
 //#endregion
 //#region src/components/rich-editor/link-bubble.vue
-var link_bubble_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(link_bubble_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-ec88b8f1"]]);
+var link_bubble_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(link_bubble_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-d757fd2c"]]);
 //#endregion
 Object.defineProperty(exports, "link_bubble_default", {
 	enumerable: true,

package/dist/cjs/chunks/rich-editor.cjs

@@ -5107,6 +5107,7 @@ var rich_editor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0
 						variant: "dark"
 					}, {
 						default: (0, vue.withCtx)(() => [(0, vue.createVNode)(require_compact_button.compact_button_default, {
+							type: "button",
 							icon: `${item.icon}`,
 							variant: "ghost",
 							class: (0, vue.normalizeClass)({ active: typeof item.active === "string" && editor.value.isActive(item.active) }),
@@ -5177,7 +5178,7 @@ var rich_editor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0
 });
 //#endregion
 //#region src/components/rich-editor/rich-editor.vue
-var rich_editor_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(rich_editor_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-4e1c9896"]]);
+var rich_editor_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(rich_editor_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-0342e5f9"]]);
 //#endregion
 Object.defineProperty(exports, "rich_editor_default", {
 	enumerable: true,

package/dist/es/chunks/extra-settings.js

@@ -94,6 +94,7 @@ var extra_settings_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/
 						variant: "dark"
 					}, {
 						default: withCtx(() => [createVNode(compact_button_default, {
+							type: "button",
 							icon: "i-celeste-more-2-line",
 							variant: "ghost"
 						})]),
@@ -122,6 +123,6 @@ var extra_settings_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/
 			}, 8, ["modelValue"])]);
 		};
 	}
-}), [["__scopeId", "data-v-64fad3cb"]]);
+}), [["__scopeId", "data-v-3c432b0c"]]);
 //#endregion
 export { extra_settings_default as t };

package/dist/es/chunks/link-bubble.js

@@ -145,6 +145,7 @@ var link_bubble_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @
 					})]),
 					_: 1
 				}, 8, ["modelValue"]), createVNode(button_default, {
+					type: "button",
 					intent: "neutral",
 					size: "xs",
 					variant: "stroke",
@@ -170,12 +171,14 @@ var link_bubble_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @
 					}, 8, ["href", "target"]),
 					_cache[5] || (_cache[5] = createElementVNode("div", { class: "divider" }, null, -1)),
 					createVNode(compact_button_default, {
+						type: "button",
 						icon: "i-celeste-edit-line",
 						size: "lg",
 						variant: "ghost",
 						onClick: startEdit
 					}),
 					createVNode(compact_button_default, {
+						type: "button",
 						icon: "i-celeste-delete-bin-line",
 						size: "lg",
 						variant: "ghost",
@@ -186,6 +189,6 @@ var link_bubble_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @
 			}, 8, ["editor"]);
 		};
 	}
-}), [["__scopeId", "data-v-ec88b8f1"]]);
+}), [["__scopeId", "data-v-d757fd2c"]]);
 //#endregion
 export { link_bubble_default as t };

package/dist/es/chunks/rich-editor.js

@@ -5108,6 +5108,7 @@ var rich_editor_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @
 						variant: "dark"
 					}, {
 						default: withCtx(() => [createVNode(compact_button_default, {
+							type: "button",
 							icon: `${item.icon}`,
 							variant: "ghost",
 							class: normalizeClass({ active: typeof item.active === "string" && editor.value.isActive(item.active) }),
@@ -5175,6 +5176,6 @@ var rich_editor_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @
 			])) : createCommentVNode("", true);
 		};
 	}
-}), [["__scopeId", "data-v-4e1c9896"]]);
+}), [["__scopeId", "data-v-0342e5f9"]]);
 //#endregion
 export { rich_editor_default as t };

package/package.json

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

package/src/components/rich-editor/extra-settings.vue

@@ -115,6 +115,7 @@ function onActionClick(name: string, editor: Editor) {
       <SelectTrigger variant="inline">
         <Tooltip title="Extra settings" variant="dark">
           <CompactButton
+            type="button"
             icon="i-celeste-more-2-line"
             variant="ghost"
           />

package/src/components/rich-editor/link-bubble.vue

@@ -202,6 +202,7 @@ onUnmounted(() => {
               </template>
             </TextInput>
             <Button
+              type="button"
               intent="neutral"
               size="xs"
               variant="stroke"
@@ -230,12 +231,14 @@ onUnmounted(() => {
           </LinkButton>
           <div class="divider" />
           <CompactButton
+            type="button"
             icon="i-celeste-edit-line"
             size="lg"
             variant="ghost"
             @click="startEdit"
           />
           <CompactButton
+            type="button"
             icon="i-celeste-delete-bin-line"
             size="lg"
             variant="ghost"

package/src/components/rich-editor/rich-editor.vue

@@ -154,6 +154,7 @@ onBeforeUnmount(() => {
           variant="dark"
         >
           <CompactButton
+            type="button"
             :icon="`${item.icon}`"
             variant="ghost"
             :class="{ active: typeof item.active === 'string' && editor.isActive(item.active) }"
@@ -373,6 +374,14 @@ onBeforeUnmount(() => {
         }
       }
 
+      ul {
+        list-style-type: disc;
+      }
+
+      ol {
+        list-style-type: decimal;
+      }
+
       a {
         color: var(--color-blue-700);
         cursor: pointer;