@brandsync/wc 1.15.0 → 1.16.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brandsync/wc",
-  "version": "1.15.0",
+  "version": "1.16.0",
   "publishConfig": {
     "access": "public"
   },

package/reference.d.ts

@@ -45,6 +45,8 @@ export interface BsParts {
   "bs-grid": "container";
   "bs-icon-tile": "container" | "icon" | "text";
   "bs-input": "field" | "menu" | "label" | "required" | "icon" | "control" | "end-icon" | "chip" | "chip-remove" | "description" | "error" | "error-icon";
+  "bs-list": "list";
+  "bs-list-item": "container" | "leading" | "content" | "label" | "description" | "support-text" | "trailing";
   "bs-logo": "logo";
   "bs-menu": "list";
   "bs-menu-item": "item" | "icon" | "label";
@@ -77,6 +79,8 @@ export interface BsParts {
   "bs-toast": "container" | "icon" | "message" | "close";
   "bs-tooltip": "bubble" | "arrow";
   "bs-tooltip-trigger": "trigger" | "tooltip";
+  "bs-tree": "container";
+  "bs-tree-item": "container" | "caret" | "icon" | "label" | "group";
   "bs-whats-new": "container" | "heading" | "close" | "mark-all-read" | "filters" | "entries" | "entry" | "release-notes" | "hero" | "tag" | "points" | "step" | "secondary" | "primary" | "date" | "description" | "action";
   "bs-whats-new-entry": "meta" | "tag" | "date" | "unread" | "image" | "heading" | "description" | "action" | "divider";
   "bs-navigation-drawer": "logo" | "title" | "collapse" | "search" | "search-trigger" | "items" | "backdrop";
@@ -129,6 +133,8 @@ export interface BsSlots {
   "bs-grid": "(default)";
   "bs-icon-tile": "(default)" | "text";
   "bs-input": "icon" | "end-icon";
+  "bs-list": "(default)";
+  "bs-list-item": "leading" | "trailing" | "(default)";
   "bs-logo": never;
   "bs-menu": "(default)";
   "bs-menu-item": "icon" | "(default)";
@@ -161,6 +167,8 @@ export interface BsSlots {
   "bs-toast": "(default)";
   "bs-tooltip": "(default)";
   "bs-tooltip-trigger": "(default)";
+  "bs-tree": "(default)";
+  "bs-tree-item": "(default)" | "label" | "icon";
   "bs-whats-new": "hero";
   "bs-whats-new-entry": "image";
   "bs-navigation-drawer": "search" | "(default)";
@@ -213,6 +221,8 @@ export interface BsCssProperties {
   "bs-grid": "--bs-grid-gap" | "--bs-grid-row-gap" | "--bs-grid-column-gap";
   "bs-icon-tile": never;
   "bs-input": never;
+  "bs-list": "--bs-list-gap" | "--bs-list-divider-color";
+  "bs-list-item": "--bs-list-item-min-height" | "--bs-list-item-padding-y" | "--bs-list-item-padding-x" | "--bs-list-item-gap" | "--bs-list-item-content-gap" | "--bs-list-item-radius" | "--bs-list-item-bg" | "--bs-list-item-bg-hover" | "--bs-list-item-bg-pressed" | "--bs-list-item-bg-focus" | "--bs-list-item-bg-selected" | "--bs-list-item-bg-selected-hover" | "--bs-list-item-bg-selected-pressed" | "--bs-list-item-bg-selected-focus" | "--bs-list-item-bg-disabled" | "--bs-list-item-color" | "--bs-list-item-color-disabled" | "--bs-list-item-focus-ring" | "--bs-list-item-image-width" | "--bs-list-item-image-height";
   "bs-logo": never;
   "bs-menu": "--bs-menu-bg" | "--bs-menu-radius" | "--bs-menu-padding-y" | "--bs-menu-gap" | "--bs-menu-shadow";
   "bs-menu-item": "--bs-menu-item-radius" | "--bs-menu-item-padding-y" | "--bs-menu-item-padding-x" | "--bs-menu-item-gap" | "--bs-menu-item-hover" | "--bs-menu-item-pressed" | "--bs-menu-item-disabled-bg" | "--bs-menu-item-icon-color" | "--bs-menu-item-icon-color-disabled" | "--bs-menu-item-color" | "--bs-menu-item-color-disabled" | "--bs-menu-item-font-size" | "--bs-menu-item-line-height";
@@ -245,6 +255,8 @@ export interface BsCssProperties {
   "bs-toast": never;
   "bs-tooltip": "--bs-tooltip-bg" | "--bs-tooltip-color" | "--bs-tooltip-radius" | "--bs-tooltip-padding-x" | "--bs-tooltip-padding-y" | "--bs-tooltip-max-width" | "--bs-tooltip-shadow" | "--bs-tooltip-font-size" | "--bs-tooltip-line-height";
   "bs-tooltip-trigger": "--bs-tooltip-trigger-offset" | "--bs-tooltip-trigger-z-index";
+  "bs-tree": never;
+  "bs-tree-item": never;
   "bs-whats-new": never;
   "bs-whats-new-entry": never;
   "bs-navigation-drawer": never;

package/reference.json

@@ -2480,6 +2480,192 @@
     ],
     "cssProperties": []
   },
+  "bs-list": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "The `bs-list-item` rows."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "list",
+        "description": "The list container."
+      }
+    ],
+    "cssProperties": [
+      {
+        "kind": "prop",
+        "name": "--bs-list-gap",
+        "description": "Gap between rows. Defaults to `0`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-list-divider-color",
+        "description": "Divider colour when `dividers` is set. Aliased to `--bs-border-neutral-container`."
+      }
+    ]
+  },
+  "bs-list-item": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "leading",
+        "description": "Leading media: a `bs-avatar size=\"lg\"` (64px), a 32px icon, or a 72x56 `<img>`."
+      },
+      {
+        "kind": "slot",
+        "name": "trailing",
+        "description": "Replaces the default caret. Rendered when `showArrow` is set or the slot has content."
+      },
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "Rich content that replaces `label`, `description` and `supportText` entirely."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "container",
+        "description": "The row."
+      },
+      {
+        "kind": "part",
+        "name": "leading",
+        "description": "Wrapper around the leading slot."
+      },
+      {
+        "kind": "part",
+        "name": "content",
+        "description": "The text column."
+      },
+      {
+        "kind": "part",
+        "name": "label",
+        "description": "The label line."
+      },
+      {
+        "kind": "part",
+        "name": "description",
+        "description": "The description line."
+      },
+      {
+        "kind": "part",
+        "name": "support-text",
+        "description": "The support text line."
+      },
+      {
+        "kind": "part",
+        "name": "trailing",
+        "description": "Wrapper around the trailing slot / caret."
+      }
+    ],
+    "cssProperties": [
+      {
+        "kind": "prop",
+        "name": "--bs-list-item-min-height",
+        "description": "Minimum row height. Aliased to `--bs-spacing-1000`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-list-item-padding-y",
+        "description": "Aliased to `--bs-spacing-150`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-list-item-padding-x",
+        "description": "Aliased to `--bs-spacing-200`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-list-item-gap",
+        "description": "Gap between leading, content and trailing. Aliased to `--bs-spacing-200`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-list-item-content-gap",
+        "description": "Gap between text lines. Aliased to `--bs-spacing-25`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-list-item-radius",
+        "description": "Aliased to `--bs-border-radius-100`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-list-item-bg",
+        "description": "Enabled background. `transparent`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-list-item-bg-hover",
+        "description": "Aliased to `--bs-surface-hover`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-list-item-bg-pressed",
+        "description": "Aliased to `--bs-surface-pressed`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-list-item-bg-focus",
+        "description": "Aliased to `--bs-surface-focus`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-list-item-bg-selected",
+        "description": "Aliased to `--bs-surface-selected`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-list-item-bg-selected-hover",
+        "description": "Aliased to `--bs-surface-selected-hover`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-list-item-bg-selected-pressed",
+        "description": "Aliased to `--bs-surface-selected-pressed`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-list-item-bg-selected-focus",
+        "description": "Aliased to `--bs-surface-selected-focus`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-list-item-bg-disabled",
+        "description": "Aliased to `--bs-surface-action-disabled`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-list-item-color",
+        "description": "Text colour. Aliased to `--bs-text-default`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-list-item-color-disabled",
+        "description": "Aliased to `--bs-text-on-disabled`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-list-item-focus-ring",
+        "description": "Focus ring colour. Aliased to `--bs-border-neutral-focus`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-list-item-image-width",
+        "description": "Leading image width. 72px."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-list-item-image-height",
+        "description": "Leading image height. 56px."
+      }
+    ]
+  },
   "bs-logo": {
     "slots": [],
     "parts": [
@@ -4169,6 +4355,70 @@
       }
     ]
   },
