@vector-im/compound-design-tokens 0.0.3 → 0.0.4

package/assets/web/icons/video-call-off.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.74715 2.75285L4.34956 4.35527C4.35221 4.35407 4.35486 4.35287 4.35751 4.35168L18 17.9942V18L18 18.0058L21.2471 21.2529C21.6377 21.6434 21.6377 22.2766 21.2471 22.6671C20.8566 23.0576 20.2235 23.0576 19.8329 22.6671L16.9345 19.7687C16.6556 19.9163 16.3376 20 16 20H6.00005C3.79091 20 2.00005 18.2091 2.00005 16V7.99996C2.00005 7.10818 2.29188 6.28456 2.78525 5.61939L1.33293 4.16707C0.942408 3.77654 0.942408 3.14338 1.33293 2.75285C1.72346 2.36233 2.35662 2.36233 2.74715 2.75285Z" fill="currentColor"/>
+<path d="M18 15.1658L6.83423 3.99996H16C17.1046 3.99996 18 4.89539 18 5.99996V10.2857L21.3493 7.41493C21.9979 6.85892 23 7.31983 23 8.17418V15.8257C23 16.6801 21.9979 17.141 21.3493 16.585L18 13.7142V15.1658Z" fill="currentColor"/>
+</svg>

package/assets/web/icons/video-call.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 4H16C17.1046 4 18 4.89543 18 6V10.2857L21.3492 7.41496C21.9979 6.85896 23 7.31987 23 8.17422V15.8258C23 16.6801 21.9979 17.141 21.3492 16.585L18 13.7143V18C18 19.1046 17.1046 20 16 20H6C3.79086 20 2 18.2091 2 16V8C2 5.79086 3.79086 4 6 4Z" fill="currentColor"/>
+</svg>

package/assets/web/icons/visibility-off.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.1 13.3L14.65 11.85C14.8 11.0666 14.575 10.3333 13.975 9.64998C13.375 8.96664 12.6 8.69998 11.65 8.84998L10.2 7.39998C10.4834 7.26664 10.7709 7.16664 11.0625 7.09998C11.3542 7.03331 11.6667 6.99998 12 6.99998C13.25 6.99998 14.3125 7.43748 15.1875 8.31248C16.0625 9.18748 16.5 10.25 16.5 11.5C16.5 11.8333 16.4667 12.1458 16.4 12.4375C16.3334 12.7291 16.2334 13.0166 16.1 13.3ZM19.3 16.45L17.85 15.05C18.4834 14.5666 19.0459 14.0375 19.5375 13.4625C20.0292 12.8875 20.45 12.2333 20.8 11.5C19.9667 9.81664 18.7709 8.47914 17.2125 7.48748C15.6542 6.49581 13.9167 5.99998 12 5.99998C11.5167 5.99998 11.0417 6.03331 10.575 6.09998C10.1084 6.16664 9.65005 6.26664 9.20005 6.39998L7.65005 4.84998C8.33338 4.56664 9.03338 4.35414 9.75005 4.21248C10.4667 4.07081 11.2167 3.99998 12 3.99998C14.3834 3.99998 16.525 4.62914 18.425 5.88748C20.325 7.14581 21.75 8.78331 22.7 10.8C22.75 10.8833 22.7834 10.9875 22.8 11.1125C22.8167 11.2375 22.825 11.3666 22.825 11.5C22.825 11.6333 22.8125 11.7625 22.7875 11.8875C22.7625 12.0125 22.7334 12.1166 22.7 12.2C22.3167 13.05 21.8375 13.8333 21.2625 14.55C20.6875 15.2666 20.0334 15.9 19.3 16.45ZM19.1 21.9L15.6 18.45C15.0167 18.6333 14.4292 18.7708 13.8375 18.8625C13.2459 18.9541 12.6334 19 12 19C9.61672 19 7.47505 18.3708 5.57505 17.1125C3.67505 15.8541 2.25005 14.2166 1.30005 12.2C1.25005 12.1166 1.21672 12.0125 1.20005 11.8875C1.18338 11.7625 1.17505 11.6333 1.17505 11.5C1.17505 11.3666 1.18338 11.2416 1.20005 11.125C1.21672 11.0083 1.25005 10.9083 1.30005 10.825C1.65005 10.075 2.06672 9.38331 2.55005 8.74998C3.03338 8.11664 3.56672 7.53331 4.15005 6.99998L2.07505 4.89998C1.89172 4.71664 1.80005 4.48748 1.80005 4.21248C1.80005 3.93748 1.90005 3.69998 2.10005 3.49998C2.28338 3.31664 2.51672 3.22498 2.80005 3.22498C3.08338 3.22498 3.31672 3.31664 3.50005 3.49998L20.5 20.5C20.6834 20.6833 20.7792 20.9125 20.7875 21.1875C20.7959 21.4625 20.7 21.7 20.5 21.9C20.3167 22.0833 20.0834 22.175 19.8 22.175C19.5167 22.175 19.2834 22.0833 19.1 21.9ZM5.55005 8.39998C5.06672 8.83331 4.62505 9.30831 4.22505 9.82498C3.82505 10.3416 3.48338 10.9 3.20005 11.5C4.03338 13.1833 5.22922 14.5208 6.78755 15.5125C8.34588 16.5041 10.0834 17 12 17C12.3334 17 12.6584 16.9791 12.975 16.9375C13.2917 16.8958 13.6167 16.85 13.95 16.8L13.05 15.85C12.8667 15.9 12.6917 15.9375 12.525 15.9625C12.3584 15.9875 12.1834 16 12 16C10.75 16 9.68755 15.5625 8.81255 14.6875C7.93755 13.8125 7.50005 12.75 7.50005 11.5C7.50005 11.3166 7.51255 11.1416 7.53755 10.975C7.56255 10.8083 7.60005 10.6333 7.65005 10.45L5.55005 8.39998Z" fill="currentColor"/>
+</svg>

