@osdk/react-components 0.2.0-beta.16 → 0.2.0-beta.18

package/build/browser/styles.css

@@ -817,6 +817,79 @@
 }
 
 
+/* base-components/tooltip/Tooltip.module.css */
+/*
+ * Copyright 2026 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.Tooltip-module__osdkTooltipTrigger___KY5Ck6WI {
+  border: none;
+  background: inherit;
+}
+
+.Tooltip-module__osdkTooltipPositioner___3DC1bpvr {
+  z-index: var(--osdk-tooltip-z-index);
+}
+
+.Tooltip-module__osdkTooltipPopup___QgGaKttX {
+  padding: var(--osdk-tooltip-padding);
+  background-color: var(--osdk-tooltip-bg);
+  border-radius: var(--osdk-surface-border-radius);
+  box-shadow: var(--osdk-tooltip-shadow);
+  max-width: var(--osdk-tooltip-max-width);
+  font-size: var(--osdk-tooltip-font-size);
+}
+
+/* 
+ * Hardcoded values are copied from base ui example 
+ * https://base-ui.com/react/components/tooltip 
+ *
+ * */
+.Tooltip-module__osdkTooltipArrow___42KD-Edu {
+  display: flex;
+
+  &[data-side="top"] {
+    bottom: -8px;
+    rotate: 180deg;
+  }
+
+  &[data-side="bottom"] {
+    top: -8px;
+    rotate: 0deg;
+  }
+
+  &[data-side="left"] {
+    right: -13px;
+    rotate: 90deg;
+  }
+
+  &[data-side="right"] {
+    left: -13px;
+    rotate: -90deg;
+  }
+}
+
+.Tooltip-module__tooltipArrowFill___4DZeMWmZ {
+  fill: var(--osdk-tooltip-bg);
+}
+
+.Tooltip-module__tooltipArrowOuterStroke___ATRD8XzR {
+  fill: var(--osdk-tooltip-border-color);
+}
+
+
 /* filter-list/base/FilterList.module.css */
 /*
  * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
@@ -837,6 +910,27 @@
 .FilterList-module__filterList___wmzCNbkH {
   display: flex;
   flex-direction: column;
+  height: 100%;
+}
+
+.FilterList-module__filterListCollapsed___CGrK9txF {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: var(--osdk-filter-list-collapsed-width);
+  height: 100%;
+  background: var(--osdk-filter-list-bg);
+  border: var(--osdk-filter-list-border);
+  border-radius: var(--osdk-filter-list-border-radius);
+  padding: var(--osdk-surface-spacing) 0;
+  gap: var(--osdk-surface-spacing);
+}
+
+.FilterList-module__expandedContent___aEk2i2At {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow-y: auto;
   background: var(--osdk-filter-list-bg);
   border: var(--osdk-filter-list-border);
   border-radius: var(--osdk-filter-list-border-radius);
@@ -844,25 +938,48 @@
   gap: var(--osdk-filter-list-gap);
 }
 
-.FilterList-module__contentWrapper___Y8k76Dtw {
-  display: grid;
-  grid-template-rows: 1fr;
-  transition: grid-template-rows var(--osdk-filter-list-collapse-transition);
+.FilterList-module__hiddenContent___PHKe-yWc {
+  display: none;
+}
+
+.FilterList-module__expandButton___-QlY8-ot {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--osdk-filter-header-button-padding);
+  border: none;
+  background: var(--osdk-filter-header-button-bg);
+  cursor: pointer;
+  border-radius: var(--osdk-filter-header-button-border-radius);
+  color: var(--osdk-filter-header-collapse-icon-color);
+  transition: background-color var(--osdk-filter-header-button-transition);
+
+  &:hover {
+    background: var(--osdk-filter-header-button-bg-hover);
+  }
+
+  &:active {
+    background: var(--osdk-filter-header-button-bg-active);
+  }
+
+  &:focus-visible {
+    outline: var(--osdk-filter-input-focus-outline-width) solid var(--osdk-filter-input-focus-outline-color);
+    outline-offset: var(--osdk-filter-input-focus-outline-offset);
+  }
 
   @media (prefers-reduced-motion: reduce) {
     transition: none;
   }
 }
 
-.FilterList-module__contentWrapper___Y8k76Dtw[data-collapsed="true"] {
-  grid-template-rows: 0fr;
-}
-
-.FilterList-module__contentInner___5St4fWIE {
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-  gap: var(--osdk-filter-list-gap);
+.FilterList-module__collapsedLabel___QA0UtRts {
+  writing-mode: vertical-rl;
+  transform: rotate(180deg);
+  font-family: var(--osdk-filter-list-collapsed-label-font-family);
+  font-size: var(--osdk-filter-list-collapsed-label-font-size);
+  color: var(--osdk-filter-list-collapsed-label-color);
+  font-weight: var(--osdk-filter-header-font-weight);
+  user-select: none;
 }
 
 .FilterList-module__addButtonContainer___kq300FEV {
@@ -996,6 +1113,16 @@
   font-variant-numeric: tabular-nums;
 }
 
+.FilterListHeader-module__actions___YZA7zmGc {
+  display: flex;
+  align-items: center;
+  gap: var(--osdk-surface-spacing);
+
+  &:empty {
+    display: none;
+  }
+}
+
 .FilterListHeader-module__collapseButton___N1-sj3B3 {
   display: flex;
   align-items: center;
@@ -1006,6 +1133,7 @@
   cursor: pointer;
   border-radius: var(--osdk-filter-header-button-border-radius);
   transition: background-color var(--osdk-filter-header-button-transition);
+  color: var(--osdk-filter-header-collapse-icon-color);
 
   &:hover {
     background: var(--osdk-filter-header-button-bg-hover);
@@ -1025,49 +1153,10 @@
   }
 }
 
-.FilterListHeader-module__collapseIcon___P4YOgKig {
-  display: block;
-  width: var(--osdk-filter-header-collapse-icon-size);
-  height: var(--osdk-filter-header-collapse-icon-size);
-  border-left: var(--osdk-filter-header-collapse-icon-border-width) solid var(--osdk-filter-header-collapse-icon-color);
-  border-bottom: var(--osdk-filter-header-collapse-icon-border-width) solid var(--osdk-filter-header-collapse-icon-color);
-  transform: rotate(-45deg);
-  transition: transform var(--osdk-filter-header-button-transition);
-
-  @media (prefers-reduced-motion: reduce) {
-    transition: none;
-  }
-}
-
-.FilterListHeader-module__collapsed___RKg0zje4 {
-  transform: rotate(-135deg);
-}
-
-.FilterListHeader-module__headerContentWrapper___Jb48M86S {
-  display: grid;
-  grid-template-columns: 1fr;
-  overflow: hidden;
-  transition: grid-template-columns var(--osdk-filter-list-collapse-transition);
-
-  @media (prefers-reduced-motion: reduce) {
-    transition: none;
-  }
-}
-
-.FilterListHeader-module__headerContentWrapper___Jb48M86S[data-collapsed="true"] {
-  grid-template-columns: 0fr;
-}
-
-.FilterListHeader-module__headerContentInner___d2-TGJNm {
+.FilterListHeader-module__resetButton___jLcUypov {
   display: flex;
   align-items: center;
-  justify-content: space-between;
-  flex: 1;
-  overflow: hidden;
-  min-width: 0;
-}
-
-.FilterListHeader-module__resetButton___jLcUypov {
+  gap: calc(var(--osdk-surface-spacing) * 0.5);
   font-family: var(--osdk-filter-header-font-family);
   font-size: var(--osdk-filter-header-reset-font-size);
   color: var(--osdk-filter-header-reset-color);
@@ -2354,13 +2443,14 @@
 
 
 /* object-table/EditableCell.module.css */
