@getflip/swirl-ai 0.461.0 → 0.463.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.
- package/dist/agent/components/swirl-card.md +1 -0
- package/dist/agent/components/swirl-chip.md +1 -1
- package/dist/agent/components/swirl-toggle-button.md +1 -0
- package/dist/custom-elements.manifest.json +38 -2
- package/dist/types/components/swirl-card/swirl-card.d.ts +1 -0
- package/dist/types/components/swirl-card/swirl-card.stories.d.ts +3 -0
- package/dist/types/components/swirl-chip/swirl-chip.d.ts +1 -1
- package/dist/types/components/swirl-toggle-button/swirl-toggle-button.d.ts +1 -0
- package/dist/types/components.d.ts +18 -0
- package/package.json +2 -2
|
@@ -21,7 +21,7 @@ The SwirlChip component is used to represent an input, attribute, or action.
|
|
|
21
21
|
- `removable` (boolean | undefined) –
|
|
22
22
|
- `removeButtonLabel` (string | undefined) –
|
|
23
23
|
- `size` ("m" | "s" | undefined) –
|
|
24
|
-
- `variant` ("outline" | "plain" | undefined) –
|
|
24
|
+
- `variant` ("outline" | "plain" | "translucent" | undefined) –
|
|
25
25
|
|
|
26
26
|
## Slots
|
|
27
27
|
|
|
@@ -4664,6 +4664,13 @@
|
|
|
4664
4664
|
"text": "string | undefined"
|
|
4665
4665
|
},
|
|
4666
4666
|
"fieldName": "swirlAriaLabelledby"
|
|
4667
|
+
},
|
|
4668
|
+
{
|
|
4669
|
+
"name": "translucent",
|
|
4670
|
+
"type": {
|
|
4671
|
+
"text": "boolean | undefined"
|
|
4672
|
+
},
|
|
4673
|
+
"fieldName": "translucent"
|
|
4667
4674
|
}
|
|
4668
4675
|
],
|
|
4669
4676
|
"members": [
|
|
@@ -4952,6 +4959,15 @@
|
|
|
4952
4959
|
"readonly": true,
|
|
4953
4960
|
"attribute": "swirl-aria-labelledby"
|
|
4954
4961
|
},
|
|
4962
|
+
{
|
|
4963
|
+
"kind": "field",
|
|
4964
|
+
"name": "translucent",
|
|
4965
|
+
"type": {
|
|
4966
|
+
"text": "boolean | undefined"
|
|
4967
|
+
},
|
|
4968
|
+
"readonly": true,
|
|
4969
|
+
"attribute": "translucent"
|
|
4970
|
+
},
|
|
4955
4971
|
{
|
|
4956
4972
|
"kind": "method",
|
|
4957
4973
|
"name": "flash",
|
|
@@ -5871,7 +5887,7 @@
|
|
|
5871
5887
|
{
|
|
5872
5888
|
"name": "variant",
|
|
5873
5889
|
"type": {
|
|
5874
|
-
"text": "\"outline\" | \"plain\" | undefined",
|
|
5890
|
+
"text": "\"outline\" | \"plain\" | \"translucent\" | undefined",
|
|
5875
5891
|
"references": [
|
|
5876
5892
|
{
|
|
5877
5893
|
"name": "SwirlChipVariant"
|
|
@@ -6022,7 +6038,7 @@
|
|
|
6022
6038
|
"kind": "field",
|
|
6023
6039
|
"name": "variant",
|
|
6024
6040
|
"type": {
|
|
6025
|
-
"text": "\"outline\" | \"plain\" | undefined",
|
|
6041
|
+
"text": "\"outline\" | \"plain\" | \"translucent\" | undefined",
|
|
6026
6042
|
"references": [
|
|
6027
6043
|
{
|
|
6028
6044
|
"name": "SwirlChipVariant"
|
|
@@ -38497,6 +38513,7 @@
|
|
|
38497
38513
|
"type": {
|
|
38498
38514
|
"text": "boolean | undefined"
|
|
38499
38515
|
},
|
|
38516
|
+
"default": "true",
|
|
38500
38517
|
"fieldName": "translucent"
|
|
38501
38518
|
},
|
|
38502
38519
|
{
|
|
@@ -38666,6 +38683,7 @@
|
|
|
38666
38683
|
"type": {
|
|
38667
38684
|
"text": "boolean | undefined"
|
|
38668
38685
|
},
|
|
38686
|
+
"default": "true",
|
|
38669
38687
|
"readonly": true,
|
|
38670
38688
|
"attribute": "translucent"
|
|
38671
38689
|
},
|
|
@@ -54829,6 +54847,14 @@
|
|
|
54829
54847
|
"tagName": "swirl-toggle-button",
|
|
54830
54848
|
"name": "SwirlToggleButton",
|
|
54831
54849
|
"attributes": [
|
|
54850
|
+
{
|
|
54851
|
+
"name": "hide-label",
|
|
54852
|
+
"type": {
|
|
54853
|
+
"text": "boolean | undefined"
|
|
54854
|
+
},
|
|
54855
|
+
"default": "false",
|
|
54856
|
+
"fieldName": "hideLabel"
|
|
54857
|
+
},
|
|
54832
54858
|
{
|
|
54833
54859
|
"name": "icon",
|
|
54834
54860
|
"type": {
|
|
@@ -54860,6 +54886,16 @@
|
|
|
54860
54886
|
}
|
|
54861
54887
|
],
|
|
54862
54888
|
"members": [
|
|
54889
|
+
{
|
|
54890
|
+
"kind": "field",
|
|
54891
|
+
"name": "hideLabel",
|
|
54892
|
+
"type": {
|
|
54893
|
+
"text": "boolean | undefined"
|
|
54894
|
+
},
|
|
54895
|
+
"default": "false",
|
|
54896
|
+
"readonly": true,
|
|
54897
|
+
"attribute": "hide-label"
|
|
54898
|
+
},
|
|
54863
54899
|
{
|
|
54864
54900
|
"kind": "field",
|
|
54865
54901
|
"name": "icon",
|
|
@@ -36,6 +36,7 @@ export declare class SwirlCard {
|
|
|
36
36
|
paddingBlockStart?: SwirlCardPadding;
|
|
37
37
|
paddingInlineEnd?: SwirlCardPadding;
|
|
38
38
|
paddingInlineStart?: SwirlCardPadding;
|
|
39
|
+
translucent?: boolean;
|
|
39
40
|
swirlAriaCurrent?: SwirlCardAriaCurrent;
|
|
40
41
|
swirlAriaLabel?: string;
|
|
41
42
|
swirlAriaLabelledby?: string;
|
|
@@ -3,7 +3,7 @@ export type SwirlChipBorderRadius = "pill" | "sm";
|
|
|
3
3
|
export type SwirlChipIconColor = "default" | "highlight";
|
|
4
4
|
export type SwirlChipIntent = "default" | "critical" | "success" | "highlight";
|
|
5
5
|
export type SwirlChipSize = "s" | "m";
|
|
6
|
-
export type SwirlChipVariant = "outline" | "plain";
|
|
6
|
+
export type SwirlChipVariant = "outline" | "plain" | "translucent";
|
|
7
7
|
/**
|
|
8
8
|
* @slot avatar - Optional avatar displayed inside the chip. Should have size "xs".
|
|
9
9
|
*/
|
|
@@ -641,6 +641,7 @@ export namespace Components {
|
|
|
641
641
|
"swirlAriaCurrent"?: SwirlCardAriaCurrent;
|
|
642
642
|
"swirlAriaLabel"?: string;
|
|
643
643
|
"swirlAriaLabelledby"?: string;
|
|
644
|
+
"translucent"?: boolean;
|
|
644
645
|
}
|
|
645
646
|
/**
|
|
646
647
|
* slot - The slides
|
|
@@ -3541,6 +3542,9 @@ export namespace Components {
|
|
|
3541
3542
|
* Toggles the popover.
|
|
3542
3543
|
*/
|
|
3543
3544
|
"toggle": (triggerEl?: HTMLElement, via?: SwirlPopoverControlMethod) => Promise<void>;
|
|
3545
|
+
/**
|
|
3546
|
+
* @default true
|
|
3547
|
+
*/
|
|
3544
3548
|
"translucent"?: boolean;
|
|
3545
3549
|
"transparent"?: boolean;
|
|
3546
3550
|
"trigger"?: string | HTMLElement;
|
|
@@ -5051,6 +5055,10 @@ export namespace Components {
|
|
|
5051
5055
|
"toast": (newToast: SwirlToastConfig) => Promise<SwirlToastMessage>;
|
|
5052
5056
|
}
|
|
5053
5057
|
interface SwirlToggleButton {
|
|
5058
|
+
/**
|
|
5059
|
+
* @default false
|
|
5060
|
+
*/
|
|
5061
|
+
"hideLabel"?: boolean;
|
|
5054
5062
|
"icon"?: string;
|
|
5055
5063
|
"identifier": string;
|
|
5056
5064
|
/**
|
|
@@ -9936,6 +9944,7 @@ declare namespace LocalJSX {
|
|
|
9936
9944
|
"swirlAriaCurrent"?: SwirlCardAriaCurrent;
|
|
9937
9945
|
"swirlAriaLabel"?: string;
|
|
9938
9946
|
"swirlAriaLabelledby"?: string;
|
|
9947
|
+
"translucent"?: boolean;
|
|
9939
9948
|
}
|
|
9940
9949
|
/**
|
|
9941
9950
|
* slot - The slides
|
|
@@ -12720,6 +12729,9 @@ declare namespace LocalJSX {
|
|
|
12720
12729
|
* @default true
|
|
12721
12730
|
*/
|
|
12722
12731
|
"returnFocusToTrigger"?: boolean;
|
|
12732
|
+
/**
|
|
12733
|
+
* @default true
|
|
12734
|
+
*/
|
|
12723
12735
|
"translucent"?: boolean;
|
|
12724
12736
|
"transparent"?: boolean;
|
|
12725
12737
|
"trigger"?: string | HTMLElement;
|
|
@@ -14211,6 +14223,10 @@ declare namespace LocalJSX {
|
|
|
14211
14223
|
"globalDuration"?: number;
|
|
14212
14224
|
}
|
|
14213
14225
|
interface SwirlToggleButton {
|
|
14226
|
+
/**
|
|
14227
|
+
* @default false
|
|
14228
|
+
*/
|
|
14229
|
+
"hideLabel"?: boolean;
|
|
14214
14230
|
"icon"?: string;
|
|
14215
14231
|
"identifier": string;
|
|
14216
14232
|
/**
|
|
@@ -14568,6 +14584,7 @@ declare namespace LocalJSX {
|
|
|
14568
14584
|
"paddingBlockStart": SwirlCardPadding;
|
|
14569
14585
|
"paddingInlineEnd": SwirlCardPadding;
|
|
14570
14586
|
"paddingInlineStart": SwirlCardPadding;
|
|
14587
|
+
"translucent": boolean;
|
|
14571
14588
|
"swirlAriaCurrent": SwirlCardAriaCurrent;
|
|
14572
14589
|
"swirlAriaLabel": string;
|
|
14573
14590
|
"swirlAriaLabelledby": string;
|
|
@@ -16752,6 +16769,7 @@ declare namespace LocalJSX {
|
|
|
16752
16769
|
"label": string;
|
|
16753
16770
|
"icon": string;
|
|
16754
16771
|
"isPressed": boolean;
|
|
16772
|
+
"hideLabel": boolean;
|
|
16755
16773
|
}
|
|
16756
16774
|
interface SwirlToggleGroupAttributes {
|
|
16757
16775
|
"elevated": boolean;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@getflip/swirl-ai",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.463.0",
|
|
4
4
|
"description": "Swirl Design System AI package with artifacts for AI agents",
|
|
5
5
|
"author": "Flip GmbH",
|
|
6
6
|
"repository": "https://github.com/getflip/swirl",
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"zod": "3.24.0"
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|
|
49
|
-
"@getflip/swirl-components": "0.
|
|
49
|
+
"@getflip/swirl-components": "0.463.0",
|
|
50
50
|
"@types/node": "25.3.0",
|
|
51
51
|
"tsup": "^8.0.0",
|
|
52
52
|
"tsx": "^4.7.0",
|