@rcarls/rc-chip 0.0.0-next-20260921045401

package/CHANGELOG.md

@@ -0,0 +1,98 @@
+# @rcarls/rc-chip
+
+## 0.0.0-next-20260921045401
+
+### Minor Changes
+
+- 079e025: Standardize component styling contracts for the breaking 0.7 release.
+
+  BREAKING CHANGE: Rename the Markdown editor's `--rme-*` properties to
+  `--rc-markdown-editor-*`, `--rc-app-bar-background` to `--rc-app-bar-bg`,
+  `--rc-textarea-radius` to `--rc-textarea-border-radius`, the transfer-list
+  `--rc-transfer-list-panel-*` properties to `--rc-transfer-list-listbox-*`,
+  `--rc-chip-group-webkit-scrollbar-display` to
+  `--rc-chip-group-scrollbar-display`, and `--rc-text` to `--rc-field-text`.
+  Compatibility aliases are intentionally not provided.
+
+  BREAKING CHANGE: Replace `--rc-select-chip-padding-inline` and
+  `--rc-combobox-chip-padding-inline` with explicit `*-padding-inline-start` and
+  `*-padding-inline-end` tokens. Generated removable chips now reserve the full
+  remove target and its edge offset, so their indicator cannot overlap label text.
+
+  Add canonical app-bar elevation, transfer-list listbox radius, and textarea
+  line-action tokens. Add logical `rc-chip` inline-padding properties so themes
+  can implement Material's icon-aware spacing without overriding authored child
+  styles. Make `rc-field` consume the shared semantic token layer,
+  and place the `rc-chip` and `rc-search-bar` light-DOM structural styles in the
+  `rc-base` cascade layer so normal consumer rules override them.
+
+  Prevent decorative, `aria-hidden` trailing list content from intercepting a
+  whole-row action target, and keep segmented-list item geometry from leaking
+  into nested standard lists.
+
+  Remove unused Material navigation-rail toggle tokens and obsolete list-item
+  theme tokens. Register the segmented-button private theme seam and enforce
+  token ownership, documentation, removed-name, selector-budget, and cascade
+  layer contracts through the component architecture audit.
+
+## 0.6.0
+
+### Minor Changes
+
+- ffcbf11: Add adaptive chip-group layouts, native-backed filter chips, and shared
+  input-chip rendering. Native-backed chips preserve controlled host state,
+  follow form resets when uncontrolled, and accept native link actions. Groups
+  restore author-owned chip variants when coordination ends. Keep search input
+  chrome inside the search surface and align contextual icon sizes with Material 3.
+- 0a462c5: Add `--rc-chip-touch-target-overlap-block-start` and `-block-end`, zero by
+  default. A theme or consumer sets one to let a chip's accessible
+  touch-target inflation on that side overlap into whatever sits just
+  outside the host, such as a height-constrained field's own block padding
+  (a multi-select value area in `rc-search-bar` or `rc-combobox`, say),
+  instead of also reserving layout space there. The block-axis counterpart
+  to `@rcarls/rc-button`'s, `@rcarls/rc-menu-button`'s, and
+  `@rcarls/rc-adaptive-menu`'s own inline-axis touch-target overlap tokens.
+
+### Patch Changes
+
+- 7adbd76: Keep development diagnostics concise and prevent expected test fixtures from emitting noisy warnings.
+
+## 0.5.0
+
+## 0.4.2
+
+## 0.4.1
+
+## 0.4.0
+
+### Minor Changes
+
+- 74d9046: Add native button-based chip controls and let toolbars coordinate groups of
+  interactive chips with roving focus.
+
+### Patch Changes
+
+- 55e8ab5: Preserve UA-like control and surface styling until an optional theme supplies decorative tokens.
+  Restore themed button hover and pressed state layers, including a pointer-origin Material ripple.
+- c926344: Document all `rc-chip` CSS custom properties, including the previously
+  undocumented `--rc-chip-gap`, `--rc-chip-block-size`, `--rc-chip-radius`, and
+  selection/disabled/focus tokens, and fix the `--rc-chip-removable-padding-inline-end`
+  tag to show its real `calc()` default.
+- c40a1be: Add theme-neutral fast, default, and slow effects and spatial motion token
+  pairs. Expose bottom-sheet settle easing through
+  `--rc-bottom-sheet-snap-easing` and map sheet settling to the Material spatial
+  motion scheme.
+
+  Give direct-child bottom-sheet handles a full-width 48px interaction target
+  while preserving the 32 by 4 pixel visual indicator. Replace rectangular
+  mobile browser tap highlights on chips with themeable, shape-clipped state
+  layers. Keep bottom-sheet snap targets docked to the block-end edge when CSS
+  minimum or maximum sizing constrains their requested heights.
+
+  Mount declaratively assigned textarea plugins at connection time and remount
+  them after reconnection, preserving plugin effects and adopted styles in
+  framework render lifecycles.
+
+- 979b989: Use a zero default gap for tighter chip content layout and a smaller default
+  font size for slotted remove icons. Derive removable content padding from the
+  remove target width and chip gap so the label and trailing icon stay aligned.

package/README.md

@@ -0,0 +1,52 @@
+# @rcarls/rc-chip
+
+Chip wrapper for native actions, links, filters, and inputs.
+
+```html
+<rc-chip variant="filter">
+  <button type="button">Vegetarian</button>
+</rc-chip>
+```
+
+The native button remains connected for keyboard behavior and progressive enhancement.
+Native tap highlighting is suppressed because the component's clipped state layer
+provides hover, focus, and pressed feedback within the chip shape.
+Structural styles for the native child are installed in the `rc-base` cascade
+layer, so normal author rules outside a layer remain the final styling authority.
+
+Themes may use `--rc-chip-padding-inline-start` and
+`--rc-chip-padding-inline-end` for icon-aware logical padding. Both fall back
+to `--rc-chip-padding-inline`, so existing symmetric padding remains compatible.
+
+Navigation chips preserve the same native-link behavior:
+
+```html
+<rc-chip>
+  <a href="/recipes">Recipes</a>
+</rc-chip>
+```
+
+Use `rc-toolbar` when a group of interactive chips should form one tab stop
+with arrow-key navigation. Import `@rcarls/rc-toolbar/define` separately when
+you are not using the aggregate package:
+
+```html
+<rc-toolbar label="Recipe filters">
+  <rc-chip variant="filter">
+    <button type="button">Quick</button>
+  </rc-chip>
+  <rc-chip variant="filter">
+    <button type="button">Vegetarian</button>
+  </rc-chip>
+</rc-toolbar>
+```
+
+For a removable chip, the direct native button is the only interactive
+control. Activating it fires `rc-chip-remove`; the trailing remove icon is
+presentational. Give the button an action-oriented accessible name:
+
+```html
+<rc-chip variant="input" removable>
+  <button type="button" aria-label="Remove basil">Basil</button>
+</rc-chip>
+```