@osdk/react-components 0.2.0-beta.28 → 0.2.0-beta.29

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 (160) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/build/browser/action-form/FormFieldApi.js.map +1 -1
  3. package/build/browser/action-form/fields/FormFieldRenderer.js +8 -0
  4. package/build/browser/action-form/fields/FormFieldRenderer.js.map +1 -1
  5. package/build/browser/action-form/fields/NumberInputField.js +130 -0
  6. package/build/browser/action-form/fields/NumberInputField.js.map +1 -0
  7. package/build/browser/action-form/fields/NumberInputField.module.css +96 -0
  8. package/build/browser/action-form/fields/NumberInputField.module.css.js +9 -0
  9. package/build/browser/base-components/checkbox/Checkbox.module.css +9 -1
  10. package/build/browser/base-components/combobox/Combobox.js +14 -1
  11. package/build/browser/base-components/combobox/Combobox.js.map +1 -1
  12. package/build/browser/base-components/combobox/Combobox.module.css +16 -6
  13. package/build/browser/base-components/combobox/Combobox.module.css.js +1 -0
  14. package/build/browser/base-components/searchable-menu/SearchableMenu.js +86 -0
  15. package/build/browser/base-components/searchable-menu/SearchableMenu.js.map +1 -0
  16. package/build/browser/base-components/searchable-menu/SearchableMenu.module.css +80 -0
  17. package/build/browser/base-components/searchable-menu/SearchableMenu.module.css.js +10 -0
  18. package/build/browser/filter-list/FilterList.js +3 -1
  19. package/build/browser/filter-list/FilterList.js.map +1 -1
  20. package/build/browser/filter-list/FilterListItemApi.js.map +1 -1
  21. package/build/browser/filter-list/base/AddFilterPopover.js +10 -21
  22. package/build/browser/filter-list/base/AddFilterPopover.js.map +1 -1
  23. package/build/browser/filter-list/base/AddFilterPopover.module.css +6 -40
  24. package/build/browser/filter-list/base/AddFilterPopover.module.css.js +1 -4
  25. package/build/browser/filter-list/base/BaseFilterList.js +4 -2
  26. package/build/browser/filter-list/base/BaseFilterList.js.map +1 -1
  27. package/build/browser/filter-list/base/ExcludeDropdown.module.css +7 -5
  28. package/build/browser/filter-list/base/FilterIcons.js +3 -3
  29. package/build/browser/filter-list/base/FilterIcons.js.map +1 -1
  30. package/build/browser/filter-list/base/FilterInputExcludeRow.js +14 -2
  31. package/build/browser/filter-list/base/FilterInputExcludeRow.js.map +1 -1
  32. package/build/browser/filter-list/base/FilterList.module.css +20 -4
  33. package/build/browser/filter-list/base/FilterList.module.css.js +1 -0
  34. package/build/browser/filter-list/base/FilterListHeader.js +1 -1
  35. package/build/browser/filter-list/base/FilterListHeader.js.map +1 -1
  36. package/build/browser/filter-list/base/FilterListHeader.module.css +8 -3
  37. package/build/browser/filter-list/base/FilterListItem.module.css +15 -9
  38. package/build/browser/filter-list/base/FilterListItem.module.css.js +2 -1
  39. package/build/browser/filter-list/base/inputs/ListogramInput.js +1 -1
  40. package/build/browser/filter-list/base/inputs/ListogramInput.js.map +1 -1
  41. package/build/browser/filter-list/base/inputs/ListogramInput.module.css +23 -0
  42. package/build/browser/filter-list/base/inputs/ListogramInput.module.css.js +1 -0
  43. package/build/browser/filter-list/base/inputs/MultiSelectInput.js +26 -43
  44. package/build/browser/filter-list/base/inputs/MultiSelectInput.js.map +1 -1
  45. package/build/browser/filter-list/base/inputs/MultiSelectInput.module.css +7 -8
  46. package/build/browser/filter-list/base/inputs/MultiSelectInput.module.css.js +1 -2
  47. package/build/browser/filter-list/base/inputs/RangeInput.module.css +7 -1
  48. package/build/browser/filter-list/base/inputs/SingleSelectInput.js +21 -30
  49. package/build/browser/filter-list/base/inputs/SingleSelectInput.js.map +1 -1
  50. package/build/browser/filter-list/base/inputs/SingleSelectInput.module.css +13 -23
  51. package/build/browser/filter-list/base/inputs/SingleSelectInput.module.css.js +3 -1
  52. package/build/browser/filter-list/hooks/useFilterListState.js +9 -1
  53. package/build/browser/filter-list/hooks/useFilterListState.js.map +1 -1
  54. package/build/browser/filter-list/inputs/ContainsTextFilterInput.js +1 -1
  55. package/build/browser/filter-list/inputs/ContainsTextFilterInput.js.map +1 -1
  56. package/build/browser/filter-list/inputs/ListogramFilterInput.js +9 -1
  57. package/build/browser/filter-list/inputs/ListogramFilterInput.js.map +1 -1
  58. package/build/browser/filter-list/inputs/MultiSelectFilterInput.js +9 -1
  59. package/build/browser/filter-list/inputs/MultiSelectFilterInput.js.map +1 -1
  60. package/build/browser/filter-list/inputs/PropertyFilterInput.js +1 -1
  61. package/build/browser/filter-list/inputs/PropertyFilterInput.js.map +1 -1
  62. package/build/browser/filter-list/inputs/SingleSelectFilterInput.js +9 -1
  63. package/build/browser/filter-list/inputs/SingleSelectFilterInput.js.map +1 -1
  64. package/build/browser/filter-list/inputs/TextTagsFilterInput.js +9 -1
  65. package/build/browser/filter-list/inputs/TextTagsFilterInput.js.map +1 -1
  66. package/build/browser/object-table/ColumnConfigDialog.module.css +1 -2
  67. package/build/browser/object-table/MultiColumnSortDialog.js +22 -59
  68. package/build/browser/object-table/MultiColumnSortDialog.js.map +1 -1
  69. package/build/browser/object-table/MultiColumnSortDialog.module.css +0 -64
  70. package/build/browser/object-table/MultiColumnSortDialog.module.css.js +0 -5
  71. package/build/browser/styles.css +314 -166
  72. package/build/cjs/public/experimental.cjs +501 -329
  73. package/build/cjs/public/experimental.cjs.map +1 -1
  74. package/build/cjs/public/experimental.css +378 -283
  75. package/build/cjs/public/experimental.css.map +1 -1
  76. package/build/cjs/public/experimental.d.cts +25 -12
  77. package/build/esm/action-form/FormFieldApi.js.map +1 -1
  78. package/build/esm/action-form/fields/FormFieldRenderer.js +8 -0
  79. package/build/esm/action-form/fields/FormFieldRenderer.js.map +1 -1
  80. package/build/esm/action-form/fields/NumberInputField.js +130 -0
  81. package/build/esm/action-form/fields/NumberInputField.js.map +1 -0
  82. package/build/esm/action-form/fields/NumberInputField.module.css +96 -0
  83. package/build/esm/base-components/checkbox/Checkbox.module.css +9 -1
  84. package/build/esm/base-components/combobox/Combobox.js +14 -1
  85. package/build/esm/base-components/combobox/Combobox.js.map +1 -1
  86. package/build/esm/base-components/combobox/Combobox.module.css +16 -6
  87. package/build/esm/base-components/searchable-menu/SearchableMenu.js +86 -0
  88. package/build/esm/base-components/searchable-menu/SearchableMenu.js.map +1 -0
  89. package/build/esm/base-components/searchable-menu/SearchableMenu.module.css +80 -0
  90. package/build/esm/filter-list/FilterList.js +3 -1
  91. package/build/esm/filter-list/FilterList.js.map +1 -1
  92. package/build/esm/filter-list/FilterListItemApi.js.map +1 -1
  93. package/build/esm/filter-list/base/AddFilterPopover.js +10 -21
  94. package/build/esm/filter-list/base/AddFilterPopover.js.map +1 -1
  95. package/build/esm/filter-list/base/AddFilterPopover.module.css +6 -40
  96. package/build/esm/filter-list/base/BaseFilterList.js +4 -2
  97. package/build/esm/filter-list/base/BaseFilterList.js.map +1 -1
  98. package/build/esm/filter-list/base/ExcludeDropdown.module.css +7 -5
  99. package/build/esm/filter-list/base/FilterIcons.js +3 -3
  100. package/build/esm/filter-list/base/FilterIcons.js.map +1 -1
  101. package/build/esm/filter-list/base/FilterInputExcludeRow.js +14 -2
  102. package/build/esm/filter-list/base/FilterInputExcludeRow.js.map +1 -1
  103. package/build/esm/filter-list/base/FilterList.module.css +20 -4
  104. package/build/esm/filter-list/base/FilterListHeader.js +1 -1
  105. package/build/esm/filter-list/base/FilterListHeader.js.map +1 -1
  106. package/build/esm/filter-list/base/FilterListHeader.module.css +8 -3
  107. package/build/esm/filter-list/base/FilterListItem.module.css +15 -9
  108. package/build/esm/filter-list/base/inputs/ListogramInput.js +1 -1
  109. package/build/esm/filter-list/base/inputs/ListogramInput.js.map +1 -1
  110. package/build/esm/filter-list/base/inputs/ListogramInput.module.css +23 -0
  111. package/build/esm/filter-list/base/inputs/MultiSelectInput.js +26 -43
  112. package/build/esm/filter-list/base/inputs/MultiSelectInput.js.map +1 -1
  113. package/build/esm/filter-list/base/inputs/MultiSelectInput.module.css +7 -8
  114. package/build/esm/filter-list/base/inputs/RangeInput.module.css +7 -1
  115. package/build/esm/filter-list/base/inputs/SingleSelectInput.js +21 -30
  116. package/build/esm/filter-list/base/inputs/SingleSelectInput.js.map +1 -1
  117. package/build/esm/filter-list/base/inputs/SingleSelectInput.module.css +13 -23
  118. package/build/esm/filter-list/hooks/useFilterListState.js +9 -1
  119. package/build/esm/filter-list/hooks/useFilterListState.js.map +1 -1
  120. package/build/esm/filter-list/inputs/ContainsTextFilterInput.js +1 -1
  121. package/build/esm/filter-list/inputs/ContainsTextFilterInput.js.map +1 -1
  122. package/build/esm/filter-list/inputs/ListogramFilterInput.js +9 -1
  123. package/build/esm/filter-list/inputs/ListogramFilterInput.js.map +1 -1
  124. package/build/esm/filter-list/inputs/MultiSelectFilterInput.js +9 -1
  125. package/build/esm/filter-list/inputs/MultiSelectFilterInput.js.map +1 -1
  126. package/build/esm/filter-list/inputs/PropertyFilterInput.js +1 -1
  127. package/build/esm/filter-list/inputs/PropertyFilterInput.js.map +1 -1
  128. package/build/esm/filter-list/inputs/SingleSelectFilterInput.js +9 -1
  129. package/build/esm/filter-list/inputs/SingleSelectFilterInput.js.map +1 -1
  130. package/build/esm/filter-list/inputs/TextTagsFilterInput.js +9 -1
  131. package/build/esm/filter-list/inputs/TextTagsFilterInput.js.map +1 -1
  132. package/build/esm/object-table/ColumnConfigDialog.module.css +1 -2
  133. package/build/esm/object-table/MultiColumnSortDialog.js +22 -59
  134. package/build/esm/object-table/MultiColumnSortDialog.js.map +1 -1
  135. package/build/esm/object-table/MultiColumnSortDialog.module.css +0 -64
  136. package/build/types/action-form/FormFieldApi.d.ts +22 -4
  137. package/build/types/action-form/FormFieldApi.d.ts.map +1 -1
  138. package/build/types/action-form/fields/FormFieldRenderer.d.ts.map +1 -1
  139. package/build/types/action-form/fields/NumberInputField.d.ts +3 -0
  140. package/build/types/action-form/fields/NumberInputField.d.ts.map +1 -0
  141. package/build/types/base-components/combobox/Combobox.d.ts +6 -1
  142. package/build/types/base-components/combobox/Combobox.d.ts.map +1 -1
  143. package/build/types/base-components/searchable-menu/SearchableMenu.d.ts +18 -0
  144. package/build/types/base-components/searchable-menu/SearchableMenu.d.ts.map +1 -0
  145. package/build/types/filter-list/FilterListItemApi.d.ts +4 -0
  146. package/build/types/filter-list/FilterListItemApi.d.ts.map +1 -1
  147. package/build/types/filter-list/base/AddFilterPopover.d.ts.map +1 -1
  148. package/build/types/filter-list/base/FilterInputExcludeRow.d.ts +2 -1
  149. package/build/types/filter-list/base/FilterInputExcludeRow.d.ts.map +1 -1
  150. package/build/types/filter-list/base/inputs/MultiSelectInput.d.ts +1 -3
  151. package/build/types/filter-list/base/inputs/MultiSelectInput.d.ts.map +1 -1
  152. package/build/types/filter-list/base/inputs/SingleSelectInput.d.ts.map +1 -1
  153. package/build/types/filter-list/hooks/useFilterListState.d.ts +1 -0
  154. package/build/types/filter-list/hooks/useFilterListState.d.ts.map +1 -1
  155. package/build/types/filter-list/inputs/ListogramFilterInput.d.ts.map +1 -1
  156. package/build/types/filter-list/inputs/MultiSelectFilterInput.d.ts.map +1 -1
  157. package/build/types/filter-list/inputs/SingleSelectFilterInput.d.ts.map +1 -1
  158. package/build/types/filter-list/inputs/TextTagsFilterInput.d.ts.map +1 -1
  159. package/build/types/object-table/MultiColumnSortDialog.d.ts.map +1 -1
  160. package/package.json +5 -5
