@neo4j-ndl/base 4.21.0 → 4.21.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.
@@ -2146,271 +2146,102 @@ a.ndl-btn {
2146
2146
  .ndl-banner .ndl-banner-actions .ndl-btn.ndl-text-button:not(:disabled):active, .ndl-banner .ndl-banner-actions .ndl-btn.ndl-outlined-button:not(:disabled):active, .ndl-banner .ndl-banner-actions .ndl-btn.ndl-filled-button:not(:disabled):active {
2147
2147
  background-color:var(--theme-color-neutral-pressed);
2148
2148
  }
2149
- .ndl-form-item .ndl-form-item-label {
2150
- display:inline-flex;
2151
- align-items:center;
2152
- -moz-column-gap:8px;
2153
- column-gap:8px;
2154
- font:var(--typography-body-medium);
2155
- letter-spacing:var(--typography-body-medium-letter-spacing);
2156
- font-family:var(--typography-body-medium-font-family), sans-serif;
2157
- }
2158
- .ndl-form-item .ndl-form-item-label.ndl-fluid {
2149
+ .ndl-form-label-row{
2150
+ margin-bottom:4px;
2159
2151
  display:flex;
2160
2152
  width:100%;
2153
+ align-items:center;
2154
+ gap:4px;
2161
2155
  }
2162
- .ndl-form-item .ndl-form-item-label.ndl-label-before {
2163
- flex-direction:row-reverse;
2156
+ .ndl-form-label-row.ndl-visually-hidden {
2157
+ position:absolute;
2158
+ width:1px;
2159
+ height:1px;
2160
+ padding:0;
2161
+ margin:-1px;
2162
+ overflow:hidden;
2163
+ clip:rect(0, 0, 0, 0);
2164
+ white-space:nowrap;
2165
+ border-width:0;
2164
2166
  }
2165
- .ndl-form-item .ndl-form-item-wrapper{
2166
- display:flex;
2167
- width:100%;
2168
- }
2169
- .ndl-form-item .ndl-form-item-wrapper .ndl-form-item-optional {
2170
- color:var(--theme-color-neutral-text-weaker);
2171
- font-style:italic;
2172
- margin-left:auto;
2167
+ .ndl-form-label-row .ndl-form-label {
2168
+ color:var(--theme-color-neutral-text-weak);
2173
2169
  }
2174
- .ndl-form-item .ndl-form-item-wrapper .ndl-information-icon-small {
2175
- margin-top:2px;
2176
- margin-left:3px;
2170
+ .ndl-form-label-row .ndl-form-label-indicator{
2171
+ margin-left:auto;
2172
+ font-style:italic;
2173
+ color:var(--theme-color-neutral-text-weaker);
2174
+ }
2175
+ .ndl-form-label-row .ndl-information-icon-small {
2177
2176
  width:16px;
2178
2177
  height:16px;
2179
2178
  color:var(--theme-color-neutral-text-weak);
2180
2179
  }
2181
- .ndl-form-item .ndl-form-item-wrapper .ndl-information-icon-large {
2182
- margin-top:2px;
2183
- margin-left:3px;
2180
+ .ndl-form-label-row .ndl-information-icon-large {
2184
2181
  width:20px;
2185
2182
  height:20px;
2186
2183
  color:var(--theme-color-neutral-text-weak);
2187
2184
  }
2188
- .ndl-form-item.ndl-type-text .ndl-form-item-label {
2189
- flex-direction:column-reverse;
2190
- align-items:flex-start;
2191
- row-gap:5px;
2192
- }
2193
- .ndl-form-item.ndl-type-text .ndl-form-item-no-label {
2194
- row-gap:0px;
2195
- }
2196
- .ndl-form-item.ndl-type-text:not(.ndl-disabled) .ndl-form-label-text {
2197
- color:var(--theme-color-neutral-text-weak);
2198
- }
2199
- .ndl-form-item.ndl-disabled .ndl-form-label-text {
2185
+ .ndl-disabled .ndl-form-label-row .ndl-form-label,
2186
+ .ndl-disabled .ndl-form-label-row .ndl-form-label-indicator {
2200
2187
  color:var(--theme-color-neutral-text-weakest);
2201
2188
  }
2202
- .ndl-form-item.ndl-disabled .ndl-form-item-label {
2189
+ .ndl-disabled .ndl-form-label-row .ndl-form-label {
2203
2190
  cursor:not-allowed;
2204
- color:var(--theme-color-neutral-text-weakest);
2205
2191
  }
2206
- .ndl-form-item .ndl-form-msg {
2207
- margin-top:4px;
2208
- display:flex;
2209
- flex-direction:row;
2192
+ .ndl-form-inline-field {
2193
+ display:inline-flex;
2194
+ max-width:100%;
2210
2195
  align-items:center;
2211
- gap:4px;
2212
- font-size:0.75rem;
2213
- line-height:1rem;
2214
- color:var(--theme-color-neutral-text-weak);
2215
- }
2216
- .ndl-form-item .ndl-form-msg .ndl-error-text{
2217
- display:inline-block;
2218
- }
2219
- .ndl-form-item.ndl-has-error input:not(:active):not(:focus) {
2220
- outline-style:solid;
2221
- outline-width:2px;
2222
- outline-offset:-2px;
2223
- outline-color:var(--theme-color-danger-border-strong);
2224
- }
2225
- .ndl-form-item.ndl-has-error .ndl-form-msg {
2226
- color:var(--theme-color-danger-text);
2227
- }
2228
- .ndl-form-item.ndl-has-leading-icon input[type='text'],
2229
- .ndl-form-item.ndl-has-leading-icon input[type='email'],
2230
- .ndl-form-item.ndl-has-leading-icon input[type='password'],
2231
- .ndl-form-item.ndl-has-leading-icon input[type='number'],
2232
- .ndl-form-item.ndl-has-leading-icon input[type='url'] {
2233
- padding-left:36px;
2234
- }
2235
- .ndl-form-item.ndl-has-trailing-icon input[type='text'],
2236
- .ndl-form-item.ndl-has-trailing-icon input[type='email'],
2237
- .ndl-form-item.ndl-has-trailing-icon input[type='password'],
2238
- .ndl-form-item.ndl-has-trailing-icon input[type='number'],
2239
- .ndl-form-item.ndl-has-trailing-icon input[type='url'] {
2240
- padding-right:36px;
2241
- }
2242
- .ndl-form-item.ndl-has-icon .ndl-error-icon {
2243
- width:20px;
2244
- height:20px;
2245
- color:var(--theme-color-danger-text);
2246
- }
2247
- .ndl-form-item.ndl-has-icon .ndl-icon {
2248
- color:var(--theme-color-neutral-text-weak);
2249
- }
2250
- .ndl-form-item.ndl-has-icon.ndl-right-icon {
2251
- position:absolute;
2252
- cursor:pointer;
2253
- }
2254
- .ndl-form-item.ndl-has-icon.ndl-disabled .ndl-right-icon {
2255
- cursor:not-allowed;
2256
- }
2257
- .ndl-form-item.ndl-has-icon.ndl-disabled .ndl-icon {
2258
- cursor:not-allowed;
2259
- color:var(--theme-color-neutral-text-weakest);
2260
- }
2261
- .ndl-form-item.ndl-large input[type='text'],
2262
- .ndl-form-item.ndl-large input[type='email'],
2263
- .ndl-form-item.ndl-large input[type='password'],
2264
- .ndl-form-item.ndl-large input[type='number'],
2265
- .ndl-form-item.ndl-large input[type='url'] {
2266
- height:48px;
2267
- padding-top:12px;
2268
- padding-bottom:12px;
2269
- font:var(--typography-body-large);
2270
- letter-spacing:var(--typography-body-large-letter-spacing);
2271
- font-family:var(--typography-body-large-font-family), sans-serif;
2272
- }
2273
- .ndl-form-item.ndl-large input[type='text']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-large input[type='email']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-large input[type='password']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-large input[type='number']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-large input[type='url']:-moz-read-only:not(:disabled) {
2274
- height:24px;
2275
- }
2276
- .ndl-form-item.ndl-large input[type='text']:read-only:not(:disabled), .ndl-form-item.ndl-large input[type='email']:read-only:not(:disabled), .ndl-form-item.ndl-large input[type='password']:read-only:not(:disabled), .ndl-form-item.ndl-large input[type='number']:read-only:not(:disabled), .ndl-form-item.ndl-large input[type='url']:read-only:not(:disabled) {
2277
- height:24px;
2278
- }
2279
- .ndl-form-item.ndl-large .ndl-form-item-label{
2280
- font:var(--typography-body-large);
2281
- letter-spacing:var(--typography-body-large-letter-spacing);
2282
- font-family:var(--typography-body-large-font-family), sans-serif;
2283
- }
2284
- .ndl-form-item.ndl-large .ndl-form-msg{
2196
+ -moz-column-gap:8px;
2197
+ column-gap:8px;
2198
+ color:var(--theme-color-neutral-text-default);
2285
2199
  font:var(--typography-body-medium);
2286
2200
  letter-spacing:var(--typography-body-medium-letter-spacing);
2287
2201
  font-family:var(--typography-body-medium-font-family), sans-serif;
2288
2202
  }
2289
- .ndl-form-item.ndl-large.ndl-has-trailing-icon input[type='text'],
2290
- .ndl-form-item.ndl-large.ndl-has-trailing-icon input[type='email'],
2291
- .ndl-form-item.ndl-large.ndl-has-trailing-icon input[type='password'],
2292
- .ndl-form-item.ndl-large.ndl-has-trailing-icon input[type='number'],
2293
- .ndl-form-item.ndl-large.ndl-has-trailing-icon input[type='url']{
2294
- padding-right:42px;
2295
- }
2296
- .ndl-form-item.ndl-large.ndl-has-leading-icon input[type='text'],
2297
- .ndl-form-item.ndl-large.ndl-has-leading-icon input[type='email'],
2298
- .ndl-form-item.ndl-large.ndl-has-leading-icon input[type='password'],
2299
- .ndl-form-item.ndl-large.ndl-has-leading-icon input[type='number'],
2300
- .ndl-form-item.ndl-large.ndl-has-leading-icon input[type='url']{
2301
- padding-left:42px;
2302
- }
2303
- .ndl-form-item.ndl-large.ndl-has-icon .ndl-icon {
2304
- position:absolute;
2305
- width:24px;
2306
- height:24px;
2203
+ .ndl-form-inline-field.ndl-fluid {
2204
+ display:flex;
2205
+ width:100%;
2307
2206
  }
2308
- .ndl-form-item.ndl-large.ndl-has-icon .ndl-icon.ndl-left-icon{
2309
- top:calc(50% - 12px);
2310
- left:16px;
2311
- }
2312
- .ndl-form-item.ndl-large.ndl-has-icon .ndl-right-icon{
2313
- top:calc(50% - 12px);
2314
- right:16px;
2315
- }
2316
- .ndl-form-item.ndl-medium input[type='text'],
2317
- .ndl-form-item.ndl-medium input[type='email'],
2318
- .ndl-form-item.ndl-medium input[type='password'],
2319
- .ndl-form-item.ndl-medium input[type='number'],
2320
- .ndl-form-item.ndl-medium input[type='url'] {
2321
- height:36px;
2322
- padding-top:8px;
2323
- padding-bottom:8px;
2324
- font:var(--typography-body-medium);
2325
- letter-spacing:var(--typography-body-medium-letter-spacing);
2326
- font-family:var(--typography-body-medium-font-family), sans-serif;
2207
+ .ndl-form-inline-label-text.ndl-truncated {
2208
+ overflow:hidden;
2209
+ text-overflow:ellipsis;
2210
+ white-space:nowrap;
2327
2211
  }
2328
- .ndl-form-item.ndl-medium input[type='text']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-medium input[type='email']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-medium input[type='password']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-medium input[type='number']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-medium input[type='url']:-moz-read-only:not(:disabled) {
2329
- height:20px;
2212
+ .ndl-form-inline-label-text.ndl-disabled {
2213
+ cursor:not-allowed;
2214
+ color:var(--theme-color-neutral-text-weakest);
2330
2215
  }
2331
- .ndl-form-item.ndl-medium input[type='text']:read-only:not(:disabled), .ndl-form-item.ndl-medium input[type='email']:read-only:not(:disabled), .ndl-form-item.ndl-medium input[type='password']:read-only:not(:disabled), .ndl-form-item.ndl-medium input[type='number']:read-only:not(:disabled), .ndl-form-item.ndl-medium input[type='url']:read-only:not(:disabled) {
2332
- height:20px;
2216
+ .ndl-form-message:not(:empty) {
2217
+ margin-top:4px;
2218
+ color:var(--theme-color-neutral-text-weak);
2333
2219
  }
2334
- .ndl-form-item.ndl-medium .ndl-form-item-label{
2335
- font:var(--typography-body-medium);
2336
- letter-spacing:var(--typography-body-medium-letter-spacing);
2337
- font-family:var(--typography-body-medium-font-family), sans-serif;
2220
+ .ndl-form-message .ndl-form-message-content {
2221
+ display:flex;
2222
+ flex-direction:row;
2223
+ align-items:center;
2224
+ gap:4px;
2338
2225
  }
2339
- .ndl-form-item.ndl-medium.ndl-has-leading-icon input[type='text'],
2340
- .ndl-form-item.ndl-medium.ndl-has-leading-icon input[type='email'],
2341
- .ndl-form-item.ndl-medium.ndl-has-leading-icon input[type='password'],
2342
- .ndl-form-item.ndl-medium.ndl-has-leading-icon input[type='number'],
2343
- .ndl-form-item.ndl-medium.ndl-has-leading-icon input[type='url'] {
2344
- padding-left:36px;
2226
+ .ndl-form-message .ndl-form-message-icon {
2227
+ width:16px;
2228
+ height:16px;
2229
+ flex-shrink:0;
2345
2230
  }
2346
- .ndl-form-item.ndl-medium.ndl-has-icon .ndl-icon {
2347
- position:absolute;
2231
+ .ndl-form-message .ndl-form-message-icon .ndl-icon-svg {
2232
+ width:100%;
2233
+ height:100%;
2234
+ }
2235
+ .ndl-form-message.ndl-large .ndl-form-message-icon {
2348
2236
  width:20px;
2349
2237
  height:20px;
2350
2238
  }
2351
- .ndl-form-item.ndl-medium.ndl-has-icon .ndl-icon.ndl-left-icon{
2352
- top:calc(50% - 10px);
2353
- left:12px;
2354
- }
2355
- .ndl-form-item.ndl-medium.ndl-has-icon .ndl-right-icon{
2356
- top:calc(50% - 10px);
2357
- right:12px;
2358
- }
2359
- .ndl-form-item.ndl-small{
2360
- line-height:1.25rem;
2361
- }
2362
- .ndl-form-item.ndl-small input[type='text'],
2363
- .ndl-form-item.ndl-small input[type='email'],
2364
- .ndl-form-item.ndl-small input[type='password'],
2365
- .ndl-form-item.ndl-small input[type='number'],
2366
- .ndl-form-item.ndl-small input[type='url'] {
2367
- height:24px;
2368
- padding-top:2px;
2369
- padding-bottom:2px;
2370
- padding-left:8px;
2371
- padding-right:8px;
2372
- font:var(--typography-body-medium);
2373
- letter-spacing:var(--typography-body-medium-letter-spacing);
2374
- font-family:var(--typography-body-medium-font-family), sans-serif;
2375
- }
2376
- .ndl-form-item.ndl-small input[type='text']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-small input[type='email']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-small input[type='password']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-small input[type='number']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-small input[type='url']:-moz-read-only:not(:disabled) {
2377
- height:24px;
2378
- }
2379
- .ndl-form-item.ndl-small input[type='text']:read-only:not(:disabled), .ndl-form-item.ndl-small input[type='email']:read-only:not(:disabled), .ndl-form-item.ndl-small input[type='password']:read-only:not(:disabled), .ndl-form-item.ndl-small input[type='number']:read-only:not(:disabled), .ndl-form-item.ndl-small input[type='url']:read-only:not(:disabled) {
2380
- height:24px;
2381
- }
2382
- .ndl-form-item.ndl-small .ndl-form-item-label{
2383
- font:var(--typography-body-medium);
2384
- letter-spacing:var(--typography-body-medium-letter-spacing);
2385
- font-family:var(--typography-body-medium-font-family), sans-serif;
2239
+ .ndl-form-message.ndl-error .ndl-form-message-icon {
2240
+ color:var(--theme-color-danger-icon);
2386
2241
  }
2387
- .ndl-form-item.ndl-small.ndl-has-leading-icon input[type='text'],
2388
- .ndl-form-item.ndl-small.ndl-has-leading-icon input[type='email'],
2389
- .ndl-form-item.ndl-small.ndl-has-leading-icon input[type='password'],
2390
- .ndl-form-item.ndl-small.ndl-has-leading-icon input[type='number'],
2391
- .ndl-form-item.ndl-small.ndl-has-leading-icon input[type='url'] {
2392
- padding-left:28px;
2393
- }
2394
- .ndl-form-item.ndl-small.ndl-has-trailing-icon input[type='text'],
2395
- .ndl-form-item.ndl-small.ndl-has-trailing-icon input[type='email'],
2396
- .ndl-form-item.ndl-small.ndl-has-trailing-icon input[type='password'],
2397
- .ndl-form-item.ndl-small.ndl-has-trailing-icon input[type='number'],
2398
- .ndl-form-item.ndl-small.ndl-has-trailing-icon input[type='url'] {
2399
- padding-right:28px;
2400
- }
2401
- .ndl-form-item.ndl-small.ndl-has-icon .ndl-icon {
2402
- position:absolute;
2403
- width:16px;
2404
- height:16px;
2242
+ .ndl-form-message.ndl-error .ndl-form-message-text {
2243
+ color:var(--theme-color-danger-text);
2405
2244
  }
2406
- .ndl-form-item.ndl-small.ndl-has-icon .ndl-icon.ndl-left-icon{
2407
- top:calc(50% - 8px);
2408
- left:8px;
2409
- }
2410
- .ndl-form-item.ndl-small.ndl-has-icon .ndl-right-icon{
2411
- top:calc(50% - 8px);
2412
- right:8px;
2413
- }
2414
2245
  .ndl-progress-bar-wrapper {
2415
2246
  display:flex;
2416
2247
  flex-direction:column;
@@ -4320,30 +4151,9 @@ a.ndl-btn {
4320
4151
  outline-offset:0px;
4321
4152
  outline-color:var(--theme-color-primary-focus);
4322
4153
  }
4323
- .ndl-select {
4154
+ .ndl-select{
4324
4155
  display:inline-flex;
4325
4156
  flex-direction:column;
4326
- row-gap:4px;
4327
- }
4328
- .ndl-select.ndl-small .ndl-error-icon {
4329
- width:16px;
4330
- height:16px;
4331
- }
4332
- .ndl-select.ndl-medium .ndl-error-icon {
4333
- width:20px;
4334
- height:20px;
4335
- }
4336
- .ndl-select.ndl-large .ndl-error-icon {
4337
- width:24px;
4338
- height:24px;
4339
- }
4340
- .ndl-select.ndl-large label{
4341
- font:var(--typography-body-large);
4342
- letter-spacing:var(--typography-body-large-letter-spacing);
4343
- font-family:var(--typography-body-large-font-family), sans-serif;
4344
- }
4345
- .ndl-select.ndl-large .ndl-sub-text {
4346
- color:var(--theme-color-neutral-text-weak);
4347
4157
  }
4348
4158
  .ndl-select.ndl-fluid {
4349
4159
  display:flex;
@@ -4352,27 +4162,6 @@ a.ndl-btn {
4352
4162
  cursor:not-allowed;
4353
4163
  color:var(--theme-color-neutral-text-weakest);
4354
4164
  }
4355
- .ndl-select.ndl-disabled label {
4356
- color:var(--theme-color-neutral-text-weakest);
4357
- }
4358
- .ndl-select label {
4359
- color:var(--theme-color-neutral-text-weak);
4360
- font:var(--typography-body-medium);
4361
- letter-spacing:var(--typography-body-medium-letter-spacing);
4362
- font-family:var(--typography-body-medium-font-family), sans-serif;
4363
- }
4364
- .ndl-select .ndl-sub-text {
4365
- color:var(--theme-color-neutral-text-weaker);
4366
- font:var(--typography-body-small);
4367
- letter-spacing:var(--typography-body-small-letter-spacing);
4368
- font-family:var(--typography-body-small-font-family), sans-serif;
4369
- }
4370
- .ndl-select .ndl-error-text {
4371
- color:var(--theme-color-danger-text);
4372
- }
4373
- .ndl-select .ndl-error-icon {
4374
- color:var(--theme-color-danger-icon);
4375
- }
4376
4165
  .ndl-select-input {
4377
4166
  margin:0px;
4378
4167
  box-sizing:border-box;
@@ -4650,9 +4439,6 @@ a.ndl-btn {
4650
4439
  .ndl-select-option.ndl-is-multi:hover {
4651
4440
  background-color:var(--theme-color-neutral-hover);
4652
4441
  }
4653
- .ndl-select-option.ndl-form-item {
4654
- margin-top:0px;
4655
- }
4656
4442
  .ndl-select-option.ndl-focused {
4657
4443
  background-color:var(--theme-color-neutral-hover);
4658
4444
  }
@@ -5942,9 +5728,8 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
5942
5728
  }
5943
5729
  .ndl-text-area .ndl-text-area-label {
5944
5730
  display:inline-flex;
5731
+ flex-direction:column;
5945
5732
  align-items:flex-start;
5946
- -moz-column-gap:12px;
5947
- column-gap:12px;
5948
5733
  font:var(--typography-body-medium);
5949
5734
  letter-spacing:var(--typography-body-medium-letter-spacing);
5950
5735
  font-family:var(--typography-body-medium-font-family), sans-serif;
@@ -5953,78 +5738,15 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
5953
5738
  display:flex;
5954
5739
  width:100%;
5955
5740
  }
5956
- .ndl-text-area .ndl-text-area-label.ndl-label-before {
5957
- flex-direction:row-reverse;
5958
- }
5959
5741
  .ndl-text-area .ndl-text-area-wrapper{
5960
5742
  display:flex;
5961
5743
  width:100%;
5962
5744
  }
5963
- .ndl-text-area .ndl-text-area-wrapper .ndl-text-area-optional {
5964
- color:var(--theme-color-neutral-text-weaker);
5965
- font-style:italic;
5966
- margin-left:auto;
5967
- }
5968
- .ndl-text-area .ndl-text-area-wrapper .ndl-information-icon-small {
5969
- margin-top:2px;
5970
- margin-left:3px;
5971
- width:16px;
5972
- height:16px;
5973
- color:var(--theme-color-neutral-text-weak);
5974
- }
5975
- .ndl-text-area .ndl-text-area-wrapper .ndl-information-icon-large {
5976
- margin-top:2px;
5977
- margin-left:3px;
5978
- width:20px;
5979
- height:20px;
5980
- color:var(--theme-color-neutral-text-weak);
5981
- }
5982
- .ndl-text-area.ndl-type-text .ndl-text-area-label {
5983
- flex-direction:column-reverse;
5984
- align-items:flex-start;
5985
- row-gap:5px;
5986
- }
5987
- .ndl-text-area.ndl-type-text .ndl-text-area-label .ndl-text-area-label-text {
5988
- color:var(--theme-color-neutral-text-weak);
5989
- }
5990
- .ndl-text-area.ndl-type-text .ndl-text-area-no-label {
5991
- row-gap:0px;
5992
- }
5993
- .ndl-text-area.ndl-type-radio {
5994
- display:flex;
5995
- align-items:center;
5996
- color:var(--theme-color-neutral-text-default);
5997
- }
5998
- .ndl-text-area.ndl-disabled .ndl-text-area-label {
5999
- cursor:not-allowed;
6000
- color:var(--theme-color-neutral-text-weakest);
6001
- }
6002
- .ndl-text-area .ndl-text-area-msg {
6003
- margin-top:4px;
6004
- display:flex;
6005
- flex-direction:row;
6006
- align-items:center;
6007
- gap:4px;
6008
- font-size:0.75rem;
6009
- line-height:1rem;
6010
- color:var(--theme-color-neutral-text-weaker);
6011
- }
6012
- .ndl-text-area .ndl-text-area-msg .ndl-error-text{
6013
- display:inline-block;
6014
- }
6015
5745
  .ndl-text-area.ndl-has-error textarea {
6016
5746
  outline-color:var(--theme-color-danger-border-strong);
6017
5747
  border-width:2px;
6018
5748
  border-color:var(--theme-color-danger-border-strong);
6019
5749
  }
6020
- .ndl-text-area.ndl-has-error .ndl-text-area-msg {
6021
- color:var(--theme-color-danger-text);
6022
- }
6023
- .ndl-text-area.ndl-has-icon .ndl-error-icon {
6024
- width:20px;
6025
- height:20px;
6026
- color:var(--theme-color-danger-text);
6027
- }
6028
5750
  .ndl-text-area.ndl-large textarea {
6029
5751
  padding-top:12px;
6030
5752
  padding-bottom:12px;
@@ -6038,17 +5760,6 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
6038
5760
  letter-spacing:var(--typography-body-large-letter-spacing);
6039
5761
  font-family:var(--typography-body-large-font-family), sans-serif;
6040
5762
  }
6041
- .ndl-text-area.ndl-large .ndl-text-area-msg{
6042
- font:var(--typography-body-medium);
6043
- letter-spacing:var(--typography-body-medium-letter-spacing);
6044
- font-family:var(--typography-body-medium-font-family), sans-serif;
6045
- }
6046
- .ndl-text-area.ndl-large.ndl-has-icon .ndl-icon {
6047
- position:absolute;
6048
- width:24px;
6049
- height:24px;
6050
- color:var(--theme-color-neutral-text-weak);
6051
- }
6052
5763
  .ndl-text-area.ndl-small textarea, .ndl-text-area.ndl-medium textarea {
6053
5764
  padding-top:8px;
6054
5765
  padding-bottom:8px;
@@ -6061,12 +5772,6 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
6061
5772
  letter-spacing:var(--typography-body-medium-letter-spacing);
6062
5773
  font-family:var(--typography-body-medium-font-family), sans-serif;
6063
5774
  }
6064
- .ndl-text-area.ndl-small.ndl-has-icon .ndl-icon, .ndl-text-area.ndl-medium.ndl-has-icon .ndl-icon {
6065
- width:20px;
6066
- height:20px;
6067
- position:absolute;
6068
- color:var(--theme-color-neutral-text-weak);
6069
- }
6070
5775
  .ndl-status-indicator {
6071
5776
  display:inline-block;
6072
5777
  }
@@ -7145,7 +6850,7 @@ button.ndl-avatar:focus-visible {
7145
6850
  flex-shrink:0;
7146
6851
  align-items:center;
7147
6852
  }
7148
- .ndl-tree-view-new .ndl-tree-view-new-checkbox .ndl-checkbox-label {
6853
+ .ndl-tree-view-new .ndl-tree-view-new-checkbox > label {
7149
6854
  margin:0px;
7150
6855
  }
7151
6856
  .ndl-tree-view-new .ndl-tree-view-new-item-content-title {
@@ -7484,64 +7189,18 @@ button.ndl-avatar:focus-visible {
7484
7189
  .ndl-text-input .ndl-input-wrapper .ndl-element .ndl-btn{
7485
7190
  height:var(--text-input-button-height);
7486
7191
  }
7487
- .ndl-text-input .ndl-form-item-label {
7192
+ .ndl-text-input .ndl-text-input-label {
7488
7193
  display:block;
7489
7194
  width:-moz-fit-content;
7490
7195
  width:fit-content;
7491
7196
  line-height:1.25rem;
7492
7197
  }
7493
- .ndl-text-input .ndl-form-item-label .ndl-label-text-wrapper {
7494
- margin-bottom:4px;
7495
- display:flex;
7496
- }
7497
- .ndl-text-input .ndl-form-item-label .ndl-label-text {
7498
- color:var(--theme-color-neutral-text-weak);
7499
- }
7500
- .ndl-text-input .ndl-form-item-label .ndl-form-item-optional {
7501
- margin-left:auto;
7502
- font-style:italic;
7503
- color:var(--theme-color-neutral-text-weaker);
7504
- }
7505
- .ndl-text-input .ndl-form-item-label .ndl-information-icon-small {
7506
- margin-top:2px;
7507
- margin-left:3px;
7508
- width:16px;
7509
- height:16px;
7510
- color:var(--theme-color-neutral-text-weak);
7511
- }
7512
- .ndl-text-input .ndl-form-item-label .ndl-information-icon-large {
7513
- margin-top:2px;
7514
- margin-left:3px;
7515
- width:20px;
7516
- height:20px;
7517
- color:var(--theme-color-neutral-text-weak);
7518
- }
7519
7198
  .ndl-text-input input::-moz-placeholder {
7520
7199
  color:var(--theme-color-neutral-text-weaker);
7521
7200
  }
7522
7201
  .ndl-text-input input::placeholder {
7523
7202
  color:var(--theme-color-neutral-text-weaker);
7524
7203
  }
7525
- .ndl-text-input .ndl-form-message {
7526
- margin-top:4px;
7527
- display:flex;
7528
- flex-direction:row;
7529
- gap:4px;
7530
- font-size:0.75rem;
7531
- line-height:1rem;
7532
- color:var(--theme-color-neutral-text-weak);
7533
- }
7534
- .ndl-text-input .ndl-form-message .ndl-error-icon {
7535
- width:20px;
7536
- height:20px;
7537
- color:var(--theme-color-danger-text);
7538
- }
7539
- .ndl-text-input .ndl-form-message .ndl-error-text {
7540
- color:var(--theme-color-danger-text);
7541
- }
7542
- .ndl-text-input.ndl-disabled .ndl-label-text {
7543
- color:var(--theme-color-neutral-text-weakest);
7544
- }
7545
7204
  .ndl-text-input.ndl-disabled .ndl-input-wrapper {
7546
7205
  cursor:not-allowed;
7547
7206
  border-color:var(--theme-color-neutral-border-strong);
@@ -7562,12 +7221,12 @@ button.ndl-avatar:focus-visible {
7562
7221
  .ndl-text-input.ndl-read-only:not(.ndl-disabled) .ndl-input-wrapper .ndl-input-container input {
7563
7222
  color:var(--theme-color-neutral-text-weak);
7564
7223
  }
7565
- .ndl-text-input .ndl-form-item-label.ndl-fluid {
7224
+ .ndl-text-input .ndl-text-input-label.ndl-fluid {
7566
7225
  display:flex;
7567
7226
  width:100%;
7568
7227
  flex-direction:column;
7569
7228
  }
7570
- .ndl-text-input .ndl-form-item-label.ndl-fluid .ndl-input-wrapper {
7229
+ .ndl-text-input .ndl-text-input-label.ndl-fluid .ndl-input-wrapper {
7571
7230
  display:flex;
7572
7231
  width:100%;
7573
7232
  }
@@ -8016,22 +7675,6 @@ button.ndl-avatar:focus-visible {
8016
7675
  .ndl-time-picker .ndl-time-picker-label {
8017
7676
  display:flex;
8018
7677
  flex-direction:column;
8019
- gap:4px;
8020
- color:var(--theme-color-neutral-text-weak);
8021
- }
8022
- .ndl-time-picker .ndl-time-picker-error-wrapper {
8023
- margin-top:4px;
8024
- display:flex;
8025
- flex-direction:row;
8026
- align-items:center;
8027
- gap:2px;
8028
- color:var(--theme-color-danger-text);
8029
- }
8030
- .ndl-time-picker .ndl-time-picker-error-wrapper .ndl-time-picker-error-icon {
8031
- width:20px;
8032
- height:20px;
8033
- flex-shrink:0;
8034
- color:var(--theme-color-danger-icon);
8035
7678
  }
8036
7679
  .ndl-time-picker.ndl-error .ndl-time-picker-input-wrapper {
8037
7680
  outline-style:solid;
@@ -8042,9 +7685,6 @@ button.ndl-avatar:focus-visible {
8042
7685
  .ndl-time-picker.ndl-error .ndl-time-picker-input-wrapper:has(input:focus) {
8043
7686
  outline-color:var(--theme-color-danger-border-strong);
8044
7687
  }
8045
- .ndl-time-picker.ndl-disabled .ndl-time-picker-label {
8046
- color:var(--theme-color-neutral-text-weakest);
8047
- }
8048
7688
  .ndl-time-picker.ndl-disabled .ndl-time-picker-input-wrapper {
8049
7689
  cursor:not-allowed;
8050
7690
  border-color:var(--theme-color-neutral-border-weak);
@@ -8221,22 +7861,6 @@ button.ndl-avatar:focus-visible {
8221
7861
  .ndl-timezone-picker .ndl-timezone-picker-label {
8222
7862
  display:flex;
8223
7863
  flex-direction:column;
8224
- gap:4px;
8225
- color:var(--theme-color-neutral-text-weak);
8226
- }
8227
- .ndl-timezone-picker .ndl-timezone-picker-error-wrapper {
8228
- margin-top:4px;
8229
- display:flex;
8230
- flex-direction:row;
8231
- align-items:center;
8232
- gap:2px;
8233
- color:var(--theme-color-danger-text);
8234
- }
8235
- .ndl-timezone-picker .ndl-timezone-picker-error-wrapper .ndl-timezone-picker-error-icon {
8236
- width:20px;
8237
- height:20px;
8238
- flex-shrink:0;
8239
- color:var(--theme-color-danger-icon);
8240
7864
  }
8241
7865
  .ndl-timezone-picker.ndl-error .ndl-timezone-picker-input-wrapper {
8242
7866
  outline-style:solid;
@@ -8247,9 +7871,6 @@ button.ndl-avatar:focus-visible {
8247
7871
  .ndl-timezone-picker.ndl-error .ndl-timezone-picker-input-wrapper:has(input:focus) {
8248
7872
  outline-color:var(--theme-color-danger-border-strong);
8249
7873
  }
8250
- .ndl-timezone-picker.ndl-disabled .ndl-timezone-picker-label {
8251
- color:var(--theme-color-neutral-text-weakest);
8252
- }
8253
7874
  .ndl-timezone-picker.ndl-disabled .ndl-timezone-picker-input-wrapper {
8254
7875
  cursor:not-allowed;
8255
7876
  border-color:var(--theme-color-neutral-border-weak);
@@ -9444,25 +9065,6 @@ button.ndl-avatar:focus-visible {
9444
9065
  .ndl-tooltip-content-simple .ndl-kbd .ndl-kbd-key {
9445
9066
  border-color:var(--theme-color-neutral-border-strongest);
9446
9067
  }
9447
- .ndl-checkbox-label {
9448
- display:inline-flex;
9449
- max-width:100%;
9450
- align-items:center;
9451
- -moz-column-gap:8px;
9452
- column-gap:8px;
9453
- color:var(--theme-color-neutral-text-default);
9454
- font:var(--typography-body-medium);
9455
- letter-spacing:var(--typography-body-medium-letter-spacing);
9456
- font-family:var(--typography-body-medium-font-family), sans-serif;
9457
- }
9458
- .ndl-checkbox-label.ndl-fluid {
9459
- display:flex;
9460
- width:100%;
9461
- }
9462
- .ndl-checkbox-label:has(.ndl-checkbox.ndl-disabled) .ndl-checkbox-label-text {
9463
- cursor:not-allowed;
9464
- color:var(--theme-color-neutral-text-weakest);
9465
- }
9466
9068
  .ndl-checkbox {
9467
9069
  position:relative;
9468
9070
  width:16px;
@@ -9554,30 +9156,6 @@ button.ndl-avatar:focus-visible {
9554
9156
  mask-position:calc(100% - 1px) 0;
9555
9157
  transform:translateY(-50%);
9556
9158
  }
9557
- .ndl-radio-label {
9558
- display:inline-flex;
9559
- max-width:100%;
9560
- align-items:center;
9561
- -moz-column-gap:8px;
9562
- column-gap:8px;
9563
- color:var(--theme-color-neutral-text-default);
9564
- font:var(--typography-body-medium);
9565
- letter-spacing:var(--typography-body-medium-letter-spacing);
9566
- font-family:var(--typography-body-medium-font-family), sans-serif;
9567
- }
9568
- .ndl-radio-label.ndl-fluid {
9569
- display:flex;
9570
- width:100%;
9571
- }
9572
- .ndl-radio-label:has(.ndl-radio:disabled) .ndl-radio-label-text {
9573
- cursor:not-allowed;
9574
- color:var(--theme-color-neutral-text-weakest);
9575
- }
9576
- .ndl-radio-label .ndl-radio-label-text {
9577
- overflow:hidden;
9578
- text-overflow:ellipsis;
9579
- white-space:nowrap;
9580
- }
9581
9159
  .ndl-radio {
9582
9160
  position:relative;
9583
9161
  width:16px;
@@ -9632,25 +9210,6 @@ button.ndl-avatar:focus-visible {
9632
9210
  border-radius:9999px;
9633
9211
  top:0;
9634
9212
  }
9635
- .ndl-switch-label {
9636
- display:inline-flex;
9637
- max-width:100%;
9638
- align-items:center;
9639
- -moz-column-gap:8px;
9640
- column-gap:8px;
9641
- color:var(--theme-color-neutral-text-default);
9642
- font:var(--typography-body-medium);
9643
- letter-spacing:var(--typography-body-medium-letter-spacing);
9644
- font-family:var(--typography-body-medium-font-family), sans-serif;
9645
- }
9646
- .ndl-switch-label.ndl-fluid {
9647
- display:flex;
9648
- width:100%;
9649
- }
9650
- .ndl-switch-label:has(.ndl-switch:disabled) .ndl-switch-label-text {
9651
- cursor:not-allowed;
9652
- color:var(--theme-color-neutral-text-weakest);
9653
- }
9654
9213
  .ndl-switch{
9655
9214
  --thumb-size:12px;
9656
9215
  --track-height:20px;
@@ -11014,52 +10573,6 @@ button.ndl-avatar:focus-visible {
11014
10573
  .ndl-combobox.ndl-combobox-custom-trigger {
11015
10574
  display:contents;
11016
10575
  }
11017
- .ndl-combobox .ndl-combobox-label-row {
11018
- margin-bottom:4px;
11019
- display:flex;
11020
- align-items:center;
11021
- gap:4px;
11022
- }
11023
- .ndl-combobox .ndl-combobox-label-row.ndl-visually-hidden {
11024
- position:absolute;
11025
- width:1px;
11026
- height:1px;
11027
- padding:0;
11028
- margin:-1px;
11029
- overflow:hidden;
11030
- clip:rect(0, 0, 0, 0);
11031
- white-space:nowrap;
11032
- border-width:0;
11033
- }
11034
- .ndl-combobox .ndl-combobox-label {
11035
- color:var(--theme-color-neutral-text-weak);
11036
- }
11037
- .ndl-combobox .ndl-combobox-label-indicator{
11038
- margin-left:auto;
11039
- font-style:italic;
11040
- color:var(--theme-color-neutral-text-weaker);
11041
- }
11042
- .ndl-combobox .ndl-combobox-message:not(:empty) {
11043
- margin-top:4px;
11044
- display:flex;
11045
- flex-direction:row;
11046
- align-items:center;
11047
- gap:4px;
11048
- color:var(--theme-color-neutral-text-weak);
11049
- }
11050
- .ndl-combobox .ndl-combobox-message .ndl-error-icon {
11051
- width:16px;
11052
- height:16px;
11053
- flex-shrink:0;
11054
- color:var(--theme-color-danger-text);
11055
- }
11056
- .ndl-combobox .ndl-combobox-message .ndl-error-text {
11057
- color:var(--theme-color-danger-text);
11058
- }
11059
- .ndl-combobox.ndl-large .ndl-combobox-message .ndl-error-icon {
11060
- width:20px;
11061
- height:20px;
11062
- }
11063
10576
  .ndl-combobox .ndl-combobox-control{
11064
10577
  position:relative;
11065
10578
  box-sizing:border-box;
@@ -11261,9 +10774,7 @@ button.ndl-avatar:focus-visible {
11261
10774
  }
11262
10775
  .ndl-combobox.ndl-disabled .ndl-combobox-single-value,
11263
10776
  .ndl-combobox.ndl-disabled .ndl-combobox-placeholder,
11264
- .ndl-combobox.ndl-disabled .ndl-combobox-icon,
11265
- .ndl-combobox.ndl-disabled .ndl-combobox-label,
11266
- .ndl-combobox.ndl-disabled .ndl-combobox-label-indicator {
10777
+ .ndl-combobox.ndl-disabled .ndl-combobox-icon {
11267
10778
  color:var(--theme-color-neutral-text-weakest);
11268
10779
  }
11269
10780
  .ndl-combobox .ndl-combobox-indicators-container {
@@ -11535,7 +11046,7 @@ button.ndl-avatar:focus-visible {
11535
11046
  align-self:flex-start;
11536
11047
  pointer-events:none;
11537
11048
  }
11538
- .ndl-combobox-option-content .ndl-combobox-option-content-multi-select-indicator .ndl-checkbox-label {
11049
+ .ndl-combobox-option-content .ndl-combobox-option-content-multi-select-indicator > label {
11539
11050
  margin:0px;
11540
11051
  }
11541
11052
  .ndl-combobox-option-content .ndl-combobox-option-content-main {