@wpic/ui 0.7.3 → 0.7.5

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # Changelog
 
+## 0.7.5 — 2026-09-10
+
+- WTable: horizontal padding now comes from a shared `--wpic-table-padding-x` token that inherits the enclosing WCard's padding, so a table in a `no-padding` card lines its cells, header, toolbar, footer and expand row up with the card header instead of sitting 8px inboard of it. Previously cells were fixed at 16px while an `lg` card's header was at 24px.
+- WTable: add a `padding` prop (`sm` | `md` | `lg`) for tables that are not inside a card, or that need to override the inherited value. Omitted, it inherits the card (falling back to `md`), or `sm` when `compact`.
+- WCard: the `empty` slot's vertical padding now follows the sm/md/lg scale instead of a hardcoded 24px.
+- No change for a table outside a card (16px), a `compact` table (12px), or a table in a default `md` card (16px).
+
+## 0.7.4 — 2026-09-10
+
+- WCard: add a `subtitle` prop/slot rendered below the title, so header + description layouts no longer need bespoke markup outside the card's title slot.
+
 ## 0.7.3 — 2026-09-10
 
 - WTable: `compact` now also tightens cell, toolbar, footer and expand-row horizontal padding (was only adjusting vertical padding, leaving horizontal fixed at 16px in both densities).

package/COMPONENTS.md

@@ -169,6 +169,7 @@ click: [e: MouseEvent]
 **Props:**
 ```ts
 title?: string
+subtitle?: string // rendered below the title
 empty?: boolean
 noPadding?: boolean
 bodyClass?: string

package/dist/components/WCard.vue.d.ts

@@ -2,21 +2,24 @@
  * WCard — content card.
  *
  * Slots:
- *   - icon    : optional icon in the header (left of title)
- *   - title   : card header title (or use `title` prop)
- *   - actions : optional header right slot (buttons, badges…)
- *   - default : card body / rows
- *   - footer  : optional footer
- *   - empty   : shown when `empty` prop is true
+ *   - icon     : optional icon in the header (left of title)
+ *   - title    : card header title (or use `title` prop)
+ *   - subtitle : optional line below the title (or use `subtitle` prop)
+ *   - actions  : optional header right slot (buttons, badges…)
+ *   - default  : card body / rows
+ *   - footer   : optional footer
+ *   - empty    : shown when `empty` prop is true
  *
  * Props:
- *   - title   : string shorthand for header title
- *   - empty   : boolean — show empty slot instead of default
+ *   - title    : string shorthand for header title
+ *   - subtitle : string shorthand for the line below the title
+ *   - empty    : boolean — show empty slot instead of default
  *   - headerDivider : boolean — show the separator below the header (default true)
- *   - padding : shared horizontal spacing for header, body and footer
+ *   - padding  : shared horizontal spacing for header, body and footer
  */
 type __VLS_Props = {
     title?: string;
+    subtitle?: string;
     empty?: boolean;
     noPadding?: boolean;
     bodyClass?: string;
@@ -24,7 +27,7 @@ type __VLS_Props = {
     headerDivider?: boolean;
     padding?: 'sm' | 'md' | 'lg';
 };
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {}, __VLS_9: {}, __VLS_11: {};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {}, __VLS_9: {}, __VLS_11: {}, __VLS_13: {};
 type __VLS_Slots = {} & {
     icon?: (props: typeof __VLS_1) => any;
 } & {
@@ -32,11 +35,13 @@ type __VLS_Slots = {} & {
 } & {
     actions?: (props: typeof __VLS_5) => any;
 } & {
-    default?: (props: typeof __VLS_7) => any;
+    subtitle?: (props: typeof __VLS_7) => any;
 } & {
-    empty?: (props: typeof __VLS_9) => any;
+    default?: (props: typeof __VLS_9) => any;
 } & {
-    footer?: (props: typeof __VLS_11) => any;
+    empty?: (props: typeof __VLS_11) => any;
+} & {
+    footer?: (props: typeof __VLS_13) => any;
 };
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     padding: "sm" | "md" | "lg";

package/dist/components/WTable.vue.d.ts

@@ -37,6 +37,9 @@ type __VLS_Props = {
     rowStyle?: (row: Record<string, unknown>) => Record<string, string> | undefined;
     summaryRow?: Record<string, unknown>;
     compact?: boolean;
+    /** Horizontal padding scale. Omitted: inherits the enclosing WCard's
+        padding (falling back to md), or sm when `compact`. */
+    padding?: 'sm' | 'md' | 'lg';
     showFooter?: boolean;
 };
 declare function toggleSort(field: string): void;