@camunda/design-system 0.22.0 → 0.23.0

package/README.md

@@ -15,10 +15,12 @@ Install once to get AI agents for building UI, adding components, and migrating
 1. Open the plugin manager: `/plugins`
 2. **Marketplaces** → **Add** → enter `camunda/design-system` → confirm
 3. **Discover** → find `camunda-design-system` → **Install**
-4. Choose **user** scope → enable **Auto-update**
+4. Choose **user** scope
 
 No configuration needed — agents auto-detect the DS package via `components.json`.
 
+Update notifications are built in: a banner appears at session start whenever a newer plugin version is available. To apply the update, open `/plugins` and click **Update** on the `camunda-design-system` tile.
+
 | Task                                 | How                            |
 | ------------------------------------ | ------------------------------ |
 | Build UI from existing DS components | Describe what you need in chat |
@@ -144,6 +146,26 @@ Once changesets accumulate on `main`, the bot opens a **"Version Packages"** PR
 
 → [Full release guide](./docs/guides/releasing.md)
 
+### Releasing a plugin update
+
+Plugin agents, skills, and scripts are versioned **independently** of the npm package — no changeset needed, no npm publish.
+
+**Version bumps are automatic:** the pre-commit hook detects staged changes to `agents/`, `skills/`, or `plugins/camunda-design-system/` and runs a `patch` bump automatically. No manual step required for routine changes.
+
+To bump `minor` or `major` manually (new agent added, breaking API change):
+
+```bash
+npm run version:bump-plugin minor   # or major
+```
+
+| Type    | When                                                     |
+| ------- | -------------------------------------------------------- |
+| `patch` | Prompt tweaks, script fixes, copy corrections — **auto** |
+| `minor` | New agent or skill added                                 |
+| `major` | Breaking change to agent API or plugin structure         |
+
+CI will block plugin-file changes that lack a version bump — add label `skip-plugin-version` to bypass when intentional.
+
 ### Before every PR
 
 ```bash

package/dist/carbon-compat/toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../carbon-compat/toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAC,WAAW,IAAI,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAEpE,MAAM,MAAM,WAAW,GAAG,iBAAiB,CAAC;AAE5C,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,qBAiEjC;AAED,OAAO,EAAC,MAAM,EAAC,CAAC"}
+{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../carbon-compat/toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAC,WAAW,IAAI,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAEpE,MAAM,MAAM,WAAW,GAAG,iBAAiB,CAAC;AAE5C,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,qBAuEjC;AAED,OAAO,EAAC,MAAM,EAAC,CAAC"}

package/dist/carbon-compat/toggle.js

@@ -4,7 +4,12 @@ import { Switch } from '../src/components/ui/switch.js';
 import { cn, warnDroppedProps } from '../src/lib/utils.js';
 function Toggle(props) {
     const { 'aria-labelledby': ariaLabelledby, className, defaultToggled, disabled, hideLabel, id, labelA, labelB, labelText, onClick, onToggle, readOnly, size, toggled, ...rest } = props;
-    warnDroppedProps('Toggle', { readOnly, size });
+    warnDroppedProps('Toggle', { readOnly });
+    // Carbon's `<Toggle size="sm">` maps to DS `<Switch size="sm">` (visually
+    // matches `.cds--toggle--small`); Carbon's default `md` maps to DS `md`.
+    // Carbon `ToggleProps.size` is typed as `'sm' | 'md'` (Carbon Toggle has
+    // no `lg`); any unknown/legacy value falls back to DS `md`.
+    const dsSize = size === 'sm' ? 'sm' : 'md';
     // Track the switch's checked state internally so the side label ("On"/"Off"
     // via labelA/labelB) reflects toggles when the consumer hasn't wired
     // `toggled` + `onToggle` — same shape Carbon's `Toggle` uses via
@@ -39,7 +44,7 @@ function Toggle(props) {
     //     render labelText as the header and labelA/labelB as the side); it
     //     is intentional because carbon-compat can't render both.
     const labelContent = hideLabel ? labelText : (labelText ?? (checkedState ? labelB : labelA));
-    const switchEl = (_jsx(Switch, { id: id, "aria-labelledby": ariaLabelledby, disabled: disabled, checked: checkedState, onClick: onClick, onCheckedChange: handleCheckedChange, ...rest }));
+    const switchEl = (_jsx(Switch, { id: id, size: dsSize, "aria-labelledby": ariaLabelledby, disabled: disabled, checked: checkedState, onClick: onClick, onCheckedChange: handleCheckedChange, ...rest }));
     if (!labelContent)
         return React.cloneElement(switchEl, { className });
     return (_jsxs("div", { className: cn('flex items-center gap-2', className), children: [switchEl, _jsx("label", { htmlFor: id, className: cn('text-sm font-medium leading-none', disabled && 'cursor-not-allowed opacity-70'), children: labelContent })] }));

package/dist/carbon-compat/toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.js","sourceRoot":"","sources":["../../carbon-compat/toggle.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,MAAM,EAAC,MAAM,6BAA6B,CAAC;AACnD,OAAO,EAAC,EAAE,EAAE,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AAKtD,SAAS,MAAM,CAAC,KAAkB;IAChC,MAAM,EACJ,iBAAiB,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EACrF,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI,EAC/E,GAAG,KAAK,CAAC;IACV,gBAAgB,CAAC,QAAQ,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAC;IAC7C,4EAA4E;IAC5E,qEAAqE;IACrE,iEAAiE;IACjE,yEAAyE;IACzE,0EAA0E;IAC1E,MAAM,YAAY,GAAG,OAAO,KAAK,SAAS,CAAC;IAC3C,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,cAAc,IAAI,KAAK,CAAC,CAAC;IACvG,MAAM,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC;IAC3E,MAAM,mBAAmB,GAAG,CAAC,IAAa,EAAE,EAAE;QAC5C,IAAI,CAAC,YAAY;YAAE,sBAAsB,CAAC,IAAI,CAAC,CAAC;QAChD,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,CAAC;IACF,sEAAsE;IACtE,qDAAqD;IACrD,EAAE;IACF,sDAAsD;IACtD,sEAAsE;IACtE,+CAA+C;IAC/C,yEAAyE;IACzE,4EAA4E;IAC5E,6EAA6E;IAC7E,4DAA4D;IAC5D,EAAE;IACF,qEAAqE;IACrE,2BAA2B;IAC3B,uEAAuE;IACvE,uEAAuE;IACvE,qBAAqB;IACrB,+DAA+D;IAC/D,qEAAqE;IACrE,wEAAwE;IACxE,8DAA8D;IAC9D,MAAM,YAAY,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;IAC7F,MAAM,QAAQ,GAAG,CACf,KAAC,MAAM,IACL,EAAE,EAAE,EAAE,qBACW,cAAc,EAC/B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,YAAY,EACrB,OAAO,EAAE,OAAgE,EACzE,eAAe,EAAE,mBAAmB,KAC/B,IAA4C,GACjD,CACH,CAAC;IACF,IAAI,CAAC,YAAY;QAAE,OAAO,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAC,SAAS,EAAC,CAAC,CAAC;IACpE,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,aACrD,QAAQ,EACT,gBACE,OAAO,EAAE,EAAE,EACX,SAAS,EAAE,EAAE,CACX,kCAAkC,EAClC,QAAQ,IAAI,+BAA+B,CAC5C,YAEA,YAAY,GACP,IACJ,CACP,CAAC;AACJ,CAAC;AAED,OAAO,EAAC,MAAM,EAAC,CAAC"}
+{"version":3,"file":"toggle.js","sourceRoot":"","sources":["../../carbon-compat/toggle.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,MAAM,EAAC,MAAM,6BAA6B,CAAC;AACnD,OAAO,EAAC,EAAE,EAAE,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AAKtD,SAAS,MAAM,CAAC,KAAkB;IAChC,MAAM,EACJ,iBAAiB,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EACrF,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI,EAC/E,GAAG,KAAK,CAAC;IACV,gBAAgB,CAAC,QAAQ,EAAE,EAAC,QAAQ,EAAC,CAAC,CAAC;IACvC,0EAA0E;IAC1E,yEAAyE;IACzE,yEAAyE;IACzE,4DAA4D;IAC5D,MAAM,MAAM,GAAgB,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IACxD,4EAA4E;IAC5E,qEAAqE;IACrE,iEAAiE;IACjE,yEAAyE;IACzE,0EAA0E;IAC1E,MAAM,YAAY,GAAG,OAAO,KAAK,SAAS,CAAC;IAC3C,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,cAAc,IAAI,KAAK,CAAC,CAAC;IACvG,MAAM,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC;IAC3E,MAAM,mBAAmB,GAAG,CAAC,IAAa,EAAE,EAAE;QAC5C,IAAI,CAAC,YAAY;YAAE,sBAAsB,CAAC,IAAI,CAAC,CAAC;QAChD,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,CAAC;IACF,sEAAsE;IACtE,qDAAqD;IACrD,EAAE;IACF,sDAAsD;IACtD,sEAAsE;IACtE,+CAA+C;IAC/C,yEAAyE;IACzE,4EAA4E;IAC5E,6EAA6E;IAC7E,4DAA4D;IAC5D,EAAE;IACF,qEAAqE;IACrE,2BAA2B;IAC3B,uEAAuE;IACvE,uEAAuE;IACvE,qBAAqB;IACrB,+DAA+D;IAC/D,qEAAqE;IACrE,wEAAwE;IACxE,8DAA8D;IAC9D,MAAM,YAAY,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;IAC7F,MAAM,QAAQ,GAAG,CACf,KAAC,MAAM,IACL,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,MAAM,qBACK,cAAc,EAC/B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,YAAY,EACrB,OAAO,EAAE,OAAgE,EACzE,eAAe,EAAE,mBAAmB,KAC/B,IAA4C,GACjD,CACH,CAAC;IACF,IAAI,CAAC,YAAY;QAAE,OAAO,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAC,SAAS,EAAC,CAAC,CAAC;IACpE,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,aACrD,QAAQ,EACT,gBACE,OAAO,EAAE,EAAE,EACX,SAAS,EAAE,EAAE,CACX,kCAAkC,EAClC,QAAQ,IAAI,+BAA+B,CAC5C,YAEA,YAAY,GACP,IACJ,CACP,CAAC;AACJ,CAAC;AAED,OAAO,EAAC,MAAM,EAAC,CAAC"}

package/dist/src/components/ui/switch.d.ts

@@ -1,5 +1,10 @@
 import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
 import { Switch as SwitchPrimitive } from "radix-ui";
-declare function Switch({ className, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root>): React.JSX.Element;
+declare const switchTrackVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type SwitchProps = React.ComponentProps<typeof SwitchPrimitive.Root> & VariantProps<typeof switchTrackVariants>;
+declare function Switch({ className, size, ...props }: SwitchProps): React.JSX.Element;
 export { Switch };
 //# sourceMappingURL=switch.d.ts.map

package/dist/src/components/ui/switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AAIrD,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,qBA8BnD;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AAIrD,QAAA,MAAM,mBAAmB;;8EAsBxB,CAAC;AAsBF,KAAK,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAClE,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAE3C,iBAAS,MAAM,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,qBAazD;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/src/components/ui/switch.js

@@ -1,24 +1,49 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
+import { cva } from "class-variance-authority";
 import { Switch as SwitchPrimitive } from "radix-ui";
 import { cn } from "../../lib/utils.js";
-function Switch({ className, ...props }) {
-    return (_jsx(SwitchPrimitive.Root, { "data-slot": "switch", className: cn(
-        // Track: 24×44 with explicit `border-0` to clear the browser's default
-        // <button> border (Radix renders Switch as a button). Relative
-        // positioning hosts the absolutely-positioned thumb. Absolute
-        // positioning is used instead of flex+translate so geometry is
-        // independent of `box-sizing` (c4 ships Tailwind without preflight,
-        // so the global `box-sizing: border-box` reset is not applied).
-        "peer relative inline-block h-6 w-11 shrink-0 cursor-pointer rounded-full border-0 p-0 transition-colors outline-none focus-visible:ring-3 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary-action-default data-[state=unchecked]:bg-switch-background", className), ...props, children: _jsx(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", className: cn(
-            // Thumb: 20×20 absolutely positioned 2px from the left edge, then
-            // animated horizontally via `translate-x` so the slide is smooth
-            // (CSS can't interpolate between a length and `auto`, so left/right
-            // swapping animates badly — translate is interpolatable).
-            // -translate-y-1/2 on top of translate-x composes via Tailwind v4's
-            // transform variables.
-            "pointer-events-none absolute top-1/2 left-0.5 size-5 -translate-y-1/2 rounded-full bg-neutral-background-subtle shadow-sm ring-0 transition-transform duration-200 ease-in-out data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0 dark:data-[state=checked]:bg-primary-foreground-strong dark:data-[state=unchecked]:bg-neutral-background-subtle-foreground") }) }));
+const switchTrackVariants = cva(
+// Track base (size-independent):
+//   Relative positioning hosts the absolutely-positioned thumb. `border-0`
+//   clears the browser's default <button> border (Radix renders Switch as
+//   a button). `p-0` is needed because Tailwind ships c4 without preflight
+//   (no global button reset).
+"peer relative inline-block shrink-0 cursor-pointer rounded-full border-0 p-0 transition-colors outline-none focus-visible:ring-3 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary-action-default data-[state=unchecked]:bg-switch-background", {
+    variants: {
+        size: {
+            // 24×44 track, 20×20 thumb, +20px slide on check.
+            md: "h-6 w-11",
+            // 16×32 track, 12×12 thumb, +16px slide on check — matches Carbon
+            // `.cds--toggle--small` visual density for parity with Carbon
+            // consumers that use `<Toggle size="sm">`.
+            sm: "h-4 w-8",
+        },
+    },
+    defaultVariants: {
+        size: "md",
+    },
+});
+const switchThumbVariants = cva(
+// Thumb base (size-independent): absolutely positioned 2px from the left
+// edge, animated horizontally via `translate-x` (translation is
+// CSS-interpolatable; left/right length↔auto is not, so it animates
+// poorly). `-translate-y-1/2` on top of translate-x composes via Tailwind
+// v4's transform variables.
+"pointer-events-none absolute top-1/2 left-0.5 -translate-y-1/2 rounded-full bg-neutral-background-subtle shadow-sm ring-0 transition-transform duration-200 ease-in-out data-[state=unchecked]:translate-x-0 dark:data-[state=checked]:bg-primary-foreground-strong dark:data-[state=unchecked]:bg-neutral-background-subtle-foreground", {
+    variants: {
+        size: {
+            md: "size-5 data-[state=checked]:translate-x-5",
+            sm: "size-3 data-[state=checked]:translate-x-4",
+        },
+    },
+    defaultVariants: {
+        size: "md",
+    },
+});
+function Switch({ className, size, ...props }) {
+    return (_jsx(SwitchPrimitive.Root, { "data-slot": "switch", className: cn(switchTrackVariants({ size }), className), ...props, children: _jsx(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", className: cn(switchThumbVariants({ size })) }) }));
 }
 export { Switch };
 //# sourceMappingURL=switch.js.map

package/dist/src/components/ui/switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../../src/components/ui/switch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AAErD,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAE/B,SAAS,MAAM,CAAC,EACd,SAAS,EACT,GAAG,KAAK,EAC0C;IAClD,OAAO,CACL,KAAC,eAAe,CAAC,IAAI,iBACT,QAAQ,EAClB,SAAS,EAAE,EAAE;QACX,uEAAuE;QACvE,+DAA+D;QAC/D,8DAA8D;QAC9D,+DAA+D;QAC/D,oEAAoE;QACpE,gEAAgE;QAChE,+WAA+W,EAC/W,SAAS,CACV,KACG,KAAK,YAET,KAAC,eAAe,CAAC,KAAK,iBACV,cAAc,EACxB,SAAS,EAAE,EAAE;YACX,kEAAkE;YAClE,iEAAiE;YACjE,oEAAoE;YACpE,0DAA0D;YAC1D,oEAAoE;YACpE,uBAAuB;YACvB,mXAAmX,CACpX,GACD,GACmB,CACxB,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../../src/components/ui/switch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AAErD,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAE/B,MAAM,mBAAmB,GAAG,GAAG;AAC7B,iCAAiC;AACjC,2EAA2E;AAC3E,0EAA0E;AAC1E,2EAA2E;AAC3E,8BAA8B;AAC9B,sWAAsW,EACtW;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,kDAAkD;YAClD,EAAE,EAAE,UAAU;YACd,kEAAkE;YAClE,8DAA8D;YAC9D,2CAA2C;YAC3C,EAAE,EAAE,SAAS;SACd;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CACF,CAAC;AAEF,MAAM,mBAAmB,GAAG,GAAG;AAC7B,yEAAyE;AACzE,gEAAgE;AAChE,oEAAoE;AACpE,0EAA0E;AAC1E,4BAA4B;AAC5B,yUAAyU,EACzU;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,2CAA2C;YAC/C,EAAE,EAAE,2CAA2C;SAChD;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CACF,CAAC;AAKF,SAAS,MAAM,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAe;IACxD,OAAO,CACL,KAAC,eAAe,CAAC,IAAI,iBACT,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,mBAAmB,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KACnD,KAAK,YAET,KAAC,eAAe,CAAC,KAAK,iBACV,cAAc,EACxB,SAAS,EAAE,EAAE,CAAC,mBAAmB,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,GAC5C,GACmB,CACxB,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/styles.css

@@ -3228,6 +3228,12 @@
     opacity: 100%;
   }
 }
+.data-\[state\=checked\]\:translate-x-4 {
+  &[data-state="checked"] {
+    --tw-translate-x: calc(var(--spacing) * 4);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+}
 .data-\[state\=checked\]\:translate-x-5 {
   &[data-state="checked"] {
     --tw-translate-x: calc(var(--spacing) * 5);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@camunda/design-system",
-  "version": "0.22.0",
+  "version": "0.23.0",
   "description": "Camunda's AI-first design system. shadcn + Tailwind components, design tokens aligned to Camunda's identity, and AI tooling for component authoring + migration.",
   "license": "Apache-2.0",
   "repository": {
@@ -63,7 +63,8 @@
     "typecheck:visual": "tsc --noEmit -p tsconfig.playwright.json",
     "contrast:audit": "node scripts/contrast-audit.mjs",
     "prepare": "husky",
-    "release": "changeset publish"
+    "release": "changeset publish",
+    "version:bump-plugin": "node scripts/bump-plugin-version.js"
   },
   "lint-staged": {
     "*.{ts,tsx}": [