@getflip/swirl-components 0.327.0 → 0.329.0

package/dist/types/components.d.ts

@@ -611,6 +611,19 @@ export namespace Components {
         "heading"?: string;
         "illustration"?: string;
     }
+    interface SwirlFileChip {
+        "description"?: string;
+        "downloadButtonLabel"?: string;
+        "loading"?: boolean;
+        "loadingLabel"?: string;
+        "name": string;
+        "previewButtonLabel"?: string;
+        "showDownloadButton"?: boolean;
+        "showPreviewButton"?: boolean;
+        "skipNativeDownload"?: boolean;
+        "type": string;
+        "url": string;
+    }
     interface SwirlFileUploader {
         "accept"?: string;
         "ctaLabel"?: string;
@@ -825,6 +838,10 @@ export namespace Components {
         "color"?: SwirlIconColor1;
         "size": SwirlIconSize;
     }
+    interface SwirlIconAudioFile {
+        "color"?: SwirlIconColor1;
+        "size": SwirlIconSize;
+    }
     interface SwirlIconBarChart {
         "color"?: SwirlIconColor1;
         "size": SwirlIconSize;
@@ -1337,6 +1354,10 @@ export namespace Components {
         "color"?: SwirlIconColor1;
         "size": SwirlIconSize;
     }
+    interface SwirlIconPictureAsPdf {
+        "color"?: SwirlIconColor1;
+        "size": SwirlIconSize;
+    }
     interface SwirlIconPictureInPicture {
         "color"?: SwirlIconColor1;
         "size": SwirlIconSize;
@@ -1369,6 +1390,10 @@ export namespace Components {
         "color"?: SwirlIconColor1;
         "size": SwirlIconSize;
     }
+    interface SwirlIconPreview {
+        "color"?: SwirlIconColor1;
+        "size": SwirlIconSize;
+    }
     interface SwirlIconPrint {
         "color"?: SwirlIconColor1;
         "size": SwirlIconSize;
@@ -2651,6 +2676,10 @@ export interface SwirlDialogCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSwirlDialogElement;
 }
+export interface SwirlFileChipCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSwirlFileChipElement;
+}
 export interface SwirlFileUploaderCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSwirlFileUploaderElement;
@@ -3250,6 +3279,24 @@ declare global {
         prototype: HTMLSwirlEmptyStateElement;
         new (): HTMLSwirlEmptyStateElement;
     };
+    interface HTMLSwirlFileChipElementEventMap {
+        "preview": void;
+        "download": void;
+    }
+    interface HTMLSwirlFileChipElement extends Components.SwirlFileChip, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSwirlFileChipElementEventMap>(type: K, listener: (this: HTMLSwirlFileChipElement, ev: SwirlFileChipCustomEvent<HTMLSwirlFileChipElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSwirlFileChipElementEventMap>(type: K, listener: (this: HTMLSwirlFileChipElement, ev: SwirlFileChipCustomEvent<HTMLSwirlFileChipElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLSwirlFileChipElement: {
+        prototype: HTMLSwirlFileChipElement;
+        new (): HTMLSwirlFileChipElement;
+    };
     interface HTMLSwirlFileUploaderElementEventMap {
         "valueChange": FileList;
     }
@@ -3533,6 +3580,12 @@ declare global {
         prototype: HTMLSwirlIconAttachmentElement;
         new (): HTMLSwirlIconAttachmentElement;
     };
+    interface HTMLSwirlIconAudioFileElement extends Components.SwirlIconAudioFile, HTMLStencilElement {
+    }
+    var HTMLSwirlIconAudioFileElement: {
+        prototype: HTMLSwirlIconAudioFileElement;
+        new (): HTMLSwirlIconAudioFileElement;
+    };
     interface HTMLSwirlIconBarChartElement extends Components.SwirlIconBarChart, HTMLStencilElement {
     }
     var HTMLSwirlIconBarChartElement: {
@@ -4301,6 +4354,12 @@ declare global {
         prototype: HTMLSwirlIconPhotoCameraElement;
         new (): HTMLSwirlIconPhotoCameraElement;
     };
+    interface HTMLSwirlIconPictureAsPdfElement extends Components.SwirlIconPictureAsPdf, HTMLStencilElement {
+    }
+    var HTMLSwirlIconPictureAsPdfElement: {
+        prototype: HTMLSwirlIconPictureAsPdfElement;
+        new (): HTMLSwirlIconPictureAsPdfElement;
+    };
     interface HTMLSwirlIconPictureInPictureElement extends Components.SwirlIconPictureInPicture, HTMLStencilElement {
     }
     var HTMLSwirlIconPictureInPictureElement: {
@@ -4349,6 +4408,12 @@ declare global {
         prototype: HTMLSwirlIconPresentElement;
         new (): HTMLSwirlIconPresentElement;
     };
+    interface HTMLSwirlIconPreviewElement extends Components.SwirlIconPreview, HTMLStencilElement {
+    }
+    var HTMLSwirlIconPreviewElement: {
+        prototype: HTMLSwirlIconPreviewElement;
+        new (): HTMLSwirlIconPreviewElement;
+    };
     interface HTMLSwirlIconPrintElement extends Components.SwirlIconPrint, HTMLStencilElement {
     }
     var HTMLSwirlIconPrintElement: {
@@ -5878,6 +5943,7 @@ declare global {
         "swirl-emoji-sad": HTMLSwirlEmojiSadElement;
         "swirl-emoji-thumbs-up": HTMLSwirlEmojiThumbsUpElement;
         "swirl-empty-state": HTMLSwirlEmptyStateElement;
+        "swirl-file-chip": HTMLSwirlFileChipElement;
         "swirl-file-uploader": HTMLSwirlFileUploaderElement;
         "swirl-file-viewer": HTMLSwirlFileViewerElement;
         "swirl-file-viewer-audio": HTMLSwirlFileViewerAudioElement;
@@ -5908,6 +5974,7 @@ declare global {
         "swirl-icon-arrow-upward": HTMLSwirlIconArrowUpwardElement;
         "swirl-icon-aspect-ratio": HTMLSwirlIconAspectRatioElement;
         "swirl-icon-attachment": HTMLSwirlIconAttachmentElement;
+        "swirl-icon-audio-file": HTMLSwirlIconAudioFileElement;
         "swirl-icon-bar-chart": HTMLSwirlIconBarChartElement;
         "swirl-icon-beach-access": HTMLSwirlIconBeachAccessElement;
         "swirl-icon-beach-access-filled": HTMLSwirlIconBeachAccessFilledElement;
@@ -6036,6 +6103,7 @@ declare global {
         "swirl-icon-person-off": HTMLSwirlIconPersonOffElement;
         "swirl-icon-phone": HTMLSwirlIconPhoneElement;
         "swirl-icon-photo-camera": HTMLSwirlIconPhotoCameraElement;
+        "swirl-icon-picture-as-pdf": HTMLSwirlIconPictureAsPdfElement;
         "swirl-icon-picture-in-picture": HTMLSwirlIconPictureInPictureElement;
         "swirl-icon-pin": HTMLSwirlIconPinElement;
         "swirl-icon-pin-off": HTMLSwirlIconPinOffElement;
@@ -6044,6 +6112,7 @@ declare global {
         "swirl-icon-poll": HTMLSwirlIconPollElement;
         "swirl-icon-post-approval": HTMLSwirlIconPostApprovalElement;
         "swirl-icon-present": HTMLSwirlIconPresentElement;
+        "swirl-icon-preview": HTMLSwirlIconPreviewElement;
         "swirl-icon-print": HTMLSwirlIconPrintElement;
         "swirl-icon-public": HTMLSwirlIconPublicElement;
         "swirl-icon-public-off": HTMLSwirlIconPublicOffElement;
@@ -6645,6 +6714,21 @@ declare namespace LocalJSX {
         "heading"?: string;
         "illustration"?: string;
     }
+    interface SwirlFileChip {
+        "description"?: string;
+        "downloadButtonLabel"?: string;
+        "loading"?: boolean;
+        "loadingLabel"?: string;
+        "name": string;
+        "onDownload"?: (event: SwirlFileChipCustomEvent<void>) => void;
+        "onPreview"?: (event: SwirlFileChipCustomEvent<void>) => void;
+        "previewButtonLabel"?: string;
+        "showDownloadButton"?: boolean;
+        "showPreviewButton"?: boolean;
+        "skipNativeDownload"?: boolean;
+        "type": string;
+        "url": string;
+    }
     interface SwirlFileUploader {
         "accept"?: string;
         "ctaLabel"?: string;
@@ -6830,6 +6914,10 @@ declare namespace LocalJSX {
         "color"?: SwirlIconColor1;
         "size"?: SwirlIconSize;
     }
+    interface SwirlIconAudioFile {
+        "color"?: SwirlIconColor1;
+        "size"?: SwirlIconSize;
+    }
     interface SwirlIconBarChart {
         "color"?: SwirlIconColor1;
         "size"?: SwirlIconSize;
@@ -7342,6 +7430,10 @@ declare namespace LocalJSX {
         "color"?: SwirlIconColor1;
         "size"?: SwirlIconSize;
     }
+    interface SwirlIconPictureAsPdf {
+        "color"?: SwirlIconColor1;
+        "size"?: SwirlIconSize;
+    }
     interface SwirlIconPictureInPicture {
         "color"?: SwirlIconColor1;
         "size"?: SwirlIconSize;
@@ -7374,6 +7466,10 @@ declare namespace LocalJSX {
         "color"?: SwirlIconColor1;
         "size"?: SwirlIconSize;
     }
+    interface SwirlIconPreview {
+        "color"?: SwirlIconColor1;
+        "size"?: SwirlIconSize;
+    }
     interface SwirlIconPrint {
         "color"?: SwirlIconColor1;
         "size"?: SwirlIconSize;
@@ -8535,6 +8631,7 @@ declare namespace LocalJSX {
         "swirl-emoji-sad": SwirlEmojiSad;
         "swirl-emoji-thumbs-up": SwirlEmojiThumbsUp;
         "swirl-empty-state": SwirlEmptyState;
+        "swirl-file-chip": SwirlFileChip;
         "swirl-file-uploader": SwirlFileUploader;
         "swirl-file-viewer": SwirlFileViewer;
         "swirl-file-viewer-audio": SwirlFileViewerAudio;
@@ -8565,6 +8662,7 @@ declare namespace LocalJSX {
         "swirl-icon-arrow-upward": SwirlIconArrowUpward;
         "swirl-icon-aspect-ratio": SwirlIconAspectRatio;
         "swirl-icon-attachment": SwirlIconAttachment;
+        "swirl-icon-audio-file": SwirlIconAudioFile;
         "swirl-icon-bar-chart": SwirlIconBarChart;
         "swirl-icon-beach-access": SwirlIconBeachAccess;
         "swirl-icon-beach-access-filled": SwirlIconBeachAccessFilled;
@@ -8693,6 +8791,7 @@ declare namespace LocalJSX {
         "swirl-icon-person-off": SwirlIconPersonOff;
         "swirl-icon-phone": SwirlIconPhone;
         "swirl-icon-photo-camera": SwirlIconPhotoCamera;
+        "swirl-icon-picture-as-pdf": SwirlIconPictureAsPdf;
         "swirl-icon-picture-in-picture": SwirlIconPictureInPicture;
         "swirl-icon-pin": SwirlIconPin;
         "swirl-icon-pin-off": SwirlIconPinOff;
@@ -8701,6 +8800,7 @@ declare namespace LocalJSX {
         "swirl-icon-poll": SwirlIconPoll;
         "swirl-icon-post-approval": SwirlIconPostApproval;
         "swirl-icon-present": SwirlIconPresent;
+        "swirl-icon-preview": SwirlIconPreview;
         "swirl-icon-print": SwirlIconPrint;
         "swirl-icon-public": SwirlIconPublic;
         "swirl-icon-public-off": SwirlIconPublicOff;
@@ -8935,6 +9035,7 @@ declare module "@stencil/core" {
             "swirl-emoji-sad": LocalJSX.SwirlEmojiSad & JSXBase.HTMLAttributes<HTMLSwirlEmojiSadElement>;
             "swirl-emoji-thumbs-up": LocalJSX.SwirlEmojiThumbsUp & JSXBase.HTMLAttributes<HTMLSwirlEmojiThumbsUpElement>;
             "swirl-empty-state": LocalJSX.SwirlEmptyState & JSXBase.HTMLAttributes<HTMLSwirlEmptyStateElement>;
+            "swirl-file-chip": LocalJSX.SwirlFileChip & JSXBase.HTMLAttributes<HTMLSwirlFileChipElement>;
             "swirl-file-uploader": LocalJSX.SwirlFileUploader & JSXBase.HTMLAttributes<HTMLSwirlFileUploaderElement>;
             "swirl-file-viewer": LocalJSX.SwirlFileViewer & JSXBase.HTMLAttributes<HTMLSwirlFileViewerElement>;
             "swirl-file-viewer-audio": LocalJSX.SwirlFileViewerAudio & JSXBase.HTMLAttributes<HTMLSwirlFileViewerAudioElement>;
@@ -8965,6 +9066,7 @@ declare module "@stencil/core" {
             "swirl-icon-arrow-upward": LocalJSX.SwirlIconArrowUpward & JSXBase.HTMLAttributes<HTMLSwirlIconArrowUpwardElement>;
             "swirl-icon-aspect-ratio": LocalJSX.SwirlIconAspectRatio & JSXBase.HTMLAttributes<HTMLSwirlIconAspectRatioElement>;
             "swirl-icon-attachment": LocalJSX.SwirlIconAttachment & JSXBase.HTMLAttributes<HTMLSwirlIconAttachmentElement>;
+            "swirl-icon-audio-file": LocalJSX.SwirlIconAudioFile & JSXBase.HTMLAttributes<HTMLSwirlIconAudioFileElement>;
             "swirl-icon-bar-chart": LocalJSX.SwirlIconBarChart & JSXBase.HTMLAttributes<HTMLSwirlIconBarChartElement>;
             "swirl-icon-beach-access": LocalJSX.SwirlIconBeachAccess & JSXBase.HTMLAttributes<HTMLSwirlIconBeachAccessElement>;
             "swirl-icon-beach-access-filled": LocalJSX.SwirlIconBeachAccessFilled & JSXBase.HTMLAttributes<HTMLSwirlIconBeachAccessFilledElement>;
@@ -9093,6 +9195,7 @@ declare module "@stencil/core" {
             "swirl-icon-person-off": LocalJSX.SwirlIconPersonOff & JSXBase.HTMLAttributes<HTMLSwirlIconPersonOffElement>;
             "swirl-icon-phone": LocalJSX.SwirlIconPhone & JSXBase.HTMLAttributes<HTMLSwirlIconPhoneElement>;
             "swirl-icon-photo-camera": LocalJSX.SwirlIconPhotoCamera & JSXBase.HTMLAttributes<HTMLSwirlIconPhotoCameraElement>;
+            "swirl-icon-picture-as-pdf": LocalJSX.SwirlIconPictureAsPdf & JSXBase.HTMLAttributes<HTMLSwirlIconPictureAsPdfElement>;
             "swirl-icon-picture-in-picture": LocalJSX.SwirlIconPictureInPicture & JSXBase.HTMLAttributes<HTMLSwirlIconPictureInPictureElement>;
             "swirl-icon-pin": LocalJSX.SwirlIconPin & JSXBase.HTMLAttributes<HTMLSwirlIconPinElement>;
             "swirl-icon-pin-off": LocalJSX.SwirlIconPinOff & JSXBase.HTMLAttributes<HTMLSwirlIconPinOffElement>;
@@ -9101,6 +9204,7 @@ declare module "@stencil/core" {
             "swirl-icon-poll": LocalJSX.SwirlIconPoll & JSXBase.HTMLAttributes<HTMLSwirlIconPollElement>;
             "swirl-icon-post-approval": LocalJSX.SwirlIconPostApproval & JSXBase.HTMLAttributes<HTMLSwirlIconPostApprovalElement>;
             "swirl-icon-present": LocalJSX.SwirlIconPresent & JSXBase.HTMLAttributes<HTMLSwirlIconPresentElement>;
+            "swirl-icon-preview": LocalJSX.SwirlIconPreview & JSXBase.HTMLAttributes<HTMLSwirlIconPreviewElement>;
             "swirl-icon-print": LocalJSX.SwirlIconPrint & JSXBase.HTMLAttributes<HTMLSwirlIconPrintElement>;
             "swirl-icon-public": LocalJSX.SwirlIconPublic & JSXBase.HTMLAttributes<HTMLSwirlIconPublicElement>;
             "swirl-icon-public-off": LocalJSX.SwirlIconPublicOff & JSXBase.HTMLAttributes<HTMLSwirlIconPublicOffElement>;

package/dist/types/utils.d.ts

@@ -40,3 +40,8 @@ export declare function getISODateString(date: Date): string;
  * @returns The adjusted index
  */
 export declare function getCircularArrayIndex(index: number, arrayLength: number): number;
+export declare function isImageMimeType(mimeType: string): boolean;
+export declare function isVideoMimeType(mimeType: string): boolean;
+export declare function isAudioMimeType(mimeType: string): boolean;
+export declare function isPdfMimeType(mimeType: string): boolean;
+export declare function isCompressedArchiveMimeType(mimeType: string): boolean;

package/icons.json

@@ -1 +1 @@
-{"Add":{"id":"Add","name":"add"},"AddModerator":{"id":"AddModerator","name":"add-moderator"},"AddPhoto":{"id":"AddPhoto","name":"add-photo"},"AddReaction":{"id":"AddReaction","name":"add-reaction"},"AdminPanelSettings":{"id":"AdminPanelSettings","name":"admin-panel-settings"},"Ai":{"id":"Ai","name":"ai"},"AiFilled":{"id":"AiFilled","name":"ai-filled"},"Apps":{"id":"Apps","name":"apps"},"ArrowBack":{"id":"ArrowBack","name":"arrow-back"},"ArrowDownward":{"id":"ArrowDownward","name":"arrow-downward"},"ArrowForward":{"id":"ArrowForward","name":"arrow-forward"},"ArrowLeft":{"id":"ArrowLeft","name":"arrow-left"},"ArrowRight":{"id":"ArrowRight","name":"arrow-right"},"ArrowRightSmall":{"id":"ArrowRightSmall","name":"arrow-right-small"},"ArrowUpward":{"id":"ArrowUpward","name":"arrow-upward"},"AspectRatio":{"id":"AspectRatio","name":"aspect-ratio"},"Attachment":{"id":"Attachment","name":"attachment"},"BarChart":{"id":"BarChart","name":"bar-chart"},"BeachAccess":{"id":"BeachAccess","name":"beach-access"},"BeachAccessFilled":{"id":"BeachAccessFilled","name":"beach-access-filled"},"Block":{"id":"Block","name":"block"},"Bookmark":{"id":"Bookmark","name":"bookmark"},"BookmarkFilled":{"id":"BookmarkFilled","name":"bookmark-filled"},"CalendarAddOnFilled":{"id":"CalendarAddOnFilled","name":"calendar-add-on-filled"},"CalendarToday":{"id":"CalendarToday","name":"calendar-today"},"Call":{"id":"Call","name":"call"},"CallEnd":{"id":"CallEnd","name":"call-end"},"Cancel":{"id":"Cancel","name":"cancel"},"ChatBubble":{"id":"ChatBubble","name":"chat-bubble"},"Chats":{"id":"Chats","name":"chats"},"ChatsFilled":{"id":"ChatsFilled","name":"chats-filled"},"Check":{"id":"Check","name":"check"},"CheckCircle":{"id":"CheckCircle","name":"check-circle"},"CheckSmall":{"id":"CheckSmall","name":"check-small"},"CheckStrong":{"id":"CheckStrong","name":"check-strong"},"ChevronLeft":{"id":"ChevronLeft","name":"chevron-left"},"ChevronRight":{"id":"ChevronRight","name":"chevron-right"},"Close":{"id":"Close","name":"close"},"CloseSmall":{"id":"CloseSmall","name":"close-small"},"CloudUpload":{"id":"CloudUpload","name":"cloud-upload"},"Column":{"id":"Column","name":"column"},"Comment":{"id":"Comment","name":"comment"},"Contrast":{"id":"Contrast","name":"contrast"},"Copy":{"id":"Copy","name":"copy"},"Crop":{"id":"Crop","name":"crop"},"DarkMode":{"id":"DarkMode","name":"dark-mode"},"DateRange":{"id":"DateRange","name":"date-range"},"Delete":{"id":"Delete","name":"delete"},"DeployedCode":{"id":"DeployedCode","name":"deployed-code"},"Description":{"id":"Description","name":"description"},"Desktop":{"id":"Desktop","name":"desktop"},"Directory":{"id":"Directory","name":"directory"},"DirectoryFilled":{"id":"DirectoryFilled","name":"directory-filled"},"Discover":{"id":"Discover","name":"discover"},"DockLeft":{"id":"DockLeft","name":"dock-left"},"DockLeftCollapse":{"id":"DockLeftCollapse","name":"dock-left-collapse"},"DockLeftExpand":{"id":"DockLeftExpand","name":"dock-left-expand"},"DoorOpen":{"id":"DoorOpen","name":"door-open"},"Dot":{"id":"Dot","name":"dot"},"DoubleArrowLeft":{"id":"DoubleArrowLeft","name":"double-arrow-left"},"DoubleArrowRight":{"id":"DoubleArrowRight","name":"double-arrow-right"},"Download":{"id":"Download","name":"download"},"DragHandle":{"id":"DragHandle","name":"drag-handle"},"Edit":{"id":"Edit","name":"edit"},"EditNote":{"id":"EditNote","name":"edit-note"},"EmojiMood":{"id":"EmojiMood","name":"emoji-mood"},"EmojiSatisfied":{"id":"EmojiSatisfied","name":"emoji-satisfied"},"Error":{"id":"Error","name":"error"},"ExpandLess":{"id":"ExpandLess","name":"expand-less"},"ExpandMore":{"id":"ExpandMore","name":"expand-more"},"Experiment":{"id":"Experiment","name":"experiment"},"File":{"id":"File","name":"file"},"FileCopy":{"id":"FileCopy","name":"file-copy"},"Filter":{"id":"Filter","name":"filter"},"Folder":{"id":"Folder","name":"folder"},"FolderShared":{"id":"FolderShared","name":"folder-shared"},"FormatHOne":{"id":"FormatHOne","name":"format-h-one"},"FormatListBulleted":{"id":"FormatListBulleted","name":"format-list-bulleted"},"Fullscreen":{"id":"Fullscreen","name":"fullscreen"},"FullscreenExit":{"id":"FullscreenExit","name":"fullscreen-exit"},"Gif":{"id":"Gif","name":"gif"},"GroupAdd":{"id":"GroupAdd","name":"group-add"},"GroupAssign":{"id":"GroupAssign","name":"group-assign"},"Groups":{"id":"Groups","name":"groups"},"GroupsFilled":{"id":"GroupsFilled","name":"groups-filled"},"HamburgerMenu":{"id":"HamburgerMenu","name":"hamburger-menu"},"HealthAndSafety":{"id":"HealthAndSafety","name":"health-and-safety"},"Help":{"id":"Help","name":"help"},"Highlight":{"id":"Highlight","name":"highlight"},"History":{"id":"History","name":"history"},"Home":{"id":"Home","name":"home"},"HrResting":{"id":"HrResting","name":"hr-resting"},"Image":{"id":"Image","name":"image"},"ImproveText":{"id":"ImproveText","name":"improve-text"},"Info":{"id":"Info","name":"info"},"InsertBelow":{"id":"InsertBelow","name":"insert-below"},"InsertChart":{"id":"InsertChart","name":"insert-chart"},"InsertOnTop":{"id":"InsertOnTop","name":"insert-on-top"},"Inventory":{"id":"Inventory","name":"inventory"},"InventoryOff":{"id":"InventoryOff","name":"inventory-off"},"Key":{"id":"Key","name":"key"},"Keyboard":{"id":"Keyboard","name":"keyboard"},"KeyboardHide":{"id":"KeyboardHide","name":"keyboard-hide"},"LightMode":{"id":"LightMode","name":"light-mode"},"Like":{"id":"Like","name":"like"},"Link":{"id":"Link","name":"link"},"Live":{"id":"Live","name":"live"},"Load":{"id":"Load","name":"load"},"LocationOn":{"id":"LocationOn","name":"location-on"},"Lock":{"id":"Lock","name":"lock"},"LockOpen":{"id":"LockOpen","name":"lock-open"},"LockPerson":{"id":"LockPerson","name":"lock-person"},"Login":{"id":"Login","name":"login"},"Logout":{"id":"Logout","name":"logout"},"LongText":{"id":"LongText","name":"long-text"},"Mail":{"id":"Mail","name":"mail"},"ManageAccounts":{"id":"ManageAccounts","name":"manage-accounts"},"MarkChatRead":{"id":"MarkChatRead","name":"mark-chat-read"},"MarkChatUnread":{"id":"MarkChatUnread","name":"mark-chat-unread"},"Mention":{"id":"Mention","name":"mention"},"Menu":{"id":"Menu","name":"menu"},"MenuBook":{"id":"MenuBook","name":"menu-book"},"MenuBookFilled":{"id":"MenuBookFilled","name":"menu-book-filled"},"MenuFilled":{"id":"MenuFilled","name":"menu-filled"},"Message":{"id":"Message","name":"message"},"Mic":{"id":"Mic","name":"mic"},"MicOff":{"id":"MicOff","name":"mic-off"},"MoreHorizontal":{"id":"MoreHorizontal","name":"more-horizontal"},"MoreVertikal":{"id":"MoreVertikal","name":"more-vertikal"},"News":{"id":"News","name":"news"},"NewsFilled":{"id":"NewsFilled","name":"news-filled"},"NewsOff":{"id":"NewsOff","name":"news-off"},"NextPlan":{"id":"NextPlan","name":"next-plan"},"Notifications":{"id":"Notifications","name":"notifications"},"NotificationsActive":{"id":"NotificationsActive","name":"notifications-active"},"NotificationsOff":{"id":"NotificationsOff","name":"notifications-off"},"OpenInFull":{"id":"OpenInFull","name":"open-in-full"},"OpenInNew":{"id":"OpenInNew","name":"open-in-new"},"Pause":{"id":"Pause","name":"pause"},"PauseCircle":{"id":"PauseCircle","name":"pause-circle"},"PeopleAlt":{"id":"PeopleAlt","name":"people-alt"},"Person":{"id":"Person","name":"person"},"PersonOff":{"id":"PersonOff","name":"person-off"},"Phone":{"id":"Phone","name":"phone"},"PhotoCamera":{"id":"PhotoCamera","name":"photo-camera"},"PictureInPicture":{"id":"PictureInPicture","name":"picture-in-picture"},"Pin":{"id":"Pin","name":"pin"},"PinOff":{"id":"PinOff","name":"pin-off"},"Place":{"id":"Place","name":"place"},"PlayArrow":{"id":"PlayArrow","name":"play-arrow"},"Poll":{"id":"Poll","name":"poll"},"PostApproval":{"id":"PostApproval","name":"post-approval"},"Present":{"id":"Present","name":"present"},"Print":{"id":"Print","name":"print"},"Public":{"id":"Public","name":"public"},"PublicOff":{"id":"PublicOff","name":"public-off"},"PublishedWithChanges":{"id":"PublishedWithChanges","name":"published-with-changes"},"RatioFourToThree":{"id":"RatioFourToThree","name":"ratio-four-to-three"},"RatioFreeform":{"id":"RatioFreeform","name":"ratio-freeform"},"RatioSixteenToNine":{"id":"RatioSixteenToNine","name":"ratio-sixteen-to-nine"},"RatioSquare":{"id":"RatioSquare","name":"ratio-square"},"RatioThreeToFour":{"id":"RatioThreeToFour","name":"ratio-three-to-four"},"RatioThreeToTwo":{"id":"RatioThreeToTwo","name":"ratio-three-to-two"},"Recieved":{"id":"Recieved","name":"recieved"},"Remove":{"id":"Remove","name":"remove"},"RemoveCircle":{"id":"RemoveCircle","name":"remove-circle"},"RemoveModerator":{"id":"RemoveModerator","name":"remove-moderator"},"Reply":{"id":"Reply","name":"reply"},"Report":{"id":"Report","name":"report"},"Roadmap":{"id":"Roadmap","name":"roadmap"},"RotateLeft":{"id":"RotateLeft","name":"rotate-left"},"RotateRight":{"id":"RotateRight","name":"rotate-right"},"Screenshare":{"id":"Screenshare","name":"screenshare"},"ScreenshareOff":{"id":"ScreenshareOff","name":"screenshare-off"},"Search":{"id":"Search","name":"search"},"SearchStrong":{"id":"SearchStrong","name":"search-strong"},"Secure":{"id":"Secure","name":"secure"},"Send":{"id":"Send","name":"send"},"Settings":{"id":"Settings","name":"settings"},"ShortText":{"id":"ShortText","name":"short-text"},"Simplify":{"id":"Simplify","name":"simplify"},"Spellcheck":{"id":"Spellcheck","name":"spellcheck"},"Stars":{"id":"Stars","name":"stars"},"StickyNote":{"id":"StickyNote","name":"sticky-note"},"Stop":{"id":"Stop","name":"stop"},"StopCircle":{"id":"StopCircle","name":"stop-circle"},"Sunny":{"id":"Sunny","name":"sunny"},"Sync":{"id":"Sync","name":"sync"},"Tasks":{"id":"Tasks","name":"tasks"},"TasksFilled":{"id":"TasksFilled","name":"tasks-filled"},"Terminal":{"id":"Terminal","name":"terminal"},"Time":{"id":"Time","name":"time"},"TimeFilled":{"id":"TimeFilled","name":"time-filled"},"Today":{"id":"Today","name":"today"},"TodayFilled":{"id":"TodayFilled","name":"today-filled"},"Translate":{"id":"Translate","name":"translate"},"TreeStructure":{"id":"TreeStructure","name":"tree-structure"},"Undo":{"id":"Undo","name":"undo"},"UnlockPerson":{"id":"UnlockPerson","name":"unlock-person"},"Upload":{"id":"Upload","name":"upload"},"UserAdd":{"id":"UserAdd","name":"user-add"},"UserAssign":{"id":"UserAssign","name":"user-assign"},"VideoCamera":{"id":"VideoCamera","name":"video-camera"},"VideoCameraOff":{"id":"VideoCameraOff","name":"video-camera-off"},"VideoLibrary":{"id":"VideoLibrary","name":"video-library"},"VideoPlayer":{"id":"VideoPlayer","name":"video-player"},"ViewAgenda":{"id":"ViewAgenda","name":"view-agenda"},"Visibility":{"id":"Visibility","name":"visibility"},"VisibilityOff":{"id":"VisibilityOff","name":"visibility-off"},"Voice":{"id":"Voice","name":"voice"},"VolumeUp":{"id":"VolumeUp","name":"volume-up"},"Warning":{"id":"Warning","name":"warning"},"WebAsset":{"id":"WebAsset","name":"web-asset"},"WebAssetOff":{"id":"WebAssetOff","name":"web-asset-off"},"Work":{"id":"Work","name":"work"}}
+{"Add":{"id":"Add","name":"add"},"AddModerator":{"id":"AddModerator","name":"add-moderator"},"AddPhoto":{"id":"AddPhoto","name":"add-photo"},"AddReaction":{"id":"AddReaction","name":"add-reaction"},"AdminPanelSettings":{"id":"AdminPanelSettings","name":"admin-panel-settings"},"Ai":{"id":"Ai","name":"ai"},"AiFilled":{"id":"AiFilled","name":"ai-filled"},"Apps":{"id":"Apps","name":"apps"},"ArrowBack":{"id":"ArrowBack","name":"arrow-back"},"ArrowDownward":{"id":"ArrowDownward","name":"arrow-downward"},"ArrowForward":{"id":"ArrowForward","name":"arrow-forward"},"ArrowLeft":{"id":"ArrowLeft","name":"arrow-left"},"ArrowRight":{"id":"ArrowRight","name":"arrow-right"},"ArrowRightSmall":{"id":"ArrowRightSmall","name":"arrow-right-small"},"ArrowUpward":{"id":"ArrowUpward","name":"arrow-upward"},"AspectRatio":{"id":"AspectRatio","name":"aspect-ratio"},"Attachment":{"id":"Attachment","name":"attachment"},"AudioFile":{"id":"AudioFile","name":"audio-file"},"BarChart":{"id":"BarChart","name":"bar-chart"},"BeachAccess":{"id":"BeachAccess","name":"beach-access"},"BeachAccessFilled":{"id":"BeachAccessFilled","name":"beach-access-filled"},"Block":{"id":"Block","name":"block"},"Bookmark":{"id":"Bookmark","name":"bookmark"},"BookmarkFilled":{"id":"BookmarkFilled","name":"bookmark-filled"},"CalendarAddOnFilled":{"id":"CalendarAddOnFilled","name":"calendar-add-on-filled"},"CalendarToday":{"id":"CalendarToday","name":"calendar-today"},"Call":{"id":"Call","name":"call"},"CallEnd":{"id":"CallEnd","name":"call-end"},"Cancel":{"id":"Cancel","name":"cancel"},"ChatBubble":{"id":"ChatBubble","name":"chat-bubble"},"Chats":{"id":"Chats","name":"chats"},"ChatsFilled":{"id":"ChatsFilled","name":"chats-filled"},"Check":{"id":"Check","name":"check"},"CheckCircle":{"id":"CheckCircle","name":"check-circle"},"CheckSmall":{"id":"CheckSmall","name":"check-small"},"CheckStrong":{"id":"CheckStrong","name":"check-strong"},"ChevronLeft":{"id":"ChevronLeft","name":"chevron-left"},"ChevronRight":{"id":"ChevronRight","name":"chevron-right"},"Close":{"id":"Close","name":"close"},"CloseSmall":{"id":"CloseSmall","name":"close-small"},"CloudUpload":{"id":"CloudUpload","name":"cloud-upload"},"Column":{"id":"Column","name":"column"},"Comment":{"id":"Comment","name":"comment"},"Contrast":{"id":"Contrast","name":"contrast"},"Copy":{"id":"Copy","name":"copy"},"Crop":{"id":"Crop","name":"crop"},"DarkMode":{"id":"DarkMode","name":"dark-mode"},"DateRange":{"id":"DateRange","name":"date-range"},"Delete":{"id":"Delete","name":"delete"},"DeployedCode":{"id":"DeployedCode","name":"deployed-code"},"Description":{"id":"Description","name":"description"},"Desktop":{"id":"Desktop","name":"desktop"},"Directory":{"id":"Directory","name":"directory"},"DirectoryFilled":{"id":"DirectoryFilled","name":"directory-filled"},"Discover":{"id":"Discover","name":"discover"},"DockLeft":{"id":"DockLeft","name":"dock-left"},"DockLeftCollapse":{"id":"DockLeftCollapse","name":"dock-left-collapse"},"DockLeftExpand":{"id":"DockLeftExpand","name":"dock-left-expand"},"DoorOpen":{"id":"DoorOpen","name":"door-open"},"Dot":{"id":"Dot","name":"dot"},"DoubleArrowLeft":{"id":"DoubleArrowLeft","name":"double-arrow-left"},"DoubleArrowRight":{"id":"DoubleArrowRight","name":"double-arrow-right"},"Download":{"id":"Download","name":"download"},"DragHandle":{"id":"DragHandle","name":"drag-handle"},"Edit":{"id":"Edit","name":"edit"},"EditNote":{"id":"EditNote","name":"edit-note"},"EmojiMood":{"id":"EmojiMood","name":"emoji-mood"},"EmojiSatisfied":{"id":"EmojiSatisfied","name":"emoji-satisfied"},"Error":{"id":"Error","name":"error"},"ExpandLess":{"id":"ExpandLess","name":"expand-less"},"ExpandMore":{"id":"ExpandMore","name":"expand-more"},"Experiment":{"id":"Experiment","name":"experiment"},"File":{"id":"File","name":"file"},"FileCopy":{"id":"FileCopy","name":"file-copy"},"Filter":{"id":"Filter","name":"filter"},"Folder":{"id":"Folder","name":"folder"},"FolderShared":{"id":"FolderShared","name":"folder-shared"},"FormatHOne":{"id":"FormatHOne","name":"format-h-one"},"FormatListBulleted":{"id":"FormatListBulleted","name":"format-list-bulleted"},"Fullscreen":{"id":"Fullscreen","name":"fullscreen"},"FullscreenExit":{"id":"FullscreenExit","name":"fullscreen-exit"},"Gif":{"id":"Gif","name":"gif"},"GroupAdd":{"id":"GroupAdd","name":"group-add"},"GroupAssign":{"id":"GroupAssign","name":"group-assign"},"Groups":{"id":"Groups","name":"groups"},"GroupsFilled":{"id":"GroupsFilled","name":"groups-filled"},"HamburgerMenu":{"id":"HamburgerMenu","name":"hamburger-menu"},"HealthAndSafety":{"id":"HealthAndSafety","name":"health-and-safety"},"Help":{"id":"Help","name":"help"},"Highlight":{"id":"Highlight","name":"highlight"},"History":{"id":"History","name":"history"},"Home":{"id":"Home","name":"home"},"HrResting":{"id":"HrResting","name":"hr-resting"},"Image":{"id":"Image","name":"image"},"ImproveText":{"id":"ImproveText","name":"improve-text"},"Info":{"id":"Info","name":"info"},"InsertBelow":{"id":"InsertBelow","name":"insert-below"},"InsertChart":{"id":"InsertChart","name":"insert-chart"},"InsertOnTop":{"id":"InsertOnTop","name":"insert-on-top"},"Inventory":{"id":"Inventory","name":"inventory"},"InventoryOff":{"id":"InventoryOff","name":"inventory-off"},"Key":{"id":"Key","name":"key"},"Keyboard":{"id":"Keyboard","name":"keyboard"},"KeyboardHide":{"id":"KeyboardHide","name":"keyboard-hide"},"LightMode":{"id":"LightMode","name":"light-mode"},"Like":{"id":"Like","name":"like"},"Link":{"id":"Link","name":"link"},"Live":{"id":"Live","name":"live"},"Load":{"id":"Load","name":"load"},"LocationOn":{"id":"LocationOn","name":"location-on"},"Lock":{"id":"Lock","name":"lock"},"LockOpen":{"id":"LockOpen","name":"lock-open"},"LockPerson":{"id":"LockPerson","name":"lock-person"},"Login":{"id":"Login","name":"login"},"Logout":{"id":"Logout","name":"logout"},"LongText":{"id":"LongText","name":"long-text"},"Mail":{"id":"Mail","name":"mail"},"ManageAccounts":{"id":"ManageAccounts","name":"manage-accounts"},"MarkChatRead":{"id":"MarkChatRead","name":"mark-chat-read"},"MarkChatUnread":{"id":"MarkChatUnread","name":"mark-chat-unread"},"Mention":{"id":"Mention","name":"mention"},"Menu":{"id":"Menu","name":"menu"},"MenuBook":{"id":"MenuBook","name":"menu-book"},"MenuBookFilled":{"id":"MenuBookFilled","name":"menu-book-filled"},"MenuFilled":{"id":"MenuFilled","name":"menu-filled"},"Message":{"id":"Message","name":"message"},"Mic":{"id":"Mic","name":"mic"},"MicOff":{"id":"MicOff","name":"mic-off"},"MoreHorizontal":{"id":"MoreHorizontal","name":"more-horizontal"},"MoreVertikal":{"id":"MoreVertikal","name":"more-vertikal"},"News":{"id":"News","name":"news"},"NewsFilled":{"id":"NewsFilled","name":"news-filled"},"NewsOff":{"id":"NewsOff","name":"news-off"},"NextPlan":{"id":"NextPlan","name":"next-plan"},"Notifications":{"id":"Notifications","name":"notifications"},"NotificationsActive":{"id":"NotificationsActive","name":"notifications-active"},"NotificationsOff":{"id":"NotificationsOff","name":"notifications-off"},"OpenInFull":{"id":"OpenInFull","name":"open-in-full"},"OpenInNew":{"id":"OpenInNew","name":"open-in-new"},"Pause":{"id":"Pause","name":"pause"},"PauseCircle":{"id":"PauseCircle","name":"pause-circle"},"PeopleAlt":{"id":"PeopleAlt","name":"people-alt"},"Person":{"id":"Person","name":"person"},"PersonOff":{"id":"PersonOff","name":"person-off"},"Phone":{"id":"Phone","name":"phone"},"PhotoCamera":{"id":"PhotoCamera","name":"photo-camera"},"PictureAsPdf":{"id":"PictureAsPdf","name":"picture-as-pdf"},"PictureInPicture":{"id":"PictureInPicture","name":"picture-in-picture"},"Pin":{"id":"Pin","name":"pin"},"PinOff":{"id":"PinOff","name":"pin-off"},"Place":{"id":"Place","name":"place"},"PlayArrow":{"id":"PlayArrow","name":"play-arrow"},"Poll":{"id":"Poll","name":"poll"},"PostApproval":{"id":"PostApproval","name":"post-approval"},"Present":{"id":"Present","name":"present"},"Preview":{"id":"Preview","name":"preview"},"Print":{"id":"Print","name":"print"},"Public":{"id":"Public","name":"public"},"PublicOff":{"id":"PublicOff","name":"public-off"},"PublishedWithChanges":{"id":"PublishedWithChanges","name":"published-with-changes"},"RatioFourToThree":{"id":"RatioFourToThree","name":"ratio-four-to-three"},"RatioFreeform":{"id":"RatioFreeform","name":"ratio-freeform"},"RatioSixteenToNine":{"id":"RatioSixteenToNine","name":"ratio-sixteen-to-nine"},"RatioSquare":{"id":"RatioSquare","name":"ratio-square"},"RatioThreeToFour":{"id":"RatioThreeToFour","name":"ratio-three-to-four"},"RatioThreeToTwo":{"id":"RatioThreeToTwo","name":"ratio-three-to-two"},"Recieved":{"id":"Recieved","name":"recieved"},"Remove":{"id":"Remove","name":"remove"},"RemoveCircle":{"id":"RemoveCircle","name":"remove-circle"},"RemoveModerator":{"id":"RemoveModerator","name":"remove-moderator"},"Reply":{"id":"Reply","name":"reply"},"Report":{"id":"Report","name":"report"},"Roadmap":{"id":"Roadmap","name":"roadmap"},"RotateLeft":{"id":"RotateLeft","name":"rotate-left"},"RotateRight":{"id":"RotateRight","name":"rotate-right"},"Screenshare":{"id":"Screenshare","name":"screenshare"},"ScreenshareOff":{"id":"ScreenshareOff","name":"screenshare-off"},"Search":{"id":"Search","name":"search"},"SearchStrong":{"id":"SearchStrong","name":"search-strong"},"Secure":{"id":"Secure","name":"secure"},"Send":{"id":"Send","name":"send"},"Settings":{"id":"Settings","name":"settings"},"ShortText":{"id":"ShortText","name":"short-text"},"Simplify":{"id":"Simplify","name":"simplify"},"Spellcheck":{"id":"Spellcheck","name":"spellcheck"},"Stars":{"id":"Stars","name":"stars"},"StickyNote":{"id":"StickyNote","name":"sticky-note"},"Stop":{"id":"Stop","name":"stop"},"StopCircle":{"id":"StopCircle","name":"stop-circle"},"Sunny":{"id":"Sunny","name":"sunny"},"Sync":{"id":"Sync","name":"sync"},"Tasks":{"id":"Tasks","name":"tasks"},"TasksFilled":{"id":"TasksFilled","name":"tasks-filled"},"Terminal":{"id":"Terminal","name":"terminal"},"Time":{"id":"Time","name":"time"},"TimeFilled":{"id":"TimeFilled","name":"time-filled"},"Today":{"id":"Today","name":"today"},"TodayFilled":{"id":"TodayFilled","name":"today-filled"},"Translate":{"id":"Translate","name":"translate"},"TreeStructure":{"id":"TreeStructure","name":"tree-structure"},"Undo":{"id":"Undo","name":"undo"},"UnlockPerson":{"id":"UnlockPerson","name":"unlock-person"},"Upload":{"id":"Upload","name":"upload"},"UserAdd":{"id":"UserAdd","name":"user-add"},"UserAssign":{"id":"UserAssign","name":"user-assign"},"VideoCamera":{"id":"VideoCamera","name":"video-camera"},"VideoCameraOff":{"id":"VideoCameraOff","name":"video-camera-off"},"VideoLibrary":{"id":"VideoLibrary","name":"video-library"},"VideoPlayer":{"id":"VideoPlayer","name":"video-player"},"ViewAgenda":{"id":"ViewAgenda","name":"view-agenda"},"Visibility":{"id":"Visibility","name":"visibility"},"VisibilityOff":{"id":"VisibilityOff","name":"visibility-off"},"Voice":{"id":"Voice","name":"voice"},"VolumeUp":{"id":"VolumeUp","name":"volume-up"},"Warning":{"id":"Warning","name":"warning"},"WebAsset":{"id":"WebAsset","name":"web-asset"},"WebAssetOff":{"id":"WebAssetOff","name":"web-asset-off"},"Work":{"id":"Work","name":"work"}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getflip/swirl-components",
-  "version": "0.327.0",
+  "version": "0.329.0",
   "description": "Swirl Design System Web Component Library",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -43,7 +43,7 @@
   },
   "dependencies": {
     "@floating-ui/dom": "1.0.1",
-    "@getflip/swirl-icons": "^0.59.0",
+    "@getflip/swirl-icons": "^0.60.0",
     "@getflip/swirl-tokens": "^2.7.0",
     "@stencil/core": "^4.18.1",
     "a11y-dialog": "^7.5.2",

package/vscode-data.json

@@ -2653,6 +2653,59 @@
         }
       ]
     },
+    {
+      "name": "swirl-file-chip",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "description",
+          "description": ""
+        },
+        {
+          "name": "download-button-label",
+          "description": ""
+        },
+        {
+          "name": "loading",
+          "description": ""
+        },
+        {
+          "name": "loading-label",
+          "description": ""
+        },
+        {
+          "name": "name",
+          "description": ""
+        },
+        {
+          "name": "preview-button-label",
+          "description": ""
+        },
+        {
+          "name": "show-download-button",
+          "description": ""
+        },
+        {
+          "name": "show-preview-button",
+          "description": ""
+        },
+        {
+          "name": "skip-native-download",
+          "description": ""
+        },
+        {
+          "name": "type",
+          "description": ""
+        },
+        {
+          "name": "url",
+          "description": ""
+        }
+      ]
+    },
     {
       "name": "swirl-file-uploader",
       "description": {
@@ -4222,6 +4275,64 @@
         }
       ]
     },
+    {
+      "name": "swirl-icon-audio-file",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "color",
+          "description": "",
+          "values": [
+            {
+              "name": "critical"
+            },
+            {
+              "name": "default"
+            },
+            {
+              "name": "disabled"
+            },
+            {
+              "name": "highlight"
+            },
+            {
+              "name": "info"
+            },
+            {
+              "name": "on-action-primary"
+            },
+            {
+              "name": "on-image"
+            },
+            {
+              "name": "on-status"
+            },
+            {
+              "name": "on-surface-highlight"
+            },
+            {
+              "name": "on-surface-highlight-subdued"
+            },
+            {
+              "name": "strong"
+            },
+            {
+              "name": "success"
+            },
+            {
+              "name": "warning"
+            }
+          ]
+        },
+        {
+          "name": "size",
+          "description": ""
+        }
+      ]
+    },
     {
       "name": "swirl-icon-bar-chart",
       "description": {
@@ -11646,6 +11757,64 @@
         }
       ]
     },
+    {
+      "name": "swirl-icon-picture-as-pdf",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "color",
+          "description": "",
+          "values": [
+            {
+              "name": "critical"
+            },
+            {
+              "name": "default"
+            },
+            {
+              "name": "disabled"
+            },
+            {
+              "name": "highlight"
+            },
+            {
+              "name": "info"
+            },
+            {
+              "name": "on-action-primary"
+            },
+            {
+              "name": "on-image"
+            },
+            {
+              "name": "on-status"
+            },
+            {
+              "name": "on-surface-highlight"
+            },
+            {
+              "name": "on-surface-highlight-subdued"
+            },
+            {
+              "name": "strong"
+            },
+            {
+              "name": "success"
+            },
+            {
+              "name": "warning"
+            }
+          ]
+        },
+        {
+          "name": "size",
+          "description": ""
+        }
+      ]
+    },
     {
       "name": "swirl-icon-picture-in-picture",
       "description": {
@@ -12110,6 +12279,64 @@
         }
       ]
     },
+    {
+      "name": "swirl-icon-preview",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "color",
+          "description": "",
+          "values": [
+            {
+              "name": "critical"
+            },
+            {
+              "name": "default"
+            },
+            {
+              "name": "disabled"
+            },
+            {
+              "name": "highlight"
+            },
+            {
+              "name": "info"
+            },
+            {
+              "name": "on-action-primary"
+            },
+            {
+              "name": "on-image"
+            },
+            {
+              "name": "on-status"
+            },
+            {
+              "name": "on-surface-highlight"
+            },
+            {
+              "name": "on-surface-highlight-subdued"
+            },
+            {
+              "name": "strong"
+            },
+            {
+              "name": "success"
+            },
+            {
+              "name": "warning"
+            }
+          ]
+        },
+        {
+          "name": "size",
+          "description": ""
+        }
+      ]
+    },
     {
       "name": "swirl-icon-print",
       "description": {