@vector-im/compound-design-tokens 6.4.1 → 6.4.3

package/assets/web/css/cpd-common-semantic.css

@@ -4,10 +4,10 @@
   --cpd-color-text-disabled: var(--cpd-color-gray-800);
   --cpd-color-text-action-primary: var(--cpd-color-gray-1400);
   --cpd-color-text-action-accent: var(--cpd-color-green-900);
-  --cpd-color-text-link-external: var(--cpd-color-blue-900);
+  --cpd-color-text-link-external: var(--cpd-color-blue-1100);
   --cpd-color-text-critical-primary: var(--cpd-color-red-900);
   --cpd-color-text-success-primary: var(--cpd-color-green-900);
-  --cpd-color-text-info-primary: var(--cpd-color-blue-900);
+  --cpd-color-text-info-primary: var(--cpd-color-blue-1100);
   --cpd-color-text-on-solid-primary: var(--cpd-color-theme-bg);
   --cpd-color-text-decorative-1: var(--cpd-color-lime-1100);
   --cpd-color-text-decorative-2: var(--cpd-color-cyan-1100);
@@ -71,7 +71,7 @@
   --cpd-color-icon-accent-primary: var(--cpd-color-green-900);
   --cpd-color-icon-critical-primary: var(--cpd-color-red-900);
   --cpd-color-icon-success-primary: var(--cpd-color-green-900);
-  --cpd-color-icon-info-primary: var(--cpd-color-blue-900);
+  --cpd-color-icon-info-primary: var(--cpd-color-blue-1100);
   --cpd-color-icon-on-solid-primary: var(--cpd-color-theme-bg);
   --cpd-color-gradient-subtle-stop1: var(--cpd-color-alpha-green-500);
   --cpd-color-gradient-subtle-stop2: var(--cpd-color-alpha-green-400);

package/assets/web/icons/backspace-solid.cjs

@@ -0,0 +1,19 @@
+var _reactJsxRuntime = require("react/jsx-runtime");
+var React = require("react");
+function BackspaceSolidIcon(props, ref) {
+  return /*#__PURE__*/_reactJsxRuntime.jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    ref: ref,
+    ...props,
+    children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
+      d: "M21.15 4H7.283c-.638 0-1.137.311-1.47.782l-4.66 6.73a.87.87 0 0 0 0 .986l4.66 6.72c.333.462.832.782 1.47.782h13.869C22.168 20 23 19.2 23 18.222V5.778C23 4.8 22.168 4 21.15 4m-3.42 11.822a.947.947 0 0 1-1.304 0l-2.672-2.569-2.672 2.57a.947.947 0 0 1-1.303 0 .86.86 0 0 1 0-1.254L12.45 12 9.779 9.431a.86.86 0 0 1 0-1.253.947.947 0 0 1 1.303 0l2.672 2.569 2.672-2.57a.947.947 0 0 1 1.304 0c.36.347.36.907 0 1.254L15.058 12l2.672 2.569a.877.877 0 0 1 0 1.253"
+    })
+  });
+}
+;
+BackspaceSolidIcon.displayName = "BackspaceSolidIcon";
+module.exports = React.forwardRef(BackspaceSolidIcon);

package/assets/web/icons/backspace-solid.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+
+/**
+ * backspace-solid.svg
+ */
+declare const BackspaceSolidIcon: React.ForwardRefExoticComponent<
+    Omit<React.SVGProps<SVGSVGElement>, "ref" | "children"> &
+    React.RefAttributes<SVGSVGElement>
+>;
+
+export default BackspaceSolidIcon;

package/assets/web/icons/backspace-solid.js