@@ -381,6 +381,105 @@
381
381
  }
382
382
 
383
383
 
384
+ /* action-form/fields/NumberInputField.module.css */
385
+ /*
386
+ * Copyright 2026 Palantir Technologies, Inc. All rights reserved.
387
+ *
388
+ * Licensed under the Apache License, Version 2.0 (the "License");
389
+ * you may not use this file except in compliance with the License.
390
+ * You may obtain a copy of the License at
391
+ *
392
+ * http://www.apache.org/licenses/LICENSE-2.0
393
+ *
394
+ * Unless required by applicable law or agreed to in writing, software
395
+ * distributed under the License is distributed on an "AS IS" BASIS,
396
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
397
+ * See the License for the specific language governing permissions and
398
+ * limitations under the License.
399
+ */
400
+
401
+ .NumberInputField-module__osdkNumberInputWrapper___PBHjZuTx {
402
+ display: flex;
403
+ border-radius: var(--osdk-input-border-radius);
404
+ border: var(--osdk-input-border-width) solid var(--osdk-input-border-color);
405
+ background-color: var(--osdk-input-bg);
406
+ transition:
407
+ background-color var(--osdk-input-transition-duration)
408
+ var(--osdk-input-transition-ease),
409
+ border-color var(--osdk-input-transition-duration)
410
+ var(--osdk-input-transition-ease);
411
+
412
+ &:hover {
413
+ background-color: var(--osdk-input-bg-hover);
414
+ }
415
+
416
+ &:focus-within {
417
+ outline: var(--osdk-input-focus-width) solid var(--osdk-input-focus-color);
418
+ outline-offset: var(--osdk-input-focus-offset);
419
+ border-color: var(--osdk-input-border-color-focus);
420
+ }
421
+ }
422
+
423
+ .NumberInputField-module__osdkNumberInputField___OM0FqPcU {
424
+ flex: 1;
425
+ min-width: 0;
426
+ min-height: var(--osdk-input-min-height);
427
+ padding: var(--osdk-input-padding);
428
+ border: none;
429
+ border-radius: var(--osdk-input-border-radius) 0 0
430
+ var(--osdk-input-border-radius);
431
+ background: transparent;
432
+ color: var(--osdk-input-color);
433
+ font-family: var(--osdk-input-font-family);
434
+ font-size: var(--osdk-input-font-size);
435
+ line-height: var(
436
+ --osdk-input-line-height,
437
+ var(--osdk-typography-line-height-default)
438
+ );
439
+
440
+ &::placeholder {
441
+ color: var(--osdk-input-placeholder-color);
442
+ }
443
+
444
+ &:focus-visible {
445
+ outline: none;
446
+ }
447
+ }
448
+
449
+ .NumberInputField-module__osdkNumberInputStepper___b-Wz8qtc {
450
+ display: flex;
451
+ flex-direction: column;
452
+ border-left: var(--osdk-input-border-width) solid
453
+ var(--osdk-input-border-color);
454
+ }
455
+
456
+ .NumberInputField-module__osdkNumberInputStepButton___QtDrvQJL {
457
+ display: flex;
458
+ align-items: center;
459
+ justify-content: center;
460
+ flex: 1;
461
+ padding: 0 calc(var(--osdk-surface-spacing) * 1.5);
462
+ border: none;
463
+ background: transparent;
464
+ color: var(--osdk-input-color);
465
+ cursor: pointer;
466
+ line-height: 0;
467
+
468
+ &:hover {
469
+ background-color: var(--osdk-input-bg-hover);
470
+ }
471
+
472
+ &:active {
473
+ background-color: var(--osdk-input-border-color);
474
+ }
475
+
476
+ & + & {
477
+ border-top: var(--osdk-input-border-width) solid
478
+ var(--osdk-input-border-color);
479
+ }
480
+ }
481
+
482
+
384
483
  /* action-form/fields/RadioButtonsField.module.css */
