@cosxai/ui 1.0.0-alpha.6 → 1.0.0-alpha.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,13 @@
|
|
|
1
|
+
## 1.0.0-alpha.7 (2026-09-30)
|
|
2
|
+
|
|
3
|
+
Sign-in patterns checked against design.cosx.co Patterns · Sign-in:
|
|
4
|
+
|
|
5
|
+
- AuthPanel: the highlight band runs 40–94% with a hair of overhang each
|
|
6
|
+
side; Chinese sets at 1.35, untracked, band from 50% (typography-cjk's
|
|
7
|
+
:lang(zh) line-height is unlayered, so this one is important).
|
|
8
|
+
- WorkspaceRow: 14px name at 1.35, the outline an inset rule on the page
|
|
9
|
+
colour (no border box).
|
|
10
|
+
|
|
1
11
|
## 1.0.0-alpha.6 (2026-09-29)
|
|
2
12
|
|
|
3
13
|
Sign-in patterns (Metaroom sign-in, design.cosx.co), moved here from the
|
package/package.json
CHANGED
|
@@ -69,9 +69,13 @@ export function AuthPanel({ eyebrow, lead, mark, sub, logo }: AuthPanelProps) {
|
|
|
69
69
|
{logo ?? <Logo height={22} tone="ink" />}
|
|
70
70
|
<div className="flex flex-col gap-4">
|
|
71
71
|
<span className="text-[13px] font-medium text-[rgba(17,17,17,.7)]">{eyebrow}</span>
|
|
72
|
-
|
|
72
|
+
{/* Chinese sets at 1.35, untracked, its band starting lower (design: Patterns · Sign-in).
|
|
73
|
+
Important: typography-cjk.css sets every :lang(zh) line-height outside the layers. */}
|
|
74
|
+
<p className="m-0 text-[34px] leading-[1.22] font-medium tracking-[-.02em] text-pretty [&:lang(zh)]:leading-[1.35]! [&:lang(zh)]:tracking-normal!">
|
|
73
75
|
{lead}
|
|
74
|
-
<span className="box-decoration-clone bg-[linear-gradient(
|
|
76
|
+
<span className="mx-[-.08em] box-decoration-clone px-[.08em] bg-[linear-gradient(transparent_40%,var(--brand-mark)_40%,var(--brand-mark)_94%,transparent_94%)] [&:lang(zh)]:bg-[linear-gradient(transparent_50%,var(--brand-mark)_50%,var(--brand-mark)_94%,transparent_94%)]">
|
|
77
|
+
{mark}
|
|
78
|
+
</span>
|
|
75
79
|
</p>
|
|
76
80
|
{sub && <p className="m-0 text-[15px] leading-[1.6] text-[rgba(17,17,17,.7)]">{sub}</p>}
|
|
77
81
|
</div>
|
|
@@ -48,14 +48,14 @@ export const WorkspaceRow = forwardRef<HTMLButtonElement, WorkspaceRowProps>(fun
|
|
|
48
48
|
type="button"
|
|
49
49
|
aria-busy={busy || undefined}
|
|
50
50
|
className={cn(
|
|
51
|
-
'flex w-full cursor-pointer items-center gap-3 rounded-[12px] border
|
|
51
|
+
'flex w-full cursor-pointer items-center gap-3 rounded-[12px] border-0 bg-page px-3.5 py-3 text-left text-fg shadow-[inset_0_0_0_1px_var(--rule)] outline-none transition-colors duration-[120ms] hover:bg-hover focus-visible:shadow-(--focus-ring) disabled:cursor-default',
|
|
52
52
|
className,
|
|
53
53
|
)}
|
|
54
54
|
{...rest}
|
|
55
55
|
>
|
|
56
56
|
<WorkspaceMark name={name} logoUrl={logoUrl} />
|
|
57
|
-
<span className="flex min-w-0 flex-1 flex-col">
|
|
58
|
-
<span className="truncate text-[
|
|
57
|
+
<span className="flex min-w-0 flex-1 flex-col leading-[1.35]">
|
|
58
|
+
<span className="truncate text-[14px] font-medium">{name}</span>
|
|
59
59
|
{detail && <span className="truncate text-[12px] text-fg-secondary">{detail}</span>}
|
|
60
60
|
</span>
|
|
61
61
|
{busy ? <Spinner size={16} /> : <ChevronRight size={16} aria-hidden className="text-fg-secondary" />}
|