@box/blueprint-web 17.19.1 → 17.20.0
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/dist/lib-esm/checkbox/checkbox-item.js +1 -2
- package/dist/lib-esm/checkbox/checkbox.module.js +1 -1
- package/dist/lib-esm/combobox/combobox.js +5 -10
- package/dist/lib-esm/combobox/combobox.module.js +1 -1
- package/dist/lib-esm/combobox-group/combobox-group.js +0 -1
- package/dist/lib-esm/combobox-group/combobox-group.module.js +1 -1
- package/dist/lib-esm/components.css +588 -1120
- package/dist/lib-esm/date-picker/date-picker.js +3 -5
- package/dist/lib-esm/date-picker/date-picker.module.js +1 -1
- package/dist/lib-esm/index.css +588 -1120
- package/dist/lib-esm/input-chip/input-chip.js +6 -10
- package/dist/lib-esm/input-chip/input-chip.module.js +1 -1
- package/dist/lib-esm/password-input/password-input.js +2 -2
- package/dist/lib-esm/primitives/calendar/calendar.js +3 -8
- package/dist/lib-esm/primitives/calendar/calendar.module.js +1 -1
- package/dist/lib-esm/primitives/chips/chip-dropdown-indicator.js +5 -5
- package/dist/lib-esm/primitives/chips/chip.js +0 -1
- package/dist/lib-esm/primitives/chips/chip.module.js +1 -1
- package/dist/lib-esm/primitives/chips/chips-group.js +0 -1
- package/dist/lib-esm/radio-group/radio-group.js +0 -1
- package/dist/lib-esm/radio-group/radio-group.module.js +1 -1
- package/dist/lib-esm/radio-tiles/radio-tiles-option.js +0 -1
- package/dist/lib-esm/radio-tiles/radio-tiles-option.module.js +1 -1
- package/dist/lib-esm/radio-tiles/radio-tiles.js +0 -1
- package/dist/lib-esm/time-picker/time-picker.js +3 -5
- package/dist/lib-esm/time-picker/time-picker.module.js +1 -1
- package/dist/lib-esm/util-components/legend/legend.js +0 -1
- package/dist/lib-esm/util-components/legend/legend.module.js +1 -1
- package/package.json +3 -3
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
-
import '@box/blueprint-web-assets/icons/Fill';
|
|
3
2
|
import { Calendar, XMark } from '@box/blueprint-web-assets/icons/Medium';
|
|
4
3
|
import { bpSize040, bpGray65 } from '@box/blueprint-web-assets/tokens/tokens';
|
|
5
4
|
import * as RadixPopover from '@radix-ui/react-popover';
|
|
@@ -18,7 +17,7 @@ import { useControllableState } from '../utils/useControllableState.js';
|
|
|
18
17
|
import { useUniqueId } from '../utils/useUniqueId.js';
|
|
19
18
|
import styles from './date-picker.module.js';
|
|
20
19
|
|
|
21
|
-
const
|
|
20
|
+
const XMarkIcon = label => () => jsx(XMark, {
|
|
22
21
|
"aria-label": label,
|
|
23
22
|
color: bpGray65,
|
|
24
23
|
height: bpSize040,
|
|
@@ -174,7 +173,6 @@ const DatePicker = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
174
173
|
className: clsx(styles.datePicker, {
|
|
175
174
|
[styles.disabled]: isDisabled
|
|
176
175
|
}, className),
|
|
177
|
-
"data-modern": 'true' ,
|
|
178
176
|
isDisabled: isDisabled,
|
|
179
177
|
isInvalid: hasError,
|
|
180
178
|
isRequired: required,
|
|
@@ -212,7 +210,7 @@ const DatePicker = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
212
210
|
"aria-label": clearDatePickerAriaLabel,
|
|
213
211
|
className: clsx(styles.button, styles.clear),
|
|
214
212
|
disabled: isDisabled,
|
|
215
|
-
icon:
|
|
213
|
+
icon: XMarkIcon(clearDatePickerAriaLabel),
|
|
216
214
|
onClick: onClearInputButtonClicked,
|
|
217
215
|
onKeyDownCapture: onClearButtonKeypress,
|
|
218
216
|
size: "x-small"
|
|
@@ -228,7 +226,7 @@ const DatePicker = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
228
226
|
color: bpGray65,
|
|
229
227
|
height: bpSize040,
|
|
230
228
|
width: bpSize040
|
|
231
|
-
})
|
|
229
|
+
})
|
|
232
230
|
})]
|
|
233
231
|
})
|
|
234
232
|
}), jsx(RadixPopover.Portal, {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"datePicker":"bp_date_picker_module_datePicker--
|
|
2
|
+
var styles = {"datePicker":"bp_date_picker_module_datePicker--37291","disabled":"bp_date_picker_module_disabled--37291","label":"bp_date_picker_module_label--37291","group":"bp_date_picker_module_group--37291","groupContainer":"bp_date_picker_module_groupContainer--37291","error":"bp_date_picker_module_error--37291","groupContainerInput":"bp_date_picker_module_groupContainerInput--37291","groupContainerInputSegment":"bp_date_picker_module_groupContainerInputSegment--37291","button":"bp_date_picker_module_button--37291","clear":"bp_date_picker_module_clear--37291","inlineError":"bp_date_picker_module_inlineError--37291","datePickerPopoverContent":"bp_date_picker_module_datePickerPopoverContent--37291"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|