385
484
  /*
386
485
  * Copyright 2026 Palantir Technologies, Inc. All rights reserved.
@@ -595,7 +694,15 @@
595
694
  }
596
695
 
597
696
  &[data-excluding][data-checked] {
598
- background-color: var(--osdk-checkbox-bg-hover);
697
+ background-color: var(--osdk-checkbox-bg-checked);
698
+
699
+ &:hover {
700
+ background-color: var(--osdk-checkbox-bg-checked-hover);
701
+ }
702
+
703
+ &:active {
704
+ background-color: var(--osdk-checkbox-bg-checked-active);
705
+ }
599
706
  }
600
707
 
601
708
  &:focus-visible {
@@ -707,12 +814,7 @@
707
814
  --osdk-combobox-focus-border-color,
708
815
  var(--osdk-intent-primary-rest)
709
816
  );
710
- outline: var(--osdk-combobox-focus-width, var(--osdk-emphasis-focus-width))
711
- solid var(--osdk-combobox-focus-color, var(--osdk-emphasis-focus-color));
712
- outline-offset: var(
713
- --osdk-combobox-focus-offset,
714
- var(--osdk-emphasis-focus-offset)
715
- );
817
+ outline: none;
716
818
  }
717
819
 
718
820
  .Combobox-module__osdkComboboxInputWrapper___QJ-WZal7 & {
@@ -783,6 +885,7 @@
783
885
  .Combobox-module__osdkComboboxItem___aw0l3CKj {
784
886
  display: flex;
785
887
  align-items: center;
888
+ gap: calc(var(--osdk-combobox-spacing, var(--osdk-surface-spacing)) * 1.5);
786
889
  padding: calc(var(--osdk-combobox-spacing, var(--osdk-surface-spacing)) * 1.5)
787
890
  calc(var(--osdk-combobox-spacing, var(--osdk-surface-spacing)) * 2);
788
891
  border-radius: var(
@@ -838,6 +941,20 @@
838
941
  }
839
942
  }
840
943
 
944
+ .Combobox-module__osdkComboboxItemIndicator___ES80Zdrm {
945
+ display: flex;
946
+ align-items: center;
947
+ justify-content: center;
948
+ width: calc(var(--osdk-combobox-spacing, var(--osdk-surface-spacing)) * 4);
949
+ flex-shrink: 0;
950
+ color: var(--osdk-combobox-item-color-selected, var(--osdk-intent-primary-rest));
951
+ visibility: hidden;
952
+
953
+ &[data-selected] {
954
+ visibility: visible;
955
+ }
956
+ }
957
+
841
958
  .Combobox-module__osdkComboboxChips___LX40CFj- {
842
959
  display: flex;
843
960
  flex-wrap: wrap;
@@ -1227,6 +1344,89 @@
1227
1344
  }
1228
1345
 
1229
1346
 
1347
+ /* base-components/searchable-menu/SearchableMenu.module.css */
1348
+ /*
1349
+ * Copyright 2026 Palantir Technologies, Inc. All rights reserved.
1350
+ *
1351
+ * Licensed under the Apache License, Version 2.0 (the "License");
1352
+ * you may not use this file except in compliance with the License.
1353
+ * You may obtain a copy of the License at
1354
+ *
1355
+ * http://www.apache.org/licenses/LICENSE-2.0
1356
+ *
1357
+ * Unless required by applicable law or agreed to in writing, software
1358
+ * distributed under the License is distributed on an "AS IS" BASIS,
1359
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
1360
+ * See the License for the specific language governing permissions and
1361
+ * limitations under the License.
1362
+ */
1363
+
1364
+ .SearchableMenu-module__positioner___-klAgSMI {
1365
+ z-index: var(--osdk-surface-z-index-3);
1366
+ }
1367
+
1368
+ .SearchableMenu-module__popup___2iavEctG {
1369
+ background-color: var(--osdk-surface-background-color-default-rest);
1370
+ border: var(--osdk-surface-border);
1371
+ border-radius: var(--osdk-surface-border-radius);
1372
+ box-shadow: var(--osdk-surface-shadow-2);
1373
+ max-height: calc(var(--osdk-dialog-max-height) * 0.5);
1374
+ overflow-y: auto;
1375
+ width: var(--anchor-width);
1376
+
1377
+ &:focus {
1378
+ outline: none;
1379
+ }
1380
+
1381
+ &:focus-visible {
1382
+ outline: var(--osdk-focus-outline);
1383
+ outline-offset: var(--osdk-focus-visible-outline-offset);
1384
+ }
1385
+ }
1386
+
1387
+ .SearchableMenu-module__searchContainer___nBHH91IA {
1388
+ border: none;
1389
+ border-bottom: var(--osdk-surface-border);
1390
+ border-radius: 0;
1391
+ position: sticky;
1392
+ top: 0;
1393
+ background-color: var(--osdk-surface-background-color-default-rest);
1394
+ }
1395
+
1396
+ .SearchableMenu-module__menuItem___DPSHFC92 {
1397
+ display: block;
1398
+ width: 100%;
1399
+ text-align: left;
1400
+ padding: calc(var(--osdk-surface-spacing) * 2)
1401
+ calc(var(--osdk-surface-spacing) * 3);
1402
+ background: none;
1403
+ border: none;
1404
+ cursor: pointer;
1405
+ font-size: var(--osdk-typography-size-body-medium);
1406
+ color: var(--osdk-typography-color-default-rest);
1407
+ overflow: hidden;
1408
+ text-overflow: ellipsis;
1409
+ white-space: nowrap;
1410
+
1411
+ &:hover,
1412
+ &[data-highlighted] {
1413
+ background-color: var(--osdk-surface-background-color-default-hover);
1414
+ }
1415
+
1416
+ &:focus-visible {
1417
+ outline: var(--osdk-focus-outline);
1418
+ outline-offset: var(--osdk-focus-visible-outline-offset);
1419
+ }
1420
+ }
1421
+
1422
+ .SearchableMenu-module__emptyState___vtfGvAZQ {
1423
+ padding: calc(var(--osdk-surface-spacing) * 3);
1424
+ text-align: center;
1425
+ color: var(--osdk-typography-color-muted);
1426
+ font-size: var(--osdk-typography-size-body-medium);
1427
+ }
1428
+
1429
+
1230
1430
  /* base-components/select/Select.module.css */
