@vector-im/compound-design-tokens 1.4.0 → 1.6.0

package/assets/web/icons/index.js

@@ -0,0 +1,170 @@
+export { default as AdminIcon } from "./admin.js";
+export { default as ArrowDownIcon } from "./arrow-down.js";
+export { default as ArrowLeftIcon } from "./arrow-left.js";
+export { default as ArrowRightIcon } from "./arrow-right.js";
+export { default as ArrowUpRightIcon } from "./arrow-up-right.js";
+export { default as ArrowUpIcon } from "./arrow-up.js";
+export { default as AttachmentIcon } from "./attachment.js";
+export { default as BlockIcon } from "./block.js";
+export { default as BoldIcon } from "./bold.js";
+export { default as ChartIcon } from "./chart.js";
+export { default as ChatNewIcon } from "./chat-new.js";
+export { default as ChatProblemIcon } from "./chat-problem.js";
+export { default as ChatSolidIcon } from "./chat-solid.js";
+export { default as ChatIcon } from "./chat.js";
+export { default as CheckCircleSolidIcon } from "./check-circle-solid.js";
+export { default as CheckCircleIcon } from "./check-circle.js";
+export { default as CheckIcon } from "./check.js";
+export { default as ChevronDownIcon } from "./chevron-down.js";
+export { default as ChevronLeftIcon } from "./chevron-left.js";
+export { default as ChevronRightIcon } from "./chevron-right.js";
+export { default as ChevronUpDownIcon } from "./chevron-up-down.js";
+export { default as ChevronUpIcon } from "./chevron-up.js";
+export { default as CircleIcon } from "./circle.js";
+export { default as CloseIcon } from "./close.js";
+export { default as CloudSolidIcon } from "./cloud-solid.js";
+export { default as CloudIcon } from "./cloud.js";
+export { default as CodeIcon } from "./code.js";
+export { default as CollapseIcon } from "./collapse.js";
+export { default as CompanyIcon } from "./company.js";
+export { default as ComposeIcon } from "./compose.js";
+export { default as ComputerIcon } from "./computer.js";
+export { default as CopyIcon } from "./copy.js";
+export { default as DarkModeIcon } from "./dark-mode.js";
+export { default as DeleteIcon } from "./delete.js";
+export { default as DevicesIcon } from "./devices.js";
+export { default as DocumentIcon } from "./document.js";
+export { default as DownloadIcon } from "./download.js";
+export { default as DragGridIcon } from "./drag-grid.js";
+export { default as DragListIcon } from "./drag-list.js";
+export { default as EditSolidIcon } from "./edit-solid.js";
+export { default as EditIcon } from "./edit.js";
+export { default as EmailSolidIcon } from "./email-solid.js";
+export { default as EmailIcon } from "./email.js";
+export { default as EndCallIcon } from "./end-call.js";
+export { default as ErrorIcon } from "./error.js";
+export { default as ExpandIcon } from "./expand.js";
+export { default as ExportArchiveIcon } from "./export-archive.js";
+export { default as ExtensionsSolidIcon } from "./extensions-solid.js";
+export { default as ExtensionsIcon } from "./extensions.js";
+export { default as FavouriteSolidIcon } from "./favourite-solid.js";
+export { default as FavouriteIcon } from "./favourite.js";
+export { default as FileErrorIcon } from "./file-error.js";
+export { default as FilesIcon } from "./files.js";
+export { default as FilterIcon } from "./filter.js";
+export { default as ForwardIcon } from "./forward.js";
+export { default as GridIcon } from "./grid.js";
+export { default as HelpSolidIcon } from "./help-solid.js";
+export { default as HelpIcon } from "./help.js";
+export { default as HistoryIcon } from "./history.js";
+export { default as HomeSolidIcon } from "./home-solid.js";
+export { default as HomeIcon } from "./home.js";
+export { default as HostIcon } from "./host.js";
+export { default as ImageErrorIcon } from "./image-error.js";
+export { default as ImageIcon } from "./image.js";
+export { default as IndentDecreaseIcon } from "./indent-decrease.js";
+export { default as IndentIncreaseIcon } from "./indent-increase.js";
+export { default as InfoSolidIcon } from "./info-solid.js";
+export { default as InfoIcon } from "./info.js";
+export { default as InlineCodeIcon } from "./inline-code.js";
+export { default as ItalicIcon } from "./italic.js";
+export { default as KeyOffSolidIcon } from "./key-off-solid.js";
+export { default as KeyOffIcon } from "./key-off.js";
+export { default as KeySolidIcon } from "./key-solid.js";
+export { default as KeyIcon } from "./key.js";
+export { default as KeyboardIcon } from "./keyboard.js";
+export { default as LabsIcon } from "./labs.js";
+export { default as LeaveIcon } from "./leave.js";
+export { default as LinkIcon } from "./link.js";
+export { default as ListBulletedIcon } from "./list-bulleted.js";
+export { default as ListNumberedIcon } from "./list-numbered.js";
+export { default as LocationNavigatorCentredIcon } from "./location-navigator-centred.js";
+export { default as LocationNavigatorIcon } from "./location-navigator.js";
+export { default as LocationPinSolidIcon } from "./location-pin-solid.js";
+export { default as LocationPinIcon } from "./location-pin.js";
+export { default as LockOffIcon } from "./lock-off.js";
+export { default as LockSolidIcon } from "./lock-solid.js";
+export { default as LockIcon } from "./lock.js";
+export { default as MarkAsReadIcon } from "./mark-as-read.js";
+export { default as MarkAsUnreadIcon } from "./mark-as-unread.js";
+export { default as MarkerReadReceiptsIcon } from "./marker-read-receipts.js";
+export { default as MentionIcon } from "./mention.js";
+export { default as MenuIcon } from "./menu.js";
+export { default as MicOffSolidIcon } from "./mic-off-solid.js";
+export { default as MicOffIcon } from "./mic-off.js";
+export { default as MicOnSolidIcon } from "./mic-on-solid.js";
+export { default as MicOnIcon } from "./mic-on.js";
+export { default as MinusIcon } from "./minus.js";
+export { default as MobileIcon } from "./mobile.js";
+export { default as NotificationsOffSolidIcon } from "./notifications-off-solid.js";
+export { default as NotificationsOffIcon } from "./notifications-off.js";
+export { default as NotificationsSolidIcon } from "./notifications-solid.js";
+export { default as NotificationsIcon } from "./notifications.js";
+export { default as OfflineIcon } from "./offline.js";
+export { default as OverflowHorizontalIcon } from "./overflow-horizontal.js";
+export { default as OverflowVerticalIcon } from "./overflow-vertical.js";
+export { default as PauseSolidIcon } from "./pause-solid.js";
+export { default as PauseIcon } from "./pause.js";
+export { default as PinSolidIcon } from "./pin-solid.js";
+export { default as PinIcon } from "./pin.js";
+export { default as PlaySolidIcon } from "./play-solid.js";
+export { default as PlayIcon } from "./play.js";
+export { default as PlusIcon } from "./plus.js";
+export { default as PollsEndIcon } from "./polls-end.js";
+export { default as PollsIcon } from "./polls.js";
+export { default as PopOutIcon } from "./pop-out.js";
+export { default as PreferencesIcon } from "./preferences.js";
+export { default as PublicIcon } from "./public.js";
+export { default as QrCodeIcon } from "./qr-code.js";
+export { default as QuoteIcon } from "./quote.js";
+export { default as ReactionAddIcon } from "./reaction-add.js";
+export { default as ReactionIcon } from "./reaction.js";
+export { default as ReplyIcon } from "./reply.js";
+export { default as RestartIcon } from "./restart.js";
+export { default as SearchIcon } from "./search.js";
+export { default as SendSolidIcon } from "./send-solid.js";
+export { default as SendIcon } from "./send.js";
+export { default as SettingsSolidIcon } from "./settings-solid.js";
+export { default as SettingsIcon } from "./settings.js";
+export { default as ShareAndroidIcon } from "./share-android.js";
+export { default as ShareIosIcon } from "./share-ios.js";
+export { default as ShareScreenSolidIcon } from "./share-screen-solid.js";
+export { default as ShareScreenIcon } from "./share-screen.js";
+export { default as ShareIcon } from "./share.js";
+export { default as SidebarIcon } from "./sidebar.js";
+export { default as SignOutIcon } from "./sign-out.js";
+export { default as SpinnerIcon } from "./spinner.js";
+export { default as SpotlightIcon } from "./spotlight.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 ThreadsSolidIcon } from "./threads-solid.js";
+export { default as ThreadsIcon } from "./threads.js";
+export { default as TimeIcon } from "./time.js";
+export { default as UnderlineIcon } from "./underline.js";
+export { default as UnknownSolidIcon } from "./unknown-solid.js";
+export { default as UnknownIcon } from "./unknown.js";
+export { default as UserAddSolidIcon } from "./user-add-solid.js";
+export { default as UserAddIcon } from "./user-add.js";
+export { default as UserProfileSolidIcon } from "./user-profile-solid.js";
+export { default as UserProfileIcon } from "./user-profile.js";
+export { default as UserSolidIcon } from "./user-solid.js";
+export { default as UserIcon } from "./user.js";
+export { default as VerifiedIcon } from "./verified.js";
+export { default as VideoCallDeclinedSolidIcon } from "./video-call-declined-solid.js";
+export { default as VideoCallMissedSolidIcon } from "./video-call-missed-solid.js";
+export { default as VideoCallOffSolidIcon } from "./video-call-off-solid.js";
+export { default as VideoCallOffIcon } from "./video-call-off.js";
+export { default as VideoCallSolidIcon } from "./video-call-solid.js";
+export { default as VideoCallIcon } from "./video-call.js";
+export { default as VisibilityOffIcon } from "./visibility-off.js";
+export { default as VisibilityOnIcon } from "./visibility-on.js";
+export { default as VoiceCallIcon } from "./voice-call.js";
+export { default as VolumeOffSolidIcon } from "./volume-off-solid.js";
+export { default as VolumeOffIcon } from "./volume-off.js";
+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";

