@openlv/modal 0.1.1 → 0.1.2
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.cjs.js +5 -5
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +2189 -1954
- package/dist/index.es.js.map +1 -1
- package/dist/ui/Button.d.ts +26 -26
- package/dist/ui/InfoTooltip.d.ts +8 -8
- package/package.json +9 -9
package/dist/ui/Button.d.ts
CHANGED
|
@@ -2,50 +2,50 @@ import { JSX } from 'solid-js';
|
|
|
2
2
|
import { VariantProps } from 'tailwind-variants/lite';
|
|
3
3
|
declare const styles: import('tailwind-variants/lite').TVReturnType<{
|
|
4
4
|
$variant: {
|
|
5
|
-
primary:
|
|
6
|
-
secondary:
|
|
7
|
-
tertiary:
|
|
5
|
+
primary: "font-semibold text-sm bg-(--lv-control-button-primary-background) text-(--lv-control-button-primary-color) border-(--lv-control-button-primary-border) hover:bg-(--lv-control-button-primary-hoverBackground,var(--lv-control-button-primary-background)) active:bg-(--lv-control-button-primary-activeBackground,var(--lv-control-button-primary-hoverBackground,var(--lv-control-button-primary-background))) disabled:bg-(--lv-control-button-primary-disabledBackground,var(--lv-control-button-primary-background)) disabled:text-(--lv-control-button-primary-disabledColor,var(--lv-control-button-primary-color))";
|
|
6
|
+
secondary: "border bg-(--lv-control-button-secondary-background) text-(--lv-control-button-secondary-color) border-(--lv-control-button-secondary-border,var(--lv-control-button-secondary-background)) hover:bg-(--lv-control-button-secondary-hoverBackground,var(--lv-control-button-secondary-background)) active:bg-(--lv-control-button-secondary-activeBackground,var(--lv-control-button-secondary-hoverBackground,var(--lv-control-button-secondary-background))) disabled:bg-(--lv-control-button-secondary-disabledBackground,var(--lv-control-button-secondary-background)) disabled:text-(--lv-control-button-secondary-disabledColor,var(--lv-control-button-secondary-color))";
|
|
7
|
+
tertiary: "bg-transparent text-(--lv-text-muted) hover:bg-(--lv-control-button-tertiary-hoverBackground,transparent) active:bg-(--lv-control-button-tertiary-activeBackground,var(--lv-control-button-tertiary-hoverBackground,transparent)) disabled:text-(--lv-control-button-tertiary-disabledColor,var(--lv-text-muted))";
|
|
8
8
|
};
|
|
9
9
|
$size: {
|
|
10
|
-
sm:
|
|
11
|
-
md:
|
|
12
|
-
lg:
|
|
10
|
+
sm: "h-6";
|
|
11
|
+
md: "h-8";
|
|
12
|
+
lg: "h-11";
|
|
13
13
|
};
|
|
14
14
|
$aspect: {
|
|
15
|
-
square:
|
|
16
|
-
auto:
|
|
15
|
+
square: "aspect-square";
|
|
16
|
+
auto: "";
|
|
17
17
|
};
|
|
18
18
|
}, undefined, "flex items-center justify-center rounded-lg transition-all duration-100 cursor-pointer active:scale-95", {
|
|
19
19
|
$variant: {
|
|
20
|
-
primary:
|
|
21
|
-
secondary:
|
|
22
|
-
tertiary:
|
|
20
|
+
primary: "font-semibold text-sm bg-(--lv-control-button-primary-background) text-(--lv-control-button-primary-color) border-(--lv-control-button-primary-border) hover:bg-(--lv-control-button-primary-hoverBackground,var(--lv-control-button-primary-background)) active:bg-(--lv-control-button-primary-activeBackground,var(--lv-control-button-primary-hoverBackground,var(--lv-control-button-primary-background))) disabled:bg-(--lv-control-button-primary-disabledBackground,var(--lv-control-button-primary-background)) disabled:text-(--lv-control-button-primary-disabledColor,var(--lv-control-button-primary-color))";
|
|
21
|
+
secondary: "border bg-(--lv-control-button-secondary-background) text-(--lv-control-button-secondary-color) border-(--lv-control-button-secondary-border,var(--lv-control-button-secondary-background)) hover:bg-(--lv-control-button-secondary-hoverBackground,var(--lv-control-button-secondary-background)) active:bg-(--lv-control-button-secondary-activeBackground,var(--lv-control-button-secondary-hoverBackground,var(--lv-control-button-secondary-background))) disabled:bg-(--lv-control-button-secondary-disabledBackground,var(--lv-control-button-secondary-background)) disabled:text-(--lv-control-button-secondary-disabledColor,var(--lv-control-button-secondary-color))";
|
|
22
|
+
tertiary: "bg-transparent text-(--lv-text-muted) hover:bg-(--lv-control-button-tertiary-hoverBackground,transparent) active:bg-(--lv-control-button-tertiary-activeBackground,var(--lv-control-button-tertiary-hoverBackground,transparent)) disabled:text-(--lv-control-button-tertiary-disabledColor,var(--lv-text-muted))";
|
|
23
23
|
};
|
|
24
24
|
$size: {
|
|
25
|
-
sm:
|
|
26
|
-
md:
|
|
27
|
-
lg:
|
|
25
|
+
sm: "h-6";
|
|
26
|
+
md: "h-8";
|
|
27
|
+
lg: "h-11";
|
|
28
28
|
};
|
|
29
29
|
$aspect: {
|
|
30
|
-
square:
|
|
31
|
-
auto:
|
|
30
|
+
square: "aspect-square";
|
|
31
|
+
auto: "";
|
|
32
32
|
};
|
|
33
|
-
}, undefined, import('tailwind-variants/lite').
|
|
33
|
+
}, undefined, import('tailwind-variants/lite').TVReturnTypeLike<{
|
|
34
34
|
$variant: {
|
|
35
|
-
primary:
|
|
36
|
-
secondary:
|
|
37
|
-
tertiary:
|
|
35
|
+
primary: "font-semibold text-sm bg-(--lv-control-button-primary-background) text-(--lv-control-button-primary-color) border-(--lv-control-button-primary-border) hover:bg-(--lv-control-button-primary-hoverBackground,var(--lv-control-button-primary-background)) active:bg-(--lv-control-button-primary-activeBackground,var(--lv-control-button-primary-hoverBackground,var(--lv-control-button-primary-background))) disabled:bg-(--lv-control-button-primary-disabledBackground,var(--lv-control-button-primary-background)) disabled:text-(--lv-control-button-primary-disabledColor,var(--lv-control-button-primary-color))";
|
|
36
|
+
secondary: "border bg-(--lv-control-button-secondary-background) text-(--lv-control-button-secondary-color) border-(--lv-control-button-secondary-border,var(--lv-control-button-secondary-background)) hover:bg-(--lv-control-button-secondary-hoverBackground,var(--lv-control-button-secondary-background)) active:bg-(--lv-control-button-secondary-activeBackground,var(--lv-control-button-secondary-hoverBackground,var(--lv-control-button-secondary-background))) disabled:bg-(--lv-control-button-secondary-disabledBackground,var(--lv-control-button-secondary-background)) disabled:text-(--lv-control-button-secondary-disabledColor,var(--lv-control-button-secondary-color))";
|
|
37
|
+
tertiary: "bg-transparent text-(--lv-text-muted) hover:bg-(--lv-control-button-tertiary-hoverBackground,transparent) active:bg-(--lv-control-button-tertiary-activeBackground,var(--lv-control-button-tertiary-hoverBackground,transparent)) disabled:text-(--lv-control-button-tertiary-disabledColor,var(--lv-text-muted))";
|
|
38
38
|
};
|
|
39
39
|
$size: {
|
|
40
|
-
sm:
|
|
41
|
-
md:
|
|
42
|
-
lg:
|
|
40
|
+
sm: "h-6";
|
|
41
|
+
md: "h-8";
|
|
42
|
+
lg: "h-11";
|
|
43
43
|
};
|
|
44
44
|
$aspect: {
|
|
45
|
-
square:
|
|
46
|
-
auto:
|
|
45
|
+
square: "aspect-square";
|
|
46
|
+
auto: "";
|
|
47
47
|
};
|
|
48
|
-
}, undefined
|
|
48
|
+
}, undefined>>;
|
|
49
49
|
export type ButtonButtonProps = {
|
|
50
50
|
onClick?: JSX.EventHandlerUnion<HTMLButtonElement, MouseEvent>;
|
|
51
51
|
} & JSX.ButtonHTMLAttributes<HTMLButtonElement>;
|
package/dist/ui/InfoTooltip.d.ts
CHANGED
|
@@ -16,8 +16,8 @@ declare const styles: import('tailwind-variants/lite').TVReturnType<{
|
|
|
16
16
|
};
|
|
17
17
|
};
|
|
18
18
|
variant: {
|
|
19
|
-
icon:
|
|
20
|
-
text:
|
|
19
|
+
icon: "";
|
|
20
|
+
text: "";
|
|
21
21
|
};
|
|
22
22
|
}, {
|
|
23
23
|
root: string;
|
|
@@ -40,15 +40,15 @@ declare const styles: import('tailwind-variants/lite').TVReturnType<{
|
|
|
40
40
|
};
|
|
41
41
|
};
|
|
42
42
|
variant: {
|
|
43
|
-
icon:
|
|
44
|
-
text:
|
|
43
|
+
icon: "";
|
|
44
|
+
text: "";
|
|
45
45
|
};
|
|
46
46
|
}, {
|
|
47
47
|
root: string;
|
|
48
48
|
box: string;
|
|
49
49
|
popover: string;
|
|
50
50
|
icon: string;
|
|
51
|
-
}, import('tailwind-variants/lite').
|
|
51
|
+
}, import('tailwind-variants/lite').TVReturnTypeLike<{
|
|
52
52
|
size: {
|
|
53
53
|
sm: {
|
|
54
54
|
box: string;
|
|
@@ -64,15 +64,15 @@ declare const styles: import('tailwind-variants/lite').TVReturnType<{
|
|
|
64
64
|
};
|
|
65
65
|
};
|
|
66
66
|
variant: {
|
|
67
|
-
icon:
|
|
68
|
-
text:
|
|
67
|
+
icon: "";
|
|
68
|
+
text: "";
|
|
69
69
|
};
|
|
70
70
|
}, {
|
|
71
71
|
root: string;
|
|
72
72
|
box: string;
|
|
73
73
|
popover: string;
|
|
74
74
|
icon: string;
|
|
75
|
-
}
|
|
75
|
+
}>>;
|
|
76
76
|
export type InfoTooltipProps = VariantProps<typeof styles>;
|
|
77
77
|
export declare const InfoTooltip: (rawProps: ParentProps<InfoTooltipProps>) => import("solid-js").JSX.Element;
|
|
78
78
|
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@openlv/modal",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.2",
|
|
4
4
|
"description": "SolidJS-based modal custom element for Open Lavatory",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"open-lavatory",
|
|
@@ -8,19 +8,19 @@
|
|
|
8
8
|
"solid-js",
|
|
9
9
|
"web-component"
|
|
10
10
|
],
|
|
11
|
-
"homepage": "https://github.com/
|
|
11
|
+
"homepage": "https://github.com/open-lavatory/open-lavatory",
|
|
12
12
|
"bugs": {
|
|
13
|
-
"url": "https://github.com/
|
|
13
|
+
"url": "https://github.com/open-lavatory/open-lavatory/issues"
|
|
14
14
|
},
|
|
15
15
|
"repository": {
|
|
16
16
|
"type": "git",
|
|
17
|
-
"url": "git+https://github.com/
|
|
17
|
+
"url": "git+https://github.com/open-lavatory/open-lavatory.git",
|
|
18
18
|
"directory": "packages/modal"
|
|
19
19
|
},
|
|
20
20
|
"license": "LGPL-3.0-only",
|
|
21
21
|
"author": {
|
|
22
22
|
"name": "Open-Lavatory",
|
|
23
|
-
"url": "https://github.com/
|
|
23
|
+
"url": "https://github.com/open-lavatory/open-lavatory"
|
|
24
24
|
},
|
|
25
25
|
"sideEffects": false,
|
|
26
26
|
"type": "module",
|
|
@@ -49,10 +49,10 @@
|
|
|
49
49
|
"solid-icons": "^1.2.0",
|
|
50
50
|
"solid-js": "^1.9.9",
|
|
51
51
|
"tailwind-variants": "^3.1.1",
|
|
52
|
-
"@openlv/core": "0.1.
|
|
53
|
-
"@openlv/provider": "0.1.
|
|
54
|
-
"@openlv/session": "0.1.
|
|
55
|
-
"@openlv/signaling": "0.1.
|
|
52
|
+
"@openlv/core": "0.1.1",
|
|
53
|
+
"@openlv/provider": "0.1.2",
|
|
54
|
+
"@openlv/session": "0.1.2",
|
|
55
|
+
"@openlv/signaling": "0.1.2"
|
|
56
56
|
},
|
|
57
57
|
"devDependencies": {
|
|
58
58
|
"@tailwindcss/vite": "^4.1.17",
|