@medway-ui/core 1.8.0 → 1.9.1

package/dist/assets/css/tokens.css

@@ -310,6 +310,12 @@
   --color-content-paragraph: var(--color-gray-600);
   --color-content-link: var(--color-secondary-darken-2);
 
+  /* === Base state colors === */
+  --color-state-hover: var(--color-gray-50);
+  --color-state-focus: var(--color-gray-70);
+  --color-state-active: var(--color-primary-16);
+  --color-state-error: var(--color-red-16);
+
   /* === Base surfacecolors === */
   --color-surface-elevated: var(--color-white);
   --color-surface-card: var(--color-white);
@@ -584,6 +590,12 @@
   --color-input: var(--color-gray-600);
   --color-ring: var(--color-gray-500);
 
+  /* === Dark state colors === */
+  --color-state-hover: var(--color-gray-800);
+  --color-state-focus: var(--color-gray-700);
+  --color-state-active: var(--color-white-16);
+  --color-state-error: var(--color-red-16);
+
   /* === Base content colors === */
   --color-content-title: var(--color-white);
   --color-content-paragraph: var(--color-gray-150);

package/dist/assets/js/tokens.ts

@@ -14,6 +14,12 @@ export const colors = {
     paragraph: "var(--color-content-paragraph)",
     link: "var(--color-content-link)",
   },
+  state: {
+    hover: "var(--color-state-hover)",
+    focus: "var(--color-state-focus)",
+    active: "var(--color-state-active)",
+    error: "var(--color-state-error)",
+  },
   surface: {
     elevated: "var(--color-surface-elevated)",
     card: "var(--color-surface-card)",

package/dist/index.d.mts

@@ -2,7 +2,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { AlertDialog as AlertDialog$1, Avatar as Avatar$1, Progress as Progress$1, Collapsible as Collapsible$1, Dialog as Dialog$1, DropdownMenu as DropdownMenu$1, ScrollArea as ScrollArea$1, Tabs as Tabs$1, Separator as Separator$1, Tooltip as Tooltip$1 } from 'radix-ui';
+import { AlertDialog as AlertDialog$1, Avatar as Avatar$1, Progress as Progress$1, Collapsible as Collapsible$1, Dialog as Dialog$1, DropdownMenu as DropdownMenu$1, Label as Label$1, RadioGroup as RadioGroup$1, ScrollArea as ScrollArea$1, Tabs as Tabs$1, Separator as Separator$1, Tooltip as Tooltip$1 } from 'radix-ui';
 
 interface AlertProps extends React.ComponentProps<"div"> {
     variant?: "regular" | "emphasis" | "success" | "warning" | "error";
@@ -161,7 +161,10 @@ declare function DialogHeader({ className, separator, ...props }: React.Componen
 declare function DialogFooter({ className, separator, ...props }: React.ComponentProps<"div"> & {
     separator?: boolean;
 }): react_jsx_runtime.JSX.Element;
-declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof Dialog$1.Title>): react_jsx_runtime.JSX.Element;
+declare function DialogTitle({ className, iconLeft, iconRight, children, ...props }: React.ComponentProps<typeof Dialog$1.Title> & {
+    iconLeft?: React.ReactNode;
+    iconRight?: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
 declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof Dialog$1.Description>): react_jsx_runtime.JSX.Element;
 
 declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Root>): react_jsx_runtime.JSX.Element;
@@ -189,6 +192,14 @@ declare function DropdownMenuSubContent({ className, ...props }: React.Component
 
 declare function Input({ className, type, ...props }: React.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
 
+declare const labelVariants: (props?: ({
+    variant?: "regular" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface LabelProps extends React.ComponentProps<typeof Label$1.Root>, VariantProps<typeof labelVariants> {
+}
+declare function Label({ className, variant, size, ...props }: LabelProps): react_jsx_runtime.JSX.Element;
+
 interface LoadingProps {
     size?: number;
     className?: string;
@@ -241,6 +252,15 @@ declare function PaginationEllipsis({ className, size, ...props }: React.Compone
 }): react_jsx_runtime.JSX.Element;
 declare function Pagination({ currentPage, totalPages, maxVisibleItems, onPageChange, itemsPerPage, totalItems, className, responsive, size, }: PaginationProps): react_jsx_runtime.JSX.Element;
 
+declare const radioGroupVariants: (props?: ({
+    variant?: "regular" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroup$1.Root>): react_jsx_runtime.JSX.Element;
+interface RadioGroupItemProps extends React.ComponentProps<typeof RadioGroup$1.Item>, VariantProps<typeof radioGroupVariants> {
+}
+declare function RadioGroupItem({ className, size, variant, ...props }: RadioGroupItemProps): react_jsx_runtime.JSX.Element;
+
 interface RankingProps extends React.TableHTMLAttributes<HTMLTableElement> {
     children?: React.ReactNode;
 }
@@ -519,4 +539,4 @@ declare function TileDescription({ className, ...props }: React.ComponentProps<"
 
 declare function useIsMobile(): boolean;
 
-export { Alert, AlertActions, AlertButton, AlertContainer, AlertContent, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertIcon, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, CardWeek, CardWeekActions, CardWeekBreadcrumb, CardWeekContainer, CardWeekContent, CardWeekDescription, CardWeekFooter, CardWeekHeader, CardWeekProgress, CardWeekProgressCircle, CardWeekStatus, CardWeekTags, CardWeekText, CardWeekTitle, Collapsible, CollapsibleContent, CollapsibleTrigger, Dialog, DialogClose, DialogContainer, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, Loading, Logo, LogoShort, Pagination, PaginationContent, PaginationEllipsis, PaginationInfo, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PaginationRoot, Progress, ProgressCircle, Ranking, RankingAssigneeGroup, RankingAssigneeItem, RankingAssigneeLabel, RankingAssigneesColumn, RankingButton, RankingItem, RankingNumber, RankingPercentage, RankingPriority, RankingSpecialty, RankingSuperFocus, RankingTopic, RankingTopicColumn, RankingTopicContent, ScrollArea, ScrollBar, SegmentControl, SegmentControlContent, SegmentControlList, SegmentControlTrigger, Separator, Sheet, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuItemCollapse, SidebarMenuItemTitle, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Switcher, SwitcherContent, SwitcherFooter, SwitcherGroup, SwitcherItem, SwitcherSeparator, SwitcherTrigger, Tabs, TabsContent, TabsList, TabsTrigger, Tag, Tile, TileDescription, TileIcon, TileTitle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, tabsListVariants, tabsTriggerVariants, tagVariants, useIsMobile, useSidebar, useTabsContext };
+export { Alert, AlertActions, AlertButton, AlertContainer, AlertContent, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertIcon, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, CardWeek, CardWeekActions, CardWeekBreadcrumb, CardWeekContainer, CardWeekContent, CardWeekDescription, CardWeekFooter, CardWeekHeader, CardWeekProgress, CardWeekProgressCircle, CardWeekStatus, CardWeekTags, CardWeekText, CardWeekTitle, Collapsible, CollapsibleContent, CollapsibleTrigger, Dialog, DialogClose, DialogContainer, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, Label, Loading, Logo, LogoShort, Pagination, PaginationContent, PaginationEllipsis, PaginationInfo, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PaginationRoot, Progress, ProgressCircle, RadioGroup, RadioGroupItem, Ranking, RankingAssigneeGroup, RankingAssigneeItem, RankingAssigneeLabel, RankingAssigneesColumn, RankingButton, RankingItem, RankingNumber, RankingPercentage, RankingPriority, RankingSpecialty, RankingSuperFocus, RankingTopic, RankingTopicColumn, RankingTopicContent, ScrollArea, ScrollBar, SegmentControl, SegmentControlContent, SegmentControlList, SegmentControlTrigger, Separator, Sheet, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuItemCollapse, SidebarMenuItemTitle, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Switcher, SwitcherContent, SwitcherFooter, SwitcherGroup, SwitcherItem, SwitcherSeparator, SwitcherTrigger, Tabs, TabsContent, TabsList, TabsTrigger, Tag, Tile, TileDescription, TileIcon, TileTitle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, tabsListVariants, tabsTriggerVariants, tagVariants, useIsMobile, useSidebar, useTabsContext };

package/dist/index.d.ts

@@ -2,7 +2,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { AlertDialog as AlertDialog$1, Avatar as Avatar$1, Progress as Progress$1, Collapsible as Collapsible$1, Dialog as Dialog$1, DropdownMenu as DropdownMenu$1, ScrollArea as ScrollArea$1, Tabs as Tabs$1, Separator as Separator$1, Tooltip as Tooltip$1 } from 'radix-ui';
+import { AlertDialog as AlertDialog$1, Avatar as Avatar$1, Progress as Progress$1, Collapsible as Collapsible$1, Dialog as Dialog$1, DropdownMenu as DropdownMenu$1, Label as Label$1, RadioGroup as RadioGroup$1, ScrollArea as ScrollArea$1, Tabs as Tabs$1, Separator as Separator$1, Tooltip as Tooltip$1 } from 'radix-ui';
 
 interface AlertProps extends React.ComponentProps<"div"> {
     variant?: "regular" | "emphasis" | "success" | "warning" | "error";
@@ -161,7 +161,10 @@ declare function DialogHeader({ className, separator, ...props }: React.Componen
 declare function DialogFooter({ className, separator, ...props }: React.ComponentProps<"div"> & {
     separator?: boolean;
 }): react_jsx_runtime.JSX.Element;
-declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof Dialog$1.Title>): react_jsx_runtime.JSX.Element;
+declare function DialogTitle({ className, iconLeft, iconRight, children, ...props }: React.ComponentProps<typeof Dialog$1.Title> & {
+    iconLeft?: React.ReactNode;
+    iconRight?: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
 declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof Dialog$1.Description>): react_jsx_runtime.JSX.Element;
 
 declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Root>): react_jsx_runtime.JSX.Element;
@@ -189,6 +192,14 @@ declare function DropdownMenuSubContent({ className, ...props }: React.Component
 
 declare function Input({ className, type, ...props }: React.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
 
+declare const labelVariants: (props?: ({
+    variant?: "regular" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface LabelProps extends React.ComponentProps<typeof Label$1.Root>, VariantProps<typeof labelVariants> {
+}
+declare function Label({ className, variant, size, ...props }: LabelProps): react_jsx_runtime.JSX.Element;
+
 interface LoadingProps {
     size?: number;
     className?: string;
@@ -241,6 +252,15 @@ declare function PaginationEllipsis({ className, size, ...props }: React.Compone
 }): react_jsx_runtime.JSX.Element;
 declare function Pagination({ currentPage, totalPages, maxVisibleItems, onPageChange, itemsPerPage, totalItems, className, responsive, size, }: PaginationProps): react_jsx_runtime.JSX.Element;
 
+declare const radioGroupVariants: (props?: ({
+    variant?: "regular" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroup$1.Root>): react_jsx_runtime.JSX.Element;
+interface RadioGroupItemProps extends React.ComponentProps<typeof RadioGroup$1.Item>, VariantProps<typeof radioGroupVariants> {
+}
+declare function RadioGroupItem({ className, size, variant, ...props }: RadioGroupItemProps): react_jsx_runtime.JSX.Element;
+
 interface RankingProps extends React.TableHTMLAttributes<HTMLTableElement> {
     children?: React.ReactNode;
 }
@@ -519,4 +539,4 @@ declare function TileDescription({ className, ...props }: React.ComponentProps<"
 
 declare function useIsMobile(): boolean;
 
-export { Alert, AlertActions, AlertButton, AlertContainer, AlertContent, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertIcon, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, CardWeek, CardWeekActions, CardWeekBreadcrumb, CardWeekContainer, CardWeekContent, CardWeekDescription, CardWeekFooter, CardWeekHeader, CardWeekProgress, CardWeekProgressCircle, CardWeekStatus, CardWeekTags, CardWeekText, CardWeekTitle, Collapsible, CollapsibleContent, CollapsibleTrigger, Dialog, DialogClose, DialogContainer, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, Loading, Logo, LogoShort, Pagination, PaginationContent, PaginationEllipsis, PaginationInfo, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PaginationRoot, Progress, ProgressCircle, Ranking, RankingAssigneeGroup, RankingAssigneeItem, RankingAssigneeLabel, RankingAssigneesColumn, RankingButton, RankingItem, RankingNumber, RankingPercentage, RankingPriority, RankingSpecialty, RankingSuperFocus, RankingTopic, RankingTopicColumn, RankingTopicContent, ScrollArea, ScrollBar, SegmentControl, SegmentControlContent, SegmentControlList, SegmentControlTrigger, Separator, Sheet, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuItemCollapse, SidebarMenuItemTitle, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Switcher, SwitcherContent, SwitcherFooter, SwitcherGroup, SwitcherItem, SwitcherSeparator, SwitcherTrigger, Tabs, TabsContent, TabsList, TabsTrigger, Tag, Tile, TileDescription, TileIcon, TileTitle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, tabsListVariants, tabsTriggerVariants, tagVariants, useIsMobile, useSidebar, useTabsContext };
+export { Alert, AlertActions, AlertButton, AlertContainer, AlertContent, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertIcon, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, CardWeek, CardWeekActions, CardWeekBreadcrumb, CardWeekContainer, CardWeekContent, CardWeekDescription, CardWeekFooter, CardWeekHeader, CardWeekProgress, CardWeekProgressCircle, CardWeekStatus, CardWeekTags, CardWeekText, CardWeekTitle, Collapsible, CollapsibleContent, CollapsibleTrigger, Dialog, DialogClose, DialogContainer, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, Label, Loading, Logo, LogoShort, Pagination, PaginationContent, PaginationEllipsis, PaginationInfo, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PaginationRoot, Progress, ProgressCircle, RadioGroup, RadioGroupItem, Ranking, RankingAssigneeGroup, RankingAssigneeItem, RankingAssigneeLabel, RankingAssigneesColumn, RankingButton, RankingItem, RankingNumber, RankingPercentage, RankingPriority, RankingSpecialty, RankingSuperFocus, RankingTopic, RankingTopicColumn, RankingTopicContent, ScrollArea, ScrollBar, SegmentControl, SegmentControlContent, SegmentControlList, SegmentControlTrigger, Separator, Sheet, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuItemCollapse, SidebarMenuItemTitle, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Switcher, SwitcherContent, SwitcherFooter, SwitcherGroup, SwitcherItem, SwitcherSeparator, SwitcherTrigger, Tabs, TabsContent, TabsList, TabsTrigger, Tag, Tile, TileDescription, TileIcon, TileTitle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, tabsListVariants, tabsTriggerVariants, tagVariants, useIsMobile, useSidebar, useTabsContext };