package/assets/web/icons/info-solid.cjs

@@ -0,0 +1,17 @@
+var _reactJsxRuntime = require("react/jsx-runtime");
+function InfoSolidIcon(props) {
+  return /*#__PURE__*/_reactJsxRuntime.jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    ...props,
+    children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
+      d: "M12 17a.97.97 0 0 0 .713-.288A.968.968 0 0 0 13 16v-4a.968.968 0 0 0-.287-.713A.968.968 0 0 0 12 11a.968.968 0 0 0-.713.287A.968.968 0 0 0 11 12v4c0 .283.096.52.287.712.192.192.43.288.713.288Zm0-8c.283 0 .52-.096.713-.287A.967.967 0 0 0 13 8a.967.967 0 0 0-.287-.713A.968.968 0 0 0 12 7a.968.968 0 0 0-.713.287A.967.967 0 0 0 11 8c0 .283.096.52.287.713.192.191.43.287.713.287Zm0 13a9.738 9.738 0 0 1-3.9-.788 10.099 10.099 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.738 9.738 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.099 10.099 0 0 1 2.137-3.175c.9-.9 1.958-1.612 3.175-2.137A9.738 9.738 0 0 1 12 2a9.74 9.74 0 0 1 3.9.788 10.098 10.098 0 0 1 3.175 2.137c.9.9 1.613 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12a9.738 9.738 0 0 1-.788 3.9 10.098 10.098 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.738 9.738 0 0 1 12 22Z"
+    })
+  });
+}
+;
+InfoSolidIcon.displayName = "InfoSolidIcon";
+module.exports = InfoSolidIcon;

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

