@getflip/swirl-ai 0.524.0 → 0.526.0

package/dist/agent/components/swirl-modal.md

@@ -13,6 +13,7 @@ The SwirlModal component is used to overlay the user interface with content that
 - `closable` (boolean | undefined) – 
 - `closeButtonLabel` (string | undefined) – 
 - `contentGap` ("0" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "8" | undefined) – 
+- `disableBackdropClose` (boolean | undefined) – 
 - `fullscreenDisableButtonLabel` (string | undefined) – 
 - `fullscreenEnableButtonLabel` (string | undefined) – 
 - `hasSidebarCloseButton` (boolean | undefined) – 

package/dist/agent/components/swirl-tag.md

@@ -15,6 +15,7 @@ The SwirlTag component is used to label or categorize items using keywords.
 - `icon` (string | undefined) – 
 - `iconPosition` ("end" | "start" | undefined) – 
 - `intent` ("critical" | "default" | "info" | "special" | "success" | "translucent" | "warning" | undefined) – 
+- `interactive` (boolean | undefined) – 
 - `removable` (boolean | undefined) – 
 - `removalButtonLabel` (string | undefined) – 
 - `size` ("m" | "s" | undefined) – 
@@ -27,6 +28,7 @@ _None._
 ## Events
 
 - `remove` – CustomEvent<MouseEvent>
+- `tagClick` – CustomEvent<MouseEvent>
 
 ## Methods
 
@@ -42,15 +44,15 @@ No related components.
 
 | ARIA            | Usage                                                                            |
 | --------------- | -------------------------------------------------------------------------------- |
-| `role="button"` | Removable tags use a native button.                                              |
+| `role="button"` | Interactive and removable tags use a native button.                              |
 | `aria-label`    | The removal button gets an accessible label via the `removal-button-label` prop. |
 
 ### Keyboard
 
-| Key              | Action                        |
-| ---------------- | ----------------------------- |
-| <kbd>ENTER</kbd> | Activates the removal button. |
-| <kbd>SPACE</kbd> | Activates the removal button. |
+| Key              | Action                                               |
+| ---------------- | ---------------------------------------------------- |
+| <kbd>ENTER</kbd> | Activates the interactive tag or the removal button. |
+| <kbd>SPACE</kbd> | Activates the interactive tag or the removal button. |
 
 ## Minimal example
 

package/dist/custom-elements.manifest.json

@@ -45088,6 +45088,13 @@
               },
               "fieldName": "contentGap"
             },
+            {
+              "name": "disable-backdrop-close",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "fieldName": "disableBackdropClose"
+            },
             {
               "name": "fullscreen-disable-button-label",
               "type": {
@@ -45405,6 +45412,15 @@
               "readonly": true,
               "attribute": "content-gap"
             },
+            {
+              "kind": "field",
+              "name": "disableBackdropClose",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "readonly": true,
+              "attribute": "disable-backdrop-close"
+            },
             {
               "kind": "field",
               "name": "fullscreenDisableButtonLabel",
@@ -62055,6 +62071,14 @@
               "default": "\"default\"",
               "fieldName": "intent"
             },
+            {
+              "name": "interactive",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "default": "false",
+              "fieldName": "interactive"
+            },
             {
               "name": "label",
               "type": {
@@ -62162,6 +62186,16 @@
               "readonly": true,
               "attribute": "intent"
             },
+            {
+              "kind": "field",
+              "name": "interactive",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "default": "false",
+              "readonly": true,
+              "attribute": "interactive"
+            },
             {
               "kind": "field",
               "name": "label",
@@ -62232,6 +62266,18 @@
                   }
                 ]
               }
+            },
+            {
+              "name": "tagClick",
+              "type": {
+                "text": "CustomEvent<MouseEvent>",
+                "references": [
+                  {
+                    "name": "MouseEvent",
+                    "package": "global:"
+                  }
+                ]
+              }
             }
           ],
           "cssParts": [
@@ -62239,7 +62285,7 @@
               "name": "tag"
             }
           ],
