deploy: 217377b

tokens/color/index.html

@@ -193751,7 +193751,8 @@ <h3 id="color-status-danger">
           <a href="#color-status-danger">Danger</a>
         </h3>
       </uxdot-copy-permalink>
-      <div class="description"><p>Responsive <code>status-danger</code> color value. Typically read-only – use a themable container, e.g. <code>&lt;rh-surface&gt;</code>. Resolves to <code>--rh-color-status-danger-on-light</code> on a themable container with a light color palette and <code>--rh-color-status-danger-on-dark</code> on a themable container with a dark color palette.</p>
+      <div class="description"><p>Represents an action which could have destructive consequences, e.g. deleting a file.</p>
+<p>Responsive <code>status-danger</code> color value. Typically read-only – use a themable container, e.g. <code>&lt;rh-surface&gt;</code>. Resolves to <code>--rh-color-status-danger-on-light</code> on a themable container with a light color palette and <code>--rh-color-status-danger-on-dark</code> on a themable container with a dark color palette.</p>
 </div>
 
       <rh-table><template shadowroot="open" shadowrootmode="open"><style>* {
@@ -195316,7 +195317,8 @@ <h3 id="color-status-caution">
           <a href="#color-status-caution">Caution</a>
         </h3>
       </uxdot-copy-permalink>
-      <div class="description"><p>Responsive <code>status-caution</code> color value. Typically read-only - use a themable container, e.g. <code>&lt;rh-surface&gt;</code>. Resolves to <code>--rh-color-status-caution-on-light</code> on a themable container with a light color palette and <code>--rh-color-status-caution-on-dark</code> on a themable container with a dark color palette.</p>
+      <div class="description"><p>Represents an action or notice which should immediately draw the attention</p>
+<p>Responsive <code>status-caution</code> color value. Typically read-only - use a themable container, e.g. <code>&lt;rh-surface&gt;</code>. Resolves to <code>--rh-color-status-caution-on-light</code> on a themable container with a light color palette and <code>--rh-color-status-caution-on-dark</code> on a themable container with a dark color palette.</p>
 </div>
 
       <rh-table><template shadowroot="open" shadowrootmode="open"><style>* {
@@ -196881,7 +196883,8 @@ <h3 id="color-status-warning">
           <a href="#color-status-warning">Warning</a>
         </h3>
       </uxdot-copy-permalink>
-      <div class="description"><p>Responsive <code>status-warning</code> color value. Typically read-only - use a themable container, e.g. <code>&lt;rh-surface&gt;</code>. Resolves to <code>--rh-color-status-warning-on-light</code> on a themable container with a light color palette and <code>--rh-color-status-warning-on-dark</code> on a themable container with a dark color palette.</p>
+      <div class="description"><p>Represents an action or notice which elicits a warning of potential danger</p>
+<p>Responsive <code>status-warning</code> color value. Typically read-only - use a themable container, e.g. <code>&lt;rh-surface&gt;</code>. Resolves to <code>--rh-color-status-warning-on-light</code> on a themable container with a light color palette and <code>--rh-color-status-warning-on-dark</code> on a themable container with a dark color palette.</p>
 </div>
 
       <rh-table><template shadowroot="open" shadowrootmode="open"><style>* {
@@ -198446,7 +198449,8 @@ <h3 id="color-status-neutral">
           <a href="#color-status-neutral">Neutral</a>
         </h3>
       </uxdot-copy-permalink>
-      <div class="description"><p>Responsive <code>status-neutral</code> color value. Typically read-only - use a themable container, e.g. <code>&lt;rh-surface&gt;</code>. Resolves to <code>--rh-color-status-neutral-on-light</code> on a themable container with a light color palette and <code>--rh-color-status-neutral-on-dark</code> on a themable container with a dark color palette.</p>
+      <div class="description"><p>Represents an action or notice which has neither positive nor negative connotations, is neither explicitly constructive or explicitly destructive.</p>
+<p>Responsive <code>status-neutral</code> color value. Typically read-only - use a themable container, e.g. <code>&lt;rh-surface&gt;</code>. Resolves to <code>--rh-color-status-neutral-on-light</code> on a themable container with a light color palette and <code>--rh-color-status-neutral-on-dark</code> on a themable container with a dark color palette.</p>
 </div>
 
       <rh-table><template shadowroot="open" shadowrootmode="open"><style>* {
@@ -200011,7 +200015,8 @@ <h3 id="color-status-note">
           <a href="#color-status-note">Note</a>
         </h3>
       </uxdot-copy-permalink>
-      <div class="description"><p>Responsive <code>status-note</code> color value. Typically read-only - use a themable container, e.g. <code>&lt;rh-surface&gt;</code>. Resolves to <code>--rh-color-status-note-on-light</code> on a themable container with a light color palette and <code>--rh-color-status-note-on-dark</code> on a themable container with a dark color palette.</p>
+      <div class="description"><p>Represents an action or notice which is informational, or a tip on how best to complete a task.</p>
+<p>Responsive <code>status-note</code> color value. Typically read-only - use a themable container, e.g. <code>&lt;rh-surface&gt;</code>. Resolves to <code>--rh-color-status-note-on-light</code> on a themable container with a light color palette and <code>--rh-color-status-note-on-dark</code> on a themable container with a dark color palette.</p>
 </div>
 
       <rh-table><template shadowroot="open" shadowrootmode="open"><style>* {
@@ -201576,7 +201581,8 @@ <h3 id="color-status-info">
           <a href="#color-status-info">Info</a>
         </h3>
       </uxdot-copy-permalink>
-      <div class="description"><p>Responsive <code>status-info</code> color value. Typically read-only - use a themable container, e.g. <code>&lt;rh-surface&gt;</code>. Resolves to <code>--rh-color-status-info-on-light</code> on a themable container with a light color palette and <code>--rh-color-status-info-on-dark</code> on a themable container with a dark color palette.</p>
+      <div class="description"><p>Represents an action or notice which is informational, or a tip on how best to complete a task.</p>
+<p>Responsive <code>status-info</code> color value. Typically read-only - use a themable container, e.g. <code>&lt;rh-surface&gt;</code>. Resolves to <code>--rh-color-status-info-on-light</code> on a themable container with a light color palette and <code>--rh-color-status-info-on-dark</code> on a themable container with a dark color palette.</p>
 </div>
 
       <rh-table><template shadowroot="open" shadowrootmode="open"><style>* {
@@ -203141,7 +203147,8 @@ <h3 id="color-status-success">
           <a href="#color-status-success">Success</a>
         </h3>
       </uxdot-copy-permalink>
-      <div class="description"><p>Responsive <code>status-success</code> color value. Typically read-only - use a themable container, e.g. <code>&lt;rh-surface&gt;</code>. Resolves to <code>--rh-color-status-success-on-light</code> on a themable container with a light color palette and <code>--rh-color-status-success-on-dark</code> on a themable container with a dark color palette.</p>
+      <div class="description"><p>Represents a notice of success.</p>
+<p>Responsive <code>status-success</code> color value. Typically read-only - use a themable container, e.g. <code>&lt;rh-surface&gt;</code>. Resolves to <code>--rh-color-status-success-on-light</code> on a themable container with a light color palette and <code>--rh-color-status-success-on-dark</code> on a themable container with a dark color palette.</p>
 </div>
 
       <rh-table><template shadowroot="open" shadowrootmode="open"><style>* {