deploy: 450b810

RedHat-UX · Dec 5, 2024 · a1342f6 · a1342f6
1 parent bf89052
commit a1342f6
Show file tree

Hide file tree

Showing 4 changed files with 117 additions and 56 deletions.
diff --git a/tokens/border/index.html b/tokens/border/index.html
@@ -10647,7 +10647,8 @@ <h3 id="border-strong">
           <a href="#border-strong">Strong</a>
         </h3>
       </uxdot-copy-permalink>
-      <div class="description"></div>
+      <div class="description"><p>Responsive <code>border-strong</code> color value. Typically read only - use a themable container e.g. <code>&lt;rh-surface&gt;</code> Resolves to <code>--rh-color-border-strong-on-light</code> on a themable container with a light color palette and <code>--rh-color-border-strong-on-dark</code> on a themable container with a dark color palette</p>
+</div>
 
       <rh-table><template shadowroot="open" shadowrootmode="open"><style>* {
   box-sizing: border-box;
@@ -12211,7 +12212,8 @@ <h3 id="border-subtle">
           <a href="#border-subtle">Subtle</a>
         </h3>
       </uxdot-copy-permalink>
-      <div class="description"></div>
+      <div class="description"><p>Responsive <code>border-subtle</code> color value. Typically read-only - use a themable container, e.g. <code>&lt;rh-surface&gt;</code>. Resolves to <code>--rh-color-border-subtle-on-light</code> on a themable container with a light color palette and <code>--rh-color-border-subtle-on-dark</code> on a themable container with a dark color palette.</p>
+</div>
 
       <rh-table><template shadowroot="open" shadowrootmode="open"><style>* {
   box-sizing: border-box;
@@ -13775,7 +13777,8 @@ <h3 id="border-interactive">
           <a href="#border-interactive">Interactive</a>
         </h3>
       </uxdot-copy-permalink>
-      <div class="description"></div>
+      <div class="description"><p>Responsive <code>border-interactive</code> color value. Typically read-only - use a themable container, e.g. <code>&lt;rh-surface&gt;</code>. Resolves to <code>--rh-color-border-interactive-on-light</code> on a themable container with a light color palette and <code>--rh-color-border-interactive-on-dark</code> on a themable container with a dark color palette.</p>
+</div>
 
       <rh-table><template shadowroot="open" shadowrootmode="open"><style>* {
   box-sizing: border-box;
@@ -15339,7 +15342,8 @@ <h3 id="border-destructive">
           <a href="#border-destructive">Destructive</a>
         </h3>
       </uxdot-copy-permalink>
-      <div class="description"></div>
+      <div class="description"><p>Responsive <code>border-destructive</code> color value. Typically read-only - use a themable container, e.g. <code>&lt;rh-surface&gt;</code>. Resolves to <code>--rh-color-border-destructive-on-light</code> on a themable container with a light color palette and <code>--rh-color-border-destructive-on-dark</code> on a themable container with a dark color palette.</p>
+</div>
 
       <rh-table><template shadowroot="open" shadowrootmode="open"><style>* {
   box-sizing: border-box;
@@ -16986,7 +16990,8 @@ <h4 id="border-status-danger">
           <a href="#border-status-danger">Danger</a>
         </h4>
       </uxdot-copy-permalink>
-      <div class="description"></div>
+      <div class="description"><p>Responsive <code>border-danger</code> color value. Typically read-only - use a themable container, e.g. <code>&lt;rh-surface&gt;</code>. Resolves to <code>--rh-color-border-danger-on-light</code> on a themable container with a light color palette and <code>--rh-color-border-danger-on-dark</code> on a themable container with a dark color palette.</p>
+</div>
 
       <rh-table><template shadowroot="open" shadowrootmode="open"><style>* {
   box-sizing: border-box;
@@ -18550,7 +18555,8 @@ <h4 id="border-status-caution">
           <a href="#border-status-caution">Caution</a>
         </h4>
       </uxdot-copy-permalink>
-      <div class="description"></div>
+      <div class="description"><p>Responsive <code>border-caution</code> color value. Typically read-only - use a themable container, e.g. <code>&lt;rh-surface&gt;</code>. Resolves to <code>--rh-color-border-caution-on-light</code> on a themable container with a light color palette and <code>--rh-color-border-caution-on-dark</code> on a themable container with a dark color palette.</p>
+</div>
 
       <rh-table><template shadowroot="open" shadowrootmode="open"><style>* {
   box-sizing: border-box;
@@ -20114,7 +20120,8 @@ <h4 id="border-status-warning">
           <a href="#border-status-warning">Warning</a>
         </h4>
       </uxdot-copy-permalink>
-      <div class="description"></div>
+      <div class="description"><p>Responsive <code>border-warning</code> color value. Typically read-only - use a themable container, e.g. <code>&lt;rh-surface&gt;</code>. Resolves to <code>--rh-color-border-warning-on-light</code> on a themable container with a light color palette and <code>--rh-color-border-warning-on-dark</code> on a themable container with a dark color palette.</p>
+</div>
 
       <rh-table><template shadowroot="open" shadowrootmode="open"><style>* {
   box-sizing: border-box;
@@ -21678,7 +21685,8 @@ <h4 id="border-status-neutral">
           <a href="#border-status-neutral">Neutral</a>
         </h4>
       </uxdot-copy-permalink>
-      <div class="description"></div>
+      <div class="description"><p>Responsive <code>border-neutral</code> color value. Typically read-only - use a themable container, e.g. <code>&lt;rh-surface&gt;</code>. Resolves to <code>--rh-color-border-neutral-on-light</code> on a themable container with a light color palette and <code>--rh-color-border-neutral-on-dark</code> on a themable container with a dark color palette.</p>
+</div>
 
       <rh-table><template shadowroot="open" shadowrootmode="open"><style>* {
   box-sizing: border-box;
@@ -23242,7 +23250,8 @@ <h4 id="border-status-info">
           <a href="#border-status-info">Info</a>
         </h4>
       </uxdot-copy-permalink>
-      <div class="description"></div>
+      <div class="description"><p>Responsive <code>border-info</code> color value. Typically read-only - use a themable container, e.g. <code>&lt;rh-surface&gt;</code>. Resolves to <code>--rh-color-border-info-on-light</code> on a themable container with a light color palette and <code>--rh-color-border-info-on-dark</code> on a themable container with a dark color palette.</p>
+</div>
 
       <rh-table><template shadowroot="open" shadowrootmode="open"><style>* {
   box-sizing: border-box;
@@ -24806,7 +24815,8 @@ <h4 id="border-status-success">
           <a href="#border-status-success">Success</a>
         </h4>
       </uxdot-copy-permalink>
-      <div class="description"></div>
+      <div class="description"><p>Responsive <code>border-success</code> color value. Typically read-only - use a themable container, e.g. <code>&lt;rh-surface&gt;</code>. Resolves to <code>--rh-color-border-success-on-light</code> on a themable container with a light color palette and <code>--rh-color-border-success-on-dark</code> on a themable container with a dark color palette.</p>
+</div>
 
       <rh-table><template shadowroot="open" shadowrootmode="open"><style>* {
   box-sizing: border-box;