@youcan/celeste 0.10.1 → 0.10.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/celeste.css +5 -5
  2. package/dist/cjs/chunks/table-row.cjs +3 -2
  3. package/dist/es/chunks/table-row.js +4 -3
  4. package/package.json +3 -3
  5. package/src/components/table/table-row.vue +5 -1
package/dist/celeste.css CHANGED
@@ -6008,24 +6008,24 @@ to {
6008
6008
  border-end-end-radius: var(--radius-8);
6009
6009
  }
6010
6010
 
6011
- .celeste-table-row[data-v-5046b10a] {
6011
+ .celeste-table-row[data-v-973f1d8b] {
6012
6012
  transition:
6013
6013
  color,
6014
6014
  background-color var(--animation-fast) ease;
6015
6015
  }
6016
- .celeste-table-row-divider[data-v-5046b10a] {
6016
+ .celeste-table-row-divider[data-v-973f1d8b] {
6017
6017
  height: 0;
6018
6018
  }
6019
- .celeste-table-row-divider td[data-v-5046b10a] {
6019
+ .celeste-table-row-divider td[data-v-973f1d8b] {
6020
6020
  height: 0;
6021
6021
  padding: var(--spacing-0);
6022
6022
  border-bottom: 1px solid var(--color-stroke-soft-200);
6023
6023
  line-height: 0;
6024
6024
  }
6025
- .celeste-table-row-divider[data-v-5046b10a]:last-child {
6025
+ .celeste-table-row-divider[data-v-973f1d8b]:last-child {
6026
6026
  display: none;
6027
6027
  }
6028
- .celeste-table-row-hoverable[data-v-5046b10a]:hover .celeste-table-cell {
6028
+ .celeste-table-row-hoverable[data-v-973f1d8b]:hover .celeste-table-cell {
6029
6029
  background-color: var(--color-bg-weak-50);
6030
6030
  }
6031
6031
 
package/dist/cjs/chunks/table-row.cjs CHANGED
@@ -3,6 +3,7 @@ const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.c
3
3
  let vue = require("vue");
4
4
  //#region src/components/table/table-row.vue?vue&type=script&setup=true&lang.ts
5
5
  var table_row_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
6
+ inheritAttrs: false,
6
7
  __name: "table-row",
7
8
  props: {
8
9
  class: { type: [
@@ -20,7 +21,7 @@ var table_row_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vu
20
21
  setup(__props) {
21
22
  const props = __props;
22
23
  return (_ctx, _cache) => {
23
- 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", {
24
+ 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", {
24
25
  "aria-hidden": "true",
25
26
  class: "celeste-table-row-divider"
26
27
  }, [(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
29
30
  });
30
31
  //#endregion
31
32
  //#region src/components/table/table-row.vue
32
- 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"]]);
33
+ 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"]]);
33
34
  //#endregion
34
35
  Object.defineProperty(exports, "table_row_default", {
35
36
  enumerable: true,
package/dist/es/chunks/table-row.js CHANGED
@@ -1,9 +1,10 @@
1
1
  import { t as clsx } from "./clsx.js";
2
2
  import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
3
- import { Fragment, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
3
+ import { Fragment, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot, unref } from "vue";
4
4
  //#endregion
5
5
  //#region src/components/table/table-row.vue
6
6
  var table_row_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
7
+ inheritAttrs: false,
7
8
  __name: "table-row",
8
9
  props: {
9
10
  class: { type: [
@@ -21,12 +22,12 @@ var table_row_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
21
22
  setup(__props) {
22
23
  const props = __props;
23
24
  return (_ctx, _cache) => {
24
- 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", {
25
+ 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", {
25
26
  "aria-hidden": "true",
26
27
  class: "celeste-table-row-divider"
27
28
  }, [createElementVNode("td", { colspan: "100" })], -1))], 64);
28
29
  };
29
30
  }
30
- }), [["__scopeId", "data-v-5046b10a"]]);
31
+ }), [["__scopeId", "data-v-973f1d8b"]]);
31
32
  //#endregion
32
33
  export { table_row_default as t };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@youcan/celeste",
3
3
  "type": "module",
4
- "version": "0.10.1",
4
+ "version": "0.10.2",
5
5
  "author": "YouCan <tech@youcan.shop>",
6
6
  "repository": {
7
7
  "type": "git",
@@ -51,8 +51,8 @@
51
51
  "reka-ui": "^2.10.1",
52
52
  "tinycolor2": "^1.6.0",
53
53
  "vue-sonner": "^2.0.9",
54
- "@youcan/celeste-icons": "0.10.1",
55
- "@youcan/celeste-tokens": "0.10.1"
54
+ "@youcan/celeste-icons": "0.10.2",
55
+ "@youcan/celeste-tokens": "0.10.2"
56
56
  },
57
57
  "devDependencies": {
58
58
  "@chromatic-com/storybook": "^5.3.0",
package/src/components/table/table-row.vue CHANGED
@@ -7,6 +7,10 @@ export interface TableRowProps {
7
7
  hoverable?: boolean;
8
8
  }
9
9
 
10
+ defineOptions({
11
+ inheritAttrs: false,
12
+ });
13
+
10
14
  const props = withDefaults(
11
15
  defineProps<TableRowProps>(),
12
16
  { hoverable: true },
@@ -14,7 +18,7 @@ const props = withDefaults(
14
18
  </script>
15
19
 
16
20
  <template>
17
- <tr :class="clsx('celeste-table-row', props.class, { 'celeste-table-row-hoverable': props.hoverable })">
21
+ <tr v-bind="$attrs" :class="clsx('celeste-table-row', props.class, { 'celeste-table-row-hoverable': props.hoverable })">
18
22
  <slot />
19
23
  </tr>
20
24
  <tr aria-hidden="true" class="celeste-table-row-divider">