@neo4j-ndl/base 4.23.2 → 4.23.4
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 +224 -146
- 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;
|
|
@@ -3497,65 +3608,63 @@ a.ndl-btn {
|
|
|
3497
3608
|
border-radius:12px;
|
|
3498
3609
|
background-color:var(--theme-color-neutral-bg-weak);
|
|
3499
3610
|
padding:32px;
|
|
3500
|
-
padding-top:12px;
|
|
3501
3611
|
--tw-shadow:var(--theme-shadow-overlay);
|
|
3502
3612
|
--tw-shadow-colored:var(--theme-shadow-overlay);
|
|
3503
3613
|
box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
3504
|
-
container:ndl-dialog / inline-size;
|
|
3505
3614
|
}
|
|
3506
3615
|
.ndl-dialog .ndl-dialog-content-wrapper {
|
|
3507
3616
|
display:flex;
|
|
3508
|
-
|
|
3509
|
-
|
|
3510
|
-
|
|
3617
|
+
height:100%;
|
|
3618
|
+
flex-wrap:nowrap;
|
|
3619
|
+
gap:32px;
|
|
3511
3620
|
}
|
|
3512
3621
|
.ndl-dialog .ndl-dialog-body {
|
|
3513
3622
|
display:flex;
|
|
3514
3623
|
width:100%;
|
|
3515
3624
|
flex:1 1 0%;
|
|
3516
3625
|
flex-direction:column;
|
|
3517
|
-
gap:16px;
|
|
3518
|
-
padding-top:6px;
|
|
3519
3626
|
}
|
|
3520
3627
|
.ndl-dialog .ndl-dialog-type-icon {
|
|
3521
|
-
|
|
3522
|
-
width:40px;
|
|
3523
|
-
height:40px;
|
|
3524
|
-
flex-shrink:0;
|
|
3525
|
-
align-items:center;
|
|
3526
|
-
justify-content:center;
|
|
3527
|
-
border-radius:6px;
|
|
3528
|
-
padding:8px;
|
|
3529
|
-
}
|
|
3530
|
-
.ndl-dialog .ndl-dialog-type-icon > svg {
|
|
3531
|
-
width:24px;
|
|
3532
|
-
height:24px;
|
|
3628
|
+
width:88px;
|
|
3533
3629
|
}
|
|
3534
3630
|
.ndl-dialog .ndl-dialog-type-icon.ndl-info {
|
|
3535
|
-
background-color:var(--theme-color-primary-bg-weak);
|
|
3536
3631
|
color:var(--theme-color-primary-icon);
|
|
3537
3632
|
}
|
|
3538
3633
|
.ndl-dialog .ndl-dialog-type-icon.ndl-warning {
|
|
3539
|
-
background-color:var(--theme-color-warning-bg-weak);
|
|
3540
3634
|
color:var(--theme-color-warning-icon);
|
|
3541
3635
|
}
|
|
3542
3636
|
.ndl-dialog .ndl-dialog-type-icon.ndl-danger {
|
|
3543
|
-
background-color:var(--theme-color-danger-bg-weak);
|
|
3544
3637
|
color:var(--theme-color-danger-icon);
|
|
3545
3638
|
}
|
|
3639
|
+
.ndl-dialog.ndl-with-icon .ndl-dialog-header {
|
|
3640
|
+
margin-bottom:24px;
|
|
3641
|
+
}
|
|
3546
3642
|
.ndl-dialog.ndl-with-icon .ndl-dialog-image {
|
|
3547
3643
|
display:none;
|
|
3548
3644
|
}
|
|
3645
|
+
.ndl-dialog.ndl-with-icon .ndl-dialog-content-wrapper {
|
|
3646
|
+
margin-top:32px;
|
|
3647
|
+
}
|
|
3549
3648
|
.ndl-dialog .ndl-dialog-close {
|
|
3550
3649
|
position:absolute;
|
|
3551
|
-
right:
|
|
3552
|
-
|
|
3650
|
+
right:32px;
|
|
3651
|
+
}
|
|
3652
|
+
.ndl-dialog .ndl-dialog-header + .ndl-dialog-content,
|
|
3653
|
+
.ndl-dialog .ndl-dialog-description + .ndl-dialog-content {
|
|
3654
|
+
margin-top:24px;
|
|
3655
|
+
}
|
|
3656
|
+
.ndl-dialog-header {
|
|
3657
|
+
margin-bottom:4px;
|
|
3658
|
+
}
|
|
3659
|
+
.ndl-dialog.ndl-with-close-button .ndl-dialog-header {
|
|
3660
|
+
margin-right:48px;
|
|
3553
3661
|
}
|
|
3554
3662
|
.ndl-dialog-subtitle {
|
|
3663
|
+
margin-bottom:16px;
|
|
3555
3664
|
color:var(--theme-color-neutral-text-default);
|
|
3556
|
-
font:var(--typography-
|
|
3557
|
-
letter-spacing:var(--typography-
|
|
3558
|
-
font-family:var(--typography-
|
|
3665
|
+
font:var(--typography-body-large);
|
|
3666
|
+
letter-spacing:var(--typography-body-large-letter-spacing);
|
|
3667
|
+
font-family:var(--typography-body-large-font-family), sans-serif;
|
|
3559
3668
|
}
|
|
3560
3669
|
.ndl-dialog-description {
|
|
3561
3670
|
color:var(--theme-color-neutral-text-weak);
|
|
@@ -3564,10 +3673,10 @@ a.ndl-btn {
|
|
|
3564
3673
|
font-family:var(--typography-body-medium-font-family), sans-serif;
|
|
3565
3674
|
}
|
|
3566
3675
|
.ndl-dialog-actions {
|
|
3676
|
+
margin-top:32px;
|
|
3567
3677
|
display:flex;
|
|
3568
3678
|
justify-content:flex-end;
|
|
3569
3679
|
gap:16px;
|
|
3570
|
-
padding-top:16px;
|
|
3571
3680
|
}
|
|
3572
3681
|
.ndl-dialog-image{
|
|
3573
3682
|
width:calc(100% + 2 * var(--space-32) - 2 * var(--space-16));
|
|
@@ -3578,11 +3687,6 @@ a.ndl-btn {
|
|
|
3578
3687
|
border-radius:16px;
|
|
3579
3688
|
background-color:var(--theme-color-neutral-bg-default);
|
|
3580
3689
|
}
|
|
3581
|
-
@container ndl-dialog (max-width: 344px){
|
|
3582
|
-
.ndl-dialog .ndl-dialog-content-wrapper {
|
|
3583
|
-
flex-direction:column;
|
|
3584
|
-
}
|
|
3585
|
-
}
|
|
3586
3690
|
.ndl-drawer-overlay-root {
|
|
3587
3691
|
position:absolute;
|
|
3588
3692
|
top:0px;
|
|
@@ -4417,6 +4521,9 @@ a.ndl-btn {
|
|
|
4417
4521
|
letter-spacing:var(--typography-body-medium-letter-spacing);
|
|
4418
4522
|
font-family:var(--typography-body-medium-font-family), sans-serif;
|
|
4419
4523
|
}
|
|
4524
|
+
.ndl-data-grid-root .ndl-data-grid-navigation .ndl-data-grid-results .ndl-data-grid-results-count {
|
|
4525
|
+
font-weight:700;
|
|
4526
|
+
}
|
|
4420
4527
|
.ndl-data-grid-root .ndl-data-grid-navigation .ndl-data-grid-pagination-numeric-button {
|
|
4421
4528
|
position:relative;
|
|
4422
4529
|
display:inline-flex;
|
|
@@ -4459,6 +4566,10 @@ a.ndl-btn {
|
|
|
4459
4566
|
position:sticky;
|
|
4460
4567
|
}
|
|
4461
4568
|
}
|
|
4569
|
+
.ndl-data-grid-no-data-icon {
|
|
4570
|
+
width:64px;
|
|
4571
|
+
height:64px;
|
|
4572
|
+
}
|
|
4462
4573
|
.ndl-dropzone {
|
|
4463
4574
|
border-radius:8px;
|
|
4464
4575
|
}
|
|
@@ -4530,6 +4641,19 @@ a.ndl-btn {
|
|
|
4530
4641
|
height:48px;
|
|
4531
4642
|
color:var(--theme-color-neutral-text-weakest);
|
|
4532
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
|
+
}
|
|
4533
4657
|
.ndl-dropzone .ndl-dropzone-footer {
|
|
4534
4658
|
text-align:center;
|
|
4535
4659
|
}
|
|
@@ -5264,6 +5388,22 @@ a.ndl-btn {
|
|
|
5264
5388
|
width:32px;
|
|
5265
5389
|
height:32px;
|
|
5266
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
|
+
}
|
|
5267
5407
|
.ndl-wizard.ndl-wizard-large .ndl-wizard-step.ndl-horizontal {
|
|
5268
5408
|
flex-direction:row;
|
|
5269
5409
|
-moz-column-gap:16px;
|
|
@@ -5443,6 +5583,11 @@ a.ndl-btn {
|
|
|
5443
5583
|
padding-top:12px;
|
|
5444
5584
|
padding-bottom:4px;
|
|
5445
5585
|
}
|
|
5586
|
+
.ndl-code-block-container .ndl-code-block-layout {
|
|
5587
|
+
display:flex;
|
|
5588
|
+
height:100%;
|
|
5589
|
+
flex-direction:column;
|
|
5590
|
+
}
|
|
5446
5591
|
.ndl-code-block-container .ndl-code-block-title {
|
|
5447
5592
|
margin-left:12px;
|
|
5448
5593
|
margin-bottom:12px;
|
|
@@ -6882,6 +7027,9 @@ button.ndl-avatar:focus-visible {
|
|
|
6882
7027
|
flex-shrink:1;
|
|
6883
7028
|
flex-grow:1;
|
|
6884
7029
|
}
|
|
7030
|
+
.ndl-inline-edit .ndl-inline-idle-container.ndl-placeholder {
|
|
7031
|
+
color:var(--theme-color-neutral-text-weaker);
|
|
7032
|
+
}
|
|
6885
7033
|
.ndl-inline-edit .ndl-inline-idle-container.ndl-disabled {
|
|
6886
7034
|
cursor:not-allowed;
|
|
6887
7035
|
color:var(--theme-color-neutral-text-weakest);
|
|
@@ -9238,6 +9386,11 @@ button.ndl-avatar:focus-visible {
|
|
|
9238
9386
|
flex-shrink:0;
|
|
9239
9387
|
align-items:center;
|
|
9240
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
|
+
}
|
|
9241
9394
|
.ndl-side-nav .ndl-side-nav-list-item .ndl-side-nav-nav-item {
|
|
9242
9395
|
cursor:pointer;
|
|
9243
9396
|
}
|
|
@@ -11051,6 +11204,44 @@ button.ndl-avatar:focus-visible {
|
|
|
11051
11204
|
gap:12px;
|
|
11052
11205
|
padding:12px;
|
|
11053
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
|
+
}
|
|
11054
11245
|
.ndl-tag-selectable{
|
|
11055
11246
|
--badge-padding-x:var(--space-4);
|
|
11056
11247
|
--badge-padding-y:0;
|
|
@@ -11713,92 +11904,6 @@ button.ndl-avatar:focus-visible {
|
|
|
11713
11904
|
.ndl-combobox-option-content .ndl-combobox-option-content-selection-indicator.ndl-disabled {
|
|
11714
11905
|
color:var(--theme-color-neutral-text-weakest);
|
|
11715
11906
|
}
|
|
11716
|
-
.n-mb-2 {
|
|
11717
|
-
margin-bottom:8px;
|
|
11718
|
-
}
|
|
11719
|
-
.n-flex {
|
|
11720
|
-
display:flex;
|
|
11721
|
-
}
|
|
11722
|
-
.n-inline-flex {
|
|
11723
|
-
display:inline-flex;
|
|
11724
|
-
}
|
|
11725
|
-
.n-size-4 {
|
|
11726
|
-
width:16px;
|
|
11727
|
-
height:16px;
|
|
11728
|
-
}
|
|
11729
|
-
.n-size-5 {
|
|
11730
|
-
width:20px;
|
|
11731
|
-
height:20px;
|
|
11732
|
-
}
|
|
11733
|
-
.n-size-token-16 {
|
|
11734
|
-
width:16px;
|
|
11735
|
-
height:16px;
|
|
11736
|
-
}
|
|
11737
|
-
.n-size-token-32 {
|
|
11738
|
-
width:32px;
|
|
11739
|
-
height:32px;
|
|
11740
|
-
}
|
|
11741
|
-
.n-size-token-48 {
|
|
11742
|
-
width:48px;
|
|
11743
|
-
height:48px;
|
|
11744
|
-
}
|
|
11745
|
-
.n-size-token-64 {
|
|
11746
|
-
width:64px;
|
|
11747
|
-
height:64px;
|
|
11748
|
-
}
|
|
11749
|
-
.n-h-full {
|
|
11750
|
-
height:100%;
|
|
11751
|
-
}
|
|
11752
|
-
.n-shrink-0 {
|
|
11753
|
-
flex-shrink:0;
|
|
11754
|
-
}
|
|
11755
|
-
.-n-rotate-180 {
|
|
11756
|
-
--tw-rotate:-180deg;
|
|
11757
|
-
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));
|
|
11758
|
-
}
|
|
11759
|
-
.n-rotate-180 {
|
|
11760
|
-
--tw-rotate:180deg;
|
|
11761
|
-
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));
|
|
11762
|
-
}
|
|
11763
|
-
.n-flex-row {
|
|
11764
|
-
flex-direction:row;
|
|
11765
|
-
}
|
|
11766
|
-
.n-flex-col {
|
|
11767
|
-
flex-direction:column;
|
|
11768
|
-
}
|
|
11769
|
-
.n-items-start {
|
|
11770
|
-
align-items:flex-start;
|
|
11771
|
-
}
|
|
11772
|
-
.n-items-center {
|
|
11773
|
-
align-items:center;
|
|
11774
|
-
}
|
|
11775
|
-
.n-justify-center {
|
|
11776
|
-
justify-content:center;
|
|
11777
|
-
}
|
|
11778
|
-
.n-gap-4 {
|
|
11779
|
-
gap:16px;
|
|
11780
|
-
}
|
|
11781
|
-
.n-gap-token-12 {
|
|
11782
|
-
gap:12px;
|
|
11783
|
-
}
|
|
11784
|
-
.n-gap-token-16 {
|
|
11785
|
-
gap:16px;
|
|
11786
|
-
}
|
|
11787
|
-
.n-gap-token-2 {
|
|
11788
|
-
gap:2px;
|
|
11789
|
-
}
|
|
11790
|
-
.n-gap-token-4 {
|
|
11791
|
-
gap:4px;
|
|
11792
|
-
}
|
|
11793
|
-
.n-gap-token-6 {
|
|
11794
|
-
gap:6px;
|
|
11795
|
-
}
|
|
11796
|
-
.n-gap-token-8 {
|
|
11797
|
-
gap:8px;
|
|
11798
|
-
}
|
|
11799
|
-
.n-self-center {
|
|
11800
|
-
align-self:center;
|
|
11801
|
-
}
|
|
11802
11907
|
.n-border-danger-bg-status {
|
|
11803
11908
|
border-color:var(--theme-color-danger-bg-status);
|
|
11804
11909
|
}
|
|
@@ -30789,33 +30894,6 @@ button.ndl-avatar:focus-visible {
|
|
|
30789
30894
|
.n-bg-warning-text {
|
|
30790
30895
|
background-color:var(--theme-color-warning-text);
|
|
30791
30896
|
}
|
|
30792
|
-
.n-fill-danger-bg-strong {
|
|
30793
|
-
fill:var(--theme-color-danger-bg-strong);
|
|
30794
|
-
}
|
|
30795
|
-
.n-fill-neutral-bg-stronger {
|
|
30796
|
-
fill:var(--theme-color-neutral-bg-stronger);
|
|
30797
|
-
}
|
|
30798
|
-
.n-fill-neutral-bg-weak {
|
|
30799
|
-
fill:var(--theme-color-neutral-bg-weak);
|
|
30800
|
-
}
|
|
30801
|
-
.n-fill-primary-bg-strong {
|
|
30802
|
-
fill:var(--theme-color-primary-bg-strong);
|
|
30803
|
-
}
|
|
30804
|
-
.n-stroke-primary-bg-strong {
|
|
30805
|
-
stroke:var(--theme-color-primary-bg-strong);
|
|
30806
|
-
}
|
|
30807
|
-
.n-font-bold {
|
|
30808
|
-
font-weight:700;
|
|
30809
|
-
}
|
|
30810
|
-
.n-font-light {
|
|
30811
|
-
font-weight:300;
|
|
30812
|
-
}
|
|
30813
|
-
.n-font-normal {
|
|
30814
|
-
font-weight:400;
|
|
30815
|
-
}
|
|
30816
|
-
.n-capitalize {
|
|
30817
|
-
text-transform:capitalize;
|
|
30818
|
-
}
|
|
30819
30897
|
.n-text-danger-bg-status {
|
|
30820
30898
|
color:var(--theme-color-danger-bg-status);
|
|
30821
30899
|
}
|