diff --git a/palimpsest/public/index.html b/palimpsest/public/index.html index 8b9e4e78..cef29e93 100644 --- a/palimpsest/public/index.html +++ b/palimpsest/public/index.html @@ -4,7 +4,7 @@ - carbon-components-svelte + Carbon Components Svelte diff --git a/palimpsest/src/components/ButtonTile.svelte b/palimpsest/src/components/ButtonTile.svelte new file mode 100644 index 00000000..c4555751 --- /dev/null +++ b/palimpsest/src/components/ButtonTile.svelte @@ -0,0 +1,109 @@ + + + + +
+
+ {#if href} + +
+ +
+ {#if iconLeft} +
+ +
+ {/if} +
+ +
+ + {:else} +
+
+ +
+ {#if iconLeft} +
+ +
+ {/if} +
+ +
+
+ {/if} +
+
+
diff --git a/palimpsest/src/components/Component/Component.svelte b/palimpsest/src/components/Component/Component.svelte index 11eb98fe..87d05cd1 100644 --- a/palimpsest/src/components/Component/Component.svelte +++ b/palimpsest/src/components/Component/Component.svelte @@ -59,11 +59,17 @@
-
- +
+
+
+ +
+ +
diff --git a/palimpsest/src/components/Home.svelte b/palimpsest/src/components/Home.svelte index 3f441246..7da77956 100644 --- a/palimpsest/src/components/Home.svelte +++ b/palimpsest/src/components/Home.svelte @@ -1,30 +1,50 @@
@@ -43,11 +63,30 @@ Svelte -

The Carbon Design System implemented in Svelte

+

The Carbon Design System implemented in Svelte

-
1
+
+

Packages

+
+
+
+
+ + Carbon Components Svelte + +
+
+ + Carbon Icons Svelte + +
+
+
+
+

Components

+
diff --git a/palimpsest/src/components/SideNav.svelte b/palimpsest/src/components/SideNav.svelte index 9410d00b..cc9438b1 100644 --- a/palimpsest/src/components/SideNav.svelte +++ b/palimpsest/src/components/SideNav.svelte @@ -3,17 +3,31 @@ import { Search } from 'carbon-components-svelte'; import Fuse from 'fuse.js'; import components from '../data/component-registry'; + import { sideNavToggled, appSwitcherToggled } from '../store'; const fuse = new Fuse(components, { shouldSort: false, threshold: 0.33, keys: ['name'] }); let value = ''; $: results = value.length > 1 ? fuse.search(value) : components; + + $: { + if ($sideNavToggled || $appSwitcherToggled) { + document.body.classList.add('hidden'); + } else { + document.body.classList.remove('hidden'); + } + } -