@codenhub/styles 0.4.0 → 0.5.0

package/docs/usage/feedback.md

@@ -43,7 +43,7 @@ Loader size modifiers:
 | `.sm`    | Small (`1.25rem`).   |
 | `.lg`    | Large (`2.25rem`).   |
 
-Alerts, badges, progress bars, skeletons, and loaders accept `.primary`, `.secondary`, `.success`, `.warning`, `.destructive`, `.danger`, `.error`, and `.info`. Without an intent, they use the text palette, except `.loader`, which keeps `currentColor` so it matches whatever content surrounds it.
+Alerts, badges, progress bars, skeletons, and loaders accept `.primary`, `.secondary`, `.success`, `.warning`, `.destructive`, and `.info`. Without an intent, they use the text palette, except `.loader`, which keeps `currentColor` so it matches whatever content surrounds it.
 
 Skeletons, loaders, and dividers are indicators: they read intent but ignore fill and edge [presentation](./composing.md#presentation). `.progress` is not one of them — its track reads both, `.soft.edgeless` by default; only the moving value fill stays intent-colored at full strength regardless of presentation. `.solid` is unsupported on the track, and `.ghost.edgeless` renders but is discouraged, since neither leaves the track a visible frame. See [Composing → Component axis reference](./composing.md#component-axis-reference) for the full table.
 

package/docs/usage/forms.md

@@ -11,7 +11,7 @@ order: 6
 | `.field`                                                              | Vertical field wrapper.                                                  |
 | `.label`                                                              | Form label text.                                                         |
 | `.hint`                                                               | Secondary helper text.                                                   |
-| `.hint.error`                                                         | Helper text with destructive intent.                                     |
+| `.hint.destructive`                                                   | Helper text with destructive intent.                                     |
 | `.surface`                                                            | Shared public container composition utility.                             |
 | `.text-control`                                                       | Shared public text-control composition utility.                          |
 | `.ipt`                                                                | Input control styling.                                                   |
@@ -71,15 +71,15 @@ The gap between the control and its adornment is `--input-group-gap`, `0.5rem` b
 
 `.checkbox`, `.radio`, and `.switch` accept the same intent classes as buttons to set the checked color:
 
-| Class                               | Meaning                 |
-| ----------------------------------- | ----------------------- |
-| `.neutral` _(default)_              | Text color, capped.     |
-| `.primary`                          | Primary color.          |
-| `.secondary`                        | Secondary/accent color. |
-| `.success`                          | Success color.          |
-| `.warning`                          | Warning color.          |
-| `.destructive`, `.danger`, `.error` | Destructive color.      |
-| `.info`                             | Info color.             |
+| Class                  | Meaning                 |
+| ---------------------- | ----------------------- |
+| `.neutral` _(default)_ | Text color, capped.     |
+| `.primary`             | Primary color.          |
+| `.secondary`           | Secondary/accent color. |
+| `.success`             | Success color.          |
+| `.warning`             | Warning color.          |
+| `.destructive`         | Destructive color.      |
+| `.info`                | Info color.             |
 
 All three toggles rest at `.soft`. Presentation decides the _unchecked_ plate; checked is pinned to one look regardless of which class is on the element, so a checkbox, a radio, and a switch each have a single "on" identity rather than one per presentation:
 
@@ -126,7 +126,7 @@ The boundary is the edge axis's, and it splits the same way. A container's `.edg
 <label class="field">
   <span class="label">Email</span>
   <input class="ipt" type="email" aria-invalid="true" aria-describedby="email-error" />
-  <span class="hint error" id="email-error">Enter a valid email.</span>
+  <span class="hint destructive" id="email-error">Enter a valid email.</span>
 </label>
 <label style="display: flex; gap: 0.5rem; align-items: center">
   <input type="checkbox" class="checkbox success" />

package/docs/usage/theming.md

@@ -118,7 +118,7 @@ Set them directly to define an intent this package does not ship. **State every
 
 Foundation tokens are not aliases for one color. They define layout, shape, motion, focus, depth, and layering behavior used by helper classes.
 
-The four `--elevation-*` values below are raw shadows for elements you style yourself. They are a separate thing from `.elevation-none`/`.elevation-sm`/ `.elevation-md` (aliased as `.flat`/`.raised`/`.floating`), which scale a _component's own_ shadow geometry and default to no shadow at all until an aesthetic or one of those classes asks for depth — see [Composing → Elevation](./composing.md#elevation) for that system. The two share `none`/`sm`/`md`/`lg` naming for the same weight of depth, but one is a fixed value and the other multiplies shadow parts, so they will not always paint identically.
+The four `--elevation-*` values below are raw shadows for elements you style yourself. They are a separate thing from `.flat`/`.raised`/`.floating`, which scale a _component's own_ shadow geometry and default to no shadow at all until an aesthetic or one of those classes asks for depth — see [Composing → Elevation](./composing.md#elevation) for that system. The two share `none`/`sm`/`md`/`lg` naming for the same weight of depth, but one is a fixed value and the other multiplies shadow parts, so they will not always paint identically.
 
 | Token                      | Purpose                                                                 |
 | -------------------------- | ----------------------------------------------------------------------- |