sit-onyx 1.1.0-dev-20250926121514 → 1.1.0-dev-20250929141520

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

@@ -35,15 +35,18 @@ declare const __VLS_component: import('vue').DefineComponent<OnyxInputProps, {
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     validityChange: (validity: ValidityState) => any;
     "update:modelValue": (value: string) => any;
+    "update:showPassword": (showPassword: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<OnyxInputProps> & Readonly<{
     onValidityChange?: ((validity: ValidityState) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:showPassword"?: ((showPassword: boolean) => any) | undefined;
 }>, {
     skeleton: import('../../composables/useSkeletonState.js', { with: { "resolution-mode": "import" } }).SkeletonInjected;
     required: boolean;
     disabled: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<boolean>;
     showError: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<import('../../composables/useErrorClass.js', { with: { "resolution-mode": "import" } }).ShowErrorMode>;
     requiredMarker: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<import('../../composables/required.js', { with: { "resolution-mode": "import" } }).RequiredMarkerType>;
+    showPassword: boolean;
     readonly: boolean;
     loading: boolean;
     autocapitalize: import('../../composables/useLenientMaxLengthValidation.js', { with: { "resolution-mode": "import" } }).Autocapitalize;

package/dist/components/OnyxInput/types.d.ts

@@ -19,6 +19,11 @@ export type OnyxInputProps = SharedFormElementProps & SharedTextInputProps & {
      * Whether to hide the clear icon when the input is filled and focused.
      */
     hideClearIcon?: boolean;
+    /**
+     * Show or hide the password value for input with `type="password"`.
+     * If unset, the state will be managed internally.
+     */
+    showPassword?: boolean;
 };
 export declare const INPUT_TYPES: readonly ["email", "password", "search", "tel", "text", "url"];
 export type InputType = (typeof INPUT_TYPES)[number];

package/dist/index.esm-bundler.js

@@ -8148,6 +8148,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     success: { type: [String, Object], required: false },
     hideSuccessIcon: { type: Boolean, required: false },
     hideClearIcon: { type: Boolean, required: false },
+    showPassword: { type: Boolean, required: false },
     modelValue: { type: null, required: false },
     type: { type: String, required: false, default: "date" },
     min: { type: null, required: false },
@@ -8654,9 +8655,10 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     type: { type: null, required: false, default: "text" },
     pattern: { type: null, required: false },
     hideSuccessIcon: { type: Boolean, required: false, default: false },
-    hideClearIcon: { type: Boolean, required: false, default: false }
+    hideClearIcon: { type: Boolean, required: false, default: false },
+    showPassword: { type: Boolean, required: false, default: void 0 }
   },
-  emits: ["validityChange", "update:modelValue"],
+  emits: ["validityChange", "update:modelValue", "update:showPassword"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -8685,7 +8687,12 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     const skeleton = useSkeletonContext(props);
     const errorClass = useErrorClass(showError);
     useAutofocus(input2, props);
-    const showPassword = ref(false);
+    const showPassword = useVModel({
+      props,
+      emit,
+      key: "showPassword",
+      default: false
+    });
     const displayType = computed(() => {
       if (props.type === "password" && showPassword.value) {
         return "text";
@@ -12763,6 +12770,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     minlength: { type: Number, required: false },
     autocapitalize: { type: null, required: false, default: "sentences" },
     modelValue: { type: null, required: false },
+    showPassword: { type: Boolean, required: false },
     autosize: { type: Object, required: false },
     disableManualResize: { type: Boolean, required: false, default: false }
   },