letro/letro-authentication-service
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Replace all icons by the ones exported by compound-design-tokens

Browse Source
This commit is contained in:
Quentin Gliech
2024-07-15 23:04:23 +02:00
parent 7f7e78af28
commit defec9f412
21 changed files with 26 additions and 353 deletions
Download Patch File Download Diff File Expand all files Collapse all files

246
frontend/package-lock.json generated
View File

@@ -77,7 +77,6 @@
"vite-plugin-compression": "^0.5.1",
"vite-plugin-graphql-codegen": "^3.3.8",
"vite-plugin-manifest-sri": "^0.2.0",
"vite-plugin-svgr": "^4.2.0",
"vitest": "^1.4.0"
}
},
@@ -7727,219 +7726,6 @@
"url": "https://opencollective.com/storybook"
}
},
"node_modules/@svgr/babel-plugin-add-jsx-attribute": {
"version": "8.0.0",
"resolved": "https://registry.npmjs.org/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-8.0.0.tgz",
"integrity": "sha512-b9MIk7yhdS1pMCZM8VeNfUlSKVRhsHZNMl5O9SfaX0l0t5wjdgu4IDzGB8bpnGBBOjGST3rRFVsaaEtI4W6f7g==",
"dev": true,
"engines": {
"node": ">=14"
},
"funding": {
"type": "github",
"url": "https://github.com/sponsors/gregberge"
},
"peerDependencies": {
"@babel/core": "^7.0.0-0"
}
},
"node_modules/@svgr/babel-plugin-remove-jsx-attribute": {
"version": "8.0.0",
"resolved": "https://registry.npmjs.org/@svgr/babel-plugin-remove-jsx-attribute/-/babel-plugin-remove-jsx-attribute-8.0.0.tgz",
"integrity": "sha512-BcCkm/STipKvbCl6b7QFrMh/vx00vIP63k2eM66MfHJzPr6O2U0jYEViXkHJWqXqQYjdeA9cuCl5KWmlwjDvbA==",
"dev": true,
"engines": {
"node": ">=14"
},
"funding": {
"type": "github",
"url": "https://github.com/sponsors/gregberge"
},
"peerDependencies": {
"@babel/core": "^7.0.0-0"
}
},
"node_modules/@svgr/babel-plugin-remove-jsx-empty-expression": {
"version": "8.0.0",
"resolved": "https://registry.npmjs.org/@svgr/babel-plugin-remove-jsx-empty-expression/-/babel-plugin-remove-jsx-empty-expression-8.0.0.tgz",
"integrity": "sha512-5BcGCBfBxB5+XSDSWnhTThfI9jcO5f0Ai2V24gZpG+wXF14BzwxxdDb4g6trdOux0rhibGs385BeFMSmxtS3uA==",
"dev": true,
"engines": {
"node": ">=14"
},
"funding": {
"type": "github",
"url": "https://github.com/sponsors/gregberge"
},
"peerDependencies": {
"@babel/core": "^7.0.0-0"
}
},
"node_modules/@svgr/babel-plugin-replace-jsx-attribute-value": {
"version": "8.0.0",
"resolved": "https://registry.npmjs.org/@svgr/babel-plugin-replace-jsx-attribute-value/-/babel-plugin-replace-jsx-attribute-value-8.0.0.tgz",
"integrity": "sha512-KVQ+PtIjb1BuYT3ht8M5KbzWBhdAjjUPdlMtpuw/VjT8coTrItWX6Qafl9+ji831JaJcu6PJNKCV0bp01lBNzQ==",
"dev": true,
"engines": {
"node": ">=14"
},
"funding": {
"type": "github",
"url": "https://github.com/sponsors/gregberge"
},
"peerDependencies": {
"@babel/core": "^7.0.0-0"
}
},
"node_modules/@svgr/babel-plugin-svg-dynamic-title": {
"version": "8.0.0",
"resolved": "https://registry.npmjs.org/@svgr/babel-plugin-svg-dynamic-title/-/babel-plugin-svg-dynamic-title-8.0.0.tgz",
"integrity": "sha512-omNiKqwjNmOQJ2v6ge4SErBbkooV2aAWwaPFs2vUY7p7GhVkzRkJ00kILXQvRhA6miHnNpXv7MRnnSjdRjK8og==",
"dev": true,
"engines": {
"node": ">=14"
},
"funding": {
"type": "github",
"url": "https://github.com/sponsors/gregberge"
},
"peerDependencies": {
"@babel/core": "^7.0.0-0"
}
},
"node_modules/@svgr/babel-plugin-svg-em-dimensions": {
"version": "8.0.0",
"resolved": "https://registry.npmjs.org/@svgr/babel-plugin-svg-em-dimensions/-/babel-plugin-svg-em-dimensions-8.0.0.tgz",
"integrity": "sha512-mURHYnu6Iw3UBTbhGwE/vsngtCIbHE43xCRK7kCw4t01xyGqb2Pd+WXekRRoFOBIY29ZoOhUCTEweDMdrjfi9g==",
"dev": true,
"engines": {
"node": ">=14"
},
"funding": {
"type": "github",
"url": "https://github.com/sponsors/gregberge"
},
"peerDependencies": {
"@babel/core": "^7.0.0-0"
}
},
"node_modules/@svgr/babel-plugin-transform-react-native-svg": {
"version": "8.1.0",
"resolved": "https://registry.npmjs.org/@svgr/babel-plugin-transform-react-native-svg/-/babel-plugin-transform-react-native-svg-8.1.0.tgz",
"integrity": "sha512-Tx8T58CHo+7nwJ+EhUwx3LfdNSG9R2OKfaIXXs5soiy5HtgoAEkDay9LIimLOcG8dJQH1wPZp/cnAv6S9CrR1Q==",
"dev": true,
"engines": {
"node": ">=14"
},
"funding": {
"type": "github",
"url": "https://github.com/sponsors/gregberge"
},
"peerDependencies": {
"@babel/core": "^7.0.0-0"
}
},
"node_modules/@svgr/babel-plugin-transform-svg-component": {
"version": "8.0.0",
"resolved": "https://registry.npmjs.org/@svgr/babel-plugin-transform-svg-component/-/babel-plugin-transform-svg-component-8.0.0.tgz",
"integrity": "sha512-DFx8xa3cZXTdb/k3kfPeaixecQLgKh5NVBMwD0AQxOzcZawK4oo1Jh9LbrcACUivsCA7TLG8eeWgrDXjTMhRmw==",
"dev": true,
"engines": {
"node": ">=12"
},
"funding": {
"type": "github",
"url": "https://github.com/sponsors/gregberge"
},
"peerDependencies": {
"@babel/core": "^7.0.0-0"
}
},
"node_modules/@svgr/babel-preset": {
"version": "8.1.0",
"resolved": "https://registry.npmjs.org/@svgr/babel-preset/-/babel-preset-8.1.0.tgz",
"integrity": "sha512-7EYDbHE7MxHpv4sxvnVPngw5fuR6pw79SkcrILHJ/iMpuKySNCl5W1qcwPEpU+LgyRXOaAFgH0KhwD18wwg6ug==",
"dev": true,
"dependencies": {
"@svgr/babel-plugin-add-jsx-attribute": "8.0.0",
"@svgr/babel-plugin-remove-jsx-attribute": "8.0.0",
"@svgr/babel-plugin-remove-jsx-empty-expression": "8.0.0",
"@svgr/babel-plugin-replace-jsx-attribute-value": "8.0.0",
"@svgr/babel-plugin-svg-dynamic-title": "8.0.0",
"@svgr/babel-plugin-svg-em-dimensions": "8.0.0",
"@svgr/babel-plugin-transform-react-native-svg": "8.1.0",
"@svgr/babel-plugin-transform-svg-component": "8.0.0"
},
"engines": {
"node": ">=14"
},
"funding": {
"type": "github",
"url": "https://github.com/sponsors/gregberge"
},
"peerDependencies": {
"@babel/core": "^7.0.0-0"
}
},
"node_modules/@svgr/core": {
"version": "8.1.0",
"resolved": "https://registry.npmjs.org/@svgr/core/-/core-8.1.0.tgz",
"integrity": "sha512-8QqtOQT5ACVlmsvKOJNEaWmRPmcojMOzCz4Hs2BGG/toAp/K38LcsMRyLp349glq5AzJbCEeimEoxaX6v/fLrA==",
"dev": true,
"dependencies": {
"@babel/core": "^7.21.3",
"@svgr/babel-preset": "8.1.0",
"camelcase": "^6.2.0",
"cosmiconfig": "^8.1.3",
"snake-case": "^3.0.4"
},
"engines": {
"node": ">=14"
},
"funding": {
"type": "github",
"url": "https://github.com/sponsors/gregberge"
}
},
"node_modules/@svgr/hast-util-to-babel-ast": {
"version": "8.0.0",
"resolved": "https://registry.npmjs.org/@svgr/hast-util-to-babel-ast/-/hast-util-to-babel-ast-8.0.0.tgz",
"integrity": "sha512-EbDKwO9GpfWP4jN9sGdYwPBU0kdomaPIL2Eu4YwmgP+sJeXT+L7bMwJUBnhzfH8Q2qMBqZ4fJwpCyYsAN3mt2Q==",
"dev": true,
"dependencies": {
"@babel/types": "^7.21.3",
"entities": "^4.4.0"
},
"engines": {
"node": ">=14"
},
"funding": {
"type": "github",
"url": "https://github.com/sponsors/gregberge"
}
},
"node_modules/@svgr/plugin-jsx": {
"version": "8.1.0",
"resolved": "https://registry.npmjs.org/@svgr/plugin-jsx/-/plugin-jsx-8.1.0.tgz",
"integrity": "sha512-0xiIyBsLlr8quN+WyuxooNW9RJ0Dpr8uOnH/xrCVO8GLUcwHISwj1AG0k+LFzteTkAA0GbX0kj9q6Dk70PTiPA==",
"dev": true,
"dependencies": {
"@babel/core": "^7.21.3",
"@svgr/babel-preset": "8.1.0",
"@svgr/hast-util-to-babel-ast": "8.0.0",
"svg-parser": "^2.0.4"
},
"engines": {
"node": ">=14"
},
"funding": {
"type": "github",
"url": "https://github.com/sponsors/gregberge"
},
"peerDependencies": {
"@svgr/core": "*"
}
},
"node_modules/@tanstack/history": {
"version": "1.41.0",
"resolved": "https://registry.npmjs.org/@tanstack/history/-/history-1.41.0.tgz",
@@ -10789,18 +10575,6 @@
"tslib": "^2.0.3"
}
},
"node_modules/camelcase": {
"version": "6.3.0",
"resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz",
"integrity": "sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==",
"dev": true,
"engines": {
"node": ">=10"
},
"funding": {
"url": "https://github.com/sponsors/sindresorhus"
}
},
"node_modules/camelcase-css": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
@@ -21000,12 +20774,6 @@
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/svg-parser": {
"version": "2.0.4",
"resolved": "https://registry.npmjs.org/svg-parser/-/svg-parser-2.0.4.tgz",
"integrity": "sha512-e4hG1hRwoOdRb37cIMSgzNsxyzKfayW6VOflrwvR+/bzrkyxY/31WkbgnQpgtrNp1SdpJvpUAGTa/ZoiPNDuRQ==",
"dev": true
},
"node_modules/swap-case": {
"version": "2.0.2",
"resolved": "https://registry.npmjs.org/swap-case/-/swap-case-2.0.2.tgz",
@@ -22448,20 +22216,6 @@
"integrity": "sha512-Zt5jt19xTIJ91LOuQTCtNG7rTFc5OziAjBz2H5NdCGqaOD1nxrWExLhcKW+W4/q8/jOPCg/n5ncYEQmqCxiGQQ==",
"dev": true
},
"node_modules/vite-plugin-svgr": {
"version": "4.2.0",
"resolved": "https://registry.npmjs.org/vite-plugin-svgr/-/vite-plugin-svgr-4.2.0.tgz",
"integrity": "sha512-SC7+FfVtNQk7So0XMjrrtLAbEC8qjFPifyD7+fs/E6aaNdVde6umlVVh0QuwDLdOMu7vp5RiGFsB70nj5yo0XA==",
"dev": true,
"dependencies": {
"@rollup/pluginutils": "^5.0.5",
"@svgr/core": "^8.1.0",
"@svgr/plugin-jsx": "^8.1.0"
},
"peerDependencies": {
"vite": "^2.6.0 || 3 || 4 || 5"
}
},
"node_modules/vite/node_modules/@esbuild/aix-ppc64": {
"version": "0.21.5",
"resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",

1
frontend/package.json
View File

@@ -86,7 +86,6 @@
"vite-plugin-compression": "^0.5.1",
"vite-plugin-graphql-codegen": "^3.3.8",
"vite-plugin-manifest-sri": "^0.2.0",
"vite-plugin-svgr": "^4.2.0",
"vitest": "^1.4.0"
}
}

