@_linked/primitives 1.0.7 → 1.0.9

package/.github/workflows/publish.yml

@@ -43,6 +43,7 @@ jobs:
         run: npm run build
 
       - name: Create release Pull Request or Publish
+        id: changesets
         uses: changesets/action@v1
         with:
           publish: npx changeset publish
@@ -52,3 +53,25 @@ jobs:
           GITHUB_TOKEN: ${{ steps.app-token.outputs.token }}
           NODE_AUTH_TOKEN: ${{ secrets.NPM_AUTH_TOKEN }}
           NPM_TOKEN: ${{ secrets.NPM_AUTH_TOKEN }}
+
+      # When changesets opened/updated the version PR (rather than publishing), merge it so the
+      # release ships without a manual click. App token → the merge's push re-triggers this
+      # workflow, which then runs `changeset publish`. DIRECT-merge (not `--auto`): GitHub
+      # auto-merge ignores branch-protection review-bypass allowances; main is check-only so a
+      # direct merge lands once the required check is green — retry until then.
+      - name: Merge the version PR to publish
+        if: steps.changesets.outputs.hasChangesets == 'true' && steps.changesets.outputs.published != 'true'
+        env:
+          GH_TOKEN: ${{ steps.app-token.outputs.token }}
+        run: |
+          pr=$(gh pr list --base main --head changeset-release/main --state open --json number --jq '.[0].number // empty')
+          if [ -z "$pr" ]; then echo "No open version PR (nothing to merge)."; exit 0; fi
+          for i in $(seq 1 40); do
+            if gh pr merge "$pr" --merge 2>/tmp/merge_err; then
+              echo "Merged version PR #$pr on attempt $i."
+              exit 0
+            fi
+            echo "Attempt $i/40: version PR #$pr not mergeable yet ($(tr -d '\n' < /tmp/merge_err)); waiting for the required check…"
+            sleep 15
+          done
+          echo "::warning::Version PR #$pr not merged after retries — merge it manually."

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @\_linked/primitives
 
