Skip to content

Commit 051a4d0

Browse files
wh1teeewh1teee
committed
update dependencies: solves a bug with a non-closing modal on iphone x
1 parent 3cb57d1 commit 051a4d0

13 files changed

+21818
-11393
lines changed

‎README.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -128,7 +128,7 @@ In most cases you use a bottom sheet the same way you do with a dialog: you want
128128
## props
129129

130130
All props you provide, like `className`, `style` props or whatever else are spread onto the underlying `<animated.div>` instance, that you can style in your custom CSS using this selector: `[data-rsbs-root]`.
131-
Just note that the component is mounted in a `@reach/portal` at the bottom of `<body>`, and not in the DOM hierarchy you render it in.
131+
Just note that the component is mounted in a `@radix-ui/react-portal` at the bottom of `<body>`, and not in the DOM hierarchy you render it in.
132132

133133
### open
134134

‎docs/Hero.tsx

+3-3
Original file line numberDiff line numberDiff line change
@@ -127,7 +127,7 @@ export default function Hero({ className }: { className?: string }) {
127127
/>
128128
<animated.path
129129
style={{
130-
fill: state.interpolate({ output: ['#fed7e6', '#FC9EC2'] }),
130+
fill: state.to({ output: ['#fed7e6', '#FC9EC2'] }),
131131
}}
132132
fillRule="evenodd"
133133
clipRule="evenodd"
@@ -140,10 +140,10 @@ export default function Hero({ className }: { className?: string }) {
140140
style={{
141141
['--tw-translate-y' as any]: y,
142142
/*
143-
['--tw-scale-x' as any]: state.interpolate({
143+
['--tw-scale-x' as any]: state.to({
144144
output: [0.9, 1],
145145
}),
146-
['--tw-scale-y' as any]: state.interpolate({
146+
['--tw-scale-y' as any]: state.to({
147147
output: [0.9, 1],
148148
}),
149149
// */

‎docs/StickyNugget.tsx

+1-3
Original file line numberDiff line numberDiff line change
@@ -50,10 +50,8 @@ export default function StickyNugget({
5050
</p>
5151
))}
5252

53-
<Link href={example}>
54-
<a className="underline-none hover:underline focus:underline text-2xl font-bold text-gray-700 hover:text-gray-800 active:text-gray-900 focus:outline-none">
53+
<Link href={example} className="underline-none hover:underline focus:underline text-2xl font-bold text-gray-700 hover:text-gray-800 active:text-gray-900 focus:outline-none">
5554
Open example 👀
56-
</a>
5755
</Link>
5856
{process.env.NODE_ENV !== 'production' && active && (
5957
<button

‎docs/fixtures/CloseExample.tsx

+1-3
Original file line numberDiff line numberDiff line change
@@ -11,8 +11,7 @@ type Props = {
1111

1212
const CloseExample = forwardRef<HTMLAnchorElement, Props>(
1313
({ className, ...props }, ref) => (
14-
<Link href="/">
15-
<a
14+
<Link href="/"
1615
{...props}
1716
className={cx(
1817
'absolute left-0 top-0 only-window my-4 mx-8 py-2 px-4 transition-colors focus:duration-0 bg-gray-100 hover:bg-gray-200 active:bg-gray-300 text-gray-600 hover:text-gray-700 active:text-gray-800 text-xs rounded-md focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-white focus-visible:ring-gray-400',
@@ -21,7 +20,6 @@ const CloseExample = forwardRef<HTMLAnchorElement, Props>(
2120
ref={ref}
2221
>
2322
Close example
24-
</a>
2523
</Link>
2624
)
2725
)

‎next-env.d.ts

+4-1
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,5 @@
11
/// <reference types="next" />
2-
/// <reference types="next/types/global" />
2+
/// <reference types="next/image-types/global" />
3+
4+
// NOTE: This file should not be edited
5+
// see https://nextjs.org/docs/basic-features/typescript for more information.

0 commit comments

Comments
 (0)