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

package/assets/web/icons/index.cjs

@@ -179,6 +179,7 @@ module.exports = {
   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

@@ -178,6 +178,7 @@ 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

@@ -178,6 +178,7 @@ 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/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,7 @@ export const cpdIconVideoCallOutgoingSolid: string;
 export const cpdIconVoiceCallMissedSolid: string;
 export const cpdIconVoiceCallDeclinedSolid: string;
 export const cpdIconVoiceCallOutgoingSolid: 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,7 @@ export const cpdIconVoiceCallDeclinedSolid =
   "icons/voice-call-declined-solid.svg";
 export const cpdIconVoiceCallOutgoingSolid =
   "icons/voice-call-outgoing-solid.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,7 @@ export const cpdIconVideoCallOutgoingSolid: string;
 export const cpdIconVoiceCallMissedSolid: string;
 export const cpdIconVoiceCallDeclinedSolid: string;
 export const cpdIconVoiceCallOutgoingSolid: 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,7 @@ export const cpdIconVoiceCallDeclinedSolid =
   "icons/voice-call-declined-solid.svg";
 export const cpdIconVoiceCallOutgoingSolid =
   "icons/voice-call-outgoing-solid.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,7 @@ export const cpdIconVideoCallOutgoingSolid: string;
 export const cpdIconVoiceCallMissedSolid: string;
 export const cpdIconVoiceCallDeclinedSolid: string;
 export const cpdIconVoiceCallOutgoingSolid: 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,7 @@ export const cpdIconVoiceCallDeclinedSolid =
   "icons/voice-call-declined-solid.svg";
 export const cpdIconVoiceCallOutgoingSolid =
   "icons/voice-call-outgoing-solid.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,7 @@ export const cpdIconVideoCallOutgoingSolid: string;
 export const cpdIconVoiceCallMissedSolid: string;
 export const cpdIconVoiceCallDeclinedSolid: string;
 export const cpdIconVoiceCallOutgoingSolid: 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,7 @@ export const cpdIconVoiceCallDeclinedSolid =
   "icons/voice-call-declined-solid.svg";
 export const cpdIconVoiceCallOutgoingSolid =
   "icons/voice-call-outgoing-solid.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,10 @@
     "voice-call-outgoing-solid": {
       "value": "icons/voice-call-outgoing-solid.svg",
       "type": "icon"
+    },
+    "theme": {
+      "value": "icons/theme.svg",
+      "type": "icon"
     }
   }
 }

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