pixelplay 1.2.1 → 1.2.3

package/CHANGELOG.md

@@ -6,6 +6,48 @@ This project adheres to [Semantic Versioning](https://semver.org/).
 
 ---
 
+## [1.2.3] — 2026-04-22
+
+### Fixed
+
+- **Release publish retry for npm**: Bumped package version to `1.2.3` to avoid attempting to republish `1.2.2`, which npm rejects once already published.
+- **Type-safe strict build fixes**: Resolved strict TypeScript build blockers in `AlertDialog`, `Carousel`, and `ToggleGroup` to ensure production `next build` and package validation complete successfully.
+
+### Changed
+
+- **Publish workflow guardrail**: Added a pre-publish npm registry check that fails fast with a clear message when the current package version is already published.
+
+---
+
+## [1.2.2] — 2026-04-21
+
+### Added
+
+- **Vitest testing stack and scripts at workspace level**: Added `test` and `test:watch` scripts in root `package.json`, plus supporting dev dependencies (`vitest`, `jsdom`, Testing Library, and `jest-axe` tooling).
+- **Test infrastructure configuration**: Added root `vitest.config.ts` and `vitest.setup.ts` for shared test runtime setup.
+- **CI accessibility/test workflow**: Added `.github/workflows/ui-a11y.yml` to validate shared UI accessibility/test coverage in automation.
+- **Large co-located test expansion**: Added 63 new `.test.tsx` files, including shared UI component tests and targeted widget/feature tests (`VectorMap` and `SearchBar`).
+- **Full shared UI folder test coverage achieved**: Every folder under `app/ui-kit/pixelplay-ui/shared/ui` now has co-located test coverage.
+
+### Changed
+
+- **Broad shared UI behavior and semantics hardening**: Updated many interactive primitives and composites (accordion, alert-dialog, badge, button-group, calendar, carousel, collapsible, context-menu, drawer, dropdown-menu, hover-card, input, menubar, modal, navigation-menu, pagination, popover, select, sheet, tabs, toast, toggle-group, toolbar, and more) to improve consistency of interaction/state behavior and accessibility contracts.
+- **Design-token alignment across updated controls**: Replaced remaining raw palette usage in updated surfaces/components with token-based classes to stay consistent with the PixelPlay theme system.
+- **Docs/demo and widget adjustments**: Updated docs/demo pages and multiple PixelPlay widgets/entities/features (including dropdown/command-menu docs, component preview surfaces, and vector-map/widget navigation surfaces) to stay aligned with shared UI behavior updates.
+- **Dependency lockfile and release metadata updates**: Regenerated lockfile and bumped package release metadata for this patch.
+
+### Fixed
+
+- **Date picker dialog semantics**: Date picker triggers now consistently expose dialog linkage (`aria-haspopup`, `aria-expanded`, and `aria-controls`) to their corresponding panels across `DatePicker`, `DateTimePicker`, and `DateRangePicker`.
+- **Button submit-safety defaults**: Shared `Button`, `SocialButton`, and `StoreButton` now default to `type="button"` unless explicitly overridden.
+- **Tooltip trigger ARIA merging**: `TooltipTrigger` now safely merges `aria-describedby` with existing trigger attributes and binds a stable tooltip id.
+- **Checkbox description linkage**: `Checkbox` now wires `aria-describedby` to its description text and supports explicit `aria-label`/`aria-labelledby` passthrough.
+- **Tag control accessibility**: Tag checkbox and dismiss affordances now expose reliable accessible labels.
+- **Progress semantics fallback**: `ProgressBar` and `CircularProgress` now provide fallback accessible names when labels are omitted.
+- **File upload progress naming**: File upload row progressbars now expose per-file `aria-label` values.
+
+---
+
 ## [1.2.1] — 2026-04-21
 
 ### Added

package/dist/index.d.mts

@@ -65,7 +65,11 @@ interface ButtonGroupItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
 }
 
 declare function ButtonGroup({ children, className }: ButtonGroupProps): react_jsx_runtime.JSX.Element;
-declare function ButtonGroupItem({ children, startContent, isIconOnly, isSelected, isDisabled, className, onClick, onFocus, onBlur, type, form, name, value, "aria-label": ariaLabel, "aria-pressed": ariaPressed, "aria-expanded": ariaExpanded, id, tabIndex, }: ButtonGroupItemProps): react_jsx_runtime.JSX.Element;
+declare const ButtonGroupItem: React$1.ForwardRefExoticComponent<ButtonGroupItemProps & {
+    buttonRef?: React$1.Ref<HTMLButtonElement>;
+} & {
+    onKeyDown?: React$1.KeyboardEventHandler<HTMLButtonElement>;
+} & React$1.RefAttributes<HTMLButtonElement>>;
 
 type InputVariant = "bordered" | "flat" | "faded" | "underlined";
 type TextareaResize = "none" | "vertical" | "horizontal" | "both";
@@ -414,11 +418,15 @@ interface CheckboxProps {
     label?: string;
     /** Supporting description rendered below the label */
     description?: string;
+    /** Accessible name when no visible label should be rendered */
+    "aria-label"?: string;
+    /** Accessible label reference when no visible label should be rendered */
+    "aria-labelledby"?: string;
     className?: string;
     id?: string;
 }
 
