Skip to content

UI Packaging and Theming #405

@Nkovaturient

Description

@Nkovaturient

Description

  • UI Packaging: Expose Main components in @storacha/ui and subpaths exports like @storacha/ui-core, @storacha/ui-react
  • Formalize package split for logic vs components(Space Suite, Auth, Content); add Tailwind theme and tokens; support component-level imports.

Scope

  • Packages: @storacha/ui-core (hooks, types, services), @storacha/ui-react (components)
  • ui/core contans framework agnostic utilities and ui/react contains react-bindings for those utilities and services. Hence, bring modularity and structured division by placing framework-agnostic utils in packages/ui/packages/core, React bits in packages/ui/packages/react, and components in packages/ui/packages/react/src/components/*,
  • Tailwind plugin: color tokens, spacing, radii; dark/light; CSS vars
  • Build: TS project refs, tree-shakeable, exports map

Acceptance Criteria

  • npm install @storacha/ui meta-package works with subpath exports
  • Component-level imports supported

Deliverables

  • Package setup with build scripts
  • Tailwind plugin + CSS vars
  • Type-safe public APIs

Resources

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions