UNPKG

@vector-im/compound-design-tokens

Version:
723 lines (722 loc) 44.5 kB
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%)";