@@ -0,0 +1,19 @@
+import { forwardRef } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+function BackspaceSolidIcon(props, ref) {
+  return /*#__PURE__*/_jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    ref: ref,
+    ...props,
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M21.15 4H7.283c-.638 0-1.137.311-1.47.782l-4.66 6.73a.87.87 0 0 0 0 .986l4.66 6.72c.333.462.832.782 1.47.782h13.869C22.168 20 23 19.2 23 18.222V5.778C23 4.8 22.168 4 21.15 4m-3.42 11.822a.947.947 0 0 1-1.304 0l-2.672-2.569-2.672 2.57a.947.947 0 0 1-1.303 0 .86.86 0 0 1 0-1.254L12.45 12 9.779 9.431a.86.86 0 0 1 0-1.253.947.947 0 0 1 1.303 0l2.672 2.569 2.672-2.57a.947.947 0 0 1 1.304 0c.36.347.36.907 0 1.254L15.058 12l2.672 2.569a.877.877 0 0 1 0 1.253"
+    })
+  });
+}
+;
+BackspaceSolidIcon.displayName = "BackspaceSolidIcon";
+export default forwardRef(BackspaceSolidIcon);

package/assets/web/icons/backspace.cjs

@@ -0,0 +1,29 @@
+var _reactJsxRuntime = require("react/jsx-runtime");
+var React = require("react");
+function BackspaceIcon(props, ref) {
+  return /*#__PURE__*/_reactJsxRuntime.jsxs("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    ref: ref,
+    ...props,
+    children: [/*#__PURE__*/_reactJsxRuntime.jsx("g", {
+      clipPath: "url(#a)",
+      children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
+        d: "M21.167 3.75H7.417c-.633 0-1.128.32-1.458.807L1 12l4.96 7.434c.33.486.824.816 1.457.816h13.75A1.84 1.84 0 0 0 23 18.417V5.583a1.84 1.84 0 0 0-1.833-1.833m0 14.667H7.48L3.2 12l4.272-6.417h13.695zm-10.625-1.834 3.291-3.29 3.291 3.29 1.293-1.292L15.126 12l3.29-3.29-1.292-1.293-3.29 3.29-3.291-3.29L9.25 8.709 12.54 12l-3.29 3.29z"
+      })
+    }), /*#__PURE__*/_reactJsxRuntime.jsx("defs", {
+      children: /*#__PURE__*/_reactJsxRuntime.jsx("clipPath", {
+        id: "a",
+        children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
+          d: "M0 0h24v24H0z"
+        })
+      })
+    })]
+  });
+}
+;
+BackspaceIcon.displayName = "BackspaceIcon";
+module.exports = React.forwardRef(BackspaceIcon);

package/assets/web/icons/backspace.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+
+/**
+ * backspace.svg
+ */
+declare const BackspaceIcon: React.ForwardRefExoticComponent<
+    Omit<React.SVGProps<SVGSVGElement>, "ref" | "children"> &
+    React.RefAttributes<SVGSVGElement>
+>;
+
+export default BackspaceIcon;

package/assets/web/icons/backspace.js

@@ -0,0 +1,29 @@
+import { forwardRef } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function BackspaceIcon(props, ref) {
+  return /*#__PURE__*/_jsxs("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    ref: ref,
+    ...props,
+    children: [/*#__PURE__*/_jsx("g", {
+      clipPath: "url(#a)",
+      children: /*#__PURE__*/_jsx("path", {
+        d: "M21.167 3.75H7.417c-.633 0-1.128.32-1.458.807L1 12l4.96 7.434c.33.486.824.816 1.457.816h13.75A1.84 1.84 0 0 0 23 18.417V5.583a1.84 1.84 0 0 0-1.833-1.833m0 14.667H7.48L3.2 12l4.272-6.417h13.695zm-10.625-1.834 3.291-3.29 3.291 3.29 1.293-1.292L15.126 12l3.29-3.29-1.292-1.293-3.29 3.29-3.291-3.29L9.25 8.709 12.54 12l-3.29 3.29z"
+      })
+    }), /*#__PURE__*/_jsx("defs", {
+      children: /*#__PURE__*/_jsx("clipPath", {
+        id: "a",
+        children: /*#__PURE__*/_jsx("path", {
+          d: "M0 0h24v24H0z"
+        })
+      })
+    })]
+  });
+}
+;
+BackspaceIcon.displayName = "BackspaceIcon";
+export default forwardRef(BackspaceIcon);

package/assets/web/icons/index.cjs