package/assets/web/icons/visibility-on.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 16C13.25 16 14.3125 15.5625 15.1875 14.6875C16.0625 13.8125 16.5 12.75 16.5 11.5C16.5 10.25 16.0625 9.1875 15.1875 8.3125C14.3125 7.4375 13.25 7 12 7C10.75 7 9.68755 7.4375 8.81255 8.3125C7.93755 9.1875 7.50005 10.25 7.50005 11.5C7.50005 12.75 7.93755 13.8125 8.81255 14.6875C9.68755 15.5625 10.75 16 12 16ZM12 14.2C11.25 14.2 10.6125 13.9375 10.0875 13.4125C9.56255 12.8875 9.30005 12.25 9.30005 11.5C9.30005 10.75 9.56255 10.1125 10.0875 9.5875C10.6125 9.0625 11.25 8.8 12 8.8C12.75 8.8 13.3875 9.0625 13.9125 9.5875C14.4375 10.1125 14.7 10.75 14.7 11.5C14.7 12.25 14.4375 12.8875 13.9125 13.4125C13.3875 13.9375 12.75 14.2 12 14.2ZM12 19C9.68338 19 7.56672 18.3875 5.65005 17.1625C3.73338 15.9375 2.28338 14.2833 1.30005 12.2C1.25005 12.1167 1.21672 12.0125 1.20005 11.8875C1.18338 11.7625 1.17505 11.6333 1.17505 11.5C1.17505 11.3667 1.18338 11.2375 1.20005 11.1125C1.21672 10.9875 1.25005 10.8833 1.30005 10.8C2.28338 8.71667 3.73338 7.0625 5.65005 5.8375C7.56672 4.6125 9.68338 4 12 4C14.3167 4 16.4334 4.6125 18.35 5.8375C20.2667 7.0625 21.7167 8.71667 22.7 10.8C22.75 10.8833 22.7834 10.9875 22.8 11.1125C22.8167 11.2375 22.825 11.3667 22.825 11.5C22.825 11.6333 22.8167 11.7625 22.8 11.8875C22.7834 12.0125 22.75 12.1167 22.7 12.2C21.7167 14.2833 20.2667 15.9375 18.35 17.1625C16.4334 18.3875 14.3167 19 12 19ZM12 17C13.8834 17 15.6125 16.5042 17.1875 15.5125C18.7625 14.5208 19.9667 13.1833 20.8 11.5C19.9667 9.81667 18.7625 8.47917 17.1875 7.4875C15.6125 6.49583 13.8834 6 12 6C10.1167 6 8.38755 6.49583 6.81255 7.4875C5.23755 8.47917 4.03338 9.81667 3.20005 11.5C4.03338 13.1833 5.23755 14.5208 6.81255 15.5125C8.38755 16.5042 10.1167 17 12 17Z" fill="currentColor"/>
+</svg>

package/assets/web/icons/voice-call.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.9579 16.3737L20.9967 19.9012C20.9967 20.1855 20.8868 20.4375 20.6672 20.6571C20.4475 20.8768 20.1955 20.9866 19.9113 20.9866C17.6242 21.0771 15.434 20.7088 13.3407 19.8818C11.2474 19.0549 9.39322 17.8338 7.77805 16.2186C6.16287 14.6034 4.94502 12.746 4.12451 10.6463C3.304 8.54652 2.93251 6.35957 3.01004 4.0854C3.01004 3.80113 3.11987 3.54916 3.33954 3.3295C3.5592 3.10983 3.81117 3 4.09544 3L7.62299 3.03877C7.90726 3.03877 8.14954 3.12598 8.34982 3.30042C8.5501 3.47486 8.66962 3.69776 8.70839 3.96911L9.25109 7.92306C9.27693 8.10396 9.26401 8.27194 9.21232 8.427C9.16064 8.58206 9.07019 8.72419 8.94097 8.85341L7.30164 10.4927C7.63759 11.1647 8.022 11.801 8.45487 12.4019C8.88774 13.0027 9.89884 14.0978 9.89884 14.0978C9.89884 14.0978 10.9939 15.1089 11.5948 15.5418C12.1956 15.9747 12.832 16.3591 13.5039 16.695L15.1433 15.0557C15.2725 14.9265 15.4146 14.836 15.5697 14.7843C15.7247 14.7327 15.8927 14.7197 16.0736 14.7456L20.0276 15.2883C20.2989 15.327 20.5218 15.4466 20.6962 15.6468C20.8707 15.8471 20.9579 16.0894 20.9579 16.3737Z" fill="currentColor"/>
+</svg>

