@varlet/ui 3.16.0 → 3.16.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "3.16.0",
+  "version": "3.16.2",
   "description": "A Vue3 component library based on Material Design 2 and 3, supporting mobile and desktop.",
   "keywords": [
     "Vue3",
@@ -44,9 +44,9 @@
     "@popperjs/core": "^2.11.6",
     "dayjs": "^1.10.4",
     "decimal.js": "^10.2.1",
-    "@varlet/icons": "3.16.0",
-    "@varlet/shared": "3.16.0",
-    "@varlet/use": "3.16.0"
+    "@varlet/icons": "3.16.2",
+    "@varlet/use": "3.16.2",
+    "@varlet/shared": "3.16.2"
   },
   "devDependencies": {
     "@types/node": "^20.19.0",
@@ -62,9 +62,9 @@
     "vue": "3.5.21",
     "vue-router": "4.5.1",
     "zod": "^3.23.8",
-    "@varlet/ui": "3.16.0",
-    "@varlet/cli": "3.16.0",
-    "@varlet/touch-emulator": "3.16.0"
+    "@varlet/ui": "3.16.2",
+    "@varlet/cli": "3.16.2",
+    "@varlet/touch-emulator": "3.16.2"
   },
   "peerDependencies": {
     "vue": "^3.2.0"

package/types/card.d.ts

@@ -11,10 +11,20 @@ export type CardVariant = 'standard' | 'outlined' | 'filled'
 
 export type CardSurface = 'low'
 
+export interface CardRipple {
+  disabled?: boolean
+  color?: string
+}
+
+export interface CardHoverable {
+  disabled?: boolean
+  color?: string
+}
+
 export interface CardProps extends BasicAttributes {
   variant?: CardVariant
   surface?: CardSurface
-  hoverable?: boolean
+  hoverable?: boolean | CardHoverable
   src?: string
   fit?: CardFit
   imageHeight?: string | number
@@ -24,7 +34,7 @@ export interface CardProps extends BasicAttributes {
   subtitle?: string
   description?: string
   elevation?: boolean | number | string
-  ripple?: boolean
+  ripple?: boolean | CardRipple
   layout?: CardLayout
   floating?: boolean
   floatingDuration?: number

package/types/hoverOverlay.d.ts

@@ -4,6 +4,8 @@ export declare const hoverOverlayProps: Record<keyof HoverOverlayProps, any>
 
 export interface HoverOverlayProps extends BasicAttributes {
   hovering?: boolean
+  focusing?: boolean
+  color?: string
 }
 
 export class HoverOverlay extends VarComponent {

package/types/otpInput.d.ts

@@ -14,6 +14,8 @@ export type OtpInputType = 'digit' | 'text' | 'alphanumeric'
 
 export type OtpInputValidateTrigger = 'onInput' | 'onClick' | 'onPaste' | 'onComplete'
 
+export type OtpInputAlign = 'start' | 'center' | 'end'
+
 export interface OtpInputProps extends BasicAttributes {
   modelValue?: string
   length?: string | number
@@ -30,6 +32,7 @@ export interface OtpInputProps extends BasicAttributes {
   readonly?: boolean
   autofocus?: boolean
   gutter?: string | number
+  align?: OtpInputAlign
   validateTrigger?: OtpInputValidateTrigger[]
   rules?: OtpInputRules
   allowPaste?: boolean

package/types/paper.d.ts

@@ -5,16 +5,26 @@ export declare const paperProps: Record<keyof PaperProps, any>
 
 export type PaperSurface = 'low'
 
+export interface PaperRipple {
+  disabled?: boolean
+  color?: string
+}
+
+export interface PaperHoverable {
+  disabled?: boolean
+  color?: string
+}
+
 export interface PaperProps extends BasicAttributes {
   elevation?: boolean | number | string
-  ripple?: boolean
+  ripple?: boolean | PaperRipple
   radius?: string | number
   width?: string | number
   height?: string | number
   round?: boolean
   inline?: boolean
   surface?: PaperSurface
-  hoverable?: boolean
+  hoverable?: boolean | PaperHoverable
   onClick?: ListenerProp<(e: Event) => void>
 }