@vector-im/compound-design-tokens 6.7.0 → 6.9.0

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

@@ -85,6 +85,13 @@
   --cpd-color-gradient-info-stop4: var(--cpd-color-alpha-blue-200);
   --cpd-color-gradient-info-stop5: var(--cpd-color-alpha-blue-100);
   --cpd-color-gradient-info-stop6: var(--cpd-color-transparent);
+  --cpd-color-gradient-critical-stop1: var(--cpd-color-alpha-red-500);
+  --cpd-color-gradient-critical-stop2: var(--cpd-color-alpha-red-400);
+  --cpd-color-gradient-critical-stop3: var(--cpd-color-alpha-red-300);
+  --cpd-color-gradient-critical-stop4: var(--cpd-color-alpha-red-200);
+  --cpd-color-gradient-critical-stop5: var(--cpd-color-alpha-red-100);
+  --cpd-color-gradient-critical-stop6: var(--cpd-color-transparent);
   --cpd-color-gradient-subtle-linear: linear-gradient(180deg, var(--cpd-color-gradient-subtle-stop1) 0%, var(--cpd-color-gradient-subtle-stop2) 20%, var(--cpd-color-gradient-subtle-stop3) 40%, var(--cpd-color-gradient-subtle-stop4) 60%, var(--cpd-color-gradient-subtle-stop5) 80%, var(--cpd-color-gradient-subtle-stop6) 100%);
   --cpd-color-gradient-info-linear: linear-gradient(180deg, var(--cpd-color-gradient-info-stop1) 0%, var(--cpd-color-gradient-info-stop2) 20%, var(--cpd-color-gradient-info-stop3) 40%, var(--cpd-color-gradient-info-stop4) 60%, var(--cpd-color-gradient-info-stop5) 80%, var(--cpd-color-gradient-info-stop6) 100%);
+  --cpd-color-gradient-critical-linear: linear-gradient(180deg, var(--cpd-color-gradient-critical-stop1) 0%, var(--cpd-color-gradient-critical-stop2) 20%, var(--cpd-color-gradient-critical-stop3) 40%, var(--cpd-color-gradient-critical-stop4) 60%, var(--cpd-color-gradient-critical-stop5) 80%, var(--cpd-color-gradient-critical-stop6) 100%);
 }

package/assets/web/icons/index.cjs

@@ -174,6 +174,8 @@ module.exports = {
   SpotlightViewIcon: require("./spotlight-view.cjs"),
   SpotlightIcon: require("./spotlight.cjs"),
   StickerIcon: require("./sticker.cjs"),
+  StopSolidIcon: require("./stop-solid.cjs"),
+  StopIcon: require("./stop.cjs"),
   StrikethroughIcon: require("./strikethrough.cjs"),
   SwitchCameraSolidIcon: require("./switch-camera-solid.cjs"),
   TakePhotoSolidIcon: require("./take-photo-solid.cjs"),

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

@@ -173,6 +173,8 @@ 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 StopSolidIcon } from "./stop-solid.js";
+export { default as StopIcon } from "./stop.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

@@ -173,6 +173,8 @@ 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 StopSolidIcon } from "./stop-solid.js";
+export { default as StopIcon } from "./stop.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/stop-solid.cjs

@@ -0,0 +1,19 @@
+var _reactJsxRuntime = require("react/jsx-runtime");
+var React = require("react");
+function StopSolidIcon(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: "M4 8a4 4 0 0 1 4-4h8a4 4 0 0 1 4 4v8a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4z"
+    })
+  });
+}
+;
+StopSolidIcon.displayName = "StopSolidIcon";
+module.exports = React.forwardRef(StopSolidIcon);

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

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

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

@@ -0,0 +1,19 @@
+import { forwardRef } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+function StopSolidIcon(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: "M4 8a4 4 0 0 1 4-4h8a4 4 0 0 1 4 4v8a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4z"
+    })
+  });
+}
+;
+StopSolidIcon.displayName = "StopSolidIcon";
+export default forwardRef(StopSolidIcon);

package/assets/web/icons/stop.cjs

@@ -0,0 +1,19 @@
+var _reactJsxRuntime = require("react/jsx-runtime");
+var React = require("react");
+function StopIcon(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: "M16 18v2H8v-2zm2-2V8a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2v2a4 4 0 0 1-4-4V8a4 4 0 0 1 4-4h8a4 4 0 0 1 4 4v8a4 4 0 0 1-4 4v-2a2 2 0 0 0 2-2"
+    })
+  });
+}
+;
+StopIcon.displayName = "StopIcon";
+module.exports = React.forwardRef(StopIcon);

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

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

package/assets/web/icons/stop.js

@@ -0,0 +1,19 @@
+import { forwardRef } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+function StopIcon(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: "M16 18v2H8v-2zm2-2V8a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2v2a4 4 0 0 1-4-4V8a4 4 0 0 1 4-4h8a4 4 0 0 1 4 4v8a4 4 0 0 1-4 4v-2a2 2 0 0 0 2-2"
+    })
+  });
+}
+;
+StopIcon.displayName = "StopIcon";
+export default forwardRef(StopIcon);

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

@@ -296,6 +296,8 @@ export const cpdIconVideoCallOutgoingSolid: string;
 export const cpdIconVoiceCallMissedSolid: string;
 export const cpdIconVoiceCallDeclinedSolid: string;
 export const cpdIconVoiceCallOutgoingSolid: string;
+export const cpdIconStopSolid: string;
+export const cpdIconStop: string;
 export const cpdIconTheme: string;
 export const cpdColorThemeBg: string;
 export const cpdColorGray100: string;
@@ -700,6 +702,13 @@ export const cpdColorGradientInfoStop4: string;
 export const cpdColorGradientInfoStop5: string;
 export const cpdColorGradientInfoStop6: string;
 export const cpdColorGradientInfoLinear: string;
+export const cpdColorGradientCriticalStop1: string;
+export const cpdColorGradientCriticalStop2: string;
+export const cpdColorGradientCriticalStop3: string;
+export const cpdColorGradientCriticalStop4: string;
+export const cpdColorGradientCriticalStop5: string;
+export const cpdColorGradientCriticalStop6: string;
+export const cpdColorGradientCriticalLinear: string;
 export const cpdColorGradientActionStop1: string;
 export const cpdColorGradientActionStop2: string;
 export const cpdColorGradientActionStop3: string;

package/assets/web/js/cpdDark.js

@@ -324,6 +324,8 @@ export const cpdIconVoiceCallDeclinedSolid =
   "icons/voice-call-declined-solid.svg";
 export const cpdIconVoiceCallOutgoingSolid =
   "icons/voice-call-outgoing-solid.svg";
+export const cpdIconStopSolid = "icons/stop-solid.svg";
+export const cpdIconStop = "icons/stop.svg";
 export const cpdIconTheme = "icons/theme.svg";
 export const cpdColorThemeBg = "#101317";
 export const cpdColorGray100 = "#14171b";
@@ -730,6 +732,14 @@ export const cpdColorGradientInfoStop5 = "hsl(237, 100%, 18%, 1)";
 export const cpdColorGradientInfoStop6 = "rgba(0,0,0,0)";
 export const cpdColorGradientInfoLinear =
   "linear-gradient(180deg, hsla(221, 100%, 37%, 0.63) 0%, hsl(224, 100%, 22%, 1) 20%, hsl(229, 100%, 20%, 1) 40%, hsl(234, 100%, 18%, 1) 60%, hsl(237, 100%, 18%, 1) 80%, rgba(0,0,0,0) 100%)";
