@neo4j-ndl/base 3.7.19 → 3.7.20
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/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 +44 -7
- 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/lib/neo4j-ds-styles.css
CHANGED
|
@@ -3931,10 +3931,8 @@ a.ndl-btn {
|
|
|
3931
3931
|
position:sticky;
|
|
3932
3932
|
}
|
|
3933
3933
|
}
|
|
3934
|
-
.ndl-dropzone{
|
|
3935
|
-
background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23C4C8CD' stroke-width='1.5' stroke-dasharray='6' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
|
|
3934
|
+
.ndl-dropzone {
|
|
3936
3935
|
border-radius:8px;
|
|
3937
|
-
border-color:rgb(var(--theme-palette-neutral-border-strong));
|
|
3938
3936
|
}
|
|
3939
3937
|
.ndl-dropzone > div {
|
|
3940
3938
|
padding-top:32px;
|
|
@@ -3949,6 +3947,7 @@ a.ndl-btn {
|
|
|
3949
3947
|
height:100%;
|
|
3950
3948
|
flex-direction:column;
|
|
3951
3949
|
justify-content:center;
|
|
3950
|
+
background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23C4C8CD' stroke-width='1.5' stroke-dasharray='6' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
|
|
3952
3951
|
}
|
|
3953
3952
|
.ndl-dropzone svg {
|
|
3954
3953
|
margin-left:auto;
|
|
@@ -3960,8 +3959,10 @@ a.ndl-btn {
|
|
|
3960
3959
|
}
|
|
3961
3960
|
.ndl-dropzone.ndl-drag-active {
|
|
3962
3961
|
background-color:rgb(var(--theme-palette-primary-bg-weak));
|
|
3963
|
-
background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23018BFF' stroke-width='2' stroke-dasharray='8' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
|
|
3964
3962
|
}
|
|
3963
|
+
.ndl-dropzone.ndl-drag-active .ndl-dropzone-inner-content{
|
|
3964
|
+
background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23018BFF' stroke-width='1.5' stroke-dasharray='6' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
|
|
3965
|
+
}
|
|
3965
3966
|
.ndl-dropzone .ndl-dropzone-header {
|
|
3966
3967
|
margin-bottom:12px;
|
|
3967
3968
|
display:flex;
|
|
@@ -8705,15 +8706,24 @@ button.ndl-avatar:focus-visible {
|
|
|
8705
8706
|
.ndl-graph-visualization-container .ndl-sidepanel-handle {
|
|
8706
8707
|
margin-left:4px;
|
|
8707
8708
|
}
|
|
8709
|
+
.n-fixed {
|
|
8710
|
+
position:fixed;
|
|
8711
|
+
}
|
|
8708
8712
|
.n-absolute {
|
|
8709
8713
|
position:absolute;
|
|
8710
8714
|
}
|
|
8711
8715
|
.n-relative {
|
|
8712
8716
|
position:relative;
|
|
8713
8717
|
}
|
|
8718
|
+
.n-left-\[auto\] {
|
|
8719
|
+
left:auto;
|
|
8720
|
+
}
|
|
8714
8721
|
.n-right-token-3 {
|
|
8715
8722
|
right:4px;
|
|
8716
8723
|
}
|
|
8724
|
+
.n-top-\[110px\] {
|
|
8725
|
+
top:110px;
|
|
8726
|
+
}
|
|
8717
8727
|
.n-top-token-11 {
|
|
8718
8728
|
top:96px;
|
|
8719
8729
|
}
|
|
@@ -8878,12 +8888,15 @@ button.ndl-avatar:focus-visible {
|
|
|
8878
8888
|
.n-h-\[1000px\] {
|
|
8879
8889
|
height:1000px;
|
|
8880
8890
|
}
|
|
8891
|
+
.n-h-\[100px\] {
|
|
8892
|
+
height:100px;
|
|
8893
|
+
}
|
|
8894
|
+
.n-h-\[200px\] {
|
|
8895
|
+
height:200px;
|
|
8896
|
+
}
|
|
8881
8897
|
.n-h-\[290px\] {
|
|
8882
8898
|
height:290px;
|
|
8883
8899
|
}
|
|
8884
|
-
.n-h-\[400px\] {
|
|
8885
|
-
height:400px;
|
|
8886
|
-
}
|
|
8887
8900
|
.n-h-\[500px\] {
|
|
8888
8901
|
height:500px;
|
|
8889
8902
|
}
|
|
@@ -8899,12 +8912,21 @@ button.ndl-avatar:focus-visible {
|
|
|
8899
8912
|
.n-h-token-6 {
|
|
8900
8913
|
height:16px;
|
|
8901
8914
|
}
|
|
8915
|
+
.n-h-token-8 {
|
|
8916
|
+
height:32px;
|
|
8917
|
+
}
|
|
8902
8918
|
.n-h-token-9 {
|
|
8903
8919
|
height:48px;
|
|
8904
8920
|
}
|
|
8905
8921
|
.n-min-h-\[700px\] {
|
|
8906
8922
|
min-height:700px;
|
|
8907
8923
|
}
|
|
8924
|
+
.n-w-1\/2 {
|
|
8925
|
+
width:50%;
|
|
8926
|
+
}
|
|
8927
|
+
.n-w-1\/4 {
|
|
8928
|
+
width:25%;
|
|
8929
|
+
}
|
|
8908
8930
|
.n-w-48 {
|
|
8909
8931
|
width:192px;
|
|
8910
8932
|
}
|
|
@@ -8937,6 +8959,9 @@ button.ndl-avatar:focus-visible {
|
|
|
8937
8959
|
.n-w-token-11 {
|
|
8938
8960
|
width:96px;
|
|
8939
8961
|
}
|
|
8962
|
+
.n-w-token-8 {
|
|
8963
|
+
width:32px;
|
|
8964
|
+
}
|
|
8940
8965
|
.n-max-w-\[1024px\] {
|
|
8941
8966
|
max-width:1024px;
|
|
8942
8967
|
}
|
|
@@ -8991,6 +9016,12 @@ button.ndl-avatar:focus-visible {
|
|
|
8991
9016
|
.n-grid-cols-1 {
|
|
8992
9017
|
grid-template-columns:repeat(1, minmax(0, 1fr));
|
|
8993
9018
|
}
|
|
9019
|
+
.n-grid-cols-6 {
|
|
9020
|
+
grid-template-columns:repeat(6, minmax(0, 1fr));
|
|
9021
|
+
}
|
|
9022
|
+
.n-grid-rows-2 {
|
|
9023
|
+
grid-template-rows:repeat(2, minmax(0, 1fr));
|
|
9024
|
+
}
|
|
8994
9025
|
.n-flex-row {
|
|
8995
9026
|
flex-direction:row;
|
|
8996
9027
|
}
|
|
@@ -9021,6 +9052,9 @@ button.ndl-avatar:focus-visible {
|
|
|
9021
9052
|
.n-justify-between {
|
|
9022
9053
|
justify-content:space-between;
|
|
9023
9054
|
}
|
|
9055
|
+
.n-justify-items-center {
|
|
9056
|
+
justify-items:center;
|
|
9057
|
+
}
|
|
9024
9058
|
.n-gap-2 {
|
|
9025
9059
|
gap:8px;
|
|
9026
9060
|
}
|
|
@@ -9061,6 +9095,9 @@ button.ndl-avatar:focus-visible {
|
|
|
9061
9095
|
-moz-column-gap:48px;
|
|
9062
9096
|
column-gap:48px;
|
|
9063
9097
|
}
|
|
9098
|
+
.n-gap-y-token-2 {
|
|
9099
|
+
row-gap:2px;
|
|
9100
|
+
}
|
|
9064
9101
|
.n-gap-y-token-4 {
|
|
9065
9102
|
row-gap:8px;
|
|
9066
9103
|
}
|
package/lib/tokens/js/tokens.js
CHANGED