@neo4j-ndl/base 3.0.14 → 3.0.16
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 +19 -158
- package/lib/tokens/css/tokens.css +2 -2
- package/lib/tokens/js/tokens-raw.js +3 -3
- package/lib/tokens/js/tokens.js +1 -1
- package/lib/tokens/scss/tokens.scss +2 -2
- package/lib/types/tokens/js/storybook-design-token.d.ts +1 -1
- package/package.json +1 -1
package/lib/neo4j-ds-styles.css
CHANGED
|
@@ -598,7 +598,7 @@ video{
|
|
|
598
598
|
--theme-dark-palette-neutral-bg-stronger:111 117 126 / 1;
|
|
599
599
|
--theme-dark-palette-neutral-bg-strongest:245 246 246 / 1;
|
|
600
600
|
--theme-dark-palette-neutral-bg-status:168 172 178 / 1;
|
|
601
|
-
--theme-dark-palette-neutral-bg-on-bg-weak:129 135 144 / 0.
|
|
601
|
+
--theme-dark-palette-neutral-bg-on-bg-weak:129 135 144 / 0.08;
|
|
602
602
|
--theme-dark-palette-neutral-border-weak:60 63 68 / 1;
|
|
603
603
|
--theme-dark-palette-neutral-border-strong:111 117 126 / 1;
|
|
604
604
|
--theme-dark-palette-neutral-border-strongest:187 190 195 / 1;
|
|
@@ -3061,6 +3061,7 @@ a.ndl-btn {
|
|
|
3061
3061
|
position:absolute;
|
|
3062
3062
|
top:0px;
|
|
3063
3063
|
bottom:0px;
|
|
3064
|
+
z-index:10;
|
|
3064
3065
|
--tw-shadow:var(--theme-shadow-overlay);
|
|
3065
3066
|
--tw-shadow-colored:var(--theme-shadow-overlay);
|
|
3066
3067
|
box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
@@ -3403,12 +3404,21 @@ a.ndl-btn {
|
|
|
3403
3404
|
.ndl-data-grid-root.ndl-data-grid-border-all-sides
|
|
3404
3405
|
.ndl-data-grid-td:not(.ndl-focusable-cell:focus):not(
|
|
3405
3406
|
.ndl-data-grid-is-resizing
|
|
3406
|
-
),
|
|
3407
|
-
.ndl-data-grid-root.ndl-data-grid-border-all-sides .ndl-data-grid-th:not(.ndl-focusable-cell:focus)
|
|
3408
|
-
|
|
3409
|
-
|
|
3410
|
-
|
|
3411
|
-
}
|
|
3407
|
+
):last-child,
|
|
3408
|
+
.ndl-data-grid-root.ndl-data-grid-border-all-sides .ndl-data-grid-th:not(.ndl-focusable-cell:focus):last-child{
|
|
3409
|
+
border-left-width:1px;
|
|
3410
|
+
border-style:solid;
|
|
3411
|
+
border-color:rgb(var(--theme-palette-neutral-border-weak));
|
|
3412
|
+
}
|
|
3413
|
+
.ndl-data-grid-root.ndl-data-grid-border-all-sides
|
|
3414
|
+
.ndl-data-grid-td:not(.ndl-focusable-cell:focus):not(
|
|
3415
|
+
.ndl-data-grid-is-resizing
|
|
3416
|
+
):not(:nth-last-child(2)),
|
|
3417
|
+
.ndl-data-grid-root.ndl-data-grid-border-all-sides .ndl-data-grid-th:not(.ndl-focusable-cell:focus):not(:nth-last-child(2)){
|
|
3418
|
+
border-right-width:1px;
|
|
3419
|
+
border-style:solid;
|
|
3420
|
+
border-color:rgb(var(--theme-palette-neutral-border-weak));
|
|
3421
|
+
}
|
|
3412
3422
|
.ndl-data-grid-root.ndl-data-grid-border-all-sides .ndl-data-grid-tr > .ndl-data-grid-td {
|
|
3413
3423
|
border-bottom-width:1px;
|
|
3414
3424
|
border-style:solid;
|
|
@@ -6763,34 +6773,9 @@ button.ndl-avatar:focus-visible {
|
|
|
6763
6773
|
.ndl-tooltip-content.ndl-tooltip-content-rich .ndl-tooltip-actions .ndl-tooltip-action-close {
|
|
6764
6774
|
margin-left:auto;
|
|
6765
6775
|
}
|
|
6766
|
-
.ndl-charts{
|
|
6767
|
-
display:flex;
|
|
6768
|
-
flex-direction:column;
|
|
6769
|
-
align-items:stretch;
|
|
6770
|
-
width:100%;
|
|
6771
|
-
height:100%;
|
|
6772
|
-
}
|
|
6773
|
-
.ndl-charts-chart{
|
|
6774
|
-
overflow:hidden;
|
|
6775
|
-
background:white;
|
|
6776
|
-
width:100%;
|
|
6777
|
-
height:100%;
|
|
6778
|
-
display:grid;
|
|
6779
|
-
grid-template-columns:auto 1fr auto;
|
|
6780
|
-
grid-template-rows:auto 1fr auto;
|
|
6781
|
-
grid-template-areas:'. top-x-axis .' 'left-y-axis content right-y-axis' '. bottom-x-axis .';
|
|
6782
|
-
overflow:visible;
|
|
6783
|
-
}
|
|
6784
|
-
.ndl-charts-chart-content{
|
|
6785
|
-
grid-area:content;
|
|
6786
|
-
width:100%;
|
|
6787
|
-
height:100%;
|
|
6788
|
-
opacity:1;
|
|
6789
|
-
overflow:hidden;
|
|
6790
|
-
position:relative;
|
|
6791
|
-
z-index:5;
|
|
6792
|
-
}
|
|
6793
6776
|
.ndl-chart-legend {
|
|
6777
|
+
position:relative;
|
|
6778
|
+
z-index:10;
|
|
6794
6779
|
display:flex;
|
|
6795
6780
|
width:100%;
|
|
6796
6781
|
flex-direction:row;
|
|
@@ -6843,123 +6828,6 @@ button.ndl-avatar:focus-visible {
|
|
|
6843
6828
|
.ndl-chart-legend.ndl-chart-legend-calculating{
|
|
6844
6829
|
opacity:0;
|
|
6845
6830
|
}
|
|
6846
|
-
.ndl-charts-chart-axis{
|
|
6847
|
-
width:100%;
|
|
6848
|
-
height:100%;
|
|
6849
|
-
position:relative;
|
|
6850
|
-
z-index:1;
|
|
6851
|
-
}
|
|
6852
|
-
.ndl-charts-chart-axis .domain {
|
|
6853
|
-
stroke:rgb(var(--theme-palette-neutral-border-strong));
|
|
6854
|
-
stroke-width:2px;
|
|
6855
|
-
}
|
|
6856
|
-
.ndl-charts-chart-axis .tick line {
|
|
6857
|
-
stroke:rgb(var(--theme-palette-neutral-border-strong));
|
|
6858
|
-
}
|
|
6859
|
-
.ndl-charts-chart-axis .tick text,
|
|
6860
|
-
.ndl-charts-chart-axis .tick span {
|
|
6861
|
-
color:rgb(var(--theme-palette-neutral-text-weaker));
|
|
6862
|
-
font-family:var(--font-font-family-body-small), sans-serif;
|
|
6863
|
-
font-size:var(--font-size-body-small);
|
|
6864
|
-
font-weight:var(--font-weight-normal);
|
|
6865
|
-
letter-spacing:0.016rem;
|
|
6866
|
-
line-height:1.25rem;
|
|
6867
|
-
}
|
|
6868
|
-
.ndl-charts-chart-axis .tick svg {
|
|
6869
|
-
overflow:visible;
|
|
6870
|
-
}
|
|
6871
|
-
.ndl-charts-chart-axis .ndl-charts-chart-axis-title {
|
|
6872
|
-
margin-left:auto;
|
|
6873
|
-
margin-right:auto;
|
|
6874
|
-
color:rgb(var(--theme-palette-neutral-text-weaker));
|
|
6875
|
-
}
|
|
6876
|
-
.ndl-charts-chart-axis-x {
|
|
6877
|
-
display:flex;
|
|
6878
|
-
flex-direction:column;
|
|
6879
|
-
}
|
|
6880
|
-
.ndl-charts-chart-axis-x svg {
|
|
6881
|
-
overflow:visible;
|
|
6882
|
-
width:100%;
|
|
6883
|
-
}
|
|
6884
|
-
.ndl-charts-chart-axis-y {
|
|
6885
|
-
display:flex;
|
|
6886
|
-
flex-direction:row;
|
|
6887
|
-
overflow:visible;
|
|
6888
|
-
}
|
|
6889
|
-
.ndl-charts-chart-axis-y svg{
|
|
6890
|
-
height:100%;
|
|
6891
|
-
}
|
|
6892
|
-
.ndl-charts-chart-axis-y text {
|
|
6893
|
-
fill:rgb(var(--theme-palette-neutral-text-weaker));
|
|
6894
|
-
font-family:var(--font-font-family-body-small), sans-serif;
|
|
6895
|
-
font-size:var(--font-size-body-small);
|
|
6896
|
-
font-weight:var(--font-weight-normal);
|
|
6897
|
-
letter-spacing:0.016rem;
|
|
6898
|
-
line-height:1.25rem;
|
|
6899
|
-
}
|
|
6900
|
-
.ndl-charts-chart-axis-top{
|
|
6901
|
-
grid-area:top-x-axis;
|
|
6902
|
-
}
|
|
6903
|
-
.ndl-charts-chart-axis-top .ndl-charts-chart-axis-title {
|
|
6904
|
-
margin-bottom:12px;
|
|
6905
|
-
}
|
|
6906
|
-
.ndl-charts-chart-axis-right {
|
|
6907
|
-
padding-left:8px;
|
|
6908
|
-
grid-area:right-y-axis;
|
|
6909
|
-
}
|
|
6910
|
-
.ndl-charts-chart-axis-right .ndl-charts-chart-axis-title{
|
|
6911
|
-
height:-moz-fit-content;
|
|
6912
|
-
height:fit-content;
|
|
6913
|
-
width:-moz-fit-content;
|
|
6914
|
-
width:fit-content;
|
|
6915
|
-
margin:auto;
|
|
6916
|
-
writing-mode:vertical-lr;
|
|
6917
|
-
margin-left:8px;
|
|
6918
|
-
}
|
|
6919
|
-
.ndl-charts-chart-axis-bottom{
|
|
6920
|
-
grid-area:bottom-x-axis;
|
|
6921
|
-
}
|
|
6922
|
-
.ndl-charts-chart-axis-bottom .ndl-charts-chart-axis-title {
|
|
6923
|
-
margin-top:12px;
|
|
6924
|
-
}
|
|
6925
|
-
.ndl-charts-chart-axis-left {
|
|
6926
|
-
padding-right:8px;
|
|
6927
|
-
grid-area:left-y-axis;
|
|
6928
|
-
}
|
|
6929
|
-
.ndl-charts-chart-axis-left .ndl-charts-chart-axis-title{
|
|
6930
|
-
height:-moz-fit-content;
|
|
6931
|
-
height:fit-content;
|
|
6932
|
-
width:-moz-fit-content;
|
|
6933
|
-
width:fit-content;
|
|
6934
|
-
margin:auto;
|
|
6935
|
-
writing-mode:vertical-lr;
|
|
6936
|
-
transform:rotate(180deg);
|
|
6937
|
-
|
|
6938
|
-
margin-right:8px;
|
|
6939
|
-
}
|
|
6940
|
-
.ndl-charts-chart-cartesian-grid{
|
|
6941
|
-
grid-area:content;
|
|
6942
|
-
width:100%;
|
|
6943
|
-
height:100%;
|
|
6944
|
-
position:relative;
|
|
6945
|
-
}
|
|
6946
|
-
.ndl-charts-chart-cartesian-grid .ndl-charts-chart-cartesian-grid-line {
|
|
6947
|
-
height:1px;
|
|
6948
|
-
width:100%;
|
|
6949
|
-
background-color:rgb(var(--theme-palette-neutral-border-weak));
|
|
6950
|
-
}
|
|
6951
|
-
.ndl-charts-chart-cartesian-grid .ndl-charts-chart-cartesian-grid-zebra {
|
|
6952
|
-
position:absolute;
|
|
6953
|
-
background-color:rgb(var(--theme-palette-discovery-bg-status));
|
|
6954
|
-
opacity:0.04;
|
|
6955
|
-
}
|
|
6956
|
-
.ndl-charts-chart-cartesian-grid .ndl-charts-chart-cartesian-grid-filled {
|
|
6957
|
-
position:absolute;
|
|
6958
|
-
height:100%;
|
|
6959
|
-
width:100%;
|
|
6960
|
-
background-color:rgb(var(--theme-palette-discovery-bg-status));
|
|
6961
|
-
opacity:0.04;
|
|
6962
|
-
}
|
|
6963
6831
|
.ndl-charts-chart-tooltip {
|
|
6964
6832
|
display:flex;
|
|
6965
6833
|
min-width:176px;
|
|
@@ -7022,13 +6890,6 @@ button.ndl-avatar:focus-visible {
|
|
|
7022
6890
|
margin-left:auto;
|
|
7023
6891
|
padding-left:8px;
|
|
7024
6892
|
}
|
|
7025
|
-
.ndl-charts-chart-dot .ndl-chart-charts-dot-circle {
|
|
7026
|
-
stroke:rgb(var(--theme-palette-neutral-bg-weak));
|
|
7027
|
-
}
|
|
7028
|
-
.ndl-charts-chart-zoom{
|
|
7029
|
-
fill:#e2e3e5;
|
|
7030
|
-
fill-opacity:0.5;
|
|
7031
|
-
}
|
|
7032
6893
|
.n-sr-only {
|
|
7033
6894
|
position:absolute;
|
|
7034
6895
|
width:1px;
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
|
|
22
22
|
/**
|
|
23
23
|
* Do not edit directly
|
|
24
|
-
* Generated on
|
|
24
|
+
* Generated on Wed, 27 Nov 2024 16:18:12 GMT
|
|
25
25
|
*/
|
|
26
26
|
|
|
27
27
|
:root {
|
|
@@ -217,7 +217,7 @@
|
|
|
217
217
|
--theme-dark-palette-neutral-bg-stronger: 111 117 126 / 1; /* Original value: 111 117 126 / 1, alpha: 1 */
|
|
218
218
|
--theme-dark-palette-neutral-bg-strongest: 245 246 246 / 1; /* Original value: 245 246 246 / 1, alpha: 1 */
|
|
219
219
|
--theme-dark-palette-neutral-bg-status: 168 172 178 / 1; /* Original value: 168 172 178 / 1, alpha: 1 */
|
|
220
|
-
--theme-dark-palette-neutral-bg-on-bg-weak: 129 135 144 / 0.
|
|
220
|
+
--theme-dark-palette-neutral-bg-on-bg-weak: 129 135 144 / 0.08; /* Original value: 129 135 144 / 1, alpha: 0.08 */
|
|
221
221
|
--theme-dark-palette-neutral-border-weak: 60 63 68 / 1; /* Original value: 60 63 68 / 1, alpha: 1 */
|
|
222
222
|
--theme-dark-palette-neutral-border-strong: 111 117 126 / 1; /* Original value: 111 117 126 / 1, alpha: 1 */
|
|
223
223
|
--theme-dark-palette-neutral-border-strongest: 187 190 195 / 1; /* Original value: 187 190 195 / 1, alpha: 1 */
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
|
|
22
22
|
/**
|
|
23
23
|
* Do not edit directly
|
|
24
|
-
* Generated on
|
|
24
|
+
* Generated on Wed, 27 Nov 2024 16:18:12 GMT
|
|
25
25
|
*/
|
|
26
26
|
|
|
27
27
|
module.exports = {
|
|
@@ -3844,12 +3844,12 @@ module.exports = {
|
|
|
3844
3844
|
]
|
|
3845
3845
|
},
|
|
3846
3846
|
"on-bg-weak": {
|
|
3847
|
-
"alpha": 0.
|
|
3847
|
+
"alpha": 0.08,
|
|
3848
3848
|
"value": "#818790",
|
|
3849
3849
|
"filePath": "src/tokens/dark-theme.json",
|
|
3850
3850
|
"isSource": true,
|
|
3851
3851
|
"original": {
|
|
3852
|
-
"alpha": 0.
|
|
3852
|
+
"alpha": 0.08,
|
|
3853
3853
|
"value": "{colors.neutral.45.value}"
|
|
3854
3854
|
},
|
|
3855
3855
|
"name": "ThemeDarkPaletteNeutralBgOnBgWeak",
|
package/lib/tokens/js/tokens.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Wed, 27 Nov 2024 16:18:12 GMT
|
|
4
4
|
|
|
5
5
|
$transitions-values-properties-default: all;
|
|
6
6
|
$transitions-values-duration-quick: 100ms;
|
|
@@ -194,7 +194,7 @@ $theme-dark-palette-neutral-bg-strong: 60 63 68 / 1; // Original value: 60 63 68
|
|
|
194
194
|
$theme-dark-palette-neutral-bg-stronger: 111 117 126 / 1; // Original value: 111 117 126 / 1, alpha: 1
|
|
195
195
|
$theme-dark-palette-neutral-bg-strongest: 245 246 246 / 1; // Original value: 245 246 246 / 1, alpha: 1
|
|
196
196
|
$theme-dark-palette-neutral-bg-status: 168 172 178 / 1; // Original value: 168 172 178 / 1, alpha: 1
|
|
197
|
-
$theme-dark-palette-neutral-bg-on-bg-weak: 129 135 144 / 0.
|
|
197
|
+
$theme-dark-palette-neutral-bg-on-bg-weak: 129 135 144 / 0.08; // Original value: 129 135 144 / 1, alpha: 0.08
|
|
198
198
|
$theme-dark-palette-neutral-border-weak: 60 63 68 / 1; // Original value: 60 63 68 / 1, alpha: 1
|
|
199
199
|
$theme-dark-palette-neutral-border-strong: 111 117 126 / 1; // Original value: 111 117 126 / 1, alpha: 1
|
|
200
200
|
$theme-dark-palette-neutral-border-strongest: 187 190 195 / 1; // Original value: 187 190 195 / 1, alpha: 1
|