@brandsync/wc 1.18.0 → 1.20.0

package/CHANGELOG.md

@@ -1,5 +1,47 @@
 # @brandsync/wc
 
+## 1.20.0
+
+### Minor Changes
+
+- a7178a7: Bug fixes and accessibility (see `MIGRATION.md` for behaviour changes):
+
+  - `bs-progress-linear`: the indeterminate bar now slides across the full track.
+  - `bs-badge variant="inverse"`: legible in dark mode.
+  - `bs-button` / `bs-icon-button`: new `ariaExpanded`, `ariaControls`, `ariaHasPopup` props (and `pressed` on `bs-button`) forwarded to the inner button. `bs-icon-button size="sm"` is now 32x32.
+  - `bs-navigation-drawer-item`: `aria-current="page"` on the selected item; new `href`/`target` renders a real link and a cancelable `bsSelect`; long captions wrap in the collapsed rail.
+  - `bs-tabs`: a value that matches no tab no longer clears a `selected` tab; gap between tabs is 4px; `bsChange` docs say when it fires.
+  - `bs-breadcrumbs`: declares `bsNavigate` so the React/Vue/Angular wrappers expose it. A crumb without `href` no longer looks like a link.
+  - `bs-radio`: `ariaLabel`. New `bs-radio-group` and `bs-checkbox-group`.
+  - `bs-data-table`: `striped`, and per-cell slots (`cell-{id}-{column}`) for app-owned content.
+  - `bs-input`: new `type="combobox"` (listbox rendered inside the component, full combobox ARIA), `ariaLabel`; date icon no longer duplicated and a larger number stepper hit area; description text 14px, field gap 8px; pin gap 6px; chip height 24px.
+  - Tokens: `--bs-typography-font-family-heading/body` now end with `system-ui, sans-serif`. Roboto is still not bundled.
+  - New components: `bs-select`, `bs-link`, `bs-toggle-button`, `bs-toggle-button-group`, `bs-icon`, `bs-heading`, `bs-text`, `bs-code-block`, `bs-toolbar`, `bs-skip-link`, `bs-table-of-contents`, `bs-tag`, `bs-stat`, `bs-description-list` / `bs-description-item`. `bs-card` can be a link or a selectable toggle; `bs-list` gains `variant` (`bulleted`, `numbered`); `bs-empty-state` gains `size` and an `illustration` slot.
+
+  Second batch (behaviour changes, see `MIGRATION.md`):
+
+  - `bs-button`: heights are now sm 32 / md 44 / lg 48px with 12px left/right padding on every size (was 40/48/56 with 24/16/40px). New `--bs-button-padding-x-md` / `-lg` and `--bs-button-outlined-color`.
+  - `bs-icon-button`: explicit icon colours on hover/pressed at `size="xs"`.
+  - `bs-attachment`: the dismiss button is exactly 12px from the top and right.
+  - `bs-snackbar`: the default variant's action label and border use the same inverse token.
+  - `bs-chatbot-suggestion-button`: disabled state uses the disabled surface/text/border tokens instead of an opacity fade.
+  - `bs-composer`: stop icon sized like the other action icons; stronger border for the human variant.
+  - `bs-input`: `type="select"`, the initials title and the country picker no longer render a native `<select>`; they open an in-component listbox styled like the BrandSync menu (queries for a native `<select>` will no longer match). Country is its own field and shows the flag. New `titleLabel`, `countryLabel`, `--bs-input-picker-min-width`.
+  - `bs-slider` (segmented): ticks span the knob height. `bs-tabs`: inline bar is 48px tall; a disabled inline tab matches the bar background. The icon-only inline tab story was removed (a label is required).
+  - `bs-navigation-drawer`: 12px between all items, and between a parent row and its first child.
+  - `bs-navigation-header`: responds to its own width (container query); the right slot never wraps or shrinks; the left slot drops to a second row when narrow.
+  - `bs-avatar`, `bs-chatbot-feedback`, `bs-chatbot-header`: Phosphor glyphs via `bs-icon`. `bs-icon` registry entries can be `{ viewBox, body }`.
+  - New component `bs-dropdown` (menu trigger with outside-click, Escape, focus management).
+  - Tokens: `--bs-*-breakpoints-max-width` are now `px` (were malformed `rem`).
+
+## 1.19.0
+
+### Minor Changes
+
+- e0fb531: Add `bs-presence`, a slot wrapper that fades, slides, scales, or collapses its content when `active` changes. Duration and easing map to the existing motion tokens, and reduced motion snaps the transition to instant.
+- e0fb531: Add `bs-ripple`, a press-ripple building block, and use it in `bs-button`, `bs-icon-button`, `bs-chip-filter`, `bs-chip-input`, `bs-tab`, `bs-inline-tab`, `bs-menu-item`, `bs-list-item`, `bs-search-item`, `bs-tree-item`, `bs-pagination`, `bs-source-link`, `bs-chatbot-suggestion-button`, `bs-chatbot-response-action`, `bs-switch`, `bs-checkbox` and `bs-radio` (each exposes it as `::part(ripple)`). `bs-accordion` now animates its body height and rotates the caret when `expanded` changes (new `--bs-accordion-duration` and `--bs-accordion-easing`). `bs-carousel` slides now fade and slide out and in between pages, and the dots animate (new `--bs-carousel-duration`, `--bs-carousel-easing` and `--bs-carousel-slide-distance`). `bs-dialog`, `bs-side-panel` and `bs-popover` now animate open and close (new `--bs-dialog-*`, `--bs-side-panel-duration`/`-easing` and `--bs-popover-duration`/`-easing`/`-distance`), staying mounted until the exit finishes. All of it follows the motion tokens, and reduced motion turns them off.
+- c3cd521: `bs-tooltip-trigger` now fades its tooltip in and out with a small drift away from the trigger (new `--bs-tooltip-trigger-duration`, `--bs-tooltip-trigger-easing` and `--bs-tooltip-trigger-distance`). `bs-mega-menu` has a new optional `open` prop that fades and drops the panel in and out, keeping it mounted until the exit finishes (new `--bs-mega-menu-duration`, `--bs-mega-menu-easing` and `--bs-mega-menu-distance`); the host `hidden` attribute still shows and hides it instantly, and `hidden` wins over `open`. Reduced motion turns both off.
+
 ## 1.18.0
 
 ### Minor Changes