From 68255c7cd3115dac5af1b253b6d43d0dea74619e Mon Sep 17 00:00:00 2001 From: pkd2512 Date: Tue, 13 May 2025 12:04:23 +0100 Subject: [PATCH] add rtl and chromatic for testing --- .storybook/main.ts | 1 + chromatic.config.json | 6 ++++++ package.json | 1 + pnpm-lock.yaml | 8 ++++++++ src/components/Table/Table.svelte | 1 + 5 files changed, 17 insertions(+) create mode 100644 chromatic.config.json diff --git a/.storybook/main.ts b/.storybook/main.ts index d752804b..8cb90af2 100644 --- a/.storybook/main.ts +++ b/.storybook/main.ts @@ -8,6 +8,7 @@ const config: StorybookConfig = { '@chromatic-com/storybook', '@storybook/addon-interactions', '@storybook/addon-a11y', + 'storybook-addon-rtl', ], framework: { name: '@storybook/sveltekit', diff --git a/chromatic.config.json b/chromatic.config.json new file mode 100644 index 00000000..03520e17 --- /dev/null +++ b/chromatic.config.json @@ -0,0 +1,6 @@ +{ + "onlyChanged": true, + "projectId": "Project:64a5c42823795823edcb60f4", + "zip": true, + "buildScriptName": "build:docs" +} \ No newline at end of file diff --git a/package.json b/package.json index c2d27323..d962f662 100644 --- a/package.json +++ b/package.json @@ -105,6 +105,7 @@ "proper-url-join": "^2.1.2", "pym.js": "^1.3.2", "slugify": "^1.6.6", + "storybook-addon-rtl": "^1.1.0", "svelte-fa": "^4.0.3", "svelte-intersection-observer": "^1.0.0" }, diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index bd3f4d14..116f2c56 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -38,6 +38,9 @@ importers: slugify: specifier: ^1.6.6 version: 1.6.6 + storybook-addon-rtl: + specifier: ^1.1.0 + version: 1.1.0 svelte-fa: specifier: ^4.0.3 version: 4.0.3(svelte@5.28.1) @@ -3539,6 +3542,9 @@ packages: sprintf-js@1.0.3: resolution: {integrity: sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==} + storybook-addon-rtl@1.1.0: + resolution: {integrity: sha512-L8JljF1M+30rcSuM4JjeIi4ZRmg9WZi/1u4T/5/EQvpDKCMOAq7uHeOKj4YS1InC4Zksnz3DrggXmO3mISXKcQ==} + storybook@8.6.12: resolution: {integrity: sha512-Z/nWYEHBTLK1ZBtAWdhxC0l5zf7ioJ7G4+zYqtTdYeb67gTnxNj80gehf8o8QY9L2zA2+eyMRGLC2V5fI7Z3Tw==} hasBin: true @@ -8081,6 +8087,8 @@ snapshots: sprintf-js@1.0.3: {} + storybook-addon-rtl@1.1.0: {} + storybook@8.6.12(prettier@3.5.3): dependencies: '@storybook/core': 8.6.12(prettier@3.5.3)(storybook@8.6.12(prettier@3.5.3)) diff --git a/src/components/Table/Table.svelte b/src/components/Table/Table.svelte index 4ee347a4..1a4a442a 100644 --- a/src/components/Table/Table.svelte +++ b/src/components/Table/Table.svelte @@ -323,6 +323,7 @@ td { @include mixins.text-sm; @include mixins.font-regular; + font-variant-numeric: tabular-nums; vertical-align: top; border-bottom: 1px solid var(--theme-colour-brand-rules, var(--tr-muted-grey));