@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.
- package/CHANGELOG.md +6 -0
- package/build/browser/action-form/fields/BaseInput.module.css +1 -0
- package/build/browser/action-form/fields/NumberInputField.module.css +1 -0
- package/build/browser/base-components/combobox/Combobox.module.css +4 -16
- package/build/browser/base-components/select/Select.module.css +2 -6
- package/build/browser/shared/calendar/DatePickerCommon.module.css +4 -2
- package/build/browser/shared/calendar/TimePicker.module.css +1 -0
- package/build/browser/styles.css +66 -53
- package/build/browser/tokens/base-tokens/base.css +1 -0
- package/build/browser/tokens/base-tokens/dark.css +3 -4
- package/build/browser/tokens/component-tokens/button.css +21 -5
- package/build/browser/tokens/component-tokens/input.css +27 -20
- package/build/browser/tokens/component-tokens/select.css +4 -0
- package/build/browser/util/UserAgent.js +1 -1
- package/build/browser/util/UserAgent.js.map +1 -1
- package/build/cjs/{DateRangeCalendar-2HFI3L3M.css → DateCalendar-FTW3OIEP.css} +2 -1
- package/build/cjs/{DateRangeCalendar-2HFI3L3M.css.map → DateCalendar-FTW3OIEP.css.map} +1 -1
- package/build/cjs/{DateCalendar-RK7PNWNX.cjs → DateCalendar-XX5FYQMQ.cjs} +6 -6
- package/build/cjs/{DateCalendar-RK7PNWNX.cjs.map → DateCalendar-XX5FYQMQ.cjs.map} +1 -1
- package/build/cjs/{DateCalendar-ZTCWZECP.css → DateRangeCalendar-I4JHCZAK.css} +2 -1
- package/build/cjs/{DateCalendar-ZTCWZECP.css.map → DateRangeCalendar-I4JHCZAK.css.map} +1 -1
- package/build/cjs/DateRangeCalendar-WYZXRAX6.cjs +12 -0
- package/build/cjs/{DateRangeCalendar-V7SCEXFC.cjs.map → DateRangeCalendar-WYZXRAX6.cjs.map} +1 -1
- package/build/cjs/chunk-2ITZUS3H.cjs +11 -0
- package/build/cjs/{chunk-WEDW5QSS.cjs.map → chunk-2ITZUS3H.cjs.map} +1 -1
- package/build/cjs/{chunk-OUDNXCJY.cjs → chunk-44MSRB5M.cjs} +22 -22
- package/build/cjs/chunk-44MSRB5M.cjs.map +1 -0
- package/build/cjs/chunk-7JSM5VUX.cjs +11 -0
- package/build/cjs/{chunk-H75F3WIO.cjs.map → chunk-7JSM5VUX.cjs.map} +1 -1
- package/build/cjs/{chunk-WFXVRAP6.cjs → chunk-CSQXWD4M.cjs} +4 -4
- package/build/cjs/{chunk-WFXVRAP6.cjs.map → chunk-CSQXWD4M.cjs.map} +1 -1
- package/build/cjs/chunk-ELV6SPJQ.cjs +11 -0
- package/build/cjs/{chunk-JOGYZ6HK.cjs.map → chunk-ELV6SPJQ.cjs.map} +1 -1
- package/build/cjs/chunk-FGFEG4N6.cjs +11 -0
- package/build/cjs/{chunk-L57AHJFZ.cjs.map → chunk-FGFEG4N6.cjs.map} +1 -1
- package/build/cjs/{chunk-CW5XBBZE.cjs → chunk-FNVSH5DQ.cjs} +12 -12
- package/build/cjs/{chunk-CW5XBBZE.cjs.map → chunk-FNVSH5DQ.cjs.map} +1 -1
- package/build/cjs/{chunk-G3MN2D5B.cjs → chunk-HMVOUGYK.cjs} +4 -4
- package/build/cjs/{chunk-G3MN2D5B.cjs.map → chunk-HMVOUGYK.cjs.map} +1 -1
- package/build/cjs/{chunk-ILQKBQBD.cjs → chunk-IXZKHEPZ.cjs} +17 -17
- package/build/cjs/{chunk-ILQKBQBD.cjs.map → chunk-IXZKHEPZ.cjs.map} +1 -1
- package/build/cjs/chunk-JZZH3VF2.cjs +11 -0
- package/build/cjs/{chunk-LPI7ZRNN.cjs.map → chunk-JZZH3VF2.cjs.map} +1 -1
- package/build/cjs/{chunk-RBOSH7OQ.cjs → chunk-KOBL7I7K.cjs} +17 -17
- package/build/cjs/{chunk-RBOSH7OQ.cjs.map → chunk-KOBL7I7K.cjs.map} +1 -1
- package/build/cjs/{chunk-3S2GECDS.cjs → chunk-OAKML3W7.cjs} +3 -3
- package/build/cjs/chunk-OAKML3W7.cjs.map +1 -0
- package/build/cjs/{chunk-NXANOER7.cjs → chunk-OV3Z5MRW.cjs} +4 -4
- package/build/cjs/{chunk-NXANOER7.cjs.map → chunk-OV3Z5MRW.cjs.map} +1 -1
- package/build/cjs/{chunk-UXCV37T2.cjs → chunk-PSNDYSCM.cjs} +4 -4
- package/build/cjs/{chunk-UXCV37T2.cjs.map → chunk-PSNDYSCM.cjs.map} +1 -1
- package/build/cjs/{chunk-U6O6YPTC.cjs → chunk-WBNOAJLG.cjs} +51 -51
- package/build/cjs/{chunk-U6O6YPTC.cjs.map → chunk-WBNOAJLG.cjs.map} +1 -1
- package/build/cjs/{chunk-P7TBU22H.cjs → chunk-XCKQWSXC.cjs} +4 -4
- package/build/cjs/{chunk-P7TBU22H.cjs.map → chunk-XCKQWSXC.cjs.map} +1 -1
- package/build/cjs/{chunk-RITT3EHD.cjs → chunk-XK4H7EHE.cjs} +2 -2
- package/build/cjs/{chunk-RITT3EHD.cjs.map → chunk-XK4H7EHE.cjs.map} +1 -1
- package/build/cjs/{chunk-PS47WZ32.cjs → chunk-XWT6S3FL.cjs} +12 -12
- package/build/cjs/{chunk-PS47WZ32.cjs.map → chunk-XWT6S3FL.cjs.map} +1 -1
- package/build/cjs/public/experimental/action-form.cjs +8 -8
- package/build/cjs/public/experimental/action-form.css +13 -8
- package/build/cjs/public/experimental/action-form.css.map +1 -1
- package/build/cjs/public/experimental/cbac-picker.cjs +11 -11
- package/build/cjs/public/experimental/document-viewer.cjs +4 -4
- package/build/cjs/public/experimental/email-viewer.cjs +3 -3
- package/build/cjs/public/experimental/excel-viewer.cjs +3 -3
- package/build/cjs/public/experimental/filter-list.cjs +18 -18
- package/build/cjs/public/experimental/filter-list.css +9 -6
- package/build/cjs/public/experimental/filter-list.css.map +1 -1
- package/build/cjs/public/experimental/image-viewer.cjs +3 -3
- package/build/cjs/public/experimental/markdown-renderer.cjs +3 -3
- package/build/cjs/public/experimental/object-table.cjs +12 -12
- package/build/cjs/public/experimental/object-table.css +11 -8
- package/build/cjs/public/experimental/object-table.css.map +1 -1
- package/build/cjs/public/experimental/pdf-viewer.cjs +7 -7
- package/build/cjs/public/experimental/tiff-renderer.cjs +3 -3
- package/build/cjs/public/experimental/video-viewer.cjs +3 -3
- package/build/cjs/public/experimental/xml-viewer.cjs +3 -3
- package/build/cjs/public/experimental.cjs +62 -62
- package/build/cjs/public/experimental.css +13 -8
- package/build/cjs/public/experimental.css.map +1 -1
- package/build/esm/action-form/fields/BaseInput.module.css +1 -0
- package/build/esm/action-form/fields/NumberInputField.module.css +1 -0
- package/build/esm/base-components/combobox/Combobox.module.css +4 -16
- package/build/esm/base-components/select/Select.module.css +2 -6
- package/build/esm/shared/calendar/DatePickerCommon.module.css +4 -2
- package/build/esm/shared/calendar/TimePicker.module.css +1 -0
- package/build/esm/tokens/base-tokens/base.css +1 -0
- package/build/esm/tokens/base-tokens/dark.css +3 -4
- package/build/esm/tokens/component-tokens/button.css +21 -5
- package/build/esm/tokens/component-tokens/input.css +27 -20
- package/build/esm/tokens/component-tokens/select.css +4 -0
- package/build/esm/util/UserAgent.js +1 -1
- package/build/esm/util/UserAgent.js.map +1 -1
- package/docs/CSSVariables.md +38 -27
- package/package.json +5 -5
- package/build/cjs/DateRangeCalendar-V7SCEXFC.cjs +0 -12
- package/build/cjs/chunk-3S2GECDS.cjs.map +0 -1
- package/build/cjs/chunk-H75F3WIO.cjs +0 -11
- package/build/cjs/chunk-JOGYZ6HK.cjs +0 -11
- package/build/cjs/chunk-L57AHJFZ.cjs +0 -11
- package/build/cjs/chunk-LPI7ZRNN.cjs +0 -11
- package/build/cjs/chunk-OUDNXCJY.cjs.map +0 -1
- 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
|
|
@@ -98,16 +98,8 @@
|
|
|
98
98
|
}
|
|
99
99
|
|
|
100
100
|
&:focus-visible {
|
|
101
|
-
outline: var(
|
|
102
|
-
|
|
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-
|
|
222
|
-
|
|
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-
|
|
96
|
-
|
|
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
|
|
24
|
-
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] {
|
package/build/browser/styles.css
CHANGED
|
@@ -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:
|
|
600
|
-
--osdk-button-border:
|
|
601
|
-
|
|
602
|
-
|
|
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
|
-
|
|
1762
|
-
|
|
1763
|
-
--osdk-input-border-
|
|
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(--
|
|
1784
|
+
color-mix(in oklch, var(--bp-palette-black) 20%, transparent),
|
|
1767
1785
|
0 0 0 0 transparent,
|
|
1768
|
-
inset 0 1px 1px var(--
|
|
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:
|
|
1786
|
-
--osdk-input-focus-
|
|
1787
|
-
|
|
1788
|
-
|
|
1789
|
-
|
|
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
|
-
|
|
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-
|
|
3438
|
-
|
|
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-
|
|
4398
|
-
|
|
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
|
|
10577
|
-
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
|
|
|
@@ -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:
|
|
5
|
-
--osdk-button-border:
|
|
6
|
-
|
|
7
|
-
|
|
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
|
-
|
|
10
|
-
|
|
11
|
-
--osdk-input-border-
|
|
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(--
|
|
18
|
+
color-mix(in oklch, var(--bp-palette-black) 20%, transparent),
|
|
15
19
|
0 0 0 0 transparent,
|
|
16
|
-
inset 0 1px 1px var(--
|
|
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:
|
|
34
|
-
--osdk-input-focus-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
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.
|
|
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,
|
|
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=
|
|
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":[]}
|