diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-link/dxc-link.component.ts b/projects/dxc-ngx-cdk/src/lib/dxc-link/dxc-link.component.ts index dd3688876..9bb54c49d 100644 --- a/projects/dxc-ngx-cdk/src/lib/dxc-link/dxc-link.component.ts +++ b/projects/dxc-ngx-cdk/src/lib/dxc-link/dxc-link.component.ts @@ -17,21 +17,7 @@ import { QueryList, } from "@angular/core"; import { DxcLinkIconComponent } from "./dxc-link-icon/dxc-link-icon.component"; - -type Space = - | "xxsmall" - | "xsmall" - | "small" - | "medium" - | "large" - | "xlarge" - | "xxlarge"; -type Margin = { - top?: Space; - bottom?: Space; - left?: Space; - right?: Space; -}; +import { LinkProperties, Space, Spacing } from "./dxc-link.types"; @Component({ selector: "dxc-link", @@ -102,7 +88,7 @@ export class DxcLinkComponent { * You can pass an object with 'top', 'bottom', 'left' and 'right' properties * in order to specify different margin sizes. */ - @Input() margin: Space | Margin; + @Input() margin: Space | Spacing; /** * Value of the tabindex. */ @@ -129,7 +115,7 @@ export class DxcLinkComponent { isClickDefined = false; styledButton: string; - defaultInputs = new BehaviorSubject({ + defaultInputs = new BehaviorSubject({ underlined: false, inheritColor: false, disabled: false, diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-link/dxc-link.types.ts b/projects/dxc-ngx-cdk/src/lib/dxc-link/dxc-link.types.ts new file mode 100644 index 000000000..1c194e35f --- /dev/null +++ b/projects/dxc-ngx-cdk/src/lib/dxc-link/dxc-link.types.ts @@ -0,0 +1,28 @@ +export interface LinkProperties { + margin?: Space | Spacing; + underlined?: boolean; + inheritColor?: boolean; + disabled?: boolean; + text: string; + iconSrc?: string; + iconPosition?: string; + href: string; + newWindow?: boolean; + tabIndexValue?: number; +} + +export type Space = + | "xxsmall" + | "xsmall" + | "small" + | "medium" + | "large" + | "xlarge" + | "xxlarge"; + +export type Spacing = { + top?: Space; + bottom?: Space; + left?: Space; + right?: Space; +};