@nswds/app 1.9.0 → 1.9.1

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.
Files changed (10) hide show
  1. package/dist/globals.css +22 -32
  2. package/dist/index.cjs +247 -147
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.d.cts +38 -15
  5. package/dist/index.d.ts +38 -15
  6. package/dist/index.js +242 -146
  7. package/dist/index.js.map +1 -1
  8. package/dist/styles.css +22 -32
  9. package/dist/styles.css.map +1 -1
  10. package/package.json +2 -2
package/dist/index.d.cts CHANGED
@@ -31,16 +31,6 @@ declare function CardAction({ className, ...props }: React$1.ComponentProps<'div
31
31
  declare function CardContent({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
32
32
  declare function CardFooter({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
33
33
 
34
- declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): react_jsx_runtime.JSX.Element;
35
-
36
- interface DynamicFaviconProps {
37
- lightModeFavicon: string;
38
- darkModeFavicon: string;
39
- }
40
- declare function DynamicFavicon({ lightModeFavicon, darkModeFavicon }: DynamicFaviconProps): null;
41
-
42
- declare function Footer(): react_jsx_runtime.JSX.Element;
43
-
44
34
  type IconProps = React.HTMLAttributes<SVGElement>;
45
35
  interface LayoutProps {
46
36
  children: React.ReactNode;
@@ -73,11 +63,28 @@ type ColorThemes = {
73
63
  type ColorFormat = 'hex' | 'rgb' | 'hsl' | 'oklch';
74
64
  type ViewMode = 'grid' | 'list';
75
65
  type ThemeOption = string;
66
+ type ColorTheme = {
67
+ [key: string]: {
68
+ name: string;
69
+ colors: {
70
+ token: string;
71
+ oklch: string;
72
+ hex: string;
73
+ rgb: string;
74
+ hsl: string;
75
+ name?: string;
76
+ }[];
77
+ };
78
+ };
76
79
  interface ColorCardProps {
77
- colorName: string;
78
- hexValue: string;
79
- format: ColorFormat;
80
- viewMode: ViewMode;
80
+ name: string;
81
+ token: string;
82
+ hex: string;
83
+ rgb: string;
84
+ hsl: string;
85
+ oklch: string;
86
+ format: 'hex' | 'rgb' | 'hsl' | 'oklch';
87
+ viewMode: 'grid' | 'list';
81
88
  }
82
89
  interface ViewToggleProps {
83
90
  viewMode: ViewMode;
@@ -184,6 +191,20 @@ type NavigationSection = {
184
191
  }[];
185
192
  };
186
193
 
194
+ declare function ColorCard({ name, token, hex, rgb, hsl, oklch, format, viewMode }: ColorCardProps): react_jsx_runtime.JSX.Element;
195
+
196
+ declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): react_jsx_runtime.JSX.Element;
197
+
198
+ interface DynamicFaviconProps {
199
+ lightModeFavicon: string;
200
+ darkModeFavicon: string;
201
+ }
202
+ declare function DynamicFavicon({ lightModeFavicon, darkModeFavicon }: DynamicFaviconProps): null;
203
+
204
+ declare function Footer(): react_jsx_runtime.JSX.Element;
205
+
206
+ declare function FormatToggle({ format, setFormat }: FormatToggleProps): react_jsx_runtime.JSX.Element;
207
+
187
208
  declare const Icons: {
188
209
  account_circle: (props: IconProps) => react_jsx_runtime.JSX.Element;
189
210
  attach_file: (props: IconProps) => react_jsx_runtime.JSX.Element;
@@ -316,6 +337,8 @@ declare function Toggle({ className, variant, size, ...props }: React$1.Componen
316
337
  declare function ToggleGroup({ className, variant, size, children, ...props }: React$1.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
317
338
  declare function ToggleGroupItem({ className, children, variant, size, ...props }: React$1.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
318
339
 
340
+ declare function ViewToggle({ viewMode, setViewMode }: ViewToggleProps): react_jsx_runtime.JSX.Element;
341
+
319
342
  declare function cn(...inputs: ClassValue[]): string;
320
343
  declare function truncate(text: string, maxLength: number): string;
321
344
  declare function kebabCase(str: string): string;
@@ -325,4 +348,4 @@ declare function getNodeText(node: HTMLElement | SimpleNode): string;
325
348
  declare function domToSimple(node: Node): SimpleNode;
326
349
  declare function getHeadings(slugify?: _sindresorhus_slugify.CountableSlugify): HeadingNode[];
327
350
 
328
- export { Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Collapsible, type Color, type ColorCardProps, type ColorData, type ColorFormat, type ColorProperty, type ColorThemes, type ColorsDisplayProps, type ColourOutputProps, type DesignTokensShades, type DesignTokensTheme, DynamicFavicon, Footer, type Format, type FormatToggleProps, type HeadingNode, type IconProps, Icons, Label, type LayoutProps, type Link, Logo, Masthead, Navigation, type NavigationSection, type Output, PrevNextLinks, RadioGroup, RadioGroupItem, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, SidebarNavigation, type SimpleNode, Social, type StructuredColor, TableOfContents, Tabs, TabsContent, TabsList, TabsTrigger, type ThemeCategory, type ThemeOption, ThemeProvider, type ThemeSelectorProps, ThemeSwitcher, Toaster, TocProvider, Toggle, ToggleGroup, ToggleGroupItem, type Variant, type ViewMode, type ViewToggleProps, camelCase, cn, domToSimple, getHeadings, getNodeText, kebabCase, toggleVariants, truncate };
351
+ export { Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Collapsible, type Color, ColorCard, type ColorCardProps, type ColorData, type ColorFormat, type ColorProperty, type ColorTheme, type ColorThemes, type ColorsDisplayProps, type ColourOutputProps, type DesignTokensShades, type DesignTokensTheme, DynamicFavicon, Footer, type Format, FormatToggle, type FormatToggleProps, type HeadingNode, type IconProps, Icons, Label, type LayoutProps, type Link, Logo, Masthead, Navigation, type NavigationSection, type Output, PrevNextLinks, RadioGroup, RadioGroupItem, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, SidebarNavigation, type SimpleNode, Social, type StructuredColor, TableOfContents, Tabs, TabsContent, TabsList, TabsTrigger, type ThemeCategory, type ThemeOption, ThemeProvider, type ThemeSelectorProps, ThemeSwitcher, Toaster, TocProvider, Toggle, ToggleGroup, ToggleGroupItem, type Variant, type ViewMode, ViewToggle, type ViewToggleProps, camelCase, cn, domToSimple, getHeadings, getNodeText, kebabCase, toggleVariants, truncate };
package/dist/index.d.ts CHANGED
@@ -31,16 +31,6 @@ declare function CardAction({ className, ...props }: React$1.ComponentProps<'div
31
31
  declare function CardContent({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
32
32
  declare function CardFooter({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
33
33
 
34
- declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): react_jsx_runtime.JSX.Element;
35
-
36
- interface DynamicFaviconProps {
37
- lightModeFavicon: string;
38
- darkModeFavicon: string;
39
- }
40
- declare function DynamicFavicon({ lightModeFavicon, darkModeFavicon }: DynamicFaviconProps): null;
41
-
42
- declare function Footer(): react_jsx_runtime.JSX.Element;
43
-
44
34
  type IconProps = React.HTMLAttributes<SVGElement>;
45
35
  interface LayoutProps {
46
36
  children: React.ReactNode;
@@ -73,11 +63,28 @@ type ColorThemes = {
73
63
  type ColorFormat = 'hex' | 'rgb' | 'hsl' | 'oklch';
74
64
  type ViewMode = 'grid' | 'list';
75
65
  type ThemeOption = string;
66
+ type ColorTheme = {
67
+ [key: string]: {
68
+ name: string;
69
+ colors: {
70
+ token: string;
71
+ oklch: string;
72
+ hex: string;
73
+ rgb: string;
74
+ hsl: string;
75
+ name?: string;
76
+ }[];
77
+ };
78
+ };
76
79
  interface ColorCardProps {
77
- colorName: string;
78
- hexValue: string;
79
- format: ColorFormat;
80
- viewMode: ViewMode;
80
+ name: string;
81
+ token: string;
82
+ hex: string;
83
+ rgb: string;
84
+ hsl: string;
85
+ oklch: string;
86
+ format: 'hex' | 'rgb' | 'hsl' | 'oklch';
87
+ viewMode: 'grid' | 'list';
81
88
  }
82
89
  interface ViewToggleProps {
83
90
  viewMode: ViewMode;
@@ -184,6 +191,20 @@ type NavigationSection = {
184
191
  }[];
185
192
  };
186
193
 
194
+ declare function ColorCard({ name, token, hex, rgb, hsl, oklch, format, viewMode }: ColorCardProps): react_jsx_runtime.JSX.Element;
195
+
196
+ declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): react_jsx_runtime.JSX.Element;
197
+
198
+ interface DynamicFaviconProps {
199
+ lightModeFavicon: string;
200
+ darkModeFavicon: string;
201
+ }
202
+ declare function DynamicFavicon({ lightModeFavicon, darkModeFavicon }: DynamicFaviconProps): null;
203
+
204
+ declare function Footer(): react_jsx_runtime.JSX.Element;
205
+
206
+ declare function FormatToggle({ format, setFormat }: FormatToggleProps): react_jsx_runtime.JSX.Element;
207
+
187
208
  declare const Icons: {
188
209
  account_circle: (props: IconProps) => react_jsx_runtime.JSX.Element;
189
210
  attach_file: (props: IconProps) => react_jsx_runtime.JSX.Element;
@@ -316,6 +337,8 @@ declare function Toggle({ className, variant, size, ...props }: React$1.Componen
316
337
  declare function ToggleGroup({ className, variant, size, children, ...props }: React$1.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
317
338
  declare function ToggleGroupItem({ className, children, variant, size, ...props }: React$1.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
318
339
 
340
+ declare function ViewToggle({ viewMode, setViewMode }: ViewToggleProps): react_jsx_runtime.JSX.Element;
341
+
319
342
  declare function cn(...inputs: ClassValue[]): string;
320
343
  declare function truncate(text: string, maxLength: number): string;
321
344
  declare function kebabCase(str: string): string;
@@ -325,4 +348,4 @@ declare function getNodeText(node: HTMLElement | SimpleNode): string;
325
348
  declare function domToSimple(node: Node): SimpleNode;
326
349
  declare function getHeadings(slugify?: _sindresorhus_slugify.CountableSlugify): HeadingNode[];
327
350
 
328
- export { Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Collapsible, type Color, type ColorCardProps, type ColorData, type ColorFormat, type ColorProperty, type ColorThemes, type ColorsDisplayProps, type ColourOutputProps, type DesignTokensShades, type DesignTokensTheme, DynamicFavicon, Footer, type Format, type FormatToggleProps, type HeadingNode, type IconProps, Icons, Label, type LayoutProps, type Link, Logo, Masthead, Navigation, type NavigationSection, type Output, PrevNextLinks, RadioGroup, RadioGroupItem, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, SidebarNavigation, type SimpleNode, Social, type StructuredColor, TableOfContents, Tabs, TabsContent, TabsList, TabsTrigger, type ThemeCategory, type ThemeOption, ThemeProvider, type ThemeSelectorProps, ThemeSwitcher, Toaster, TocProvider, Toggle, ToggleGroup, ToggleGroupItem, type Variant, type ViewMode, type ViewToggleProps, camelCase, cn, domToSimple, getHeadings, getNodeText, kebabCase, toggleVariants, truncate };
351
+ export { Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Collapsible, type Color, ColorCard, type ColorCardProps, type ColorData, type ColorFormat, type ColorProperty, type ColorTheme, type ColorThemes, type ColorsDisplayProps, type ColourOutputProps, type DesignTokensShades, type DesignTokensTheme, DynamicFavicon, Footer, type Format, FormatToggle, type FormatToggleProps, type HeadingNode, type IconProps, Icons, Label, type LayoutProps, type Link, Logo, Masthead, Navigation, type NavigationSection, type Output, PrevNextLinks, RadioGroup, RadioGroupItem, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, SidebarNavigation, type SimpleNode, Social, type StructuredColor, TableOfContents, Tabs, TabsContent, TabsList, TabsTrigger, type ThemeCategory, type ThemeOption, ThemeProvider, type ThemeSelectorProps, ThemeSwitcher, Toaster, TocProvider, Toggle, ToggleGroup, ToggleGroupItem, type Variant, type ViewMode, ViewToggle, type ViewToggleProps, camelCase, cn, domToSimple, getHeadings, getNodeText, kebabCase, toggleVariants, truncate };