+export const cpdColorGradientCriticalStop1 = "hsl(0, 100%, 22%, 1)";
+export const cpdColorGradientCriticalStop2 = "hsl(0, 100%, 18%, 1)";
+export const cpdColorGradientCriticalStop3 = "hsl(0, 100%, 14%, 1)";
+export const cpdColorGradientCriticalStop4 = "hsl(0, 100%, 12%, 1)";
+export const cpdColorGradientCriticalStop5 = "hsl(0, 100%, 11%, 1)";
+export const cpdColorGradientCriticalStop6 = "rgba(0,0,0,0)";
+export const cpdColorGradientCriticalLinear =
+  "linear-gradient(180deg, hsl(0, 100%, 22%, 1) 0%, hsl(0, 100%, 18%, 1) 20%, hsl(0, 100%, 14%, 1) 40%, hsl(0, 100%, 12%, 1) 60%, hsl(0, 100%, 11%, 1) 80%, rgba(0,0,0,0) 100%)";
 export const cpdColorGradientActionStop1 = "#1fc090";
 export const cpdColorGradientActionStop2 = "#129a78";
 export const cpdColorGradientActionStop3 = "#005a43";

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

@@ -296,6 +296,8 @@ export const cpdIconVideoCallOutgoingSolid: string;
 export const cpdIconVoiceCallMissedSolid: string;
 export const cpdIconVoiceCallDeclinedSolid: string;
 export const cpdIconVoiceCallOutgoingSolid: string;
+export const cpdIconStopSolid: string;
+export const cpdIconStop: string;
 export const cpdIconTheme: string;
 export const cpdColorThemeBg: string;
 export const cpdColorGray100: string;
@@ -700,6 +702,13 @@ export const cpdColorGradientInfoStop4: string;
 export const cpdColorGradientInfoStop5: string;
 export const cpdColorGradientInfoStop6: string;
 export const cpdColorGradientInfoLinear: string;
+export const cpdColorGradientCriticalStop1: string;
+export const cpdColorGradientCriticalStop2: string;
+export const cpdColorGradientCriticalStop3: string;
+export const cpdColorGradientCriticalStop4: string;
+export const cpdColorGradientCriticalStop5: string;
+export const cpdColorGradientCriticalStop6: string;
+export const cpdColorGradientCriticalLinear: string;
 export const cpdColorGradientActionStop1: string;
 export const cpdColorGradientActionStop2: string;
 export const cpdColorGradientActionStop3: string;

package/assets/web/js/cpdDarkHc.js

@@ -324,6 +324,8 @@ export const cpdIconVoiceCallDeclinedSolid =
   "icons/voice-call-declined-solid.svg";
 export const cpdIconVoiceCallOutgoingSolid =
   "icons/voice-call-outgoing-solid.svg";
+export const cpdIconStopSolid = "icons/stop-solid.svg";
+export const cpdIconStop = "icons/stop.svg";
 export const cpdIconTheme = "icons/theme.svg";
 export const cpdColorThemeBg = "#101317";
 export const cpdColorGray100 = "#181a1f";
@@ -730,6 +732,14 @@ export const cpdColorGradientInfoStop5 = "hsl(234, 100%, 18%, 1)";
 export const cpdColorGradientInfoStop6 = "rgba(0,0,0,0)";
 export const cpdColorGradientInfoLinear =
   "linear-gradient(180deg, hsla(219, 99%, 50%, 0.53) 0%, hsla(222, 100%, 28%, 0.82) 20%, hsl(224, 100%, 22%, 1) 40%, hsl(229, 100%, 20%, 1) 60%, hsl(234, 100%, 18%, 1) 80%, rgba(0,0,0,0) 100%)";
+export const cpdColorGradientCriticalStop1 = "hsl(356, 100%, 26%, 1)";
+export const cpdColorGradientCriticalStop2 = "hsl(0, 100%, 20%, 1)";
+export const cpdColorGradientCriticalStop3 = "hsl(0, 100%, 18%, 1)";
+export const cpdColorGradientCriticalStop4 = "hsl(0, 100%, 14%, 1)";
+export const cpdColorGradientCriticalStop5 = "hsl(0, 100%, 12%, 1)";
+export const cpdColorGradientCriticalStop6 = "rgba(0,0,0,0)";
+export const cpdColorGradientCriticalLinear =
+  "linear-gradient(180deg, hsl(356, 100%, 26%, 1) 0%, hsl(0, 100%, 20%, 1) 20%, hsl(0, 100%, 18%, 1) 40%, hsl(0, 100%, 14%, 1) 60%, hsl(0, 100%, 12%, 1) 80%, rgba(0,0,0,0) 100%)";
 export const cpdColorGradientActionStop1 = "#8fddbc";
 export const cpdColorGradientActionStop2 = "#37c998";
 export const cpdColorGradientActionStop3 = "#00745c";

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

