@devjuliovilla/jv-ui 1.14.0 → 1.16.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.
Files changed (49) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +1059 -1033
  3. package/fesm2022/devjuliovilla-jv-ui.mjs +3385 -4044
  4. package/fesm2022/devjuliovilla-jv-ui.mjs.map +1 -1
  5. package/package.json +85 -1
  6. package/secondary/auth-pages.d.ts +1 -0
  7. package/secondary/auth-pages.mjs +1 -0
  8. package/secondary/buttons.d.ts +1 -0
  9. package/secondary/buttons.mjs +1 -0
  10. package/secondary/calendar.d.ts +1 -0
  11. package/secondary/calendar.mjs +1 -0
  12. package/secondary/collapsible.d.ts +1 -0
  13. package/secondary/collapsible.mjs +1 -0
  14. package/secondary/config.d.ts +1 -0
  15. package/secondary/config.mjs +1 -0
  16. package/secondary/containers.d.ts +1 -0
  17. package/secondary/containers.mjs +1 -0
  18. package/secondary/core.d.ts +1 -0
  19. package/secondary/core.mjs +1 -0
  20. package/secondary/dialogs.d.ts +1 -0
  21. package/secondary/dialogs.mjs +1 -0
  22. package/secondary/feedback.d.ts +1 -0
  23. package/secondary/feedback.mjs +1 -0
  24. package/secondary/forms.d.ts +1 -0
  25. package/secondary/forms.mjs +1 -0
  26. package/secondary/gallery.d.ts +1 -0
  27. package/secondary/gallery.mjs +1 -0
  28. package/secondary/grid.d.ts +1 -0
  29. package/secondary/grid.mjs +1 -0
  30. package/secondary/i18n.d.ts +1 -0
  31. package/secondary/i18n.mjs +1 -0
  32. package/secondary/icons.d.ts +1 -0
  33. package/secondary/icons.mjs +1 -0
  34. package/secondary/layout.d.ts +1 -0
  35. package/secondary/layout.mjs +1 -0
  36. package/secondary/list.d.ts +1 -0
  37. package/secondary/list.mjs +1 -0
  38. package/secondary/pagination.d.ts +1 -0
  39. package/secondary/pagination.mjs +1 -0
  40. package/secondary/services.d.ts +1 -0
  41. package/secondary/services.mjs +1 -0
  42. package/secondary/slider.d.ts +1 -0
  43. package/secondary/slider.mjs +1 -0
  44. package/secondary/tabs.d.ts +1 -0
  45. package/secondary/tabs.mjs +1 -0
  46. package/secondary/tooltip.d.ts +1 -0
  47. package/secondary/tooltip.mjs +1 -0
  48. package/styles/jv-theme.css +135 -135
  49. package/types/devjuliovilla-jv-ui.d.ts +13 -21
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@devjuliovilla/jv-ui",
3
- "version": "1.14.0",
3
+ "version": "1.16.0",
4
4
  "description": "Accessibility-first Angular component library — components, forms, data grids, dialogs, layout, services, and i18n infrastructure built with signals and standalone APIs.",
5
5
  "author": "@devjuliovilla",
6
6
  "license": "MIT",
@@ -49,6 +49,90 @@
49
49
  "types": "./types/devjuliovilla-jv-ui.d.ts",
50
50
  "default": "./fesm2022/devjuliovilla-jv-ui.mjs"
51
51
  },