package/assets/web/icons/web-browser.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24">
-  <path fill="currentColor" d="M4 20c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 2 18V6c0-.55.196-1.02.587-1.412A1.926 1.926 0 0 1 4 4h16c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412v12c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 20 20H4Zm0-2h16V8H4v10Z"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H20C20.55 4 21.0208 4.19583 21.4125 4.5875C21.8042 4.97917 22 5.45 22 6V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM4 18H20V8H4V18Z" fill="currentColor"/>
 </svg>

package/assets/web/js/cpdDark.d.ts

@@ -47,6 +47,7 @@ export const cpdFontSizeHeadingSm : string;
 export const cpdFontSizeHeadingMd : string;
 export const cpdFontSizeHeadingLg : string;
 export const cpdFontSizeHeadingXl : string;
+export const cpdFontSizeRoot : string;
 export const cpdFontLetterSpacingBodyXs : string;
 export const cpdFontLetterSpacingBodySm : string;
 export const cpdFontLetterSpacingBodyMd : string;
@@ -76,21 +77,68 @@ export const cpdFontHeadingLgRegular : string;
 export const cpdFontHeadingLgSemibold : string;
 export const cpdFontHeadingXlRegular : string;
 export const cpdFontHeadingXlSemibold : string;
+export const cpdIconArrowLeft : string;
+export const cpdIconArrowRight : string;
+export const cpdIconArrowUpRight : string;
+export const cpdIconBlock : string;
+export const cpdIconChatNew : string;
+export const cpdIconChatProblem : string;
 export const cpdIconChat : string;
 export const cpdIconCheckCircle : string;
 export const cpdIconCheck : string;
-export const cpdIconChevron : string;
+export const cpdIconChevronDown : string;
+export const cpdIconChevronLeft : string;
+export const cpdIconChevronRight : string;
+export const cpdIconChevronUpDown : string;
 export const cpdIconClose : string;
 export const cpdIconComputer : string;
 export const cpdIconDelete : string;
+export const cpdIconDownload : string;
+export const cpdIconDragGrid : string;
+export const cpdIconDragList : string;
 export const cpdIconError : string;
+export const cpdIconExportArchive : string;
+export const cpdIconExtensions : string;
+export const cpdIconFavouriteOff : string;
+export const cpdIconFavouriteOn : string;
+export const cpdIconFiles : string;
+export const cpdIconFilter : string;
 export const cpdIconInfo : string;
+export const cpdIconLeave : string;
+export const cpdIconLink : string;
+export const cpdIconLockOff : string;
 export const cpdIconLock : string;
+export const cpdIconMarkerReadReceipts : string;
+export const cpdIconMention : string;
 export const cpdIconMobile : string;
-export const cpdIconThread : string;
-export const cpdIconUser : string;
-export const cpdIconVisibilityInvisible : string;
-export const cpdIconVisibilityVisible : string;
+export const cpdIconNotificationsOff : string;
+export const cpdIconNotificationsSolidOff : string;
+export const cpdIconNotificationsSolid : string;
+export const cpdIconNotifications : string;
+export const cpdIconOffline : string;
+export const cpdIconOverflowHorizontal : string;
+export const cpdIconOverflowVertical : string;
+export const cpdIconPolls : string;
+export const cpdIconPopOut : string;
+export const cpdIconPublic : string;
+export const cpdIconSearch : string;
+export const cpdIconSettingsSolid : string;
+export const cpdIconSettings : string;
+export const cpdIconShareAndroid : string;
+export const cpdIconShare : string;
+export const cpdIconThreadsSolid : string;
+export const cpdIconThreads : string;
+export const cpdIconUserAddSolid : string;
+export const cpdIconUserAdd : string;
+export const cpdIconUserProfile : string;
+export const cpdIconVerified : string;
+export const cpdIconVideoCallDeclined : string;
+export const cpdIconVideoCallMissed : string;
+export const cpdIconVideoCallOff : string;
+export const cpdIconVideoCall : string;
+export const cpdIconVisibilityOff : string;
+export const cpdIconVisibilityOn : string;
+export const cpdIconVoiceCall : string;
 export const cpdIconWebBrowser : string;
 export const cpdColorThemeBg : string;
 export const cpdColorGray100 : string;

package/assets/web/js/cpdDark.js

@@ -47,6 +47,7 @@ export const cpdFontSizeHeadingSm = "1.25rem";
 export const cpdFontSizeHeadingMd = "1.5rem";
 export const cpdFontSizeHeadingLg = "1.75rem";
 export const cpdFontSizeHeadingXl = "2rem";
+export const cpdFontSizeRoot = "1rem";
 export const cpdFontLetterSpacingBodyXs = "0.0048em";
 export const cpdFontLetterSpacingBodySm = "-0.0031em";
 export const cpdFontLetterSpacingBodyMd = "-0.0088em";
@@ -76,21 +77,68 @@ export const cpdFontHeadingLgRegular = "400 1.75rem/1.25 Inter";
 export const cpdFontHeadingLgSemibold = "600 1.75rem/1.25 Inter";
 export const cpdFontHeadingXlRegular = "400 2rem/1.25 Inter";
 export const cpdFontHeadingXlSemibold = "600 2rem/1.25 Inter";
+export const cpdIconArrowLeft = "icons/arrow-left.svg";
+export const cpdIconArrowRight = "icons/arrow-right.svg";
+export const cpdIconArrowUpRight = "icons/arrow-up-right.svg";
+export const cpdIconBlock = "icons/block.svg";
+export const cpdIconChatNew = "icons/chat-new.svg";
+export const cpdIconChatProblem = "icons/chat-problem.svg";
 export const cpdIconChat = "icons/chat.svg";
 export const cpdIconCheckCircle = "icons/check-circle.svg";
 export const cpdIconCheck = "icons/check.svg";
