@pantoia/ui 0.12.0 → 0.12.1
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/alert-dialog/index.tsx +2 -2
- package/bottom-sheet/index.tsx +2 -2
- package/dialog/index.tsx +2 -2
- package/drawer/index.tsx +2 -2
- package/package.json +1 -1
package/alert-dialog/index.tsx
CHANGED
|
@@ -109,11 +109,11 @@ export function AlertDialogHeader({ lead, trail, className, children }: AlertDia
|
|
|
109
109
|
)
|
|
110
110
|
}
|
|
111
111
|
|
|
112
|
-
const alertDialogBody = tv({ base: '-m-1 min-h-0 overflow-y-auto p-1' })
|
|
112
|
+
const alertDialogBody = tv({ base: '-m-1 min-h-0 overflow-y-auto p-1 focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-line-focus-ring' })
|
|
113
113
|
|
|
114
114
|
export function AlertDialogBody({ className, children }: { className?: string, children?: ReactNode }) {
|
|
115
115
|
return (
|
|
116
|
-
<div className={alertDialogBody({ className })}>
|
|
116
|
+
<div tabIndex={0} className={alertDialogBody({ className })}>
|
|
117
117
|
{children}
|
|
118
118
|
</div>
|
|
119
119
|
)
|
package/bottom-sheet/index.tsx
CHANGED
|
@@ -100,11 +100,11 @@ export function BottomSheetDescription({ className, ...rest }: BottomSheetDescri
|
|
|
100
100
|
)
|
|
101
101
|
}
|
|
102
102
|
|
|
103
|
-
const bottomSheetBody = tv({ base: '-m-1 min-h-0 overflow-y-auto p-1' })
|
|
103
|
+
const bottomSheetBody = tv({ base: '-m-1 min-h-0 overflow-y-auto p-1 focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-line-focus-ring' })
|
|
104
104
|
|
|
105
105
|
export function BottomSheetBody({ className, children }: { className?: string, children?: ReactNode }) {
|
|
106
106
|
return (
|
|
107
|
-
<div className={bottomSheetBody({ className })}>
|
|
107
|
+
<div tabIndex={0} className={bottomSheetBody({ className })}>
|
|
108
108
|
{children}
|
|
109
109
|
</div>
|
|
110
110
|
)
|
package/dialog/index.tsx
CHANGED
|
@@ -108,11 +108,11 @@ export function DialogHeader({ lead, trail, className, children }: DialogHeaderP
|
|
|
108
108
|
)
|
|
109
109
|
}
|
|
110
110
|
|
|
111
|
-
const dialogBody = tv({ base: '-m-1 min-h-0 overflow-y-auto p-1' })
|
|
111
|
+
const dialogBody = tv({ base: '-m-1 min-h-0 overflow-y-auto p-1 focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-line-focus-ring' })
|
|
112
112
|
|
|
113
113
|
export function DialogBody({ className, children }: { className?: string, children?: ReactNode }) {
|
|
114
114
|
return (
|
|
115
|
-
<div className={dialogBody({ className })}>
|
|
115
|
+
<div tabIndex={0} className={dialogBody({ className })}>
|
|
116
116
|
{children}
|
|
117
117
|
</div>
|
|
118
118
|
)
|
package/drawer/index.tsx
CHANGED
|
@@ -123,11 +123,11 @@ export function DrawerDescription({ className, ...rest }: DrawerDescriptionProps
|
|
|
123
123
|
)
|
|
124
124
|
}
|
|
125
125
|
|
|
126
|
-
const drawerBody = tv({ base: '-m-1 min-h-0 overflow-y-auto p-1' })
|
|
126
|
+
const drawerBody = tv({ base: '-m-1 min-h-0 overflow-y-auto p-1 focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-line-focus-ring' })
|
|
127
127
|
|
|
128
128
|
export function DrawerBody({ className, children }: { className?: string, children?: ReactNode }) {
|
|
129
129
|
return (
|
|
130
|
-
<div className={drawerBody({ className })}>
|
|
130
|
+
<div tabIndex={0} className={drawerBody({ className })}>
|
|
131
131
|
{children}
|
|
132
132
|
</div>
|
|
133
133
|
)
|