2
frontend/src/components/Dialog/Dialog.tsx
View File

@@ -21,7 +21,7 @@ import {
Overlay as DialogOverlay,
Content as DialogContent,
} from "@radix-ui/react-dialog";
import IconClose from "@vector-im/compound-design-tokens/icons/close.svg?react";
import IconClose from "@vector-im/compound-design-tokens/assets/web/icons/close";
import { Glass, Tooltip } from "@vector-im/compound-web";
import { PropsWithChildren } from "react";
import { useTranslation } from "react-i18next";

2
frontend/src/components/GenericError.tsx
View File

@@ -12,7 +12,7 @@
// See the License for the specific language governing permissions and
// limitations under the License.
import IconError from "@vector-im/compound-design-tokens/icons/error.svg?react";
import IconError from "@vector-im/compound-design-tokens/assets/web/icons/error";
import { Button } from "@vector-im/compound-web";
import { useState } from "react";
import { Translation } from "react-i18next";

8
frontend/src/components/Session/DeviceTypeIcon.tsx
View File

@@ -12,10 +12,10 @@
// See the License for the specific language governing permissions and
// limitations under the License.
import IconComputer from "@vector-im/compound-design-tokens/icons/computer.svg?react";
import IconMobile from "@vector-im/compound-design-tokens/icons/mobile.svg?react";
import IconUnknown from "@vector-im/compound-design-tokens/icons/unknown.svg?react";
import IconBrowser from "@vector-im/compound-design-tokens/icons/web-browser.svg?react";
import IconComputer from "@vector-im/compound-design-tokens/assets/web/icons/computer";
import IconMobile from "@vector-im/compound-design-tokens/assets/web/icons/mobile";
import IconUnknown from "@vector-im/compound-design-tokens/assets/web/icons/unknown";
import IconBrowser from "@vector-im/compound-design-tokens/assets/web/icons/web-browser";
import { FunctionComponent, SVGProps } from "react";
import { useTranslation } from "react-i18next";

