@pharos-ds/core 1.0.3 → 1.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pharos-ds/core",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "displayName": "Pharos Core",
   "description": "Pharos component library. Accessible, themeable React components with spacing, dark mode, and StyleX styling.",
   "author": "Caio Silvestre",

package/src/TextInput/TextInput.doc.mjs

@@ -140,6 +140,12 @@ export const docs = {
       description:
         'The HTML name attribute for the input, useful for form submissions.',
     },
+    {
+      name: 'autoComplete',
+      type: 'HTMLInputAutoCompleteAttribute',
+      description:
+        "The HTML autocomplete attribute (e.g. 'email', 'current-password', 'one-time-code'), so browsers and password managers can fill the field.",
+    },
     {
       name: 'width',
       type: 'SizeValue',
@@ -312,6 +318,12 @@ export const docsZh = {
       description:
         '输入框的 HTML name 属性，用于表单提交。',
     },
+    {
+      name: 'autoComplete',
+      type: 'HTMLInputAutoCompleteAttribute',
+      description:
+        "输入框的 HTML autocomplete 属性（如 'email'、'current-password'、'one-time-code'），便于浏览器和密码管理器自动填充。",
+    },
   ],
   theming: {
     targets: [
@@ -392,5 +404,6 @@ export const docsDense = {
     hasClear: 'Shows clear button when input has value. Clears value on click.',
     hasAutoFocus: 'Auto-focus input on mount.',
     htmlName: 'HTML name attr for form submissions.',
+    autoComplete: "HTML autocomplete attr ('email', 'current-password'…) for browser/password-manager fill.",
   },
 };

package/src/TextInput/TextInput.test.tsx

@@ -99,6 +99,26 @@ describe('TextInput', () => {
     expect(screen.getByRole('textbox')).toHaveValue('Controlled value');
   });
 
+  it('forwards autoComplete to the input', () => {
+    render(
+      <TextInput
+        label="Senha"
+        type="password"
+        autoComplete="current-password"
+        value=""
+      />,
+    );
+    expect(screen.getByLabelText('Senha')).toHaveAttribute(
+      'autocomplete',
+      'current-password',
+    );
+  });
+
+  it('does not set autocomplete when the prop is omitted', () => {
+    render(<TextInput label="Nome" value="" />);
+    expect(screen.getByLabelText('Nome')).not.toHaveAttribute('autocomplete');
+  });
+
   it('forwards ref correctly', () => {
     const ref = vi.fn();
     render(<TextInput ref={ref} label="Name" value="" onChange={() => {}} />);

package/src/TextInput/TextInput.tsx

@@ -258,6 +258,11 @@ export interface TextInputProps extends Omit<
    * Useful for form submissions.
    */
   htmlName?: string;
+  /**
+   * The HTML autocomplete attribute (e.g. `'email'`, `'current-password'`,
+   * `'one-time-code'`). Lets browsers and password managers fill the field.
+   */
+  autoComplete?: React.HTMLInputAutoCompleteAttribute;
   /**
    * Callback fired when the user presses the Enter key.
    */
@@ -299,6 +304,7 @@ export function TextInput({
   hasClear = false,
   hasAutoFocus = false,
   htmlName,
+  autoComplete,
   onEnter,
   onKeyDown,
   width,
@@ -425,6 +431,7 @@ export function TextInput({
         ref={mergeRefs(ref, inputRef)}
         id={id}
         name={htmlName}
+        autoComplete={autoComplete}
         type={type}
         value={optimisticValue}
         onChange={handleChange}