@getflip/swirl-ai 0.524.0 → 0.525.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/agent/components/swirl-tag.md +7 -5
  2. package/dist/custom-elements.manifest.json +31 -1
  3. package/dist/types/components/swirl-tag/swirl-tag.d.ts +3 -0
  4. package/dist/types/components.d.ts +11 -0
  5. package/package.json +2 -2
package/dist/agent/components/swirl-tag.md CHANGED
@@ -15,6 +15,7 @@ The SwirlTag component is used to label or categorize items using keywords.
15
15
  - `icon` (string | undefined) –
16
16
  - `iconPosition` ("end" | "start" | undefined) –
17
17
  - `intent` ("critical" | "default" | "info" | "special" | "success" | "translucent" | "warning" | undefined) –
18
+ - `interactive` (boolean | undefined) –
18
19
  - `removable` (boolean | undefined) –
19
20
  - `removalButtonLabel` (string | undefined) –
20
21
  - `size` ("m" | "s" | undefined) –
@@ -27,6 +28,7 @@ _None._
27
28
  ## Events
28
29
 
29
30
  - `remove` – CustomEvent<MouseEvent>
31
+ - `tagClick` – CustomEvent<MouseEvent>
30
32
 
31
33
  ## Methods
32
34
 
@@ -42,15 +44,15 @@ No related components.
42
44
 
43
45
  | ARIA | Usage |
44
46
  | --------------- | -------------------------------------------------------------------------------- |
45
- | `role="button"` | Removable tags use a native button. |
47
+ | `role="button"` | Interactive and removable tags use a native button. |
46
48
  | `aria-label` | The removal button gets an accessible label via the `removal-button-label` prop. |
47
49
 
48
50
  ### Keyboard
49
51
 
50
- | Key | Action |
51
- | ---------------- | ----------------------------- |
52
- | <kbd>ENTER</kbd> | Activates the removal button. |
53
- | <kbd>SPACE</kbd> | Activates the removal button. |
52
+ | Key | Action |
53
+ | ---------------- | ---------------------------------------------------- |
54
+ | <kbd>ENTER</kbd> | Activates the interactive tag or the removal button. |
55
+ | <kbd>SPACE</kbd> | Activates the interactive tag or the removal button. |
54
56
 
55
57
  ## Minimal example
56
58
 
package/dist/custom-elements.manifest.json CHANGED
@@ -62055,6 +62055,14 @@
62055
62055
  "default": "\"default\"",
62056
62056
  "fieldName": "intent"
62057
62057
  },
62058
+ {
62059
+ "name": "interactive",
62060
+ "type": {
62061
+ "text": "boolean | undefined"
62062
+ },
62063
+ "default": "false",
62064
+ "fieldName": "interactive"
62065
+ },
62058
62066
  {
62059
62067
  "name": "label",
62060
62068
  "type": {
@@ -62162,6 +62170,16 @@
62162
62170
  "readonly": true,
62163
62171
  "attribute": "intent"
62164
62172
  },
62173
+ {
62174
+ "kind": "field",
62175
+ "name": "interactive",
62176
+ "type": {
62177
+ "text": "boolean | undefined"
62178
+ },
62179
+ "default": "false",
62180
+ "readonly": true,
62181
+ "attribute": "interactive"
62182
+ },
62165
62183
  {
62166
62184
  "kind": "field",
62167
62185
  "name": "label",
@@ -62232,6 +62250,18 @@
62232
62250
  }
62233
62251
  ]
62234
62252
  }
62253
+ },
62254
+ {
62255
+ "name": "tagClick",
62256
+ "type": {
62257
+ "text": "CustomEvent<MouseEvent>",
62258
+ "references": [
62259
+ {
62260
+ "name": "MouseEvent",
62261
+ "package": "global:"
62262
+ }
62263
+ ]
62264
+ }
62235
62265
  }
62236
62266
  ],
62237
62267
  "cssParts": [
@@ -62239,7 +62269,7 @@
62239
62269
  "name": "tag"
62240
62270
  }
