@neo4j-ndl/base 4.23.3 → 4.23.5

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.
@@ -1179,6 +1179,10 @@ h6,
1179
1179
  height:16px;
1180
1180
  flex-shrink:0;
1181
1181
  }
1182
+ .ndl-accordion .ndl-accordion-item-header-icon.ndl-expanded {
1183
+ --tw-rotate:-180deg;
1184
+ 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));
1185
+ }
1182
1186
  .ndl-accordion .ndl-accordion-item-content {
1183
1187
  display:none;
1184
1188
  height:0px;
@@ -1194,6 +1198,9 @@ h6,
1194
1198
  padding-right:8px;
1195
1199
  padding-bottom:8px;
1196
1200
  }
1201
+ .ndl-accordion .ndl-accordion-item-content-inner .ndl-accordion-item-content-text {
1202
+ color:var(--theme-color-neutral-text-weak);
1203
+ }
1197
1204
  .ndl-accordion .ndl-accordion-item-classic {
1198
1205
  box-sizing:border-box;
1199
1206
  width:auto;
@@ -1738,6 +1745,87 @@ a.ndl-btn {
1738
1745
  border-width:1px;
1739
1746
  border-style:solid;
1740
1747
  }
1748
+ .ndl-status-label.ndl-filled {
1749
+ color:var(--theme-color-neutral-text-inverse);
1750
+ }
1751
+ .ndl-status-label.ndl-clean {
1752
+ color:var(--theme-color-neutral-text-default);
1753
+ }
1754
+ .ndl-status-label.ndl-status-label-default.ndl-filled {
1755
+ background-color:var(--theme-color-neutral-bg-strongest);
1756
+ }
1757
+ .ndl-status-label.ndl-status-label-default.ndl-outlined {
1758
+ border-color:var(--theme-color-neutral-border-strong);
1759
+ color:var(--theme-color-neutral-text-weak);
1760
+ }
1761
+ .ndl-status-label.ndl-status-label-default.ndl-semi-filled {
1762
+ border-color:var(--theme-color-neutral-border-strong);
1763
+ background-color:var(--theme-color-neutral-bg-default);
1764
+ color:var(--theme-color-neutral-text-weak);
1765
+ }
1766
+ .ndl-status-label.ndl-status-label-default.ndl-clean {
1767
+ color:var(--theme-color-neutral-text-weaker);
1768
+ }
1769
+ .ndl-status-label.ndl-status-label-info.ndl-filled {
1770
+ background-color:var(--theme-color-primary-bg-strong);
1771
+ }
1772
+ .ndl-status-label.ndl-status-label-info.ndl-outlined {
1773
+ border-color:var(--theme-color-primary-border-strong);
1774
+ color:var(--theme-color-primary-text);
1775
+ }
1776
+ .ndl-status-label.ndl-status-label-info.ndl-semi-filled {
1777
+ border-color:var(--theme-color-primary-border-weak);
1778
+ background-color:var(--theme-color-primary-bg-weak);
1779
+ color:var(--theme-color-primary-text);
1780
+ }
1781
+ .ndl-status-label.ndl-status-label-success.ndl-filled {
1782
+ background-color:var(--theme-color-success-bg-strong);
1783
+ }
1784
+ .ndl-status-label.ndl-status-label-success.ndl-outlined {
1785
+ border-color:var(--theme-color-success-border-strong);
1786
+ color:var(--theme-color-success-text);
1787
+ }
1788
+ .ndl-status-label.ndl-status-label-success.ndl-semi-filled {
1789
+ border-color:var(--theme-color-success-border-weak);
1790
+ background-color:var(--theme-color-success-bg-weak);
1791
+ color:var(--theme-color-success-text);
1792
+ }
1793
+ .ndl-status-label.ndl-status-label-warning.ndl-filled {
1794
+ background-color:var(--theme-color-warning-bg-strong);
1795
+ }
1796
+ .ndl-status-label.ndl-status-label-warning.ndl-outlined {
1797
+ border-color:var(--theme-color-warning-border-strong);
1798
+ color:var(--theme-color-warning-text);
1799
+ }
1800
+ .ndl-status-label.ndl-status-label-warning.ndl-semi-filled {
1801
+ border-color:var(--theme-color-warning-border-weak);
1802
+ background-color:var(--theme-color-warning-bg-weak);
1803
+ color:var(--theme-color-warning-text);
1804
+ }
1805
+ .ndl-status-label.ndl-status-label-danger.ndl-filled {
1806
+ background-color:var(--theme-color-danger-bg-strong);
1807
+ }
1808
+ .ndl-status-label.ndl-status-label-danger.ndl-outlined {
1809
+ border-color:var(--theme-color-danger-border-strong);
1810
+ color:var(--theme-color-danger-text);
1811
+ }
1812
+ .ndl-status-label.ndl-status-label-danger.ndl-semi-filled {
1813
+ border-color:var(--theme-color-danger-border-weak);
1814
+ background-color:var(--theme-color-danger-bg-weak);
1815
+ color:var(--theme-color-danger-text);
1816
+ }
1817
+ .ndl-status-label.ndl-status-label-discovery.ndl-filled {
1818
+ background-color:var(--theme-color-discovery-bg-strong);
1819
+ }
1820
+ .ndl-status-label.ndl-status-label-discovery.ndl-outlined {
1821
+ border-color:var(--theme-color-discovery-border-strong);
1822
+ color:var(--theme-color-discovery-text);
1823
+ }
1824
+ .ndl-status-label.ndl-status-label-discovery.ndl-semi-filled {
1825
+ border-color:var(--theme-color-discovery-border-weak);
1826
+ background-color:var(--theme-color-discovery-bg-weak);
1827
+ color:var(--theme-color-discovery-text);
1828
+ }
1741
1829
  .ndl-tabs {
1742
1830
  min-height:-moz-fit-content;
1743
1831
  min-height:fit-content;
@@ -3107,6 +3195,12 @@ a.ndl-btn {
3107
3195
  justify-content:center;
3108
3196
  color:var(--theme-color-neutral-icon);
3109
3197
  }
3198
+ .ndl-menu .ndl-menu-item .ndl-menu-item-pre-leading-content .ndl-menu-radio-item-check {
3199
+ width:20px;
3200
+ height:20px;
3201
+ flex-shrink:0;
3202
+ align-self:center;
3203
+ }
3110
3204
  .ndl-menu .ndl-menu-item .ndl-menu-item-leading-content {
3111
3205
  margin-right:8px;
3112
3206
  display:flex;
@@ -3198,11 +3292,28 @@ a.ndl-btn {
3198
3292
  outline-offset:2px;
3199
3293
  outline-color:var(--theme-color-primary-focus);
3200
3294
  }
3295
+ .ndl-datepicker .ndl-datepicker-header .ndl-datepicker-select-content, .ndl-datepicker-popper .ndl-datepicker-header .ndl-datepicker-select-content {
3296
+ display:flex;
3297
+ align-items:center;
3298
+ gap:4px;
3299
+ }
3201
3300
  .ndl-datepicker .ndl-datepicker-header .ndl-datepicker-chevron, .ndl-datepicker-popper .ndl-datepicker-header .ndl-datepicker-chevron {
3202
3301
  width:16px;
3203
3302
  height:16px;
3204
3303
  color:var(--theme-color-neutral-text-default);
3205
3304
  }
3305
+ .ndl-datepicker .ndl-datepicker-header .ndl-datepicker-chevron.ndl-open, .ndl-datepicker-popper .ndl-datepicker-header .ndl-datepicker-chevron.ndl-open {
3306
+ --tw-rotate:180deg;
3307
+ 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));
3308
+ }
3309
+ .ndl-datepicker .ndl-datepicker-header .ndl-datepicker-nav, .ndl-datepicker-popper .ndl-datepicker-header .ndl-datepicker-nav {
3310
+ display:flex;
3311
+ justify-content:center;
3312
+ gap:16px;
3313
+ }
3314
+ .ndl-datepicker .ndl-datepicker-header .ndl-datepicker-nav .ndl-icon-btn:not(.ndl-disabled), .ndl-datepicker-popper .ndl-datepicker-header .ndl-datepicker-nav .ndl-icon-btn:not(.ndl-disabled) {
3315
+ color:var(--theme-color-neutral-text-weak);
3316
+ }
3206
3317
  .ndl-datepicker .react-datepicker__day-names, .ndl-datepicker-popper .react-datepicker__day-names {
3207
3318
  margin-top:16px;
3208
3319
  margin-bottom:8px;
@@ -3507,6 +3618,12 @@ a.ndl-btn {
3507
3618
  flex-wrap:nowrap;
3508
3619
  gap:32px;
3509
3620
  }
3621
+ .ndl-dialog .ndl-dialog-body {
3622
+ display:flex;
3623
+ width:100%;
3624
+ flex:1 1 0%;
3625
+ flex-direction:column;
3626
+ }
3510
3627
  .ndl-dialog .ndl-dialog-type-icon {
3511
3628
  width:88px;
3512
3629
  }
@@ -4404,6 +4521,9 @@ a.ndl-btn {
4404
4521
  letter-spacing:var(--typography-body-medium-letter-spacing);
4405
4522
  font-family:var(--typography-body-medium-font-family), sans-serif;
4406
4523
  }
4524
+ .ndl-data-grid-root .ndl-data-grid-navigation .ndl-data-grid-results .ndl-data-grid-results-count {
4525
+ font-weight:700;
4526
+ }
4407
4527
  .ndl-data-grid-root .ndl-data-grid-navigation .ndl-data-grid-pagination-numeric-button {
4408
4528
  position:relative;
4409
4529
  display:inline-flex;
@@ -4446,6 +4566,10 @@ a.ndl-btn {
4446
4566
  position:sticky;
4447
4567
  }
4448
4568
  }
4569
+ .ndl-data-grid-no-data-icon {
4570
+ width:64px;
4571
+ height:64px;
4572
+ }
4449
4573
  .ndl-dropzone {
4450
4574
  border-radius:8px;
4451
4575
  }
@@ -4517,6 +4641,19 @@ a.ndl-btn {
4517
4641
  height:48px;
4518
4642
  color:var(--theme-color-neutral-text-weakest);
4519
4643
  }
4644
+ .ndl-dropzone .ndl-dropzone-drag-icon {
4645
+ width:48px;
4646
+ height:48px;
4647
+ }
4648
+ .ndl-dropzone .ndl-dropzone-drag-icon.ndl-accepted {
4649
+ color:var(--theme-color-primary-bg-strong);
4650
+ }
4651
+ .ndl-dropzone .ndl-dropzone-drag-icon.ndl-rejected {
4652
+ color:var(--theme-color-danger-bg-strong);
4653
+ }
4654
+ .ndl-dropzone .ndl-dnd-title-ampersand {
4655
+ font-weight:300;
4656
+ }
4520
4657
  .ndl-dropzone .ndl-dropzone-footer {
4521
4658
  text-align:center;
4522
4659
  }
@@ -5251,6 +5388,22 @@ a.ndl-btn {
5251
5388
  width:32px;
5252
5389
  height:32px;
5253
5390
  }
5391
+ .ndl-wizard.ndl-wizard-large .ndl-wizard-step .ndl-wizard-circle .ndl-wizard-circle-ring {
5392
+ stroke:var(--theme-color-primary-bg-strong);
5393
+ }
5394
+ .ndl-wizard.ndl-wizard-large .ndl-wizard-step .ndl-wizard-circle .ndl-wizard-circle-inner.ndl-error {
5395
+ fill:var(--theme-color-danger-bg-strong);
5396
+ }
5397
+ .ndl-wizard.ndl-wizard-large .ndl-wizard-step .ndl-wizard-circle .ndl-wizard-circle-inner.ndl-incomplete {
5398
+ fill:var(--theme-color-neutral-bg-stronger);
5399
+ }
5400
+ .ndl-wizard.ndl-wizard-large .ndl-wizard-step .ndl-wizard-circle .ndl-wizard-circle-inner.ndl-complete,
5401
+ .ndl-wizard.ndl-wizard-large .ndl-wizard-step .ndl-wizard-circle .ndl-wizard-circle-inner.ndl-active {
5402
+ fill:var(--theme-color-primary-bg-strong);
5403
+ }
5404
+ .ndl-wizard.ndl-wizard-large .ndl-wizard-step .ndl-wizard-circle .ndl-wizard-circle-text {
5405
+ fill:var(--theme-color-neutral-bg-weak);
5406
+ }
5254
5407
  .ndl-wizard.ndl-wizard-large .ndl-wizard-step.ndl-horizontal {
5255
5408
  flex-direction:row;
5256
5409
  -moz-column-gap:16px;
@@ -5430,6 +5583,11 @@ a.ndl-btn {
5430
5583
  padding-top:12px;
5431
5584
  padding-bottom:4px;
5432
5585
  }
5586
+ .ndl-code-block-container .ndl-code-block-layout {
5587
+ display:flex;
5588
+ height:100%;
5589
+ flex-direction:column;
5590
+ }
5433
5591
  .ndl-code-block-container .ndl-code-block-title {
5434
5592
  margin-left:12px;
5435
5593
  margin-bottom:12px;
@@ -6869,6 +7027,9 @@ button.ndl-avatar:focus-visible {
6869
7027
  flex-shrink:1;
6870
7028
  flex-grow:1;
6871
7029
  }
7030
+ .ndl-inline-edit .ndl-inline-idle-container.ndl-placeholder {
7031
+ color:var(--theme-color-neutral-text-weaker);
7032
+ }
6872
7033
  .ndl-inline-edit .ndl-inline-idle-container.ndl-disabled {
6873
7034
  cursor:not-allowed;
6874
7035
  color:var(--theme-color-neutral-text-weakest);
@@ -7764,24 +7925,24 @@ button.ndl-avatar:focus-visible {
7764
7925
  .ndl-text-input input::placeholder {
7765
7926
  color:var(--theme-color-neutral-text-weaker);
7766
7927
  }
7767
- .ndl-text-input.ndl-disabled .ndl-input-wrapper, .ndl-text-input:has(input:disabled) .ndl-input-wrapper {
7928
+ .ndl-text-input.ndl-disabled .ndl-input-wrapper, fieldset:disabled .ndl-text-input .ndl-input-wrapper {
7768
7929
  cursor:not-allowed;
7769
7930
  border-color:var(--theme-color-neutral-border-strong);
7770
7931
  color:var(--theme-color-neutral-text-weakest);
7771
7932
  }
7772
- .ndl-text-input.ndl-disabled .ndl-input-wrapper .ndl-input-container input, .ndl-text-input:has(input:disabled) .ndl-input-wrapper .ndl-input-container input {
7933
+ .ndl-text-input.ndl-disabled .ndl-input-wrapper .ndl-input-container input, fieldset:disabled .ndl-text-input .ndl-input-wrapper .ndl-input-container input {
7773
7934
  cursor:not-allowed;
7774
7935
  color:var(--theme-color-neutral-text-weakest);
7775
7936
  }
7776
- .ndl-text-input.ndl-disabled .ndl-input-wrapper .ndl-icon-svg, .ndl-text-input:has(input:disabled) .ndl-input-wrapper .ndl-icon-svg {
7937
+ .ndl-text-input.ndl-disabled .ndl-input-wrapper .ndl-icon-svg, fieldset:disabled .ndl-text-input .ndl-input-wrapper .ndl-icon-svg {
7777
7938
  color:var(--theme-color-neutral-text-weakest);
7778
7939
  }
7779
- .ndl-text-input.ndl-read-only:not(.ndl-disabled):not(:has(input:disabled)) .ndl-input-wrapper {
7940
+ .ndl-text-input.ndl-read-only:not(.ndl-disabled):not(fieldset:disabled *) .ndl-input-wrapper {
7780
7941
  border-color:var(--theme-color-neutral-border-weak);
7781
7942
  background-color:var(--theme-color-neutral-bg-on-bg-weak);
7782
7943
  color:var(--theme-color-neutral-text-weak);
7783
7944
  }
7784
- .ndl-text-input.ndl-read-only:not(.ndl-disabled):not(:has(input:disabled)) .ndl-input-wrapper .ndl-input-container input {
7945
+ .ndl-text-input.ndl-read-only:not(.ndl-disabled):not(fieldset:disabled *) .ndl-input-wrapper .ndl-input-container input {
7785
7946
  color:var(--theme-color-neutral-text-weak);
7786
7947
  }
7787
7948
  .ndl-text-input .ndl-text-input-label.ndl-fluid {
@@ -8309,22 +8470,22 @@ button.ndl-avatar:focus-visible {
8309
8470
  .ndl-time-picker.ndl-error .ndl-time-picker-input-wrapper:has(input:focus) {
8310
8471
  outline-color:var(--theme-color-danger-border-strong);
8311
8472
  }
8312
- .ndl-time-picker.ndl-disabled .ndl-time-picker-input-wrapper, .ndl-time-picker:has(input:disabled) .ndl-time-picker-input-wrapper {
8473
+ .ndl-time-picker.ndl-disabled .ndl-time-picker-input-wrapper, fieldset:disabled .ndl-time-picker .ndl-time-picker-input-wrapper {
8313
8474
  cursor:not-allowed;
8314
8475
  border-color:var(--theme-color-neutral-border-weak);
8315
8476
  color:var(--theme-color-neutral-text-weakest);
8316
8477
  }
8317
- .ndl-time-picker.ndl-disabled .ndl-time-picker-input-wrapper .ndl-time-picker-input, .ndl-time-picker:has(input:disabled) .ndl-time-picker-input-wrapper .ndl-time-picker-input {
8478
+ .ndl-time-picker.ndl-disabled .ndl-time-picker-input-wrapper .ndl-time-picker-input, fieldset:disabled .ndl-time-picker .ndl-time-picker-input-wrapper .ndl-time-picker-input {
8318
8479
  cursor:not-allowed;
8319
8480
  color:var(--theme-color-neutral-text-weakest);
8320
8481
  }
8321
- .ndl-time-picker.ndl-disabled .ndl-time-picker-input-wrapper .ndl-time-picker-input::-moz-placeholder, .ndl-time-picker:has(input:disabled) .ndl-time-picker-input-wrapper .ndl-time-picker-input::-moz-placeholder {
8482
+ .ndl-time-picker.ndl-disabled .ndl-time-picker-input-wrapper .ndl-time-picker-input::-moz-placeholder, fieldset:disabled .ndl-time-picker .ndl-time-picker-input-wrapper .ndl-time-picker-input::-moz-placeholder {
8322
8483
  color:var(--theme-color-neutral-text-weakest);
8323
8484
  }
8324
- .ndl-time-picker.ndl-disabled .ndl-time-picker-input-wrapper .ndl-time-picker-input::placeholder, .ndl-time-picker:has(input:disabled) .ndl-time-picker-input-wrapper .ndl-time-picker-input::placeholder {
8485
+ .ndl-time-picker.ndl-disabled .ndl-time-picker-input-wrapper .ndl-time-picker-input::placeholder, fieldset:disabled .ndl-time-picker .ndl-time-picker-input-wrapper .ndl-time-picker-input::placeholder {
8325
8486
  color:var(--theme-color-neutral-text-weakest);
8326
8487
  }
8327
- .ndl-time-picker.ndl-disabled .ndl-time-picker-input-wrapper .ndl-time-picker-icon, .ndl-time-picker:has(input:disabled) .ndl-time-picker-input-wrapper .ndl-time-picker-icon {
8488
+ .ndl-time-picker.ndl-disabled .ndl-time-picker-input-wrapper .ndl-time-picker-icon, fieldset:disabled .ndl-time-picker .ndl-time-picker-input-wrapper .ndl-time-picker-icon {
8328
8489
  color:var(--theme-color-neutral-text-weakest);
8329
8490
  }
8330
8491
  .ndl-time-picker.ndl-read-only.ndl-small,
@@ -8495,22 +8656,22 @@ button.ndl-avatar:focus-visible {
8495
8656
  .ndl-timezone-picker.ndl-error .ndl-timezone-picker-input-wrapper:has(input:focus) {
8496
8657
  outline-color:var(--theme-color-danger-border-strong);
8497
8658
  }
8498
- .ndl-timezone-picker.ndl-disabled .ndl-timezone-picker-input-wrapper, .ndl-timezone-picker:has(input:disabled) .ndl-timezone-picker-input-wrapper {
8659
+ .ndl-timezone-picker.ndl-disabled .ndl-timezone-picker-input-wrapper, fieldset:disabled .ndl-timezone-picker .ndl-timezone-picker-input-wrapper {
8499
8660
  cursor:not-allowed;
8500
8661
  border-color:var(--theme-color-neutral-border-weak);
8501
8662
  color:var(--theme-color-neutral-text-weakest);
8502
8663
  }
8503
- .ndl-timezone-picker.ndl-disabled .ndl-timezone-picker-input-wrapper .ndl-timezone-picker-input, .ndl-timezone-picker:has(input:disabled) .ndl-timezone-picker-input-wrapper .ndl-timezone-picker-input {
8664
+ .ndl-timezone-picker.ndl-disabled .ndl-timezone-picker-input-wrapper .ndl-timezone-picker-input, fieldset:disabled .ndl-timezone-picker .ndl-timezone-picker-input-wrapper .ndl-timezone-picker-input {
8504
8665
  cursor:not-allowed;
8505
8666
  color:var(--theme-color-neutral-text-weakest);
8506
8667
  }
8507
- .ndl-timezone-picker.ndl-disabled .ndl-timezone-picker-input-wrapper .ndl-timezone-picker-input::-moz-placeholder, .ndl-timezone-picker:has(input:disabled) .ndl-timezone-picker-input-wrapper .ndl-timezone-picker-input::-moz-placeholder {
8668
+ .ndl-timezone-picker.ndl-disabled .ndl-timezone-picker-input-wrapper .ndl-timezone-picker-input::-moz-placeholder, fieldset:disabled .ndl-timezone-picker .ndl-timezone-picker-input-wrapper .ndl-timezone-picker-input::-moz-placeholder {
8508
8669
  color:var(--theme-color-neutral-text-weakest);
8509
8670
  }
8510
- .ndl-timezone-picker.ndl-disabled .ndl-timezone-picker-input-wrapper .ndl-timezone-picker-input::placeholder, .ndl-timezone-picker:has(input:disabled) .ndl-timezone-picker-input-wrapper .ndl-timezone-picker-input::placeholder {
8671
+ .ndl-timezone-picker.ndl-disabled .ndl-timezone-picker-input-wrapper .ndl-timezone-picker-input::placeholder, fieldset:disabled .ndl-timezone-picker .ndl-timezone-picker-input-wrapper .ndl-timezone-picker-input::placeholder {
8511
8672
  color:var(--theme-color-neutral-text-weakest);
8512
8673
  }
8513
- .ndl-timezone-picker.ndl-disabled .ndl-timezone-picker-input-wrapper .ndl-timezone-picker-icon, .ndl-timezone-picker:has(input:disabled) .ndl-timezone-picker-input-wrapper .ndl-timezone-picker-icon {
8674
+ .ndl-timezone-picker.ndl-disabled .ndl-timezone-picker-input-wrapper .ndl-timezone-picker-icon, fieldset:disabled .ndl-timezone-picker .ndl-timezone-picker-input-wrapper .ndl-timezone-picker-icon {
8514
8675
  color:var(--theme-color-neutral-text-weakest);
8515
8676
  }
8516
8677
  .ndl-timezone-picker.ndl-read-only.ndl-small,
@@ -9225,6 +9386,11 @@ button.ndl-avatar:focus-visible {
9225
9386
  flex-shrink:0;
9226
9387
  align-items:center;
9227
9388
  }
9389
+ .ndl-side-nav .ndl-side-nav-list-item .ndl-side-nav-nav-item .ndl-side-nav-item-trailing-element .ndl-side-nav-item-chevron, .ndl-side-nav .ndl-side-nav-list-item .ndl-side-nav-category-item .ndl-side-nav-item-trailing-element .ndl-side-nav-item-chevron {
9390
+ width:16px;
9391
+ height:16px;
9392
+ color:var(--theme-color-neutral-icon);
9393
+ }
9228
9394
  .ndl-side-nav .ndl-side-nav-list-item .ndl-side-nav-nav-item {
9229
9395
  cursor:pointer;
9230
9396
  }
@@ -9708,11 +9874,11 @@ button.ndl-avatar:focus-visible {
9708
9874
  background-color:var(--theme-color-primary-icon);
9709
9875
  }
9710
9876
  .ndl-checkbox.ndl-disabled,
9711
- .ndl-checkbox:disabled {
9877
+ fieldset:disabled .ndl-checkbox {
9712
9878
  cursor:not-allowed;
9713
9879
  border-color:var(--theme-color-neutral-border-strong);
9714
9880
  }
9715
- .ndl-checkbox.ndl-disabled:checked, .ndl-checkbox:disabled:checked {
9881
+ .ndl-checkbox.ndl-disabled:checked, fieldset:disabled .ndl-checkbox:checked {
9716
9882
  border-color:var(--theme-color-neutral-bg-stronger);
9717
9883
  background-color:var(--theme-color-neutral-bg-stronger);
9718
9884
  }
@@ -9720,16 +9886,16 @@ button.ndl-avatar:focus-visible {
9720
9886
  box-shadow:0 0 0 0 transparent;
9721
9887
  transition:box-shadow var(--motion-transition-quick);
9722
9888
  }
9723
- .ndl-checkbox:not(.ndl-disabled):not(:disabled):hover{
9889
+ .ndl-checkbox:not(.ndl-disabled):not(fieldset:disabled *):hover{
9724
9890
  box-shadow:0 0 0 4px var(--theme-color-neutral-hover);
9725
9891
  }
9726
- .ndl-checkbox:not(.ndl-disabled):not(:disabled):hover:active:not(:checked){
9892
+ .ndl-checkbox:not(.ndl-disabled):not(fieldset:disabled *):hover:active:not(:checked){
9727
9893
  box-shadow:0 0 0 4px var(--theme-color-neutral-pressed);
9728
9894
  }
9729
- .ndl-checkbox:not(.ndl-disabled):not(:disabled):hover:checked:not(:active){
9895
+ .ndl-checkbox:not(.ndl-disabled):not(fieldset:disabled *):hover:checked:not(:active){
9730
9896
  box-shadow:0 0 0 4px var(--theme-color-primary-hover-weak);
9731
9897
  }
9732
- .ndl-checkbox:not(.ndl-disabled):not(:disabled):hover:active:checked{
9898
+ .ndl-checkbox:not(.ndl-disabled):not(fieldset:disabled *):hover:active:checked{
9733
9899
  box-shadow:0 0 0 4px var(--theme-color-primary-pressed-weak);
9734
9900
  }
9735
9901
  .ndl-checkbox:focus-visible {
@@ -9796,11 +9962,11 @@ button.ndl-avatar:focus-visible {
9796
9962
  border-color:var(--theme-color-neutral-text-weaker);
9797
9963
  }
9798
9964
  .ndl-radio.ndl-disabled,
9799
- .ndl-radio:disabled {
9965
+ fieldset:disabled .ndl-radio {
9800
9966
  cursor:not-allowed;
9801
9967
  border-color:var(--theme-color-neutral-text-weakest);
9802
9968
  }
9803
- .ndl-radio.ndl-disabled:checked, .ndl-radio:disabled:checked {
9969
+ .ndl-radio.ndl-disabled:checked, fieldset:disabled .ndl-radio:checked {
9804
9970
  border-color:var(--theme-color-neutral-text-weakest);
9805
9971
  background-color:var(--theme-color-neutral-text-weakest);
9806
9972
  }
@@ -11038,6 +11204,44 @@ button.ndl-avatar:focus-visible {
11038
11204
  gap:12px;
11039
11205
  padding:12px;
11040
11206
  }
11207
+ .ndl-ai-thinking {
11208
+ display:flex;
11209
+ flex-direction:column;
11210
+ align-items:flex-start;
11211
+ gap:12px;
11212
+ }
11213
+ .ndl-ai-thinking .ndl-ai-thinking-presence {
11214
+ width:32px;
11215
+ height:32px;
11216
+ }
11217
+ .ndl-ai-thinking .ndl-ai-thinking-label {
11218
+ color:var(--theme-color-neutral-text-default);
11219
+ }
11220
+ .ndl-ai-thinking .ndl-ai-thinking-done {
11221
+ color:var(--theme-color-neutral-text-weak);
11222
+ }
11223
+ .ndl-ai-thinking .ndl-ai-thinking-duration {
11224
+ font-weight:400;
11225
+ }
11226
+ .ndl-ai-tool {
11227
+ display:inline-flex;
11228
+ flex-direction:row;
11229
+ align-items:center;
11230
+ gap:12px;
11231
+ }
11232
+ .ndl-ai-tool .ndl-ai-tool-status {
11233
+ display:inline-flex;
11234
+ flex-direction:row;
11235
+ align-items:center;
11236
+ gap:6px;
11237
+ text-transform:capitalize;
11238
+ color:var(--theme-color-neutral-text-weak);
11239
+ }
11240
+ .ndl-ai-tool .ndl-ai-tool-icon {
11241
+ width:16px;
11242
+ height:16px;
11243
+ color:var(--theme-color-neutral-text-weaker);
11244
+ }
11041
11245
  .ndl-tag-selectable{
11042
11246
  --badge-padding-x:var(--space-4);
11043
11247
  --badge-padding-y:0;
@@ -11700,98 +11904,6 @@ button.ndl-avatar:focus-visible {
11700
11904
  .ndl-combobox-option-content .ndl-combobox-option-content-selection-indicator.ndl-disabled {
11701
11905
  color:var(--theme-color-neutral-text-weakest);
11702
11906
  }
11703
- .n-mb-2 {
11704
- margin-bottom:8px;
11705
- }
11706
- .n-flex {
11707
- display:flex;
11708
- }
11709
- .n-inline-flex {
11710
- display:inline-flex;
11711
- }
11712
- .n-size-4 {
11713
- width:16px;
11714
- height:16px;
11715
- }
11716
- .n-size-5 {
11717
- width:20px;
11718
- height:20px;
11719
- }
11720
- .n-size-token-16 {
11721
- width:16px;
11722
- height:16px;
11723
- }
11724
- .n-size-token-32 {
11725
- width:32px;
11726
- height:32px;
11727
- }
11728
- .n-size-token-48 {
11729
- width:48px;
11730
- height:48px;
11731
- }
11732
- .n-size-token-64 {
11733
- width:64px;
11734
- height:64px;
11735
- }
11736
- .n-h-full {
11737
- height:100%;
11738
- }
11739
- .n-w-full {
11740
- width:100%;
11741
- }
11742
- .n-flex-1 {
11743
- flex:1 1 0%;
11744
- }
11745
- .n-shrink-0 {
11746
- flex-shrink:0;
11747
- }
11748
- .-n-rotate-180 {
11749
- --tw-rotate:-180deg;
11750
- 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));
11751
- }
11752
- .n-rotate-180 {
11753
- --tw-rotate:180deg;
11754
- 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));
11755
- }
11756
- .n-flex-row {
11757
- flex-direction:row;
11758
- }
11759
- .n-flex-col {
11760
- flex-direction:column;
11761
- }
11762
- .n-items-start {
11763
- align-items:flex-start;
11764
- }
11765
- .n-items-center {
11766
- align-items:center;
11767
- }
11768
- .n-justify-center {
11769
- justify-content:center;
11770
- }
11771
- .n-gap-4 {
11772
- gap:16px;
11773
- }
11774
- .n-gap-token-12 {
11775
- gap:12px;
11776
- }
11777
- .n-gap-token-16 {
11778
- gap:16px;
11779
- }
11780
- .n-gap-token-2 {
11781
- gap:2px;
11782
- }
11783
- .n-gap-token-4 {
11784
- gap:4px;
11785
- }
11786
- .n-gap-token-6 {
11787
- gap:6px;
11788
- }
11789
- .n-gap-token-8 {
11790
- gap:8px;
11791
- }
11792
- .n-self-center {
11793
- align-self:center;
11794
- }
11795
11907
  .n-border-danger-bg-status {
11796
11908
  border-color:var(--theme-color-danger-bg-status);
11797
11909
  }
@@ -30782,33 +30894,6 @@ button.ndl-avatar:focus-visible {
30782
30894
  .n-bg-warning-text {
30783
30895
  background-color:var(--theme-color-warning-text);
30784
30896
  }
30785
- .n-fill-danger-bg-strong {
30786
- fill:var(--theme-color-danger-bg-strong);
30787
- }
30788
- .n-fill-neutral-bg-stronger {
30789
- fill:var(--theme-color-neutral-bg-stronger);
30790
- }
30791
- .n-fill-neutral-bg-weak {
30792
- fill:var(--theme-color-neutral-bg-weak);
30793
- }
30794
- .n-fill-primary-bg-strong {
30795
- fill:var(--theme-color-primary-bg-strong);
30796
- }
30797
- .n-stroke-primary-bg-strong {
30798
- stroke:var(--theme-color-primary-bg-strong);
30799
- }
30800
- .n-font-bold {
30801
- font-weight:700;
30802
- }
30803
- .n-font-light {
30804
- font-weight:300;
30805
- }
30806
- .n-font-normal {
30807
- font-weight:400;
30808
- }
30809
- .n-capitalize {
30810
- text-transform:capitalize;
30811
- }
30812
30897
  .n-text-danger-bg-status {
30813
30898
  color:var(--theme-color-danger-bg-status);
30814
30899
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@neo4j-ndl/base",
3
- "version": "4.23.3",
3
+ "version": "4.23.5",
4
4
  "description": "Neo4j base package for the design system",
5
5
  "author": "Neo4j Inc.",
6
6
  "homepage": "https://www.neo4j.design",