@vector-im/compound-design-tokens 5.0.1 → 6.0.0

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

@@ -44,9 +44,6 @@
   --cpd-color-bg-accent-hovered: var(--cpd-color-green-1000);
   --cpd-color-bg-accent-pressed: var(--cpd-color-green-1100);
   --cpd-color-bg-accent-selected: var(--cpd-color-alpha-green-300);
-  --cpd-color-bg-badge-accent: var(--cpd-color-alpha-green-300);
-  --cpd-color-bg-badge-info: var(--cpd-color-alpha-blue-300);
-  --cpd-color-bg-badge-default: var(--cpd-color-alpha-gray-300);
   --cpd-color-border-disabled: var(--cpd-color-gray-500);
   --cpd-color-border-focused: var(--cpd-color-blue-900);
   --cpd-color-border-interactive-primary: var(--cpd-color-gray-800);

package/assets/web/css/cpd-theme-dark-hc-semantic-mq.css

@@ -1,6 +1,9 @@
 :root {
   --cpd-color-bg-canvas-default-level-1: var(--cpd-color-gray-300);
   --cpd-color-bg-subtle-secondary-level-0: var(--cpd-color-theme-bg);
+  --cpd-color-bg-badge-accent: var(--cpd-color-alpha-green-500);
+  --cpd-color-bg-badge-info: var(--cpd-color-alpha-blue-500);
+  --cpd-color-bg-badge-default: var(--cpd-color-alpha-gray-500);
   --cpd-color-gradient-action-stop1: var(--cpd-color-green-1100);
   --cpd-color-gradient-action-stop2: var(--cpd-color-green-900);
   --cpd-color-gradient-action-stop3: var(--cpd-color-green-700);

package/assets/web/css/cpd-theme-dark-hc-semantic.css

@@ -1,6 +1,9 @@
 .cpd-theme-dark-hc.cpd-theme-dark-hc {
   --cpd-color-bg-canvas-default-level-1: var(--cpd-color-gray-300);
   --cpd-color-bg-subtle-secondary-level-0: var(--cpd-color-theme-bg);
+  --cpd-color-bg-badge-accent: var(--cpd-color-alpha-green-500);
+  --cpd-color-bg-badge-info: var(--cpd-color-alpha-blue-500);
+  --cpd-color-bg-badge-default: var(--cpd-color-alpha-gray-500);
   --cpd-color-gradient-action-stop1: var(--cpd-color-green-1100);
   --cpd-color-gradient-action-stop2: var(--cpd-color-green-900);
   --cpd-color-gradient-action-stop3: var(--cpd-color-green-700);

package/assets/web/css/cpd-theme-dark-semantic-mq.css

@@ -1,6 +1,9 @@
 :root {
   --cpd-color-bg-canvas-default-level-1: var(--cpd-color-gray-300);
   --cpd-color-bg-subtle-secondary-level-0: var(--cpd-color-theme-bg);
+  --cpd-color-bg-badge-accent: var(--cpd-color-alpha-green-500);
+  --cpd-color-bg-badge-info: var(--cpd-color-alpha-blue-500);
+  --cpd-color-bg-badge-default: var(--cpd-color-alpha-gray-500);
   --cpd-color-gradient-action-stop1: var(--cpd-color-green-1100);
   --cpd-color-gradient-action-stop2: var(--cpd-color-green-900);
   --cpd-color-gradient-action-stop3: var(--cpd-color-green-700);

package/assets/web/css/cpd-theme-dark-semantic.css

@@ -1,6 +1,9 @@
 .cpd-theme-dark.cpd-theme-dark {
   --cpd-color-bg-canvas-default-level-1: var(--cpd-color-gray-300);
   --cpd-color-bg-subtle-secondary-level-0: var(--cpd-color-theme-bg);
+  --cpd-color-bg-badge-accent: var(--cpd-color-alpha-green-500);
+  --cpd-color-bg-badge-info: var(--cpd-color-alpha-blue-500);
+  --cpd-color-bg-badge-default: var(--cpd-color-alpha-gray-500);
   --cpd-color-gradient-action-stop1: var(--cpd-color-green-1100);
   --cpd-color-gradient-action-stop2: var(--cpd-color-green-900);
   --cpd-color-gradient-action-stop3: var(--cpd-color-green-700);

package/assets/web/css/cpd-theme-light-hc-semantic-mq.css

@@ -1,6 +1,9 @@
 :root {
   --cpd-color-bg-canvas-default-level-1: var(--cpd-color-theme-bg);
   --cpd-color-bg-subtle-secondary-level-0: var(--cpd-color-gray-300);
+  --cpd-color-bg-badge-accent: var(--cpd-color-alpha-green-400);
+  --cpd-color-bg-badge-info: var(--cpd-color-alpha-blue-400);
+  --cpd-color-bg-badge-default: var(--cpd-color-alpha-gray-400);
   --cpd-color-gradient-action-stop1: var(--cpd-color-green-500);
   --cpd-color-gradient-action-stop2: var(--cpd-color-green-700);
   --cpd-color-gradient-action-stop3: var(--cpd-color-green-900);

package/assets/web/css/cpd-theme-light-hc-semantic.css

@@ -1,6 +1,9 @@
 .cpd-theme-light-hc.cpd-theme-light-hc {
   --cpd-color-bg-canvas-default-level-1: var(--cpd-color-theme-bg);
   --cpd-color-bg-subtle-secondary-level-0: var(--cpd-color-gray-300);
+  --cpd-color-bg-badge-accent: var(--cpd-color-alpha-green-400);
+  --cpd-color-bg-badge-info: var(--cpd-color-alpha-blue-400);
+  --cpd-color-bg-badge-default: var(--cpd-color-alpha-gray-400);
   --cpd-color-gradient-action-stop1: var(--cpd-color-green-500);
   --cpd-color-gradient-action-stop2: var(--cpd-color-green-700);
   --cpd-color-gradient-action-stop3: var(--cpd-color-green-900);

package/assets/web/css/cpd-theme-light-semantic-mq.css

@@ -1,6 +1,9 @@
 :root {
   --cpd-color-bg-canvas-default-level-1: var(--cpd-color-theme-bg);
   --cpd-color-bg-subtle-secondary-level-0: var(--cpd-color-gray-300);
+  --cpd-color-bg-badge-accent: var(--cpd-color-alpha-green-400);
+  --cpd-color-bg-badge-info: var(--cpd-color-alpha-blue-400);
+  --cpd-color-bg-badge-default: var(--cpd-color-alpha-gray-400);
   --cpd-color-gradient-action-stop1: var(--cpd-color-green-500);
   --cpd-color-gradient-action-stop2: var(--cpd-color-green-700);
   --cpd-color-gradient-action-stop3: var(--cpd-color-green-900);

package/assets/web/css/cpd-theme-light-semantic.css

@@ -1,6 +1,9 @@
 .cpd-theme-light.cpd-theme-light {
   --cpd-color-bg-canvas-default-level-1: var(--cpd-color-theme-bg);
   --cpd-color-bg-subtle-secondary-level-0: var(--cpd-color-gray-300);
+  --cpd-color-bg-badge-accent: var(--cpd-color-alpha-green-400);
+  --cpd-color-bg-badge-info: var(--cpd-color-alpha-blue-400);
+  --cpd-color-bg-badge-default: var(--cpd-color-alpha-gray-400);
   --cpd-color-gradient-action-stop1: var(--cpd-color-green-500);
   --cpd-color-gradient-action-stop2: var(--cpd-color-green-700);
   --cpd-color-gradient-action-stop3: var(--cpd-color-green-900);

package/assets/web/icons/index.cjs

@@ -158,6 +158,8 @@ module.exports = {
   ShieldIcon: require("./shield.cjs"),
   SidebarIcon: require("./sidebar.cjs"),
   SignOutIcon: require("./sign-out.cjs"),
+  SpaceSolidIcon: require("./space-solid.cjs"),
+  SpaceIcon: require("./space.cjs"),
   SpinnerIcon: require("./spinner.cjs"),
   SpotlightViewIcon: require("./spotlight-view.cjs"),
   SpotlightIcon: require("./spotlight.cjs"),
@@ -196,7 +198,5 @@ module.exports = {
   VolumeOnIcon: require("./volume-on.cjs"),
   WarningIcon: require("./warning.cjs"),
   WebBrowserIcon: require("./web-browser.cjs"),
-  WindowsIcon: require("./windows.cjs"),
-  WorkspaceSolidIcon: require("./workspace-solid.cjs"),
-  WorkspaceIcon: require("./workspace.cjs")
+  WindowsIcon: require("./windows.cjs")
 };

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

@@ -157,6 +157,8 @@ export { default as ShareIcon } from "./share.js";
 export { default as ShieldIcon } from "./shield.js";
 export { default as SidebarIcon } from "./sidebar.js";
 export { default as SignOutIcon } from "./sign-out.js";
+export { default as SpaceSolidIcon } from "./space-solid.js";
+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";
@@ -195,6 +197,4 @@ export { default as VolumeOnSolidIcon } from "./volume-on-solid.js";
 export { default as VolumeOnIcon } from "./volume-on.js";
 export { default as WarningIcon } from "./warning.js";
 export { default as WebBrowserIcon } from "./web-browser.js";
-export { default as WindowsIcon } from "./windows.js";
-export { default as WorkspaceSolidIcon } from "./workspace-solid.js";
-export { default as WorkspaceIcon } from "./workspace.js";
+export { default as WindowsIcon } from "./windows.js";

package/assets/web/icons/index.js

@@ -157,6 +157,8 @@ export { default as ShareIcon } from "./share.js";
 export { default as ShieldIcon } from "./shield.js";
 export { default as SidebarIcon } from "./sidebar.js";
 export { default as SignOutIcon } from "./sign-out.js";
+export { default as SpaceSolidIcon } from "./space-solid.js";
+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";
@@ -195,6 +197,4 @@ export { default as VolumeOnSolidIcon } from "./volume-on-solid.js";
 export { default as VolumeOnIcon } from "./volume-on.js";
 export { default as WarningIcon } from "./warning.js";
 export { default as WebBrowserIcon } from "./web-browser.js";
-export { default as WindowsIcon } from "./windows.js";
-export { default as WorkspaceSolidIcon } from "./workspace-solid.js";
-export { default as WorkspaceIcon } from "./workspace.js";
+export { default as WindowsIcon } from "./windows.js";

package/assets/web/icons/{workspace-solid.cjs → space-solid.cjs}

@@ -1,6 +1,6 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
 var React = require("react");
-function WorkspaceSolidIcon(props, ref) {
+function SpaceSolidIcon(props, ref) {
   return /*#__PURE__*/_reactJsxRuntime.jsx("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
@@ -15,5 +15,5 @@ function WorkspaceSolidIcon(props, ref) {
   });
 }
 ;
-WorkspaceSolidIcon.displayName = "WorkspaceSolidIcon";
-module.exports = React.forwardRef(WorkspaceSolidIcon);
+SpaceSolidIcon.displayName = "SpaceSolidIcon";
+module.exports = React.forwardRef(SpaceSolidIcon);

package/assets/web/icons/{workspace-solid.d.ts → space-solid.d.ts}

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

package/assets/web/icons/{workspace-solid.js → space-solid.js}

@@ -1,6 +1,6 @@
 import { forwardRef } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-function WorkspaceSolidIcon(props, ref) {
+function SpaceSolidIcon(props, ref) {
   return /*#__PURE__*/_jsx("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
@@ -15,5 +15,5 @@ function WorkspaceSolidIcon(props, ref) {
   });
 }
 ;
-WorkspaceSolidIcon.displayName = "WorkspaceSolidIcon";
-export default forwardRef(WorkspaceSolidIcon);
+SpaceSolidIcon.displayName = "SpaceSolidIcon";
+export default forwardRef(SpaceSolidIcon);

package/assets/web/icons/{workspace.cjs → space.cjs}

@@ -1,6 +1,6 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
 var React = require("react");
-function WorkspaceIcon(props, ref) {
+function SpaceIcon(props, ref) {
   return /*#__PURE__*/_reactJsxRuntime.jsx("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
@@ -15,5 +15,5 @@ function WorkspaceIcon(props, ref) {
   });
 }
 ;
-WorkspaceIcon.displayName = "WorkspaceIcon";
-module.exports = React.forwardRef(WorkspaceIcon);
+SpaceIcon.displayName = "SpaceIcon";
+module.exports = React.forwardRef(SpaceIcon);

package/assets/web/icons/{workspace.d.ts → space.d.ts}

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

package/assets/web/icons/{workspace.js → space.js}

@@ -1,6 +1,6 @@
 import { forwardRef } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-function WorkspaceIcon(props, ref) {
+function SpaceIcon(props, ref) {
   return /*#__PURE__*/_jsx("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
@@ -15,5 +15,5 @@ function WorkspaceIcon(props, ref) {
   });
 }
 ;
-WorkspaceIcon.displayName = "WorkspaceIcon";
-export default forwardRef(WorkspaceIcon);
+SpaceIcon.displayName = "SpaceIcon";
+export default forwardRef(SpaceIcon);

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

@@ -274,8 +274,8 @@ export const cpdIconPresenceOutline8X8: string;
 export const cpdIconPresenceStrikethrough8X8: string;
 export const cpdIconError: string;
 export const cpdIconDialPad: string;
-export const cpdIconWorkspace: string;
-export const cpdIconWorkspaceSolid: string;
+export const cpdIconSpace: string;
+export const cpdIconSpaceSolid: string;
 export const cpdIconGuest: string;
 export const cpdColorThemeBg: string;
 export const cpdColorGray100: string;
@@ -633,10 +633,10 @@ export const cpdColorBgAccentRest: string;
 export const cpdColorBgAccentHovered: string;
 export const cpdColorBgAccentPressed: string;
 export const cpdColorBgAccentSelected: string;
+export const cpdColorBgSubtleSecondaryLevel0: string;
 export const cpdColorBgBadgeAccent: string;
 export const cpdColorBgBadgeInfo: string;
 export const cpdColorBgBadgeDefault: string;
-export const cpdColorBgSubtleSecondaryLevel0: string;
 export const cpdColorBorderDisabled: string;
 export const cpdColorBorderFocused: string;
 export const cpdColorBorderInteractivePrimary: string;

package/assets/web/js/cpdDark.js

@@ -299,8 +299,8 @@ export const cpdIconPresenceStrikethrough8X8 =
   "icons/presence-strikethrough-8x8.svg";
 export const cpdIconError = "icons/error.svg";
 export const cpdIconDialPad = "icons/dial-pad.svg";
-export const cpdIconWorkspace = "icons/workspace.svg";
-export const cpdIconWorkspaceSolid = "icons/workspace-solid.svg";
+export const cpdIconSpace = "icons/space.svg";
+export const cpdIconSpaceSolid = "icons/space-solid.svg";
 export const cpdIconGuest = "icons/guest.svg";
 export const cpdColorThemeBg = "#101317";
 export const cpdColorGray100 = "#14171b";
@@ -658,10 +658,10 @@ export const cpdColorBgAccentRest = "#129a78";
 export const cpdColorBgAccentHovered = "#17ac84";
 export const cpdColorBgAccentPressed = "#1fc090";
 export const cpdColorBgAccentSelected = "hsl(151, 100%, 7%, 1)";
-export const cpdColorBgBadgeAccent = "hsl(151, 100%, 7%, 1)";
-export const cpdColorBgBadgeInfo = "hsl(229, 100%, 20%, 1)";
-export const cpdColorBgBadgeDefault = "hsla(280, 41%, 90%, 0.06)";
 export const cpdColorBgSubtleSecondaryLevel0 = "#101317";
+export const cpdColorBgBadgeAccent = "hsl(160, 100%, 12%, 1)";
+export const cpdColorBgBadgeInfo = "hsla(221, 100%, 37%, 0.63)";
+export const cpdColorBgBadgeDefault = "hsla(214, 41%, 97%, 0.15)";
 export const cpdColorBorderDisabled = "#323539";
 export const cpdColorBorderFocused = "#4187eb";
 export const cpdColorBorderInteractivePrimary = "#656c76";

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

@@ -274,8 +274,8 @@ export const cpdIconPresenceOutline8X8: string;
 export const cpdIconPresenceStrikethrough8X8: string;
 export const cpdIconError: string;
 export const cpdIconDialPad: string;
-export const cpdIconWorkspace: string;
-export const cpdIconWorkspaceSolid: string;
+export const cpdIconSpace: string;
+export const cpdIconSpaceSolid: string;
 export const cpdIconGuest: string;
 export const cpdColorThemeBg: string;
 export const cpdColorGray100: string;
@@ -633,10 +633,10 @@ export const cpdColorBgAccentRest: string;
 export const cpdColorBgAccentHovered: string;
 export const cpdColorBgAccentPressed: string;
 export const cpdColorBgAccentSelected: string;
+export const cpdColorBgSubtleSecondaryLevel0: string;
 export const cpdColorBgBadgeAccent: string;
 export const cpdColorBgBadgeInfo: string;
 export const cpdColorBgBadgeDefault: string;
-export const cpdColorBgSubtleSecondaryLevel0: string;
 export const cpdColorBorderDisabled: string;
 export const cpdColorBorderFocused: string;
 export const cpdColorBorderInteractivePrimary: string;

package/assets/web/js/cpdDarkHc.js

@@ -299,8 +299,8 @@ export const cpdIconPresenceStrikethrough8X8 =
   "icons/presence-strikethrough-8x8.svg";
 export const cpdIconError = "icons/error.svg";
 export const cpdIconDialPad = "icons/dial-pad.svg";
-export const cpdIconWorkspace = "icons/workspace.svg";
-export const cpdIconWorkspaceSolid = "icons/workspace-solid.svg";
+export const cpdIconSpace = "icons/space.svg";
+export const cpdIconSpaceSolid = "icons/space-solid.svg";
 export const cpdIconGuest = "icons/guest.svg";
 export const cpdColorThemeBg = "#101317";
 export const cpdColorGray100 = "#181a1f";
@@ -658,10 +658,10 @@ export const cpdColorBgAccentRest = "#37c998";
 export const cpdColorBgAccentHovered = "#61d2a6";
 export const cpdColorBgAccentPressed = "#8fddbc";
 export const cpdColorBgAccentSelected = "hsl(155, 100%, 9%, 1)";
-export const cpdColorBgBadgeAccent = "hsl(155, 100%, 9%, 1)";
-export const cpdColorBgBadgeInfo = "hsl(224, 100%, 22%, 1)";
-export const cpdColorBgBadgeDefault = "hsla(270, 37%, 93%, 0.1)";
 export const cpdColorBgSubtleSecondaryLevel0 = "#101317";
+export const cpdColorBgBadgeAccent = "hsl(162, 100%, 14%, 1)";
+export const cpdColorBgBadgeInfo = "hsla(219, 99%, 50%, 0.53)";
+export const cpdColorBgBadgeDefault = "hsla(225, 46%, 95%, 0.2)";
 export const cpdColorBorderDisabled = "#3c3f44";
 export const cpdColorBorderFocused = "#89b5f6";
 export const cpdColorBorderInteractivePrimary = "#79818d";

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

@@ -274,8 +274,8 @@ export const cpdIconPresenceOutline8X8: string;
 export const cpdIconPresenceStrikethrough8X8: string;
 export const cpdIconError: string;
 export const cpdIconDialPad: string;
-export const cpdIconWorkspace: string;
-export const cpdIconWorkspaceSolid: string;
+export const cpdIconSpace: string;
+export const cpdIconSpaceSolid: string;
 export const cpdIconGuest: string;
 export const cpdColorThemeBg: string;
 export const cpdColorGray100: string;
@@ -633,10 +633,10 @@ export const cpdColorBgAccentRest: string;
 export const cpdColorBgAccentHovered: string;
 export const cpdColorBgAccentPressed: string;
 export const cpdColorBgAccentSelected: string;
+export const cpdColorBgSubtleSecondaryLevel0: string;
 export const cpdColorBgBadgeAccent: string;
 export const cpdColorBgBadgeInfo: string;
 export const cpdColorBgBadgeDefault: string;
-export const cpdColorBgSubtleSecondaryLevel0: string;
 export const cpdColorBorderDisabled: string;
 export const cpdColorBorderFocused: string;
 export const cpdColorBorderInteractivePrimary: string;

package/assets/web/js/cpdLight.js

@@ -299,8 +299,8 @@ export const cpdIconPresenceStrikethrough8X8 =
   "icons/presence-strikethrough-8x8.svg";
 export const cpdIconError = "icons/error.svg";
 export const cpdIconDialPad = "icons/dial-pad.svg";
-export const cpdIconWorkspace = "icons/workspace.svg";
-export const cpdIconWorkspaceSolid = "icons/workspace-solid.svg";
+export const cpdIconSpace = "icons/space.svg";
+export const cpdIconSpaceSolid = "icons/space-solid.svg";
 export const cpdIconGuest = "icons/guest.svg";
 export const cpdColorThemeBg = "#ffffff";
 export const cpdColorGray100 = "#fbfcfd";
@@ -658,10 +658,10 @@ export const cpdColorBgAccentRest = "#007a61";
 export const cpdColorBgAccentHovered = "#006b52";
 export const cpdColorBgAccentPressed = "#005c45";
 export const cpdColorBgAccentSelected = "hsla(150, 100%, 36%, 0.11)";
-export const cpdColorBgBadgeAccent = "hsla(150, 100%, 36%, 0.11)";
-export const cpdColorBgBadgeInfo = "hsla(215, 100%, 52%, 0.09)";
-export const cpdColorBgBadgeDefault = "hsla(216, 89%, 18%, 0.06)";
 export const cpdColorBgSubtleSecondaryLevel0 = "#f0f2f5";
+export const cpdColorBgBadgeAccent = "hsla(151, 93%, 37%, 0.23)";
+export const cpdColorBgBadgeInfo = "hsla(216, 95%, 51%, 0.16)";
+export const cpdColorBgBadgeDefault = "hsla(213, 90%, 20%, 0.12)";
 export const cpdColorBorderDisabled = "#cdd3da";
 export const cpdColorBorderFocused = "#0467dd";
 export const cpdColorBorderInteractivePrimary = "#818a95";

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

@@ -274,8 +274,8 @@ export const cpdIconPresenceOutline8X8: string;
 export const cpdIconPresenceStrikethrough8X8: string;
 export const cpdIconError: string;
 export const cpdIconDialPad: string;
-export const cpdIconWorkspace: string;
-export const cpdIconWorkspaceSolid: string;
+export const cpdIconSpace: string;
+export const cpdIconSpaceSolid: string;
 export const cpdIconGuest: string;
 export const cpdColorThemeBg: string;
 export const cpdColorGray100: string;
@@ -633,10 +633,10 @@ export const cpdColorBgAccentRest: string;
 export const cpdColorBgAccentHovered: string;
 export const cpdColorBgAccentPressed: string;
 export const cpdColorBgAccentSelected: string;
+export const cpdColorBgSubtleSecondaryLevel0: string;
 export const cpdColorBgBadgeAccent: string;
 export const cpdColorBgBadgeInfo: string;
 export const cpdColorBgBadgeDefault: string;
-export const cpdColorBgSubtleSecondaryLevel0: string;
 export const cpdColorBorderDisabled: string;
 export const cpdColorBorderFocused: string;
 export const cpdColorBorderInteractivePrimary: string;

package/assets/web/js/cpdLightHc.js

@@ -299,8 +299,8 @@ export const cpdIconPresenceStrikethrough8X8 =
   "icons/presence-strikethrough-8x8.svg";
 export const cpdIconError = "icons/error.svg";
 export const cpdIconDialPad = "icons/dial-pad.svg";
-export const cpdIconWorkspace = "icons/workspace.svg";
-export const cpdIconWorkspaceSolid = "icons/workspace-solid.svg";
+export const cpdIconSpace = "icons/space.svg";
+export const cpdIconSpaceSolid = "icons/space-solid.svg";
 export const cpdIconGuest = "icons/guest.svg";
 export const cpdColorThemeBg = "#ffffff";
 export const cpdColorGray100 = "#f7f9fa";
@@ -658,10 +658,10 @@ export const cpdColorBgAccentRest = "#00553d";
 export const cpdColorBgAccentHovered = "#004d36";
 export const cpdColorBgAccentPressed = "#00402b";
 export const cpdColorBgAccentSelected = "hsla(151, 93%, 37%, 0.23)";
-export const cpdColorBgBadgeAccent = "hsla(151, 93%, 37%, 0.23)";
-export const cpdColorBgBadgeInfo = "hsla(216, 95%, 51%, 0.16)";
-export const cpdColorBgBadgeDefault = "hsla(213, 90%, 20%, 0.12)";
 export const 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";

package/icons/$icons.json

@@ -788,12 +788,12 @@
       "value": "icons/dial-pad.svg",
       "type": "icon"
     },
-    "workspace": {
-      "value": "icons/workspace.svg",
+    "space": {
+      "value": "icons/space.svg",
       "type": "icon"
     },
-    "workspace-solid": {
-      "value": "icons/workspace-solid.svg",
+    "space-solid": {
+      "value": "icons/space-solid.svg",
       "type": "icon"
     },
     "guest": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vector-im/compound-design-tokens",
-  "version": "5.0.1",
+  "version": "6.0.0",
   "description": "Compound design tokens",
   "sideEffects": false,
   "scripts": {
@@ -77,7 +77,7 @@
     "tsx": "^4.15.6",
     "typescript": "^5.4.5",
     "undici": "^7.2.0",
-    "zod": "^3.24.1"
+    "zod": "^4.0.0"
   },
   "dependencies": {},
   "peerDependencies": {