@vuu-ui/vuu-data-react 0.8.14-debug → 0.8.15-debug

package/index.css

@@ -174,11 +174,14 @@
   border-style: solid;
   border-width: 1px;
   padding: 4px 0;
-  z-index: var(--salt-zIndex-modal);
+  z-index: 100;
 }
 .vuuPortal:has(.vuuDropdown-popup-component.vuuList-empty) {
   display: none;
 }
+#vuu-portal-root {
+  z-index: 1000;
+}
 
 /* ../vuu-popups/src/dialog-header/DialogHeader.css */
 .vuuDialogHeader {
@@ -456,6 +459,7 @@
 .vuuTooltip {
   --tooltip-align: flex-start;
   --tooltip-background: white;
+  --tooltip-border: var(--vuu-color-gray-30);
   --tooltip-color: var(--vuu-color-gray-80);
   --tooltip-justify: flex-start;
   --tooltip-top: auto;
@@ -466,6 +470,7 @@
   justify-content: var(--tooltip-justify);
   display: flex;
   position: absolute;
+  z-index: 100;
 }
 .vuuTooltip[data-align=right] {
   --tooltip-align: center;
@@ -488,10 +493,14 @@
 }
 .vuuTooltip-content {
   background-color: var(--tooltip-background);
-  border-radius: 4px;
+  border-color: var(--tooltip-border);
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 6px;
+  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
   color: var(--tooltip-color);
   line-height: 24px;
-  padding: 2px 6px;
+  padding: 2px 8px;
   position: absolute;
   white-space: nowrap;
   top: var(--tooltip-top);
@@ -500,7 +509,7 @@
   left: var(--tooltip-left);
 }
 .vuuTooltip::before {
-  background-color: var(--tooltip-background);
+  background-color: var(--tooltip-border);
   content: " ";
   display: block;
   position: absolute;
@@ -3289,20 +3298,16 @@ input[type=radio] {
 .vuuFilterBuilderMenuList {
   --vuuList-borderStyle: none;
 }
-.vuuListItem.vuuMenuButton {
-  color: var(--vuu-color-gray-50);
-  font-size: 9px;
-  padding: 0 8px;
+.vuuListItem:has(.vuuMenuButton) {
+  justify-content: center;
 }
-.vuuListItem.vuuMenuButton:after {
-  border-radius: 6px;
-  content: "";
-  position: absolute;
-  height: 16px;
-  background-color: transparent;
-  left: 4px;
-  right: 4px;
+.vuuMenuButton {
+  background-color: white;
   border: solid 1px var(--salt-actionable-primary-foreground);
+  border-radius: 6px;
+  color: var(--vuu-color-gray-50);
+  font-size: 9px;
+  padding: 1px 6px;
 }
 
 /* ../vuu-filters/src/filter-clause/ExpandoCombobox.css */
@@ -3684,16 +3689,16 @@ input[type=radio] {
 }
 
 /* ../vuu-layout/src/stack/Stack.css */
-.Tabs {
+.vuuTabs {
   display: flex;
   box-sizing: border-box;
   flex-direction: column;
 }
-.Tabs-horizontal {
+.vuuTabs-horizontal {
   --vuu-tabs-border-style: none solid none none;
   flex-direction: row;
 }
-.Tabs .Toolbar:before {
+.vuuTabs .Toolbar:before {
   left: 0;
   width: 100%;
   bottom: 0;
@@ -3702,11 +3707,13 @@ input[type=radio] {
   position: absolute;
   background: var(--grey60);
 }
-.Tabs-tabPanel {
+.vuuTabs-tabPanel {
+  display: flex;
   flex: 1;
+  flex-direction: column;
 }
-.Tabs-tabPanel > * {
-  height: 100%;
+.vuuTabs-tabPanel > * {
+  flex: 1 1 auto;
 }
 .vuuTabHeader {
   --saltTabs-activationIndicator-background: transparent;