@box/blueprint-web 17.19.2 → 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.
Files changed (29) hide show
  1. package/dist/lib-esm/checkbox/checkbox-item.js +1 -2
  2. package/dist/lib-esm/checkbox/checkbox.module.js +1 -1
  3. package/dist/lib-esm/combobox/combobox.js +5 -10
  4. package/dist/lib-esm/combobox/combobox.module.js +1 -1
  5. package/dist/lib-esm/combobox-group/combobox-group.js +0 -1
  6. package/dist/lib-esm/combobox-group/combobox-group.module.js +1 -1
  7. package/dist/lib-esm/components.css +588 -1120
  8. package/dist/lib-esm/date-picker/date-picker.js +3 -5
  9. package/dist/lib-esm/date-picker/date-picker.module.js +1 -1
  10. package/dist/lib-esm/index.css +588 -1120
  11. package/dist/lib-esm/input-chip/input-chip.js +6 -10
  12. package/dist/lib-esm/input-chip/input-chip.module.js +1 -1
  13. package/dist/lib-esm/password-input/password-input.js +2 -2
  14. package/dist/lib-esm/primitives/calendar/calendar.js +3 -8
  15. package/dist/lib-esm/primitives/calendar/calendar.module.js +1 -1
  16. package/dist/lib-esm/primitives/chips/chip-dropdown-indicator.js +5 -5
  17. package/dist/lib-esm/primitives/chips/chip.js +0 -1
  18. package/dist/lib-esm/primitives/chips/chip.module.js +1 -1
  19. package/dist/lib-esm/primitives/chips/chips-group.js +0 -1
  20. package/dist/lib-esm/radio-group/radio-group.js +0 -1
  21. package/dist/lib-esm/radio-group/radio-group.module.js +1 -1
  22. package/dist/lib-esm/radio-tiles/radio-tiles-option.js +0 -1
  23. package/dist/lib-esm/radio-tiles/radio-tiles-option.module.js +1 -1
  24. package/dist/lib-esm/radio-tiles/radio-tiles.js +0 -1
  25. package/dist/lib-esm/time-picker/time-picker.js +3 -5
  26. package/dist/lib-esm/time-picker/time-picker.module.js +1 -1
  27. package/dist/lib-esm/util-components/legend/legend.js +0 -1
  28. package/dist/lib-esm/util-components/legend/legend.module.js +1 -1
  29. 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/Fill';
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--59970","checkbox":"bp_checkbox_module_checkbox--59970","indicator":"bp_checkbox_module_indicator--59970","label":"bp_checkbox_module_label--59970","description":"bp_checkbox_module_description--59970","disabled":"bp_checkbox_module_disabled--59970"};
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/Fill';
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(InlineErrorIcon, {
456
+ children: jsx(AlertCircle, {
459
457
  className: styles.inlineErrorIcon,
460
458
  color: IconIconErrorOnLight,
461
- "data-testid": 'combobox-inline-error-icon-modern'
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: iconColor
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--9b3ff","label":"bp_combobox_module_label--9b3ff","textInput":"bp_combobox_module_textInput--9b3ff","popover":"bp_combobox_module_popover--9b3ff","disabled":"bp_combobox_module_disabled--9b3ff","hiddenLabel":"bp_combobox_module_hiddenLabel--9b3ff","comboboxContainer":"bp_combobox_module_comboboxContainer--9b3ff","comboboxContainerInner":"bp_combobox_module_comboboxContainerInner--9b3ff","withChips":"bp_combobox_module_withChips--9b3ff","error":"bp_combobox_module_error--9b3ff","withComboboxButtons":"bp_combobox_module_withComboboxButtons--9b3ff","withInlineErrorAndEndButton":"bp_combobox_module_withInlineErrorAndEndButton--9b3ff","textInputWrapper":"bp_combobox_module_textInputWrapper--9b3ff","comboboxButtons":"bp_combobox_module_comboboxButtons--9b3ff","inlineErrorIcon":"bp_combobox_module_inlineErrorIcon--9b3ff","inlineError":"bp_combobox_module_inlineError--9b3ff","popoverInner":"bp_combobox_module_popoverInner--9b3ff","option":"bp_combobox_module_option--9b3ff","indicator":"bp_combobox_module_indicator--9b3ff","indicatorIcon":"bp_combobox_module_indicatorIcon--9b3ff","optionWithIndicator":"bp_combobox_module_optionWithIndicator--9b3ff","loadingIndicator":"bp_combobox_module_loadingIndicator--9b3ff"};
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 };
@@ -38,7 +38,6 @@ const Root = /*#__PURE__*/forwardRef(({
38
38
  [styles.disabled]: isDisabled
39
39
  }),
40
40
  "data-bp-animated": isAnimationEnabled ? 'true' : 'false',
41
- "data-modern": 'true' ,
42
41
  children: [jsx(Label, {
43
42
  className: styles.label,
44
43
  hideLabel: hideLabel
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"container":"bp_combobox_group_module_container--07d83","trailing":"bp_combobox_group_module_trailing--07d83","leading":"bp_combobox_group_module_leading--07d83","label":"bp_combobox_group_module_label--07d83","comboboxContainer":"bp_combobox_group_module_comboboxContainer--07d83","comboboxGroupcontainer":"bp_combobox_group_module_comboboxGroupcontainer--07d83","disabled":"bp_combobox_group_module_disabled--07d83","errorCombobox":"bp_combobox_group_module_errorCombobox--07d83","errorSelect":"bp_combobox_group_module_errorSelect--07d83","selectHasFocus":"bp_combobox_group_module_selectHasFocus--07d83","comboboxHasFocus":"bp_combobox_group_module_comboboxHasFocus--07d83"};
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 };