@@ -9,6 +9,8 @@ module.exports = {
   AskToJoinIcon: require("./ask-to-join.cjs"),
   AttachmentIcon: require("./attachment.cjs"),
   AudioIcon: require("./audio.cjs"),
+  BackspaceSolidIcon: require("./backspace-solid.cjs"),
+  BackspaceIcon: require("./backspace.cjs"),
   BlockIcon: require("./block.cjs"),
   BoldIcon: require("./bold.cjs"),
   CalendarIcon: require("./calendar.cjs"),
@@ -92,6 +94,7 @@ module.exports = {
   LabsIcon: require("./labs.cjs"),
   LeaveIcon: require("./leave.cjs"),
   LeftPanelCloseIcon: require("./left-panel-close.cjs"),
+  LeftPanelOpenIcon: require("./left-panel-open.cjs"),
   LinkIcon: require("./link.cjs"),
   LinuxIcon: require("./linux.cjs"),
   ListBulletedIcon: require("./list-bulleted.cjs"),
@@ -166,6 +169,7 @@ module.exports = {
   SpinnerIcon: require("./spinner.cjs"),
   SpotlightViewIcon: require("./spotlight-view.cjs"),
   SpotlightIcon: require("./spotlight.cjs"),
+  StickerIcon: require("./sticker.cjs"),
   StrikethroughIcon: require("./strikethrough.cjs"),
   SwitchCameraSolidIcon: require("./switch-camera-solid.cjs"),
   TakePhotoSolidIcon: require("./take-photo-solid.cjs"),

package/assets/web/icons/index.d.ts

@@ -8,6 +8,8 @@ export { default as AskToJoinSolidIcon } from "./ask-to-join-solid.js";
 export { default as AskToJoinIcon } from "./ask-to-join.js";
 export { default as AttachmentIcon } from "./attachment.js";
 export { default as AudioIcon } from "./audio.js";
+export { default as BackspaceSolidIcon } from "./backspace-solid.js";
+export { default as BackspaceIcon } from "./backspace.js";
 export { default as BlockIcon } from "./block.js";
 export { default as BoldIcon } from "./bold.js";
 export { default as CalendarIcon } from "./calendar.js";
@@ -91,6 +93,7 @@ export { default as KeyboardIcon } from "./keyboard.js";
 export { default as LabsIcon } from "./labs.js";
 export { default as LeaveIcon } from "./leave.js";
 export { default as LeftPanelCloseIcon } from "./left-panel-close.js";
+export { default as LeftPanelOpenIcon } from "./left-panel-open.js";
 export { default as LinkIcon } from "./link.js";
 export { default as LinuxIcon } from "./linux.js";
 export { default as ListBulletedIcon } from "./list-bulleted.js";
@@ -165,6 +168,7 @@ export { default as SpaceIcon } from "./space.js";
 export { default as SpinnerIcon } from "./spinner.js";
 export { default as SpotlightViewIcon } from "./spotlight-view.js";
 export { default as SpotlightIcon } from "./spotlight.js";
+export { default as StickerIcon } from "./sticker.js";
 export { default as StrikethroughIcon } from "./strikethrough.js";
 export { default as SwitchCameraSolidIcon } from "./switch-camera-solid.js";
 export { default as TakePhotoSolidIcon } from "./take-photo-solid.js";

package/assets/web/icons/index.js

@@ -8,6 +8,8 @@ export { default as AskToJoinSolidIcon } from "./ask-to-join-solid.js";
 export { default as AskToJoinIcon } from "./ask-to-join.js";
 export { default as AttachmentIcon } from "./attachment.js";
 export { default as AudioIcon } from "./audio.js";
+export { default as BackspaceSolidIcon } from "./backspace-solid.js";
+export { default as BackspaceIcon } from "./backspace.js";
 export { default as BlockIcon } from "./block.js";
 export { default as BoldIcon } from "./bold.js";
 export { default as CalendarIcon } from "./calendar.js";
@@ -91,6 +93,7 @@ export { default as KeyboardIcon } from "./keyboard.js";
 export { default as LabsIcon } from "./labs.js";
 export { default as LeaveIcon } from "./leave.js";
 export { default as LeftPanelCloseIcon } from "./left-panel-close.js";
+export { default as LeftPanelOpenIcon } from "./left-panel-open.js";
 export { default as LinkIcon } from "./link.js";
 export { default as LinuxIcon } from "./linux.js";
 export { default as ListBulletedIcon } from "./list-bulleted.js";
@@ -165,6 +168,7 @@ export { default as SpaceIcon } from "./space.js";
 export { default as SpinnerIcon } from "./spinner.js";
 export { default as SpotlightViewIcon } from "./spotlight-view.js";
 export { default as SpotlightIcon } from "./spotlight.js";
+export { default as StickerIcon } from "./sticker.js";
 export { default as StrikethroughIcon } from "./strikethrough.js";
 export { default as SwitchCameraSolidIcon } from "./switch-camera-solid.js";
 export { default as TakePhotoSolidIcon } from "./take-photo-solid.js";

package/assets/web/icons/left-panel-open.cjs

@@ -0,0 +1,19 @@
+var _reactJsxRuntime = require("react/jsx-runtime");
+var React = require("react");
+function LeftPanelOpenIcon(props, ref) {
+  return /*#__PURE__*/_reactJsxRuntime.jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    ref: ref,
+    ...props,
+    children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
+      d: "M12.5 9.2v5.6q0 .35.3.475t.55-.125l2.45-2.45q.3-.3.3-.7t-.3-.7l-2.45-2.45q-.25-.25-.55-.125t-.3.475M5 19q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 17V7q0-.824.587-1.412A1.93 1.93 0 0 1 5 5h14q.824 0 1.413.588Q21 6.175 21 7v10q0 .824-.587 1.413A1.93 1.93 0 0 1 19 19zm3-2V7H5v10zm2 0h9V7h-9z"
+    })
+  });
+}
+;
+LeftPanelOpenIcon.displayName = "LeftPanelOpenIcon";
+module.exports = React.forwardRef(LeftPanelOpenIcon);

