@purpurds/password-field 6.12.2 → 6.12.3

package/dist/password-strength-indicator.d.ts

@@ -1,11 +1,14 @@
 import { default as React } from 'react';
 import { PasswordStrengthValue } from './types';
 
-export type PasswordStrengthIndicatorProps = {
+export type PasswordStrengthIndicatorProps = React.HTMLAttributes<HTMLDivElement> & {
     ["data-testid"]?: string;
     active: boolean;
-    className?: string;
     passwordStrength?: PasswordStrengthValue;
 };
-export declare const PasswordStrengthIndicator: React.ForwardRefExoticComponent<PasswordStrengthIndicatorProps & React.RefAttributes<HTMLDivElement>>;
+export declare const PasswordStrengthIndicator: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    "data-testid"?: string;
+    active: boolean;
+    passwordStrength?: PasswordStrengthValue;
+} & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=password-strength-indicator.d.ts.map

package/dist/password-strength-indicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"password-strength-indicator.d.ts","sourceRoot":"","sources":["../src/password-strength-indicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AAIxD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAGrD,MAAM,MAAM,8BAA8B,GAAG;IAC3C,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,qBAAqB,CAAC;CAC1C,CAAC;AAIF,eAAO,MAAM,yBAAyB,uGAmBrC,CAAC"}
+{"version":3,"file":"password-strength-indicator.d.ts","sourceRoot":"","sources":["../src/password-strength-indicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AAIxD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAGrD,MAAM,MAAM,8BAA8B,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAClF,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,gBAAgB,CAAC,EAAE,qBAAqB,CAAC;CAC1C,CAAC;AAIF,eAAO,MAAM,yBAAyB;oBAPlB,MAAM;YAChB,OAAO;uBACI,qBAAqB;wCAyBzC,CAAC"}

package/dist/password-strength.d.ts

@@ -1,13 +1,19 @@
 import { default as React } from 'react';
 
-export type PasswordStrengthProps = {
+export type PasswordStrengthProps = React.HTMLAttributes<HTMLDivElement> & {
     ["data-testid"]?: string;
-    className?: string;
     value: string;
     label: string;
     weakText: string;
     mediumText: string;
     strongText: string;
 };
-export declare const PasswordStrength: React.ForwardRefExoticComponent<PasswordStrengthProps & React.RefAttributes<HTMLDivElement>>;
+export declare const PasswordStrength: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    "data-testid"?: string;
+    value: string;
+    label: string;
+    weakText: string;
+    mediumText: string;
+    strongText: string;
+} & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=password-strength.d.ts.map

package/dist/password-strength.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"password-strength.d.ts","sourceRoot":"","sources":["../src/password-strength.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AASxD,MAAM,MAAM,qBAAqB,GAAG;IAClC,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAIF,eAAO,MAAM,gBAAgB,8FAuD5B,CAAC"}
+{"version":3,"file":"password-strength.d.ts","sourceRoot":"","sources":["../src/password-strength.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AASxD,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IACzE,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAIF,eAAO,MAAM,gBAAgB;oBAVT,MAAM;WACjB,MAAM;WACN,MAAM;cACH,MAAM;gBACJ,MAAM;gBACN,MAAM;wCA4DnB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purpurds/password-field",
-  "version": "6.12.2",
+  "version": "6.12.3",
   "license": "AGPL-3.0-only",
   "main": "./dist/password-field.cjs.js",
   "types": "./dist/password-field.d.ts",
@@ -17,12 +17,12 @@
   "dependencies": {
     "classnames": "~2.5.0",
     "zxcvbn": "~4.4.2",
-    "@purpurds/icon": "6.12.2",
-    "@purpurds/button": "6.12.2",
-    "@purpurds/paragraph": "6.12.2",
-    "@purpurds/text-field": "6.12.2",
-    "@purpurds/field-error-text": "6.12.2",
-    "@purpurds/tokens": "6.12.2"
+    "@purpurds/tokens": "6.12.3",
+    "@purpurds/button": "6.12.3",
+    "@purpurds/icon": "6.12.3",
+    "@purpurds/paragraph": "6.12.3",
+    "@purpurds/text-field": "6.12.3",
+    "@purpurds/field-error-text": "6.12.3"
   },
   "devDependencies": {
     "@storybook/blocks": "^8.6.4",
@@ -47,7 +47,7 @@
     "vite": "^6.2.1",
     "vitest": "^3.1.2",
     "@purpurds/component-rig": "1.0.0",
-    "@purpurds/heading": "6.12.2"
+    "@purpurds/heading": "6.12.3"
   },
   "scripts": {
     "build:dev": "vite",

package/src/password-field.tsx

@@ -11,7 +11,7 @@ import React, {
 import { Button } from "@purpurds/button";
 import { IconPasswordInvisible } from "@purpurds/icon/password-invisible";
 import { IconPasswordVisible } from "@purpurds/icon/password-visible";
-import { TextField,type TextFieldProps } from "@purpurds/text-field";
+import { TextField, type TextFieldProps } from "@purpurds/text-field";
 import c from "classnames/bind";
 
 import { FIELD_TYPE } from "./constants";
@@ -24,7 +24,6 @@ const cx = c.bind(styles);
 export type PasswordFieldDefaultProps = {
   ["data-testid"]?: string;
   children?: ReactNode;
-  className?: string;
   showPasswordAllyLabel: string;
   hidePasswordAllyLabel: string;
   onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
@@ -88,7 +87,6 @@ export const PasswordField = forwardRef<HTMLInputElement, PasswordFieldProps>(
           ref={ref}
           type={type}
           endAdornment={
-             
             <Button
               aria-label={
                 type === FIELD_TYPE.PASSWORD ? showPasswordAllyLabel : hidePasswordAllyLabel

package/src/password-strength-indicator.tsx

@@ -5,10 +5,9 @@ import styles from "./password-strength-indicator.module.scss";
 import type { PasswordStrengthValue } from "./types";
 const cx = c.bind(styles);
 
-export type PasswordStrengthIndicatorProps = {
+export type PasswordStrengthIndicatorProps = React.HTMLAttributes<HTMLDivElement> & {
   ["data-testid"]?: string;
   active: boolean;
-  className?: string;
   passwordStrength?: PasswordStrengthValue;
 };
 
@@ -21,6 +20,7 @@ export const PasswordStrengthIndicator = forwardRef(
       active,
       className,
       passwordStrength,
+      ...props
     }: PasswordStrengthIndicatorProps,
     ref: ForwardedRef<HTMLDivElement>
   ) => {
@@ -31,7 +31,7 @@ export const PasswordStrengthIndicator = forwardRef(
       { [`${rootClassName}--active`]: active },
     ]);
 
-    return <div data-testid={dataTestId} className={classes} ref={ref} />;
+    return <div {...props} data-testid={dataTestId} className={classes} ref={ref} />;
   }
 );
 

package/src/password-strength.tsx

@@ -7,9 +7,8 @@ import { PasswordStrengthIndicator } from "./password-strength-indicator";
 import { usePasswordStrength } from "./use-password-strength";
 const cx = c.bind(styles);
 
-export type PasswordStrengthProps = {
+export type PasswordStrengthProps = React.HTMLAttributes<HTMLDivElement> & {
   ["data-testid"]?: string;
-  className?: string;
   value: string;
   label: string;
   weakText: string;