@neo4j-ndl/base 3.2.4 → 3.2.6

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 +4 -4
  2. package/lib/cjs/tokens/js/tokens-esm.js +4 -4
  3. package/lib/cjs/tokens/js/tokens.js +4 -4
  4. package/lib/esm/tokens/js/storybook-design-token.js +4 -4
  5. package/lib/esm/tokens/js/tokens-esm.js +4 -4
  6. package/lib/esm/tokens/js/tokens.js +4 -4
  7. package/lib/neo4j-ds-styles.css +33 -41
  8. package/lib/tokens/css/tokens.css +4 -4
  9. package/lib/tokens/js/tokens-raw.js +7 -7
  10. package/lib/tokens/js/tokens.js +4 -4
  11. package/lib/tokens/scss/tokens.scss +4 -4
  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 Wed, 29 Jan 2025 15:01:18 GMT
25
+ * Generated on Tue, 04 Feb 2025 11:25:17 GMT
26
26
  */
27
27
  Object.defineProperty(exports, "__esModule", { value: true });
28
28
  exports.tokens = void 0;
@@ -541,7 +541,7 @@ exports.tokens = {
541
541
  "dark",
542
542
  "numberLiteral"
543
543
  ],
544
- "value": "#B38EFF"
544
+ "value": "#CCB4FF"
545
545
  },
