@osdk/react-components 0.30.0 → 0.30.1-main-c24b0cfe0a3dc2f97e32eb1060b9b76e8fd2201d

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 (104) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/build/browser/action-form/fields/BaseInput.module.css +1 -0
  3. package/build/browser/action-form/fields/NumberInputField.module.css +1 -0
  4. package/build/browser/base-components/combobox/Combobox.module.css +4 -16
  5. package/build/browser/base-components/select/Select.module.css +2 -6
  6. package/build/browser/shared/calendar/DatePickerCommon.module.css +4 -2
  7. package/build/browser/shared/calendar/TimePicker.module.css +1 -0
  8. package/build/browser/styles.css +66 -53
  9. package/build/browser/tokens/base-tokens/base.css +1 -0
  10. package/build/browser/tokens/base-tokens/dark.css +3 -4
  11. package/build/browser/tokens/component-tokens/button.css +21 -5
  12. package/build/browser/tokens/component-tokens/input.css +27 -20
  13. package/build/browser/tokens/component-tokens/select.css +4 -0
  14. package/build/browser/util/UserAgent.js +1 -1
  15. package/build/browser/util/UserAgent.js.map +1 -1
  16. package/build/cjs/{DateRangeCalendar-2HFI3L3M.css → DateCalendar-FTW3OIEP.css} +2 -1
  17. package/build/cjs/{DateRangeCalendar-2HFI3L3M.css.map → DateCalendar-FTW3OIEP.css.map} +1 -1
  18. package/build/cjs/{DateCalendar-RK7PNWNX.cjs → DateCalendar-XX5FYQMQ.cjs} +6 -6
  19. package/build/cjs/{DateCalendar-RK7PNWNX.cjs.map → DateCalendar-XX5FYQMQ.cjs.map} +1 -1
  20. package/build/cjs/{DateCalendar-ZTCWZECP.css → DateRangeCalendar-I4JHCZAK.css} +2 -1
  21. package/build/cjs/{DateCalendar-ZTCWZECP.css.map → DateRangeCalendar-I4JHCZAK.css.map} +1 -1
  22. package/build/cjs/DateRangeCalendar-WYZXRAX6.cjs +12 -0
  23. package/build/cjs/{DateRangeCalendar-V7SCEXFC.cjs.map → DateRangeCalendar-WYZXRAX6.cjs.map} +1 -1
  24. package/build/cjs/chunk-2ITZUS3H.cjs +11 -0
  25. package/build/cjs/{chunk-WEDW5QSS.cjs.map → chunk-2ITZUS3H.cjs.map} +1 -1
  26. package/build/cjs/{chunk-OUDNXCJY.cjs → chunk-44MSRB5M.cjs} +22 -22
  27. package/build/cjs/chunk-44MSRB5M.cjs.map +1 -0
  28. package/build/cjs/chunk-7JSM5VUX.cjs +11 -0
  29. package/build/cjs/{chunk-H75F3WIO.cjs.map → chunk-7JSM5VUX.cjs.map} +1 -1
  30. package/build/cjs/{chunk-WFXVRAP6.cjs → chunk-CSQXWD4M.cjs} +4 -4
  31. package/build/cjs/{chunk-WFXVRAP6.cjs.map → chunk-CSQXWD4M.cjs.map} +1 -1
  32. package/build/cjs/chunk-ELV6SPJQ.cjs +11 -0
  33. package/build/cjs/{chunk-JOGYZ6HK.cjs.map → chunk-ELV6SPJQ.cjs.map} +1 -1
  34. package/build/cjs/chunk-FGFEG4N6.cjs +11 -0
  35. package/build/cjs/{chunk-L57AHJFZ.cjs.map → chunk-FGFEG4N6.cjs.map} +1 -1
  36. package/build/cjs/{chunk-CW5XBBZE.cjs → chunk-FNVSH5DQ.cjs} +12 -12
  37. package/build/cjs/{chunk-CW5XBBZE.cjs.map → chunk-FNVSH5DQ.cjs.map} +1 -1
  38. package/build/cjs/{chunk-G3MN2D5B.cjs → chunk-HMVOUGYK.cjs} +4 -4
  39. package/build/cjs/{chunk-G3MN2D5B.cjs.map → chunk-HMVOUGYK.cjs.map} +1 -1
  40. package/build/cjs/{chunk-ILQKBQBD.cjs → chunk-IXZKHEPZ.cjs} +17 -17
  41. package/build/cjs/{chunk-ILQKBQBD.cjs.map → chunk-IXZKHEPZ.cjs.map} +1 -1
  42. package/build/cjs/chunk-JZZH3VF2.cjs +11 -0
  43. package/build/cjs/{chunk-LPI7ZRNN.cjs.map → chunk-JZZH3VF2.cjs.map} +1 -1
  44. package/build/cjs/{chunk-RBOSH7OQ.cjs → chunk-KOBL7I7K.cjs} +17 -17
  45. package/build/cjs/{chunk-RBOSH7OQ.cjs.map → chunk-KOBL7I7K.cjs.map} +1 -1
  46. package/build/cjs/{chunk-3S2GECDS.cjs → chunk-OAKML3W7.cjs} +3 -3
  47. package/build/cjs/chunk-OAKML3W7.cjs.map +1 -0
  48. package/build/cjs/{chunk-NXANOER7.cjs → chunk-OV3Z5MRW.cjs} +4 -4
  49. package/build/cjs/{chunk-NXANOER7.cjs.map → chunk-OV3Z5MRW.cjs.map} +1 -1
  50. package/build/cjs/{chunk-UXCV37T2.cjs → chunk-PSNDYSCM.cjs} +4 -4
  51. package/build/cjs/{chunk-UXCV37T2.cjs.map → chunk-PSNDYSCM.cjs.map} +1 -1
  52. package/build/cjs/{chunk-U6O6YPTC.cjs → chunk-WBNOAJLG.cjs} +51 -51
  53. package/build/cjs/{chunk-U6O6YPTC.cjs.map → chunk-WBNOAJLG.cjs.map} +1 -1
  54. package/build/cjs/{chunk-P7TBU22H.cjs → chunk-XCKQWSXC.cjs} +4 -4
  55. package/build/cjs/{chunk-P7TBU22H.cjs.map → chunk-XCKQWSXC.cjs.map} +1 -1
  56. package/build/cjs/{chunk-RITT3EHD.cjs → chunk-XK4H7EHE.cjs} +2 -2
  57. package/build/cjs/{chunk-RITT3EHD.cjs.map → chunk-XK4H7EHE.cjs.map} +1 -1
  58. package/build/cjs/{chunk-PS47WZ32.cjs → chunk-XWT6S3FL.cjs} +12 -12
  59. package/build/cjs/{chunk-PS47WZ32.cjs.map → chunk-XWT6S3FL.cjs.map} +1 -1
  60. package/build/cjs/public/experimental/action-form.cjs +8 -8
  61. package/build/cjs/public/experimental/action-form.css +13 -8
  62. package/build/cjs/public/experimental/action-form.css.map +1 -1
  63. package/build/cjs/public/experimental/cbac-picker.cjs +11 -11
  64. package/build/cjs/public/experimental/document-viewer.cjs +4 -4
  65. package/build/cjs/public/experimental/email-viewer.cjs +3 -3
  66. package/build/cjs/public/experimental/excel-viewer.cjs +3 -3
  67. package/build/cjs/public/experimental/filter-list.cjs +18 -18
  68. package/build/cjs/public/experimental/filter-list.css +9 -6
  69. package/build/cjs/public/experimental/filter-list.css.map +1 -1
  70. package/build/cjs/public/experimental/image-viewer.cjs +3 -3
  71. package/build/cjs/public/experimental/markdown-renderer.cjs +3 -3
  72. package/build/cjs/public/experimental/object-table.cjs +12 -12
  73. package/build/cjs/public/experimental/object-table.css +11 -8
  74. package/build/cjs/public/experimental/object-table.css.map +1 -1
  75. package/build/cjs/public/experimental/pdf-viewer.cjs +7 -7
  76. package/build/cjs/public/experimental/tiff-renderer.cjs +3 -3
  77. package/build/cjs/public/experimental/video-viewer.cjs +3 -3
  78. package/build/cjs/public/experimental/xml-viewer.cjs +3 -3
  79. package/build/cjs/public/experimental.cjs +62 -62
  80. package/build/cjs/public/experimental.css +13 -8
  81. package/build/cjs/public/experimental.css.map +1 -1
  82. package/build/esm/action-form/fields/BaseInput.module.css +1 -0
  83. package/build/esm/action-form/fields/NumberInputField.module.css +1 -0
  84. package/build/esm/base-components/combobox/Combobox.module.css +4 -16
  85. package/build/esm/base-components/select/Select.module.css +2 -6
  86. package/build/esm/shared/calendar/DatePickerCommon.module.css +4 -2
  87. package/build/esm/shared/calendar/TimePicker.module.css +1 -0
  88. package/build/esm/tokens/base-tokens/base.css +1 -0
  89. package/build/esm/tokens/base-tokens/dark.css +3 -4
  90. package/build/esm/tokens/component-tokens/button.css +21 -5
  91. package/build/esm/tokens/component-tokens/input.css +27 -20
  92. package/build/esm/tokens/component-tokens/select.css +4 -0
  93. package/build/esm/util/UserAgent.js +1 -1
  94. package/build/esm/util/UserAgent.js.map +1 -1
  95. package/docs/CSSVariables.md +38 -27
  96. package/package.json +5 -5
  97. package/build/cjs/DateRangeCalendar-V7SCEXFC.cjs +0 -12
  98. package/build/cjs/chunk-3S2GECDS.cjs.map +0 -1
  99. package/build/cjs/chunk-H75F3WIO.cjs +0 -11
  100. package/build/cjs/chunk-JOGYZ6HK.cjs +0 -11
  101. package/build/cjs/chunk-L57AHJFZ.cjs +0 -11
  102. package/build/cjs/chunk-LPI7ZRNN.cjs +0 -11
  103. package/build/cjs/chunk-OUDNXCJY.cjs.map +0 -1
  104. package/build/cjs/chunk-WEDW5QSS.cjs +0 -11
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @osdk/react-components
2
2
 
