@brandsync/wc 1.5.4 → 1.7.0

package/dist/types/test/helpers/conventions.d.ts

@@ -0,0 +1,21 @@
+/**
+ * CSS Custom Properties: `--bs-<component>-<property>[-<state>]`, always aliased to a
+ * brandsync-tokens value (never a hardcoded literal) -- CONVENTIONS.md lines 8-10, 25.
+ * We can't inspect the token source from computed style alone, so this checks the property
+ * actually resolves to a non-empty value (i.e. the component really defines it, rather than the
+ * consumer having to guess it exists) and that the name itself follows the naming convention.
+ */
+export declare function assertCssCustomProperties(el: Element, expectedProps: string[]): void;
+/**
+ * Shadow Parts: singular, lowercase, structural noun -- no state-based names (CONVENTIONS.md
+ * lines 28-29). Confirms each expected part exists in the shadow root and that its name doesn't
+ * smuggle state into the identifier (e.g. `::part(icon-hovered)` is disallowed; a consumer should
+ * style state via `::part(icon):hover`/CSS, not a different part name per state).
+ */
+export declare function assertShadowParts(shadowRoot: ShadowRoot, expectedParts: string[]): void;
+/**
+ * Runs axe-core directly against the given root (real browser context, since Vitest's browser
+ * mode executes test code in-browser via @vitest/browser-playwright) and fails with a readable
+ * list of violations rather than a raw axe result dump.
+ */
+export declare function runAxeCheck(root?: Element | Document): Promise<void>;

package/dist/types/test/helpers/conventions.unit.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brandsync/wc",
-  "version": "1.5.4",
+  "version": "1.7.0",
   "publishConfig": {
     "access": "public"
   },
@@ -53,16 +53,18 @@
     "@stencil/core": "^4.27.1 || ^5.0.0-0",
     "@stencil/react-output-target": "^1.6.2",
     "@stencil/vitest": "^1.8.3",
+    "@stencil/vue-output-target": "^0.14.4",
     "@storybook/addon-a11y": "^10.5.8",
     "@storybook/addon-docs": "^10.5.8",
     "@storybook/addon-vitest": "^10.5.8",
     "@storybook/web-components-vite": "^10.5.8",
     "@types/node": "^22.13.5",
     "@vitest/browser-playwright": "^4.0.0",
+    "axe-core": "^4.14.0",
     "lit": "^3.3.3",
     "playwright": "^1.52.0",
     "storybook": "^10.5.8",