@@ -0,0 +1,10 @@
+import * as React from "react";
+
+/**
+ * info-solid.svg
+ */
+declare const InfoSolidIcon: React.FunctionComponent<
+    React.ComponentProps<"svg">
+>;
+
+export default InfoSolidIcon;

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

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+function InfoSolidIcon(props) {
+  return /*#__PURE__*/_jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    ...props,
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M12 17a.97.97 0 0 0 .713-.288A.968.968 0 0 0 13 16v-4a.968.968 0 0 0-.287-.713A.968.968 0 0 0 12 11a.968.968 0 0 0-.713.287A.968.968 0 0 0 11 12v4c0 .283.096.52.287.712.192.192.43.288.713.288Zm0-8c.283 0 .52-.096.713-.287A.967.967 0 0 0 13 8a.967.967 0 0 0-.287-.713A.968.968 0 0 0 12 7a.968.968 0 0 0-.713.287A.967.967 0 0 0 11 8c0 .283.096.52.287.713.192.191.43.287.713.287Zm0 13a9.738 9.738 0 0 1-3.9-.788 10.099 10.099 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.738 9.738 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.099 10.099 0 0 1 2.137-3.175c.9-.9 1.958-1.612 3.175-2.137A9.738 9.738 0 0 1 12 2a9.74 9.74 0 0 1 3.9.788 10.098 10.098 0 0 1 3.175 2.137c.9.9 1.613 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12a9.738 9.738 0 0 1-.788 3.9 10.098 10.098 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.738 9.738 0 0 1 12 22Z"
+    })
+  });
+}
+;
+InfoSolidIcon.displayName = "InfoSolidIcon";
+export default InfoSolidIcon;

package/assets/web/icons/info.cjs

@@ -0,0 +1,21 @@
+var _reactJsxRuntime = require("react/jsx-runtime");
+function InfoIcon(props) {
+  return /*#__PURE__*/_reactJsxRuntime.jsxs("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    ...props,
+    children: [/*#__PURE__*/_reactJsxRuntime.jsx("path", {
+      d: "M11.287 7.287A.968.968 0 0 1 12 7c.283 0 .52.096.713.287.191.192.287.43.287.713s-.096.52-.287.713A.968.968 0 0 1 12 9a.968.968 0 0 1-.713-.287A.967.967 0 0 1 11 8c0-.283.096-.52.287-.713Zm0 4A.968.968 0 0 1 12 11c.283 0 .52.096.713.287.191.192.287.43.287.713v4a.97.97 0 0 1-.287.712A.968.968 0 0 1 12 17a.968.968 0 0 1-.713-.288A.968.968 0 0 1 11 16v-4c0-.283.096-.52.287-.713Z"
+    }), /*#__PURE__*/_reactJsxRuntime.jsx("path", {
+      fillRule: "evenodd",
+      d: "M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-2 0a8 8 0 1 1-16 0 8 8 0 0 1 16 0Z",
+      clipRule: "evenodd"
+    })]
+  });
+}
+;
+InfoIcon.displayName = "InfoIcon";
+module.exports = InfoIcon;

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

