@gsa-tts/graymatter-ui 0.3.8 → 0.3.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gsa-tts/graymatter-ui",
-  "version": "0.3.8",
+  "version": "0.3.10",
   "type": "module",
   "publishConfig": {
     "access": "public"

package/src/component-options/componentOptions.ts

@@ -21,6 +21,8 @@ export interface ComponentOptions {
   consoleSubpage?: WebsiteComponentOptions;
   partnershipsSubpage?: WebsiteComponentOptions;
   website?: WebsiteComponentOptions;
+  privacyPolicy?: WebsiteComponentOptions;
+  rulesOfBehavior?: WebsiteComponentOptions;
 }
 
 export const componentOptions: ComponentOptions = {
@@ -50,4 +52,12 @@ export const componentOptions: ComponentOptions = {
     usaBanner: { theme: 'inverse' },
     header: { theme: 'inverse' },
   },
+  privacyPolicy: {
+    usaBanner: { theme: 'inverse' },
+    header: { theme: 'inverse' },
+  },
+  rulesOfBehavior: {
+    usaBanner: { theme: 'inverse' },
+    header: { theme: 'inverse' },
+  },
 };

package/src/components/Button.svelte

@@ -24,10 +24,9 @@
     shape?: 'round' | 'square';
     href?: string;
     disabled?: boolean;
-    size: 'small' | 'medium' | 'large';
+    size?: 'small' | 'medium' | 'large';
     type?: 'button' | 'submit' | 'reset';
     onclick?: (event: MouseEvent) => void;
-    children?: import('svelte').Snippet | null;
     class?: string;
     [key: `data-${string}`]: string;
     [key: `aria-${string}`]: string;
@@ -40,7 +39,6 @@
     href = undefined,
     disabled = false,
     onclick,
-    children = null,
     size = 'medium',
     type = 'button',
     class: className = '',
@@ -73,11 +71,11 @@
 
 {#if href}
   <a class={mergedClasses()} {href} class:disabled {onclick} {...props}>
-    {@render children?.()}
+    <slot />
   </a>
 {:else}
   <button class={mergedClasses()} {type} {disabled} {onclick} {...props}>
-    {@render children?.()}
+    <slot />
   </button>
 {/if}
 

package/src/components/Button.webcomponent.svelte

@@ -24,7 +24,6 @@
     size = 'medium',
     type = 'button',
     onclick,
-    children = null,
     class: className = '',
     ...props
   } = $props();
@@ -38,7 +37,6 @@
   {size}
   {type}
   {onclick}
-  {children}
   class={className}
   {...props}
 >

package/src/components/DesktopSideNav.svelte

@@ -26,7 +26,6 @@
     ssrSelectedItem = undefined,
     onNavToggle = undefined,
     onNavItemClick = undefined,
-    children,
     showAppIcons = true,
     hideDiscover = true,
     profileMenuData,
@@ -470,7 +469,7 @@
     {#if sideNavExpanded()}
       <div class="drawer-content" part="drawer-content">
         <nav aria-label="Sub navigation" part="sub-navigation">
-          {@render children?.()}
+          <slot />
         </nav>
       </div>
     {/if}

package/src/components/DesktopSideNav.webcomponent.svelte

@@ -19,7 +19,6 @@
     chatUrl,
     consoleUrl,
     discoverUrl,
-    children,
   } = $props();
 </script>
 
@@ -34,7 +33,6 @@
   {chatUrl}
   {consoleUrl}
   {discoverUrl}
-  {children}
 >
   <slot />
 </DesktopSideNav>

package/src/components/MobileSideMenu.svelte

@@ -11,7 +11,7 @@
   let sideMenuElement: HTMLDivElement;
   let pendingMobileHash: string | null = null;
 
-  let { logoLinkUrl, logoLinkLabel, children } = $props();
+  let { logoLinkUrl, logoLinkLabel } = $props();
 
   function handleMobileAnchorNavigate(event: Event) {
     const customEvent = event as CustomEvent;
@@ -180,7 +180,7 @@
     <!-- Show submenu items if available and not on discover -->
     {#if $selectedItem && $selectedItem !== 'discover'}
       <div class="subnav-section" part="subnav-section">
-        {@render children?.()}
+        <slot />
       </div>
     {:else}
       <!-- Show message when no submenu is available -->

package/src/components/MobileSideMenu.webcomponent.svelte

@@ -7,7 +7,9 @@
 <script lang="ts">
   import MobileSideMenu from './MobileSideMenu.svelte';
 
-  let { logoLinkUrl, logoLinkLabel, children } = $props();
+  let { logoLinkUrl, logoLinkLabel } = $props();
 </script>
 
-<MobileSideMenu {logoLinkUrl} {logoLinkLabel} {children} />
+<MobileSideMenu {logoLinkUrl} {logoLinkLabel}>
+  <slot />
+</MobileSideMenu>

package/src/utils/index.ts

@@ -1 +1,2 @@
 export * from './getAppUrls.js';
+export * from './navigationControl.js';