iryx-ui 0.7.0 → 0.9.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/README.md +155 -7
- package/dist/component-names.d.ts +1 -1
- package/dist/components/BarChart.vue.d.ts +36 -0
- package/dist/components/FileUpload.vue.d.ts +64 -0
- package/dist/components/Sparkline.vue.d.ts +38 -0
- package/dist/components/index.d.ts +3 -0
- package/dist/composables/element-size.d.ts +15 -0
- package/dist/composables/scale.d.ts +36 -0
- package/dist/index.d.ts +5 -0
- package/dist/index.js +78 -70
- package/dist/node_modules/.pnpm/@hugeicons_core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/index.js +86 -7
- package/dist/packages/iryx-ui/src/component-names.js +1 -1
- package/dist/packages/iryx-ui/src/components/BarChart.js +5 -0
- package/dist/packages/iryx-ui/src/components/BarChart.vue_vue_type_script_setup_true_lang.js +178 -0
- package/dist/packages/iryx-ui/src/components/FileUpload.js +5 -0
- package/dist/packages/iryx-ui/src/components/FileUpload.vue_vue_type_script_setup_true_lang.js +209 -0
- package/dist/packages/iryx-ui/src/components/PasswordInput.vue_vue_type_script_setup_true_lang.js +9 -9
- package/dist/packages/iryx-ui/src/components/Sparkline.js +5 -0
- package/dist/packages/iryx-ui/src/components/Sparkline.vue_vue_type_script_setup_true_lang.js +110 -0
- package/dist/packages/iryx-ui/src/components/index.js +72 -66
- package/dist/packages/iryx-ui/src/composables/element-size.js +22 -0
- package/dist/packages/iryx-ui/src/composables/scale.js +43 -0
- package/dist/packages/iryx-ui/src/theme/bar-chart.js +18 -0
- package/dist/packages/iryx-ui/src/theme/file-upload.js +29 -0
- package/dist/packages/iryx-ui/src/theme/password-input.js +1 -0
- package/dist/packages/iryx-ui/src/theme/sparkline.js +15 -0
- package/dist/theme/bar-chart.d.ts +111 -0
- package/dist/theme/file-upload.d.ts +143 -0
- package/dist/theme/form.d.ts +3 -3
- package/dist/theme/index.d.ts +3 -0
- package/dist/theme/password-input.d.ts +18 -0
- package/dist/theme/sparkline.d.ts +58 -0
- package/package.json +1 -1
package/dist/theme/form.d.ts
CHANGED
|
@@ -5,8 +5,8 @@ export declare const formFieldTheme: import("tailwind-variants").TVReturnType<{
|
|
|
5
5
|
description?: import("tailwind-variants").ClassValue;
|
|
6
6
|
label?: import("tailwind-variants").ClassValue;
|
|
7
7
|
header?: import("tailwind-variants").ClassValue;
|
|
8
|
-
error?: import("tailwind-variants").ClassValue;
|
|
9
8
|
hint?: import("tailwind-variants").ClassValue;
|
|
9
|
+
error?: import("tailwind-variants").ClassValue;
|
|
10
10
|
control?: import("tailwind-variants").ClassValue;
|
|
11
11
|
help?: import("tailwind-variants").ClassValue;
|
|
12
12
|
};
|
|
@@ -18,8 +18,8 @@ export declare const formFieldTheme: import("tailwind-variants").TVReturnType<{
|
|
|
18
18
|
description?: import("tailwind-variants").ClassValue;
|
|
19
19
|
label?: import("tailwind-variants").ClassValue;
|
|
20
20
|
header?: import("tailwind-variants").ClassValue;
|
|
21
|
-
error?: import("tailwind-variants").ClassValue;
|
|
22
21
|
hint?: import("tailwind-variants").ClassValue;
|
|
22
|
+
error?: import("tailwind-variants").ClassValue;
|
|
23
23
|
control?: import("tailwind-variants").ClassValue;
|
|
24
24
|
help?: import("tailwind-variants").ClassValue;
|
|
25
25
|
};
|
|
@@ -40,8 +40,8 @@ export declare const formFieldTheme: import("tailwind-variants").TVReturnType<{
|
|
|
40
40
|
description?: import("tailwind-variants").ClassValue;
|
|
41
41
|
label?: import("tailwind-variants").ClassValue;
|
|
42
42
|
header?: import("tailwind-variants").ClassValue;
|
|
43
|
-
error?: import("tailwind-variants").ClassValue;
|
|
44
43
|
hint?: import("tailwind-variants").ClassValue;
|
|
44
|
+
error?: import("tailwind-variants").ClassValue;
|
|
45
45
|
control?: import("tailwind-variants").ClassValue;
|
|
46
46
|
help?: import("tailwind-variants").ClassValue;
|
|
47
47
|
};
|
package/dist/theme/index.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export * from './alert';
|
|
2
2
|
export * from './badge';
|
|
3
3
|
export * from './banner';
|
|
4
|
+
export * from './bar-chart';
|
|
4
5
|
export * from './breadcrumb';
|
|
5
6
|
export * from './button';
|
|
6
7
|
export * from './button-group';
|
|
@@ -11,6 +12,7 @@ export * from './date-picker';
|
|
|
11
12
|
export * from './dialog';
|
|
12
13
|
export * from './dropdown-menu';
|
|
13
14
|
export * from './empty-state';
|
|
15
|
+
export * from './file-upload';
|
|
14
16
|
export * from './input';
|
|
15
17
|
export * from './label';
|
|
16
18
|
export * from './number-input';
|
|
@@ -22,6 +24,7 @@ export * from './radio-group';
|
|
|
22
24
|
export * from './select';
|
|
23
25
|
export * from './separator';
|
|
24
26
|
export * from './skeleton';
|
|
27
|
+
export * from './sparkline';
|
|
25
28
|
export * from './stat';
|
|
26
29
|
export * from './stepper';
|
|
27
30
|
export * from './switch';
|
|
@@ -21,6 +21,12 @@ export declare const passwordInputTheme: import("tailwind-variants").TVReturnTyp
|
|
|
21
21
|
};
|
|
22
22
|
}, {
|
|
23
23
|
root: string;
|
|
24
|
+
/**
|
|
25
|
+
* Edge draws its own reveal eye on `input[type=password]`, and its own
|
|
26
|
+
* clear cross once the field is revealed to `type=text`. Both would sit
|
|
27
|
+
* beside ours, so the field shows two of each in that browser only.
|
|
28
|
+
*/
|
|
29
|
+
input: string;
|
|
24
30
|
toggle: string;
|
|
25
31
|
meter: string;
|
|
26
32
|
track: string;
|
|
@@ -45,6 +51,12 @@ export declare const passwordInputTheme: import("tailwind-variants").TVReturnTyp
|
|
|
45
51
|
};
|
|
46
52
|
}, {
|
|
47
53
|
root: string;
|
|
54
|
+
/**
|
|
55
|
+
* Edge draws its own reveal eye on `input[type=password]`, and its own
|
|
56
|
+
* clear cross once the field is revealed to `type=text`. Both would sit
|
|
57
|
+
* beside ours, so the field shows two of each in that browser only.
|
|
58
|
+
*/
|
|
59
|
+
input: string;
|
|
48
60
|
toggle: string;
|
|
49
61
|
meter: string;
|
|
50
62
|
track: string;
|
|
@@ -69,6 +81,12 @@ export declare const passwordInputTheme: import("tailwind-variants").TVReturnTyp
|
|
|
69
81
|
};
|
|
70
82
|
}, {
|
|
71
83
|
root: string;
|
|
84
|
+
/**
|
|
85
|
+
* Edge draws its own reveal eye on `input[type=password]`, and its own
|
|
86
|
+
* clear cross once the field is revealed to `type=text`. Both would sit
|
|
87
|
+
* beside ours, so the field shows two of each in that browser only.
|
|
88
|
+
*/
|
|
89
|
+
input: string;
|
|
72
90
|
toggle: string;
|
|
73
91
|
meter: string;
|
|
74
92
|
track: string;
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Colour comes from `currentColor`, so a sparkline recolours with a text
|
|
3
|
+
* utility and follows the theme and appearance without any JS. That is the
|
|
4
|
+
* whole reason these are SVG rather than canvas.
|
|
5
|
+
*/
|
|
6
|
+
export declare const sparklineTheme: import("tailwind-variants").TVReturnType<{
|
|
7
|
+
muted: {
|
|
8
|
+
true: {
|
|
9
|
+
root: string;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
}, {
|
|
13
|
+
/** Carries the inset that keeps every mark inside the component's box. */
|
|
14
|
+
root: string;
|
|
15
|
+
plot: string;
|
|
16
|
+
/** 2px, round join and cap, per the shared line-mark spec. */
|
|
17
|
+
line: string;
|
|
18
|
+
/** A wash at ~10%, never a saturated block competing with the line. */
|
|
19
|
+
area: string;
|
|
20
|
+
dot: string;
|
|
21
|
+
/** Keeps the end dot legible where it sits on top of the line. */
|
|
22
|
+
ring: string;
|
|
23
|
+
}, undefined, {
|
|
24
|
+
muted: {
|
|
25
|
+
true: {
|
|
26
|
+
root: string;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
}, {
|
|
30
|
+
/** Carries the inset that keeps every mark inside the component's box. */
|
|
31
|
+
root: string;
|
|
32
|
+
plot: string;
|
|
33
|
+
/** 2px, round join and cap, per the shared line-mark spec. */
|
|
34
|
+
line: string;
|
|
35
|
+
/** A wash at ~10%, never a saturated block competing with the line. */
|
|
36
|
+
area: string;
|
|
37
|
+
dot: string;
|
|
38
|
+
/** Keeps the end dot legible where it sits on top of the line. */
|
|
39
|
+
ring: string;
|
|
40
|
+
}, import("tailwind-variants").TVReturnType<{
|
|
41
|
+
muted: {
|
|
42
|
+
true: {
|
|
43
|
+
root: string;
|
|
44
|
+
};
|
|
45
|
+
};
|
|
46
|
+
}, {
|
|
47
|
+
/** Carries the inset that keeps every mark inside the component's box. */
|
|
48
|
+
root: string;
|
|
49
|
+
plot: string;
|
|
50
|
+
/** 2px, round join and cap, per the shared line-mark spec. */
|
|
51
|
+
line: string;
|
|
52
|
+
/** A wash at ~10%, never a saturated block competing with the line. */
|
|
53
|
+
area: string;
|
|
54
|
+
dot: string;
|
|
55
|
+
/** Keeps the end dot legible where it sits on top of the line. */
|
|
56
|
+
ring: string;
|
|
57
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
58
|
+
export type SparklineSlots = keyof ReturnType<typeof sparklineTheme>;
|