package/assets/web/icons/left-panel-open.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+
+/**
+ * left-panel-open.svg
+ */
+declare const LeftPanelOpenIcon: React.ForwardRefExoticComponent<
+    Omit<React.SVGProps<SVGSVGElement>, "ref" | "children"> &
+    React.RefAttributes<SVGSVGElement>
+>;
+
+export default LeftPanelOpenIcon;

package/assets/web/icons/left-panel-open.js

@@ -0,0 +1,19 @@
+import { forwardRef } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+function LeftPanelOpenIcon(props, ref) {
+  return /*#__PURE__*/_jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    ref: ref,
+    ...props,
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M12.5 9.2v5.6q0 .35.3.475t.55-.125l2.45-2.45q.3-.3.3-.7t-.3-.7l-2.45-2.45q-.25-.25-.55-.125t-.3.475M5 19q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 17V7q0-.824.587-1.412A1.93 1.93 0 0 1 5 5h14q.824 0 1.413.588Q21 6.175 21 7v10q0 .824-.587 1.413A1.93 1.93 0 0 1 19 19zm3-2V7H5v10zm2 0h9V7h-9z"
+    })
+  });
+}
+;
+LeftPanelOpenIcon.displayName = "LeftPanelOpenIcon";
+export default forwardRef(LeftPanelOpenIcon);

package/assets/web/icons/sticker.cjs

@@ -0,0 +1,21 @@
+var _reactJsxRuntime = require("react/jsx-runtime");
+var React = require("react");
+function StickerIcon(props, ref) {
+  return /*#__PURE__*/_reactJsxRuntime.jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    ref: ref,
+    ...props,
+    children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
+      fillRule: "evenodd",
+      d: "M17 2a5 5 0 0 1 5 4.999v5.335a5 5 0 0 1-1.58 3.647l-4.978 4.667A5 5 0 0 1 12.023 22H7l-.258-.007A5 5 0 0 1 2 17V7a5 5 0 0 1 5-5zM7 4a3 3 0 0 0-3 3v10a3 3 0 0 0 2.999 3H12v-4a4 4 0 0 1 4-4h4V6.999A3 3 0 0 0 17 4zm9 10a2 2 0 0 0-2 2v3.251l.074-.062 4.978-4.666q.252-.238.441-.523z",
+      clipRule: "evenodd"
+    })
+  });
+}
+;
+StickerIcon.displayName = "StickerIcon";
+module.exports = React.forwardRef(StickerIcon);

