@neo4j-ndl/base 2.8.1 → 2.9.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 +10 -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 +102 -23
- 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,15 @@
|
|
|
1
1
|
# Change Log
|
|
2
2
|
|
|
3
|
+
## 2.9.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#784](https://github.com/neo4j/needle/pull/784) [`3ac35cf15f870929346b74025cb7d679e3b97ccb`](https://github.com/neo4j/needle/commit/3ac35cf15f870929346b74025cb7d679e3b97ccb) Thanks [@daugerdas](https://github.com/daugerdas)! - add dropdown button component
|
|
8
|
+
|
|
9
|
+
### Patch Changes
|
|
10
|
+
|
|
11
|
+
- [#845](https://github.com/neo4j/needle/pull/845) [`2d9b25183b840b362842b67610507e6de9c31fc8`](https://github.com/neo4j/needle/commit/2d9b25183b840b362842b67610507e6de9c31fc8) Thanks [@noahmay](https://github.com/noahmay)! - Fix keyboard input inside accordion
|
|
12
|
+
|
|
3
13
|
## 2.8.1
|
|
4
14
|
|
|
5
15
|
### Patch Changes
|
package/lib/neo4j-ds-styles.css
CHANGED
|
@@ -997,15 +997,14 @@ h6,
|
|
|
997
997
|
}
|
|
998
998
|
.ndl-accordion .ndl-accordion-item{
|
|
999
999
|
box-sizing:border-box;
|
|
1000
|
+
height:48px;
|
|
1000
1001
|
width:auto;
|
|
1002
|
+
border-bottom-width:1px;
|
|
1003
|
+
border-style:solid;
|
|
1004
|
+
border-color:rgb(var(--theme-palette-neutral-border-weak));
|
|
1001
1005
|
}
|
|
1002
|
-
.ndl-accordion .ndl-accordion-item-
|
|
1003
|
-
|
|
1004
|
-
width:100%;
|
|
1005
|
-
color:rgb(var(--theme-palette-neutral-text-default));
|
|
1006
|
-
}
|
|
1007
|
-
.ndl-accordion .ndl-accordion-item-header-disabled{
|
|
1008
|
-
color:rgb(var(--theme-palette-neutral-text-weakest));
|
|
1006
|
+
.ndl-accordion .ndl-accordion-item-expanded{
|
|
1007
|
+
height:auto;
|
|
1009
1008
|
}
|
|
1010
1009
|
.ndl-accordion .ndl-accordion-item-header-button{
|
|
1011
1010
|
position:relative;
|
|
@@ -1022,29 +1021,16 @@ h6,
|
|
|
1022
1021
|
color:rgb(var(--theme-palette-neutral-text-weakest));
|
|
1023
1022
|
}
|
|
1024
1023
|
.ndl-accordion .ndl-accordion-item-header-button:focus-visible{
|
|
1025
|
-
border-radius:4px;
|
|
1026
1024
|
outline-style:solid;
|
|
1027
1025
|
outline-width:2px;
|
|
1028
|
-
outline-offset
|
|
1026
|
+
outline-offset:-2px;
|
|
1029
1027
|
outline-color:rgb(var(--theme-palette-primary-focus));
|
|
1030
1028
|
}
|
|
1031
|
-
.ndl-accordion .ndl-accordion-item-header-button:hover
|
|
1032
|
-
position:absolute;
|
|
1033
|
-
width:100%;
|
|
1034
|
-
height:100%;
|
|
1035
|
-
border-radius:4px;
|
|
1029
|
+
.ndl-accordion .ndl-accordion-item-header-button:hover{
|
|
1036
1030
|
background-color:rgb(var(--theme-palette-neutral-hover));
|
|
1037
|
-
content:'';
|
|
1038
|
-
z-index:1;
|
|
1039
1031
|
}
|
|
1040
|
-
.ndl-accordion .ndl-accordion-item-header-button:active
|
|
1041
|
-
position:absolute;
|
|
1042
|
-
width:100%;
|
|
1043
|
-
height:100%;
|
|
1044
|
-
border-radius:4px;
|
|
1032
|
+
.ndl-accordion .ndl-accordion-item-header-button:active{
|
|
1045
1033
|
background-color:rgb(var(--theme-palette-neutral-pressed));
|
|
1046
|
-
content:'';
|
|
1047
|
-
z-index:1;
|
|
1048
1034
|
}
|
|
1049
1035
|
.ndl-accordion .ndl-accordion-item-header-button-title{
|
|
1050
1036
|
margin-left:12px;
|
|
@@ -6101,6 +6087,99 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
|
|
|
6101
6087
|
display:flex;
|
|
6102
6088
|
gap:4px;
|
|
6103
6089
|
}
|
|
6090
|
+
.ndl-dropdown-btn{
|
|
6091
|
+
display:inline-flex;
|
|
6092
|
+
cursor:pointer;
|
|
6093
|
+
align-items:center;
|
|
6094
|
+
justify-content:center;
|
|
6095
|
+
gap:8px;
|
|
6096
|
+
border-radius:4px;
|
|
6097
|
+
border-width:1px;
|
|
6098
|
+
border-style:solid;
|
|
6099
|
+
border-color:rgb(var(--theme-palette-neutral-border-strong));
|
|
6100
|
+
outline:2px solid transparent;
|
|
6101
|
+
outline-offset:2px;
|
|
6102
|
+
--tw-ring-color:rgb(var(--theme-palette-primary-focus));
|
|
6103
|
+
font-size:var(--font-size-body-medium);
|
|
6104
|
+
font-weight:var(--font-weight-normal);
|
|
6105
|
+
letter-spacing:0.016rem;
|
|
6106
|
+
line-height:1.25rem;
|
|
6107
|
+
}
|
|
6108
|
+
.ndl-dropdown-btn:focus-visible{
|
|
6109
|
+
--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
6110
|
+
--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
6111
|
+
box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
6112
|
+
}
|
|
6113
|
+
.ndl-dropdown-btn.ndl-small{
|
|
6114
|
+
height:24px;
|
|
6115
|
+
padding-left:4px;
|
|
6116
|
+
padding-right:4px;
|
|
6117
|
+
padding-top:2px;
|
|
6118
|
+
padding-bottom:2px;
|
|
6119
|
+
}
|
|
6120
|
+
.ndl-dropdown-btn.ndl-small .ndl-dropdown-btn-left-wrapper{
|
|
6121
|
+
gap:4px;
|
|
6122
|
+
}
|
|
6123
|
+
.ndl-dropdown-btn.ndl-medium{
|
|
6124
|
+
height:36px;
|
|
6125
|
+
padding-left:8px;
|
|
6126
|
+
padding-right:8px;
|
|
6127
|
+
padding-top:8px;
|
|
6128
|
+
padding-bottom:8px;
|
|
6129
|
+
}
|
|
6130
|
+
.ndl-dropdown-btn.ndl-medium .ndl-dropdown-btn-left-wrapper{
|
|
6131
|
+
gap:8px;
|
|
6132
|
+
}
|
|
6133
|
+
.ndl-dropdown-btn.ndl-large{
|
|
6134
|
+
height:48px;
|
|
6135
|
+
padding-left:12px;
|
|
6136
|
+
padding-right:12px;
|
|
6137
|
+
padding-top:12px;
|
|
6138
|
+
padding-bottom:12px;
|
|
6139
|
+
font-size:var(--font-size-body-large);
|
|
6140
|
+
font-weight:var(--font-weight-normal);
|
|
6141
|
+
letter-spacing:0.016rem;
|
|
6142
|
+
line-height:1.5rem;
|
|
6143
|
+
}
|
|
6144
|
+
.ndl-dropdown-btn.ndl-large .ndl-dropdown-btn-left-wrapper{
|
|
6145
|
+
gap:8px;
|
|
6146
|
+
}
|
|
6147
|
+
.ndl-dropdown-btn.ndl-medium:has(.ndl-avatar){
|
|
6148
|
+
padding-left:6px;
|
|
6149
|
+
}
|
|
6150
|
+
.ndl-dropdown-btn.ndl-medium:has(.ndl-avatar) .ndl-dropdown-btn-left-wrapper{
|
|
6151
|
+
gap:6px;
|
|
6152
|
+
}
|
|
6153
|
+
.ndl-dropdown-btn.ndl-large:has(.ndl-avatar){
|
|
6154
|
+
padding-left:6px;
|
|
6155
|
+
}
|
|
6156
|
+
.ndl-dropdown-btn:hover{
|
|
6157
|
+
background-color:rgb(var(--theme-palette-neutral-hover));
|
|
6158
|
+
}
|
|
6159
|
+
.ndl-dropdown-btn:active{
|
|
6160
|
+
background-color:rgb(var(--theme-palette-neutral-pressed));
|
|
6161
|
+
}
|
|
6162
|
+
.ndl-dropdown-btn.ndl-disabled{
|
|
6163
|
+
cursor:not-allowed;
|
|
6164
|
+
border-color:rgb(var(--theme-palette-neutral-border-strong));
|
|
6165
|
+
background-color:rgb(var(--theme-palette-neutral-bg-weak));
|
|
6166
|
+
color:rgb(var(--theme-palette-neutral-text-weakest));
|
|
6167
|
+
}
|
|
6168
|
+
.ndl-dropdown-btn.ndl-floating-btn{
|
|
6169
|
+
--tw-shadow:var(--theme-shadow-overlay);
|
|
6170
|
+
--tw-shadow-colored:var(--theme-shadow-overlay);
|
|
6171
|
+
box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
6172
|
+
}
|
|
6173
|
+
.ndl-dropdown-btn.ndl-open{
|
|
6174
|
+
--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
6175
|
+
--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
6176
|
+
box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
6177
|
+
--tw-ring-color:rgb(var(--theme-palette-primary-focus));
|
|
6178
|
+
}
|
|
6179
|
+
.ndl-dropdown-btn-left-wrapper{
|
|
6180
|
+
display:flex;
|
|
6181
|
+
align-items:center;
|
|
6182
|
+
}
|
|
6104
6183
|
.ndl-divider{
|
|
6105
6184
|
display:block;
|
|
6106
6185
|
align-self:center;
|
package/lib/tokens/js/tokens.js
CHANGED