@box/blueprint-web 14.26.0 → 14.26.1

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.
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"container":"bp_breadcrumb_module_container--c0843","breadcrumb":"bp_breadcrumb_module_breadcrumb--c0843","pageLink":"bp_breadcrumb_module_pageLink--c0843","breadcrumbSlashSeparator":"bp_breadcrumb_module_breadcrumbSlashSeparator--c0843","crumbButton":"bp_breadcrumb_module_crumbButton--c0843","dropdownContent":"bp_breadcrumb_module_dropdownContent--c0843"};
2
+ var styles = {"container":"bp_breadcrumb_module_container--faeab","breadcrumb":"bp_breadcrumb_module_breadcrumb--faeab","pageLink":"bp_breadcrumb_module_pageLink--faeab","breadcrumbSlashSeparator":"bp_breadcrumb_module_breadcrumbSlashSeparator--faeab","crumbButton":"bp_breadcrumb_module_crumbButton--faeab","dropdownContent":"bp_breadcrumb_module_dropdownContent--faeab"};
3
3
 
4
4
  export { styles as default };
@@ -56,14 +56,20 @@ const CardTooltip = /*#__PURE__*/forwardRef((props, ref) => {
56
56
  componentsWithAnimationEnabled
57
57
  } = useBlueprintConfiguration();
58
58
  const isAnimationEnabled = componentsWithAnimationEnabled.includes('CardTooltip');
59
+ // When CardTooltip new animations are off, keep the legacy workaround that
60
+ // clears Ariakit's `animating` on close. When animations are on, skip it so exit (`data-leave`) can complete.
61
+ // TODO: Remove this effect after animations are fully rolled out.
59
62
  useLayoutEffect(() => {
63
+ if (isAnimationEnabled) {
64
+ return;
65
+ }
60
66
  if (mounted && !isOpen) {
61
67
  // Make sure that tooltip disappears instantly after it is closed.
62
68
  // Otherwise, once a tooltip is hovered, moving mouse to other tooltips
63
69
  // could open them without honoring `showTimeout`.
64
70
  tooltipStore.setState('animating', false);
65
71
  }
66
- }, [isOpen, mounted, tooltipStore]);
72
+ }, [isAnimationEnabled, isOpen, mounted, tooltipStore]);
67
73
  const handleHideOnInteractOutside = useCallback(e => {
68
74
  if (typeof hideOnInteractOutside === 'function') {
69
75
  hideOnInteractOutside(e);
@@ -3304,10 +3304,10 @@
3304
3304
  .bp_menu_item_sections_module_menuItemSideContent--dd1ef.bp_menu_item_sections_module_textOnLightSecondary--dd1ef{
3305
3305
  color:var(--menu-item-text-color);
3306
3306
  }
3307
- .bp_breadcrumb_module_container--c0843{
3307
+ .bp_breadcrumb_module_container--faeab{
3308
3308
  width:100%;
3309
3309
  }
3310
- .bp_breadcrumb_module_container--c0843 .bp_breadcrumb_module_breadcrumb--c0843{
3310
+ .bp_breadcrumb_module_container--faeab .bp_breadcrumb_module_breadcrumb--faeab{
3311
3311
  align-items:center;
3312
3312
  display:flex;
3313
3313
  flex-wrap:nowrap;
@@ -3317,28 +3317,28 @@
3317
3317
  margin:0;
3318
3318
  padding:0;
3319
3319
  }
3320
- .bp_breadcrumb_module_container--c0843 .bp_breadcrumb_module_pageLink--c0843{
3320
+ .bp_breadcrumb_module_container--faeab .bp_breadcrumb_module_pageLink--faeab{
3321
3321
  align-items:center;
3322
3322
  display:flex;
3323
3323
  flex-shrink:0;
3324
3324
  gap:var(--bp-size-010);
3325
- min-width:0;
3326
- overflow:hidden;
3327
3325
  white-space:nowrap;
3328
3326
  }
3329
- .bp_breadcrumb_module_container--c0843 .bp_breadcrumb_module_pageLink--c0843:last-child{
3327
+ .bp_breadcrumb_module_container--faeab .bp_breadcrumb_module_pageLink--faeab:last-child{
3330
3328
  flex-shrink:1;
3329
+ min-width:0;
3330
+ overflow:hidden;
3331
3331
  }
3332
- .bp_breadcrumb_module_container--c0843 .bp_breadcrumb_module_breadcrumbSlashSeparator--c0843{
3332
+ .bp_breadcrumb_module_container--faeab .bp_breadcrumb_module_breadcrumbSlashSeparator--faeab{
3333
3333
  align-items:center;
3334
3334
  display:inline-flex;
3335
3335
  flex-shrink:0;
3336
3336
  }
3337
3337
 
3338
- .bp_breadcrumb_module_crumbButton--c0843{
3338
+ .bp_breadcrumb_module_crumbButton--faeab{
3339
3339
  position:relative;
3340
3340
  }
3341
- .bp_breadcrumb_module_crumbButton--c0843::after{
3341
+ .bp_breadcrumb_module_crumbButton--faeab::after{
3342
3342
  background-color:var(--bp-text-text-on-light-secondary);
3343
3343
  bottom:0;
3344
3344
  content:"";
@@ -3350,11 +3350,11 @@
3350
3350
  transition:transform var(--animation-duration-2) var(--animation-easing-ease-base);
3351
3351
  width:100%;
3352
3352
  }
3353
- .bp_breadcrumb_module_crumbButton--c0843:hover::after{
3353
+ .bp_breadcrumb_module_crumbButton--faeab:hover::after{
3354
3354
  transform:scaleX(1);
3355
3355
  }
3356
3356
 
3357
- .bp_breadcrumb_module_dropdownContent--c0843{
3357
+ .bp_breadcrumb_module_dropdownContent--faeab{
3358
3358
  --blueprint-web-dropdown-menu-max-height:calc(var(--bp-size-300)*2);
3359
3359
  }
3360
3360
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@box/blueprint-web",
3
- "version": "14.26.0",
3
+ "version": "14.26.1",
4
4
  "type": "module",
5
5
  "license": "SEE LICENSE IN LICENSE",
6
6
  "publishConfig": {
@@ -47,7 +47,7 @@
47
47
  "dependencies": {
48
48
  "@ariakit/react": "0.4.21",
49
49
  "@ariakit/react-core": "0.4.21",
50
- "@box/blueprint-web-assets": "^4.116.4",
50
+ "@box/blueprint-web-assets": "^4.116.5",
51
51
  "@internationalized/date": "^3.12.0",
52
52
  "@radix-ui/react-accordion": "1.1.2",
53
53
  "@radix-ui/react-checkbox": "1.0.4",
@@ -77,7 +77,7 @@
77
77
  "type-fest": "^3.2.0"
78
78
  },
79
79
  "devDependencies": {
80
- "@box/storybook-utils": "^0.18.18",
80
+ "@box/storybook-utils": "^0.18.19",
81
81
  "@figma/code-connect": "1.4.4",
82
82
  "@types/react": "^18.0.0",
83
83
  "@types/react-dom": "^18.0.0",