-export const cpdIconChevron = "icons/chevron.svg";
+export const cpdIconChevronDown = "icons/chevron-down.svg";
+export const cpdIconChevronLeft = "icons/chevron-left.svg";
+export const cpdIconChevronRight = "icons/chevron-right.svg";
+export const cpdIconChevronUpDown = "icons/chevron-up-down.svg";
 export const cpdIconClose = "icons/close.svg";
 export const cpdIconComputer = "icons/computer.svg";
 export const cpdIconDelete = "icons/delete.svg";
+export const cpdIconDownload = "icons/download.svg";
+export const cpdIconDragGrid = "icons/drag-grid.svg";
+export const cpdIconDragList = "icons/drag-list.svg";
 export const cpdIconError = "icons/error.svg";
+export const cpdIconExportArchive = "icons/export-archive.svg";
+export const cpdIconExtensions = "icons/extensions.svg";
+export const cpdIconFavouriteOff = "icons/favourite-off.svg";
+export const cpdIconFavouriteOn = "icons/favourite-on.svg";
+export const cpdIconFiles = "icons/files.svg";
+export const cpdIconFilter = "icons/filter.svg";
 export const cpdIconInfo = "icons/info.svg";
+export const cpdIconLeave = "icons/leave.svg";
+export const cpdIconLink = "icons/link.svg";
+export const cpdIconLockOff = "icons/lock-off.svg";
 export const cpdIconLock = "icons/lock.svg";
+export const cpdIconMarkerReadReceipts = "icons/marker-read-receipts.svg";
+export const cpdIconMention = "icons/mention.svg";
 export const cpdIconMobile = "icons/mobile.svg";
-export const cpdIconThread = "icons/thread.svg";
-export const cpdIconUser = "icons/user.svg";
-export const cpdIconVisibilityInvisible = "icons/visibility-invisible.svg";
-export const cpdIconVisibilityVisible = "icons/visibility-visible.svg";
+export const cpdIconNotificationsOff = "icons/notifications-off.svg";
+export const cpdIconNotificationsSolidOff = "icons/notifications-solid-off.svg";
+export const cpdIconNotificationsSolid = "icons/notifications-solid.svg";
+export const cpdIconNotifications = "icons/notifications.svg";
+export const cpdIconOffline = "icons/offline.svg";
+export const cpdIconOverflowHorizontal = "icons/overflow-horizontal.svg";
+export const cpdIconOverflowVertical = "icons/overflow-vertical.svg";
+export const cpdIconPolls = "icons/polls.svg";
+export const cpdIconPopOut = "icons/pop-out.svg";
+export const cpdIconPublic = "icons/public.svg";
+export const cpdIconSearch = "icons/search.svg";
+export const cpdIconSettingsSolid = "icons/settings-solid.svg";
+export const cpdIconSettings = "icons/settings.svg";
+export const cpdIconShareAndroid = "icons/share-android.svg";
+export const cpdIconShare = "icons/share.svg";
+export const cpdIconThreadsSolid = "icons/threads-solid.svg";
+export const cpdIconThreads = "icons/threads.svg";
+export const cpdIconUserAddSolid = "icons/user-add-solid.svg";
+export const cpdIconUserAdd = "icons/user-add.svg";
+export const cpdIconUserProfile = "icons/user-profile.svg";
+export const cpdIconVerified = "icons/verified.svg";
+export const cpdIconVideoCallDeclined = "icons/video-call-declined.svg";
+export const cpdIconVideoCallMissed = "icons/video-call-missed.svg";
+export const cpdIconVideoCallOff = "icons/video-call-off.svg";
+export const cpdIconVideoCall = "icons/video-call.svg";
+export const cpdIconVisibilityOff = "icons/visibility-off.svg";
+export const cpdIconVisibilityOn = "icons/visibility-on.svg";
+export const cpdIconVoiceCall = "icons/voice-call.svg";
 export const cpdIconWebBrowser = "icons/web-browser.svg";
 export const cpdColorThemeBg = "#101317";
 export const cpdColorGray100 = "#14171b";

package/assets/web/js/cpdDarkHc.d.ts

@@ -47,6 +47,7 @@ export const cpdFontSizeHeadingSm : string;
 export const cpdFontSizeHeadingMd : string;
 export const cpdFontSizeHeadingLg : string;
 export const cpdFontSizeHeadingXl : string;
+export const cpdFontSizeRoot : string;
 export const cpdFontLetterSpacingBodyXs : string;
 export const cpdFontLetterSpacingBodySm : string;
 export const cpdFontLetterSpacingBodyMd : string;
@@ -76,21 +77,68 @@ export const cpdFontHeadingLgRegular : string;
 export const cpdFontHeadingLgSemibold : string;
 export const cpdFontHeadingXlRegular : string;
 export const cpdFontHeadingXlSemibold : string;
+export const cpdIconArrowLeft : string;
+export const cpdIconArrowRight : string;
+export const cpdIconArrowUpRight : string;
+export const cpdIconBlock : string;
+export const cpdIconChatNew : string;
+export const cpdIconChatProblem : string;
 export const cpdIconChat : string;
 export const cpdIconCheckCircle : string;
 export const cpdIconCheck : string;
