@boyernick/standard-ui-react 0.3.1-canary.43 → 0.3.1-canary.45
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 +1 -1
- package/src/carousel.tsx +1 -1
- package/src/lifeline/lifeline-shell.tsx +2 -2
- package/src/modal.tsx +1 -1
- package/src/video-player.tsx +3 -3
package/package.json
CHANGED
package/src/carousel.tsx
CHANGED
|
@@ -79,7 +79,7 @@ export type CarouselNextProps = ComponentProps<typeof Button>
|
|
|
79
79
|
export type CarouselDotsProps = ComponentProps<"div">
|
|
80
80
|
|
|
81
81
|
const carouselControlClassName = cn(
|
|
82
|
-
"absolute z-20 !size-6 border
|
|
82
|
+
"absolute z-20 !size-6 border glass [--glass-tint:var(--surface)] [--glass-opacity:55%] text-fg-primary shadow-md [&_svg:not([class*='size-'])]:!size-3.5",
|
|
83
83
|
"hover:bg-surface/80 hover:text-fg-primary",
|
|
84
84
|
"disabled:pointer-events-none disabled:opacity-0",
|
|
85
85
|
motion.colors,
|
|
@@ -57,7 +57,7 @@ export function LifelineNav({
|
|
|
57
57
|
return (
|
|
58
58
|
<nav
|
|
59
59
|
className={cn(
|
|
60
|
-
"fixed inset-x-0 top-0 z-50 border-b border-border-primary glass [--glass-blur:24px] transition-colors duration-300",
|
|
60
|
+
"fixed inset-x-0 top-0 z-50 border-b border-border-primary glass-panel [--glass-blur:24px] transition-colors duration-300",
|
|
61
61
|
className,
|
|
62
62
|
)}
|
|
63
63
|
>
|
|
@@ -117,7 +117,7 @@ export function LifelineFooter({
|
|
|
117
117
|
return (
|
|
118
118
|
<footer
|
|
119
119
|
className={cn(
|
|
120
|
-
"shrink-0 border-t border-border-primary glass [--glass-opacity:95%] [--glass-blur:8px] transition-colors duration-300",
|
|
120
|
+
"shrink-0 border-t border-border-primary glass-panel [--glass-opacity:95%] [--glass-blur:8px] transition-colors duration-300",
|
|
121
121
|
className,
|
|
122
122
|
)}
|
|
123
123
|
>
|
package/src/modal.tsx
CHANGED
|
@@ -52,7 +52,7 @@ const TRACKPAD_LABEL =
|
|
|
52
52
|
"Swipe, use the arrow keys, or use the controls to navigate"
|
|
53
53
|
|
|
54
54
|
const modalControlClassName =
|
|
55
|
-
"
|
|
55
|
+
"glass [--glass-tint:var(--surface-inverted)] [--glass-opacity:60%] text-fg-inverted shadow-md hover:[--glass-opacity:80%] hover:text-fg-inverted outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-offset-1 focus-visible:ring-offset-surface-inverted focus-visible:ring-ring/20"
|
|
56
56
|
|
|
57
57
|
export const modalContentVariants = cva(
|
|
58
58
|
"h-dvh max-h-dvh w-screen max-w-none gap-0 overflow-hidden rounded-none border-0 bg-transparent p-0 shadow-none max-sm:max-w-none",
|
package/src/video-player.tsx
CHANGED
|
@@ -300,7 +300,7 @@ export const VideoPlayer = ({
|
|
|
300
300
|
{failed ? (
|
|
301
301
|
<div
|
|
302
302
|
role="alert"
|
|
303
|
-
className="mx-6 flex max-w-sm flex-col items-center gap-2 rounded-xl border
|
|
303
|
+
className="mx-6 flex max-w-sm flex-col items-center gap-2 rounded-xl border glass [--glass-tint:var(--black)] [--glass-opacity:65%] [--glass-edge:var(--white)] [--glass-edge-opacity:15%] px-5 py-4 text-center text-white shadow-lg"
|
|
304
304
|
>
|
|
305
305
|
<IconExclamationTriangle
|
|
306
306
|
size={22}
|
|
@@ -316,7 +316,7 @@ export const VideoPlayer = ({
|
|
|
316
316
|
) : loading || buffering ? (
|
|
317
317
|
<div
|
|
318
318
|
role="status"
|
|
319
|
-
className="flex size-14 items-center justify-center rounded-full border
|
|
319
|
+
className="flex size-14 items-center justify-center rounded-full border glass [--glass-tint:var(--black)] [--glass-opacity:45%] [--glass-edge:var(--white)] [--glass-edge-opacity:15%] text-white shadow-lg"
|
|
320
320
|
>
|
|
321
321
|
<span className="size-6 animate-spin rounded-full border-2 border-white/30 border-t-white motion-reduce:animate-none" />
|
|
322
322
|
<span className="sr-only">
|
|
@@ -326,7 +326,7 @@ export const VideoPlayer = ({
|
|
|
326
326
|
) : !playing ? (
|
|
327
327
|
<div
|
|
328
328
|
className={cn(
|
|
329
|
-
"flex items-center justify-center rounded-full border
|
|
329
|
+
"flex items-center justify-center rounded-full border glass [--glass-tint:var(--black)] [--glass-opacity:45%] [--glass-edge:var(--white)] [--glass-edge-opacity:20%] text-white shadow-lg",
|
|
330
330
|
ended ? "h-8 gap-1 px-2.5" : "size-11",
|
|
331
331
|
)}
|
|
332
332
|
>
|