@wpic/ui 0.9.8 → 0.9.9
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 +9 -0
- package/COMPONENTS.md +8 -0
- package/dist/components/WModal.vue.d.ts +2 -0
- package/dist/wpic-ui.cjs +1 -1
- package/dist/wpic-ui.css +1 -1
- package/dist/wpic-ui.js +6 -3
- package/package.json +1 -1
- package/src/style.css +1 -1
package/dist/wpic-ui.css
CHANGED
|
@@ -433,7 +433,7 @@ input[type="range"].wpic-legacy-slider-themed::-webkit-slider-thumb {
|
|
|
433
433
|
.wpic-theme .wpic-segmented-control .wpic-segmented-control__button--active,
|
|
434
434
|
.wpic-theme .wpic-segmented-control .wpic-segmented-control__button--active:hover:not(:disabled) { color: var(--wpic-text); background: var(--wpic-segment-active); box-shadow: var(--wpic-segment-shadow); }
|
|
435
435
|
.wpic-theme .wpic-segmented-control .wpic-segmented-control__button:focus-visible { outline: 1px solid var(--wpic-accent); box-shadow: 0 0 0 3px var(--wpic-focus-ring); }
|
|
436
|
-
.wpic-theme .wpic-modal-panel { background: var(--wpic-popover); color: var(--wpic-text); border-color: var(--wpic-border); }
|
|
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
439
|
background: #242720;
|
package/dist/wpic-ui.js
CHANGED
|
@@ -3663,7 +3663,9 @@ const R6 = {
|
|
|
3663
3663
|
size: {},
|
|
3664
3664
|
zIndex: {},
|
|
3665
3665
|
hideClose: { type: Boolean },
|
|
3666
|
-
noPadding: { type: Boolean }
|
|
3666
|
+
noPadding: { type: Boolean },
|
|
3667
|
+
frameless: { type: Boolean },
|
|
3668
|
+
ariaLabel: {}
|
|
3667
3669
|
},
|
|
3668
3670
|
emits: ["close"],
|
|
3669
3671
|
setup(n, { emit: w }) {
|
|
@@ -3679,11 +3681,12 @@ const R6 = {
|
|
|
3679
3681
|
i("div", {
|
|
3680
3682
|
role: "dialog",
|
|
3681
3683
|
"aria-modal": "true",
|
|
3682
|
-
"aria-label": n.title,
|
|
3684
|
+
"aria-label": n.ariaLabel || n.title,
|
|
3683
3685
|
onMousedown: o[1] || (o[1] = f1(() => {
|
|
3684
3686
|
}, ["stop"])),
|
|
3685
3687
|
class: g([
|
|
3686
|
-
"wpic-modal-panel wpic:w-full wpic:mx-auto wpic:
|
|
3688
|
+
"wpic-modal-panel wpic:w-full wpic:mx-auto wpic:flex wpic:flex-col",
|
|
3689
|
+
n.frameless ? "wpic-modal-panel--frameless" : "wpic:bg-white wpic:dark:bg-zinc-900 wpic:rounded-xl wpic:border wpic:border-zinc-200 wpic:dark:border-zinc-800 wpic:shadow-2xl",
|
|
3687
3690
|
n.size === "sm" ? "wpic-modal-sm" : n.size === "lg" ? "wpic-modal-lg" : n.size === "xl" ? "wpic-modal-xl" : n.size === "2xl" ? "wpic-modal-2xl" : n.size === "full" ? "wpic-modal-full" : "wpic-modal-md"
|
|
3688
3691
|
])
|
|
3689
3692
|
}, [
|
package/package.json
CHANGED
package/src/style.css
CHANGED
|
@@ -432,7 +432,7 @@ input[type="range"].wpic-legacy-slider-themed::-webkit-slider-thumb {
|
|
|
432
432
|
.wpic-theme .wpic-segmented-control .wpic-segmented-control__button--active,
|
|
433
433
|
.wpic-theme .wpic-segmented-control .wpic-segmented-control__button--active:hover:not(:disabled) { color: var(--wpic-text); background: var(--wpic-segment-active); box-shadow: var(--wpic-segment-shadow); }
|
|
434
434
|
.wpic-theme .wpic-segmented-control .wpic-segmented-control__button:focus-visible { outline: 1px solid var(--wpic-accent); box-shadow: 0 0 0 3px var(--wpic-focus-ring); }
|
|
435
|
-
.wpic-theme .wpic-modal-panel { background: var(--wpic-popover); color: var(--wpic-text); border-color: var(--wpic-border); }
|
|
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
438
|
background: #242720;
|