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

package/assets/web/js/cpdDarkHc.js

@@ -36,7 +36,6 @@ export const cpdFontFamilyMono = "Inconsolata";
 export const cpdFontWeightRegular = "400";
 export const cpdFontWeightMedium = "500";
 export const cpdFontWeightSemibold = "600";
-export const cpdFontWeightBold = "700";
 export const cpdFontLineHeightMinimum = "1";
 export const cpdFontLineHeightTight = "1.25";
 export const cpdFontLineHeightRegular = "1.5";
@@ -48,6 +47,7 @@ export const cpdFontSizeHeadingSm = "1.25rem";
 export const cpdFontSizeHeadingMd = "1.5rem";
 export const cpdFontSizeHeadingLg = "1.75rem";
 export const cpdFontSizeHeadingXl = "2rem";
+export const cpdFontSizeRoot = "1rem";
 export const cpdFontLetterSpacingBodyXs = "0.0048em";
 export const cpdFontLetterSpacingBodySm = "-0.0031em";
 export const cpdFontLetterSpacingBodyMd = "-0.0088em";
@@ -77,76 +77,140 @@ export const cpdFontHeadingLgRegular = "400 1.75rem/1.25 Inter";
 export const cpdFontHeadingLgSemibold = "600 1.75rem/1.25 Inter";
 export const cpdFontHeadingXlRegular = "400 2rem/1.25 Inter";
 export const cpdFontHeadingXlSemibold = "600 2rem/1.25 Inter";
-export const cpdColorGray100 = "#0c1b29";
-export const cpdColorGray200 = "#11202f";
-export const cpdColorGray300 = "#1a2939";
-export const cpdColorGray400 = "#1f2f3f";
-export const cpdColorGray500 = "#304051";
-export const cpdColorGray600 = "#3f5062";
-export const cpdColorGray700 = "#56687a";
-export const cpdColorGray800 = "#718295";
-export const cpdColorGray900 = "#a9b4c0";
-export const cpdColorGray1000 = "#b5bec9";
-export const cpdColorGray1100 = "#c7ced5";
-export const cpdColorGray1200 = "#d4dadf";
-export const cpdColorGray1300 = "#ebedf0";
-export const cpdColorGray1400 = "#f3f4f6";
-export const cpdColorRed100 = "#3b0000";
+export const cpdIconArrowLeft = "icons/arrow-left.svg";
+export const cpdIconArrowRight = "icons/arrow-right.svg";
+export const cpdIconArrowUpRight = "icons/arrow-up-right.svg";
+export const cpdIconBlock = "icons/block.svg";
+export const cpdIconChatNew = "icons/chat-new.svg";
+export const cpdIconChatProblem = "icons/chat-problem.svg";
+export const cpdIconChat = "icons/chat.svg";
+export const cpdIconCheckCircle = "icons/check-circle.svg";
+export const cpdIconCheck = "icons/check.svg";
+export const cpdIconChevronDown = "icons/chevron-down.svg";
+export const cpdIconChevronLeft = "icons/chevron-left.svg";
+export const cpdIconChevronRight = "icons/chevron-right.svg";
+export const cpdIconChevronUpDown = "icons/chevron-up-down.svg";
+export const cpdIconClose = "icons/close.svg";
+export const cpdIconComputer = "icons/computer.svg";
+export const cpdIconDelete = "icons/delete.svg";
+export const cpdIconDownload = "icons/download.svg";
+export const cpdIconDragGrid = "icons/drag-grid.svg";
+export const cpdIconDragList = "icons/drag-list.svg";
+export const cpdIconError = "icons/error.svg";
+export const cpdIconExportArchive = "icons/export-archive.svg";
+export const cpdIconExtensions = "icons/extensions.svg";
+export const cpdIconFavouriteOff = "icons/favourite-off.svg";
+export const cpdIconFavouriteOn = "icons/favourite-on.svg";
+export const cpdIconFiles = "icons/files.svg";
+export const cpdIconFilter = "icons/filter.svg";
+export const cpdIconInfo = "icons/info.svg";
+export const cpdIconLeave = "icons/leave.svg";
+export const cpdIconLink = "icons/link.svg";
+export const cpdIconLockOff = "icons/lock-off.svg";
+export const cpdIconLock = "icons/lock.svg";
+export const cpdIconMarkerReadReceipts = "icons/marker-read-receipts.svg";
+export const cpdIconMention = "icons/mention.svg";
+export const cpdIconMobile = "icons/mobile.svg";
+export const cpdIconNotificationsOff = "icons/notifications-off.svg";
+export const cpdIconNotificationsSolidOff = "icons/notifications-solid-off.svg";
+export const cpdIconNotificationsSolid = "icons/notifications-solid.svg";
+export const cpdIconNotifications = "icons/notifications.svg";
+export const cpdIconOffline = "icons/offline.svg";
+export const cpdIconOverflowHorizontal = "icons/overflow-horizontal.svg";
+export const cpdIconOverflowVertical = "icons/overflow-vertical.svg";
+export const cpdIconPolls = "icons/polls.svg";
+export const cpdIconPopOut = "icons/pop-out.svg";
+export const cpdIconPublic = "icons/public.svg";
+export const cpdIconSearch = "icons/search.svg";
+export const cpdIconSettingsSolid = "icons/settings-solid.svg";
+export const cpdIconSettings = "icons/settings.svg";
+export const cpdIconShareAndroid = "icons/share-android.svg";
+export const cpdIconShare = "icons/share.svg";
+export const cpdIconThreadsSolid = "icons/threads-solid.svg";
+export const cpdIconThreads = "icons/threads.svg";
+export const cpdIconUserAddSolid = "icons/user-add-solid.svg";
+export const cpdIconUserAdd = "icons/user-add.svg";
+export const cpdIconUserProfile = "icons/user-profile.svg";
+export const cpdIconVerified = "icons/verified.svg";
+export const cpdIconVideoCallDeclined = "icons/video-call-declined.svg";
+export const cpdIconVideoCallMissed = "icons/video-call-missed.svg";
+export const cpdIconVideoCallOff = "icons/video-call-off.svg";
+export const cpdIconVideoCall = "icons/video-call.svg";
+export const cpdIconVisibilityOff = "icons/visibility-off.svg";
+export const cpdIconVisibilityOn = "icons/visibility-on.svg";
+export const cpdIconVoiceCall = "icons/voice-call.svg";
+export const cpdIconWebBrowser = "icons/web-browser.svg";
+export const cpdColorThemeBg = "#101317";
+export const cpdColorGray100 = "#181a1f";
+export const cpdColorGray200 = "#1d1f24";
+export const cpdColorGray300 = "#26282d";
+export const cpdColorGray400 = "#2b2e33";
+export const cpdColorGray500 = "#3c3f44";
+export const cpdColorGray600 = "#4a4f55";
+export const cpdColorGray700 = "#606770";
+export const cpdColorGray800 = "#79818d";
+export const cpdColorGray900 = "#acb4bd";
+export const cpdColorGray1000 = "#b8bfc7";
+export const cpdColorGray1100 = "#c8ced5";
+export const cpdColorGray1200 = "#d5dae1";
+export const cpdColorGray1300 = "#ebeef2";
+export const cpdColorGray1400 = "#f2f5f7";
+export const cpdColorRed100 = "#3e0000";
 export const cpdColorRed200 = "#470000";
