From 3a3682c3eaa8806ca2800fab08e004366cc13ddc Mon Sep 17 00:00:00 2001
From: moonmoon <64200419+Moon-DaeSeung@users.noreply.github.com>
Date: Mon, 8 Apr 2024 22:59:59 +0900
Subject: [PATCH] seo
---
.../svelte-notion-page/build-storybook.log | 232 +++++++++++-------
packages/svelte-notion-page/package.json | 2 +-
.../src/lib/components/notion.css | 21 +-
.../BulletedListItem.svelte | 28 ++-
.../Code/Code.svelte | 8 +-
.../Image/Image.svelte | 10 +-
.../NumberedListItem.svelte | 34 ++-
.../Paragraph.svelte | 2 +-
.../default-notion-components/Toggle.svelte | 1 +
.../src/stories/Image/notion-export.ts | 2 +-
.../stories/bulleted_list/notion-export.ts | 2 +-
.../stories/numbered_list/notion-export.ts | 4 +-
12 files changed, 209 insertions(+), 137 deletions(-)
diff --git a/packages/svelte-notion-page/build-storybook.log b/packages/svelte-notion-page/build-storybook.log
index 28f373f..10b8eb8 100644
--- a/packages/svelte-notion-page/build-storybook.log
+++ b/packages/svelte-notion-page/build-storybook.log
@@ -1,11 +1,23 @@
+npm WARN ignoring workspace config at /Users/daeseungmoon/work/svelte-notion-page/packages/svelte-notion-page/.npmrc
+
+> @cozy-blog/svelte-notion-page@0.0.24 build-storybook
+> storybook build --output-dir /var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8
+
@storybook/cli v7.0.0-rc.3
-info => Cleaning outputDir: /var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF
+info => Cleaning outputDir: /var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8
+(node:93563) [DEP0040] DeprecationWarning: The `punycode` module is deprecated. Please use a userland alternative instead.
+(Use `node --trace-deprecation ...` to show where the warning was created)
info => Loading presets
info => Building manager..
-info => Manager built (107 ms)
-info => Copying static files: /Users/daeseungmoon/work/cozy-notion/node_modules/@storybook/manager/static at /var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/sb-common-assets
+info => Manager built (118 ms)
+info => Copying static files: /Users/daeseungmoon/work/svelte-notion-page/node_modules/@storybook/manager/static at /var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/sb-common-assets
+10:14:02 PM [vite-plugin-svelte] WARNING: The following packages have a svelte field in their package.json but no exports condition for svelte.
+svelte-katex@0.1.2
+svelte-youtube-embed@0.1.8
+
+Please see https://github.com/sveltejs/vite-plugin-svelte/blob/main/docs/faq.md#missing-exports-condition for details.
vite v4.2.0 building for production...
./sb-common-assets/fonts.css doesn't exist at build time, it will remain unchanged to be resolved at runtime
@@ -13,113 +25,147 @@ transforming...
Browserslist: caniuse-lite is outdated. Please run:
npx update-browserslist-db@latest
Why you should do it regularly: https://github.com/browserslist/update-db#readme
-9:24:07 AM [vite-plugin-svelte] /src/lib/default-notion-components/Heading3.svelte:34:1 Unused CSS selector "summary::marker"
+10:14:07 PM [vite-plugin-svelte] WARNING: The following packages have a svelte field in their package.json but no exports condition for svelte.
+
+svelte-youtube-embed@0.1.8
+svelte-katex@0.1.2
+
+Please see https://github.com/sveltejs/vite-plugin-svelte/blob/main/docs/faq.md#missing-exports-condition for details.
+10:14:07 PM [vite-plugin-svelte] WARNING: The following packages have a svelte field in their package.json but no exports condition for svelte.
+
+svelte-katex@0.1.2
+svelte-youtube-embed@0.1.8
+
+Please see https://github.com/sveltejs/vite-plugin-svelte/blob/main/docs/faq.md#missing-exports-condition for details.
+10:14:07 PM [vite-plugin-svelte] WARNING: The following packages have a svelte field in their package.json but no exports condition for svelte.
+
+svelte-youtube-embed@0.1.8
+svelte-katex@0.1.2
+
+Please see https://github.com/sveltejs/vite-plugin-svelte/blob/main/docs/faq.md#missing-exports-condition for details.
+10:14:07 PM [vite-plugin-svelte] WARNING: The following packages have a svelte field in their package.json but no exports condition for svelte.
+
+svelte-katex@0.1.2
+svelte-youtube-embed@0.1.8
+
+Please see https://github.com/sveltejs/vite-plugin-svelte/blob/main/docs/faq.md#missing-exports-condition for details.
+10:14:07 PM [vite-plugin-svelte] /Users/daeseungmoon/work/svelte-notion-page/packages/svelte-notion-page/src/lib/default-notion-components/Heading3.svelte:34:1 Unused CSS selector "summary::marker"
32:
33: <style>
34: summary::marker {
^
35: font-size: 1rem;
36: }
-9:24:08 AM [vite-plugin-svelte] /src/lib/default-notion-components/Image/Image.svelte:76:1 Unused CSS selector ".notion-image-content img"
-74: }
-75:
-76: .notion-image-content img {
- ^
-77: width: 100%;
-78: margin: 0 auto;
-9:24:08 AM [vite-plugin-svelte] /src/lib/default-notion-components/Code/Code.svelte:177:1 Unused CSS selector ".notion-code-copy-button svg"
-175: }
-176:
-177: .notion-code-copy-button svg {
+10:14:07 PM [vite-plugin-svelte] /Users/daeseungmoon/work/svelte-notion-page/packages/svelte-notion-page/src/lib/default-notion-components/Code/Code.svelte:183:1 Unused CSS selector ".notion-code-copy-button svg"
+181: }
+182:
+183: .notion-code-copy-button svg {
^
-178: display: block;
-179: height: 14px;
-[vite:css] start value has mixed support, consider using flex-start instead
-1 | .notion-list-bulleted-content.svelte-havsuf{display:flex;align-items:start;padding-left:2px;padding-top:3px;padding-bottom:3px;list-style-type:none}.notion-list-marker.svelte-havsuf{user-select:none;width:24px;flex-shrink:0;margin-right:2px;line-height:1;display:inline-flex;justify-content:center;font-family:Arial;font-size:1.5em}
- | ^
-9:24:08 AM [vite-plugin-svelte] /src/lib/default-notion-components/SyncedBlock.svelte:1:29 SyncedBlock has unused export property 'props'. If it is for external reference only, please consider using `export const props`
+184: display: block;
+185: height: 14px;
+10:14:07 PM [vite-plugin-svelte] /Users/daeseungmoon/work/svelte-notion-page/packages/svelte-notion-page/src/lib/default-notion-components/SyncedBlock.svelte:1:29 SyncedBlock has unused export property 'props'. If it is for external reference only, please consider using `export const props`
1: <script lang="ts">export let props;
^
2: </script>
3:
+10:14:08 PM [vite-plugin-svelte] /Users/daeseungmoon/work/svelte-notion-page/packages/svelte-notion-page/src/lib/default-notion-components/Image/ImageViewer.svelte:166:0 A11y: <div> with click handler must have an ARIA role
+164:
+165: <!-- svelte-ignore a11y-click-events-have-key-events -->
+166: <div class="notion-viewer-opener" on:click={() => (opened = true)}>
+ ^
+167: <img src={urls[initialIndex]} alt="posting img" />
+168: </div>
+10:14:08 PM [vite-plugin-svelte] /Users/daeseungmoon/work/svelte-notion-page/packages/svelte-notion-page/src/lib/default-notion-components/Image/ImageViewer.svelte:181:2 A11y: <div> with click handler must have an ARIA role
+179: >
+180: <!-- svelte-ignore a11y-click-events-have-key-events -->
+181: <div on:click={() => (opened = false)} class="notion-viewer-overlay" />
+ ^
+182: {#key url}
+183: <img
+10:14:08 PM [vite-plugin-svelte] /Users/daeseungmoon/work/svelte-notion-page/packages/svelte-notion-page/src/lib/default-notion-components/Image/ImageViewer.svelte:172:1 A11y: <div> with mousemove handler must have an ARIA role
+170: {#if opened}
+171: <!-- svelte-ignore a11y-no-noninteractive-tabindex -->
+172: <div
+ ^
+173: tabindex="0"
+174: on:mousemove={handleHideCursorOnMouseStop}
Use of eval in "../../node_modules/telejson/dist/index.mjs" is strongly discouraged as it poses security risks and may cause issues with minification.
Use of eval in "../../node_modules/telejson/dist/index.mjs" is strongly discouraged as it poses security risks and may cause issues with minification.
-✓ 773 modules transformed.
-9:24:10 AM [vite-plugin-svelte] dom compile done.
-package files time avg
-@cozy-blog/svelte-notion-page 54 0.43s 7.9ms
-@storybook/svelte 2 52.7ms 26.4ms
+✓ 801 modules transformed.
rendering chunks...
computing gzip size...
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/minus-0b1556bd.svg 0.17 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/info-67485b8b.svg 0.47 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/cross-42442b15.svg 0.57 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/arrow_forward-104b9bc0.svg 0.72 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/arrow_back-09195097.svg 0.72 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/download-22ea4814.svg 0.76 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/plus-b4424ae5.svg 0.81 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/success-e8e52ddb.svg 0.93 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/error-30b3866a.svg 1.05 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/close-b006d55f.svg 1.12 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/warn-52ac6d02.svg 1.32 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/iframe.html 13.08 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/reasons_to_live-3783a207.jpeg 39.21 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/frog-31cd626c.jpeg 122.61 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/uglychart-6c93afd6.png 1,762.51 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/index-f31d407b.css 26.06 kB │ gzip: 5.61 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/index-d475d2ea.js 0.21 kB │ gzip: 0.17 kB │ map: 0.83 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/_commonjsHelpers-725317a4.js 0.29 kB │ gzip: 0.23 kB │ map: 0.11 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/chunk-R4NKYYJA-96bb58e6.js 0.30 kB │ gzip: 0.23 kB │ map: 0.81 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/preview-b46f2f50.js 0.40 kB │ gzip: 0.28 kB │ map: 1.13 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/WithTooltip-5WWCYCAA-dfd3363b.js 0.40 kB │ gzip: 0.26 kB │ map: 0.11 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/DocsRenderer-7FRJXR4N-6d83ef69.js 0.42 kB │ gzip: 0.28 kB │ map: 0.11 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/syntaxhighlighter-QTQ2UBB4-58270d13.js 0.42 kB │ gzip: 0.29 kB │ map: 0.12 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/index-e31ae284.js 0.44 kB │ gzip: 0.28 kB │ map: 0.10 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/index-ae1143d6.js 0.54 kB │ gzip: 0.36 kB │ map: 4.28 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/preview-c88756c0.js 0.57 kB │ gzip: 0.35 kB │ map: 0.57 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/preview-0435c720.js 0.69 kB │ gzip: 0.49 kB │ map: 3.76 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/index-356e4a49.js 0.81 kB │ gzip: 0.51 kB │ map: 3.26 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/preview-b1164a2e.js 0.88 kB │ gzip: 0.58 kB │ map: 2.81 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/Introduction-6affd20b.js 2.30 kB │ gzip: 1.21 kB │ map: 4.29 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/preview-16cbdbf3.js 2.38 kB │ gzip: 1.26 kB │ map: 10.24 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/index-d37d4223.js 2.63 kB │ gzip: 1.30 kB │ map: 7.46 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/preview-f96f0111.js 3.29 kB │ gzip: 1.41 kB │ map: 10.09 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/Example.stories-07fda4fb.js 4.72 kB │ gzip: 1.62 kB │ map: 8.82 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/Example.stories-ff9437c2.js 5.02 kB │ gzip: 1.80 kB │ map: 8.95 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/Example.stories-8e3b3959.js 5.33 kB │ gzip: 1.81 kB │ map: 10.35 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/Example.stories-f32eb81a.js 6.98 kB │ gzip: 1.99 kB │ map: 13.41 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/Example.stories-e06337ee.js 7.38 kB │ gzip: 2.01 kB │ map: 14.22 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/Example.stories-2c1ef621.js 7.46 kB │ gzip: 2.04 kB │ map: 15.20 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/preview-62235626.js 7.69 kB │ gzip: 1.60 kB │ map: 13.70 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/preview-e6f1f377.js 7.97 kB │ gzip: 3.03 kB │ map: 28.18 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/iframe-d79504dd.js 8.87 kB │ gzip: 2.02 kB │ map: 9.27 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/Introduction.stories-4081901c.js 9.96 kB │ gzip: 2.27 kB │ map: 24.32 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/config-5077118c.js 10.20 kB │ gzip: 3.64 kB │ map: 17.32 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/GlobalScrollAreaStyles-XIHNDKUY-579d830b.js 10.38 kB │ gzip: 2.34 kB │ map: 15.71 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/Example.stories-017172b3.js 10.89 kB │ gzip: 2.30 kB │ map: 24.25 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/Example.stories-b317375a.js 11.28 kB │ gzip: 2.76 kB │ map: 22.31 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/Example.stories-d5d4a168.js 11.81 kB │ gzip: 2.84 kB │ map: 24.61 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/Example.stories-5ddc2d21.js 12.14 kB │ gzip: 2.51 kB │ map: 29.21 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/index-ac4dcca7.js 13.34 kB │ gzip: 5.51 kB │ map: 109.62 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/Example.stories-fc413fbc.js 13.67 kB │ gzip: 2.29 kB │ map: 33.38 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/Example.stories-c0ff607a.js 14.01 kB │ gzip: 2.54 kB │ map: 38.33 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/Example.stories-3410914e.js 14.36 kB │ gzip: 2.65 kB │ map: 34.72 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/Example.stories-bcf88a35.js 14.44 kB │ gzip: 2.50 kB │ map: 35.56 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/Example.stories-084c0c48.js 14.79 kB │ gzip: 2.55 kB │ map: 36.19 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/Example.stories-133af11f.js 15.32 kB │ gzip: 2.63 kB │ map: 39.11 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/Example.stories-1dbf9eec.js 15.59 kB │ gzip: 3.01 kB │ map: 34.87 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/Example.stories-c9583aa5.js 19.66 kB │ gzip: 5.84 kB │ map: 36.67 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/preview-4372e0bb.js 21.08 kB │ gzip: 7.00 kB │ map: 67.96 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/Color-3YIJY6X7-97f351c8.js 30.95 kB │ gzip: 11.62 kB │ map: 112.45 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/OverlayScrollbars-VAV6LJAB-2494d961.js 58.95 kB │ gzip: 25.28 kB │ map: 277.31 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/index-2b324287.js 64.29 kB │ gzip: 18.38 kB │ map: 255.48 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/index-fbb61231.js 454.49 kB │ gzip: 146.08 kB │ map: 1,424.89 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/formatter-MGIGMU7Y-b8032a9b.js 601.48 kB │ gzip: 185.03 kB │ map: 1,315.77 kB
-../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF/assets/chunk-PCJTTTQV-0e793502.js 650.54 kB │ gzip: 213.48 kB │ map: 1,828.55 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/minus-0b1556bd.svg 0.17 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/info-67485b8b.svg 0.47 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/cross-42442b15.svg 0.57 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/arrow_forward-104b9bc0.svg 0.72 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/arrow_back-09195097.svg 0.72 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/download-22ea4814.svg 0.76 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/plus-b4424ae5.svg 0.81 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/success-e8e52ddb.svg 0.93 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/error-30b3866a.svg 1.05 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/close-b006d55f.svg 1.12 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/warn-52ac6d02.svg 1.32 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/iframe.html 13.08 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/reasons_to_live-3783a207.jpeg 39.21 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/frog-31cd626c.jpeg 122.61 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/uglychart-6c93afd6.png 1,762.51 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/index-e13de17e.css 26.20 kB │ gzip: 5.68 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/index-d475d2ea.js 0.21 kB │ gzip: 0.16 kB │ map: 0.83 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/_commonjsHelpers-725317a4.js 0.29 kB │ gzip: 0.23 kB │ map: 0.11 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/chunk-R4NKYYJA-96bb58e6.js 0.30 kB │ gzip: 0.23 kB │ map: 0.81 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/preview-b46f2f50.js 0.40 kB │ gzip: 0.27 kB │ map: 1.13 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/WithTooltip-5WWCYCAA-adce6454.js 0.40 kB │ gzip: 0.26 kB │ map: 0.11 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/DocsRenderer-7FRJXR4N-fbef2e71.js 0.42 kB │ gzip: 0.27 kB │ map: 0.11 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/syntaxhighlighter-QTQ2UBB4-858018fc.js 0.42 kB │ gzip: 0.29 kB │ map: 0.12 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/index-639dd07d.js 0.44 kB │ gzip: 0.28 kB │ map: 0.10 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/index-580fd146.js 0.54 kB │ gzip: 0.35 kB │ map: 4.29 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/preview-2a3c1f48.js 0.57 kB │ gzip: 0.35 kB │ map: 0.58 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/preview-0435c720.js 0.69 kB │ gzip: 0.49 kB │ map: 3.78 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/index-356e4a49.js 0.81 kB │ gzip: 0.51 kB │ map: 3.26 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/preview-b1164a2e.js 0.88 kB │ gzip: 0.58 kB │ map: 2.82 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/jsx-runtime-045699a8.js 1.02 kB │ gzip: 0.65 kB │ map: 2.30 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/Introduction-b7cb0ee5.js 1.45 kB │ gzip: 0.74 kB │ map: 2.11 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/preview-16cbdbf3.js 2.38 kB │ gzip: 1.27 kB │ map: 10.28 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/index-d37d4223.js 2.63 kB │ gzip: 1.30 kB │ map: 7.47 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/Example-62c1742e.js 2.76 kB │ gzip: 1.21 kB │ map: 4.28 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/preview-f96f0111.js 3.29 kB │ gzip: 1.41 kB │ map: 10.10 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/Example.stories-2c64feb8.js 4.72 kB │ gzip: 1.63 kB │ map: 8.85 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/Example.stories-bb66f01a.js 5.02 kB │ gzip: 1.79 kB │ map: 8.97 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/Example.stories-7228d8df.js 5.33 kB │ gzip: 1.81 kB │ map: 10.37 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/Example.stories-7eac1368.js 6.98 kB │ gzip: 2.00 kB │ map: 13.43 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/Example.stories-ff0d9054.js 7.38 kB │ gzip: 2.02 kB │ map: 14.24 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/Example.stories-0b047165.js 7.46 kB │ gzip: 2.05 kB │ map: 15.22 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/preview-62235626.js 7.69 kB │ gzip: 1.59 kB │ map: 13.71 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/preview-e6f1f377.js 7.97 kB │ gzip: 3.04 kB │ map: 28.19 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/iframe-264d061e.js 9.61 kB │ gzip: 2.08 kB │ map: 9.83 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/Introduction.stories-2c0142fb.js 9.96 kB │ gzip: 2.27 kB │ map: 24.34 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/GlobalScrollAreaStyles-XIHNDKUY-e2b8380f.js 10.38 kB │ gzip: 2.34 kB │ map: 15.71 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/config-e6e635f0.js 10.66 kB │ gzip: 3.77 kB │ map: 19.21 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/Example.stories-5e026fbb.js 10.89 kB │ gzip: 2.30 kB │ map: 24.27 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/Example.stories-92f2831b.js 11.28 kB │ gzip: 2.76 kB │ map: 22.35 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/Example.stories-4ac651bc.js 11.82 kB │ gzip: 2.84 kB │ map: 24.64 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/Example.stories-6bc0d69d.js 12.14 kB │ gzip: 2.51 kB │ map: 29.23 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/index-86fee04e.js 13.52 kB │ gzip: 5.64 kB │ map: 111.27 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/Example.stories-3200c6f2.js 13.67 kB │ gzip: 2.30 kB │ map: 33.40 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/Example.stories-a76da89f.js 14.01 kB │ gzip: 2.55 kB │ map: 38.35 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/Example.stories-a71cfc8d.js 14.36 kB │ gzip: 2.66 kB │ map: 34.74 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/Example.stories-928c8cbb.js 14.44 kB │ gzip: 2.51 kB │ map: 35.58 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/Example.stories-7859a4bb.js 14.79 kB │ gzip: 2.56 kB │ map: 36.21 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/Example.stories-09bfa095.js 15.32 kB │ gzip: 2.63 kB │ map: 39.13 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/Example.stories-063458c9.js 15.59 kB │ gzip: 3.02 kB │ map: 34.88 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/Example.stories-82ae0edf.js 19.66 kB │ gzip: 5.87 kB │ map: 36.77 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/preview-4372e0bb.js 21.08 kB │ gzip: 7.02 kB │ map: 67.99 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/Color-3YIJY6X7-091391a2.js 30.95 kB │ gzip: 11.73 kB │ map: 112.53 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/Example.stories-1ed5fb2a.js 54.74 kB │ gzip: 7.33 kB │ map: 130.92 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/OverlayScrollbars-VAV6LJAB-bbd06b89.js 58.95 kB │ gzip: 25.44 kB │ map: 277.32 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/index-2b324287.js 64.29 kB │ gzip: 18.55 kB │ map: 256.08 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/index-041ff082.js 455.49 kB │ gzip: 148.12 kB │ map: 1,438.67 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/formatter-MGIGMU7Y-e0371863.js 601.48 kB │ gzip: 186.22 kB │ map: 1,315.78 kB
+../../../../../../var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8/assets/chunk-PCJTTTQV-a422e336.js 650.54 kB │ gzip: 215.12 kB │ map: 1,829.47 kB
(!) Some chunks are larger than 500 kBs after minification. Consider:
- Using dynamic import() to code-split the application
- Use build.rollupOptions.output.manualChunks to improve chunking: https://rollupjs.org/configuration-options/#output-manualchunks
- Adjust chunk size limit for this warning via build.chunkSizeWarningLimit.
-✓ built in 9.54s
-info => Output directory: /var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--95176-8GSvyj8NBZfF
+✓ built in 9.80s
+info => Output directory: /var/folders/1x/8yjjyfvx5fngxx7tjs46t5r00000gn/T/chromatic--93336-tAcLyMxLzgc8
diff --git a/packages/svelte-notion-page/package.json b/packages/svelte-notion-page/package.json
index d49dda0..108e8c9 100644
--- a/packages/svelte-notion-page/package.json
+++ b/packages/svelte-notion-page/package.json
@@ -1,6 +1,6 @@
{
"name": "@cozy-blog/svelte-notion-page",
- "version": "0.0.24",
+ "version": "0.0.25",
"scripts": {
"dev": "vite dev",
"build": "svelte-kit sync && svelte-package",
diff --git a/packages/svelte-notion-page/src/lib/components/notion.css b/packages/svelte-notion-page/src/lib/components/notion.css
index e4912e5..bd42fab 100644
--- a/packages/svelte-notion-page/src/lib/components/notion.css
+++ b/packages/svelte-notion-page/src/lib/components/notion.css
@@ -1,5 +1,7 @@
.notion * {
box-sizing: border-box;
+ margin-block-start: 0;
+ margin-block-end: 0;
}
.notion {
@@ -15,9 +17,11 @@
--notion-indent: 27px;
}
-.notion * {
- margin-block-start: 0;
- margin-block-end: 0;
+.notion figure {
+ padding: 0;
+ margin-inline-start: 0px;
+ margin-inline-end: 0px;
+ unicode-bidi: isolate;
}
.notion *::selection {
@@ -37,10 +41,18 @@
margin-top: 2px;
}
+.notion-display-contents {
+ display: contents;
+}
+
.notion-block > .notion-block {
margin-left: var(--notion-indent);
}
+.notion-block > .notion-display-contents > .notion-block {
+ margin-left: var(--notion-indent);
+}
+
.notion-toggle > .notion-block {
display: none;
}
@@ -55,11 +67,10 @@
}
.notion-toggle-button {
- display: inline-block;
width: 22px;
height: 24px;
box-sizing: border-box;
- display: flex;
+ display: inline-flex;
border-radius: 3px;
border: none;
margin-left: 2px;
diff --git a/packages/svelte-notion-page/src/lib/default-notion-components/BulletedListItem.svelte b/packages/svelte-notion-page/src/lib/default-notion-components/BulletedListItem.svelte
index f4942d2..37773ad 100644
--- a/packages/svelte-notion-page/src/lib/default-notion-components/BulletedListItem.svelte
+++ b/packages/svelte-notion-page/src/lib/default-notion-components/BulletedListItem.svelte
@@ -12,26 +12,30 @@
const { marker } = bulletedListItemMarker.getMarker(props);
</script>
-<div class={`notion-block notion-list-bulleted ${getColorCss(color)}`}>
- <li class="notion-list-bulleted-content">
- <span class="notion-list-marker">{marker}</span>
- <p>
- <RichText props={texts} />
- </p>
+<ul class={`notion-block notion-list-bulleted ${getColorCss(color)}`}>
+ <li class="notion-display-contents">
+ <div class="notion-list-bulleted-content">
+ <span class="notion-list-marker">{marker}</span>
+ <p>
+ <RichText props={texts} />
+ </p>
+ </div>
+ <slot />
</li>
- <slot />
-</div>
+</ul>
<style>
+ ul {
+ list-style-type: none;
+ padding-left: 0;
+ }
.notion-list-bulleted-content {
- display: flex;
- align-items: start;
padding-left: 2px;
padding-top: 3px;
padding-bottom: 3px;
- list-style-type: none;
+ display: flex;
+ align-items: flex-start;
}
-
.notion-list-marker {
user-select: none;
width: 24px;
diff --git a/packages/svelte-notion-page/src/lib/default-notion-components/Code/Code.svelte b/packages/svelte-notion-page/src/lib/default-notion-components/Code/Code.svelte
index 0eb2186..d519e93 100644
--- a/packages/svelte-notion-page/src/lib/default-notion-components/Code/Code.svelte
+++ b/packages/svelte-notion-page/src/lib/default-notion-components/Code/Code.svelte
@@ -56,7 +56,7 @@
};
</script>
-<div class="notion-block notion-code">
+<figure class="notion-block notion-code">
<div class="notion-code-content">
<div class="notion-code-meta">
<div class="notion-code-language">
@@ -86,9 +86,9 @@
</code>
</div>
{#if caption.length !== 0}
- <div class="notion-asset-caption">
+ <figcaption class="notion-asset-caption">
<RichText props={caption} />
- </div>
+ </figcaption>
{/if}
{#if copied}
@@ -96,7 +96,7 @@
<div>{'Copied'}</div>
</div>
{/if}
-</div>
+</figure>
<style>
.notion-code {
diff --git a/packages/svelte-notion-page/src/lib/default-notion-components/Image/Image.svelte b/packages/svelte-notion-page/src/lib/default-notion-components/Image/Image.svelte
index 88d5267..1957dfa 100644
--- a/packages/svelte-notion-page/src/lib/default-notion-components/Image/Image.svelte
+++ b/packages/svelte-notion-page/src/lib/default-notion-components/Image/Image.svelte
@@ -3,7 +3,7 @@
import RichText from '../base/richtext/RichText.svelte';
import ImageViewer from './ImageViewer.svelte';
- export let style = ''
+ export let style = '';
export let props: ImageArgs;
const { image } = props;
const { type, caption } = image;
@@ -54,7 +54,7 @@
}
</script>
-<div style={style} class="notion-block notion-image">
+<figure {style} class="notion-block notion-image">
<div class="notion-image-content">
{#if url}
<ImageViewer bind:opened {initialIndex} {urls} />
@@ -63,11 +63,11 @@
{/if}
</div>
{#if caption.length !== 0}
- <div class="notion-asset-caption">
+ <figcaption class="notion-asset-caption">
<RichText props={caption} />
- </div>
+ </figcaption>
{/if}
-</div>
+</figure>
<style>
.notion-image:not(:last-child) {
diff --git a/packages/svelte-notion-page/src/lib/default-notion-components/NumberedListItem.svelte b/packages/svelte-notion-page/src/lib/default-notion-components/NumberedListItem.svelte
index cd3fd8e..f726456 100644
--- a/packages/svelte-notion-page/src/lib/default-notion-components/NumberedListItem.svelte
+++ b/packages/svelte-notion-page/src/lib/default-notion-components/NumberedListItem.svelte
@@ -11,25 +11,36 @@
const { marker, format } = numberedListItemMarker.getMarker(props);
</script>
-<div
+<ol
data-notion-marker-format={format}
class={`notion-block notion-list-numbered ${getColorCss(color)}`}
>
- <li class="notion-list-numbered-content">
- <div class="notion-list-marker">{marker}</div>
- <p>
- <RichText props={texts} />
- </p>
+ <li class="notion-display-contents">
+ <div class="notion-list-numbered-content">
+ <span data-notion-marker-format={format} class="notion-list-marker">{marker}</span>
+ <p>
+ <RichText props={texts} />
+ </p>
+ </div>
+ <slot />
</li>
- <slot />
-</div>
+</ol>
<style>
- :global(.notion-list-numbered[data-notion-marker-format='romans'] > li > .notion-list-marker) {
+ ol {
+ list-style-type: none;
+ padding-left: 0;
+ }
+ :global(
+ .notion-list-numbered[data-notion-marker-format='romans']
+ > .notion-display-contents
+ > .notion-list-numbered-content
+ > .notion-list-marker
+ ) {
width: 3em !important;
margin-right: 0em;
}
- :global(.notion-list-numbered[data-notion-marker-format='romans'] > .notion-block) {
+ :global(.notion-list-numbered[data-notion-marker-format='romans'] > li > .notion-block) {
margin-left: 2.9em;
}
@@ -37,7 +48,7 @@
content: '.';
}
- li > .notion-list-marker {
+ .notion-list-marker {
width: 26px;
}
@@ -52,7 +63,6 @@
.notion-list-numbered-content {
padding-top: 4px;
padding-bottom: 4px;
- list-style-type: none;
display: flex;
}
</style>
diff --git a/packages/svelte-notion-page/src/lib/default-notion-components/Paragraph.svelte b/packages/svelte-notion-page/src/lib/default-notion-components/Paragraph.svelte
index 093ec3d..4778712 100644
--- a/packages/svelte-notion-page/src/lib/default-notion-components/Paragraph.svelte
+++ b/packages/svelte-notion-page/src/lib/default-notion-components/Paragraph.svelte
@@ -20,7 +20,7 @@
margin-top: 0;
margin-bottom: 0;
margin-block-start: 0;
- margin-end-start: 0;
+ margin-block-end: 0;
}
.notion-paragraph-content {
diff --git a/packages/svelte-notion-page/src/lib/default-notion-components/Toggle.svelte b/packages/svelte-notion-page/src/lib/default-notion-components/Toggle.svelte
index ae1c9e8..4408072 100644
--- a/packages/svelte-notion-page/src/lib/default-notion-components/Toggle.svelte
+++ b/packages/svelte-notion-page/src/lib/default-notion-components/Toggle.svelte
@@ -11,6 +11,7 @@
<div
class:notion-toggle-open={open}
+ aria-expanded={open}
class={`${getColorCss(color)} notion-block notion-h1 notion-toggle`}
>
<div class="notion-toggle-content">
diff --git a/packages/svelte-notion-page/src/stories/Image/notion-export.ts b/packages/svelte-notion-page/src/stories/Image/notion-export.ts
index 8a6fbb3..51106fc 100644
--- a/packages/svelte-notion-page/src/stories/Image/notion-export.ts
+++ b/packages/svelte-notion-page/src/stories/Image/notion-export.ts
@@ -59,7 +59,7 @@ export const multipleImageJson = {
},
{
object: 'block',
- id: 'f3eab6d3-fa21-4f62-b586-9fffc93c3fdd',
+ id: 'f3eab63-fa21-4f62-b586-9fffc93c3fdd',
parent: {
type: 'page_id',
page_id: 'dffa6fc2-7f09-4640-9ab0-a6e26309140b'
diff --git a/packages/svelte-notion-page/src/stories/bulleted_list/notion-export.ts b/packages/svelte-notion-page/src/stories/bulleted_list/notion-export.ts
index 897ac23..469f5e5 100644
--- a/packages/svelte-notion-page/src/stories/bulleted_list/notion-export.ts
+++ b/packages/svelte-notion-page/src/stories/bulleted_list/notion-export.ts
@@ -604,7 +604,7 @@ export const json = {
},
{
object: 'block',
- id: '61fd2e57-e1e7-477a-b21d-69b3fa5f9779',
+ id: '61xd2e57-e1e7-477a-b21d-69b3fa5f9779',
parent: {
type: 'block_id',
block_id: '11d67279-49d5-4afa-b45e-4a7fa31291e9'
diff --git a/packages/svelte-notion-page/src/stories/numbered_list/notion-export.ts b/packages/svelte-notion-page/src/stories/numbered_list/notion-export.ts
index 1945285..b80ff74 100644
--- a/packages/svelte-notion-page/src/stories/numbered_list/notion-export.ts
+++ b/packages/svelte-notion-page/src/stories/numbered_list/notion-export.ts
@@ -675,7 +675,7 @@ export const json = {
},
{
object: 'block',
- id: '61fd2e57-e1e7-477a-b21d-69b3fa5f9779',
+ id: '61ad2e57-e1e7-477a-b21d-69b3fa5f9779',
parent: {
type: 'block_id',
block_id: '11d67279-49d5-4afa-b45e-4a7fa31291e9'
@@ -720,7 +720,7 @@ export const json = {
},
{
object: 'block',
- id: '61fd2e57-e1e7-477a-b21d-69b3fa5f9779',
+ id: '61xd2e57-e1e7-477a-b21d-69b3fa5f9779',
parent: {
type: 'block_id',
block_id: '11d67279-49d5-4afa-b45e-4a7fa31291e9'