@neo4j-ndl/base 3.7.3 → 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 +175 -0
- 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
|
@@ -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