-export const cpdColorRed300 = "#570000";
+export const cpdColorRed300 = "#590000";
 export const cpdColorRed400 = "#640000";
 export const cpdColorRed500 = "#830009";
-export const cpdColorRed600 = "#9e0c1e";
-export const cpdColorRed700 = "#c81d28";
+export const cpdColorRed600 = "#9f0d1e";
+export const cpdColorRed700 = "#c81e28";
 export const cpdColorRed800 = "#f52f33";
-export const cpdColorRed900 = "#ff958a";
-export const cpdColorRed1000 = "#ffa79c";
+export const cpdColorRed900 = "#ff968c";
+export const cpdColorRed1000 = "#ffa79d";
 export const cpdColorRed1100 = "#ffbdb5";
-export const cpdColorRed1200 = "#ffcec7";
-export const cpdColorRed1300 = "#ffe8e5";
+export const cpdColorRed1200 = "#ffcfc8";
+export const cpdColorRed1300 = "#ffe9e6";
 export const cpdColorRed1400 = "#fff2ef";
 export const cpdColorOrange100 = "#3c0000";
 export const cpdColorOrange200 = "#470000";
 export const cpdColorOrange300 = "#580000";
 export const cpdColorOrange400 = "#650000";
-export const cpdColorOrange500 = "#820300";
-export const cpdColorOrange600 = "#972105";
-export const cpdColorOrange700 = "#b34007";
+export const cpdColorOrange500 = "#830500";
+export const cpdColorOrange600 = "#972206";
+export const cpdColorOrange700 = "#b44007";
 export const cpdColorOrange800 = "#d15f0b";
 export const cpdColorOrange900 = "#f89d58";
-export const cpdColorOrange1000 = "#faac73";
-export const cpdColorOrange1100 = "#fdc096";
+export const cpdColorOrange1000 = "#faad73";
+export const cpdColorOrange1100 = "#fdc197";
 export const cpdColorOrange1200 = "#fed0b1";
