Releases · Starbem/react-starsystem · GitHub

Release list

v1.1.0 Latest

Latest

github-actions released this 30 Jul 18:34

18c08dc

`@starbemtech/react-starsystem@1.1.0`

Minor Changes

5baa862: Input: move the label above the field instead of floating it inside the bordered box (matches Select/FormField's existing label position — visual change for consumers using <Input label="..."/> standalone without a FormField wrapper, no type-level breaking change). Add variant (outline default, filled, underline), size (sm, md default, lg), a success state (parallel to error, mutually exclusive — error wins if both are set), and prefix/suffix add-ons. Also fixes the md size's padding/radius, which previously used 16px/8px padding and a 16px radius instead of the design system's 14px/10px padding and 12px radius.
0f45761: Textarea: move the label above the field instead of floating it inside the bordered box (matches Input/Select/FormField's label position — visual change for consumers using <Textarea label="..."/> standalone, no type-level breaking change). Add variant (outline default, filled, underline), size (sm, md default, lg), a success state (parallel to error, mutually exclusive — error wins if both are set), and an opt-in character counter (showCount, requires maxLength).

Select: add variant, size, and success, matching Input/Textarea. Fixes the trigger's fixed 56px height and 16px/8px padding (now organic height with 14px/10px padding on the md default, matching the design system), and fixes the trigger and popover menu background, which used an incorrect gray (#F7F7F7) instead of white.

Internal: extracted the variant/size color and sizing logic shared by Input, Textarea, and Select into src/components/shared/fieldStyles.ts — not part of the public API, but public type aliases (InputVariant, InputSize, TextareaVariant, TextareaSize, SelectVariant, SelectSize) are preserved for existing imports.

🔖 Commits

Changes since v1.0.1:

18c08dc chore: release v1.1.0
97eafa4 ✨ (Sidebar.stories.tsx): add support for collapsible UserFooter component to show/hide user name based on collapsed state
0f45761 chore: add changeset for Textarea/Select DS parity
fcc4a07 docs: add variant/size/success/counter stories for Textarea and Select
3c20bbb feat(Select): add variant/size/success, fix background gray-bug and fixed height
688338d fix(Textarea): remove unrequested opacity-60 from disabled state
ad4d8d1 feat(Textarea): add opt-in character counter tied to maxLength
08cec86 feat(Textarea): add variant/size/success, move label above field
33e183d refactor(Input): extract field variant/size styles into shared module
b9dca08 docs: add Textarea/Select DS parity implementation plan
d7478a7 docs: add Textarea/Select DS parity design spec
fc63d74 docs: add Textarea/Select DS parity implementation plan
6394580 docs: add Textarea/Select DS parity design spec
fd3690e ✨ (Avatar.tsx): Update Avatar component to conditionally show different background and text colors based on showImage prop ♻️ (Input.tsx): Refactor getFieldColorClasses function to use consistent background and border colors for different variants and states ♻️ (Toggle.tsx): Refactor Toggle component to use primary base color for checked state background color instead of secondary darker color
cffaf61 test(Input): add missing a11y tests for success and prefix+error states
5baa862 chore: add changeset for Input redesign
bea5145 docs(Input): add stories for variant/size/success/prefix-suffix
e34e0e1 fix(Input): add missing divider border on prefix/suffix
4825fa0 feat(Input): add prefix/suffix add-ons
0b3faf9 feat(Input): add success state with hint icon
9682eab feat(Input): add variant/size, move label above field
7295f8d docs: add Input redesign implementation plan
d63b089 docs: add Input redesign design spec
7300e2c docs: add Input redesign implementation plan
428f480 docs: add Input redesign design spec
83d7a10 ✨ (Modal.stories.tsx): Update Modal stories to initialize the 'open' state as false instead of true to prevent modals from opening by default. Add buttons to manually open the modals for better user interaction.

📦 Install

pnpm add @starbemtech/react-starsystem@1.1.0

🚀 Basic usage

import { Button } from '@starbemtech/react-starsystem'
import '@starbemtech/react-starsystem/style.css'

🎨 Design Tokens

import { colors, fontFamily, fontSize, spacing, borderRadius } from '@starbemtech/react-starsystem'

// colors
colors.primary.base   // #FF5100
colors.secondary.base // #7F56D9
colors.terciary.base  // #ED2E98

Assets 2

v1.0.1

github-actions released this 30 Jul 14:30

a8e9a8c

`@starbemtech/react-starsystem@1.0.1`

Patch Changes

4c0dd73: Remove the Chart component family (Chart, Sparkline, LineChart, BarChart, DonutChart) and their types (ChartProps, SparklineProps, LineChartProps, BarChartProps, BarDatum, DonutChartProps, DonutSegment). Charting is out of scope for this design system — consuming apps should use a dedicated charting library instead.

🔖 Commits

Changes since v1.0.0:

a8e9a8c chore: release v1.0.1
4c0dd73 ✨ (remove-chart-component.md): Remove the Chart component family and their types from the design system as charting is out of scope. Consuming apps should use a dedicated charting library instead. 📝 (App.tsx, DocsLayout.tsx): Refactor App component to use react-router-dom for routing and add support for locale handling in DocsLayout component. Update DocsLayout to include LocaleToggle component and handle locale switching.
660f56a feat(example): use the new Menu component for desktop navigation
55e1c12 chore: add prettier format check to CI
857072b docs: add AGENTS.md, point CLAUDE.md at it
b1a0541 fix(ci): stop hardcoding pnpm 9 in docs workflow too (same packageManager mismatch as ci/publish)

📦 Install

pnpm add @starbemtech/react-starsystem@1.0.1

🚀 Basic usage

import { Button } from '@starbemtech/react-starsystem'
import '@starbemtech/react-starsystem/style.css'

🎨 Design Tokens

import { colors, fontFamily, fontSize, spacing, borderRadius } from '@starbemtech/react-starsystem'

// colors
colors.primary.base   // #FF5100
colors.secondary.base // #7F56D9
colors.terciary.base  // #ED2E98

Assets 2

v1.0.0

github-actions released this 30 Jul 04:41

250ce84

`@starbemtech/react-starsystem@1.0.0`

Major Changes

22c6d8f: Fix 11 existing components to match the Starbem Design System reference kit's public API. This is a breaking release — see the full list below before upgrading.

Button: added variants tertiary, link, glass, glass-dark, glass-brand (9 total); added size="xl"; added pill and block props; added polymorphic as="a" rendering (disabled semantics become aria-disabled for the anchor branch).

Checkbox / Radio: added tone ("primary" | "success" | "accent"), variant="card" (tile layout), error, and size="lg".

Select: no prop changes — onChange's value-callback contract is now documented via JSDoc to avoid confusion with a native change event handler.

Avatar: added size="2xl"; status is now boolean | "online" | "offline" | "away" instead of a closed enum; alt is no longer required when src is set (falls back to name); added shape, icon fallback, and ring props. AvatarGroup now takes children (<Avatar> elements) instead of an avatars array — the AvatarGroupItem type is removed.

Modal: title type changed from string to ReactNode; added present ("auto" | "center" | "sheet" — responsive bottom-sheet layout), tone, icon, and align.

Tabs: TabItem.content is now optional (Tabs can be used as a pure tab-bar with no panel, matching the DS — existing usage with content on every item is unaffected); added TabItem.icon, TabItem.count, variant="enclosed", size, and block.

Badge: variant "default" is renamed to "neutral"; added variants "primary", "accent", "solid"; added dot; now spreads extra HTML attributes (onClick, data-*, aria-*, etc.) onto the root element.

Spinner: size now also accepts a number (pixel diameter) in addition to "sm" | "md" | "lg"; added thickness; label is no longer a required prop (defaults to "Carregando"). Added a new Dots component (three-dot inline loader).

Tooltip: added tone ("dark" | "light" | "brand") and a "rich" layout via the new title prop (renders title + content as two lines).

Pagination: renamed currentPage → page, totalPages → total, onPageChange → onChange to match the DS; added pill; now spreads extra HTML attributes onto the root <nav>.

Migration: update every Pagination and AvatarGroup usage per the renames above (Table's pagination prop follows automatically via its PaginationProps type). Every other change is additive — no other call site changes are required to keep compiling.

Minor Changes

94472b0: Correct design tokens against the Starbem Design System reference kit: fix secondary color (#7F56D9), fix neutral-1000 (#272727), add ink color ramp, add error/warning/success semantic color scales, add semantic color aliases, switch body font from Inter to Funnel Display (single-typeface system), fix h1/h2/h4 font sizes, add overline size and per-size typeScale (line-height + letter-spacing), add space-40, rescale border-radius (sm 8px, md 12px, lg 16px, xl 24px, 2xl 32px), fix elevation shadow values to multi-layer DS values, add shadowBrand and ringFocus tokens, and load the missing Funnel Display @import.

Note: these are token corrections only — component implementations still use hardcoded Tailwind arbitrary values (hex/px) instead of consuming these tokens, so no visual change ships in this release. Component migration is tracked separately.
f2416f8: Add responsive Menu navigation component (sidebar/rail/bottom/drawer/auto, container-query driven). Also fixes: ProgressCircle now accepts a label prop wired to aria-label; IconButton's label prop is now required (was optional but functionally mandatory); FilterChip's remove control is now a real sibling button instead of nested inside the chip's own button; FileUploader's inline upload progress bar now reuses the Progress component (adds proper ARIA progressbar semantics).
41fac7d: Add 7 new components: Progress/ProgressCircle, Tag, IconButton, FilterBar/FilterChip, FileUploader/FileItem, ListItem, and Chart (Sparkline/LineChart/BarChart/DonutChart). All built directly against existing design tokens — no hardcoded colors.
c7c4adc: Add 5 new telehealth-domain components: Calendar (month date picker), DateInput (text field + calendar popover), Schedule (day/week/month agenda with video-consultation chips), Message (chat bubbles + TypingMessage/MessageDay/SystemMessage/MessageList), and VideoCall (video-consultation surface with spotlight/grid layout and live/connecting/ended states).

Patch Changes

dc6b276: Tech debt cleanup: Progress track now has a dark-mode background color; Menu's drawer panel content stays mounted while closed so the close animation actually slides, and the closed panel is now marked inert to prevent keyboard focus on hidden controls; AvatarGroup now respects an explicit ring prop on child Avatars instead of always forcing it to true; Checkbox's hover shadow is now tone-aware and dark-mode-aware (previously a single hardcoded amber color regardless of tone). Also added test coverage for FilterChip's disabled propagation, Tabs' mixed-content rendering, and Spinner's combined size+thickness behavior. No public API changes.
75d5ac8: Migrate all existing components from hardcoded hex/px/shadow values to design tokens defined in the @theme block (colors, radius, elevation shadows). No API or behavior change — visual-only, aligning components with the corrected Starbem Design System tokens (secondary color, radius scale, shadow elevations) from the earlier token-correction release. A handful of values with no DS equivalent (two Button glass-variant glows, the Checkbox/Radio focus glow, the Select focus glow) remain hardcoded and are tracked as known technical debt.

🔖 Commits

Changes since v0.3.0:

250ce84 fix(ci): pin packageManager to pnpm 11.13.1, stop hardcoding pnpm 9 in workflows
caf18e1 chore: release v1.0.0
dc6b276 chore: add changeset for tech debt cleanup
5dd4366 chore: update pnpm-lock.yaml for example/'s workspace:* link
623ea43 fix(example): version pnpm-workspace.yaml and link example/ to the local package via workspace:*
ed8f92e test: cover Spinner's combined size+thickness prop interaction
146dd08 test: cover Tabs rendering a heterogeneous mix of plain/icon/count tab items together
7a257a3 test: cover disabled propagation to both FilterChip buttons in the removable path
3bf9886 fix(checkbox): make hover shadow tone-aware and dark-mode-aware (was a hardcoded amber rgba unrelated to tone)
7d3046c fix(avatar): let AvatarGroup children override ring via an explicit ring prop
5b4e036 fix(menu): mark closed drawer panel inert to prevent focusing hidden controls
fddc864 fix(menu): keep drawer panel content mounted while closed for a real slide-out animation
ba7996d fix(progress): add dark-mode track background color
f37e7cf docs: add implementation plan for tech debt cleanup
f2416f8 chore: add changeset for Menu component and debt fixes
017e2ff test: add secondary-prop coverage for Progress, IconButton, FilterBar, Chart
ae9a8b2 fix(fileuploader): reuse Progress component for the inline upload bar (adds ARIA progressbar semantics)
e07d271 fix(filterbar): render FilterChip's remove control as a sibling button, not nested
1102673 fix(iconbutton): make label required (icon-only control needs an accessible name)
6fa1bec fix(progress): wire ProgressCircle's label prop to aria-label
c9c829e fix(menu): make auto mode accessible via ResizeObserver instead of aria-hidden dual-render, fix non-contiguous section grouping
6bf25d4 feat(menu): add responsive Menu component (sidebar/rail/bottom/drawer/auto)
0d00a9e docs: add implementation plan for Menu component and debt fixes
145de1f docs: add design spec for Menu component
76bcc78 docs: add implementation plan for Menu component and debt fixes
c56c2ac docs: add design spec for Menu component
41fac7d chore: add changeset for 7 new components
311609e fix(chart): implement BarChart hover tooltip, stop tooltip prop leaking to DOM
66e61f6 feat(chart): add Chart, Sparkline, LineChart, BarChart and DonutChart components
6fa4f10 fix(fileuploader): replace invalid ink-400 token with valid ink-300
b35af2b fix(listitem): replace invalid ink-400 token, align active color with NavItem/Table convention
ff8f6ba feat(listitem): add ListItem component
c187af7 fix(fileuploader): render title as visible text, add dark mode variants
fd7015e feat(fileuploader): add FileUploader and FileItem components
e96c251 fix(filterbar): segmented visual connection + keyboard-accessible remove chip
df0735e feat(filterbar): add FilterBar and FilterChip components
ccfee44 feat(iconbutton): add IconButton component
fc63598 feat(tag): add Tag component
6509418 fix(progress): address review findings (drop eslint.config.js scope creep, tidy aria-label, add clamp test)
2d751d0 feat(progress): add Progress and ProgressCircle components
4bcaeda docs: add implementation plan for 7 new components
cb2e8c8 docs: add design spec for 7 pending components (Progress, Tag, IconButton, FilterBar, FileUploader, ListItem, Chart)
87ba59e docs: add implementation plan for 7 new components
f56b79f docs: add design spec for 7 pending components (Progress, Tag, IconButton, FilterBar, FileUploader, ListItem, Chart)
75d5ac8 chore: add changeset for token migration
73f0758 refactor(videocall): migrate to design tokens
7b67c7e refactor(topbar): migrate to design tokens
0174475 refactor(tooltip): migrate to design tokens
671c004 refactor(toggle): migrate to design tokens
95278c4 refactor(toast): migrate to design tokens
82b4314 refactor(...

Read more

Assets 2

v0.3.0

github-actions released this 29 Jul 13:44

d98f7c2

`@starbemtech/react-starsystem@0.3.0`

Minor Changes

eff4b68: Add Icon component rendering Material Symbols Rounded, always at weight 200. Adds material-symbols as a required peer dependency — consumers must import the font CSS themselves (e.g. import 'material-symbols/rounded.css').

🔖 Commits

Changes since v0.2.0:

d98f7c2 chore: version packages
974102a fix: switch Icon component from Outlined to Rounded variant
4cc00cf feat(docs-site): show Material Symbols info and catalog link on Icon page
89029d5 feat(docs-site): add searchable Icon gallery story
eff4b68 feat: add Icon component for Material Symbols Outlined
08691cf fix(example): apply dark background to page canvas
afaa79f fix(example): move ToastProvider outside the shell grid
1993395 fix(example): mount ToastProvider once at app root, clamp pagination, drop unused default exports
53b79da feat(example): wire router and complete dashboard example app
7cce663 feat(example): add Benefits and Settings pages
17baef6 feat(example): add Employees page with table, edit drawer, delete modal, toasts
060be6c feat(example): add Overview page with metric cards, table, empty state
1fb1b46 fix(example): use onClick+useNavigate for sidebar nav to avoid full page reloads
7b3a950 feat(example): add DashboardLayout with Sidebar, TopBar, dark mode, mobile Drawer
86ef2c0 feat(example): add theme/collapse hooks and HR mock data
fcd38a6 fix(example): add vite-env.d.ts for CSS side-effect import types
20301b9 chore(example): scaffold Vite app consuming published react-starsystem
029e999 docs: add implementation plan for /example dashboard app
0bda807 docs: add design spec for /example dashboard app
9b8e047 fix(docs-site): correct remaining dark-mode contrast gaps in story previews

📦 Install

pnpm add @starbemtech/react-starsystem@0.3.0

🚀 Basic usage

import { Button } from '@starbemtech/react-starsystem'
import '@starbemtech/react-starsystem/style.css'

🎨 Design Tokens

import { colors, fontFamily, fontSize, spacing, borderRadius } from '@starbemtech/react-starsystem'

// colors
colors.primary.base   // #FF5100
colors.secondary.base // #8660EC
colors.terciary.base  // #ED2E98

Assets 2

v0.2.0

github-actions released this 28 Jul 18:31

073cb4c

`@starbemtech/react-starsystem@0.2.0`

Minor Changes

47ea71a: Adiciona suporte real a dark mode em todos os 26 componentes da lib (bordas, backgrounds, textos e estados de foco/hover), via dark: do Tailwind. Opt-in: consumidores ativam adicionando a classe .dark em qualquer ancestral (tipicamente <html>), independente de preferência do sistema. Cores de marca e cores semânticas de status (Alert, Badge, Toast) permanecem invariantes ao tema.

🔖 Commits

Changes since v0.1.2:

073cb4c chore: version packages
47ea71a feat: add real dark mode support to all 26 components
f190187 feat(docs-site): story example cards follow dark theme
961f296 fix(docs-site): make Home cards and story canvas theme-aware
b84a344 feat(docs-site): add dark theme toggle to the header
17cedb3 fix(docs-site): show real usage code, not the Story object
f29045e feat(docs-site): show real source code per story example

📦 Install

pnpm add @starbemtech/react-starsystem@0.2.0

🚀 Basic usage

import { Button } from '@starbemtech/react-starsystem'
import '@starbemtech/react-starsystem/style.css'

🎨 Design Tokens

import { colors, fontFamily, fontSize, spacing, borderRadius } from '@starbemtech/react-starsystem'

// colors
colors.primary.base   // #FF5100
colors.secondary.base // #8660EC
colors.terciary.base  // #ED2E98

Assets 2

v0.1.2

github-actions released this 28 Jul 14:20

902e82c

`@starbemtech/react-starsystem@0.1.2`

Patch Changes

Link the live docs-site (https://starbem.github.io/react-starsystem/) from the README and set it as the package's homepage field.

🔖 Commits

Changes since v0.1.1:

902e82c docs: link the live docs-site, version 0.1.2
75628a9 fix(ci): release title is just the version tag
3db0cd0 fix(ci): quote printf format strings starting with dashes

📦 Install

pnpm add @starbemtech/react-starsystem@0.1.2

🚀 Basic usage

import { Button } from '@starbemtech/react-starsystem'
import '@starbemtech/react-starsystem/style.css'

🎨 Design Tokens

import { colors, fontFamily, fontSize, spacing, borderRadius } from '@starbemtech/react-starsystem'

// colors
colors.primary.base   // #FF5100
colors.secondary.base // #8660EC
colors.terciary.base  // #ED2E98

Assets 2

v0.1.1

JulioAugustoS released this 28 Jul 14:14

2ea5d7e

`@starbemtech/react-starsystem@0.1.1`

Patch Changes

Add standard open-source project files: LICENSE (MIT), CONTRIBUTING.md, CODE_OF_CONDUCT.md (Contributor Covenant 2.1), and SECURITY.md. Enrich package.json with license, author, repository, homepage, bugs, and keywords fields for the npm package page.

🔖 Commits

Changes since v0.1.0:

2ea5d7e chore: add standard OSS project files, version 0.1.1
7f9eadd ci: publish via npm directly instead of pnpm release

📦 Install

pnpm add @starbemtech/react-starsystem@0.1.1

🚀 Basic usage

import { Button } from '@starbemtech/react-starsystem'
import '@starbemtech/react-starsystem/style.css'

🎨 Design Tokens

import { colors, fontFamily, fontSize, spacing, borderRadius } from '@starbemtech/react-starsystem'

// colors
colors.primary.base   // #FF5100
colors.secondary.base // #8660EC
colors.terciary.base  // #ED2E98

Assets 2

v0.1.0

JulioAugustoS released this 28 Jul 14:14

2adc4f2

`@starbemtech/react-starsystem@0.1.0`

Minor Changes

565f3cc: Add Tabs component (ID-3188) built on @radix-ui/react-tabs, with line (underline) and filled (pill) variants, horizontal/vertical orientation, items (label + content), controlled (value/onChange) and uncontrolled (defaultValue) modes, disabled tabs, and full keyboard navigation (arrows).

New runtime dependency: @radix-ui/react-tabs.
02f40e3: Add Divider/Separator component (ID-3197) built on @radix-ui/react-separator, with horizontal/vertical orientation, solid/dashed variants, and a centered label (e.g. "ou") for the horizontal case.

New runtime dependency: @radix-ui/react-separator.
6bd27ae: Add Popover component (ID-3185) built on @radix-ui/react-popover, with configurable trigger, content (slot), side, align, and onOpenChange. Supports rich content (forms, lists, etc.), automatic focus trap, and closes on Escape or an outside click.

New runtime dependency: @radix-ui/react-popover.
9c703fd: Add DropdownMenu component (ID-3186) built on @radix-ui/react-dropdown-menu, with item/separator/label/checkbox-item/sub-menu entry types, icon and badge support per item, configurable trigger/align, an onSelect callback, and full keyboard navigation (arrows, Enter, Escape).

New runtime dependency: @radix-ui/react-dropdown-menu.
848d863: Add Table component (ID-3193), with typed columns (custom render, sortable), client-side sorting, optional row selection (checkbox column, controlled or uncontrolled), loading state with skeleton rows, an integrated empty state (default or custom), horizontal scroll on small viewports, and an optional built-in Pagination footer.

Checkbox gains an aria-label prop for cases without a visible label (used by Table's selection checkboxes).
ce159af: Add Tooltip component (ID-3184) built on @radix-ui/react-tooltip, with top/bottom/left/right sides, configurable delay, a disabled escape hatch, and support for rich (non-text) content.

New runtime dependency: @radix-ui/react-tooltip.
d1bfd77: Add Sidebar and NavItem components (ID-3190), with 1-level nested sub-menus (collapsible), a collapsed compact mode (icons only, label shown via Tooltip on hover), header/footer slots, and aria-current="page" on the active item.
74733f5: Add generic Card component (ID-3194), composable via Card.Header/Card.Body/Card.Footer, with default/outlined/elevated variants, padding sizes, an accessible clickable mode (onClick, keyboard-operable, focus ring), and a loading state that swaps content for an internal skeleton.
fca9367: Add Toast/Notification component (ID-3178) built on @radix-ui/react-toast, with a ToastProvider + imperative toast.success/error/warning/info ToastManager API, configurable position, stacking, auto-dismiss with optional progress bar, and per-variant aria-live.

New runtime dependency: @radix-ui/react-toast.
61c208b: Add TopBar/Header component (ID-3189), with start/center/end slots, sticky (with scroll shadow) and bordered props, and a responsive layout (title hidden/truncated on narrow screens, actions never shrink).
cd64344: Add Drawer/Sheet component (ID-3183) built on @radix-ui/react-dialog, with left/right/bottom positions, sm/md/lg/full sizes, optional title, onClose callback, focus trap, Escape-to-close, and a dark overlay.
b37fd2c: Add Alert/Banner component (ID-3177) with info/success/warning/error variants, optional title/description/icon/action, and dismissible state with exit transition and accessible close button.
5b53723: Add Breadcrumb component (ID-3191), with items (label + href), a customizable separator, automatic ellipsis truncation via maxItems, and aria-current="page" on the last item.
1a4045e: Add Pagination component (ID-3192), with currentPage/totalPages/onPageChange, configurable siblingCount, optional showFirstLast controls, automatic ellipsis for long page ranges, aria-current="page" on the active page, and a compact prev/next + indicator layout for mobile.
78e47b6: Add Modal/Dialog component (ID-3182) built on @radix-ui/react-dialog, with sm/md/lg/xl/full sizes, optional title/description/footer slot, onClose callback, closeOnOverlayClick toggle, automatic focus trap, Escape-to-close, and internal scroll for overflowing content.

New runtime dependency: @radix-ui/react-dialog.
f319098: Add Avatar and AvatarGroup components (ID-3195), with xs/sm/md/lg/xl sizes, automatic fallback chain (image → initials from name → generic icon), an optional online/offline/away status indicator, and AvatarGroup for a horizontal stack with +N overflow. alt is required by the type whenever src is provided.
06be1ab: Add Accordion component (ID-3196) built on @radix-ui/react-accordion, with single/multiple types, defaultValue, per-item disabled, keyboard navigation, aria-expanded/aria-controls, and a smooth CSS-driven expand/collapse animation.
3f9150b: Add Badge/Tag component (ID-3176) with default/success/warning/error/info variants, sm/md sizes, optional prefix icon, and removable state with accessible remove button.

🔖 Commits

773880c spec(input): add P3 Input Field spec and tasks (ID-3169)
0c29095 docs(button): Storybook stories — all variants, sizes, states (ID-3168)
b5349f1 test(button): comprehensive Button tests — variants, states, icons (ID-3168)
cfbc940 feat(button): implement Button component with Figma-verified tokens (ID-3168)
dc7cac1 🚀 (publish.yml): update GitHub Actions workflow to trigger on version tags for better release management 📝 (STATE.md): update project phase to P2 and mark tasks as completed for accurate project tracking
e8c837f fix(tokens): rename --font-weight-extrabold, add elevationSecondary tests, widen SwatchRow type
1485546 feat(tokens): barrel exports for all token packages + Storybook token showcase
ba9ccdc fix(tokens): add missing borderRadius xl/2xl keys and tests
18ee8b0 feat(tokens): add spacing, border-radius, and elevation shadow tokens
0e55d76 fix(tokens): remove premature colors re-export from index.ts; use toBeDefined for placeholder weights
892b2fc feat(tokens): add typography tokens — font family, size, weight, line-height
bb67dab feat(tokens): add color tokens — Primary, Secondary, Terciary, Neutral palettes
444d1c9 docs(specs): update P1 spec+tasks for 3-palette structure (Primary/Secondary/Terciary) per Figma
12455be docs(tokens): document Figma-extracted values for P1
58a7819 docs(specs): add P1 design tokens feature spec and tasks
c6f2f81 docs(specs): align ROADMAP.md phases with actual Jira numbering
c0fba32 ✨ (docs): add comprehensive architecture, conventions, integrations, concerns, and tech stack documentation to improve project clarity and guidance for developers.
6b7e7b3 create claude.md and docs
366bdd9 fix: add vitest, wire eslint-config-prettier, fix publish workflow, harden assetFileNames
8f40a59 docs: fix typo tales→stories in CLAUDE.md
749c2c1 chore: finalize P0 scaffold — ready for component authoring
56ca4be chore: add GitHub Actions CI + changeset publish workflow
9f1e1b6 chore: add changesets for semantic versioning
c37744d chore: add ESLint 9 flat config + Prettier
fd397a9 chore: add Storybook 8 + placeholder Button component
37f5212 fix: rename CSS output from index.css to style.css
0f21e8a chore: add Tailwind CSS v4 with @theme token placeholder
90ce53c chore: configure vite lib mode + TypeScript
a4f2f9d chore: initialize @starbemtech/react-starsystem package
e9c30c7 chore: initial empty commit

Full history: this is the first published release — see CHANGELOG.md for the complete list of changes.

📦 Install

pnpm add @starbemtech/react-starsystem@0.1.0

🚀 Basic usage

import { Button } from '@starbemtech/react-starsystem'
import '@starbemtech/react-starsystem/style.css'

🎨 Design Tokens

import { colors, fontFamily, fontSize, spacing, borderRadius } from '@starbemtech/react-starsystem'

// colors
colors.primary.base   // #FF5100
colors.secondary.base // #8660EC
colors.terciary.base  // #ED2E98

Contributors

theme

Assets 2