From f30d3ee5cd39e6946cc51464e4d9a3126743cbd1 Mon Sep 17 00:00:00 2001 From: Sean Hughes Date: Thu, 19 Dec 2024 14:30:25 -0500 Subject: [PATCH 01/44] Simple components for common HTML usage --- .changeset/itchy-donkeys-fail.md | 5 +++ .../src/lib/unsorted/ui/Card.stories.svelte | 24 +++++++++++++ .../src/lib/unsorted/ui/Card.svelte | 14 ++++++++ .../src/lib/unsorted/ui/Embed.stories.svelte | 17 +++++++++ .../src/lib/unsorted/ui/Embed.svelte | 35 +++++++++++++++++++ .../lib/unsorted/ui/Footnote.stories.svelte | 35 +++++++++++++++++++ .../src/lib/unsorted/ui/Footnote.svelte | 18 ++++++++++ .../src/lib/unsorted/ui/Image.stories.svelte | 20 +++++++++++ .../src/lib/unsorted/ui/Image.svelte | 30 ++++++++++++++++ .../src/lib/unsorted/ui/Link.stories.svelte | 17 +++++++++ .../src/lib/unsorted/ui/Link.svelte | 20 +++++++++++ .../src/lib/unsorted/ui/index.js | 5 +++ 12 files changed, 240 insertions(+) create mode 100644 .changeset/itchy-donkeys-fail.md create mode 100644 packages/ui/core-components/src/lib/unsorted/ui/Card.stories.svelte create mode 100644 packages/ui/core-components/src/lib/unsorted/ui/Card.svelte create mode 100644 packages/ui/core-components/src/lib/unsorted/ui/Embed.stories.svelte create mode 100644 packages/ui/core-components/src/lib/unsorted/ui/Embed.svelte create mode 100644 packages/ui/core-components/src/lib/unsorted/ui/Footnote.stories.svelte create mode 100644 packages/ui/core-components/src/lib/unsorted/ui/Footnote.svelte create mode 100644 packages/ui/core-components/src/lib/unsorted/ui/Image.stories.svelte create mode 100644 packages/ui/core-components/src/lib/unsorted/ui/Image.svelte create mode 100644 packages/ui/core-components/src/lib/unsorted/ui/Link.stories.svelte create mode 100644 packages/ui/core-components/src/lib/unsorted/ui/Link.svelte diff --git a/.changeset/itchy-donkeys-fail.md b/.changeset/itchy-donkeys-fail.md new file mode 100644 index 0000000000..f3c6895bb7 --- /dev/null +++ b/.changeset/itchy-donkeys-fail.md @@ -0,0 +1,5 @@ +--- +'@evidence-dev/core-components': patch +--- + +Add simple wrapper components for common HTML usgae diff --git a/packages/ui/core-components/src/lib/unsorted/ui/Card.stories.svelte b/packages/ui/core-components/src/lib/unsorted/ui/Card.stories.svelte new file mode 100644 index 0000000000..02b2ef5075 --- /dev/null +++ b/packages/ui/core-components/src/lib/unsorted/ui/Card.stories.svelte @@ -0,0 +1,24 @@ + + + + + + {@const data = Query.create(`select * from numeric_series`, query)} + + + + diff --git a/packages/ui/core-components/src/lib/unsorted/ui/Card.svelte b/packages/ui/core-components/src/lib/unsorted/ui/Card.svelte new file mode 100644 index 0000000000..3e47d9a943 --- /dev/null +++ b/packages/ui/core-components/src/lib/unsorted/ui/Card.svelte @@ -0,0 +1,14 @@ + + + + +
+ +
diff --git a/packages/ui/core-components/src/lib/unsorted/ui/Embed.stories.svelte b/packages/ui/core-components/src/lib/unsorted/ui/Embed.stories.svelte new file mode 100644 index 0000000000..65feb8e84f --- /dev/null +++ b/packages/ui/core-components/src/lib/unsorted/ui/Embed.stories.svelte @@ -0,0 +1,17 @@ + + + + + + + diff --git a/packages/ui/core-components/src/lib/unsorted/ui/Embed.svelte b/packages/ui/core-components/src/lib/unsorted/ui/Embed.svelte new file mode 100644 index 0000000000..59d2449295 --- /dev/null +++ b/packages/ui/core-components/src/lib/unsorted/ui/Embed.svelte @@ -0,0 +1,35 @@ + + + + +
+ +
diff --git a/packages/ui/core-components/src/lib/unsorted/ui/Footnote.stories.svelte b/packages/ui/core-components/src/lib/unsorted/ui/Footnote.stories.svelte new file mode 100644 index 0000000000..fc0aaebceb --- /dev/null +++ b/packages/ui/core-components/src/lib/unsorted/ui/Footnote.stories.svelte @@ -0,0 +1,35 @@ + + + + + + {@const data = Query.create(`select * from numeric_series`, query)} + + The data for this report was sourced from the World Bank World Development Indicators dataset. + + + The data for this report was sourced from the World Bank World Development Indicators dataset. + + + The data for this report was sourced from the World Bank World Development Indicators dataset. + + + + The data for this report was sourced from the World Bank World Development Indicators dataset. + + + diff --git a/packages/ui/core-components/src/lib/unsorted/ui/Footnote.svelte b/packages/ui/core-components/src/lib/unsorted/ui/Footnote.svelte new file mode 100644 index 0000000000..4b19368d77 --- /dev/null +++ b/packages/ui/core-components/src/lib/unsorted/ui/Footnote.svelte @@ -0,0 +1,18 @@ + + + + +
+
+ + {id} + +
+ +
+
+
diff --git a/packages/ui/core-components/src/lib/unsorted/ui/Image.stories.svelte b/packages/ui/core-components/src/lib/unsorted/ui/Image.stories.svelte new file mode 100644 index 0000000000..36465aef92 --- /dev/null +++ b/packages/ui/core-components/src/lib/unsorted/ui/Image.stories.svelte @@ -0,0 +1,20 @@ + + + + + + + diff --git a/packages/ui/core-components/src/lib/unsorted/ui/Image.svelte b/packages/ui/core-components/src/lib/unsorted/ui/Image.svelte new file mode 100644 index 0000000000..f66e004f1c --- /dev/null +++ b/packages/ui/core-components/src/lib/unsorted/ui/Image.svelte @@ -0,0 +1,30 @@ + + + + +
+ {description} +
diff --git a/packages/ui/core-components/src/lib/unsorted/ui/Link.stories.svelte b/packages/ui/core-components/src/lib/unsorted/ui/Link.stories.svelte new file mode 100644 index 0000000000..8e5814606c --- /dev/null +++ b/packages/ui/core-components/src/lib/unsorted/ui/Link.stories.svelte @@ -0,0 +1,17 @@ + + + + + + + diff --git a/packages/ui/core-components/src/lib/unsorted/ui/Link.svelte b/packages/ui/core-components/src/lib/unsorted/ui/Link.svelte new file mode 100644 index 0000000000..765286c885 --- /dev/null +++ b/packages/ui/core-components/src/lib/unsorted/ui/Link.svelte @@ -0,0 +1,20 @@ + + + + + + {label} + diff --git a/packages/ui/core-components/src/lib/unsorted/ui/index.js b/packages/ui/core-components/src/lib/unsorted/ui/index.js index a7aa723ea0..e87f708b66 100644 --- a/packages/ui/core-components/src/lib/unsorted/ui/index.js +++ b/packages/ui/core-components/src/lib/unsorted/ui/index.js @@ -1,13 +1,18 @@ export { default as LinkButton } from './LinkButton.svelte'; export { default as BigLink } from './BigLink.svelte'; +export { default as Card } from './Card.svelte'; export { default as ChevronToggle } from './ChevronToggle.svelte'; export { default as CodeBlock } from './CodeBlock.svelte'; export { default as Details } from './Details.svelte'; export { default as DownloadData } from './DownloadData.svelte'; export { default as EmailSignup } from './EmailSignup.svelte'; +export { default as Embed } from './Embed.svelte'; +export { default as Footnote } from './Footnote.svelte'; export { default as Group } from './Group.svelte'; +export { default as Image } from './Image.svelte'; export { default as LastRefreshed } from './LastRefreshed.svelte'; export { default as LineBreak } from './LineBreak.svelte'; +export { default as Link } from './Link.svelte'; export { default as LoadingIndicator } from './LoadingIndicator.svelte'; export { default as Modal } from './Modal.svelte'; export { default as PageBreak } from './PageBreak.svelte'; From 356d13024438849dd5adccb8920cf6fc85bb3c97 Mon Sep 17 00:00:00 2001 From: Sean Hughes Date: Fri, 20 Dec 2024 08:34:48 -0500 Subject: [PATCH 02/44] add and use utils --- .../src/lib/unsorted/ui/Image.svelte | 8 ++------ .../src/lib/unsorted/ui/Link.svelte | 4 +++- packages/ui/core-components/src/lib/utils.js | 15 +++++++++++++++ 3 files changed, 20 insertions(+), 7 deletions(-) diff --git a/packages/ui/core-components/src/lib/unsorted/ui/Image.svelte b/packages/ui/core-components/src/lib/unsorted/ui/Image.svelte index f66e004f1c..cb5f883bf0 100644 --- a/packages/ui/core-components/src/lib/unsorted/ui/Image.svelte +++ b/packages/ui/core-components/src/lib/unsorted/ui/Image.svelte @@ -3,17 +3,13 @@ diff --git a/packages/ui/core-components/src/lib/utils.js b/packages/ui/core-components/src/lib/utils.js index ee7c7a6f4c..9b99ffc270 100644 --- a/packages/ui/core-components/src/lib/utils.js +++ b/packages/ui/core-components/src/lib/utils.js @@ -81,3 +81,18 @@ export const toBoolean = (value) => { } return Boolean(value); }; + +/** + * Processes a dimension value to ensure it is in a valid CSS format. + * + * If the input is a plain number (e.g., "10"), "px" is appended to it. + * If the input is already in a valid format (e.g., "10px", "5em", "auto"), it is returned as-is. + * If the input is falsy, an empty string is returned. + * + * @param {string | number | undefined} dimension - The dimension value to process. + * @returns {string} The processed dimension with "px" appended if it's a number, or the original value. + */ +export const processDimension = (dimension) => { + if (!dimension) return ''; // No dimension provided + return /^\d+$/.test(dimension) ? `${dimension}px` : dimension; // Add 'px' if it's a number +}; From d97a4ce9437da4fd0a4e6c97951e5656f0def5d8 Mon Sep 17 00:00:00 2001 From: Sean Hughes Date: Fri, 20 Dec 2024 16:25:39 -0500 Subject: [PATCH 03/44] add info component --- .changeset/curly-beans-float.md | 5 ++ .../src/lib/unsorted/ui/Info.stories.svelte | 22 ++++++ .../src/lib/unsorted/ui/Info.svelte | 74 +++++++++++++++++++ .../src/lib/unsorted/ui/index.js | 1 + .../lib/unsorted/viz/core/_BigValue.svelte | 11 ++- .../src/lib/unsorted/viz/table/Column.svelte | 3 + .../viz/table/DataTable.stories.svelte | 13 +++- .../lib/unsorted/viz/table/TableHeader.svelte | 4 + 8 files changed, 131 insertions(+), 2 deletions(-) create mode 100644 .changeset/curly-beans-float.md create mode 100644 packages/ui/core-components/src/lib/unsorted/ui/Info.stories.svelte create mode 100644 packages/ui/core-components/src/lib/unsorted/ui/Info.svelte diff --git a/.changeset/curly-beans-float.md b/.changeset/curly-beans-float.md new file mode 100644 index 0000000000..c9201fe3a4 --- /dev/null +++ b/.changeset/curly-beans-float.md @@ -0,0 +1,5 @@ +--- +'@evidence-dev/core-components': patch +--- + +Add Info component diff --git a/packages/ui/core-components/src/lib/unsorted/ui/Info.stories.svelte b/packages/ui/core-components/src/lib/unsorted/ui/Info.stories.svelte new file mode 100644 index 0000000000..17c6ebf08c --- /dev/null +++ b/packages/ui/core-components/src/lib/unsorted/ui/Info.stories.svelte @@ -0,0 +1,22 @@ + + + + + +

+ Metrics + +

+ These metrics come from the World Bank and represent 12 months of data. + diff --git a/packages/ui/core-components/src/lib/unsorted/ui/Info.svelte b/packages/ui/core-components/src/lib/unsorted/ui/Info.svelte new file mode 100644 index 0000000000..19c099da8d --- /dev/null +++ b/packages/ui/core-components/src/lib/unsorted/ui/Info.svelte @@ -0,0 +1,74 @@ + + + + + + + + + + + + +{#if visible} +
+ {description} +
+{/if} diff --git a/packages/ui/core-components/src/lib/unsorted/ui/index.js b/packages/ui/core-components/src/lib/unsorted/ui/index.js index a7aa723ea0..a61f7450a9 100644 --- a/packages/ui/core-components/src/lib/unsorted/ui/index.js +++ b/packages/ui/core-components/src/lib/unsorted/ui/index.js @@ -6,6 +6,7 @@ export { default as Details } from './Details.svelte'; export { default as DownloadData } from './DownloadData.svelte'; export { default as EmailSignup } from './EmailSignup.svelte'; export { default as Group } from './Group.svelte'; +export { default as Info } from './Info.svelte'; export { default as LastRefreshed } from './LastRefreshed.svelte'; export { default as LineBreak } from './LineBreak.svelte'; export { default as LoadingIndicator } from './LoadingIndicator.svelte'; diff --git a/packages/ui/core-components/src/lib/unsorted/viz/core/_BigValue.svelte b/packages/ui/core-components/src/lib/unsorted/viz/core/_BigValue.svelte index 837068f865..5b1f79e48d 100644 --- a/packages/ui/core-components/src/lib/unsorted/viz/core/_BigValue.svelte +++ b/packages/ui/core-components/src/lib/unsorted/viz/core/_BigValue.svelte @@ -7,6 +7,7 @@ import { strictBuild } from '@evidence-dev/component-utilities/chartContext'; import { addBasePath } from '@evidence-dev/sdk/utils/svelte'; import Delta from './Delta.svelte'; + import Info from '../../ui/Info.svelte'; import { getThemeStores } from '../../../themes/themes.js'; const { resolveColor } = getThemeStores(); @@ -48,6 +49,9 @@ /** @type {string | null}*/ export let link = null; + /** @type {string | undefined}*/ + export let description = undefined; + let error = undefined; $: try { error = undefined; @@ -101,7 +105,12 @@ {#if error} {:else} -

{title}

+

+ {title} + {#if description} + + {/if} +

{#if link} diff --git a/packages/ui/core-components/src/lib/unsorted/viz/table/Column.svelte b/packages/ui/core-components/src/lib/unsorted/viz/table/Column.svelte index 412a7f8b16..0cffe57d55 100644 --- a/packages/ui/core-components/src/lib/unsorted/viz/table/Column.svelte +++ b/packages/ui/core-components/src/lib/unsorted/viz/table/Column.svelte @@ -34,6 +34,8 @@ } } + export let description = undefined; + // COLUMN CONTENT TYPES: export let contentType = undefined; @@ -164,6 +166,7 @@ colGroup, colorMid, colorBreakpoints, + description, redNegatives, sparkWidth, sparkHeight, diff --git a/packages/ui/core-components/src/lib/unsorted/viz/table/DataTable.stories.svelte b/packages/ui/core-components/src/lib/unsorted/viz/table/DataTable.stories.svelte index 78695f7e89..c3a69cff7c 100644 --- a/packages/ui/core-components/src/lib/unsorted/viz/table/DataTable.stories.svelte +++ b/packages/ui/core-components/src/lib/unsorted/viz/table/DataTable.stories.svelte @@ -10,6 +10,7 @@ import { expect, userEvent, within, fn } from '@storybook/test'; import Dropdown from '$lib/atoms/inputs/dropdown/Dropdown.svelte'; import PointMap from '../map/PointMap.svelte'; + import Info from '../../ui/Info.svelte'; import AreaMap from '../map/AreaMap.svelte'; import BaseMap from '../map/BaseMap.svelte'; import Points from '../map/components/Points.svelte'; @@ -111,9 +112,19 @@ {@const data = Query.create(`SELECT * from flights LIMIT 1000`, query)} + + This is a sentence + - + + + + + + + + diff --git a/packages/ui/core-components/src/lib/unsorted/viz/table/TableHeader.svelte b/packages/ui/core-components/src/lib/unsorted/viz/table/TableHeader.svelte index 32b5486c96..4e111d3dbe 100644 --- a/packages/ui/core-components/src/lib/unsorted/viz/table/TableHeader.svelte +++ b/packages/ui/core-components/src/lib/unsorted/viz/table/TableHeader.svelte @@ -1,5 +1,6 @@ {#key title} - - {title} - + + + {title} + {#if description} + + {/if} + + diff --git a/packages/ui/core-components/src/lib/atoms/inputs/button-group/ButtonGroup.svelte b/packages/ui/core-components/src/lib/atoms/inputs/button-group/ButtonGroup.svelte index 638fa8cb64..9722c264a5 100644 --- a/packages/ui/core-components/src/lib/atoms/inputs/button-group/ButtonGroup.svelte +++ b/packages/ui/core-components/src/lib/atoms/inputs/button-group/ButtonGroup.svelte @@ -9,6 +9,7 @@ import { setContext } from 'svelte'; import { buildReactiveInputQuery } from '@evidence-dev/component-utilities/buildQuery'; import ErrorChart from '../../../unsorted/viz/core/ErrorChart.svelte'; + import Info from '../../../unsorted/ui/Info.svelte'; import ButtonGroupItem from './ButtonGroupItem.svelte'; import { page } from '$app/stores'; import HiddenInPrint from '../shared/HiddenInPrint.svelte'; @@ -39,6 +40,9 @@ export let color = 'hsla(207, 65%, 39%, 1)'; $: colorStore = resolveColor(color); + /** @type {string | undefined} */ + export let description = undefined; + const valueStore = writable(null); // TODO: Use getInputSetter instead @@ -105,7 +109,12 @@ class={display === 'tabs' ? '' : 'inline-flex w-fit max-w-full flex-col mt-2 mb-4 ml-0 mr-2'} > {#if title} - {title} + {title} + {#if description} + + {/if} + {/if}
import Button from '../../shadcn/button/button.svelte'; import HiddenInPrint from '../shared/HiddenInPrint.svelte'; + import Info from '../../../unsorted/ui/Info.svelte'; import { toBoolean } from '../../../utils.js'; import { getInputContext } from '@evidence-dev/sdk/utils/svelte'; const inputs = getInputContext(); @@ -19,6 +20,9 @@ /** @type {string} */ export let name; + /** @type {string | undefined} */ + export let description; + /** @type {boolean} */ export let hideDuringPrint = true; $: hideDuringPrint = hideDuringPrint === 'true' || hideDuringPrint === true; @@ -38,6 +42,9 @@ >

{title} + {#if description} + + {/if}

{/if} diff --git a/packages/ui/core-components/src/lib/atoms/inputs/date-input/_DateInput.svelte b/packages/ui/core-components/src/lib/atoms/inputs/date-input/_DateInput.svelte index 8a480d691c..c10a7f5cb9 100644 --- a/packages/ui/core-components/src/lib/atoms/inputs/date-input/_DateInput.svelte +++ b/packages/ui/core-components/src/lib/atoms/inputs/date-input/_DateInput.svelte @@ -13,6 +13,7 @@ import { RangeCalendar } from '$lib/atoms/shadcn/range-calendar/index.js'; import * as Select from '$lib/atoms/shadcn/select/index.js'; import * as Popover from '$lib/atoms/shadcn/popover/index.js'; + import Info from '../../../unsorted/ui/Info.svelte'; import { Separator } from '$lib/atoms/shadcn/separator/index.js'; import { Calendar } from '$lib/atoms/shadcn/calendar/index.js'; import { Icon } from '@steeze-ui/svelte-icon'; @@ -49,6 +50,8 @@ export let range = false; /** @type {string} */ export let title; + /** @type {string | undefined} */ + export let description = undefined; /** @type { { label: string, group: string, range: import('bits-ui').DateRange }[] } */ $: presets = [ @@ -244,6 +247,9 @@ {:else if selectedDateInput && !range} {#if title} {title} + {#if description} + + {/if} {/if} {dfMedium.format(selectedDateInput.toDate(getLocalTimeZone()))} diff --git a/packages/ui/core-components/src/lib/atoms/inputs/date-range/DateRange.svelte b/packages/ui/core-components/src/lib/atoms/inputs/date-range/DateRange.svelte index e550ba95af..c018f2f7fe 100644 --- a/packages/ui/core-components/src/lib/atoms/inputs/date-range/DateRange.svelte +++ b/packages/ui/core-components/src/lib/atoms/inputs/date-range/DateRange.svelte @@ -8,6 +8,8 @@ import HiddenInPrint from '../shared/HiddenInPrint.svelte'; import { page } from '$app/stores'; import QueryLoad from '$lib/atoms/query-load/QueryLoad.svelte'; + import Info from '../../../unsorted/ui/Info.svelte'; + import { Skeleton } from '$lib/atoms/skeletons/index.js'; import { getInputContext } from '@evidence-dev/sdk/utils/svelte'; import { dateToYYYYMMDD, formatDateString } from '../date-input/helpers.js'; @@ -18,6 +20,8 @@ export let name; /** @type {string | undefined} */ export let title; + /** @type {string | undefined} */ + export let description; /** @type {boolean} */ export let hideDuringPrint = true; @@ -65,7 +69,12 @@
{#if title} - {title} + {title} + {#if description} + + {/if} + {/if} {#if $query?.error} diff --git a/packages/ui/core-components/src/lib/atoms/inputs/dropdown/Dropdown.svelte b/packages/ui/core-components/src/lib/atoms/inputs/dropdown/Dropdown.svelte index 43b91ed451..c49c8426cb 100644 --- a/packages/ui/core-components/src/lib/atoms/inputs/dropdown/Dropdown.svelte +++ b/packages/ui/core-components/src/lib/atoms/inputs/dropdown/Dropdown.svelte @@ -27,6 +27,7 @@ import formatTitle from '@evidence-dev/component-utilities/formatTitle'; import VirtualList from './Virtual.svelte'; import { toBoolean } from '../../../utils.js'; + import Info from '../../../unsorted/ui/Info.svelte'; import { browserDebounce } from '@evidence-dev/sdk/utils'; const inputs = getInputContext(); @@ -65,6 +66,11 @@ */ export let selectAllByDefault = false; + /** + * @type {string | undefined} + */ + export let description = undefined; + // Input Query Props export let value = 'value', /** @type {string | import("@evidence-dev/sdk/usql").QueryValue }*/ @@ -234,6 +240,9 @@ > {#if title && !multiple} {title} + {#if description} + + {/if} {#if $selectedOptions.length > 0} {$selectedOptions[0].label} @@ -242,6 +251,9 @@ {$selectedOptions[0].label} {:else} {title ?? formatTitle(name)} + {#if description} + + {/if} {/if} {#if $selectedOptions.length > 0 && multiple} diff --git a/packages/ui/core-components/src/lib/atoms/inputs/slider/_Slider.svelte b/packages/ui/core-components/src/lib/atoms/inputs/slider/_Slider.svelte index c564f47c41..02be9e8653 100644 --- a/packages/ui/core-components/src/lib/atoms/inputs/slider/_Slider.svelte +++ b/packages/ui/core-components/src/lib/atoms/inputs/slider/_Slider.svelte @@ -7,6 +7,7 @@ const inputs = getInputContext(); import SliderShadcn from '../../shadcn/slider/sliderShadcn.svelte'; import HiddenInPrint from '../shared/HiddenInPrint.svelte'; + import Info from '../../../unsorted/ui/Info.svelte'; import { formatValue, getFormatObjectFromString @@ -55,6 +56,9 @@ /** @type {string} */ let format_object; + /** @type {string | undefined} */ + export let description = undefined; + export let data = null; function validateNumber(value, name) { @@ -164,7 +168,12 @@

- {title} : + {title} + {#if description} + + {:else} + : + {/if} {fmt ? formatValue($inputs[name], format_object) : $inputs[name]}

diff --git a/packages/ui/core-components/src/lib/atoms/inputs/text/TextInput.svelte b/packages/ui/core-components/src/lib/atoms/inputs/text/TextInput.svelte index 89d95c6724..0917bf0ae3 100644 --- a/packages/ui/core-components/src/lib/atoms/inputs/text/TextInput.svelte +++ b/packages/ui/core-components/src/lib/atoms/inputs/text/TextInput.svelte @@ -4,6 +4,7 @@ - - - - - {@const data = Query.create(`select * from numeric_series`, query)} - - - - diff --git a/packages/ui/core-components/src/lib/unsorted/ui/Card.svelte b/packages/ui/core-components/src/lib/unsorted/ui/Card.svelte deleted file mode 100644 index 3e47d9a943..0000000000 --- a/packages/ui/core-components/src/lib/unsorted/ui/Card.svelte +++ /dev/null @@ -1,14 +0,0 @@ - - - - -
- -
diff --git a/packages/ui/core-components/src/lib/unsorted/ui/Embed.svelte b/packages/ui/core-components/src/lib/unsorted/ui/Embed.svelte index 59d2449295..cfb37f234f 100644 --- a/packages/ui/core-components/src/lib/unsorted/ui/Embed.svelte +++ b/packages/ui/core-components/src/lib/unsorted/ui/Embed.svelte @@ -3,6 +3,11 @@