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