From b411a2d58309acbccfb56b78b8f5e8ce61eadf0e Mon Sep 17 00:00:00 2001
From: Sascha Eggenberger <seggenberger@gitlab.com>
Date: Wed, 22 Feb 2023 11:29:47 +0100
Subject: [PATCH 1/2] feat(label): Reduce label variants

Reduce label variants down to a single variant.
One size fits all.
---
 src/components/base/label/label.md            |   1 -
 src/components/base/label/label.scss          |  37 +++++++-----------
 src/components/base/label/label.spec.js       |   3 +-
 src/components/base/label/label.stories.js    |   9 +----
 src/components/base/label/label.vue           |  29 ++++++--------
 src/utils/constants.js                        |   5 ---
 ...e-storyshots-base-label-default-1-snap.png | Bin 12555 -> 12343 bytes
 ...ge-storyshots-base-label-scoped-1-snap.png | Bin 13236 -> 12122 bytes
 ...ts-base-label-with-close-button-1-snap.png | Bin 12483 -> 12257 bytes
 ...shots-base-label-without-target-1-snap.png | Bin 12555 -> 12343 bytes
 10 files changed, 28 insertions(+), 56 deletions(-)

diff --git a/src/components/base/label/label.md b/src/components/base/label/label.md
index 8cdbc792a8..77445218d7 100644
--- a/src/components/base/label/label.md
+++ b/src/components/base/label/label.md
@@ -9,7 +9,6 @@ They provide a quick way to recognize which categories the labeled object belong
   background-color="#D9C2EE"
   title="Label content"
   description="Some content"
-  size="sm"
   tooltipPlacement="top"
   target="http://some.url"
 />
diff --git a/src/components/base/label/label.scss b/src/components/base/label/label.scss
index b6244dddc5..142f4f7aab 100644
--- a/src/components/base/label/label.scss
+++ b/src/components/base/label/label.scss
@@ -16,7 +16,7 @@ $label-close-button: '.gl-label-close.gl-button';
     background-color: var(--label-background-color);
   }
 
