@brandsync/wc 1.10.0 → 1.12.0

package/CHANGELOG.md

@@ -0,0 +1,155 @@
+# @brandsync/wc
+
+## 1.12.0
+
+### Minor Changes
+
+- 12d4250: `bs-input type="chip"` now renders its chips with `bs-chip-informative` with a `bs-icon-button` remove control instead of hand-built markup, so they get the shared components' states and theming. The `--bs-input-chip-bg` and `--bs-input-chip-text` custom properties are removed; theme the pills through `--bs-chip-informative-*`. The `chips` prop and `bsChipAdd`/`bsChipRemove` events are unchanged.
+- 8c5e3ee: `bs-input` field height is now 44px (`--bs-input-height` aliases `--bs-spacing-550`) to match the Figma spec, down from 48px. Override `--bs-input-height` to keep the old height.
+
+## 1.11.0
+
+### Minor Changes
+
+- e9a8d83: `bs-button`: new custom properties `--bs-button-width` (default `auto`; `100%` makes a full-width button) and `--bs-button-subtle-color` (the `subtle` variant's text colour; default unchanged), so other components can compose it without overriding its internals.
+
+  Also adds `--bs-button-padding-x-sm` (side padding of a label-only `size="sm"` button; default unchanged at 24px).
+
+- e9a8d83: `bs-card`: new custom properties `--bs-card-bg`, `--bs-card-radius`, `--bs-card-padding`, `--bs-card-border-width`, `--bs-card-border-color`, `--bs-card-shadow` and `--bs-card-overflow`, so other components can compose it and restyle it (defaults are unchanged, so existing cards look the same). `surface` is now reflected to an attribute.
+
+  Also: the card's surface now fills a height set on the `bs-card` host (`height: 100%`); with the default `auto` height nothing changes.
+
+- e9a8d83: New `bs-cookie-consent`, matching the Figma "Cookie consent": `type` banner (stacks on narrow containers), card, preferences (switch per category, expandable cookie lists, `categories` JS property) and saved (a `bs-snackbar` confirmation). `bsAccept`/`bsReject`/`bsSave` carry `{ choices }`; also `bsCustomise`, `bsChoice`, `bsClose`, `bsManage`. It only collects the choice -- it doesn't set cookies or decide when to show itself. Built from `bs-card`, `bs-icon-tile`, `bs-button`, `bs-switch`, `bs-chip-informative`, `bs-icon-button` and `bs-snackbar`.
+- e9a8d83: New `bs-error-page`, matching the Figma "Error page": `type` not-found (404), server-error (500), no-access (403), maintenance or offline, each with its own icon, tint, code label, heading, paragraph and buttons (all overridable), an optional `reference` line, an `icon` slot, and `bsPrimary`/`bsSecondary` events. Built from `bs-card`, `bs-icon-tile` and `bs-button`.
+- e9a8d83: New `bs-icon-tile`: a small rounded square holding an icon, matching the Figma "Icon tile" (`size` sm/md/lg, `intent` default/success/warning/error/brand/information). Each intent has a default glyph; slot your own icon to replace it. Decorative unless `label` is set.
+
+  Also adds a `text` slot: text shown beside the square (e.g. "Payment received"), coloured with `--bs-icon-tile-text-color`; the tile is exactly its square when nothing is slotted.
+
+- e9a8d83: `bs-input`: new custom properties `--bs-input-label-font-size`, `--bs-input-label-font-weight` and `--bs-input-label-line-height` (defaults unchanged: 14px, medium), so a composing component can match designs whose field labels are 16px semibold.
+- e9a8d83: New `bs-onboarding-checklist`, matching the Figma "Onboarding checklist": `type` panel, dashboard (stacks on narrow containers), launcher (`launcherLayout` icon/ring/inline) and completion, driven by a `steps` JS property (the first step not `done` is current). Events `bsStepAction`/`bsStepSkip` (with the step id), `bsOpen`, `bsClose`, `bsDone`, `bsHide`. Built from `bs-card`, `bs-icon-tile`, `bs-button`, `bs-icon-button`, `bs-progress-linear` and `bs-progress`.
+- e9a8d83: New `bs-product-tour`: one step of a product tour, matching the Figma "Product Tour" and "Pointer" -- `type` welcome/success (centred card with an art tile) or pointer (compact step with progress label, close button and an arrow on any of 12 `direction`s). `bsPrimary`/`bsSecondary`/`bsClose` events and an `icon` slot. It is the step card only: no overlay, sequencing or positioning against a target.
+- e9a8d83: New `bs-qr-code`: a share/payment block that draws a QR code you provide (`matrix` or the `code` slot -- it does not encode one), with heading, URL or amount, expiry chip and Download/Copy link actions, matching the Figma "QR code". `type` default/payment, `size` sm/md/lg, `state` default/loading/error/expired/scanned, a `logo` slot, and `bsDownload`/`bsCopy`/`bsRetry`/`bsRefresh`/`bsClose` events.
+- e9a8d83: New `bs-session-timeout`, matching the Figma "Session timeout": `type` warning (live countdown with a draining bar, optional `countdown` that ticks and fires `bsExpire`), signed-out (the account that was signed in, with Sign in again / Use a different account) and confirm-identity (password, passkey/BankID alternatives, Cancel; `bsPrimary` carries `{ password }`). Built from `bs-card`, `bs-icon-tile`, `bs-button`, `bs-progress-linear`, `bs-avatar` and `bs-input`.
+- e9a8d83: `bs-snackbar`: new `hideClose` prop, for a confirmation that has only an action (default unchanged: the close button is shown).
+
+  Also adds `actionVariant` (the action button's variant; defaults to the one matching `variant`, so unchanged), for a plain text action such as the white "Change" in the cookie confirmation.
+
+  Adds `--bs-snackbar-icon-size` (default 24px, unchanged) for a larger leading icon.
+
+- e9a8d83: New `bs-whats-new` and `bs-whats-new-entry`, matching the Figma "What's new". `bs-whats-new-entry` is one update (tag, date, unread dot, optional image, title, description, action link). `bs-whats-new` has `type` feed (docked panel with Mark all as read, filter tabs driven by a `filters` property, the `entries` list, release notes link), announcement (hero, tag, heading, points, step count, Remind me later / Next) and teaser (small card pointing at the feed). Events `bsMarkAllRead`, `bsEntryAction`, `bsFilterChange`, `bsClose`, `bsPrimary`, `bsSecondary`, `bsOpen`. Built from `bs-card`, `bs-tabs`, `bs-chip-informative`, `bs-button` and `bs-icon-button`.
+
+## 1.10.0
+
+### Minor Changes
+
+- 5de9071: New `bs-datepicker`: an inline calendar for a single date or a start/end range (`range`), matching the Figma "Date picker". `YYYY-MM-DD` string values, `min`/`max`, `locale`, `firstDayOfWeek`, a `bsChange` event, keyboard navigation and form association.
+- 5de9071: New `bs-timepicker`: an inline time picker with hour/minute spinners, an AM/PM dropdown, a 24h switch and Cancel/Confirm, matching the Figma "Time picker". `value` is 24-hour `HH:mm`; `format` (`12h`/`24h`), `minuteStep`, a `bsChange` event on Confirm, a `bsCancel` event, keyboard support and form association.
+
+## 1.9.0
+
+### Minor Changes
+
+- dc64446: `bs-breadcrumb` and `bs-breadcrumb-overflow`: new cancelable `bsNavigate` event (detail `{ href }`) fired when a link is clicked, before the browser navigates, so single-page-app routers can `preventDefault()` and route it themselves. Modified clicks (ctrl/cmd/shift/alt) and middle-clicks do not emit it, so "open in a new tab" keeps working. Without a listener behavior is unchanged. The event bubbles, so one listener on `<bs-breadcrumbs>` covers every crumb.
+- 5ad1084: `bs-navigation-drawer`: at 768px and below the drawer is now an off-canvas **overlay** instead of a forced 96px icon rail. New `open` prop (mutable, reflected) and `bsClose` event: the drawer is hidden until `open` is set, then slides in over the page with a backdrop, fully expanded (labels visible, nested items reachable). Escape or a backdrop click closes it (`open` returns to `false`, `bsClose` fires); focus moves in on open and returns to the opener on close, and page scroll is locked while open. The collapse toggle and compact search trigger are not shown in the overlay. New `backdrop` part and `--bs-navigation-drawer-backdrop`, `-overlay-shadow`, `-overlay-z-index`, `-overlay-duration` custom properties. Wider screens are unchanged.
+
+  **Behavior change:** below 768px the drawer previously rendered as a 96px rail whose labels were clipped; it now renders as the overlay and is hidden until `open` is set, so apps need a menu button that sets it.
+
+- fb9aa11: `bs-tabs`: new `value` prop (the selected tab's `value`, reflected; setting it selects the matching tab) and a `bsChange` event (`{ value }`) that fires when the user selects a different tab, including via the arrow keys. `bs-tab` and `bs-inline-tab` gain an optional `value`; a tab without one is identified by its zero-based index as a string. `bsSelect` is unchanged. Also corrects the docs, which still described arrow-key navigation as a known gap.
+
+### Patch Changes
+
+- 9fae54b: `bs-icon-button`: a slotted icon-font glyph (for example `<i class="ph-bold ph-bell">`) now scales with the `size` prop. The icon wrapper sets `font-size` from `--bs-icon-button-icon-size-*`, so no manual `font-size` is needed.
+- 29234e7: `bs-menu`: documents how to build a dropdown from existing pieces (a button, `bs-menu`, and a small amount of wiring for open/close, Escape, outside click, focus return and selection), with an interactive story, and its limits (no viewport flipping). Also corrects the docs, which still said arrow-key navigation between items was not implemented.
+- c7159ed: `bs-navigation-header`: the bar now spans its container on wide screens -- `--bs-navigation-header-max-width` defaults to `none` instead of `1920px` (set a length to cap it). At 768px and below, the `left` slot now yields space so a wide left slot (such as a search field) no longer pushes the `right` slot onto its own row; the right slot only wraps below when the logo and right slot genuinely can't share a row. Documents the intentional 16px/8px vertical padding and how to center content exactly.
+
+## 1.8.0
+
+### Minor Changes
+
+- af4aa24: Forms, keyboard accessibility and RTL.
+
+  - `bs-input`, `bs-checkbox`, `bs-switch`, `bs-radio` and `bs-slider` are now form-associated: they submit via `<form>`/`FormData`, support `name`, reset with the form, and (`bs-input`, `bs-checkbox`) participate in native `required` validation. `bs-checkbox`/`bs-switch` gain `value`; `bs-input` gains `name` and now updates its own `value` as the user types.
+  - Angular: `ControlValueAccessor` directives (`TextValueAccessor`, `BooleanValueAccessor`, `NumericValueAccessor`) so `ngModel`/`formControlName` work on `bs-input`, `bs-checkbox`, `bs-switch`, `bs-slider`; `@angular/forms` is now a peer dependency of `@brandsync/angular`. Vue: `v-model` on the same controls.
+  - `bs-button`/`bs-icon-button`: `type="submit"` and `type="reset"` now actually submit/reset the surrounding `<form>` (previously a no-op, because the native button sat inside the shadow root).
+  - `bs-radio`: radios sharing a `name` now behave as a group (mutual exclusion, arrow-key navigation, roving tabindex). **Behavior change:** previously consumers had to un-check siblings themselves.
+  - `bs-tabs` (and `bs-tab`/`bs-inline-tab`): roving tabindex, arrow/Home/End navigation. New `tabbable` prop set by `bs-tabs`.
+  - `bs-menu`: Up/Down/Home/End navigation between items.
+  - `bs-stepper` now has `role="list"` (its steps are `listitem`s); `bs-progress`/`bs-progress-linear` gain `ariaLabel` so the progressbar can be named.
+  - CSS: physical left/right properties replaced with logical ones (RTL support); `forced-colors` (Windows High Contrast) rules for button, checkbox, switch, radio, input, menu, card, dialog.
+  - Form controls reflect `disabled` as a host attribute, so a disabled control is excluded from `FormData` and validation (like a native input).
+
+## 1.7.0
+
+### Minor Changes
+
+- 06f42e9: New components: `bs-carousel`, `bs-file-upload` and `bs-file-upload-item`.
+
+  - `bs-carousel`: a paged carousel with a dot or numbered tracker (`tracker`), `slidesPerView`, previous/next, and opt-in `autoplay` with a Pause/Play button. Composes `bs-pagination`, `bs-icon-button` and `bs-button`.
+  - `bs-file-upload`: a file dropzone (horizontal/vertical, drag-over state, `accept`/`multiple`, `bsFilesSelect`/`bsFilesReject`). Presentational -- the app owns the upload; not form-associated.
+  - `bs-file-upload-item`: an upload list item with loading, in-progress, error and success states and cancel/remove actions.
+  - `bs-progress-linear` gains an `ariaLabel` prop so the progress bar can be given an accessible name.
+
+## 1.6.0
+
+### Minor Changes
+
+- 5b1a7c3: Add @brandsync/vue wrapper package, generated via @stencil/vue-output-target, mirroring the existing React/Angular wrapper packages.
+
+## 1.5.4
+
+### Patch Changes
+
+- c842222: No user-facing change -- re-triggering a clean release cycle to verify the direct `claude` CLI invocation (replacing `claude-code-action`, which doesn't support push-triggered events).
+
+## 1.5.3
+
+### Patch Changes
+
+- 1db8ce3: No user-facing change -- re-triggering a clean release cycle to verify the `claude-code-action` fix (`mode: automation`, needed for its push-triggered CI invocation).
+
+## 1.5.2
+
+### Patch Changes
+
+- 5a321e2: No user-facing change -- this changeset exists solely to trigger a clean release cycle verifying the CI pipeline fixes (publish.sh's git-tag creation and 409-tolerance) and the new AI story-authoring step for `bs-accordion`.
+
+## 1.5.1
+
+### Patch Changes
+
+- 0726bd9: Fix `bs-accordion` visual issues found after the initial release: hover/pressed/focus-visible background now spans the whole item (header + content together), the trailing caret now sits in a 64px box matching the leading icon's spacing instead of crowding the edge, and a corner-radius seam between the header and content (visible when both are tinted together) is fixed.
+
+## 1.5.0
+
+### Minor Changes
+
+- 7c6b1cf: Add `bs-accordion` component: a collapsible section with an optional leading icon, label, and trailing caret, a controlled `expanded` prop (`bsToggle` event, consumer echoes the change back), `medium`/`large` sizes, and a single-line CSS preview of the body content while collapsed.
+
+## 1.4.0
+
+### Minor Changes
+
+- e1a540d: Fix several reported bugs:
+
+  - `bs-composer`: `value` prop now reliably syncs with the input (previously stayed stale while typing and could cause typed text to reappear after being cleared); added Enter-to-send (Shift+Enter still inserts a newline); `state` prop now reflects to the host attribute.
+  - `bs-data-table`: added a select-all checkbox to the header (checked/indeterminate/unchecked based on row selection); added a `clearSelection()` method to reset selection from outside without remounting the table; cell padding is now exposed via `--bs-data-table-cell-padding-x`/`-y` custom properties instead of only being overridable via `::part()`.
+  - `bs-chip-filter`: `selected` is now a properly controlled prop — clicking emits a change request instead of mutating its own state, so a parent that doesn't accept the change no longer gets out of sync with the chip's display.
+  - `bs-navigation-drawer` / `bs-navigation-header`: added responsive behavior at narrow viewports (≤768px) — the drawer collapses to its existing icon-only rail treatment, and the header wraps its actions below the logo instead of overlapping.
+
+## 1.3.0
+
+### Minor Changes
+
+- ffc919b: Add `bs-progress` (circular progress indicator) and `bs-progress-linear` (linear progress bar) components, each with `determinate`/`indeterminate` states, size variants, and reduced-motion-aware animations.
+
+## 1.2.0
+
+### Minor Changes
+
+- a09e85a: Add `bs-toast` component: a transient status message with `info`/`success`/`warning`/`error` states, each with its own icon, a message slot, and a dismiss button.
+
+## 1.1.0
+
+### Minor Changes
+
+- ec84fd5: Add the bs-chip component family: bs-chip-filter (selectable toggle chip, optional dropdown caret), bs-chip-input (removable tag/entry chip with a separate remove button, optional avatar/icon), and bs-chip-informative (static, non-interactive status/category chip with color and icon options).