package/assets/web/icons/sticker.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+
+/**
+ * sticker.svg
+ */
+declare const StickerIcon: React.ForwardRefExoticComponent<
+    Omit<React.SVGProps<SVGSVGElement>, "ref" | "children"> &
+    React.RefAttributes<SVGSVGElement>
+>;
+
+export default StickerIcon;

package/assets/web/icons/sticker.js

@@ -0,0 +1,21 @@
+import { forwardRef } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+function StickerIcon(props, ref) {
+  return /*#__PURE__*/_jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    ref: ref,
+    ...props,
+    children: /*#__PURE__*/_jsx("path", {
+      fillRule: "evenodd",
+      d: "M17 2a5 5 0 0 1 5 4.999v5.335a5 5 0 0 1-1.58 3.647l-4.978 4.667A5 5 0 0 1 12.023 22H7l-.258-.007A5 5 0 0 1 2 17V7a5 5 0 0 1 5-5zM7 4a3 3 0 0 0-3 3v10a3 3 0 0 0 2.999 3H12v-4a4 4 0 0 1 4-4h4V6.999A3 3 0 0 0 17 4zm9 10a2 2 0 0 0-2 2v3.251l.074-.062 4.978-4.666q.252-.238.441-.523z",
+      clipRule: "evenodd"
+    })
+  });
+}
+;
+StickerIcon.displayName = "StickerIcon";
+export default forwardRef(StickerIcon);

package/assets/web/js/cpdDark.d.ts

@@ -280,6 +280,10 @@ export const cpdIconSpace: string;
 export const cpdIconSpaceSolid: string;
 export const cpdIconGuest: string;
 export const cpdIconLeftPanelClose: string;
+export const cpdIconLeftPanelOpen: string;
+export const cpdIconBackspaceSolid: string;
+export const cpdIconBackspace: string;
+export const cpdIconSticker: string;
 export const cpdColorThemeBg: string;
 export const cpdColorGray100: string;
 export const cpdColorGray200: string;

package/assets/web/js/cpdDark.js

@@ -305,6 +305,10 @@ export const cpdIconSpace = "icons/space.svg";
 export const cpdIconSpaceSolid = "icons/space-solid.svg";
 export const cpdIconGuest = "icons/guest.svg";
 export const cpdIconLeftPanelClose = "icons/left-panel-close.svg";
+export const cpdIconLeftPanelOpen = "icons/left-panel-open.svg";
+export const cpdIconBackspaceSolid = "icons/backspace-solid.svg";
+export const cpdIconBackspace = "icons/backspace.svg";
+export const cpdIconSticker = "icons/sticker.svg";
 export const cpdColorThemeBg = "#101317";
 export const cpdColorGray100 = "#14171b";
 export const cpdColorGray200 = "#181a1f";
@@ -620,10 +624,10 @@ export const cpdColorTextSecondary = "#808994";
 export const cpdColorTextDisabled = "#656c76";
 export const cpdColorTextActionPrimary = "#ebeef2";
 export const cpdColorTextActionAccent = "#129a78";
-export const cpdColorTextLinkExternal = "#4187eb";
+export const cpdColorTextLinkExternal = "#7aacf4";
 export const cpdColorTextCriticalPrimary = "#fd3e3c";
 export const cpdColorTextSuccessPrimary = "#129a78";
-export const cpdColorTextInfoPrimary = "#4187eb";
+export const cpdColorTextInfoPrimary = "#7aacf4";
 export const cpdColorTextOnSolidPrimary = "#101317";
 export const cpdColorTextDecorative1 = "#56c02c";
 export const cpdColorTextDecorative2 = "#21bacd";
