@getflip/swirl-ai 0.532.1 → 0.533.0

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

@@ -40,6 +40,7 @@ The SwirlButton component is used to trigger actions or events.
 ## Slots
 
 - **`icon`** – Icon to be displayed inside the button.
+- **`label`** – Custom label markup. Replaces the label prop visually, which is still used as accessible name when the label is hidden.
 - **`tag`** – Tag to be displayed inside the button.
 - **`trailing`** – Trailing slot for content to be displayed at the end.
 

package/dist/agent/components/swirl-progress-indicator.md

@@ -10,7 +10,7 @@ The SwirlProgressIndicator component is used to display the progress of a long r
 
 ## Optional props
 
-- `size` ("l" | "m" | "s" | "xs" | undefined) – 
+- `size` ("l" | "m" | "s" | "xl" | "xs" | undefined) – 
 - `value` (number | undefined) – 
 - `variant` ("bar" | "circle" | undefined) – 
 

package/dist/custom-elements.manifest.json

@@ -4475,6 +4475,10 @@
               "name": "icon",
               "description": "Icon to be displayed inside the button."
             },
+            {
+              "name": "label",
+              "description": "Custom label markup. Replaces the label prop visually, which is still used as accessible name when the label is hidden."
+            },
             {
               "name": "tag",
               "description": "Tag to be displayed inside the button."
@@ -49094,7 +49098,7 @@
             {
               "name": "size",
               "type": {
-                "text": "\"l\" | \"m\" | \"s\" | \"xs\" | undefined",
+                "text": "\"l\" | \"m\" | \"s\" | \"xl\" | \"xs\" | undefined",
                 "references": [
                   {
                     "name": "SwirlProgressIndicatorSize"
@@ -49140,7 +49144,7 @@
               "kind": "field",
               "name": "size",
               "type": {
-                "text": "\"l\" | \"m\" | \"s\" | \"xs\" | undefined",
+                "text": "\"l\" | \"m\" | \"s\" | \"xl\" | \"xs\" | undefined",
                 "references": [
                   {
                     "name": "SwirlProgressIndicatorSize"

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

@@ -8,6 +8,7 @@ export type SwirlButtonVariant = "flat" | "ghost" | "plain" | "floating" | "on-i
 export type SwirlButtonCursor = SwirlCursor;
 /**
  * @slot icon - Icon to be displayed inside the button.
+ * @slot label - Custom label markup. Replaces the label prop visually, which is still used as accessible name when the label is hidden.
  * @slot tag - Tag to be displayed inside the button.
  * @slot trailing - Trailing slot for content to be displayed at the end.
  */

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

@@ -21,3 +21,4 @@ declare const _default: {
 };
 export default _default;
 export declare const SwirlButton: any;
+export declare const CustomLabel: any;

package/dist/types/components/swirl-progress-indicator/swirl-progress-indicator.d.ts

@@ -1,9 +1,15 @@
-export type SwirlProgressIndicatorSize = "xs" | "s" | "m" | "l";
+/**
+ * The `xl` size is only available for the `bar` variant. A `circle` with size
+ * `xl` renders like size `l`.
+ */
+export type SwirlProgressIndicatorSize = "xs" | "s" | "m" | "l" | "xl";
 export type SwirlProgressIndicatorVariant = "bar" | "circle";
 export declare class SwirlProgressIndicator {
     label: string;
     size?: SwirlProgressIndicatorSize;
     value?: number;
     variant?: SwirlProgressIndicatorVariant;
+    private hasLoaded;
+    componentDidLoad(): void;
     render(): any;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getflip/swirl-ai",
-  "version": "0.532.1",
+  "version": "0.533.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.532.1",
+    "@getflip/swirl-components": "0.533.0",
     "@getflip/swirl-tokens": "2.14.3",
     "@types/node": "25.3.0",
     "tsx": "^4.7.0",