@neo4j-ndl/base 3.2.5 → 3.2.7

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 +42 -50
  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 Thu, 30 Jan 2025 08:52:05 GMT
25
+ * Generated on Thu, 06 Feb 2025 08:32:56 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 Thu, 30 Jan 2025 08:52:05 GMT
25
+ * Generated on Thu, 06 Feb 2025 08:32:56 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 Thu, 30 Jan 2025 08:52:05 GMT
25
+ * Generated on Thu, 06 Feb 2025 08:32:56 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 Thu, 30 Jan 2025 08:52:05 GMT
24
+ * Generated on Thu, 06 Feb 2025 08:32:56 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 Thu, 30 Jan 2025 08:52:05 GMT
24
+ * Generated on Thu, 06 Feb 2025 08:32:56 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 Thu, 30 Jan 2025 08:52:05 GMT
25
+ * Generated on Thu, 06 Feb 2025 08:32:56 GMT
26
26
  */
27
27
  module.exports = {
28
28
  "transitions": {
package/lib/neo4j-ds-styles.css CHANGED
@@ -22,70 +22,70 @@
22
22
  @font-face{
23
23
  font-display:swap;
24
24
  font-family:'Public Sans';
25
- font-style:'normal';
25
+ font-style:normal;
26
26
  font-weight:300;
27
27
  src:url('./fonts/public-sans-300-light-normal.woff2') format('woff2');
28
28
  }
29
29
  @font-face{
30
30
  font-display:swap;
31
31
  font-family:'Public Sans';
32
- font-style:'italic';
32
+ font-style:normal;
33
33
  font-weight:400;
34
- src:url('./fonts/public-sans-400-regular-italic.woff2') format('woff2');
34
+ src:url('./fonts/public-sans-400-regular-normal.woff2') format('woff2');
35
35
  }
36
36
  @font-face{
37
37
  font-display:swap;
38
38
  font-family:'Public Sans';
39
- font-style:'normal';
39
+ font-style:italic;
40
40
  font-weight:400;
41
- src:url('./fonts/public-sans-400-regular-normal.woff2') format('woff2');
41
+ src:url('./fonts/public-sans-400-regular-italic.woff2') format('woff2');
42
42
  }
43
43
  @font-face{
44
44
  font-display:swap;
45
45
  font-family:'Public Sans';
46
- font-style:'normal';
46
+ font-style:normal;
47
47
  font-weight:500;
48
48
  src:url('./fonts/public-sans-500-medium-normal.woff2') format('woff2');
49
49
  }
50
50
  @font-face{
51
51
  font-display:swap;
52
52
  font-family:'Public Sans';
53
- font-style:'normal';
53
+ font-style:normal;
54
54
  font-weight:600;
55
55
  src:url('./fonts/public-sans-600-semi-bold-normal.woff2') format('woff2');
56
56
  }
57
57
  @font-face{
58
58
  font-display:swap;
59
59
  font-family:'Public Sans';
60
- font-style:'normal';
60
+ font-style:normal;
61
61
  font-weight:700;
62
62
  src:url('./fonts/public-sans-700-bold-normal.woff2') format('woff2');
63
63
  }
64
64
  @font-face{
65
65
  font-display:swap;
66
66
  font-family:'Fira Code';
67
- font-style:'normal';
67
+ font-style:normal;
68
68
  font-weight:400;
69
69
  src:url('./fonts/fira-code-400-regular-normal.woff2') format('woff2');
70
70
  }
71
71
  @font-face{
72
72
  font-display:swap;
73
73
  font-family:'Fira Code';
74
- font-style:'normal';
74
+ font-style:normal;
75
75
  font-weight:500;
76
76
  src:url('./fonts/fira-code-500-medium-normal.woff2') format('woff2');
77
77
  }
78
78
  @font-face{
79
79
  font-display:swap;
80
80
  font-family:'Fira Code';
81
- font-style:'normal';
81
+ font-style:normal;
82
82
  font-weight:700;
83
83
  src:url('./fonts/fira-code-700-bold-normal.woff2') format('woff2');
84
84
  }
85
85
  @font-face{
86
86
  font-display:swap;
87
87
  font-family:'Syne Neo';
88
- font-style:'normal';
88
+ font-style:normal;
89
89
  font-weight:500;
90
90
  src:url('./fonts/syne-neo-500-medium-normal.woff2') format('woff2');
91
91
  }
@@ -3411,30 +3411,16 @@ a.ndl-btn {
3411
3411
  .ndl-theme-dark{
3412
3412
  --data-grid-hover-color:rgba(45, 47, 49);
3413
3413
  }
3414
- .ndl-data-grid-focusable-cells .ndl-focusable-cell:not(.ndl-data-grid-th) {
3414
+ .ndl-data-grid-focusable-cells .ndl-focusable-cell {
3415
3415
  outline:2px solid transparent;
3416
3416
  outline-offset:2px;
3417
3417
  }
3418
- .ndl-data-grid-focusable-cells .ndl-focusable-cell:not(.ndl-data-grid-th):focus,
3419
- .ndl-data-grid-focusable-cells .ndl-focusable-cell:not(.ndl-data-grid-th):focus-visible,
3420
- .ndl-data-grid-focusable-cells .ndl-focusable-cell:not(.ndl-data-grid-th):focus-within {
3418
+ .ndl-data-grid-focusable-cells .ndl-focusable-cell:focus,
3419
+ .ndl-data-grid-focusable-cells .ndl-focusable-cell:focus-visible {
3421
3420
  outline-width:2px;
3422
3421
  outline-offset:-2px;
3423
3422
  outline-color:rgb(var(--theme-palette-primary-focus));
3424
3423
  }
3425
- .ndl-data-grid-focusable-cells .ndl-data-grid-th:focus::before,
3426
- .ndl-data-grid-focusable-cells .ndl-data-grid-th:focus-visible::before {
3427
- position:absolute;
3428
- top:0px;
3429
- left:0px;
3430
- right:0px;
3431
- bottom:0px;
3432
- z-index:1;
3433
- border-width:2px;
3434
- border-color:rgb(var(--theme-palette-primary-focus));
3435
- --tw-content:'';
3436
- content:var(--tw-content);
3437
- }
3438
3424
  .ndl-data-grid-root{
3439
3425
  --header-background:rgb(var(--theme-palette-neutral-bg-weak));
3440
3426
  --cell-background:rgb(var(--theme-palette-neutral-bg-weak));
@@ -3469,8 +3455,12 @@ a.ndl-btn {
3469
3455
  border-style:solid;
3470
3456
  border-right-color:rgb(var(--theme-palette-neutral-border-weak));
3471
3457
  }
3472
- .ndl-data-grid-root.ndl-data-grid-border-horizontal .ndl-data-grid-tr:not(:last-child),
3473
- .ndl-data-grid-root.ndl-data-grid-border-horizontal .ndl-data-grid-thead .ndl-data-grid-tr {
3458
+ .ndl-data-grid-root.ndl-data-grid-border-horizontal .ndl-data-grid-tr:not(:last-child) {
3459
+ border-bottom-width:1px;
3460
+ border-style:solid;
3461
+ border-bottom-color:rgb(var(--theme-palette-neutral-border-weak));
3462
+ }
3463
+ .ndl-data-grid-root .ndl-data-grid-thead .ndl-data-grid-tr {
3474
3464
  border-bottom-width:1px;
3475
3465
  border-style:solid;
3476
3466
  border-bottom-color:rgb(var(--theme-palette-neutral-border-weak));
@@ -3549,8 +3539,16 @@ a.ndl-btn {
3549
3539
  outline:2px solid transparent;
3550
3540
  outline-offset:2px;
3551
3541
  }
3552
- .ndl-data-grid-root .ndl-div-table .ndl-data-grid-tbody .ndl-data-grid-tr .ndl-data-grid-dropdown-cell{
3553
- }
3542
+ .ndl-data-grid-root .ndl-div-table .ndl-data-grid-tbody .ndl-data-grid-tr .ndl-data-grid-inline-edit:focus-within {
3543
+ outline-width:2px;
3544
+ outline-offset:-2px;
3545
+ outline-color:rgb(var(--theme-palette-primary-focus));
3546
+ }
3547
+ .ndl-data-grid-root .ndl-div-table .ndl-data-grid-tbody .ndl-data-grid-tr .ndl-data-grid-dropdown-cell:focus-within {
3548
+ outline-width:2px;
3549
+ outline-offset:-2px;
3550
+ outline-color:rgb(var(--theme-palette-primary-focus));
3551
+ }
3554
3552
  .ndl-data-grid-root .ndl-div-table .ndl-data-grid-tbody .ndl-data-grid-tr .ndl-data-grid-pinned-cell {
3555
3553
  position:sticky;
3556
3554
  z-index:calc(var(--z-index-alias-overlay) - 1) !important;
@@ -3597,8 +3595,7 @@ a.ndl-btn {
3597
3595
  z-index:var(--z-index-alias-overlay);
3598
3596
  }
3599
3597
  .ndl-data-grid-root .ndl-div-table .ndl-data-grid-thead .ndl-data-grid-tr{
3600
- height:48px;
3601
- box-shadow:0 2px 8px rgb(var(--theme-palette-neutral-bg-strongest), 10%);
3598
+ min-height:40px;
3602
3599
  }
3603
3600
  .ndl-data-grid-root .ndl-div-table .ndl-data-grid-thead.ndl-data-grid-is-resizing .ndl-data-grid-th:not(.ndl-data-grid-is-resizing){
3604
3601
  cursor:col-resize;
@@ -3694,10 +3691,6 @@ a.ndl-btn {
3694
3691
  .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th:hover .ndl-hoverable-indicator, .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th:focus .ndl-hoverable-indicator, .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th:focus-within .ndl-hoverable-indicator, .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th:focus-visible .ndl-hoverable-indicator{
3695
3692
  display:block;
3696
3693
  }
3697
- .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th:focus-visible {
3698
- outline:2px solid transparent;
3699
- outline-offset:2px;
3700
- }
3701
3694
  .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th .ndl-header-group{
3702
3695
  display:flex;
3703
3696
  flex-direction:row;
@@ -3710,7 +3703,7 @@ a.ndl-btn {
3710
3703
  }
3711
3704
  .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th .ndl-header-group:focus-visible {
3712
3705
  outline-width:2px;
3713
- outline-offset:-2px;
3706
+ outline-offset:-4px;
3714
3707
  outline-color:rgb(var(--theme-palette-primary-focus));
3715
3708
  }
3716
3709
  .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th .ndl-header-cell{
@@ -3721,8 +3714,8 @@ a.ndl-btn {
3721
3714
  flex-direction:row;
3722
3715
  align-items:center;
3723
3716
  gap:4px;
3724
- padding-top:12px;
3725
- padding-bottom:12px;
3717
+ padding-top:10px;
3718
+ padding-bottom:10px;
3726
3719
  padding-right:12px;
3727
3720
  padding-left:16px;
3728
3721
  }
@@ -3732,16 +3725,15 @@ a.ndl-btn {
3732
3725
  height:16px;
3733
3726
  width:16px;
3734
3727
  cursor:pointer;
3735
- margin-top:3px;
3736
3728
  flex-shrink:0;
3737
3729
  }
3738
- .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th .ndl-header-action-group{
3739
- margin-top:1px;
3740
- display:flex;
3741
- flex-direction:row;
3742
- align-items:center;
3743
- gap:4px;
3744
- }
3730
+ .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th .ndl-header-action-group {
3731
+ display:flex;
3732
+ flex-direction:row;
3733
+ align-items:center;
3734
+ gap:4px;
3735
+ padding:4px;
3736
+ }
3745
3737
  .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th.ndl-data-grid-is-resizing {
3746
3738
  background-color:rgb(var(--theme-palette-neutral-hover));
3747
3739
  }
package/lib/tokens/css/tokens.css CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Thu, 30 Jan 2025 08:52:05 GMT
24
+ * Generated on Thu, 06 Feb 2025 08:32:56 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 Thu, 30 Jan 2025 08:52:05 GMT
24
+ * Generated on Thu, 06 Feb 2025 08:32:56 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 Thu, 30 Jan 2025 08:52:05 GMT
24
+ * Generated on Thu, 06 Feb 2025 08:32:56 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 Thu, 30 Jan 2025 08:52:04 GMT
3
+ // Generated on Thu, 06 Feb 2025 08:32:56 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 Thu, 30 Jan 2025 08:52:05 GMT
24
+ * Generated on Thu, 06 Feb 2025 08:32:56 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.2.5",
3
+ "version": "3.2.7",
4
4
  "description": "Neo4j base package for the design system",
5
5
  "author": "Neo4j Inc.",
6
6
  "homepage": "https://www.neo4j.design",