@getflip/swirl-ai 0.492.1 → 0.493.0

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

@@ -24,7 +24,7 @@ The SwirlButton component is used to trigger actions or events.
 - `name` (string | undefined) – 
 - `pill` (boolean | undefined) – 
 - `pressed` (boolean | undefined) – 
-- `size` ("l" | "m" | undefined) – 
+- `size` ("l" | "m" | "s" | undefined) – 
 - `swirlAriaControls` (string | undefined) – 
 - `swirlAriaCurrent` (string | undefined) – 
 - `swirlAriaDescribedby` (string | undefined) – 

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

@@ -10,11 +10,13 @@ The SwirlDialog component is used to overlay the user interface with content tha
 
 ## Optional props
 
+- `actionsOrientation` ("horizontal" | "horizontal-reverse" | "vertical" | "vertical-reverse" | undefined) – 
 - `hideLabel` (boolean | undefined) – 
 - `intent` ("critical" | "primary" | undefined) – 
 - `primaryActionLabel` (string | undefined) – 
 - `returnFocusTo` (HTMLElement | string | undefined) – 
 - `secondaryActionLabel` (string | undefined) – 
+- `size` ("default" | "large" | undefined) – 
 
 ## Slots
 

package/dist/agent/tokens.json

@@ -645,7 +645,7 @@
     {
       "name": "interactive-primary-disabled",
       "valueLight": "rgba(204, 205, 209, 1)",
-      "valueDark": "rgba(255,255,255,0.06)",
+      "valueDark": "rgba(255,255,255,0.2)",
       "tailwindNamespace": "colors",
       "description": "Used if a component with “Interactive Primary/Default” has a disabled state."
     },

package/dist/custom-elements.manifest.json

