@wpic/ui 0.3.5 → 0.3.7

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wpic/ui",
3
- "version": "0.3.5",
3
+ "version": "0.3.7",
4
4
  "type": "module",
5
5
  "description": "WPIC shared Vue 3 component library",
6
6
  "publishConfig": {
package/src/style.css CHANGED
@@ -56,6 +56,21 @@
56
56
  .border-strong { border-color: var(--border-strong); }
57
57
  .border-hover { border-color: var(--border-hover); }
58
58
 
59
+ /* WCard owns its border colors. This avoids a missing host Tailwind utility
60
+ falling back to currentColor and producing a black header separator. */
61
+ .wpic-card--bordered {
62
+ border: 1px solid var(--border-strong);
63
+ }
64
+ .wpic-card--borderless {
65
+ border: 0;
66
+ }
67
+ .wpic-card__header {
68
+ border-bottom: 1px solid var(--border-subtle);
69
+ }
70
+ .wpic-card__footer {
71
+ border-top: 1px solid var(--border-subtle);
72
+ }
73
+
59
74
  /* ── Text ─────────────────────────────────────────────────────────────── */
60
75
  .text-main { color: var(--text-main); }
61
76
  .text-muted { color: var(--text-muted); }
@@ -155,16 +170,11 @@
155
170
  width: 1.25rem; height: 1.25rem;
156
171
  border-radius: 9999px;
157
172
  border: 2px solid var(--border-strong);
158
- border-top-color: #6366f1;
173
+ border-top-color: transparent;
159
174
  animation: wpic-spin 0.7s linear infinite;
160
175
  }
161
176
 
162
177
  .wpic-spinner {
163
- display: inline-block;
164
- width: 1.75rem; height: 1.75rem;
165
- border-radius: 9999px;
166
- border: 3px solid var(--border-strong);
167
- border-top-color: #85C531;
168
178
  animation: wpic-spin 0.75s linear infinite;
169
179
  }
170
180