-export const cpdColorOrange1300 = "#ffe9db";
-export const cpdColorOrange1400 = "#fff2e8";
+export const cpdColorOrange1300 = "#ffeadb";
+export const cpdColorOrange1400 = "#fff2ea";
 export const cpdColorYellow100 = "#3a0300";
 export const cpdColorYellow200 = "#410900";
 export const cpdColorYellow300 = "#4c1400";
 export const cpdColorYellow400 = "#541d00";
 export const cpdColorYellow500 = "#682e03";
-export const cpdColorYellow600 = "#7b3e03";
-export const cpdColorYellow700 = "#975600";
+export const cpdColorYellow600 = "#7c3e02";
+export const cpdColorYellow700 = "#985600";
 export const cpdColorYellow800 = "#b47200";
-export const cpdColorYellow900 = "#e2aa00";
+export const cpdColorYellow900 = "#e3aa00";
 export const cpdColorYellow1000 = "#ebb607";
-export const cpdColorYellow1100 = "#f6c816";
+export const cpdColorYellow1100 = "#f7c816";
 export const cpdColorYellow1200 = "#fed632";
-export const cpdColorYellow1300 = "#ffedb0";
+export const cpdColorYellow1300 = "#ffedb1";
 export const cpdColorYellow1400 = "#fff4d0";
-export const cpdColorLime100 = "#001e00";
-export const cpdColorLime200 = "#002500";
-export const cpdColorLime300 = "#002f00";
+export const cpdColorLime100 = "#002000";
+export const cpdColorLime200 = "#002600";
+export const cpdColorLime300 = "#003000";
 export const cpdColorLime400 = "#003700";
 export const cpdColorLime500 = "#004a00";
 export const cpdColorLime600 = "#005c00";
 export const cpdColorLime700 = "#187611";
 export const cpdColorLime800 = "#31941d";
 export const cpdColorLime900 = "#5eca2f";
-export const cpdColorLime1000 = "#69d536";
-export const cpdColorLime1100 = "#91e173";
-export const cpdColorLime1200 = "#ade998";
+export const cpdColorLime1000 = "#6ad639";
+export const cpdColorLime1100 = "#92e175";
+export const cpdColorLime1200 = "#afe99a";
 export const cpdColorLime1300 = "#daf6d0";
-export const cpdColorLime1400 = "#e8f9e3";
+export const cpdColorLime1400 = "#e9f9e3";
 export const cpdColorGreen100 = "#001f0e";
 export const cpdColorGreen200 = "#002513";
 export const cpdColorGreen300 = "#002e1b";
@@ -156,78 +220,286 @@ export const cpdColorGreen600 = "#005a43";
 export const cpdColorGreen700 = "#00745c";
 export const cpdColorGreen800 = "#109173";
 export const cpdColorGreen900 = "#37c998";
-export const cpdColorGreen1000 = "#61d1a6";
-export const cpdColorGreen1100 = "#8eddbc";
-export const cpdColorGreen1200 = "#abe5cb";
-export const cpdColorGreen1300 = "#d9f3e7";
-export const cpdColorGreen1400 = "#e8f8f0";
+export const cpdColorGreen1000 = "#61d2a6";
+export const cpdColorGreen1100 = "#8fddbc";
+export const cpdColorGreen1200 = "#ace6cc";
+export const cpdColorGreen1300 = "#d9f4e7";
+export const cpdColorGreen1400 = "#e9f8f1";
 export const cpdColorCyan100 = "#001448";
 export const cpdColorCyan200 = "#001b4e";
 export const cpdColorCyan300 = "#002559";
 export const cpdColorCyan400 = "#002d61";
-export const cpdColorCyan500 = "#003f74";
+export const cpdColorCyan500 = "#003f75";
 export const cpdColorCyan600 = "#005188";
-export const cpdColorCyan700 = "#006ba4";
+export const cpdColorCyan700 = "#006ca4";
 export const cpdColorCyan800 = "#008aba";
-export const cpdColorCyan900 = "#43c3d2";
-export const cpdColorCyan1000 = "#6accd9";
-export const cpdColorCyan1100 = "#92d8e2";
+export const cpdColorCyan900 = "#46c3d2";
+export const cpdColorCyan1000 = "#6bccd9";
+export const cpdColorCyan1100 = "#93d9e2";
 export const cpdColorCyan1200 = "#afe2e9";
-export const cpdColorCyan1300 = "#d9f2f5";
-export const cpdColorCyan1400 = "#e8f7f9";
+export const cpdColorCyan1300 = "#dbf2f5";
+export const cpdColorCyan1400 = "#eaf7f9";
 export const cpdColorBlue100 = "#00095d";
-export const cpdColorBlue200 = "#001063";
-export const cpdColorBlue300 = "#001d6e";
+export const cpdColorBlue200 = "#001264";
+export const cpdColorBlue300 = "#001e6f";
 export const cpdColorBlue400 = "#032677";
