From 8cbcb798aeb66dd36955c09d4615377ce8532c46 Mon Sep 17 00:00:00 2001
From: Brian Ferry <bferry@redhat.com>
Date: Mon, 5 Jun 2023 14:05:10 -0400
Subject: [PATCH] docs(stat): spacer table (#1040)

* docs(stat): removing spacer token images, replacing with spacer table

* docs(stat): moving repo status to bottom of docs for stat
---
 elements/rh-stat/docs/00-overview.md       |   4 ++--
 elements/rh-stat/docs/10-style.md          |  11 +++++------
 elements/rh-stat/docs/stat-24px-spacer.png | Bin 962 -> 0 bytes
 elements/rh-stat/docs/stat-8px-spacer.png  | Bin 872 -> 0 bytes
 4 files changed, 7 insertions(+), 8 deletions(-)
 delete mode 100755 elements/rh-stat/docs/stat-24px-spacer.png
 delete mode 100755 elements/rh-stat/docs/stat-8px-spacer.png

diff --git a/elements/rh-stat/docs/00-overview.md b/elements/rh-stat/docs/00-overview.md
index 76294c8c28..a32b1e6466 100644
--- a/elements/rh-stat/docs/00-overview.md
+++ b/elements/rh-stat/docs/00-overview.md
@@ -17,8 +17,6 @@
   </rh-stat>
 {% endsection %}
 
-{% repoStatus %}
-
 <hr style="margin-block:var(--rh-space-xl) var(--rh-space-5xl);">
 
 {% section %}
@@ -37,3 +35,5 @@
 - When you need to pair a data point with supporting text to add more context
 - When you need to display several statistics together in a group
 {% endsection %}
+
+{% repoStatus %} 
diff --git a/elements/rh-stat/docs/10-style.md b/elements/rh-stat/docs/10-style.md
index 74555b2c01..dc739cc962 100644
--- a/elements/rh-stat/docs/10-style.md
+++ b/elements/rh-stat/docs/10-style.md
@@ -97,12 +97,11 @@ go to the [Guidelines](../guidelines) page.
   alt="Default and Large size spacing between all elements",
   src="../stat-space.png" %}
 
-| Spacer                                            | Current value |
-| ------------------------------------------------- | ------------- |
-| ![8px spacer](../stat-8px-spacer.png){width=17}   | 8px           |
-| ![24px spacer](../stat-24px-spacer.png){width=24} | 24px          |
-
-{.full-width}
+{% spacerTokensTable 
+    headline='',
+    caption='',
+    tokens="--rh-space-md, --rh-space-xl" %}
+{% endspacerTokensTable %}
 
 ## Interaction states
 The optional call to action is the only interactive element. Go to the
diff --git a/elements/rh-stat/docs/stat-24px-spacer.png b/elements/rh-stat/docs/stat-24px-spacer.png
deleted file mode 100755
index 63eca894b6fbb0203b53eab13bedd570d0cb10f6..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 962
zcmV;z13mnSP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00004b3#c}2nYxW
zd<bNS000AdNkl<ZXhZFqO^6g%5Xb*juX|?M^{~-ESeGE=;0HM@;>Rr)FN=hDP!B4^
z4^YG;Lcl`=J*XEWXb$e)BrE|%6J;Ygh>Cddpm-8R5ET!?#)C0t{a8p(_j{FUam=#L
ztgmOf-CgNE&2<0Yd-bcTSM_=r>OD9hXmCZ0-to7q4u4KZ9nE-vj}HyZZRFYMey^Sp
zR02#<s6Lzs)Hm_Osxw87^<MT(1WEvJpA{o~(+6f+3f0|F0u+-N{<D^i%->h}DsyXO
zV{uFf1L^{~d`+BuwzdFl;$~Ngw=-n1F4IRqMF<a_(1kH$2CJ|yGQlKnL527ykk}g2
zDxa|}H!@?f(vbWJK{r6R)$KRb`4NGZFld>+Ts*E>e2EZ`d<=0W>h7pj&k<oBAW_8h
zna{YE03>mXszeucfqRk2cNFlQ@rwmcRx89&HRQT_a?QI88H;PCo5K?t!9F5-qT_lC
z1xO7t4qrS&a(xyDwMGVpR(@7v`kym@-U0V)GKkQ+0~)z40@<w5+{T3Ez5s<avcO`u
zA?%EtTY-S@HUm)O*D>)CO~HdPV^G0QO$&g~LQ_JP|Ks9?U17yG0x;Gt4Zx=@=zL<Z
zBh^d~fEaTtELT8ut;YDeq4%BZsesSvv%kh*R)uW;Z3`f;SITrle#GHPttLw&K|c)L
zp9m1Uq@zoMVco2sMg}W2|3~VYtPyCd4>Z}lhnZ--=FGPV<7`7sf<YqrDhAezp{wIH
zQwmVuxLQpPY5CML`t}tj_=XvK9AmEn3{6x_89-oVt0CI&M2^LV_BAq|6RZeGesPfB
z62rTiL@-koYN?S;T=@USg)^g!?>n2+Osz#}r|o-JV;le6I@y#2bg9{xwgFyybx6-Z
zmq%^9wOPqb4X9YV(Skpj48Q=ZwR-hhk%3g_kPM3n9~1&$Vp(Dszk+b{X+j%jRS;$I
zZXPLApCkJ#rNjKH;CIdEk(VY|oB8C~gf#0WZVA8&=5#u_prP*3&qECN_p6EY@S~}u
zXELqudNvUKPEKxV4yOk{uj{=4q^T1a`oqT}<v6ZqoF9C&sitLsygIS3p?T?Y@5Ff-
z<~vUb;OnWPbZs}Xq73t$w*>I@RMEQZow#U=GR|KDWOP{W^77Z|++FH9VcCg29aWg@
ktwvT~X{P*3<%0qE4~eA$n;JQS{Qv*}07*qoM6N<$g2dvx)Bpeg

