🐛 fix(input-group): adjust tags (#1047)

* Create PR for #700

* chore(): set tag size to default in input-group example

* chore(): set tag icon width to unset

* chore(): update base images

* chore(): improve changeset message

---------

Co-authored-by: mladenplaninicic <[email protected]>
Co-authored-by: mladenplaninicic <[email protected]>

.changeset/orange-books-happen.md

@@ -0,0 +1,5 @@
+---
+'@baloise/design-system-components': patch
+---
+
+Resize the tags within the input group to align with those of bal-select.

packages/components/src/components/form/bal-input-group/bal-input-group.sass

@@ -35,6 +35,10 @@
   .bal-icon
     min-width: 3rem
 
+  .bal-tag
+    .bal-icon
+      min-width: unset
+
   & > *:first-child.bal-select .bal-select__control
     padding-left: 0.625rem
 

packages/components/src/components/form/bal-input-group/stories/bal-input-group.stories.ts

@@ -44,9 +44,9 @@ export const Basic = args => ({
   </bal-input-group>
 
   <bal-input-group v-bind="args" class="mb-normal">
-    <bal-tag closable :disabled="args.disabled" size="small">Tag</bal-tag>
-    <bal-tag closable :disabled="args.disabled" size="small">Tag</bal-tag>
-    <bal-tag closable :disabled="args.disabled" size="small">Tag</bal-tag>
+    <bal-tag closable :disabled="args.disabled">Tag</bal-tag>
+    <bal-tag closable :disabled="args.disabled">Tag</bal-tag>
+    <bal-tag closable :disabled="args.disabled">Tag</bal-tag>
     <bal-input placeholder="Enter text here" v-model="args.value" :disabled="args.disabled" :invalid="args.invalid"></bal-input>
     <bal-icon name="date" :class="args.disabled ? '' : is-clickable"></bal-icon>
   </bal-input-group>