@intellectif/lk-react 23.0.0 → 23.0.1

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @intellectif/lk-react
 
+## 23.0.1
+
+### Patch Changes
+
+- [#84](https://github.com/intellectif/learning-kit/pull/84) [`c037af8`](https://github.com/intellectif/learning-kit/commit/c037af83d73ec095e24853794cb299149bd7964f) Thanks [@diego28e](https://github.com/diego28e)! - **AI help spans the answer**: the "Explain my answer" panel and the list of hints now take the full width of the question, as feedback on a draft already did.
+
+  **Action required:** none. Only the skin changes: no markup, prop or string.
+
+  - The live region inside `.lk-ai` lined up at the start like the button beside it, so it shrank to its content: a short explanation sat in a panel only as wide as its text, and the hints widened each time a longer one arrived. `.lk-ai > [aria-live]` now stretches, which covers the explanation, the hints and feedback on a draft, so feedback on a draft no longer needs a rule of its own.
+  - Where the text already filled the line, as on a phone, nothing moves.
+
 ## 23.0.0
 
 ### Major Changes

package/dist/theme/skin.css

@@ -3352,6 +3352,13 @@
     margin-top: var(--lk-spacing-md);
   }
 
+  /* What the live region holds takes the width of the answer it is about.
+     Lined up at the start like the button, the region would shrink to its
+     content, and the panel or the hints inside it with it. */
+  .lk-ai > [aria-live] {
+    align-self: stretch;
+  }
+
   .lk-ai-button {
     padding: var(--lk-spacing-xs) var(--lk-spacing-md);
     font: inherit;
@@ -3421,14 +3428,8 @@
     font-weight: 600;
   }
 
-  /* Feedback on a draft holds lists as well as text: it takes the width of
-     the answer it is about — the live region around it included, which would
-     otherwise shrink to its content — and the panel spaces its parts, rather
-     than each part's own margins. */
-  .lk-wr-ai > [aria-live] {
-    align-self: stretch;
-  }
-
+  /* Feedback on a draft holds lists as well as text: the panel spaces its
+     parts, rather than each part's own margins. */
   .lk-wr-ai .lk-ai-panel {
     display: flex;
     flex-direction: column;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intellectif/lk-react",
-  "version": "23.0.0",
+  "version": "23.0.1",
   "description": "Accessible React 19 assessment components — multiple choice, fill-in-the-blanks, written response — with a resumable exam/review pager, theming, and xAPI delivery.",
   "keywords": [
     "react",