@getflip/swirl-components 0.71.4 → 0.72.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 (37) hide show
  1. package/components.json +120 -1
  2. package/dist/cjs/index-506fe4ea.js +8 -0
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/swirl-components.cjs.js +1 -1
  5. package/dist/cjs/swirl-image-grid-item.cjs.entry.js +28 -0
  6. package/dist/cjs/swirl-image-grid.cjs.entry.js +33 -0
  7. package/dist/collection/assets/pdfjs/pdf.worker.min.js +1 -1
  8. package/dist/collection/collection-manifest.json +2 -0
  9. package/dist/collection/components/swirl-image-grid/swirl-image-grid.css +44 -0
  10. package/dist/collection/components/swirl-image-grid/swirl-image-grid.js +61 -0
  11. package/dist/collection/components/swirl-image-grid/swirl-image-grid.spec.js +92 -0
  12. package/dist/collection/components/swirl-image-grid/swirl-image-grid.stories.js +24 -0
  13. package/dist/collection/components/swirl-image-grid-item/swirl-image-grid-item.css +82 -0
  14. package/dist/collection/components/swirl-image-grid-item/swirl-image-grid-item.js +101 -0
  15. package/dist/collection/components/swirl-image-grid-item/swirl-image-grid-item.spec.js +20 -0
  16. package/dist/collection/components/swirl-image-grid-item/swirl-image-grid-item.stories.js +23 -0
  17. package/dist/collection/utils.js +4 -1
  18. package/dist/components/assets/pdfjs/pdf.worker.min.js +1 -1
  19. package/dist/components/swirl-image-grid-item.d.ts +11 -0
  20. package/dist/components/swirl-image-grid-item.js +48 -0
  21. package/dist/components/swirl-image-grid.d.ts +11 -0
  22. package/dist/components/swirl-image-grid.js +51 -0
  23. package/dist/esm/index-99d0060d.js +8 -0
  24. package/dist/esm/loader.js +1 -1
  25. package/dist/esm/swirl-components.js +1 -1
  26. package/dist/esm/swirl-image-grid-item.entry.js +24 -0
  27. package/dist/esm/swirl-image-grid.entry.js +29 -0
  28. package/dist/swirl-components/p-11c739fb.entry.js +1 -0
  29. package/dist/swirl-components/p-4345e137.entry.js +1 -0
  30. package/dist/swirl-components/swirl-components.esm.js +1 -1
  31. package/dist/types/components/swirl-image-grid/swirl-image-grid.d.ts +8 -0
  32. package/dist/types/components/swirl-image-grid/swirl-image-grid.stories.d.ts +14 -0
  33. package/dist/types/components/swirl-image-grid-item/swirl-image-grid-item.d.ts +7 -0
  34. package/dist/types/components/swirl-image-grid-item/swirl-image-grid-item.stories.d.ts +14 -0
  35. package/dist/types/components.d.ts +36 -0
  36. package/package.json +1 -1
  37. package/vscode-data.json +38 -0
