@neo4j-ndl/base 1.0.0-alpha-d34993b → 1.0.0-alpha-d7bc50a

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.
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  /**
3
3
  * Do not edit directly
4
- * Generated on Mon, 30 Jan 2023 13:57:06 GMT
4
+ * Generated on Thu, 02 Feb 2023 08:05: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 Mon, 30 Jan 2023 13:57:06 GMT
4
+ * Generated on Thu, 02 Feb 2023 08:05: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 Mon, 30 Jan 2023 13:57:06 GMT
3
+ * Generated on Thu, 02 Feb 2023 08:05: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 Mon, 30 Jan 2023 13:57:06 GMT
4
+ * Generated on Thu, 02 Feb 2023 08:05: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 Mon, 30 Jan 2023 13:57:06 GMT
462
+ * Generated on Thu, 02 Feb 2023 08:05:52 GMT
463
463
  */
464
464
  :root {
465
465
  --transitions-values-properties-default: all;
@@ -2729,6 +2729,9 @@ a.ndl-btn{
2729
2729
  transform: translate3d(0%, 0%, 0) rotate(360deg);
2730
2730
  }
2731
2731
  }
2732
+ .ndl-spin-wrapper{
2733
+ position: relative;
2734
+ }
2732
2735
  .ndl-spin-wrapper.ndl-small {
2733
2736
  height: 14px;
2734
2737
  width: 14px;
@@ -3551,8 +3554,10 @@ a.ndl-btn{
3551
3554
  .ndl-table-root .ndl-div-table .ndl-table-tbody .ndl-table-tr:hover {
3552
3555
  background-color: rgb(var(--palette-light-neutral-bg-default));
3553
3556
  }
3554
- .ndl-table-root .ndl-div-table .ndl-table-tbody .nld-table-placeholder {
3557
+ .ndl-table-root .ndl-div-table .ndl-table-tbody .nld-table-placeholder-wrapper {
3555
3558
  min-height: 80px;
3559
+ /* Enable horizontal scrolling when cursor is over the placeholder */
3560
+ pointer-events: none;
3556
3561
  display: flex;
3557
3562
  height: 100%;
3558
3563
  flex-direction: row;
@@ -3560,6 +3565,18 @@ a.ndl-btn{
3560
3565
  justify-content: center;
3561
3566
  gap: 0.5rem;
3562
3567
  }
3568
+ .ndl-table-root .ndl-div-table .ndl-table-tbody .nld-table-placeholder-wrapper .ndl-table-placeholder{
3569
+ position: absolute;
3570
+ left: 50%;
3571
+ --tw-translate-x: -50%;
3572
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
3573
+ }
3574
+ .ndl-table-root .ndl-div-table .ndl-table-tbody .nld-table-placeholder-wrapper .ndl-table-placeholder .ndl-table-loading-placeholder{
3575
+ display: flex;
3576
+ flex-direction: row;
3577
+ align-items: center;
3578
+ gap: 4px;
3579
+ }
3563
3580
  /* Table body */
3564
3581
  .ndl-table-root .ndl-div-table .ndl-table-thead .ndl-table-tr {
3565
3582
  height: 48px;
@@ -3567,7 +3584,7 @@ a.ndl-btn{
3567
3584
  box-shadow: 0 2px 8px
3568
3585
  rgb(var(--palette-light-neutral-bg-strongest), 10%);
3569
3586
  }
3570
- /** Avoid hover effects on siblings when resizing */
3587
+ /* Avoid hover effects on siblings when resizing */
3571
3588
  .ndl-table-root .ndl-div-table .ndl-table-thead.ndl-resizing .ndl-table-th {
3572
3589
  cursor: col-resize;
3573
3590
  }
@@ -3580,7 +3597,7 @@ a.ndl-btn{
3580
3597
  position: relative;
3581
3598
  display: table-cell;
3582
3599
  height: 100%;
3583
- overflow: auto;
3600
+ overflow: hidden;
3584
3601
  text-overflow: ellipsis;
3585
3602
  white-space: pre-line;
3586
3603
  --tw-text-opacity: 1;
@@ -3616,6 +3633,10 @@ a.ndl-btn{
3616
3633
  letter-spacing: 0.016rem;
3617
3634
  line-height: 1.5rem;
3618
3635
  }
3636
+ .ndl-table-root .ndl-div-table .ndl-table-th:last-child{
3637
+ /* Avoid horizontal scroll due to the right property of Resizing bar */
3638
+ overflow: hidden;
3639
+ }
3619
3640
  .ndl-table-root .ndl-div-table .ndl-table-th:hover .ndl-header-action-group > *,
3620
3641
  .ndl-table-root .ndl-div-table .ndl-table-th:focus-visible .ndl-header-action-group > * {
3621
3642
  display: inline-block;
@@ -3658,8 +3679,8 @@ a.ndl-btn{
3658
3679
  .ndl-table-root .ndl-div-table .ndl-table-th .ndl-resizer {
3659
3680
  position: absolute;
3660
3681
  height: 100%;
3661
- width: 4px;
3662
- right: -1px;
3682
+ width: 6px;
3683
+ right: -3px;
3663
3684
  top: 0;
3664
3685
  cursor: col-resize;
3665
3686
  -webkit-user-select: none;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 30 Jan 2023 13:57:06 GMT
3
+ * Generated on Thu, 02 Feb 2023 08:05:52 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 30 Jan 2023 13:57:06 GMT
3
+ * Generated on Thu, 02 Feb 2023 08:05: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 Mon, 30 Jan 2023 13:57:06 GMT
3
+ * Generated on Thu, 02 Feb 2023 08:05: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 Mon, 30 Jan 2023 13:57:06 GMT
3
+ // Generated on Thu, 02 Feb 2023 08:05: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.0.0-alpha-d34993b",
3
+ "version": "1.0.0-alpha-d7bc50a",
4
4
  "description": "Neo4j base package for the design system",
5
5
  "author": "Neo4j Inc.",
6
6
  "homepage": "",