vue-dockable-desktop 1.7.2 → 1.8.0
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 +49 -0
- package/dist/components/VddAlert.vue.d.ts +19 -0
- package/dist/components/VddConfirm.vue.d.ts +7 -0
- package/dist/components/VddDialogIcon.vue.d.ts +16 -0
- package/dist/composables/useOverlays.d.ts +30 -0
- package/dist/core/messages.d.ts +8 -0
- package/dist/index.cjs +2 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.js +287 -150
- package/dist/index.js.map +1 -1
- package/dist/styles.css +32 -3
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -2996,16 +2996,45 @@ html.vdd-no-animations [class*="vdd-"]::after {
|
|
|
2996
2996
|
}
|
|
2997
2997
|
|
|
2998
2998
|
/* The message body. rdd set these three values inline on the JSX, together with an <hr>
|
|
2999
|
-
that existed only to draw a separator — so a consumer could restyle neither (D12).
|
|
3000
|
-
separator is this element's own border-bottom, which is one element instead of two and
|
|
3001
|
-
leaves the spacing to the flex gap above. */
|
|
2999
|
+
that existed only to draw a separator — so a consumer could restyle neither (D12). */
|
|
3002
3000
|
.vdd-confirmation-message {
|
|
3003
3001
|
font-size: 0.9rem;
|
|
3004
3002
|
line-height: 1.5;
|
|
3005
3003
|
color: inherit;
|
|
3004
|
+
}
|
|
3005
|
+
|
|
3006
|
+
/* The row holding the icon and the message (1.8.0). The separator is this row's own
|
|
3007
|
+
border-bottom — one element instead of rdd's <hr>, leaving the spacing to the flex gap above —
|
|
3008
|
+
so it spans the icon as well as the text. Before 1.8.0 it was the message's own border. */
|
|
3009
|
+
.vdd-dialog-content {
|
|
3010
|
+
display: flex;
|
|
3011
|
+
align-items: flex-start;
|
|
3012
|
+
gap: 0.75rem;
|
|
3006
3013
|
padding-bottom: 0.5rem;
|
|
3007
3014
|
border-bottom: 1px solid var(--vdd-sidebar-border, rgba(255, 255, 255, 0.08));
|
|
3008
3015
|
}
|
|
3016
|
+
.vdd-dialog-content > .vdd-confirmation-message {
|
|
3017
|
+
flex: 1;
|
|
3018
|
+
min-width: 0;
|
|
3019
|
+
}
|
|
3020
|
+
|
|
3021
|
+
/* The icon left of the message: 24px, coloured by type with the toast tokens. */
|
|
3022
|
+
.vdd-dialog-icon {
|
|
3023
|
+
flex: none;
|
|
3024
|
+
display: flex;
|
|
3025
|
+
align-items: center;
|
|
3026
|
+
justify-content: center;
|
|
3027
|
+
width: 24px;
|
|
3028
|
+
height: 24px;
|
|
3029
|
+
}
|
|
3030
|
+
.vdd-dialog-icon > svg {
|
|
3031
|
+
width: 100%;
|
|
3032
|
+
height: 100%;
|
|
3033
|
+
}
|
|
3034
|
+
.vdd-dialog-icon-info { color: var(--vdd-toast-info-color); }
|
|
3035
|
+
.vdd-dialog-icon-success { color: var(--vdd-toast-success-color); }
|
|
3036
|
+
.vdd-dialog-icon-warning { color: var(--vdd-toast-warning-color); }
|
|
3037
|
+
.vdd-dialog-icon-danger { color: var(--vdd-toast-error-color); }
|
|
3009
3038
|
|
|
3010
3039
|
.vdd-confirmation-actions {
|
|
3011
3040
|
display: flex;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "vue-dockable-desktop",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.8.0",
|
|
4
4
|
"description": "Vue 3 port of react-dockable-desktop — a dockable layout engine with split docking, tabbed groups, floating windows and zero-unmount panel persistence.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|