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

package/assets/web/icons/index.cjs

@@ -174,11 +174,14 @@ 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"),
   TakePhotoIcon: require("./take-photo.cjs"),
   TextFormattingIcon: require("./text-formatting.cjs"),
+  ThemeIcon: require("./theme.cjs"),
   ThreadsSolidIcon: require("./threads-solid.cjs"),
   ThreadsIcon: require("./threads.cjs"),
   TimeIcon: require("./time.cjs"),

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

@@ -173,11 +173,14 @@ 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";
 export { default as TakePhotoIcon } from "./take-photo.js";
 export { default as TextFormattingIcon } from "./text-formatting.js";
+export { default as ThemeIcon } from "./theme.js";
 export { default as ThreadsSolidIcon } from "./threads-solid.js";
 export { default as ThreadsIcon } from "./threads.js";
 export { default as TimeIcon } from "./time.js";

package/assets/web/icons/index.js

@@ -173,11 +173,14 @@ 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";
 export { default as TakePhotoIcon } from "./take-photo.js";
 export { default as TextFormattingIcon } from "./text-formatting.js";
+export { default as ThemeIcon } from "./theme.js";
 export { default as ThreadsSolidIcon } from "./threads-solid.js";
 export { default as ThreadsIcon } from "./threads.js";
 export { default as TimeIcon } from "./time.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/icons/theme.cjs

@@ -0,0 +1,19 @@
+var _reactJsxRuntime = require("react/jsx-runtime");
+var React = require("react");
+function ThemeIcon(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 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10m1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93z"
+    })
+  });
+}
+;
+ThemeIcon.displayName = "ThemeIcon";
+module.exports = React.forwardRef(ThemeIcon);

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

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

package/assets/web/icons/theme.js

@@ -0,0 +1,19 @@
+import { forwardRef } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+function ThemeIcon(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 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10m1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93z"
+    })
+  });
+}
+;
+ThemeIcon.displayName = "ThemeIcon";
+export default forwardRef(ThemeIcon);

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

@@ -296,6 +296,9 @@ 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;
 export const cpdColorGray200: string;

package/assets/web/js/cpdDark.js

@@ -324,6 +324,9 @@ 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";
 export const cpdColorGray200 = "#181a1f";

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

@@ -296,6 +296,9 @@ 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;
 export const cpdColorGray200: string;

package/assets/web/js/cpdDarkHc.js

@@ -324,6 +324,9 @@ 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";
 export const cpdColorGray200 = "#1d1f24";

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

@@ -296,6 +296,9 @@ 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;
 export const cpdColorGray200: string;

package/assets/web/js/cpdLight.js

@@ -324,6 +324,9 @@ 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";
 export const cpdColorGray200 = "#f7f9fa";

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

@@ -296,6 +296,9 @@ 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;
 export const cpdColorGray200: string;

package/assets/web/js/cpdLightHc.js

@@ -324,6 +324,9 @@ 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";
 export const cpdColorGray200 = "#f0f2f5";

package/icons/$icons.json

@@ -875,6 +875,18 @@
     "voice-call-outgoing-solid": {
       "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/icons/theme.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 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10m1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93z"/></svg>

package/package.json

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