@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.
- package/lib/cjs/tokens/js/tokens-esm.js +1 -1
- package/lib/cjs/tokens/js/tokens-esm.js.map +1 -1
- package/lib/cjs/tokens/js/tokens.js +1 -1
- package/lib/cjs/tokens/js/tokens.js.map +1 -1
- package/lib/esm/tokens/js/tokens-esm.js +1 -1
- package/lib/esm/tokens/js/tokens-esm.js.map +1 -1
- package/lib/esm/tokens/js/tokens.js +1 -1
- package/lib/esm/tokens/js/tokens.js.map +1 -1
- package/lib/neo4j-ds-styles.css +227 -142
- package/package.json +1 -1
package/lib/neo4j-ds-styles.css
CHANGED
|
@@ -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
|
|
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
|
|
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
|
|
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(:
|
|
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(:
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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:
|
|
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
|
|
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:
|
|
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
|
}
|