@neo4j-ndl/base 3.0.18 → 3.0.19

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.
@@ -22,7 +22,7 @@
22
22
  "use strict";
23
23
  /**
24
24
  * Do not edit directly
25
- * Generated on Thu, 12 Dec 2024 07:55:06 GMT
25
+ * Generated on Thu, 19 Dec 2024 10:07:27 GMT
26
26
  */
27
27
  Object.defineProperty(exports, "__esModule", { value: true });
28
28
  exports.tokens = void 0;
@@ -22,7 +22,7 @@
22
22
  "use strict";
23
23
  /**
24
24
  * Do not edit directly
25
- * Generated on Thu, 12 Dec 2024 07:55:07 GMT
25
+ * Generated on Thu, 19 Dec 2024 10:07:27 GMT
26
26
  */
27
27
  Object.defineProperty(exports, "__esModule", { value: true });
28
28
  exports.tokens = void 0;
@@ -22,7 +22,7 @@
22
22
  "use strict";
23
23
  /**
24
24
  * Do not edit directly
25
- * Generated on Thu, 12 Dec 2024 07:55:06 GMT
25
+ * Generated on Thu, 19 Dec 2024 10:07:27 GMT
26
26
  */
27
27
  module.exports = {
28
28
  "transitions": {
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Thu, 12 Dec 2024 07:55:06 GMT
24
+ * Generated on Thu, 19 Dec 2024 10:07:27 GMT
25
25
  */
26
26
  export const tokens = {
27
27
  "transitions": [
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Thu, 12 Dec 2024 07:55:07 GMT
24
+ * Generated on Thu, 19 Dec 2024 10:07:27 GMT
25
25
  */
26
26
  export const tokens = {
27
27
  "transitions": {
@@ -22,7 +22,7 @@
22
22
  "use strict";
23
23
  /**
24
24
  * Do not edit directly
25
- * Generated on Thu, 12 Dec 2024 07:55:06 GMT
25
+ * Generated on Thu, 19 Dec 2024 10:07:27 GMT
26
26
  */
27
27
  module.exports = {
28
28
  "transitions": {
@@ -1869,7 +1869,7 @@ a.ndl-btn {
1869
1869
  line-height:0;
1870
1870
  color:rgb(var(--theme-palette-neutral-text-default));
1871
1871
  }
1872
- .ndl-form-item input[type='checkbox'][role='checkbox'],
1872
+ .ndl-form-item input[type='checkbox'],
1873
1873
  .ndl-form-item input[type='radio'] {
1874
1874
  cursor:pointer;
1875
1875
  position:relative;
@@ -1884,6 +1884,10 @@ a.ndl-btn {
1884
1884
  appearance:none;
1885
1885
  flex-shrink:0;
1886
1886
  }
1887
+ .ndl-form-item input[type='checkbox']:checked, .ndl-form-item input[type='radio']:checked {
1888
+ border-color:rgb(var(--theme-palette-primary-icon));
1889
+ background-color:rgb(var(--theme-palette-primary-icon));
1890
+ }
1887
1891
  .ndl-form-item input[type='checkbox'][role='checkbox']:not(:disabled):hover:before, .ndl-form-item input[type='radio']:not(:disabled):hover:before{
1888
1892
  content:'';
1889
1893
  position:absolute;
@@ -1912,10 +1916,6 @@ a.ndl-btn {
1912
1916
  outline-offset:1px;
1913
1917
  outline-color:rgb(var(--theme-palette-primary-focus));
1914
1918
  }
1915
- .ndl-form-item input[type='checkbox'][role='checkbox']:checked, .ndl-form-item input[type='radio']:checked {
1916
- border-color:rgb(var(--theme-palette-primary-icon));
1917
- background-color:rgb(var(--theme-palette-primary-icon));
1918
- }
1919
1919
  .ndl-form-item input[type='checkbox'][role='checkbox']:checked:not(:disabled):hover:before, .ndl-form-item input[type='radio']:checked:not(:disabled):hover:before{
1920
1920
  content:'';
1921
1921
  position:absolute;
@@ -1938,12 +1938,12 @@ a.ndl-btn {
1938
1938
  z-index:1;
1939
1939
  background-color:rgb(var(--theme-palette-primary-pressed-weak));
1940
1940
  }
1941
- .ndl-form-item.ndl-disabled input[type='checkbox'][role='checkbox'],
1941
+ .ndl-form-item.ndl-disabled input[type='checkbox'],
1942
1942
  .ndl-form-item.ndl-disabled input[type='radio'] {
1943
1943
  cursor:not-allowed;
1944
1944
  border-color:rgb(var(--theme-palette-neutral-text-weakest));
1945
1945
  }
1946
- .ndl-form-item.ndl-disabled input[type='checkbox'][role='checkbox']:checked, .ndl-form-item.ndl-disabled input[type='radio']:checked {
1946
+ .ndl-form-item.ndl-disabled input[type='checkbox']:checked, .ndl-form-item.ndl-disabled input[type='radio']:checked {
1947
1947
  background-color:rgb(var(--theme-palette-neutral-text-weakest));
1948
1948
  }
1949
1949
  .ndl-form-item input[type='checkbox']::after{
@@ -4033,15 +4033,45 @@ a.ndl-btn {
4033
4033
  .ndl-select {
4034
4034
  display:inline-flex;
4035
4035
  flex-direction:column;
4036
- row-gap:5px;
4036
+ row-gap:4px;
4037
4037
  }
4038
- .ndl-select .ndl-placeholder {
4039
- white-space:nowrap;
4040
- color:rgb(var(--theme-palette-neutral-text-weaker));
4038
+ .ndl-select.ndl-small .ndl-error-icon {
4039
+ width:16px;
4040
+ height:16px;
4041
+ }
4042
+ .ndl-select.ndl-medium .ndl-error-icon {
4043
+ width:20px;
4044
+ height:20px;
4045
+ }
4046
+ .ndl-select.ndl-large .ndl-error-icon {
4047
+ width:24px;
4048
+ height:24px;
4049
+ }
4050
+ .ndl-select.ndl-large label{
4051
+ font-family:var(--font-font-family-body-large), sans-serif;
4052
+ font-size:var(--font-size-body-large);
4053
+ font-weight:var(--font-weight-normal);
4054
+ letter-spacing:0.016rem;
4055
+ line-height:1.5rem;
4056
+ }
4057
+ .ndl-select.ndl-large .ndl-sub-text{
4058
+ font-family:var(--font-font-family-body-medium), sans-serif;
4059
+ font-size:var(--font-size-body-medium);
4060
+ font-weight:var(--font-weight-normal);
4061
+ letter-spacing:0.016rem;
4062
+ line-height:1.25rem;
4041
4063
  }
4042
4064
  .ndl-select.ndl-fluid {
4043
4065
  display:flex;
4044
4066
  }
4067
+ .ndl-select.ndl-disabled {
4068
+ cursor:not-allowed;
4069
+ color:rgb(var(--theme-palette-neutral-text-weakest));
4070
+ }
4071
+ .ndl-select.ndl-disabled label,
4072
+ .ndl-select.ndl-disabled .ndl-sub-text {
4073
+ color:rgb(var(--theme-palette-neutral-text-weakest));
4074
+ }
4045
4075
  .ndl-select label {
4046
4076
  color:rgb(var(--theme-palette-neutral-text-weak));
4047
4077
  font-family:var(--font-font-family-body-medium), sans-serif;
@@ -4050,13 +4080,6 @@ a.ndl-btn {
4050
4080
  letter-spacing:0.016rem;
4051
4081
  line-height:1.25rem;
4052
4082
  }
4053
- .ndl-select div {
4054
- cursor:pointer;
4055
- }
4056
- .ndl-select.ndl-creatable div,
4057
- .ndl-select.ndl-multi div {
4058
- cursor:text;
4059
- }
4060
4083
  .ndl-select .ndl-sub-text {
4061
4084
  color:rgb(var(--theme-palette-neutral-text-weaker));
4062
4085
  font-family:var(--font-font-family-body-small), sans-serif;
@@ -4065,98 +4088,365 @@ a.ndl-btn {
4065
4088
  letter-spacing:0.016rem;
4066
4089
  line-height:1.25rem;
4067
4090
  }
4068
- .ndl-select.ndl-disabled {
4069
- cursor:not-allowed;
4070
- color:rgb(var(--theme-palette-neutral-text-weakest));
4071
- }
4072
- .ndl-select.ndl-disabled .ndl-placeholder {
4073
- color:rgb(var(--theme-palette-neutral-text-weakest));
4091
+ .ndl-select .ndl-error-text {
4092
+ color:rgb(var(--theme-palette-danger-text));
4074
4093
  }
4075
- .ndl-select.ndl-disabled .ndl-sub-text {
4076
- color:rgb(var(--theme-palette-neutral-text-weakest));
4094
+ .ndl-select .ndl-error-icon {
4095
+ color:rgb(var(--theme-palette-danger-icon));
4077
4096
  }
4078
- .ndl-select.ndl-disabled label {
4079
- color:rgb(var(--theme-palette-neutral-text-weakest));
4097
+ .ndl-select-input {
4098
+ margin:0px;
4099
+ box-sizing:border-box;
4100
+ display:inline-grid;
4101
+ flex:1 1 auto;
4102
+ align-items:center;
4103
+ padding:0px;
4080
4104
  font-family:var(--font-font-family-body-medium), sans-serif;
4081
4105
  font-size:var(--font-size-body-medium);
4082
4106
  font-weight:var(--font-weight-normal);
4083
4107
  letter-spacing:0.016rem;
4084
4108
  line-height:1.25rem;
4109
+
4110
+ grid-template-columns:0 min-content;
4111
+ grid-area:1 / 1 / 2 / 3;
4085
4112
  }
4086
- .ndl-select .ndl-error-text {
4087
- color:rgb(var(--theme-palette-danger-text));
4088
- }
4089
- .ndl-select.ndl-large label{
4113
+ .ndl-select-input.ndl-large{
4090
4114
  font-family:var(--font-font-family-body-large), sans-serif;
4091
4115
  font-size:var(--font-size-body-large);
4092
4116
  font-weight:var(--font-weight-normal);
4093
4117
  letter-spacing:0.016rem;
4094
4118
  line-height:1.5rem;
4095
4119
  }
4096
- .ndl-select.ndl-large .ndl-sub-text{
4120
+ .ndl-select-input::after{
4121
+ content:attr(data-value) ' ';
4122
+ visibility:hidden;
4123
+ white-space:pre;
4124
+ grid-area:1 / 2;
4125
+ font:inherit;
4126
+ min-width:2px;
4127
+ border:0;
4128
+ margin:0;
4129
+ outline:0;
4130
+ padding:0;
4131
+ }
4132
+ .ndl-select-placeholder {
4133
+ margin:0px;
4134
+ box-sizing:border-box;
4135
+ display:inline-grid;
4136
+ align-items:center;
4137
+ white-space:nowrap;
4138
+ padding:0px;
4139
+ color:rgb(var(--theme-palette-neutral-text-weaker));
4097
4140
  font-family:var(--font-font-family-body-medium), sans-serif;
4098
4141
  font-size:var(--font-size-body-medium);
4099
4142
  font-weight:var(--font-weight-normal);
4100
4143
  letter-spacing:0.016rem;
4101
4144
  line-height:1.25rem;
4145
+
4146
+ grid-area:1 / 1 / 2 / 2;
4147
+ }
4148
+ .ndl-select-placeholder.ndl-large{
4149
+ font-family:var(--font-font-family-body-large), sans-serif;
4150
+ font-size:var(--font-size-body-large);
4151
+ font-weight:var(--font-weight-normal);
4152
+ letter-spacing:0.016rem;
4153
+ line-height:1.5rem;
4154
+ }
4155
+ .ndl-select-placeholder.ndl-disabled {
4156
+ color:rgb(var(--theme-palette-neutral-text-weakest));
4157
+ }
4158
+ .ndl-select-clear {
4159
+ height:100%;
4160
+ padding:0px;
4161
+ }
4162
+ .ndl-select-clear > div {
4163
+ display:flex;
4164
+ height:100%;
4165
+ flex-direction:row;
4166
+ align-items:center;
4102
4167
  }
4103
- .ndl-select .ndl-select-icon {
4168
+ .ndl-select-clear > div > svg {
4104
4169
  cursor:pointer;
4105
4170
  color:rgb(var(--theme-palette-neutral-text-weak));
4106
4171
  }
4107
- .ndl-select .ndl-select-icon.ndl-small {
4172
+ .ndl-select-clear.ndl-small > div {
4173
+ gap:4px;
4174
+ }
4175
+ .ndl-select-clear.ndl-small > div > svg {
4108
4176
  width:16px;
4109
4177
  height:16px;
4110
4178
  }
4111
- .ndl-select .ndl-select-icon.ndl-medium {
4179
+ .ndl-select-clear.ndl-medium > div {
4180
+ gap:8px;
4181
+ }
4182
+ .ndl-select-clear.ndl-medium > div > svg {
4112
4183
  width:20px;
4113
4184
  height:20px;
4114
4185
  }
4115
- .ndl-select .ndl-select-icon.ndl-large {
4186
+ .ndl-select-clear.ndl-large > div {
4187
+ gap:12px;
4188
+ }
4189
+ .ndl-select-clear.ndl-large > div > svg {
4116
4190
  width:24px;
4117
4191
  height:24px;
4118
4192
  }
4119
- .ndl-select .ndl-select-icon.ndl-disabled {
4193
+ .ndl-select-indicators-container {
4194
+ display:flex;
4195
+ flex-shrink:0;
4196
+ flex-direction:row;
4197
+ align-self:stretch;
4198
+ }
4199
+ .ndl-select-indicators-container .ndl-select-divider {
4200
+ height:100%;
4201
+ width:1px;
4202
+ background-color:rgb(var(--theme-palette-neutral-border-strong));
4203
+ }
4204
+ .ndl-select-indicators-container.ndl-small {
4205
+ gap:4px;
4206
+ }
4207
+ .ndl-select-indicators-container.ndl-medium {
4208
+ gap:8px;
4209
+ }
4210
+ .ndl-select-indicators-container.ndl-large {
4211
+ gap:12px;
4212
+ }
4213
+ .ndl-select-value-container {
4214
+ gap:4px;
4215
+ padding:0px;
4216
+ }
4217
+ .ndl-select-value-container.ndl-small {
4218
+ -moz-column-gap:4px;
4219
+ column-gap:4px;
4220
+ row-gap:0px;
4221
+ }
4222
+ .ndl-select-multi-value {
4223
+ display:flex;
4224
+ }
4225
+ .ndl-select-multi-value.ndl-small {
4226
+ padding-top:2px;
4227
+ padding-bottom:2px;
4228
+ }
4229
+ .ndl-select-single-value {
4230
+ display:flex;
4231
+ align-items:center;
4232
+ color:rgb(var(--theme-palette-neutral-text-default));
4233
+
4234
+ grid-area:1 / 1 / 2 / 3;
4235
+ }
4236
+ .ndl-select-single-value.ndl-disabled {
4120
4237
  color:rgb(var(--theme-palette-neutral-text-weakest));
4121
4238
  }
4122
- .ndl-select .ndl-indicator{
4123
- width:1px;
4124
- height:100%;
4125
- background-color:rgb(var(--theme-palette-neutral-border-strong));
4126
- }
4127
- .ndl-select .ndl-error-icon.ndl-small {
4239
+ .ndl-select-dropdown-indicator {
4240
+ display:flex;
4241
+ align-items:center;
4242
+ padding:0px;
4243
+ }
4244
+ .ndl-select-dropdown-indicator .ndl-select-icon {
4245
+ cursor:pointer;
4246
+ color:rgb(var(--theme-palette-neutral-text-weak));
4247
+ }
4248
+ .ndl-select-dropdown-indicator.ndl-small .ndl-select-icon {
4128
4249
  width:16px;
4129
4250
  height:16px;
4130
4251
  }
4131
- .ndl-select .ndl-error-icon.ndl-medium {
4252
+ .ndl-select-dropdown-indicator.ndl-medium .ndl-select-icon {
4132
4253
  width:20px;
4133
4254
  height:20px;
4134
4255
  }
4135
- .ndl-select .ndl-error-icon.ndl-large {
4256
+ .ndl-select-dropdown-indicator.ndl-large .ndl-select-icon {
4136
4257
  width:24px;
4137
4258
  height:24px;
4138
4259
  }
4139
- .ndl-select .ndl-error-icon {
4140
- color:rgb(var(--theme-palette-danger-icon));
4260
+ .ndl-select-dropdown-indicator.ndl-disabled .ndl-select-icon {
4261
+ color:rgb(var(--theme-palette-neutral-text-weakest));
4262
+ }
4263
+ .ndl-select-control {
4264
+ position:relative;
4265
+ box-sizing:border-box;
4266
+ display:flex;
4267
+ cursor:pointer;
4268
+ align-items:center;
4269
+ justify-content:space-between;
4270
+ overflow:hidden;
4271
+ border-radius:4px;
4272
+ border-width:0px;
4273
+ border-style:none;
4274
+ background-color:rgb(var(--theme-palette-neutral-bg-weak));
4275
+ padding-top:4px;
4276
+ padding-bottom:4px;
4277
+ outline-width:1px !important;
4278
+ outline-color:rgb(var(--theme-palette-neutral-border-strong)) !important;
4279
+ font-family:var(--font-font-family-body-medium), sans-serif;
4280
+ font-size:var(--font-size-body-medium);
4281
+ font-weight:var(--font-weight-normal);
4282
+ letter-spacing:0.016rem;
4283
+ line-height:1.25rem;
4284
+ }
4285
+ .ndl-select-control:focus-within {
4286
+ border-style:none;
4287
+ outline-style:solid;
4288
+ outline-width:2px !important;
4289
+ outline-color:rgb(var(--theme-palette-primary-focus)) !important;
4290
+ }
4291
+ .ndl-select-control:hover {
4292
+ border-color:rgb(var(--theme-palette-neutral-border-strong));
4293
+ }
4294
+ .ndl-select-control.ndl-small {
4295
+ min-height:24px;
4296
+ gap:4px;
4297
+ padding-left:4px;
4298
+ padding-right:4px;
4299
+ padding-top:2px;
4300
+ padding-bottom:2px;
4141
4301
  }
4142
- .ndl-select .ndl-select-option {
4302
+ .ndl-select-control.ndl-medium {
4303
+ min-height:36px;
4304
+ gap:8px;
4305
+ padding-left:8px;
4306
+ padding-right:8px;
4307
+ }
4308
+ .ndl-select-control.ndl-large {
4309
+ min-height:48px;
4310
+ gap:12px;
4311
+ padding-left:12px;
4312
+ padding-right:12px;
4313
+ font-family:var(--font-font-family-body-large), sans-serif;
4314
+ font-size:var(--font-size-body-large);
4315
+ font-weight:var(--font-weight-normal);
4316
+ letter-spacing:0.016rem;
4317
+ line-height:1.5rem;
4318
+ }
4319
+ .ndl-select-control.ndl-has-border {
4320
+ outline-style:solid !important;
4321
+ }
4322
+ .ndl-select-control.ndl-has-error {
4323
+ outline-style:solid !important;
4324
+ outline-width:2px !important;
4325
+ outline-color:rgb(var(--theme-palette-danger-border-strong)) !important;
4326
+ }
4327
+ .ndl-select-control.ndl-has-error:focus-within {
4328
+ outline-style:solid !important;
4329
+ outline-width:2px !important;
4330
+ outline-color:rgb(var(--theme-palette-danger-border-strong)) !important;
4331
+ }
4332
+ .ndl-select-control.ndl-has-error:hover {
4333
+ border-color:rgb(var(--theme-palette-danger-border-strong));
4334
+ }
4335
+ .ndl-select-option {
4336
+ position:relative;
4143
4337
  display:flex;
4144
4338
  flex-direction:row;
4145
4339
  align-items:center;
4146
4340
  gap:8px;
4341
+ overflow-wrap:break-word;
4342
+ border-radius:8px;
4343
+ background-color:transparent;
4344
+ color:rgb(var(--theme-palette-neutral-text-default));
4345
+ font-family:var(--font-font-family-body-medium), sans-serif;
4346
+ font-size:var(--font-size-body-medium);
4347
+ font-weight:var(--font-weight-normal);
4348
+ letter-spacing:0.016rem;
4349
+ line-height:1.25rem;
4147
4350
  }
4148
- .ndl-select .ndl-select-option.ndl-form-item{
4149
- margin-top:0;
4150
- }
4151
- .ndl-select.ndl-small .ndl-select-option{
4152
- padding:2px;
4153
- }
4154
- .ndl-select .ndl-medium .ndl-select-option{
4155
- padding:8px;
4156
- }
4157
- .ndl-select.ndl-large .ndl-select-option{
4158
- padding:12px;
4351
+ .ndl-select-option:hover {
4352
+ cursor:pointer;
4353
+ background-color:rgb(var(--theme-palette-neutral-hover));
4354
+ }
4355
+ .ndl-select-option.ndl-is-multi:hover {
4356
+ background-color:rgb(var(--theme-palette-neutral-hover));
4357
+ }
4358
+ .ndl-select-option.ndl-form-item {
4359
+ margin-top:0px;
4360
+ }
4361
+ .ndl-select-option.ndl-focused {
4362
+ background-color:rgb(var(--theme-palette-neutral-hover));
4363
+ }
4364
+ .ndl-select-option.ndl-selected {
4365
+ background-color:rgb(var(--theme-palette-primary-bg-selected));
4366
+ color:rgb(var(--theme-palette-primary-text));
4367
+ }
4368
+ .ndl-select-option.ndl-selected.ndl-is-multi {
4369
+ background-color:transparent;
4370
+ color:rgb(var(--theme-palette-neutral-text-default));
4371
+ }
4372
+ .ndl-select-option.ndl-selected.ndl-is-multi:hover {
4373
+ background-color:rgb(var(--theme-palette-neutral-hover));
4374
+ }
4375
+ .ndl-select-option.ndl-selected.ndl-is-multi.ndl-focused {
4376
+ background-color:rgb(var(--theme-palette-neutral-hover));
4377
+ }
4378
+ .ndl-select-option.ndl-selected.ndl-is-multi::before{
4379
+ all:unset;
4380
+ }
4381
+ .ndl-select-option.ndl-selected::before{
4382
+ content:'';
4383
+ border-radius:0 100px 100px 0;
4384
+ position:absolute;
4385
+ left:-8px;
4386
+ top:0px;
4387
+ height:100%;
4388
+ width:4px;
4389
+ background-color:rgb(var(--theme-palette-primary-bg-strong));
4159
4390
  }
4391
+ .ndl-select-option.ndl-disabled {
4392
+ cursor:not-allowed;
4393
+ background-color:transparent;
4394
+ color:rgb(var(--theme-palette-neutral-text-weakest));
4395
+ }
4396
+ .ndl-select-option.ndl-disabled.ndl-is-multi:hover {
4397
+ background-color:transparent;
4398
+ }
4399
+ .ndl-select-option.ndl-small {
4400
+ padding:2px;
4401
+ }
4402
+ .ndl-select-option.ndl-medium {
4403
+ padding:8px;
4404
+ }
4405
+ .ndl-select-option.ndl-large {
4406
+ padding:12px;
4407
+ font-family:var(--font-font-family-body-large), sans-serif;
4408
+ font-size:var(--font-size-body-large);
4409
+ font-weight:var(--font-weight-normal);
4410
+ letter-spacing:0.016rem;
4411
+ line-height:1.5rem;
4412
+ }
4413
+ .ndl-select-menu-portal {
4414
+ z-index:40 !important;
4415
+ }
4416
+ .ndl-select-menu {
4417
+ position:absolute;
4418
+ top:100%;
4419
+ z-index:40;
4420
+ margin-top:4px;
4421
+ margin-bottom:4px;
4422
+ box-sizing:border-box;
4423
+ width:100%;
4424
+ min-width:-moz-min-content;
4425
+ min-width:min-content;
4426
+ overflow:hidden;
4427
+ border-radius:4px;
4428
+ border-width:1px;
4429
+ border-color:rgb(var(--theme-palette-neutral-border-strong));
4430
+ background-color:rgb(var(--theme-palette-neutral-bg-weak));
4431
+ --tw-shadow:var(--theme-shadow-overlay);
4432
+ --tw-shadow-colored:var(--theme-shadow-overlay);
4433
+ box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4434
+ }
4435
+ .ndl-select-menu-list {
4436
+ display:flex;
4437
+ flex-direction:column;
4438
+ overflow:auto;
4439
+ padding:8px;
4440
+ }
4441
+ .ndl-select-menu-list.ndl-small {
4442
+ max-height:196px;
4443
+ }
4444
+ .ndl-select-menu-list.ndl-medium {
4445
+ max-height:280px;
4446
+ }
4447
+ .ndl-select-menu-list.ndl-large {
4448
+ max-height:314px;
4449
+ }
4160
4450
  .ndl-node-label {
4161
4451
  position:relative;
4162
4452
  display:inline-block;
@@ -6941,7 +7231,15 @@ button.ndl-avatar:focus-visible {
6941
7231
  min-width:176px;
6942
7232
  flex-direction:column;
6943
7233
  gap:8px;
7234
+ border-radius:8px;
7235
+ border-width:1px;
7236
+ border-style:solid;
7237
+ border-color:rgb(var(--theme-palette-neutral-border-strong));
7238
+ background-color:rgb(var(--theme-palette-neutral-bg-weak));
6944
7239
  padding:8px;
7240
+ --tw-shadow:var(--theme-shadow-overlay);
7241
+ --tw-shadow-colored:var(--theme-shadow-overlay);
7242
+ box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
6945
7243
  }
6946
7244
  .ndl-charts-chart-tooltip .ndl-text-link {
6947
7245
  margin-top:4px;
@@ -6975,9 +7273,8 @@ button.ndl-avatar:focus-visible {
6975
7273
  width:6px;
6976
7274
  border-radius:2px;
6977
7275
  }
6978
- .ndl-charts-chart-tooltip .ndl-charts-chart-tooltip-content .ndl-charts-chart-tooltip-content-left-element {
6979
- color:rgb(var(--theme-palette-neutral-text-weak));
6980
- }
7276
+ .ndl-charts-chart-tooltip .ndl-charts-chart-tooltip-content .ndl-charts-chart-tooltip-content-left-element{
7277
+ }
6981
7278
  .ndl-charts-chart-tooltip .ndl-charts-chart-tooltip-content .ndl-charts-chart-tooltip-content-right-element {
6982
7279
  margin-left:auto;
6983
7280
  padding-left:8px;
@@ -6987,9 +7284,7 @@ button.ndl-avatar:focus-visible {
6987
7284
  flex-direction:row;
6988
7285
  align-items:center;
6989
7286
  border-radius:4px;
6990
- background-color:rgb(var(--theme-palette-danger-bg-weak));
6991
7287
  padding:6px;
6992
- color:rgb(var(--theme-palette-danger-text));
6993
7288
  }
6994
7289
  .ndl-charts-chart-tooltip .ndl-charts-chart-tooltip-content .ndl-charts-chart-tooltip-content-notification .ndl-status-indicator {
6995
7290
  margin-right:8px;
@@ -6998,6 +7293,14 @@ button.ndl-avatar:focus-visible {
6998
7293
  margin-left:auto;
6999
7294
  padding-left:8px;
7000
7295
  }
7296
+ .ndl-charts-chart-tooltip .ndl-charts-chart-tooltip-content .ndl-notification-danger {
7297
+ background-color:rgb(var(--theme-palette-danger-bg-weak));
7298
+ color:rgb(var(--theme-palette-danger-text));
7299
+ }
7300
+ .ndl-charts-chart-tooltip .ndl-charts-chart-tooltip-content .ndl-notification-warning {
7301
+ background-color:rgb(var(--theme-palette-warning-bg-weak));
7302
+ color:rgb(var(--theme-palette-warning-text));
7303
+ }
7001
7304
  .n-sr-only {
7002
7305
  position:absolute;
7003
7306
  width:1px;
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Thu, 12 Dec 2024 07:55:06 GMT
24
+ * Generated on Thu, 19 Dec 2024 10:07:26 GMT
25
25
  */
26
26
 
27
27
  :root {
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Thu, 12 Dec 2024 07:55:06 GMT
24
+ * Generated on Thu, 19 Dec 2024 10:07:27 GMT
25
25
  */
26
26
 
27
27
  module.exports = {
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Thu, 12 Dec 2024 07:55:07 GMT
24
+ * Generated on Thu, 19 Dec 2024 10:07:27 GMT
25
25
  */
26
26
 
27
27
  export const tokens = {
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 12 Dec 2024 07:55:06 GMT
3
+ // Generated on Thu, 19 Dec 2024 10:07:26 GMT
4
4
 
5
5
  $transitions-values-properties-default: all;
6
6
  $transitions-values-duration-quick: 100ms;
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Thu, 12 Dec 2024 07:55:06 GMT
24
+ * Generated on Thu, 19 Dec 2024 10:07:27 GMT
25
25
  */
26
26
  export const tokens: {
27
27
  transitions: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@neo4j-ndl/base",
3
- "version": "3.0.18",
3
+ "version": "3.0.19",
4
4
  "description": "Neo4j base package for the design system",
5
5
  "author": "Neo4j Inc.",
6
6
  "homepage": "https://www.neo4j.design",