@getflip/swirl-ai 0.510.0 → 0.512.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.
@@ -0,0 +1,50 @@
1
+ # `<swirl-icon-data-object>`
2
+
3
+ ## Purpose
4
+
5
+ Custom element: swirl-icon-data-object.
6
+
7
+ ## Required props
8
+
9
+ _None._
10
+
11
+ ## Optional props
12
+
13
+ - `color` ("critical" | "default" | "disabled" | "highlight" | "info" | "on-action-primary" | "on-image" | "on-status" | "on-surface-highlight" | "on-surface-highlight-subdued" | "strong" | "success" | "warning" | undefined) –
14
+ - `label` (string | undefined) –
15
+ - `size` (16 | 20 | 24 | 28 | undefined) –
16
+
17
+ ## Slots
18
+
19
+ _None._
20
+
21
+ ## Events
22
+
23
+ _None._
24
+
25
+ ## Methods
26
+
27
+ _None._
28
+
29
+ ## Related components
30
+
31
+ _See description for usage context._
32
+
33
+ ## Accessibility
34
+
35
+ _See full docs for accessibility details._
36
+
37
+ ## Minimal example
38
+
39
+ ```html
40
+ <swirl-icon-data-object></swirl-icon-data-object>
41
+ ```
42
+
43
+ ## Usage example
44
+
45
+ _No usage example in docs._
46
+
47
+ ## Common mistakes
48
+
49
+ - Ensure required props are set.
50
+ - Use only allowed slot names and child components where documented.
@@ -502,6 +502,10 @@
502
502
  "tag": "swirl-icon-dark-mode",
503
503
  "summary": "swirl-icon-dark-mode"
504
504
  },
505
+ {
506
+ "tag": "swirl-icon-data-object",
507
+ "summary": "swirl-icon-data-object"
508
+ },
505
509
  {
506
510
  "tag": "swirl-icon-date-range",
507
511
  "summary": "swirl-icon-date-range"
@@ -18384,6 +18384,117 @@
18384
18384
  }
18385
18385
  ]
18386
18386
  },
