Merge branch 'staging' into next (#1024)

Co-authored-by: Brad Paugh <brad.paugh@dialpad.com>
Co-authored-by: Josh Everhart <josh.everhart@dialpad.com>
Co-authored-by: Francis Rupert <francis.rupert@dialpad.com>
Co-authored-by: semantic-release-bot <semantic-release-bot@martynus.net>
Co-authored-by: Nina Repetto <nina.repetto@dialpad.com>
Co-authored-by: iropolo <ignacio.ropolo@dialpad.com>

Author: 7 people

.claude/commands/pr-fill.md

@@ -1,41 +1,53 @@
-# /pr-fill - Generate Dialtone PR Description
+# /pr-fill - Generate and Update Dialtone PR Description
 
 ## Usage
 
 ```
-/pr-fill
+/pr-fill [PR_NUMBER or PR_URL] [DESCRIPTION]
 ```
 
 ## Description
 
-Generates a filled PR description based on the Dialtone PR template (.github/pull_request_template.md), analyzing git diff and commit messages to auto-populate relevant sections. Section that cannot be completed are left as placeholders for manual completion (e.g. "Screenshots / GIFs" and "Sources"). Sections that are not relevant to the change should be removed, for example if there were no CSS changes, the CSS checklist should be removed.
+Generates a filled PR description based on the Dialtone PR template (.github/pull_request_template.md) and uses the `gh` CLI to update the actual PR. If no PR number is provided, it assumes the current branch has an open PR. If no description is provided, it analyzes git diff and commit messages to auto-populate relevant sections.
+
+Sections that cannot be completed are left as placeholders for manual completion (e.g. "Screenshots / GIFs" and "Sources"). Sections that are not relevant to the change should be removed, for example if there were no CSS changes, the CSS checklist should be removed.
 
 ## Implementation
 
 When this command is used, Claude should:
 
-1. **Analyze the current git state:**
-   - Get current branch name
-   - Get recent commit messages
+1. **Extract PR information:**
+   - If PR URL provided: Extract PR number from URL
+   - If PR number provided: Use it directly
+   - If no argument provided: Find PR for current branch using `gh pr view --json number`
+
+2. **Fetch PR details (if updating existing PR):**
+   - Get PR diff: `gh pr diff <PR_NUMBER>`
+   - Get PR commits: `gh pr view <PR_NUMBER> --json commits`
+   - Get changed files and their contents
+
+3. **Analyze the changes:**
+   - Get commit messages
    - Get list of changed files
    - Get git diff summary
 
-2. **Auto-detect change type from:**
+4. **Auto-detect change type from:**
    - Commit message prefixes (feat:, fix:, docs:, etc.)
    - File patterns (Vue components, CSS, documentation)
    - New vs modified files
 
-3. **Generate template with smart defaults:**
-   - Use oldest commit message as PR title
+5. **Generate template with smart defaults:**
+   - Use oldest commit message as PR title (preserve existing if present)
    - Auto-check appropriate change type boxes
    - Include relevant checklist sections based on file changes
    - Pre-populate sections where possible
    - Extract Jira ticket URL from oldest commit message
    - In the description section, describe the changes in a summarized way, no need to list every file changed
 
-4. **Output format:**
-   - Complete markdown ready to copy/paste into GitHub PR
-   - Follow exact Dialtone PR template structure
+6. **Update the PR:**
+   - Use `gh pr edit <PR_NUMBER> --body "<DESCRIPTION>"` to update
+   - Confirm update: `gh pr view <PR_NUMBER> --json title,body,url`
+   - Display success message with PR URL
 
 ## File Pattern Detection
 

CHANGELOG.json

@@ -1,4 +1,21 @@
 # [9.154.0-next.1](https://github.com/dialpad/dialtone/compare/dialtone/v9.153.4...dialtone/v9.154.0-next.1) (2026-01-08)
+# [9.154.0](https://github.com/dialpad/dialtone/compare/dialtone/v9.153.9...dialtone/v9.154.0) (2026-01-13)
+
+
+### Bug Fixes
+
+* **Motion Text:** DLT-2804 motion-text recipe letter-spacing fixes ([#1012](https://github.com/dialpad/dialtone/issues/1012)) ([5a3bad1](https://github.com/dialpad/dialtone/commit/5a3bad19f391c6ff8b4d8cf071c063cde7f48815))
+
+
+### Code Refactoring
+
+* **Stack:** DLT-2886 update justify prop values ([#1016](https://github.com/dialpad/dialtone/issues/1016)) ([c01db3d](https://github.com/dialpad/dialtone/commit/c01db3dacc74bc82224726b070312494458aaf2b))
+
+
+### Features
+
+* **Rich Text Editor:** DP-171112 emit event for channel click ([#1014](https://github.com/dialpad/dialtone/issues/1014)) ([978666f](https://github.com/dialpad/dialtone/commit/978666fc9fa1f08a86361ba58a9a3e73b450708e))
+
 ## [9.153.9](https://github.com/dialpad/dialtone/compare/dialtone/v9.153.8...dialtone/v9.153.9) (2026-01-08)
 
 

CHANGELOG.md

@@ -63,7 +63,7 @@ The tool is ideal for projects with many flex containers. For small, one-off cha
 **After**
 
 <code-well-header>
-  <dt-stack direction="row" align="center" justify="between" gap="500" class="d-w100p d-bgc-moderate-opaque d-bar8">
+  <dt-stack direction="row" align="center" justify="space-between" gap="500" class="d-w100p d-bgc-moderate-opaque d-bar8">
     <div class="d-bgc-moderate-opaque d-p16 d-bar8">Left</div>
     <div class="d-bgc-moderate-opaque d-p16 d-bar8">Right</div>
   </dt-stack>
@@ -73,7 +73,7 @@ The tool is ideal for projects with many flex containers. For small, one-off cha
 <dt-stack
   direction="row"
   align="center"
-  justify="between"
+  justify="space-between"
   gap="500"
 >
   <div>Left</div>
@@ -526,7 +526,7 @@ If you own the component, refactor its root element to use DtStack.
 ```html
 <dt-stack
   :align="{ default: 'start', md: 'center' }"
-  :justify="{ lg: 'between' }"
+  :justify="{ lg: 'space-between' }"
 >
 ```
 
@@ -630,17 +630,17 @@ If you own the component, refactor its root element to use DtStack.
       <tr>
         <td><code>d-jc-space-between</code></td>
         <td><code>justify</code></td>
-        <td><code>"between"</code></td>
+        <td><code>"space-between"</code></td>
       </tr>
       <tr>
         <td><code>d-jc-space-around</code></td>
         <td><code>justify</code></td>
-        <td><code>"around"</code></td>
+        <td><code>"space-around"</code></td>
       </tr>
       <tr>
         <td><code>d-jc-space-evenly</code></td>
         <td><code>justify</code></td>
-        <td><code>"evenly"</code></td>
+        <td><code>"space-evenly"</code></td>
       </tr>
       <tr>
         <td><code>d-fd-row</code></td>

apps/dialtone-documentation/docs/about/whats-new/posts/2025-12-2.md

@@ -963,7 +963,7 @@ showHtmlWarning />
 
 The `justify` prop controls how items are distributed along the main axis (the direction of the stack). For row stacks, this controls horizontal distribution. For column stacks, this controls vertical distribution.
 
-Available `justify` values: `start` (default), `center`, `end`, `around`, `between`, `evenly`.
+Available `justify` values: `start` (default), `center`, `end`, `space-around`, `space-between`, `space-evenly`.
 
 ### Start
 
@@ -1104,7 +1104,7 @@ vueCode='
 '
 showHtmlWarning />
 
-### Around
+### Space Around
 
 Distribute items with equal space around each item.
 
@@ -1117,7 +1117,7 @@ Distribute items with equal space around each item.
   >
     <dt-stack
       gap="400"
-      justify="around"
+      justify="space-around"
       class="d-w100p d-h332 d-bgc-moderate-opaque d-bar8 axis-outline axis-outline--block-center"
     >
       <div class="d-bgc-moderate-opaque d-p16 d-bar8">Item 1</div>
@@ -1127,7 +1127,7 @@ Distribute items with equal space around each item.
     <dt-stack
       direction="row"
       gap="400"
-      justify="around"
+      justify="space-around"
       class="d-w100p d-bgc-moderate-opaque d-bar8 axis-outline axis-outline--inline-center"
     >
       <div class="d-bgc-moderate-opaque d-p16 d-bar8">Item 1</div>
@@ -1141,7 +1141,7 @@ Distribute items with equal space around each item.
 :htmlCode="() => $refs.justifyAroundExample"
 vueCode='
 <dt-stack
-  justify="around"
+  justify="space-around"
 >
   <div>Item 1</div>
   <div>Item 2</div>
@@ -1150,7 +1150,7 @@ vueCode='
 '
 showHtmlWarning />
 
-### Between
+### Space Between
 
 Distribute items with space between them, edges flush to container.
 
@@ -1163,7 +1163,7 @@ Distribute items with space between them, edges flush to container.
   >
     <dt-stack
       gap="400"
-      justify="between"
+      justify="space-between"
       class="d-w100p d-h332 d-bgc-moderate-opaque d-bar8 axis-outline axis-outline--block-center"
     >
       <div class="d-bgc-moderate-opaque d-p16 d-bar8">Item 1</div>
@@ -1173,7 +1173,7 @@ Distribute items with space between them, edges flush to container.
     <dt-stack
       direction="row"
       gap="400"
-      justify="between"
+      justify="space-between"
       class="d-w100p d-bgc-moderate-opaque d-bar8 axis-outline axis-outline--inline-center"
     >
       <div class="d-bgc-moderate-opaque d-p16 d-bar8">Item 1</div>
@@ -1189,7 +1189,7 @@ vueCode='
 <dt-stack
   direction="row"
   gap="400"
-  justify="between"
+  justify="space-between"
   class="d-w100p"
 >
   <div>Item 1</div>
@@ -1199,7 +1199,7 @@ vueCode='
 '
 showHtmlWarning />
 
-### Evenly
+### Space Evenly
 
 Distribute items with equal space between all items, including edges.
 
@@ -1212,7 +1212,7 @@ Distribute items with equal space between all items, including edges.
   >
     <dt-stack
       gap="400"
-      justify="evenly"
+      justify="space-evenly"
       class="d-w100p d-h332 d-bgc-moderate-opaque d-bar8 axis-outline axis-outline--block-center"
     >
       <div class="d-bgc-moderate-opaque d-p16 d-bar8">Item 1</div>
@@ -1222,7 +1222,7 @@ Distribute items with equal space between all items, including edges.
     <dt-stack
       direction="row"
       gap="400"
-      justify="evenly"
+      justify="space-evenly"
       class="d-w100p d-bgc-moderate-opaque d-bar8 axis-outline axis-outline--inline-center"
     >
       <div class="d-bgc-moderate-opaque d-p16 d-bar8">Item 1</div>
@@ -1236,7 +1236,7 @@ Distribute items with equal space between all items, including edges.
 :htmlCode="() => $refs.justifyEvenlyExample"
 vueCode='
 <dt-stack
-  justify="evenly"
+  justify="space-evenly"
 >
   <div>Item 1</div>
   <div>Item 2</div>
@@ -1423,7 +1423,7 @@ Resize your browser to see the alignment change at different breakpoints.
   <dt-stack
     direction="row"
     gap="0"
-    :justify="{ default: 'start', md: 'center', lg: 'between' }"
+    :justify="{ default: 'start', md: 'center', lg: 'space-between' }"
     class="d-w100p d-bgc-moderate-opaque d-bar8"
     ref="responsiveJustifyExample"
   >
@@ -1438,7 +1438,7 @@ Resize your browser to see the alignment change at different breakpoints.
 vueCode='
 <dt-stack
   direction="row"
-  :justify="{ default: `start`, md: `center`, lg: `between` }"
+  :justify="{ default: `start`, md: `center`, lg: `space-between` }"
   class="d-w100p"
 >
   <div>Item 1</div>

apps/dialtone-documentation/docs/components/stack.md

@@ -14,6 +14,11 @@
     "node": ">= 14.17"
   },
   "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/dialpad/dialtone.git",
+    "directory": "packages/combinator"
+  },
   "module": "./dist/dialtone-combinator.js",
   "files": [
     "dist"