diff --git a/components/alert/Alert.tsx b/components/alert/Alert.tsx index 1ac265a..67b2380 100644 --- a/components/alert/Alert.tsx +++ b/components/alert/Alert.tsx @@ -2,7 +2,7 @@ import {cva, VariantProps} from "class-variance-authority"; import {cn} from "../../utils/cn"; import React, {ReactNode} from "react"; -const alert = cva("group w-full rounded-lg font-medium py-2 px-2 bg-black text-gray text-base flex flex-row items-start shadow-2xl", { +const alert = cva("group w-full rounded-lg font-normal py-2 px-2 bg-black text-gray text-base flex flex-row items-start shadow-2xl", { variants: { theme: { dark: ["bg-black"], @@ -48,7 +48,7 @@ AlertTitle.displayName = "AlertTitle"; const AlertDescription = React.forwardRef(({ description, className, ...props }, ref) => ( -
+
{description}
)); diff --git a/components/appointment/Appointment.tsx b/components/appointment/Appointment.tsx index 22ae5da..d6464e8 100644 --- a/components/appointment/Appointment.tsx +++ b/components/appointment/Appointment.tsx @@ -46,7 +46,7 @@ const AppointmentDescription = React.forwardRef(({ theme, width, height, className, ...props }, ref) => ( -
+
{props.children} diff --git a/components/badge/Badge.tsx b/components/badge/Badge.tsx index 924267f..539a173 100644 --- a/components/badge/Badge.tsx +++ b/components/badge/Badge.tsx @@ -2,7 +2,7 @@ import { cva, VariantProps } from "class-variance-authority"; import React from "react"; import { cn } from "../../utils/cn"; -const badge = cva("group w-full flex items-center font-medium py-2 px-4", { +const badge = cva("group w-full flex items-center font-semibold py-2 px-4", { variants: { theme: { dark: ["bg-black", "text-gray"], diff --git a/components/checkbox/Checkbox.tsx b/components/checkbox/Checkbox.tsx index 427a256..1a8d337 100644 --- a/components/checkbox/Checkbox.tsx +++ b/components/checkbox/Checkbox.tsx @@ -6,7 +6,7 @@ interface CheckboxProps extends React.InputHTMLAttributes { } const Checkbox = React.forwardRef(({ text, className, ...props }) => ( -
+

{text}

diff --git a/components/combobox/Combobox.tsx b/components/combobox/Combobox.tsx index 6c9b775..4ebbfad 100644 --- a/components/combobox/Combobox.tsx +++ b/components/combobox/Combobox.tsx @@ -24,7 +24,7 @@ ComboboxIcon.displayName = "ComboboxIcon"; const ComboboxItem = React.forwardRef(({ title, isSelected, className, ...props }, ref) => ( -
+
{props.children} {title}
@@ -47,13 +47,13 @@ const Combobox: React.FC = ({buttonTitle, className, ...props}) = return (
-
{!selectedValue ? buttonTitle : selectedValue}
{isOpen && ( -
+
{React.Children.map(props.children, (child) => { if (React.isValidElement(child)) { return React.cloneElement(child, { diff --git a/components/contextmenu/ContextMenu.tsx b/components/contextmenu/ContextMenu.tsx index e309ac8..85e0173 100644 --- a/components/contextmenu/ContextMenu.tsx +++ b/components/contextmenu/ContextMenu.tsx @@ -28,11 +28,13 @@ ContextMenuIcon.displayName = "ContextMenuIcon"; const ContextMenuItem = React.forwardRef(({ title, shortcut, className, ...props }, ref) => ( -
- {props.children} - {title} +
+
+ {props.children} + {title} +
{shortcut && - + {shortcut} } @@ -42,7 +44,7 @@ ContextMenuItem.displayName = "ContextMenuItem"; const ContextMenu = React.forwardRef>(({ className, ...props }, ref) => ( -
+
{props.children}
)); diff --git a/components/dialog/Dialog.tsx b/components/dialog/Dialog.tsx index 617e8e2..5707ed4 100644 --- a/components/dialog/Dialog.tsx +++ b/components/dialog/Dialog.tsx @@ -26,7 +26,7 @@ DialogDescription.displayName = "DialogDescription"; const Dialog = React.forwardRef>(({ className, ...props }, ref) => ( - + {props.children} diff --git a/components/input/Input.tsx b/components/input/Input.tsx index e2436cb..62e2a7b 100644 --- a/components/input/Input.tsx +++ b/components/input/Input.tsx @@ -11,13 +11,13 @@ interface InputProps extends React.InputHTMLAttributes { const Input = forwardRef(({ label, placeholder, className, ...props }, ref) => (
{label && ( -

+

{label}

)}
diff --git a/components/tooltip/Tooltip.tsx b/components/tooltip/Tooltip.tsx index 4201af2..59ec82b 100644 --- a/components/tooltip/Tooltip.tsx +++ b/components/tooltip/Tooltip.tsx @@ -2,7 +2,7 @@ import React from "react"; import {cva, VariantProps} from "class-variance-authority"; import {cn} from "../../utils/cn"; -const tooltip = cva("group rounded-lg font-medium py-2 px-2", { +const tooltip = cva("group rounded-lg py-2 px-2", { variants: { theme: { dark: ["bg-black", "text-gray"], @@ -27,7 +27,7 @@ interface TooltipProps extends React.HTMLAttributes, VariantProp const TooltipTitle = React.forwardRef(({ title, className, ...props }, ref) => ( -
+
{title}
)); @@ -44,7 +44,7 @@ TooltipDescription.displayName = "TooltipHeader"; const Tooltip = React.forwardRef(({ theme, className, ...props }, ref) => (
-
+
{props.children}
diff --git a/package.json b/package.json index a31cce8..a2906a7 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@marraph/daisy", - "version": "0.0.5", + "version": "0.0.6", "description": "Daisy is a component library for the marraph organisation", "scripts": { "dev": "next dev",