@bonprix-ds/react-password-field 1.0.3 → 1.0.4

package/dist/src/PasswordField.js

@@ -1,21 +1,22 @@
 "use client";
 import { useState as e } from "react";
 import t from "@bonprix-ds/react-base-input-field";
-import { jsx as n } from "react/jsx-runtime";
+import { VisibilityIcon as n, VisibilityOffIcon as r } from "@bonprix-ds/react-icon/icons";
+import { jsx as i } from "react/jsx-runtime";
 //#region src/PasswordField.tsx
-var r = (r) => {
-	let [i, a] = e("password");
-	return /* @__PURE__ */ n(t, {
-		type: i,
-		buttonIcon: i === "password" ? "visibility" : "visibility-off",
-		onIconButtonClick: () => a((e) => e === "password" ? "text" : "password"),
-		iconButtonLabel: i === "password" ? "Passwort anzeigen" : "Passwort verstecken",
+var a = (a) => {
+	let [o, s] = e("password");
+	return /* @__PURE__ */ i(t, {
+		type: o,
+		buttonIcon: i(o === "password" ? n : r, {}),
+		onIconButtonClick: () => s((e) => e === "password" ? "text" : "password"),
+		iconButtonLabel: o === "password" ? "Passwort anzeigen" : "Passwort verstecken",
 		hideClear: !0,
-		...r,
+		...a,
 		componentName: "password-field"
 	});
 };
 //#endregion
-export { r as default };
+export { a as default };
 
 //# sourceMappingURL=PasswordField.js.map

package/dist/src/PasswordField.js.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordField.js","names":["BaseInputField","PasswordField","type","setType","useState","prev","props"],"sources":["../../src/PasswordField.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { RefObject, useState } from \"react\";\n\nimport BaseInputField from \"@bonprix-ds/react-base-input-field\";\nimport type { TextFieldBaseProps } from \"@bonprix-ds/react-text-field\";\n\ninterface BaseProps extends TextFieldBaseProps {\n  /** Reference to the input element. */\n  inputRef?: RefObject<HTMLInputElement>;\n}\n\ntype ControlledInputProps = BaseProps & {\n  /** The current value of the input field. Should be used in conjunction with `onChange`, when controlling the input. Should be `undefined` otherwise. */\n  value: string;\n  /** The default value of the input field. Should be used when the input is uncontrolled. */\n  defaultValue?: never;\n  /** Callback that is triggered when the input value changes. Should be used in conjunction with `value`, when controlling the input. Optional otherwise. */\n  onChange: (value: string) => void;\n};\n\ntype UncontrolledInputProps = BaseProps & {\n  value?: never;\n  defaultValue: string;\n  onChange?: (value: string) => void;\n};\n\nexport type Props = ControlledInputProps | UncontrolledInputProps;\n\nconst PasswordField = (props: Props) => {\n  const [type, setType] = useState<\"password\" | \"text\">(\"password\");\n\n  const onVisibilityChange = () => setType((prev) => (prev === \"password\" ? \"text\" : \"password\"));\n  const inputIcon = type === \"password\" ? \"visibility\" : \"visibility-off\";\n  const iconButtonLabel = type === \"password\" ? \"Passwort anzeigen\" : \"Passwort verstecken\";\n\n  return (\n    <BaseInputField\n      type={type}\n      buttonIcon={inputIcon}\n      onIconButtonClick={onVisibilityChange}\n      iconButtonLabel={iconButtonLabel}\n      hideClear\n      {...props}\n      componentName=\"password-field\"\n    />\n  );\n};\nexport default PasswordField;\n"],"mappings":";;;;;AA6BA,IAAMC,KAAiB,MAAiB;CACtC,IAAM,CAACC,GAAMC,KAAWC,EAA8B,UAAU;CAMhE,OACE,kBAACJ,GAAD;EACQ;EACN,YANcE,MAAS,aAAa,eAAe;EAOnD,yBAR6BC,GAAS,MAAUE,MAAS,aAAa,SAAS,UAAW;EASzE,iBAPGH,MAAS,aAAa,sBAAsB;EAQhE,WAAA;EACA,GAAII;EACJ,eAAc;CACf,CAAA;AAEL"}
+{"version":3,"file":"PasswordField.js","names":["BaseInputField","PasswordField","type","setType","useState","jsx","VisibilityIcon","VisibilityOffIcon","prev","props"],"sources":["../../src/PasswordField.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { RefObject, useState } from \"react\";\n\nimport BaseInputField from \"@bonprix-ds/react-base-input-field\";\nimport { VisibilityIcon, VisibilityOffIcon } from \"@bonprix-ds/react-icon/icons\";\nimport type { TextFieldBaseProps } from \"@bonprix-ds/react-text-field\";\n\ninterface BaseProps extends TextFieldBaseProps {\n  /** Reference to the input element. */\n  inputRef?: RefObject<HTMLInputElement>;\n}\n\ntype ControlledInputProps = BaseProps & {\n  /** The current value of the input field. Should be used in conjunction with `onChange`, when controlling the input. Should be `undefined` otherwise. */\n  value: string;\n  /** The default value of the input field. Should be used when the input is uncontrolled. */\n  defaultValue?: never;\n  /** Callback that is triggered when the input value changes. Should be used in conjunction with `value`, when controlling the input. Optional otherwise. */\n  onChange: (value: string) => void;\n};\n\ntype UncontrolledInputProps = BaseProps & {\n  value?: never;\n  defaultValue: string;\n  onChange?: (value: string) => void;\n};\n\nexport type Props = ControlledInputProps | UncontrolledInputProps;\n\nconst PasswordField = (props: Props) => {\n  const [type, setType] = useState<\"password\" | \"text\">(\"password\");\n\n  const onVisibilityChange = () => setType((prev) => (prev === \"password\" ? \"text\" : \"password\"));\n  const inputIcon = type === \"password\" ? <VisibilityIcon /> : <VisibilityOffIcon />;\n  const iconButtonLabel = type === \"password\" ? \"Passwort anzeigen\" : \"Passwort verstecken\";\n\n  return (\n    <BaseInputField\n      type={type}\n      buttonIcon={inputIcon}\n      onIconButtonClick={onVisibilityChange}\n      iconButtonLabel={iconButtonLabel}\n      hideClear\n      {...props}\n      componentName=\"password-field\"\n    />\n  );\n};\nexport default PasswordField;\n"],"mappings":";;;;;;AA8BA,IAAMC,KAAiB,MAAiB;CACtC,IAAM,CAACC,GAAMC,KAAWC,EAA8B,UAAU;CAMhE,OACE,kBAACJ,GAAD;EACQ;EACN,YANoCK,EAAtBH,MAAS,aAAcI,IAAqBC,GAAtB,CAAiB,CAAwB;EAO7E,yBAR6BJ,GAAS,MAAUK,MAAS,aAAa,SAAS,UAAW;EASzE,iBAPGN,MAAS,aAAa,sBAAsB;EAQhE,WAAA;EACA,GAAIO;EACJ,eAAc;CACf,CAAA;AAEL"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bonprix-ds/react-password-field",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "PasswordField component, implemented in React, for the Bonprix Design System.",
   "keywords": [],
   "license": "UNLICENSED",
@@ -32,9 +32,10 @@
     "provenance": true
   },
   "dependencies": {
-    "@bonprix-ds/react-base-input-field": "1.0.3",
-    "@bonprix-ds/react-text-field": "1.1.0",
-    "@bonprix-ds/utils": "0.3.0"
+    "@bonprix-ds/react-base-input-field": "1.1.0",
+    "@bonprix-ds/react-icon": "1.3.0",
+    "@bonprix-ds/react-text-field": "1.1.1",
+    "@bonprix-ds/utils": "0.4.0"
   },
   "devDependencies": {
     "@types/react": "19.3.0",