@youcan/celeste 0.10.0 → 0.10.2

package/dist/celeste.css

@@ -6008,24 +6008,24 @@ to {
   border-end-end-radius: var(--radius-8);
 }
 
-.celeste-table-row[data-v-5046b10a] {
+.celeste-table-row[data-v-973f1d8b] {
   transition:
     color,
     background-color var(--animation-fast) ease;
 }
-.celeste-table-row-divider[data-v-5046b10a] {
+.celeste-table-row-divider[data-v-973f1d8b] {
   height: 0;
 }
-.celeste-table-row-divider td[data-v-5046b10a] {
+.celeste-table-row-divider td[data-v-973f1d8b] {
   height: 0;
   padding: var(--spacing-0);
   border-bottom: 1px solid var(--color-stroke-soft-200);
   line-height: 0;
 }
-.celeste-table-row-divider[data-v-5046b10a]:last-child {
+.celeste-table-row-divider[data-v-973f1d8b]:last-child {
   display: none;
 }
-.celeste-table-row-hoverable[data-v-5046b10a]:hover .celeste-table-cell {
+.celeste-table-row-hoverable[data-v-973f1d8b]:hover .celeste-table-cell {
   background-color: var(--color-bg-weak-50);
 }
 

package/dist/cjs/chunks/bar-chart.cjs

@@ -10093,7 +10093,7 @@ var bar_chart_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		}
 		const formatValue = (0, vue.computed)(() => (v) => props.format(v, locale.value));
 		const formatTick = (0, vue.computed)(() => (v) => props.tickFormat(v, locale.value));
-		const y = (0, vue.computed)(() => props.dense ? [totalOf] : props.series.map((s) => hidden.value.includes(s.key) ? () => EPSILON : (d) => valueOf(d, s.key)));
+		const y = (0, vue.computed)(() => props.dense ? [(d) => totalOf(d) || EPSILON] : props.series.map((s) => hidden.value.includes(s.key) ? () => EPSILON : (d) => valueOf(d, s.key) || EPSILON));
 		const color = (0, vue.computed)(() => {
 			const map = colors.value;
 			if (props.dense) return () => require_chart.chartColor(0);

package/dist/cjs/chunks/table-row.cjs

@@ -3,6 +3,7 @@ const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.c
 let vue = require("vue");
 //#region src/components/table/table-row.vue?vue&type=script&setup=true&lang.ts
 var table_row_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
+	inheritAttrs: false,
 	__name: "table-row",
 	props: {
 		class: { type: [
@@ -20,7 +21,7 @@ var table_row_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vu
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, null, [(0, vue.createElementVNode)("tr", { class: (0, vue.normalizeClass)((0, vue.unref)(require_clsx.clsx)("celeste-table-row", props.class, { "celeste-table-row-hoverable": props.hoverable })) }, [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)], 2), _cache[0] || (_cache[0] = (0, vue.createElementVNode)("tr", {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, null, [(0, vue.createElementVNode)("tr", (0, vue.mergeProps)(_ctx.$attrs, { class: (0, vue.unref)(require_clsx.clsx)("celeste-table-row", props.class, { "celeste-table-row-hoverable": props.hoverable }) }), [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)], 16), _cache[0] || (_cache[0] = (0, vue.createElementVNode)("tr", {
 				"aria-hidden": "true",
 				class: "celeste-table-row-divider"
 			}, [(0, vue.createElementVNode)("td", { colspan: "100" })], -1))], 64);
@@ -29,7 +30,7 @@ var table_row_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vu
 });
 //#endregion
 //#region src/components/table/table-row.vue
-var table_row_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(table_row_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-5046b10a"]]);
+var table_row_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(table_row_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-973f1d8b"]]);
 //#endregion
 Object.defineProperty(exports, "table_row_default", {
 	enumerable: true,

package/dist/es/chunks/bar-chart.js

@@ -10090,7 +10090,7 @@ var bar_chart_default = /* @__PURE__ */ defineComponent({
 		}
 		const formatValue = computed(() => (v) => props.format(v, locale.value));
 		const formatTick = computed(() => (v) => props.tickFormat(v, locale.value));
-		const y = computed(() => props.dense ? [totalOf] : props.series.map((s) => hidden.value.includes(s.key) ? () => EPSILON : (d) => valueOf(d, s.key)));
+		const y = computed(() => props.dense ? [(d) => totalOf(d) || EPSILON] : props.series.map((s) => hidden.value.includes(s.key) ? () => EPSILON : (d) => valueOf(d, s.key) || EPSILON));
 		const color = computed(() => {
 			const map = colors.value;
 			if (props.dense) return () => chartColor(0);

package/dist/es/chunks/table-row.js

@@ -1,9 +1,10 @@
 import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { Fragment, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+import { Fragment, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot, unref } from "vue";
 //#endregion
 //#region src/components/table/table-row.vue
 var table_row_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
 	__name: "table-row",
 	props: {
 		class: { type: [
@@ -21,12 +22,12 @@ var table_row_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createElementVNode("tr", { class: normalizeClass(unref(clsx)("celeste-table-row", props.class, { "celeste-table-row-hoverable": props.hoverable })) }, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 2), _cache[0] || (_cache[0] = createElementVNode("tr", {
+			return openBlock(), createElementBlock(Fragment, null, [createElementVNode("tr", mergeProps(_ctx.$attrs, { class: unref(clsx)("celeste-table-row", props.class, { "celeste-table-row-hoverable": props.hoverable }) }), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16), _cache[0] || (_cache[0] = createElementVNode("tr", {
 				"aria-hidden": "true",
 				class: "celeste-table-row-divider"
 			}, [createElementVNode("td", { colspan: "100" })], -1))], 64);
 		};
 	}
-}), [["__scopeId", "data-v-5046b10a"]]);
+}), [["__scopeId", "data-v-973f1d8b"]]);
 //#endregion
 export { table_row_default as t };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@youcan/celeste",
   "type": "module",
-  "version": "0.10.0",
+  "version": "0.10.2",
   "author": "YouCan <tech@youcan.shop>",
   "repository": {
     "type": "git",
@@ -51,8 +51,8 @@
     "reka-ui": "^2.10.1",
     "tinycolor2": "^1.6.0",
     "vue-sonner": "^2.0.9",
-    "@youcan/celeste-icons": "0.10.0",
-    "@youcan/celeste-tokens": "0.10.0"
+    "@youcan/celeste-icons": "0.10.2",
+    "@youcan/celeste-tokens": "0.10.2"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^5.3.0",

package/src/components/chart/bar-chart.vue

@@ -115,10 +115,10 @@ const formatValue = computed(() => (v: number) => props.format(v, locale.value))
 const formatTick = computed(() => (v: number) => props.tickFormat(v, locale.value));
 
 const y = computed(() => props.dense
-  ? [totalOf]
+  ? [(d: BarDatum) => totalOf(d) || EPSILON]
   : props.series.map(s => hidden.value.includes(s.key)
       ? () => EPSILON
-      : (d: BarDatum) => valueOf(d, s.key)));
+      : (d: BarDatum) => valueOf(d, s.key) || EPSILON));
 
 const color = computed(() => {
   const map = colors.value;

package/src/components/table/table-row.vue

@@ -7,6 +7,10 @@ export interface TableRowProps {
   hoverable?: boolean;
 }
 
+defineOptions({
+  inheritAttrs: false,
+});
+
 const props = withDefaults(
   defineProps<TableRowProps>(),
   { hoverable: true },
@@ -14,7 +18,7 @@ const props = withDefaults(
 </script>
 
 <template>
-  <tr :class="clsx('celeste-table-row', props.class, { 'celeste-table-row-hoverable': props.hoverable })">
+  <tr v-bind="$attrs" :class="clsx('celeste-table-row', props.class, { 'celeste-table-row-hoverable': props.hoverable })">
     <slot />
   </tr>
   <tr aria-hidden="true" class="celeste-table-row-divider">