docs: add tag section to color token page (carbon-design-system#3933)

* message * message * message --------- Co-authored-by: Alison Joseph <alison.joseph@us.ibm.com>
laurenmrice · Feb 28, 2024 · eb92833 · eb92833
1 parent 6b72ae3
commit eb92833
Show file tree

Hide file tree

Showing 2 changed files with 865 additions and 0 deletions.
diff --git a/src/components/ColorTokenTable/ColorTokenTable.js b/src/components/ColorTokenTable/ColorTokenTable.js
@@ -412,6 +412,29 @@ export default class ColorTokenTable extends React.Component {
               </tbody>
             </table>
           </div>
+          <div className="cds--col-lg-7">
+            <h3 className="page-h3">Tag</h3>
+          </div>
+          <div className="cds--col-lg-12 cds--no-gutter">
+            <table className="page-table">
+              <thead>
+                <tr>
+                  <th>Token</th>
+                  <th>Role</th>
+                  <th>Value</th>
+                </tr>
+              </thead>
+              <tbody>
+                {Object.keys(colorTokens['tag']).map((token, i) =>
+                  this.renderToken(
+                    token,
+                    colorTokens['tag'][token],
+                    i
+                  )
+                )}
+              </tbody>
+            </table>
+          </div>
         </section>
       </div>
     );