@gsa-tts/graymatter-ui 0.2.5 → 0.2.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/graymatter-ui.js +482 -481
  2. package/dist/graymatter-ui.umd.cjs +6 -6
  3. package/package.json +1 -1
  4. package/src/components/DesktopSideNav.svelte +4 -4
  5. package/src/components/MobileBottomNav.svelte +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gsa-tts/graymatter-ui",
3
- "version": "0.2.5",
3
+ "version": "0.2.6",
4
4
  "type": "module",
5
5
  "publishConfig": {
6
6
  "access": "public"
package/src/components/DesktopSideNav.svelte CHANGED
@@ -274,7 +274,7 @@
274
274
  part="discover-item"
275
275
  bind:this={discoverNavRef}
276
276
  >
277
- <div class="icon-container">
277
+ <div class="icon-container" part="discover-icon-container">
278
278
  <div class="icon-wrapper">
279
279
  <DiscoverIcon isSelected={isNavSelected('discover')} />
280
280
  </div>
@@ -294,7 +294,7 @@
294
294
  part="chat-item"
295
295
  bind:this={chatNavRef}
296
296
  >
297
- <div class="icon-container">
297
+ <div class="icon-container" part="chat-icon-container">
298
298
  <div class="icon-wrapper">
299
299
  <ChatIcon isSelected={isNavSelected('chat') as boolean} />
300
300
  </div>
@@ -315,7 +315,7 @@
315
315
  part="console-item"
316
316
  bind:this={consoleNavRef}
317
317
  >
318
- <div class="icon-container">
318
+ <div class="icon-container" part="console-icon-container">
319
319
  <div class="icon-wrapper">
320
320
  <ConsoleIcon isSelected={isNavSelected('console') as boolean} />
321
321
  </div>
@@ -336,7 +336,7 @@
336
336
  part="api-item"
337
337
  bind:this={apiNavRef}
338
338
  >
339
- <div class="icon-container">
339
+ <div class="icon-container" part="api-icon-container">
340
340
  <div class="icon-wrapper">
341
341
  <ApiIcon isSelected={isNavSelected('api')} />
342
342
  </div>
package/src/components/MobileBottomNav.svelte CHANGED
@@ -91,7 +91,7 @@
91
91
  {#each navItems as navItem}
92
92
  <a
93
93
  href={navItem.href}
94
- class="nav-item"
94
+ class={`nav-item ${slugify(navItem.id)}-item`}
95
95
  class:active={$selectedItem === navItem.id}
96
96
  onclick={() => handleNavItemClick(navItem.id)}
97
97
  part={`${slugify(navItem.id)}-item`}