-export const cpdIconChevron : string;
+export const cpdIconChevronDown : string;
+export const cpdIconChevronLeft : string;
+export const cpdIconChevronRight : string;
+export const cpdIconChevronUpDown : string;
 export const cpdIconClose : string;
 export const cpdIconComputer : string;
 export const cpdIconDelete : string;
+export const cpdIconDownload : string;
+export const cpdIconDragGrid : string;
+export const cpdIconDragList : string;
 export const cpdIconError : string;
+export const cpdIconExportArchive : string;
+export const cpdIconExtensions : string;
+export const cpdIconFavouriteOff : string;
+export const cpdIconFavouriteOn : string;
+export const cpdIconFiles : string;
+export const cpdIconFilter : string;
 export const cpdIconInfo : string;
+export const cpdIconLeave : string;
+export const cpdIconLink : string;
+export const cpdIconLockOff : string;
 export const cpdIconLock : string;
+export const cpdIconMarkerReadReceipts : string;
+export const cpdIconMention : string;
 export const cpdIconMobile : string;
-export const cpdIconThread : string;
-export const cpdIconUser : string;
-export const cpdIconVisibilityInvisible : string;
-export const cpdIconVisibilityVisible : string;
+export const cpdIconNotificationsOff : string;
+export const cpdIconNotificationsSolidOff : string;
+export const cpdIconNotificationsSolid : string;
+export const cpdIconNotifications : string;
+export const cpdIconOffline : string;
+export const cpdIconOverflowHorizontal : string;
+export const cpdIconOverflowVertical : string;
+export const cpdIconPolls : string;
+export const cpdIconPopOut : string;
+export const cpdIconPublic : string;
+export const cpdIconSearch : string;
+export const cpdIconSettingsSolid : string;
+export const cpdIconSettings : string;
+export const cpdIconShareAndroid : string;
+export const cpdIconShare : string;
+export const cpdIconThreadsSolid : string;
+export const cpdIconThreads : string;
+export const cpdIconUserAddSolid : string;
+export const cpdIconUserAdd : string;
+export const cpdIconUserProfile : string;
+export const cpdIconVerified : string;
+export const cpdIconVideoCallDeclined : string;
+export const cpdIconVideoCallMissed : string;
+export const cpdIconVideoCallOff : string;
+export const cpdIconVideoCall : string;
+export const cpdIconVisibilityOff : string;
+export const cpdIconVisibilityOn : string;
+export const cpdIconVoiceCall : string;
 export const cpdIconWebBrowser : string;
 export const cpdColorThemeBg : string;
 export const cpdColorGray100 : string;

package/assets/web/js/cpdDarkHc.js

@@ -47,6 +47,7 @@ export const cpdFontSizeHeadingSm = "1.25rem";
 export const cpdFontSizeHeadingMd = "1.5rem";
 export const cpdFontSizeHeadingLg = "1.75rem";
 export const cpdFontSizeHeadingXl = "2rem";
+export const cpdFontSizeRoot = "1rem";
 export const cpdFontLetterSpacingBodyXs = "0.0048em";
 export const cpdFontLetterSpacingBodySm = "-0.0031em";
 export const cpdFontLetterSpacingBodyMd = "-0.0088em";
@@ -76,21 +77,68 @@ export const cpdFontHeadingLgRegular = "400 1.75rem/1.25 Inter";
 export const cpdFontHeadingLgSemibold = "600 1.75rem/1.25 Inter";
 export const cpdFontHeadingXlRegular = "400 2rem/1.25 Inter";
 export const cpdFontHeadingXlSemibold = "600 2rem/1.25 Inter";
+export const cpdIconArrowLeft = "icons/arrow-left.svg";
+export const cpdIconArrowRight = "icons/arrow-right.svg";
+export const cpdIconArrowUpRight = "icons/arrow-up-right.svg";
+export const cpdIconBlock = "icons/block.svg";
+export const cpdIconChatNew = "icons/chat-new.svg";
+export const cpdIconChatProblem = "icons/chat-problem.svg";
 export const cpdIconChat = "icons/chat.svg";
 export const cpdIconCheckCircle = "icons/check-circle.svg";
 export const cpdIconCheck = "icons/check.svg";
-export const cpdIconChevron = "icons/chevron.svg";
+export const cpdIconChevronDown = "icons/chevron-down.svg";
+export const cpdIconChevronLeft = "icons/chevron-left.svg";
+export const cpdIconChevronRight = "icons/chevron-right.svg";
+export const cpdIconChevronUpDown = "icons/chevron-up-down.svg";
 export const cpdIconClose = "icons/close.svg";
 export const cpdIconComputer = "icons/computer.svg";
 export const cpdIconDelete = "icons/delete.svg";
+export const cpdIconDownload = "icons/download.svg";
+export const cpdIconDragGrid = "icons/drag-grid.svg";
+export const cpdIconDragList = "icons/drag-list.svg";
 export const cpdIconError = "icons/error.svg";
+export const cpdIconExportArchive = "icons/export-archive.svg";
+export const cpdIconExtensions = "icons/extensions.svg";
+export const cpdIconFavouriteOff = "icons/favourite-off.svg";
+export const cpdIconFavouriteOn = "icons/favourite-on.svg";
+export const cpdIconFiles = "icons/files.svg";
+export const cpdIconFilter = "icons/filter.svg";
 export const cpdIconInfo = "icons/info.svg";
