@xleddyl/443-components-vue 0.8.0 → 0.8.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.
Files changed (150) hide show
  1. package/README.md +38 -2
  2. package/dist/chart/BarChart.vue +33 -22
  3. package/dist/chart/BarChart.vue.d.ts +4 -0
  4. package/dist/chart/chart.css +2 -2
  5. package/dist/chart/useChartColors.mjs +8 -8
  6. package/dist/components/core/Button.vue.d.ts +1 -1
  7. package/dist/components/core/Input.vue.d.ts +1 -1
  8. package/dist/components/core/Textarea.vue.d.ts +1 -1
  9. package/dist/components/core/types.d.ts +1 -1
  10. package/dist/components/data/Badge.vue.d.ts +1 -1
  11. package/dist/components/data/FilterPills.vue +43 -4
  12. package/dist/components/data/FilterPills.vue.d.ts +4 -1
  13. package/dist/components/data/Pagination.vue +55 -0
  14. package/dist/components/data/Pagination.vue.d.ts +10 -0
  15. package/dist/components/data/Tag.vue.d.ts +1 -1
  16. package/dist/components/data/Tree.vue.d.ts +1 -1
  17. package/dist/components/data/types.d.ts +1 -0
  18. package/dist/components/feedback/Meter.vue.d.ts +1 -1
  19. package/dist/components/feedback/Progress.vue.d.ts +1 -1
  20. package/dist/components/feedback/ProgressRing.vue.d.ts +1 -1
  21. package/dist/components/forms/Calendar.vue +31 -7
  22. package/dist/components/forms/Calendar.vue.d.ts +13 -2
  23. package/dist/components/forms/ColorInput.vue.d.ts +1 -1
  24. package/dist/components/forms/DateInput.vue.d.ts +2 -2
  25. package/dist/components/forms/DatePicker.vue.d.ts +1 -1
  26. package/dist/components/forms/FileInput.vue.d.ts +1 -1
  27. package/dist/components/forms/NumberInput.vue.d.ts +1 -1
  28. package/dist/components/forms/PasswordInput.vue.d.ts +1 -1
  29. package/dist/components/forms/PinInput.vue.d.ts +1 -1
  30. package/dist/components/forms/Select.vue.d.ts +1 -1
  31. package/dist/components/forms/Slider.vue.d.ts +1 -1
  32. package/dist/components/forms/Switch.vue.d.ts +1 -1
  33. package/dist/components/forms/TimeInput.vue.d.ts +1 -1
  34. package/dist/components/layout/AppShell.vue +4 -2
  35. package/dist/components/layout/AppShell.vue.d.ts +2 -0
  36. package/dist/components/layout/CopyButton.vue.d.ts +1 -1
  37. package/dist/components/layout/PageHeader.vue +15 -3
  38. package/dist/components/layout/PageHeader.vue.d.ts +5 -0
  39. package/dist/components/layout/Separator.vue +17 -4
  40. package/dist/components/layout/Separator.vue.d.ts +7 -1
  41. package/dist/components/layout/Tabs.vue +10 -0
  42. package/dist/components/layout/types.d.ts +3 -0
  43. package/dist/components/overlays/ConfirmDialog.vue.d.ts +6 -2
  44. package/dist/components/overlays/ConfirmHost.vue.d.ts +6 -2
  45. package/dist/components/overlays/ContextMenu.vue.d.ts +2 -0
  46. package/dist/components/overlays/DropdownMenu.vue +5 -1
  47. package/dist/components/overlays/DropdownMenu.vue.d.ts +6 -0
  48. package/dist/components/overlays/Modal.vue +9 -2
  49. package/dist/components/overlays/Modal.vue.d.ts +4 -0
  50. package/dist/components/templates/DashboardLayout.vue +2 -0
  51. package/dist/components/templates/DashboardLayout.vue.d.ts +2 -0
  52. package/dist/components/templates/SettingsModal.vue.d.ts +6 -2
  53. package/dist/components/templates/types.d.ts +1 -0
  54. package/dist/composables/useForm.d.ts +16 -1
  55. package/dist/composables/useForm.mjs +31 -6
  56. package/dist/editor/RichTextEditor.vue +13 -1
  57. package/dist/editor/RichTextEditor.vue.d.ts +1 -1
  58. package/dist/editor/rich-text-editor.css +10 -4
  59. package/dist/editor/types.d.ts +1 -1
  60. package/dist/grid/DataGrid.vue +62 -8
  61. package/dist/grid/DataGrid.vue.d.ts +10 -2
  62. package/dist/grid/cells/DateCell.vue +18 -3
  63. package/dist/grid/data-grid.css +1 -1
  64. package/dist/grid/index.d.ts +1 -1
  65. package/dist/grid/index.mjs +1 -1
  66. package/dist/grid/modules.d.ts +1 -0
  67. package/dist/grid/modules.mjs +9 -0
  68. package/dist/grid/theme.mjs +7 -6
  69. package/dist/grid/types.d.ts +1 -0
  70. package/dist/icons/builtin.d.ts +3 -0
  71. package/dist/icons/builtin.mjs +3 -0
  72. package/dist/index.d.ts +2 -2
  73. package/dist/index.mjs +2 -1
  74. package/dist/internal/core/intl.d.ts +2 -0
  75. package/dist/internal/core/intl.mjs +17 -0
  76. package/dist/internal/keys.d.ts +2 -1
  77. package/dist/internal/keys.mjs +1 -0
  78. package/dist/internal/overlays/MenuList.vue +4 -2
  79. package/dist/internal/overlays/MenuList.vue.d.ts +2 -0
  80. package/dist/internal/overlays/OverlayView.vue.d.ts +6 -2
  81. package/dist/locale/de.d.ts +2 -0
  82. package/dist/locale/de.mjs +362 -0
  83. package/dist/locale/en.mjs +10 -2
  84. package/dist/locale/index.d.ts +2 -1
  85. package/dist/locale/index.mjs +3 -2
  86. package/dist/locale/it.mjs +10 -2
  87. package/dist/locale/types.d.ts +8 -0
  88. package/dist/nuxt/runtime/layouts/dashboard.vue +1 -0
  89. package/dist/styles/base.css +2 -1
  90. package/dist/styles/core/button.css +42 -16
  91. package/dist/styles/core/form-field.css +1 -1
  92. package/dist/styles/core/input.css +2 -2
  93. package/dist/styles/core/kbd.css +1 -1
  94. package/dist/styles/data/avatar.css +1 -1
  95. package/dist/styles/data/badge.css +40 -24
  96. package/dist/styles/data/description-list.css +2 -2
  97. package/dist/styles/data/filter-pills.css +24 -3
  98. package/dist/styles/data/pagination.css +26 -3
  99. package/dist/styles/data/selection-bar.css +1 -1
  100. package/dist/styles/data/stat.css +4 -4
  101. package/dist/styles/data/table.css +4 -4
  102. package/dist/styles/data/tag.css +1 -1
  103. package/dist/styles/data/timeline.css +1 -1
  104. package/dist/styles/data/tree.css +2 -2
  105. package/dist/styles/feedback/empty-state.css +1 -1
  106. package/dist/styles/feedback/loading-host.css +1 -1
  107. package/dist/styles/feedback/loading-overlay.css +1 -1
  108. package/dist/styles/feedback/meter.css +1 -1
  109. package/dist/styles/feedback/progress.css +2 -2
  110. package/dist/styles/forced-colors.css +6 -1
  111. package/dist/styles/forms/calendar.css +30 -3
  112. package/dist/styles/forms/checkbox.css +1 -1
  113. package/dist/styles/forms/choice.css +1 -1
  114. package/dist/styles/forms/combobox.css +2 -2
  115. package/dist/styles/forms/file-input.css +1 -1
  116. package/dist/styles/forms/password-input.css +1 -1
  117. package/dist/styles/forms/pin-input.css +1 -1
  118. package/dist/styles/forms/radio.css +1 -1
  119. package/dist/styles/forms/segmented.css +2 -2
  120. package/dist/styles/forms/select.css +2 -2
  121. package/dist/styles/forms/slider.css +1 -1
  122. package/dist/styles/forms/switch.css +4 -4
  123. package/dist/styles/layout/accordion.css +2 -2
  124. package/dist/styles/layout/app-shell.css +18 -6
  125. package/dist/styles/layout/breadcrumbs.css +3 -3
  126. package/dist/styles/layout/card.css +1 -1
  127. package/dist/styles/layout/nav-link.css +1 -1
  128. package/dist/styles/layout/page-header.css +21 -1
  129. package/dist/styles/layout/separator.css +21 -1
  130. package/dist/styles/layout/sidebar.css +1 -1
  131. package/dist/styles/layout/tabs.css +30 -1
  132. package/dist/styles/layout/theme-switch.css +1 -1
  133. package/dist/styles/overlays/command.css +3 -3
  134. package/dist/styles/overlays/drawer.css +4 -3
  135. package/dist/styles/overlays/floating.css +2 -2
  136. package/dist/styles/overlays/menu.css +5 -1
  137. package/dist/styles/overlays/modal.css +13 -10
  138. package/dist/styles/overlays/toast.css +3 -3
  139. package/dist/styles/overlays/tooltip.css +26 -8
  140. package/dist/styles/shared.css +2 -2
  141. package/dist/styles/templates/account-menu.css +1 -1
  142. package/dist/styles/templates/auth-layout.css +4 -4
  143. package/dist/styles/templates/brand.css +2 -2
  144. package/dist/styles/templates/dashboard-page.css +1 -1
  145. package/dist/styles/templates/empty-page.css +3 -3
  146. package/dist/styles/templates/error-page.css +1 -1
  147. package/dist/styles/templates/save-bar.css +1 -1
  148. package/dist/styles/templates/settings-modal.css +6 -6
  149. package/dist/styles/utilities.css +3 -3
  150. package/package.json +1 -1
