diff --git a/packages/core/src/components/BoxMessage/StyledBoxMessage.ts b/packages/core/src/components/BoxMessage/StyledBoxMessage.ts index d07a08c01..013dd1872 100644 --- a/packages/core/src/components/BoxMessage/StyledBoxMessage.ts +++ b/packages/core/src/components/BoxMessage/StyledBoxMessage.ts @@ -11,14 +11,19 @@ export const StyledBoxMessage = styled.div` ${({ status = 'info', theme }) => { const cmpTokens = theme.cmp.boxMessage; + // return css` + // position: relative; + // display: flex; + // gap: ${cmpTokens.space.padding}; + // border: ${cmpTokens.shape.borderSize} solid + // ${cmpTokens.color.border[status]}; + // border-radius: ${cmpTokens.shape.borderRadius}; + // padding: ${cmpTokens.space.padding}; + // background-color: ${cmpTokens.color.background[status]}; + // `; return css` position: relative; display: flex; - gap: ${cmpTokens.space.padding}; - border: ${cmpTokens.shape.borderSize} solid - ${cmpTokens.color.border[status]}; - border-radius: ${cmpTokens.shape.borderRadius}; - padding: ${cmpTokens.space.padding}; background-color: ${cmpTokens.color.background[status]}; `; }} diff --git a/packages/core/src/components/BoxMessage/components/BoxMessageClose.tsx b/packages/core/src/components/BoxMessage/components/BoxMessageClose.tsx index fd1d4a2cc..6ea53c052 100644 --- a/packages/core/src/components/BoxMessage/components/BoxMessageClose.tsx +++ b/packages/core/src/components/BoxMessage/components/BoxMessageClose.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { useTheme } from 'styled-components'; +// import { useTheme } from 'styled-components'; import { MouseEventAttrProps, @@ -19,12 +19,12 @@ export const BoxMessageClose: React.FC = ({ tooltip, styles, }) => { - const theme = useTheme(); + // const theme = useTheme(); return (