From 38df35e18491b6b11ac9fbc58de20f9d91cde3ea Mon Sep 17 00:00:00 2001
From: Nik Tverd <nn.tverd@gmail.com>
Date: Tue, 10 Sep 2024 22:27:16 +0500
Subject: [PATCH 1/3] feat: add multiline property to Label component

---
 src/components/Label/Label.scss               |  49 ++++++++++-
 src/components/Label/Label.tsx                |  11 ++-
 ...er-story-Multiline-dark-chromium-linux.png | Bin 0 -> 4051 bytes
 ...nder-story-Multiline-dark-webkit-linux.png | Bin 0 -> 3080 bytes
 ...r-story-Multiline-light-chromium-linux.png | Bin 0 -> 4120 bytes
 ...der-story-Multiline-light-webkit-linux.png | Bin 0 -> 3103 bytes
 .../Label/__stories__/Label.stories.tsx       |  12 +++
 .../Label/__stories__/LabelShowcase.scss      |   4 -
 .../Label/__stories__/LabelShowcase.tsx       |  78 +++++++++++++++++-
 .../Label/__tests__/Label.visual.test.tsx     |   6 ++
 10 files changed, 151 insertions(+), 9 deletions(-)
 create mode 100644 src/components/Label/__snapshots__/Label.visual.test.tsx-snapshots/Label-render-story-Multiline-dark-chromium-linux.png
 create mode 100644 src/components/Label/__snapshots__/Label.visual.test.tsx-snapshots/Label-render-story-Multiline-dark-webkit-linux.png
 create mode 100644 src/components/Label/__snapshots__/Label.visual.test.tsx-snapshots/Label-render-story-Multiline-light-chromium-linux.png
 create mode 100644 src/components/Label/__snapshots__/Label.visual.test.tsx-snapshots/Label-render-story-Multiline-light-webkit-linux.png

diff --git a/src/components/Label/Label.scss b/src/components/Label/Label.scss
index deec1e89d0..8309e35328 100644
--- a/src/components/Label/Label.scss
+++ b/src/components/Label/Label.scss
@@ -26,7 +26,7 @@ $transition-timing-function: ease-in-out;
 
     &__text {
         @include mixins.text-body-1();
-        display: flex;
+        display: inline-flex;
         align-items: baseline;
         margin: 0 var(--_--margin-inline);
         width: 100%;
@@ -64,12 +64,13 @@ $transition-timing-function: ease-in-out;
     }
 
     &__addon {
-        display: flex;
+        display: inline-flex;
         align-items: center;
         justify-content: center;
         width: var(--_--height);
-        height: var(--_--height);
+        height: 100%;
         border-radius: var(--_--border-radius);
+        box-sizing: border-box;
 
         &_side_start,
         &_side_end {
@@ -115,6 +116,11 @@ $transition-timing-function: ease-in-out;
             --_--margin-addon-end: 22px;
         }
 
+        &_xs.g-label_multiline {
+            --_--addon-padding-on-multiline: 5px;
+            --_--label-padding-on-multiline: 2px;
+        }
+
         &_s {
             --_--height: 24px;
             --_--border-radius: var(--g-border-radius-s);
@@ -123,6 +129,11 @@ $transition-timing-function: ease-in-out;
             --_--margin-addon-end: 26px;
         }
 
+        &_s.g-label_multiline {
+            --_--addon-padding-on-multiline: 5px;
+            --_--label-padding-on-multiline: 3px;
+        }
+
         &_m {
             --_--height: 28px;
             --_--border-radius: var(--g-border-radius-m);
@@ -130,6 +141,11 @@ $transition-timing-function: ease-in-out;
             --_--margin-addon-start: 32px;
             --_--margin-addon-end: 32px;
         }
+
+        &_m.g-label_multiline {
+            --_--addon-padding-on-multiline: 6px;
+            --_--label-padding-on-multiline: 5px;
+        }
     }
 
     &_disabled {
@@ -212,4 +228,31 @@ $transition-timing-function: ease-in-out;
     &__addon_type_button:focus-visible {
         outline: 2px solid var(--g-color-line-focus);
     }
+
+    &_multiline {
+        height: min-content;
+        padding-block: var(--_--label-padding-on-multiline);
+
+        #{$block}__text {
+            white-space: normal;
+            overflow: inherit;
+            text-align: start;
+            line-height: 18px;
+        }
+
+        #{$block}__addon_side_end,
+        #{$block}__addon_side_start {
+            padding: var(--_--addon-padding-on-multiline);
+            width: auto;
+            align-items: start;
+        }
+
+        #{$block}__addon_side_start {
+            inset-inline-start: 2px;
+        }
+
+        #{$block}__addon_side_end {
+            inset-inline-end: 0;
+        }
+    }
 }
