@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,5 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { Checkmark, Minus } from '@box/blueprint-web-assets/icons/
|
|
2
|
+
import { Checkmark, Minus } from '@box/blueprint-web-assets/icons/Medium';
|
|
3
3
|
import { Size3, IconIconOnDark } from '@box/blueprint-web-assets/tokens/tokens';
|
|
4
4
|
import * as RadixCheckbox from '@radix-ui/react-checkbox';
|
|
5
5
|
import { clsx } from 'clsx';
|
|
@@ -39,7 +39,6 @@ const CheckboxItem = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
39
39
|
[styles.disabled]: disabled
|
|
40
40
|
}, className),
|
|
41
41
|
"data-bp-animated": isAnimationEnabled ? 'true' : 'false',
|
|
42
|
-
"data-modern": 'true' ,
|
|
43
42
|
children: [jsxs("label", {
|
|
44
43
|
className: styles.label,
|
|
45
44
|
"data-target-id": dataTargetId,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"option":"bp_checkbox_module_option--
|
|
2
|
+
var styles = {"option":"bp_checkbox_module_option--fee0a","checkbox":"bp_checkbox_module_checkbox--fee0a","indicator":"bp_checkbox_module_indicator--fee0a","label":"bp_checkbox_module_label--fee0a","description":"bp_checkbox_module_description--fee0a","disabled":"bp_checkbox_module_disabled--fee0a"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
2
2
|
import { SelectItemCheck, SelectItem, ComboboxItem, useComboboxStore, useSelectStore, PopoverAnchor, Combobox as Combobox$1, ComboboxCancel, SelectList, ComboboxPopover } from '@ariakit/react';
|
|
3
3
|
import { SelectRenderer } from '@ariakit/react-core/select/select-renderer';
|
|
4
|
-
import { Checkmark } from '@box/blueprint-web-assets/icons/
|
|
5
|
-
import { AlertCircle, XMark } from '@box/blueprint-web-assets/icons/Medium';
|
|
4
|
+
import { Checkmark, AlertCircle, XMark } from '@box/blueprint-web-assets/icons/Medium';
|
|
6
5
|
import { bpIconIconOnLight, IconIconErrorOnLight } from '@box/blueprint-web-assets/tokens/tokens';
|
|
7
6
|
import clsx from 'clsx';
|
|
8
7
|
import React__default, { forwardRef, useMemo, useRef, useCallback, useEffect, useState } from 'react';
|
|
@@ -369,7 +368,6 @@ const RootInner = ({
|
|
|
369
368
|
setIsSingleSelectChipExiting(false);
|
|
370
369
|
}, []);
|
|
371
370
|
const showInlineError = errorVariant === 'inline' && hasError;
|
|
372
|
-
const InlineErrorIcon = AlertCircle ;
|
|
373
371
|
const Label = useLabelable(label, comboboxId, required);
|
|
374
372
|
const inlineErrorId = useUniqueId('inline-error-');
|
|
375
373
|
const ariaDescribedBy = clsx(rest['aria-describedby'], {
|
|
@@ -455,10 +453,10 @@ const RootInner = ({
|
|
|
455
453
|
variant: "error",
|
|
456
454
|
children: jsx(Focusable, {
|
|
457
455
|
"aria-labelledby": inlineErrorId,
|
|
458
|
-
children: jsx(
|
|
456
|
+
children: jsx(AlertCircle, {
|
|
459
457
|
className: styles.inlineErrorIcon,
|
|
460
458
|
color: IconIconErrorOnLight,
|
|
461
|
-
"data-testid":
|
|
459
|
+
"data-testid": "combobox-inline-error-icon-modern"
|
|
462
460
|
})
|
|
463
461
|
})
|
|
464
462
|
}), jsx(VisuallyHidden, {
|
|
@@ -471,7 +469,7 @@ const RootInner = ({
|
|
|
471
469
|
render: cancelProps => jsx(IconButton, {
|
|
472
470
|
...cancelProps,
|
|
473
471
|
"aria-label": clearButtonAriaLabel,
|
|
474
|
-
icon: XMark
|
|
472
|
+
icon: XMark,
|
|
475
473
|
size: "x-small"
|
|
476
474
|
}),
|
|
477
475
|
store: comboboxStore
|
|
@@ -521,13 +519,11 @@ const RootInner = ({
|
|
|
521
519
|
className: clsx(styles.container, {
|
|
522
520
|
[styles.disabled]: disabled
|
|
523
521
|
}, className),
|
|
524
|
-
"data-modern": 'true' ,
|
|
525
522
|
children: [inputComponent, showLoading || filteredOptions.length > 0 || filteredOptions.length <= 0 && noResultMessage ? jsx(ComboboxPopover, {
|
|
526
523
|
ref: popoverRefCallback,
|
|
527
524
|
"aria-labelledby": comboboxId,
|
|
528
525
|
className: clsx(styles.popover, popoverClassName),
|
|
529
526
|
"data-bp-animated": isAnimationEnabled ? 'true' : 'false',
|
|
530
|
-
"data-modern": 'true' ,
|
|
531
527
|
"data-side": popoverSide,
|
|
532
528
|
fitViewport: true,
|
|
533
529
|
gutter: 8,
|
|
@@ -557,7 +553,6 @@ const RootInner = ({
|
|
|
557
553
|
};
|
|
558
554
|
const Root = /*#__PURE__*/forwardRef(RootInner);
|
|
559
555
|
const Indicator = /*#__PURE__*/forwardRef((_, ref) => {
|
|
560
|
-
const iconColor = bpIconIconOnLight ;
|
|
561
556
|
return jsx(SelectItemCheck, {
|
|
562
557
|
ref: ref,
|
|
563
558
|
className: styles.indicator,
|
|
@@ -568,7 +563,7 @@ const Indicator = /*#__PURE__*/forwardRef((_, ref) => {
|
|
|
568
563
|
},
|
|
569
564
|
children: jsx(Checkmark, {
|
|
570
565
|
className: styles.indicatorIcon,
|
|
571
|
-
color:
|
|
566
|
+
color: bpIconIconOnLight
|
|
572
567
|
})
|
|
573
568
|
});
|
|
574
569
|
});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"container":"bp_combobox_module_container--
|
|
2
|
+
var styles = {"container":"bp_combobox_module_container--73717","disabled":"bp_combobox_module_disabled--73717","label":"bp_combobox_module_label--73717","hiddenLabel":"bp_combobox_module_hiddenLabel--73717","comboboxContainer":"bp_combobox_module_comboboxContainer--73717","comboboxContainerInner":"bp_combobox_module_comboboxContainerInner--73717","withChips":"bp_combobox_module_withChips--73717","error":"bp_combobox_module_error--73717","withComboboxButtons":"bp_combobox_module_withComboboxButtons--73717","withInlineErrorAndEndButton":"bp_combobox_module_withInlineErrorAndEndButton--73717","textInputWrapper":"bp_combobox_module_textInputWrapper--73717","textInput":"bp_combobox_module_textInput--73717","comboboxButtons":"bp_combobox_module_comboboxButtons--73717","inlineErrorIcon":"bp_combobox_module_inlineErrorIcon--73717","inlineError":"bp_combobox_module_inlineError--73717","popover":"bp_combobox_module_popover--73717","popoverInner":"bp_combobox_module_popoverInner--73717","option":"bp_combobox_module_option--73717","indicator":"bp_combobox_module_indicator--73717","indicatorIcon":"bp_combobox_module_indicatorIcon--73717","optionWithIndicator":"bp_combobox_module_optionWithIndicator--73717","loadingIndicator":"bp_combobox_module_loadingIndicator--73717"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"container":"bp_combobox_group_module_container--
|
|
2
|
+
var styles = {"container":"bp_combobox_group_module_container--51f27","trailing":"bp_combobox_group_module_trailing--51f27","leading":"bp_combobox_group_module_leading--51f27","comboboxContainer":"bp_combobox_group_module_comboboxContainer--51f27","comboboxGroupcontainer":"bp_combobox_group_module_comboboxGroupcontainer--51f27","disabled":"bp_combobox_group_module_disabled--51f27","label":"bp_combobox_group_module_label--51f27","errorCombobox":"bp_combobox_group_module_errorCombobox--51f27","errorSelect":"bp_combobox_group_module_errorSelect--51f27","selectHasFocus":"bp_combobox_group_module_selectHasFocus--51f27","comboboxHasFocus":"bp_combobox_group_module_comboboxHasFocus--51f27"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|