@ncds/ui-admin 0.0.28 → 0.0.29
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.
|
@@ -540,9 +540,11 @@ button {
|
|
|
540
540
|
color: var(--gray-600);
|
|
541
541
|
}
|
|
542
542
|
:where(.ncua-button-group.has-border) {
|
|
543
|
-
outline: 1px solid var(--gray-200);
|
|
544
543
|
box-shadow: var(--shadow-xs);
|
|
545
544
|
}
|
|
545
|
+
:where(.ncua-button-group.has-border) .ncua-button-group__item {
|
|
546
|
+
border: 1px solid var(--gray-200);
|
|
547
|
+
}
|
|
546
548
|
:where(.ncua-button-group.has-border) .ncua-button-group__item:hover {
|
|
547
549
|
background-color: var(--gray-50);
|
|
548
550
|
}
|
|
@@ -554,7 +556,7 @@ button {
|
|
|
554
556
|
background-color: var(--gray-50);
|
|
555
557
|
}
|
|
556
558
|
:where(.ncua-button-group.has-border) .ncua-button-group__item:nth-child(n+2) {
|
|
557
|
-
border-
|
|
559
|
+
border-inline-start-width: 0;
|
|
558
560
|
}
|
|
559
561
|
:where(.ncua-button-group.has-border) .ncua-button-group__item svg {
|
|
560
562
|
display: block;
|
|
@@ -575,7 +577,7 @@ button {
|
|
|
575
577
|
background-color: var(--gray-200);
|
|
576
578
|
}
|
|
577
579
|
.ncua-button-group--xs .ncua-button-group__item {
|
|
578
|
-
padding:
|
|
580
|
+
padding: 4px 12px;
|
|
579
581
|
font-size: var(--font-size-xxxs);
|
|
580
582
|
line-height: var(--line-heights-xxxs);
|
|
581
583
|
font-weight: var(--font-weights-commerce-sans-1);
|
|
@@ -583,12 +585,17 @@ button {
|
|
|
583
585
|
.ncua-button-group--xs .ncua-button-group__item.is-only-icon {
|
|
584
586
|
padding: 6px;
|
|
585
587
|
}
|
|
586
|
-
:where(.ncua-button-group--xs.has-border) {
|
|
587
|
-
border-radius: 4px;
|
|
588
|
+
:where(.ncua-button-group--xs.has-border) .ncua-button-group__item:first-child {
|
|
589
|
+
border-top-left-radius: 4px;
|
|
590
|
+
border-bottom-left-radius: 4px;
|
|
591
|
+
}
|
|
592
|
+
:where(.ncua-button-group--xs.has-border) .ncua-button-group__item:last-child {
|
|
593
|
+
border-top-right-radius: 4px;
|
|
594
|
+
border-bottom-right-radius: 4px;
|
|
588
595
|
}
|
|
589
596
|
|
|
590
597
|
.ncua-button-group--sm .ncua-button-group__item {
|
|
591
|
-
padding:
|
|
598
|
+
padding: 4px 16px;
|
|
592
599
|
font-size: var(--font-size-xs);
|
|
593
600
|
line-height: var(--line-heights-xs);
|
|
594
601
|
font-weight: var(--font-weights-commerce-sans-1);
|
|
@@ -596,8 +603,13 @@ button {
|
|
|
596
603
|
.ncua-button-group--sm .ncua-button-group__item.is-only-icon {
|
|
597
604
|
padding: 6px;
|
|
598
605
|
}
|
|
599
|
-
:where(.ncua-button-group--sm.has-border) {
|
|
600
|
-
border-radius: 6px;
|
|
606
|
+
:where(.ncua-button-group--sm.has-border) .ncua-button-group__item:first-child {
|
|
607
|
+
border-top-left-radius: 6px;
|
|
608
|
+
border-bottom-left-radius: 6px;
|
|
609
|
+
}
|
|
610
|
+
:where(.ncua-button-group--sm.has-border) .ncua-button-group__item:last-child {
|
|
611
|
+
border-top-right-radius: 6px;
|
|
612
|
+
border-bottom-right-radius: 6px;
|
|
601
613
|
}
|
|
602
614
|
|
|
603
615
|
.ncua-button-group--md .ncua-button-group__item {
|
|
@@ -609,12 +621,17 @@ button {
|
|
|
609
621
|
.ncua-button-group--md .ncua-button-group__item.is-only-icon {
|
|
610
622
|
padding: 10px;
|
|
611
623
|
}
|
|
612
|
-
:where(.ncua-button-group--md.has-border) {
|
|
613
|
-
border-radius: 6px;
|
|
624
|
+
:where(.ncua-button-group--md.has-border) .ncua-button-group__item:first-child {
|
|
625
|
+
border-top-left-radius: 6px;
|
|
626
|
+
border-bottom-left-radius: 6px;
|
|
627
|
+
}
|
|
628
|
+
:where(.ncua-button-group--md.has-border) .ncua-button-group__item:last-child {
|
|
629
|
+
border-top-right-radius: 6px;
|
|
630
|
+
border-bottom-right-radius: 6px;
|
|
614
631
|
}
|
|
615
632
|
|
|
616
633
|
.ncua-button-group--lg .ncua-button-group__item {
|
|
617
|
-
padding:
|
|
634
|
+
padding: 8px 16px;
|
|
618
635
|
font-size: var(--font-size-sm);
|
|
619
636
|
line-height: var(--line-heights-sm);
|
|
620
637
|
font-weight: var(--font-weights-commerce-sans-2);
|
|
@@ -622,8 +639,13 @@ button {
|
|
|
622
639
|
.ncua-button-group--lg .ncua-button-group__item.is-only-icon {
|
|
623
640
|
padding: 10px;
|
|
624
641
|
}
|
|
625
|
-
:where(.ncua-button-group--lg.has-border) {
|
|
626
|
-
border-radius: 8px;
|
|
642
|
+
:where(.ncua-button-group--lg.has-border) .ncua-button-group__item:first-child {
|
|
643
|
+
border-top-left-radius: 8px;
|
|
644
|
+
border-bottom-left-radius: 8px;
|
|
645
|
+
}
|
|
646
|
+
:where(.ncua-button-group--lg.has-border) .ncua-button-group__item:last-child {
|
|
647
|
+
border-top-right-radius: 8px;
|
|
648
|
+
border-bottom-right-radius: 8px;
|
|
627
649
|
}
|
|
628
650
|
|
|
629
651
|
.ncua-btn-close {
|
|
@@ -2795,7 +2817,7 @@ button {
|
|
|
2795
2817
|
display: inline-flex;
|
|
2796
2818
|
}
|
|
2797
2819
|
.ncua-date-picker .flatpickr-wrapper {
|
|
2798
|
-
|
|
2820
|
+
border: 1px solid var(--gray-200);
|
|
2799
2821
|
border-radius: 6px;
|
|
2800
2822
|
font-weight: 400;
|
|
2801
2823
|
background: var(--base-white);
|