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;
}