@neo4j-ndl/base 3.2.0 → 3.2.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.
- 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 +37 -17
- 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
|
@@ -7558,26 +7558,18 @@ button.ndl-avatar:focus-visible {
|
|
|
7558
7558
|
.ndl-spotlight-target {
|
|
7559
7559
|
position:relative;
|
|
7560
7560
|
cursor:pointer;
|
|
7561
|
-
outline-style:solid;
|
|
7562
|
-
outline-width:2px;
|
|
7563
|
-
outline-color:rgb(var(--theme-palette-discovery-border-strong));
|
|
7564
|
-
}
|
|
7565
|
-
.ndl-spotlight-target .ndl-spotlight-target-inner {
|
|
7566
7561
|
--tw-ring-color:rgb(var(--theme-palette-primary-focus));
|
|
7567
7562
|
}
|
|
7568
|
-
.ndl-spotlight-target
|
|
7563
|
+
.ndl-spotlight-target:focus-visible {
|
|
7569
7564
|
border-style:none;
|
|
7570
7565
|
outline:2px solid transparent;
|
|
7571
7566
|
outline-offset:2px;
|
|
7572
7567
|
--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
7573
7568
|
--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
7574
7569
|
box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
7575
|
-
--tw-ring-offset-width:
|
|
7570
|
+
--tw-ring-offset-width:2px;
|
|
7576
7571
|
}
|
|
7577
|
-
.ndl-spotlight-target .ndl-spotlight-target-
|
|
7578
|
-
pointer-events:none;
|
|
7579
|
-
}
|
|
7580
|
-
.ndl-spotlight-target .ndl-spotlight-target-inner .ndl-spotlight-target-inert:focus-visible {
|
|
7572
|
+
.ndl-spotlight-target .ndl-spotlight-target-inert:focus-visible {
|
|
7581
7573
|
border-style:none;
|
|
7582
7574
|
outline:2px solid transparent;
|
|
7583
7575
|
outline-offset:2px;
|
|
@@ -7585,17 +7577,31 @@ button.ndl-avatar:focus-visible {
|
|
|
7585
7577
|
--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
7586
7578
|
box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
7587
7579
|
}
|
|
7588
|
-
.ndl-spotlight-target .ndl-spotlight-target-
|
|
7589
|
-
|
|
7590
|
-
|
|
7591
|
-
.ndl-spotlight-target-
|
|
7592
|
-
|
|
7580
|
+
.ndl-spotlight-target .ndl-spotlight-target-inert > *{
|
|
7581
|
+
pointer-events:none;
|
|
7582
|
+
}
|
|
7583
|
+
.ndl-spotlight-target-indicator-border {
|
|
7584
|
+
pointer-events:none;
|
|
7585
|
+
cursor:pointer;
|
|
7586
|
+
border-width:2px;
|
|
7587
|
+
border-color:rgb(var(--theme-palette-discovery-border-strong));
|
|
7593
7588
|
}
|
|
7589
|
+
.ndl-spotlight-target-indicator-border.ndl-spotlight-target-pulse{
|
|
7590
|
+
animation:pulse-shadow-border 2s infinite;
|
|
7591
|
+
}
|
|
7592
|
+
.ndl-spotlight-target-indicator-point {
|
|
7593
|
+
pointer-events:none;
|
|
7594
|
+
cursor:pointer;
|
|
7595
|
+
background-color:rgb(var(--theme-palette-discovery-bg-strong));
|
|
7596
|
+
}
|
|
7597
|
+
.ndl-spotlight-target-indicator-point.ndl-spotlight-target-pulse{
|
|
7598
|
+
animation:pulse-shadow-point 2s infinite;
|
|
7599
|
+
}
|
|
7594
7600
|
.ndl-spotlight-target-open {
|
|
7595
7601
|
z-index:31;
|
|
7596
7602
|
cursor:default;
|
|
7597
7603
|
}
|
|
7598
|
-
@keyframes pulse-shadow{
|
|
7604
|
+
@keyframes pulse-shadow-border{
|
|
7599
7605
|
25%{
|
|
7600
7606
|
box-shadow:0 0 0 6px rgb(var(--theme-palette-discovery-bg-weak)), 0 0 0 12px var(--spotlight-target-pulse-color);
|
|
7601
7607
|
animation-timing-function:ease-in;
|
|
@@ -7606,6 +7612,17 @@ button.ndl-avatar:focus-visible {
|
|
|
7606
7612
|
animation-timing-function:ease-out;
|
|
7607
7613
|
}
|
|
7608
7614
|
}
|
|
7615
|
+
@keyframes pulse-shadow-point{
|
|
7616
|
+
25%{
|
|
7617
|
+
box-shadow:0 0 0 4px rgb(var(--theme-palette-discovery-bg-weak)), 0 0 0 8px var(--spotlight-target-pulse-color);
|
|
7618
|
+
animation-timing-function:ease-in;
|
|
7619
|
+
}
|
|
7620
|
+
50%,
|
|
7621
|
+
100%{
|
|
7622
|
+
box-shadow:0 0 0 4px transparent, 0 0 0 8px transparent;
|
|
7623
|
+
animation-timing-function:ease-out;
|
|
7624
|
+
}
|
|
7625
|
+
}
|
|
7609
7626
|
.n-sr-only {
|
|
7610
7627
|
position:absolute;
|
|
7611
7628
|
width:1px;
|
|
@@ -7770,6 +7787,9 @@ button.ndl-avatar:focus-visible {
|
|
|
7770
7787
|
.n-h-\[290px\] {
|
|
7771
7788
|
height:290px;
|
|
7772
7789
|
}
|
|
7790
|
+
.n-h-\[500px\] {
|
|
7791
|
+
height:500px;
|
|
7792
|
+
}
|
|
7773
7793
|
.n-h-full {
|
|
7774
7794
|
height:100%;
|
|
7775
7795
|
}
|
package/lib/tokens/js/tokens.js
CHANGED