From a58345343697d6548354fcbaa7896f9d70666bc9 Mon Sep 17 00:00:00 2001
From: Gregor Wassmann <gregor.wassmann@gmail.com>
Date: Tue, 28 Mar 2023 21:52:56 +0200
Subject: [PATCH] chore: v11 PasswordInput

Size `xl` changed to `lg`. For better compatibility with existing codebases size `xl` is still supported.
---
 COMPONENT_INDEX.md                          | 2 +-
 docs/src/COMPONENT_API.json                 | 2 +-
 docs/src/pages/components/PasswordInput.svx | 4 ++--
 src/TextInput/PasswordInput.svelte          | 8 ++++----
 tests/PasswordInput.test.svelte             | 2 +-
 types/TextInput/PasswordInput.svelte.d.ts   | 2 +-
 6 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md
index d95ba4a1..0f06f082 100644
--- a/COMPONENT_INDEX.md
+++ b/COMPONENT_INDEX.md
@@ -2755,7 +2755,7 @@ None.
 | ref               | No       | <code>let</code> | Yes      | <code>null &#124; HTMLInputElement</code>                       | <code>null</code>                                | Obtain a reference to the input HTML element          |
 | type              | No       | <code>let</code> | Yes      | <code>"text" &#124; "password"</code>                           | <code>"password"</code>                          | Set to `"text"` to toggle the password visibility     |
 | value             | No       | <code>let</code> | Yes      | <code>number &#124; string</code>                               | <code>""</code>                                  | Specify the input value                               |
-| size              | No       | <code>let</code> | No       | <code>"sm" &#124; "xl"</code>                                   | <code>undefined</code>                           | Set the size of the input                             |
+| size              | No       | <code>let</code> | No       | <code>"sm" &#124; "lg"</code>                                   | <code>undefined</code>                           | Set the size of the input                             |
 | placeholder       | No       | <code>let</code> | No       | <code>string</code>                                             | <code>""</code>                                  | Specify the placeholder text                          |
 | hidePasswordLabel | No       | <code>let</code> | No       | <code>string</code>                                             | <code>"Hide password"</code>                     | Specify the hide password label text                  |
 | showPasswordLabel | No       | <code>let</code> | No       | <code>string</code>                                             | <code>"Show password"</code>                     | Specify the show password label text                  |
diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json
index 89e76e81..8d770e4f 100644
--- a/docs/src/COMPONENT_API.json
+++ b/docs/src/COMPONENT_API.json
@@ -8635,7 +8635,7 @@
           "name": "size",
           "kind": "let",
           "description": "Set the size of the input",
-          "type": "\"sm\" | \"xl\"",
+          "type": "\"sm\" | \"lg\"",
           "isFunction": false,
           "isFunctionDeclaration": false,
           "isRequired": false,
diff --git a/docs/src/pages/components/PasswordInput.svx b/docs/src/pages/components/PasswordInput.svx
index a67c2099..9b6f0f15 100644
--- a/docs/src/pages/components/PasswordInput.svx
+++ b/docs/src/pages/components/PasswordInput.svx
@@ -31,9 +31,9 @@ Set prop `type` to `"text"` to toggle password visibility.
 
 <PasswordInput inline labelText="Password" placeholder="Enter password..." />
 
-## Extra-large size
+## Large size
 
-<PasswordInput size="xl" labelText="Password" placeholder="Enter password..." />
+<PasswordInput size="lg" labelText="Password" placeholder="Enter password..." />
 
 ## Small size
 
diff --git a/src/TextInput/PasswordInput.svelte b/src/TextInput/PasswordInput.svelte
index 3c6103a7..a7a89e3a 100644
--- a/src/TextInput/PasswordInput.svelte
+++ b/src/TextInput/PasswordInput.svelte
@@ -1,7 +1,7 @@
 <script>
   /**
    * Set the size of the input
-   * @type {"sm" | "xl"}
+   * @type {"sm" | "lg"}
    */
   export let size = undefined;
 
@@ -116,7 +116,7 @@
       class:bx--label--disabled="{disabled}"
       class:bx--label--inline="{inline}"
       class:bx--label--inline--sm="{inline && size === 'sm'}"
-      class:bx--label--inline--xl="{inline && size === 'xl'}"
+      class:bx--label--inline--lg="{inline && (size === 'lg' || size === 'xl')}"
     >
       <slot name="labelText">
         {labelText}
@@ -141,7 +141,7 @@
       class:bx--label--disabled="{disabled}"
       class:bx--label--inline="{inline}"
       class:bx--label--inline--sm="{inline && size === 'sm'}"
-      class:bx--label--inline--xl="{inline && size === 'xl'}"
+      class:bx--label--inline--lg="{inline && (size === 'lg' || size === 'xl')}"
     >
       <slot name="labelText">
         {labelText}
@@ -189,7 +189,7 @@
         class:bx--text-input--invalid="{invalid}"
         class:bx--text-input--warning="{warn}"
         class:bx--text-input--sm="{size === 'sm'}"
-        class:bx--text-input--xl="{size === 'xl'}"
+        class:bx--text-input--lg="{size === 'lg' || size === 'xl'}"
         {...$$restProps}
         on:change
         on:input
diff --git a/tests/PasswordInput.test.svelte b/tests/PasswordInput.test.svelte
index f0a3f9f0..6a8671c7 100644
--- a/tests/PasswordInput.test.svelte
+++ b/tests/PasswordInput.test.svelte
@@ -16,7 +16,7 @@
 
 <PasswordInput light labelText="Password" placeholder="Enter password..." />
 
-<PasswordInput size="xl" labelText="Password" placeholder="Enter password..." />
+<PasswordInput size="lg" labelText="Password" placeholder="Enter password..." />
 
 <PasswordInput size="sm" labelText="Password" placeholder="Enter password..." />
 
diff --git a/types/TextInput/PasswordInput.svelte.d.ts b/types/TextInput/PasswordInput.svelte.d.ts
index 04ea10b3..59e5f71c 100644
--- a/types/TextInput/PasswordInput.svelte.d.ts
+++ b/types/TextInput/PasswordInput.svelte.d.ts
@@ -8,7 +8,7 @@ export interface PasswordInputProps extends RestProps {
    * Set the size of the input
    * @default undefined
    */
-  size?: "sm" | "xl";
+  size?: "sm" | "lg";
 
   /**
    * Specify the input value