Changes for Standardize props, events, and slots carbon-design-system…

…#1621

src/TextInput/PasswordInput.svelte

@@ -1,16 +1,25 @@
 <script>
- /** Specify the input value */
- export let value = "";
+ import { getContext } from "svelte";
+ import WarningFilled from "../icons/WarningFilled.svelte";
+ import WarningAltFilled from "../icons/WarningAltFilled.svelte";
+ import View from "../icons/View.svelte";
+ import ViewOff from "../icons/ViewOff.svelte";
 
  /** Obtain a reference to the input HTML element */
  export let ref = null;
 
+ /** Specify the input value */
+ export let value = "";
+
  /**
  * Set the size of the input
  * @type {"sm" | "md" | "lg"}
  */
  export let size = "md";
 
+ /** Set an id for the input element */
+ export let id = "ccs-" + Math.random().toString(36);
+
  /** Specify the placeholder text */
  export let placeholder = "";
 
@@ -70,9 +79,6 @@
  /** Specify the warning state text */
  export let warnText = "";
 
- /** Set an id for the input element */
- export let id = "ccs-" + Math.random().toString(36);
-
  /**
  * Specify a name attribute for the input
  * @type {string}
@@ -94,13 +100,6 @@
  */
  export let inputAttributes = {};
 
- import { getContext } from "svelte";
- import WarningFilled from "../icons/WarningFilled.svelte";
- import WarningAltFilled from "../icons/WarningAltFilled.svelte";
- import View from "../icons/View.svelte";
- import ViewOff from "../icons/ViewOff.svelte";
- import Tooltip from "../Tooltip/Tooltip.svelte";
-
  const ctx = getContext("Form");
 
  $: isFluid = !!ctx && ctx.isFluid;
@@ -289,4 +288,4 @@
  <div class:bx--form-requirement="{true}" id="{warnId}">{warnText}</div>
  {/if}
  </div>
-</div>
+</div>