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

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;

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";

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;

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";

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;

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";

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;

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";

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.8.0",
   "description": "Compound design tokens",
   "sideEffects": false,
   "scripts": {