@gsa-tts/graymatter-ui 0.3.9 → 0.3.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gsa-tts/graymatter-ui",
-  "version": "0.3.9",
+  "version": "0.3.11",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -55,9 +55,9 @@
     "typescript": "5.7.3",
     "vite": "^6.3.5",
     "vitest": "^3.0.7",
-    "@gsa-tts/graymatter-vitest-config": "0.0.1",
+    "@gsa-tts/graymatter-eslint": "0.0.2",
     "@gsa-tts/graymatter-typescript-config": "0.0.2",
-    "@gsa-tts/graymatter-eslint": "0.0.2"
+    "@gsa-tts/graymatter-vitest-config": "0.0.1"
   },
   "dependencies": {
     "@fontsource-variable/archivo": "^5.2.6",

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,
@@ -374,7 +373,7 @@
           >
             <div class="icon-container" part="chat-icon-container">
               <div class="icon-wrapper">
-                <ChatIcon isSelected={isNavSelected('chat') as boolean} />
+                <ChatIcon isSelected={isNavSelected('chat')} />
               </div>
             </div>
             <span class="nav-text">Chat</span>
@@ -398,7 +397,7 @@
           >
             <div class="icon-container" part="console-icon-container">
               <div class="icon-wrapper">
-                <ConsoleIcon isSelected={isNavSelected('console') as boolean} />
+                <ConsoleIcon isSelected={isNavSelected('console')} />
               </div>
             </div>
             <span class="nav-text">Console</span>
@@ -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>