-  &:focus-within {
+  &:has(*:first-child:focus) {
     @include gl-focus($color: var(--label-background-color, $white), $important: true);
   }
 
@@ -30,7 +30,8 @@ $label-close-button: '.gl-label-close.gl-button';
     @include gl-max-w-full;
 
     &:focus,
-    &:hover {
+    &:hover,
+    &:focus:active {
       @include gl-reset-color;
       @include gl-shadow-none;
       @include gl-outline-none;
@@ -40,16 +41,18 @@ $label-close-button: '.gl-label-close.gl-button';
   .gl-label-text,
   .gl-label-text-scoped {
     @include gl-display-block;
-    @include gl-px-3;
-    @include gl-py-2;
+    padding-block: $gl-spacing-scale-1;
+    padding-inline: calc(#{$gl-spacing-scale-3} - 2px);
     @include str-truncated($label-max-width);
   }
 
   > #{$label-close-button} {
     @include gl-border-0;
     @include gl-display-flex;
-    @include gl-ml-n2;
-    @include gl-mr-2;
+    width: px-to-rem(14px);
+    height: px-to-rem(14px);
+    margin-left: calc(#{-$gl-spacing-scale-1} - 1px);
+    margin-right: calc(#{$gl-spacing-scale-2} - 1px);
     @include gl-p-0;
     @include gl-rounded-full;
     @include gl-shadow-none;
@@ -72,7 +75,7 @@ $label-close-button: '.gl-label-close.gl-button';
     }
 
     .gl-icon {
-      @include gl-p-1;
+      vertical-align: -1px;
     }
   }
 }
@@ -146,6 +149,8 @@ $label-close-button: '.gl-label-close.gl-button';
   }
 
   #{$label-close-button} {
+    margin-left: calc(#{-$gl-spacing-scale-2} - 2px);
+
     &:focus,
     &:hover {
       .gl-icon {
@@ -155,27 +160,13 @@ $label-close-button: '.gl-label-close.gl-button';
   }
 
   .gl-label-text {
-    @include gl-pr-2;
     background-color: var(--label-background-color);
   }
 
   .gl-label-text-scoped {
     @include gl-text-gray-950;
-    @include gl-pl-2;
-    @include gl-pr-3;
-  }
-}
-
-.gl-label-sm {
-  .gl-label-text,
-  .gl-label-text-scoped {
-    @include gl-py-0;
-    @include gl-line-height-normal;
-    @include gl-font-sm;
-  }
-
-  #{$label-close-button} {
-    @include gl-mr-1;
+    padding-inline-start: calc($gl-spacing-scale-3 - 4px);
+    padding-inline-end: $gl-spacing-scale-3;
   }
 }
 
diff --git a/src/components/base/label/label.spec.js b/src/components/base/label/label.spec.js
index 77d1c185d7..4b8dbd94bc 100644
--- a/src/components/base/label/label.spec.js
+++ b/src/components/base/label/label.spec.js
@@ -1,5 +1,4 @@
 import { mount, shallowMount } from '@vue/test-utils';
-import CloseButton from '../../shared_components/close_button/close_button.vue';
 import GlLink from '../link/link.vue';
 import GlTooltip from '../tooltip/tooltip.vue';
 import Label from './label.vue';
@@ -41,7 +40,7 @@ describe('Label component', () => {
   const findSubTitle = () => wrapper.find('.gl-label-text-scoped');
   const findTooltip = () => wrapper.findComponent(GlTooltip);
   const findTooltipText = () => findTooltip().text();
-  const findCloseButton = () => wrapper.findComponent(CloseButton);
+  const findCloseButton = () => wrapper.find('.gl-label-close');
 
   describe('basic label', () => {
     it('renders the label title', () => {
diff --git a/src/components/base/label/label.stories.js b/src/components/base/label/label.stories.js
index 24fab5f379..ffa88163eb 100644
--- a/src/components/base/label/label.stories.js
+++ b/src/components/base/label/label.stories.js
@@ -1,4 +1,4 @@
-import { labelSizeOptions, tooltipPlacements } from '../../../utils/constants';
+import { tooltipPlacements } from '../../../utils/constants';
 import GlLabel from './label.vue';
 import readme from './label.md';
 
@@ -6,7 +6,6 @@ const template = `
   <div class="gl-display-flex">
     <gl-label
       :background-color="backgroundColor"
-      :size="size"
       :title="title"
       :description="description"
       :tooltip-placement="tooltipPlacement"
@@ -25,7 +24,6 @@ const Template = (args, { argTypes }) => ({
 
 const generateProps = ({
   title = 'Label title',
-  size = labelSizeOptions.default,
   tooltipPlacement = tooltipPlacements.top,
   scoped = false,
   description = '',
@@ -37,7 +35,6 @@ const generateProps = ({
   backgroundColor,
   title,
   description,
-  size,
   tooltipPlacement,
   target,
   scoped,
@@ -71,10 +68,6 @@ export default {
     backgroundColor: {
       control: 'color',
     },
-    size: {
-      options: labelSizeOptions,
-      control: 'select',
-    },
     tooltipPlacement: {
       options: tooltipPlacements,
       control: 'select',
diff --git a/src/components/base/label/label.vue b/src/components/base/label/label.vue
index 50e182018b..bf0b939bf1 100644
--- a/src/components/base/label/label.vue
+++ b/src/components/base/label/label.vue
@@ -2,16 +2,18 @@
 <script>
 import { labelColorOptions } from '../../../utils/constants';
 import { colorFromBackground } from '../../../utils/utils';
-import CloseButton from '../../shared_components/close_button/close_button.vue';
+import GlButton from '../button/button.vue';
+import GlIcon from '../icon/icon.vue';
 import GlLink from '../link/link.vue';
 import GlTooltip from '../tooltip/tooltip.vue';
 
 export default {
   name: 'GlLabel',
   components: {
+    GlButton,
+    GlIcon,
     GlLink,
     GlTooltip,
-    CloseButton,
   },
   props: {
     backgroundColor: {
@@ -29,11 +31,6 @@ export default {
       required: false,
       default: '',
     },
-    size: {
-      type: String,
-      required: false,
-      default: '',
-    },
     tooltipPlacement: {
       type: String,
       required: false,
@@ -69,7 +66,6 @@ export default {
     cssClasses() {
       const textColorVariant = colorFromBackground(this.backgroundColor);
       return {
-        'gl-label-sm': this.size === 'sm',
         'gl-label-scoped': this.scoped,
         'gl-label-text-dark': textColorVariant === labelColorOptions.dark,
         'gl-label-text-light': textColorVariant === labelColorOptions.light,
@@ -78,9 +74,7 @@ export default {
     cssVariables() {
       return {
         '--label-background-color': this.backgroundColor,
-        '--label-inset-border': `inset 0 0 0 ${this.size === 'sm' ? '1px' : '2px'} ${
-          this.backgroundColor
-        }`,
+        '--label-inset-border': `inset 0 0 0 2px ${this.backgroundColor}`,
       };
     },
     scopedKey() {
@@ -89,9 +83,6 @@ export default {
     scopedValue() {
       return this.title.slice(this.splitScopedLabelIndex + 2);
     },
-    closeIconSize() {
-      return this.size === 'sm' ? 12 : 16;
-    },
     labelComponent() {
       return this.target ? GlLink : 'span';
     },
@@ -143,14 +134,18 @@ export default {
         {{ scopedValue }}
       </span>
     </component>
-    <close-button
+    <gl-button
       v-if="showCloseButton"
       class="gl-label-close gl-p-0!"
-      label="Remove label"
+      category="tertiary"
+      size="small"
       variant="reset"
+      aria-label="Remove label"
       :disabled="disabled"
       @click="onClose"
-    />
+    >
+      <gl-icon name="close-xs" :size="12" />
+    </gl-button>
     <gl-tooltip
       v-if="description"
       :target="() => tooltipTarget"
diff --git a/src/utils/constants.js b/src/utils/constants.js
index 56b0cf1ea7..faa4f1811b 100644
--- a/src/utils/constants.js
+++ b/src/utils/constants.js
@@ -78,11 +78,6 @@ export const variantCssColorMap = {
 
 export const targetOptions = ['_self', '_blank', '_parent', '_top', null];
 
-export const labelSizeOptions = {
-  default: null,
-  sm: 'sm',
-};
-
 export const viewModeOptions = {
   dark: 'dark',
   light: 'light',
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-label-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-label-default-1-snap.png
index b458d8ea8dfdd13abe708d4431d9ee4b8119d4ad..b50729ee12050b1c65822f0bb13aaa75d8bf1f58 100644
GIT binary patch
literal 12343
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
O1B0ilpUXO@geCylfonqm

literal 12555
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
GGywpmoZ?9U

diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-label-scoped-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-label-scoped-1-snap.png
index fb3a41acddc221bc00135039bf78904d340729b9..c61c45cf233ebfa54105b0fd3b7818db881f0b1e 100644
GIT binary patch
literal 12122
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
P7#KWV{an^LB{Ts5c;^i~

literal 13236
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
O7(8A5T-G@yGywqde1MAp

diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-label-with-close-button-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-label-with-close-button-1-snap.png
index bc040ea5497f31ffa5e80c39ab799a069c7ad14e..3e3dcdcee9bd0406dfabad1965467f2a04c2469d 100644
GIT binary patch
literal 12257
zcmeAS@N?(olHy`uVBq!ia0y~yU{+vYV2a>iV_;yIRn}C%z@Wh3>Eakt5%=~k_Xf3+
z$m1XXJBB5c`-;UFn(N0n`OaF?qm%zQ^~}soA#)7fRYe$$^A$SXj%lgfi*PnJVVUVO
zNs#q(lX()$QH|_nCZeo@Q$qwcWQv!?-gsMkzqJ2!V))IuKX^a=-qUyZ#Ldm;?dGS?
zeE7Qh=FZ;9$8Vf^JnMA6#On3&_IXj;6LWS{KAtgq_U&8zyD$ISyL0Zb8<o@N9=nv<
zee6@M`2Ec9TO=5nSU3a}92yuJmmIirh+*fqQ(GV3%D-!IENrvNPw(B#XJ>7>{%Nmx
zf2wxbPUgRh{sci(gS7p5!+A%^VcoAsuQsNAT66r%#+~+R{wyKePJEG^-z&Y0Yx4hp
zFK*6Pot*9*CbQv7`ukILN1=8xGO@f<VEW9s$<ofu?_X<m-Y5C~R;J4mGo_V|yyt<r
zh>^)!&wzWv>-}5HVm|ktJiV??L_V%|tLcTzDY=twe*U++*Y^G9*L|yh`yq5JWhypb
ze|yKrP2THf|K0yv&ffQdyP(m}({=mz=Dabft)0aVayi(;j7-}j6W+Z#eLZK-zg4A^
z^KX0+TC6MYZ~4bC`ReL>mf!ZB-?#mz`k&Xv_Y9`J-S@oW*<}8`XYU*TZ4{6DwDRM_
zdaLw352xnuzWTlPZP)sq_c4Fpeq3?C=FgjK_4#FwB6dA_er#d=5B21S*ZHiUy?m^C
zzV@lb14jOxXFs3+cjJEV)9N>-a<vcM-+5GR_g7zD{(8*!y&t!z%h~+@Zoc0o_gCAO
zr@w!cthwFuhFu60Jz!_g5Ig>K`k#cyUly08zuov?Yk2t-2Fv$N{C)NRAE`dRA-=b)
zY>R&FTkhoRv1PKq?|c_OerWw$kA|9m-1B8u`^8)KRUEtcS<tArzx>bP*~bFU$6Ct$
zI?eyTu))V}YsD|NuP@!dyeoci_ph3gLjwcYMg@liYnEqvdtdB&`G4j9tH-x7Jy|w8
zPbz)R-)|pRcH0@{#Z*78xN=y|KJL?;@SeHl_bPqnGe&O7xVYoZsr7yO{!WSi_tt0b
z`P1?E*xqkZhO<A;tlyh3r|#PAV_WTal>Pa|$lfO|_vzEd<4+_f=h`wC{YyVDz25%m
zj+@`#?K++JSl<8lmz-l?BBxdB?*G1a-?r2SpZ^_`jnCWW)_j=!Uiz~A+b5j;|Mq^I
zv;6PJH`jN5*l207Owg#-=W+6Bg_-|9&UViIbp5aV#vJPve*+MS1mvLtA%)Gy*Uo3U
z8P-tq&)(kr+`ktyAD?(GYd!7Fu9QDNXU7@IeLrzu*1zhG<7SH=PtwmxAD6GaRPn%$
zU+%rd=O=|X&G#Ak#Z~^=@oCli{>5>{KP>*G=F9!Q`=9agl=Ar|`>M~DAM0FSaoWFz
z^V*?w%WX9?ulrZAJyD)Ky`=U<aC*ORU!1Af+nVbi)AMUyRvgK<NwazUo&V;mr{?Y_
zzH~?T_Op8ZwhwCf;obp@h=v2-IL@%2__DZM+)nh<<+!G;|CW7y{OWyu`5d!Kx8(KJ
zZ%q3to=x1$Fw;)^)AIB8zpOdRU%w;I=I4gvJ>_%1G=99ueNOgu{f;u3e`ltj+qbRi
z?5n~HpXJT({r~n^U4P@R=ehgXQ{0)KoVYGyHt*k(=HrL!zE0d+DgOU<>*M$5EldBL
z<$QndA;V3hD=a6z{R#V=%n8j#EF3=na;x0qn!e6m{l9un&9BbKtKQcZ-+3+fUGDYu
z_0qrJ7ayoNc+mYU)04dN+qHi#I<}wxZTI_xy~Oc-AM}sApR-S|`E!WBSG9Zknflzb
zyxGTg-}~~f@aNR&|Ms(=5S~~1Am`k(%FB_b-|ahY@j6$2_tm%gue~=sb3W_6;m>Dh
zL`vPw`s{wozNz0A^n;SprTcRBWwZBu$&!+}e0=5m+SgBJ_I~}$xGC-Jtim&&<86Q6
z+I7-c&foIQ#>YLO&wZGl{7pW~yE^^-?}#5iJm)uUU3|V_&zGz1ear1WN`9U{Z>#QH
z-N(tF)f02yzW3c<U))e3{HyGL+-F`ynRe{Y@eh9YH`x9yS*|O8nW6Hqw!h@}=#Ah1
z+>hJxVqNmpmFhja-_%V1*p$9E=hMDE?PI6R<!$BuT{wP@{lri4`Q~AAm6s|m?Bk!e
z=X~<j9gl8L@7-_pZp+8seE)mQMSl_>>&JcB_3;6_UCOt8{r+)ZE`Hn<zNhrtrxoAl
z{61Issc`xISH6$LYu*VzzSF<Ie9yNT+j~@Z>&~qg{`F;Xop{|_*5h{7Hm_Hnm)`$1
zyI<<^_l7yYJ2xNWbYCmA`~AM-PtLwy-m}#Ey%}HKtHkX$ihtX+m0#}OP{Xsnz6w$1
z=j=al=d8K^KZQfx>*v?9yg&54(T6$Z*QTYq@|P#<cs}pD%=-G@r#@aiz2Bzt<<;h6
z_rBlF|Ma)`GvlU|kC#4PU0<L2=lb=3$#2T{v-{lR-&FMHkL`Qg-<iwiH+^0AeXddU
z`xAe|-WXS!J$do*KrO$-|IhpFCG@TTb!@EIuKHMaz1?3i<Lh^JRPA}y>)z|V{>LSY
z&rkS!%j+Lp`Dve>^6>hy{095vPoMX{I;!5sEdS}l$9cu~EbVIku^-#@HT(E_n->co
zA8nU0{uWWz|91MUn&Z>-_kUs+d?&ClA70{Vh|id9^LgXPUHR)|@9+O~?4<iuzxk{)
z|9!l7`$x>ZtTpocJ#v5E>ps3I{>IX%!=DhbU*?h^rf@lb&#Ug$$7j91o?oSw^6C98
zp(n@Z1o!hwo9%VUJ-Nv>`6#1z`H@@S;aNvuh4>8q3DGVmzSR40r+kif+V+j_tF`rA
z6*IHE8(-9q_{Ue7)^_w;|GxOv9hTAys=4ndIV?N8?*Fx2g=eRlS8%0x|MaXs6IZtN
z(CKw~@9$5jtAmwxjn>-_tYu31yz6>Q-Qft^O3!P)ug!esaqcKq*141SYt@#y?~Kfs
z$#30V@@dlQr@!^yF>TO=mi!G2jki4$W-}I9pZ$CpQ3)vo=qNaJ_2-wutYBoyWMrHq
zX5J4ksT?*oFlgHCyNW0wmawvTMBTALXgSKnwB*N+Fm-rEGeJy1A+zu^BB_aRb4+;j
zIC?I^)F_9BB}dOH!?lb$WHdxZ)5vJ987)UfOV-i422oFr*1n_dk<k{~Xj5^t@jTj{
z80}!ed+4KG&e2Zz=&;1-K+WjT)#w=7=%^xm1bTFwl}01ayk;4v85sEIfYt(x);pv1
z&S<?eTJMb3JEQduY#MiT#&dKIcyv~Lbe+KH%8AjnB%_O35Yv~Vi&{n(wa{l#%Rm10
Y!A@%x(xX`z7#J8lUHx3vIVCg!01+zc(*OVf

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

diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-label-without-target-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-label-without-target-1-snap.png
index b458d8ea8dfdd13abe708d4431d9ee4b8119d4ad..b50729ee12050b1c65822f0bb13aaa75d8bf1f58 100644
GIT binary patch
literal 12343
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
O1B0ilpUXO@geCylfonqm

literal 12555
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
GGywpmoZ?9U

-- 
GitLab


From 9039066d34c6e08c1885e4b03240c8a1bd7fad8d Mon Sep 17 00:00:00 2001
From: GitLab Bot <gitlab-bot@gitlab.com>
Date: Tue, 16 Apr 2024 12:34:56 +0000
Subject: [PATCH 2/2] chore: update snapshots

---
 ...ge-storyshots-base-label-scoped-1-snap.png | Bin 12122 -> 12126 bytes
 ...ts-base-label-with-close-button-1-snap.png | Bin 12257 -> 11612 bytes
 2 files changed, 0 insertions(+), 0 deletions(-)

diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-label-scoped-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-label-scoped-1-snap.png
index c61c45cf233ebfa54105b0fd3b7818db881f0b1e..deb44c938739acf149295a3b6604909b1f139414 100644
GIT binary patch
delta 2810
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
E03>YQbpQYW

delta 2810
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
G5}E)Nd+HSc

diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-label-with-close-button-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-label-with-close-button-1-snap.png
index 3e3dcdcee9bd0406dfabad1965467f2a04c2469d..21e660c76986160b7d01616b01532e62cd1d64d0 100644
GIT binary patch
literal 11612
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
S%YO_E3=E#GelF{r5}E)RAbhX@

literal 12257
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
Y!A@%x(xX`z7#J8lUHx3vIVCg!01+zc(*OVf

-- 
GitLab