Remove letter spacing

Remove padding on alert content without close

Author: u12206050

design-library/src/components/BccAlert/BccAlert.css

@@ -13,20 +13,12 @@
     }
 
     /* Close button */
-    .bcc-alert-close-button {
-        @apply absolute right-4 top-4;
-    }
     .bcc-alert-close-icon {
-        @apply h-4 w-4;
+        @apply size-4;
     }
 
     /* Title */
     .bcc-alert-title {
         @apply text-heading-sm;
     }
-
-    /* Content */
-    .bcc-alert-content {
-        @apply pr-4;
-    }
 }

design-library/src/components/BccAlert/BccAlert.vue

@@ -57,6 +57,7 @@ const ContextIcons: Partial<Record<keyof typeof BCC_CONTEXTS, VueComponent>> = {
       <button
         @click.prevent="emit('close')"
         v-if="closeButton"
+        tabindex="-1"
         aria-label="Close alert"
         class="bcc-alert-close-button"
       >

design-library/src/css/typography.css

@@ -6,7 +6,6 @@
     .text-title-xs {
         font-weight: 700;
         line-height: 1.2em;
-        letter-spacing: 0.025em;
     }
 	.text-title-xl {
         font-size: 2.5rem;
@@ -31,7 +30,6 @@
     .text-heading-xs {
         font-weight: 600;
         line-height: 1.5em;
-        letter-spacing: 0.025em;
     }
 
 	.text-heading-xl {
@@ -56,7 +54,6 @@
     .text-body-xs {
         font-weight: 400;
         line-height: 1.5em;
-        letter-spacing: 0.025em;
     }
 
 	.text-body-lg {
@@ -78,7 +75,6 @@
     .text-caption-xs {
         font-weight: 400;
         line-height: 1.5em;
-        letter-spacing: 0.025em;
     }
 
     .text-label-lg,
@@ -87,7 +83,6 @@
     .text-label-xs {
         font-weight: 600;
         line-height: 1.5em;
-        letter-spacing: 0.025em;
     }
 
     .text-caption-lg,