@box/blueprint-web 12.100.4 → 12.101.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.
|
@@ -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--51e29","breadcrumb":"bp_breadcrumb_module_breadcrumb--51e29","pageLink":"bp_breadcrumb_module_pageLink--51e29","linkWithHover":"bp_breadcrumb_module_linkWithHover--51e29"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -30,9 +30,8 @@ const PageLink = ({
|
|
|
30
30
|
}
|
|
31
31
|
return jsxs("li", {
|
|
32
32
|
className: styles.pageLink,
|
|
33
|
-
children: [isInteractive ?
|
|
34
|
-
|
|
35
|
-
jsx(Link, {
|
|
33
|
+
children: [isInteractive ? jsx(Link, {
|
|
34
|
+
className: styles.linkWithHover,
|
|
36
35
|
onClick: handlePageLinkClick,
|
|
37
36
|
variant: "standalone",
|
|
38
37
|
children: jsx(Text, {
|
package/dist/lib-esm/index.css
CHANGED
|
@@ -2376,10 +2376,10 @@
|
|
|
2376
2376
|
text-decoration-thickness:auto;
|
|
2377
2377
|
text-underline-offset:auto;
|
|
2378
2378
|
}
|
|
2379
|
-
.bp_breadcrumb_module_container--
|
|
2379
|
+
.bp_breadcrumb_module_container--51e29{
|
|
2380
2380
|
height:var(--bp-size-060);
|
|
2381
2381
|
}
|
|
2382
|
-
.bp_breadcrumb_module_container--
|
|
2382
|
+
.bp_breadcrumb_module_container--51e29 .bp_breadcrumb_module_breadcrumb--51e29{
|
|
2383
2383
|
align-items:center;
|
|
2384
2384
|
display:flex;
|
|
2385
2385
|
gap:var(--bp-size-010);
|
|
@@ -2388,11 +2388,30 @@
|
|
|
2388
2388
|
margin:0;
|
|
2389
2389
|
padding:0;
|
|
2390
2390
|
}
|
|
2391
|
-
.bp_breadcrumb_module_container--
|
|
2391
|
+
.bp_breadcrumb_module_container--51e29 .bp_breadcrumb_module_pageLink--51e29{
|
|
2392
2392
|
align-items:center;
|
|
2393
2393
|
display:flex;
|
|
2394
2394
|
gap:var(--bp-size-010);
|
|
2395
2395
|
}
|
|
2396
|
+
|
|
2397
|
+
.bp_breadcrumb_module_linkWithHover--51e29{
|
|
2398
|
+
position:relative;
|
|
2399
|
+
}
|
|
2400
|
+
.bp_breadcrumb_module_linkWithHover--51e29::after{
|
|
2401
|
+
background-color:var(--bp-text-text-on-light-secondary);
|
|
2402
|
+
bottom:0;
|
|
2403
|
+
content:"";
|
|
2404
|
+
height:1px;
|
|
2405
|
+
left:0;
|
|
2406
|
+
position:absolute;
|
|
2407
|
+
transform:scaleX(0);
|
|
2408
|
+
transform-origin:center;
|
|
2409
|
+
transition:transform var(--animation-duration-2) var(--animation-easing-ease-base);
|
|
2410
|
+
width:100%;
|
|
2411
|
+
}
|
|
2412
|
+
.bp_breadcrumb_module_linkWithHover--51e29:hover::after{
|
|
2413
|
+
transform:scaleX(1);
|
|
2414
|
+
}
|
|
2396
2415
|
.bp_button_wrapper_module_buttonWrapper--b0897{
|
|
2397
2416
|
all:unset;
|
|
2398
2417
|
}
|