@neo4j-ndl/base 1.9.0 → 1.10.1
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 +141 -2
- 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
package/lib/neo4j-ds-styles.css
CHANGED
|
@@ -459,7 +459,7 @@ video {
|
|
|
459
459
|
*/
|
|
460
460
|
/**
|
|
461
461
|
* Do not edit directly
|
|
462
|
-
* Generated on
|
|
462
|
+
* Generated on Mon, 07 Aug 2023 13:09:35 GMT
|
|
463
463
|
*/
|
|
464
464
|
:root {
|
|
465
465
|
--transitions-values-properties-default: all;
|
|
@@ -972,6 +972,137 @@ h6,
|
|
|
972
972
|
--palette-success-border-weak: var(--palette-light-success-border-weak);
|
|
973
973
|
color: rgb(var(--palette-neutral-text-default));
|
|
974
974
|
}
|
|
975
|
+
/**
|
|
976
|
+
*
|
|
977
|
+
* Copyright (c) "Neo4j"
|
|
978
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
979
|
+
*
|
|
980
|
+
* This file is part of Neo4j.
|
|
981
|
+
*
|
|
982
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
983
|
+
* it under the terms of the GNU General Public License as published by
|
|
984
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
985
|
+
* (at your option) any later version.
|
|
986
|
+
*
|
|
987
|
+
* This program is distributed in the hope that it will be useful,
|
|
988
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
989
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
990
|
+
* GNU General Public License for more details.
|
|
991
|
+
*
|
|
992
|
+
* You should have received a copy of the GNU General Public License
|
|
993
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
994
|
+
*/
|
|
995
|
+
.ndl-accordion{
|
|
996
|
+
box-sizing: border-box;
|
|
997
|
+
display: flex;
|
|
998
|
+
width: 100%;
|
|
999
|
+
flex-direction: column;
|
|
1000
|
+
padding: 1rem;
|
|
1001
|
+
}
|
|
1002
|
+
.ndl-accordion .ndl-accordion-item{
|
|
1003
|
+
box-sizing: border-box;
|
|
1004
|
+
width: auto;
|
|
1005
|
+
border-style: solid;
|
|
1006
|
+
border-color: rgb(var(--palette-neutral-border-weak));
|
|
1007
|
+
border-bottom-width: 1px;
|
|
1008
|
+
}
|
|
1009
|
+
.ndl-accordion .ndl-accordion-item-header{
|
|
1010
|
+
display: flex;
|
|
1011
|
+
width: 100%;
|
|
1012
|
+
color: rgb(var(--palette-neutral-text-default));
|
|
1013
|
+
}
|
|
1014
|
+
.ndl-accordion .ndl-accordion-item-header-disabled{
|
|
1015
|
+
color: rgb(var(--palette-neutral-text-weakest));
|
|
1016
|
+
}
|
|
1017
|
+
.ndl-accordion .ndl-accordion-item-header-button{
|
|
1018
|
+
position: relative;
|
|
1019
|
+
box-sizing: border-box;
|
|
1020
|
+
display: flex;
|
|
1021
|
+
width: 100%;
|
|
1022
|
+
align-items: center;
|
|
1023
|
+
padding-top: 0.75rem;
|
|
1024
|
+
padding-bottom: 0.75rem;
|
|
1025
|
+
padding-right: 0.75rem;
|
|
1026
|
+
}
|
|
1027
|
+
.ndl-accordion .ndl-accordion-item-header-button-disabled{
|
|
1028
|
+
cursor: not-allowed;
|
|
1029
|
+
color: rgb(var(--palette-neutral-text-weakest));
|
|
1030
|
+
}
|
|
1031
|
+
.ndl-accordion .ndl-accordion-item-header-button:focus-visible{
|
|
1032
|
+
border-radius: 4px;
|
|
1033
|
+
outline-style: solid;
|
|
1034
|
+
outline-width: 2px;
|
|
1035
|
+
outline-offset: 1px;
|
|
1036
|
+
outline-color: rgb(var(--palette-primary-focus));
|
|
1037
|
+
}
|
|
1038
|
+
.ndl-accordion .ndl-accordion-item-header-button:hover:before{
|
|
1039
|
+
position: absolute;
|
|
1040
|
+
height: 100%;
|
|
1041
|
+
width: 100%;
|
|
1042
|
+
border-radius: 4px;
|
|
1043
|
+
background-color: var(--palette-neutral-hover);
|
|
1044
|
+
content: '';
|
|
1045
|
+
z-index: 1;
|
|
1046
|
+
}
|
|
1047
|
+
.ndl-accordion .ndl-accordion-item-header-button:active:before{
|
|
1048
|
+
position: absolute;
|
|
1049
|
+
height: 100%;
|
|
1050
|
+
width: 100%;
|
|
1051
|
+
border-radius: 4px;
|
|
1052
|
+
background-color: var(--palette-neutral-pressed);
|
|
1053
|
+
content: '';
|
|
1054
|
+
z-index: 1;
|
|
1055
|
+
}
|
|
1056
|
+
.ndl-accordion .ndl-accordion-item-header-button-title{
|
|
1057
|
+
margin-left: 0.75rem;
|
|
1058
|
+
display: flex;
|
|
1059
|
+
width: 100%;
|
|
1060
|
+
}
|
|
1061
|
+
.ndl-accordion .ndl-accordion-item-header-button-title-right{
|
|
1062
|
+
align-content: space-between;
|
|
1063
|
+
}
|
|
1064
|
+
.ndl-accordion .ndl-accordion-item-header-icon-wrapper{
|
|
1065
|
+
pointer-events: none;
|
|
1066
|
+
box-sizing: border-box;
|
|
1067
|
+
display: flex;
|
|
1068
|
+
width: 100%;
|
|
1069
|
+
flex-direction: row;
|
|
1070
|
+
align-items: center;
|
|
1071
|
+
}
|
|
1072
|
+
.ndl-accordion .ndl-accordion-item-header-icon-wrapper-right{
|
|
1073
|
+
flex-direction: row-reverse;
|
|
1074
|
+
}
|
|
1075
|
+
.ndl-accordion .ndl-accordion-item-header-icon{
|
|
1076
|
+
margin-left: 0.75rem;
|
|
1077
|
+
height: 1.5rem;
|
|
1078
|
+
width: 1.5rem;
|
|
1079
|
+
}
|
|
1080
|
+
.ndl-accordion .ndl-accordion-item-content{
|
|
1081
|
+
visibility: hidden;
|
|
1082
|
+
height: 0px;
|
|
1083
|
+
overflow: hidden;
|
|
1084
|
+
}
|
|
1085
|
+
.ndl-accordion .ndl-accordion-item-content:focus-visible{
|
|
1086
|
+
border-radius: 4px;
|
|
1087
|
+
outline-style: solid;
|
|
1088
|
+
outline-width: 2px;
|
|
1089
|
+
outline-offset: 1px;
|
|
1090
|
+
outline-color: rgb(var(--palette-primary-focus));
|
|
1091
|
+
}
|
|
1092
|
+
.ndl-accordion .ndl-accordion-item-content-right{
|
|
1093
|
+
padding-left: 2.25rem;
|
|
1094
|
+
}
|
|
1095
|
+
.ndl-accordion .ndl-accordion-item-content-expanded{
|
|
1096
|
+
visibility: visible;
|
|
1097
|
+
height: auto;
|
|
1098
|
+
}
|
|
1099
|
+
.ndl-accordion .ndl-accordion-item-content-inner{
|
|
1100
|
+
box-sizing: border-box;
|
|
1101
|
+
padding-left: 0.75rem;
|
|
1102
|
+
padding-right: 0.75rem;
|
|
1103
|
+
padding-bottom: 0.75rem;
|
|
1104
|
+
padding-top: 0.25rem;
|
|
1105
|
+
}
|
|
975
1106
|
/**
|
|
976
1107
|
*
|
|
977
1108
|
* Copyright (c) "Neo4j"
|
|
@@ -3558,7 +3689,8 @@ a.ndl-btn{
|
|
|
3558
3689
|
overflow: hidden;
|
|
3559
3690
|
background-color: rgb(var(--palette-neutral-bg-weak));
|
|
3560
3691
|
}
|
|
3561
|
-
.ndl-table-root .ndl-table-x-scrollable
|
|
3692
|
+
.ndl-table-root .ndl-table-x-scrollable,
|
|
3693
|
+
.ndl-table-root .ndl-table-scrollable {
|
|
3562
3694
|
overflow-x: auto;
|
|
3563
3695
|
/* Fill available height space */
|
|
3564
3696
|
flex-grow: 1;
|
|
@@ -5891,6 +6023,9 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
|
|
|
5891
6023
|
.n-mt-4{
|
|
5892
6024
|
margin-top: 1rem;
|
|
5893
6025
|
}
|
|
6026
|
+
.n-box-border{
|
|
6027
|
+
box-sizing: border-box;
|
|
6028
|
+
}
|
|
5894
6029
|
.n-flex{
|
|
5895
6030
|
display: flex;
|
|
5896
6031
|
}
|
|
@@ -6007,6 +6142,10 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
|
|
|
6007
6142
|
.n-table-auto{
|
|
6008
6143
|
table-layout: auto;
|
|
6009
6144
|
}
|
|
6145
|
+
.-n-rotate-180{
|
|
6146
|
+
--tw-rotate: -180deg;
|
|
6147
|
+
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));
|
|
6148
|
+
}
|
|
6010
6149
|
.n-rotate-180{
|
|
6011
6150
|
--tw-rotate: 180deg;
|
|
6012
6151
|
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));
|
package/lib/tokens/js/tokens.js
CHANGED