+## 1.0.9
+
+### Patch Changes
+
+- [#9](https://github.com/linked-cm/primitives/pull/9) [`780eaee`](https://github.com/linked-cm/primitives/commit/780eaee5a4bf1c17f21f3840996ad6cbc0caa63b) Thanks [@carlenmy](https://github.com/carlenmy)! - Allow labelled ToggleGroup items to expand to their content while preserving the existing square minimum for icon-only items. Add `--togglegroup-item-padding-x` so consumers can tune inline padding without overriding primitive geometry.
+
 ## 1.0.7
 
 ### Patch Changes

package/lib/cjs/components/ToggleGroup.module.css

@@ -11,8 +11,11 @@
 .Item {
   background-color: var(--togglegroup-item-bg, var(--control-bg));
   color: var(--togglegroup-item-text, var(--control-text));
-  height: var(--togglegroup-item-size, var(--control-toggle-size));
-  width: var(--togglegroup-item-size, var(--control-toggle-size));
+  box-sizing: border-box;
+  block-size: var(--togglegroup-item-size, var(--control-toggle-size));
+  inline-size: auto;
+  min-inline-size: var(--togglegroup-item-size, var(--control-toggle-size));
+  padding-inline: var(--togglegroup-item-padding-x, --spacing(2));
   display: flex;
   font-size: var(--togglegroup-item-font-size, var(--typography-small-size));
   line-height: var(

package/lib/cjs/package.json

@@ -10,11 +10,12 @@
     "type": "git",
     "url": ""
   },
-  "version": "1.0.7",
+  "version": "1.0.9",
   "linkedPackage": true,
   "license": "ISC",
   "scripts": {
     "start": "npm exec linked dev",
+    "test": "node --test test/*.test.mjs",
     "build": "rimraf ./lib && yarn build-esm && yarn build-cjs && yarn copy-to-lib && yarn dual-package",
     "build-esm": "echo \"compiling ESM\" && rimraf ./lib/esm && yarn tsc -p tsconfig-esm.json",
     "build-cjs": "echo \"compiling CJS\" && rimraf ./lib/cjs && yarn tsc -p tsconfig-cjs.json",
@@ -30,7 +31,7 @@
   ],
   "dependencies": {
     "@_linked/core": "^2.0.1",
-    "@_linked/css": "*",
+    "@_linked/css": "^0.2.0",
     "@_linked/react": "^1.2",
     "@radix-ui/react-accordion": "^1.1.2",
     "@radix-ui/react-alert-dialog": "^1.0.5",

package/lib/esm/components/ToggleGroup.module.css

@@ -11,8 +11,11 @@
 .Item {
   background-color: var(--togglegroup-item-bg, var(--control-bg));
   color: var(--togglegroup-item-text, var(--control-text));
-  height: var(--togglegroup-item-size, var(--control-toggle-size));
-  width: var(--togglegroup-item-size, var(--control-toggle-size));
+  box-sizing: border-box;
+  block-size: var(--togglegroup-item-size, var(--control-toggle-size));
+  inline-size: auto;
+  min-inline-size: var(--togglegroup-item-size, var(--control-toggle-size));
+  padding-inline: var(--togglegroup-item-padding-x, --spacing(2));
   display: flex;
   font-size: var(--togglegroup-item-font-size, var(--typography-small-size));
   line-height: var(

package/lib/esm/package.json

@@ -10,11 +10,12 @@
     "type": "git",
     "url": ""
   },
-  "version": "1.0.7",
+  "version": "1.0.9",
   "linkedPackage": true,
   "license": "ISC",
   "scripts": {
     "start": "npm exec linked dev",
+    "test": "node --test test/*.test.mjs",
     "build": "rimraf ./lib && yarn build-esm && yarn build-cjs && yarn copy-to-lib && yarn dual-package",
     "build-esm": "echo \"compiling ESM\" && rimraf ./lib/esm && yarn tsc -p tsconfig-esm.json",
     "build-cjs": "echo \"compiling CJS\" && rimraf ./lib/cjs && yarn tsc -p tsconfig-cjs.json",
@@ -30,7 +31,7 @@
   ],
   "dependencies": {
     "@_linked/core": "^2.0.1",
-    "@_linked/css": "*",
+    "@_linked/css": "^0.2.0",
     "@_linked/react": "^1.2",
     "@radix-ui/react-accordion": "^1.1.2",
     "@radix-ui/react-alert-dialog": "^1.0.5",

package/package.json

@@ -10,12 +10,13 @@
     "type": "git",
     "url": ""
   },
-  "version": "1.0.7",
+  "version": "1.0.9",
   "linkedPackage": true,
   "main": "lib/cjs/index.js",
   "license": "ISC",
   "scripts": {
     "start": "npm exec linked dev",
+    "test": "node --test test/*.test.mjs",
     "build": "rimraf ./lib && yarn build-esm && yarn build-cjs && yarn copy-to-lib && yarn dual-package",
     "build-esm": "echo \"compiling ESM\" && rimraf ./lib/esm && yarn tsc -p tsconfig-esm.json",
     "build-cjs": "echo \"compiling CJS\" && rimraf ./lib/cjs && yarn tsc -p tsconfig-cjs.json",
@@ -31,7 +32,7 @@
   ],
   "dependencies": {
     "@_linked/core": "^2.0.1",
-    "@_linked/css": "*",
+    "@_linked/css": "^0.2.0",
     "@_linked/react": "^1.2",
     "@radix-ui/react-accordion": "^1.1.2",
     "@radix-ui/react-alert-dialog": "^1.0.5",

package/test/toggle-group-css.test.mjs

@@ -0,0 +1,19 @@
+import assert from 'node:assert/strict';
+import { readFileSync } from 'node:fs';
+import test from 'node:test';
+
+const stylesheet = readFileSync(
+  new URL('../src/components/ToggleGroup.module.css', import.meta.url),
+  'utf8'
+);
+
+test('labelled toggle-group items expand while icon-only items retain a square minimum', () => {
+  assert.match(stylesheet, /block-size:\s*var\(--togglegroup-item-size/);
+  assert.match(stylesheet, /inline-size:\s*auto/);
+  assert.match(stylesheet, /min-inline-size:\s*var\(--togglegroup-item-size/);
+  assert.match(
+    stylesheet,
+    /padding-inline:\s*var\(--togglegroup-item-padding-x,\s*--spacing\(2\)\)/
+  );
+  assert.doesNotMatch(stylesheet, /\bwidth\s*:/);
+});