+  "bs-tree": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "Default slot: top-level `bs-tree-item` elements (nested ones go inside their parent item)."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "container",
+        "description": "The `role=\"tree\"` wrapper."
+      }
+    ],
+    "cssProperties": []
+  },
+  "bs-tree-item": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "Default slot: child `bs-tree-item` elements (the subtree). Only rendered, inside a `role=\"group\"` wrapper, while the item is expanded; collapsed children are not accessible."
+      },
+      {
+        "kind": "slot",
+        "name": "label",
+        "description": "Overrides the `label` text."
+      },
+      {
+        "kind": "slot",
+        "name": "icon",
+        "description": "Overrides the default folder / file icon. Only used when `showIcon` is `true`."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "container",
+        "description": "The highlighted row pill (carries the hover / selected / focus states)."
+      },
+      {
+        "kind": "part",
+        "name": "caret",
+        "description": "The expand/collapse caret (parents only)."
+      },
+      {
+        "kind": "part",
+        "name": "icon",
+        "description": "The icon wrapper."
+      },
+      {
+        "kind": "part",
+        "name": "label",
+        "description": "The label wrapper."
+      },
+      {
+        "kind": "part",
+        "name": "group",
+        "description": "The `role=\"group\"` wrapper around the child items (while expanded)."
+      }
+    ],
+    "cssProperties": []
+  },
   "bs-whats-new": {
     "slots": [
       {

package/dist/components/p-Mf1jorXP.js

@@ -1 +0,0 @@
-import{t as e,p as s,H as n,h as r}from"./p-B2gx7SZk.js";const a=s(class extends n{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get el(){return this}onKeyDown(e){if(!["ArrowDown","ArrowUp","Home","End"].includes(e.key))return;const s=Array.from(this.el.querySelectorAll("bs-menu-item")).filter((e=>!e.disabled));if(0===s.length)return;const n=s.findIndex((s=>s===e.target||s.contains(e.target)));let r;e.preventDefault(),r="Home"===e.key?0:"End"===e.key?s.length-1:"ArrowDown"===e.key?-1===n?0:(n+1)%s.length:-1===n?s.length-1:(n-1+s.length)%s.length,s[r].shadowRoot?.querySelector("button")?.focus()}render(){return r("div",{key:"e886c7df63af6d741175aa81bc6390be600e371b",part:"list",class:"bs-menu",role:"menu"},r("slot",{key:"365eae17c25fd6a3cc69c9ff01a28ce81eca11f8"}))}static get style(){return":host{display:block;--bs-menu-bg:var(--bs-surface-raised);--bs-menu-radius:var(--bs-border-radius-100);--bs-menu-padding-y:var(--bs-spacing-50);--bs-menu-gap:var(--bs-spacing-50);--bs-menu-shadow:var(--bs-shadow-sm)}.bs-menu{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--bs-menu-gap);background:var(--bs-menu-bg);border-radius:var(--bs-menu-radius);padding:var(--bs-menu-padding-y) 0;box-shadow:var(--bs-menu-shadow);font-family:inherit}@media (forced-colors: active){.bs-menu{border:1px solid CanvasText}}"}},[257,"bs-menu",void 0,[[0,"keydown","onKeyDown"]]]);function o(){"undefined"!=typeof customElements&&["bs-menu"].forEach((s=>{"bs-menu"===s&&(customElements.get(e(s))||customElements.define(e(s),a))}))}o();export{a as B,o as d}