@umami/react-zen 0.28.0 → 0.29.0

package/README.md

@@ -19,7 +19,7 @@ yarn add @umami/react-zen
 ### Import styles
 
 ```javascript
-import '@umami/react-zen/dist/styles.css';
+import '@umami/react-zen/styles.css';
 ```
 
 ### Import components

package/dist/index.css

@@ -3647,6 +3647,21 @@ body a.Button_button__N2NhN {
   resize: vertical;
 }
 
+/* virtual-css:css:04c6b0f5cbb11ac9b89fc4bc9e30282b */
+.ThemeButton_button__OWVmZ {
+  width: 50px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+}
+.ThemeButton_button__OWVmZ > div {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+}
+
 /* virtual-css:css:c9eac90a05e89ee225af69af2088e8fb */
 .Toggle_toggle__NGNlM {
   font-size: var(--font-size);

package/dist/index.d.ts

@@ -68,11 +68,12 @@ declare module '@umami/react-zen' {
     import { Text } from '@umami/react-zen/Text';
     import { TextField } from '@umami/react-zen/TextField';
     import { TextArea } from '@umami/react-zen/TextArea';
+    import { ThemeButton } from '@umami/react-zen/ThemeButton';
     import { Toggle } from '@umami/react-zen/Toggle';
     import { ToggleGroup, ToggleGroupItem } from '@umami/react-zen/ToggleGroup';
     import { Tooltip } from '@umami/react-zen/Tooltip';
     import { ZenProvider } from '@umami/react-zen/ZenProvider';
-    export { Form, FormField, FormResetButton, FormSubmitButton, Toast, Toaster, ToastProvider, useDebounce, useTheme, useToast, Accordion, AccordionItem, AlertBanner, AlertDialog, Blockquote, Box, Breadcrumb, Breadcrumbs, Button, Calendar, Checkbox, Code, Column, Combobox, Container, ConfirmationDialog, DataTable, DataColumn, Dialog, DialogTrigger, Dots, FileTrigger, Flexbox, Grid, Heading, HoverTrigger, Icon, Icons, InlineEditField, Label, List, ListItem, ListSection, Loading, LoadingButton, Menu, MenuItem, MenuTrigger, Modal, NavigationMenu, NavigationMenuItem, PasswordField, Popover, ProgressBar, ProgressCircle, Radio, RadioGroup, Row, SearchField, Select, ListSeparator, Slider, Slot, Spinner, StatusLight, SubmenuTrigger, Switch, Table, TableHeader, TableBody, TableRow, TableColumn, TableCell, Tab, Tabs, TabList, TabPanel, Text, TextField, TextArea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipTrigger, ZenProvider, };
+    export { Form, FormField, FormResetButton, FormSubmitButton, Toast, Toaster, ToastProvider, useDebounce, useTheme, useToast, Accordion, AccordionItem, AlertBanner, AlertDialog, Blockquote, Box, Breadcrumb, Breadcrumbs, Button, Calendar, Checkbox, Code, Column, Combobox, Container, ConfirmationDialog, DataTable, DataColumn, Dialog, DialogTrigger, Dots, FileTrigger, Flexbox, Grid, Heading, HoverTrigger, Icon, Icons, InlineEditField, Label, List, ListItem, ListSection, Loading, LoadingButton, Menu, MenuItem, MenuTrigger, Modal, NavigationMenu, NavigationMenuItem, PasswordField, Popover, ProgressBar, ProgressCircle, Radio, RadioGroup, Row, SearchField, Select, ListSeparator, Slider, Slot, Spinner, StatusLight, SubmenuTrigger, Switch, Table, TableHeader, TableBody, TableRow, TableColumn, TableCell, Tab, Tabs, TabList, TabPanel, Text, TextField, TextArea, ThemeButton, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipTrigger, ZenProvider, };
 }
 
 declare module '@umami/react-zen/forms/Form' {
@@ -167,14 +168,12 @@ declare module '@umami/react-zen/hooks/useDebounce' {
 }
 
 declare module '@umami/react-zen/hooks/useTheme' {
-    function setTheme(name: string): void;
+    function setTheme(theme: string): void;
     function useTheme(): {
-        theme: {
-            name: string;
-        };
+        theme: string;
         setTheme: typeof setTheme;
     };
-    export { useTheme, setTheme };
+    export { useTheme };
 }
 
 declare module '@umami/react-zen/hooks/useToast' {
@@ -517,6 +516,8 @@ declare module '@umami/react-zen/Icon' {
 
 declare module '@umami/react-zen/Icons' {
     export const Icons: {
+        Moon: any;
+        Sun: any;
         Alert: import("react-icons/lib").IconType;
         Arrow: import("react-icons/lib").IconType;
         Check: import("react-icons/lib").IconType;
@@ -853,6 +854,12 @@ declare module '@umami/react-zen/TextArea' {
     export type { TextAreaProps };
 }
 
+declare module '@umami/react-zen/ThemeButton' {
+    import { ButtonProps } from '@umami/react-zen/Button';
+    export function ThemeButton({ className, variant, ...props }: ButtonProps): import("react").JSX.Element;
+    export default ThemeButton;
+}
+
 declare module '@umami/react-zen/Toggle' {
     import { ToggleButtonProps } from 'react-aria-components';
     interface ToggleProps extends ToggleButtonProps {