@neo4j-ndl/base 2.6.1 → 2.7.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 +6 -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 +58 -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/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# Change Log
|
|
2
2
|
|
|
3
|
+
## 2.7.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#739](https://github.com/neo4j/needle/pull/739) [`c821cdc49a6a37e7745887a88b3237ea3ccdf567`](https://github.com/neo4j/needle/commit/c821cdc49a6a37e7745887a88b3237ea3ccdf567) Thanks [@konsalex](https://github.com/konsalex)! - new InlineEdit component
|
|
8
|
+
|
|
3
9
|
## 2.6.1
|
|
4
10
|
|
|
5
11
|
### Patch Changes
|
package/lib/neo4j-ds-styles.css
CHANGED
|
@@ -5935,6 +5935,64 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
|
|
|
5935
5935
|
background-color:rgb(var(--theme-palette-neutral-bg-weak));
|
|
5936
5936
|
opacity:40%;
|
|
5937
5937
|
}
|
|
5938
|
+
.ndl-inline-edit{
|
|
5939
|
+
max-inline-size:100%;
|
|
5940
|
+
display:flex;
|
|
5941
|
+
flex-direction:column;
|
|
5942
|
+
gap:4px;
|
|
5943
|
+
}
|
|
5944
|
+
.ndl-inline-edit label{
|
|
5945
|
+
color:rgb(var(--theme-palette-neutral-text-weak));
|
|
5946
|
+
font-size:var(--font-size-body-medium);
|
|
5947
|
+
font-weight:var(--font-weight-normal);
|
|
5948
|
+
letter-spacing:0.016rem;
|
|
5949
|
+
line-height:1.25rem;
|
|
5950
|
+
}
|
|
5951
|
+
.ndl-inline-edit .ndl-inline-idle-container{
|
|
5952
|
+
display:flex;
|
|
5953
|
+
height:100%;
|
|
5954
|
+
width:100%;
|
|
5955
|
+
cursor:pointer;
|
|
5956
|
+
flex-direction:row;
|
|
5957
|
+
align-items:center;
|
|
5958
|
+
justify-content:space-between;
|
|
5959
|
+
gap:4px;
|
|
5960
|
+
border-radius:4px;
|
|
5961
|
+
padding-left:4px;
|
|
5962
|
+
padding-right:4px;
|
|
5963
|
+
}
|
|
5964
|
+
.ndl-inline-edit .ndl-inline-idle-container-disabled{
|
|
5965
|
+
cursor:not-allowed;
|
|
5966
|
+
}
|
|
5967
|
+
.ndl-inline-edit .ndl-inline-idle-container:hover{
|
|
5968
|
+
background-color:rgb(var(--theme-palette-neutral-hover));
|
|
5969
|
+
}
|
|
5970
|
+
.ndl-inline-edit .ndl-inline-edit-container{
|
|
5971
|
+
position:relative;
|
|
5972
|
+
display:flex;
|
|
5973
|
+
}
|
|
5974
|
+
.ndl-inline-edit .ndl-inline-edit-container input{
|
|
5975
|
+
outline-offset:-2px;
|
|
5976
|
+
padding:0 4px; width:100%; border-radius:4px; outline-style:solid; outline-width:2px; outline-color:rgb(var(--theme-palette-primary-focus));
|
|
5977
|
+
}
|
|
5978
|
+
.ndl-inline-edit .ndl-inline-edit-container.ndl-inline-edit-error input{
|
|
5979
|
+
outline-color:rgb(var(--theme-palette-danger-border-strong));
|
|
5980
|
+
}
|
|
5981
|
+
.ndl-inline-edit .ndl-inline-edit-container.ndl-inline-edit-error .ndl-inline-edit-error-icon{
|
|
5982
|
+
position:absolute;
|
|
5983
|
+
right:4px;
|
|
5984
|
+
top:50%;
|
|
5985
|
+
--tw-translate-y:-50%;
|
|
5986
|
+
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));
|
|
5987
|
+
color:rgb(var(--theme-palette-danger-icon));
|
|
5988
|
+
}
|
|
5989
|
+
.ndl-inline-edit .ndl-inline-edit-container .ndl-inline-edit-buttons{
|
|
5990
|
+
position:absolute;
|
|
5991
|
+
inset-block-start:calc(100% + 4px);
|
|
5992
|
+
inset-inline-end:0;
|
|
5993
|
+
display:flex;
|
|
5994
|
+
gap:4px;
|
|
5995
|
+
}
|
|
5938
5996
|
.n-sr-only{
|
|
5939
5997
|
position:absolute;
|
|
5940
5998
|
width:1px;
|
package/lib/tokens/js/tokens.js
CHANGED