+export const cpdIconLeave = "icons/leave.svg";
+export const cpdIconLink = "icons/link.svg";
+export const cpdIconLockOff = "icons/lock-off.svg";
 export const cpdIconLock = "icons/lock.svg";
+export const cpdIconMarkerReadReceipts = "icons/marker-read-receipts.svg";
+export const cpdIconMention = "icons/mention.svg";
 export const cpdIconMobile = "icons/mobile.svg";
-export const cpdIconThread = "icons/thread.svg";
-export const cpdIconUser = "icons/user.svg";
-export const cpdIconVisibilityInvisible = "icons/visibility-invisible.svg";
-export const cpdIconVisibilityVisible = "icons/visibility-visible.svg";
+export const cpdIconNotificationsOff = "icons/notifications-off.svg";
+export const cpdIconNotificationsSolidOff = "icons/notifications-solid-off.svg";
+export const cpdIconNotificationsSolid = "icons/notifications-solid.svg";
+export const cpdIconNotifications = "icons/notifications.svg";
+export const cpdIconOffline = "icons/offline.svg";
+export const cpdIconOverflowHorizontal = "icons/overflow-horizontal.svg";
+export const cpdIconOverflowVertical = "icons/overflow-vertical.svg";
+export const cpdIconPolls = "icons/polls.svg";
+export const cpdIconPopOut = "icons/pop-out.svg";
+export const cpdIconPublic = "icons/public.svg";
+export const cpdIconSearch = "icons/search.svg";
+export const cpdIconSettingsSolid = "icons/settings-solid.svg";
+export const cpdIconSettings = "icons/settings.svg";
+export const cpdIconShareAndroid = "icons/share-android.svg";
+export const cpdIconShare = "icons/share.svg";
+export const cpdIconThreadsSolid = "icons/threads-solid.svg";
+export const cpdIconThreads = "icons/threads.svg";
+export const cpdIconUserAddSolid = "icons/user-add-solid.svg";
+export const cpdIconUserAdd = "icons/user-add.svg";
+export const cpdIconUserProfile = "icons/user-profile.svg";
+export const cpdIconVerified = "icons/verified.svg";
+export const cpdIconVideoCallDeclined = "icons/video-call-declined.svg";
+export const cpdIconVideoCallMissed = "icons/video-call-missed.svg";
+export const cpdIconVideoCallOff = "icons/video-call-off.svg";
+export const cpdIconVideoCall = "icons/video-call.svg";
+export const cpdIconVisibilityOff = "icons/visibility-off.svg";
+export const cpdIconVisibilityOn = "icons/visibility-on.svg";
+export const cpdIconVoiceCall = "icons/voice-call.svg";
 export const cpdIconWebBrowser = "icons/web-browser.svg";
 export const cpdColorThemeBg = "#101317";
 export const cpdColorGray100 = "#181a1f";

package/assets/web/js/cpdLight.d.ts

@@ -47,6 +47,7 @@ export const cpdFontSizeHeadingSm : string;
 export const cpdFontSizeHeadingMd : string;
 export const cpdFontSizeHeadingLg : string;
 export const cpdFontSizeHeadingXl : string;
+export const cpdFontSizeRoot : string;
 export const cpdFontLetterSpacingBodyXs : string;
 export const cpdFontLetterSpacingBodySm : string;
 export const cpdFontLetterSpacingBodyMd : string;
@@ -76,21 +77,68 @@ export const cpdFontHeadingLgRegular : string;
 export const cpdFontHeadingLgSemibold : string;
 export const cpdFontHeadingXlRegular : string;
 export const cpdFontHeadingXlSemibold : string;
+export const cpdIconArrowLeft : string;
+export const cpdIconArrowRight : string;
+export const cpdIconArrowUpRight : string;
+export const cpdIconBlock : string;
+export const cpdIconChatNew : string;
+export const cpdIconChatProblem : string;
 export const cpdIconChat : string;
 export const cpdIconCheckCircle : string;
 export const cpdIconCheck : string;
-export const cpdIconChevron : string;
+export const cpdIconChevronDown : string;
+export const cpdIconChevronLeft : string;
+export const cpdIconChevronRight : string;
+export const cpdIconChevronUpDown : string;
 export const cpdIconClose : string;
 export const cpdIconComputer : string;
 export const cpdIconDelete : string;
+export const cpdIconDownload : string;
+export const cpdIconDragGrid : string;
+export const cpdIconDragList : string;
 export const cpdIconError : string;
+export const cpdIconExportArchive : string;
+export const cpdIconExtensions : string;
+export const cpdIconFavouriteOff : string;
+export const cpdIconFavouriteOn : string;
+export const cpdIconFiles : string;
+export const cpdIconFilter : string;
 export const cpdIconInfo : string;
+export const cpdIconLeave : string;
+export const cpdIconLink : string;
+export const cpdIconLockOff : string;
 export const cpdIconLock : string;
+export const cpdIconMarkerReadReceipts : string;
+export const cpdIconMention : string;
 export const cpdIconMobile : string;