@@ -904,6 +904,15 @@ export namespace Components {
904
904
  interface SwirlIconWarning {
905
905
  "size": SwirlIconSize;
906
906
  }
907
+ interface SwirlImageGrid {
908
+ "aspectRatio"?: string;
909
+ }
910
+ interface SwirlImageGridItem {
911
+ "alt": string;
912
+ "interactive"?: boolean;
913
+ "overlay"?: string;
914
+ "src": string;
915
+ }
907
916
  interface SwirlInlineError {
908
917
  "message": string;
909
918
  "size"?: SwirlInlineErrorSize;
@@ -2767,6 +2776,18 @@ declare global {
2767
2776
  prototype: HTMLSwirlIconWarningElement;
2768
2777
  new (): HTMLSwirlIconWarningElement;
2769
2778
  };
2779
+ interface HTMLSwirlImageGridElement extends Components.SwirlImageGrid, HTMLStencilElement {
2780
+ }
2781
+ var HTMLSwirlImageGridElement: {
2782
+ prototype: HTMLSwirlImageGridElement;
2783
+ new (): HTMLSwirlImageGridElement;
2784
+ };
2785
+ interface HTMLSwirlImageGridItemElement extends Components.SwirlImageGridItem, HTMLStencilElement {
2786
+ }
2787
+ var HTMLSwirlImageGridItemElement: {
2788
+ prototype: HTMLSwirlImageGridItemElement;
2789
+ new (): HTMLSwirlImageGridItemElement;
2790
+ };
2770
2791
  interface HTMLSwirlInlineErrorElement extends Components.SwirlInlineError, HTMLStencilElement {
2771
2792
  }
2772
2793
  var HTMLSwirlInlineErrorElement: {
@@ -3607,6 +3628,8 @@ declare global {
3607
3628
  "swirl-icon-visibility-off": HTMLSwirlIconVisibilityOffElement;
3608
3629
  "swirl-icon-voice": HTMLSwirlIconVoiceElement;
3609
3630
  "swirl-icon-warning": HTMLSwirlIconWarningElement;
3631
+ "swirl-image-grid": HTMLSwirlImageGridElement;
3632
+ "swirl-image-grid-item": HTMLSwirlImageGridItemElement;
3610
3633
  "swirl-inline-error": HTMLSwirlInlineErrorElement;
3611
3634
  "swirl-inline-notification": HTMLSwirlInlineNotificationElement;
3612
3635
  "swirl-inline-status": HTMLSwirlInlineStatusElement;
@@ -4454,6 +4477,15 @@ declare namespace LocalJSX {
4454
4477
  interface SwirlIconWarning {
4455
4478
  "size"?: SwirlIconSize;
4456
4479
  }
4480
+ interface SwirlImageGrid {
4481
+ "aspectRatio"?: string;
4482
+ }
4483
+ interface SwirlImageGridItem {
4484
+ "alt": string;
4485
+ "interactive"?: boolean;
4486
+ "overlay"?: string;
4487
+ "src": string;
4488
+ }
4457
4489
  interface SwirlInlineError {
4458
4490
  "message": string;
4459
4491
  "size"?: SwirlInlineErrorSize;
@@ -5253,6 +5285,8 @@ declare namespace LocalJSX {
5253
5285
  "swirl-icon-visibility-off": SwirlIconVisibilityOff;
5254
5286
  "swirl-icon-voice": SwirlIconVoice;
5255
5287
  "swirl-icon-warning": SwirlIconWarning;
5288
+ "swirl-image-grid": SwirlImageGrid;
5289
+ "swirl-image-grid-item": SwirlImageGridItem;
5256
5290
  "swirl-inline-error": SwirlInlineError;
5257
5291
  "swirl-inline-notification": SwirlInlineNotification;
5258
5292
  "swirl-inline-status": SwirlInlineStatus;
@@ -5540,6 +5574,8 @@ declare module "@stencil/core" {
5540
5574
  "swirl-icon-visibility-off": LocalJSX.SwirlIconVisibilityOff & JSXBase.HTMLAttributes<HTMLSwirlIconVisibilityOffElement>;
5541
5575
  "swirl-icon-voice": LocalJSX.SwirlIconVoice & JSXBase.HTMLAttributes<HTMLSwirlIconVoiceElement>;
5542
5576
  "swirl-icon-warning": LocalJSX.SwirlIconWarning & JSXBase.HTMLAttributes<HTMLSwirlIconWarningElement>;
5577
+ "swirl-image-grid": LocalJSX.SwirlImageGrid & JSXBase.HTMLAttributes<HTMLSwirlImageGridElement>;
5578
+ "swirl-image-grid-item": LocalJSX.SwirlImageGridItem & JSXBase.HTMLAttributes<HTMLSwirlImageGridItemElement>;
5543
5579
  "swirl-inline-error": LocalJSX.SwirlInlineError & JSXBase.HTMLAttributes<HTMLSwirlInlineErrorElement>;
5544
5580
  "swirl-inline-notification": LocalJSX.SwirlInlineNotification & JSXBase.HTMLAttributes<HTMLSwirlInlineNotificationElement>;
5545
5581
  "swirl-inline-status": LocalJSX.SwirlInlineStatus & JSXBase.HTMLAttributes<HTMLSwirlInlineStatusElement>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@getflip/swirl-components",
3
- "version": "0.71.4",
3
+ "version": "0.72.0",
4
4
  "description": "Swirl Design System Web Component Library",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
package/vscode-data.json CHANGED
@@ -3646,6 +3646,44 @@
3646
3646
  }
3647
3647
  ]
3648
3648
  },
3649
+ {
3650
+ "name": "swirl-image-grid",
3651
+ "description": {
3652
+ "kind": "markdown",
3653
+ "value": ""
3654
+ },
3655
+ "attributes": [
3656
+ {
3657
+ "name": "aspect-ratio",
3658
+ "description": ""
3659
+ }
3660
+ ]
3661
+ },
3662
+ {
3663
+ "name": "swirl-image-grid-item",
3664
+ "description": {
3665
+ "kind": "markdown",
3666
+ "value": ""
3667
+ },
3668
+ "attributes": [
3669
+ {
3670
+ "name": "alt",
3671
+ "description": ""
3672
+ },
3673
+ {
3674
+ "name": "interactive",
3675
+ "description": ""
3676
+ },
3677
+ {
3678
+ "name": "overlay",
3679
+ "description": ""
3680
+ },
3681
+ {
3682
+ "name": "src",
3683
+ "description": ""
3684
+ }
3685
+ ]
3686
+ },
3649
3687
  {
3650
3688
  "name": "swirl-inline-error",
3651
3689
  "description": {