3
+ ## 0.30.1-main-c24b0cfe0a3dc2f97e32eb1060b9b76e8fd2201d
4
+
5
+ ### Patch Changes
6
+
7
+ - c24b0cf: Align OSDK component tokens with Blueprint styling: use box-shadow instead of border for inputs, buttons, and selects; add proper dark mode token overrides; group Storybook theme presets into built-in and custom categories
8
+
3
9
  ## 0.30.0
4
10
 
5
11
  ### Minor Changes
@@ -47,6 +47,7 @@
47
47
 
48
48
  &:focus-visible {
49
49
  outline: var(--osdk-input-focus-outline);
50
+ outline-offset: var(--osdk-input-focus-outline-offset);
50
51
  box-shadow: var(--osdk-input-focus-shadow);
51
52
  }
52
53
 
@@ -81,6 +81,7 @@
81
81
 
82
82
  &:focus-visible {
83
83
  outline: var(--osdk-input-focus-outline);
84
+ outline-offset: var(--osdk-input-focus-outline-offset);
84
85
  }
85
86
  }
86
87
 
@@ -98,16 +98,8 @@
98
98
  }
99
99
 
100
100
  &:focus-visible {
101
- outline: var(
102
- --osdk-combobox-trigger-focus-width,
103
- var(--osdk-emphasis-focus-width)
104
- )
105
- solid
106
- var(--osdk-combobox-trigger-focus-color, var(--osdk-emphasis-focus-color));
107
- outline-offset: var(
108
- --osdk-combobox-trigger-focus-offset,
109
- var(--osdk-emphasis-focus-offset)
110
- );
101
+ outline: var(--osdk-input-focus-outline);
102
+ outline-offset: var(--osdk-input-focus-outline-offset);
111
103
  }
112
104
 
113
105
  &[data-popup-open]:focus-visible {
@@ -218,12 +210,8 @@
218
210
  --osdk-combobox-focus-border-color,
219
211
  var(--osdk-intent-primary-rest)
220
212
  );
221
- outline: var(--osdk-combobox-focus-width, var(--osdk-emphasis-focus-width))
222
- solid var(--osdk-combobox-focus-color, var(--osdk-emphasis-focus-color));
223
- outline-offset: var(
224
- --osdk-combobox-focus-offset,
225
- var(--osdk-emphasis-focus-offset)
226
- );
213
+ outline: var(--osdk-input-focus-outline);
214
+ outline-offset: var(--osdk-input-focus-outline-offset);
227
215
  }
228
216
  }
229
217
 
@@ -92,12 +92,8 @@
92
92
  }
93
93
 
94
94
  &:focus-visible {
95
- outline: var(--osdk-select-focus-width, var(--osdk-emphasis-focus-width))
96
- solid var(--osdk-select-focus-color, var(--osdk-emphasis-focus-color));
97
- outline-offset: var(
98
- --osdk-select-focus-offset,
99
- var(--osdk-emphasis-focus-offset)
100
- );
95
+ outline: var(--osdk-input-focus-outline);
96
+ outline-offset: var(--osdk-input-focus-outline-offset);
101
97
  }
102
98
 
103
99
  &[data-popup-open]:focus-visible {
@@ -20,8 +20,8 @@
20
20
  color: var(--osdk-datetime-input-placeholder-color);
21
21
  }
22
22
 
23
- &:focus-visible {
24
- outline: var(--osdk-datetime-input-focus-outline);
23
+ &:focus {
24
+ outline: none;
25
25
  }
26
26
  }
27
27
 
@@ -81,6 +81,8 @@
81
81
 
82
82
  &:focus-within {
83
83
  box-shadow: var(--osdk-datetime-input-focus-shadow);
84
+ outline: var(--osdk-input-focus-outline);
85
+ outline-offset: var(--osdk-input-focus-outline-offset);
84
86
  }
85
87
 
86
88
  &[data-disabled] {
@@ -25,6 +25,7 @@
25
25
 
26
26
  &:focus-visible {
27
27
  outline: var(--osdk-time-picker-input-focus-outline);
28
+ outline-offset: var(--osdk-input-focus-outline-offset);
28
29
  box-shadow: var(--osdk-time-picker-input-focus-shadow);
29
30
  }
30
31
 
@@ -531,14 +531,13 @@
531
531
  --osdk-dark-bp-typography-color-default-active: #54575d;
532
532
 
533
533
  /* --osdk-* dark values (single source of truth) */
534
+ --osdk-dark-surface-shadow-2: var(--osdk-dark-bp-surface-shadow-2);
534
535
  --osdk-dark-background-primary: #111418;
535
536
  --osdk-dark-background-secondary: #1c2127;
536
537
  --osdk-dark-background-tertiary: #1c2127;
537
538
  --osdk-dark-typography-color-muted: #8f99a8;
538
539
  --osdk-dark-intent-default-rest: #8f99a8;
539
540
  --osdk-dark-intent-default-foreground: #f6f7f9;
540
- --osdk-dark-button-secondary-bg: #252a31;
541
- --osdk-dark-button-secondary-color: #f6f7f9;
542
541
  --osdk-dark-table-row-bg-default: #111418;
543
542
  --osdk-dark-table-header-bg: #1c2127;
544
543
  --osdk-dark-table-header-color: #a5aab3;
@@ -557,14 +556,14 @@
557
556
  token derived from --bp-* (see base.css) cascades correctly. We only
558
557
  set --osdk-* tokens that have no --bp-* counterpart or that
559
558
  intentionally diverge from Blueprint's value. */
559
+ --osdk-surface-shadow-2: var(--osdk-dark-surface-shadow-2);
560
+ --osdk-surface-border-color-default: var(--osdk-dark-bp-surface-border-color-default);
560
561
  --osdk-background-primary: var(--osdk-dark-background-primary);
561
562
  --osdk-background-secondary: var(--osdk-dark-background-secondary);
562
563
  --osdk-background-tertiary: var(--osdk-dark-background-tertiary);
563
564
  --osdk-typography-color-muted: var(--osdk-dark-typography-color-muted);
564
565
  --osdk-intent-default-rest: var(--osdk-dark-intent-default-rest);
565
566
  --osdk-intent-default-foreground: var(--osdk-dark-intent-default-foreground);
566
- --osdk-button-secondary-bg: var(--osdk-dark-button-secondary-bg);
567
- --osdk-button-secondary-color: var(--osdk-dark-button-secondary-color);
568
567
  --osdk-table-row-bg-default: var(--osdk-dark-table-row-bg-default);
569
568
  --osdk-table-header-bg: var(--osdk-dark-table-header-bg);
570
569
  --osdk-table-header-color: var(--osdk-dark-table-header-color);
@@ -594,12 +593,14 @@
594
593
  );