62241
62271
  ],
62242
- "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. |"
62272
+ "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. |"
62243
62273
  }
62244
62274
  ],
62245
62275
  "exports": [
package/dist/types/components/swirl-tag/swirl-tag.d.ts CHANGED
@@ -9,6 +9,7 @@ export declare class SwirlTag {
9
9
  icon?: string;
10
10
  iconPosition: SwirlTagIconPosition;
11
11
  intent?: SwirlTagIntent;
12
+ interactive?: boolean;
12
13
  label: string;
13
14
  removable?: boolean;
14
15
  bordered?: boolean;
@@ -16,6 +17,7 @@ export declare class SwirlTag {
16
17
  removalButtonLabel?: string;
17
18
  variant?: SwirlTagVariant;
18
19
  removeTag?: EventEmitter<MouseEvent>;
20
+ tagClick: EventEmitter<MouseEvent>;
19
21
  private iconEl;
20
22
  componentDidLoad(): void;
21
23
  componentWillLoad(): void;
@@ -23,5 +25,6 @@ export declare class SwirlTag {
23
25
  private forceIconProps;
24
26
  private forceVariant;
25
27
  private onRemove;
28
+ private onClick;
26
29
  render(): any;
27
30
  }
package/dist/types/components.d.ts CHANGED
@@ -5473,6 +5473,10 @@ export namespace Components {
5473
5473
  * @default "default"
5474
5474
  */
5475
5475
  "intent"?: SwirlTagIntent;
5476
+ /**
5477
+ * @default false
5478
+ */
5479
+ "interactive"?: boolean;
5476
5480
  "label": string;
5477
5481
  "removable"?: boolean;
5478
5482
  /**
@@ -9920,6 +9924,7 @@ declare global {
9920
9924
  };
9921
9925
  interface HTMLSwirlTagElementEventMap {
9922
9926
  "remove": MouseEvent;
9927
+ "tagClick": MouseEvent;
9923
9928
  }
9924
9929
  interface HTMLSwirlTagElement extends Components.SwirlTag, HTMLStencilElement {
9925
9930
  addEventListener<K extends keyof HTMLSwirlTagElementEventMap>(type: K, listener: (this: HTMLSwirlTagElement, ev: SwirlTagCustomEvent<HTMLSwirlTagElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -15866,8 +15871,13 @@ declare namespace LocalJSX {
15866
15871
  * @default "default"
15867
15872
  */
15868
15873
  "intent"?: SwirlTagIntent;
15874
+ /**
15875
+ * @default false
15876
+ */
15877
+ "interactive"?: boolean;
15869
15878
  "label": string;
15870
15879
  "onRemove"?: (event: SwirlTagCustomEvent<MouseEvent>) => void;
15880
+ "onTagClick"?: (event: SwirlTagCustomEvent<MouseEvent>) => void;
15871
15881
  "removable"?: boolean;
15872
15882
  /**
15873
15883
  * @default "Remove"
@@ -18994,6 +19004,7 @@ declare namespace LocalJSX {
18994
19004
  "icon": string;
18995
19005
  "iconPosition": SwirlTagIconPosition;
18996
19006
  "intent": SwirlTagIntent;
19007
+ "interactive": boolean;
18997
19008
  "label": string;
18998
19009
  "removable": boolean;
18999
19010
  "bordered": boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@getflip/swirl-ai",
3
- "version": "0.524.0",
3
+ "version": "0.525.0",
4
4
  "description": "Swirl Design System AI package with artifacts for AI agents",
5
5
  "author": "Flip GmbH",
6
6
  "repository": {
@@ -26,7 +26,7 @@
26
26
  "lint": "tsc --noEmit"
27
27
  },
28
28
  "devDependencies": {
29
- "@getflip/swirl-components": "0.524.0",
29
+ "@getflip/swirl-components": "0.525.0",
30
30
  "@getflip/swirl-tokens": "2.14.3",
31
31
  "@types/node": "25.3.0",
32
32
  "tsx": "^4.7.0",