@podoba/react 0.0.25 → 0.0.26
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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@podoba/react",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.26",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "podoba React components — React Aria Components + Tailwind primitives + layout, built with uic.",
|
|
6
6
|
"repository": {
|
|
@@ -25,8 +25,8 @@
|
|
|
25
25
|
"typecheck": "tsc --build"
|
|
26
26
|
},
|
|
27
27
|
"dependencies": {
|
|
28
|
-
"@podoba/tokens": "^0.0.
|
|
29
|
-
"@podoba/tailwind": "^0.0.
|
|
28
|
+
"@podoba/tokens": "^0.0.26",
|
|
29
|
+
"@podoba/tailwind": "^0.0.26",
|
|
30
30
|
"react-aria-components": "1.18.0",
|
|
31
31
|
"class-variance-authority": "0.7.1",
|
|
32
32
|
"clsx": "2.1.1",
|
|
@@ -94,8 +94,8 @@ export function BrandPageHeader({
|
|
|
94
94
|
.filter(Boolean)
|
|
95
95
|
.join(' ')}
|
|
96
96
|
>
|
|
97
|
-
<div className="flex flex-col gap-2 sm:flex-row sm:items-start sm:
|
|
98
|
-
<div className="flex min-w-0 flex-col gap-1">
|
|
97
|
+
<div className="flex flex-col gap-2 sm:flex-row sm:items-start sm:gap-4">
|
|
98
|
+
<div className="flex min-w-0 flex-1 flex-col gap-1">
|
|
99
99
|
{breadcrumbs && breadcrumbs.length > 0 ? (
|
|
100
100
|
<nav aria-label="Breadcrumb" className="flex flex-wrap items-center gap-1 text-compact text-fg-muted">
|
|
101
101
|
{breadcrumbs.map((crumb, i) => (
|
|
@@ -133,7 +133,8 @@ export function BrandPageHeader({
|
|
|
133
133
|
</div>
|
|
134
134
|
|
|
135
135
|
{cta ? (
|
|
136
|
-
|
|
136
|
+
// Hero CTA spans 4 of 12 columns (one third) — the greeting takes the rest.
|
|
137
|
+
<div className="w-full shrink-0 sm:w-1/3">{cta}</div>
|
|
137
138
|
) : ctaLabel ? (
|
|
138
139
|
<div className="shrink-0">
|
|
139
140
|
{hasExpandable ? (
|
|
@@ -26,8 +26,8 @@ export interface CtaPillProps {
|
|
|
26
26
|
|
|
27
27
|
export function CtaPill({ lead, emphasis, tail, children }: CtaPillProps) {
|
|
28
28
|
return (
|
|
29
|
-
<div className="flex
|
|
30
|
-
<p className="text-heading4 font-medium leading-[22px] tracking-normal text-fg">
|
|
29
|
+
<div className="flex w-full items-center justify-between gap-4 rounded-lg bg-brand-secondary px-6 py-4">
|
|
30
|
+
<p className="min-w-0 text-heading4 font-medium leading-[22px] tracking-normal text-fg">
|
|
31
31
|
{lead} <span className="font-semibold text-white">{emphasis}</span> {tail}
|
|
32
32
|
</p>
|
|
33
33
|
<div className="shrink-0">{children}</div>
|