@deque/cauldron-styles 5.6.2-canary.b103453d → 5.7.0-canary.7cfac7d0
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 +93 -0
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -34,6 +34,7 @@
|
|
|
34
34
|
--accent-warning-dark: #b88a00;
|
|
35
35
|
--accent-info: #6cdaf2;
|
|
36
36
|
--accent-info-light: #83e4fa;
|
|
37
|
+
--accent-info-active: #a7e9f7;
|
|
37
38
|
--accent-primary: #3c7aae;
|
|
38
39
|
--accent-primary-active: #316091;
|
|
39
40
|
--accent-secondary: var(--gray-20);
|
|
@@ -2536,6 +2537,11 @@ p .Link {
|
|
|
2536
2537
|
outline-offset: var(--space-quarter);
|
|
2537
2538
|
}
|
|
2538
2539
|
|
|
2540
|
+
.Toast__message button.Link:hover,
|
|
2541
|
+
.Notice a.Link:hover {
|
|
2542
|
+
color: var(--accent-medium);
|
|
2543
|
+
}
|
|
2544
|
+
|
|
2539
2545
|
.Toast:focus {
|
|
2540
2546
|
outline: 0;
|
|
2541
2547
|
}
|
|
@@ -4735,3 +4741,90 @@ button.Accordion__trigger {
|
|
|
4735
4741
|
border-radius: 0 0 3px 3px;
|
|
4736
4742
|
box-shadow: 0 2px 3px 0 var(--accordion-box-shadow-color);
|
|
4737
4743
|
}
|
|
4744
|
+
|
|
4745
|
+
:root {
|
|
4746
|
+
--notice-info-color: var(--accent-info-active);
|
|
4747
|
+
--notice-caution-color: var(--accent-caution);
|
|
4748
|
+
--notice-danger-color: var(--accent-warning-light);
|
|
4749
|
+
--notice-text-color: var(--accent-dark);
|
|
4750
|
+
--notice-title-text-color: var(--accent-dark);
|
|
4751
|
+
--notice-title-font-weight: var(--font-weight-medium);
|
|
4752
|
+
--notice-background-color: var(--notice-info-color);
|
|
4753
|
+
--notice-border-color: var(--accent-dark);
|
|
4754
|
+
--notice-link-hover-color: var(--accent-medium);
|
|
4755
|
+
--notice-icon-size: 1.2em;
|
|
4756
|
+
}
|
|
4757
|
+
|
|
4758
|
+
.Notice--info {
|
|
4759
|
+
--notice-background-color: var(--notice-info-color);
|
|
4760
|
+
}
|
|
4761
|
+
|
|
4762
|
+
.Notice--caution {
|
|
4763
|
+
--notice-background-color: var(--notice-caution-color);
|
|
4764
|
+
}
|
|
4765
|
+
|
|
4766
|
+
.Notice--danger {
|
|
4767
|
+
--notice-background-color: var(--notice-danger-color);
|
|
4768
|
+
}
|
|
4769
|
+
|
|
4770
|
+
.Notice {
|
|
4771
|
+
display: block;
|
|
4772
|
+
padding: var(--space-smaller) var(--space-small);
|
|
4773
|
+
border: 1px solid var(--notice-border-color);
|
|
4774
|
+
background-color: var(--notice-background-color);
|
|
4775
|
+
color: var(--notice-text-color);
|
|
4776
|
+
width: 100%;
|
|
4777
|
+
font-size: var(--text-size-smaller);
|
|
4778
|
+
}
|
|
4779
|
+
|
|
4780
|
+
.Notice .Notice__title,
|
|
4781
|
+
.Notice .Notice__title > :is(h1, h2, h3, h4, h5, h6) {
|
|
4782
|
+
display: flex;
|
|
4783
|
+
align-items: center;
|
|
4784
|
+
font-size: var(--text-size-small);
|
|
4785
|
+
font-weight: var(--notice-title-font-weight);
|
|
4786
|
+
margin: 0;
|
|
4787
|
+
padding: 0;
|
|
4788
|
+
gap: var(--space-three-quarters);
|
|
4789
|
+
color: var(--notice-title-text-color);
|
|
4790
|
+
}
|
|
4791
|
+
|
|
4792
|
+
.Notice .Notice__title + .Notice__content {
|
|
4793
|
+
margin-top: var(--space-smallest);
|
|
4794
|
+
}
|
|
4795
|
+
|
|
4796
|
+
.Notice .Icon > svg {
|
|
4797
|
+
height: var(--notice-icon-size);
|
|
4798
|
+
width: var(--notice-icon-size);
|
|
4799
|
+
}
|
|
4800
|
+
|
|
4801
|
+
.Notice button.Link,
|
|
4802
|
+
.Notice a.Link {
|
|
4803
|
+
background: transparent;
|
|
4804
|
+
border: 0;
|
|
4805
|
+
color: currentColor;
|
|
4806
|
+
}
|
|
4807
|
+
|
|
4808
|
+
.Notice button.Link,
|
|
4809
|
+
.Notice a.Link {
|
|
4810
|
+
color: var(--accent-dark);
|
|
4811
|
+
font-size: var(--text-size-small);
|
|
4812
|
+
font-weight: var(--font-weight-light);
|
|
4813
|
+
text-decoration: underline;
|
|
4814
|
+
}
|
|
4815
|
+
|
|
4816
|
+
.Notice button.Link:focus,
|
|
4817
|
+
.Notice a.Link:focus {
|
|
4818
|
+
outline: 2px solid;
|
|
4819
|
+
color: var(--gray-90);
|
|
4820
|
+
}
|
|
4821
|
+
|
|
4822
|
+
.Notice button.Link:hover,
|
|
4823
|
+
.Notice a.Link:hover {
|
|
4824
|
+
color: var(--notice-link-hover-color);
|
|
4825
|
+
}
|
|
4826
|
+
|
|
4827
|
+
.Notice .Notice__content > p:first-of-type {
|
|
4828
|
+
margin-top: 0;
|
|
4829
|
+
margin-bottom: var(--space-smallest);
|
|
4830
|
+
}
|
package/package.json
CHANGED