-.EditableCell-module__osdkEditableInput___2BjN5Q4P {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  text-align: left;
-  padding: var(--osdk-surface-spacing) calc(var(--osdk-surface-spacing) * 3);
+.EditableCell-module__osdkEditableCell___P-nxlrRu {
   width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--osdk-surface-spacing);
+
+  padding: var(--osdk-surface-spacing) calc(var(--osdk-surface-spacing) * 3);
   border-radius: var(--osdk-surface-border-radius);
   border: var(--osdk-surface-border-width) solid transparent;
   background: inherit;
@@ -2373,11 +2463,39 @@
       border: var(--osdk-table-cell-edited-border);
     }
 
-    &:focus,
-    &.EditableCell-module__osdkEditedInput___HxzrAqJz:focus {
+    &:focus-within,
+    &.EditableCell-module__osdkEditedInput___HxzrAqJz:focus-within {
       border: var(--osdk-emphasis-focus-width) solid
         var(--osdk-emphasis-focus-color);
     }
+
+    &.EditableCell-module__error___yNbrj69Y {
+      border: var(--osdk-table-cell-edited-border-error);
+
+      &:focus-within {
+        border: var(--osdk-emphasis-focus-width) solid
+          var(--osdk-intent-danger-rest);
+      }
+    }
+  }
+
+  &.EditableCell-module__error___yNbrj69Y {
+    background: var(--osdk-table-cell-editable-bg);
+    border: var(--osdk-table-cell-edited-border-error);
+  }
+}
+
+.EditableCell-module__osdkEditableInput___2BjN5Q4P {
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-align: left;
+  background: inherit;
+  border: none;
+
+  &:focus {
+    outline: none;
   }
 }
 