1231
1431
  /*
1232
1432
  * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
@@ -1689,13 +1889,17 @@
1689
1889
  */
1690
1890
 
1691
1891
  .AddFilterPopover-module__trigger___8QQBrzPo {
1892
+ display: flex;
1893
+ align-items: center;
1894
+ justify-content: center;
1692
1895
  font-family: var(--osdk-filter-header-font-family);
1693
1896
  font-size: var(--osdk-filter-header-reset-font-size);
1694
- color: var(--osdk-filter-header-reset-color);
1897
+ color: var(--osdk-typography-color-default-rest);
1695
1898
  background: var(--osdk-filter-header-button-bg);
1696
- border: none;
1899
+ border: var(--osdk-filter-list-addButton-border);
1697
1900
  cursor: pointer;
1698
1901
  padding: var(--osdk-filter-header-reset-padding);
1902
+ min-height: var(--osdk-filter-list-addButton-height);
1699
1903
  border-radius: var(--osdk-filter-header-button-border-radius);
1700
1904
  transition: background-color var(--osdk-filter-header-button-transition);
1701
1905
  width: 100%;
@@ -1718,44 +1922,6 @@
1718
1922
  }
1719
1923
  }
1720
1924
 
1721
- .AddFilterPopover-module__positioner___MFZMOf20 {
1722
- z-index: var(--osdk-surface-z-index-3);
1723
- }
1724
-
1725
- .AddFilterPopover-module__popup___cTyrSSbA {
1726
- background: var(--osdk-filter-item-menu-bg);
1727
- border: var(--osdk-filter-item-menu-border);
1728
- border-radius: var(--osdk-filter-item-menu-border-radius);
1729
- box-shadow: var(--osdk-filter-item-menu-shadow);
1730
- padding: var(--osdk-filter-item-menu-padding);
1731
- }
1732
-
1733
- .AddFilterPopover-module__menuItem___S3aohc64 {
1734
- display: flex;
1735
- align-items: center;
1736
- gap: var(--osdk-surface-spacing);
1737
- padding: var(--osdk-filter-item-menu-item-padding);
1738
- font-family: var(--osdk-filter-item-menu-item-font-family);
1739
- font-size: var(--osdk-filter-item-menu-item-font-size);
1740
- color: var(--osdk-filter-item-menu-item-color);
1741
- border-radius: var(--osdk-filter-item-menu-item-border-radius);
1742
- cursor: pointer;
1743
- border: none;
1744
- background: transparent;
1745
- width: 100%;
1746
- text-align: left;
1747
-
1748
- &:hover,
1749
- &[data-highlighted] {
1750
- background: var(--osdk-filter-item-menu-item-bg-hover);
1751
- }
1752
-
1753
- &:focus-visible {
1754
- outline: var(--osdk-filter-input-focus-outline-width) solid var(--osdk-filter-input-focus-outline-color);
1755
- outline-offset: var(--osdk-filter-input-focus-outline-offset);
1756
- }
1757
- }
1758
-
1759
1925
 