@@ -0,0 +1,10 @@
+import * as React from "react";
+
+/**
+ * info.svg
+ */
+declare const InfoIcon: React.FunctionComponent<
+    React.ComponentProps<"svg">
+>;
+
+export default InfoIcon;

package/assets/web/icons/info.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function InfoIcon(props) {
+  return /*#__PURE__*/_jsxs("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    ...props,
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M11.287 7.287A.968.968 0 0 1 12 7c.283 0 .52.096.713.287.191.192.287.43.287.713s-.096.52-.287.713A.968.968 0 0 1 12 9a.968.968 0 0 1-.713-.287A.967.967 0 0 1 11 8c0-.283.096-.52.287-.713Zm0 4A.968.968 0 0 1 12 11c.283 0 .52.096.713.287.191.192.287.43.287.713v4a.97.97 0 0 1-.287.712A.968.968 0 0 1 12 17a.968.968 0 0 1-.713-.288A.968.968 0 0 1 11 16v-4c0-.283.096-.52.287-.713Z"
+    }), /*#__PURE__*/_jsx("path", {
+      fillRule: "evenodd",
+      d: "M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-2 0a8 8 0 1 1-16 0 8 8 0 0 1 16 0Z",
+      clipRule: "evenodd"
+    })]
+  });
+}
+;
+InfoIcon.displayName = "InfoIcon";
+export default InfoIcon;

package/assets/web/icons/inline-code.cjs

@@ -0,0 +1,17 @@
+var _reactJsxRuntime = require("react/jsx-runtime");
+function InlineCodeIcon(props) {
+  return /*#__PURE__*/_reactJsxRuntime.jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    ...props,
+    children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
+      d: "M14.958 5.62a1 1 0 0 0-1.916-.574l-4 13.333a1 1 0 0 0 1.916.575l4-13.333ZM5.974 7.232a1 1 0 0 0-1.409.128l-3.333 4a1 1 0 0 0 0 1.28l3.333 4a1 1 0 0 0 1.537-1.28L3.302 12l2.8-3.36a1 1 0 0 0-.128-1.408Zm12.052 0a1 1 0 0 1 1.409.128l3.333 4a1 1 0 0 1 0 1.28l-3.333 4a1 1 0 0 1-1.537-1.28l2.8-3.36-2.8-3.36a1 1 0 0 1 .128-1.408Z"
+    })
+  });
+}
+;
+InlineCodeIcon.displayName = "InlineCodeIcon";
+module.exports = InlineCodeIcon;

package/assets/web/icons/inline-code.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+
+/**
+ * inline-code.svg
+ */
+declare const InlineCodeIcon: React.FunctionComponent<
+    React.ComponentProps<"svg">
+>;
+
+export default InlineCodeIcon;

package/assets/web/icons/inline-code.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+function InlineCodeIcon(props) {
+  return /*#__PURE__*/_jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    ...props,
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M14.958 5.62a1 1 0 0 0-1.916-.574l-4 13.333a1 1 0 0 0 1.916.575l4-13.333ZM5.974 7.232a1 1 0 0 0-1.409.128l-3.333 4a1 1 0 0 0 0 1.28l3.333 4a1 1 0 0 0 1.537-1.28L3.302 12l2.8-3.36a1 1 0 0 0-.128-1.408Zm12.052 0a1 1 0 0 1 1.409.128l3.333 4a1 1 0 0 1 0 1.28l-3.333 4a1 1 0 0 1-1.537-1.28l2.8-3.36-2.8-3.36a1 1 0 0 1 .128-1.408Z"
+    })
+  });
+}
+;
+InlineCodeIcon.displayName = "InlineCodeIcon";
+export default InlineCodeIcon;

package/assets/web/icons/italic.cjs

@@ -0,0 +1,17 @@
+var _reactJsxRuntime = require("react/jsx-runtime");
+function ItalicIcon(props) {
+  return /*#__PURE__*/_reactJsxRuntime.jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    ...props,
+    children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
+      d: "M6.25 19c-.35 0-.646-.12-.888-.363A1.207 1.207 0 0 1 5 17.75c0-.35.12-.646.362-.887.242-.242.538-.363.888-.363H9l3-9H9.25c-.35 0-.646-.12-.887-.362A1.207 1.207 0 0 1 8 6.25c0-.35.12-.646.363-.888A1.21 1.21 0 0 1 9.25 5h7.5c.35 0 .646.12.887.362.242.242.363.538.363.888s-.12.646-.363.888a1.207 1.207 0 0 1-.887.362H14.5l-3 9h2.25c.35 0 .646.12.887.363.242.241.363.537.363.887s-.12.646-.363.887a1.207 1.207 0 0 1-.887.363h-7.5Z"
+    })
+  });
+}
+;
+ItalicIcon.displayName = "ItalicIcon";
+module.exports = ItalicIcon;

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