-export const cpdColorBlue500 = "#083890";
-export const cpdColorBlue600 = "#0b48ab";
+export const cpdColorBlue500 = "#083891";
+export const cpdColorBlue600 = "#0b49ab";
 export const cpdColorBlue700 = "#0e61d1";
-export const cpdColorBlue800 = "#327fe9";
-export const cpdColorBlue900 = "#88b4f6";
-export const cpdColorBlue1000 = "#99c0f8";
+export const cpdColorBlue800 = "#337fe9";
+export const cpdColorBlue900 = "#89b5f6";
+export const cpdColorBlue1000 = "#9ac0f8";
 export const cpdColorBlue1100 = "#b2cffa";
-export const cpdColorBlue1200 = "#c4dbfc";
+export const cpdColorBlue1200 = "#c5dbfc";
 export const cpdColorBlue1300 = "#e4eefe";
-export const cpdColorBlue1400 = "#eef4fe";
+export const cpdColorBlue1400 = "#eff5fe";
 export const cpdColorPurple100 = "#1c005a";
-export const cpdColorPurple200 = "#210068";
+export const cpdColorPurple200 = "#22006a";
 export const cpdColorPurple300 = "#2c0080";
 export const cpdColorPurple400 = "#350090";
-export const cpdColorPurple500 = "#490bb1";
+export const cpdColorPurple500 = "#4a0db1";
 export const cpdColorPurple600 = "#5a27c6";
-export const cpdColorPurple700 = "#7343e5";
+export const cpdColorPurple700 = "#7343e6";
 export const cpdColorPurple800 = "#8b66f8";
 export const cpdColorPurple900 = "#b6a7ff";
 export const cpdColorPurple1000 = "#c0b5ff";
-export const cpdColorPurple1100 = "#cec6ff";
-export const cpdColorPurple1200 = "#dad4ff";
+export const cpdColorPurple1100 = "#cec7ff";
+export const cpdColorPurple1200 = "#dad5ff";
 export const cpdColorPurple1300 = "#eeebff";
-export const cpdColorPurple1400 = "#f4f3ff";
-export const cpdColorFuchsia100 = "#2c0042";
+export const cpdColorPurple1400 = "#f5f3ff";
+export const cpdColorFuchsia100 = "#2e0044";
 export const cpdColorFuchsia200 = "#37004e";
-export const cpdColorFuchsia300 = "#44005c";
+export const cpdColorFuchsia300 = "#46005e";
 export const cpdColorFuchsia400 = "#4f0368";
 export const cpdColorFuchsia500 = "#65177d";
 export const cpdColorFuchsia600 = "#7d2394";
 export const cpdColorFuchsia700 = "#a233b3";
-export const cpdColorFuchsia800 = "#c152cb";
-export const cpdColorFuchsia900 = "#dd9ce2";
+export const cpdColorFuchsia800 = "#c153cb";
+export const cpdColorFuchsia900 = "#dd9de3";
 export const cpdColorFuchsia1000 = "#e3abe7";
-export const cpdColorFuchsia1100 = "#eabfed";
+export const cpdColorFuchsia1100 = "#eac0ed";
 export const cpdColorFuchsia1200 = "#f0cff2";
-export const cpdColorFuchsia1300 = "#f8e8f9";
+export const cpdColorFuchsia1300 = "#f8e9f9";
 export const cpdColorFuchsia1400 = "#fbf1fb";
 export const cpdColorPink100 = "#3c0012";
 export const cpdColorPink200 = "#450018";
 export const cpdColorPink300 = "#550024";
 export const cpdColorPink400 = "#61002d";
-export const cpdColorPink500 = "#7b0c41";
-export const cpdColorPink600 = "#98114f";
+export const cpdColorPink500 = "#7c0c41";
+export const cpdColorPink600 = "#99114f";
 export const cpdColorPink700 = "#c51761";
-export const cpdColorPink800 = "#f12b75";
+export const cpdColorPink800 = "#f12c75";
 export const cpdColorPink900 = "#ff92ac";
-export const cpdColorPink1000 = "#ffa4b8";
-export const cpdColorPink1100 = "#ffbbc9";
+export const cpdColorPink1000 = "#ffa4b9";
+export const cpdColorPink1100 = "#ffbbca";
 export const cpdColorPink1200 = "#ffccd7";
