@bluepic/embed 0.4.0-next.163 → 0.4.0-next.165

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

@@ -9,6 +9,18 @@ type __VLS_Props = {
     coverWidth?: string;
     hoverable?: boolean;
     dividers?: boolean;
+    /**
+     * Corner rounding. `none` is for cards that tile edge to edge, where a
+     * radius reads as a gap that is not there.
+     */
+    radius?: 'none' | 'sm' | 'md' | 'lg';
+    /**
+     * Stack the content slot with a gap. Without it the content is a plain
+     * block, which is why almost every caller re-declared
+     * `display:flex; flex-direction:column; gap:…` and, from there, went on to
+     * hand-roll the whole card.
+     */
+    contentGap?: 'none' | 'sm' | 'md' | 'lg';
     state?: 'default' | 'success' | 'warning' | 'error' | 'info';
 };
 type __VLS_Slots = {
@@ -27,6 +39,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     bordered: boolean;
     hoverable: boolean;
     dividers: boolean;
+    radius: "none" | "sm" | "md" | "lg";
+    contentGap: "none" | "sm" | "md" | "lg";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -1,12 +1,21 @@
 import { VNode } from 'vue';
 type __VLS_Props = {
     divider?: boolean;
+    /** Outer border and rounding, so a list can stand on its own surface. */
+    bordered?: boolean;
+    /**
+     * `plain` is a run of rows. `card` gives every row its own surface with a
+     * gap between them, for lists whose items are objects rather than lines.
+     */
+    variant?: 'plain' | 'card';
 };
 type __VLS_Slots = {
     default: () => VNode[] | VNode;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    bordered: boolean;
     divider: boolean;
+    variant: "plain" | "card";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -1,10 +1,22 @@
 import { VNode } from 'vue';
+type __VLS_Props = {
+    /**
+     * Whether clicking the row does something. Rows used to get a pointer
+     * cursor and a hover background unconditionally, which is why static lists
+     * were hand-rolled as <ul>s instead: a row that looks clickable and is not
+     * is worse than no component. Defaults to `true` so no existing list
+     * changes.
+     */
+    interactive?: boolean;
+};
 type __VLS_Slots = {
     default: () => VNode[] | VNode;
     prefix?: () => VNode[] | VNode;
     suffix?: () => VNode[] | VNode;
 };
-declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    interactive: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -0,0 +1,50 @@
+import { VNode } from 'vue';
+export interface BxTableColumn {
+    /** Identity only; the caller writes the cells. */
+    key: string;
+    label: string;
+    align?: 'left' | 'center' | 'right';
+    width?: string;
+    /** Header text for assistive tech only, e.g. an actions column. */
+    srOnlyLabel?: boolean;
+}
+/**
+ * A table's chrome: the scroll container, the border, the header, row hover and
+ * per-column alignment.
+ *
+ * The BODY is a slot rather than a `rows` prop on purpose. Real tables wrap
+ * their rows — the studio's org list puts every `<tr>` inside a
+ * visibility-observer for infinite scroll — and a data-driven table cannot
+ * express that without growing a render-prop for the wrapper. So the caller
+ * keeps its `<tr>`s and this owns everything around them, which is the part
+ * that was being re-written per app.
+ *
+ * Alignment reaches app-authored cells through custom properties rather than
+ * classes the caller would have to remember: each column publishes
+ * `--col-N-align`, and the static rules below read it. Eight columns is the
+ * supported width; past that, a table is a different problem.
+ */
+type __VLS_Props = {
+    columns?: BxTableColumn[];
+    /** Outer border and rounding, so the table can sit on the page unwrapped. */
+    bordered?: boolean;
+    /** Row highlight on hover. Off unless rows actually do something. */
+    hoverable?: boolean;
+    dense?: boolean;
+};
+type __VLS_Slots = {
+    default?: () => VNode[] | VNode;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    bordered: boolean;
+    hoverable: boolean;
+    columns: BxTableColumn[];
+    dense: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/embed/embed.d.ts

@@ -9084,7 +9084,7 @@ export declare class BluepicEmbed extends EventTarget {
                 surface?: string | undefined;
                 primary?: string | undefined;
                 contrast?: "normal" | "high" | undefined;
-                radius?: "none" | "md" | "sm" | "lg" | "full" | undefined;
+                radius?: "none" | "sm" | "md" | "lg" | "full" | undefined;
                 font?: {
                     size?: number | undefined;
                 } | undefined;
@@ -9221,7 +9221,7 @@ export declare class BluepicEmbed extends EventTarget {
                 surface?: string | undefined;
                 primary?: string | undefined;
                 contrast?: "normal" | "high" | undefined;
-                radius?: "none" | "md" | "sm" | "lg" | "full" | undefined;
+                radius?: "none" | "sm" | "md" | "lg" | "full" | undefined;
                 font?: {
                     size?: number | undefined;
                 } | undefined;