@getflip/swirl-ai 0.461.0 → 0.462.0

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

@@ -35,6 +35,7 @@ _None._
 - `swirlAriaCurrent` ("date" | "location" | "page" | "step" | "time" | "true" | undefined) – 
 - `swirlAriaLabel` (string | undefined) – 
 - `swirlAriaLabelledby` (string | undefined) – 
+- `translucent` (boolean | undefined) – 
 
 ## Slots
 

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

@@ -21,7 +21,7 @@ The SwirlChip component is used to represent an input, attribute, or action.
 - `removable` (boolean | undefined) – 
 - `removeButtonLabel` (string | undefined) – 
 - `size` ("m" | "s" | undefined) – 
-- `variant` ("outline" | "plain" | undefined) – 
+- `variant` ("outline" | "plain" | "translucent" | undefined) – 
 
 ## Slots
 

package/dist/custom-elements.manifest.json

@@ -4664,6 +4664,13 @@
                 "text": "string | undefined"
               },
               "fieldName": "swirlAriaLabelledby"
+            },
+            {
+              "name": "translucent",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "fieldName": "translucent"
             }
           ],
           "members": [
@@ -4952,6 +4959,15 @@
               "readonly": true,
               "attribute": "swirl-aria-labelledby"
             },
+            {
+              "kind": "field",
+              "name": "translucent",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "readonly": true,
+              "attribute": "translucent"
+            },
             {
               "kind": "method",
               "name": "flash",
@@ -5871,7 +5887,7 @@
             {
               "name": "variant",
               "type": {
-                "text": "\"outline\" | \"plain\" | undefined",
+                "text": "\"outline\" | \"plain\" | \"translucent\" | undefined",
                 "references": [
                   {
                     "name": "SwirlChipVariant"
@@ -6022,7 +6038,7 @@
               "kind": "field",
               "name": "variant",
               "type": {
-                "text": "\"outline\" | \"plain\" | undefined",
+                "text": "\"outline\" | \"plain\" | \"translucent\" | undefined",
                 "references": [
                   {
                     "name": "SwirlChipVariant"
@@ -38497,6 +38513,7 @@
               "type": {
                 "text": "boolean | undefined"
               },
+              "default": "true",
               "fieldName": "translucent"
             },
             {
@@ -38666,6 +38683,7 @@
               "type": {
                 "text": "boolean | undefined"
               },
+              "default": "true",
               "readonly": true,
               "attribute": "translucent"
             },

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

@@ -36,6 +36,7 @@ export declare class SwirlCard {
     paddingBlockStart?: SwirlCardPadding;
     paddingInlineEnd?: SwirlCardPadding;
     paddingInlineStart?: SwirlCardPadding;
+    translucent?: boolean;
     swirlAriaCurrent?: SwirlCardAriaCurrent;
     swirlAriaLabel?: string;
     swirlAriaLabelledby?: string;

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

@@ -4,6 +4,9 @@ declare const _default: {
         borderRadius: {
             control: string;
         };
+        customBackdropFilter: {
+            description: string;
+        };
     };
     component: string;
     tags: string[];

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

@@ -3,7 +3,7 @@ export type SwirlChipBorderRadius = "pill" | "sm";
 export type SwirlChipIconColor = "default" | "highlight";
 export type SwirlChipIntent = "default" | "critical" | "success" | "highlight";
 export type SwirlChipSize = "s" | "m";
-export type SwirlChipVariant = "outline" | "plain";
+export type SwirlChipVariant = "outline" | "plain" | "translucent";
 /**
  * @slot avatar - Optional avatar displayed inside the chip. Should have size "xs".
  */

package/dist/types/components.d.ts

@@ -641,6 +641,7 @@ export namespace Components {
         "swirlAriaCurrent"?: SwirlCardAriaCurrent;
         "swirlAriaLabel"?: string;
         "swirlAriaLabelledby"?: string;
+        "translucent"?: boolean;
     }
     /**
      * slot - The slides
@@ -3541,6 +3542,9 @@ export namespace Components {
           * Toggles the popover.
          */
         "toggle": (triggerEl?: HTMLElement, via?: SwirlPopoverControlMethod) => Promise<void>;
+        /**
+          * @default true
+         */
         "translucent"?: boolean;
         "transparent"?: boolean;
         "trigger"?: string | HTMLElement;
@@ -9936,6 +9940,7 @@ declare namespace LocalJSX {
         "swirlAriaCurrent"?: SwirlCardAriaCurrent;
         "swirlAriaLabel"?: string;
         "swirlAriaLabelledby"?: string;
+        "translucent"?: boolean;
     }
     /**
      * slot - The slides
@@ -12720,6 +12725,9 @@ declare namespace LocalJSX {
           * @default true
          */
         "returnFocusToTrigger"?: boolean;
+        /**
+          * @default true
+         */
         "translucent"?: boolean;
         "transparent"?: boolean;
         "trigger"?: string | HTMLElement;
@@ -14568,6 +14576,7 @@ declare namespace LocalJSX {
         "paddingBlockStart": SwirlCardPadding;
         "paddingInlineEnd": SwirlCardPadding;
         "paddingInlineStart": SwirlCardPadding;
+        "translucent": boolean;
         "swirlAriaCurrent": SwirlCardAriaCurrent;
         "swirlAriaLabel": string;
         "swirlAriaLabelledby": string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getflip/swirl-ai",
-  "version": "0.461.0",
+  "version": "0.462.0",
   "description": "Swirl Design System AI package with artifacts for AI agents",
   "author": "Flip GmbH",
   "repository": "https://github.com/getflip/swirl",
@@ -46,7 +46,7 @@
     "zod": "3.24.0"
   },
   "devDependencies": {
-    "@getflip/swirl-components": "0.461.0",
+    "@getflip/swirl-components": "0.462.0",
     "@types/node": "25.3.0",
     "tsup": "^8.0.0",
     "tsx": "^4.7.0",