-declare function Checkbox({ checked, indeterminate, defaultChecked, onChange, variant, size, isDisabled, label, description, className, id: idProp, }: CheckboxProps): react_jsx_runtime.JSX.Element;
+declare function Checkbox({ checked, indeterminate, defaultChecked, onChange, variant, size, isDisabled, label, description, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, className, id: idProp, }: CheckboxProps): react_jsx_runtime.JSX.Element;
 declare namespace Checkbox {
     var displayName: string;
 }
@@ -461,8 +469,10 @@ interface CheckboxGroupProps {
     /** Uncontrolled default selected values */
     defaultValue?: string[];
     onChange?: (values: string[]) => void;
-    /** Group label */
+    /** Visible group label — also provides accessible name via aria-labelledby */
     label?: string;
+    /** Invisible accessible name when no visible label is used */
+    "aria-label"?: string;
     /** Disable the entire group */
     isDisabled?: boolean;
     /** Stack direction */
@@ -475,7 +485,7 @@ interface CheckboxGroupProps {
 }
 
 declare function CheckboxCard({ value: _value, title, subtitle, description, icon, price, priceUnit, badge, badgeColor, avatarSrc, checked, defaultChecked, onChange, isDisabled, size, variant, className, id: idProp, }: CheckboxCardProps): react_jsx_runtime.JSX.Element;
-declare function CheckboxGroup({ options, value, defaultValue, onChange, label, isDisabled, orientation, size, variant, className, }: CheckboxGroupProps): react_jsx_runtime.JSX.Element;
+declare function CheckboxGroup({ options, value, defaultValue, onChange, label, "aria-label": ariaLabel, isDisabled, orientation, size, variant, className, }: CheckboxGroupProps): react_jsx_runtime.JSX.Element;
 
 type ProgressLabelPlacement = "none" | "right" | "below" | "tooltip-above" | "tooltip-below";
 type ProgressSize = "sm" | "md";

package/dist/index.d.ts

@@ -65,7 +65,11 @@ interface ButtonGroupItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
 }
 
 declare function ButtonGroup({ children, className }: ButtonGroupProps): react_jsx_runtime.JSX.Element;
-declare function ButtonGroupItem({ children, startContent, isIconOnly, isSelected, isDisabled, className, onClick, onFocus, onBlur, type, form, name, value, "aria-label": ariaLabel, "aria-pressed": ariaPressed, "aria-expanded": ariaExpanded, id, tabIndex, }: ButtonGroupItemProps): react_jsx_runtime.JSX.Element;
+declare const ButtonGroupItem: React$1.ForwardRefExoticComponent<ButtonGroupItemProps & {
+    buttonRef?: React$1.Ref<HTMLButtonElement>;
+} & {
+    onKeyDown?: React$1.KeyboardEventHandler<HTMLButtonElement>;
+} & React$1.RefAttributes<HTMLButtonElement>>;
 
 type InputVariant = "bordered" | "flat" | "faded" | "underlined";
 type TextareaResize = "none" | "vertical" | "horizontal" | "both";
@@ -414,11 +418,15 @@ interface CheckboxProps {
     label?: string;
     /** Supporting description rendered below the label */
     description?: string;
+    /** Accessible name when no visible label should be rendered */
+    "aria-label"?: string;
+    /** Accessible label reference when no visible label should be rendered */
+    "aria-labelledby"?: string;
     className?: string;
     id?: string;
 }
 
-declare function Checkbox({ checked, indeterminate, defaultChecked, onChange, variant, size, isDisabled, label, description, className, id: idProp, }: CheckboxProps): react_jsx_runtime.JSX.Element;
+declare function Checkbox({ checked, indeterminate, defaultChecked, onChange, variant, size, isDisabled, label, description, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, className, id: idProp, }: CheckboxProps): react_jsx_runtime.JSX.Element;
 declare namespace Checkbox {
     var displayName: string;
 }
@@ -461,8 +469,10 @@ interface CheckboxGroupProps {
     /** Uncontrolled default selected values */
     defaultValue?: string[];
     onChange?: (values: string[]) => void;
-    /** Group label */
+    /** Visible group label — also provides accessible name via aria-labelledby */
     label?: string;
+    /** Invisible accessible name when no visible label is used */
+    "aria-label"?: string;
     /** Disable the entire group */
     isDisabled?: boolean;
     /** Stack direction */
@@ -475,7 +485,7 @@ interface CheckboxGroupProps {
 }
 
 declare function CheckboxCard({ value: _value, title, subtitle, description, icon, price, priceUnit, badge, badgeColor, avatarSrc, checked, defaultChecked, onChange, isDisabled, size, variant, className, id: idProp, }: CheckboxCardProps): react_jsx_runtime.JSX.Element;
-declare function CheckboxGroup({ options, value, defaultValue, onChange, label, isDisabled, orientation, size, variant, className, }: CheckboxGroupProps): react_jsx_runtime.JSX.Element;
+declare function CheckboxGroup({ options, value, defaultValue, onChange, label, "aria-label": ariaLabel, isDisabled, orientation, size, variant, className, }: CheckboxGroupProps): react_jsx_runtime.JSX.Element;
 
 type ProgressLabelPlacement = "none" | "right" | "below" | "tooltip-above" | "tooltip-below";
 type ProgressSize = "sm" | "md";