@primer/brand-css 0.58.0 → 0.58.1-rc.e240f6c8

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.
@@ -92,12 +92,18 @@
92
92
  border-radius: var(--brand-borderRadius-xlarge);
93
93
  }
94
94
 
95
+ .Card__outer:has(.Card--variant-minimal) {
96
+ border-radius: var(--brand-borderRadius-small);
97
+ }
98
+
95
99
  .Card__outer:focus-within {
96
100
  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
97
101
  }
98
102
 
99
103
  .Card__outer:has(.Card--variant-minimal):focus-within {
100
- outline-offset: var(--base-size-16);
104
+ outline-offset: var(
105
+ --base-size-12
106
+ ); /* This value is adjusted so that, when combined with the container's border radius, the total border radius equals `var(--brand-borderRadius-medium)` */
101
107
  }
102
108
 
103
109
  .Card--icon {
@@ -3,6 +3,10 @@
3
3
  padding: 0;
4
4
  }
5
5
 
6
+ .Icon > svg {
7
+ display: block; /* Ensure SVG are unaffected by text styles and font metrics, maintaining vertical alignment */
8
+ }
9
+
6
10
  .Icon--size-20 {
7
11
  width: var(--base-size-20);
8
12
  height: var(--base-size-20);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/brand-css",
3
- "version": "0.58.0",
3
+ "version": "0.58.1-rc.e240f6c8",
4
4
  "description": "CSS stylesheets for Primer Brand components",
5
5
  "keywords": [
6
6
  "primer",