@vector-im/compound-design-tokens
Version:
Compound design tokens
723 lines (722 loc) • 44.5 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 = "#ffffff";
export const cpdColorGray100 = "#fbfcfd";
export const cpdColorGray200 = "#f7f9fa";
export const cpdColorGray300 = "#f0f2f5";
export const cpdColorGray400 = "#e1e6ec";
export const cpdColorGray500 = "#cdd3da";
export const cpdColorGray600 = "#bdc4cc";
export const cpdColorGray700 = "#a6adb7";
export const cpdColorGray800 = "#818a95";
export const cpdColorGray900 = "#656d77";
export const cpdColorGray1000 = "#595e67";
export const cpdColorGray1100 = "#4c5158";
export const cpdColorGray1200 = "#3c4045";
export const cpdColorGray1300 = "#2b2d32";
export const cpdColorGray1400 = "#1b1d22";
export const cpdColorRed100 = "#fffaf9";
export const cpdColorRed200 = "#fff7f6";
export const cpdColorRed300 = "#ffefec";
export const cpdColorRed400 = "#ffdfda";
export const cpdColorRed500 = "#ffc5bc";
export const cpdColorRed600 = "#ffafa5";
export const cpdColorRed700 = "#ff8c81";
export const cpdColorRed800 = "#ff3d3d";
export const cpdColorRed900 = "#d51928";
export const cpdColorRed1000 = "#bc0f22";
export const cpdColorRed1100 = "#a4041d";
export const cpdColorRed1200 = "#850006";
export const cpdColorRed1300 = "#620000";
export const cpdColorRed1400 = "#450000";
export const cpdColorOrange100 = "#fffaf7";
export const cpdColorOrange200 = "#fff6ef";
export const cpdColorOrange300 = "#ffefe4";
export const cpdColorOrange400 = "#ffdfc8";
export const cpdColorOrange500 = "#ffc8a1";
export const cpdColorOrange600 = "#fdb37c";
export const cpdColorOrange700 = "#f89440";
export const cpdColorOrange800 = "#dc6700";
export const cpdColorOrange900 = "#bc4500";
export const cpdColorOrange1000 = "#ac3300";
export const cpdColorOrange1100 = "#9b2200";
export const cpdColorOrange1200 = "#850000";
export const cpdColorOrange1300 = "#620000";
export const cpdColorOrange1400 = "#450000";
export const cpdColorYellow100 = "#fffcf0";
export const cpdColorYellow200 = "#fff8e0";
export const cpdColorYellow300 = "#fff2c1";
export const cpdColorYellow400 = "#ffe484";
export const cpdColorYellow500 = "#fbce00";
export const cpdColorYellow600 = "#f1bd00";
export const cpdColorYellow700 = "#dea200";
export const cpdColorYellow800 = "#be7a00";
export const cpdColorYellow900 = "#9f5b00";
export const cpdColorYellow1000 = "#8f4d00";
export const cpdColorYellow1100 = "#803f00";
export const cpdColorYellow1200 = "#692e00";
export const cpdColorYellow1300 = "#541a00";
export const cpdColorYellow1400 = "#410600";
export const cpdColorLime100 = "#f8fdf6";
export const cpdColorLime200 = "#f1fcee";
export const cpdColorLime300 = "#e0f8d9";
export const cpdColorLime400 = "#c8f1ba";
export const cpdColorLime500 = "#99e57e";
export const cpdColorLime600 = "#76db4c";
export const cpdColorLime700 = "#54c424";
export const cpdColorLime800 = "#359d18";
export const cpdColorLime900 = "#197d0c";
export const cpdColorLime1000 = "#006e00";
export const cpdColorLime1100 = "#005f00";
export const cpdColorLime1200 = "#004b00";
export const cpdColorLime1300 = "#003600";
export const cpdColorLime1400 = "#002400";
export const cpdColorGreen100 = "#f8fdfb";
export const cpdColorGreen200 = "#f1fbf6";
export const cpdColorGreen300 = "#e3f7ed";
export const cpdColorGreen400 = "#c6eedb";
export const cpdColorGreen500 = "#98e1c1";
export const cpdColorGreen600 = "#71d7ae";
export const cpdColorGreen700 = "#0bc491";
export const cpdColorGreen800 = "#009b78";
export const cpdColorGreen900 = "#007a61";
export const cpdColorGreen1000 = "#006b52";
export const cpdColorGreen1100 = "#005c45";
export const cpdColorGreen1200 = "#004933";
export const cpdColorGreen1300 = "#003420";
export const cpdColorGreen1400 = "#002311";
export const cpdColorCyan100 = "#f8fdfd";
export const cpdColorCyan200 = "#f1fafb";
export const cpdColorCyan300 = "#e3f5f8";
export const cpdColorCyan400 = "#c7ecf0";
export const cpdColorCyan500 = "#9bdde5";
export const cpdColorCyan600 = "#76d1dd";
export const cpdColorCyan700 = "#15becf";
export const cpdColorCyan800 = "#0094c0";
export const cpdColorCyan900 = "#0072ac";
export const cpdColorCyan1000 = "#00629c";
export const cpdColorCyan1100 = "#00548c";
export const cpdColorCyan1200 = "#004077";
export const cpdColorCyan1300 = "#002b61";
export const cpdColorCyan1400 = "#00194f";
export const cpdColorBlue100 = "#f9fcff";
export const cpdColorBlue200 = "#f4f8ff";
export const cpdColorBlue300 = "#e9f2ff";
export const cpdColorBlue400 = "#d8e7fe";
export const cpdColorBlue500 = "#bad5fc";
export const cpdColorBlue600 = "#a3c6fa";
export const cpdColorBlue700 = "#7eaff6";
export const cpdColorBlue800 = "#4088ee";
export const cpdColorBlue900 = "#0467dd";
export const cpdColorBlue1000 = "#0558c7";
export const cpdColorBlue1100 = "#064ab1";
export const cpdColorBlue1200 = "#043894";
export const cpdColorBlue1300 = "#012478";
export const cpdColorBlue1400 = "#000e65";
export const cpdColorPurple100 = "#fbfbff";
export const cpdColorPurple200 = "#f8f7ff";
export const cpdColorPurple300 = "#f1efff";
export const cpdColorPurple400 = "#e6e2ff";
export const cpdColorPurple500 = "#d4cdff";
export const cpdColorPurple600 = "#c5bbff";
export const cpdColorPurple700 = "#b1a0ff";
export const cpdColorPurple800 = "#9271fd";
export const cpdColorPurple900 = "#7a47f1";
export const cpdColorPurple1000 = "#6b37de";
export const cpdColorPurple1100 = "#5d26cd";
export const cpdColorPurple1200 = "#4c05b5";
export const cpdColorPurple1300 = "#33008d";
export const cpdColorPurple1400 = "#200066";
export const cpdColorFuchsia100 = "#fefafe";
export const cpdColorFuchsia200 = "#fcf5fd";
export const cpdColorFuchsia300 = "#faeefb";
export const cpdColorFuchsia400 = "#f6dff7";
export const cpdColorFuchsia500 = "#edc6f0";
export const cpdColorFuchsia600 = "#e7b2ea";
export const cpdColorFuchsia700 = "#db93e1";
export const cpdColorFuchsia800 = "#c85ed1";
export const cpdColorFuchsia900 = "#ad33bd";
export const cpdColorFuchsia1000 = "#972aaa";
export const cpdColorFuchsia1100 = "#822198";
export const cpdColorFuchsia1200 = "#671481";
export const cpdColorFuchsia1300 = "#4e0068";
export const cpdColorFuchsia1400 = "#34004c";
export const cpdColorPink100 = "#fffafb";
export const cpdColorPink200 = "#fff5f7";
export const cpdColorPink300 = "#ffecf0";
export const cpdColorPink400 = "#ffdee5";
export const cpdColorPink500 = "#ffc2cf";
export const cpdColorPink600 = "#ffadc0";
export const cpdColorPink700 = "#ff88a6";
export const cpdColorPink800 = "#f7407d";
export const cpdColorPink900 = "#d20c65";
export const cpdColorPink1000 = "#b80a5b";
export const cpdColorPink1100 = "#9f0850";
export const cpdColorPink1200 = "#7e0642";
export const cpdColorPink1300 = "#5f002b";
export const cpdColorPink1400 = "#430017";
export const cpdColorAlphaGray100 = "hsla(210, 48%, 41%, 0.02)";
export const cpdColorAlphaGray200 = "hsla(200, 41%, 36%, 0.04)";
export const cpdColorAlphaGray300 = "hsla(216, 89%, 18%, 0.06)";
export const cpdColorAlphaGray400 = "hsla(213, 90%, 20%, 0.12)";
export const cpdColorAlphaGray500 = "hsla(212, 87%, 15%, 0.2)";
export const cpdColorAlphaGray600 = "hsla(212, 97%, 12%, 0.26)";
export const cpdColorAlphaGray700 = "hsla(215, 96%, 10%, 0.35)";
export const cpdColorAlphaGray800 = "hsla(213, 87%, 9%, 0.5)";
export const cpdColorAlphaGray900 = "hsla(213, 83%, 7%, 0.61)";
export const cpdColorAlphaGray1000 = "hsla(218, 79%, 6%, 0.66)";
export const cpdColorAlphaGray1100 = "hsla(215, 74%, 5%, 0.71)";
export const cpdColorAlphaGray1200 = "hsla(213, 73%, 3%, 0.77)";
export const cpdColorAlphaGray1300 = "hsla(225, 57%, 3%, 0.84)";
export const cpdColorAlphaGray1400 = "hsla(223, 64%, 2%, 0.9)";
export const cpdColorAlphaRed100 = "hsla(10, 100%, 61%, 0.03)";
export const cpdColorAlphaRed200 = "hsla(7, 100%, 56%, 0.04)";
export const cpdColorAlphaRed300 = "hsla(9, 100%, 54%, 0.08)";
export const cpdColorAlphaRed400 = "hsla(8, 100%, 52%, 0.15)";
export const cpdColorAlphaRed500 = "hsla(8, 100%, 51%, 0.27)";
export const cpdColorAlphaRed600 = "hsla(7, 100%, 51%, 0.36)";
export const cpdColorAlphaRed700 = "hsla(5, 100%, 51%, 0.5)";
export const cpdColorAlphaRed800 = "hsla(0, 100%, 51%, 0.77)";
export const cpdColorAlphaRed900 = "hsla(355, 98%, 41%, 0.91)";
export const cpdColorAlphaRed1000 = "hsla(353, 98%, 37%, 0.95)";
export const cpdColorAlphaRed1100 = "hsla(350, 99%, 32%, 0.99)";
export const cpdColorAlphaRed1200 = "hsl(357, 100%, 26%, 1)";
export const cpdColorAlphaRed1300 = "hsl(0, 100%, 19%, 1)";
export const cpdColorAlphaRed1400 = "hsl(0, 100%, 14%, 1)";
export const cpdColorAlphaOrange100 = "hsla(22, 100%, 61%, 0.04)";
export const cpdColorAlphaOrange200 = "hsla(26, 100%, 55%, 0.07)";
export const cpdColorAlphaOrange300 = "hsla(24, 100%, 52%, 0.11)";
export const cpdColorAlphaOrange400 = "hsla(25, 100%, 51%, 0.22)";
export const cpdColorAlphaOrange500 = "hsla(25, 100%, 50%, 0.37)";
export const cpdColorAlphaOrange600 = "hsla(26, 98%, 50%, 0.52)";
export const cpdColorAlphaOrange700 = "hsla(27, 100%, 48%, 0.75)";
export const cpdColorAlphaOrange800 = "hsl(28, 100%, 43%, 1)";
export const cpdColorAlphaOrange900 = "hsl(22, 100%, 37%, 1)";
export const cpdColorAlphaOrange1000 = "hsl(18, 100%, 34%, 1)";
export const cpdColorAlphaOrange1100 = "hsl(13, 100%, 30%, 1)";
export const cpdColorAlphaOrange1200 = "hsl(0, 100%, 26%, 1)";
export const cpdColorAlphaOrange1300 = "hsl(0, 100%, 19%, 1)";
export const cpdColorAlphaOrange1400 = "hsl(0, 100%, 14%, 1)";
export const cpdColorAlphaYellow100 = "hsla(48, 100%, 51%, 0.06)";
export const cpdColorAlphaYellow200 = "hsla(46, 100%, 53%, 0.13)";
export const cpdColorAlphaYellow300 = "hsla(47, 100%, 51%, 0.25)";
export const cpdColorAlphaYellow400 = "hsla(47, 100%, 51%, 0.49)";
export const cpdColorAlphaYellow500 = "hsl(49, 100%, 49%, 1)";
export const cpdColorAlphaYellow600 = "hsl(47, 100%, 47%, 1)";
export const cpdColorAlphaYellow700 = "hsl(44, 100%, 44%, 1)";
export const cpdColorAlphaYellow800 = "hsl(39, 100%, 37%, 1)";
export const cpdColorAlphaYellow900 = "hsl(34, 100%, 31%, 1)";
export const cpdColorAlphaYellow1000 = "hsl(32, 100%, 28%, 1)";
export const cpdColorAlphaYellow1100 = "hsl(30, 100%, 25%, 1)";
export const cpdColorAlphaYellow1200 = "hsl(26, 100%, 21%, 1)";
export const cpdColorAlphaYellow1300 = "hsl(19, 100%, 17%, 1)";
export const cpdColorAlphaYellow1400 = "hsl(6, 100%, 13%, 1)";
export const cpdColorAlphaLime100 = "hsla(103, 75%, 46%, 0.04)";
export const cpdColorAlphaLime200 = "hsla(107, 89%, 44%, 0.07)";
export const cpdColorAlphaLime300 = "hsla(107, 98%, 41%, 0.15)";
export const cpdColorAlphaLime400 = "hsla(105, 92%, 42%, 0.28)";
export const cpdColorAlphaLime500 = "hsla(104, 98%, 40%, 0.51)";
export const cpdColorAlphaLime600 = "hsla(102, 97%, 41%, 0.71)";
export const cpdColorAlphaLime700 = "hsla(102, 100%, 37%, 0.86)";
export const cpdColorAlphaLime800 = "hsla(107, 99%, 29%, 0.91)";
export const cpdColorAlphaLime900 = "hsla(113, 97%, 24%, 0.96)";
export const cpdColorAlphaLime1000 = "hsl(120, 100%, 22%, 1)";
export const cpdColorAlphaLime1100 = "hsl(120, 100%, 19%, 1)";
export const cpdColorAlphaLime1200 = "hsl(120, 100%, 15%, 1)";
export const cpdColorAlphaLime1300 = "hsl(120, 100%, 11%, 1)";
export const cpdColorAlphaLime1400 = "hsl(120, 100%, 7%, 1)";
export const cpdColorAlphaGreen100 = "hsla(156, 79%, 41%, 0.03)";
export const cpdColorAlphaGreen200 = "hsla(150, 79%, 41%, 0.06)";
export const cpdColorAlphaGreen300 = "hsla(150, 100%, 36%, 0.11)";
export const cpdColorAlphaGreen400 = "hsla(151, 93%, 37%, 0.23)";
export const cpdColorAlphaGreen500 = "hsla(154, 96%, 37%, 0.41)";
export const cpdColorAlphaGreen600 = "hsla(156, 99%, 36%, 0.56)";
export const cpdColorAlphaGreen700 = "hsla(163, 99%, 38%, 0.96)";
export const cpdColorAlphaGreen800 = "hsl(166, 100%, 30%, 1)";
export const cpdColorAlphaGreen900 = "hsl(168, 100%, 24%, 1)";
export const cpdColorAlphaGreen1000 = "hsl(166, 100%, 21%, 1)";
export const cpdColorAlphaGreen1100 = "hsl(165, 100%, 18%, 1)";
export const cpdColorAlphaGreen1200 = "hsl(162, 100%, 14%, 1)";
export const cpdColorAlphaGreen1300 = "hsl(157, 100%, 10%, 1)";
export const cpdColorAlphaGreen1400 = "hsl(149, 100%, 7%, 1)";
export const cpdColorAlphaCyan100 = "hsla(180, 79%, 41%, 0.03)";
export const cpdColorAlphaCyan200 = "hsla(186, 79%, 41%, 0.06)";
export const cpdColorAlphaCyan300 = "hsla(188, 100%, 38%, 0.11)";
export const cpdColorAlphaCyan400 = "hsla(186, 100%, 37%, 0.22)";
export const cpdColorAlphaCyan500 = "hsla(186, 95%, 38%, 0.4)";
export const cpdColorAlphaCyan600 = "hsla(187, 99%, 38%, 0.54)";
export const cpdColorAlphaCyan700 = "hsla(186, 99%, 40%, 0.92)";
export const cpdColorAlphaCyan800 = "hsl(194, 100%, 38%, 1)";
export const cpdColorAlphaCyan900 = "hsl(200, 100%, 34%, 1)";
export const cpdColorAlphaCyan1000 = "hsl(202, 100%, 31%, 1)";
export const cpdColorAlphaCyan1100 = "hsl(204, 100%, 28%, 1)";
export const cpdColorAlphaCyan1200 = "hsl(208, 100%, 23%, 1)";
export const cpdColorAlphaCyan1300 = "hsl(213, 100%, 19%, 1)";
export const cpdColorAlphaCyan1400 = "hsl(221, 100%, 16%, 1)";
export const cpdColorAlphaBlue100 = "hsla(210, 100%, 61%, 0.03)";
export const cpdColorAlphaBlue200 = "hsla(218, 100%, 57%, 0.05)";
export const cpdColorAlphaBlue300 = "hsla(215, 100%, 52%, 0.09)";
export const cpdColorAlphaBlue400 = "hsla(216, 95%, 51%, 0.16)";
export const cpdColorAlphaBlue500 = "hsla(215, 93%, 50%, 0.28)";
export const cpdColorAlphaBlue600 = "hsla(216, 95%, 48%, 0.37)";
export const cpdColorAlphaBlue700 = "hsla(215, 98%, 47%, 0.51)";
export const cpdColorAlphaBlue800 = "hsla(215, 100%, 46%, 0.75)";
export const cpdColorAlphaBlue900 = "hsla(213, 99%, 44%, 0.99)";
export const cpdColorAlphaBlue1000 = "hsla(214, 98%, 39%, 0.99)";
export const cpdColorAlphaBlue1100 = "hsla(216, 99%, 35%, 0.98)";
export const cpdColorAlphaBlue1200 = "hsla(218, 99%, 29%, 0.99)";
export const cpdColorAlphaBlue1300 = "hsl(222, 98%, 24%, 1)";
export const cpdColorAlphaBlue1400 = "hsl(232, 100%, 20%, 1)";
export const cpdColorAlphaPurple100 = "hsla(240, 100%, 61%, 0.02)";
export const cpdColorAlphaPurple200 = "hsla(248, 100%, 61%, 0.04)";
export const cpdColorAlphaPurple300 = "hsla(248, 100%, 55%, 0.07)";
export const cpdColorAlphaPurple400 = "hsla(248, 100%, 53%, 0.12)";
export const cpdColorAlphaPurple500 = "hsla(248, 100%, 51%, 0.2)";
export const cpdColorAlphaPurple600 = "hsla(249, 100%, 51%, 0.27)";
export const cpdColorAlphaPurple700 = "hsla(251, 100%, 51%, 0.38)";
export const cpdColorAlphaPurple800 = "hsla(254, 99%, 49%, 0.56)";
export const cpdColorAlphaPurple900 = "hsla(258, 98%, 47%, 0.73)";
export const cpdColorAlphaPurple1000 = "hsla(259, 98%, 42%, 0.79)";
export const cpdColorAlphaPurple1100 = "hsla(260, 97%, 39%, 0.86)";
export const cpdColorAlphaPurple1200 = "hsla(264, 98%, 36%, 0.99)";
export const cpdColorAlphaPurple1300 = "hsl(262, 100%, 28%, 1)";
export const cpdColorAlphaPurple1400 = "hsl(259, 100%, 20%, 1)";
export const cpdColorAlphaFuchsia100 = "hsla(300, 95%, 41%, 0.02)";
export const cpdColorAlphaFuchsia200 = "hsla(293, 95%, 41%, 0.04)";
export const cpdColorAlphaFuchsia300 = "hsla(295, 89%, 41%, 0.07)";
export const cpdColorAlphaFuchsia400 = "hsla(298, 91%, 40%, 0.13)";
export const cpdColorAlphaFuchsia500 = "hsla(296, 93%, 39%, 0.23)";
export const cpdColorAlphaFuchsia600 = "hsla(297, 93%, 38%, 0.31)";
export const cpdColorAlphaFuchsia700 = "hsla(295, 96%, 37%, 0.43)";
export const cpdColorAlphaFuchsia800 = "hsla(295, 97%, 37%, 0.64)";
export const cpdColorAlphaFuchsia900 = "hsla(293, 100%, 34%, 0.8)";
export const cpdColorAlphaFuchsia1000 = "hsla(291, 99%, 30%, 0.84)";
export const cpdColorAlphaFuchsia1100 = "hsla(289, 96%, 28%, 0.88)";
export const cpdColorAlphaFuchsia1200 = "hsla(286, 97%, 24%, 0.93)";
export const cpdColorAlphaFuchsia1300 = "hsl(285, 100%, 20%, 1)";
export const cpdColorAlphaFuchsia1400 = "hsl(281, 100%, 15%, 1)";
export const cpdColorAlphaPink100 = "hsla(348, 100%, 51%, 0.02)";
export const cpdColorAlphaPink200 = "hsla(348, 100%, 51%, 0.04)";
export const cpdColorAlphaPink300 = "hsla(347, 100%, 54%, 0.08)";
export const cpdColorAlphaPink400 = "hsla(347, 100%, 50%, 0.13)";
export const cpdColorAlphaPink500 = "hsla(347, 100%, 50%, 0.24)";
export const cpdColorAlphaPink600 = "hsla(346, 100%, 51%, 0.33)";
export const cpdColorAlphaPink700 = "hsla(345, 100%, 50%, 0.47)";
export const cpdColorAlphaPink800 = "hsla(340, 100%, 48%, 0.75)";
export const cpdColorAlphaPink900 = "hsla(333, 98%, 41%, 0.96)";
export const cpdColorAlphaPink1000 = "hsla(332, 98%, 36%, 0.97)";
export const cpdColorAlphaPink1100 = "hsla(331, 100%, 31%, 0.97)";
export const cpdColorAlphaPink1200 = "hsla(330, 98%, 24%, 0.98)";
export const cpdColorAlphaPink1300 = "hsl(333, 100%, 19%, 1)";
export const cpdColorAlphaPink1400 = "hsl(339, 100%, 13%, 1)";
export const cpdColorTransparent = "rgba(0,0,0,0)";
export const cpdColorTextPrimary = "#1b1d22";
export const cpdColorTextSecondary = "#656d77";
export const cpdColorTextDisabled = "#818a95";
export const cpdColorTextActionPrimary = "#1b1d22";
export const cpdColorTextActionAccent = "#007a61";
export const cpdColorTextLinkExternal = "#064ab1";
export const cpdColorTextCriticalPrimary = "#d51928";
export const cpdColorTextSuccessPrimary = "#007a61";
export const cpdColorTextInfoPrimary = "#064ab1";
export const cpdColorTextOnSolidPrimary = "#ffffff";
export const cpdColorTextDecorative1 = "#005f00";
export const cpdColorTextDecorative2 = "#00548c";
export const cpdColorTextDecorative3 = "#822198";
export const cpdColorTextDecorative4 = "#5d26cd";
export const cpdColorTextDecorative5 = "#9f0850";
export const cpdColorTextDecorative6 = "#9b2200";
export const cpdColorTextBadgeAccent = "#005c45";
export const cpdColorTextBadgeInfo = "#064ab1";
export const cpdColorBgSubtlePrimary = "#e1e6ec";
export const cpdColorBgSubtleSecondary = "#f0f2f5";
export const cpdColorBgCanvasDefault = "#ffffff";
export const cpdColorBgCanvasDisabled = "#f7f9fa";
export const cpdColorBgCanvasDefaultLevel1 = "#ffffff";
export const cpdColorBgActionPrimaryRest = "#1b1d22";
export const cpdColorBgActionPrimaryHovered = "#3c4045";
export const cpdColorBgActionPrimaryPressed = "#4c5158";
export const cpdColorBgActionPrimaryDisabled = "#a6adb7";
export const cpdColorBgActionSecondaryRest = "#ffffff";
export const cpdColorBgActionSecondaryHovered = "hsla(200, 41%, 36%, 0.04)";
export const cpdColorBgActionSecondaryPressed = "hsla(216, 89%, 18%, 0.06)";
export const cpdColorBgActionTertiaryRest = "#ffffff";
export const cpdColorBgActionTertiaryHovered = "#f0f2f5";
export const cpdColorBgActionTertiarySelected = "#e1e6ec";
export const cpdColorBgCriticalPrimary = "#d51928";
export const cpdColorBgCriticalHovered = "#bc0f22";
export const cpdColorBgCriticalSubtle = "#fff7f6";
export const cpdColorBgCriticalSubtleHovered = "#ffefec";
export const cpdColorBgSuccessSubtle = "#f1fbf6";
export const cpdColorBgInfoSubtle = "#f4f8ff";
export const cpdColorBgDecorative1 = "#e0f8d9";
export const cpdColorBgDecorative2 = "#e3f5f8";
export const cpdColorBgDecorative3 = "#faeefb";
export const cpdColorBgDecorative4 = "#f1efff";
export const cpdColorBgDecorative5 = "#ffecf0";
export const cpdColorBgDecorative6 = "#ffefe4";
export const cpdColorBgAccentRest = "#007a61";
export const cpdColorBgAccentHovered = "#006b52";
export const cpdColorBgAccentPressed = "#005c45";
export const cpdColorBgAccentSelected = "hsla(150, 100%, 36%, 0.11)";
export const cpdColorBgSubtleSecondaryLevel0 = "#f0f2f5";
export const cpdColorBgBadgeAccent = "hsla(151, 93%, 37%, 0.23)";
export const cpdColorBgBadgeInfo = "hsla(216, 95%, 51%, 0.16)";
export const cpdColorBgBadgeDefault = "hsla(213, 90%, 20%, 0.12)";
export const cpdColorBorderDisabled = "#cdd3da";
export const cpdColorBorderFocused = "#0467dd";
export const cpdColorBorderInteractivePrimary = "#818a95";
export const cpdColorBorderInteractiveSecondary = "#bdc4cc";
export const cpdColorBorderInteractiveHovered = "#4c5158";
export const cpdColorBorderCriticalPrimary = "#d51928";
export const cpdColorBorderCriticalHovered = "#bc0f22";
export const cpdColorBorderCriticalSubtle = "#ffc5bc";
export const cpdColorBorderSuccessSubtle = "#98e1c1";
export const cpdColorBorderInfoSubtle = "#7eaff6";
export const cpdColorBorderAccentSubtle = "#0bc491";
export const cpdColorIconPrimary = "#1b1d22";
export const cpdColorIconSecondary = "#656d77";
export const cpdColorIconTertiary = "#818a95";
export const cpdColorIconQuaternary = "#a6adb7";
export const cpdColorIconDisabled = "#a6adb7";
export const cpdColorIconPrimaryAlpha = "hsla(223, 64%, 2%, 0.9)";
export const cpdColorIconSecondaryAlpha = "hsla(213, 83%, 7%, 0.61)";
export const cpdColorIconTertiaryAlpha = "hsla(213, 87%, 9%, 0.5)";
export const cpdColorIconQuaternaryAlpha = "hsla(215, 96%, 10%, 0.35)";
export const cpdColorIconAccentTertiary = "#009b78";
export const cpdColorIconAccentPrimary = "#007a61";
export const cpdColorIconCriticalPrimary = "#d51928";
export const cpdColorIconSuccessPrimary = "#007a61";
export const cpdColorIconInfoPrimary = "#064ab1";
export const cpdColorIconOnSolidPrimary = "#ffffff";
export const cpdColorGradientSubtleStop1 = "hsla(154, 96%, 37%, 0.41)";
export const cpdColorGradientSubtleStop2 = "hsla(151, 93%, 37%, 0.23)";
export const cpdColorGradientSubtleStop3 = "hsla(150, 100%, 36%, 0.11)";
export const cpdColorGradientSubtleStop4 = "hsla(150, 79%, 41%, 0.06)";
export const cpdColorGradientSubtleStop5 = "hsla(156, 79%, 41%, 0.03)";
export const cpdColorGradientSubtleStop6 = "rgba(0,0,0,0)";
export const cpdColorGradientSubtleLinear =
"linear-gradient(180deg, hsla(154, 96%, 37%, 0.41) 0%, hsla(151, 93%, 37%, 0.23) 20%, hsla(150, 100%, 36%, 0.11) 40%, hsla(150, 79%, 41%, 0.06) 60%, hsla(156, 79%, 41%, 0.03) 80%, rgba(0,0,0,0) 100%)";
export const cpdColorGradientInfoStop1 = "hsla(215, 93%, 50%, 0.28)";
export const cpdColorGradientInfoStop2 = "hsla(216, 95%, 51%, 0.16)";
export const cpdColorGradientInfoStop3 = "hsla(215, 100%, 52%, 0.09)";
export const cpdColorGradientInfoStop4 = "hsla(218, 100%, 57%, 0.05)";
export const cpdColorGradientInfoStop5 = "hsla(210, 100%, 61%, 0.03)";
export const cpdColorGradientInfoStop6 = "rgba(0,0,0,0)";
export const cpdColorGradientInfoLinear =
"linear-gradient(180deg, hsla(215, 93%, 50%, 0.28) 0%, hsla(216, 95%, 51%, 0.16) 20%, hsla(215, 100%, 52%, 0.09) 40%, hsla(218, 100%, 57%, 0.05) 60%, hsla(210, 100%, 61%, 0.03) 80%, rgba(0,0,0,0) 100%)";
export const cpdColorGradientActionStop1 = "#98e1c1";
export const cpdColorGradientActionStop2 = "#0bc491";
export const cpdColorGradientActionStop3 = "#007a61";
export const cpdColorGradientActionStop4 = "#005c45";
export const cpdColorGradientActionLinear =
"linear-gradient(180deg, #98e1c1 0%, #0bc491 33%, #007a61 66%, #005c45 100%)";