-export const cpdColorPink1300 = "#ffe7ec";
-export const cpdColorPink1400 = "#fff0f3";
+export const cpdColorPink1300 = "#ffe8ed";
+export const cpdColorPink1400 = "#fff1f4";
+export const cpdColorAlphaGray100 = "hsla(286, 31%, 82%, 0.04)";
+export const cpdColorAlphaGray200 = "hsla(280, 41%, 90%, 0.06)";
+export const cpdColorAlphaGray300 = "hsla(270, 37%, 93%, 0.1)";
+export const cpdColorAlphaGray400 = "hsla(227, 29%, 91%, 0.13)";
+export const cpdColorAlphaGray500 = "hsla(225, 46%, 95%, 0.2)";
+export const cpdColorAlphaGray600 = "hsla(213, 85%, 95%, 0.27)";
+export const cpdColorAlphaGray700 = "hsla(214, 79%, 93%, 0.39)";
+export const cpdColorAlphaGray800 = "hsla(216, 94%, 93%, 0.51)";
+export const cpdColorAlphaGray900 = "hsla(211, 91%, 96%, 0.72)";
+export const cpdColorAlphaGray1000 = "hsla(213, 100%, 97%, 0.76)";
+export const cpdColorAlphaGray1100 = "hsla(212, 100%, 97%, 0.82)";
+export const cpdColorAlphaGray1200 = "hsla(217, 77%, 97%, 0.88)";
+export const cpdColorAlphaGray1300 = "hsla(214, 78%, 98%, 0.95)";
+export const cpdColorAlphaGray1400 = "hsla(204, 71%, 99%, 0.97)";
+export const cpdColorAlphaRed100 = "hsl(0, 100%, 12%, 1)";
+export const cpdColorAlphaRed200 = "hsl(0, 100%, 14%, 1)";
+export const cpdColorAlphaRed300 = "hsl(0, 100%, 18%, 1)";
+export const cpdColorAlphaRed400 = "hsl(0, 100%, 20%, 1)";
+export const cpdColorAlphaRed500 = "hsl(356, 100%, 26%, 1)";
+export const cpdColorAlphaRed600 = "hsla(354, 99%, 52%, 0.6)";
+export const cpdColorAlphaRed700 = "hsla(357, 100%, 57%, 0.77)";
+export const cpdColorAlphaRed800 = "hsla(359, 100%, 59%, 0.96)";
+export const cpdColorAlphaRed900 = "hsl(5, 100%, 78%, 1)";
+export const cpdColorAlphaRed1000 = "hsl(6, 100%, 81%, 1)";
+export const cpdColorAlphaRed1100 = "hsl(6, 100%, 86%, 1)";
+export const cpdColorAlphaRed1200 = "hsl(8, 100%, 89%, 1)";
+export const cpdColorAlphaRed1300 = "hsl(7, 100%, 95%, 1)";
+export const cpdColorAlphaRed1400 = "hsl(11, 100%, 97%, 1)";
+export const cpdColorAlphaOrange100 = "hsl(0, 100%, 12%, 1)";
+export const cpdColorAlphaOrange200 = "hsl(0, 100%, 14%, 1)";
+export const cpdColorAlphaOrange300 = "hsl(0, 100%, 17%, 1)";
+export const cpdColorAlphaOrange400 = "hsl(0, 100%, 20%, 1)";
+export const cpdColorAlphaOrange500 = "hsl(2, 100%, 26%, 1)";
+export const cpdColorAlphaOrange600 = "hsla(12, 100%, 39%, 0.74)";
+export const cpdColorAlphaOrange700 = "hsla(20, 100%, 49%, 0.7)";
+export const cpdColorAlphaOrange800 = "hsla(26, 99%, 51%, 0.81)";
+export const cpdColorAlphaOrange900 = "hsla(26, 98%, 67%, 0.98)";
+export const cpdColorAlphaOrange1000 = "hsla(26, 100%, 73%, 0.98)";
+export const cpdColorAlphaOrange1100 = "hsl(25, 96%, 79%, 1)";
+export const cpdColorAlphaOrange1200 = "hsl(24, 98%, 85%, 1)";
+export const cpdColorAlphaOrange1300 = "hsl(25, 100%, 93%, 1)";
+export const cpdColorAlphaOrange1400 = "hsl(23, 100%, 96%, 1)";
+export const cpdColorAlphaYellow100 = "hsl(3, 100%, 11%, 1)";
+export const cpdColorAlphaYellow200 = "hsl(8, 100%, 13%, 1)";
+export const cpdColorAlphaYellow300 = "hsl(16, 100%, 15%, 1)";
+export const cpdColorAlphaYellow400 = "hsl(21, 100%, 17%, 1)";
+export const cpdColorAlphaYellow500 = "hsla(26, 100%, 23%, 0.87)";
+export const cpdColorAlphaYellow600 = "hsla(30, 100%, 26%, 0.92)";
+export const cpdColorAlphaYellow700 = "hsl(34, 100%, 30%, 1)";
+export const cpdColorAlphaYellow800 = "hsl(38, 100%, 35%, 1)";
+export const cpdColorAlphaYellow900 = "hsl(45, 100%, 45%, 1)";
+export const cpdColorAlphaYellow1000 = "hsla(46, 99%, 51%, 0.92)";
+export const cpdColorAlphaYellow1100 = "hsla(48, 99%, 54%, 0.97)";
+export const cpdColorAlphaYellow1200 = "hsl(48, 99%, 60%, 1)";
+export const cpdColorAlphaYellow1300 = "hsl(46, 100%, 85%, 1)";
+export const cpdColorAlphaYellow1400 = "hsl(46, 100%, 91%, 1)";
+export const cpdColorAlphaLime100 = "hsl(120, 100%, 6%, 1)";
+export const cpdColorAlphaLime200 = "hsl(120, 100%, 8%, 1)";
+export const cpdColorAlphaLime300 = "hsl(120, 100%, 9%, 1)";
+export const cpdColorAlphaLime400 = "hsl(120, 100%, 11%, 1)";
+export const cpdColorAlphaLime500 = "hsl(120, 100%, 15%, 1)";
+export const cpdColorAlphaLime600 = "hsl(120, 100%, 18%, 1)";
+export const cpdColorAlphaLime700 = "hsla(114, 100%, 52%, 0.42)";
+export const cpdColorAlphaLime800 = "hsla(109, 99%, 57%, 0.55)";
+export const cpdColorAlphaLime900 = "hsla(101, 99%, 60%, 0.78)";
+export const cpdColorAlphaLime1000 = "hsla(101, 99%, 62%, 0.83)";
+export const cpdColorAlphaLime1100 = "hsla(103, 97%, 75%, 0.88)";
+export const cpdColorAlphaLime1200 = "hsla(103, 98%, 83%, 0.91)";
+export const cpdColorAlphaLime1300 = "hsla(105, 91%, 92%, 0.97)";
+export const cpdColorAlphaLime1400 = "hsla(104, 92%, 95%, 0.98)";
+export const cpdColorAlphaGreen100 = "hsl(147, 100%, 6%, 1)";
+export const cpdColorAlphaGreen200 = "hsl(151, 100%, 7%, 1)";
+export const cpdColorAlphaGreen300 = "hsl(155, 100%, 9%, 1)";
+export const cpdColorAlphaGreen400 = "hsl(158, 100%, 11%, 1)";
+export const cpdColorAlphaGreen500 = "hsl(162, 100%, 14%, 1)";
+export const cpdColorAlphaGreen600 = "hsl(165, 100%, 18%, 1)";
+export const cpdColorAlphaGreen700 = "hsl(168, 100%, 23%, 1)";
+export const cpdColorAlphaGreen800 = "hsla(165, 98%, 53%, 0.54)";
+export const cpdColorAlphaGreen900 = "hsla(159, 97%, 62%, 0.78)";
+export const cpdColorAlphaGreen1000 = "hsla(156, 100%, 73%, 0.81)";
+export const cpdColorAlphaGreen1100 = "hsla(154, 98%, 82%, 0.86)";
+export const cpdColorAlphaGreen1200 = "hsla(153, 94%, 87%, 0.9)";
+export const cpdColorAlphaGreen1300 = "hsla(152, 88%, 94%, 0.96)";
+export const cpdColorAlphaGreen1400 = "hsla(150, 80%, 96%, 0.98)";
+export const cpdColorAlphaCyan100 = "hsl(223, 100%, 14%, 1)";
+export const cpdColorAlphaCyan200 = "hsl(219, 100%, 15%, 1)";
+export const cpdColorAlphaCyan300 = "hsl(215, 100%, 18%, 1)";
+export const cpdColorAlphaCyan400 = "hsl(212, 100%, 19%, 1)";
+export const cpdColorAlphaCyan500 = "hsl(208, 100%, 23%, 1)";
+export const cpdColorAlphaCyan600 = "hsl(204, 100%, 27%, 1)";
+export const cpdColorAlphaCyan700 = "hsl(200, 100%, 32%, 1)";
+export const cpdColorAlphaCyan800 = "hsl(195, 100%, 37%, 1)";
+export const cpdColorAlphaCyan900 = "hsla(186, 99%, 66%, 0.81)";
+export const cpdColorAlphaCyan1000 = "hsla(187, 99%, 74%, 0.84)";
+export const cpdColorAlphaCyan1100 = "hsla(187, 98%, 82%, 0.88)";
+export const cpdColorAlphaCyan1200 = "hsla(188, 97%, 87%, 0.91)";
+export const cpdColorAlphaCyan1300 = "hsla(187, 93%, 94%, 0.96)";
+export const cpdColorAlphaCyan1400 = "hsla(187, 89%, 97%, 0.98)";
+export const cpdColorAlphaBlue100 = "hsl(234, 100%, 18%, 1)";
+export const cpdColorAlphaBlue200 = "hsl(229, 100%, 20%, 1)";
+export const cpdColorAlphaBlue300 = "hsl(224, 100%, 22%, 1)";
+export const cpdColorAlphaBlue400 = "hsla(222, 100%, 28%, 0.82)";
+export const cpdColorAlphaBlue500 = "hsla(219, 99%, 50%, 0.53)";
+export const cpdColorAlphaBlue600 = "hsla(217, 99%, 51%, 0.64)";
+export const cpdColorAlphaBlue700 = "hsla(215, 98%, 52%, 0.81)";
+export const cpdColorAlphaBlue800 = "hsla(215, 99%, 60%, 0.91)";
+export const cpdColorAlphaBlue900 = "hsla(216, 97%, 77%, 0.97)";
+export const cpdColorAlphaBlue1000 = "hsla(216, 100%, 81%, 0.97)";
+export const cpdColorAlphaBlue1100 = "hsla(216, 100%, 86%, 0.98)";
+export const cpdColorAlphaBlue1200 = "hsla(216, 97%, 89%, 0.99)";
+export const cpdColorAlphaBlue1300 = "hsl(217, 93%, 95%, 1)";
+export const cpdColorAlphaBlue1400 = "hsl(216, 88%, 97%, 1)";
+export const cpdColorAlphaPurple100 = "hsl(259, 100%, 18%, 1)";
+export const cpdColorAlphaPurple200 = "hsl(259, 100%, 21%, 1)";
+export const cpdColorAlphaPurple300 = "hsl(261, 100%, 25%, 1)";
+export const cpdColorAlphaPurple400 = "hsl(262, 100%, 28%, 1)";
+export const cpdColorAlphaPurple500 = "hsla(263, 98%, 52%, 0.67)";
+export const cpdColorAlphaPurple600 = "hsla(260, 98%, 58%, 0.76)";
+export const cpdColorAlphaPurple700 = "hsla(258, 98%, 64%, 0.9)";
+export const cpdColorAlphaPurple800 = "hsla(255, 100%, 71%, 0.97)";
+export const cpdColorAlphaPurple900 = "hsl(250, 100%, 83%, 1)";
+export const cpdColorAlphaPurple1000 = "hsl(249, 100%, 86%, 1)";
+export const cpdColorAlphaPurple1100 = "hsl(248, 100%, 89%, 1)";
+export const cpdColorAlphaPurple1200 = "hsl(247, 100%, 92%, 1)";
+export const cpdColorAlphaPurple1300 = "hsl(249, 100%, 96%, 1)";
+export const cpdColorAlphaPurple1400 = "hsl(250, 100%, 98%, 1)";
+export const cpdColorAlphaFuchsia100 = "hsl(281, 100%, 13%, 1)";
+export const cpdColorAlphaFuchsia200 = "hsl(282, 100%, 15%, 1)";
+export const cpdColorAlphaFuchsia300 = "hsl(285, 100%, 18%, 1)";
+export const cpdColorAlphaFuchsia400 = "hsla(286, 100%, 23%, 0.85)";
+export const cpdColorAlphaFuchsia500 = "hsla(288, 100%, 56%, 0.44)";
+export const cpdColorAlphaFuchsia600 = "hsla(289, 99%, 59%, 0.54)";
+export const cpdColorAlphaFuchsia700 = "hsla(293, 97%, 62%, 0.68)";
+export const cpdColorAlphaFuchsia800 = "hsla(296, 99%, 70%, 0.78)";
+export const cpdColorAlphaFuchsia900 = "hsla(295, 100%, 85%, 0.88)";
+export const cpdColorAlphaFuchsia1000 = "hsla(296, 97%, 87%, 0.9)";
+export const cpdColorAlphaFuchsia1100 = "hsla(296, 92%, 90%, 0.93)";
+export const cpdColorAlphaFuchsia1200 = "hsla(297, 95%, 92%, 0.95)";
+export const cpdColorAlphaFuchsia1300 = "hsla(296, 90%, 96%, 0.98)";
+export const cpdColorAlphaFuchsia1400 = "hsla(300, 71%, 97%, 0.99)";
+export const cpdColorAlphaPink100 = "hsl(342, 100%, 12%, 1)";
+export const cpdColorAlphaPink200 = "hsl(339, 100%, 14%, 1)";
+export const cpdColorAlphaPink300 = "hsl(335, 100%, 17%, 1)";
+export const cpdColorAlphaPink400 = "hsl(332, 100%, 19%, 1)";
+export const cpdColorAlphaPink500 = "hsla(333, 97%, 50%, 0.46)";
+export const cpdColorAlphaPink600 = "hsla(334, 98%, 53%, 0.58)";
+export const cpdColorAlphaPink700 = "hsla(335, 99%, 55%, 0.76)";
+export const cpdColorAlphaPink800 = "hsla(338, 98%, 58%, 0.95)";
+export const cpdColorAlphaPink900 = "hsl(346, 100%, 79%, 1)";
+export const cpdColorAlphaPink1000 = "hsl(346, 100%, 82%, 1)";
+export const cpdColorAlphaPink1100 = "hsl(347, 100%, 87%, 1)";
+export const cpdColorAlphaPink1200 = "hsl(347, 100%, 90%, 1)";
+export const cpdColorAlphaPink1300 = "hsl(347, 100%, 96%, 1)";
+export const cpdColorAlphaPink1400 = "hsl(347, 100%, 97%, 1)";
+export const cpdColorTextPrimary = "#f2f5f7";
+export const cpdColorTextSecondary = "#acb4bd";
+export const cpdColorTextPlaceholder = "#79818d";
+export const cpdColorTextDisabled = "#79818d";
+export const cpdColorTextActionPrimary = "#f2f5f7";
+export const cpdColorTextActionAccent = "#37c998";
+export const cpdColorTextLinkExternal = "#89b5f6";
+export const cpdColorTextCriticalPrimary = "#ff968c";
+export const cpdColorTextSuccessPrimary = "#37c998";
+export const cpdColorTextInfoPrimary = "#89b5f6";
+export const cpdColorTextOnSolidPrimary = "#101317";
+export const cpdColorBgSubtlePrimary = "#2b2e33";
+export const cpdColorBgSubtleSecondary = "#26282d";
+export const cpdColorBgCanvasDefault = "#101317";
+export const cpdColorBgCanvasDisabled = "#1d1f24";
+export const cpdColorBgCanvasDefaultLevel1 = "#26282d";
+export const cpdColorBgActionPrimaryRest = "#f2f5f7";
+export const cpdColorBgActionPrimaryHovered = "#d5dae1";
+export const cpdColorBgActionPrimaryPressed = "#c8ced5";
+export const cpdColorBgActionPrimaryDisabled = "#606770";
+export const cpdColorBgActionSecondaryRest = "#101317";
+export const cpdColorBgActionSecondaryHovered = "hsla(280, 41%, 90%, 0.06)";
+export const cpdColorBgActionSecondaryPressed = "hsla(270, 37%, 93%, 0.1)";
+export const cpdColorBgCriticalPrimary = "#ff968c";
+export const cpdColorBgCriticalHovered = "#ffa79d";
+export const cpdColorBgCriticalSubtle = "#470000";
+export const cpdColorBgCriticalSubtleHovered = "#590000";
+export const cpdColorBgSuccessSubtle = "#002513";
+export const cpdColorBgInfoSubtle = "#001264";
+export const cpdColorBgSubtleSecondaryLevel0 = "#101317";
+export const cpdColorBorderDisabled = "#3c3f44";
+export const cpdColorBorderFocused = "#89b5f6";
+export const cpdColorBorderInteractivePrimary = "#79818d";
+export const cpdColorBorderInteractiveSecondary = "#4a4f55";
+export const cpdColorBorderInteractiveHovered = "#c8ced5";
+export const cpdColorBorderCriticalPrimary = "#ff968c";
+export const cpdColorBorderCriticalHovered = "#ffa79d";
+export const cpdColorBorderCriticalSubtle = "#830009";
+export const cpdColorBorderSuccessSubtle = "#004832";
+export const cpdColorBorderInfoSubtle = "#083891";
+export const cpdColorIconPrimary = "#f2f5f7";
+export const cpdColorIconSecondary = "#acb4bd";
+export const cpdColorIconTertiary = "#79818d";
+export const cpdColorIconQuaternary = "#606770";
+export const cpdColorIconDisabled = "#606770";
+export const cpdColorIconPrimaryAlpha = "hsla(204, 71%, 99%, 0.97)";
+export const cpdColorIconSecondaryAlpha = "hsla(211, 91%, 96%, 0.72)";
+export const cpdColorIconTertiaryAlpha = "hsla(216, 94%, 93%, 0.51)";
+export const cpdColorIconQuaternaryAlpha = "hsla(214, 79%, 93%, 0.39)";
+export const cpdColorIconAccentTertiary = "#109173";
+export const cpdColorIconCriticalPrimary = "#ff968c";
+export const cpdColorIconSuccessPrimary = "#37c998";
+export const cpdColorIconInfoPrimary = "#89b5f6";
+export const cpdColorIconOnSolidPrimary = "#101317";