@neo4j-ndl/base 1.1.1 → 1.1.2

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 CHANGED
@@ -1,5 +1,11 @@
1
1
  # Change Log
2
2
 
3
+ ## 1.1.2
4
+
5
+ ### Patch Changes
6
+
7
+ - 1ec1b64: Add disabled state styling to drag and drop
8
+
3
9
  ## 1.1.1
4
10
 
5
11
  ### Patch Changes
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  /**
3
3
  * Do not edit directly
4
- * Generated on Tue, 11 Apr 2023 12:49:36 GMT
4
+ * Generated on Tue, 18 Apr 2023 07:52:52 GMT
5
5
  */
6
6
  exports.__esModule = true;
7
7
  exports.tokens = void 0;
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  /**
3
3
  * Do not edit directly
4
- * Generated on Tue, 11 Apr 2023 12:49:36 GMT
4
+ * Generated on Tue, 18 Apr 2023 07:52:52 GMT
5
5
  */
6
6
  module.exports = {
7
7
  "transitions": {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 11 Apr 2023 12:49:36 GMT
3
+ * Generated on Tue, 18 Apr 2023 07:52:52 GMT
4
4
  */
5
5
  export const tokens = {
6
6
  "transitions": {
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  /**
3
3
  * Do not edit directly
4
- * Generated on Tue, 11 Apr 2023 12:49:36 GMT
4
+ * Generated on Tue, 18 Apr 2023 07:52:52 GMT
5
5
  */
6
6
  module.exports = {
7
7
  "transitions": {
@@ -459,7 +459,7 @@ video {
459
459
  */
460
460
  /**
461
461
  * Do not edit directly
462
- * Generated on Tue, 11 Apr 2023 12:49:36 GMT
462
+ * Generated on Tue, 18 Apr 2023 07:52:52 GMT
463
463
  */
464
464
  :root {
465
465
  --transitions-values-properties-default: all;
@@ -3437,6 +3437,10 @@ a.ndl-btn{
3437
3437
  margin-left: auto;
3438
3438
  margin-right: auto;
3439
3439
  }
3440
+ .ndl-drag-and-drop.ndl-drag-disabled{
3441
+ --tw-text-opacity: 1;
3442
+ color: rgb(178 183 189 / var(--tw-text-opacity));
3443
+ }
3440
3444
  .ndl-drag-and-drop.ndl-drag-active{
3441
3445
  --tw-bg-opacity: 1;
3442
3446
  background-color: rgb(230 248 255 / var(--tw-bg-opacity));
@@ -3457,14 +3461,16 @@ a.ndl-btn{
3457
3461
  .ndl-drag-and-drop .ndl-drag-and-drop-header .ndl-dnd-subtitle{
3458
3462
  font-weight: 400;
3459
3463
  }
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));
3464
+ .ndl-drag-and-drop .ndl-drag-and-drop-header .ndl-dnd-browse-link {
3463
3465
  font-size: var(--font-size-subheading-small);
3464
3466
  font-weight: var(--font-weight-semibold);
3465
3467
  letter-spacing: 0.016rem;
3466
3468
  line-height: 1.25rem;
3467
3469
  }
3470
+ .ndl-drag-and-drop .ndl-drag-and-drop-header .ndl-dnd-browse-link:not(:disabled){
3471
+ --tw-text-opacity: 1;
3472
+ color: rgb(0 111 214 / var(--tw-text-opacity));
3473
+ }
3468
3474
  .ndl-drag-and-drop .ndl-drag-and-drop-header .ndl-upload-img-wrapper{
3469
3475
  position: relative;
3470
3476
  display: inline-block;
@@ -3489,14 +3495,16 @@ a.ndl-btn{
3489
3495
  .ndl-drag-and-drop .ndl-drag-and-drop-footer{
3490
3496
  text-align: center;
3491
3497
  }
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));
3498
+ .ndl-drag-and-drop .ndl-drag-and-drop-footer .ndl-file-support-text {
3495
3499
  font-size: var(--font-size-body-medium);
3496
3500
  font-weight: var(--font-weight-normal);
3497
3501
  letter-spacing: 0.016rem;
3498
3502
  line-height: 1.25rem;
3499
3503
  }
3504
+ .ndl-drag-and-drop:not(.ndl-drag-disabled) .ndl-file-support-text{
3505
+ --tw-text-opacity: 1;
3506
+ color: rgb(113 119 128 / var(--tw-text-opacity));
3507
+ }
3500
3508
  .ndl-drag-and-drop.ndl-drag-active.ndl-file-invalid{
3501
3509
  --tw-bg-opacity: 1;
3502
3510
  background-color: rgb(255 230 233 / var(--tw-bg-opacity));
@@ -3633,8 +3641,14 @@ a.ndl-btn{
3633
3641
  letter-spacing: 0;
3634
3642
  line-height: 1.25rem;
3635
3643
  }
3644
+ .ndl-node-label .ndl-node-label-content{
3645
+ width: 100%;
3646
+ overflow: hidden;
3647
+ text-overflow: ellipsis;
3648
+ white-space: nowrap;
3649
+ }
3636
3650
  /* 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 som space between itself and the original element. */
3651
+ This border should have some space between itself and the original element. */
3638
3652
  .ndl-node-label:after{
3639
3653
  position: absolute;
3640
3654
  top: -3px;
@@ -3665,7 +3679,6 @@ a.ndl-btn{
3665
3679
  position: relative;
3666
3680
  display: inline-block;
3667
3681
  cursor: pointer;
3668
- word-break: break-all;
3669
3682
  border-radius: 4px;
3670
3683
  --tw-bg-opacity: 1;
3671
3684
  background-color: rgb(83 91 102 / var(--tw-bg-opacity));
@@ -3685,6 +3698,12 @@ a.ndl-btn{
3685
3698
  --tw-text-opacity: 1;
3686
3699
  color: rgb(178 183 189 / var(--tw-text-opacity));
3687
3700
  }
3701
+ .ndl-property-key-label .ndl-property-key-label-content{
3702
+ width: 100%;
3703
+ overflow: hidden;
3704
+ text-overflow: ellipsis;
3705
+ white-space: nowrap;
3706
+ }
3688
3707
  .ndl-property-key-label:after{
3689
3708
  position: absolute;
3690
3709
  top: -3px;
@@ -3713,14 +3732,14 @@ a.ndl-btn{
3713
3732
  }
3714
3733
  .ndl-relationship-label{
3715
3734
  position: relative;
3716
- display: inline-block;
3735
+ display: flex;
3717
3736
  cursor: pointer;
3718
3737
  }
3719
- .ndl-relationship-label .ndl-relationship-label-content{
3738
+ .ndl-relationship-label .ndl-relationship-label-container{
3720
3739
  position: relative;
3721
3740
  z-index: 10;
3722
3741
  display: inline-block;
3723
- word-break: break-all;
3742
+ width: 100%;
3724
3743
  padding-top: 2px;
3725
3744
  padding-bottom: 2px;
3726
3745
  font-size: var(--font-size-label);
@@ -3728,7 +3747,13 @@ a.ndl-btn{
3728
3747
  letter-spacing: 0;
3729
3748
  line-height: 1.25rem;
3730
3749
  }
3731
- .ndl-relationship-label .ndl-relationship-label-content:after{
3750
+ .ndl-relationship-label .ndl-relationship-label-container .ndl-relationship-label-content{
3751
+ width: 100%;
3752
+ overflow: hidden;
3753
+ text-overflow: ellipsis;
3754
+ white-space: nowrap;
3755
+ }
3756
+ .ndl-relationship-label .ndl-relationship-label-container:after{
3732
3757
  position: absolute;
3733
3758
  left: 0px;
3734
3759
  right: 0px;
@@ -3738,7 +3763,7 @@ a.ndl-btn{
3738
3763
  --tw-content: '';
3739
3764
  content: var(--tw-content);
3740
3765
  }
3741
- .ndl-relationship-label .ndl-relationship-label-content:before{
3766
+ .ndl-relationship-label .ndl-relationship-label-container:before{
3742
3767
  position: absolute;
3743
3768
  left: 0px;
3744
3769
  right: 0px;
@@ -3766,11 +3791,11 @@ a.ndl-btn{
3766
3791
  .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
3792
  fill: #018bff;
3768
3793
  }
3769
- .ndl-relationship-label:not(.ndl-disabled).ndl-selected .ndl-relationship-label-content:after, .ndl-relationship-label:not(.ndl-disabled):focus-visible .ndl-relationship-label-content:after, .ndl-relationship-label:not(.ndl-disabled):active .ndl-relationship-label-content:after{
3794
+ .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
3795
  --tw-bg-opacity: 1;
3771
3796
  background-color: rgb(1 139 255 / var(--tw-bg-opacity));
3772
3797
  }
3773
- .ndl-relationship-label:not(.ndl-disabled).ndl-selected .ndl-relationship-label-content:before, .ndl-relationship-label:not(.ndl-disabled):focus-visible .ndl-relationship-label-content:before, .ndl-relationship-label:not(.ndl-disabled):active .ndl-relationship-label-content:before{
3798
+ .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
3799
  --tw-bg-opacity: 1;
3775
3800
  background-color: rgb(1 139 255 / var(--tw-bg-opacity));
3776
3801
  }
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 11 Apr 2023 12:49:36 GMT
3
+ * Generated on Tue, 18 Apr 2023 07:52:52 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 11 Apr 2023 12:49:36 GMT
3
+ * Generated on Tue, 18 Apr 2023 07:52:52 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 11 Apr 2023 12:49:36 GMT
3
+ * Generated on Tue, 18 Apr 2023 07:52:52 GMT
4
4
  */
5
5
 
6
6
  export const tokens = {
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 11 Apr 2023 12:49:36 GMT
3
+ // Generated on Tue, 18 Apr 2023 07:52:52 GMT
4
4
 
5
5
  $transitions-values-properties-default: all;
6
6
  $transitions-values-duration-default: 100ms;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@neo4j-ndl/base",
3
- "version": "1.1.1",
3
+ "version": "1.1.2",
4
4
  "description": "Neo4j base package for the design system",
5
5
  "author": "Neo4j Inc.",
6
6
  "homepage": "",