diff --git a/src/components/Label/Label.tsx b/src/components/Label/Label.tsx
index f217390805..8b9f95d4ae 100644
--- a/src/components/Label/Label.tsx
+++ b/src/components/Label/Label.tsx
@@ -56,6 +56,8 @@ export interface LabelProps extends QAProps {
     size?: 'xs' | 's' | 'm';
     /** Browser title for Label */
     title?: string;
+    /** Multiline available */
+    multiline?: boolean;
 }
 
 export const Label = React.forwardRef(function Label(
@@ -80,6 +82,7 @@ export const Label = React.forwardRef(function Label(
         onCopy,
         onClick,
         qa,
+        multiline,
     } = props;
     const hasContent = Boolean(children !== '' && React.Children.count(children) > 0);
 
@@ -92,7 +95,12 @@ export const Label = React.forwardRef(function Label(
     const {copyIconSize, closeIconSize} = sizeMap[size];
 
     const startIcon = icon && (
-        <div className={b('addon', {side: hasContent ? 'start' : undefined, type: 'icon'})}>
+        <div
+            className={b('addon', {
+                side: hasContent ? 'start' : undefined,
+                type: 'icon',
+            })}
+        >
             {icon}
         </div>
     );
@@ -152,6 +160,7 @@ export const Label = React.forwardRef(function Label(
                         size,
                         interactive: isInteractive,
                         disabled,
+                        multiline,
                     },
                     className,
                 )}
diff --git a/src/components/Label/__snapshots__/Label.visual.test.tsx-snapshots/Label-render-story-Multiline-dark-chromium-linux.png b/src/components/Label/__snapshots__/Label.visual.test.tsx-snapshots/Label-render-story-Multiline-dark-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..a289ae84dde106b0076e22d2df1cd9d69d95b9d3
GIT binary patch
literal 4051
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

literal 0
HcmV?d00001

diff --git a/src/components/Label/__snapshots__/Label.visual.test.tsx-snapshots/Label-render-story-Multiline-dark-webkit-linux.png b/src/components/Label/__snapshots__/Label.visual.test.tsx-snapshots/Label-render-story-Multiline-dark-webkit-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..c013040ecefa2ddbcade9e737a2786191a7ef8d9
GIT binary patch
literal 3080
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
VxT+v4H-WVmg2NEdiYsoh{{{%N{Y(G=

literal 0
HcmV?d00001

diff --git a/src/components/Label/__snapshots__/Label.visual.test.tsx-snapshots/Label-render-story-Multiline-light-chromium-linux.png b/src/components/Label/__snapshots__/Label.visual.test.tsx-snapshots/Label-render-story-Multiline-light-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..523e67346d7c20d94def8b20aea4aa78a1dea13b
GIT binary patch
literal 4120
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

literal 0
HcmV?d00001

diff --git a/src/components/Label/__snapshots__/Label.visual.test.tsx-snapshots/Label-render-story-Multiline-light-webkit-linux.png b/src/components/Label/__snapshots__/Label.visual.test.tsx-snapshots/Label-render-story-Multiline-light-webkit-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..c054f8ee83719dd8bc22f08c72e7a73425dc1a34
GIT binary patch
literal 3103
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

literal 0
HcmV?d00001

diff --git a/src/components/Label/__stories__/Label.stories.tsx b/src/components/Label/__stories__/Label.stories.tsx
index aac0960180..61fbf923b4 100644
--- a/src/components/Label/__stories__/Label.stories.tsx
+++ b/src/components/Label/__stories__/Label.stories.tsx
@@ -159,3 +159,15 @@ export const ShowcaseStory: Story = {
     render: () => <LabelShowcase />,
     name: 'Showcase',
 };
+
+export const Multiline: Story = {
+    render: (args) => (
+        <div style={{width: 75}}>
+            <Label {...args} />
+        </div>
+    ),
+    args: {
+        children: 'Multiline label',
+        multiline: true,
+    },
+};
diff --git a/src/components/Label/__stories__/LabelShowcase.scss b/src/components/Label/__stories__/LabelShowcase.scss
index 506ce99bf0..9978a6563a 100644
--- a/src/components/Label/__stories__/LabelShowcase.scss
+++ b/src/components/Label/__stories__/LabelShowcase.scss
@@ -14,9 +14,5 @@
         display: grid;
         grid-template-columns: 1fr 1fr;
         gap: 10px;
-        & > * {
-            width: min-content;
-            margin-inline-start: unset;
-        }
     }
 }
diff --git a/src/components/Label/__stories__/LabelShowcase.tsx b/src/components/Label/__stories__/LabelShowcase.tsx
index 838ac5a8ca..be201b9d0a 100644
--- a/src/components/Label/__stories__/LabelShowcase.tsx
+++ b/src/components/Label/__stories__/LabelShowcase.tsx
@@ -79,8 +79,84 @@ export function LabelShowcase(args: LabelProps) {
             },
             {children: 'Key', value: 'Value', type: 'close', closeButtonLabel: 'Close'},
             {icon: icons('TickIcon', props.size)},
+            {
+                children: 'Multiline ',
+                type: 'default',
+                multiline: true,
+            },
+            {
+                children: 'Multiline',
+                icon: icons('TickIcon', props.size),
+                type: 'default',
+                multiline: true,
+            },
+            {
+                children: 'Multiline',
+                type: 'close',
+                closeButtonLabel: 'Close',
+                multiline: true,
+            },
+            {
+                children: 'Multiline',
+                icon: icons('TickIcon', props.size),
+                type: 'close',
+                closeButtonLabel: 'Close',
+                multiline: true,
+            },
+            {
+                children: 'Multiline label short',
+                type: 'default',
+                multiline: true,
+            },
+            {
+                children: 'Multiline label short',
+                icon: icons('TickIcon', props.size),
+                type: 'default',
+                multiline: true,
+            },
+            {
+                children: 'Multiline label short',
+                type: 'close',
+                closeButtonLabel: 'Close',
+                multiline: true,
+            },
+            {
+                children: 'Multiline label short',
+                icon: icons('TickIcon', props.size),
+                type: 'close',
+                closeButtonLabel: 'Close',
+                multiline: true,
+            },
+            {
+                children: 'Multiline label very-very long',
+                type: 'default',
+                multiline: true,
+            },
+            {
+                children: 'Multiline label very-very long',
+                icon: icons('TickIcon', props.size),
+                type: 'default',
+                multiline: true,
+            },
+            {
+                children: 'Multiline label very-very long',
+                type: 'close',
+                closeButtonLabel: 'Close',
+                multiline: true,
+            },
+            {
+                children: 'Multiline label very-very long',
+                icon: icons('TickIcon', props.size),
+                type: 'close',
+                closeButtonLabel: 'Close',
+                multiline: true,
+            },
         ];
-        return cases.map((label, i) => getLabel({key: i, ...props, ...label}));
+        return cases.map((label, i) => (
+            <div style={{width: 'auto'}} key={i}>
+                {getLabel({key: i, ...props, ...label})}
+            </div>
+        ));
     };
 
     return (
diff --git a/src/components/Label/__tests__/Label.visual.test.tsx b/src/components/Label/__tests__/Label.visual.test.tsx
index b13df3ea33..ddc2876905 100644
--- a/src/components/Label/__tests__/Label.visual.test.tsx
+++ b/src/components/Label/__tests__/Label.visual.test.tsx
@@ -64,4 +64,10 @@ test.describe('Label', () => {
 
         await expectScreenshot();
     });
+
+    test('render story: <Multiline>', async ({mount, expectScreenshot}) => {
+        await mount(<LabelStories.Multiline />);
+
+        await expectScreenshot();
+    });
 });

From 2563816976ad367e2e5723d2cdda00d4f3b9195d Mon Sep 17 00:00:00 2001
From: Nik Tverd <nn.tverd@gmail.com>
Date: Tue, 1 Oct 2024 20:59:55 +0500
Subject: [PATCH 2/3] feat: add key-value for multiline

---
 src/components/Label/Label.scss               |  4 +-
 .../Label/__stories__/Label.stories.tsx       | 15 +++++---
 .../Label/__stories__/LabelShowcase.scss      |  1 +
 .../Label/__stories__/LabelShowcase.tsx       | 38 +++++++++++++------
 4 files changed, 39 insertions(+), 19 deletions(-)

diff --git a/src/components/Label/Label.scss b/src/components/Label/Label.scss
index 8309e35328..cd45ddefba 100644
--- a/src/components/Label/Label.scss
+++ b/src/components/Label/Label.scss
@@ -117,8 +117,8 @@ $transition-timing-function: ease-in-out;
         }
 
         &_xs.g-label_multiline {
-            --_--addon-padding-on-multiline: 5px;
-            --_--label-padding-on-multiline: 2px;
+            --_--addon-padding-on-multiline: 4px;
+            --_--label-padding-on-multiline: 1px;
         }
 
         &_s {
diff --git a/src/components/Label/__stories__/Label.stories.tsx b/src/components/Label/__stories__/Label.stories.tsx
index 61fbf923b4..056de726cd 100644
--- a/src/components/Label/__stories__/Label.stories.tsx
+++ b/src/components/Label/__stories__/Label.stories.tsx
@@ -155,11 +155,6 @@ export const LinkWrapper: Story = {
     },
 };
 
-export const ShowcaseStory: Story = {
-    render: () => <LabelShowcase />,
-    name: 'Showcase',
-};
-
 export const Multiline: Story = {
     render: (args) => (
         <div style={{width: 75}}>
@@ -171,3 +166,13 @@ export const Multiline: Story = {
         multiline: true,
     },
 };
+
+export const ShowcaseStory: Story = {
+    render: () => <LabelShowcase />,
+    name: 'Showcase',
+};
+
+export const MultilineShowcaseStory: Story = {
+    render: () => <LabelShowcase multiline />,
+    name: 'Showcase (multiline)',
+};
diff --git a/src/components/Label/__stories__/LabelShowcase.scss b/src/components/Label/__stories__/LabelShowcase.scss
index 9978a6563a..adca29cf9e 100644
--- a/src/components/Label/__stories__/LabelShowcase.scss
+++ b/src/components/Label/__stories__/LabelShowcase.scss
@@ -4,6 +4,7 @@
     .grid {
         display: grid;
         gap: 30px;
+        width: min-content;
     }
 
     .header {
diff --git a/src/components/Label/__stories__/LabelShowcase.tsx b/src/components/Label/__stories__/LabelShowcase.tsx
index be201b9d0a..71d91b7f69 100644
--- a/src/components/Label/__stories__/LabelShowcase.tsx
+++ b/src/components/Label/__stories__/LabelShowcase.tsx
@@ -22,17 +22,21 @@ const icons = (id: 'TickIcon' | 'GearIcon' | '-', size: 'xs' | 's' | 'm' = 'xs')
     }[id];
 };
 
-export function LabelShowcase(args: LabelProps) {
-    const themes = [
-        'normal',
-        'info',
-        'success',
-        'warning',
-        'danger',
-        'utility',
-        'unknown',
-        'clear',
-    ] as const;
+type LabelShowcaseProps = LabelProps & {multiline?: boolean};
+
+export function LabelShowcase({multiline, ...args}: LabelShowcaseProps) {
+    const themes = multiline
+        ? (['normal'] as const)
+        : ([
+              'normal',
+              'info',
+              'success',
+              'warning',
+              'danger',
+              'utility',
+              'unknown',
+              'clear',
+          ] as const);
     const sizes = ['xs', 's', 'm'] as const;
 
     const getLabel = ({...props}: WithKey<LabelProps>) => <Label {...props} />;
@@ -79,6 +83,8 @@ export function LabelShowcase(args: LabelProps) {
             },
             {children: 'Key', value: 'Value', type: 'close', closeButtonLabel: 'Close'},
             {icon: icons('TickIcon', props.size)},
+        ];
+        const multilineCases: LabelProps[] = [
             {
                 children: 'Multiline ',
                 type: 'default',
@@ -151,8 +157,16 @@ export function LabelShowcase(args: LabelProps) {
                 closeButtonLabel: 'Close',
                 multiline: true,
             },
+            {
+                children: 'Multiline key-value label: key',
+                value: 'Multiline key-value label: value',
+                icon: icons('TickIcon', props.size),
+                type: 'close',
+                closeButtonLabel: 'Close',
+                multiline: true,
+            },
         ];
-        return cases.map((label, i) => (
+        return (multiline ? multilineCases : cases).map((label, i) => (
             <div style={{width: 'auto'}} key={i}>
                 {getLabel({key: i, ...props, ...label})}
             </div>

From c8a0a5f3caef327fa9e57c12f3873f3358f25796 Mon Sep 17 00:00:00 2001
From: Nik Tverd <nn.tverd@gmail.com>
Date: Tue, 1 Oct 2024 21:25:36 +0500
Subject: [PATCH 3/3] test: update multiline screenshot

---
 ...er-story-Multiline-dark-chromium-linux.png | Bin 4051 -> 3632 bytes
 ...nder-story-Multiline-dark-webkit-linux.png | Bin 3080 -> 3066 bytes
 ...r-story-Multiline-light-chromium-linux.png | Bin 4120 -> 3719 bytes
 ...der-story-Multiline-light-webkit-linux.png | Bin 3103 -> 3089 bytes
 4 files changed, 0 insertions(+), 0 deletions(-)

diff --git a/src/components/Label/__snapshots__/Label.visual.test.tsx-snapshots/Label-render-story-Multiline-dark-chromium-linux.png b/src/components/Label/__snapshots__/Label.visual.test.tsx-snapshots/Label-render-story-Multiline-dark-chromium-linux.png
index a289ae84dde106b0076e22d2df1cd9d69d95b9d3..69845eb12b394a61a74b7f64ad88a27b8ab5c18e 100644
GIT binary patch
literal 3632
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

literal 4051
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

diff --git a/src/components/Label/__snapshots__/Label.visual.test.tsx-snapshots/Label-render-story-Multiline-dark-webkit-linux.png b/src/components/Label/__snapshots__/Label.visual.test.tsx-snapshots/Label-render-story-Multiline-dark-webkit-linux.png
index c013040ecefa2ddbcade9e737a2786191a7ef8d9..8492c3385e27b9cb3c46344c8d0513cee3d947bd 100644
GIT binary patch
delta 946
zcmV;j15Nyh82T5G7YdvR0ssI2<gq|Yks%cUudz3d0e>CJ^|`#h!>_$XL?6HVyIfA*
zV9kn}x<jwNxq8jDk6pVCJTzv>zWDa9%vKu_^<Dj{@5)yjta;?*+s>+LA{ywr)cf_9
z+cZ9S{Fo)X!r!v1|LTSN{pQeI?ofN(TD48>9Y<d||H%iDP;h18e0bu_-~UWR`F!qv
z58TW;upLP(lT9V!rDkhIwLiQnoz?s;?L?GGB@HE8dHT?^Xae&A0_&%fT?EhqXC9L;
z1!V%Op0kz(mH`4fKeH|ei~)b@gzcD{pvdt~HW^#KeEO4fr`|8PrfepiN+se%R8m@2
z@Q}4v^PCReCL*KJWVSg7a}yLj-a7^=QIg!%ev92<G?j^xq+V20lng|)_Ofu%*>J&<
z<$KpWEGxGyFU(<Xf+EL0*_uG>p2NqC#?5Z_(#gWBdCK=DVU#2zVQzndqQ^T~m&ez6
z?1Uf))1$X<_jD~rrZSnk7bHCXi(i*otm{3faORJd3mB?5FgHPw<DG0^Plq4~3z4ad
z|N2M4r8D*7`g0#hh7$F<oU50pH{?u;)VT@DF*iZ+;(hpKwY!LDdh|{~uNIrrXj*?)
z!D26*6Txh=t2biNMZ$mF1VxW`vI?m)!4_V}xNZL-^~TzH4Sa!?f+bb84MdcR$Kp$i
zgt-Zd9`9rqBGW`v6KFM*-2HGDC28-Gm#lWzLS%}FEOv*wTs`MXM4pBwUsK!4GdQcN
z8`}30QLz7px~az81VxVbzU<KT%hfxYN-gCt{QQ>-)02W;@2r2UmgV&MQy<hex7#Z`
zb*+0$=JH@)cP^75qI^Do{eP!BkDX}kcs3SYG?tib?kYhL7H7kQU6<77#M}f$j(4)r
zxyZSX|JK@Z$m#LAYy8RBQn0Uk==zmpe0i|zQn|zJ^48ehRb%}<c~MV9awZcR?n|c<
zO?#fPS9&DT5MO_ePTU?C{O027V={Ga0`+S#7Q0h)xU%U~I20TkxEUJi+qNkZU|pCi
z0Ui?ON&wgtBn!+SSzrdq0y9V!n9(d*oGM~Yv$s#XWN~>F&hoNmZ=Yt#X21Oxt-y<h
zZ=Yt#%ITzrKdJC2^0NFSCaWk)a(N!rvXhtP<nlaecPKQX<#!B}d_J)>CmBtW(In`_
zl`mUC5mFRIk>zYAnN24(?3J|tT8yG(Q;BRUq46+)51f~g;Z~D?2OpCl0Sy-UKZj_7
Uj}mU7Qvd(}07*qoM6N<$f^SFLg#Z8m

delta 958
zcmV;v13~=y7l;^;7Yd*V0ssI2mkEcRks%cUy|Fir0e@tH86*qL;IMstF0b$KYi|+J
z$M60wmy<VGv!bT%(5r8*UUThZ*RBH(jajlUzWpn+)kZ{pSHJ4J^3?`w9y$58v#Oei
z2D&cwe*NV(jSn6_X34Jbx9sY_df|TG&oGxe)Lyq%ZBu*4(O1rY@<AjNTv<3Do;dUO
zKNC?tpCr5A12?k{Y!b_4Q;B$~*;-NU53fpRHGfMx5oJ<IL&;YDlE$-P0`ma^Oa7Bq
z1keJ<bdx9rWdhsDvyTOq0Rn1jvnL0P0e^xZ5auQ*dc2cO#+EOi{^Z=L_Y1Bmn@Oiq
zi8v9Jl$I4dWbM^Fr-QeN$Y?Z~Z4ScR1VxYcj)6*)BzLvnVs{u#Wuhdh7u6Ic0}-vg
zEL?OpT(D&M-Zc-)%5BRFbC{c;$gxkhCeXU)@G+xtvzxtivhZr2^1VqICCNybn}49_
z@lMv|@pT?MAqc|s=<VA*U5k;aOy=$d36KBc*QFNgdJig``D5h*hUyK>O;F@`CmYz)
zAqc`kWa{F-{!wu0Oue}N+y|1OM7=KO>Luz8Ig=uFZh~^mO;EgeAAVWwE+U#9y;IPu
z#pX1c*56gI*bC=GFx%|vjaYP%Fn>2e(c_)0Lh4Mgh1W4|+kZ&Cv36bqU!bL6NmXqF
z5vAg>_|hU_Zi1r6JK2TEG!fMVS`8(4Kiox0+I!?BtKGE_nIa;K-Jvd5&$$wjr=iK$
z)VA^r&Z_E$_Ps<D?7yLIsxdb~k>kBDJ9PbW^^T@eOZf{w|K-B;q@dS3D}SqHIeq@r
z2er-Z_6kp3>mHN2JlNNr%VdZspU+?a-|5a{Ct5q6jYSuYB_^A@N)Uv_+3;Z3CG|Nm
zH$jo(oosY2a_-~5wRRkGdc5u$e=@cd?CT!7ekB=S9_+eQ?r^)jHFkH^SbtAm)Dw}M
z$%Kac(y2t#o@eZp9!WIBmocLgw+9Blxw!h6Or4uR{aTF0?i3xaY&sPV1;++%hKBmK
zZHfd~7v@TUhlIHj05%1Y@f3f}lEn#m<}`czv`ZEjvEnQ*YxeeOmTdOh*9`z(G<^Fs
zOIA)NHT+41N0FE1Cox$?QIgB^sFt0)EGL)eNxMT4Ex*a7<nxK8Imu{}j3z-Zu6(5x
zijblxiY#X{$!t2QVXvh9mk$*sn@VI;35|yVeBit+FoR@)86*qLAX$^#3kZ|03pSIk
g3pN@-vcSy$0jK1Gm$GtCU;qFB07*qoM6N<$g5z4)bpQYW

diff --git a/src/components/Label/__snapshots__/Label.visual.test.tsx-snapshots/Label-render-story-Multiline-light-chromium-linux.png b/src/components/Label/__snapshots__/Label.visual.test.tsx-snapshots/Label-render-story-Multiline-light-chromium-linux.png
index 523e67346d7c20d94def8b20aea4aa78a1dea13b..12c6fad34cf30b1f59b824f6da6549fcae6b429c 100644
GIT binary patch
literal 3719
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

literal 4120
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

diff --git a/src/components/Label/__snapshots__/Label.visual.test.tsx-snapshots/Label-render-story-Multiline-light-webkit-linux.png b/src/components/Label/__snapshots__/Label.visual.test.tsx-snapshots/Label-render-story-Multiline-light-webkit-linux.png
index c054f8ee83719dd8bc22f08c72e7a73425dc1a34..1fd7ea80c0ba2d5069d17e5871aa5eed46b3c512 100644
GIT binary patch
delta 1798
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

delta 1789
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