1760
1926
  /* filter-list/base/ExcludeDropdown.module.css */
1761
1927
  /*
@@ -1788,17 +1954,18 @@
1788
1954
  cursor: pointer;
1789
1955
  font-family: var(--osdk-filter-item-exclude-dropdown-font-family);
1790
1956
  font-size: var(--osdk-filter-item-exclude-dropdown-font-size);
1791
- color: var(--osdk-filter-item-exclude-dropdown-color);
1792
- padding: calc(var(--osdk-surface-spacing) * 0.5)
1957
+ color: var(--osdk-filter-item-exclude-dropdown-trigger-color);
1958
+ padding: calc(var(--osdk-surface-spacing) * 1)
1793
1959
  calc(var(--osdk-surface-spacing) * 1);
1794
- border-radius: var(--osdk-filter-item-header-action-border-radius);
1960
+ border-radius: var(--osdk-filter-item-exclude-dropdown-trigger-border-radius);
1795
1961
 
1796
1962
  &:hover {
1797
1963
  background: var(--osdk-filter-item-header-action-bg-hover);
1798
1964
  }
1799
1965
 
1800
1966
  &:focus-visible {
1801
- outline: var(--osdk-filter-input-focus-outline-width) solid var(--osdk-filter-input-focus-outline-color);
1967
+ outline: var(--osdk-filter-input-focus-outline-width) solid
1968
+ var(--osdk-filter-input-focus-outline-color);
1802
1969
  outline-offset: var(--osdk-filter-input-focus-outline-offset);
1803
1970
  }
1804
1971
  }
@@ -1841,7 +2008,8 @@
1841
2008
  }
1842
2009
 
1843
2010
  &:focus-visible {
1844
- outline: var(--osdk-filter-input-focus-outline-width) solid var(--osdk-filter-input-focus-outline-color);
2011
+ outline: var(--osdk-filter-input-focus-outline-width) solid
2012
+ var(--osdk-filter-input-focus-outline-color);
1845
2013
  outline-offset: var(--osdk-filter-input-focus-outline-offset);
1846
2014
  }
1847
2015
  }
@@ -1894,14 +2062,23 @@
1894
2062
  display: flex;
1895
2063
  flex-direction: column;
1896
2064
  height: 100%;
1897
- overflow-y: auto;
2065
+ overflow: hidden;
1898
2066
  background: var(--osdk-filter-list-bg);
1899
2067
  border: var(--osdk-filter-list-border);
1900
2068
  border-radius: var(--osdk-filter-list-border-radius);
2069
+ box-shadow: var(--osdk-filter-list-shadow);
1901
2070
  padding: var(--osdk-filter-list-padding);
1902
2071
  gap: var(--osdk-filter-list-gap);
1903
2072
  }
1904
2073
 
2074
+ .FilterList-module__scrollableContent___F3O1nfAo {
2075
+ display: flex;
2076
+ flex-direction: column;
2077
+ flex: 1;
2078
+ overflow-y: auto;
2079
+ min-height: 0;
2080
+ }
2081
+
1905
2082
  .FilterList-module__hiddenContent___PHKe-yWc {
1906
2083
  display: none;
1907
2084
  }
@@ -1949,7 +2126,10 @@
1949
2126
  .FilterList-module__addButtonContainer___kq300FEV {
1950
2127
  display: flex;
1951
2128
  justify-content: center;
1952
- padding-top: var(--osdk-filter-list-addButton-padding-top);
2129
+ padding: var(--osdk-filter-list-addButton-container-padding);
2130
+ background: var(--osdk-filter-list-addButton-container-bg);
2131
+ border-top: var(--osdk-filter-list-addButton-container-border-top);
2132
+ flex-shrink: 0;
1953
2133
  }
1954
2134
 
1955
2135
  .FilterList-module__addButtonContainer___kq300FEV > * {
@@ -1957,13 +2137,17 @@
1957
2137
  }
1958
2138
 
1959
2139
  .FilterList-module__addButton___oD4yvwyZ {
2140
+ display: flex;
2141
+ align-items: center;
2142
+ justify-content: center;
1960
2143
  font-family: var(--osdk-filter-header-font-family);
1961
2144
  font-size: var(--osdk-filter-header-reset-font-size);
1962
- color: var(--osdk-filter-header-reset-color);
2145
+ color: var(--osdk-typography-color-default-rest);
1963
2146
  background: var(--osdk-filter-header-button-bg);
1964
- border: none;
2147
+ border: var(--osdk-filter-list-addButton-border);
1965
2148
  cursor: pointer;
1966
2149
  padding: var(--osdk-filter-header-reset-padding);
2150
+ min-height: var(--osdk-filter-list-addButton-height);
1967
2151
  border-radius: var(--osdk-filter-header-button-border-radius);
1968
2152
  transition: background-color var(--osdk-filter-header-button-transition);
1969
2153
 
@@ -2043,14 +2227,18 @@
2043
2227
  display: flex;
2044
2228
  align-items: center;
2045
2229
  justify-content: space-between;
2046
- padding-bottom: var(--osdk-filter-header-padding-bottom);
2230
+ padding: var(--osdk-filter-header-padding);
2231
+ gap: var(--osdk-filter-header-gap);
2047
2232
  border-bottom: var(--osdk-filter-header-border-bottom);
2233
+ flex-shrink: 0;
2048
2234
  }
2049
2235
 
2050
2236
  .FilterListHeader-module__titleContainer___KaePpQIx {
2051
2237
  display: flex;
2052
2238
  align-items: center;
2053
2239
  gap: var(--osdk-filter-header-titleContainer-gap);
2240
+ flex: 1;
2241
+ min-width: 0;
2054
2242
  }
2055
2243
 
2056
2244
  .FilterListHeader-module__title___xqfWfSzK {
@@ -2122,10 +2310,10 @@
2122
2310
  font-size: var(--osdk-filter-header-reset-font-size);
2123
2311
  color: var(--osdk-filter-header-reset-color);
2124
2312
  background: var(--osdk-filter-header-button-bg);
2125
- border: none;
2313
+ border: var(--osdk-filter-header-reset-border);
2126
2314
  cursor: pointer;
2127
2315
  padding: var(--osdk-filter-header-reset-padding);
2128
- border-radius: var(--osdk-filter-header-button-border-radius);
2316
+ border-radius: var(--osdk-filter-header-reset-border-radius);
2129
2317
  transition: background-color var(--osdk-filter-header-button-transition);
2130
2318
 
2131
2319
  &:hover:not(:disabled) {
@@ -2134,6 +2322,7 @@
2134
2322
 
2135
2323
  &:disabled {
2136
2324
  color: var(--osdk-filter-header-reset-color-disabled);
2325
+ border: var(--osdk-filter-header-reset-border-disabled);
2137
2326
  cursor: not-allowed;
2138
2327
  }
2139
2328
 
@@ -2171,15 +2360,6 @@
2171
2360
  gap: var(--osdk-filter-item-gap);
2172
2361
  border-radius: var(--osdk-filter-item-border-radius);
2173
2362
  padding: var(--osdk-filter-item-padding);
2174
- border: 1px solid transparent;
2175
- }
2176
-
2177
- .FilterListItem-module__filterItem___fDBkbb7u[data-has-selection] {
2178
- border-color: var(--osdk-intent-primary-rest);
2179
- }
2180
-
2181
- .FilterListItem-module__filterItem___fDBkbb7u[data-has-selection] .FilterListItem-module__searchRow___4fUrAgAm {
2182
- border-color: transparent;
2183
2363
  }
2184
2364
 
2185
2365
  .FilterListItem-module__itemHeader___jp4epXg- {
@@ -2351,6 +2531,21 @@
2351
2531
  margin-left: calc(var(--osdk-surface-spacing) * 0.5);
2352
2532
  }
2353
2533
 
2534
+ .FilterListItem-module__clearAllButton___rIGM4EMy {
2535
+ margin-left: auto;
2536
+ background: none;
2537
+ border: none;
2538
+ cursor: pointer;
2539
+ font-family: var(--osdk-filter-item-exclude-dropdown-font-family);
2540
+ font-size: var(--osdk-filter-item-exclude-dropdown-font-size);
2541
+ color: var(--osdk-filter-item-exclude-dropdown-color);
2542
+ padding: 0;
2543
+
2544
+ &:hover {
2545
+ text-decoration: underline;
2546
+ }
2547
+ }
2548
+
2354
2549
  .FilterListItem-module__dragging___S5-LGyfS {
2355
2550
  opacity: var(--osdk-filter-item-dragging-opacity);
2356
2551
  }
@@ -2567,6 +2762,7 @@
2567
2762
  height: 100%;
2568
2763
  width: 100%;
2569
2764
  background: var(--osdk-filter-listogram-row-bar-color, var(--osdk-filter-listogram-bar-color));
2765
+ border-radius: var(--osdk-filter-listogram-bar-border-radius);
2570
2766
  transform-origin: left;
2571
2767
  transform: scaleX(var(--osdk-filter-listogram-bar-fill-scale, 0));
2572
2768
  transition: transform var(--osdk-filter-listogram-bar-fill-transition);
@@ -2576,6 +2772,28 @@
2576
2772
  background: var(--osdk-filter-listogram-row-bar-color, var(--osdk-filter-listogram-selected-color));
2577
2773
  }
2578
2774
 
2775
+ .ListogramInput-module__viewAllButton___CxQzJRxu {
2776
+ display: flex;
2777
+ align-items: center;
2778
+ border: none;
2779
+ background: transparent;
2780
+ cursor: pointer;
2781
+ font-family: var(--osdk-filter-listogram-label-font-family);
2782
+ font-size: var(--osdk-filter-listogram-view-all-font-size);
2783
+ color: var(--osdk-filter-listogram-view-all-color);
2784
+ padding: var(--osdk-filter-listogram-row-padding);
2785
+ text-align: left;
2786
+
2787
+ &:hover {
2788
+ text-decoration: underline;
2789
+ }
2790
+
2791
+ &:focus-visible {
2792
+ outline: var(--osdk-filter-listogram-row-focus-outline);
2793
+ outline-offset: var(--osdk-filter-listogram-row-focus-offset);
2794
+ }
2795
+ }
2796
+
2579
2797
  .ListogramInput-module__checkbox___M-faPyIy {
2580
2798
  display: flex;
2581
2799
  }
@@ -2707,14 +2925,12 @@
2707
2925
  gap: var(--osdk-filter-multiselect-gap);
2708
2926
  }
2709
2927
 
2710
- .MultiSelectInput-module__inputRow___rWRIzWSC {
2711
- display: flex;
2712
- align-items: center;
2713
- gap: var(--osdk-filter-multiselect-inputRow-gap);
2714
- }
2715
-
2716
- .MultiSelectInput-module__clearButton___tSH63Y1q {
2717
- flex-shrink: 0;
2928
+ .MultiSelectInput-module__itemLabel___Kkk-GsEl {
2929
+ flex: 1;
2930
+ min-width: 0;
2931
+ overflow: hidden;
2932
+ text-overflow: ellipsis;
2933
+ white-space: nowrap;
2718
2934
  }
2719
2935
 
2720
2936
  .MultiSelectInput-module__itemCount___YAf51fvo {
@@ -2722,6 +2938,7 @@
2722
2938
  font-size: var(--osdk-filter-multiselect-count-font-size);
2723
2939
  font-variant-numeric: tabular-nums;
2724
2940
  color: var(--osdk-filter-multiselect-count-color);
2941
+ flex-shrink: 0;
2725
2942
  }
2726
2943
 
2727
2944
 
@@ -2812,6 +3029,8 @@
2812
3029
  align-items: flex-end;
2813
3030
  height: var(--osdk-filter-range-histogram-height);
2814
3031
  gap: var(--osdk-filter-range-histogram-bar-gap);
3032
+ padding-bottom: var(--osdk-filter-range-histogram-padding-bottom);
3033
+ padding-inline: var(--osdk-filter-range-histogram-padding-inline);
2815
3034
  overflow: hidden;
2816
3035
  }
2817
3036
 
@@ -2869,7 +3088,11 @@
2869
3088
  }
2870
3089
 
2871
3090
  .RangeInput-module__separator___ml1GvZvm {
2872
- padding-bottom: calc(var(--osdk-filter-range-inputs-gap) * 0.75);
3091
+ display: flex;
3092
+ align-items: center;
3093
+ height: calc(
3094
+ var(--osdk-filter-input-font-size) + var(--osdk-filter-input-padding) * 2
3095
+ );
2873
3096
  color: var(--osdk-filter-range-separator-color);
2874
3097
  }
2875
3098
 
@@ -2978,31 +3201,21 @@
2978
3201
  }
2979
3202
 
2980
3203
  .SingleSelectInput-module__clearButton___mnHKL2FB {
2981
- display: flex;
2982
- align-items: center;
2983
- justify-content: center;
2984
- padding: var(--osdk-filter-select-clear-padding);
2985
- border: none;
2986
- background: transparent;
2987
- cursor: pointer;
2988
- color: var(--osdk-filter-select-clear-color);
2989
- border-radius: var(--osdk-filter-select-clear-border-radius);
2990
- transition: color var(--osdk-filter-select-clear-transition),
2991
- background-color var(--osdk-filter-select-clear-transition);
2992
-
2993
- &:hover {
2994
- color: var(--osdk-filter-select-clear-color-hover);
2995
- background-color: var(--osdk-filter-select-clear-bg-hover);
2996
- }
3204
+ flex-shrink: 0;
3205
+ }
2997
3206
 
2998
- &:focus-visible {
2999
- outline: var(--osdk-filter-input-focus-outline-width) solid var(--osdk-filter-input-focus-outline-color);
3000
- outline-offset: var(--osdk-filter-input-focus-outline-offset);
3001
- }
3207
+ .SingleSelectInput-module__itemLabel___17C5AHWx {
3208
+ flex: 1;
3209
+ min-width: 0;
3210
+ overflow: hidden;
3211
+ text-overflow: ellipsis;
3212
+ white-space: nowrap;
3213
+ }
3002
3214
 
3003
- @media (prefers-reduced-motion: reduce) {
3004
- transition: none;
3005
- }
3215
+ .SingleSelectInput-module__itemCount___QuWz2Ynl {
3216
+ font-variant-numeric: tabular-nums;
3217
+ color: var(--osdk-typography-color-muted);
3218
+ flex-shrink: 0;
3006
3219
  }
3007
3220
 
3008
3221
 
@@ -3424,8 +3637,7 @@
3424
3637
  }
3425
3638
 
3426
3639
  .ColumnConfigDialog-module__checkbox___aD9y9eMZ {
3427
- width: var(--osdk-checkbox-icon-size);
3428
- height: var(--osdk-checkbox-icon-size);
3640
+ flex-shrink: 0;
3429
3641
  }
3430
3642
 
3431
3643
  .ColumnConfigDialog-module__propertyList___Z-uizzUM {
@@ -3723,70 +3935,6 @@
3723
3935
  text-align: left;
3724
3936
  }
3725
3937
 
3726
- .MultiColumnSortDialog-module__menuPositioner___Tgrl7GHh {
3727
- z-index: var(--osdk-surface-z-index-2);
3728
- }
3729
-
3730
- .MultiColumnSortDialog-module__dropdownMenu___2I4WitTB {
3731
- background-color: var(--osdk-surface-background-color-default-rest);
3732
- border: var(--osdk-surface-border);
3733
- border-radius: var(--osdk-surface-border-radius);
3734
- box-shadow: var(--osdk-surface-shadow-2);
3735
- max-height: calc(var(--osdk-dialog-max-height) * 0.5);
3736
- overflow-y: auto;
3737
- width: var(--anchor-width);
3738
-
3739
- &:focus {
3740
- outline: none;
3741
- }
3742
-
3743
- &:focus-visible {
3744
- outline: var(--osdk-focus-outline);
3745
- outline-offset: var(--osdk-focus-visible-outline-offset);
3746
- }
3747
- }
3748
-
3749
- .MultiColumnSortDialog-module__menuSearchContainer___W9VUGPnt {
3750
- border: none;
3751
- border-bottom: var(--osdk-surface-border);
3752
- border-radius: 0;
3753
- position: sticky;
3754
- top: 0;
3755
- background-color: var(--osdk-surface-background-color-default-rest);
3756
- }
3757
-
3758
- .MultiColumnSortDialog-module__menuEmptyState___YK6rPQwQ {
3759
- padding: calc(var(--osdk-surface-spacing) * 3);
3760
- text-align: center;
3761
- color: var(--osdk-typography-color-muted);
3762
- font-size: var(--osdk-typography-size-body-medium);
3763
- }
3764
-
3765
- .MultiColumnSortDialog-module__dropdownItem___ktRdXIQ8 {
3766
- display: block;
3767
- width: 100%;
3768
- text-align: left;
3769
- padding: calc(var(--osdk-surface-spacing) * 2)
3770
- calc(var(--osdk-surface-spacing) * 3);
3771
- background: none;
3772
- border: none;
3773
- cursor: pointer;
3774
- font-size: var(--osdk-typography-size-body-medium);
3775
- color: var(--osdk-typography-color-default-rest);
3776
-
3777
- &:hover {
3778
- background-color: var(--osdk-surface-background-color-default-hover);
3779
- }
3780
-
3781
- &:focus {
3782
- outline: none;
3783
- }
3784
-
3785
- &:focus-visible {
3786
- outline: var(--osdk-focus-outline);
3787
- outline-offset: calc(-1 * var(--osdk-focus-visible-outline-offset));
3788
- }
3789
- }
3790
3938
 
3791
3939
  .MultiColumnSortDialog-module__truncate___CXIHooZw {
3792
3940
  overflow: hidden;