@neo4j-ndl/base 2.7.0 → 2.7.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 +12 -0
- 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 +28 -19
- 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/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# Change Log
|
|
2
2
|
|
|
3
|
+
## 2.7.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#742](https://github.com/neo4j/needle/pull/742) [`8aa924c4fb75c5fae951f770c24f5fd3a40abb42`](https://github.com/neo4j/needle/commit/8aa924c4fb75c5fae951f770c24f5fd3a40abb42) Thanks [@daugerdas](https://github.com/daugerdas)! - styling alignment
|
|
8
|
+
|
|
9
|
+
## 2.7.1
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [#735](https://github.com/neo4j/needle/pull/735) [`4f9eb83e7bfe2bbba91b06970ae7c3b8c50d2948`](https://github.com/neo4j/needle/commit/4f9eb83e7bfe2bbba91b06970ae7c3b8c50d2948) Thanks [@konsalex](https://github.com/konsalex)! - add focused styled in context menu item to distinct from hover styles
|
|
14
|
+
|
|
3
15
|
## 2.7.0
|
|
4
16
|
|
|
5
17
|
### Minor Changes
|
package/lib/neo4j-ds-styles.css
CHANGED
|
@@ -1107,8 +1107,8 @@ h6,
|
|
|
1107
1107
|
height:24px;
|
|
1108
1108
|
padding-left:12px;
|
|
1109
1109
|
padding-right:12px;
|
|
1110
|
-
padding-top:
|
|
1111
|
-
padding-bottom:
|
|
1110
|
+
padding-top:2px;
|
|
1111
|
+
padding-bottom:2px;
|
|
1112
1112
|
font-size:var(--font-size-label);
|
|
1113
1113
|
font-weight:var(--font-weight-bold);
|
|
1114
1114
|
letter-spacing:0;
|
|
@@ -1466,8 +1466,8 @@ a.ndl-btn{
|
|
|
1466
1466
|
left:0px;
|
|
1467
1467
|
bottom:0px;
|
|
1468
1468
|
width:100%;
|
|
1469
|
-
border-top-left-radius:
|
|
1470
|
-
border-top-right-radius:
|
|
1469
|
+
border-top-left-radius:9999px;
|
|
1470
|
+
border-top-right-radius:9999px;
|
|
1471
1471
|
background-color:transparent;
|
|
1472
1472
|
}
|
|
1473
1473
|
.ndl-tabs .ndl-tab.ndl-underline-tab:focus-visible{
|
|
@@ -1739,6 +1739,7 @@ a.ndl-btn{
|
|
|
1739
1739
|
gap:16px;
|
|
1740
1740
|
}
|
|
1741
1741
|
.ndl-toggletip .ndl-toggletip-actions{
|
|
1742
|
+
margin-top:16px;
|
|
1742
1743
|
display:flex;
|
|
1743
1744
|
flex-direction:row;
|
|
1744
1745
|
gap:16px;
|
|
@@ -2463,7 +2464,7 @@ a.ndl-btn{
|
|
|
2463
2464
|
.ndl-progress-bar-wrapper.ndl-large .ndl-progress-bar{
|
|
2464
2465
|
height:8px;
|
|
2465
2466
|
min-width:3%;
|
|
2466
|
-
border-radius:
|
|
2467
|
+
border-radius:9999px;
|
|
2467
2468
|
}
|
|
2468
2469
|
.ndl-progress-bar-wrapper.ndl-small .ndl-heading{
|
|
2469
2470
|
font-size:var(--font-size-body-medium);
|
|
@@ -2592,6 +2593,10 @@ a.ndl-btn{
|
|
|
2592
2593
|
border-radius:8px;
|
|
2593
2594
|
background-color:rgb(var(--theme-palette-neutral-bg-default));
|
|
2594
2595
|
}
|
|
2596
|
+
.ndl-menu .ndl-menu-item:focus:not(.ndl-disabled){
|
|
2597
|
+
outline:2px solid rgb(var(--theme-palette-primary-focus));
|
|
2598
|
+
outline-offset:-2px;
|
|
2599
|
+
}
|
|
2595
2600
|
.ndl-menu .ndl-menu-item.ndl-disabled{
|
|
2596
2601
|
cursor:not-allowed;
|
|
2597
2602
|
}
|
|
@@ -2672,7 +2677,7 @@ a.ndl-btn{
|
|
|
2672
2677
|
.ndl-datepicker .react-datepicker-popper{
|
|
2673
2678
|
z-index:10;
|
|
2674
2679
|
margin-top:8px;
|
|
2675
|
-
border-radius:
|
|
2680
|
+
border-radius:4px;
|
|
2676
2681
|
border-width:1px;
|
|
2677
2682
|
border-color:rgb(var(--theme-palette-neutral-border-strong));
|
|
2678
2683
|
background-color:rgb(var(--theme-palette-neutral-bg-weak));
|
|
@@ -2705,6 +2710,7 @@ a.ndl-btn{
|
|
|
2705
2710
|
color:rgb(var(--theme-palette-neutral-text-weak));
|
|
2706
2711
|
}
|
|
2707
2712
|
.ndl-datepicker .react-datepicker__day-names{
|
|
2713
|
+
margin-top:16px;
|
|
2708
2714
|
display:flex;
|
|
2709
2715
|
}
|
|
2710
2716
|
.ndl-datepicker .react-datepicker__day-name{
|
|
@@ -3116,7 +3122,7 @@ a.ndl-btn{
|
|
|
3116
3122
|
align-items:center;
|
|
3117
3123
|
gap:4px;
|
|
3118
3124
|
overflow:hidden;
|
|
3119
|
-
border-radius:
|
|
3125
|
+
border-radius:6px;
|
|
3120
3126
|
border-width:1px;
|
|
3121
3127
|
border-style:solid;
|
|
3122
3128
|
border-color:rgb(var(--theme-palette-neutral-border-strong));
|
|
@@ -3126,7 +3132,7 @@ a.ndl-btn{
|
|
|
3126
3132
|
}
|
|
3127
3133
|
.ndl-segmented-control > button{
|
|
3128
3134
|
cursor:pointer;
|
|
3129
|
-
border-radius:
|
|
3135
|
+
border-radius:4px;
|
|
3130
3136
|
}
|
|
3131
3137
|
.ndl-segmented-control > button:focus-visible{
|
|
3132
3138
|
outline:2px solid transparent;
|
|
@@ -4856,8 +4862,8 @@ a.ndl-btn{
|
|
|
4856
4862
|
height:24px;
|
|
4857
4863
|
padding-left:12px;
|
|
4858
4864
|
padding-right:12px;
|
|
4859
|
-
padding-top:
|
|
4860
|
-
padding-bottom:
|
|
4865
|
+
padding-top:2px;
|
|
4866
|
+
padding-bottom:2px;
|
|
4861
4867
|
font-size:var(--font-size-label);
|
|
4862
4868
|
font-weight:var(--font-weight-bold);
|
|
4863
4869
|
letter-spacing:0;
|
|
@@ -5078,7 +5084,8 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
|
|
|
5078
5084
|
align-items:baseline;
|
|
5079
5085
|
flex-direction:row;
|
|
5080
5086
|
padding:2px 4px 0 4px;
|
|
5081
|
-
gap:
|
|
5087
|
+
-moz-column-gap:2px;
|
|
5088
|
+
column-gap:2px;
|
|
5082
5089
|
}
|
|
5083
5090
|
.ndl-text-link > div{
|
|
5084
5091
|
flex-shrink:0;
|
|
@@ -5364,22 +5371,24 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
|
|
|
5364
5371
|
content:'';
|
|
5365
5372
|
width:4px;
|
|
5366
5373
|
height:100%;
|
|
5367
|
-
border-radius:0 100px 100px 0;
|
|
5368
5374
|
position:absolute;
|
|
5369
5375
|
left:-8px;
|
|
5370
5376
|
top:0px;
|
|
5371
5377
|
box-shadow:none;
|
|
5378
|
+
border-top-right-radius:4px;
|
|
5379
|
+
border-bottom-right-radius:4px;
|
|
5372
5380
|
background-color:rgb(var(--theme-palette-primary-bg-strong));
|
|
5373
5381
|
}
|
|
5374
5382
|
.ndl-side-navigation .ndl-side-navigation-nav-item.ndl-expanded .ndl-selected::before{
|
|
5375
5383
|
content:'';
|
|
5376
5384
|
width:4px;
|
|
5377
5385
|
height:100%;
|
|
5378
|
-
border-radius:0 100px 100px 0;
|
|
5379
5386
|
position:absolute;
|
|
5380
5387
|
left:-16px;
|
|
5381
5388
|
top:0px;
|
|
5382
5389
|
box-shadow:none;
|
|
5390
|
+
border-top-right-radius:4px;
|
|
5391
|
+
border-bottom-right-radius:4px;
|
|
5383
5392
|
background-color:rgb(var(--theme-palette-primary-bg-strong));
|
|
5384
5393
|
}
|
|
5385
5394
|
.ndl-side-navigation .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item{
|
|
@@ -5529,8 +5538,8 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
|
|
|
5529
5538
|
display:flex;
|
|
5530
5539
|
}
|
|
5531
5540
|
.ndl-breadcrumbs .ndl-breadcrumbs-separator:not(:only-child):before{
|
|
5532
|
-
margin-left:
|
|
5533
|
-
margin-right:
|
|
5541
|
+
margin-left:4px;
|
|
5542
|
+
margin-right:4px;
|
|
5534
5543
|
color:rgb(var(--theme-palette-neutral-border-strong));
|
|
5535
5544
|
font-size:var(--font-size-body-medium);
|
|
5536
5545
|
font-weight:var(--font-weight-normal);
|
|
@@ -5861,16 +5870,16 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
|
|
|
5861
5870
|
}
|
|
5862
5871
|
.ndl-slider .ndl-track .ndl-thumb{
|
|
5863
5872
|
position:relative;
|
|
5864
|
-
width:
|
|
5865
|
-
height:
|
|
5873
|
+
width:16px;
|
|
5874
|
+
height:16px;
|
|
5866
5875
|
border-radius:50%;
|
|
5867
5876
|
top:50%;
|
|
5868
5877
|
z-index:2;
|
|
5869
5878
|
background-color:rgb(var(--primary-color));
|
|
5870
5879
|
}
|
|
5871
5880
|
.ndl-slider .ndl-track .ndl-thumb input{
|
|
5872
|
-
width:
|
|
5873
|
-
height:
|
|
5881
|
+
width:16px;
|
|
5882
|
+
height:16px;
|
|
5874
5883
|
}
|
|
5875
5884
|
.ndl-slider .ndl-track:not(.ndl-is-disabled) .ndl-thumb:hover{
|
|
5876
5885
|
cursor:pointer;
|
package/lib/tokens/js/tokens.js
CHANGED