@neo4j-ndl/base 3.7.2 → 3.7.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.
- 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 +185 -10
- 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
|
@@ -935,7 +935,7 @@ h6,
|
|
|
935
935
|
line-height:1.25rem;
|
|
936
936
|
}
|
|
937
937
|
.n-label{
|
|
938
|
-
font-family:var(--font-font-family-
|
|
938
|
+
font-family:var(--font-font-family-label), sans-serif;
|
|
939
939
|
font-size:var(--font-size-label);
|
|
940
940
|
font-weight:var(--font-weight-bold);
|
|
941
941
|
letter-spacing:0;
|
|
@@ -1282,7 +1282,7 @@ h6,
|
|
|
1282
1282
|
padding-right:12px;
|
|
1283
1283
|
padding-top:2px;
|
|
1284
1284
|
padding-bottom:2px;
|
|
1285
|
-
font-family:var(--font-font-family-
|
|
1285
|
+
font-family:var(--font-font-family-label), sans-serif;
|
|
1286
1286
|
font-size:var(--font-size-label);
|
|
1287
1287
|
font-weight:var(--font-weight-bold);
|
|
1288
1288
|
letter-spacing:0;
|
|
@@ -1294,7 +1294,7 @@ h6,
|
|
|
1294
1294
|
padding-right:16px;
|
|
1295
1295
|
padding-top:8px;
|
|
1296
1296
|
padding-bottom:8px;
|
|
1297
|
-
font-family:var(--font-font-family-
|
|
1297
|
+
font-family:var(--font-font-family-label), sans-serif;
|
|
1298
1298
|
font-size:var(--font-size-label);
|
|
1299
1299
|
font-weight:var(--font-weight-bold);
|
|
1300
1300
|
letter-spacing:0;
|
|
@@ -1763,7 +1763,7 @@ a.ndl-btn {
|
|
|
1763
1763
|
.ndl-banner.ndl-inline.ndl-danger .ndl-banner-actions a, .ndl-banner.ndl-global.ndl-danger .ndl-banner-actions a {
|
|
1764
1764
|
cursor:pointer;
|
|
1765
1765
|
color:rgb(var(--theme-palette-neutral-text-default));
|
|
1766
|
-
font-family:var(--font-font-family-
|
|
1766
|
+
font-family:var(--font-font-family-label), sans-serif;
|
|
1767
1767
|
font-size:var(--font-size-label);
|
|
1768
1768
|
font-weight:var(--font-weight-bold);
|
|
1769
1769
|
letter-spacing:0;
|
|
@@ -3720,7 +3720,7 @@ a.ndl-btn {
|
|
|
3720
3720
|
padding-left:16px;
|
|
3721
3721
|
text-align:left;
|
|
3722
3722
|
color:rgb(var(--theme-palette-neutral-text-weaker));
|
|
3723
|
-
font-family:var(--font-font-family-
|
|
3723
|
+
font-family:var(--font-font-family-label), sans-serif;
|
|
3724
3724
|
font-size:var(--font-size-label);
|
|
3725
3725
|
font-weight:var(--font-weight-bold);
|
|
3726
3726
|
letter-spacing:0;
|
|
@@ -4483,7 +4483,7 @@ a.ndl-btn {
|
|
|
4483
4483
|
padding-bottom:2px;
|
|
4484
4484
|
padding-left:8px;
|
|
4485
4485
|
padding-right:8px;
|
|
4486
|
-
font-family:var(--font-font-family-
|
|
4486
|
+
font-family:var(--font-font-family-label), sans-serif;
|
|
4487
4487
|
font-size:var(--font-size-label);
|
|
4488
4488
|
font-weight:var(--font-weight-bold);
|
|
4489
4489
|
letter-spacing:0;
|
|
@@ -4613,7 +4613,7 @@ a.ndl-btn {
|
|
|
4613
4613
|
width:100%;
|
|
4614
4614
|
min-width:0px;
|
|
4615
4615
|
align-items:center;
|
|
4616
|
-
font-family:var(--font-font-family-
|
|
4616
|
+
font-family:var(--font-font-family-label), sans-serif;
|
|
4617
4617
|
font-size:var(--font-size-label);
|
|
4618
4618
|
font-weight:var(--font-weight-bold);
|
|
4619
4619
|
letter-spacing:0;
|
|
@@ -5230,7 +5230,7 @@ a.ndl-btn {
|
|
|
5230
5230
|
padding-right:12px;
|
|
5231
5231
|
padding-top:2px;
|
|
5232
5232
|
padding-bottom:2px;
|
|
5233
|
-
font-family:var(--font-font-family-
|
|
5233
|
+
font-family:var(--font-font-family-label), sans-serif;
|
|
5234
5234
|
font-size:var(--font-size-label);
|
|
5235
5235
|
font-weight:var(--font-weight-bold);
|
|
5236
5236
|
letter-spacing:0;
|
|
@@ -5242,7 +5242,7 @@ a.ndl-btn {
|
|
|
5242
5242
|
padding-right:16px;
|
|
5243
5243
|
padding-top:8px;
|
|
5244
5244
|
padding-bottom:8px;
|
|
5245
|
-
font-family:var(--font-font-family-
|
|
5245
|
+
font-family:var(--font-font-family-label), sans-serif;
|
|
5246
5246
|
font-size:var(--font-size-label);
|
|
5247
5247
|
font-weight:var(--font-weight-bold);
|
|
5248
5248
|
letter-spacing:0;
|
|
@@ -6203,7 +6203,7 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
|
|
|
6203
6203
|
color:rgb(var(--theme-palette-neutral-border-strong));
|
|
6204
6204
|
--tw-content:'/';
|
|
6205
6205
|
content:var(--tw-content);
|
|
6206
|
-
font-family:var(--font-font-family-
|
|
6206
|
+
font-family:var(--font-font-family-label), sans-serif;
|
|
6207
6207
|
font-size:var(--font-size-label);
|
|
6208
6208
|
font-weight:var(--font-weight-bold);
|
|
6209
6209
|
letter-spacing:0;
|
|
@@ -8327,6 +8327,177 @@ button.ndl-avatar:focus-visible {
|
|
|
8327
8327
|
.ndl-icon-indicator-wrapper .ndl-icon-indicator.ndl-danger {
|
|
8328
8328
|
fill:rgb(var(--theme-palette-danger-bg-status));
|
|
8329
8329
|
}
|
|
8330
|
+
.ndl-graph-viz-container {
|
|
8331
|
+
display:flex;
|
|
8332
|
+
height:100%;
|
|
8333
|
+
width:100%;
|
|
8334
|
+
}
|
|
8335
|
+
.ndl-graph-viz-container .ndl-graph-viz {
|
|
8336
|
+
position:relative;
|
|
8337
|
+
height:100%;
|
|
8338
|
+
width:100%;
|
|
8339
|
+
background-color:rgb(var(--theme-palette-neutral-bg-default));
|
|
8340
|
+
min-width:25px;
|
|
8341
|
+
}
|
|
8342
|
+
.ndl-graph-viz-container .ndl-graph-resizable{
|
|
8343
|
+
max-width:min(66%, calc(100% - 325px)) !important;
|
|
8344
|
+
}
|
|
8345
|
+
.ndl-graph-viz-container .ndl-graph-viz-interaction-island {
|
|
8346
|
+
position:absolute;
|
|
8347
|
+
}
|
|
8348
|
+
.ndl-graph-viz-container .ndl-graph-viz-interaction-island.ndl-top-left {
|
|
8349
|
+
top:8px;
|
|
8350
|
+
left:8px;
|
|
8351
|
+
}
|
|
8352
|
+
.ndl-graph-viz-container .ndl-graph-viz-interaction-island.ndl-top-right {
|
|
8353
|
+
top:8px;
|
|
8354
|
+
right:8px;
|
|
8355
|
+
}
|
|
8356
|
+
.ndl-graph-viz-container .ndl-graph-viz-interaction-island.ndl-bottom-left {
|
|
8357
|
+
bottom:8px;
|
|
8358
|
+
left:8px;
|
|
8359
|
+
}
|
|
8360
|
+
.ndl-graph-viz-container .ndl-graph-viz-interaction-island.ndl-bottom-right {
|
|
8361
|
+
bottom:8px;
|
|
8362
|
+
right:8px;
|
|
8363
|
+
}
|
|
8364
|
+
.ndl-graph-viz-container .ndl-graph-viz-default-download-group {
|
|
8365
|
+
display:flex;
|
|
8366
|
+
gap:8px;
|
|
8367
|
+
}
|
|
8368
|
+
.ndl-graph-viz-container .ndl-graph-viz-toggle-sidepanel {
|
|
8369
|
+
background-color:rgb(var(--theme-palette-neutral-bg-weak));
|
|
8370
|
+
}
|
|
8371
|
+
.ndl-graph-viz-container .ndl-graph-viz-toggle-sidepanel .ndl-graph-viz-toggle-icon {
|
|
8372
|
+
color:rgb(var(--theme-palette-neutral-text-weak));
|
|
8373
|
+
}
|
|
8374
|
+
.ndl-graph-viz-container .ndl-graph-viz-sidepanel-content {
|
|
8375
|
+
display:grid;
|
|
8376
|
+
height:100%;
|
|
8377
|
+
gap:8px;
|
|
8378
|
+
overflow:auto;
|
|
8379
|
+
padding-top:8px;
|
|
8380
|
+
font-family:"Public Sans";
|
|
8381
|
+
grid-template-areas:'title closeButton' 'content content';
|
|
8382
|
+
grid-template-columns:1fr auto;
|
|
8383
|
+
grid-template-rows:36px 1fr;
|
|
8384
|
+
}
|
|
8385
|
+
.ndl-graph-viz-container .ndl-graph-viz-sidepanel-title {
|
|
8386
|
+
margin-left:16px;
|
|
8387
|
+
display:flex;
|
|
8388
|
+
align-items:center;
|
|
8389
|
+
grid-area:title;
|
|
8390
|
+
}
|
|
8391
|
+
.ndl-graph-viz-container .ndl-graph-viz-overview-panel {
|
|
8392
|
+
margin-left:16px;
|
|
8393
|
+
margin-right:16px;
|
|
8394
|
+
display:flex;
|
|
8395
|
+
flex-direction:column;
|
|
8396
|
+
gap:8px;
|
|
8397
|
+
}
|
|
8398
|
+
.ndl-graph-viz-container .ndl-graph-viz-overview-panel .ndl-overview-section {
|
|
8399
|
+
display:flex;
|
|
8400
|
+
flex-direction:column;
|
|
8401
|
+
gap:8px;
|
|
8402
|
+
}
|
|
8403
|
+
.ndl-graph-viz-container .ndl-graph-viz-overview-panel .ndl-overview-header {
|
|
8404
|
+
display:flex;
|
|
8405
|
+
align-items:center;
|
|
8406
|
+
justify-content:space-between;
|
|
8407
|
+
font-size:0.875rem;
|
|
8408
|
+
line-height:1.25rem;
|
|
8409
|
+
}
|
|
8410
|
+
.ndl-graph-viz-container .ndl-graph-viz-overview-panel .ndl-overview-items {
|
|
8411
|
+
display:flex;
|
|
8412
|
+
flex-direction:row;
|
|
8413
|
+
flex-wrap:wrap;
|
|
8414
|
+
-moz-column-gap:6px;
|
|
8415
|
+
column-gap:6px;
|
|
8416
|
+
row-gap:4px;
|
|
8417
|
+
line-height:1.25;
|
|
8418
|
+
}
|
|
8419
|
+
.ndl-graph-viz-container .ndl-graph-viz-overview-panel .ndl-overview-relationships-section {
|
|
8420
|
+
display:flex;
|
|
8421
|
+
flex-direction:column;
|
|
8422
|
+
gap:8px;
|
|
8423
|
+
}
|
|
8424
|
+
.ndl-graph-viz-container .ndl-graph-viz-overview-panel .ndl-overview-relationships-section .ndl-overview-relationships-title {
|
|
8425
|
+
font-size:0.875rem;
|
|
8426
|
+
line-height:1.25rem;
|
|
8427
|
+
}
|
|
8428
|
+
.ndl-graph-viz-container .ndl-graph-viz-properties-table {
|
|
8429
|
+
display:flex;
|
|
8430
|
+
width:100%;
|
|
8431
|
+
flex-direction:column;
|
|
8432
|
+
word-break:break-all;
|
|
8433
|
+
padding-left:16px;
|
|
8434
|
+
padding-right:16px;
|
|
8435
|
+
font-size:0.875rem;
|
|
8436
|
+
line-height:1.25rem;
|
|
8437
|
+
}
|
|
8438
|
+
.ndl-graph-viz-container .ndl-graph-viz-properties-table .ndl-properties-header {
|
|
8439
|
+
margin-bottom:4px;
|
|
8440
|
+
display:flex;
|
|
8441
|
+
flex-direction:row;
|
|
8442
|
+
padding-left:8px;
|
|
8443
|
+
}
|
|
8444
|
+
.ndl-graph-viz-container .ndl-graph-viz-properties-table .ndl-properties-header-key {
|
|
8445
|
+
flex-basis:33.333333%;
|
|
8446
|
+
}
|
|
8447
|
+
.ndl-graph-viz-container .ndl-graph-viz-properties-table .ndl-properties-row {
|
|
8448
|
+
display:flex;
|
|
8449
|
+
border-top-width:1px;
|
|
8450
|
+
border-color:rgb(var(--theme-palette-neutral-border-weak));
|
|
8451
|
+
padding-top:4px;
|
|
8452
|
+
padding-bottom:4px;
|
|
8453
|
+
padding-left:8px;
|
|
8454
|
+
}
|
|
8455
|
+
.ndl-graph-viz-container .ndl-graph-viz-properties-table .ndl-properties-row:first-child {
|
|
8456
|
+
border-style:none;
|
|
8457
|
+
}
|
|
8458
|
+
.ndl-graph-viz-container .ndl-graph-viz-properties-table .ndl-properties-key {
|
|
8459
|
+
overflow:hidden;
|
|
8460
|
+
display:-webkit-box;
|
|
8461
|
+
-webkit-box-orient:vertical;
|
|
8462
|
+
-webkit-line-clamp:3;
|
|
8463
|
+
flex-basis:33.333333%;
|
|
8464
|
+
font-weight:900;
|
|
8465
|
+
}
|
|
8466
|
+
.ndl-graph-viz-container .ndl-graph-viz-properties-table .ndl-properties-value {
|
|
8467
|
+
flex:1 1 0%;
|
|
8468
|
+
white-space:pre-wrap;
|
|
8469
|
+
}
|
|
8470
|
+
.ndl-graph-viz-container .ndl-graph-viz-properties-table .ndl-properties-clipboard-button {
|
|
8471
|
+
display:flex;
|
|
8472
|
+
justify-content:flex-end;
|
|
8473
|
+
}
|
|
8474
|
+
.ndl-graph-viz-container .ndl-details-title {
|
|
8475
|
+
margin-right:auto;
|
|
8476
|
+
}
|
|
8477
|
+
.ndl-graph-viz-container .ndl-details-tags {
|
|
8478
|
+
margin-left:16px;
|
|
8479
|
+
margin-right:16px;
|
|
8480
|
+
display:flex;
|
|
8481
|
+
flex-direction:row;
|
|
8482
|
+
flex-wrap:wrap;
|
|
8483
|
+
gap:8px;
|
|
8484
|
+
}
|
|
8485
|
+
.ndl-graph-viz-container .ndl-details-divider {
|
|
8486
|
+
margin-top:12px;
|
|
8487
|
+
margin-bottom:12px;
|
|
8488
|
+
height:1px;
|
|
8489
|
+
width:100%;
|
|
8490
|
+
background-color:rgb(var(--theme-palette-neutral-border-weak));
|
|
8491
|
+
}
|
|
8492
|
+
.ndl-graph-viz-container .ndl-grid-area-title{
|
|
8493
|
+
grid-area:title;
|
|
8494
|
+
}
|
|
8495
|
+
.ndl-graph-viz-container .ndl-grid-area-content{
|
|
8496
|
+
grid-area:content;
|
|
8497
|
+
}
|
|
8498
|
+
.ndl-graph-viz-container .ndl-sidepanel-handle {
|
|
8499
|
+
margin-left:4px;
|
|
8500
|
+
}
|
|
8330
8501
|
.n-absolute {
|
|
8331
8502
|
position:absolute;
|
|
8332
8503
|
}
|
|
@@ -8354,6 +8525,10 @@ button.ndl-avatar:focus-visible {
|
|
|
8354
8525
|
.n-m-token-8 {
|
|
8355
8526
|
margin:32px;
|
|
8356
8527
|
}
|
|
8528
|
+
.n-mx-2 {
|
|
8529
|
+
margin-left:8px;
|
|
8530
|
+
margin-right:8px;
|
|
8531
|
+
}
|
|
8357
8532
|
.n-mx-auto {
|
|
8358
8533
|
margin-left:auto;
|
|
8359
8534
|
margin-right:auto;
|
package/lib/tokens/js/tokens.js
CHANGED