@@ -692,7 +696,7 @@ export const cpdColorIconAccentTertiary = "#007a62";
 export const cpdColorIconAccentPrimary = "#129a78";
 export const cpdColorIconCriticalPrimary = "#fd3e3c";
 export const cpdColorIconSuccessPrimary = "#129a78";
-export const cpdColorIconInfoPrimary = "#4187eb";
+export const cpdColorIconInfoPrimary = "#7aacf4";
 export const cpdColorIconOnSolidPrimary = "#101317";
 export const cpdColorGradientSubtleStop1 = "hsl(160, 100%, 12%, 1)";
 export const cpdColorGradientSubtleStop2 = "hsl(155, 100%, 9%, 1)";

package/assets/web/js/cpdDarkHc.d.ts

@@ -280,6 +280,10 @@ export const cpdIconSpace: string;
 export const cpdIconSpaceSolid: string;
 export const cpdIconGuest: string;
 export const cpdIconLeftPanelClose: string;
+export const cpdIconLeftPanelOpen: string;
+export const cpdIconBackspaceSolid: string;
+export const cpdIconBackspace: string;
+export const cpdIconSticker: string;
 export const cpdColorThemeBg: string;
 export const cpdColorGray100: string;
 export const cpdColorGray200: string;

package/assets/web/js/cpdDarkHc.js

@@ -305,6 +305,10 @@ export const cpdIconSpace = "icons/space.svg";
 export const cpdIconSpaceSolid = "icons/space-solid.svg";
 export const cpdIconGuest = "icons/guest.svg";
 export const cpdIconLeftPanelClose = "icons/left-panel-close.svg";
+export const cpdIconLeftPanelOpen = "icons/left-panel-open.svg";
+export const cpdIconBackspaceSolid = "icons/backspace-solid.svg";
+export const cpdIconBackspace = "icons/backspace.svg";
+export const cpdIconSticker = "icons/sticker.svg";
 export const cpdColorThemeBg = "#101317";
 export const cpdColorGray100 = "#181a1f";
 export const cpdColorGray200 = "#1d1f24";
@@ -620,10 +624,10 @@ export const cpdColorTextSecondary = "#acb4bd";
 export const cpdColorTextDisabled = "#79818d";
 export const cpdColorTextActionPrimary = "#f2f5f7";
 export const cpdColorTextActionAccent = "#37c998";
-export const cpdColorTextLinkExternal = "#89b5f6";
+export const cpdColorTextLinkExternal = "#b2cffa";
 export const cpdColorTextCriticalPrimary = "#ff968c";
 export const cpdColorTextSuccessPrimary = "#37c998";
-export const cpdColorTextInfoPrimary = "#89b5f6";
+export const cpdColorTextInfoPrimary = "#b2cffa";
 export const cpdColorTextOnSolidPrimary = "#101317";
 export const cpdColorTextDecorative1 = "#92e175";
 export const cpdColorTextDecorative2 = "#93d9e2";
@@ -692,7 +696,7 @@ export const cpdColorIconAccentTertiary = "#109173";
 export const cpdColorIconAccentPrimary = "#37c998";
 export const cpdColorIconCriticalPrimary = "#ff968c";
 export const cpdColorIconSuccessPrimary = "#37c998";
-export const cpdColorIconInfoPrimary = "#89b5f6";
+export const cpdColorIconInfoPrimary = "#b2cffa";
 export const cpdColorIconOnSolidPrimary = "#101317";
 export const cpdColorGradientSubtleStop1 = "hsl(162, 100%, 14%, 1)";
 export const cpdColorGradientSubtleStop2 = "hsl(158, 100%, 11%, 1)";

package/assets/web/js/cpdLight.d.ts

@@ -280,6 +280,10 @@ export const cpdIconSpace: string;
 export const cpdIconSpaceSolid: string;
 export const cpdIconGuest: string;
 export const cpdIconLeftPanelClose: string;
