@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 = "#f7f9fa";
export const cpdColorGray200 = "#f0f2f5";
export const cpdColorGray300 = "#e1e6ec";
export const cpdColorGray400 = "#d7dce3";
export const cpdColorGray500 = "#bdc4cc";
export const cpdColorGray600 = "#a6adb7";
export const cpdColorGray700 = "#878f9b";
export const cpdColorGray800 = "#6c737e";
export const cpdColorGray900 = "#474a51";
export const cpdColorGray1000 = "#3f4248";
export const cpdColorGray1100 = "#35383d";
export const cpdColorGray1200 = "#2d3034";
export const cpdColorGray1300 = "#1f2126";
export const cpdColorGray1400 = "#1a1c21";
export const cpdColorRed100 = "#fff7f6";
export const cpdColorRed200 = "#ffefec";
export const cpdColorRed300 = "#ffdfda";
export const cpdColorRed400 = "#ffd1ca";
export const cpdColorRed500 = "#ffafa5";
export const cpdColorRed600 = "#ff8c81";
export const cpdColorRed700 = "#ff4e49";
export const cpdColorRed800 = "#e11e2a";
export const cpdColorRed900 = "#99001a";
export const cpdColorRed1000 = "#8b000c";
export const cpdColorRed1100 = "#770000";
export const cpdColorRed1200 = "#670000";
export const cpdColorRed1300 = "#4c0000";
export const cpdColorRed1400 = "#420000";
export const cpdColorOrange100 = "#fff6ef";
export const cpdColorOrange200 = "#ffefe4";
export const cpdColorOrange300 = "#ffdfc8";
export const cpdColorOrange400 = "#ffd4b5";
export const cpdColorOrange500 = "#fdb37c";
export const cpdColorOrange600 = "#f89440";
export const cpdColorOrange700 = "#e26e00";
export const cpdColorOrange800 = "#c44d00";
export const cpdColorOrange900 = "#931700";
export const cpdColorOrange1000 = "#890800";
export const cpdColorOrange1100 = "#770000";
export const cpdColorOrange1200 = "#670000";
export const cpdColorOrange1300 = "#4c0000";
export const cpdColorOrange1400 = "#420000";
export const cpdColorYellow100 = "#fff8e0";
export const cpdColorYellow200 = "#fff2c1";
export const cpdColorYellow300 = "#ffe484";
export const cpdColorYellow400 = "#ffda49";
export const cpdColorYellow500 = "#f1bd00";
export const cpdColorYellow600 = "#dea200";
export const cpdColorYellow700 = "#c38100";
export const cpdColorYellow800 = "#a76300";
export const cpdColorYellow900 = "#773800";
export const cpdColorYellow1000 = "#6e3100";
export const cpdColorYellow1100 = "#612600";
export const cpdColorYellow1200 = "#571d00";
export const cpdColorYellow1300 = "#450c00";
export const cpdColorYellow1400 = "#3f0500";
export const cpdColorLime100 = "#f1fcee";
export const cpdColorLime200 = "#e0f8d9";
export const cpdColorLime300 = "#c8f1ba";
export const cpdColorLime400 = "#afeb9b";
export const cpdColorLime500 = "#76db4c";
export const cpdColorLime600 = "#54c424";
export const cpdColorLime700 = "#3aa31a";
export const cpdColorLime800 = "#1f850f";
export const cpdColorLime900 = "#005700";
export const cpdColorLime1000 = "#004f00";
export const cpdColorLime1100 = "#004200";
export const cpdColorLime1200 = "#003900";
export const cpdColorLime1300 = "#002900";
export const cpdColorLime1400 = "#002200";
export const cpdColorGreen100 = "#f1fbf6";
export const cpdColorGreen200 = "#e3f7ed";
export const cpdColorGreen300 = "#c6eedb";
export const cpdColorGreen400 = "#afe8ce";
export const cpdColorGreen500 = "#71d7ae";
export const cpdColorGreen600 = "#0bc491";
export const cpdColorGreen700 = "#00a27c";
export const cpdColorGreen800 = "#008268";
export const cpdColorGreen900 = "#00553d";
export const cpdColorGreen1000 = "#004d36";
export const cpdColorGreen1100 = "#00402b";
export const cpdColorGreen1200 = "#003723";
export const cpdColorGreen1300 = "#002715";
export const cpdColorGreen1400 = "#00210f";
export const cpdColorCyan100 = "#f1fafb";
export const cpdColorCyan200 = "#e3f5f8";
export const cpdColorCyan300 = "#c7ecf0";
export const cpdColorCyan400 = "#b1e4eb";
export const cpdColorCyan500 = "#76d1dd";
export const cpdColorCyan600 = "#15becf";
export const cpdColorCyan700 = "#009ac3";
export const cpdColorCyan800 = "#007ab3";
export const cpdColorCyan900 = "#004c84";
export const cpdColorCyan1000 = "#00447b";
export const cpdColorCyan1100 = "#00376e";
export const cpdColorCyan1200 = "#002e64";
export const cpdColorCyan1300 = "#001e53";
export const cpdColorCyan1400 = "#00174d";
export const cpdColorBlue100 = "#f4f8ff";
export const cpdColorBlue200 = "#e9f2ff";
export const cpdColorBlue300 = "#d8e7fe";
export const cpdColorBlue400 = "#c8ddfd";
export const cpdColorBlue500 = "#a3c6fa";
export const cpdColorBlue600 = "#7eaff6";
export const cpdColorBlue700 = "#4a8ef0";
export const cpdColorBlue800 = "#046ee8";
export const cpdColorBlue900 = "#0543a7";
export const cpdColorBlue1000 = "#053b9a";
export const cpdColorBlue1100 = "#043088";
export const cpdColorBlue1200 = "#03277b";
export const cpdColorBlue1300 = "#001569";
export const cpdColorBlue1400 = "#000c63";
export const cpdColorPurple100 = "#f8f7ff";
export const cpdColorPurple200 = "#f1efff";
export const cpdColorPurple300 = "#e6e2ff";
export const cpdColorPurple400 = "#ddd8ff";
export const cpdColorPurple500 = "#c5bbff";
export const cpdColorPurple600 = "#b1a0ff";
export const cpdColorPurple700 = "#9778fe";
export const cpdColorPurple800 = "#824ef9";
export const cpdColorPurple900 = "#571cc4";
export const cpdColorPurple1000 = "#4f0dba";
export const cpdColorPurple1100 = "#4200a6";
export const cpdColorPurple1200 = "#360094";
export const cpdColorPurple1300 = "#240070";
export const cpdColorPurple1400 = "#1f0062";
export const cpdColorFuchsia100 = "#fcf5fd";
export const cpdColorFuchsia200 = "#faeefb";
export const cpdColorFuchsia300 = "#f6dff7";
export const cpdColorFuchsia400 = "#f1d2f3";
export const cpdColorFuchsia500 = "#e7b2ea";
export const cpdColorFuchsia600 = "#db93e1";
export const cpdColorFuchsia700 = "#cb68d4";
export const cpdColorFuchsia800 = "#b937c6";
export const cpdColorFuchsia900 = "#781c90";
export const cpdColorFuchsia1000 = "#6c1785";
export const cpdColorFuchsia1100 = "#5c0f76";
export const cpdColorFuchsia1200 = "#52026c";
export const cpdColorFuchsia1300 = "#3b0053";
export const cpdColorFuchsia1400 = "#32004a";
export const cpdColorPink100 = "#fff5f7";
export const cpdColorPink200 = "#ffecf0";
export const cpdColorPink300 = "#ffdee5";
export const cpdColorPink400 = "#ffd0da";
export const cpdColorPink500 = "#ffadc0";
export const cpdColorPink600 = "#ff88a6";
export const cpdColorPink700 = "#f94e84";
export const cpdColorPink800 = "#e00c6a";
export const cpdColorPink900 = "#92084b";
export const cpdColorPink1000 = "#840745";
export const cpdColorPink1100 = "#72003a";
export const cpdColorPink1200 = "#64002f";
export const cpdColorPink1300 = "#4a001c";
export const cpdColorPink1400 = "#410015";
export const cpdColorAlphaGray100 = "hsla(200, 41%, 36%, 0.04)";
export const cpdColorAlphaGray200 = "hsla(216, 89%, 18%, 0.06)";
export const cpdColorAlphaGray300 = "hsla(213, 90%, 20%, 0.12)";
export const cpdColorAlphaGray400 = "hsla(215, 88%, 17%, 0.16)";
export const cpdColorAlphaGray500 = "hsla(212, 97%, 12%, 0.26)";
export const cpdColorAlphaGray600 = "hsla(215, 96%, 10%, 0.35)";
export const cpdColorAlphaGray700 = "hsla(216, 81%, 10%, 0.48)";
export const cpdColorAlphaGray800 = "hsla(217, 89%, 7%, 0.58)";
export const cpdColorAlphaGray900 = "hsla(223, 70%, 4%, 0.73)";
export const cpdColorAlphaGray1000 = "hsla(220, 75%, 3%, 0.76)";
export const cpdColorAlphaGray1100 = "hsla(222, 63%, 3%, 0.8)";
export const cpdColorAlphaGray1200 = "hsla(210, 67%, 2%, 0.83)";
export const cpdColorAlphaGray1300 = "hsla(218, 100%, 2%, 0.88)";
export const cpdColorAlphaGray1400 = "hsla(223, 78%, 2%, 0.9)";
export const cpdColorAlphaRed100 = "hsla(7, 100%, 56%, 0.04)";
export const cpdColorAlphaRed200 = "hsla(9, 100%, 54%, 0.08)";
export const cpdColorAlphaRed300 = "hsla(8, 100%, 52%, 0.15)";
export const cpdColorAlphaRed400 = "hsla(8, 100%, 51%, 0.21)";
export const cpdColorAlphaRed500 = "hsla(7, 100%, 51%, 0.36)";
export const cpdColorAlphaRed600 = "hsla(5, 100%, 51%, 0.5)";
export const cpdColorAlphaRed700 = "hsla(2, 100%, 50%, 0.72)";
export const cpdColorAlphaRed800 = "hsla(356, 98%, 44%, 0.89)";
export const cpdColorAlphaRed900 = "hsl(350, 100%, 30%, 1)";
export const cpdColorAlphaRed1000 = "hsl(355, 100%, 27%, 1)";
export const cpdColorAlphaRed1100 = "hsl(0, 100%, 23%, 1)";
export const cpdColorAlphaRed1200 = "hsl(0, 100%, 20%, 1)";
export const cpdColorAlphaRed1300 = "hsl(0, 100%, 15%, 1)";
export const cpdColorAlphaRed1400 = "hsl(0, 100%, 13%, 1)";
export const cpdColorAlphaOrange100 = "hsla(26, 100%, 55%, 0.07)";
export const cpdColorAlphaOrange200 = "hsla(24, 100%, 52%, 0.11)";
export const cpdColorAlphaOrange300 = "hsla(25, 100%, 51%, 0.22)";
export const cpdColorAlphaOrange400 = "hsla(25, 100%, 52%, 0.3)";
export const cpdColorAlphaOrange500 = "hsla(26, 98%, 50%, 0.52)";
export const cpdColorAlphaOrange600 = "hsla(27, 100%, 48%, 0.75)";
export const cpdColorAlphaOrange700 = "hsl(29, 100%, 44%, 1)";
export const cpdColorAlphaOrange800 = "hsl(24, 100%, 38%, 1)";
export const cpdColorAlphaOrange900 = "hsl(9, 100%, 29%, 1)";
export const cpdColorAlphaOrange1000 = "hsl(4, 100%, 27%, 1)";
export const cpdColorAlphaOrange1100 = "hsl(0, 100%, 23%, 1)";
export const cpdColorAlphaOrange1200 = "hsl(0, 100%, 20%, 1)";
export const cpdColorAlphaOrange1300 = "hsl(0, 100%, 15%, 1)";
export const cpdColorAlphaOrange1400 = "hsl(0, 100%, 13%, 1)";
export const cpdColorAlphaYellow100 = "hsla(46, 100%, 53%, 0.13)";
export const cpdColorAlphaYellow200 = "hsla(47, 100%, 51%, 0.25)";
export const cpdColorAlphaYellow300 = "hsla(47, 100%, 51%, 0.49)";
export const cpdColorAlphaYellow400 = "hsla(48, 100%, 50%, 0.72)";
export const cpdColorAlphaYellow500 = "hsl(47, 100%, 47%, 1)";
export const cpdColorAlphaYellow600 = "hsl(44, 100%, 44%, 1)";
export const cpdColorAlphaYellow700 = "hsl(40, 100%, 38%, 1)";
export const cpdColorAlphaYellow800 = "hsl(36, 100%, 33%, 1)";
export const cpdColorAlphaYellow900 = "hsl(28, 100%, 23%, 1)";
export const cpdColorAlphaYellow1000 = "hsl(27, 100%, 22%, 1)";
export const cpdColorAlphaYellow1100 = "hsl(24, 100%, 19%, 1)";
export const cpdColorAlphaYellow1200 = "hsl(20, 100%, 17%, 1)";
export const cpdColorAlphaYellow1300 = "hsl(10, 100%, 14%, 1)";
export const cpdColorAlphaYellow1400 = "hsl(5, 100%, 12%, 1)";
export const cpdColorAlphaLime100 = "hsla(107, 89%, 44%, 0.07)";
export const cpdColorAlphaLime200 = "hsla(107, 98%, 41%, 0.15)";
export const cpdColorAlphaLime300 = "hsla(105, 92%, 42%, 0.28)";
export const cpdColorAlphaLime400 = "hsla(105, 95%, 41%, 0.4)";
export const cpdColorAlphaLime500 = "hsla(102, 97%, 41%, 0.71)";
export const cpdColorAlphaLime600 = "hsla(102, 100%, 37%, 0.86)";
export const cpdColorAlphaLime700 = "hsla(106, 99%, 30%, 0.9)";
export const cpdColorAlphaLime800 = "hsla(112, 97%, 25%, 0.95)";
export const cpdColorAlphaLime900 = "hsl(120, 100%, 17%, 1)";
export const cpdColorAlphaLime1000 = "hsl(120, 100%, 16%, 1)";
export const cpdColorAlphaLime1100 = "hsl(120, 100%, 13%, 1)";
export const cpdColorAlphaLime1200 = "hsl(120, 100%, 11%, 1)";
export const cpdColorAlphaLime1300 = "hsl(120, 100%, 8%, 1)";
export const cpdColorAlphaLime1400 = "hsl(120, 100%, 7%, 1)";
export const cpdColorAlphaGreen100 = "hsla(150, 79%, 41%, 0.06)";
export const cpdColorAlphaGreen200 = "hsla(150, 100%, 36%, 0.11)";
export const cpdColorAlphaGreen300 = "hsla(151, 93%, 37%, 0.23)";
export const cpdColorAlphaGreen400 = "hsla(153, 95%, 37%, 0.32)";
export const cpdColorAlphaGreen500 = "hsla(156, 99%, 36%, 0.56)";
export const cpdColorAlphaGreen600 = "hsla(163, 99%, 38%, 0.96)";
export const cpdColorAlphaGreen700 = "hsl(166, 100%, 32%, 1)";
export const cpdColorAlphaGreen800 = "hsl(168, 100%, 26%, 1)";
export const cpdColorAlphaGreen900 = "hsl(163, 100%, 17%, 1)";
export const cpdColorAlphaGreen1000 = "hsl(162, 100%, 15%, 1)";
export const cpdColorAlphaGreen1100 = "hsl(160, 100%, 13%, 1)";
export const cpdColorAlphaGreen1200 = "hsl(158, 100%, 11%, 1)";
export const cpdColorAlphaGreen1300 = "hsl(152, 100%, 8%, 1)";
export const cpdColorAlphaGreen1400 = "hsl(147, 100%, 7%, 1)";
export const cpdColorAlphaCyan100 = "hsla(186, 79%, 41%, 0.06)";
export const cpdColorAlphaCyan200 = "hsla(188, 100%, 38%, 0.11)";
export const cpdColorAlphaCyan300 = "hsla(186, 100%, 37%, 0.22)";
export const cpdColorAlphaCyan400 = "hsla(187, 97%, 38%, 0.31)";
export const cpdColorAlphaCyan500 = "hsla(187, 99%, 38%, 0.54)";
export const cpdColorAlphaCyan600 = "hsla(186, 99%, 40%, 0.92)";
export const cpdColorAlphaCyan700 = "hsl(193, 100%, 38%, 1)";
export const cpdColorAlphaCyan800 = "hsl(199, 100%, 35%, 1)";
export const cpdColorAlphaCyan900 = "hsl(205, 100%, 26%, 1)";
export const cpdColorAlphaCyan1000 = "hsl(207, 100%, 24%, 1)";
export const cpdColorAlphaCyan1100 = "hsl(210, 100%, 22%, 1)";
export const cpdColorAlphaCyan1200 = "hsl(212, 100%, 20%, 1)";
export const cpdColorAlphaCyan1300 = "hsl(218, 100%, 16%, 1)";
export const cpdColorAlphaCyan1400 = "hsl(222, 100%, 15%, 1)";
export const cpdColorAlphaBlue100 = "hsla(218, 100%, 57%, 0.05)";
export const cpdColorAlphaBlue200 = "hsla(215, 100%, 52%, 0.09)";
export const cpdColorAlphaBlue300 = "hsla(216, 95%, 51%, 0.16)";
export const cpdColorAlphaBlue400 = "hsla(216, 96%, 49%, 0.22)";
export const cpdColorAlphaBlue500 = "hsla(216, 95%, 48%, 0.37)";
export const cpdColorAlphaBlue600 = "hsla(215, 98%, 47%, 0.51)";
export const cpdColorAlphaBlue700 = "hsla(215, 100%, 46%, 0.71)";
export const cpdColorAlphaBlue800 = "hsla(212, 99%, 46%, 0.99)";
export const cpdColorAlphaBlue900 = "hsla(217, 98%, 33%, 0.99)";
export const cpdColorAlphaBlue1000 = "hsla(218, 97%, 30%, 0.99)";
export const cpdColorAlphaBlue1100 = "hsla(220, 99%, 27%, 0.99)";
export const cpdColorAlphaBlue1200 = "hsla(222, 100%, 24%, 0.99)";
export const cpdColorAlphaBlue1300 = "hsl(228, 100%, 21%, 1)";
export const cpdColorAlphaBlue1400 = "hsl(233, 100%, 19%, 1)";
export const cpdColorAlphaPurple100 = "hsla(248, 100%, 61%, 0.04)";
export const cpdColorAlphaPurple200 = "hsla(248, 100%, 55%, 0.07)";
export const cpdColorAlphaPurple300 = "hsla(248, 100%, 53%, 0.12)";
export const cpdColorAlphaPurple400 = "hsla(248, 100%, 52%, 0.16)";
export const cpdColorAlphaPurple500 = "hsla(249, 100%, 51%, 0.27)";
export const cpdColorAlphaPurple600 = "hsla(251, 100%, 51%, 0.38)";
export const cpdColorAlphaPurple700 = "hsla(254, 100%, 50%, 0.53)";
export const cpdColorAlphaPurple800 = "hsla(258, 98%, 49%, 0.7)";
export const cpdColorAlphaPurple900 = "hsla(261, 97%, 38%, 0.9)";
export const cpdColorAlphaPurple1000 = "hsla(263, 100%, 36%, 0.95)";
export const cpdColorAlphaPurple1100 = "hsl(264, 100%, 33%, 1)";
export const cpdColorAlphaPurple1200 = "hsl(262, 100%, 29%, 1)";
export const cpdColorAlphaPurple1300 = "hsl(259, 100%, 22%, 1)";
export const cpdColorAlphaPurple1400 = "hsl(259, 100%, 19%, 1)";
export const cpdColorAlphaFuchsia100 = "hsla(293, 95%, 41%, 0.04)";
export const cpdColorAlphaFuchsia200 = "hsla(295, 89%, 41%, 0.07)";
export const cpdColorAlphaFuchsia300 = "hsla(298, 91%, 40%, 0.13)";
export const cpdColorAlphaFuchsia400 = "hsla(296, 95%, 38%, 0.18)";
export const cpdColorAlphaFuchsia500 = "hsla(297, 93%, 38%, 0.31)";
export const cpdColorAlphaFuchsia600 = "hsla(295, 96%, 37%, 0.43)";
export const cpdColorAlphaFuchsia700 = "hsla(295, 97%, 37%, 0.6)";
export const cpdColorAlphaFuchsia800 = "hsla(294, 98%, 36%, 0.79)";
export const cpdColorAlphaFuchsia900 = "hsla(287, 96%, 27%, 0.9)";
export const cpdColorAlphaFuchsia1000 = "hsla(286, 100%, 24%, 0.91)";
export const cpdColorAlphaFuchsia1100 = "hsla(285, 97%, 22%, 0.95)";
export const cpdColorAlphaFuchsia1200 = "hsl(285, 96%, 22%, 1)";
export const cpdColorAlphaFuchsia1300 = "hsl(283, 100%, 16%, 1)";
export const cpdColorAlphaFuchsia1400 = "hsl(281, 100%, 15%, 1)";
export const cpdColorAlphaPink100 = "hsla(348, 100%, 51%, 0.04)";
export const cpdColorAlphaPink200 = "hsla(347, 100%, 54%, 0.08)";
export const cpdColorAlphaPink300 = "hsla(347, 100%, 50%, 0.13)";
export const cpdColorAlphaPink400 = "hsla(347, 100%, 52%, 0.19)";
export const cpdColorAlphaPink500 = "hsla(346, 100%, 51%, 0.33)";
export const cpdColorAlphaPink600 = "hsla(345, 100%, 50%, 0.47)";
export const cpdColorAlphaPink700 = "hsla(341, 98%, 49%, 0.7)";
export const cpdColorAlphaPink800 = "hsla(333, 98%, 44%, 0.96)";
export const cpdColorAlphaPink900 = "hsla(331, 100%, 28%, 0.97)";
export const cpdColorAlphaPink1000 = "hsla(330, 97%, 26%, 0.98)";
export const cpdColorAlphaPink1100 = "hsl(329, 100%, 22%, 1)";
export const cpdColorAlphaPink1200 = "hsl(332, 100%, 20%, 1)";
export const cpdColorAlphaPink1300 = "hsl(337, 100%, 15%, 1)";
export const cpdColorAlphaPink1400 = "hsl(341, 100%, 13%, 1)";
export const cpdColorTransparent = "rgba(0,0,0,0)";
export const cpdColorTextPrimary = "#1a1c21";
export const cpdColorTextSecondary = "#474a51";
export const cpdColorTextDisabled = "#6c737e";
export const cpdColorTextActionPrimary = "#1a1c21";
export const cpdColorTextActionAccent = "#00553d";
export const cpdColorTextLinkExternal = "#043088";
export const cpdColorTextCriticalPrimary = "#99001a";
export const cpdColorTextSuccessPrimary = "#00553d";
export const cpdColorTextInfoPrimary = "#043088";
export const cpdColorTextOnSolidPrimary = "#ffffff";
export const cpdColorTextDecorative1 = "#004200";
export const cpdColorTextDecorative2 = "#00376e";
export const cpdColorTextDecorative3 = "#5c0f76";
export const cpdColorTextDecorative4 = "#4200a6";
export const cpdColorTextDecorative5 = "#72003a";
export const cpdColorTextDecorative6 = "#770000";
export const cpdColorTextBadgeAccent = "#00402b";
export const cpdColorTextBadgeInfo = "#043088";
export const cpdColorBgSubtlePrimary = "#d7dce3";
export const cpdColorBgSubtleSecondary = "#e1e6ec";
export const cpdColorBgCanvasDefault = "#ffffff";
export const cpdColorBgCanvasDisabled = "#f0f2f5";
export const cpdColorBgCanvasDefaultLevel1 = "#ffffff";
export const cpdColorBgActionPrimaryRest = "#1a1c21";
export const cpdColorBgActionPrimaryHovered = "#2d3034";
export const cpdColorBgActionPrimaryPressed = "#35383d";
export const cpdColorBgActionPrimaryDisabled = "#878f9b";
export const cpdColorBgActionSecondaryRest = "#ffffff";
export const cpdColorBgActionSecondaryHovered = "hsla(216, 89%, 18%, 0.06)";
export const cpdColorBgActionSecondaryPressed = "hsla(213, 90%, 20%, 0.12)";
export const cpdColorBgActionTertiaryRest = "#ffffff";
export const cpdColorBgActionTertiaryHovered = "#e1e6ec";
export const cpdColorBgActionTertiarySelected = "#d7dce3";
export const cpdColorBgCriticalPrimary = "#99001a";
export const cpdColorBgCriticalHovered = "#8b000c";
export const cpdColorBgCriticalSubtle = "#ffefec";
export const cpdColorBgCriticalSubtleHovered = "#ffdfda";
export const cpdColorBgSuccessSubtle = "#e3f7ed";
export const cpdColorBgInfoSubtle = "#e9f2ff";
export const cpdColorBgDecorative1 = "#c8f1ba";
export const cpdColorBgDecorative2 = "#c7ecf0";
export const cpdColorBgDecorative3 = "#f6dff7";
export const cpdColorBgDecorative4 = "#e6e2ff";
export const cpdColorBgDecorative5 = "#ffdee5";
export const cpdColorBgDecorative6 = "#ffdfc8";
export const cpdColorBgAccentRest = "#00553d";
export const cpdColorBgAccentHovered = "#004d36";
export const cpdColorBgAccentPressed = "#00402b";
export const cpdColorBgAccentSelected = "hsla(151, 93%, 37%, 0.23)";
export const cpdColorBgSubtleSecondaryLevel0 = "#e1e6ec";
export const cpdColorBgBadgeAccent = "hsla(153, 95%, 37%, 0.32)";
export const cpdColorBgBadgeInfo = "hsla(216, 96%, 49%, 0.22)";
export const cpdColorBgBadgeDefault = "hsla(215, 88%, 17%, 0.16)";
export const cpdColorBorderDisabled = "#bdc4cc";
export const cpdColorBorderFocused = "#0543a7";
export const cpdColorBorderInteractivePrimary = "#6c737e";
export const cpdColorBorderInteractiveSecondary = "#a6adb7";
export const cpdColorBorderInteractiveHovered = "#35383d";
export const cpdColorBorderCriticalPrimary = "#99001a";
export const cpdColorBorderCriticalHovered = "#8b000c";
export const cpdColorBorderCriticalSubtle = "#ffafa5";
export const cpdColorBorderSuccessSubtle = "#71d7ae";
export const cpdColorBorderInfoSubtle = "#4a8ef0";
export const cpdColorBorderAccentSubtle = "#00a27c";
export const cpdColorIconPrimary = "#1a1c21";
export const cpdColorIconSecondary = "#474a51";
export const cpdColorIconTertiary = "#6c737e";
export const cpdColorIconQuaternary = "#878f9b";
export const cpdColorIconDisabled = "#878f9b";
export const cpdColorIconPrimaryAlpha = "hsla(223, 78%, 2%, 0.9)";
export const cpdColorIconSecondaryAlpha = "hsla(223, 70%, 4%, 0.73)";
export const cpdColorIconTertiaryAlpha = "hsla(217, 89%, 7%, 0.58)";
export const cpdColorIconQuaternaryAlpha = "hsla(216, 81%, 10%, 0.48)";
export const cpdColorIconAccentTertiary = "#008268";
export const cpdColorIconAccentPrimary = "#00553d";
export const cpdColorIconCriticalPrimary = "#99001a";
export const cpdColorIconSuccessPrimary = "#00553d";
export const cpdColorIconInfoPrimary = "#043088";
export const cpdColorIconOnSolidPrimary = "#ffffff";
export const cpdColorGradientSubtleStop1 = "hsla(156, 99%, 36%, 0.56)";
export const cpdColorGradientSubtleStop2 = "hsla(153, 95%, 37%, 0.32)";
export const cpdColorGradientSubtleStop3 = "hsla(151, 93%, 37%, 0.23)";
export const cpdColorGradientSubtleStop4 = "hsla(150, 100%, 36%, 0.11)";
export const cpdColorGradientSubtleStop5 = "hsla(150, 79%, 41%, 0.06)";
export const cpdColorGradientSubtleStop6 = "rgba(0,0,0,0)";
export const cpdColorGradientSubtleLinear =
"linear-gradient(180deg, hsla(156, 99%, 36%, 0.56) 0%, hsla(153, 95%, 37%, 0.32) 20%, hsla(151, 93%, 37%, 0.23) 40%, hsla(150, 100%, 36%, 0.11) 60%, hsla(150, 79%, 41%, 0.06) 80%, rgba(0,0,0,0) 100%)";
export const cpdColorGradientInfoStop1 = "hsla(216, 95%, 48%, 0.37)";
export const cpdColorGradientInfoStop2 = "hsla(216, 96%, 49%, 0.22)";
export const cpdColorGradientInfoStop3 = "hsla(216, 95%, 51%, 0.16)";
export const cpdColorGradientInfoStop4 = "hsla(215, 100%, 52%, 0.09)";
export const cpdColorGradientInfoStop5 = "hsla(218, 100%, 57%, 0.05)";
export const cpdColorGradientInfoStop6 = "rgba(0,0,0,0)";
export const cpdColorGradientInfoLinear =
"linear-gradient(180deg, hsla(216, 95%, 48%, 0.37) 0%, hsla(216, 96%, 49%, 0.22) 20%, hsla(216, 95%, 51%, 0.16) 40%, hsla(215, 100%, 52%, 0.09) 60%, hsla(218, 100%, 57%, 0.05) 80%, rgba(0,0,0,0) 100%)";
export const cpdColorGradientActionStop1 = "#71d7ae";
export const cpdColorGradientActionStop2 = "#00a27c";
export const cpdColorGradientActionStop3 = "#00553d";
export const cpdColorGradientActionStop4 = "#00402b";
export const cpdColorGradientActionLinear =
"linear-gradient(180deg, #71d7ae 0%, #00a27c 33%, #00553d 66%, #00402b 100%)";