Sisyphos UI

Changelog

Every release of @sisyphos-ui/ui and its sub-packages. Follow along via RSS.

RSS
Latest release
v0.3.0· Input masks, data-grid Table, submenus
View details
v0.3.0MinorCurrent

Input masks, data-grid Table, submenus

Twenty-two packages land a feature-and-polish pass. Input gains masks, Table becomes a real data-grid, DropdownMenu grows submenus, and a full PageSkeleton joins the loading-state toolkit.

Input masks

New mask prop plus mask.ts helpers. Expanded variants, refreshed styles, broader test coverage.

Data-grid Table

Sorting, row selection, loading skeletons, empty states, refined pagination.

DropdownMenu submenus

Nested menus with improved keyboard navigation and consistent styling.

PageSkeleton

New full-page loading primitive alongside richer Skeleton building blocks.

Added

  • Input — mask prop and mask.ts helpers for phone, date, currency, and custom formats.
  • Table — sorting, row selection, loading skeletons, empty-state integration.
  • Skeleton — new PageSkeleton component and extra primitives for common layouts.
  • DropdownMenu — submenu support with full keyboard navigation.

Changed

  • Input — expanded variants and refreshed visual styles.
  • Table — refined pagination and broader test coverage.
  • DatePicker — UX and styling refinements, better edge-case handling.
  • Checkbox, Radio, RadioGroup — accessibility polish and consistent styling.
  • FileUpload — drag-and-drop and file-type filtering polish.
  • Slider, Carousel, Tabs, Tooltip, Popover, Toast, EmptyState, Alert, Accordion, Card, Dialog, Spinner, Select, TreeSelect — behavioural fixes and style refinements.
  • ui — bundle-css.mjs build tweaks for aggregated stylesheet output.
  • eslint-config — ruleset tuning.

Install

npmGitHub release
$ pnpm add @sisyphos-ui/ui@0.3.0
v0.2.0Minor

Initial public release

Sisyphos UI goes public. A headless-flavored, accessible React design system built on CSS variables and SCSS tokens — 30+ components as tree-shakable packages plus an umbrella.

30+ components

Every component ships as an independent, tree-shakable package. The @sisyphos-ui/ui umbrella bundles them all.

Accessible by default

WAI-ARIA compliant, keyboard operable, focus-trap and scroll-lock wired into every overlay.

Themeable at runtime

applyTheme(), setThemeMode(), and CSS variables under --sisyphos-*. Works with any styling stack.

Strict TypeScript

Compound APIs, controlled + uncontrolled modes, forwardRef + displayName, full prop JSDoc.

Added

  • Initial public release of the Sisyphos UI design system.
  • 30+ accessible components: Accordion, Alert, Avatar, Breadcrumb, Button, Card, Carousel, Checkbox, Chip, DatePicker, Dialog, DropdownMenu, EmptyState, FileUpload, Input, NumberInput, Popover, Radio, Select, Skeleton, Slider, Spinner, Switch, Table, Tabs, Textarea, Toast, Tooltip, TreeSelect, and more.
  • Runtime theming primitives — applyTheme(), setThemeMode(), and the full CSS variable system under --sisyphos-*.
  • Compound component APIs for Dialog, Tabs, Accordion, Card, Radio, and others.
  • Controlled and uncontrolled modes on every interactive component.
  • Strict TypeScript types with forwardRef, displayName, and full prop JSDoc.

Install

npmGitHub release
$ pnpm add @sisyphos-ui/ui@0.2.0

Looking for a specific component’s history? Every @sisyphos-ui/* package ships its own CHANGELOG.md on npm. Or watch the GitHub repository for release notifications.