From 6cd5ecd0c10e8c31349f81b7b55e300f3847c276 Mon Sep 17 00:00:00 2001
From: Marionne Patel <95588923+marionnegp@users.noreply.github.com>
Date: Tue, 24 Dec 2024 21:49:08 -0500
Subject: [PATCH 01/18] docs(badge): update best practices (#2099)
---
elements/rh-badge/docs/20-guidelines.md | 60 +++++++++++++------
.../badge-best-practices-large-number-do.svg | 4 ++
...adge-best-practices-large-number-dont.svg} | 0
.../badge-best-practices-two-badges-do.svg | 8 +++
... badge-best-practices-two-badges-dont.svg} | 4 +-
5 files changed, 56 insertions(+), 20 deletions(-)
create mode 100644 elements/rh-badge/docs/badge-best-practices-large-number-do.svg
rename elements/rh-badge/docs/{badge-best-practice-large-number-dont.svg => badge-best-practices-large-number-dont.svg} (100%)
create mode 100644 elements/rh-badge/docs/badge-best-practices-two-badges-do.svg
rename elements/rh-badge/docs/{badge-best-practice-two-badges-dont.svg => badge-best-practices-two-badges-dont.svg} (97%)
diff --git a/elements/rh-badge/docs/20-guidelines.md b/elements/rh-badge/docs/20-guidelines.md
index 130ad45eb1..7b575595b7 100644
--- a/elements/rh-badge/docs/20-guidelines.md
+++ b/elements/rh-badge/docs/20-guidelines.md
@@ -94,25 +94,49 @@ that are made in a toolbar filter or select list.
### Large number
-Do not allow a badge to display a count over 999.
-
-
-
A value threshold for the number displayed in a badge should be established, and any number that’s larger should be shown as the threshold value with a plus sign.
+Do not allow a badge to display a value over 999.
+Use at least one visual cue other than color when using two badges side by side.
+Do not use only color to associate two consecutive badges with two different meanings.
+Keep the thumbnail in a circle.
+Do not change the shape of the avatar thumbnail.
+Use the right avatar thumbnail for the theme.
+Do not use a light theme avatar thumbnail in the dark theme and vice versa.
+Use an avatar thumbnail to represent an authenticated user.
+Do not use an avatar thumbnail when an icon is more suitable.
+d-$JY?5~RP(s<-UQjsS8r+V{n}6-IaTgVU_47yGD3@d6 iZmNezIoFYj!
zH^)5Q3qD%2Y!=%m^Pv(_YN}275SeB_wu&$O>NYttFFegyiU{(PT|57{hC%V#8NCW3
zC2(aoPiGg;HhbII*)8xtt&_?nWv?8(O!@i3M4pU1AOehB8PDEnmV!2k?}E>sVmv6`
zh+uqCwhsc&YyfLWH9Dkcg0UBunp3XUcfXoEczk>b-`|rTteqInFb$wbWGLPxdu`#h
z+f=kFTT+nrLq0mva1^xH$T!Ea`(b78O)`p;p0+hrDE@^SOBfV
zWAC-Y?uXp-xwmJ#6;h{~U~erk{Kw%
=bd?*~)MSKg#%-WPtlS62v^|B+(%0wU(~0zsn>k!=$8+#uU;Z
z_XH953T7pficJ06hHyx%?`EYG&TA+5=%R1Ifo6lEvbuV0^M0r~4qj@Rj=I}U;5~r7
zXzhHt)@YLNE`3VS&dmLz6+tbd)&%C@-3fMaFbL_^o%1l($IEpMe5pGcOX!bc^aR||
zZYO+7LXw3+;|z;V=b~`<%?ifwh0~Th(YA`?B7CO}oYxZXrh(qeBZBKUA?jX`zEwOS
zp83y$O=~&r+`1}pD58_@Z;C;uzi?pW;e}M^`M8|3wLNX{r}r<(!H^=U2l+&VP9{IV
zL#qVBdtA|k;_u7(ss(^M7qm4JR}sqv$NWykA~_711=Lj-V4#CN5-j__eWeSG+%|u+
z!_TZ_^n;eo`3qJaksq~kf%YEOv$qIi%6SHPp%mghtD9x$vnxo$pc4Vb*
z+q2M{f@#6Sht%+w$3KzJlqFY0+dM$xxSZb{ST}SK6&b<|8Lc7>QCu;{cr67DLtkBJ
za@lWZcJIYmm!1)D(}|ewYDZ2)dw6DT*59yj4pP$f5B;dPeG0-hx_ixN1U&zQ*($9d
zU@NgeCqoS%`U_sY*%jyD0utOKq#9YZ3MKkIXRUsZ7dAV+uO(ush~%9@h~m4xseP^-
z_pwAtUK)n!JbRg1e!zlm|9(Ebq&FJsyl)b8@??_yy34G|^OanXaP)lFopS5j_6W7n
zT^&Hi#
=)3;%@
ztL&5Jh4J8;wiZ~0cM1Il_Ae(_W?lJx7bXA0jpEuq1HhD4A=ik4wkmgOG}Cj@5aRXF
ze<(!Cj6-1`x{3rHt&ioEL=8&MRe8
^bZ<-i6DvG*@z?q@
zhSDauX|}!=>(VZ_Ky4_gQXxu>sGgx#tGs%E6xyBkpEh!>BIR3Yi1>g*Vx~1x5WOH>
zjw(@{O7uM<6(So0PDUn1WF|Kay~Kp9sgZ`_t+bKqZj@ykp&SvyojiN-caEGkOeLgI
z@9y2PW6msKbJ~Km-84o<7?ElU2vZ8T7UoyxW%A%YQ4-(o4|syOzJ6&nRx&QiUB%((
zLGiz-Ibst+3O|gT)d~v%I`RCOXbl@I|9l0{4F31n;*SLZsqGz?)uAYmG+~z=@vei~
z$Zo1)J;R#AIk1O~=!mKC3Um6K%f&zbQxhGoAIL|0(~ET3b9$dSYq^3CBtsL^X^*pt
zY%^huiZYg9n;DGM-1PW$H2<}*X@Z?{8P;ORN9h~)BJ$m0`SOcM;3N&CzqDtqb1Qbt
zo-fUX`Fdq@(5bgZj4*#vjJdacri*80