@neo4j-ndl/base 3.7.13 → 3.7.15

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 +61 -10
  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 Wed, 02 Jul 2025 13:43:36 GMT
25
+ * Generated on Thu, 03 Jul 2025 07:42:09 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 Wed, 02 Jul 2025 13:43:36 GMT
25
+ * Generated on Thu, 03 Jul 2025 07:42:09 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 Wed, 02 Jul 2025 13:43:35 GMT
25
+ * Generated on Thu, 03 Jul 2025 07:42:09 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 Wed, 02 Jul 2025 13:43:36 GMT
24
+ * Generated on Thu, 03 Jul 2025 07:42:09 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 Wed, 02 Jul 2025 13:43:36 GMT
24
+ * Generated on Thu, 03 Jul 2025 07:42:09 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 Wed, 02 Jul 2025 13:43:35 GMT
25
+ * Generated on Thu, 03 Jul 2025 07:42:09 GMT
26
26
  */
27
27
  module.exports = {
28
28
  "transitions": {
package/lib/neo4j-ds-styles.css CHANGED
@@ -1271,6 +1271,9 @@ h6,
1271
1271
  outline-offset:2px;
1272
1272
  outline-color:rgb(var(--theme-palette-primary-focus));
1273
1273
  }
1274
+ .ndl-btn .ndl-icon-svg {
1275
+ flex-shrink:0;
1276
+ }
1274
1277
  .ndl-btn.ndl-loading {
1275
1278
  cursor:default;
1276
1279
  vertical-align:middle;
@@ -1288,6 +1291,10 @@ h6,
1288
1291
  letter-spacing:0;
1289
1292
  line-height:1.25rem;
1290
1293
  }
1294
+ .ndl-btn.ndl-small .ndl-icon-svg {
1295
+ width:16px;
1296
+ height:16px;
1297
+ }
1291
1298
  .ndl-btn.ndl-medium {
1292
1299
  height:36px;
1293
1300
  padding-left:16px;
@@ -1300,6 +1307,10 @@ h6,
1300
1307
  letter-spacing:0;
1301
1308
  line-height:1.25rem;
1302
1309
  }
1310
+ .ndl-btn.ndl-medium .ndl-icon-svg {
1311
+ width:16px;
1312
+ height:16px;
1313
+ }
1303
1314
  .ndl-btn.ndl-large {
1304
1315
  height:48px;
1305
1316
  padding-left:24px;
@@ -1312,6 +1323,10 @@ h6,
1312
1323
  letter-spacing:0.016rem;
1313
1324
  line-height:1.5rem;
1314
1325
  }
1326
+ .ndl-btn.ndl-large .ndl-icon-svg {
1327
+ width:20px;
1328
+ height:20px;
1329
+ }
1315
1330
  .ndl-btn.ndl-disabled {
1316
1331
  cursor:not-allowed;
1317
1332
  }
@@ -5219,6 +5234,9 @@ a.ndl-btn {
5219
5234
  outline-offset:2px;
5220
5235
  outline-color:rgb(var(--theme-palette-primary-focus));
5221
5236
  }
5237
+ .ndl-cypher-editor .cm-editor .cm-button .ndl-icon-svg, .ndl-codemirror-editor .cm-editor .cm-button .ndl-icon-svg {
5238
+ flex-shrink:0;
5239
+ }
5222
5240
  .ndl-cypher-editor .cm-editor .cm-button.ndl-loading, .ndl-codemirror-editor .cm-editor .cm-button.ndl-loading {
5223
5241
  cursor:default;
5224
5242
  vertical-align:middle;
@@ -5236,6 +5254,10 @@ a.ndl-btn {
5236
5254
  letter-spacing:0;
5237
5255
  line-height:1.25rem;
5238
5256
  }
5257
+ .ndl-cypher-editor .cm-editor .cm-button.ndl-small .ndl-icon-svg, .ndl-codemirror-editor .cm-editor .cm-button.ndl-small .ndl-icon-svg {
5258
+ width:16px;
5259
+ height:16px;
5260
+ }
5239
5261
  .ndl-cypher-editor .cm-editor .cm-button.ndl-medium, .ndl-codemirror-editor .cm-editor .cm-button.ndl-medium {
5240
5262
  height:36px;
5241
5263
  padding-left:16px;
@@ -5248,6 +5270,10 @@ a.ndl-btn {
5248
5270
  letter-spacing:0;
5249
5271
  line-height:1.25rem;
5250
5272
  }
5273
+ .ndl-cypher-editor .cm-editor .cm-button.ndl-medium .ndl-icon-svg, .ndl-codemirror-editor .cm-editor .cm-button.ndl-medium .ndl-icon-svg {
5274
+ width:16px;
5275
+ height:16px;
5276
+ }
5251
5277
  .ndl-cypher-editor .cm-editor .cm-button.ndl-large, .ndl-codemirror-editor .cm-editor .cm-button.ndl-large {
5252
5278
  height:48px;
5253
5279
  padding-left:24px;
@@ -5260,6 +5286,10 @@ a.ndl-btn {
5260
5286
  letter-spacing:0.016rem;
5261
5287
  line-height:1.5rem;
5262
5288
  }
5289
+ .ndl-cypher-editor .cm-editor .cm-button.ndl-large .ndl-icon-svg, .ndl-codemirror-editor .cm-editor .cm-button.ndl-large .ndl-icon-svg {
5290
+ width:20px;
5291
+ height:20px;
5292
+ }
5263
5293
  .ndl-cypher-editor .cm-editor .cm-button.ndl-disabled, .ndl-codemirror-editor .cm-editor .cm-button.ndl-disabled {
5264
5294
  cursor:not-allowed;
5265
5295
  }
@@ -7443,8 +7473,29 @@ button.ndl-avatar:focus-visible {
7443
7473
  --tw-text-opacity:1;
7444
7474
  color:rgb(255 255 255 / var(--tw-text-opacity));
7445
7475
  }
7446
- .ndl-chart-legend .ndl-chart-legend-item.ndl-chart-legend-item-deselected {
7447
- text-decoration-line:line-through;
7476
+ .ndl-chart-legend .ndl-chart-legend-item:focus-visible {
7477
+ outline:2px solid transparent;
7478
+ outline-offset:2px;
7479
+ }
7480
+ .ndl-chart-legend .ndl-chart-legend-item:focus-visible .ndl-chart-legend-item-square {
7481
+ outline-style:solid;
7482
+ outline-width:2px;
7483
+ outline-offset:1px;
7484
+ outline-color:rgb(var(--theme-palette-primary-focus));
7485
+ }
7486
+ .ndl-chart-legend .ndl-chart-legend-item:hover .ndl-chart-legend-item-square {
7487
+ outline-style:solid;
7488
+ outline-width:2px;
7489
+ outline-offset:0px;
7490
+ outline-color:color-mix(
7491
+ in srgb,
7492
+ var(--ndl-chart-legend-item-color) 25%,
7493
+ transparent
7494
+ );
7495
+ }
7496
+ .ndl-chart-legend .ndl-chart-legend-item.ndl-chart-legend-item-deselected .ndl-chart-legend-item-square {
7497
+ border-width:1px;
7498
+ border-color:rgb(var(--theme-palette-neutral-text-weaker));
7448
7499
  }
7449
7500
  .ndl-chart-legend.ndl-chart-legend-wrapping {
7450
7501
  flex-wrap:wrap;
@@ -7453,24 +7504,24 @@ button.ndl-avatar:focus-visible {
7453
7504
  overflow:hidden;
7454
7505
  }
7455
7506
  .ndl-chart-legend.ndl-chart-legend-truncation .ndl-chart-legend-item {
7507
+ min-width:0px;
7508
+ max-width:-moz-fit-content;
7509
+ max-width:fit-content;
7456
7510
  flex-grow:1;
7457
7511
  flex-basis:0px;
7458
- overflow:hidden;
7459
7512
  text-overflow:ellipsis;
7460
7513
  white-space:nowrap;
7461
- max-width:-moz-fit-content;
7462
- max-width:fit-content;
7463
7514
  }
7464
7515
  .ndl-chart-legend.ndl-chart-legend-truncation .ndl-chart-legend-item-text {
7516
+ max-width:-moz-fit-content;
7517
+ max-width:fit-content;
7465
7518
  overflow:hidden;
7466
7519
  text-overflow:ellipsis;
7467
7520
  white-space:nowrap;
7468
- max-width:-moz-fit-content;
7469
- max-width:fit-content;
7470
7521
  }
7471
- .ndl-chart-legend.ndl-chart-legend-calculating{
7472
- opacity:0;
7473
- }
7522
+ .ndl-chart-legend.ndl-chart-legend-calculating {
7523
+ opacity:0;
7524
+ }
7474
7525
  .ndl-charts-chart-tooltip {
7475
7526
  display:flex;
7476
7527
  min-width:176px;
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, 02 Jul 2025 13:43:35 GMT
24
+ * Generated on Thu, 03 Jul 2025 07:42:09 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 Wed, 02 Jul 2025 13:43:36 GMT
24
+ * Generated on Thu, 03 Jul 2025 07:42:09 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 Wed, 02 Jul 2025 13:43:36 GMT
24
+ * Generated on Thu, 03 Jul 2025 07:42:09 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 Wed, 02 Jul 2025 13:43:35 GMT
3
+ // Generated on Thu, 03 Jul 2025 07:42:09 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 Wed, 02 Jul 2025 13:43:36 GMT
24
+ * Generated on Thu, 03 Jul 2025 07:42:09 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.7.13",
3
+ "version": "3.7.15",
4
4
  "description": "Neo4j base package for the design system",
5
5
  "author": "Neo4j Inc.",
6
6
  "homepage": "https://www.neo4j.design",