@primer/brand-css 0.72.0-rc.4db5fc89 → 0.72.0-rc.65d39ab5

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.
Files changed (14) hide show
  1. package/components/Avatar/Avatar.css +1 -0
  2. package/components/BreakoutBanner/BreakoutBanner.css +4 -0
  3. package/components/CTABanner/CTABanner.css +4 -0
  4. package/components/EyebrowBanner/EyebrowBanner.css +5 -0
  5. package/components/Hero/Hero.css +4 -0
  6. package/components/LogoSuite/LogoSuite.css +4 -0
  7. package/components/MinimalFooter/MinimalFooter.css +1 -0
  8. package/components/PricingOptions/PricingOptions.css +4 -0
  9. package/components/SectionIntro/SectionIntro.css +4 -0
  10. package/components/Statistic/Statistic.css +4 -0
  11. package/components/Testimonial/Testimonial.css +4 -0
  12. package/components/river/RiverStoryScroll/RiverStoryScroll.css +1 -0
  13. package/components/river/river-shared.css +9 -0
  14. package/package.json +1 -1
package/components/Avatar/Avatar.css CHANGED
@@ -14,6 +14,7 @@
14
14
  }
15
15
 
16
16
  .Avatar__image {
17
+ display: block;
17
18
  width: 100%;
18
19
  height: 100%;
19
20
  -o-object-fit: cover;
package/components/BreakoutBanner/BreakoutBanner.css CHANGED
@@ -62,6 +62,10 @@
62
62
  margin-block-end: var(--base-size-48);
63
63
  }
64
64
 
65
+ .BreakoutBanner-leadingVisual :is(img, picture) {
66
+ display: block;
67
+ }
68
+
65
69
  /* Regular */
66
70
  @media screen and (min-width: 48rem) {
67
71
  .BreakoutBanner {
package/components/CTABanner/CTABanner.css CHANGED
@@ -105,6 +105,10 @@
105
105
  margin: 0 auto;
106
106
  }
107
107
 
108
+ .CTABanner-content :is(img, picture) {
109
+ display: block;
110
+ }
111
+
108
112
  .CTABanner--variant-minimal .CTABanner-content {
109
113
  --CTABanner-content-gap: 0;
110
114
  }
package/components/EyebrowBanner/EyebrowBanner.css CHANGED
@@ -41,6 +41,11 @@
41
41
  max-height: var(--base-size-44);
42
42
  }
43
43
 
44
+ .EyebrowBanner__leadingVisual img,
45
+ .EyebrowBanner__leadingVisual picture {
46
+ display: block;
47
+ }
48
+
44
49
  .EyebrowBanner__trailingVisual {
45
50
  display: flex;
46
51
  }
package/components/Hero/Hero.css CHANGED
@@ -315,6 +315,10 @@
315
315
  margin-block-start: var(--base-size-32);
316
316
  }
317
317
 
318
+ .Hero-trailing :is(img, picture) {
319
+ display: block;
320
+ }
321
+
318
322
  .Hero-eyebrow {
319
323
  margin-block-end: var(--base-size-32);
320
324
  }
package/components/LogoSuite/LogoSuite.css CHANGED
@@ -71,6 +71,10 @@
71
71
  height: var(--base-size-32);
72
72
  }
73
73
 
74
+ .LogoSuite__logobar img {
75
+ display: block;
76
+ }
77
+
74
78
  .LogoSuite__logobar--variant-muted svg,
75
79
  .LogoSuite__logobar--variant-muted path {
76
80
  fill: var(--brand-LogoSuite-color-logo-muted);
package/components/MinimalFooter/MinimalFooter.css CHANGED
@@ -77,6 +77,7 @@
77
77
  }
78
78
 
79
79
  .Footer__social-icon {
80
+ display: block;
80
81
  width: 24px;
81
82
  height: auto;
82
83
  }
package/components/PricingOptions/PricingOptions.css CHANGED
@@ -410,6 +410,10 @@
410
410
  grid-row: leadingComponent;
411
411
  }
412
412
 
413
+ .PricingOptions__leading-component :is(img, picture) {
414
+ display: block;
415
+ }
416
+
413
417
  .PricingOptions__label {
414
418
  color: var(--brand-color-text-default);
415
419
  font-family: var(--brand-fontStack-monospace);
package/components/SectionIntro/SectionIntro.css CHANGED
@@ -6,6 +6,10 @@
6
6
  padding-block: var(--base-size-24);
7
7
  }
8
8
 
9
+ .SectionIntro :is(img, picture) {
10
+ display: block;
11
+ }
12
+
9
13
  .SectionIntro-heading--muted {
10
14
  color: var(--brand-color-text-muted);
11
15
  }
package/components/Statistic/Statistic.css CHANGED
@@ -1,6 +1,10 @@
1
1
  /**
2
2
  * Variants
3
3
  */
4
+ .Statistic :is(img, picture) {
5
+ display: block;
6
+ }
7
+
4
8
  .Statistic--variant-boxed {
5
9
  background-color: var(--brand-color-canvas-subtle);
6
10
  border-radius: var(--brand-borderRadius-large);
package/components/Testimonial/Testimonial.css CHANGED
@@ -136,6 +136,10 @@
136
136
  margin-top: var(--base-size-24);
137
137
  }
138
138
 
139
+ .Testimonial-logo-image {
140
+ display: block;
141
+ }
142
+
139
143
  .Testimonial--size-large .Testimonial__media {
140
144
  margin-top: var(--base-size-64);
141
145
  }
package/components/river/RiverStoryScroll/RiverStoryScroll.css CHANGED
@@ -42,6 +42,7 @@
42
42
  }
43
43
 
44
44
  .RiverStoryScroll__image {
45
+ display: block;
45
46
  margin-left: auto;
46
47
  margin-right: auto;
47
48
  width: auto;
package/components/river/river-shared.css CHANGED
@@ -34,6 +34,10 @@
34
34
  order: 2;
35
35
  }
36
36
 
37
+ .River__visual :is(img, picture) {
38
+ display: block;
39
+ }
40
+
37
41
  .River__visual--fill-media img,
38
42
  .River__visual--fill-media picture,
39
43
  .River__visual--fill-media video {
@@ -155,6 +159,11 @@
155
159
  line-height: calc(1lh * 1.1);
156
160
  }
157
161
 
162
+ .River__leadingComponent :is(img, picture),
163
+ .River__trailingComponent :is(img, picture) {
164
+ display: block;
165
+ }
166
+
158
167
  .River__trailingComponent {
159
168
  margin-block-start: var(--brand-River-spacing-inner);
160
169
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/brand-css",
3
- "version": "0.72.0-rc.4db5fc89",
3
+ "version": "0.72.0-rc.65d39ab5",
4
4
  "description": "CSS stylesheets for Primer Brand components",
5
5
  "keywords": [
6
6
  "primer",