18387
+ {
18388
+ "kind": "javascript-module",
18389
+ "path": "src/components/swirl-icon/icons/swirl-icon-data-object.tsx",
18390
+ "declarations": [
18391
+ {
18392
+ "kind": "class",
18393
+ "customElement": true,
18394
+ "tagName": "swirl-icon-data-object",
18395
+ "name": "SwirlIconDataObject",
18396
+ "attributes": [
18397
+ {
18398
+ "name": "color",
18399
+ "type": {
18400
+ "text": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\" | undefined",
18401
+ "references": [
18402
+ {
18403
+ "name": "SwirlIconColor",
18404
+ "module": "../swirl-icon"
18405
+ }
18406
+ ]
18407
+ },
18408
+ "fieldName": "color"
18409
+ },
18410
+ {
18411
+ "name": "label",
18412
+ "type": {
18413
+ "text": "string | undefined"
18414
+ },
18415
+ "fieldName": "label"
18416
+ },
18417
+ {
18418
+ "name": "size",
18419
+ "type": {
18420
+ "text": "16 | 20 | 24 | 28 | undefined",
18421
+ "references": [
18422
+ {
18423
+ "name": "SwirlIconSize",
18424
+ "module": "../swirl-icon.types"
18425
+ }
18426
+ ]
18427
+ },
18428
+ "default": "24",
18429
+ "fieldName": "size"
18430
+ }
18431
+ ],
18432
+ "members": [
18433
+ {
18434
+ "kind": "field",
18435
+ "name": "color",
18436
+ "type": {
18437
+ "text": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\" | undefined",
18438
+ "references": [
18439
+ {
18440
+ "name": "SwirlIconColor",
18441
+ "module": "../swirl-icon"
18442
+ }
18443
+ ]
18444
+ },
18445
+ "readonly": true,
18446
+ "attribute": "color"
18447
+ },
18448
+ {
18449
+ "kind": "field",
18450
+ "name": "label",
18451
+ "type": {
18452
+ "text": "string | undefined"
18453
+ },
18454
+ "readonly": true,
18455
+ "attribute": "label"
18456
+ },
18457
+ {
18458
+ "kind": "field",
18459
+ "name": "size",
18460
+ "type": {
18461
+ "text": "16 | 20 | 24 | 28 | undefined",
18462
+ "references": [
18463
+ {
18464
+ "name": "SwirlIconSize",
18465
+ "module": "../swirl-icon.types"
18466
+ }
18467
+ ]
18468
+ },
18469
+ "default": "24",
18470
+ "readonly": true,
18471
+ "attribute": "size"
18472
+ }
18473
+ ],
18474
+ "cssParts": [
18475
+ {
18476
+ "name": "icon"
18477
+ }
18478
+ ]
18479
+ }
18480
+ ],
18481
+ "exports": [
18482
+ {
18483
+ "kind": "js",
18484
+ "name": "SwirlIconDataObject",
18485
+ "declaration": {
18486
+ "name": "SwirlIconDataObject"
18487
+ }
18488
+ },
18489
+ {
18490
+ "kind": "custom-element-definition",
18491
+ "name": "swirl-icon-data-object",
18492
+ "declaration": {
18493
+ "name": "SwirlIconDataObject"
18494
+ }
18495
+ }
18496
+ ]
18497
+ },
18387
18498
  {
18388
18499
  "kind": "javascript-module",
18389
18500
  "path": "src/components/swirl-icon/icons/swirl-icon-date-range.tsx",
@@ -0,0 +1,8 @@
1
+ import { SwirlIconSize } from "../swirl-icon.types";
2
+ import { SwirlIconColor } from "../swirl-icon";
3
+ export declare class SwirlIconDataObject {
4
+ color?: SwirlIconColor;
5
+ label?: string;
6
+ size: SwirlIconSize;
7
+ render(): any;
8
+ }
@@ -1823,6 +1823,14 @@ export namespace Components {
1823
1823
  */
1824
1824
  "size": SwirlIconSize;
1825
1825
  }
1826
+ interface SwirlIconDataObject {
1827
+ "color"?: SwirlIconColor1;
1828
+ "label"?: string;
1829
+ /**
1830
+ * @default 24
1831
+ */
1832
+ "size": SwirlIconSize;
1833
+ }
1826
1834
  interface SwirlIconDateRange {
1827
1835
  "color"?: SwirlIconColor1;
1828
1836
  "label"?: string;
@@ -7019,6 +7027,12 @@ declare global {
7019
7027
  prototype: HTMLSwirlIconDarkModeElement;
7020
7028
  new (): HTMLSwirlIconDarkModeElement;
7021
7029
  };
7030
+ interface HTMLSwirlIconDataObjectElement extends Components.SwirlIconDataObject, HTMLStencilElement {
7031
+ }
7032
+ var HTMLSwirlIconDataObjectElement: {
7033
+ prototype: HTMLSwirlIconDataObjectElement;
7034
+ new (): HTMLSwirlIconDataObjectElement;
7035
+ };
7022
7036
  interface HTMLSwirlIconDateRangeElement extends Components.SwirlIconDateRange, HTMLStencilElement {
7023
7037
  }
7024
7038
  var HTMLSwirlIconDateRangeElement: {
@@ -9889,6 +9903,7 @@ declare global {
9889
9903
  "swirl-icon-copy": HTMLSwirlIconCopyElement;
9890
9904
  "swirl-icon-crop": HTMLSwirlIconCropElement;
9891
9905
  "swirl-icon-dark-mode": HTMLSwirlIconDarkModeElement;
9906
+ "swirl-icon-data-object": HTMLSwirlIconDataObjectElement;
9892
9907
  "swirl-icon-date-range": HTMLSwirlIconDateRangeElement;
9893
9908
  "swirl-icon-delete": HTMLSwirlIconDeleteElement;
9894
9909
  "swirl-icon-deployed-code": HTMLSwirlIconDeployedCodeElement;
@@ -11871,6 +11886,14 @@ declare namespace LocalJSX {
11871
11886
  */
11872
11887
  "size"?: SwirlIconSize;
11873
11888
  }
11889
+ interface SwirlIconDataObject {
11890
+ "color"?: SwirlIconColor1;
11891
+ "label"?: string;
11892
+ /**
11893
+ * @default 24
11894
+ */
11895
+ "size"?: SwirlIconSize;
11896
+ }
11874
11897
  interface SwirlIconDateRange {
11875
11898
  "color"?: SwirlIconColor1;
11876
11899
  "label"?: string;
@@ -16536,6 +16559,11 @@ declare namespace LocalJSX {
16536
16559
  "label": string;
16537
16560
  "size": SwirlIconSize;
16538
16561
  }
16562
+ interface SwirlIconDataObjectAttributes {
16563
+ "color": SwirlIconColor;
16564
+ "label": string;
16565
+ "size": SwirlIconSize;
16566
+ }
16539
16567
  interface SwirlIconDateRangeAttributes {
16540
16568
  "color": SwirlIconColor;
16541
16569
  "label": string;
@@ -18702,6 +18730,7 @@ declare namespace LocalJSX {
18702
18730
  "swirl-icon-copy": Omit<SwirlIconCopy, keyof SwirlIconCopyAttributes> & { [K in keyof SwirlIconCopy & keyof SwirlIconCopyAttributes]?: SwirlIconCopy[K] } & { [K in keyof SwirlIconCopy & keyof SwirlIconCopyAttributes as `attr:${K}`]?: SwirlIconCopyAttributes[K] } & { [K in keyof SwirlIconCopy & keyof SwirlIconCopyAttributes as `prop:${K}`]?: SwirlIconCopy[K] };
18703
18731
  "swirl-icon-crop": Omit<SwirlIconCrop, keyof SwirlIconCropAttributes> & { [K in keyof SwirlIconCrop & keyof SwirlIconCropAttributes]?: SwirlIconCrop[K] } & { [K in keyof SwirlIconCrop & keyof SwirlIconCropAttributes as `attr:${K}`]?: SwirlIconCropAttributes[K] } & { [K in keyof SwirlIconCrop & keyof SwirlIconCropAttributes as `prop:${K}`]?: SwirlIconCrop[K] };
18704
18732
  "swirl-icon-dark-mode": Omit<SwirlIconDarkMode, keyof SwirlIconDarkModeAttributes> & { [K in keyof SwirlIconDarkMode & keyof SwirlIconDarkModeAttributes]?: SwirlIconDarkMode[K] } & { [K in keyof SwirlIconDarkMode & keyof SwirlIconDarkModeAttributes as `attr:${K}`]?: SwirlIconDarkModeAttributes[K] } & { [K in keyof SwirlIconDarkMode & keyof SwirlIconDarkModeAttributes as `prop:${K}`]?: SwirlIconDarkMode[K] };
18733
+ "swirl-icon-data-object": Omit<SwirlIconDataObject, keyof SwirlIconDataObjectAttributes> & { [K in keyof SwirlIconDataObject & keyof SwirlIconDataObjectAttributes]?: SwirlIconDataObject[K] } & { [K in keyof SwirlIconDataObject & keyof SwirlIconDataObjectAttributes as `attr:${K}`]?: SwirlIconDataObjectAttributes[K] } & { [K in keyof SwirlIconDataObject & keyof SwirlIconDataObjectAttributes as `prop:${K}`]?: SwirlIconDataObject[K] };
18705
18734
  "swirl-icon-date-range": Omit<SwirlIconDateRange, keyof SwirlIconDateRangeAttributes> & { [K in keyof SwirlIconDateRange & keyof SwirlIconDateRangeAttributes]?: SwirlIconDateRange[K] } & { [K in keyof SwirlIconDateRange & keyof SwirlIconDateRangeAttributes as `attr:${K}`]?: SwirlIconDateRangeAttributes[K] } & { [K in keyof SwirlIconDateRange & keyof SwirlIconDateRangeAttributes as `prop:${K}`]?: SwirlIconDateRange[K] };
18706
18735
  "swirl-icon-delete": Omit<SwirlIconDelete, keyof SwirlIconDeleteAttributes> & { [K in keyof SwirlIconDelete & keyof SwirlIconDeleteAttributes]?: SwirlIconDelete[K] } & { [K in keyof SwirlIconDelete & keyof SwirlIconDeleteAttributes as `attr:${K}`]?: SwirlIconDeleteAttributes[K] } & { [K in keyof SwirlIconDelete & keyof SwirlIconDeleteAttributes as `prop:${K}`]?: SwirlIconDelete[K] };
18707
18736
  "swirl-icon-deployed-code": Omit<SwirlIconDeployedCode, keyof SwirlIconDeployedCodeAttributes> & { [K in keyof SwirlIconDeployedCode & keyof SwirlIconDeployedCodeAttributes]?: SwirlIconDeployedCode[K] } & { [K in keyof SwirlIconDeployedCode & keyof SwirlIconDeployedCodeAttributes as `attr:${K}`]?: SwirlIconDeployedCodeAttributes[K] } & { [K in keyof SwirlIconDeployedCode & keyof SwirlIconDeployedCodeAttributes as `prop:${K}`]?: SwirlIconDeployedCode[K] };
@@ -19218,6 +19247,7 @@ declare module "@stencil/core" {
19218
19247
  "swirl-icon-copy": LocalJSX.IntrinsicElements["swirl-icon-copy"] & JSXBase.HTMLAttributes<HTMLSwirlIconCopyElement>;
19219
19248
  "swirl-icon-crop": LocalJSX.IntrinsicElements["swirl-icon-crop"] & JSXBase.HTMLAttributes<HTMLSwirlIconCropElement>;
19220
19249
  "swirl-icon-dark-mode": LocalJSX.IntrinsicElements["swirl-icon-dark-mode"] & JSXBase.HTMLAttributes<HTMLSwirlIconDarkModeElement>;
19250
+ "swirl-icon-data-object": LocalJSX.IntrinsicElements["swirl-icon-data-object"] & JSXBase.HTMLAttributes<HTMLSwirlIconDataObjectElement>;
19221
19251
  "swirl-icon-date-range": LocalJSX.IntrinsicElements["swirl-icon-date-range"] & JSXBase.HTMLAttributes<HTMLSwirlIconDateRangeElement>;
19222
19252
  "swirl-icon-delete": LocalJSX.IntrinsicElements["swirl-icon-delete"] & JSXBase.HTMLAttributes<HTMLSwirlIconDeleteElement>;
19223
19253
  "swirl-icon-deployed-code": LocalJSX.IntrinsicElements["swirl-icon-deployed-code"] & JSXBase.HTMLAttributes<HTMLSwirlIconDeployedCodeElement>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@getflip/swirl-ai",
3
- "version": "0.510.0",
3
+ "version": "0.512.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.510.0",
29
+ "@getflip/swirl-components": "0.512.0",
30
30
  "@getflip/swirl-tokens": "2.14.3",
31
31
  "@types/node": "25.3.0",
32
32
  "tsx": "^4.7.0",