@neo4j-ndl/base 3.4.3 → 3.4.4
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/lib/cjs/tokens/js/storybook-design-token.js +1 -1
- package/lib/cjs/tokens/js/tokens-esm.js +1 -1
- package/lib/cjs/tokens/js/tokens.js +1 -1
- package/lib/esm/tokens/js/storybook-design-token.js +1 -1
- package/lib/esm/tokens/js/tokens-esm.js +1 -1
- package/lib/esm/tokens/js/tokens.js +1 -1
- package/lib/neo4j-ds-styles.css +39 -37
- package/lib/tokens/css/tokens.css +1 -1
- package/lib/tokens/js/tokens-raw.js +1 -1
- package/lib/tokens/js/tokens.js +1 -1
- package/lib/tokens/scss/tokens.scss +1 -1
- package/lib/types/tokens/js/storybook-design-token.d.ts +1 -1
- package/package.json +1 -1
package/lib/neo4j-ds-styles.css
CHANGED
|
@@ -7506,6 +7506,8 @@ button.ndl-avatar:focus-visible {
|
|
|
7506
7506
|
}
|
|
7507
7507
|
:root{
|
|
7508
7508
|
--spotlight-target-pulse-color:rgba(233, 222, 255, 0.5);
|
|
7509
|
+
--spotlight-overlay-z-index:var(--z-index-alias-blanket);
|
|
7510
|
+
--spotlight-target-z-index:calc(var(--spotlight-overlay-z-index) + 1);
|
|
7509
7511
|
}
|
|
7510
7512
|
.ndl-theme-dark{
|
|
7511
7513
|
--spotlight-target-pulse-color:rgba(233, 222, 255, 0.2);
|
|
@@ -7517,15 +7519,18 @@ button.ndl-avatar:focus-visible {
|
|
|
7517
7519
|
bottom:0px;
|
|
7518
7520
|
right:0px;
|
|
7519
7521
|
left:0px;
|
|
7520
|
-
z-index:30;
|
|
7521
7522
|
background-color:rgba(0, 0, 0, 0.4);
|
|
7522
7523
|
transition:opacity 0.2s ease;
|
|
7523
7524
|
opacity:0;
|
|
7525
|
+
z-index:var(--spotlight-overlay-z-index);
|
|
7524
7526
|
}
|
|
7525
7527
|
.ndl-spotlight-overlay.ndl-spotlight-overlay-open {
|
|
7526
7528
|
visibility:visible;
|
|
7527
7529
|
opacity:1;
|
|
7528
7530
|
}
|
|
7531
|
+
.ndl-spotlight-overlay.ndl-spotlight-overlay-transparent {
|
|
7532
|
+
background-color:transparent;
|
|
7533
|
+
}
|
|
7529
7534
|
.ndl-spotlight {
|
|
7530
7535
|
width:320px;
|
|
7531
7536
|
overflow:hidden;
|
|
@@ -7615,6 +7620,10 @@ button.ndl-avatar:focus-visible {
|
|
|
7615
7620
|
outline-offset:2px;
|
|
7616
7621
|
outline-color:rgb(var(--theme-palette-primary-focus));
|
|
7617
7622
|
}
|
|
7623
|
+
.ndl-spotlight-target.ndl-spotlight-target-open {
|
|
7624
|
+
cursor:default;
|
|
7625
|
+
z-index:var(--spotlight-target-z-index);
|
|
7626
|
+
}
|
|
7618
7627
|
.ndl-spotlight-target .ndl-spotlight-target-inert:focus-visible {
|
|
7619
7628
|
border-style:none;
|
|
7620
7629
|
outline:2px solid transparent;
|
|
@@ -7623,52 +7632,48 @@ button.ndl-avatar:focus-visible {
|
|
|
7623
7632
|
--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
7624
7633
|
box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
7625
7634
|
}
|
|
7626
|
-
.ndl-spotlight-target
|
|
7627
|
-
|
|
7628
|
-
|
|
7629
|
-
.ndl-spotlight-target-indicator-border {
|
|
7635
|
+
.ndl-spotlight-target-indicator{
|
|
7636
|
+
z-index:var(--spotlight-target-z-index);
|
|
7637
|
+
}
|
|
7638
|
+
.ndl-spotlight-target-indicator.ndl-spotlight-target-indicator-border {
|
|
7630
7639
|
pointer-events:none;
|
|
7631
7640
|
cursor:pointer;
|
|
7632
7641
|
border-width:2px;
|
|
7633
7642
|
border-color:rgb(var(--theme-palette-discovery-border-strong));
|
|
7634
7643
|
}
|
|
7635
|
-
.ndl-spotlight-target-indicator-border.ndl-spotlight-target-pulse{
|
|
7636
|
-
|
|
7637
|
-
|
|
7638
|
-
.ndl-spotlight-target-indicator-point {
|
|
7644
|
+
.ndl-spotlight-target-indicator.ndl-spotlight-target-indicator-border.ndl-spotlight-target-pulse{
|
|
7645
|
+
animation:pulse-shadow-border 2s infinite;
|
|
7646
|
+
}
|
|
7647
|
+
.ndl-spotlight-target-indicator.ndl-spotlight-target-indicator-point {
|
|
7639
7648
|
pointer-events:none;
|
|
7640
7649
|
cursor:pointer;
|
|
7641
7650
|
background-color:rgb(var(--theme-palette-discovery-bg-strong));
|
|
7642
7651
|
}
|
|
7643
|
-
.ndl-spotlight-target-indicator-point.ndl-spotlight-target-pulse{
|
|
7644
|
-
|
|
7645
|
-
|
|
7646
|
-
.ndl-spotlight-target-open {
|
|
7647
|
-
z-index:31;
|
|
7648
|
-
cursor:default;
|
|
7649
|
-
}
|
|
7652
|
+
.ndl-spotlight-target-indicator.ndl-spotlight-target-indicator-point.ndl-spotlight-target-pulse{
|
|
7653
|
+
animation:pulse-shadow-point 2s infinite;
|
|
7654
|
+
}
|
|
7650
7655
|
@keyframes pulse-shadow-border{
|
|
7651
|
-
|
|
7652
|
-
|
|
7653
|
-
|
|
7654
|
-
|
|
7655
|
-
|
|
7656
|
-
|
|
7657
|
-
|
|
7658
|
-
|
|
7656
|
+
25%{
|
|
7657
|
+
box-shadow:0 0 0 6px rgb(var(--theme-palette-discovery-bg-weak)), 0 0 0 12px var(--spotlight-target-pulse-color);
|
|
7658
|
+
animation-timing-function:ease-in;
|
|
7659
|
+
}
|
|
7660
|
+
50%,
|
|
7661
|
+
100%{
|
|
7662
|
+
box-shadow:0 0 0 6px transparent, 0 0 0 12px transparent;
|
|
7663
|
+
animation-timing-function:ease-out;
|
|
7664
|
+
}
|
|
7659
7665
|
}
|
|
7660
|
-
}
|
|
7661
7666
|
@keyframes pulse-shadow-point{
|
|
7662
|
-
|
|
7663
|
-
|
|
7664
|
-
|
|
7665
|
-
|
|
7666
|
-
|
|
7667
|
-
|
|
7668
|
-
|
|
7669
|
-
|
|
7667
|
+
25%{
|
|
7668
|
+
box-shadow:0 0 0 4px rgb(var(--theme-palette-discovery-bg-weak)), 0 0 0 8px var(--spotlight-target-pulse-color);
|
|
7669
|
+
animation-timing-function:ease-in;
|
|
7670
|
+
}
|
|
7671
|
+
50%,
|
|
7672
|
+
100%{
|
|
7673
|
+
box-shadow:0 0 0 4px transparent, 0 0 0 8px transparent;
|
|
7674
|
+
animation-timing-function:ease-out;
|
|
7675
|
+
}
|
|
7670
7676
|
}
|
|
7671
|
-
}
|
|
7672
7677
|
@keyframes ndl-loading-bar{
|
|
7673
7678
|
0%{
|
|
7674
7679
|
transform:translateX(-100%);
|
|
@@ -7815,9 +7820,6 @@ button.ndl-avatar:focus-visible {
|
|
|
7815
7820
|
.n-isolate {
|
|
7816
7821
|
isolation:isolate;
|
|
7817
7822
|
}
|
|
7818
|
-
.n-z-\[32\] {
|
|
7819
|
-
z-index:32;
|
|
7820
|
-
}
|
|
7821
7823
|
.n-m-auto {
|
|
7822
7824
|
margin:auto;
|
|
7823
7825
|
}
|
package/lib/tokens/js/tokens.js
CHANGED