feat: remove margins (#341)

Co-authored-by: “BogdanDanilescu” <bogdan.danilescu@nearform.com>
ogcio · Nov 27, 2024 · 7bf3b69 · 7bf3b69
1 parent 0d8cef1
commit 7bf3b69
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 34 deletions.
diff --git a/packages/design/tailwind/css/components.css b/packages/design/tailwind/css/components.css
@@ -49,7 +49,7 @@ input[type='text'] {
 
 /* Blockquote */
 .gi-blockquote {
-  @apply gi-my-6 gi-p-4 gi-border-l-2xl gi-border-gray-400 gi-text-sm md:gi-text-md;
+  @apply gi-p-4 gi-border-l-2xl gi-border-gray-400 gi-text-sm md:gi-text-md;
 }
 
 /* End Blockquote */
@@ -66,9 +66,6 @@ input[type='text'] {
 
 /* Text Input */
 
-.gi-text-input-container {
-  @apply gi-pt-2 gi-mb-4;
-}
 .gi-text-input-container-inner {
   @apply gi-flex gi-items-center;
 }
@@ -87,13 +84,13 @@ input[type='text'] {
 /* Hint Text */
 
 .gi-hint-text-md {
-  @apply gi-text-md gi-mb-2;
+  @apply gi-text-md;
 }
 .gi-hint-text-sm {
-  @apply gi-text-sm gi-mb-1.5;
+  @apply gi-text-sm;
 }
 .gi-hint-text-lg {
-  @apply gi-text-lg gi-mb-2.5;
+  @apply gi-text-lg;
 }
 .gi-hint-text {
   @apply gi-font-normal gi-text-gray-600 gi-stroke-gray-600;
@@ -103,13 +100,13 @@ input[type='text'] {
 
 /* Error Text */
 .gi-error-text-md {
-  @apply gi-text-md  gi-mb-3;
+  @apply gi-text-md;
 }
 .gi-error-text-sm {
-  @apply gi-text-sm  gi-mb-2.5;
+  @apply gi-text-sm;
 }
 .gi-error-text-lg {
-  @apply gi-text-lg  gi-mb-3.5;
+  @apply gi-text-lg;
 }
 .gi-error-text {
   @apply gi-font-bold gi-text-red-600;
@@ -181,9 +178,6 @@ input[type='text'] {
 /* End of Label */
 
 /* File-upload */
-.gi-file-upload-container {
-  @apply gi-pt-2 gi-mb-4;
-}
 .gi-file-upload-input {
   @apply gi-rounded-sm xs:gi-text-md gi-text-sm gi-leading-10 xs:!gi-leading-5 gi-p-[3px] gi-max-w-[100%] gi-border-transparent gi-flex-initial gi-ml-[-5px] gi-border-sm gi-border-solid gi-box-border gi-focus-state-outline gi-focus-state-border gi-z-1;
 }
@@ -578,7 +572,7 @@ input[type='file' i] {
 /* Card */
 
 .gi-card {
-  @apply gi-flex gi-items-start gi-w-full gi-mt-2 gi-mb-3;
+  @apply gi-flex gi-items-start gi-w-full;
 }
 
 .gi-card-vertical {
@@ -678,10 +672,6 @@ input[type='file' i] {
   @apply gi-rounded-sm gi-focus-state-outline focus:gi-shadow-[inset_0_0_0_1px] focus:gi-border-gray-950 gi-flex-initial gi-border-sm gi-border-solid gi-box-border gi-p-1  xs:gi-text-md gi-text-sm gi-resize-y gi-min-h-10 gi-border-gray-950 gi-input-disabled-state;
 }
 
-.gi-textarea-layout-container {
-  @apply gi-pt-2 gi-mb-4;
-}
-
 .gi-textarea-container {
   @apply gi-flex gi-items-center;
 }

diff --git a/packages/design/tailwind/css/typography.css b/packages/design/tailwind/css/typography.css
@@ -2,38 +2,26 @@
 
 .gi-heading-xl {
   font: theme('typography.DEFAULT.css.h1.font');
-  margin-top: 0.5em;
-  margin-bottom: 1em;
 }
 
 .gi-heading-lg {
   font: theme('typography.DEFAULT.css.h2.font');
-  margin-top: 0.5em;
-  margin-bottom: 1em;
 }
 
 .gi-heading-md {
   font: theme('typography.DEFAULT.css.h3.font');
-  margin-top: 0.5em;
-  margin-bottom: 1em;
 }
 
 .gi-heading-sm {
   font: theme('typography.DEFAULT.css.h4.font');
-  margin-top: 0.5em;
-  margin-bottom: 1em;
 }
 
 .gi-heading-xs {
   font: theme('typography.DEFAULT.css.h5.font');
-  margin-top: 0.5em;
-  margin-bottom: 1em;
 }
 
 .gi-heading-2xs {
   font: theme('typography.DEFAULT.css.h6.font');
-  margin-top: 0.5em;
-  margin-bottom: 1em;
 }
 
 /* End Paragraph */
@@ -44,8 +32,7 @@
 .gi-paragraph-md,
 .gi-paragraph-xs {
   font: theme('typography.DEFAULT.css.p.font');
-  margin-bottom: 2em;
-  @apply gi-mt-0 gi-max-w-prose;
+  @apply gi-max-w-prose;
 }
 
 .gi-span-lg,

diff --git a/packages/html/ds/src/paragraph/paragraph.stories.ts b/packages/html/ds/src/paragraph/paragraph.stories.ts
@@ -9,7 +9,9 @@ import {
   WhitespaceEnum,
 } from './paragraph.schema';
 
-const macro = { name: 'govieParagraph', html };
+const path = import.meta.url.split('/paragraph')[0];
+
+const macro = { name: 'govieParagraph', html, path };
 
 const Paragraph = renderComponent<ParagraphProps>(macro);
 

diff --git a/packages/html/ds/src/tag/tag.stories.ts b/packages/html/ds/src/tag/tag.stories.ts
@@ -3,7 +3,9 @@ import { renderComponent } from '../storybook/storybook';
 import html from './tag.html?raw';
 import { TagProps, TagType } from './tag.schema';
 
-const macro = { name: 'govieTag', html };
+const path = import.meta.url.split('/tag')[0];
+
+const macro = { name: 'govieTag', html, path };
 
 const Tag = renderComponent<TagProps>(macro);