mgv-backoffice 1.43.0 → 1.43.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/ui-lib.css +1 -1
- package/dist/ui-lib.js +3 -3
- package/dist/ui-lib.umd.cjs +1 -1
- package/package.json +1 -1
- package/src/components/BaseCredentialsForm.vue +241 -241
- package/src/components/BaseDetailList.test.ts +3 -3
- package/src/components/BaseDetailList.vue +5 -1
- package/src/components/BaseSpecFields.vue +1 -1
- package/src/components/noSharedResponsiveGrid.test.ts +30 -0
- package/src/style.css +96 -90
package/src/style.css
CHANGED
|
@@ -1,93 +1,99 @@
|
|
|
1
|
-
/* Brand typography, shipped by the library so every consumer renders the same:
|
|
2
|
-
Fira Sans for UI text, Fira Code for numerals/data. External @import (kept
|
|
3
|
-
first — CSS ignores @import after any other rule); consumers should add
|
|
4
|
-
<link rel="preconnect"> hints for fonts.googleapis.com / fonts.gstatic.com
|
|
5
|
-
in their index.html for faster first paint. */
|
|
6
|
-
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&family=Fira+Sans:wght@300;400;500;600;700&display=swap');
|
|
7
|
-
|
|
8
|
-
@import "tailwindcss";
|
|
9
|
-
|
|
10
|
-
/*
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
@
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
/*
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
--dp-
|
|
50
|
-
--dp-
|
|
51
|
-
--dp-
|
|
52
|
-
--dp-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
--dp-
|
|
56
|
-
--dp-
|
|
57
|
-
--dp-
|
|
58
|
-
--dp-
|
|
59
|
-
--dp-
|
|
60
|
-
--dp-
|
|
61
|
-
--dp-
|
|
62
|
-
--dp-
|
|
63
|
-
--dp-
|
|
64
|
-
--dp-
|
|
65
|
-
--dp-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
--dp-
|
|
69
|
-
--dp-
|
|
70
|
-
--dp-
|
|
71
|
-
--dp-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
--dp-
|
|
75
|
-
--dp-
|
|
76
|
-
--dp-
|
|
77
|
-
--dp-
|
|
78
|
-
--dp-
|
|
79
|
-
--dp-
|
|
80
|
-
--dp-
|
|
81
|
-
--dp-
|
|
82
|
-
--dp-
|
|
83
|
-
--dp-
|
|
84
|
-
--dp-
|
|
85
|
-
--dp-
|
|
86
|
-
--dp-
|
|
87
|
-
--dp-
|
|
88
|
-
--dp-
|
|
89
|
-
--dp-
|
|
90
|
-
|
|
1
|
+
/* Brand typography, shipped by the library so every consumer renders the same:
|
|
2
|
+
Fira Sans for UI text, Fira Code for numerals/data. External @import (kept
|
|
3
|
+
first — CSS ignores @import after any other rule); consumers should add
|
|
4
|
+
<link rel="preconnect"> hints for fonts.googleapis.com / fonts.gstatic.com
|
|
5
|
+
in their index.html for faster first paint. */
|
|
6
|
+
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&family=Fira+Sans:wght@300;400;500;600;700&display=swap');
|
|
7
|
+
|
|
8
|
+
@import "tailwindcss";
|
|
9
|
+
|
|
10
|
+
/* Only real component sources may contribute utilities to the shipped CSS.
|
|
11
|
+
Test files mention class names in assertions/comments, and anything Tailwind
|
|
12
|
+
finds there would ship and can override consumer utilities (the lib CSS is
|
|
13
|
+
imported after the consumer's own). */
|
|
14
|
+
@source not "./**/*.test.ts";
|
|
15
|
+
|
|
16
|
+
/* Register the fonts as the Tailwind theme defaults. The compiled stylesheet
|
|
17
|
+
re-declares theme variables in its :root, so in consumers that import this
|
|
18
|
+
file after their own `@import "tailwindcss"` these values win the cascade
|
|
19
|
+
for font-sans/font-mono utilities AND the body rule below. */
|
|
20
|
+
@theme {
|
|
21
|
+
--font-sans: 'Fira Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
|
|
22
|
+
--font-mono: 'Fira Code', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
/* Compile `dark:` variants against the `.dark` class that useTheme()/initTheme()
|
|
26
|
+
toggle on <html> — NOT the OS-level prefers-color-scheme media query
|
|
27
|
+
(Tailwind v4's default). Both consumers (TradeAutomation, WireMate) switch
|
|
28
|
+
themes with the class toggle, so media-gated dark rules leak the dark skin
|
|
29
|
+
into the light theme for users whose OS prefers dark.
|
|
30
|
+
Use a specificity-bearing selector (:is, not :where) so dark: utilities win
|
|
31
|
+
over plain base utilities like bg-slate-50 on a cascade tie. */
|
|
32
|
+
@custom-variant dark (&:is(.dark, .dark *));
|
|
33
|
+
|
|
34
|
+
/* Apply the brand font app-wide. Plain body rule (not preflight-dependent) so
|
|
35
|
+
it also styles consumers whose own Tailwind preflight came earlier. */
|
|
36
|
+
body {
|
|
37
|
+
font-family: var(--font-sans);
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
/* BaseDateTimePicker skin: re-point @vuepic/vue-datepicker's CSS variables at
|
|
41
|
+
the lib palette (emerald accent, slate surfaces — same as BaseInput). The
|
|
42
|
+
picker is third-party markup, so its variables are the only styling hook;
|
|
43
|
+
Tailwind utilities can't reach inside it. `html` prefix out-specifies the
|
|
44
|
+
package's own `.dp--theme-*` blocks regardless of stylesheet order. */
|
|
45
|
+
html .dp--theme-light,
|
|
46
|
+
html .dp--theme-dark {
|
|
47
|
+
--dp-font-family: var(--font-sans);
|
|
48
|
+
--dp-font-size: 0.875rem;
|
|
49
|
+
--dp-border-radius: 0.5rem; /* rounded-lg, like BaseInput */
|
|
50
|
+
--dp-cell-border-radius: 0.25rem;
|
|
51
|
+
--dp-input-padding: 8px 30px 8px 12px;
|
|
52
|
+
--dp-primary-text-color: #fff;
|
|
53
|
+
}
|
|
54
|
+
html .dp--theme-light {
|
|
55
|
+
--dp-background-color: #fff; /* white, like BaseInput */
|
|
56
|
+
--dp-text-color: #0f172a; /* slate-900 */
|
|
57
|
+
--dp-hover-color: #f1f5f9; /* slate-100 */
|
|
58
|
+
--dp-hover-text-color: #0f172a;
|
|
59
|
+
--dp-hover-icon-color: #64748b; /* slate-500 */
|
|
60
|
+
--dp-icon-color: #94a3b8; /* slate-400 */
|
|
61
|
+
--dp-primary-color: #059669; /* emerald-600 */
|
|
62
|
+
--dp-primary-disabled-color: #6ee7b7; /* emerald-300 */
|
|
63
|
+
--dp-secondary-color: #94a3b8;
|
|
64
|
+
--dp-border-color: #cbd5e1; /* slate-300 */
|
|
65
|
+
--dp-menu-border-color: #cbd5e1;
|
|
66
|
+
--dp-border-color-hover: #94a3b8;
|
|
67
|
+
--dp-border-color-focus: #10b981; /* emerald-500 */
|
|
68
|
+
--dp-highlight-color: rgb(16 185 129 / 0.12);
|
|
69
|
+
--dp-success-color: #10b981;
|
|
70
|
+
--dp-danger-color: #ef4444; /* red-500 */
|
|
71
|
+
--dp-marker-color: #ef4444;
|
|
72
|
+
}
|
|
73
|
+
html .dp--theme-dark {
|
|
74
|
+
--dp-background-color: #0f172a; /* slate-900 */
|
|
75
|
+
--dp-text-color: #f1f5f9; /* slate-100 */
|
|
76
|
+
--dp-hover-color: #1e293b; /* slate-800 */
|
|
77
|
+
--dp-hover-text-color: #f1f5f9;
|
|
78
|
+
--dp-hover-icon-color: #cbd5e1; /* slate-300 */
|
|
79
|
+
--dp-icon-color: #64748b; /* slate-500 */
|
|
80
|
+
--dp-primary-color: #059669; /* emerald-600 */
|
|
81
|
+
--dp-primary-disabled-color: #065f46; /* emerald-800 */
|
|
82
|
+
--dp-secondary-color: #64748b;
|
|
83
|
+
--dp-border-color: #475569; /* slate-600 */
|
|
84
|
+
--dp-menu-border-color: #334155; /* slate-700 */
|
|
85
|
+
--dp-border-color-hover: #64748b;
|
|
86
|
+
--dp-border-color-focus: #10b981; /* emerald-500 */
|
|
87
|
+
--dp-highlight-color: rgb(16 185 129 / 0.2);
|
|
88
|
+
--dp-disabled-color: #1e293b;
|
|
89
|
+
--dp-disabled-color-text: #64748b;
|
|
90
|
+
--dp-scroll-bar-background: #0f172a;
|
|
91
|
+
--dp-scroll-bar-color: #334155;
|
|
92
|
+
--dp-success-color: #10b981;
|
|
93
|
+
--dp-danger-color: #ef4444;
|
|
94
|
+
--dp-marker-color: #ef4444;
|
|
95
|
+
--dp-tooltip-color: #1e293b;
|
|
96
|
+
}
|
|
91
97
|
|
|
92
98
|
/* BaseSelect: rounded, themed dropdown panel. Opt-in customizable <select>
|
|
93
99
|
(appearance: base-select, Chromium 135+); other browsers keep the native
|