+export const cpdIconLeftPanelOpen: string;
+export const cpdIconBackspaceSolid: string;
+export const cpdIconBackspace: string;
+export const cpdIconSticker: string;
 export const cpdColorThemeBg: string;
 export const cpdColorGray100: string;
 export const cpdColorGray200: string;

package/assets/web/js/cpdLight.js

@@ -305,6 +305,10 @@ export const cpdIconSpace = "icons/space.svg";
 export const cpdIconSpaceSolid = "icons/space-solid.svg";
 export const cpdIconGuest = "icons/guest.svg";
 export const cpdIconLeftPanelClose = "icons/left-panel-close.svg";
+export const cpdIconLeftPanelOpen = "icons/left-panel-open.svg";
+export const cpdIconBackspaceSolid = "icons/backspace-solid.svg";
+export const cpdIconBackspace = "icons/backspace.svg";
+export const cpdIconSticker = "icons/sticker.svg";
 export const cpdColorThemeBg = "#ffffff";
 export const cpdColorGray100 = "#fbfcfd";
 export const cpdColorGray200 = "#f7f9fa";
@@ -620,10 +624,10 @@ export const cpdColorTextSecondary = "#656d77";
 export const cpdColorTextDisabled = "#818a95";
 export const cpdColorTextActionPrimary = "#1b1d22";
 export const cpdColorTextActionAccent = "#007a61";
-export const cpdColorTextLinkExternal = "#0467dd";
+export const cpdColorTextLinkExternal = "#064ab1";
 export const cpdColorTextCriticalPrimary = "#d51928";
 export const cpdColorTextSuccessPrimary = "#007a61";
-export const cpdColorTextInfoPrimary = "#0467dd";
+export const cpdColorTextInfoPrimary = "#064ab1";
 export const cpdColorTextOnSolidPrimary = "#ffffff";
 export const cpdColorTextDecorative1 = "#005f00";
 export const cpdColorTextDecorative2 = "#00548c";
@@ -692,7 +696,7 @@ export const cpdColorIconAccentTertiary = "#009b78";
 export const cpdColorIconAccentPrimary = "#007a61";
 export const cpdColorIconCriticalPrimary = "#d51928";
 export const cpdColorIconSuccessPrimary = "#007a61";
-export const cpdColorIconInfoPrimary = "#0467dd";
+export const cpdColorIconInfoPrimary = "#064ab1";
 export const cpdColorIconOnSolidPrimary = "#ffffff";
 export const cpdColorGradientSubtleStop1 = "hsla(154, 96%, 37%, 0.41)";
 export const cpdColorGradientSubtleStop2 = "hsla(151, 93%, 37%, 0.23)";

package/assets/web/js/cpdLightHc.d.ts

@@ -280,6 +280,10 @@ export const cpdIconSpace: string;
 export const cpdIconSpaceSolid: string;
 export const cpdIconGuest: string;
 export const cpdIconLeftPanelClose: string;
+export const cpdIconLeftPanelOpen: string;
+export const cpdIconBackspaceSolid: string;
+export const cpdIconBackspace: string;
+export const cpdIconSticker: string;
 export const cpdColorThemeBg: string;
 export const cpdColorGray100: string;
 export const cpdColorGray200: string;

package/assets/web/js/cpdLightHc.js

@@ -305,6 +305,10 @@ 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";
@@ -620,10 +624,10 @@ export const cpdColorTextSecondary = "#474a51";
 export const cpdColorTextDisabled = "#6c737e";
 export const cpdColorTextActionPrimary = "#1a1c21";
 export const cpdColorTextActionAccent = "#00553d";
-export const cpdColorTextLinkExternal = "#0543a7";
+export const cpdColorTextLinkExternal = "#043088";
 export const cpdColorTextCriticalPrimary = "#99001a";
 export const cpdColorTextSuccessPrimary = "#00553d";
-export const cpdColorTextInfoPrimary = "#0543a7";
+export const cpdColorTextInfoPrimary = "#043088";
 export const cpdColorTextOnSolidPrimary = "#ffffff";
 export const cpdColorTextDecorative1 = "#004200";
 export const cpdColorTextDecorative2 = "#00376e";