@@ -0,0 +1,10 @@
+import * as React from "react";
+
+/**
+ * italic.svg
+ */
+declare const ItalicIcon: React.FunctionComponent<
+    React.ComponentProps<"svg">
+>;
+
+export default ItalicIcon;

package/assets/web/icons/italic.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+function ItalicIcon(props) {
+  return /*#__PURE__*/_jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    ...props,
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M6.25 19c-.35 0-.646-.12-.888-.363A1.207 1.207 0 0 1 5 17.75c0-.35.12-.646.362-.887.242-.242.538-.363.888-.363H9l3-9H9.25c-.35 0-.646-.12-.887-.362A1.207 1.207 0 0 1 8 6.25c0-.35.12-.646.363-.888A1.21 1.21 0 0 1 9.25 5h7.5c.35 0 .646.12.887.362.242.242.363.538.363.888s-.12.646-.363.888a1.207 1.207 0 0 1-.887.362H14.5l-3 9h2.25c.35 0 .646.12.887.363.242.241.363.537.363.887s-.12.646-.363.887a1.207 1.207 0 0 1-.887.363h-7.5Z"
+    })
+  });
+}
+;
+ItalicIcon.displayName = "ItalicIcon";
+export default ItalicIcon;

package/assets/web/icons/key-off-solid.cjs

@@ -0,0 +1,17 @@
+var _reactJsxRuntime = require("react/jsx-runtime");
+function KeyOffSolidIcon(props) {
+  return /*#__PURE__*/_reactJsxRuntime.jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    ...props,
+    children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
+      d: "M4.917 2.083a1 1 0 0 0-1.414 1.414L6.07 6.064c-1.27.18-2.377.743-3.32 1.686C1.583 8.917 1 10.333 1 12c0 1.667.583 3.083 1.75 4.25C3.917 17.417 5.333 18 7 18a5.863 5.863 0 0 0 3.475-1.1A5.81 5.81 0 0 0 12.65 14H13l1.3 1.3c.1.1.208.17.325.213.117.041.242.062.375.062s.258-.02.375-.062a.782.782 0 0 0 .1-.044l5.028 5.028a1 1 0 0 0 1.414-1.414l-17-17Zm.67 11.33A1.926 1.926 0 0 1 5 12c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 7 10c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412 0 .55-.196 1.02-.588 1.413A1.926 1.926 0 0 1 7 14c-.55 0-1.02-.196-1.412-.587Zm14.9 1.423L15.65 10h4.95a1.033 1.033 0 0 1 .725.3l1.025 1.025c.083.083.15.18.2.288.05.108.075.229.075.362a1.067 1.067 0 0 1-.25.7l-1.888 2.16Z"
+    })
+  });
+}
+;
+KeyOffSolidIcon.displayName = "KeyOffSolidIcon";
+module.exports = KeyOffSolidIcon;

package/assets/web/icons/key-off-solid.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+
+/**
+ * key-off-solid.svg
+ */
+declare const KeyOffSolidIcon: React.FunctionComponent<
+    React.ComponentProps<"svg">
+>;
+
+export default KeyOffSolidIcon;

package/assets/web/icons/key-off-solid.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+function KeyOffSolidIcon(props) {
+  return /*#__PURE__*/_jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    ...props,
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M4.917 2.083a1 1 0 0 0-1.414 1.414L6.07 6.064c-1.27.18-2.377.743-3.32 1.686C1.583 8.917 1 10.333 1 12c0 1.667.583 3.083 1.75 4.25C3.917 17.417 5.333 18 7 18a5.863 5.863 0 0 0 3.475-1.1A5.81 5.81 0 0 0 12.65 14H13l1.3 1.3c.1.1.208.17.325.213.117.041.242.062.375.062s.258-.02.375-.062a.782.782 0 0 0 .1-.044l5.028 5.028a1 1 0 0 0 1.414-1.414l-17-17Zm.67 11.33A1.926 1.926 0 0 1 5 12c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 7 10c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412 0 .55-.196 1.02-.588 1.413A1.926 1.926 0 0 1 7 14c-.55 0-1.02-.196-1.412-.587Zm14.9 1.423L15.65 10h4.95a1.033 1.033 0 0 1 .725.3l1.025 1.025c.083.083.15.18.2.288.05.108.075.229.075.362a1.067 1.067 0 0 1-.25.7l-1.888 2.16Z"
+    })
+  });
+}
+;
+KeyOffSolidIcon.displayName = "KeyOffSolidIcon";
+export default KeyOffSolidIcon;

