feat(tailwind): add px (1px) spacing

kiwicom · Sep 8, 2023 · 448dc8e · 448dc8e
1 parent a6593ba
commit 448dc8e
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
diff --git a/packages/orbit-tailwind-preset/src/presets/__tests__/__snapshots__/configs.test.ts.snap b/packages/orbit-tailwind-preset/src/presets/__tests__/__snapshots__/configs.test.ts.snap
@@ -362,6 +362,7 @@ exports[`orbitPreset should match snapshot 1`] = `
           "lg": "24px",
           "md": "16px",
           "none": "0px",
+          "px": "1px",
           "sm": "12px",
           "xl": "32px",
           "xs": "8px",
@@ -994,6 +995,7 @@ exports[`orbitPreset should match snapshot 1`] = `
       "lg": "24px",
       "md": "16px",
       "none": "0px",
+      "px": "1px",
       "sm": "12px",
       "xl": "32px",
       "xs": "8px",
@@ -1740,6 +1742,7 @@ exports[`orbitPreset should match snapshot 1`] = `
       "lg": "24px",
       "md": "16px",
       "none": "0px",
+      "px": "1px",
       "sm": "12px",
       "xl": "32px",
       "xs": "8px",
@@ -1797,6 +1800,7 @@ exports[`orbitPreset should match snapshot 1`] = `
       "lg": "24px",
       "md": "16px",
       "none": "0px",
+      "px": "1px",
       "sm": "12px",
       "xl": "32px",
       "xs": "8px",
@@ -2077,6 +2081,7 @@ exports[`orbitPreset should match snapshot 1`] = `
       "md": "16px",
       "min": "min-content",
       "none": "0px",
+      "px": "1px",
       "screen": "100vh",
       "separator": "1px",
       "sm": "12px",
@@ -2108,6 +2113,7 @@ exports[`orbitPreset should match snapshot 1`] = `
       "lg": "24px",
       "md": "16px",
       "none": "0px",
+      "px": "1px",
       "sm": "12px",
       "xl": "32px",
       "xs": "8px",
@@ -2239,6 +2245,7 @@ exports[`orbitPreset should match snapshot 1`] = `
       "lg": "24px",
       "md": "16px",
       "none": "0px",
+      "px": "1px",
       "sm": "12px",
       "xl": "32px",
       "xs": "8px",
@@ -2256,6 +2263,7 @@ exports[`orbitPreset should match snapshot 1`] = `
       "md": "16px",
       "min": "min-content",
       "none": "none",
+      "px": "1px",
       "screen": "100vh",
       "sm": "12px",
       "xl": "32px",
@@ -2483,6 +2491,7 @@ exports[`orbitPreset should match snapshot 1`] = `
       "lg": "24px",
       "md": "16px",
       "none": "0px",
+      "px": "1px",
       "sm": "12px",
       "table": "12px 16px",
       "xl": "32px",
@@ -2880,6 +2889,7 @@ exports[`orbitPreset should match snapshot 1`] = `
       "lg": "24px",
       "md": "16px",
       "none": "0px",
+      "px": "1px",
       "sm": "12px",
       "xl": "32px",
       "xs": "8px",
@@ -2893,6 +2903,7 @@ exports[`orbitPreset should match snapshot 1`] = `
       "lg": "24px",
       "md": "16px",
       "none": "0px",
+      "px": "1px",
       "sm": "12px",
       "xl": "32px",
       "xs": "8px",
@@ -2918,6 +2929,7 @@ exports[`orbitPreset should match snapshot 1`] = `
       "lg": "24px",
       "md": "16px",
       "none": "0px",
+      "px": "1px",
       "sm": "12px",
       "xl": "32px",
       "xs": "8px",
@@ -2931,6 +2943,7 @@ exports[`orbitPreset should match snapshot 1`] = `
       "lg": "24px",
       "md": "16px",
       "none": "0px",
+      "px": "1px",
       "sm": "12px",
       "xl": "32px",
       "xs": "8px",
@@ -3348,6 +3361,7 @@ exports[`orbitPreset should match snapshot 1`] = `
       "lg": "24px",
       "md": "16px",
       "none": "0px",
+      "px": "1px",
       "sm": "12px",
       "xl": "32px",
       "xs": "8px",
@@ -3436,6 +3450,7 @@ exports[`orbitPreset should match snapshot 1`] = `
       "lg": "24px",
       "md": "16px",
       "none": "0px",
+      "px": "1px",
       "sm": "12px",
       "xl": "32px",
       "xs": "8px",
@@ -3484,6 +3499,7 @@ exports[`orbitPreset should match snapshot 1`] = `
       "md": "16px",
       "min": "min-content",
       "none": "0px",
+      "px": "1px",
       "screen": "100vw",
       "sm": "12px",
       "xl": "32px",

diff --git a/packages/orbit-tailwind-preset/src/presets/foundation/theme/spacing.ts b/packages/orbit-tailwind-preset/src/presets/foundation/theme/spacing.ts
@@ -3,6 +3,7 @@ import foundation from "./defaultFoundation";
 const spacings = {
   none: "0px",
   0: "0px",
+  px: "1px",
   xxxs: foundation.space.xxxsmall,
   xxs: foundation.space.xxsmall,
   xs: foundation.space.xsmall,