@indico-data/design-system 3.14.0 → 3.15.0

package/lib/index.css

@@ -6030,6 +6030,9 @@ body div[class*=select__single-value] {
 .tanstack-table__outer-container .tanstack-table__column--is-not-pinned {
   opacity: 0.5;
 }
+.tanstack-table__outer-container .tanstack-table__thead__th {
+  border-top: none;
+}
 .tanstack-table__outer-container .tanstack-table__container {
   height: calc(100vh - 70px);
   grid-template-rows: auto 1fr auto;
@@ -6041,29 +6044,7 @@ body div[class*=select__single-value] {
   overflow-y: auto;
   background-color: var(--pf-semantic-page-background);
   border-radius: var(--pf-border-radius-md);
-  border-left: var(--pf-border-sm) solid var(--pf-semantic-border-secondary);
-  border-right: var(--pf-border-sm) solid var(--pf-semantic-border-secondary);
-  border-bottom: var(--pf-border-sm) solid var(--pf-semantic-border-secondary);
-  scrollbar-width: thin;
-  scrollbar-color: var(--pf-semantic-border-secondary) var(--pf-semantic-page-background);
-}
-.tanstack-table__outer-container .tanstack-table__container::-webkit-scrollbar {
-  width: var(--pf-spacing-sm);
-  height: var(--pf-spacing-sm);
-  cursor: pointer;
-}
-.tanstack-table__outer-container .tanstack-table__container::-webkit-scrollbar-track {
-  background: var(--pf-semantic-page-background);
-  border-radius: var(--pf-border-radius-xs);
-  cursor: pointer;
-}
-.tanstack-table__outer-container .tanstack-table__container::-webkit-scrollbar-thumb {
-  background: var(--pf-semantic-border-secondary);
-  border-radius: var(--pf-border-radius-xs);
-  cursor: pointer;
-}
-.tanstack-table__outer-container .tanstack-table__container::-webkit-scrollbar-thumb:hover {
-  background: var(--pf-semantic-background-brand-hover);
+  border: var(--pf-border-sm) solid var(--pf-semantic-border-secondary);
 }
 
 .tanstack-table {

package/lib/index.esm.css

@@ -6030,6 +6030,9 @@ body div[class*=select__single-value] {
 .tanstack-table__outer-container .tanstack-table__column--is-not-pinned {
   opacity: 0.5;
 }
+.tanstack-table__outer-container .tanstack-table__thead__th {
+  border-top: none;
+}
 .tanstack-table__outer-container .tanstack-table__container {
   height: calc(100vh - 70px);
   grid-template-rows: auto 1fr auto;
@@ -6041,29 +6044,7 @@ body div[class*=select__single-value] {
   overflow-y: auto;
   background-color: var(--pf-semantic-page-background);
   border-radius: var(--pf-border-radius-md);
-  border-left: var(--pf-border-sm) solid var(--pf-semantic-border-secondary);
-  border-right: var(--pf-border-sm) solid var(--pf-semantic-border-secondary);
-  border-bottom: var(--pf-border-sm) solid var(--pf-semantic-border-secondary);
-  scrollbar-width: thin;
-  scrollbar-color: var(--pf-semantic-border-secondary) var(--pf-semantic-page-background);
-}
-.tanstack-table__outer-container .tanstack-table__container::-webkit-scrollbar {
-  width: var(--pf-spacing-sm);
-  height: var(--pf-spacing-sm);
-  cursor: pointer;
-}
-.tanstack-table__outer-container .tanstack-table__container::-webkit-scrollbar-track {
-  background: var(--pf-semantic-page-background);
-  border-radius: var(--pf-border-radius-xs);
-  cursor: pointer;
-}
-.tanstack-table__outer-container .tanstack-table__container::-webkit-scrollbar-thumb {
-  background: var(--pf-semantic-border-secondary);
-  border-radius: var(--pf-border-radius-xs);
-  cursor: pointer;
-}
-.tanstack-table__outer-container .tanstack-table__container::-webkit-scrollbar-thumb:hover {
-  background: var(--pf-semantic-background-brand-hover);
+  border: var(--pf-border-sm) solid var(--pf-semantic-border-secondary);
 }
 
 .tanstack-table {

package/lib/index.esm.js

@@ -13827,6 +13827,7 @@ const defaultOptions$1 = {
     middleware: [offset$2(5), flip$2(), shift$2()],
 };
 function FloatUI({ children, ariaLabel, isOpen: controlledIsOpen, setIsOpen: controlledSetIsOpen, isPortal = false, portalOptions = {}, floatingOptions = defaultOptions$1, className, hover = false, onOpenChange, }) {
+    var _a;
     const [internalIsOpen, setInternalIsOpen] = useState(false);
     // Determine whether the component is controlled or uncontrolled
     const isControlled = controlledIsOpen !== undefined && controlledSetIsOpen !== undefined;
@@ -13842,11 +13843,12 @@ function FloatUI({ children, ariaLabel, isOpen: controlledIsOpen, setIsOpen: con
     if (!isValidElement(trigger) || !isValidElement(content)) {
         throw new Error('Both children of FloatUI must be valid React elements.');
     }
+    const referenceElement = ((_a = floatingOptions.elements) === null || _a === void 0 ? void 0 : _a.reference) || referenceElementRef.current;
     const { refs, floatingStyles, context } = useFloating(Object.assign(Object.assign({}, floatingOptions), { open: isOpen, onOpenChange: (isOpen) => {
             setIsOpen(isOpen);
             onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(isOpen);
         }, elements: {
-            reference: referenceElementRef.current,
+            reference: referenceElement,
         } }));
     // Can't call hooks conditionally so this enabled option is needed.
     const click = useClick(context, { enabled: !hover });