@campxdev/react-blueprint 3.0.0-alpha.3 → 3.0.0-alpha.5

package/src/shadcn-components/Navigation/DropdownMenu/DropdownMenu.tsx

@@ -40,7 +40,7 @@ function DropdownMenuContent({
         data-slot="dropdown-menu-content"
         sideOffset={sideOffset}
         className={cn(
-          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-[2000] max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md',
+          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2  max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md',
           className,
         )}
         {...props}
@@ -228,7 +228,7 @@ function DropdownMenuSubContent({
     <DropdownMenuPrimitive.SubContent
       data-slot="dropdown-menu-sub-content"
       className={cn(
-        'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg',
+        'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2  min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg',
         className,
       )}
       {...props}

package/src/styles/globals.css

@@ -1,5 +1,5 @@
-@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&display=swap');
 @import 'tailwindcss';
+@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&display=swap');
 
 @custom-variant dark (&:is(.dark *));
 
@@ -51,6 +51,7 @@
   --yellow-background: oklch(0.82 0.166 94.2 / 0.2);
   --default-background: oklch(0.978 0.004 233.756);
   --input-background: oklch(0.953 0.002 264);
+  --font-sans: 'Geist', ui-sans-serif, system-ui, sans-serif;
 }
 
 .dark {
@@ -100,6 +101,7 @@
   --yellow-background: oklch(0.82 0.166 94.2 / 0.2);
   --default-background: oklch(0.154 0.013 233.756);
   --input-background: oklch(0.215 0.008 264);
+  --font-sans: 'Geist', ui-sans-serif, system-ui, sans-serif;
 }
 
 @theme inline {
@@ -153,7 +155,6 @@
   --color-yellow-background: var(--yellow-background);
   --color-default-background: var(--default-background);
   --color-input-background: var(--input-background);
-  --font-family-sans: 'Geist', ui-sans-serif, system-ui, sans-serif;
 
   --animate-accordion-down: accordion-down 0.2s ease-out;
   --animate-accordion-up: accordion-up 0.2s ease-out;
@@ -171,6 +172,7 @@
   body {
     height: 100%;
     overflow: auto;
+    -webkit-font-smoothing: antialiased;
     @apply bg-background text-foreground font-sans;
   }
 

package/src/styles/index.css

@@ -1,3 +1,8 @@
 /* Main stylesheet entry point for react-blueprint */
 /* This file imports globals.css and will be processed through Tailwind v4 PostCSS plugin */
 @import './globals.css';
+
+/* Component-specific styles */
+@import '../components/DataDisplay/ReactJoyride/CustomJoyRideStyles.css';
+@import '../components/Input/Button/ButtonLoader.css';
+@import '../components/Navigation/Calendar/Calendar.css';