@@ -21,7 +21,7 @@
21
21
  padding-inline: 0.5rem;
22
22
  border-radius: var(--k-radius-md);
23
23
  font-size: 0.8125rem;
24
- font-weight: 450;
24
+ font-weight: max(var(--k-font-weight, 400), 450);
25
25
  color: var(--k-text-toned);
26
26
  text-decoration: none;
27
27
  transition:
@@ -49,7 +49,7 @@
49
49
  ) {
50
50
  background: var(--k-surface);
51
51
  box-shadow: var(--k-shadow-raised);
52
- font-weight: 500;
52
+ font-weight: var(--k-font-weight-medium, 500);
53
53
  color: var(--k-text);
54
54
  }
55
55
 
@@ -42,7 +42,7 @@
42
42
  .k-account-name {
43
43
  overflow-x: clip;
44
44
  font-size: 0.8125rem;
45
- font-weight: 500;
45
+ font-weight: var(--k-font-weight-medium, 500);
46
46
  text-overflow: ellipsis;
47
47
  white-space: nowrap;
48
48
  color: var(--k-text);
@@ -16,7 +16,7 @@
16
16
  background: var(--k-elevated);
17
17
  box-shadow: var(--k-shadow-overlay);
18
18
  font-size: 0.8125rem;
19
- font-weight: 500;
19
+ font-weight: var(--k-font-weight-medium, 500);
20
20
  color: var(--k-text);
21
21
  text-decoration: none;
22
22
  }
