@neo4j-ndl/base 1.1.1 → 1.2.0
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/CHANGELOG.md +12 -0
- package/lib/cjs/tokens/js/tokens-esm.js +1 -1
- package/lib/cjs/tokens/js/tokens.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 +55 -16
- 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/package.json +1 -1
package/CHANGELOG.md
CHANGED
package/lib/neo4j-ds-styles.css
CHANGED
|
@@ -459,7 +459,7 @@ video {
|
|
|
459
459
|
*/
|
|
460
460
|
/**
|
|
461
461
|
* Do not edit directly
|
|
462
|
-
* Generated on Tue,
|
|
462
|
+
* Generated on Tue, 18 Apr 2023 13:31:13 GMT
|
|
463
463
|
*/
|
|
464
464
|
:root {
|
|
465
465
|
--transitions-values-properties-default: all;
|
|
@@ -2443,6 +2443,20 @@ a.ndl-btn{
|
|
|
2443
2443
|
height: 17px;
|
|
2444
2444
|
cursor: pointer;
|
|
2445
2445
|
}
|
|
2446
|
+
.ndl-menu .ndl-menu-subheader{
|
|
2447
|
+
margin-bottom: 0.5rem;
|
|
2448
|
+
padding-left: 0.5rem;
|
|
2449
|
+
padding-right: 0.5rem;
|
|
2450
|
+
padding-top: 0.5rem;
|
|
2451
|
+
}
|
|
2452
|
+
.ndl-menu .ndl-menu-subheader .ndl-menu-subheader-title{
|
|
2453
|
+
--tw-text-opacity: 1;
|
|
2454
|
+
color: rgb(113 119 128 / var(--tw-text-opacity));
|
|
2455
|
+
font-size: var(--font-size-body-medium);
|
|
2456
|
+
font-weight: var(--font-weight-normal);
|
|
2457
|
+
letter-spacing: 0.016rem;
|
|
2458
|
+
line-height: 1.25rem;
|
|
2459
|
+
}
|
|
2446
2460
|
/**
|
|
2447
2461
|
*
|
|
2448
2462
|
* Copyright (c) "Neo4j"
|
|
@@ -3437,6 +3451,10 @@ a.ndl-btn{
|
|
|
3437
3451
|
margin-left: auto;
|
|
3438
3452
|
margin-right: auto;
|
|
3439
3453
|
}
|
|
3454
|
+
.ndl-drag-and-drop.ndl-drag-disabled{
|
|
3455
|
+
--tw-text-opacity: 1;
|
|
3456
|
+
color: rgb(178 183 189 / var(--tw-text-opacity));
|
|
3457
|
+
}
|
|
3440
3458
|
.ndl-drag-and-drop.ndl-drag-active{
|
|
3441
3459
|
--tw-bg-opacity: 1;
|
|
3442
3460
|
background-color: rgb(230 248 255 / var(--tw-bg-opacity));
|
|
@@ -3457,14 +3475,16 @@ a.ndl-btn{
|
|
|
3457
3475
|
.ndl-drag-and-drop .ndl-drag-and-drop-header .ndl-dnd-subtitle{
|
|
3458
3476
|
font-weight: 400;
|
|
3459
3477
|
}
|
|
3460
|
-
.ndl-drag-and-drop .ndl-drag-and-drop-header .ndl-dnd-browse-link{
|
|
3461
|
-
--tw-text-opacity: 1;
|
|
3462
|
-
color: rgb(0 111 214 / var(--tw-text-opacity));
|
|
3478
|
+
.ndl-drag-and-drop .ndl-drag-and-drop-header .ndl-dnd-browse-link {
|
|
3463
3479
|
font-size: var(--font-size-subheading-small);
|
|
3464
3480
|
font-weight: var(--font-weight-semibold);
|
|
3465
3481
|
letter-spacing: 0.016rem;
|
|
3466
3482
|
line-height: 1.25rem;
|
|
3467
3483
|
}
|
|
3484
|
+
.ndl-drag-and-drop .ndl-drag-and-drop-header .ndl-dnd-browse-link:not(:disabled){
|
|
3485
|
+
--tw-text-opacity: 1;
|
|
3486
|
+
color: rgb(0 111 214 / var(--tw-text-opacity));
|
|
3487
|
+
}
|
|
3468
3488
|
.ndl-drag-and-drop .ndl-drag-and-drop-header .ndl-upload-img-wrapper{
|
|
3469
3489
|
position: relative;
|
|
3470
3490
|
display: inline-block;
|
|
@@ -3489,14 +3509,16 @@ a.ndl-btn{
|
|
|
3489
3509
|
.ndl-drag-and-drop .ndl-drag-and-drop-footer{
|
|
3490
3510
|
text-align: center;
|
|
3491
3511
|
}
|
|
3492
|
-
.ndl-drag-and-drop .ndl-drag-and-drop-footer .ndl-file-support-text{
|
|
3493
|
-
--tw-text-opacity: 1;
|
|
3494
|
-
color: rgb(113 119 128 / var(--tw-text-opacity));
|
|
3512
|
+
.ndl-drag-and-drop .ndl-drag-and-drop-footer .ndl-file-support-text {
|
|
3495
3513
|
font-size: var(--font-size-body-medium);
|
|
3496
3514
|
font-weight: var(--font-weight-normal);
|
|
3497
3515
|
letter-spacing: 0.016rem;
|
|
3498
3516
|
line-height: 1.25rem;
|
|
3499
3517
|
}
|
|
3518
|
+
.ndl-drag-and-drop:not(.ndl-drag-disabled) .ndl-file-support-text{
|
|
3519
|
+
--tw-text-opacity: 1;
|
|
3520
|
+
color: rgb(113 119 128 / var(--tw-text-opacity));
|
|
3521
|
+
}
|
|
3500
3522
|
.ndl-drag-and-drop.ndl-drag-active.ndl-file-invalid{
|
|
3501
3523
|
--tw-bg-opacity: 1;
|
|
3502
3524
|
background-color: rgb(255 230 233 / var(--tw-bg-opacity));
|
|
@@ -3633,8 +3655,14 @@ a.ndl-btn{
|
|
|
3633
3655
|
letter-spacing: 0;
|
|
3634
3656
|
line-height: 1.25rem;
|
|
3635
3657
|
}
|
|
3658
|
+
.ndl-node-label .ndl-node-label-content{
|
|
3659
|
+
width: 100%;
|
|
3660
|
+
overflow: hidden;
|
|
3661
|
+
text-overflow: ellipsis;
|
|
3662
|
+
white-space: nowrap;
|
|
3663
|
+
}
|
|
3636
3664
|
/* Adds an after element that's bigger than the original element and give it a border to get the blue active and focus border.
|
|
3637
|
-
This border should have
|
|
3665
|
+
This border should have some space between itself and the original element. */
|
|
3638
3666
|
.ndl-node-label:after{
|
|
3639
3667
|
position: absolute;
|
|
3640
3668
|
top: -3px;
|
|
@@ -3665,7 +3693,6 @@ a.ndl-btn{
|
|
|
3665
3693
|
position: relative;
|
|
3666
3694
|
display: inline-block;
|
|
3667
3695
|
cursor: pointer;
|
|
3668
|
-
word-break: break-all;
|
|
3669
3696
|
border-radius: 4px;
|
|
3670
3697
|
--tw-bg-opacity: 1;
|
|
3671
3698
|
background-color: rgb(83 91 102 / var(--tw-bg-opacity));
|
|
@@ -3685,6 +3712,12 @@ a.ndl-btn{
|
|
|
3685
3712
|
--tw-text-opacity: 1;
|
|
3686
3713
|
color: rgb(178 183 189 / var(--tw-text-opacity));
|
|
3687
3714
|
}
|
|
3715
|
+
.ndl-property-key-label .ndl-property-key-label-content{
|
|
3716
|
+
width: 100%;
|
|
3717
|
+
overflow: hidden;
|
|
3718
|
+
text-overflow: ellipsis;
|
|
3719
|
+
white-space: nowrap;
|
|
3720
|
+
}
|
|
3688
3721
|
.ndl-property-key-label:after{
|
|
3689
3722
|
position: absolute;
|
|
3690
3723
|
top: -3px;
|
|
@@ -3713,14 +3746,14 @@ a.ndl-btn{
|
|
|
3713
3746
|
}
|
|
3714
3747
|
.ndl-relationship-label{
|
|
3715
3748
|
position: relative;
|
|
3716
|
-
display:
|
|
3749
|
+
display: flex;
|
|
3717
3750
|
cursor: pointer;
|
|
3718
3751
|
}
|
|
3719
|
-
.ndl-relationship-label .ndl-relationship-label-
|
|
3752
|
+
.ndl-relationship-label .ndl-relationship-label-container{
|
|
3720
3753
|
position: relative;
|
|
3721
3754
|
z-index: 10;
|
|
3722
3755
|
display: inline-block;
|
|
3723
|
-
|
|
3756
|
+
width: 100%;
|
|
3724
3757
|
padding-top: 2px;
|
|
3725
3758
|
padding-bottom: 2px;
|
|
3726
3759
|
font-size: var(--font-size-label);
|
|
@@ -3728,7 +3761,13 @@ a.ndl-btn{
|
|
|
3728
3761
|
letter-spacing: 0;
|
|
3729
3762
|
line-height: 1.25rem;
|
|
3730
3763
|
}
|
|
3731
|
-
.ndl-relationship-label .ndl-relationship-label-content
|
|
3764
|
+
.ndl-relationship-label .ndl-relationship-label-container .ndl-relationship-label-content{
|
|
3765
|
+
width: 100%;
|
|
3766
|
+
overflow: hidden;
|
|
3767
|
+
text-overflow: ellipsis;
|
|
3768
|
+
white-space: nowrap;
|
|
3769
|
+
}
|
|
3770
|
+
.ndl-relationship-label .ndl-relationship-label-container:after{
|
|
3732
3771
|
position: absolute;
|
|
3733
3772
|
left: 0px;
|
|
3734
3773
|
right: 0px;
|
|
@@ -3738,7 +3777,7 @@ a.ndl-btn{
|
|
|
3738
3777
|
--tw-content: '';
|
|
3739
3778
|
content: var(--tw-content);
|
|
3740
3779
|
}
|
|
3741
|
-
.ndl-relationship-label .ndl-relationship-label-
|
|
3780
|
+
.ndl-relationship-label .ndl-relationship-label-container:before{
|
|
3742
3781
|
position: absolute;
|
|
3743
3782
|
left: 0px;
|
|
3744
3783
|
right: 0px;
|
|
@@ -3766,11 +3805,11 @@ a.ndl-btn{
|
|
|
3766
3805
|
.ndl-relationship-label:not(.ndl-disabled).ndl-selected .ndl-hexagon-end-active, .ndl-relationship-label:not(.ndl-disabled):focus-visible .ndl-hexagon-end-active, .ndl-relationship-label:not(.ndl-disabled):active .ndl-hexagon-end-active{
|
|
3767
3806
|
fill: #018bff;
|
|
3768
3807
|
}
|
|
3769
|
-
.ndl-relationship-label:not(.ndl-disabled).ndl-selected .ndl-relationship-label-
|
|
3808
|
+
.ndl-relationship-label:not(.ndl-disabled).ndl-selected .ndl-relationship-label-container:after, .ndl-relationship-label:not(.ndl-disabled):focus-visible .ndl-relationship-label-container:after, .ndl-relationship-label:not(.ndl-disabled):active .ndl-relationship-label-container:after{
|
|
3770
3809
|
--tw-bg-opacity: 1;
|
|
3771
3810
|
background-color: rgb(1 139 255 / var(--tw-bg-opacity));
|
|
3772
3811
|
}
|
|
3773
|
-
.ndl-relationship-label:not(.ndl-disabled).ndl-selected .ndl-relationship-label-
|
|
3812
|
+
.ndl-relationship-label:not(.ndl-disabled).ndl-selected .ndl-relationship-label-container:before, .ndl-relationship-label:not(.ndl-disabled):focus-visible .ndl-relationship-label-container:before, .ndl-relationship-label:not(.ndl-disabled):active .ndl-relationship-label-container:before{
|
|
3774
3813
|
--tw-bg-opacity: 1;
|
|
3775
3814
|
background-color: rgb(1 139 255 / var(--tw-bg-opacity));
|
|
3776
3815
|
}
|
package/lib/tokens/js/tokens.js
CHANGED