595
594
  }
596
595
  :root {
597
- /* Button shared */
596
+ /* Button shared — border is none; visual border comes from box-shadow
597
+ to match Blueprint's .bp6-button convention */
598
598
  --osdk-button-min-height: calc(var(--osdk-surface-spacing) * 7.5);
599
- --osdk-button-border-color: var(--osdk-surface-border-color-default);
600
- --osdk-button-border: var(--osdk-surface-border-width) solid
601
- var(--osdk-button-border-color);
602
- --osdk-button-shadow: 0 1px 1px var(--osdk-surface-border-color-default);
599
+ --osdk-button-border-color: transparent;
600
+ --osdk-button-border: none;
601
+ --osdk-button-shadow:
602
+ inset 0 0 0 1px color-mix(in oklch, var(--bp-palette-black) 20%, transparent),
603
+ 0 1px 1px color-mix(in oklch, var(--bp-palette-black) 10%, transparent);
603
604
 
604
605
  /* Primary Button */
605
606
  --osdk-button-primary-color: var(--osdk-intent-primary-foreground);
@@ -655,6 +656,19 @@
655
656
  --osdk-button-danger-bg-active: var(--osdk-intent-danger-active);
656
657
  --osdk-button-danger-border-color: var(--osdk-intent-danger-rest);
657
658
  }
659
+ [data-bp-color-scheme="dark"],
660
+ .bp6-dark {
661
+ --osdk-button-secondary-bg: color-mix(
662
+ in srgb,
663
+ var(--bp-intent-default-rest) 40%,
664
+ var(--bp-palette-black)
665
+ );
666
+ --osdk-button-secondary-color: var(--bp-intent-default-foreground);
667
+ --osdk-button-shadow:
668
+ inset 0 0 0 var(--bp-surface-border-width)
669
+ color-mix(in oklch, var(--bp-surface-border-color-default) 50%, transparent),
670
+ 0 1px 2px color-mix(in oklch, var(--bp-palette-black) 20%, transparent);
671
+ }
658
672
  /*
659
673
  * Copyright 2026 Palantir Technologies, Inc. All rights reserved.
660
674
  *
@@ -1757,15 +1771,19 @@
1757
1771
  calc(var(--osdk-surface-spacing) * 2.5);
1758
1772
  --osdk-input-border-radius: var(--osdk-surface-border-radius);
1759
1773
 
1760
- /* Input borders */
1761
- --osdk-input-border-width: var(--osdk-surface-border-width);
1762
- --osdk-input-border-color: var(--osdk-surface-border-color-default);
1763
- --osdk-input-border-color-focus: var(--osdk-intent-primary-rest);
1774
+ /* Input borders — visual border comes from box-shadow (inset 0 0 0 1px)
1775
+ to match Blueprint's .bp6-input convention. Border width is 1px so
1776
+ custom themes can set --osdk-input-border-color to add a real border. */
1777
+ --osdk-input-border-width: 1px;
1778
+ --osdk-input-border-color: transparent;
1779
+ --osdk-input-border-color-focus: transparent;
1780
+ /* First two layers are 0-opacity placeholders that maintain shadow layer
1781
+ count for smooth CSS transitions when focus adds a visible glow. */
1764
1782
  --osdk-input-shadow:
1765
1783
  inset 0 0 0 var(--osdk-input-border-width)
1766
- var(--osdk-input-border-color),
1784
+ color-mix(in oklch, var(--bp-palette-black) 20%, transparent),
1767
1785
  0 0 0 0 transparent,
1768
- inset 0 1px 1px var(--osdk-surface-border-color-default);
1786
+ inset 0 1px 1px color-mix(in oklch, var(--bp-palette-black) 30%, transparent);
1769
1787
 
1770
1788
  /* Input backgrounds */
1771
1789
  --osdk-input-bg: var(--osdk-surface-background-color-default-rest);
@@ -1781,20 +1799,12 @@
1781
1799
  --osdk-input-transition-duration: var(--osdk-emphasis-transition-duration);
1782
1800
  --osdk-input-transition-ease: var(--osdk-emphasis-ease-default);
1783
1801
 
1784
- /* Input focus ring */
1785
- --osdk-input-focus-outline: none;
1786
- --osdk-input-focus-shadow:
1787
- inset 0 0 0 var(--osdk-input-border-width)
1788
- color-mix(in srgb, var(--osdk-input-border-color-focus) 75%, transparent),
1789
- 0 0 0 var(--osdk-input-border-width)
1790
- color-mix(in srgb, var(--osdk-input-border-color-focus) 75%, transparent),
1791
- inset 0 1px 1px var(--osdk-surface-border-color-default);
1792
- --osdk-input-focus-shadow-error:
1793
- inset 0 0 0 var(--osdk-input-border-width)
1794
- color-mix(in srgb, var(--osdk-input-border-color-error) 75%, transparent),
1795
- 0 0 0 var(--osdk-input-border-width)
1796
- color-mix(in srgb, var(--osdk-input-border-color-error) 75%, transparent),
1797
- inset 0 1px 1px var(--osdk-surface-border-color-default);
1802
+ /* Input focus ring — use outline instead of Blueprint's box-shadow focus */
1803
+ --osdk-input-focus-outline: 1px solid var(--osdk-intent-primary-rest);
1804
+ --osdk-input-focus-outline-offset: -1px;
1805
+ /* Focus shadow keeps the base inset border; outline provides the focus ring */
1806
+ --osdk-input-focus-shadow: var(--osdk-input-shadow);
1807
+ --osdk-input-focus-shadow-error: var(--osdk-input-shadow-error);
1798
1808
 
1799
1809
  /* Input disabled */
1800
1810
  --osdk-input-disabled-opacity: var(--osdk-disabled-opacity);
@@ -1807,6 +1817,16 @@
1807
1817
  0 0 0 0 transparent,
1808
1818
  inset 0 1px 1px var(--osdk-surface-border-color-default);
1809
1819
  }
1820
+ [data-bp-color-scheme="dark"],
1821
+ .bp6-dark {
1822
+ --osdk-input-shadow:
1823
+ 0 0 0 0 color-mix(in srgb, var(--bp-intent-primary-rest) 0%, transparent),
1824
+ 0 0 0 0 color-mix(in srgb, var(--bp-intent-primary-rest) 0%, transparent),
1825
+ inset 0 0 0 1px color-mix(in oklch, var(--bp-palette-white) 20%, transparent),
1826
+ inset 0 -1px 1px 0 color-mix(in oklch, var(--bp-palette-white) 30%, transparent);
1827
+ --osdk-input-bg: color-mix(in srgb, var(--osdk-palette-black) 30%, transparent);
1828
+ --osdk-input-color: var(--osdk-palette-light-gray-5);
1829
+ }
1810
1830
  :root {
1811
1831
  --osdk-object-set-gap: calc(var(--osdk-surface-spacing) * 2);
1812
1832
  --osdk-object-set-min-height: 30px;
@@ -1887,6 +1907,10 @@
1887
1907
  --osdk-radio-indicator-color: var(--osdk-intent-primary-foreground);
1888
1908
  }
