Merge pull request #36 from etchteam/feat/ETCH-456-spacing-none

feat/ETCH-465 add none option to spacing
etchteam · Feb 26, 2024 · 5725b19 · 5725b19
2 parents 217fc6a + a616622
commit 5725b19
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 1 deletion.
diff --git a/components/composition/Spacing/Spacing.css b/components/composition/Spacing/Spacing.css
@@ -1,4 +1,7 @@
 /* top */
+.diamond-spacing-top-none {
+  margin-top: 0;
+}
 
 .diamond-spacing-top-xs {
   margin-top: var(--diamond-spacing-xs);
@@ -33,6 +36,9 @@
 }
 
 /* bottom */
+.diamond-spacing-bottom-none {
+  margin-bottom: 0;
+}
 
 .diamond-spacing-bottom-xs {
   margin-bottom: var(--diamond-spacing-xs);

diff --git a/components/composition/Spacing/Spacing.stories.ts b/components/composition/Spacing/Spacing.stories.ts
@@ -20,7 +20,17 @@ export default {
   argTypes: {
     size: {
       control: { type: 'select' },
-      options: ['xs', 'sm', 'md', 'lg', 'xl', 'fluid', 'fluid-sm', 'fluid-lg'],
+      options: [
+        'none',
+        'xs',
+        'sm',
+        'md',
+        'lg',
+        'xl',
+        'fluid',
+        'fluid-sm',
+        'fluid-lg',
+      ],
     },
   },
 };