@deque/cauldron-styles 6.16.0-canary.b541dd62 → 6.16.0-canary.b6278d32
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/dist/index.css +58 -6
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -579,7 +579,8 @@ textarea:focus,
|
|
|
579
579
|
[role='spinbutton']:focus {
|
|
580
580
|
outline: 0;
|
|
581
581
|
border: 1px solid var(--field-border-color-focus);
|
|
582
|
-
box-shadow:
|
|
582
|
+
box-shadow:
|
|
583
|
+
0 0 0 1px var(--field-border-color-focus),
|
|
583
584
|
0 0 5px var(--field-border-color-focus-glow),
|
|
584
585
|
inset 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
585
586
|
}
|
|
@@ -604,7 +605,8 @@ textarea:focus:hover,
|
|
|
604
605
|
[role='listbox']:focus:hover,
|
|
605
606
|
[role='spinbutton']:focus:hover {
|
|
606
607
|
border: 1px solid var(--field-border-color-focus-hover);
|
|
607
|
-
box-shadow:
|
|
608
|
+
box-shadow:
|
|
609
|
+
0 0 0 1px var(--field-border-color-focus-hover),
|
|
608
610
|
0 0 5px var(--field-border-color-focus-glow),
|
|
609
611
|
inset 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
610
612
|
}
|
|
@@ -651,7 +653,8 @@ textarea.Field--has-error:hover,
|
|
|
651
653
|
[role='listbox'].Field--has-error:hover,
|
|
652
654
|
[role='spinbutton'].Field--has-error:hover {
|
|
653
655
|
border-color: var(--field-border-color-error-hover);
|
|
654
|
-
box-shadow:
|
|
656
|
+
box-shadow:
|
|
657
|
+
0 0 0 1px var(--field-border-color-error),
|
|
655
658
|
inset 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
656
659
|
}
|
|
657
660
|
|
|
@@ -664,7 +667,8 @@ textarea.Field--has-error:focus,
|
|
|
664
667
|
[role='listbox'].Field--has-error:focus,
|
|
665
668
|
[role='spinbutton'].Field--has-error:focus {
|
|
666
669
|
border: 1px solid var(--field-border-color-error);
|
|
667
|
-
box-shadow:
|
|
670
|
+
box-shadow:
|
|
671
|
+
0 0 0 1px var(--field-border-color-error),
|
|
668
672
|
0 0 5px var(--field-border-color-error-focus-glow),
|
|
669
673
|
inset 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
670
674
|
}
|
|
@@ -696,13 +700,22 @@ textarea.Field--has-error:focus:hover,
|
|
|
696
700
|
color: var(--field-listbox-selected-text-color);
|
|
697
701
|
}
|
|
698
702
|
|
|
699
|
-
.Error
|
|
703
|
+
.Error,
|
|
704
|
+
.Field__error {
|
|
705
|
+
--icon-size: var(--text-size-base);
|
|
700
706
|
color: var(--field-error-text-color);
|
|
707
|
+
display: flex;
|
|
708
|
+
gap: var(--space-half);
|
|
701
709
|
text-align: left;
|
|
702
710
|
font-size: var(--text-size-smallest);
|
|
703
711
|
font-weight: var(--font-weight-normal);
|
|
704
712
|
}
|
|
705
713
|
|
|
714
|
+
.Field__error {
|
|
715
|
+
font-size: var(--text-size-small);
|
|
716
|
+
margin-bottom: var(--space-smallest);
|
|
717
|
+
}
|
|
718
|
+
|
|
706
719
|
.Checkbox__wrap .Error {
|
|
707
720
|
margin-top: var(--space-half);
|
|
708
721
|
border-top: 1px solid var(--field-error-border-color);
|
|
@@ -771,12 +784,21 @@ textarea.Field--has-error:focus:hover,
|
|
|
771
784
|
align-items: center;
|
|
772
785
|
text-align: left;
|
|
773
786
|
color: var(--field-label-text-color);
|
|
774
|
-
margin-bottom: var(--space-
|
|
787
|
+
margin-bottom: var(--space-smallest);
|
|
775
788
|
font-size: var(--text-size-small);
|
|
776
789
|
font-weight: var(--font-weight-medium);
|
|
777
790
|
cursor: default;
|
|
778
791
|
}
|
|
779
792
|
|
|
793
|
+
.Field__description {
|
|
794
|
+
display: flex;
|
|
795
|
+
align-items: center;
|
|
796
|
+
text-align: left;
|
|
797
|
+
font-size: var(--text-size-small);
|
|
798
|
+
color: var(--field-label-description-text-color);
|
|
799
|
+
margin-bottom: var(--space-smallest);
|
|
800
|
+
}
|
|
801
|
+
|
|
780
802
|
.Field__label + .Checkbox__wrap {
|
|
781
803
|
margin-top: var(--space-half);
|
|
782
804
|
}
|
|
@@ -5905,3 +5927,33 @@ button.Accordion__trigger {
|
|
|
5905
5927
|
justify-self: end;
|
|
5906
5928
|
}
|
|
5907
5929
|
}
|
|
5930
|
+
|
|
5931
|
+
:root {
|
|
5932
|
+
--emptystate-border-color: var(--gray-30);
|
|
5933
|
+
}
|
|
5934
|
+
|
|
5935
|
+
.cauldron--theme-dark {
|
|
5936
|
+
--emptystate-border-color: var(--accent-light);
|
|
5937
|
+
}
|
|
5938
|
+
|
|
5939
|
+
.EmptyState > :where(h1, h2, h3, h4, h5, h6) {
|
|
5940
|
+
font-size: var(--text-size-heading-3);
|
|
5941
|
+
line-height: var(--line-height-heading-3);
|
|
5942
|
+
margin-top: 0;
|
|
5943
|
+
margin-bottom: 0;
|
|
5944
|
+
}
|
|
5945
|
+
|
|
5946
|
+
.EmptyState > :where(h1, h2, h3, h4, h5, h6) + :where(p) {
|
|
5947
|
+
margin-top: 0.25rem;
|
|
5948
|
+
margin-bottom: 0;
|
|
5949
|
+
}
|
|
5950
|
+
|
|
5951
|
+
.EmptyState__primary {
|
|
5952
|
+
padding-top: var(--space-small);
|
|
5953
|
+
}
|
|
5954
|
+
|
|
5955
|
+
.EmptyState__secondary {
|
|
5956
|
+
margin-top: var(--space-small);
|
|
5957
|
+
padding-top: var(--space-small);
|
|
5958
|
+
border-top: 1px solid var(--emptystate-border-color);
|
|
5959
|
+
}
|
package/package.json
CHANGED