refactor: adjust form element spacing (#707)

* refactor: adjust form element spacing * chore: fix test * chore: update tokens package
cds-snc · Dec 16, 2024 · 4393412 · 4393412
1 parent a3ec107
commit 4393412
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 10 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/vue/tests/app/package-lock.json b/packages/vue/tests/app/package-lock.json
diff --git a/packages/web/package.json b/packages/web/package.json
@@ -45,7 +45,7 @@
     "@babel/core": "^7.20.12",
     "@babel/preset-env": "^7.20.2",
     "@babel/preset-typescript": "^7.21.0",
-    "@cdssnc/gcds-tokens": "^2.0.1",
+    "@cdssnc/gcds-tokens": "^2.0.2",
     "@fortawesome/fontawesome-free": "^6.3.0",
     "@stencil/angular-output-target": "file:../../utils/angular-output-target",
     "@stencil/postcss": "^2.1.0",

diff --git a/packages/web/src/components/gcds-error-message/gcds-error-message.tsx b/packages/web/src/components/gcds-error-message/gcds-error-message.tsx
@@ -25,7 +25,7 @@ export class GcdsErrorMessage {
         id={`error-message-${messageId}`}
         class="gcds-error-message-wrapper"
       >
-        <gcds-text class="error-message" role="alert" margin-bottom="100">
+        <gcds-text class="error-message" role="alert" margin-bottom="75">
           <gcds-icon name="triangle-exclamation" margin-right="50"></gcds-icon>
           <strong>
             <slot></slot>

diff --git a/packages/web/src/components/gcds-error-message/test/gcds-error-message.spec.ts b/packages/web/src/components/gcds-error-message/test/gcds-error-message.spec.ts
@@ -10,7 +10,7 @@ describe('gcds-error-message', () => {
     expect(root).toEqualHtml(`
       <gcds-error-message message-id="input-renders" id="error-message-input-renders" class="gcds-error-message-wrapper">
         <mock:shadow-root>
-          <gcds-text class="error-message" role="alert" margin-bottom="100">
+          <gcds-text class="error-message" role="alert" margin-bottom="75">
             <gcds-icon name="triangle-exclamation" margin-right="50"></gcds-icon>
             <strong>
               <slot></slot>