@glasshome/ui 0.2.7 → 0.3.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.
- package/README.md +2 -2
- package/dist/solid/badge.d.ts +2 -2
- package/dist/solid/breadcrumb.d.ts +2 -2
- package/dist/solid/button-group.d.ts +2 -2
- package/dist/solid/color-slider.d.ts +14 -0
- package/dist/solid/color-wheel.d.ts +17 -0
- package/dist/solid/entity-selector.d.ts +3 -0
- package/dist/solid/index.d.ts +5 -2
- package/dist/solid/index.js +11821 -10152
- package/dist/solid/item.d.ts +3 -3
- package/dist/solid/select.d.ts +2 -2
- package/package.json +81 -79
- package/src/styles/theme.css +280 -272
package/README.md
CHANGED
|
@@ -68,9 +68,9 @@ This provides the GlassHome design tokens (colors, radii, animations) as a Tailw
|
|
|
68
68
|
|
|
69
69
|
## Peer Dependencies
|
|
70
70
|
|
|
71
|
-
| Package
|
|
71
|
+
| Package | Required | Notes |
|
|
72
72
|
| ---------- | -------- | ---------------------------------------- |
|
|
73
|
-
| `solid-js` | Yes
|
|
73
|
+
| `solid-js` | Yes | SolidJS reactive primitives and JSX runtime |
|
|
74
74
|
|
|
75
75
|
## License
|
|
76
76
|
|
package/dist/solid/badge.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type VariantProps } from "cva";
|
|
2
|
-
import { type Component, type ComponentProps } from "solid-js";
|
|
2
|
+
import { type Component, type ComponentProps, type ValidComponent } from "solid-js";
|
|
3
3
|
declare const badgeVariants: (props?: ({
|
|
4
4
|
variant?: "default" | "destructive" | "outline" | "secondary" | undefined;
|
|
5
5
|
} & ({
|
|
@@ -10,7 +10,7 @@ declare const badgeVariants: (props?: ({
|
|
|
10
10
|
className?: import("cva").ClassValue;
|
|
11
11
|
})) | undefined) => string;
|
|
12
12
|
type BadgeProps = ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
|
|
13
|
-
component?:
|
|
13
|
+
component?: ValidComponent;
|
|
14
14
|
};
|
|
15
15
|
declare const Badge: Component<BadgeProps>;
|
|
16
16
|
export { Badge, badgeVariants };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { type Component, type ComponentProps, type ParentComponent } from "solid-js";
|
|
1
|
+
import { type Component, type ComponentProps, type ParentComponent, type ValidComponent } from "solid-js";
|
|
2
2
|
declare const Breadcrumb: Component<ComponentProps<"nav">>;
|
|
3
3
|
declare const BreadcrumbList: Component<ComponentProps<"ol">>;
|
|
4
4
|
declare const BreadcrumbItem: Component<ComponentProps<"li">>;
|
|
5
5
|
declare const BreadcrumbLink: Component<ComponentProps<"a"> & {
|
|
6
|
-
component?:
|
|
6
|
+
component?: ValidComponent;
|
|
7
7
|
}>;
|
|
8
8
|
declare const BreadcrumbPage: Component<ComponentProps<"span">>;
|
|
9
9
|
declare const BreadcrumbSeparator: ParentComponent<ComponentProps<"li">>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type VariantProps } from "cva";
|
|
2
|
-
import { type Component, type ComponentProps } from "solid-js";
|
|
2
|
+
import { type Component, type ComponentProps, type ValidComponent } from "solid-js";
|
|
3
3
|
import { Separator } from "./separator";
|
|
4
4
|
declare const buttonGroupVariants: (props?: ({
|
|
5
5
|
orientation?: "horizontal" | "vertical" | undefined;
|
|
@@ -12,7 +12,7 @@ declare const buttonGroupVariants: (props?: ({
|
|
|
12
12
|
})) | undefined) => string;
|
|
13
13
|
declare const ButtonGroup: Component<ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>>;
|
|
14
14
|
declare const ButtonGroupText: Component<ComponentProps<"div"> & {
|
|
15
|
-
component?:
|
|
15
|
+
component?: ValidComponent;
|
|
16
16
|
}>;
|
|
17
17
|
declare const ButtonGroupSeparator: Component<ComponentProps<typeof Separator>>;
|
|
18
18
|
export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { Color, ColorChannel } from "@kobalte/core/colors";
|
|
2
|
+
import type { Component } from "solid-js";
|
|
3
|
+
interface ColorSliderProps {
|
|
4
|
+
value?: Color;
|
|
5
|
+
defaultValue?: Color;
|
|
6
|
+
channel: ColorChannel;
|
|
7
|
+
onChange?: (value: Color) => void;
|
|
8
|
+
onChangeEnd?: (value: Color) => void;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
class?: string;
|
|
11
|
+
"aria-label"?: string;
|
|
12
|
+
}
|
|
13
|
+
declare const ColorSlider: Component<ColorSliderProps>;
|
|
14
|
+
export { ColorSlider };
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { Color } from "@kobalte/core/colors";
|
|
2
|
+
import type { Component } from "solid-js";
|
|
3
|
+
interface ColorWheelProps {
|
|
4
|
+
value?: Color;
|
|
5
|
+
defaultValue?: Color;
|
|
6
|
+
onChange?: (value: Color) => void;
|
|
7
|
+
onChangeEnd?: (value: Color) => void;
|
|
8
|
+
/** Wheel diameter in px */
|
|
9
|
+
size?: number;
|
|
10
|
+
/** Ring thickness, 0-100 relative to the radius */
|
|
11
|
+
thickness?: number;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
class?: string;
|
|
14
|
+
"aria-label"?: string;
|
|
15
|
+
}
|
|
16
|
+
declare const ColorWheel: Component<ColorWheelProps>;
|
|
17
|
+
export { ColorWheel };
|
|
@@ -2,6 +2,9 @@ interface EntitySelectorProps {
|
|
|
2
2
|
entityIds: string[];
|
|
3
3
|
onEntityIdsChange: (ids: string[]) => void;
|
|
4
4
|
domain: string;
|
|
5
|
+
/** Restrict the list to entities of this device_class (with a
|
|
6
|
+
* unit-of-measurement fallback for power/energy sensors that lack one). */
|
|
7
|
+
deviceClass?: string;
|
|
5
8
|
multiple?: boolean;
|
|
6
9
|
}
|
|
7
10
|
export declare function EntitySelector(props: EntitySelectorProps): import("solid-js").JSX.Element;
|
package/dist/solid/index.d.ts
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
export { type Color, parseColor } from "@kobalte/core/colors";
|
|
1
2
|
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, } from "./accordion";
|
|
2
3
|
export { Alert, AlertDescription, AlertTitle, alertVariants } from "./alert";
|
|
3
|
-
export { AreaPicker } from "./area-picker";
|
|
4
4
|
export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from "./alert-dialog";
|
|
5
|
+
export { AreaPicker } from "./area-picker";
|
|
5
6
|
export { AspectRatio } from "./aspect-ratio";
|
|
6
7
|
export { Avatar, AvatarFallback, AvatarImage } from "./avatar";
|
|
7
8
|
export { Badge, badgeVariants } from "./badge";
|
|
@@ -16,6 +17,8 @@ export type { CarouselApi } from "./carousel";
|
|
|
16
17
|
export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, } from "./carousel";
|
|
17
18
|
export { Checkbox } from "./checkbox";
|
|
18
19
|
export { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "./collapsible";
|
|
20
|
+
export { ColorSlider } from "./color-slider";
|
|
21
|
+
export { ColorWheel } from "./color-wheel";
|
|
19
22
|
export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, } from "./command";
|
|
20
23
|
export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, } from "./context-menu";
|
|
21
24
|
export { CopyButton } from "./copy-button";
|
|
@@ -24,8 +27,8 @@ export type { DockIconButtonProps, DockItem, DockProps } from "./dock";
|
|
|
24
27
|
export { Dock } from "./dock";
|
|
25
28
|
export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerTitle, DrawerTrigger, } from "./drawer";
|
|
26
29
|
export { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuTrigger, } from "./dropdown-menu";
|
|
27
|
-
export { EntitySelector } from "./entity-selector";
|
|
28
30
|
export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, } from "./empty";
|
|
31
|
+
export { EntitySelector } from "./entity-selector";
|
|
29
32
|
export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, } from "./field";
|
|
30
33
|
export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField, } from "./form";
|
|
31
34
|
export { GlassEffect, GlassFilter } from "./glass-effect";
|