2
frontend/src/components/Session/EndSessionButton.tsx
View File

@@ -12,7 +12,7 @@
// See the License for the specific language governing permissions and
// limitations under the License.
import IconSignOut from "@vector-im/compound-design-tokens/icons/sign-out.svg?react";
import IconSignOut from "@vector-im/compound-design-tokens/assets/web/icons/sign-out";
import { Button } from "@vector-im/compound-web";
import { useState } from "react";
import { useTranslation } from "react-i18next";

39
frontend/src/components/Session/__snapshots__/SelectableSession.test.tsx.snap
View File

@@ -1,39 +0,0 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`<SelectableSession /> > renders an unselected session 1`] = `
<div>
<div
class="_selectableSession_3b8f53"
>
<div
class="_container_1jek6_18 _checkbox_3b8f53"
>
<input
aria-label="Select session"
class="_input_1jek6_26"
type="checkbox"
/>
<div
class="_ui_1jek6_27"
>
<svg
aria-hidden="true"
class="cpd-icon"
fill="currentColor"
height="1em"
viewBox="0 0 24 24"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M9.55 17.575c-.133 0-.258-.02-.375-.063a.878.878 0 0 1-.325-.212L4.55 13c-.183-.183-.27-.42-.263-.713.009-.291.105-.529.288-.712a.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275L9.55 15.15l8.475-8.475c.183-.183.42-.275.712-.275s.53.092.713.275c.183.183.275.42.275.712s-.092.53-.275.713l-9.2 9.2c-.1.1-.208.17-.325.212a1.106 1.106 0 0 1-.375.063Z"
/>
</svg>
</div>
</div>
<div>
Test child
</div>
</div>
</div>
`;

