diff --git a/packages/calcite-components/src/components/input-number/input-number.tsx b/packages/calcite-components/src/components/input-number/input-number.tsx index 325c4ee22fd..d6f79bcd19a 100644 --- a/packages/calcite-components/src/components/input-number/input-number.tsx +++ b/packages/calcite-components/src/components/input-number/input-number.tsx @@ -17,7 +17,7 @@ import { isPrimaryPointerButton, setRequestedIcon, } from "../../utils/dom"; -import { Position, Scale, Status } from "../interfaces"; +import { Alignment, Scale, Status } from "../interfaces"; import { connectForm, @@ -93,7 +93,7 @@ export class InputNumber //-------------------------------------------------------------------------- /** Specifies the text alignment of the component's value. */ - @Prop({ reflect: true }) alignment: Position = "start"; + @Prop({ reflect: true }) alignment: Extract<"start" | "end", Alignment> = "start"; /** * When `true`, the component is focused on page load. Only one element can contain `autofocus`. If multiple elements have `autofocus`, the first element will receive focus. diff --git a/packages/calcite-components/src/components/input-text/input-text.tsx b/packages/calcite-components/src/components/input-text/input-text.tsx index 7278015de15..22ea25e2d88 100644 --- a/packages/calcite-components/src/components/input-text/input-text.tsx +++ b/packages/calcite-components/src/components/input-text/input-text.tsx @@ -43,7 +43,7 @@ import { updateMessages, } from "../../utils/t9n"; import { SetValueOrigin } from "../input/interfaces"; -import { Position, Scale, Status } from "../interfaces"; +import { Alignment, Scale, Status } from "../interfaces"; import { InputTextMessages } from "./assets/input-text/t9n"; import { CSS, SLOTS } from "./resources"; import { getIconScale } from "../../utils/component"; @@ -73,7 +73,7 @@ export class InputText //-------------------------------------------------------------------------- /** Specifies the text alignment of the component's value. */ - @Prop({ reflect: true }) alignment: Position = "start"; + @Prop({ reflect: true }) alignment: Extract<"start" | "end", Alignment> = "start"; /** * When `true`, the component is focused on page load. Only one element can contain `autofocus`. If multiple elements have `autofocus`, the first element will receive focus. diff --git a/packages/calcite-components/src/components/input/input.tsx b/packages/calcite-components/src/components/input/input.tsx index 1ca34f75a90..7fe255850ce 100644 --- a/packages/calcite-components/src/components/input/input.tsx +++ b/packages/calcite-components/src/components/input/input.tsx @@ -17,7 +17,7 @@ import { isPrimaryPointerButton, setRequestedIcon, } from "../../utils/dom"; -import { Scale, Status, Position } from "../interfaces"; +import { Scale, Status, Alignment } from "../interfaces"; import { connectForm, @@ -94,7 +94,7 @@ export class Input //-------------------------------------------------------------------------- /** Specifies the text alignment of the component's value. */ - @Prop({ reflect: true }) alignment: Position = "start"; + @Prop({ reflect: true }) alignment: Extract<"start" | "end", Alignment> = "start"; /** * When `true`, the component is focused on page load. Only one element can contain `autofocus`. If multiple elements have `autofocus`, the first element will receive focus.