546
546
  {
547
547
  "path": [
@@ -550,7 +550,7 @@ exports.tokens = {
550
550
  "dark",
551
551
  "booleanLiteral"
552
552
  ],
553
- "value": "#B38EFF"
553
+ "value": "#CCB4FF"
554
554
  },
555
555
  {
556
556
  "path": [
@@ -559,7 +559,7 @@ exports.tokens = {
559
559
  "dark",
560
560
  "paramValue"
561
561
  ],
562
- "value": "#B38EFF"
562
+ "value": "#CCB4FF"
563
563
  },
564
564
  {
565
565
  "path": [
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 Wed, 29 Jan 2025 15:01:18 GMT
25
+ * Generated on Tue, 04 Feb 2025 11:25:17 GMT
26
26
  */
27
27
  Object.defineProperty(exports, "__esModule", { value: true });
28
28
  exports.tokens = void 0;
@@ -111,9 +111,9 @@ exports.tokens = {
111
111
  "function": "#8FE3E8",
112
112
  "procedure": "#8FE3E8",
113
113
  "stringLiteral": "#90CB62",
114
- "numberLiteral": "#B38EFF",
115
- "booleanLiteral": "#B38EFF",
116
- "paramValue": "#B38EFF",
114
+ "numberLiteral": "#CCB4FF",
115
+ "booleanLiteral": "#CCB4FF",
116
+ "paramValue": "#CCB4FF",
117
117
  "property": "#FFAA97"
118
118
  }
119
119
  },
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 Wed, 29 Jan 2025 15:01:18 GMT
25
+ * Generated on Tue, 04 Feb 2025 11:25:17 GMT
26
26
  */
27
27
  module.exports = {
28
28
  "transitions": {
@@ -109,9 +109,9 @@ module.exports = {
109
109
  "function": "#8FE3E8",
110
110
  "procedure": "#8FE3E8",
111
111
  "stringLiteral": "#90CB62",
112
- "numberLiteral": "#B38EFF",
113
- "booleanLiteral": "#B38EFF",
114
- "paramValue": "#B38EFF",
112
+ "numberLiteral": "#CCB4FF",
113
+ "booleanLiteral": "#CCB4FF",
114
+ "paramValue": "#CCB4FF",
115
115
  "property": "#FFAA97"
116
116
  }
117
117
  },
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 Wed, 29 Jan 2025 15:01:18 GMT
24
+ * Generated on Tue, 04 Feb 2025 11:25:17 GMT
25
25
  */
26
26
  export const tokens = {
27
27
  "transitions": [
@@ -538,7 +538,7 @@ export const tokens = {
538
538
  "dark",
539
539
  "numberLiteral"
540
540
  ],
541
- "value": "#B38EFF"
541
+ "value": "#CCB4FF"
542
542
  },
543
543
  {
544
544
  "path": [
@@ -547,7 +547,7 @@ export const tokens = {
547
547
  "dark",
548
548
  "booleanLiteral"
549
549
  ],
550
- "value": "#B38EFF"
550
+ "value": "#CCB4FF"
551
551
  },
552
552
  {
553
553
  "path": [
@@ -556,7 +556,7 @@ export const tokens = {
556
556
  "dark",
557
557
  "paramValue"
558
558
  ],
559
- "value": "#B38EFF"
559
+ "value": "#CCB4FF"
560
560
  },
561
561
  {
562
562
  "path": [
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 Wed, 29 Jan 2025 15:01:18 GMT
24
+ * Generated on Tue, 04 Feb 2025 11:25:17 GMT
25
25
  */
26
26
  export const tokens = {
27
27
  "transitions": {
@@ -108,9 +108,9 @@ export const tokens = {
108
108
  "function": "#8FE3E8",
109
109
  "procedure": "#8FE3E8",
110
110
  "stringLiteral": "#90CB62",
111
- "numberLiteral": "#B38EFF",
112
- "booleanLiteral": "#B38EFF",
113
- "paramValue": "#B38EFF",
111
+ "numberLiteral": "#CCB4FF",
112
+ "booleanLiteral": "#CCB4FF",
113
+ "paramValue": "#CCB4FF",
114
114
  "property": "#FFAA97"
115
115
  }
116
116
  },
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 Wed, 29 Jan 2025 15:01:18 GMT
25
+ * Generated on Tue, 04 Feb 2025 11:25:17 GMT
26
26
  */
27
27
  module.exports = {
28
28
  "transitions": {
@@ -109,9 +109,9 @@ module.exports = {
109
109
  "function": "#8FE3E8",
110
110
  "procedure": "#8FE3E8",
111
111
  "stringLiteral": "#90CB62",
112
- "numberLiteral": "#B38EFF",
113
- "booleanLiteral": "#B38EFF",
114
- "paramValue": "#B38EFF",
112
+ "numberLiteral": "#CCB4FF",
113
+ "booleanLiteral": "#CCB4FF",
114
+ "paramValue": "#CCB4FF",
115
115
  "property": "#FFAA97"
116
116
  }
117
117
  },
package/lib/neo4j-ds-styles.css CHANGED
@@ -465,9 +465,9 @@ video{
465
465
  --palette-code-dark-function:143 227 232 / 1;
466
466
  --palette-code-dark-procedure:143 227 232 / 1;
467
467
  --palette-code-dark-string-literal:144 203 98 / 1;
468
- --palette-code-dark-number-literal:179 142 255 / 1;
469
- --palette-code-dark-boolean-literal:179 142 255 / 1;
470
- --palette-code-dark-param-value:179 142 255 / 1;
468
+ --palette-code-dark-number-literal:204 180 255 / 1;
469
+ --palette-code-dark-boolean-literal:204 180 255 / 1;
470
+ --palette-code-dark-param-value:204 180 255 / 1;
471
471
  --palette-code-dark-property:255 170 151 / 1;
472
472
  --palette-graph-1:#FFDF81;
473
473
  --palette-graph-2:#C990C0;
@@ -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 Wed, 29 Jan 2025 15:01:18 GMT
24
+ * Generated on Tue, 04 Feb 2025 11:25:16 GMT
25
25
  */
26
26
 
27
27
  :root {
@@ -84,9 +84,9 @@
84
84
  --palette-code-dark-function: 143 227 232 / 1;
85
85
  --palette-code-dark-procedure: 143 227 232 / 1;
86
86
  --palette-code-dark-string-literal: 144 203 98 / 1;
87
- --palette-code-dark-number-literal: 179 142 255 / 1;
88
- --palette-code-dark-boolean-literal: 179 142 255 / 1;
89
- --palette-code-dark-param-value: 179 142 255 / 1;
87
+ --palette-code-dark-number-literal: 204 180 255 / 1;
88
+ --palette-code-dark-boolean-literal: 204 180 255 / 1;
89
+ --palette-code-dark-param-value: 204 180 255 / 1;
90
90
  --palette-code-dark-property: 255 170 151 / 1;
91
91
  --palette-graph-1: #FFDF81;
92
92
  --palette-graph-2: #C990C0;
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 Wed, 29 Jan 2025 15:01:18 GMT
24
+ * Generated on Tue, 04 Feb 2025 11:25:17 GMT
25
25
  */
26
26
 
27
27
  module.exports = {
@@ -1228,11 +1228,11 @@ module.exports = {
1228
1228
  ]
1229
1229
  },
1230
1230
  "numberLiteral": {
1231
- "value": "#B38EFF",
1231
+ "value": "#CCB4FF",
1232
1232
  "filePath": "src/tokens/code.json",
1233
1233
  "isSource": true,
1234
1234
  "original": {
1235
- "value": "{colors.lavender.25.value}"
1235
+ "value": "{colors.lavender.20.value}"
1236
1236
  },
1237
1237
  "name": "PaletteCodeDarkNumberLiteral",
1238
1238
  "attributes": {
@@ -1249,11 +1249,11 @@ module.exports = {
1249
1249
  ]
1250
1250
  },
1251
1251
  "booleanLiteral": {
1252
- "value": "#B38EFF",
1252
+ "value": "#CCB4FF",
1253
1253
  "filePath": "src/tokens/code.json",
1254
1254
  "isSource": true,
1255
1255
  "original": {
1256
- "value": "{colors.lavender.25.value}"
1256
+ "value": "{colors.lavender.20.value}"
1257
1257
  },
1258
1258
  "name": "PaletteCodeDarkBooleanLiteral",
1259
1259
  "attributes": {
@@ -1270,11 +1270,11 @@ module.exports = {
1270
1270
  ]
1271
1271
  },
1272
1272
  "paramValue": {
1273
- "value": "#B38EFF",
1273
+ "value": "#CCB4FF",
1274
1274
  "filePath": "src/tokens/code.json",
1275
1275
  "isSource": true,
1276
1276
  "original": {
1277
- "value": "{colors.lavender.25.value}"
1277
+ "value": "{colors.lavender.20.value}"
1278
1278
  },
1279
1279
  "name": "PaletteCodeDarkParamValue",
1280
1280
  "attributes": {
package/lib/tokens/js/tokens.js CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Wed, 29 Jan 2025 15:01:18 GMT
24
+ * Generated on Tue, 04 Feb 2025 11:25:17 GMT
25
25
  */
26
26
 
27
27
  export const tokens = {
@@ -109,9 +109,9 @@ export const tokens = {
109
109
  "function": "#8FE3E8",
110
110
  "procedure": "#8FE3E8",
111
111
  "stringLiteral": "#90CB62",
112
- "numberLiteral": "#B38EFF",
113
- "booleanLiteral": "#B38EFF",
114
- "paramValue": "#B38EFF",
112
+ "numberLiteral": "#CCB4FF",
113
+ "booleanLiteral": "#CCB4FF",
114
+ "paramValue": "#CCB4FF",
115
115
  "property": "#FFAA97"
116
116
  }
117
117
  },
package/lib/tokens/scss/tokens.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 29 Jan 2025 15:01:18 GMT
3
+ // Generated on Tue, 04 Feb 2025 11:25:16 GMT
4
4
 
5
5
  $transitions-values-properties-default: all;
6
6
  $transitions-values-duration-quick: 100ms;
@@ -61,9 +61,9 @@ $palette-code-dark-predicate-function: 143 227 232 / 1;
61
61
  $palette-code-dark-function: 143 227 232 / 1;
62
62
  $palette-code-dark-procedure: 143 227 232 / 1;
63
63
  $palette-code-dark-string-literal: 144 203 98 / 1;
64
- $palette-code-dark-number-literal: 179 142 255 / 1;
65
- $palette-code-dark-boolean-literal: 179 142 255 / 1;
66
- $palette-code-dark-param-value: 179 142 255 / 1;
64
+ $palette-code-dark-number-literal: 204 180 255 / 1;
65
+ $palette-code-dark-boolean-literal: 204 180 255 / 1;
66
+ $palette-code-dark-param-value: 204 180 255 / 1;
67
67
  $palette-code-dark-property: 255 170 151 / 1;
68
68
  $palette-graph-1: #FFDF81;
69
69
  $palette-graph-2: #C990C0;
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 Wed, 29 Jan 2025 15:01:18 GMT
24
+ * Generated on Tue, 04 Feb 2025 11:25:17 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.4",
3
+ "version": "3.2.6",
4
4
  "description": "Neo4j base package for the design system",
5
5
  "author": "Neo4j Inc.",
6
6
  "homepage": "https://www.neo4j.design",