@wpic/ui 0.9.5 → 0.9.7

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## 0.9.7
+
+- WDatePicker: choose the side with the most available viewport space by default, keep adapting while open, and expose preferred/forced popover placement controls.
+
+## 0.9.6
+
+- WButton and WSplitButton: add ghost-transparent for inherited foreground, translucent hover surfaces, and subdued resting opacity on colored backgrounds.
+
 ## 0.9.5
 
 - WSelect: expose automatic popover placement and a viewport-clamped minimum height; keep search and selection controls fixed while only the options list scrolls.

package/COMPONENTS.md

@@ -189,11 +189,17 @@ Slots: default (body or standalone message), `actions`. Emits `close`. Warnings
 
 ## WButton
 
+Use `variant="ghost-transparent"` for controls over colored surfaces. It inherits
+the surface foreground, has no resting background, and uses the same translucent
+gray hover background (`#80808026`) in light and dark themes. Opacity is 60% at
+rest and 100% on hover or keyboard focus. Disabled/loading retain disabled styling.
+Unlike `ghost`, it does not use an opaque theme surface on hover.
+
 **Import:** `import { WButton } from '@wpic/ui'`
 
 **Props:**
 ```ts
-variant?: 'primary' | 'secondary' | 'destructive' | 'ghost' | 'outline'
+variant?: 'primary' | 'secondary' | 'destructive' | 'ghost' | 'ghost-transparent' | 'outline'
 size?: 'xs' | 'sm' | 'md' | 'lg'
 loading?: boolean
 disabled?: boolean
@@ -446,7 +452,7 @@ slot and the menu entries via `options`.
 **Props:**
 ```ts
 options: WSplitButtonOption[]   // { value: string, label: string, icon?: object | Function, disabled?: boolean }
-variant?: 'primary' | 'secondary' | 'subtle' | 'destructive' | 'ghost' | 'outline'
+variant?: 'primary' | 'secondary' | 'subtle' | 'destructive' | 'ghost' | 'ghost-transparent' | 'outline'
 size?: 'xs' | 'sm' | 'md' | 'lg'
 icon?: object | Function        // icon for the primary button
 disabled?: boolean

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

@@ -1,5 +1,5 @@
 type __VLS_Props = {
-    variant?: 'primary' | 'secondary' | 'subtle' | 'destructive' | 'ghost' | 'outline';
+    variant?: 'primary' | 'secondary' | 'subtle' | 'destructive' | 'ghost' | 'ghost-transparent' | 'outline';
     size?: 'xs' | 'sm' | 'md' | 'lg';
     loading?: boolean;
     disabled?: boolean;

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

@@ -1,3 +1,4 @@
+import { Placement } from '@floating-ui/vue';
 type __VLS_Props = {
     modelValue?: string | null;
     min?: string;
@@ -12,6 +13,12 @@ type __VLS_Props = {
     disabled?: boolean;
     clearable?: boolean;
     clearLabel?: string;
+    /** Preferred side. When omitted, Floating UI chooses the side with the most room. */
+    popoverPlacement?: Placement;
+    /** Override automatic placement. Defaults to true unless popoverPlacement is provided. */
+    popoverAutoPlacement?: boolean;
+    /** Allow a preferred placement to flip to its opposite side. */
+    popoverFlip?: boolean;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
@@ -26,6 +33,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     placeholder: string;
     clearable: boolean;
     clearLabel: string;
+    popoverFlip: boolean;
     ariaLabel: string;
     locale: string;
     weekStartsOn: 0 | 1;

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

@@ -6,7 +6,7 @@ export interface WSplitButtonOption {
 }
 type __VLS_Props = {
     options: WSplitButtonOption[];
-    variant?: 'primary' | 'secondary' | 'subtle' | 'destructive' | 'ghost' | 'outline';
+    variant?: 'primary' | 'secondary' | 'subtle' | 'destructive' | 'ghost' | 'ghost-transparent' | 'outline';
     size?: 'xs' | 'sm' | 'md' | 'lg';
     icon?: object | Function;
     disabled?: boolean;