Skip to content

Releases: PPLEThai/pple-design-system

@pplethai/components@1.2.0

28 May 08:42
ee01787

Choose a tag to compare

Minor Changes

  • 12015f6: Navbar now accepts children as 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 in dark variant, children are wrapped in a .dark scope so design tokens automatically flip to dark-mode values.

Patch Changes

  • 12015f6: Fix Button rendering:

    • 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): overshoot background-position by 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

28 May 03:55
cfbed2e

Choose a tag to compare

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

28 May 03:35
8a3c75b

Choose a tag to compare

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 home target and renderHomeLink (mirrors menu renderLink for routers). Pass home={false} to disable.

@pplethai/components@1.1.0

27 May 16:46
9ad57d9

Choose a tag to compare

Minor Changes

  • 50e6f62: Add Spinner component for loading states. Omit value for an indeterminate spinning loop, or pass value (0–max) for a determinate circular progress. Supports size (sm / default / lg / xl), custom strokeWidth, and accessible label. Color is driven by currentColor so it adapts to surrounding text-* classes.
  • a108977: Add Stepper + StepperItem for multi-step forms and wizards. Compound API with a value prop (0-indexed current step) on the root and per-step title / description on items. Supports orientation="horizontal" | "vertical", marks the current step with aria-current="step", and renders a checkmark for completed steps.

@pplethai/components@1.0.2

27 May 15:20

Choose a tag to compare

Patch Changes