Releases: PPLEThai/pple-design-system
Releases · PPLEThai/pple-design-system
@pplethai/components@1.2.0
Minor Changes
- 12015f6: Navbar now accepts
childrenas a trailing slot — rendered to the right of the links on desktop and at the top of the mobile dropdown panel. Useful for login buttons, notification bells, theme toggles, etc. When the navbar is indarkvariant, children are wrapped in a.darkscope so design tokens automatically flip to dark-mode values.
Patch Changes
-
12015f6: Fix
Buttonrendering:variant="outline": border and text now use the foreground token in dark mode so the button is visible on dark navy surfaces (previously navy-on-navy).variant="ghost": hover background and text now use the foreground token in dark mode so hover stays legible against the dark surface (previously navy text blended into the dark background).- Gradient hover animation (
.gradient-hover-animate): overshootbackground-positionby 1px on both rest (-1px center) and hover end (calc(100% + 1px) center) so the 200% gradient image extends past the container edges throughout the animation. Eliminates a subpixel sliver where the surface beneath would bleed through (showed up as a stray white edge on destructive buttons and a white outline on the right of outline buttons).
-
12015f6: Bumped contrast on the primary button gradient (
--gradient-primary-button) in both light and dark modes — lighter highlight stop and darker shadow stop so the gradient feels less flat. Middle brand-orange stop is unchanged.
@pplethai/components@1.1.2
Patch Changes
- Fix Select, Autocomplete, MultiSelect, and other popover dropdowns closing immediately on React 19 and in mobile WebViews by upgrading Radix Select, guarding all Popover dismiss handlers (pointer, interact, focus), marking popover anchors, and using controlled values in FormSelectField.
- 5e363b1: Fix Select, Autocomplete, MultiSelect, and other popover dropdowns closing immediately on React 19 and in mobile WebViews by upgrading Radix Select, guarding all Popover dismiss handlers (pointer, interact, focus), marking popover anchors, and using controlled values in FormSelectField.
@pplethai/components@1.1.1
Patch Changes
- 5e363b1: Fix Select and popover dropdowns closing immediately on React 19 and in mobile WebViews by upgrading Radix Select, aligning shared Radix layers, ignoring spurious empty value sync in forms, and using controlled values in FormSelectField.
- e806701: Add Navbar home navigation: logo and title share one clickable brand link with customizable
hometarget andrenderHomeLink(mirrors menurenderLinkfor routers). Passhome={false}to disable.
@pplethai/components@1.1.0
Minor Changes
- 50e6f62: Add
Spinnercomponent for loading states. Omitvaluefor an indeterminate spinning loop, or passvalue(0–max) for a determinate circular progress. Supportssize(sm/default/lg/xl), customstrokeWidth, and accessiblelabel. Color is driven bycurrentColorso it adapts to surroundingtext-*classes. - a108977: Add
Stepper+StepperItemfor multi-step forms and wizards. Compound API with avalueprop (0-indexed current step) on the root and per-steptitle/descriptionon items. Supportsorientation="horizontal" | "vertical", marks the current step witharia-current="step", and renders a checkmark for completed steps.
@pplethai/components@1.0.2
Patch Changes
- 9b66033: bump