@@ -2386,6 +2504,16 @@
   background: var(--osdk-table-cell-editable-bg);
 }
 
+.EditableCell-module__validationError___42e5gigN {
+  display: flex;
+  align-items: center;
+  gap: var(--osdk-surface-spacing);
+}
+
+.EditableCell-module__errorIcon___bBnWLGrm {
+  color: var(--osdk-intent-danger-rest);
+}
+
 
 /* object-table/LoadingCell.module.css */
 /*
@@ -2838,6 +2966,15 @@
   padding: calc(var(--osdk-surface-spacing) * 2) 0;
 }
 
+.TableEditContainer-module__editsInfoContainer___rio3wv4g {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: row;
+  gap: calc(var(--osdk-surface-spacing) * 3);
+  font-size: var(--osdk-typography-size-body-small);
+}
+
 .TableEditContainer-module__modificationCount___sLN93v77 {
   color: var(--osdk-intent-primary-rest);
   font-size: var(--osdk-typography-size-body-small);
@@ -2851,6 +2988,24 @@
   flex: 1;
 }
 
+.TableEditContainer-module__validationError___kQN-U73X {
+  display: flex;
+  align-items: center;
+  gap: calc(var(--osdk-surface-spacing) * 2);
+  color: var(--osdk-intent-danger-rest);
+}
+
+.TableEditContainer-module__errorIcon___aZ797GFl {
+  color: var(--osdk-intent-danger-rest);
+}
+
+.TableEditContainer-module__divider___W-1K3O-k {
+  width: 1px;
+  height: 8px;
+  background-color: var(--osdk-surface-border-color-default);
+  align-self: center;
+}
+
 
 /* object-table/TableHeader.module.css */
 /*
@@ -2933,8 +3088,9 @@
   border-left: var(--osdk-table-pinned-column-border);
 }
 
-.TableHeader-module__osdkTableHeaderCell___iS9lGU8Z:has([role="checkbox"]) {
+.TableHeader-module__osdkTableSelectionHeaderCell___9Zt7O2Pz {
   justify-content: center;
+  padding: 0;
 }
 
 .TableHeader-module__osdkTableHeaderResizer___qpjGLncF {