@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--
|
|
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);
|
package/dist/lib-esm/index.css
CHANGED
|
@@ -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--
|
|
3307
|
+
.bp_breadcrumb_module_container--faeab{
|
|
3308
3308
|
width:100%;
|
|
3309
3309
|
}
|
|
3310
|
-
.bp_breadcrumb_module_container--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
3338
|
+
.bp_breadcrumb_module_crumbButton--faeab{
|
|
3339
3339
|
position:relative;
|
|
3340
3340
|
}
|
|
3341
|
-
.bp_breadcrumb_module_crumbButton--
|
|
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--
|
|
3353
|
+
.bp_breadcrumb_module_crumbButton--faeab:hover::after{
|
|
3354
3354
|
transform:scaleX(1);
|
|
3355
3355
|
}
|
|
3356
3356
|
|
|
3357
|
-
.bp_breadcrumb_module_dropdownContent--
|
|
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.
|
|
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.
|
|
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.
|
|
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",
|