52
+ "./auth-pages": {
53
+ "types": "./secondary/auth-pages.d.ts",
54
+ "default": "./secondary/auth-pages.mjs"
55
+ },
56
+ "./buttons": {
57
+ "types": "./secondary/buttons.d.ts",
58
+ "default": "./secondary/buttons.mjs"
59
+ },
60
+ "./calendar": {
61
+ "types": "./secondary/calendar.d.ts",
62
+ "default": "./secondary/calendar.mjs"
63
+ },
64
+ "./collapsible": {
65
+ "types": "./secondary/collapsible.d.ts",
66
+ "default": "./secondary/collapsible.mjs"
67
+ },
68
+ "./config": {
69
+ "types": "./secondary/config.d.ts",
70
+ "default": "./secondary/config.mjs"
71
+ },
72
+ "./containers": {
73
+ "types": "./secondary/containers.d.ts",
74
+ "default": "./secondary/containers.mjs"
75
+ },
76
+ "./core": {
77
+ "types": "./secondary/core.d.ts",
78
+ "default": "./secondary/core.mjs"
79
+ },
80
+ "./dialogs": {
81
+ "types": "./secondary/dialogs.d.ts",
82
+ "default": "./secondary/dialogs.mjs"
83
+ },
84
+ "./feedback": {
85
+ "types": "./secondary/feedback.d.ts",
86
+ "default": "./secondary/feedback.mjs"
87
+ },
88
+ "./forms": {
89
+ "types": "./secondary/forms.d.ts",
90
+ "default": "./secondary/forms.mjs"
91
+ },
92
+ "./gallery": {
93
+ "types": "./secondary/gallery.d.ts",
94
+ "default": "./secondary/gallery.mjs"
95
+ },
96
+ "./grid": {
97
+ "types": "./secondary/grid.d.ts",
98
+ "default": "./secondary/grid.mjs"
99
+ },
100
+ "./i18n": {
101
+ "types": "./secondary/i18n.d.ts",
102
+ "default": "./secondary/i18n.mjs"
103
+ },
104
+ "./icons": {
105
+ "types": "./secondary/icons.d.ts",
106
+ "default": "./secondary/icons.mjs"
107
+ },
108
+ "./layout": {
109
+ "types": "./secondary/layout.d.ts",
110
+ "default": "./secondary/layout.mjs"
111
+ },
112
+ "./list": {
113
+ "types": "./secondary/list.d.ts",
114
+ "default": "./secondary/list.mjs"
115
+ },
116
+ "./pagination": {
117
+ "types": "./secondary/pagination.d.ts",
118
+ "default": "./secondary/pagination.mjs"
119
+ },
120
+ "./services": {
121
+ "types": "./secondary/services.d.ts",
122
+ "default": "./secondary/services.mjs"
123
+ },
124
+ "./slider": {
125
+ "types": "./secondary/slider.d.ts",
126
+ "default": "./secondary/slider.mjs"
127
+ },
128
+ "./tabs": {
129
+ "types": "./secondary/tabs.d.ts",
130
+ "default": "./secondary/tabs.mjs"
131
+ },
132
+ "./tooltip": {
133
+ "types": "./secondary/tooltip.d.ts",
134
+ "default": "./secondary/tooltip.mjs"
135
+ },
52
136
  "./styles/*": {
53
137
  "default": "./styles/*"
54
138
  }