1889
1909
  :root {
1910
+ /* Select trigger: border is none; visual border comes from box-shadow
1911
+ (--osdk-button-shadow) to match Blueprint's convention */
1912
+ --osdk-select-border-width: none;
1913
+
1890
1914
  /* Select popup: cap long dropdowns so they scroll inside the popup instead
1891
1915
  of growing to fill the available viewport/dialog height. The component
1892
1916
  still respects Base UI's `--available-height`, so short viewports can use
@@ -2525,6 +2549,7 @@
2525
2549
 
2526
2550
  &:focus-visible {
2527
2551
  outline: var(--osdk-input-focus-outline);
2552
+ outline-offset: var(--osdk-input-focus-outline-offset);
2528
2553
  box-shadow: var(--osdk-input-focus-shadow);
2529
2554
  }
2530
2555
 
@@ -2831,6 +2856,7 @@
2831
2856
 
2832
2857
  &:focus-visible {
2833
2858
  outline: var(--osdk-input-focus-outline);
2859
+ outline-offset: var(--osdk-input-focus-outline-offset);
2834
2860
  }
2835
2861
  }
2836
2862
 
@@ -3314,16 +3340,8 @@
3314
3340
  }
3315
3341
 
3316
3342
  &:focus-visible {
3317
- outline: var(
3318
- --osdk-combobox-trigger-focus-width,
3319
- var(--osdk-emphasis-focus-width)
3320
- )
3321
- solid
3322
- var(--osdk-combobox-trigger-focus-color, var(--osdk-emphasis-focus-color));
3323
- outline-offset: var(
3324
- --osdk-combobox-trigger-focus-offset,
3325
- var(--osdk-emphasis-focus-offset)
3326
- );
3343
+ outline: var(--osdk-input-focus-outline);
3344
+ outline-offset: var(--osdk-input-focus-outline-offset);
3327
3345
  }
3328
3346
 
3329
3347
  &[data-popup-open]:focus-visible {
@@ -3434,12 +3452,8 @@
3434
3452
  --osdk-combobox-focus-border-color,
3435
3453
  var(--osdk-intent-primary-rest)
3436
3454
  );
3437
- outline: var(--osdk-combobox-focus-width, var(--osdk-emphasis-focus-width))
3438
- solid var(--osdk-combobox-focus-color, var(--osdk-emphasis-focus-color));
3439
- outline-offset: var(
3440
- --osdk-combobox-focus-offset,
3441
- var(--osdk-emphasis-focus-offset)
3442
- );
3455
+ outline: var(--osdk-input-focus-outline);
3456
+ outline-offset: var(--osdk-input-focus-outline-offset);
3443
3457
  }
3444
3458
  }
3445
3459
 
@@ -4394,12 +4408,8 @@
4394
4408
  }
4395
4409
 
4396
4410
  &:focus-visible {
4397
- outline: var(--osdk-select-focus-width, var(--osdk-emphasis-focus-width))
4398
- solid var(--osdk-select-focus-color, var(--osdk-emphasis-focus-color));
4399
- outline-offset: var(
4400
- --osdk-select-focus-offset,
4401
- var(--osdk-emphasis-focus-offset)
4402
- );
4411
+ outline: var(--osdk-input-focus-outline);
4412
+ outline-offset: var(--osdk-input-focus-outline-offset);
4403
4413
  }
4404
4414
 
4405
4415
  &[data-popup-open]:focus-visible {
@@ -10573,8 +10583,8 @@
10573
10583
  color: var(--osdk-datetime-input-placeholder-color);
10574
10584
  }
10575
10585
 
10576
- &:focus-visible {
10577
- outline: var(--osdk-datetime-input-focus-outline);
10586
+ &:focus {
10587
+ outline: none;
10578
10588
  }
10579
10589
  }
10580
10590
 
@@ -10634,6 +10644,8 @@
10634
10644
 
10635
10645
  &:focus-within {
10636
10646
  box-shadow: var(--osdk-datetime-input-focus-shadow);
10647
+ outline: var(--osdk-input-focus-outline);
10648
+ outline-offset: var(--osdk-input-focus-outline-offset);
10637
10649
  }
10638
10650
 
10639
10651
  &[data-disabled] {
@@ -10717,6 +10729,7 @@
10717
10729
 
10718
10730
  &:focus-visible {
10719
10731
  outline: var(--osdk-time-picker-input-focus-outline);
10732
+ outline-offset: var(--osdk-input-focus-outline-offset);
10720
10733
  box-shadow: var(--osdk-time-picker-input-focus-shadow);
10721
10734
  }
10722
10735
 
@@ -220,3 +220,4 @@
220
220
  :focus-visible {
221
221
  outline: none;
222
222
  }
223
+
@@ -37,14 +37,13 @@
37
37
  --osdk-dark-bp-typography-color-default-active: #54575d;
38
38
 
39
39
  /* --osdk-* dark values (single source of truth) */
40
+ --osdk-dark-surface-shadow-2: var(--osdk-dark-bp-surface-shadow-2);
40
41
  --osdk-dark-background-primary: #111418;
41
42
  --osdk-dark-background-secondary: #1c2127;
42
43
  --osdk-dark-background-tertiary: #1c2127;
43
44
  --osdk-dark-typography-color-muted: #8f99a8;
44
45
  --osdk-dark-intent-default-rest: #8f99a8;
45
46
  --osdk-dark-intent-default-foreground: #f6f7f9;
46
- --osdk-dark-button-secondary-bg: #252a31;
47
- --osdk-dark-button-secondary-color: #f6f7f9;
48
47
  --osdk-dark-table-row-bg-default: #111418;
49
48
  --osdk-dark-table-header-bg: #1c2127;
50
49
  --osdk-dark-table-header-color: #a5aab3;
@@ -64,14 +63,14 @@
64
63
  token derived from --bp-* (see base.css) cascades correctly. We only
65
64
  set --osdk-* tokens that have no --bp-* counterpart or that
66
65
  intentionally diverge from Blueprint's value. */
66
+ --osdk-surface-shadow-2: var(--osdk-dark-surface-shadow-2);
67
+ --osdk-surface-border-color-default: var(--osdk-dark-bp-surface-border-color-default);
67
68
  --osdk-background-primary: var(--osdk-dark-background-primary);
68
69
  --osdk-background-secondary: var(--osdk-dark-background-secondary);
69
70
  --osdk-background-tertiary: var(--osdk-dark-background-tertiary);
70
71
  --osdk-typography-color-muted: var(--osdk-dark-typography-color-muted);
71
72
  --osdk-intent-default-rest: var(--osdk-dark-intent-default-rest);
72
73
  --osdk-intent-default-foreground: var(--osdk-dark-intent-default-foreground);
73
- --osdk-button-secondary-bg: var(--osdk-dark-button-secondary-bg);
74
- --osdk-button-secondary-color: var(--osdk-dark-button-secondary-color);
75
74
  --osdk-table-row-bg-default: var(--osdk-dark-table-row-bg-default);
76
75
  --osdk-table-header-bg: var(--osdk-dark-table-header-bg);
77
76
  --osdk-table-header-color: var(--osdk-dark-table-header-color);
@@ -1,10 +1,12 @@
1
1
  :root {
2
- /* Button shared */
2
+ /* Button shared — border is none; visual border comes from box-shadow
3
+ to match Blueprint's .bp6-button convention */
3
4
  --osdk-button-min-height: calc(var(--osdk-surface-spacing) * 7.5);
4
- --osdk-button-border-color: var(--osdk-surface-border-color-default);
5
- --osdk-button-border: var(--osdk-surface-border-width) solid
6
- var(--osdk-button-border-color);
7
- --osdk-button-shadow: 0 1px 1px var(--osdk-surface-border-color-default);
5
+ --osdk-button-border-color: transparent;
6
+ --osdk-button-border: none;
7
+ --osdk-button-shadow:
8
+ inset 0 0 0 1px color-mix(in oklch, var(--bp-palette-black) 20%, transparent),
9
+ 0 1px 1px color-mix(in oklch, var(--bp-palette-black) 10%, transparent);
8
10
 
9
11
  /* Primary Button */
10
12
  --osdk-button-primary-color: var(--osdk-intent-primary-foreground);
@@ -60,3 +62,17 @@
60
62
  --osdk-button-danger-bg-active: var(--osdk-intent-danger-active);
61
63
  --osdk-button-danger-border-color: var(--osdk-intent-danger-rest);
62
64
  }
65
+
66
+ [data-bp-color-scheme="dark"],
67
+ .bp6-dark {
68
+ --osdk-button-secondary-bg: color-mix(
69
+ in srgb,
70
+ var(--bp-intent-default-rest) 40%,
71
+ var(--bp-palette-black)
72
+ );
73
+ --osdk-button-secondary-color: var(--bp-intent-default-foreground);
74
+ --osdk-button-shadow:
75
+ inset 0 0 0 var(--bp-surface-border-width)
76
+ color-mix(in oklch, var(--bp-surface-border-color-default) 50%, transparent),
77
+ 0 1px 2px color-mix(in oklch, var(--bp-palette-black) 20%, transparent);
78
+ }
@@ -5,15 +5,19 @@
5
5
  calc(var(--osdk-surface-spacing) * 2.5);
6
6
  --osdk-input-border-radius: var(--osdk-surface-border-radius);
7
7
 
8
- /* Input borders */
9
- --osdk-input-border-width: var(--osdk-surface-border-width);
10
- --osdk-input-border-color: var(--osdk-surface-border-color-default);
11
- --osdk-input-border-color-focus: var(--osdk-intent-primary-rest);
8
+ /* Input borders — visual border comes from box-shadow (inset 0 0 0 1px)
9
+ to match Blueprint's .bp6-input convention. Border width is 1px so
10
+ custom themes can set --osdk-input-border-color to add a real border. */
11
+ --osdk-input-border-width: 1px;
12
+ --osdk-input-border-color: transparent;
13
+ --osdk-input-border-color-focus: transparent;
14
+ /* First two layers are 0-opacity placeholders that maintain shadow layer
15
+ count for smooth CSS transitions when focus adds a visible glow. */
12
16
  --osdk-input-shadow:
13
17
  inset 0 0 0 var(--osdk-input-border-width)
14
- var(--osdk-input-border-color),
18
+ color-mix(in oklch, var(--bp-palette-black) 20%, transparent),
15
19
  0 0 0 0 transparent,
16
- inset 0 1px 1px var(--osdk-surface-border-color-default);
20
+ inset 0 1px 1px color-mix(in oklch, var(--bp-palette-black) 30%, transparent);
17
21
 
18
22
  /* Input backgrounds */
19
23
  --osdk-input-bg: var(--osdk-surface-background-color-default-rest);
@@ -29,20 +33,12 @@
29
33
  --osdk-input-transition-duration: var(--osdk-emphasis-transition-duration);
30
34
  --osdk-input-transition-ease: var(--osdk-emphasis-ease-default);
31
35
 
32
- /* Input focus ring */
33
- --osdk-input-focus-outline: none;
34
- --osdk-input-focus-shadow:
35
- inset 0 0 0 var(--osdk-input-border-width)
36
- color-mix(in srgb, var(--osdk-input-border-color-focus) 75%, transparent),
37
- 0 0 0 var(--osdk-input-border-width)
38
- color-mix(in srgb, var(--osdk-input-border-color-focus) 75%, transparent),
39
- inset 0 1px 1px var(--osdk-surface-border-color-default);
40
- --osdk-input-focus-shadow-error:
41
- inset 0 0 0 var(--osdk-input-border-width)
42
- color-mix(in srgb, var(--osdk-input-border-color-error) 75%, transparent),
43
- 0 0 0 var(--osdk-input-border-width)
44
- color-mix(in srgb, var(--osdk-input-border-color-error) 75%, transparent),
45
- inset 0 1px 1px var(--osdk-surface-border-color-default);
36
+ /* Input focus ring — use outline instead of Blueprint's box-shadow focus */
37
+ --osdk-input-focus-outline: 1px solid var(--osdk-intent-primary-rest);
38
+ --osdk-input-focus-outline-offset: -1px;
39
+ /* Focus shadow keeps the base inset border; outline provides the focus ring */
40
+ --osdk-input-focus-shadow: var(--osdk-input-shadow);
41
+ --osdk-input-focus-shadow-error: var(--osdk-input-shadow-error);
46
42
 
47
43
  /* Input disabled */
48
44
  --osdk-input-disabled-opacity: var(--osdk-disabled-opacity);
@@ -55,3 +51,14 @@
55
51
  0 0 0 0 transparent,
56
52
  inset 0 1px 1px var(--osdk-surface-border-color-default);
57
53
  }