-    "vitest": "^4.0.0"
+    "vitest": "^4.1.11"
   },
   "license": "MIT",
   "dependencies": {

package/dist/brandsync-wc/p-4df71e00.entry.js

@@ -1 +0,0 @@
-import{r,a as e,h as s}from"./p-CcPfH1dJ.js";const a=class{constructor(e){r(this,e)}get el(){return e(this)}hasLabelContent=!1;type="determinate";size="large";value=0;showLabel=!0;get clampedValue(){return Math.min(100,Math.max(0,this.value))}render(){const r="determinate"===this.type,e=this.clampedValue;return s("div",{key:"a740b860487e2f163fe7103191bd34b7fb1633ad",part:"container",class:"bs-progress-linear"},s("div",{key:"a1400ddeb695c45edaff4a6501589e191237c0aa",part:"track",class:`bs-progress-linear__track bs-progress-linear__track--${this.size}`,role:"progressbar","aria-valuemin":r?"0":void 0,"aria-valuemax":r?"100":void 0,"aria-valuenow":r?String(e):void 0,"aria-busy":r?void 0:"true"},s("div",r?{part:"fill",class:"bs-progress-linear__fill",style:{width:`${e}%`}}:{part:"fill",class:"bs-progress-linear__fill bs-progress-linear__fill--indeterminate"})),this.showLabel&&this.hasLabelContent&&s("span",{key:"30ea4feeb5fa09cea28a89b515366b8d08fe6425",part:"label",class:"bs-progress-linear__label"},s("slot",{key:"b361ed81b85f3cd76ccb885ab1a0de5ec10b97b9"})))}componentWillLoad(){this.updateLabelVisibility(),this.mutationObserver=new MutationObserver((()=>this.updateLabelVisibility())),this.mutationObserver.observe(this.el,{childList:!0,characterData:!0,subtree:!0})}disconnectedCallback(){this.mutationObserver?.disconnect()}mutationObserver;updateLabelVisibility(){this.hasLabelContent=Array.from(this.el.childNodes).some((r=>r.nodeType===Node.TEXT_NODE?(r.textContent??"").trim().length>0:r.nodeType===Node.ELEMENT_NODE))}};a.style=":host{display:flex;--bs-progress-linear-gap:var(--bs-spacing-100);--bs-progress-linear-track:var(--bs-surface-container);--bs-progress-linear-fill:var(--bs-color-primary-default);--bs-progress-linear-radius:120px;--bs-progress-linear-height-sm:4px;--bs-progress-linear-height-lg:8px;--bs-progress-linear-label-color:var(--bs-text-default);--bs-progress-linear-label-font-size:var(--bs-fontsize-body-md);--bs-progress-linear-label-line-height:var(--bs-line-height-body-md);--bs-progress-linear-transition-duration:0.3s;--bs-progress-linear-slide-duration:1.6s}.bs-progress-linear{display:flex;flex-direction:column;width:100%;gap:var(--bs-progress-linear-gap);font-family:inherit}.bs-progress-linear__track{position:relative;width:100%;border-radius:var(--bs-progress-linear-radius);background:var(--bs-progress-linear-track);overflow:hidden}.bs-progress-linear__track--small{height:var(--bs-progress-linear-height-sm)}.bs-progress-linear__track--large{height:var(--bs-progress-linear-height-lg)}.bs-progress-linear__fill{height:100%;border-radius:var(--bs-progress-linear-radius);background:var(--bs-progress-linear-fill);transition:width var(--bs-progress-linear-transition-duration) ease}.bs-progress-linear__fill--indeterminate{position:absolute;top:0;left:0;width:24%;min-width:80px;background:linear-gradient(90deg, transparent 0%, var(--bs-progress-linear-fill) 50%, transparent 100%);animation:bs-progress-linear-slide var(--bs-progress-linear-slide-duration) ease-in-out infinite}@keyframes bs-progress-linear-slide{from{transform:translateX(-100%)}to{transform:translateX(250%)}}@media (prefers-reduced-motion: reduce){.bs-progress-linear__fill--indeterminate{animation-duration:calc(var(--bs-progress-linear-slide-duration) * 4)}}.bs-progress-linear__label{color:var(--bs-progress-linear-label-color);font-size:var(--bs-progress-linear-label-font-size);line-height:calc(var(--bs-progress-linear-label-line-height) * 1px)}";export{a as bs_progress_linear}

package/dist/brandsync-wc/p-dadbb3f1.entry.js

@@ -1 +0,0 @@
-import{r as i,a,h as e,H as s}from"./p-CcPfH1dJ.js";const t=class{constructor(a){i(this,a)}get el(){return a(this)}color="neutral";size="lg";disabled=!1;hasIcon=!1;componentWillLoad(){this.hasIcon=this.hasSlottedContent("icon")}hasSlottedContent(i){return Array.from(this.el.childNodes).some((a=>a.nodeType===Node.ELEMENT_NODE&&a.getAttribute("slot")===i))}onIconSlotchange=i=>{this.hasIcon=i.target.assignedNodes().length>0};render(){return e(s,{key:"099676c8f874c17836d65797d10683fa1184043b",class:`bs-chip-informative bs-chip-informative--${this.color} bs-chip-informative--${this.size} bs-chip-informative--${this.hasIcon?"icon":"text"}`},e("span",{key:"ff570bf489c3a8ea8350bc550e720bfcdc5d4bdf",part:"icon",class:"bs-chip-informative__icon "+(this.hasIcon?"bs-chip-informative__icon--visible":"")},e("slot",{key:"170e80a2665111b2a6212088b58a7c2c1008110a",name:"icon",onSlotchange:this.onIconSlotchange})),e("span",{key:"d87cd059d67b8d56d04bc7e9f39d3ab497e49f8a",part:"label",class:"bs-chip-informative__label"},e("slot",{key:"983e6f32115957222a078f91683bc5f59aefe185"})))}};t.style=":host{display:inline-flex;align-items:center;box-sizing:border-box;gap:var(--bs-chip-informative-gap);border-radius:var(--bs-border-radius-full);font-family:inherit;font-weight:var(--bs-chip-informative-font-weight);white-space:nowrap;--bs-chip-informative-height-sm:var(--bs-spacing-250);--bs-chip-informative-height-md:var(--bs-spacing-300);--bs-chip-informative-height-lg:var(--bs-spacing-400);--bs-chip-informative-gap:var(--bs-spacing-50);--bs-chip-informative-icon-size:16px;--bs-chip-informative-padding-x-glyph-side:var(--bs-spacing-100);--bs-chip-informative-padding-right-icon-variant:var(--bs-spacing-150);--bs-chip-informative-padding-x-plain-side:var(--bs-spacing-200);--bs-chip-informative-font-size-sm:var(--bs-font-size-xs);--bs-chip-informative-line-height-sm:var(--bs-line-height-caption-sm);--bs-chip-informative-font-size:var(--bs-font-size-sm);--bs-chip-informative-line-height:var(--bs-line-height-body-sm);--bs-chip-informative-font-weight:var(--bs-font-weight-regular)}:host(.bs-chip-informative--lg){height:var(--bs-chip-informative-height-lg);font-size:var(--bs-chip-informative-font-size);line-height:calc(var(--bs-chip-informative-line-height) * 1px)}:host(.bs-chip-informative--md){height:var(--bs-chip-informative-height-md);font-size:var(--bs-chip-informative-font-size);line-height:calc(var(--bs-chip-informative-line-height) * 1px)}:host(.bs-chip-informative--sm){height:var(--bs-chip-informative-height-sm);font-size:var(--bs-chip-informative-font-size-sm);line-height:calc(var(--bs-chip-informative-line-height-sm) * 1px)}:host(.bs-chip-informative--icon){padding-left:var(--bs-chip-informative-padding-x-glyph-side);padding-right:var(--bs-chip-informative-padding-right-icon-variant)}:host(.bs-chip-informative--text){padding-left:var(--bs-chip-informative-padding-x-plain-side);padding-right:var(--bs-chip-informative-padding-x-plain-side)}.bs-chip-informative__icon{display:none;flex-shrink:0;width:var(--bs-chip-informative-icon-size);height:var(--bs-chip-informative-icon-size)}.bs-chip-informative__icon--visible{display:flex;align-items:center;justify-content:center}.bs-chip-informative__icon ::slotted(*){display:block;width:var(--bs-chip-informative-icon-size);height:var(--bs-chip-informative-icon-size)}.bs-chip-informative__label{display:flex;align-items:center}:host(.bs-chip-informative--neutral){background:var(--bs-chip-bg-neutral-container);color:var(--bs-chip-text-neutral)}:host(.bs-chip-informative--warning){background:var(--bs-chip-bg-warning-container);color:var(--bs-chip-text-warning)}:host(.bs-chip-informative--success){background:var(--bs-chip-bg-success-container);color:var(--bs-chip-text-success)}:host(.bs-chip-informative--info){background:var(--bs-chip-bg-info-container);color:var(--bs-chip-text-info)}:host(.bs-chip-informative--error){background:var(--bs-chip-bg-error-container);color:var(--bs-chip-text-error)}:host([disabled]){background:var(--bs-chip-bg-disabled);color:var(--bs-chip-text-disabled)}";export{t as bs_chip_informative}