diff --git a/elements/rh-stat/docs/stat-8px-spacer.png b/elements/rh-stat/docs/stat-8px-spacer.png
deleted file mode 100755
index 50f80d458ec6b430a62250570e9e1e9f440291a6..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 872
zcmV-u1DE`XP)<h;3K|Lk000e1NJLTq001Na001Be1^@s6dXd_W00004b3#c}2nYxW
zd<bNS0009YNkl<ZSV!%aZ%7ky7{{OIb_+~aR7RvlLCGLWD9IOrprM-+|ExkWw;*hi
z2=$_(=v@RsLT`jZQtXA?lr-E-?Jh}LQAx>qRWCv$suvMiW>hM3dwM2by1CmzyYR*C
z&35<uanI+T=llKMA*`?iR~Qc@ff7w5*`XEHq3oO4M*m5FARd&iBMSp;N!?hB2sK>D
z41}u*;Vlq65)dzUJMO)UhQpROn<yr+5X_Ib9x^<PwXfFvDdt02+AOK5g76p+_W_Z@
zejZ?;2?okypc+13#lK}<r#!ImzPbU~C0lE_GX&)FI+WIhMaw!0(}kco#89SbBben%
z`Lnt{4;0;zMCzMcugx6uE!s+ecDL;-BE9lBl-yXivb(Lv5QMf6K~;}azO5@zMW=QB
zOhEWT1h;r3Cp3U^80a~V^P<P8T%89RNz41oW<+kA)0CEm4!LckL=^azF}2&5@0*FP
zVVA7u5rqccQ{Z(fgZcwWmJ&k49aen1Xq-IVRq6Yo7A<eLl?oy11i(IzQ?7^<wN4!h
z7dhfC%nXuvoyENufSxhH1Y0_bmp1dL&T(g?#kSWGs9dt`5&%vSk_!n1cGWZkq_Fc|
z@TeMl9QQl;T14zD-DL?hH0vV5X3m`_A;L@F1CxH=ao==FTftUQG`bk$EVDeAS!+Dn
zTiW|;`7VnCR4x_o5g_Cz#Jk>V)<{$r!o@kKY^<+7Kx*V@IJ119I5}jOif$lcJsDu9
zw@Mz>axpt`khOGRJY&kFI&tYEiwEQ`Qjp-FxXP5$RoNBP1d?n`+`T#k+^)XYbOGWg
z4+q@^B+BV_D#KbpoaQfin%g|pN}4)WU4RZtMf=%0Pgz5+jmF8`g&Cy6{Ru{ZCa*)T
zUmT1YZ*xfS*4IpG$yx^}G_giLf&kY-K^i6lP8bNxMCjsdvatP!rq^M<Tr7v<VD`Wk
zHHZE&(5#c()*LQzh5zQUPDHgRgM8p|HoX5i)*Su8rt1fq3K0HKOE+!UVIW)+0CA+>
y(Lb)GtN#L|RXo=9Bv7JmB|DVtP@)bbTK^4BhH)@DcRwQl0000<MNUMnLSTXgg^Hd4