@@ -296,6 +296,8 @@ export const cpdIconVideoCallOutgoingSolid: string;
 export const cpdIconVoiceCallMissedSolid: string;
 export const cpdIconVoiceCallDeclinedSolid: string;
 export const cpdIconVoiceCallOutgoingSolid: string;
+export const cpdIconStopSolid: string;
+export const cpdIconStop: string;
 export const cpdIconTheme: string;
 export const cpdColorThemeBg: string;
 export const cpdColorGray100: string;
@@ -700,6 +702,13 @@ export const cpdColorGradientInfoStop4: string;
 export const cpdColorGradientInfoStop5: string;
 export const cpdColorGradientInfoStop6: string;
 export const cpdColorGradientInfoLinear: string;
+export const cpdColorGradientCriticalStop1: string;
+export const cpdColorGradientCriticalStop2: string;
+export const cpdColorGradientCriticalStop3: string;
+export const cpdColorGradientCriticalStop4: string;
+export const cpdColorGradientCriticalStop5: string;
+export const cpdColorGradientCriticalStop6: string;
+export const cpdColorGradientCriticalLinear: string;
 export const cpdColorGradientActionStop1: string;
 export const cpdColorGradientActionStop2: string;
 export const cpdColorGradientActionStop3: string;

package/assets/web/js/cpdLight.js

@@ -324,6 +324,8 @@ export const cpdIconVoiceCallDeclinedSolid =
   "icons/voice-call-declined-solid.svg";
 export const cpdIconVoiceCallOutgoingSolid =
   "icons/voice-call-outgoing-solid.svg";
+export const cpdIconStopSolid = "icons/stop-solid.svg";
+export const cpdIconStop = "icons/stop.svg";
 export const cpdIconTheme = "icons/theme.svg";
 export const cpdColorThemeBg = "#ffffff";
 export const cpdColorGray100 = "#fbfcfd";
@@ -730,6 +732,14 @@ export const cpdColorGradientInfoStop5 = "hsla(210, 100%, 61%, 0.03)";
 export const cpdColorGradientInfoStop6 = "rgba(0,0,0,0)";
 export const cpdColorGradientInfoLinear =
   "linear-gradient(180deg, hsla(215, 93%, 50%, 0.28) 0%, hsla(216, 95%, 51%, 0.16) 20%, hsla(215, 100%, 52%, 0.09) 40%, hsla(218, 100%, 57%, 0.05) 60%, hsla(210, 100%, 61%, 0.03) 80%, rgba(0,0,0,0) 100%)";
+export const cpdColorGradientCriticalStop1 = "hsla(8, 100%, 51%, 0.27)";
+export const cpdColorGradientCriticalStop2 = "hsla(8, 100%, 52%, 0.15)";
+export const cpdColorGradientCriticalStop3 = "hsla(9, 100%, 54%, 0.08)";
+export const cpdColorGradientCriticalStop4 = "hsla(7, 100%, 56%, 0.04)";
+export const cpdColorGradientCriticalStop5 = "hsla(10, 100%, 61%, 0.03)";
+export const cpdColorGradientCriticalStop6 = "rgba(0,0,0,0)";
+export const cpdColorGradientCriticalLinear =
+  "linear-gradient(180deg, hsla(8, 100%, 51%, 0.27) 0%, hsla(8, 100%, 52%, 0.15) 20%, hsla(9, 100%, 54%, 0.08) 40%, hsla(7, 100%, 56%, 0.04) 60%, hsla(10, 100%, 61%, 0.03) 80%, rgba(0,0,0,0) 100%)";
 export const cpdColorGradientActionStop1 = "#98e1c1";
 export const cpdColorGradientActionStop2 = "#0bc491";
 export const cpdColorGradientActionStop3 = "#007a61";

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

