feat(new-hope): dynemic width close button in toast

salute-developers · Dec 20, 2024 · c0b511f · c0b511f
1 parent 0ed9bc4
commit c0b511f
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/plasma-new-hope/src/components/Toast/Toast.styles.ts b/packages/plasma-new-hope/src/components/Toast/Toast.styles.ts
@@ -16,7 +16,7 @@ export const base = css`
     user-select: none;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 
-    ${buttonTokens.buttonWidth}: 1rem;
+    ${buttonTokens.buttonWidth}: var(${tokens.closeIconButtonSize});
 `;
 
 export const StyledRoot = styled.div<{ position: string; isVisible: boolean; offset?: number }>`

diff --git a/packages/sdds-cs/src/components/Toast/Toast.config.ts b/packages/sdds-cs/src/components/Toast/Toast.config.ts
@@ -44,7 +44,7 @@ export const config = {
                 ${toastTokens.lineHeight}: var(--plasma-typo-body-m-line-height);
 
                 ${toastTokens.leftContentMargin}: -0.0625rem 0.5rem -0.0625rem 0rem;
-                ${toastTokens.closeIconMargin}: -0.0625rem 0.125rem -0.0625rem 0.75rem;
+                ${toastTokens.closeIconMargin}: -0.0625rem 0rem -0.0625rem 0.5rem;
             `,
         },
         closeIconType: {