@vector-im/compound-design-tokens
Version:
Compound design tokens
723 lines (722 loc) • 44.3 kB
JavaScript
export const cpdSpaceScale = "4px";
export const cpdSpace0X = "0";
export const cpdSpace0_5X = "2px";
export const cpdSpace1X = "4px";
export const cpdSpace1_5X = "6px";
export const cpdSpace2X = "8px";
export const cpdSpace3X = "12px";
export const cpdSpace4X = "16px";
export const cpdSpace5X = "20px";
export const cpdSpace6X = "24px";
export const cpdSpace7X = "28px";
export const cpdSpace8X = "32px";
export const cpdSpace9X = "36px";
export const cpdSpace10X = "40px";
export const cpdSpace11X = "44px";
export const cpdSpace12X = "48px";
export const cpdSpace13X = "52px";
export const cpdSpace14X = "56px";
export const cpdSpace15X = "60px";
export const cpdSpace16X = "64px";
export const cpdSpace20X = "80px";
export const cpdSpace24X = "96px";
export const cpdSpace28X = "112px";
export const cpdSpace32X = "128px";
export const cpdSpace36X = "144px";
export const cpdSpace40X = "160px";
export const cpdSpace48X = "192px";
export const cpdSpace56X = "224px";
export const cpdSpace64X = "256px";
export const cpdBorderWidth1 = "1px";
export const cpdBorderWidth2 = "2px";
export const cpdBorderWidth4 = "4px";
export const cpdBorderWidth0_5 = "0.5px";
export const cpdFontFamilySans =
'Inter, "Inter Fallback: Helvetica Neue", "Inter Fallback: Segoe UI", "Inter Fallback: Roboto", "Inter Fallback: Ubuntu", "Inter Fallback: Fira Sans", "Inter Fallback: Noto Sans", "Inter Fallback: Arial", "Helvetica Neue", "Segoe UI", Roboto, Ubuntu, "Fira Sans", "Noto Sans", Arial, sans-serif';
export const cpdFontFamilyMono = "Inconsolata, ui-monospace, monospace";
export const cpdFontWeightRegular = "400";
export const cpdFontWeightMedium = "500";
export const cpdFontWeightSemibold = "600";
export const cpdFontLineHeightMinimum = "1";
export const cpdFontLineHeightTight = "1.25";
export const cpdFontLineHeightRegular = "1.5";
export const cpdFontSizeBodyXs = "0.6875rem";
export const cpdFontSizeBodySm = "0.8125rem";
export const cpdFontSizeBodyMd = "0.9375rem";
export const cpdFontSizeBodyLg = "1.0625rem";
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";
export const cpdFontLetterSpacingBodyLg = "-0.0128em";
export const cpdFontLetterSpacingHeadingSm = "-0.0166em";
export const cpdFontLetterSpacingHeadingMd = "-0.0195em";
export const cpdFontLetterSpacingHeadingLg = "-0.0209em";
export const cpdFontLetterSpacingHeadingXl = "-0.0216em";
export const cpdFontBodyXsRegular =
'400 0.6875rem/1.5 Inter, "Inter Fallback: Helvetica Neue", "Inter Fallback: Segoe UI", "Inter Fallback: Roboto", "Inter Fallback: Ubuntu", "Inter Fallback: Fira Sans", "Inter Fallback: Noto Sans", "Inter Fallback: Arial", "Helvetica Neue", "Segoe UI", Roboto, Ubuntu, "Fira Sans", "Noto Sans", Arial, sans-serif';
export const cpdFontBodyXsMedium =
'500 0.6875rem/1.5 Inter, "Inter Fallback: Helvetica Neue", "Inter Fallback: Segoe UI", "Inter Fallback: Roboto", "Inter Fallback: Ubuntu", "Inter Fallback: Fira Sans", "Inter Fallback: Noto Sans", "Inter Fallback: Arial", "Helvetica Neue", "Segoe UI", Roboto, Ubuntu, "Fira Sans", "Noto Sans", Arial, sans-serif';
export const cpdFontBodyXsSemibold =
'600 0.6875rem/1.5 Inter, "Inter Fallback: Helvetica Neue", "Inter Fallback: Segoe UI", "Inter Fallback: Roboto", "Inter Fallback: Ubuntu", "Inter Fallback: Fira Sans", "Inter Fallback: Noto Sans", "Inter Fallback: Arial", "Helvetica Neue", "Segoe UI", Roboto, Ubuntu, "Fira Sans", "Noto Sans", Arial, sans-serif';
export const cpdFontBodySmRegular =
'400 0.8125rem/1.5 Inter, "Inter Fallback: Helvetica Neue", "Inter Fallback: Segoe UI", "Inter Fallback: Roboto", "Inter Fallback: Ubuntu", "Inter Fallback: Fira Sans", "Inter Fallback: Noto Sans", "Inter Fallback: Arial", "Helvetica Neue", "Segoe UI", Roboto, Ubuntu, "Fira Sans", "Noto Sans", Arial, sans-serif';
export const cpdFontBodySmMedium =
'500 0.8125rem/1.5 Inter, "Inter Fallback: Helvetica Neue", "Inter Fallback: Segoe UI", "Inter Fallback: Roboto", "Inter Fallback: Ubuntu", "Inter Fallback: Fira Sans", "Inter Fallback: Noto Sans", "Inter Fallback: Arial", "Helvetica Neue", "Segoe UI", Roboto, Ubuntu, "Fira Sans", "Noto Sans", Arial, sans-serif';
export const cpdFontBodySmSemibold =
'600 0.8125rem/1.5 Inter, "Inter Fallback: Helvetica Neue", "Inter Fallback: Segoe UI", "Inter Fallback: Roboto", "Inter Fallback: Ubuntu", "Inter Fallback: Fira Sans", "Inter Fallback: Noto Sans", "Inter Fallback: Arial", "Helvetica Neue", "Segoe UI", Roboto, Ubuntu, "Fira Sans", "Noto Sans", Arial, sans-serif';
export const cpdFontBodyMdRegular =
'400 0.9375rem/1.5 Inter, "Inter Fallback: Helvetica Neue", "Inter Fallback: Segoe UI", "Inter Fallback: Roboto", "Inter Fallback: Ubuntu", "Inter Fallback: Fira Sans", "Inter Fallback: Noto Sans", "Inter Fallback: Arial", "Helvetica Neue", "Segoe UI", Roboto, Ubuntu, "Fira Sans", "Noto Sans", Arial, sans-serif';
export const cpdFontBodyMdMedium =
'500 0.9375rem/1.5 Inter, "Inter Fallback: Helvetica Neue", "Inter Fallback: Segoe UI", "Inter Fallback: Roboto", "Inter Fallback: Ubuntu", "Inter Fallback: Fira Sans", "Inter Fallback: Noto Sans", "Inter Fallback: Arial", "Helvetica Neue", "Segoe UI", Roboto, Ubuntu, "Fira Sans", "Noto Sans", Arial, sans-serif';
export const cpdFontBodyMdSemibold =
'600 0.9375rem/1.5 Inter, "Inter Fallback: Helvetica Neue", "Inter Fallback: Segoe UI", "Inter Fallback: Roboto", "Inter Fallback: Ubuntu", "Inter Fallback: Fira Sans", "Inter Fallback: Noto Sans", "Inter Fallback: Arial", "Helvetica Neue", "Segoe UI", Roboto, Ubuntu, "Fira Sans", "Noto Sans", Arial, sans-serif';
export const cpdFontBodyLgRegular =
'400 1.0625rem/1.5 Inter, "Inter Fallback: Helvetica Neue", "Inter Fallback: Segoe UI", "Inter Fallback: Roboto", "Inter Fallback: Ubuntu", "Inter Fallback: Fira Sans", "Inter Fallback: Noto Sans", "Inter Fallback: Arial", "Helvetica Neue", "Segoe UI", Roboto, Ubuntu, "Fira Sans", "Noto Sans", Arial, sans-serif';
export const cpdFontBodyLgMedium =
'500 1.0625rem/1.5 Inter, "Inter Fallback: Helvetica Neue", "Inter Fallback: Segoe UI", "Inter Fallback: Roboto", "Inter Fallback: Ubuntu", "Inter Fallback: Fira Sans", "Inter Fallback: Noto Sans", "Inter Fallback: Arial", "Helvetica Neue", "Segoe UI", Roboto, Ubuntu, "Fira Sans", "Noto Sans", Arial, sans-serif';
export const cpdFontBodyLgSemibold =
'600 1.0625rem/1.5 Inter, "Inter Fallback: Helvetica Neue", "Inter Fallback: Segoe UI", "Inter Fallback: Roboto", "Inter Fallback: Ubuntu", "Inter Fallback: Fira Sans", "Inter Fallback: Noto Sans", "Inter Fallback: Arial", "Helvetica Neue", "Segoe UI", Roboto, Ubuntu, "Fira Sans", "Noto Sans", Arial, sans-serif';
export const cpdFontHeadingSmRegular =
'400 1.25rem/1.25 Inter, "Inter Fallback: Helvetica Neue", "Inter Fallback: Segoe UI", "Inter Fallback: Roboto", "Inter Fallback: Ubuntu", "Inter Fallback: Fira Sans", "Inter Fallback: Noto Sans", "Inter Fallback: Arial", "Helvetica Neue", "Segoe UI", Roboto, Ubuntu, "Fira Sans", "Noto Sans", Arial, sans-serif';
export const cpdFontHeadingSmMedium =
'500 1.25rem/1.25 Inter, "Inter Fallback: Helvetica Neue", "Inter Fallback: Segoe UI", "Inter Fallback: Roboto", "Inter Fallback: Ubuntu", "Inter Fallback: Fira Sans", "Inter Fallback: Noto Sans", "Inter Fallback: Arial", "Helvetica Neue", "Segoe UI", Roboto, Ubuntu, "Fira Sans", "Noto Sans", Arial, sans-serif';
export const cpdFontHeadingSmSemibold =
'600 1.25rem/1.25 Inter, "Inter Fallback: Helvetica Neue", "Inter Fallback: Segoe UI", "Inter Fallback: Roboto", "Inter Fallback: Ubuntu", "Inter Fallback: Fira Sans", "Inter Fallback: Noto Sans", "Inter Fallback: Arial", "Helvetica Neue", "Segoe UI", Roboto, Ubuntu, "Fira Sans", "Noto Sans", Arial, sans-serif';
export const cpdFontHeadingMdRegular =
'400 1.5rem/1.25 Inter, "Inter Fallback: Helvetica Neue", "Inter Fallback: Segoe UI", "Inter Fallback: Roboto", "Inter Fallback: Ubuntu", "Inter Fallback: Fira Sans", "Inter Fallback: Noto Sans", "Inter Fallback: Arial", "Helvetica Neue", "Segoe UI", Roboto, Ubuntu, "Fira Sans", "Noto Sans", Arial, sans-serif';
export const cpdFontHeadingMdSemibold =
'600 1.5rem/1.25 Inter, "Inter Fallback: Helvetica Neue", "Inter Fallback: Segoe UI", "Inter Fallback: Roboto", "Inter Fallback: Ubuntu", "Inter Fallback: Fira Sans", "Inter Fallback: Noto Sans", "Inter Fallback: Arial", "Helvetica Neue", "Segoe UI", Roboto, Ubuntu, "Fira Sans", "Noto Sans", Arial, sans-serif';
export const cpdFontHeadingLgRegular =
'400 1.75rem/1.25 Inter, "Inter Fallback: Helvetica Neue", "Inter Fallback: Segoe UI", "Inter Fallback: Roboto", "Inter Fallback: Ubuntu", "Inter Fallback: Fira Sans", "Inter Fallback: Noto Sans", "Inter Fallback: Arial", "Helvetica Neue", "Segoe UI", Roboto, Ubuntu, "Fira Sans", "Noto Sans", Arial, sans-serif';
export const cpdFontHeadingLgSemibold =
'600 1.75rem/1.25 Inter, "Inter Fallback: Helvetica Neue", "Inter Fallback: Segoe UI", "Inter Fallback: Roboto", "Inter Fallback: Ubuntu", "Inter Fallback: Fira Sans", "Inter Fallback: Noto Sans", "Inter Fallback: Arial", "Helvetica Neue", "Segoe UI", Roboto, Ubuntu, "Fira Sans", "Noto Sans", Arial, sans-serif';
export const cpdFontHeadingXlRegular =
'400 2rem/1.25 Inter, "Inter Fallback: Helvetica Neue", "Inter Fallback: Segoe UI", "Inter Fallback: Roboto", "Inter Fallback: Ubuntu", "Inter Fallback: Fira Sans", "Inter Fallback: Noto Sans", "Inter Fallback: Arial", "Helvetica Neue", "Segoe UI", Roboto, Ubuntu, "Fira Sans", "Noto Sans", Arial, sans-serif';
export const cpdFontHeadingXlSemibold =
'600 2rem/1.25 Inter, "Inter Fallback: Helvetica Neue", "Inter Fallback: Segoe UI", "Inter Fallback: Roboto", "Inter Fallback: Ubuntu", "Inter Fallback: Fira Sans", "Inter Fallback: Noto Sans", "Inter Fallback: Arial", "Helvetica Neue", "Segoe UI", Roboto, Ubuntu, "Fira Sans", "Noto Sans", Arial, sans-serif';
export const cpdIconErrorSolid = "icons/error-solid.svg";
export const cpdIconPublic = "icons/public.svg";
export const cpdIconClose = "icons/close.svg";
export const cpdIconPlus = "icons/plus.svg";
export const cpdIconMinus = "icons/minus.svg";
export const cpdIconSearch = "icons/search.svg";
export const cpdIconChevronDown = "icons/chevron-down.svg";
export const cpdIconChevronUp = "icons/chevron-up.svg";
export const cpdIconChevronRight = "icons/chevron-right.svg";
export const cpdIconChevronLeft = "icons/chevron-left.svg";
export const cpdIconChevronUpDown = "icons/chevron-up-down.svg";
export const cpdIconCheck = "icons/check.svg";
export const cpdIconVerified = "icons/verified.svg";
export const cpdIconShare = "icons/share.svg";
export const cpdIconSignOut = "icons/sign-out.svg";
export const cpdIconDownload = "icons/download.svg";
export const cpdIconLink = "icons/link.svg";
export const cpdIconMention = "icons/mention.svg";
export const cpdIconBlock = "icons/block.svg";
export const cpdIconInfoSolid = "icons/info-solid.svg";
export const cpdIconInfo = "icons/info.svg";
export const cpdIconCheckCircleSolid = "icons/check-circle-solid.svg";
export const cpdIconCheckCircle = "icons/check-circle.svg";
export const cpdIconFavouriteSolid = "icons/favourite-solid.svg";
export const cpdIconFavourite = "icons/favourite.svg";
export const cpdIconSettings = "icons/settings.svg";
export const cpdIconLeave = "icons/leave.svg";
export const cpdIconMarkerReadReceipts = "icons/marker-read-receipts.svg";
export const cpdIconFiles = "icons/files.svg";
export const cpdIconFileError = "icons/file-error.svg";
export const cpdIconExportArchive = "icons/export-archive.svg";
export const cpdIconExtensions = "icons/extensions.svg";
export const cpdIconExtensionsSolid = "icons/extensions-solid.svg";
export const cpdIconPolls = "icons/polls.svg";
export const cpdIconPollsEnd = "icons/polls-end.svg";
export const cpdIconChat = "icons/chat.svg";
export const cpdIconChatSolid = "icons/chat-solid.svg";
export const cpdIconUserProfile = "icons/user-profile.svg";
export const cpdIconUserProfileSolid = "icons/user-profile-solid.svg";
export const cpdIconComputer = "icons/computer.svg";
export const cpdIconShareScreen = "icons/share-screen.svg";
export const cpdIconShareScreenSolid = "icons/share-screen-solid.svg";
export const cpdIconImage = "icons/image.svg";
export const cpdIconImageError = "icons/image-error.svg";
export const cpdIconMobile = "icons/mobile.svg";
export const cpdIconWebBrowser = "icons/web-browser.svg";
export const cpdIconLockSolid = "icons/lock-solid.svg";
export const cpdIconLockOff = "icons/lock-off.svg";
export const cpdIconUserAdd = "icons/user-add.svg";
export const cpdIconUser = "icons/user.svg";
export const cpdIconDelete = "icons/delete.svg";
export const cpdIconPopOut = "icons/pop-out.svg";
export const cpdIconArrowUpRight = "icons/arrow-up-right.svg";
export const cpdIconArrowDown = "icons/arrow-down.svg";
export const cpdIconThreadsSolid = "icons/threads-solid.svg";
export const cpdIconThreads = "icons/threads.svg";
export const cpdIconVideoCallSolid = "icons/video-call-solid.svg";
export const cpdIconVoiceCallSolid = "icons/voice-call-solid.svg";
export const cpdIconVoiceCall = "icons/voice-call.svg";
export const cpdIconEndCall = "icons/end-call.svg";
export const cpdIconMicOnSolid = "icons/mic-on-solid.svg";
export const cpdIconMicOn = "icons/mic-on.svg";
export const cpdIconMicOffSolid = "icons/mic-off-solid.svg";
export const cpdIconMicOff = "icons/mic-off.svg";
export const cpdIconVideoCallOffSolid = "icons/video-call-off-solid.svg";
export const cpdIconVideoCallOff = "icons/video-call-off.svg";
export const cpdIconVideoCallDeclinedSolid =
"icons/video-call-declined-solid.svg";
export const cpdIconVideoCallMissedSolid = "icons/video-call-missed-solid.svg";
export const cpdIconSettingsSolid = "icons/settings-solid.svg";
export const cpdIconChatProblem = "icons/chat-problem.svg";
export const cpdIconNotificationsSolid = "icons/notifications-solid.svg";
export const cpdIconNotificationsOffSolid = "icons/notifications-off-solid.svg";
export const cpdIconNotifications = "icons/notifications.svg";
export const cpdIconNotificationsOff = "icons/notifications-off.svg";
export const cpdIconDragList = "icons/drag-list.svg";
export const cpdIconMenu = "icons/menu.svg";
export const cpdIconDragGrid = "icons/drag-grid.svg";
export const cpdIconOverflowHorizontal = "icons/overflow-horizontal.svg";
export const cpdIconOverflowVertical = "icons/overflow-vertical.svg";
export const cpdIconFilter = "icons/filter.svg";
export const cpdIconUserAddSolid = "icons/user-add-solid.svg";
export const cpdIconUserSolid = "icons/user-solid.svg";
export const cpdIconSwitchCameraSolid = "icons/switch-camera-solid.svg";
export const cpdIconVisibilityOff = "icons/visibility-off.svg";
export const cpdIconGrid = "icons/grid.svg";
export const cpdIconSpotlight = "icons/spotlight.svg";
export const cpdIconEdit = "icons/edit.svg";
export const cpdIconCompose = "icons/compose.svg";
export const cpdIconEditSolid = "icons/edit-solid.svg";
export const cpdIconExpand = "icons/expand.svg";
export const cpdIconCollapse = "icons/collapse.svg";
export const cpdIconVisibilityOn = "icons/visibility-on.svg";
export const cpdIconChatNew = "icons/chat-new.svg";
export const cpdIconArrowLeft = "icons/arrow-left.svg";
export const cpdIconArrowRight = "icons/arrow-right.svg";
export const cpdIconShareAndroid = "icons/share-android.svg";
export const cpdIconShareIos = "icons/share-ios.svg";
export const cpdIconDownloadIos = "icons/download-ios.svg";
export const cpdIconOffline = "icons/offline.svg";
export const cpdIconVideoCall = "icons/video-call.svg";
export const cpdIconHelpSolid = "icons/help-solid.svg";
export const cpdIconHelp = "icons/help.svg";
export const cpdIconUnknownSolid = "icons/unknown-solid.svg";
export const cpdIconUnknown = "icons/unknown.svg";
export const cpdIconPinSolid = "icons/pin-solid.svg";
export const cpdIconVolumeOnSolid = "icons/volume-on-solid.svg";
export const cpdIconVolumeOffSolid = "icons/volume-off-solid.svg";
export const cpdIconPlaySolid = "icons/play-solid.svg";
export const cpdIconPauseSolid = "icons/pause-solid.svg";
export const cpdIconVolumeOn = "icons/volume-on.svg";
export const cpdIconVolumeOff = "icons/volume-off.svg";
export const cpdIconPlay = "icons/play.svg";
export const cpdIconPause = "icons/pause.svg";
export const cpdIconPreferences = "icons/preferences.svg";
export const cpdIconSidebar = "icons/sidebar.svg";
export const cpdIconHomeSolid = "icons/home-solid.svg";
export const cpdIconHome = "icons/home.svg";
export const cpdIconPin = "icons/pin.svg";
export const cpdIconUnpin = "icons/unpin.svg";
export const cpdIconDevices = "icons/devices.svg";
export const cpdIconKey = "icons/key.svg";
export const cpdIconKeySolid = "icons/key-solid.svg";
export const cpdIconCloud = "icons/cloud.svg";
export const cpdIconRaisedHandSolid = "icons/raised-hand-solid.svg";
export const cpdIconAudio = "icons/audio.svg";
export const cpdIconSpotlightView = "icons/spotlight-view.svg";
export const cpdIconListView = "icons/list-view.svg";
export const cpdIconEarpiece = "icons/earpiece.svg";
export const cpdIconFullScreen = "icons/full-screen.svg";
export const cpdIconExitFullScreen = "icons/exit-full-screen.svg";
export const cpdIconKeyOffSolid = "icons/key-off-solid.svg";
export const cpdIconCloudSolid = "icons/cloud-solid.svg";
export const cpdIconKeyOff = "icons/key-off.svg";
export const cpdIconLocationNavigator = "icons/location-navigator.svg";
export const cpdIconLocationNavigatorCentred =
"icons/location-navigator-centred.svg";
export const cpdIconQrCode = "icons/qr-code.svg";
export const cpdIconLabs = "icons/labs.svg";
export const cpdIconKeyboard = "icons/keyboard.svg";
export const cpdIconMarkThreadsAsRead = "icons/mark-threads-as-read.svg";
export const cpdIconHeadphonesSolid = "icons/headphones-solid.svg";
export const cpdIconHeadphonesOffSolid = "icons/headphones-off-solid.svg";
export const cpdIconLocationPin = "icons/location-pin.svg";
export const cpdIconReactionAdd = "icons/reaction-add.svg";
export const cpdIconReaction = "icons/reaction.svg";
export const cpdIconReactionSolid = "icons/reaction-solid.svg";
export const cpdIconCode = "icons/code.svg";
export const cpdIconListBulleted = "icons/list-bulleted.svg";
export const cpdIconListNumbered = "icons/list-numbered.svg";
export const cpdIconIndentIncrease = "icons/indent-increase.svg";
export const cpdIconIndentDecrease = "icons/indent-decrease.svg";
export const cpdIconLock = "icons/lock.svg";
export const cpdIconTakePhoto = "icons/take-photo.svg";
export const cpdIconTakePhotoSolid = "icons/take-photo-solid.svg";
export const cpdIconAttachment = "icons/attachment.svg";
export const cpdIconCircle = "icons/circle.svg";
export const cpdIconForward = "icons/forward.svg";
export const cpdIconReply = "icons/reply.svg";
export const cpdIconTextFormatting = "icons/text-formatting.svg";
export const cpdIconBold = "icons/bold.svg";
export const cpdIconItalic = "icons/italic.svg";
export const cpdIconUnderline = "icons/underline.svg";
export const cpdIconStrikethrough = "icons/strikethrough.svg";
export const cpdIconInlineCode = "icons/inline-code.svg";
export const cpdIconQuote = "icons/quote.svg";
export const cpdIconChart = "icons/chart.svg";
export const cpdIconTime = "icons/time.svg";
export const cpdIconCopy = "icons/copy.svg";
export const cpdIconHistory = "icons/history.svg";
export const cpdIconDocument = "icons/document.svg";
export const cpdIconAdmin = "icons/admin.svg";
export const cpdIconShield = "icons/shield.svg";
export const cpdIconHost = "icons/host.svg";
export const cpdIconCompany = "icons/company.svg";
export const cpdIconDarkMode = "icons/dark-mode.svg";
export const cpdIconWarning = "icons/warning.svg";
export const cpdIconEmailSolid = "icons/email-solid.svg";
export const cpdIconEmail = "icons/email.svg";
export const cpdIconSend = "icons/send.svg";
export const cpdIconSendSolid = "icons/send-solid.svg";
export const cpdIconRestart = "icons/restart.svg";
export const cpdIconSpinner = "icons/spinner.svg";
export const cpdIconLocationPinSolid = "icons/location-pin-solid.svg";
export const cpdIconArrowUp = "icons/arrow-up.svg";
export const cpdIconRoom = "icons/room.svg";
export const cpdIconMarkAsUnread = "icons/mark-as-unread.svg";
export const cpdIconMarkAsRead = "icons/mark-as-read.svg";
export const cpdIconCalendar = "icons/calendar.svg";
export const cpdIconMac = "icons/mac.svg";
export const cpdIconWindows = "icons/windows.svg";
export const cpdIconLinux = "icons/linux.svg";
export const cpdIconGroup = "icons/group.svg";
export const cpdIconExplore = "icons/explore.svg";
export const cpdIconAskToJoin = "icons/ask-to-join.svg";
export const cpdIconAskToJoinSolid = "icons/ask-to-join-solid.svg";
export const cpdIconPresenceSolid8X8 = "icons/presence-solid-8x8.svg";
export const cpdIconPresenceOutline8X8 = "icons/presence-outline-8x8.svg";
export const cpdIconPresenceStrikethrough8X8 =
"icons/presence-strikethrough-8x8.svg";
export const cpdIconError = "icons/error.svg";
export const cpdIconDialPad = "icons/dial-pad.svg";
export const cpdIconSpace = "icons/space.svg";
export const cpdIconSpaceSolid = "icons/space-solid.svg";
export const cpdIconGuest = "icons/guest.svg";
export const cpdIconLeftPanelClose = "icons/left-panel-close.svg";
export const cpdIconLeftPanelOpen = "icons/left-panel-open.svg";
export const cpdIconBackspaceSolid = "icons/backspace-solid.svg";
export const cpdIconBackspace = "icons/backspace.svg";
export const cpdIconSticker = "icons/sticker.svg";
export const cpdColorThemeBg = "#101317";
export const cpdColorGray100 = "#14171b";
export const cpdColorGray200 = "#181a1f";
export const cpdColorGray300 = "#1d1f24";
export const cpdColorGray400 = "#26282d";
export const cpdColorGray500 = "#323539";
export const cpdColorGray600 = "#3c3f44";
export const cpdColorGray700 = "#4a4f55";
export const cpdColorGray800 = "#656c76";
export const cpdColorGray900 = "#808994";
export const cpdColorGray1000 = "#9199a4";
export const cpdColorGray1100 = "#a3aab4";
export const cpdColorGray1200 = "#bdc3cc";
export const cpdColorGray1300 = "#d9dee4";
export const cpdColorGray1400 = "#ebeef2";
export const cpdColorRed100 = "#370000";
export const cpdColorRed200 = "#3e0000";
export const cpdColorRed300 = "#470000";
export const cpdColorRed400 = "#590000";
export const cpdColorRed500 = "#710000";
export const cpdColorRed600 = "#830009";
export const cpdColorRed700 = "#9f0d1e";
export const cpdColorRed800 = "#d1212a";
export const cpdColorRed900 = "#fd3e3c";
export const cpdColorRed1000 = "#ff665d";
export const cpdColorRed1100 = "#ff877c";
export const cpdColorRed1200 = "#ffaea4";
export const cpdColorRed1300 = "#ffd4cd";
export const cpdColorRed1400 = "#ffe9e6";
export const cpdColorOrange100 = "#380000";
export const cpdColorOrange200 = "#3c0000";
export const cpdColorOrange300 = "#470000";
export const cpdColorOrange400 = "#580000";
export const cpdColorOrange500 = "#710000";
export const cpdColorOrange600 = "#830500";
export const cpdColorOrange700 = "#972206";
export const cpdColorOrange800 = "#b94607";
export const cpdColorOrange900 = "#da670d";
export const cpdColorOrange1000 = "#eb7a12";
export const cpdColorOrange1100 = "#f6913d";
export const cpdColorOrange1200 = "#fbb37e";
export const cpdColorOrange1300 = "#ffd5b9";
export const cpdColorOrange1400 = "#ffeadb";
export const cpdColorYellow100 = "#360000";
export const cpdColorYellow200 = "#3a0300";
export const cpdColorYellow300 = "#410900";
export const cpdColorYellow400 = "#4c1400";
export const cpdColorYellow500 = "#5c2400";
export const cpdColorYellow600 = "#682e03";
export const cpdColorYellow700 = "#7c3e02";
export const cpdColorYellow800 = "#9d5b00";
export const cpdColorYellow900 = "#bc7a00";
export const cpdColorYellow1000 = "#cc8c00";
export const cpdColorYellow1100 = "#db9f00";
export const cpdColorYellow1200 = "#efbb0b";
export const cpdColorYellow1300 = "#fedb58";
export const cpdColorYellow1400 = "#ffedb1";
export const cpdColorLime100 = "#001b00";
export const cpdColorLime200 = "#002000";
export const cpdColorLime300 = "#002600";
export const cpdColorLime400 = "#003000";
export const cpdColorLime500 = "#003e00";
export const cpdColorLime600 = "#004a00";
export const cpdColorLime700 = "#005c00";
export const cpdColorLime800 = "#1d7c13";
export const cpdColorLime900 = "#389b20";
export const cpdColorLime1000 = "#47ad26";
export const cpdColorLime1100 = "#56c02c";
export const cpdColorLime1200 = "#77d94f";
export const cpdColorLime1300 = "#b6eca3";
export const cpdColorLime1400 = "#daf6d0";
export const cpdColorGreen100 = "#001c0b";
export const cpdColorGreen200 = "#001f0e";
export const cpdColorGreen300 = "#002513";
export const cpdColorGreen400 = "#002e1b";
export const cpdColorGreen500 = "#003d29";
export const cpdColorGreen600 = "#004832";
export const cpdColorGreen700 = "#005a43";
export const cpdColorGreen800 = "#007a62";
export const cpdColorGreen900 = "#129a78";
export const cpdColorGreen1000 = "#17ac84";
export const cpdColorGreen1100 = "#1fc090";
export const cpdColorGreen1200 = "#72d5ae";
export const cpdColorGreen1300 = "#b5e8d1";
export const cpdColorGreen1400 = "#d9f4e7";
export const cpdColorCyan100 = "#001144";
export const cpdColorCyan200 = "#001448";
export const cpdColorCyan300 = "#001b4e";
export const cpdColorCyan400 = "#002559";
export const cpdColorCyan500 = "#003468";
export const cpdColorCyan600 = "#003f75";
export const cpdColorCyan700 = "#005188";
export const cpdColorCyan800 = "#0271aa";
export const cpdColorCyan900 = "#0093be";
export const cpdColorCyan1000 = "#02a7c6";
export const cpdColorCyan1100 = "#21bacd";
export const cpdColorCyan1200 = "#78d0dc";
export const cpdColorCyan1300 = "#b8e5eb";
export const cpdColorCyan1400 = "#dbf2f5";
export const cpdColorBlue100 = "#00055a";
export const cpdColorBlue200 = "#00095d";
export const cpdColorBlue300 = "#001264";
export const cpdColorBlue400 = "#001e6f";
export const cpdColorBlue500 = "#062d80";
export const cpdColorBlue600 = "#083891";
export const cpdColorBlue700 = "#0b49ab";
export const cpdColorBlue800 = "#0e67d9";
export const cpdColorBlue900 = "#4187eb";
export const cpdColorBlue1000 = "#5e99f0";
export const cpdColorBlue1100 = "#7aacf4";
export const cpdColorBlue1200 = "#a1c4f8";
export const cpdColorBlue1300 = "#cbdffc";
export const cpdColorBlue1400 = "#e4eefe";
export const cpdColorPurple100 = "#1a0055";
export const cpdColorPurple200 = "#1c005a";
export const cpdColorPurple300 = "#22006a";
export const cpdColorPurple400 = "#2c0080";
export const cpdColorPurple500 = "#3d009e";
export const cpdColorPurple600 = "#4a0db1";
export const cpdColorPurple700 = "#5a27c6";
export const cpdColorPurple800 = "#7849ec";
export const cpdColorPurple900 = "#9171f9";
export const cpdColorPurple1000 = "#9e87fc";
export const cpdColorPurple1100 = "#ad9cfe";
export const cpdColorPurple1200 = "#c4baff";
export const cpdColorPurple1300 = "#dedaff";
export const cpdColorPurple1400 = "#eeebff";
export const cpdColorFuchsia100 = "#28003d";
export const cpdColorFuchsia200 = "#2e0044";
export const cpdColorFuchsia300 = "#37004e";
export const cpdColorFuchsia400 = "#46005e";
export const cpdColorFuchsia500 = "#560f6f";
export const cpdColorFuchsia600 = "#65177d";
export const cpdColorFuchsia700 = "#7d2394";
export const cpdColorFuchsia800 = "#aa36ba";
export const cpdColorFuchsia900 = "#c560cf";
export const cpdColorFuchsia1000 = "#cf78d7";
export const cpdColorFuchsia1100 = "#d991de";
export const cpdColorFuchsia1200 = "#e5b1e9";
export const cpdColorFuchsia1300 = "#f1d4f3";
export const cpdColorFuchsia1400 = "#f8e9f9";
export const cpdColorPink100 = "#37000f";
export const cpdColorPink200 = "#3c0012";
export const cpdColorPink300 = "#450018";
export const cpdColorPink400 = "#550024";
export const cpdColorPink500 = "#6d0036";
export const cpdColorPink600 = "#7c0c41";
export const cpdColorPink700 = "#99114f";
export const cpdColorPink800 = "#ce1865";
export const cpdColorPink900 = "#f4427d";
export const cpdColorPink1000 = "#fa658f";
export const cpdColorPink1100 = "#fe84a2";
export const cpdColorPink1200 = "#ffabbe";
export const cpdColorPink1300 = "#ffd2dc";
export const cpdColorPink1400 = "#ffe8ed";
export const cpdColorAlphaGray100 = "hsla(214, 10%, 86%, 0.02)";
export const cpdColorAlphaGray200 = "hsla(286, 31%, 82%, 0.04)";
export const cpdColorAlphaGray300 = "hsla(280, 41%, 90%, 0.06)";
export const cpdColorAlphaGray400 = "hsla(270, 37%, 93%, 0.1)";
export const cpdColorAlphaGray500 = "hsla(214, 41%, 97%, 0.15)";
export const cpdColorAlphaGray600 = "hsla(225, 46%, 95%, 0.2)";
export const cpdColorAlphaGray700 = "hsla(213, 85%, 95%, 0.27)";
export const cpdColorAlphaGray800 = "hsla(216, 100%, 94%, 0.41)";
export const cpdColorAlphaGray900 = "hsla(211, 94%, 94%, 0.54)";
export const cpdColorAlphaGray1000 = "hsla(213, 93%, 94%, 0.61)";
export const cpdColorAlphaGray1100 = "hsla(215, 92%, 95%, 0.68)";
export const cpdColorAlphaGray1200 = "hsla(215, 74%, 96%, 0.79)";
export const cpdColorAlphaGray1300 = "hsla(213, 73%, 97%, 0.89)";
export const cpdColorAlphaGray1400 = "hsla(214, 78%, 98%, 0.95)";
export const cpdColorAlphaRed100 = "hsl(0, 100%, 11%, 1)";
export const cpdColorAlphaRed200 = "hsl(0, 100%, 12%, 1)";
export const cpdColorAlphaRed300 = "hsl(0, 100%, 14%, 1)";
export const cpdColorAlphaRed400 = "hsl(0, 100%, 18%, 1)";
export const cpdColorAlphaRed500 = "hsl(0, 100%, 22%, 1)";
export const cpdColorAlphaRed600 = "hsl(356, 100%, 26%, 1)";
export const cpdColorAlphaRed700 = "hsla(354, 99%, 52%, 0.6)";
export const cpdColorAlphaRed800 = "hsla(357, 99%, 57%, 0.81)";
export const cpdColorAlphaRed900 = "hsl(1, 98%, 61%, 1)";
export const cpdColorAlphaRed1000 = "hsl(3, 100%, 68%, 1)";
export const cpdColorAlphaRed1100 = "hsl(5, 100%, 74%, 1)";
export const cpdColorAlphaRed1200 = "hsl(7, 100%, 82%, 1)";
export const cpdColorAlphaRed1300 = "hsl(8, 100%, 90%, 1)";
export const cpdColorAlphaRed1400 = "hsl(7, 100%, 95%, 1)";
export const cpdColorAlphaOrange100 = "hsl(0, 100%, 11%, 1)";
export const cpdColorAlphaOrange200 = "hsl(0, 100%, 12%, 1)";
export const cpdColorAlphaOrange300 = "hsl(0, 100%, 14%, 1)";
export const cpdColorAlphaOrange400 = "hsl(0, 100%, 17%, 1)";
export const cpdColorAlphaOrange500 = "hsl(0, 100%, 22%, 1)";
export const cpdColorAlphaOrange600 = "hsl(2, 100%, 26%, 1)";
export const cpdColorAlphaOrange700 = "hsla(12, 100%, 39%, 0.74)";
export const cpdColorAlphaOrange800 = "hsla(21, 100%, 50%, 0.71)";
export const cpdColorAlphaOrange900 = "hsla(26, 99%, 52%, 0.85)";
export const cpdColorAlphaOrange1000 = "hsla(29, 99%, 53%, 0.92)";
export const cpdColorAlphaOrange1100 = "hsla(27, 98%, 62%, 0.97)";
export const cpdColorAlphaOrange1200 = "hsla(26, 97%, 75%, 0.99)";
export const cpdColorAlphaOrange1300 = "hsl(24, 100%, 86%, 1)";
export const cpdColorAlphaOrange1400 = "hsl(25, 100%, 93%, 1)";
export const cpdColorAlphaYellow100 = "hsl(0, 100%, 11%, 1)";
export const cpdColorAlphaYellow200 = "hsl(3, 100%, 11%, 1)";
export const cpdColorAlphaYellow300 = "hsl(8, 100%, 13%, 1)";
export const cpdColorAlphaYellow400 = "hsl(16, 100%, 15%, 1)";
export const cpdColorAlphaYellow500 = "hsl(23, 100%, 18%, 1)";
export const cpdColorAlphaYellow600 = "hsla(26, 100%, 23%, 0.87)";
export const cpdColorAlphaYellow700 = "hsla(30, 100%, 26%, 0.92)";
export const cpdColorAlphaYellow800 = "hsl(35, 100%, 31%, 1)";
export const cpdColorAlphaYellow900 = "hsl(39, 100%, 37%, 1)";
export const cpdColorAlphaYellow1000 = "hsl(41, 100%, 40%, 1)";
export const cpdColorAlphaYellow1100 = "hsl(44, 100%, 43%, 1)";
export const cpdColorAlphaYellow1200 = "hsla(46, 98%, 52%, 0.94)";
export const cpdColorAlphaYellow1300 = "hsl(47, 99%, 67%, 1)";
export const cpdColorAlphaYellow1400 = "hsl(46, 100%, 85%, 1)";
export const cpdColorAlphaLime100 = "hsl(120, 100%, 5%, 1)";
export const cpdColorAlphaLime200 = "hsl(120, 100%, 6%, 1)";
export const cpdColorAlphaLime300 = "hsl(120, 100%, 8%, 1)";
export const cpdColorAlphaLime400 = "hsl(120, 100%, 9%, 1)";
export const cpdColorAlphaLime500 = "hsl(120, 100%, 12%, 1)";
export const cpdColorAlphaLime600 = "hsl(120, 100%, 15%, 1)";
export const cpdColorAlphaLime700 = "hsl(120, 100%, 18%, 1)";
export const cpdColorAlphaLime800 = "hsla(112, 98%, 52%, 0.45)";
export const cpdColorAlphaLime900 = "hsla(107, 98%, 57%, 0.58)";
export const cpdColorAlphaLime1000 = "hsla(105, 97%, 58%, 0.66)";
export const cpdColorAlphaLime1100 = "hsla(102, 98%, 60%, 0.74)";
export const cpdColorAlphaLime1200 = "hsla(102, 100%, 68%, 0.84)";
export const cpdColorAlphaLime1300 = "hsla(104, 100%, 84%, 0.92)";
export const cpdColorAlphaLime1400 = "hsla(105, 91%, 92%, 0.97)";
export const cpdColorAlphaGreen100 = "hsl(144, 100%, 6%, 1)";
export const cpdColorAlphaGreen200 = "hsl(147, 100%, 6%, 1)";
export const cpdColorAlphaGreen300 = "hsl(151, 100%, 7%, 1)";
export const cpdColorAlphaGreen400 = "hsl(155, 100%, 9%, 1)";
export const cpdColorAlphaGreen500 = "hsl(160, 100%, 12%, 1)";
export const cpdColorAlphaGreen600 = "hsl(162, 100%, 14%, 1)";
export const cpdColorAlphaGreen700 = "hsl(165, 100%, 18%, 1)";
export const cpdColorAlphaGreen800 = "hsl(168, 100%, 24%, 1)";
export const cpdColorAlphaGreen900 = "hsla(164, 98%, 53%, 0.58)";
export const cpdColorAlphaGreen1000 = "hsla(163, 99%, 55%, 0.65)";
export const cpdColorAlphaGreen1100 = "hsla(162, 98%, 57%, 0.74)";
export const cpdColorAlphaGreen1200 = "hsla(156, 97%, 76%, 0.83)";
export const cpdColorAlphaGreen1300 = "hsla(152, 93%, 88%, 0.91)";
export const cpdColorAlphaGreen1400 = "hsla(152, 88%, 94%, 0.96)";
export const cpdColorAlphaCyan100 = "hsl(225, 100%, 13%, 1)";
export const cpdColorAlphaCyan200 = "hsl(223, 100%, 14%, 1)";
export const cpdColorAlphaCyan300 = "hsl(219, 100%, 15%, 1)";
export const cpdColorAlphaCyan400 = "hsl(215, 100%, 18%, 1)";
export const cpdColorAlphaCyan500 = "hsl(210, 100%, 20%, 1)";
export const cpdColorAlphaCyan600 = "hsl(208, 100%, 23%, 1)";
export const cpdColorAlphaCyan700 = "hsl(204, 100%, 27%, 1)";
export const cpdColorAlphaCyan800 = "hsla(200, 100%, 37%, 0.88)";
export const cpdColorAlphaCyan900 = "hsl(194, 100%, 37%, 1)";
export const cpdColorAlphaCyan1000 = "hsla(189, 100%, 44%, 0.88)";
export const cpdColorAlphaCyan1100 = "hsla(186, 98%, 57%, 0.79)";
export const cpdColorAlphaCyan1200 = "hsla(187, 100%, 77%, 0.85)";
export const cpdColorAlphaCyan1300 = "hsla(187, 93%, 89%, 0.92)";
export const cpdColorAlphaCyan1400 = "hsla(187, 93%, 94%, 0.96)";
export const cpdColorAlphaBlue100 = "hsl(237, 100%, 18%, 1)";
export const cpdColorAlphaBlue200 = "hsl(234, 100%, 18%, 1)";
export const cpdColorAlphaBlue300 = "hsl(229, 100%, 20%, 1)";
export const cpdColorAlphaBlue400 = "hsl(224, 100%, 22%, 1)";
export const cpdColorAlphaBlue500 = "hsla(221, 100%, 37%, 0.63)";
export const cpdColorAlphaBlue600 = "hsla(219, 99%, 50%, 0.53)";
export const cpdColorAlphaBlue700 = "hsla(217, 99%, 51%, 0.64)";
export const cpdColorAlphaBlue800 = "hsla(214, 99%, 53%, 0.84)";
export const cpdColorAlphaBlue900 = "hsla(215, 98%, 63%, 0.92)";
export const cpdColorAlphaBlue1000 = "hsla(216, 99%, 69%, 0.94)";
export const cpdColorAlphaBlue1100 = "hsla(215, 97%, 74%, 0.96)";
export const cpdColorAlphaBlue1200 = "hsla(216, 100%, 82%, 0.97)";
export const cpdColorAlphaBlue1300 = "hsla(216, 96%, 90%, 0.99)";
export const cpdColorAlphaBlue1400 = "hsl(217, 93%, 95%, 1)";
export const cpdColorAlphaPurple100 = "hsl(258, 100%, 17%, 1)";
export const cpdColorAlphaPurple200 = "hsl(259, 100%, 18%, 1)";
export const cpdColorAlphaPurple300 = "hsl(259, 100%, 21%, 1)";
export const cpdColorAlphaPurple400 = "hsl(261, 100%, 25%, 1)";
export const cpdColorAlphaPurple500 = "hsl(263, 100%, 31%, 1)";
export const cpdColorAlphaPurple600 = "hsla(263, 98%, 52%, 0.67)";
export const cpdColorAlphaPurple700 = "hsla(260, 98%, 58%, 0.76)";
export const cpdColorAlphaPurple800 = "hsla(257, 100%, 65%, 0.92)";
export const cpdColorAlphaPurple900 = "hsla(254, 99%, 72%, 0.98)";
export const cpdColorAlphaPurple1000 = "hsla(252, 98%, 77%, 0.99)";
export const cpdColorAlphaPurple1100 = "hsl(250, 98%, 80%, 1)";
export const cpdColorAlphaPurple1200 = "hsl(249, 100%, 87%, 1)";
export const cpdColorAlphaPurple1300 = "hsl(246, 100%, 93%, 1)";
export const cpdColorAlphaPurple1400 = "hsl(249, 100%, 96%, 1)";
export const cpdColorAlphaFuchsia100 = "hsl(279, 100%, 12%, 1)";
export const cpdColorAlphaFuchsia200 = "hsl(281, 100%, 13%, 1)";
export const cpdColorAlphaFuchsia300 = "hsl(282, 100%, 15%, 1)";
export const cpdColorAlphaFuchsia400 = "hsl(285, 100%, 18%, 1)";
export const cpdColorAlphaFuchsia500 = "hsla(287, 100%, 52%, 0.38)";
export const cpdColorAlphaFuchsia600 = "hsla(288, 100%, 56%, 0.44)";
export const cpdColorAlphaFuchsia700 = "hsla(289, 99%, 59%, 0.54)";
export const cpdColorAlphaFuchsia800 = "hsla(294, 98%, 63%, 0.71)";
export const cpdColorAlphaFuchsia900 = "hsla(295, 97%, 72%, 0.8)";
export const cpdColorAlphaFuchsia1000 = "hsla(296, 98%, 78%, 0.83)";
export const cpdColorAlphaFuchsia1100 = "hsla(297, 98%, 82%, 0.86)";
export const cpdColorAlphaFuchsia1200 = "hsla(296, 97%, 88%, 0.91)";
export const cpdColorAlphaFuchsia1300 = "hsla(296, 100%, 94%, 0.95)";
export const cpdColorAlphaFuchsia1400 = "hsla(296, 90%, 96%, 0.98)";
export const cpdColorAlphaPink100 = "hsl(344, 100%, 11%, 1)";
export const cpdColorAlphaPink200 = "hsl(342, 100%, 12%, 1)";
export const cpdColorAlphaPink300 = "hsl(339, 100%, 14%, 1)";
export const cpdColorAlphaPink400 = "hsl(335, 100%, 17%, 1)";
export const cpdColorAlphaPink500 = "hsl(330, 100%, 21%, 1)";
export const cpdColorAlphaPink600 = "hsla(333, 97%, 50%, 0.46)";
export const cpdColorAlphaPink700 = "hsla(334, 98%, 53%, 0.58)";
export const cpdColorAlphaPink800 = "hsla(335, 99%, 55%, 0.8)";
export const cpdColorAlphaPink900 = "hsla(340, 99%, 63%, 0.96)";
export const cpdColorAlphaPink1000 = "hsla(343, 100%, 70%, 0.98)";
export const cpdColorAlphaPink1100 = "hsl(345, 98%, 76%, 1)";
export const cpdColorAlphaPink1200 = "hsl(346, 100%, 84%, 1)";
export const cpdColorAlphaPink1300 = "hsl(347, 100%, 91%, 1)";
export const cpdColorAlphaPink1400 = "hsl(347, 100%, 96%, 1)";
export const cpdColorTransparent = "rgba(0,0,0,0)";
export const cpdColorTextPrimary = "#ebeef2";
export const cpdColorTextSecondary = "#808994";
export const cpdColorTextDisabled = "#656c76";
export const cpdColorTextActionPrimary = "#ebeef2";
export const cpdColorTextActionAccent = "#129a78";
export const cpdColorTextLinkExternal = "#7aacf4";
export const cpdColorTextCriticalPrimary = "#fd3e3c";
export const cpdColorTextSuccessPrimary = "#129a78";
export const cpdColorTextInfoPrimary = "#7aacf4";
export const cpdColorTextOnSolidPrimary = "#101317";
export const cpdColorTextDecorative1 = "#56c02c";
export const cpdColorTextDecorative2 = "#21bacd";
export const cpdColorTextDecorative3 = "#d991de";
export const cpdColorTextDecorative4 = "#ad9cfe";
export const cpdColorTextDecorative5 = "#fe84a2";
export const cpdColorTextDecorative6 = "#f6913d";
export const cpdColorTextBadgeAccent = "#1fc090";
export const cpdColorTextBadgeInfo = "#7aacf4";
export const cpdColorBgSubtlePrimary = "#26282d";
export const cpdColorBgSubtleSecondary = "#1d1f24";
export const cpdColorBgCanvasDefault = "#101317";
export const cpdColorBgCanvasDisabled = "#181a1f";
export const cpdColorBgCanvasDefaultLevel1 = "#1d1f24";
export const cpdColorBgActionPrimaryRest = "#ebeef2";
export const cpdColorBgActionPrimaryHovered = "#bdc3cc";
export const cpdColorBgActionPrimaryPressed = "#a3aab4";
export const cpdColorBgActionPrimaryDisabled = "#4a4f55";
export const cpdColorBgActionSecondaryRest = "#101317";
export const cpdColorBgActionSecondaryHovered = "hsla(286, 31%, 82%, 0.04)";
export const cpdColorBgActionSecondaryPressed = "hsla(280, 41%, 90%, 0.06)";
export const cpdColorBgActionTertiaryRest = "#101317";
export const cpdColorBgActionTertiaryHovered = "#1d1f24";
export const cpdColorBgActionTertiarySelected = "#26282d";
export const cpdColorBgCriticalPrimary = "#fd3e3c";
export const cpdColorBgCriticalHovered = "#ff665d";
export const cpdColorBgCriticalSubtle = "#3e0000";
export const cpdColorBgCriticalSubtleHovered = "#470000";
export const cpdColorBgSuccessSubtle = "#001f0e";
export const cpdColorBgInfoSubtle = "#00095d";
export const cpdColorBgDecorative1 = "#002600";
export const cpdColorBgDecorative2 = "#001b4e";
export const cpdColorBgDecorative3 = "#37004e";
export const cpdColorBgDecorative4 = "#22006a";
export const cpdColorBgDecorative5 = "#450018";
export const cpdColorBgDecorative6 = "#470000";
export const cpdColorBgAccentRest = "#129a78";
export const cpdColorBgAccentHovered = "#17ac84";
export const cpdColorBgAccentPressed = "#1fc090";
export const cpdColorBgAccentSelected = "hsl(151, 100%, 7%, 1)";
export const cpdColorBgSubtleSecondaryLevel0 = "#101317";
export const cpdColorBgBadgeAccent = "hsl(160, 100%, 12%, 1)";
export const cpdColorBgBadgeInfo = "hsla(221, 100%, 37%, 0.63)";
export const cpdColorBgBadgeDefault = "hsla(214, 41%, 97%, 0.15)";
export const cpdColorBorderDisabled = "#323539";
export const cpdColorBorderFocused = "#4187eb";
export const cpdColorBorderInteractivePrimary = "#656c76";
export const cpdColorBorderInteractiveSecondary = "#3c3f44";
export const cpdColorBorderInteractiveHovered = "#a3aab4";
export const cpdColorBorderCriticalPrimary = "#fd3e3c";
export const cpdColorBorderCriticalHovered = "#ff665d";
export const cpdColorBorderCriticalSubtle = "#710000";
export const cpdColorBorderSuccessSubtle = "#003d29";
export const cpdColorBorderInfoSubtle = "#0b49ab";
export const cpdColorBorderAccentSubtle = "#005a43";
export const cpdColorIconPrimary = "#ebeef2";
export const cpdColorIconSecondary = "#808994";
export const cpdColorIconTertiary = "#656c76";
export const cpdColorIconQuaternary = "#4a4f55";
export const cpdColorIconDisabled = "#4a4f55";
export const cpdColorIconPrimaryAlpha = "hsla(214, 78%, 98%, 0.95)";
export const cpdColorIconSecondaryAlpha = "hsla(211, 94%, 94%, 0.54)";
export const cpdColorIconTertiaryAlpha = "hsla(216, 100%, 94%, 0.41)";
export const cpdColorIconQuaternaryAlpha = "hsla(213, 85%, 95%, 0.27)";
export const cpdColorIconAccentTertiary = "#007a62";
export const cpdColorIconAccentPrimary = "#129a78";
export const cpdColorIconCriticalPrimary = "#fd3e3c";
export const cpdColorIconSuccessPrimary = "#129a78";
export const cpdColorIconInfoPrimary = "#7aacf4";
export const cpdColorIconOnSolidPrimary = "#101317";
export const cpdColorGradientSubtleStop1 = "hsl(160, 100%, 12%, 1)";
export const cpdColorGradientSubtleStop2 = "hsl(155, 100%, 9%, 1)";
export const cpdColorGradientSubtleStop3 = "hsl(151, 100%, 7%, 1)";
export const cpdColorGradientSubtleStop4 = "hsl(147, 100%, 6%, 1)";
export const cpdColorGradientSubtleStop5 = "hsl(144, 100%, 6%, 1)";
export const cpdColorGradientSubtleStop6 = "rgba(0,0,0,0)";
export const cpdColorGradientSubtleLinear =
"linear-gradient(180deg, hsl(160, 100%, 12%, 1) 0%, hsl(155, 100%, 9%, 1) 20%, hsl(151, 100%, 7%, 1) 40%, hsl(147, 100%, 6%, 1) 60%, hsl(144, 100%, 6%, 1) 80%, rgba(0,0,0,0) 100%)";
export const cpdColorGradientInfoStop1 = "hsla(221, 100%, 37%, 0.63)";
export const cpdColorGradientInfoStop2 = "hsl(224, 100%, 22%, 1)";
export const cpdColorGradientInfoStop3 = "hsl(229, 100%, 20%, 1)";
export const cpdColorGradientInfoStop4 = "hsl(234, 100%, 18%, 1)";
export const cpdColorGradientInfoStop5 = "hsl(237, 100%, 18%, 1)";
export const cpdColorGradientInfoStop6 = "rgba(0,0,0,0)";
export const cpdColorGradientInfoLinear =
"linear-gradient(180deg, hsla(221, 100%, 37%, 0.63) 0%, hsl(224, 100%, 22%, 1) 20%, hsl(229, 100%, 20%, 1) 40%, hsl(234, 100%, 18%, 1) 60%, hsl(237, 100%, 18%, 1) 80%, rgba(0,0,0,0) 100%)";
export const cpdColorGradientActionStop1 = "#1fc090";
export const cpdColorGradientActionStop2 = "#129a78";
export const cpdColorGradientActionStop3 = "#005a43";
export const cpdColorGradientActionStop4 = "#003d29";
export const cpdColorGradientActionLinear =
"linear-gradient(180deg, #1fc090 0%, #129a78 33%, #005a43 66%, #003d29 100%)";