-          "description": "The SwirlTag component is used to label or categorize items using keywords.\n\nAccessibility\n\n### ARIA\n\n| ARIA            | Usage                                                                            |\n| --------------- | -------------------------------------------------------------------------------- |\n| `role=\"button\"` | Removable tags use a native button.                                              |\n| `aria-label`    | The removal button gets an accessible label via the `removal-button-label` prop. |\n\n### Keyboard\n\n| Key              | Action                        |\n| ---------------- | ----------------------------- |\n| <kbd>ENTER</kbd> | Activates the removal button. |\n| <kbd>SPACE</kbd> | Activates the removal button. |"
+          "description": "The SwirlTag component is used to label or categorize items using keywords.\n\nAccessibility\n\n### ARIA\n\n| ARIA            | Usage                                                                            |\n| --------------- | -------------------------------------------------------------------------------- |\n| `role=\"button\"` | Interactive and removable tags use a native button.                              |\n| `aria-label`    | The removal button gets an accessible label via the `removal-button-label` prop. |\n\n### Keyboard\n\n| Key              | Action                                               |\n| ---------------- | ---------------------------------------------------- |\n| <kbd>ENTER</kbd> | Activates the interactive tag or the removal button. |\n| <kbd>SPACE</kbd> | Activates the interactive tag or the removal button. |"
         }
       ],
       "exports": [

package/dist/types/components/swirl-avatar-group/swirl-avatar-group.stories.d.ts

@@ -24,3 +24,4 @@ export declare const SwirlAvatarGroup: any;
 export declare const WithHorizontalLayout: any;
 export declare const WithSquareAvatars: any;
 export declare const WithCenteredLayout: any;
+export declare const WithCenteredLayoutTwoAvatars: any;

package/dist/types/components/swirl-modal/swirl-modal.d.ts

@@ -15,6 +15,7 @@ export declare class SwirlModal {
     el: HTMLElement;
     closable?: boolean;
     closeButtonLabel?: string;
+    disableBackdropClose?: boolean;
     fullscreenEnableButtonLabel?: string;
     fullscreenDisableButtonLabel?: string;
     height?: string;

package/dist/types/components/swirl-modal/swirl-modal.stories.d.ts

@@ -1,6 +1,9 @@
 import Docs from "./swirl-modal.mdx";
 declare const _default: {
     argTypes: {
+        disableBackdropClose: {
+            description: string;
+        };
         returnFocusTo: {
             control: string;
             description: string;

package/dist/types/components/swirl-tag/swirl-tag.d.ts

@@ -9,6 +9,7 @@ export declare class SwirlTag {
     icon?: string;
     iconPosition: SwirlTagIconPosition;
     intent?: SwirlTagIntent;
+    interactive?: boolean;
     label: string;
     removable?: boolean;
     bordered?: boolean;
@@ -16,6 +17,7 @@ export declare class SwirlTag {
     removalButtonLabel?: string;
     variant?: SwirlTagVariant;
     removeTag?: EventEmitter<MouseEvent>;
+    tagClick: EventEmitter<MouseEvent>;
     private iconEl;
     componentDidLoad(): void;
     componentWillLoad(): void;
@@ -23,5 +25,6 @@ export declare class SwirlTag {
     private forceIconProps;
     private forceVariant;
     private onRemove;
+    private onClick;
     render(): any;
 }

package/dist/types/components.d.ts

@@ -3818,6 +3818,7 @@ export namespace Components {
          */
         "closeButtonLabel"?: string;
         "contentGap"?: SwirlModalSpacing;
+        "disableBackdropClose"?: boolean;
         /**
           * @default "Exit full screen"
          */
@@ -5473,6 +5474,10 @@ export namespace Components {
           * @default "default"
          */
         "intent"?: SwirlTagIntent;
+        /**
+          * @default false
+         */
+        "interactive"?: boolean;
         "label": string;
         "removable"?: boolean;
         /**
@@ -9920,6 +9925,7 @@ declare global {
     };
     interface HTMLSwirlTagElementEventMap {
         "remove": MouseEvent;
+        "tagClick": MouseEvent;
     }
     interface HTMLSwirlTagElement extends Components.SwirlTag, HTMLStencilElement {
         addEventListener<K extends keyof HTMLSwirlTagElementEventMap>(type: K, listener: (this: HTMLSwirlTagElement, ev: SwirlTagCustomEvent<HTMLSwirlTagElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -14221,6 +14227,7 @@ declare namespace LocalJSX {
          */
         "closeButtonLabel"?: string;
         "contentGap"?: SwirlModalSpacing;
+        "disableBackdropClose"?: boolean;
         /**
           * @default "Exit full screen"
          */
@@ -15866,8 +15873,13 @@ declare namespace LocalJSX {
           * @default "default"
          */
         "intent"?: SwirlTagIntent;
+        /**
+          * @default false
+         */
+        "interactive"?: boolean;
         "label": string;
         "onRemove"?: (event: SwirlTagCustomEvent<MouseEvent>) => void;
+        "onTagClick"?: (event: SwirlTagCustomEvent<MouseEvent>) => void;
         "removable"?: boolean;
         /**
           * @default "Remove"
@@ -18225,6 +18237,7 @@ declare namespace LocalJSX {
     interface SwirlModalAttributes {
         "closable": boolean;
         "closeButtonLabel": string;
+        "disableBackdropClose": boolean;
         "fullscreenEnableButtonLabel": string;
         "fullscreenDisableButtonLabel": string;
         "height": string;
@@ -18994,6 +19007,7 @@ declare namespace LocalJSX {
         "icon": string;
         "iconPosition": SwirlTagIconPosition;
         "intent": SwirlTagIntent;
+        "interactive": boolean;
         "label": string;
         "removable": boolean;
         "bordered": boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getflip/swirl-ai",
-  "version": "0.524.0",
+  "version": "0.526.0",
   "description": "Swirl Design System AI package with artifacts for AI agents",
   "author": "Flip GmbH",
   "repository": {
@@ -26,7 +26,7 @@
     "lint": "tsc --noEmit"
   },
   "devDependencies": {
-    "@getflip/swirl-components": "0.524.0",
+    "@getflip/swirl-components": "0.526.0",
     "@getflip/swirl-tokens": "2.14.3",
     "@types/node": "25.3.0",
     "tsx": "^4.7.0",