package/assets/web/icons/key-off.cjs

@@ -0,0 +1,19 @@
+var _reactJsxRuntime = require("react/jsx-runtime");
+function KeyOffIcon(props) {
+  return /*#__PURE__*/_reactJsxRuntime.jsxs("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    ...props,
+    children: [/*#__PURE__*/_reactJsxRuntime.jsx("path", {
+      d: "M7 14c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 5 12c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 7 10c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412 0 .55-.196 1.02-.588 1.413A1.926 1.926 0 0 1 7 14Z"
+    }), /*#__PURE__*/_reactJsxRuntime.jsx("path", {
+      d: "M4.917 2.083a1 1 0 0 0-1.414 1.414L6.07 6.064c-1.27.18-2.377.743-3.32 1.686C1.583 8.917 1 10.333 1 12c0 1.667.583 3.083 1.75 4.25C3.917 17.417 5.333 18 7 18c1.117 0 2.13-.275 3.037-.825A6.212 6.212 0 0 0 12.2 15h1.175l1.525 1.075c.083.067.18.117.287.15a.945.945 0 0 0 .887-.15l.004-.002 4.425 4.424a1 1 0 0 0 1.414-1.414l-17-17ZM13.006 13h-2.131a4.033 4.033 0 0 1-1.412 2.15c-.709.567-1.53.85-2.463.85-1.1 0-2.042-.392-2.825-1.175C3.392 14.042 3 13.1 3 12s.392-2.042 1.175-2.825C4.958 8.392 5.9 8 7 8c.413 0 .803.055 1.172.166l2.649 2.65c.02.06.037.122.054.184h.13l2 2Zm8.144-1-1.75 1.75 1.426 1.425L23.3 12.7c.1-.1.17-.208.212-.325.042-.117.063-.242.063-.375s-.02-.258-.063-.375a.877.877 0 0 0-.212-.325l-2-2a.999.999 0 0 0-.338-.225A1.034 1.034 0 0 0 20.575 9h-5.924l2 2h3.499l1 1Z"
+    })]
+  });
+}
+;
+KeyOffIcon.displayName = "KeyOffIcon";
+module.exports = KeyOffIcon;

package/assets/web/icons/key-off.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+
+/**
+ * key-off.svg
+ */
+declare const KeyOffIcon: React.FunctionComponent<
+    React.ComponentProps<"svg">
+>;
+
+export default KeyOffIcon;

package/assets/web/icons/key-off.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function KeyOffIcon(props) {
+  return /*#__PURE__*/_jsxs("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    ...props,
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M7 14c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 5 12c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 7 10c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412 0 .55-.196 1.02-.588 1.413A1.926 1.926 0 0 1 7 14Z"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M4.917 2.083a1 1 0 0 0-1.414 1.414L6.07 6.064c-1.27.18-2.377.743-3.32 1.686C1.583 8.917 1 10.333 1 12c0 1.667.583 3.083 1.75 4.25C3.917 17.417 5.333 18 7 18c1.117 0 2.13-.275 3.037-.825A6.212 6.212 0 0 0 12.2 15h1.175l1.525 1.075c.083.067.18.117.287.15a.945.945 0 0 0 .887-.15l.004-.002 4.425 4.424a1 1 0 0 0 1.414-1.414l-17-17ZM13.006 13h-2.131a4.033 4.033 0 0 1-1.412 2.15c-.709.567-1.53.85-2.463.85-1.1 0-2.042-.392-2.825-1.175C3.392 14.042 3 13.1 3 12s.392-2.042 1.175-2.825C4.958 8.392 5.9 8 7 8c.413 0 .803.055 1.172.166l2.649 2.65c.02.06.037.122.054.184h.13l2 2Zm8.144-1-1.75 1.75 1.426 1.425L23.3 12.7c.1-.1.17-.208.212-.325.042-.117.063-.242.063-.375s-.02-.258-.063-.375a.877.877 0 0 0-.212-.325l-2-2a.999.999 0 0 0-.338-.225A1.034 1.034 0 0 0 20.575 9h-5.924l2 2h3.499l1 1Z"
+    })]
+  });
+}
+;
+KeyOffIcon.displayName = "KeyOffIcon";
+export default KeyOffIcon;

package/assets/web/icons/key-solid.cjs

