diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md index 2c751434..e9d1d4d3 100644 --- a/COMPONENT_INDEX.md +++ b/COMPONENT_INDEX.md @@ -2507,8 +2507,8 @@ None. | placeholder | let | No | string | "" | Specify the placeholder text | | hidePasswordLabel | let | No | string | "Hide password" | Specify the hide password label text | | showPasswordLabel | let | No | string | "Show password" | Specify the show password label text | -| tooltipAlignment | let | No | "start" | "center" | "end" | -- | Set the alignment of the tooltip relative to the icon | -| tooltipPosition | let | No | "top" | "right" | "bottom" | "left" | -- | Set the position of the tooltip relative to the icon | +| tooltipAlignment | let | No | "start" | "center" | "end" | "center" | Set the alignment of the tooltip relative to the icon | +| tooltipPosition | let | No | "top" | "right" | "bottom" | "left" | "bottom" | Set the position of the tooltip relative to the icon | | light | let | No | boolean | false | Set to `true` to enable the light variant | | disabled | let | No | boolean | false | Set to `true` to disable the input | | helperText | let | No | string | "" | Specify the helper text | diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json index 946a6ece..5b7763a0 100644 --- a/docs/src/COMPONENT_API.json +++ b/docs/src/COMPONENT_API.json @@ -8240,6 +8240,7 @@ "kind": "let", "description": "Set the alignment of the tooltip relative to the icon", "type": "\"start\" | \"center\" | \"end\"", + "value": "\"center\"", "isFunction": false, "constant": false, "reactive": false @@ -8249,6 +8250,7 @@ "kind": "let", "description": "Set the position of the tooltip relative to the icon", "type": "\"top\" | \"right\" | \"bottom\" | \"left\"", + "value": "\"bottom\"", "isFunction": false, "constant": false, "reactive": false diff --git a/src/TextInput/PasswordInput.svelte b/src/TextInput/PasswordInput.svelte index 16be0a8d..ca7f5965 100644 --- a/src/TextInput/PasswordInput.svelte +++ b/src/TextInput/PasswordInput.svelte @@ -30,13 +30,13 @@ * Set the alignment of the tooltip relative to the icon * @type {"start" | "center" | "end"} */ - export let tooltipAlignment = undefined; + export let tooltipAlignment = "center"; /** * Set the position of the tooltip relative to the icon * @type {"top" | "right" | "bottom" | "left"} */ - export let tooltipPosition = undefined; + export let tooltipPosition = "bottom"; /** Set to `true` to enable the light variant */ export let light = false; @@ -72,9 +72,9 @@ export let ref = null; import { getContext } from "svelte"; - import WarningFilled16 from "carbon-icons-svelte/lib/WarningFilled16"; - import View16 from "carbon-icons-svelte/lib/View16"; - import ViewOff16 from "carbon-icons-svelte/lib/ViewOff16"; + import WarningFilled16 from "carbon-icons-svelte/lib/WarningFilled16/WarningFilled16.svelte"; + import View16 from "carbon-icons-svelte/lib/View16/View16.svelte"; + import ViewOff16 from "carbon-icons-svelte/lib/ViewOff16/ViewOff16.svelte"; const ctx = getContext("Form"); @@ -136,19 +136,25 @@ />