From 43934122d91718cd73881c03a12c4c570dca5862 Mon Sep 17 00:00:00 2001
From: Melanie Boeckmann <melanie.bockmann@gmail.com>
Date: Mon, 16 Dec 2024 13:22:35 -0800
Subject: [PATCH] refactor: adjust form element spacing (#707)

* refactor: adjust form element spacing

* chore: fix test

* chore: update tokens package
---
 package-lock.json                                         | 8 ++++----
 packages/vue/tests/app/package-lock.json                  | 6 +++---
 packages/web/package.json                                 | 2 +-
 .../components/gcds-error-message/gcds-error-message.tsx  | 2 +-
 .../gcds-error-message/test/gcds-error-message.spec.ts    | 2 +-
 5 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index dbfee99f7..ddfe17a8b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2818,9 +2818,9 @@
       "link": true
     },
     "node_modules/@cdssnc/gcds-tokens": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/@cdssnc/gcds-tokens/-/gcds-tokens-2.0.1.tgz",
-      "integrity": "sha512-vX7WKvFd8yawpSw+bibMwxLTcwZe74c9IZ3IuwPR+EgTQD38U3g7uYO4l1zmacHNKMoQ8H0D9OqyJCsubMywzQ==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/@cdssnc/gcds-tokens/-/gcds-tokens-2.0.2.tgz",
+      "integrity": "sha512-xDgIlIDdO7FXY/OJMOEI4YF78CpBl4944YIajMurMSGpHN7C/rlotgVYXCvF8eO8BY5drGmadzFD2qG/f3ktzA==",
       "dev": true
     },
     "node_modules/@cnakazawa/watch": {
@@ -44165,7 +44165,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/vue/tests/app/package-lock.json b/packages/vue/tests/app/package-lock.json
index 0c9d4f0eb..bdb6a874a 100644
--- a/packages/vue/tests/app/package-lock.json
+++ b/packages/vue/tests/app/package-lock.json
@@ -19,10 +19,10 @@
     },
     "../..": {
       "name": "@cdssnc/gcds-components-vue",
-      "version": "0.28.0",
+      "version": "0.29.0",
       "license": "MIT",
       "dependencies": {
-        "@cdssnc/gcds-components": "^0.28.0"
+        "@cdssnc/gcds-components": "^0.29.0"
       },
       "devDependencies": {
         "@playwright/test": "^1.44.1",
@@ -962,7 +962,7 @@
     "@cdssnc/gcds-components-vue": {
       "version": "file:../..",
       "requires": {
-        "@cdssnc/gcds-components": "^0.28.0",
+        "@cdssnc/gcds-components": "^0.29.0",
         "@playwright/test": "^1.44.1",
         "@types/node": "^20.14.2",
         "@vitejs/plugin-vue": "^5.0.4",
diff --git a/packages/web/package.json b/packages/web/package.json
index a34f2e3b9..6a91bffa1 100644
--- 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
index fd136b2de..0c7c703a6 100644
--- 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
index 7a60313ce..ed7cec680 100644
--- 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>