@@ -4024,7 +4024,7 @@
             {
               "name": "size",
               "type": {
-                "text": "\"l\" | \"m\" | undefined",
+                "text": "\"l\" | \"m\" | \"s\" | undefined",
                 "references": [
                   {
                     "name": "SwirlButtonSize"
@@ -4288,7 +4288,7 @@
               "kind": "field",
               "name": "size",
               "type": {
-                "text": "\"l\" | \"m\" | undefined",
+                "text": "\"l\" | \"m\" | \"s\" | undefined",
                 "references": [
                   {
                     "name": "SwirlButtonSize"
@@ -7943,6 +7943,20 @@
           "tagName": "swirl-dialog",
           "name": "SwirlDialog",
           "attributes": [
+            {
+              "name": "actions-orientation",
+              "type": {
+                "text": "\"horizontal\" | \"horizontal-reverse\" | \"vertical\" | \"vertical-reverse\" | undefined",
+                "references": [
+                  {
+                    "name": "SwirlButtonGroupOrientation",
+                    "module": "../swirl-button-group/swirl-button-group"
+                  }
+                ]
+              },
+              "default": "\"horizontal\"",
+              "fieldName": "actionsOrientation"
+            },
             {
               "name": "hide-label",
               "type": {
@@ -7996,9 +8010,38 @@
                 "text": "string | undefined"
               },
               "fieldName": "secondaryActionLabel"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "\"default\" | \"large\" | undefined",
+                "references": [
+                  {
+                    "name": "SwirlDialogSize"
+                  }
+                ]
+              },
+              "default": "\"default\"",
+              "fieldName": "size"
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "actionsOrientation",
+              "type": {
+                "text": "\"horizontal\" | \"horizontal-reverse\" | \"vertical\" | \"vertical-reverse\" | undefined",
+                "references": [
+                  {
+                    "name": "SwirlButtonGroupOrientation",
+                    "module": "../swirl-button-group/swirl-button-group"
+                  }
+                ]
+              },
+              "default": "\"horizontal\"",
+              "readonly": true,
+              "attribute": "actions-orientation"
+            },
             {
               "kind": "field",
               "name": "hideLabel",
@@ -8065,6 +8108,21 @@
               "readonly": true,
               "attribute": "secondary-action-label"
             },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "\"default\" | \"large\" | undefined",
+                "references": [
+                  {
+                    "name": "SwirlDialogSize"
+                  }
+                ]
+              },
+              "default": "\"default\"",
+              "readonly": true,
+              "attribute": "size"
+            },
             {
               "kind": "method",
               "name": "close",

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

@@ -1,7 +1,7 @@
 import { SwirlCursor } from "../../utils";
 export type SwirlButtonIconPosition = "start" | "end";
 export type SwirlButtonIntent = "default" | "primary" | "critical" | "strong";
-export type SwirlButtonSize = "m" | "l";
+export type SwirlButtonSize = "s" | "m" | "l";
 export type SwirlButtonTextAlign = "start" | "center" | "end";
 export type SwirlButtonType = "button" | "submit";
 export type SwirlButtonVariant = "flat" | "ghost" | "plain" | "floating" | "on-image" | "outline" | "translucent";

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

@@ -1,15 +1,19 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { SwirlDialogToggleEvent } from "../../utils";
+import { SwirlButtonGroupOrientation } from "../swirl-button-group/swirl-button-group";
 export type SwirlDialogIntent = "primary" | "critical";
+export type SwirlDialogSize = "default" | "large";
 /**
  * @slot slot - The dialog content
  * @slot left-controls - Controls displayed on the left side of the default ones
  */
 export declare class SwirlDialog {
     el: HTMLElement;
+    actionsOrientation?: SwirlButtonGroupOrientation;
     hideLabel?: boolean;
     intent?: SwirlDialogIntent;
     label: string;
+    size?: SwirlDialogSize;
     primaryActionLabel?: string;
     returnFocusTo?: HTMLElement | string;
     secondaryActionLabel?: string;

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

@@ -1,10 +1,18 @@
 import Docs from "./swirl-dialog.mdx";
 declare const _default: {
     argTypes: {
+        actionsOrientation: {
+            control: string;
+            options: string[];
+        };
         returnFocusTo: {
             control: string;
             description: string;
         };
+        size: {
+            control: string;
+            options: string[];
+        };
     };
     component: string;
     tags: string[];

package/dist/types/components.d.ts

@@ -27,7 +27,8 @@ import { SwirlChipBorderRadius, SwirlChipIconColor, SwirlChipIntent, SwirlChipSi
 import { SwirlColumnsSpacing } from "./components/swirl-columns/swirl-columns";
 import { SwirlDataCellIntent } from "./components/swirl-data-cell/swirl-data-cell";
 import { WCDatepickerLabels } from "wc-datepicker/dist/types/components/wc-datepicker/wc-datepicker";
-import { SwirlDialogIntent } from "./components/swirl-dialog/swirl-dialog";
+import { SwirlButtonGroupOrientation as SwirlButtonGroupOrientation1 } from "./components/swirl-button-group/swirl-button-group";
+import { SwirlDialogIntent, SwirlDialogSize } from "./components/swirl-dialog/swirl-dialog";
 import { SwirlCursor, SwirlDialogToggleEvent } from "./utils";
 import { SwirlEmojiSize } from "./components/swirl-emoji/swirl-emoji.types";
 import { SwirlButtonVariant as SwirlButtonVariant1 } from "./components/swirl-button/swirl-button";
@@ -109,7 +110,8 @@ export { SwirlChipBorderRadius, SwirlChipIconColor, SwirlChipIntent, SwirlChipSi
 export { SwirlColumnsSpacing } from "./components/swirl-columns/swirl-columns";
 export { SwirlDataCellIntent } from "./components/swirl-data-cell/swirl-data-cell";
 export { WCDatepickerLabels } from "wc-datepicker/dist/types/components/wc-datepicker/wc-datepicker";
-export { SwirlDialogIntent } from "./components/swirl-dialog/swirl-dialog";
+export { SwirlButtonGroupOrientation as SwirlButtonGroupOrientation1 } from "./components/swirl-button-group/swirl-button-group";
+export { SwirlDialogIntent, SwirlDialogSize } from "./components/swirl-dialog/swirl-dialog";
 export { SwirlCursor, SwirlDialogToggleEvent } from "./utils";
 export { SwirlEmojiSize } from "./components/swirl-emoji/swirl-emoji.types";
 export { SwirlButtonVariant as SwirlButtonVariant1 } from "./components/swirl-button/swirl-button";
@@ -951,6 +953,10 @@ export namespace Components {
         "tooltip"?: string;
     }
     interface SwirlDialog {
+        /**
+          * @default "horizontal"
+         */
+        "actionsOrientation"?: SwirlButtonGroupOrientation1;
         /**
           * Close the dialog.
          */
@@ -968,6 +974,10 @@ export namespace Components {
         "primaryActionLabel"?: string;
         "returnFocusTo"?: HTMLElement | string;
         "secondaryActionLabel"?: string;
+        /**
+          * @default "default"
+         */
+        "size"?: SwirlDialogSize;
     }
     interface SwirlEmoji {
         /**
@@ -10843,6 +10853,10 @@ declare namespace LocalJSX {
         "tooltip"?: string;
     }
     interface SwirlDialog {
+        /**
+          * @default "horizontal"
+         */
+        "actionsOrientation"?: SwirlButtonGroupOrientation1;
         "hideLabel"?: boolean;
         /**
           * @default "primary"
@@ -10857,6 +10871,10 @@ declare namespace LocalJSX {
         "primaryActionLabel"?: string;
         "returnFocusTo"?: HTMLElement | string;
         "secondaryActionLabel"?: string;
+        /**
+          * @default "default"
+         */
+        "size"?: SwirlDialogSize;
     }
     interface SwirlEmoji {
         /**
@@ -15778,9 +15796,11 @@ declare namespace LocalJSX {
         "tooltip": string;
     }
     interface SwirlDialogAttributes {
+        "actionsOrientation": SwirlButtonGroupOrientation;
         "hideLabel": boolean;
         "intent": SwirlDialogIntent;
         "label": string;
+        "size": SwirlDialogSize;
         "primaryActionLabel": string;
         "returnFocusTo": HTMLElement | string;
         "secondaryActionLabel": string;

package/package.json

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