@@ -692,7 +696,7 @@ export const cpdColorIconAccentTertiary = "#008268";
 export const cpdColorIconAccentPrimary = "#00553d";
 export const cpdColorIconCriticalPrimary = "#99001a";
 export const cpdColorIconSuccessPrimary = "#00553d";
-export const cpdColorIconInfoPrimary = "#0543a7";
+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)";

package/icons/$icons.json

@@ -811,6 +811,22 @@
     "left-panel-close": {
       "value": "icons/left-panel-close.svg",
       "type": "icon"
+    },
+    "left-panel-open": {
+      "value": "icons/left-panel-open.svg",
+      "type": "icon"
+    },
+    "backspace-solid": {
+      "value": "icons/backspace-solid.svg",
+      "type": "icon"
+    },
+    "backspace": {
+      "value": "icons/backspace.svg",
+      "type": "icon"
+    },
+    "sticker": {
+      "value": "icons/sticker.svg",
+      "type": "icon"
     }
   }
 }

package/icons/backspace-solid.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="M21.15 4H7.283c-.638 0-1.137.311-1.47.782l-4.66 6.73a.87.87 0 0 0 0 .986l4.66 6.72c.333.462.832.782 1.47.782h13.869C22.168 20 23 19.2 23 18.222V5.778C23 4.8 22.168 4 21.15 4m-3.42 11.822a.947.947 0 0 1-1.304 0l-2.672-2.569-2.672 2.57a.947.947 0 0 1-1.303 0 .86.86 0 0 1 0-1.254L12.45 12 9.779 9.431a.86.86 0 0 1 0-1.253.947.947 0 0 1 1.303 0l2.672 2.569 2.672-2.57a.947.947 0 0 1 1.304 0c.36.347.36.907 0 1.254L15.058 12l2.672 2.569a.877.877 0 0 1 0 1.253"/></svg>

package/icons/backspace.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><g clip-path="url(#a)"><path d="M21.167 3.75H7.417c-.633 0-1.128.32-1.458.807L1 12l4.96 7.434c.33.486.824.816 1.457.816h13.75A1.84 1.84 0 0 0 23 18.417V5.583a1.84 1.84 0 0 0-1.833-1.833m0 14.667H7.48L3.2 12l4.272-6.417h13.695zm-10.625-1.834 3.291-3.29 3.291 3.29 1.293-1.292L15.126 12l3.29-3.29-1.292-1.293-3.29 3.29-3.291-3.29L9.25 8.709 12.54 12l-3.29 3.29z"/></g><defs><clipPath id="a"><path d="M0 0h24v24H0z"/></clipPath></defs></svg>

package/icons/left-panel-open.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="M12.5 9.2v5.6q0 .35.3.475t.55-.125l2.45-2.45q.3-.3.3-.7t-.3-.7l-2.45-2.45q-.25-.25-.55-.125t-.3.475M5 19q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 17V7q0-.824.587-1.412A1.93 1.93 0 0 1 5 5h14q.824 0 1.413.588Q21 6.175 21 7v10q0 .824-.587 1.413A1.93 1.93 0 0 1 19 19zm3-2V7H5v10zm2 0h9V7h-9z"/></svg>

package/icons/sticker.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M17 2a5 5 0 0 1 5 4.999v5.335a5 5 0 0 1-1.58 3.647l-4.978 4.667A5 5 0 0 1 12.023 22H7l-.258-.007A5 5 0 0 1 2 17V7a5 5 0 0 1 5-5zM7 4a3 3 0 0 0-3 3v10a3 3 0 0 0 2.999 3H12v-4a4 4 0 0 1 4-4h4V6.999A3 3 0 0 0 17 4zm9 10a2 2 0 0 0-2 2v3.251l.074-.062 4.978-4.666q.252-.238.441-.523z" clip-rule="evenodd"/></svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vector-im/compound-design-tokens",
-  "version": "6.4.1",
+  "version": "6.4.3",
   "description": "Compound design tokens",
   "sideEffects": false,
   "scripts": {