@hashicorp/react-components 0.0.0-canary.e6bc11c → 0.0.0-canary.ef38ca3

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 (4) hide show
  1. package/package.json +1 -1
  2. package/src/components/nav-panel/components/flight-icon/style.module.css +1 -1
  3. package/src/components/nav-panel/components/promo/style.module.css +1 -1
  4. package/src/components/nav-panel/product-panel/style.module.css +7 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hashicorp/react-components",
3
- "version": "0.0.0-canary.e6bc11c",
3
+ "version": "0.0.0-canary.ef38ca3",
4
4
  "main": "src/index.ts",
5
5
  "scripts": {
6
6
  "lint": "next-hashicorp lint",
package/src/components/nav-panel/components/flight-icon/style.module.css CHANGED
@@ -1,3 +1,3 @@
1
1
  .flight-icon {
2
- display: inline-block;
2
+ display: block;
3
3
  }
package/src/components/nav-panel/components/promo/style.module.css CHANGED
@@ -74,7 +74,7 @@
74
74
  @media (--dev-dot-viewport) {
75
75
  @nest .hasSide & {
76
76
  display: block;
77
- margin-top: 6px;
77
+ margin-top: 3px;
78
78
  }
79
79
  }
80
80
  }
package/src/components/nav-panel/product-panel/style.module.css CHANGED
@@ -25,6 +25,8 @@
25
25
  --mds-typography-body-200-font-size: 0.875rem;
26
26
  --mds-typography-font-weight-regular: 400;
27
27
  --mds-typography-font-weight-semibold: 600;
28
+ --mds-typography-font-stack-text: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
29
+ --mds-typography-body-200-line-height: 1.7142857142857142; /* 20px */
28
30
 
29
31
  @media (--large) {
30
32
  &.noSide {
@@ -220,10 +222,6 @@
220
222
  justify-content: space-between;
221
223
  flex-direction: column;
222
224
 
223
- @nest .topPromo & {
224
- justify-content: flex-start;
225
- }
226
-
227
225
  @media (--large) {
228
226
  @nest .noSide & {
229
227
  padding: var(--mds-spacing-07) 0 var(--mds-spacing-09)
@@ -353,5 +351,10 @@ packages/react-components/src/components/nav-panel/components/link-list/style.mo
353
351
 
354
352
  /* Copied from packages/mds-tokens/src/helper-classes/typography.css */
355
353
  .sidePanelText {
354
+ font-family: var(--mds-typography-font-stack-text);
355
+ font-size: var(--mds-typography-body-200-font-size);
356
+ line-height: var(--mds-typography-body-200-line-height);
357
+ margin: 0;
358
+ padding: 0;
356
359
  font-weight: var(--mds-typography-font-weight-semibold);
357
360
  }