Skip to content

v0.3.0

Choose a tag to compare

View all tags
@github-actions github-actions released this 29 Jul 13:44
v0.3.0
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

Full diff

📦 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
Loading