mirror of
https://github.com/logos-co/logos-web.git
synced 2026-08-27 12:11:14 +00:00
Jules
6ef717c74f
* feat(ui): add LogosWordmark icon SVG wordmark for the "Logos" brand name, using fill-current so color is driven by surrounding text color -- matching the pattern of LogosMark. * fix(web): align navbar brand lockup with Figma - Shrink lambda mark from 14px to 11px (Figma: 8x11px vector) - Tighten brand lockup gap from 6px to 4px - Replace text label with LogosWordmark SVG; keep sr-only span for a11y - Fix mobile brand link typography (was font-serif 18px, now text-eyebrow) - Nudge wordmark down 1px to optically align with the lambda mark * fix(ui): align overlay navbar brand lockup and typography with Figma - Replace text logoLabel fallback with LogosMark + LogosWordmark SVGs - Move logo top from md:top-1.5 to top-3.5 to align with panel tabs - Remove tracking-[0.08em] and add font-semibold on panel tab buttons - Increase CTA vertical padding from py-2 to py-2.5 * fix(web): align closed navbar brand lockup, typography, and layout with Figma - Remove BrandLockup wrapper; inline LogosMark + LogosWordmark directly - Remove tracking-[0.08em] and add font-semibold on nav link buttons - Increase desktop CTA vertical padding from min-h-7 to py-2.5 - Restructure desktop bar to absolute positioning (relative container) so logo, nav, and CTA positions mirror the overlay header exactly - Mobile bar: add relative positioning; logo now uses absolute top-3.5 left-3 * fix(ui): vertically center overlay header elements - Logo and close button: top-3.5/top-[14px] → top-1/2 -translate-y-1/2 (elements live inside the 42px OverlayHeader, so 50% resolves correctly) - Nav tabs and CTA: top-3.5/top-1.5 → top-[22.5px]/top-[22px] -translate-y-1/2 (elements live in the outer 700px container, so a fixed value matching the header mid-point is used instead of 50%) - Nav tabs: items-start → items-center to match the centered position * fix(web): vertically center navbar and fix mobile menu gap - Mobile bar: replace 3-col grid with flat relative container; remove dead-code nav/CTA shell that was never visible at mobile widths - Mobile logo: top-3.5 → top-1/2 -translate-y-1/2 (true vertical center) - Mobile hamburger: repositioned from grid col-2 (50% center) to left-[62.5%] -translate-x-1/2 (matches overlay close button and Figma spec), adding gap between logo and menu; add font-semibold - Desktop logo, nav tabs, CTA: top-3.5/top-1.5 → top-1/2 -translate-y-1/2 * fix(ui): update arrow icon and add hover effects to button variants - Replace ButtonArrowIcon SVG with filled 10x10 arrow, increase gap to 1.5 - Primary: hover:bg-accent-steel-teal (#5F797C) - Secondary: hover:bg-gray-02 (#B8BDB8) with border cleared on hover * fix(web): update download icon style * fix(web): fit status CTA button to content width * feat(ui): add dev watch mode for packages/ui Adds a tsup --watch script to packages/ui so it rebuilds automatically when sources change during pnpm dev:web. The turbo.json override ensures the watch process only starts after the initial clean build completes.
62 lines
1.7 KiB
JSON
62 lines
1.7 KiB
JSON
{
|
|
"name": "@acid-info/logos-ui",
|
|
"version": "0.2.0",
|
|
"description": "Shared Logos React primitives and SVG icons.",
|
|
"type": "module",
|
|
"sideEffects": [
|
|
"**/*.css"
|
|
],
|
|
"exports": {
|
|
".": {
|
|
"types": "./dist/index.d.ts",
|
|
"import": "./dist/index.js"
|
|
},
|
|
"./client": {
|
|
"types": "./dist/client.d.ts",
|
|
"import": "./dist/client.js"
|
|
},
|
|
"./styles.css": {
|
|
"style": "./styles.css",
|
|
"import": "./styles.css",
|
|
"default": "./styles.css"
|
|
},
|
|
"./package.json": "./package.json"
|
|
},
|
|
"files": [
|
|
"dist",
|
|
"styles.css"
|
|
],
|
|
"publishConfig": {
|
|
"access": "public"
|
|
},
|
|
"scripts": {
|
|
"build": "tsup src/index.ts src/client.ts --format esm --dts --external react --external react/jsx-runtime --external tailwind-merge --clean --tsconfig tsconfig.build.json",
|
|
"dev": "tsup src/index.ts src/client.ts --format esm --dts --external react --external react/jsx-runtime --external tailwind-merge --tsconfig tsconfig.build.json --watch",
|
|
"lint": "eslint . --config ../../packages/config/eslint/base.mjs --max-warnings 0",
|
|
"lint:fix": "eslint . --config ../../packages/config/eslint/base.mjs --fix",
|
|
"check-types": "tsc --noEmit",
|
|
"prepublishOnly": "pnpm run build"
|
|
},
|
|
"dependencies": {
|
|
"tailwind-merge": "^3.3.1"
|
|
},
|
|
"peerDependencies": {
|
|
"@acid-info/logos-tokens": "^0.1.0",
|
|
"react": ">=18.3.0 || >=19.0.0"
|
|
},
|
|
"peerDependenciesMeta": {
|
|
"@acid-info/logos-tokens": {
|
|
"optional": true
|
|
}
|
|
},
|
|
"devDependencies": {
|
|
"@acid-info/logos-tokens": "workspace:*",
|
|
"@types/node": "^24.12.4",
|
|
"@types/react": "^19.2.14",
|
|
"eslint": "^10.2.1",
|
|
"react": "^19.2.5",
|
|
"tsup": "^8.5.0",
|
|
"typescript": "^6.0.3"
|
|
}
|
|
}
|