@neo4j-ndl/base 3.4.2 → 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.
Files changed (13) hide show
  1. package/lib/cjs/tokens/js/storybook-design-token.js +1 -1
  2. package/lib/cjs/tokens/js/tokens-esm.js +1 -1
  3. package/lib/cjs/tokens/js/tokens.js +1 -1
  4. package/lib/esm/tokens/js/storybook-design-token.js +1 -1
  5. package/lib/esm/tokens/js/tokens-esm.js +1 -1
  6. package/lib/esm/tokens/js/tokens.js +1 -1
  7. package/lib/neo4j-ds-styles.css +41 -38
  8. package/lib/tokens/css/tokens.css +1 -1
  9. package/lib/tokens/js/tokens-raw.js +1 -1
  10. package/lib/tokens/js/tokens.js +1 -1
  11. package/lib/tokens/scss/tokens.scss +1 -1
  12. package/lib/types/tokens/js/storybook-design-token.d.ts +1 -1
  13. package/package.json +1 -1
package/lib/cjs/tokens/js/storybook-design-token.js CHANGED
@@ -22,7 +22,7 @@
22
22
  "use strict";
23
23
  /**
24
24
  * Do not edit directly
25
- * Generated on Fri, 09 May 2025 07:25:40 GMT
25
+ * Generated on Tue, 13 May 2025 10:40:00 GMT
26
26
  */
27
27
  Object.defineProperty(exports, "__esModule", { value: true });
28
28
  exports.tokens = void 0;
package/lib/cjs/tokens/js/tokens-esm.js CHANGED
@@ -22,7 +22,7 @@
22
22
  "use strict";
23
23
  /**
24
24
  * Do not edit directly
25
- * Generated on Fri, 09 May 2025 07:25:40 GMT
25
+ * Generated on Tue, 13 May 2025 10:40:00 GMT
26
26
  */
27
27
  Object.defineProperty(exports, "__esModule", { value: true });
28
28
  exports.tokens = void 0;
package/lib/cjs/tokens/js/tokens.js CHANGED
@@ -22,7 +22,7 @@
22
22
  "use strict";
23
23
  /**
24
24
  * Do not edit directly
25
- * Generated on Fri, 09 May 2025 07:25:40 GMT
25
+ * Generated on Tue, 13 May 2025 10:40:00 GMT
26
26
  */
