maz-ui 5.2.0-beta.0 → 5.2.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.
@@ -61,7 +61,7 @@ You can remove the buttons with the props `hide-buttons`
61
61
  - `size` (`"xs" | "sm" | "md" | "lg" | "xl" | "mini"`, default: `'md'`): The size of the input number component.
62
62
  - `hide-buttons` (`boolean`, default: `false`): Whether to hide the increment and decrement buttons or not.
63
63
  - `text-center` (`boolean`, default: `true`): Whether to center the text inside the input or not.
64
- - `inputmode` (`"none" | "text" | "search" | "url" | "email" | "tel" | "numeric" | "decimal"`, default: `"numeric"`): The inputmode attribute for the input.
64
+ - `inputmode` (`"text" | "none" | "search" | "url" | "email" | "tel" | "numeric" | "decimal"`, default: `"numeric"`): The inputmode attribute for the input.
65
65
  - `block` (`boolean`): The input will be displayed in full width.
66
66
  - `error` (`boolean`, default: `false`): Will display the input in error state.
67
67
  - `hint` (`string`): The hint text to display below the input.
@@ -518,7 +518,7 @@ interface MazInputPhoneNumberData {
518
518
  - `block` (`boolean`, default: `false`): The input will be displayed in full width.
519
519
  - `orientation` (`"row" | "col" | "responsive"`, default: `"responsive"`): Orientation of the inputs in the component.
520
520
  - `country-select-attributes` (`Record<string, unknown>`, default: `{ name: "country", autocomplete: "off", style: { width: "14rem", }, }`): Meta attributes of the country input.
521
- - `phone-input-attributes` (`(Record<string, unknown> & { name: string; inputmode: "none" | "text" | "search" | "url" | "email" | "tel" | "numeric" | "decimal" | undefined; autocomplete: string; })`, default: `{ name: "phone", autocomplete: "tel", inputmode: "tel", }`): Meta attributes of the phone number input.
521
+ - `phone-input-attributes` (`(Record<string, unknown> & { name: string; inputmode: "text" | "none" | "search" | "url" | "email" | "tel" | "numeric" | "decimal" | undefined; autocomplete: string; })`, default: `{ name: "phone", autocomplete: "tel", inputmode: "tel", }`): Meta attributes of the phone number input.
522
522
  - `assistive-text` (`string`): Helper text displayed below the input to provide additional context or validation feedback.
523
523
  - `hint` (`string`): Alternative text that replaces the label when provided. Useful for contextual hints.
524
524
 
@@ -305,7 +305,7 @@ Use the attribute `rounded-size` with a value in `'none' | 'sm' | 'md' | 'lg' |
305
305
  - `hint` (`string`): Alternative text that replaces the label when provided. Useful for contextual hints.
306
306
  - `input-classes` (`string`): Additional CSS classes to apply specifically to the input wrapper element.
307
307
  - `border` (`boolean`, default: `true`): Controls whether the input has a visible border. Set to false for borderless inputs.
308
- - `inputmode` (`"none" | "text" | "search" | "url" | "email" | "tel" | "numeric" | "decimal"`, default: `"text"`): HTML inputmode attribute that provides hints for virtual keyboards on mobile devices.
308
+ - `inputmode` (`"text" | "none" | "search" | "url" | "email" | "tel" | "numeric" | "decimal"`, default: `"text"`): HTML inputmode attribute that provides hints for virtual keyboards on mobile devices.
309
309
  - `size` (`"xs" | "sm" | "md" | "lg" | "xl" | "mini"`): Controls the height and text size of the input component.
310
310
  - `debounce` (`number | boolean`, default: `false`): Enables input debouncing to limit the frequency of value updates. When true, uses 500ms delay. When a number, uses that value as delay in milliseconds.
311
311
  - `auto-focus` (`boolean`, default: `false`): Automatically focuses the input when the component mounts.
@@ -481,10 +481,10 @@ This ensures consistent internationalization across your application while provi
481
481
  - `model-value` (`Option["code"]`, `v-model`): The value of the select.
482
482
  - `block` (`boolean`): The input will be displayed in full width.
483
483
  - `disabled` (`boolean`): Disable the component.
484
- - `label` (`string`): The label of the select.
485
484
  - `required` (`boolean`): Make the input required in the form.
486
- - `search-function` (`((query: string, options: Option[]) => Option[] | undefined)`): Replace the default search function to provide a custom search function.
485
+ - `label` (`string`): The label of the select.
487
486
  - `placeholder` (`string`): The placeholder of the select.
487
+ - `search-function` (`((query: string, options: Option[]) => Option[] | undefined)`): Replace the default search function to provide a custom search function.
488
488
  - `transition` (`string`, default: `'scale-fade'`): The transition name of the panel list options.
489
489
  - `prefer-position` (`MazPopoverPreferPosition`, default: `'bottom-start'`): The prefer position of the list.
490
490
  - `fallback-position` (`MazPopoverFallbackPosition`, default: `'top-start'`): The fallback position of the list.