@wpic/ui 0.7.6 → 0.8.0

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## 0.8.0
+
+- Consolidate side panels into `WSlidePanel`; remove `WSidePanel`.
+- Migrate `:open` / `@close` to `:model-value` / `@update:model-value` (or `v-model`). CSS widths such as `500px` and existing width classes are supported.
+- Add `noPadding`, `hideHeader`, `subtitle` and `zIndex` for custom panel layouts. Keep `island` and the default 420px width.
+- Share scroll locking across open panels and restore the prior body overflow after the final close or unmount.
+- Respect both Studio's docked chat offset and Perform's Webber offset; constrain panels to the available viewport.
+
 # Changelog
 
 ## 0.7.6

package/COMPONENTS.md

@@ -491,25 +491,6 @@ size?: 'sm' | 'md' | 'lg'
 
 ---
 
-## WSidePanel
-
-**Import:** `import { WSidePanel } from '@wpic/ui'`
-
-**Props:**
-```ts
-open: boolean
-title?: string
-subtitle?: string
-width?: string   // e.g. '420px', '560px' — default 420px
-zIndex?: number  // default 50
-```
-
-**Emits:**
-```ts
-close: []
-```
-
----
 
 ## WSkeleton
 
@@ -556,7 +537,12 @@ size?: 'sm' | 'md' | 'lg'  // default 'md'
 ```ts
 modelValue: boolean
 title?: string
-width?: string
+width?: string // default: w-[420px]
+island?: boolean // inset by 12px, rounded corners, responsive viewport limit
+noPadding?: boolean
+hideHeader?: boolean
+subtitle?: string
+zIndex?: number // default 70
 ```
 
 **Emits:**

package/dist/components/WSlidePanel.vue.d.ts

@@ -1,22 +1,32 @@
-type __VLS_Props = {
+declare const _default: __VLS_WithSlots<import('vue').DefineComponent<{
     modelValue: boolean;
     title?: string;
     width?: string;
-};
-declare var __VLS_13: {}, __VLS_19: {}, __VLS_21: {};
-type __VLS_Slots = {} & {
-    header?: (props: typeof __VLS_13) => any;
-} & {
-    default?: (props: typeof __VLS_19) => any;
-} & {
-    footer?: (props: typeof __VLS_21) => any;
-};
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    island?: boolean;
+    noPadding?: boolean;
+    hideHeader?: boolean;
+    subtitle?: string;
+    zIndex?: number;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (v: boolean) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<{
+    modelValue: boolean;
+    title?: string;
+    width?: string;
+    island?: boolean;
+    noPadding?: boolean;
+    hideHeader?: boolean;
+    subtitle?: string;
+    zIndex?: number;
+}> & Readonly<{
     "onUpdate:modelValue"?: ((v: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    header?: (props: {}) => any;
+} & {
+    default?: (props: {}) => any;
+} & {
+    footer?: (props: {}) => any;
+}>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/index.d.ts

@@ -25,7 +25,6 @@ export { default as WSpinner } from './components/WSpinner.vue';
 export { default as WLoader } from './components/WLoader.vue';
 export { default as WToggle } from './components/WToggle.vue';
 export { default as WModal } from './components/WModal.vue';
-export { default as WSidePanel } from './components/WSidePanel.vue';
 export { default as Modal } from './components/Modal.vue';
 export { default as ToastContainer } from './components/ToastContainer.vue';
 export { default as WTabs } from './components/WTabs.vue';