package/secondary/auth-pages.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from '../types/devjuliovilla-jv-ui.d.ts';
package/secondary/auth-pages.mjs ADDED
@@ -0,0 +1 @@
1
+ export * from '../fesm2022/devjuliovilla-jv-ui.mjs';
package/secondary/buttons.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from '../types/devjuliovilla-jv-ui.d.ts';
package/secondary/buttons.mjs ADDED
@@ -0,0 +1 @@
1
+ export * from '../fesm2022/devjuliovilla-jv-ui.mjs';
package/secondary/calendar.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from '../types/devjuliovilla-jv-ui.d.ts';
package/secondary/calendar.mjs ADDED
@@ -0,0 +1 @@
1
+ export * from '../fesm2022/devjuliovilla-jv-ui.mjs';
package/secondary/collapsible.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from '../types/devjuliovilla-jv-ui.d.ts';
package/secondary/collapsible.mjs ADDED
@@ -0,0 +1 @@
1
+ export * from '../fesm2022/devjuliovilla-jv-ui.mjs';
package/secondary/config.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from '../types/devjuliovilla-jv-ui.d.ts';
package/secondary/config.mjs ADDED
@@ -0,0 +1 @@
1
+ export * from '../fesm2022/devjuliovilla-jv-ui.mjs';
package/secondary/containers.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from '../types/devjuliovilla-jv-ui.d.ts';
package/secondary/containers.mjs ADDED
@@ -0,0 +1 @@
1
+ export * from '../fesm2022/devjuliovilla-jv-ui.mjs';
package/secondary/core.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from '../types/devjuliovilla-jv-ui.d.ts';
package/secondary/core.mjs ADDED
@@ -0,0 +1 @@
1
+ export * from '../fesm2022/devjuliovilla-jv-ui.mjs';
package/secondary/dialogs.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from '../types/devjuliovilla-jv-ui.d.ts';
package/secondary/dialogs.mjs ADDED
@@ -0,0 +1 @@
1
+ export * from '../fesm2022/devjuliovilla-jv-ui.mjs';
package/secondary/feedback.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from '../types/devjuliovilla-jv-ui.d.ts';
package/secondary/feedback.mjs ADDED
@@ -0,0 +1 @@
1
+ export * from '../fesm2022/devjuliovilla-jv-ui.mjs';
package/secondary/forms.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from '../types/devjuliovilla-jv-ui.d.ts';
package/secondary/forms.mjs ADDED
@@ -0,0 +1 @@
1
+ export * from '../fesm2022/devjuliovilla-jv-ui.mjs';
package/secondary/gallery.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from '../types/devjuliovilla-jv-ui.d.ts';
package/secondary/gallery.mjs ADDED
@@ -0,0 +1 @@
1
+ export * from '../fesm2022/devjuliovilla-jv-ui.mjs';
package/secondary/grid.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from '../types/devjuliovilla-jv-ui.d.ts';
package/secondary/grid.mjs ADDED
@@ -0,0 +1 @@
1
+ export * from '../fesm2022/devjuliovilla-jv-ui.mjs';
package/secondary/i18n.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from '../types/devjuliovilla-jv-ui.d.ts';
package/secondary/i18n.mjs ADDED
@@ -0,0 +1 @@
1
+ export * from '../fesm2022/devjuliovilla-jv-ui.mjs';
package/secondary/icons.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from '../types/devjuliovilla-jv-ui.d.ts';
package/secondary/icons.mjs ADDED
@@ -0,0 +1 @@
1
+ export * from '../fesm2022/devjuliovilla-jv-ui.mjs';
package/secondary/layout.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from '../types/devjuliovilla-jv-ui.d.ts';
package/secondary/layout.mjs ADDED
@@ -0,0 +1 @@
1
+ export * from '../fesm2022/devjuliovilla-jv-ui.mjs';
package/secondary/list.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from '../types/devjuliovilla-jv-ui.d.ts';
package/secondary/list.mjs ADDED
@@ -0,0 +1 @@
1
+ export * from '../fesm2022/devjuliovilla-jv-ui.mjs';
package/secondary/pagination.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from '../types/devjuliovilla-jv-ui.d.ts';
package/secondary/pagination.mjs ADDED
@@ -0,0 +1 @@
1
+ export * from '../fesm2022/devjuliovilla-jv-ui.mjs';
package/secondary/services.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from '../types/devjuliovilla-jv-ui.d.ts';
package/secondary/services.mjs ADDED
@@ -0,0 +1 @@
1
+ export * from '../fesm2022/devjuliovilla-jv-ui.mjs';
package/secondary/slider.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from '../types/devjuliovilla-jv-ui.d.ts';
package/secondary/slider.mjs ADDED
@@ -0,0 +1 @@
1
+ export * from '../fesm2022/devjuliovilla-jv-ui.mjs';
package/secondary/tabs.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from '../types/devjuliovilla-jv-ui.d.ts';
package/secondary/tabs.mjs ADDED
@@ -0,0 +1 @@
1
+ export * from '../fesm2022/devjuliovilla-jv-ui.mjs';
package/secondary/tooltip.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from '../types/devjuliovilla-jv-ui.d.ts';
package/secondary/tooltip.mjs ADDED
@@ -0,0 +1 @@
1
+ export * from '../fesm2022/devjuliovilla-jv-ui.mjs';
package/styles/jv-theme.css CHANGED
@@ -1,135 +1,135 @@
1
- :root {
2
- --jv-color-primary: #2563eb;
3
- --jv-color-secondary: #475569;
4
- --jv-color-success: #16a34a;
5
- --jv-color-warning: #d97706;
6
- --jv-color-danger: #dc2626;
7
- --jv-color-info: #0891b2;
8
-
9
- --jv-color-background: #f8fafc;
10
- --jv-color-surface: #ffffff;
11
- --jv-color-surface-muted: #f1f5f9;
12
- --jv-color-border: #dbe3ef;
13
- --jv-color-foreground: #0f172a;
14
- --jv-color-foreground-muted: #475569;
15
-
16
- --jv-spacing-xs: 0.25rem;
17
- --jv-spacing-sm: 0.5rem;
18
- --jv-spacing-md: 1rem;
19
- --jv-spacing-lg: 1.5rem;
20
- --jv-spacing-xl: 2rem;
21
-
22
- --jv-radius-sm: 0.375rem;
23
- --jv-radius-md: 0.75rem;
24
- --jv-radius-lg: 1rem;
25
-
26
- --jv-breakpoint-sm: 640px;
27
- --jv-breakpoint-md: 768px;
28
- --jv-breakpoint-lg: 1024px;
29
- --jv-breakpoint-xl: 1280px;
30
-
31
- --jv-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.08);
32
- --jv-shadow-md: 0 10px 30px rgba(15, 23, 42, 0.08);
33
- --jv-shadow-lg: 0 20px 40px rgba(15, 23, 42, 0.16);
34
-
35
- --jv-density-control-height: 2.5rem;
36
- --jv-density-padding-y: 0.75rem;
37
- --jv-density-font-size: 0.95rem;
38
- }
39
-
40
- html[data-theme='dark'] {
41
- --jv-color-background: #020617;
42
- --jv-color-surface: #0f172a;
43
- --jv-color-surface-muted: #111c31;
44
- --jv-color-border: #243244;
45
- --jv-color-foreground: #e2e8f0;
46
- --jv-color-foreground-muted: #94a3b8;
47
- }
48
-
49
- html[data-theme='high-contrast'] {
50
- --jv-color-primary: #00ffff;
51
- --jv-color-secondary: #ffffff;
52
- --jv-color-success: #00ff00;
53
- --jv-color-warning: #ffff00;
54
- --jv-color-danger: #ff4d4d;
55
- --jv-color-info: #00ffff;
56
- --jv-color-background: #000000;
57
- --jv-color-surface: #000000;
58
- --jv-color-surface-muted: #111111;
59
- --jv-color-border: #ffffff;
60
- --jv-color-foreground: #ffffff;
61
- --jv-color-foreground-muted: #f5f5f5;
62
- }
63
-
64
- html[data-density='compact'] {
65
- --jv-density-control-height: 2rem;
66
- --jv-density-padding-y: 0.5rem;
67
- --jv-density-font-size: 0.875rem;
68
- }
69
-
70
- html[data-density='comfortable'] {
71
- --jv-density-control-height: 3rem;
72
- --jv-density-padding-y: 0.95rem;
73
- --jv-density-font-size: 1rem;
74
- }
75
-
76
- html,
77
- body {
78
- min-height: 100%;
79
- }
80
-
81
- body {
82
- margin: 0;
83
- background: var(--jv-color-background);
84
- color: var(--jv-color-foreground);
85
- font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
86
- font-size: var(--jv-density-font-size);
87
- }
88
-
89
- *,
90
- *::before,
91
- *::after {
92
- box-sizing: border-box;
93
- }
94
-
95
- button,
96
- input,
97
- select,
98
- textarea {
99
- font: inherit;
100
- }
101
-
102
- :focus-visible {
103
- outline: 2px solid var(--jv-color-primary);
104
- outline-offset: 2px;
105
- }
106
-
107
- .sr-only,
108
- .screen-reader-only {
109
- position: absolute;
110
- width: 1px;
111
- height: 1px;
112
- padding: 0;
113
- margin: -1px;
114
- overflow: hidden;
115
- clip: rect(0, 0, 0, 0);
116
- white-space: nowrap;
117
- border: 0;
118
- }
119
-
120
- .jv-icon {
121
- display: inline-block;
122
- vertical-align: middle;
123
- flex: none;
124
- }
125
-
126
- @media (prefers-reduced-motion: reduce) {
127
- *,
128
- *::before,
129
- *::after {
130
- animation-duration: 0.01ms !important;
131
- animation-iteration-count: 1 !important;
132
- scroll-behavior: auto !important;
133
- transition-duration: 0.01ms !important;
134
- }
135
- }
1
+ :root {
2
+ --jv-color-primary: #2563eb;
3
+ --jv-color-secondary: #475569;
4
+ --jv-color-success: #16a34a;
5
+ --jv-color-warning: #d97706;
6
+ --jv-color-danger: #dc2626;
7
+ --jv-color-info: #0891b2;
8
+
9
+ --jv-color-background: #f8fafc;
10
+ --jv-color-surface: #ffffff;
11
+ --jv-color-surface-muted: #f1f5f9;
12
+ --jv-color-border: #dbe3ef;
13
+ --jv-color-foreground: #0f172a;
14
+ --jv-color-foreground-muted: #475569;
15
+
16
+ --jv-spacing-xs: 0.25rem;
17
+ --jv-spacing-sm: 0.5rem;
18
+ --jv-spacing-md: 1rem;
19
+ --jv-spacing-lg: 1.5rem;
20
+ --jv-spacing-xl: 2rem;
21
+
22
+ --jv-radius-sm: 0.375rem;
23
+ --jv-radius-md: 0.75rem;
24
+ --jv-radius-lg: 1rem;
25
+
26
+ --jv-breakpoint-sm: 640px;
27
+ --jv-breakpoint-md: 768px;
28
+ --jv-breakpoint-lg: 1024px;
29
+ --jv-breakpoint-xl: 1280px;
30
+
31
+ --jv-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.08);
32
+ --jv-shadow-md: 0 10px 30px rgba(15, 23, 42, 0.08);
33
+ --jv-shadow-lg: 0 20px 40px rgba(15, 23, 42, 0.16);
34
+
35
+ --jv-density-control-height: 2.5rem;
36
+ --jv-density-padding-y: 0.75rem;
37
+ --jv-density-font-size: 0.95rem;
38
+ }
39
+
40
+ html[data-theme='dark'] {
41
+ --jv-color-background: #020617;
42
+ --jv-color-surface: #0f172a;
43
+ --jv-color-surface-muted: #111c31;
44
+ --jv-color-border: #243244;
45
+ --jv-color-foreground: #e2e8f0;
46
+ --jv-color-foreground-muted: #94a3b8;
47
+ }
48
+
49
+ html[data-theme='high-contrast'] {
50
+ --jv-color-primary: #00ffff;
51
+ --jv-color-secondary: #ffffff;
52
+ --jv-color-success: #00ff00;
53
+ --jv-color-warning: #ffff00;
54
+ --jv-color-danger: #ff4d4d;
55
+ --jv-color-info: #00ffff;
56
+ --jv-color-background: #000000;
57
+ --jv-color-surface: #000000;
58
+ --jv-color-surface-muted: #111111;
59
+ --jv-color-border: #ffffff;
60
+ --jv-color-foreground: #ffffff;
61
+ --jv-color-foreground-muted: #f5f5f5;
62
+ }
63
+
64
+ html[data-density='compact'] {
65
+ --jv-density-control-height: 2rem;
66
+ --jv-density-padding-y: 0.5rem;
67
+ --jv-density-font-size: 0.875rem;
68
+ }
69
+
70
+ html[data-density='comfortable'] {
71
+ --jv-density-control-height: 3rem;
72
+ --jv-density-padding-y: 0.95rem;
73
+ --jv-density-font-size: 1rem;
74
+ }
75
+
76
+ html,
77
+ body {
78
+ min-height: 100%;
79
+ }
80
+
81
+ body {
82
+ margin: 0;
83
+ background: var(--jv-color-background);
84
+ color: var(--jv-color-foreground);
85
+ font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
86
+ font-size: var(--jv-density-font-size);
87
+ }
88
+
89
+ *,
90
+ *::before,
91
+ *::after {
92
+ box-sizing: border-box;
93
+ }
94
+
95
+ button,
96
+ input,
97
+ select,
98
+ textarea {
99
+ font: inherit;
100
+ }
101
+
102
+ :focus-visible {
103
+ outline: 2px solid var(--jv-color-primary);
104
+ outline-offset: 2px;
105
+ }
106
+
107
+ .sr-only,
108
+ .screen-reader-only {
109
+ position: absolute;
110
+ width: 1px;
111
+ height: 1px;
112
+ padding: 0;
113
+ margin: -1px;
114
+ overflow: hidden;
115
+ clip: rect(0, 0, 0, 0);
116
+ white-space: nowrap;
117
+ border: 0;
118
+ }
119
+
120
+ .jv-icon {
121
+ display: inline-block;
122
+ vertical-align: middle;
123
+ flex: none;
124
+ }
125
+
126
+ @media (prefers-reduced-motion: reduce) {
127
+ *,
128
+ *::before,
129
+ *::after {
130
+ animation-duration: 0.01ms !important;
131
+ animation-iteration-count: 1 !important;
132
+ scroll-behavior: auto !important;
133
+ transition-duration: 0.01ms !important;
134
+ }
135
+ }