@wpic/ui 0.9.4 → 0.9.6

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## 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.
+
 ## 0.9.4
 
 - WCard: reduce body vertical padding independently of horizontal spacing (sm: 8/12px, md: 12/16px, lg: 16/24px).

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
@@ -784,3 +790,5 @@ For a shorter metric card, use `compact`. Use `changePosition="label"` to align
 ### Localization options (0.6.6)
 
 WTable accepts `labels` (`loading`, `results`, `of`, `item`, `items`, `previous`, `next`) and `loadingSpinner=false` for plain loading text. Existing `emptyText` and `searchPlaceholder` remain available. WSelect accepts `searchPlaceholder`, `selectAllLabel`, `clearLabel` and `noResultsLabel`; WFilterBar forwards `selectLabels` to its selects. WDateRangePicker accepts `locale`, `applyLabel`, `previousMonthLabel`, `nextMonthLabel` in addition to translated `presets`, `ariaLabel`, `clearLabel` and `placeholder`.
+
+WSelect popovers support `popoverAutoPlacement` to choose the side with the most room and `popoverMinHeight` for a viewport-clamped minimum height. Set `popoverWidth` for compact triggers with longer menu labels.

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/WSelect.vue.d.ts

@@ -35,6 +35,10 @@ type __VLS_Props = {
     popoverWidth?: string;
     popoverPlacement?: 'top' | 'bottom' | 'left' | 'right' | 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';
     popoverFlip?: boolean;
+    /** Let Floating UI choose the side with the most available space. */
+    popoverAutoPlacement?: boolean;
+    /** Optional usable panel height, clamped to the available viewport. */
+    popoverMinHeight?: string;
     popoverMaxHeight?: string;
 };
 declare var __VLS_42: {

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;