diff --git a/apps/angular-demo/src/app/table/table.html b/apps/angular-demo/src/app/table/table.html index 752cc76e9..01ead752c 100644 --- a/apps/angular-demo/src/app/table/table.html +++ b/apps/angular-demo/src/app/table/table.html @@ -10,7 +10,7 @@ {{ user.firstName }} {{ user.lastName }} - {{ user.age }} + {{ user.age }} diff --git a/apps/react-demo/src/routes/table.tsx b/apps/react-demo/src/routes/table.tsx index b7fb295a7..edae1feef 100644 --- a/apps/react-demo/src/routes/table.tsx +++ b/apps/react-demo/src/routes/table.tsx @@ -44,7 +44,7 @@ export default function Table() { {user.firstName} {user.lastName} - {user.age} + {user.age} ))} diff --git a/libs/react-components/src/lib/notification/notification.spec.tsx b/libs/react-components/src/lib/notification/notification.spec.tsx index 11e32b4d2..93faeba07 100644 --- a/libs/react-components/src/lib/notification/notification.spec.tsx +++ b/libs/react-components/src/lib/notification/notification.spec.tsx @@ -25,11 +25,12 @@ describe("Notification Banner", () => { it("Event triggered on notification banner dismiss", async () => { const onDismiss = jest.fn(); const { container } = render( - Information to the user goes in the content + + Information to the user goes in the content + ); const notificationBanner = container.querySelector("goa-notification"); fireEvent(notificationBanner, new CustomEvent("_dismiss")); expect(onDismiss).toBeCalled(); }); - }); diff --git a/libs/web-components/package-lock.json b/libs/web-components/package-lock.json index 7ae6b2ec2..4e324bcae 100644 --- a/libs/web-components/package-lock.json +++ b/libs/web-components/package-lock.json @@ -2636,6 +2636,11 @@ } } }, + "vite-plugin-replace": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/vite-plugin-replace/-/vite-plugin-replace-0.1.1.tgz", + "integrity": "sha512-v+okl3JNt2pf1jDYijw+WPVt6h9FWa/atTi+qnSFBqmKThLTDhlesx0r3bh+oFPmxRJmis5tNx9HtN6lGFoqWg==" + }, "which": { "version": "2.0.2", "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", diff --git a/libs/web-components/package.json b/libs/web-components/package.json index fd4b4ccf1..59a19a09d 100644 --- a/libs/web-components/package.json +++ b/libs/web-components/package.json @@ -43,6 +43,7 @@ "svelte-check": "^2.0.0", "svelte-preprocess": "^4.0.0", "tslib": "^2.0.0", - "typescript": "^4.0.0" + "typescript": "^4.0.0", + "vite-plugin-replace": "^0.1.1" } } diff --git a/libs/web-components/rollup.config.js b/libs/web-components/rollup.config.js index c0968da18..7c648c343 100644 --- a/libs/web-components/rollup.config.js +++ b/libs/web-components/rollup.config.js @@ -6,6 +6,7 @@ import preprocess from "svelte-preprocess"; import commonjs from "@rollup/plugin-commonjs"; import typescript from "@rollup/plugin-typescript"; import css from 'rollup-plugin-css-only'; +import {replaceCodePlugin} from 'vite-plugin-replace'; export default { input: "src/index.ts", @@ -36,6 +37,14 @@ export default { resolve(), terser(), summary(), + replaceCodePlugin({ + replacements: [ + { + from: /:global\(([\[\]\(\)\-\.\:\*\w]+)\)/g, + to: "$1", + } + ] + }), ], watch: { clearScreen: true, diff --git a/libs/web-components/src/components/table/Table.svelte b/libs/web-components/src/components/table/Table.svelte index 81e3b4833..d4effb10d 100644 --- a/libs/web-components/src/components/table/Table.svelte +++ b/libs/web-components/src/components/table/Table.svelte @@ -76,6 +76,11 @@ line-height: 1rem; } + table :global(.goa-table-number-column) { + font: var(--goa-typography-number-m); + text-align: right; + } + table.relaxed td{ padding: 1.25rem 1rem 1rem; }