@leavepulse/ui 0.26.0 → 0.26.1

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.
@@ -11,12 +11,17 @@ import '../assets/LpSkeleton-D7xU8IPV.css';const _sfc_main = /* @__PURE__ */ def
11
11
  return openBlock(), createElementBlock("div", {
12
12
  "aria-hidden": "true",
13
13
  class: normalizeClass(["lp-skeleton", [
14
- isBlock.value ? "lp-skeleton-item bg-surface-soft" : "",
15
- {
16
- "rounded-control": isBlock.value && (__props.rounded === "control" || !__props.rounded),
17
- "rounded-card": __props.rounded === "card",
18
- "rounded-pill": __props.rounded === "pill"
19
- }
14
+ // `rounded` describes the PLACEHOLDER's own shape, so it only applies to
15
+ // the bare form. A wrapper is invisible — rounding it would clip the
16
+ // layout inside without anything being drawn to justify the corner.
17
+ isBlock.value ? [
18
+ "lp-skeleton-item bg-surface-soft",
19
+ {
20
+ "rounded-control": __props.rounded === "control" || !__props.rounded,
21
+ "rounded-card": __props.rounded === "card",
22
+ "rounded-pill": __props.rounded === "pill"
23
+ }
24
+ ] : ""
20
25
  ]])
21
26
  }, [
22
27
  renderSlot(_ctx.$slots, "default")
@@ -1,4 +1,4 @@
1
- import { _ as _sfc_main } from "../chunks/LpSkeleton-t5mMYl3a.js";
1
+ import { _ as _sfc_main } from "../chunks/LpSkeleton-DpXLDcQm.js";
2
2
  export {
3
3
  _sfc_main as default
4
4
  };
package/dist/index.js CHANGED
@@ -56,7 +56,7 @@ import { _ as _49 } from "./chunks/LpServiceNode-D8uJ8sGk.js";
56
56
  import { _ as _50 } from "./chunks/LpShift-DXNsauQZ.js";
57
57
  import { default as default3 } from "./components/LpShortcutsDialog.vue.js";
58
58
  import { _ as _51 } from "./chunks/LpSidebar-7Vpy2IJc.js";
59
- import { _ as _52 } from "./chunks/LpSkeleton-t5mMYl3a.js";
59
+ import { _ as _52 } from "./chunks/LpSkeleton-DpXLDcQm.js";
60
60
  import { _ as _53 } from "./chunks/LpSlider-B1SF3pRV.js";
61
61
  import { _ as _54 } from "./chunks/LpSparkline-C6xQ2dwv.js";
62
62
  import { _ as _55 } from "./chunks/LpStat-CDanpzU0.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@leavepulse/ui",
3
- "version": "0.26.0",
3
+ "version": "0.26.1",
4
4
  "type": "module",
5
5
  "description": "LeavePulse token-driven Vue component kit.",
6
6
  "repository": {
@@ -43,12 +43,19 @@ const isBlock = computed(() => !slots.default)
43
43
  aria-hidden="true"
44
44
  class="lp-skeleton"
45
45
  :class="[
46
- isBlock ? 'lp-skeleton-item bg-surface-soft' : '',
47
- {
48
- 'rounded-control': isBlock && (rounded === 'control' || !rounded),
49
- 'rounded-card': rounded === 'card',
50
- 'rounded-pill': rounded === 'pill',
51
- },
46
+ // `rounded` describes the PLACEHOLDER's own shape, so it only applies to
47
+ // the bare form. A wrapper is invisible — rounding it would clip the
48
+ // layout inside without anything being drawn to justify the corner.
49
+ isBlock
50
+ ? [
51
+ 'lp-skeleton-item bg-surface-soft',
52
+ {
53
+ 'rounded-control': rounded === 'control' || !rounded,
54
+ 'rounded-card': rounded === 'card',
55
+ 'rounded-pill': rounded === 'pill',
56
+ },
57
+ ]
58
+ : '',
52
59
  ]"
53
60
  >
54
61
  <slot />