@triptease/tt-navbar 0.0.20 → 0.0.22

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.
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @triptease/tt-navbar v0.0.20
2
+ * @triptease/tt-navbar v0.0.22
3
3
  */
4
4
 
5
5
  // ../../node_modules/@lit/reactive-element/css-tag.js
@@ -657,8 +657,8 @@ var styles = i`
657
657
 
658
658
  .tertiary-nav.sidebar-closed {
659
659
  .external-link,
660
- slot,
661
- hr {
660
+ hr,
661
+ #client-selector {
662
662
  display: none;
663
663
  visibility: hidden;
664
664
  }
@@ -886,6 +886,31 @@ var styles = i`
886
886
  visibility: visible;
887
887
  opacity: 1;
888
888
  }
889
+
890
+ #client-selector {
891
+ display: flex;
892
+ align-items: center;
893
+ }
894
+
895
+ #client-selector tt-combobox {
896
+ --tt-combobox-color: var(--color-text-inverted-400);
897
+ --tt-combobox-dropdown-color: var(--color-text-inverted-400);
898
+ --tt-combobox-list-background-color: var(--color-surface-inverted-100);
899
+ --tt-combobox-option-background-color-hover: var(--color-surface-inverted-200);
900
+ --tt-combobox-placeholder-color: var(--color-text-inverted-300);
901
+ --tt-combobox-background-color: var(--color-surface-inverted-100);
902
+ --tt-combobox-hover-background-color: var(--color-surface-inverted-200);
903
+ --tt-combobox-list-max-width: 80ch;
904
+ --tt-combobox-min-width: 244px;
905
+ --tt-combobox-max-width: 244px;
906
+ }
907
+
908
+ .single-client-name {
909
+ height: 39px;
910
+ padding: var(--space-scale-1); /* match tt-combobox height */
911
+ font-size: var(--font-size-100);
912
+ color: var(--color-text-inverted-400);
913
+ }
889
914
  `;
890
915
  export {
891
916
  styles