2
frontend/src/components/SessionCard/SessionCard.stories.tsx
View File

@@ -13,7 +13,7 @@
// limitations under the License.
import type { Meta, StoryObj } from "@storybook/react";
import IconSignOut from "@vector-im/compound-design-tokens/icons/sign-out.svg?react";
import IconSignOut from "@vector-im/compound-design-tokens/assets/web/icons/sign-out";
import { Button } from "@vector-im/compound-web";
import { useTranslation } from "react-i18next";

12
frontend/src/components/SessionDetail/SessionDetails.tsx
View File

@@ -12,12 +12,12 @@
// See the License for the specific language governing permissions and
// limitations under the License.
import IconChat from "@vector-im/compound-design-tokens/icons/chat.svg?react";
import IconComputer from "@vector-im/compound-design-tokens/icons/computer.svg?react";
import IconError from "@vector-im/compound-design-tokens/icons/error.svg?react";
import IconInfo from "@vector-im/compound-design-tokens/icons/info.svg?react";
import IconSend from "@vector-im/compound-design-tokens/icons/send.svg?react";
import IconUserProfile from "@vector-im/compound-design-tokens/icons/user-profile.svg?react";
import IconChat from "@vector-im/compound-design-tokens/assets/web/icons/chat";
import IconComputer from "@vector-im/compound-design-tokens/assets/web/icons/computer";
import IconError from "@vector-im/compound-design-tokens/assets/web/icons/error";
import IconInfo from "@vector-im/compound-design-tokens/assets/web/icons/info";
import IconSend from "@vector-im/compound-design-tokens/assets/web/icons/send";
import IconUserProfile from "@vector-im/compound-design-tokens/assets/web/icons/user-profile";
import { Text } from "@vector-im/compound-web";
import { ReactNode } from "react";
import { useTranslation } from "react-i18next";

