@gsa-tts/graymatter-ui 1.1.3 → 1.2.1

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 +746 -746
  2. package/dist/graymatter-ui.umd.cjs +8 -8
  3. package/package.json +1 -1
  4. package/src/component-options/componentOptions.ts +2 -2
  5. package/src/components/DesktopSideNav.svelte +9 -7
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gsa-tts/graymatter-ui",
3
- "version": "1.1.3",
3
+ "version": "1.2.1",
4
4
  "type": "module",
5
5
  "publishConfig": {
6
6
  "access": "public"
package/src/component-options/componentOptions.ts CHANGED
@@ -45,8 +45,8 @@ export const componentOptions: ComponentOptions = {
45
45
  header: { theme: 'inverse' },
46
46
  },
47
47
  partnershipsSubpage: {
48
- usaBanner: { theme: 'default' },
49
- header: { theme: 'default' },
48
+ usaBanner: { theme: 'inverse' },
49
+ header: { theme: 'inverse' },
50
50
  },
51
51
  website: {
52
52
  usaBanner: { theme: 'inverse' },
package/src/components/DesktopSideNav.svelte CHANGED
@@ -583,12 +583,12 @@
583
583
  }
584
584
 
585
585
  .expanded-content.drawer-anim.open {
586
- max-width: 12.5rem;
586
+ max-width: var(--sidenav-drawer-width);
587
587
  pointer-events: auto;
588
588
  }
589
589
 
590
590
  .drawer-content {
591
- width: 12.5rem;
591
+ width: var(--sidenav-drawer-width);
592
592
  height: 100%;
593
593
  display: flex;
594
594
  flex-direction: column;
@@ -620,6 +620,8 @@
620
620
  }
621
621
 
622
622
  .side-nav-container {
623
+ --sidenav-drawer-width: 15rem;
624
+ --sidenav-expanded-width: 19.375rem;
623
625
  display: flex;
624
626
  flex-shrink: 0;
625
627
  position: relative;
@@ -628,15 +630,15 @@
628
630
  }
629
631
 
630
632
  .side-nav-container.expanded {
631
- width: 16.875rem;
632
- min-width: 12.5rem;
633
- max-width: 16.875rem;
633
+ width: var(--sidenav-expanded-width);
634
+ min-width: var(--sidenav-drawer-width);
635
+ max-width: var(--sidenav-expanded-width);
634
636
  height: 100%;
635
637
  }
636
638
 
637
639
  .expanded-content {
638
640
  display: flex;
639
- width: 12.5rem;
641
+ width: var(--sidenav-drawer-width);
640
642
  opacity: 1;
641
643
  flex: none;
642
644
  height: 100%;
@@ -647,7 +649,7 @@
647
649
  }
648
650
 
649
651
  .side-nav-container.expanded .expanded-content {
650
- width: 12.5rem;
652
+ width: var(--sidenav-drawer-width);
651
653
  opacity: 1;
652
654
  overflow: hidden;
653
655
  }