@@ -64,7 +64,7 @@
64
64
 
65
65
  .k-auth-title {
66
66
  font-size: 1.375rem;
67
- font-weight: 650;
67
+ font-weight: var(--k-font-weight-display, 650);
68
68
  line-height: 1.2;
69
69
  letter-spacing: -0.022em;
70
70
  color: var(--k-text);
@@ -105,7 +105,7 @@
105
105
  }
106
106
 
107
107
  .k-auth-links a {
108
- font-weight: 500;
108
+ font-weight: var(--k-font-weight-medium, 500);
109
109
  color: var(--k-accent-text);
110
110
  text-decoration: none;
111
111
  }
@@ -204,7 +204,7 @@
204
204
 
205
205
  .k-auth-quote-title {
206
206
  font-size: 1.5rem;
207
- font-weight: 600;
207
+ font-weight: var(--k-font-weight-strong, 600);
208
208
  line-height: 1.25;
209
209
  letter-spacing: -0.022em;
210
210
  }
@@ -40,7 +40,7 @@
40
40
 
41
41
  .k-brand-initial {
42
42
  font-size: 0.8125rem;
43
- font-weight: 650;
43
+ font-weight: var(--k-font-weight-display, 650);
44
44
  line-height: 1;
45
45
  }
46
46
 
