diff --git a/packages/core/src/components/Avatar/Avatar.tsx b/packages/core/src/components/Avatar/Avatar.tsx index e0f490fe..01e4a9e2 100644 --- a/packages/core/src/components/Avatar/Avatar.tsx +++ b/packages/core/src/components/Avatar/Avatar.tsx @@ -2,14 +2,13 @@ import * as React from 'react'; import { AVATAR_SIZE_BADGE_MAP } from './constants'; -import type { IAvatar, TAvatarBadgeFn } from './declarations'; +import type { IAvatar } from './declarations'; import { AvatarBadge, AvatarContainer, type AvatarContainerProps, AvatarInitials, - type AvatarInitialsProps, AvatarSROnly, } from './components'; diff --git a/packages/core/src/styled/mixins/pseudoElement/pseudoElementMixin.ts b/packages/core/src/styled/mixins/pseudoElement/pseudoElementMixin.ts index 58977740..7d616d2a 100644 --- a/packages/core/src/styled/mixins/pseudoElement/pseudoElementMixin.ts +++ b/packages/core/src/styled/mixins/pseudoElement/pseudoElementMixin.ts @@ -1,4 +1,5 @@ import * as React from 'react'; +import { css } from 'styled-components'; /** * Get the pseudo-element styles but generate an overlay. @@ -20,8 +21,11 @@ export const pseudoElementMixin = ( display: 'block', pos: 'absolute', }, -) => ` - content: ${content}; - display: ${display}; - position: ${pos}; -`; +) => { + console.info(content); + return css` + content: ${content}; + display: ${display}; + position: ${pos}; + `; +}; diff --git a/packages/table/src/core/HeaderCell/StyledHeaderCellResizer.ts b/packages/table/src/core/HeaderCell/StyledHeaderCellResizer.ts index f275395a..cf2c2c32 100644 --- a/packages/table/src/core/HeaderCell/StyledHeaderCellResizer.ts +++ b/packages/table/src/core/HeaderCell/StyledHeaderCellResizer.ts @@ -33,7 +33,7 @@ export const StyledHeaderCellResizer = styled.span &::before, &::after { - ${pseudoElementMixin()}; + ${pseudoElementMixin({})}; right: 0; cursor: col-resize; }