@podoba/react 0.0.11 → 0.0.13
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 +3 -3
- package/src/components/toast.tsx +4 -4
- package/src/utils/uic.ts +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@podoba/react",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.13",
|
|
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.13",
|
|
29
|
+
"@podoba/tailwind": "^0.0.13",
|
|
30
30
|
"react-aria-components": "1.18.0",
|
|
31
31
|
"class-variance-authority": "0.7.1",
|
|
32
32
|
"clsx": "2.1.1",
|
package/src/components/toast.tsx
CHANGED
|
@@ -25,8 +25,8 @@ import {
|
|
|
25
25
|
* - `1px solid --color-border` (#eceae1) → `border border-border`
|
|
26
26
|
* - `--radius-lg` (8px) → `rounded-lg`
|
|
27
27
|
* - `--shadow-lg` → `shadow-lg`
|
|
28
|
-
* - `--spacing-4` (16px) padding → `p-
|
|
29
|
-
* - `--spacing-2` (8px) gap between toasts → `gap-
|
|
28
|
+
* - `--spacing-4` (16px) padding → `p-4`
|
|
29
|
+
* - `--spacing-2` (8px) gap between toasts → `gap-2`
|
|
30
30
|
* - title heading-5 / weight-medium / text-primary → `text-heading5 font-medium text-fg`
|
|
31
31
|
* - desc base / text-secondary → `text-body text-fg-muted`
|
|
32
32
|
* - close 24px / radius-md / text-tertiary→primary → `h-6 w-6 rounded-md text-fg-subtle hover:text-fg`
|
|
@@ -126,7 +126,7 @@ export const ToastRegion = ({
|
|
|
126
126
|
<RACToastRegion
|
|
127
127
|
queue={toastQueue}
|
|
128
128
|
aria-label={ariaLabel}
|
|
129
|
-
className="fixed bottom-0 right-0 z-[1070] m-0 flex w-[390px] max-w-[100vw] list-none flex-col gap-
|
|
129
|
+
className="fixed bottom-0 right-0 z-[1070] m-0 flex w-[390px] max-w-[100vw] list-none flex-col gap-2 p-4 outline-none"
|
|
130
130
|
>
|
|
131
131
|
{({ toast: t }) => {
|
|
132
132
|
const variant = t.content.variant ?? 'default'
|
|
@@ -138,7 +138,7 @@ export const ToastRegion = ({
|
|
|
138
138
|
animation: 'gsToastSlideIn 300ms cubic-bezier(0.16, 1, 0.3, 1)',
|
|
139
139
|
willChange: 'transform, opacity',
|
|
140
140
|
}}
|
|
141
|
-
className="relative flex items-start gap-
|
|
141
|
+
className="relative flex items-start gap-2 rounded-lg border border-border bg-surface-card p-4 shadow-lg outline-none data-[focus-visible]:ring-2 data-[focus-visible]:ring-ring"
|
|
142
142
|
>
|
|
143
143
|
{dot ? (
|
|
144
144
|
<span
|
package/src/utils/uic.ts
CHANGED
|
@@ -41,7 +41,7 @@ import {
|
|
|
41
41
|
} from 'react'
|
|
42
42
|
import { extendTailwindMerge } from 'tailwind-merge'
|
|
43
43
|
|
|
44
|
-
// tailwind-merge configured for OUR theme extensions (
|
|
44
|
+
// tailwind-merge configured for OUR theme extensions (@podoba/tailwind's theme.css).
|
|
45
45
|
// Default tailwind-merge only recognises stock scale keys — without this,
|
|
46
46
|
// `text-compact` (custom fontSize) would be classified as a text COLOR and
|
|
47
47
|
// wrongly deduped against `text-fg-*`, and `px-nav-x` (custom spacing) would
|