@@ -296,6 +296,8 @@ export const cpdIconVideoCallOutgoingSolid: string;
 export const cpdIconVoiceCallMissedSolid: string;
 export const cpdIconVoiceCallDeclinedSolid: string;
 export const cpdIconVoiceCallOutgoingSolid: string;
+export const cpdIconStopSolid: string;
+export const cpdIconStop: string;
 export const cpdIconTheme: string;
 export const cpdColorThemeBg: string;
 export const cpdColorGray100: string;
@@ -700,6 +702,13 @@ export const cpdColorGradientInfoStop4: string;
 export const cpdColorGradientInfoStop5: string;
 export const cpdColorGradientInfoStop6: string;
 export const cpdColorGradientInfoLinear: string;
+export const cpdColorGradientCriticalStop1: string;
+export const cpdColorGradientCriticalStop2: string;
+export const cpdColorGradientCriticalStop3: string;
+export const cpdColorGradientCriticalStop4: string;
+export const cpdColorGradientCriticalStop5: string;
+export const cpdColorGradientCriticalStop6: string;
+export const cpdColorGradientCriticalLinear: string;
 export const cpdColorGradientActionStop1: string;
 export const cpdColorGradientActionStop2: string;
 export const cpdColorGradientActionStop3: string;

package/assets/web/js/cpdLightHc.js

@@ -324,6 +324,8 @@ export const cpdIconVoiceCallDeclinedSolid =
   "icons/voice-call-declined-solid.svg";
 export const cpdIconVoiceCallOutgoingSolid =
   "icons/voice-call-outgoing-solid.svg";
+export const cpdIconStopSolid = "icons/stop-solid.svg";
+export const cpdIconStop = "icons/stop.svg";
 export const cpdIconTheme = "icons/theme.svg";
 export const cpdColorThemeBg = "#ffffff";
 export const cpdColorGray100 = "#f7f9fa";
@@ -730,6 +732,14 @@ 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 cpdColorGradientCriticalStop1 = "hsla(7, 100%, 51%, 0.36)";
+export const cpdColorGradientCriticalStop2 = "hsla(8, 100%, 51%, 0.21)";
+export const cpdColorGradientCriticalStop3 = "hsla(8, 100%, 52%, 0.15)";
+export const cpdColorGradientCriticalStop4 = "hsla(9, 100%, 54%, 0.08)";
+export const cpdColorGradientCriticalStop5 = "hsla(7, 100%, 56%, 0.04)";
+export const cpdColorGradientCriticalStop6 = "rgba(0,0,0,0)";
+export const cpdColorGradientCriticalLinear =
+  "linear-gradient(180deg, hsla(7, 100%, 51%, 0.36) 0%, hsla(8, 100%, 51%, 0.21) 20%, hsla(8, 100%, 52%, 0.15) 40%, hsla(9, 100%, 54%, 0.08) 60%, hsla(7, 100%, 56%, 0.04) 80%, rgba(0,0,0,0) 100%)";
 export const cpdColorGradientActionStop1 = "#71d7ae";
 export const cpdColorGradientActionStop2 = "#00a27c";
 export const cpdColorGradientActionStop3 = "#00553d";

package/icons/$icons.json

@@ -876,6 +876,14 @@
       "value": "icons/voice-call-outgoing-solid.svg",
       "type": "icon"
     },
+    "stop-solid": {
+      "value": "icons/stop-solid.svg",
+      "type": "icon"
+    },
+    "stop": {
+      "value": "icons/stop.svg",
+      "type": "icon"
+    },
     "theme": {
       "value": "icons/theme.svg",
       "type": "icon"

package/icons/stop-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="M4 8a4 4 0 0 1 4-4h8a4 4 0 0 1 4 4v8a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4z"/></svg>

package/icons/stop.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="M16 18v2H8v-2zm2-2V8a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2v2a4 4 0 0 1-4-4V8a4 4 0 0 1 4-4h8a4 4 0 0 1 4 4v8a4 4 0 0 1-4 4v-2a2 2 0 0 0 2-2"/></svg>

package/package.json

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