@@ -0,0 +1,17 @@
+var _reactJsxRuntime = require("react/jsx-runtime");
+function KeySolidIcon(props) {
+  return /*#__PURE__*/_reactJsxRuntime.jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    ...props,
+    children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
+      d: "M10.475 16.9A5.863 5.863 0 0 1 7 18c-1.667 0-3.083-.583-4.25-1.75C1.583 15.083 1 13.667 1 12c0-1.667.583-3.083 1.75-4.25C3.917 6.583 5.333 6 7 6c1.35 0 2.53.383 3.537 1.15 1.009.767 1.713 1.717 2.113 2.85h7.95a1.033 1.033 0 0 1 .725.3l1.025 1.025a.99.99 0 0 1 .2.288c.05.108.075.229.075.362a1.066 1.066 0 0 1-.25.7l-2.25 2.575a.973.973 0 0 1-1.038.313 1.033 1.033 0 0 1-.337-.188L17 14l-1.3 1.3c-.1.1-.208.17-.325.212a1.106 1.106 0 0 1-.375.063c-.133 0-.258-.02-.375-.063a.877.877 0 0 1-.325-.212L13 14h-.35a5.81 5.81 0 0 1-2.175 2.9Zm-4.887-3.487c.391.39.862.587 1.412.587.55 0 1.02-.196 1.412-.588C8.804 13.021 9 12.55 9 12c0-.55-.196-1.02-.588-1.412A1.926 1.926 0 0 0 7 10c-.55 0-1.02.196-1.412.588A1.926 1.926 0 0 0 5 12c0 .55.196 1.02.588 1.412Z"
+    })
+  });
+}
+;
+KeySolidIcon.displayName = "KeySolidIcon";
+module.exports = KeySolidIcon;

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

@@ -0,0 +1,10 @@
+import * as React from "react";
+
+/**
+ * key-solid.svg
+ */
+declare const KeySolidIcon: React.FunctionComponent<
+    React.ComponentProps<"svg">
+>;
+
+export default KeySolidIcon;

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

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+function KeySolidIcon(props) {
+  return /*#__PURE__*/_jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    ...props,
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M10.475 16.9A5.863 5.863 0 0 1 7 18c-1.667 0-3.083-.583-4.25-1.75C1.583 15.083 1 13.667 1 12c0-1.667.583-3.083 1.75-4.25C3.917 6.583 5.333 6 7 6c1.35 0 2.53.383 3.537 1.15 1.009.767 1.713 1.717 2.113 2.85h7.95a1.033 1.033 0 0 1 .725.3l1.025 1.025a.99.99 0 0 1 .2.288c.05.108.075.229.075.362a1.066 1.066 0 0 1-.25.7l-2.25 2.575a.973.973 0 0 1-1.038.313 1.033 1.033 0 0 1-.337-.188L17 14l-1.3 1.3c-.1.1-.208.17-.325.212a1.106 1.106 0 0 1-.375.063c-.133 0-.258-.02-.375-.063a.877.877 0 0 1-.325-.212L13 14h-.35a5.81 5.81 0 0 1-2.175 2.9Zm-4.887-3.487c.391.39.862.587 1.412.587.55 0 1.02-.196 1.412-.588C8.804 13.021 9 12.55 9 12c0-.55-.196-1.02-.588-1.412A1.926 1.926 0 0 0 7 10c-.55 0-1.02.196-1.412.588A1.926 1.926 0 0 0 5 12c0 .55.196 1.02.588 1.412Z"
+    })
+  });
+}
+;
+KeySolidIcon.displayName = "KeySolidIcon";
+export default KeySolidIcon;

package/assets/web/icons/key.cjs

@@ -0,0 +1,17 @@
+var _reactJsxRuntime = require("react/jsx-runtime");
+function KeyIcon(props) {
+  return /*#__PURE__*/_reactJsxRuntime.jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    ...props,
+    children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
+      d: "M7 14c-.55 0-1.02-.196-1.412-.588A1.926 1.926 0 0 1 5 12c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 7 10c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412 0 .55-.196 1.02-.588 1.412A1.926 1.926 0 0 1 7 14Zm0 4c-1.667 0-3.083-.583-4.25-1.75C1.583 15.083 1 13.667 1 12c0-1.667.583-3.083 1.75-4.25C3.917 6.583 5.333 6 7 6c1.117 0 2.13.275 3.037.825A6.212 6.212 0 0 1 12.2 9h8.375a1.033 1.033 0 0 1 .725.3l2 2c.1.1.17.208.212.325.042.117.063.242.063.375s-.02.258-.063.375a.877.877 0 0 1-.212.325l-3.175 3.175a.946.946 0 0 1-.3.2c-.117.05-.233.083-.35.1a.832.832 0 0 1-.35-.025.884.884 0 0 1-.325-.175L17.5 15l-1.425 1.075a.945.945 0 0 1-.887.15.859.859 0 0 1-.288-.15L13.375 15H12.2a6.212 6.212 0 0 1-2.162 2.175C9.128 17.725 8.117 18 7 18Zm0-2c.933 0 1.754-.283 2.463-.85A4.032 4.032 0 0 0 10.875 13H14l1.45 1.025L17.5 12.5l1.775 1.375L21.15 12l-1-1h-9.275a4.032 4.032 0 0 0-1.412-2.15C8.754 8.283 7.933 8 7 8c-1.1 0-2.042.392-2.825 1.175C3.392 9.958 3 10.9 3 12s.392 2.042 1.175 2.825C4.958 15.608 5.9 16 7 16Z"
+    })
+  });
+}
+;
+KeyIcon.displayName = "KeyIcon";
+module.exports = KeyIcon;

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

