@wpic/ui 0.9.11 → 0.9.12
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/CHANGELOG.md +4 -0
- package/COMPONENTS.md +4 -0
- package/dist/wpic-ui.cjs +65 -65
- package/dist/wpic-ui.css +17 -7
- package/dist/wpic-ui.js +1989 -1972
- package/package.json +1 -1
- package/src/style.css +17 -7
package/dist/wpic-ui.css
CHANGED
|
@@ -436,17 +436,27 @@ input[type="range"].wpic-legacy-slider-themed::-webkit-slider-thumb {
|
|
|
436
436
|
.wpic-theme .wpic-modal-panel:not(.wpic-modal-panel--frameless) { background: var(--wpic-popover); color: var(--wpic-text); border-color: var(--wpic-border); }
|
|
437
437
|
/* Tooltips keep an inverse surface, independent of popover customization. */
|
|
438
438
|
.wpic-tooltip-panel {
|
|
439
|
-
background: #
|
|
440
|
-
color: #
|
|
441
|
-
border: 1px solid
|
|
442
|
-
border-radius:
|
|
443
|
-
padding:
|
|
439
|
+
background: #000;
|
|
440
|
+
color: #fff;
|
|
441
|
+
border: 1px solid var(--color-zinc-200, #e4e4e7);
|
|
442
|
+
border-radius: 6px;
|
|
443
|
+
padding: 0.5rem 0.75rem;
|
|
444
|
+
font-size: 0.875rem;
|
|
445
|
+
line-height: 1.25rem;
|
|
444
446
|
box-shadow: 0 5px 16px rgb(0 0 0 / 0.2);
|
|
445
447
|
}
|
|
448
|
+
/* The arrow is a rotated square; floating-ui positions it along the panel edge
|
|
449
|
+
and WTooltip pushes it -4px past the side opposite the resolved placement. */
|
|
450
|
+
.wpic-tooltip-arrow {
|
|
451
|
+
position: absolute;
|
|
452
|
+
width: 8px;
|
|
453
|
+
height: 8px;
|
|
454
|
+
background: #000;
|
|
455
|
+
transform: rotate(45deg);
|
|
456
|
+
}
|
|
446
457
|
.dark .wpic-tooltip-panel:not([data-wpic-theme="light"]),
|
|
447
458
|
.wpic-tooltip-panel[data-wpic-theme="dark"] {
|
|
448
|
-
|
|
449
|
-
border: 0;
|
|
459
|
+
border-color: var(--color-gray-900, #18181b);
|
|
450
460
|
}
|
|
451
461
|
.wpic-theme .wpic-modal-panel :is(.wpic\:text-zinc-900, .wpic\:text-zinc-800, .wpic\:text-zinc-700, .wpic\:text-zinc-200, .wpic\:text-zinc-100) { color: var(--wpic-text); }
|
|
452
462
|
.wpic-theme .wpic-modal-panel :is(.wpic\:text-zinc-500, .wpic\:text-zinc-400) { color: var(--wpic-dim); }
|