2
frontend/src/components/SessionDetail/SessionHeader.tsx
View File

@@ -13,7 +13,7 @@
// limitations under the License.
import { Link } from "@tanstack/react-router";
import IconChevronLeft from "@vector-im/compound-design-tokens/icons/chevron-left.svg?react";
import IconChevronLeft from "@vector-im/compound-design-tokens/assets/web/icons/chevron-left";
import { H3 } from "@vector-im/compound-web";
import styles from "./SessionHeader.module.css";

12
frontend/src/components/SessionDetail/__snapshots__/CompatSessionDetail.test.tsx.snap
View File

@@ -13,7 +13,6 @@ exports[`<CompatSessionDetail> > renders a compatability session details 1`] = `
href="/sessions"
>
<svg
class="cpd-icon"
fill="currentColor"
height="1em"
viewBox="0 0 24 24"
@@ -116,7 +115,6 @@ exports[`<CompatSessionDetail> > renders a compatability session details 1`] = `
class="_scope_040867"
>
<svg
class="cpd-icon"
fill="currentColor"
height="1em"
viewBox="0 0 24 24"
@@ -143,7 +141,6 @@ exports[`<CompatSessionDetail> > renders a compatability session details 1`] = `
class="_scope_040867"
>
<svg
class="cpd-icon"
fill="currentColor"
height="1em"
viewBox="0 0 24 24"
@@ -164,7 +161,6 @@ exports[`<CompatSessionDetail> > renders a compatability session details 1`] = `
class="_scope_040867"
>
<svg
class="cpd-icon"
fill="currentColor"
height="1em"
viewBox="0 0 24 24"
@@ -274,7 +270,6 @@ exports[`<CompatSessionDetail> > renders a compatability session without an ssoL
href="/sessions"
>
<svg
class="cpd-icon"
fill="currentColor"
height="1em"
viewBox="0 0 24 24"
@@ -377,7 +372,6 @@ exports[`<CompatSessionDetail> > renders a compatability session without an ssoL
class="_scope_040867"
>
<svg
class="cpd-icon"
fill="currentColor"
height="1em"
viewBox="0 0 24 24"
@@ -404,7 +398,6 @@ exports[`<CompatSessionDetail> > renders a compatability session without an ssoL
class="_scope_040867"
>
<svg
class="cpd-icon"
fill="currentColor"
height="1em"
viewBox="0 0 24 24"
@@ -425,7 +418,6 @@ exports[`<CompatSessionDetail> > renders a compatability session without an ssoL
class="_scope_040867"
>
<svg
class="cpd-icon"
fill="currentColor"
height="1em"
viewBox="0 0 24 24"
@@ -490,7 +482,6 @@ exports[`<CompatSessionDetail> > renders a finished compatability session detail
href="/sessions"
>
<svg
class="cpd-icon"
fill="currentColor"
height="1em"
viewBox="0 0 24 24"
@@ -607,7 +598,6 @@ exports[`<CompatSessionDetail> > renders a finished compatability session detail
class="_scope_040867"
>
<svg
class="cpd-icon"
fill="currentColor"
height="1em"
viewBox="0 0 24 24"
@@ -634,7 +624,6 @@ exports[`<CompatSessionDetail> > renders a finished compatability session detail
class="_scope_040867"
>
<svg
class="cpd-icon"
fill="currentColor"
height="1em"
viewBox="0 0 24 24"
@@ -655,7 +644,6 @@ exports[`<CompatSessionDetail> > renders a finished compatability session detail
class="_scope_040867"
>
<svg
class="cpd-icon"
fill="currentColor"
height="1em"
viewBox="0 0 24 24"

8
frontend/src/components/SessionDetail/__snapshots__/OAuth2SessionDetail.test.tsx.snap
View File

@@ -13,7 +13,6 @@ exports[`<OAuth2SessionDetail> > renders a finished session details 1`] = `
href="/sessions"
>
<svg
class="cpd-icon"
fill="currentColor"
height="1em"
viewBox="0 0 24 24"
@@ -130,7 +129,6 @@ exports[`<OAuth2SessionDetail> > renders a finished session details 1`] = `
class="_scope_040867"
>
<svg
class="cpd-icon"
fill="currentColor"
height="1em"
viewBox="0 0 24 24"
@@ -157,7 +155,6 @@ exports[`<OAuth2SessionDetail> > renders a finished session details 1`] = `
class="_scope_040867"
>
<svg
class="cpd-icon"
fill="currentColor"
height="1em"
viewBox="0 0 24 24"
@@ -178,7 +175,6 @@ exports[`<OAuth2SessionDetail> > renders a finished session details 1`] = `
class="_scope_040867"
>
<svg
class="cpd-icon"
fill="currentColor"
height="1em"
viewBox="0 0 24 24"
@@ -275,7 +271,6 @@ exports[`<OAuth2SessionDetail> > renders session details 1`] = `
href="/sessions"
>
<svg
class="cpd-icon"
fill="currentColor"
height="1em"
viewBox="0 0 24 24"
@@ -378,7 +373,6 @@ exports[`<OAuth2SessionDetail> > renders session details 1`] = `
class="_scope_040867"
>
<svg
class="cpd-icon"
fill="currentColor"
height="1em"
viewBox="0 0 24 24"
@@ -405,7 +399,6 @@ exports[`<OAuth2SessionDetail> > renders session details 1`] = `
class="_scope_040867"
>
<svg
class="cpd-icon"
fill="currentColor"
height="1em"
viewBox="0 0 24 24"
@@ -426,7 +419,6 @@ exports[`<OAuth2SessionDetail> > renders session details 1`] = `
class="_scope_040867"
>
<svg
class="cpd-icon"
fill="currentColor"
height="1em"
viewBox="0 0 24 24"

1
frontend/src/components/SessionDetail/__snapshots__/SessionHeader.test.tsx.snap
View File

@@ -12,7 +12,6 @@ exports[`<SessionHeader /> > renders a session header 1`] = `
href="/"
>
<svg
class="cpd-icon"
fill="currentColor"
height="1em"
viewBox="0 0 24 24"

4
frontend/src/components/UserEmail/UserEmail.tsx
View File

@@ -12,8 +12,8 @@
// See the License for the specific language governing permissions and
// limitations under the License.
import IconDelete from "@vector-im/compound-design-tokens/icons/delete.svg?react";
import IconEmail from "@vector-im/compound-design-tokens/icons/email.svg?react";
import IconDelete from "@vector-im/compound-design-tokens/assets/web/icons/delete";
import IconEmail from "@vector-im/compound-design-tokens/assets/web/icons/email";
import { Button, Form, IconButton, Tooltip } from "@vector-im/compound-web";
import { ComponentProps, ReactNode } from "react";
import { Translation, useTranslation } from "react-i18next";

4
frontend/src/components/UserGreeting/UserGreeting.tsx
View File

@@ -12,8 +12,8 @@
// See the License for the specific language governing permissions and
// limitations under the License.
import IconClose from "@vector-im/compound-design-tokens/icons/close.svg?react";
import IconEdit from "@vector-im/compound-design-tokens/icons/edit.svg?react";
import IconClose from "@vector-im/compound-design-tokens/assets/web/icons/close";
import IconEdit from "@vector-im/compound-design-tokens/assets/web/icons/edit";
import {
Text,
Avatar,

4
frontend/src/components/VerifyEmail/VerifyEmail.tsx
View File

@@ -13,8 +13,8 @@
// limitations under the License.
import { useLinkProps, useNavigate } from "@tanstack/react-router";
import IconArrowLeft from "@vector-im/compound-design-tokens/icons/arrow-left.svg?react";
import IconSend from "@vector-im/compound-design-tokens/icons/send-solid.svg?react";
import IconArrowLeft from "@vector-im/compound-design-tokens/assets/web/icons/arrow-left";
import IconSend from "@vector-im/compound-design-tokens/assets/web/icons/send-solid";
import { Button, Form, Alert, H1, Text } from "@vector-im/compound-web";
import { useRef } from "react";
import { Trans, useTranslation } from "react-i18next";

2
frontend/src/routes/_account.index.tsx
View File

@@ -18,7 +18,7 @@ import {
redirect,
useNavigate,
} from "@tanstack/react-router";
import IconKey from "@vector-im/compound-design-tokens/icons/key.svg?react";
import IconKey from "@vector-im/compound-design-tokens/assets/web/icons/key";
import { Alert, Separator } from "@vector-im/compound-web";
import { Suspense } from "react";
import { useTranslation } from "react-i18next";

2
frontend/src/routes/password.change.index.tsx
View File

@@ -13,7 +13,7 @@
// limitations under the License.
import { createFileRoute, notFound, useRouter } from "@tanstack/react-router";
import IconLockSolid from "@vector-im/compound-design-tokens/icons/lock-solid.svg?react";
import IconLockSolid from "@vector-im/compound-design-tokens/assets/web/icons/lock-solid";
import { Alert, Form, Progress, Separator } from "@vector-im/compound-web";
import {
FormEvent,

2
frontend/src/routes/password.change.success.tsx
View File

@@ -13,7 +13,7 @@
// limitations under the License.
import { createFileRoute, notFound } from "@tanstack/react-router";
import IconCheckCircle from "@vector-im/compound-design-tokens/icons/check-circle-solid.svg?react";
import IconCheckCircle from "@vector-im/compound-design-tokens/assets/web/icons/check-circle-solid";
import { useTranslation } from "react-i18next";
import { useQuery } from "urql";

4
frontend/src/routes/reset-cross-signing.tsx
View File

@@ -13,8 +13,8 @@
// limitations under the License.
import { createFileRoute, notFound } from "@tanstack/react-router";
import IconArrowLeft from "@vector-im/compound-design-tokens/icons/arrow-left.svg?react";
import IconKey from "@vector-im/compound-design-tokens/icons/key.svg?react";
import IconArrowLeft from "@vector-im/compound-design-tokens/assets/web/icons/arrow-left";
import IconKey from "@vector-im/compound-design-tokens/assets/web/icons/key";
import { Alert, Button, Text } from "@vector-im/compound-web";
import { useTranslation } from "react-i18next";
import { useMutation, useQuery } from "urql";

20
frontend/vite.config.ts
View File

@@ -22,7 +22,6 @@ import type { Manifest, PluginOption } from "vite";
import compression from "vite-plugin-compression";
import codegen from "vite-plugin-graphql-codegen";
import manifestSRI from "vite-plugin-manifest-sri";
import svgr from "vite-plugin-svgr";
import { defineConfig } from "vitest/config";
function i18nHotReload(): PluginOption {
@@ -128,25 +127,6 @@ export default defineConfig((env) => ({
manifestSRI(),
svgr({
esbuildOptions: {
// This makes sure we're using the same JSX runtime as React itself
jsx: "automatic",
jsxDev: env.mode === "development",
},
svgrOptions: {
// Using 1em in order to make SVG size inherits from text size.
icon: "1em",
svgProps: {
// Adding a class in case we want to add global overrides, but one
// should probably stick to using CSS modules most of the time
className: "cpd-icon",
},
},
}),
// Pre-compress the assets, so that the server can serve them directly
compression({
algorithm: "gzip",