@@ -0,0 +1,10 @@
+import * as React from "react";
+
+/**
+ * key.svg
+ */
+declare const KeyIcon: React.FunctionComponent<
+    React.ComponentProps<"svg">
+>;
+
+export default KeyIcon;

package/assets/web/icons/key.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+function KeyIcon(props) {
+  return /*#__PURE__*/_jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    ...props,
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M7 14c-.55 0-1.02-.196-1.412-.588A1.926 1.926 0 0 1 5 12c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 7 10c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412 0 .55-.196 1.02-.588 1.412A1.926 1.926 0 0 1 7 14Zm0 4c-1.667 0-3.083-.583-4.25-1.75C1.583 15.083 1 13.667 1 12c0-1.667.583-3.083 1.75-4.25C3.917 6.583 5.333 6 7 6c1.117 0 2.13.275 3.037.825A6.212 6.212 0 0 1 12.2 9h8.375a1.033 1.033 0 0 1 .725.3l2 2c.1.1.17.208.212.325.042.117.063.242.063.375s-.02.258-.063.375a.877.877 0 0 1-.212.325l-3.175 3.175a.946.946 0 0 1-.3.2c-.117.05-.233.083-.35.1a.832.832 0 0 1-.35-.025.884.884 0 0 1-.325-.175L17.5 15l-1.425 1.075a.945.945 0 0 1-.887.15.859.859 0 0 1-.288-.15L13.375 15H12.2a6.212 6.212 0 0 1-2.162 2.175C9.128 17.725 8.117 18 7 18Zm0-2c.933 0 1.754-.283 2.463-.85A4.032 4.032 0 0 0 10.875 13H14l1.45 1.025L17.5 12.5l1.775 1.375L21.15 12l-1-1h-9.275a4.032 4.032 0 0 0-1.412-2.15C8.754 8.283 7.933 8 7 8c-1.1 0-2.042.392-2.825 1.175C3.392 9.958 3 10.9 3 12s.392 2.042 1.175 2.825C4.958 15.608 5.9 16 7 16Z"
+    })
+  });
+}
+;
+KeyIcon.displayName = "KeyIcon";
+export default KeyIcon;

package/assets/web/icons/keyboard.cjs

@@ -0,0 +1,21 @@
+var _reactJsxRuntime = require("react/jsx-runtime");
+function KeyboardIcon(props) {
+  return /*#__PURE__*/_reactJsxRuntime.jsxs("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    ...props,
+    children: [/*#__PURE__*/_reactJsxRuntime.jsx("path", {
+      d: "M5.188 8v2h2V8h-2Zm3.875 0v2h2V8h-2Zm3.875 0v2h2V8h-2Zm3.875 0v2h2V8h-2ZM5.188 11.531v2h2v-2h-2Zm3.875 0v2h2v-2h-2Zm3.875 0v2h2v-2h-2Zm3.875 0v2h2v-2h-2ZM9 15a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2H9Z"
+    }), /*#__PURE__*/_reactJsxRuntime.jsx("path", {
+      fillRule: "evenodd",
+      d: "M2 6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6Zm2 0h16v12H4V6Z",
+      clipRule: "evenodd"
+    })]
+  });
+}
+;
+KeyboardIcon.displayName = "KeyboardIcon";
+module.exports = KeyboardIcon;

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

@@ -0,0 +1,10 @@
+import * as React from "react";
+
+/**
+ * keyboard.svg
+ */
+declare const KeyboardIcon: React.FunctionComponent<
+    React.ComponentProps<"svg">
+>;
+
+export default KeyboardIcon;

package/assets/web/icons/keyboard.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function KeyboardIcon(props) {
+  return /*#__PURE__*/_jsxs("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    ...props,
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M5.188 8v2h2V8h-2Zm3.875 0v2h2V8h-2Zm3.875 0v2h2V8h-2Zm3.875 0v2h2V8h-2ZM5.188 11.531v2h2v-2h-2Zm3.875 0v2h2v-2h-2Zm3.875 0v2h2v-2h-2Zm3.875 0v2h2v-2h-2ZM9 15a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2H9Z"
+    }), /*#__PURE__*/_jsx("path", {
+      fillRule: "evenodd",
+      d: "M2 6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6Zm2 0h16v12H4V6Z",
+      clipRule: "evenodd"
+    })]
+  });
+}
+;
+KeyboardIcon.displayName = "KeyboardIcon";
+export default KeyboardIcon;