From e0b4d17ba95aec2e89a8bdeb13ebcdca036bec9f Mon Sep 17 00:00:00 2001 From: TheCactusBlue Date: Fri, 11 Apr 2025 17:47:18 -0700 Subject: [PATCH] commit --- packages/stack-ui/src/components/ui/alert.tsx | 2 +- packages/stack-ui/src/components/ui/badge.tsx | 2 +- packages/stack-ui/src/components/ui/button.tsx | 2 +- packages/stack-ui/src/components/ui/label.tsx | 2 +- packages/stack-ui/src/components/ui/navigation-menu.tsx | 2 +- packages/stack-ui/src/components/ui/sheet.tsx | 2 +- packages/stack-ui/src/components/ui/toast.tsx | 2 +- packages/stack-ui/src/components/ui/toggle.tsx | 2 +- packages/stack-ui/src/components/ui/typography.tsx | 2 +- 9 files changed, 9 insertions(+), 9 deletions(-) diff --git a/packages/stack-ui/src/components/ui/alert.tsx b/packages/stack-ui/src/components/ui/alert.tsx index deb6427e0..0fb406466 100644 --- a/packages/stack-ui/src/components/ui/alert.tsx +++ b/packages/stack-ui/src/components/ui/alert.tsx @@ -5,7 +5,7 @@ import { cva, type VariantProps } from "class-variance-authority"; import { cn } from "../../lib/utils"; const alertVariants = cva( - "relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7", + "stack-scope relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7", { variants: { variant: { diff --git a/packages/stack-ui/src/components/ui/badge.tsx b/packages/stack-ui/src/components/ui/badge.tsx index d889e4940..3a8c6261e 100644 --- a/packages/stack-ui/src/components/ui/badge.tsx +++ b/packages/stack-ui/src/components/ui/badge.tsx @@ -5,7 +5,7 @@ import React from "react"; import { cn } from "../../lib/utils"; const badgeVariants = cva( - "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", + "stack-scope inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", { variants: { variant: { diff --git a/packages/stack-ui/src/components/ui/button.tsx b/packages/stack-ui/src/components/ui/button.tsx index d8d13a91b..76b7820b3 100644 --- a/packages/stack-ui/src/components/ui/button.tsx +++ b/packages/stack-ui/src/components/ui/button.tsx @@ -9,7 +9,7 @@ import { cn } from "../../lib/utils"; import { Spinner } from "./spinner"; const buttonVariants = cva( - "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50", + "stack-scope inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50", { variants: { variant: { diff --git a/packages/stack-ui/src/components/ui/label.tsx b/packages/stack-ui/src/components/ui/label.tsx index 80f4de150..7ada3f4b1 100644 --- a/packages/stack-ui/src/components/ui/label.tsx +++ b/packages/stack-ui/src/components/ui/label.tsx @@ -8,7 +8,7 @@ import { cva, type VariantProps } from "class-variance-authority"; import { cn } from "../../lib/utils"; const labelVariants = cva( - "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 text-gray-600 dark:text-gray-400", + "stack-scope text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 text-gray-600 dark:text-gray-400", ); const Label = forwardRefIfNeeded< diff --git a/packages/stack-ui/src/components/ui/navigation-menu.tsx b/packages/stack-ui/src/components/ui/navigation-menu.tsx index 13074f462..534366b51 100644 --- a/packages/stack-ui/src/components/ui/navigation-menu.tsx +++ b/packages/stack-ui/src/components/ui/navigation-menu.tsx @@ -44,7 +44,7 @@ NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName; const NavigationMenuItem = NavigationMenuPrimitive.Item; const navigationMenuTriggerStyle = cva( - "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50" + "stack-scope group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50" ); const NavigationMenuTrigger = forwardRefIfNeeded< diff --git a/packages/stack-ui/src/components/ui/sheet.tsx b/packages/stack-ui/src/components/ui/sheet.tsx index 245b4d60b..d1b48e542 100644 --- a/packages/stack-ui/src/components/ui/sheet.tsx +++ b/packages/stack-ui/src/components/ui/sheet.tsx @@ -32,7 +32,7 @@ const SheetOverlay = forwardRefIfNeeded< SheetOverlay.displayName = SheetPrimitive.Overlay.displayName; const sheetVariants = cva( - "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-100 data-[state=open]:duration-100", + "stack-scope fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-100 data-[state=open]:duration-100", { variants: { side: { diff --git a/packages/stack-ui/src/components/ui/toast.tsx b/packages/stack-ui/src/components/ui/toast.tsx index 9bdf381d8..0e510d691 100644 --- a/packages/stack-ui/src/components/ui/toast.tsx +++ b/packages/stack-ui/src/components/ui/toast.tsx @@ -26,7 +26,7 @@ const ToastViewport = forwardRefIfNeeded< ToastViewport.displayName = ToastPrimitives.Viewport.displayName; const toastVariants = cva( - "group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full", + "stack-scope group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full", { variants: { variant: { diff --git a/packages/stack-ui/src/components/ui/toggle.tsx b/packages/stack-ui/src/components/ui/toggle.tsx index fcc1b1f90..a6f049db5 100644 --- a/packages/stack-ui/src/components/ui/toggle.tsx +++ b/packages/stack-ui/src/components/ui/toggle.tsx @@ -8,7 +8,7 @@ import { cva, type VariantProps } from "class-variance-authority"; import { cn } from "../../lib/utils"; const toggleVariants = cva( - "inline-flex items-center justify-center rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground", + "stack-scope inline-flex items-center justify-center rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground", { variants: { variant: { diff --git a/packages/stack-ui/src/components/ui/typography.tsx b/packages/stack-ui/src/components/ui/typography.tsx index 8e6effa01..1dd0bae0e 100644 --- a/packages/stack-ui/src/components/ui/typography.tsx +++ b/packages/stack-ui/src/components/ui/typography.tsx @@ -3,7 +3,7 @@ import { cva, type VariantProps } from "class-variance-authority"; import React from "react"; import { forwardRefIfNeeded } from "@stackframe/stack-shared/dist/utils/react"; -const typographyVariants = cva("text-md", { +const typographyVariants = cva("stack-scope text-md", { variants: { type: { h1: "text-3xl font-bold",