@@ -78,7 +78,7 @@
78
78
  .k-brand-name {
79
79
  overflow-x: clip;
80
80
  font-size: 0.875rem;
81
- font-weight: 600;
81
+ font-weight: var(--k-font-weight-strong, 600);
82
82
  letter-spacing: -0.01em;
83
83
  text-overflow: ellipsis;
84
84
  white-space: nowrap;
@@ -1,6 +1,6 @@
1
1
  .k-dashboard-page-eyebrow {
2
2
  font-size: 0.75rem;
3
- font-weight: 500;
3
+ font-weight: var(--k-font-weight-medium, 500);
4
4
  color: var(--k-accent-text);
5
5
  }
6
6
 
@@ -57,7 +57,7 @@
57
57
 
58
58
  .k-empty-page-title {
59
59
  font-size: 1.375rem;
60
- font-weight: 650;
60
+ font-weight: var(--k-font-weight-display, 650);
61
61
  line-height: 1.2;
62
62
  letter-spacing: -0.022em;
63
63
  color: var(--k-text);
@@ -130,7 +130,7 @@
130
130
  border-radius: var(--k-radius-full);
131
131
  background: var(--k-fill);
132
132
  font-size: 0.75rem;
133
- font-weight: 600;
133
+ font-weight: var(--k-font-weight-strong, 600);
134
134
  font-variant-numeric: tabular-nums;
135
135
  color: var(--k-text-muted);
136
136
  }
@@ -149,7 +149,7 @@
149
149
 
150
150
  .k-empty-page-step-title {
151
151
  font-size: 0.8125rem;
152
- font-weight: 500;
152
+ font-weight: var(--k-font-weight-medium, 500);
153
153
  color: var(--k-text);
154
154
  text-decoration: none;
155
155
  }
@@ -55,7 +55,7 @@
55
55
 
56
56
  .k-error-title {
57
57
  font-size: 1.375rem;
58
- font-weight: 650;
58
+ font-weight: var(--k-font-weight-display, 650);
59
59
  line-height: 1.2;
60
60
  letter-spacing: -0.022em;
61
61
  color: var(--k-text);
@@ -33,7 +33,7 @@
33
33
  flex: 1;
34
34
  min-width: 0;
35
35
  font-size: 0.8125rem;
36
- font-weight: 500;
36
+ font-weight: var(--k-font-weight-medium, 500);
37
37
  color: var(--k-text);
38
38
  }
39
39
 
@@ -65,7 +65,7 @@
65
65
  margin: 0.875rem 0 0.25rem;
66
66
  padding-inline: 0.5rem;
67
67
  font-size: 0.75rem;
68
- font-weight: 500;
68
+ font-weight: var(--k-font-weight-medium, 500);
69
69
  color: var(--k-text-muted);
70
70
  }
71
71
 
@@ -163,7 +163,7 @@
163
163
 
164
164
  .k-settings-modal-title {
165
165
  font-size: 0.9375rem;
166
- font-weight: 600;
166
+ font-weight: var(--k-font-weight-strong, 600);
167
167
  line-height: 1.3;
168
168
  letter-spacing: -0.015em;
169
169
  color: var(--k-text);
@@ -211,7 +211,7 @@
211
211
  .k-settings-modal-account-name {
212
212
  overflow-x: clip;
213
213
  font-size: 0.875rem;
214
- font-weight: 500;
214
+ font-weight: var(--k-font-weight-medium, 500);
215
215
  text-overflow: ellipsis;
216
216
  white-space: nowrap;
217
217
  color: var(--k-text);
@@ -254,7 +254,7 @@
254
254
  font-family: var(--k-font-sans);
255
255
  font-size: 0.875rem;
256
256
  line-height: 1.3;
257
- font-weight: 500;
257
+ font-weight: var(--k-font-weight-medium, 500);
258
258
  letter-spacing: normal;
259
259
  color: var(--k-text);
260
260
  }
@@ -396,7 +396,7 @@
396
396
  .k-appearance-sample {
397
397
  font-family: var(--k-font-display, var(--k-font-sans));
398
398
  font-size: 1.125rem;
399
- font-weight: 650;
399
+ font-weight: var(--k-font-weight-display, 650);
400
400
  line-height: 1;
401
401
  letter-spacing: -0.02em;
402
402
  color: var(--k-text);
@@ -409,7 +409,7 @@
409
409
  gap: 0.375rem;
410
410
  padding: 0 0.25rem;
411
411
  font-size: 0.8125rem;
412
- font-weight: 500;
412
+ font-weight: var(--k-font-weight-medium, 500);
413
413
  color: var(--k-text-toned);
414
414
  }
415
415
 
@@ -22,20 +22,20 @@
22
22
  }
23
23
 
24
24
  .k-title {
25
- font-weight: 600;
25
+ font-weight: var(--k-font-weight-strong, 600);
26
26
  letter-spacing: -0.015em;
27
27
  color: var(--k-text);
28
28
  }
29
29
 
30
30
  .k-display {
31
- font-weight: 650;
31
+ font-weight: var(--k-font-weight-display, 650);
32
32
  letter-spacing: -0.025em;
33
33
  color: var(--k-text);
34
34
  }
35
35
 
36
36
  .k-label {
37
37
  font-size: 0.75rem;
38
- font-weight: 500;
38
+ font-weight: var(--k-font-weight-medium, 500);
39
39
  line-height: 1.4;
40
40
  color: var(--k-text-muted);
41
41
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xleddyl/443-components-vue",
3
- "version": "0.8.0",
3
+ "version": "0.8.2",
4
4
  "description": "Compact, scoped dashboard components for Vue and Nuxt",
5
5
  "license": "MIT",
6
6
  "author": "Edoardo Alberti (https://github.com/xleddyl)",