-export const cpdIconThread : string;
-export const cpdIconUser : string;
-export const cpdIconVisibilityInvisible : string;
-export const cpdIconVisibilityVisible : string;
+export const cpdIconNotificationsOff : string;
+export const cpdIconNotificationsSolidOff : string;
+export const cpdIconNotificationsSolid : string;
+export const cpdIconNotifications : string;
+export const cpdIconOffline : string;
+export const cpdIconOverflowHorizontal : string;
+export const cpdIconOverflowVertical : string;
+export const cpdIconPolls : string;
+export const cpdIconPopOut : string;
+export const cpdIconPublic : string;
+export const cpdIconSearch : string;
+export const cpdIconSettingsSolid : string;
+export const cpdIconSettings : string;
+export const cpdIconShareAndroid : string;
+export const cpdIconShare : string;
+export const cpdIconThreadsSolid : string;
+export const cpdIconThreads : string;
+export const cpdIconUserAddSolid : string;
+export const cpdIconUserAdd : string;
+export const cpdIconUserProfile : string;
+export const cpdIconVerified : string;
+export const cpdIconVideoCallDeclined : string;
+export const cpdIconVideoCallMissed : string;
+export const cpdIconVideoCallOff : string;
+export const cpdIconVideoCall : string;
+export const cpdIconVisibilityOff : string;
+export const cpdIconVisibilityOn : string;
+export const cpdIconVoiceCall : string;
 export const cpdIconWebBrowser : string;
 export const cpdColorThemeBg : string;
 export const cpdColorGray100 : string;

package/assets/web/js/cpdLight.js

@@ -47,6 +47,7 @@ export const cpdFontSizeHeadingSm = "1.25rem";
 export const cpdFontSizeHeadingMd = "1.5rem";
 export const cpdFontSizeHeadingLg = "1.75rem";
 export const cpdFontSizeHeadingXl = "2rem";
+export const cpdFontSizeRoot = "1rem";
 export const cpdFontLetterSpacingBodyXs = "0.0048em";
 export const cpdFontLetterSpacingBodySm = "-0.0031em";
 export const cpdFontLetterSpacingBodyMd = "-0.0088em";
@@ -76,21 +77,68 @@ export const cpdFontHeadingLgRegular = "400 1.75rem/1.25 Inter";
 export const cpdFontHeadingLgSemibold = "600 1.75rem/1.25 Inter";
 export const cpdFontHeadingXlRegular = "400 2rem/1.25 Inter";
 export const cpdFontHeadingXlSemibold = "600 2rem/1.25 Inter";
+export const cpdIconArrowLeft = "icons/arrow-left.svg";
+export const cpdIconArrowRight = "icons/arrow-right.svg";
+export const cpdIconArrowUpRight = "icons/arrow-up-right.svg";
+export const cpdIconBlock = "icons/block.svg";
+export const cpdIconChatNew = "icons/chat-new.svg";
+export const cpdIconChatProblem = "icons/chat-problem.svg";
 export const cpdIconChat = "icons/chat.svg";
 export const cpdIconCheckCircle = "icons/check-circle.svg";
 export const cpdIconCheck = "icons/check.svg";
-export const cpdIconChevron = "icons/chevron.svg";
+export const cpdIconChevronDown = "icons/chevron-down.svg";
+export const cpdIconChevronLeft = "icons/chevron-left.svg";
+export const cpdIconChevronRight = "icons/chevron-right.svg";
+export const cpdIconChevronUpDown = "icons/chevron-up-down.svg";
 export const cpdIconClose = "icons/close.svg";
 export const cpdIconComputer = "icons/computer.svg";
 export const cpdIconDelete = "icons/delete.svg";
+export const cpdIconDownload = "icons/download.svg";
+export const cpdIconDragGrid = "icons/drag-grid.svg";
+export const cpdIconDragList = "icons/drag-list.svg";
 export const cpdIconError = "icons/error.svg";
+export const cpdIconExportArchive = "icons/export-archive.svg";
+export const cpdIconExtensions = "icons/extensions.svg";
+export const cpdIconFavouriteOff = "icons/favourite-off.svg";
+export const cpdIconFavouriteOn = "icons/favourite-on.svg";
+export const cpdIconFiles = "icons/files.svg";
+export const cpdIconFilter = "icons/filter.svg";
 export const cpdIconInfo = "icons/info.svg";
+export const cpdIconLeave = "icons/leave.svg";
+export const cpdIconLink = "icons/link.svg";
+export const cpdIconLockOff = "icons/lock-off.svg";
 export const cpdIconLock = "icons/lock.svg";
+export const cpdIconMarkerReadReceipts = "icons/marker-read-receipts.svg";
+export const cpdIconMention = "icons/mention.svg";
 export const cpdIconMobile = "icons/mobile.svg";