54
+
55
+ [data-bp-color-scheme="dark"],
56
+ .bp6-dark {
57
+ --osdk-input-shadow:
58
+ 0 0 0 0 color-mix(in srgb, var(--bp-intent-primary-rest) 0%, transparent),
59
+ 0 0 0 0 color-mix(in srgb, var(--bp-intent-primary-rest) 0%, transparent),
60
+ inset 0 0 0 1px color-mix(in oklch, var(--bp-palette-white) 20%, transparent),
61
+ inset 0 -1px 1px 0 color-mix(in oklch, var(--bp-palette-white) 30%, transparent);
62
+ --osdk-input-bg: color-mix(in srgb, var(--osdk-palette-black) 30%, transparent);
63
+ --osdk-input-color: var(--osdk-palette-light-gray-5);
64
+ }
@@ -1,4 +1,8 @@
1
1
  :root {
2
+ /* Select trigger: border is none; visual border comes from box-shadow
3
+ (--osdk-button-shadow) to match Blueprint's convention */
4
+ --osdk-select-border-width: none;
5
+
2
6
  /* Select popup: cap long dropdowns so they scroll inside the popup instead
3
7
  of growing to fill the available viewport/dialog height. The component
4
8
  still respects Base UI's `--available-height`, so short viewports can use
@@ -14,7 +14,7 @@
14
14
  * limitations under the License.
15
15
  */
16
16
 
17
- const PACKAGE_USER_AGENT = `osdk-react-components/${"0.30.0"}`;
17
+ const PACKAGE_USER_AGENT = `osdk-react-components/${"0.30.1-main-c24b0cfe0a3dc2f97e32eb1060b9b76e8fd2201d"}`;
18
18
  export function componentUserAgent(componentName) {
19
19
  return `${PACKAGE_USER_AGENT}/${componentName}`;
20
20
  }
@@ -1 +1 @@
1
- {"version":3,"file":"UserAgent.js","names":["PACKAGE_USER_AGENT","componentUserAgent","componentName"],"sources":["UserAgent.ts"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nconst PACKAGE_USER_AGENT =\n `osdk-react-components/${process.env.PACKAGE_VERSION}`;\n\nexport function componentUserAgent(componentName: string): string {\n return `${PACKAGE_USER_AGENT}/${componentName}`;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMA,kBAAkB,GACtB,mCAAsD;AAExD,OAAO,SAASC,kBAAkBA,CAACC,aAAqB,EAAU;EAChE,OAAO,GAAGF,kBAAkB,IAAIE,aAAa,EAAE;AACjD","ignoreList":[]}
1
+ {"version":3,"file":"UserAgent.js","names":["PACKAGE_USER_AGENT","componentUserAgent","componentName"],"sources":["UserAgent.ts"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nconst PACKAGE_USER_AGENT =\n `osdk-react-components/${process.env.PACKAGE_VERSION}`;\n\nexport function componentUserAgent(componentName: string): string {\n return `${PACKAGE_USER_AGENT}/${componentName}`;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMA,kBAAkB,GACtB,iFAAsD;AAExD,OAAO,SAASC,kBAAkBA,CAACC,aAAqB,EAAU;EAChE,OAAO,GAAGF,kBAAkB,IAAIE,aAAa,EAAE;AACjD","ignoreList":[]}
@@ -297,6 +297,7 @@
297
297
  box-shadow: var(--osdk-time-picker-input-shadow);
298
298
  &:focus-visible {
299
299
  outline: var(--osdk-time-picker-input-focus-outline);
300
+ outline-offset: var(--osdk-input-focus-outline-offset);
300
301
  box-shadow: var(--osdk-time-picker-input-focus-shadow);
301
302
  }
302
303
  &[aria-invalid] {
@@ -312,4 +313,4 @@
312
313
  font-size: var(--osdk-time-picker-input-font-size);
313
314
  line-height: var( --osdk-input-line-height, var(--osdk-typography-line-height-default) );
314
315
  }
315
- /*# sourceMappingURL=DateRangeCalendar-2HFI3L3M.css.map */
316
+ /*# sourceMappingURL=DateCalendar-FTW3OIEP.css.map */
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/base-components/action-button/ActionButton.module.css","../../src/shared/calendar/DateCalendar.module.css","../../src/shared/calendar/TimePicker.module.css"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n.button {\n min-height: var(--osdk-button-min-height);\n padding: calc(var(--osdk-surface-spacing) * 1.5)\n calc(var(--osdk-surface-spacing) * 1.75);\n border: var(--osdk-button-border);\n border-radius: var(--osdk-surface-border-radius);\n box-shadow: var(--osdk-button-shadow);\n font-size: var(--osdk-typography-size-body-medium);\n cursor: pointer;\n\n &:focus-visible {\n outline: var(--osdk-focus-outline);\n outline-offset: var(--osdk-focus-visible-outline-offset);\n }\n\n &:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n}\n\n.secondaryButton {\n background-color: var(--osdk-button-secondary-bg);\n border-color: var(--osdk-button-secondary-border-color);\n color: var(--osdk-button-secondary-color);\n\n &:hover:not(:disabled) {\n background-color: var(--osdk-button-secondary-bg-hover);\n }\n\n &:active:not(:disabled) {\n background-color: var(--osdk-button-secondary-bg-active);\n }\n}\n\n.primaryButton {\n background-color: var(--osdk-button-primary-bg);\n border-color: var(--osdk-button-primary-border-color);\n color: var(--osdk-button-primary-color);\n\n &:hover:not(:disabled) {\n background-color: var(--osdk-button-primary-bg-hover);\n }\n\n &:active:not(:disabled) {\n background-color: var(--osdk-button-primary-bg-active);\n }\n}\n\n.minimalButton {\n background-color: var(--osdk-button-minimal-bg);\n border: var(--osdk-button-minimal-border);\n box-shadow: var(--osdk-button-minimal-shadow);\n color: var(--osdk-button-secondary-minimal-color);\n\n &:hover:not(:disabled) {\n background-color: var(--osdk-button-minimal-bg-hover);\n }\n\n &:active:not(:disabled) {\n background-color: var(--osdk-button-minimal-bg-active);\n }\n}\n\n.primaryButton.minimalButton {\n color: var(--osdk-button-primary-minimal-color);\n}\n","/* DateCalendar — DayPicker classNames.\n All values reference --osdk-datetime-calendar-* tokens defined in\n react-components-styles/tokens/datetime-picker.css. */\n\n.calendar {\n position: relative;\n width: 100%;\n font-family: var(--osdk-datetime-calendar-font-family);\n font-size: var(--osdk-datetime-calendar-font-size);\n}\n\n.calendarMonths {\n display: flex;\n gap: var(--osdk-datetime-calendar-months-gap);\n}\n\n.calendarMonthGrid {\n width: 100%;\n border-collapse: collapse;\n}\n\n.calendarWeekday {\n padding: var(--osdk-datetime-calendar-gap);\n font-size: var(--osdk-datetime-calendar-weekday-font-size);\n color: var(--osdk-datetime-calendar-weekday-color);\n text-align: center;\n width: var(--osdk-datetime-calendar-cell-size);\n}\n\n.calendarDay {\n position: relative;\n padding: var(--osdk-datetime-calendar-gap);\n text-align: center;\n}\n\n.calendarDayButton {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--osdk-datetime-calendar-cell-size);\n height: var(--osdk-datetime-calendar-cell-size);\n border: none;\n border-radius: var(--osdk-datetime-calendar-day-border-radius);\n background: transparent;\n cursor: pointer;\n font: inherit;\n color: var(--osdk-datetime-calendar-day-color);\n\n &:hover {\n background: var(--osdk-datetime-calendar-day-hover-bg);\n color: var(--osdk-datetime-calendar-day-hover-color);\n }\n\n &:active {\n background: var(--osdk-datetime-calendar-day-active-bg);\n color: var(--osdk-datetime-calendar-day-hover-color);\n }\n\n &:focus-visible {\n outline: var(--osdk-datetime-calendar-focus-outline);\n outline-offset: -2px;\n }\n}\n\n/* :not([disabled]) bumps specificity to (0,4,0) — matching rdp's default\n .rdp-button:hover:not([disabled]):not(.rdp-day_selected) rule so our\n styles win by source order. Without this, rdp overrides the selected\n background on hover because we remap day_selected and its :not() always matches. */\n.calendarDayButton.calendarSelected {\n background: var(--osdk-datetime-calendar-selected-bg);\n color: var(--osdk-datetime-calendar-selected-color);\n\n &:hover:not([disabled]) {\n background: var(--osdk-datetime-calendar-selected-hover-bg);\n color: var(--osdk-datetime-calendar-selected-color);\n }\n\n &:active:not([disabled]) {\n color: var(--osdk-datetime-calendar-selected-color);\n }\n}\n\n.calendarDayButton.calendarToday {\n border: var(--osdk-datetime-calendar-today-border);\n}\n\n.calendarDayButton.calendarOutside {\n color: var(--osdk-datetime-calendar-outside-color);\n opacity: var(--osdk-datetime-calendar-outside-opacity);\n}\n\n.calendarDayButton.calendarDisabled {\n color: var(--osdk-datetime-calendar-disabled-color);\n cursor: default;\n\n &:hover {\n background: transparent;\n }\n}\n\n/* Range selection styles — shared base for start/end endpoints */\n.calendarRangeEndpoint {\n background: var(--osdk-datetime-calendar-selected-bg);\n color: var(--osdk-datetime-calendar-selected-color);\n\n &:hover:not([disabled]) {\n background: var(--osdk-datetime-calendar-selected-hover-bg);\n color: var(--osdk-datetime-calendar-selected-color);\n }\n\n &:active:not([disabled]) {\n color: var(--osdk-datetime-calendar-selected-color);\n }\n}\n\n/* Day buttons are inset by cell padding; paint the range on the table cell too\n so the range spans horizontal gaps while staying the same height as a day. */\n.calendarDay:has(.calendarRangeStart)::before,\n.calendarDay:has(.calendarRangeMiddle)::before,\n.calendarDay:has(.calendarRangeEnd)::before {\n content: \"\";\n position: absolute;\n inset-block: var(--osdk-datetime-calendar-gap);\n background: var(--osdk-datetime-calendar-range-middle-bg);\n pointer-events: none;\n}\n\n.calendarDay:has(.calendarRangeStart)::before {\n inset-inline-start: 50%;\n inset-inline-end: 0;\n}\n\n.calendarDay:has(.calendarRangeMiddle)::before {\n inset-inline: 0;\n}\n\n.calendarDay:has(.calendarRangeEnd)::before {\n inset-inline-start: 0;\n inset-inline-end: 50%;\n}\n\n.calendarDay:has(.calendarRangeStart.calendarRangeEnd)::before {\n content: none;\n}\n\n/* The table cell owns the translucent range fill. Keeping the middle button\n transparent avoids alpha-stacking the same token over itself. */\n.calendarDayButton.calendarRangeMiddle {\n background: transparent;\n color: var(--osdk-datetime-calendar-day-color);\n border-radius: 0;\n\n &:hover {\n background: transparent;\n color: var(--osdk-datetime-calendar-day-hover-color);\n }\n\n &:active {\n color: var(--osdk-datetime-calendar-day-hover-color);\n }\n}\n\n.calendarRangeFooter {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n column-gap: var(--osdk-datetime-calendar-months-gap);\n justify-items: center;\n padding-block-start: var(--osdk-time-picker-padding-top);\n}\n\n.calendarHidden {\n visibility: hidden;\n}\n\n/* Calendar navigation — dissolve the nav wrapper so buttons become\n direct flex children of the caption row. This lets order: -1 move\n the prev button before the dropdowns while next stays after. */\n.calendarNav {\n display: contents;\n}\n\n/* Shared nav button base — small, matching dropdown caret scale */\n.calendarNavButton {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--osdk-datetime-calendar-nav-button-size);\n height: var(--osdk-datetime-calendar-nav-button-size);\n border: none;\n background: transparent;\n cursor: pointer;\n border-radius: var(--osdk-datetime-calendar-nav-button-border-radius);\n padding: 0;\n color: inherit;\n\n &:hover {\n background: var(--osdk-datetime-calendar-nav-button-hover-bg);\n }\n\n &:disabled {\n color: var(--osdk-datetime-calendar-nav-disabled-color);\n cursor: default;\n opacity: 1; /* Override browser default disabled opacity */\n\n &:hover {\n background: transparent;\n }\n }\n\n &:focus-visible {\n outline: var(--osdk-datetime-calendar-focus-outline);\n outline-offset: -1px;\n }\n}\n\n/* Hide the default SVG chevron icon — Blueprint icons rendered inline instead */\n.calendarChevron {\n display: none;\n}\n\n.calendarNavPrev {\n order: -1;\n}\n\n.calendarMonthCaption {\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: var(--osdk-datetime-calendar-nav-button-size);\n}\n\n/* Visually hidden — used for accessibility-only text (caption label, dropdown labels) */\n.calendarVhidden {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\n}\n\n\n/* Caption dropdowns container */\n.calendarCaptionDropdowns {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(--osdk-datetime-calendar-caption-gap);\n}\n\n/* Month/year selects — borderless, matching caption text weight */\n.calendarDropdown {\n /* Native selects otherwise reserve room for the longest option, which makes\n the month caret drift away from short month names like \"May\". */\n field-sizing: content;\n font-family: var(--osdk-datetime-calendar-font-family);\n font-size: var(--osdk-datetime-calendar-caption-font-size);\n font-weight: var(--osdk-datetime-calendar-caption-font-weight);\n color: inherit;\n background: transparent;\n border: none;\n padding: var(--osdk-datetime-calendar-dropdown-padding);\n cursor: pointer;\n border-radius: var(--osdk-datetime-calendar-dropdown-border-radius);\n\n &:focus-visible {\n outline: var(--osdk-datetime-calendar-focus-outline);\n outline-offset: 1px;\n }\n}\n\n\n.calendarTimeFooter {\n display: flex;\n justify-content: center;\n padding-block-start: var(--osdk-time-picker-padding-top);\n}\n\n.calendarActionBar {\n display: flex;\n justify-content: space-between;\n gap: var(--osdk-surface-spacing);\n padding-block-start: var(--osdk-time-picker-padding-top);\n padding-inline: var(--osdk-datetime-popover-padding);\n margin-block-start: var(--osdk-time-picker-margin-top);\n margin-inline: calc(var(--osdk-datetime-popover-padding) * -1);\n border-block-start: var(--osdk-time-picker-border-top);\n}\n","/* TimePicker — HH:mm control. Outer layout is owned by the parent. */\n\n.osdkTimePickerRoot {\n display: inline-flex;\n align-items: center;\n gap: var(--osdk-surface-spacing);\n}\n\n.osdkTimePickerInput {\n width: calc(var(--osdk-surface-spacing) * 10);\n font-family: var(--osdk-time-picker-input-font-family);\n font-size: var(--osdk-time-picker-input-font-size);\n line-height: var(\n --osdk-input-line-height,\n var(--osdk-typography-line-height-default)\n );\n text-align: center;\n padding: var(--osdk-time-picker-input-padding);\n border: var(--osdk-time-picker-input-border);\n border-radius: var(--osdk-time-picker-input-border-radius);\n background: var(--osdk-time-picker-input-bg);\n color: var(--osdk-time-picker-input-color);\n box-sizing: border-box;\n box-shadow: var(--osdk-time-picker-input-shadow);\n\n &:focus-visible {\n outline: var(--osdk-time-picker-input-focus-outline);\n box-shadow: var(--osdk-time-picker-input-focus-shadow);\n }\n\n &[aria-invalid] {\n box-shadow: var(--osdk-time-picker-input-shadow-error);\n }\n\n &[aria-invalid]:focus-visible {\n box-shadow: var(--osdk-time-picker-input-focus-shadow-error);\n }\n}\n\n.osdkTimePickerSeparator {\n color: var(--osdk-typography-color-muted);\n font-family: var(--osdk-time-picker-input-font-family);\n font-size: var(--osdk-time-picker-input-font-size);\n line-height: var(\n --osdk-input-line-height,\n var(--osdk-typography-line-height-default)\n );\n}\n"],"mappings":"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","names":[]}
1
+ {"version":3,"sources":["../../src/base-components/action-button/ActionButton.module.css","../../src/shared/calendar/DateCalendar.module.css","../../src/shared/calendar/TimePicker.module.css"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n.button {\n min-height: var(--osdk-button-min-height);\n padding: calc(var(--osdk-surface-spacing) * 1.5)\n calc(var(--osdk-surface-spacing) * 1.75);\n border: var(--osdk-button-border);\n border-radius: var(--osdk-surface-border-radius);\n box-shadow: var(--osdk-button-shadow);\n font-size: var(--osdk-typography-size-body-medium);\n cursor: pointer;\n\n &:focus-visible {\n outline: var(--osdk-focus-outline);\n outline-offset: var(--osdk-focus-visible-outline-offset);\n }\n\n &:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n}\n\n.secondaryButton {\n background-color: var(--osdk-button-secondary-bg);\n border-color: var(--osdk-button-secondary-border-color);\n color: var(--osdk-button-secondary-color);\n\n &:hover:not(:disabled) {\n background-color: var(--osdk-button-secondary-bg-hover);\n }\n\n &:active:not(:disabled) {\n background-color: var(--osdk-button-secondary-bg-active);\n }\n}\n\n.primaryButton {\n background-color: var(--osdk-button-primary-bg);\n border-color: var(--osdk-button-primary-border-color);\n color: var(--osdk-button-primary-color);\n\n &:hover:not(:disabled) {\n background-color: var(--osdk-button-primary-bg-hover);\n }\n\n &:active:not(:disabled) {\n background-color: var(--osdk-button-primary-bg-active);\n }\n}\n\n.minimalButton {\n background-color: var(--osdk-button-minimal-bg);\n border: var(--osdk-button-minimal-border);\n box-shadow: var(--osdk-button-minimal-shadow);\n color: var(--osdk-button-secondary-minimal-color);\n\n &:hover:not(:disabled) {\n background-color: var(--osdk-button-minimal-bg-hover);\n }\n\n &:active:not(:disabled) {\n background-color: var(--osdk-button-minimal-bg-active);\n }\n}\n\n.primaryButton.minimalButton {\n color: var(--osdk-button-primary-minimal-color);\n}\n","/* DateCalendar — DayPicker classNames.\n All values reference --osdk-datetime-calendar-* tokens defined in\n react-components-styles/tokens/datetime-picker.css. */\n\n.calendar {\n position: relative;\n width: 100%;\n font-family: var(--osdk-datetime-calendar-font-family);\n font-size: var(--osdk-datetime-calendar-font-size);\n}\n\n.calendarMonths {\n display: flex;\n gap: var(--osdk-datetime-calendar-months-gap);\n}\n\n.calendarMonthGrid {\n width: 100%;\n border-collapse: collapse;\n}\n\n.calendarWeekday {\n padding: var(--osdk-datetime-calendar-gap);\n font-size: var(--osdk-datetime-calendar-weekday-font-size);\n color: var(--osdk-datetime-calendar-weekday-color);\n text-align: center;\n width: var(--osdk-datetime-calendar-cell-size);\n}\n\n.calendarDay {\n position: relative;\n padding: var(--osdk-datetime-calendar-gap);\n text-align: center;\n}\n\n.calendarDayButton {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--osdk-datetime-calendar-cell-size);\n height: var(--osdk-datetime-calendar-cell-size);\n border: none;\n border-radius: var(--osdk-datetime-calendar-day-border-radius);\n background: transparent;\n cursor: pointer;\n font: inherit;\n color: var(--osdk-datetime-calendar-day-color);\n\n &:hover {\n background: var(--osdk-datetime-calendar-day-hover-bg);\n color: var(--osdk-datetime-calendar-day-hover-color);\n }\n\n &:active {\n background: var(--osdk-datetime-calendar-day-active-bg);\n color: var(--osdk-datetime-calendar-day-hover-color);\n }\n\n &:focus-visible {\n outline: var(--osdk-datetime-calendar-focus-outline);\n outline-offset: -2px;\n }\n}\n\n/* :not([disabled]) bumps specificity to (0,4,0) — matching rdp's default\n .rdp-button:hover:not([disabled]):not(.rdp-day_selected) rule so our\n styles win by source order. Without this, rdp overrides the selected\n background on hover because we remap day_selected and its :not() always matches. */\n.calendarDayButton.calendarSelected {\n background: var(--osdk-datetime-calendar-selected-bg);\n color: var(--osdk-datetime-calendar-selected-color);\n\n &:hover:not([disabled]) {\n background: var(--osdk-datetime-calendar-selected-hover-bg);\n color: var(--osdk-datetime-calendar-selected-color);\n }\n\n &:active:not([disabled]) {\n color: var(--osdk-datetime-calendar-selected-color);\n }\n}\n\n.calendarDayButton.calendarToday {\n border: var(--osdk-datetime-calendar-today-border);\n}\n\n.calendarDayButton.calendarOutside {\n color: var(--osdk-datetime-calendar-outside-color);\n opacity: var(--osdk-datetime-calendar-outside-opacity);\n}\n\n.calendarDayButton.calendarDisabled {\n color: var(--osdk-datetime-calendar-disabled-color);\n cursor: default;\n\n &:hover {\n background: transparent;\n }\n}\n\n/* Range selection styles — shared base for start/end endpoints */\n.calendarRangeEndpoint {\n background: var(--osdk-datetime-calendar-selected-bg);\n color: var(--osdk-datetime-calendar-selected-color);\n\n &:hover:not([disabled]) {\n background: var(--osdk-datetime-calendar-selected-hover-bg);\n color: var(--osdk-datetime-calendar-selected-color);\n }\n\n &:active:not([disabled]) {\n color: var(--osdk-datetime-calendar-selected-color);\n }\n}\n\n/* Day buttons are inset by cell padding; paint the range on the table cell too\n so the range spans horizontal gaps while staying the same height as a day. */\n.calendarDay:has(.calendarRangeStart)::before,\n.calendarDay:has(.calendarRangeMiddle)::before,\n.calendarDay:has(.calendarRangeEnd)::before {\n content: \"\";\n position: absolute;\n inset-block: var(--osdk-datetime-calendar-gap);\n background: var(--osdk-datetime-calendar-range-middle-bg);\n pointer-events: none;\n}\n\n.calendarDay:has(.calendarRangeStart)::before {\n inset-inline-start: 50%;\n inset-inline-end: 0;\n}\n\n.calendarDay:has(.calendarRangeMiddle)::before {\n inset-inline: 0;\n}\n\n.calendarDay:has(.calendarRangeEnd)::before {\n inset-inline-start: 0;\n inset-inline-end: 50%;\n}\n\n.calendarDay:has(.calendarRangeStart.calendarRangeEnd)::before {\n content: none;\n}\n\n/* The table cell owns the translucent range fill. Keeping the middle button\n transparent avoids alpha-stacking the same token over itself. */\n.calendarDayButton.calendarRangeMiddle {\n background: transparent;\n color: var(--osdk-datetime-calendar-day-color);\n border-radius: 0;\n\n &:hover {\n background: transparent;\n color: var(--osdk-datetime-calendar-day-hover-color);\n }\n\n &:active {\n color: var(--osdk-datetime-calendar-day-hover-color);\n }\n}\n\n.calendarRangeFooter {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n column-gap: var(--osdk-datetime-calendar-months-gap);\n justify-items: center;\n padding-block-start: var(--osdk-time-picker-padding-top);\n}\n\n.calendarHidden {\n visibility: hidden;\n}\n\n/* Calendar navigation — dissolve the nav wrapper so buttons become\n direct flex children of the caption row. This lets order: -1 move\n the prev button before the dropdowns while next stays after. */\n.calendarNav {\n display: contents;\n}\n\n/* Shared nav button base — small, matching dropdown caret scale */\n.calendarNavButton {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--osdk-datetime-calendar-nav-button-size);\n height: var(--osdk-datetime-calendar-nav-button-size);\n border: none;\n background: transparent;\n cursor: pointer;\n border-radius: var(--osdk-datetime-calendar-nav-button-border-radius);\n padding: 0;\n color: inherit;\n\n &:hover {\n background: var(--osdk-datetime-calendar-nav-button-hover-bg);\n }\n\n &:disabled {\n color: var(--osdk-datetime-calendar-nav-disabled-color);\n cursor: default;\n opacity: 1; /* Override browser default disabled opacity */\n\n &:hover {\n background: transparent;\n }\n }\n\n &:focus-visible {\n outline: var(--osdk-datetime-calendar-focus-outline);\n outline-offset: -1px;\n }\n}\n\n/* Hide the default SVG chevron icon — Blueprint icons rendered inline instead */\n.calendarChevron {\n display: none;\n}\n\n.calendarNavPrev {\n order: -1;\n}\n\n.calendarMonthCaption {\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: var(--osdk-datetime-calendar-nav-button-size);\n}\n\n/* Visually hidden — used for accessibility-only text (caption label, dropdown labels) */\n.calendarVhidden {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\n}\n\n\n/* Caption dropdowns container */\n.calendarCaptionDropdowns {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(--osdk-datetime-calendar-caption-gap);\n}\n\n/* Month/year selects — borderless, matching caption text weight */\n.calendarDropdown {\n /* Native selects otherwise reserve room for the longest option, which makes\n the month caret drift away from short month names like \"May\". */\n field-sizing: content;\n font-family: var(--osdk-datetime-calendar-font-family);\n font-size: var(--osdk-datetime-calendar-caption-font-size);\n font-weight: var(--osdk-datetime-calendar-caption-font-weight);\n color: inherit;\n background: transparent;\n border: none;\n padding: var(--osdk-datetime-calendar-dropdown-padding);\n cursor: pointer;\n border-radius: var(--osdk-datetime-calendar-dropdown-border-radius);\n\n &:focus-visible {\n outline: var(--osdk-datetime-calendar-focus-outline);\n outline-offset: 1px;\n }\n}\n\n\n.calendarTimeFooter {\n display: flex;\n justify-content: center;\n padding-block-start: var(--osdk-time-picker-padding-top);\n}\n\n.calendarActionBar {\n display: flex;\n justify-content: space-between;\n gap: var(--osdk-surface-spacing);\n padding-block-start: var(--osdk-time-picker-padding-top);\n padding-inline: var(--osdk-datetime-popover-padding);\n margin-block-start: var(--osdk-time-picker-margin-top);\n margin-inline: calc(var(--osdk-datetime-popover-padding) * -1);\n border-block-start: var(--osdk-time-picker-border-top);\n}\n","/* TimePicker — HH:mm control. Outer layout is owned by the parent. */\n\n.osdkTimePickerRoot {\n display: inline-flex;\n align-items: center;\n gap: var(--osdk-surface-spacing);\n}\n\n.osdkTimePickerInput {\n width: calc(var(--osdk-surface-spacing) * 10);\n font-family: var(--osdk-time-picker-input-font-family);\n font-size: var(--osdk-time-picker-input-font-size);\n line-height: var(\n --osdk-input-line-height,\n var(--osdk-typography-line-height-default)\n );\n text-align: center;\n padding: var(--osdk-time-picker-input-padding);\n border: var(--osdk-time-picker-input-border);\n border-radius: var(--osdk-time-picker-input-border-radius);\n background: var(--osdk-time-picker-input-bg);\n color: var(--osdk-time-picker-input-color);\n box-sizing: border-box;\n box-shadow: var(--osdk-time-picker-input-shadow);\n\n &:focus-visible {\n outline: var(--osdk-time-picker-input-focus-outline);\n outline-offset: var(--osdk-input-focus-outline-offset);\n box-shadow: var(--osdk-time-picker-input-focus-shadow);\n }\n\n &[aria-invalid] {\n box-shadow: var(--osdk-time-picker-input-shadow-error);\n }\n\n &[aria-invalid]:focus-visible {\n box-shadow: var(--osdk-time-picker-input-focus-shadow-error);\n }\n}\n\n.osdkTimePickerSeparator {\n color: var(--osdk-typography-color-muted);\n font-family: var(--osdk-time-picker-input-font-family);\n font-size: var(--osdk-time-picker-input-font-size);\n line-height: var(\n --osdk-input-line-height,\n var(--osdk-typography-line-height-default)\n );\n}\n"],"mappings":"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","names":[]}