Include styles for all pseudoclasses to Link Component

Hector Arce De Las Heras · Hector Arce De Las Heras · commit 00720bf95f28 · 2024-06-21T11:47:50.000+02:00
diff --git a/src/components/link/link.styled.ts b/src/components/link/link.styled.ts
@@ -77,21 +77,25 @@ export const TextStyledExtended = styled.p.withConfig({
   &[aria-disabled='true'] {
     ${({ linkStyles, textStyles }) =>
       applyLinkStateStyles({ textStyles, linkPropsStyles: linkStyles?.[LinkStateType.DISABLED] })}
+    ${props => applyPropsTextStyles(props)}
   }
 
   &:hover:not([aria-disabled='true']) {
     ${({ linkStyles, textStyles }) =>
       applyLinkStateStyles({ textStyles, linkPropsStyles: linkStyles?.[LinkStateType.HOVER] })}
+    ${props => applyPropsTextStyles(props)}
   }
 
   &:active:not([aria-disabled='true']) {
     ${({ linkStyles, textStyles }) =>
       applyLinkStateStyles({ textStyles, linkPropsStyles: linkStyles?.[LinkStateType.PRESSED] })}
+    ${props => applyPropsTextStyles(props)}
   }
 
   &:visited:not([aria-disabled='true']) {
     ${({ linkStyles, textStyles }) =>
       applyLinkStateStyles({ textStyles, linkPropsStyles: linkStyles?.[LinkStateType.VISITED] })}
+    ${props => applyPropsTextStyles(props)}
   }
 
   // Apply props tokens

Original file line number	Diff line number	Diff line change
`@@ -77,21 +77,25 @@ export const TextStyledExtended = styled.p.withConfig({`
`77`	`77`	`&[aria-disabled='true'] {`
`78`	`78`	`${({ linkStyles, textStyles }) =>`
`79`	`79`	`applyLinkStateStyles({ textStyles, linkPropsStyles: linkStyles?.[LinkStateType.DISABLED] })}`
	`80`	`+ ${props => applyPropsTextStyles(props)}`
`80`	`81`	`}`
`81`	`82`
`82`	`83`	`&:hover:not([aria-disabled='true']) {`
`83`	`84`	`${({ linkStyles, textStyles }) =>`
`84`	`85`	`applyLinkStateStyles({ textStyles, linkPropsStyles: linkStyles?.[LinkStateType.HOVER] })}`
	`86`	`+ ${props => applyPropsTextStyles(props)}`
`85`	`87`	`}`
`86`	`88`
`87`	`89`	`&:active:not([aria-disabled='true']) {`
`88`	`90`	`${({ linkStyles, textStyles }) =>`
`89`	`91`	`applyLinkStateStyles({ textStyles, linkPropsStyles: linkStyles?.[LinkStateType.PRESSED] })}`
	`92`	`+ ${props => applyPropsTextStyles(props)}`
`90`	`93`	`}`
`91`	`94`
`92`	`95`	`&:visited:not([aria-disabled='true']) {`
`93`	`96`	`${({ linkStyles, textStyles }) =>`
`94`	`97`	`applyLinkStateStyles({ textStyles, linkPropsStyles: linkStyles?.[LinkStateType.VISITED] })}`
	`98`	`+ ${props => applyPropsTextStyles(props)}`
`95`	`99`	`}`
`96`	`100`
`97`	`101`	`// Apply props tokens`