-export const cpdIconThread = "icons/thread.svg";
-export const cpdIconUser = "icons/user.svg";
-export const cpdIconVisibilityInvisible = "icons/visibility-invisible.svg";
-export const cpdIconVisibilityVisible = "icons/visibility-visible.svg";
+export const cpdIconNotificationsOff = "icons/notifications-off.svg";
+export const cpdIconNotificationsSolidOff = "icons/notifications-solid-off.svg";
+export const cpdIconNotificationsSolid = "icons/notifications-solid.svg";
+export const cpdIconNotifications = "icons/notifications.svg";
+export const cpdIconOffline = "icons/offline.svg";
+export const cpdIconOverflowHorizontal = "icons/overflow-horizontal.svg";
+export const cpdIconOverflowVertical = "icons/overflow-vertical.svg";
+export const cpdIconPolls = "icons/polls.svg";
+export const cpdIconPopOut = "icons/pop-out.svg";
+export const cpdIconPublic = "icons/public.svg";
+export const cpdIconSearch = "icons/search.svg";
+export const cpdIconSettingsSolid = "icons/settings-solid.svg";
+export const cpdIconSettings = "icons/settings.svg";
+export const cpdIconShareAndroid = "icons/share-android.svg";
+export const cpdIconShare = "icons/share.svg";
+export const cpdIconThreadsSolid = "icons/threads-solid.svg";
+export const cpdIconThreads = "icons/threads.svg";
+export const cpdIconUserAddSolid = "icons/user-add-solid.svg";
+export const cpdIconUserAdd = "icons/user-add.svg";
+export const cpdIconUserProfile = "icons/user-profile.svg";
+export const cpdIconVerified = "icons/verified.svg";
+export const cpdIconVideoCallDeclined = "icons/video-call-declined.svg";
+export const cpdIconVideoCallMissed = "icons/video-call-missed.svg";
+export const cpdIconVideoCallOff = "icons/video-call-off.svg";
+export const cpdIconVideoCall = "icons/video-call.svg";
+export const cpdIconVisibilityOff = "icons/visibility-off.svg";
+export const cpdIconVisibilityOn = "icons/visibility-on.svg";
+export const cpdIconVoiceCall = "icons/voice-call.svg";
 export const cpdIconWebBrowser = "icons/web-browser.svg";
 export const cpdColorThemeBg = "#ffffff";
 export const cpdColorGray100 = "#fbfcfd";

package/assets/web/js/cpdLightHc.d.ts

@@ -47,6 +47,7 @@ export const cpdFontSizeHeadingSm : string;
 export const cpdFontSizeHeadingMd : string;
 export const cpdFontSizeHeadingLg : string;
 export const cpdFontSizeHeadingXl : string;
+export const cpdFontSizeRoot : string;
 export const cpdFontLetterSpacingBodyXs : string;
 export const cpdFontLetterSpacingBodySm : string;
 export const cpdFontLetterSpacingBodyMd : string;
@@ -76,21 +77,68 @@ export const cpdFontHeadingLgRegular : string;
 export const cpdFontHeadingLgSemibold : string;
 export const cpdFontHeadingXlRegular : string;
 export const cpdFontHeadingXlSemibold : string;
+export const cpdIconArrowLeft : string;
+export const cpdIconArrowRight : string;
+export const cpdIconArrowUpRight : string;
+export const cpdIconBlock : string;
+export const cpdIconChatNew : string;
+export const cpdIconChatProblem : string;
 export const cpdIconChat : string;
 export const cpdIconCheckCircle : string;
 export const cpdIconCheck : string;
-export const cpdIconChevron : string;
+export const cpdIconChevronDown : string;
+export const cpdIconChevronLeft : string;
+export const cpdIconChevronRight : string;
+export const cpdIconChevronUpDown : string;
 export const cpdIconClose : string;
 export const cpdIconComputer : string;
 export const cpdIconDelete : string;
+export const cpdIconDownload : string;
+export const cpdIconDragGrid : string;
+export const cpdIconDragList : string;
 export const cpdIconError : string;
+export const cpdIconExportArchive : string;
+export const cpdIconExtensions : string;
+export const cpdIconFavouriteOff : string;
+export const cpdIconFavouriteOn : string;
+export const cpdIconFiles : string;
+export const cpdIconFilter : string;
 export const cpdIconInfo : string;
+export const cpdIconLeave : string;
+export const cpdIconLink : string;
+export const cpdIconLockOff : string;
 export const cpdIconLock : string;
+export const cpdIconMarkerReadReceipts : string;
+export const cpdIconMention : string;
 export const cpdIconMobile : string;
-export const cpdIconThread : string;
-export const cpdIconUser : string;
-export const cpdIconVisibilityInvisible : string;
-export const cpdIconVisibilityVisible : string;
+export const cpdIconNotificationsOff : string;
+export const cpdIconNotificationsSolidOff : string;
+export const cpdIconNotificationsSolid : string;
+export const cpdIconNotifications : string;
+export const cpdIconOffline : string;
+export const cpdIconOverflowHorizontal : string;
+export const cpdIconOverflowVertical : string;
+export const cpdIconPolls : string;
+export const cpdIconPopOut : string;
+export const cpdIconPublic : string;
+export const cpdIconSearch : string;
+export const cpdIconSettingsSolid : string;
+export const cpdIconSettings : string;
+export const cpdIconShareAndroid : string;
+export const cpdIconShare : string;
+export const cpdIconThreadsSolid : string;
+export const cpdIconThreads : string;
+export const cpdIconUserAddSolid : string;
+export const cpdIconUserAdd : string;
+export const cpdIconUserProfile : string;
+export const cpdIconVerified : string;
+export const cpdIconVideoCallDeclined : string;
+export const cpdIconVideoCallMissed : string;
+export const cpdIconVideoCallOff : string;
+export const cpdIconVideoCall : string;
+export const cpdIconVisibilityOff : string;
+export const cpdIconVisibilityOn : string;
+export const cpdIconVoiceCall : string;
 export const cpdIconWebBrowser : string;
 export const cpdColorThemeBg : string;
 export const cpdColorGray100 : string;