@o2e-brands/pebble-brand-assets

Brand-specific assets for O2E Brands' Pebble UI. Logos, brand-specific icons, rasters, and photographs, organized by brand.

Install

pnpm add @o2e-brands/pebble-brand-assets

Usage

Imports are scoped per brand. Currently only gj (1-800-GOT-JUNK?) is shipped; w1d and ss are planned.

SVG assets as React components

import { Logo, LogoMonochrome, JunkTruck } from "@o2e-brands/pebble-brand-assets/gj"

export default function Header() {
  return <Logo className="h-8 text-primary" />
}

Each SVG asset accepts standard SVG props (className, style, width, height, etc.) and inherits color via currentColor where appropriate. No ThemeProvider required.

Raster assets as URLs

import truckHero from "@o2e-brands/pebble-brand-assets/gj/raster/truck-hero.jpg"
import Image from "next/image"

export default function Hero() {
  return <Image src={truckHero} alt="Junk truck on a sunny day" />
}

TypeScript

All SVG components are typed as React.SVGProps<SVGSVGElement>. Raster imports resolve to a string URL at build time in Webpack, Vite, esbuild, and Turbopack.

Status

Internal beta. Breaking changes expected through the 0.x line. Maintained by O2E Brands; not open for external contributions.

Asset inventory

GJ assets currently shipped:

• (none yet; populated in a follow-up task)

Versioning

Pinned independently of other @o2e-brands/pebble-* packages. Brand assets change less frequently than UI components.