fix dialog content inline vars + space zero token

ensdomains · Jan 27, 2025 · 6ede8b8 · 6ede8b8
1 parent 40051a4
commit 6ede8b8
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/components/src/components/organisms/Dialog/DialogContent.tsx b/components/src/components/organisms/Dialog/DialogContent.tsx
@@ -54,10 +54,10 @@ const Container = forwardRef<
     style={{
       ...assignInlineVars({
         [styles.dialogContentMargin]: $fullWidth
-          ? `margin: 0 -${space['4']};`
+          ? `0 -${space['4']};`
           : `0 -${space[$horizontalPadding]}`,
         [styles.dialogContentMarginSm]: $fullWidth
-          ? `margin: 0 -${space['6']}`
+          ? `0 -${space['6']}`
           : `0 -${space[$horizontalPadding]}`,
         [styles.dialogContentWidthSm]: $fullWidth
           ? '80vw'

diff --git a/components/src/tokens/space.ts b/components/src/tokens/space.ts
@@ -10,7 +10,7 @@ const negativeSpace = {
 
 export const space = {
   ...negativeSpace,
-  '0': '0',
+  '0': '0px',
   'px': '1px',
   '0.25': '0.0625rem',
   '0.5': '0.125rem',