27
27
  module.exports = {
28
28
  "transitions": {
package/lib/esm/tokens/js/storybook-design-token.js CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Fri, 09 May 2025 07:25:40 GMT
24
+ * Generated on Tue, 13 May 2025 10:40:00 GMT
25
25
  */
26
26
  export const tokens = {
27
27
  "transitions": [
package/lib/esm/tokens/js/tokens-esm.js CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Fri, 09 May 2025 07:25:40 GMT
24
+ * Generated on Tue, 13 May 2025 10:40:00 GMT
25
25
  */
26
26
  export const tokens = {
27
27
  "transitions": {
package/lib/esm/tokens/js/tokens.js CHANGED
@@ -22,7 +22,7 @@
22
22
  "use strict";
23
23
  /**
24
24
  * Do not edit directly
25
- * Generated on Fri, 09 May 2025 07:25:40 GMT
25
+ * Generated on Tue, 13 May 2025 10:40:00 GMT
26
26
  */
27
27
  module.exports = {
28
28
  "transitions": {
package/lib/neo4j-ds-styles.css CHANGED
@@ -4654,7 +4654,8 @@ a.ndl-btn {
4654
4654
  left:-3px;
4655
4655
  }
4656
4656
  .ndl-relationship-label.ndl-selected .ndl-hexagon-end-active,
4657
- .ndl-relationship-label.ndl-selected .ndl-square-end-active {
4657
+ .ndl-relationship-label.ndl-selected .ndl-square-end-active,
4658
+ .ndl-relationship-label.ndl-selected .ndl-relationship-label-lines {
4658
4659
  fill:rgb(var(--theme-palette-primary-focus));
4659
4660
  }
4660
4661
  .ndl-relationship-label.ndl-selected .ndl-relationship-label-container:after {
@@ -7505,6 +7506,8 @@ button.ndl-avatar:focus-visible {
7505
7506
  }
7506
7507
  :root{
7507
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);
7508
7511
  }
7509
7512
  .ndl-theme-dark{
7510
7513
  --spotlight-target-pulse-color:rgba(233, 222, 255, 0.2);
@@ -7516,15 +7519,18 @@ button.ndl-avatar:focus-visible {
7516
7519
  bottom:0px;
7517
7520
  right:0px;
7518
7521
  left:0px;
7519
- z-index:30;
7520
7522
  background-color:rgba(0, 0, 0, 0.4);
7521
7523
  transition:opacity 0.2s ease;
7522
7524
  opacity:0;
7525
+ z-index:var(--spotlight-overlay-z-index);
7523
7526
  }
7524
7527
  .ndl-spotlight-overlay.ndl-spotlight-overlay-open {
7525
7528
  visibility:visible;
7526
7529
  opacity:1;
7527
7530
  }
7531
+ .ndl-spotlight-overlay.ndl-spotlight-overlay-transparent {
7532
+ background-color:transparent;
7533
+ }
7528
7534
  .ndl-spotlight {
7529
7535
  width:320px;
7530
7536
  overflow:hidden;
@@ -7614,6 +7620,10 @@ button.ndl-avatar:focus-visible {
7614
7620
  outline-offset:2px;
7615
7621
  outline-color:rgb(var(--theme-palette-primary-focus));
7616
7622
  }
7623
+ .ndl-spotlight-target.ndl-spotlight-target-open {
7624
+ cursor:default;
7625
+ z-index:var(--spotlight-target-z-index);
7626
+ }
7617
7627
  .ndl-spotlight-target .ndl-spotlight-target-inert:focus-visible {
7618
7628
  border-style:none;
7619
7629
  outline:2px solid transparent;
@@ -7622,52 +7632,48 @@ button.ndl-avatar:focus-visible {
7622
7632
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
7623
7633
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
7624
7634
  }
7625
- .ndl-spotlight-target .ndl-spotlight-target-inert > *{
7626
- pointer-events:none;
7627
- }
7628
- .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 {
7629
7639
  pointer-events:none;
7630
7640
  cursor:pointer;
7631
7641
  border-width:2px;
7632
7642
  border-color:rgb(var(--theme-palette-discovery-border-strong));
7633
7643
  }
7634
- .ndl-spotlight-target-indicator-border.ndl-spotlight-target-pulse{
7635
- animation:pulse-shadow-border 2s infinite;
7636
- }
7637
- .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 {
7638
7648
  pointer-events:none;
7639
7649
  cursor:pointer;
7640
7650
  background-color:rgb(var(--theme-palette-discovery-bg-strong));
7641
7651
  }
7642
- .ndl-spotlight-target-indicator-point.ndl-spotlight-target-pulse{
7643
- animation:pulse-shadow-point 2s infinite;
7644
- }
7645
- .ndl-spotlight-target-open {
7646
- z-index:31;
7647
- cursor:default;
7648
- }
7652
+ .ndl-spotlight-target-indicator.ndl-spotlight-target-indicator-point.ndl-spotlight-target-pulse{
7653
+ animation:pulse-shadow-point 2s infinite;
7654
+ }
7649
7655
  @keyframes pulse-shadow-border{
7650
- 25%{
7651
- box-shadow:0 0 0 6px rgb(var(--theme-palette-discovery-bg-weak)), 0 0 0 12px var(--spotlight-target-pulse-color);
7652
- animation-timing-function:ease-in;
7653
- }
7654
- 50%,
7655
- 100%{
7656
- box-shadow:0 0 0 6px transparent, 0 0 0 12px transparent;
7657
- animation-timing-function:ease-out;
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
+ }
7658
7665
  }
7659
- }
7660
7666
  @keyframes pulse-shadow-point{
7661
- 25%{
7662
- box-shadow:0 0 0 4px rgb(var(--theme-palette-discovery-bg-weak)), 0 0 0 8px var(--spotlight-target-pulse-color);
7663
- animation-timing-function:ease-in;
7664
- }
7665
- 50%,
7666
- 100%{
7667
- box-shadow:0 0 0 4px transparent, 0 0 0 8px transparent;
7668
- animation-timing-function:ease-out;
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
+ }
7669
7676
  }
7670
- }
7671
7677
  @keyframes ndl-loading-bar{
7672
7678
  0%{
7673
7679
  transform:translateX(-100%);
@@ -7814,9 +7820,6 @@ button.ndl-avatar:focus-visible {
7814
7820
  .n-isolate {
7815
7821
  isolation:isolate;
7816
7822
  }
7817
- .n-z-\[32\] {
7818
- z-index:32;
7819
- }
7820
7823
  .n-m-auto {
7821
7824
  margin:auto;
7822
7825
  }
package/lib/tokens/css/tokens.css CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Fri, 09 May 2025 07:25:40 GMT
24
+ * Generated on Tue, 13 May 2025 10:40:00 GMT
25
25
  */
26
26
 
27
27
  :root {
package/lib/tokens/js/tokens-raw.js CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Fri, 09 May 2025 07:25:40 GMT
24
+ * Generated on Tue, 13 May 2025 10:40:00 GMT
25
25
  */
26
26
 
27
27
  module.exports = {
package/lib/tokens/js/tokens.js CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Fri, 09 May 2025 07:25:40 GMT
24
+ * Generated on Tue, 13 May 2025 10:40:00 GMT
25
25
  */
26
26
 
27
27
  export const tokens = {
package/lib/tokens/scss/tokens.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 09 May 2025 07:25:40 GMT
3
+ // Generated on Tue, 13 May 2025 10:39:59 GMT
4
4
 
5
5
  $transitions-values-properties-default: all;
6
6
  $transitions-values-duration-quick: 100ms;
package/lib/types/tokens/js/storybook-design-token.d.ts CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Fri, 09 May 2025 07:25:40 GMT
24
+ * Generated on Tue, 13 May 2025 10:40:00 GMT
25
25
  */
26
26
  export const tokens: {
27
27
  transitions: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@neo4j-ndl/base",
3
- "version": "3.4.2",
3
+ "version": "3.4.4",
4
4
  "description": "Neo4j base package for the design system",
5
5
  "author": "Neo4j Inc.",
6
6
  "homepage": "https://www.neo4j.design",