@tydavidson/design-system 1.1.20 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +3 -30
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +4 -30
- package/dist/index.mjs.map +1 -1
- package/dist/themes/index.d.mts +3 -13
- package/dist/themes/index.d.ts +3 -13
- package/dist/themes/index.js +4 -31
- package/dist/themes/index.js.map +1 -1
- package/dist/themes/index.mjs +5 -31
- package/dist/themes/index.mjs.map +1 -1
- package/docs/theme-usage.md +69 -236
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
@@ -15,6 +15,7 @@ import * as SheetPrimitive from '@radix-ui/react-dialog';
|
|
15
15
|
import { Command as Command$1 } from 'cmdk';
|
16
16
|
import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
|
17
17
|
import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
|
18
|
+
import { ThemeProvider as ThemeProvider$1 } from 'next-themes';
|
18
19
|
|
19
20
|
// src/components/ui/button.tsx
|
20
21
|
function cn(...inputs) {
|
@@ -1594,23 +1595,9 @@ var tokens = {
|
|
1594
1595
|
radius,
|
1595
1596
|
shadows
|
1596
1597
|
};
|
1597
|
-
function ThemeProvider({
|
1598
|
-
children,
|
1599
|
-
...props
|
1600
|
-
}) {
|
1601
|
-
const [NextThemesProvider, setNextThemesProvider] = React2.useState(void 0);
|
1602
|
-
const [mounted, setMounted] = React2.useState(false);
|
1603
|
-
React2.useEffect(() => {
|
1604
|
-
import('next-themes').then(({ ThemeProvider: Provider }) => {
|
1605
|
-
setNextThemesProvider(() => Provider);
|
1606
|
-
setMounted(true);
|
1607
|
-
});
|
1608
|
-
}, []);
|
1609
|
-
if (!mounted || !NextThemesProvider) {
|
1610
|
-
return /* @__PURE__ */ jsx(Fragment, { children });
|
1611
|
-
}
|
1598
|
+
function ThemeProvider({ children, ...props }) {
|
1612
1599
|
return /* @__PURE__ */ jsx(
|
1613
|
-
|
1600
|
+
ThemeProvider$1,
|
1614
1601
|
{
|
1615
1602
|
attribute: "class",
|
1616
1603
|
defaultTheme: "system",
|
@@ -1621,19 +1608,6 @@ function ThemeProvider({
|
|
1621
1608
|
}
|
1622
1609
|
);
|
1623
1610
|
}
|
1624
|
-
function ThemeProviderNoSSR({
|
1625
|
-
children,
|
1626
|
-
...props
|
1627
|
-
}) {
|
1628
|
-
const [mounted, setMounted] = React2.useState(false);
|
1629
|
-
React2.useEffect(() => {
|
1630
|
-
setMounted(true);
|
1631
|
-
}, []);
|
1632
|
-
if (!mounted) {
|
1633
|
-
return /* @__PURE__ */ jsx(Fragment, { children });
|
1634
|
-
}
|
1635
|
-
return /* @__PURE__ */ jsx(ThemeProvider, { ...props, children });
|
1636
|
-
}
|
1637
1611
|
function ClientThemeProvider({
|
1638
1612
|
children,
|
1639
1613
|
...props
|
@@ -1817,6 +1791,6 @@ var isDarkTheme = (theme, systemTheme) => {
|
|
1817
1791
|
return theme === "dark";
|
1818
1792
|
};
|
1819
1793
|
|
1820
|
-
export { Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ClientThemeProvider, ClientThemeToggle, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, EmailButton, EmailCaption, EmailContainer, EmailFooter, EmailHeader, EmailHeading, EmailLayout, EmailMuted, EmailText, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Input, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Slider, Text, ThemeProvider,
|
1794
|
+
export { Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ClientThemeProvider, ClientThemeToggle, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, EmailButton, EmailCaption, EmailContainer, EmailFooter, EmailHeader, EmailHeading, EmailLayout, EmailMuted, EmailText, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Input, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Slider, Text, ThemeProvider, Toggle, ToggleGroup, ToggleGroupItem, buttonVariants, cn, colors, filterDOMProps, generateId, getColorVariantClasses, isDarkTheme, isNotNullOrUndefined, mapColorToShadcnVariant, mapVariantToShadcnVariant, radius, shadows, spacing, tokens, typography, useThemeServer };
|
1821
1795
|
//# sourceMappingURL=index.mjs.map
|
1822
1796
|
//# sourceMappingURL=index.mjs.map
|