@openzeppelin/ui-components 1.0.2 → 1.0.4

package/dist/index.d.cts

@@ -169,12 +169,12 @@ declare namespace Calendar {
 }
 //#endregion
 //#region src/components/ui/card.d.ts
-/** Card container component with rounded borders and shadow. */
+/** Card container component with rounded borders. */
 declare function Card({
   className,
   ...props
 }: React.ComponentProps<'div'>): JSX.Element;
-/** Card header section for title and description. */
+/** Card header section for title and description. Provides top padding for the card. */
 declare function CardHeader({
   className,
   ...props
@@ -189,12 +189,12 @@ declare function CardDescription({
   className,
   ...props
 }: React.ComponentProps<'div'>): JSX.Element;
-/** Card content area with horizontal padding. */
+/** Card content area with horizontal padding, top spacing, and bottom padding. */
 declare function CardContent({
   className,
   ...props
 }: React.ComponentProps<'div'>): JSX.Element;
-/** Card footer with flex alignment for actions. */
+/** Card footer with flex alignment for actions, top spacing, and bottom padding. */
 declare function CardFooter({
   className,
   ...props
@@ -2409,4 +2409,4 @@ declare const Toaster: ({
 }: ToasterProps) => JSX.Element;
 //#endregion
 export { AccessibilityProps, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, AddressDisplay, AddressField, Alert, AlertDescription, AlertTitle, AmountField, AmountFieldProps, ArrayField, ArrayFieldProps, ArrayObjectField, ArrayObjectFieldProps, Banner, BaseField, BaseFieldProps, BigIntField, BigIntFieldProps, BooleanField, BooleanFieldProps, Button, ButtonProps, BytesField, BytesFieldProps, Calendar, CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, type DateRange, DateRangePicker, DateRangePickerProps, DateTimeField, DateTimeFieldProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EmptyStateProps, EnumField, EnumFieldProps, EnumFieldValue, EnumMetadata, EnumVariant, ErrorMessage, ExternalLink, FileUploadField, FileUploadFieldProps, Footer, FooterProps, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, GroupedSelectOption, Header, HeaderProps, INTEGER_HTML_PATTERN, INTEGER_INPUT_PATTERN, INTEGER_PATTERN, Input, InputProps, Label, LoadingButton, LoadingButtonProps, MapEntryRow, MapField, MapFieldProps, MidnightIcon, NetworkError, NetworkErrorNotificationProvider, NetworkErrorType, NetworkIcon, NetworkIconProps, NetworkSelector, NetworkSelectorProps, NetworkStatusBadge, NumberField, NumberFieldProps, ObjectField, ObjectFieldProps, OptionGroup, PasswordField, PasswordFieldProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioField, RadioFieldProps, RadioGroup, RadioGroupItem, RadioOption, RelayerDetailsCard, RelayerDetailsCardProps, Select, SelectContent, SelectField, SelectFieldProps, SelectGroup, SelectGroupedField, SelectGroupedFieldProps, SelectItem, SelectLabel, SelectOption, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SidebarButton, SidebarButtonProps, SidebarLayout, SidebarLayoutProps, SidebarSection, SidebarSectionProps, Tabs, TabsContent, TabsList, TabsTrigger, TextAreaField, TextAreaFieldProps, TextField, TextFieldProps, Textarea, TextareaProps, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UrlField, ViewContractStateButton, buttonVariants, computeChildTouched, createFocusManager, createValidationResult, formatValidationError, getAccessibilityProps, getDescribedById, getErrorMessage, getValidationStateClasses, getWidthClasses, handleEscapeKey, handleKeyboardEvent, handleNumericKeys, handleToggleKeys, handleValidationError, hasFieldError, isDuplicateMapKey, useDuplicateKeyIndexes, useMapFieldSync, useNetworkErrorAwareAdapter, useNetworkErrorReporter, useNetworkErrors, validateField, validateMapEntries, validateMapStructure };
-//# sourceMappingURL=index-DfQJGBqH.d.cts.map
+//# sourceMappingURL=index-mhkE-hOZ.d.cts.map

package/dist/index.d.ts

@@ -169,12 +169,12 @@ declare namespace Calendar {
 }
 //#endregion
 //#region src/components/ui/card.d.ts
-/** Card container component with rounded borders and shadow. */
+/** Card container component with rounded borders. */
 declare function Card({
   className,
   ...props
 }: React.ComponentProps<'div'>): JSX.Element;
-/** Card header section for title and description. */
+/** Card header section for title and description. Provides top padding for the card. */
 declare function CardHeader({
   className,
   ...props
@@ -189,12 +189,12 @@ declare function CardDescription({
   className,
   ...props
 }: React.ComponentProps<'div'>): JSX.Element;
-/** Card content area with horizontal padding. */
+/** Card content area with horizontal padding, top spacing, and bottom padding. */
 declare function CardContent({
   className,
   ...props
 }: React.ComponentProps<'div'>): JSX.Element;
-/** Card footer with flex alignment for actions. */
+/** Card footer with flex alignment for actions, top spacing, and bottom padding. */
 declare function CardFooter({
   className,
   ...props
@@ -2409,4 +2409,4 @@ declare const Toaster: ({
 }: ToasterProps) => JSX.Element;
 //#endregion
 export { AccessibilityProps, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, AddressDisplay, AddressField, Alert, AlertDescription, AlertTitle, AmountField, AmountFieldProps, ArrayField, ArrayFieldProps, ArrayObjectField, ArrayObjectFieldProps, Banner, BaseField, BaseFieldProps, BigIntField, BigIntFieldProps, BooleanField, BooleanFieldProps, Button, ButtonProps, BytesField, BytesFieldProps, Calendar, CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, type DateRange, DateRangePicker, DateRangePickerProps, DateTimeField, DateTimeFieldProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EmptyStateProps, EnumField, EnumFieldProps, EnumFieldValue, EnumMetadata, EnumVariant, ErrorMessage, ExternalLink, FileUploadField, FileUploadFieldProps, Footer, FooterProps, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, GroupedSelectOption, Header, HeaderProps, INTEGER_HTML_PATTERN, INTEGER_INPUT_PATTERN, INTEGER_PATTERN, Input, InputProps, Label, LoadingButton, LoadingButtonProps, MapEntryRow, MapField, MapFieldProps, MidnightIcon, NetworkError, NetworkErrorNotificationProvider, NetworkErrorType, NetworkIcon, NetworkIconProps, NetworkSelector, NetworkSelectorProps, NetworkStatusBadge, NumberField, NumberFieldProps, ObjectField, ObjectFieldProps, OptionGroup, PasswordField, PasswordFieldProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioField, RadioFieldProps, RadioGroup, RadioGroupItem, RadioOption, RelayerDetailsCard, RelayerDetailsCardProps, Select, SelectContent, SelectField, SelectFieldProps, SelectGroup, SelectGroupedField, SelectGroupedFieldProps, SelectItem, SelectLabel, SelectOption, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SidebarButton, SidebarButtonProps, SidebarLayout, SidebarLayoutProps, SidebarSection, SidebarSectionProps, Tabs, TabsContent, TabsList, TabsTrigger, TextAreaField, TextAreaFieldProps, TextField, TextFieldProps, Textarea, TextareaProps, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UrlField, ViewContractStateButton, buttonVariants, computeChildTouched, createFocusManager, createValidationResult, formatValidationError, getAccessibilityProps, getDescribedById, getErrorMessage, getValidationStateClasses, getWidthClasses, handleEscapeKey, handleKeyboardEvent, handleNumericKeys, handleToggleKeys, handleValidationError, hasFieldError, isDuplicateMapKey, useDuplicateKeyIndexes, useMapFieldSync, useNetworkErrorAwareAdapter, useNetworkErrorReporter, useNetworkErrors, validateField, validateMapEntries, validateMapStructure };
-//# sourceMappingURL=index-DDdy06qO.d.ts.map
+//# sourceMappingURL=index-B4RKqEg8.d.ts.map

package/dist/index.js

@@ -217,7 +217,7 @@ function getWidthClasses(width) {
 const accordionItemVariants = cva("", {
 	variants: { variant: {
 		default: "border-b",
-		card: "mb-3 rounded-lg border bg-card shadow-sm overflow-hidden"
+		card: "mb-3 rounded-lg border bg-card overflow-hidden"
 	} },
 	defaultVariants: { variant: "default" }
 });
@@ -525,19 +525,19 @@ Calendar.displayName = "Calendar";
 
 //#endregion
 //#region src/components/ui/card.tsx
-/** Card container component with rounded borders and shadow. */
+/** Card container component with rounded borders. */
 function Card({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "card",
-		className: cn("bg-card text-card-foreground flex flex-col rounded-xl border py-6 shadow-sm", className),
+		className: cn("bg-card text-card-foreground flex flex-col rounded-xl border", className),
 		...props
 	});
 }
-/** Card header section for title and description. */
+/** Card header section for title and description. Provides top padding for the card. */
 function CardHeader({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "card-header",
-		className: cn("flex flex-col gap-1.5 px-6", className),
+		className: cn("flex flex-col gap-1.5 px-6 pt-6", className),
 		...props
 	});
 }
@@ -557,19 +557,19 @@ function CardDescription({ className, ...props }) {
 		...props
 	});
 }
-/** Card content area with horizontal padding. */
+/** Card content area with horizontal padding, top spacing, and bottom padding. */
 function CardContent({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "card-content",
-		className: cn("px-6", className),
+		className: cn("px-6 pt-4 pb-6", className),
 		...props
 	});
 }
-/** Card footer with flex alignment for actions. */
+/** Card footer with flex alignment for actions, top spacing, and bottom padding. */
 function CardFooter({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "card-footer",
-		className: cn("flex items-center px-6", className),
+		className: cn("flex items-center px-6 pt-4 pb-6", className),
 		...props
 	});
 }