npm - @primer/primitives - Versions diffs - 7.10.0 → 7.11.0-rc.00655fc - Mend

@primer/primitives 7.10.0 → 7.11.0-rc.00655fc

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 (143) hide show

package/tokens-v2-private/js/tokens/functional/typography/typography.js CHANGED Viewed

@@ -1,27 +1,27 @@
 /**
  * Do not edit directly
- * Generated on Mon, 17 Oct 2022 21:56:43 GMT
+ * Generated on Mon, 30 Jan 2023 13:02:09 GMT
  */
-export const PrimerFontStackSystem = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
-export const PrimerFontStackSansSerif = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
+export const PrimerFontStackSystem = "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
+export const PrimerFontStackSansSerif = "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
 export const PrimerFontStackMonospace = "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace";
 export const PrimerTextDisplayLineBoxHeight = "3.5rem";
 export const PrimerTextDisplaySize = "2.5rem";
 export const PrimerTextDisplayLineHeight = "calc(56/40)";
 export const PrimerTextDisplayWeight = "500";
-export const PrimerTextDisplayShorthand = {"fontWeight":"500","fontSize":"2.5rem","lineHeight":"calc(56/40)","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
+export const PrimerTextDisplayShorthand = {"fontWeight":"500","fontSize":"2.5rem","lineHeight":"calc(56/40)","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
 export const PrimerTextTitleSizeLarge = "2rem";
 export const PrimerTextTitleSizeMedium = "1.25rem";
 export const PrimerTextTitleLineHeightLarge = "calc(48/32)";
 export const PrimerTextTitleLineHeightMedium = "calc(32/20)";
 export const PrimerTextTitleWeight = "600";
-export const PrimerTextTitleShorthandLarge = {"fontWeight":"600","fontSize":"2rem","lineHeight":"calc(48/32)","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
-export const PrimerTextTitleShorthandMedium = {"fontWeight":"600","fontSize":"1.25rem","lineHeight":"calc(32/20)","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
+export const PrimerTextTitleShorthandLarge = {"fontWeight":"600","fontSize":"2rem","lineHeight":"calc(48/32)","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
+export const PrimerTextTitleShorthandMedium = {"fontWeight":"600","fontSize":"1.25rem","lineHeight":"calc(32/20)","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
 export const PrimerTextSubtitleSize = "1.25rem";
 export const PrimerTextSubtitleLineHeight = "calc(32/20)";
 export const PrimerTextSubtitleWeight = "400";
-export const PrimerTextSubtitleShorthand = {"fontWeight":"400","fontSize":"1.25rem","lineHeight":"calc(32/20)","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
+export const PrimerTextSubtitleShorthand = {"fontWeight":"400","fontSize":"1.25rem","lineHeight":"calc(32/20)","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
 export const PrimerTextBodySizeLarge = "1rem";
 export const PrimerTextBodySizeMedium = "0.875rem";
 export const PrimerTextBodySizeSmall = "0.75rem";
@@ -29,13 +29,13 @@ export const PrimerTextBodyLineHeightLarge = "calc(24/16)";
 export const PrimerTextBodyLineHeightMedium = "calc(20/14)";
 export const PrimerTextBodyLineHeightSmall = "calc(20/12)";
 export const PrimerTextBodyWeight = "400";
-export const PrimerTextBodyShorthandLarge = {"fontWeight":"400","fontSize":"1rem","lineHeight":"calc(24/16)","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
-export const PrimerTextBodyShorthandMedium = {"fontWeight":"400","fontSize":"0.875rem","lineHeight":"calc(20/14)","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
-export const PrimerTextBodyShorthandSmall = {"fontWeight":"400","fontSize":"0.75rem","lineHeight":"calc(20/12)","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
+export const PrimerTextBodyShorthandLarge = {"fontWeight":"400","fontSize":"1rem","lineHeight":"calc(24/16)","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
+export const PrimerTextBodyShorthandMedium = {"fontWeight":"400","fontSize":"0.875rem","lineHeight":"calc(20/14)","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
+export const PrimerTextBodyShorthandSmall = {"fontWeight":"400","fontSize":"0.75rem","lineHeight":"calc(20/12)","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
 export const PrimerTextCaptionSize = "0.75rem";
 export const PrimerTextCaptionLineHeight = "calc(16/12)";
 export const PrimerTextCaptionWeight = "400";
-export const PrimerTextCaptionShorthand = {"fontWeight":"400","fontSize":"0.75rem","lineHeight":"calc(16/12)","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
+export const PrimerTextCaptionShorthand = {"fontWeight":"400","fontSize":"0.75rem","lineHeight":"calc(16/12)","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
 export const PrimerTextCodeBlockSize = "0.8125rem";
 export const PrimerTextCodeBlockLineHeight = "calc(20/13)";
 export const PrimerTextCodeBlockWeight = "400";

package/tokens-v2-private/scss/tokens/base/size/size.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Mon, 17 Oct 2022 21:56:43 GMT
+// Generated on Mon, 30 Jan 2023 13:02:09 GMT
 $base-size-128: 8rem;
 $base-size-112: 7rem;

package/tokens-v2-private/scss/tokens/base/typography/typography.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Mon, 17 Oct 2022 21:56:43 GMT
+// Generated on Mon, 30 Jan 2023 13:02:09 GMT
 $base-text-weight-semibold: 600;
 $base-text-weight-medium: 500;

package/tokens-v2-private/scss/tokens/functional/size/border.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Mon, 17 Oct 2022 21:56:43 GMT
+// Generated on Mon, 30 Jan 2023 13:02:09 GMT
 $primer-borderRadius-full: 100vh;
 $primer-borderRadius-large: 0.75rem;

package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Mon, 17 Oct 2022 21:56:43 GMT
+// Generated on Mon, 30 Jan 2023 13:02:09 GMT
 $primer-breakpoint-xxlarge: 90rem;
 $primer-breakpoint-xlarge: 80rem;

package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Mon, 17 Oct 2022 21:56:43 GMT
+// Generated on Mon, 30 Jan 2023 13:02:09 GMT
 $primer-controlStack-medium-gap-auto: $base-size-12;
 $primer-controlStack-small-gap-auto: $base-size-16;

package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Mon, 17 Oct 2022 21:56:43 GMT
+// Generated on Mon, 30 Jan 2023 13:02:09 GMT
 $primer-controlStack-medium-gap-auto: $base-size-8;
 $primer-controlStack-small-gap-auto: $base-size-8;

package/tokens-v2-private/scss/tokens/functional/size/size.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Mon, 17 Oct 2022 21:56:43 GMT
+// Generated on Mon, 30 Jan 2023 13:02:09 GMT
 $primer-controlStack-large-gap-spacious: $base-size-12;
 $primer-controlStack-large-gap-condensed: $base-size-8;

package/tokens-v2-private/scss/tokens/functional/size/viewport.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Mon, 17 Oct 2022 21:56:43 GMT
+// Generated on Mon, 30 Jan 2023 13:02:09 GMT
 $primer-viewportRange-landscape: (orientation: landscape);
 $primer-viewportRange-portrait: (orientation: portrait);

package/tokens-v2-private/scss/tokens/functional/typography/typography.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Mon, 17 Oct 2022 21:56:43 GMT
+// Generated on Mon, 30 Jan 2023 13:02:09 GMT
 $primer-text-codeInline-size: 0.9285em;
 $primer-text-codeBlock-lineHeight: calc(20/13);
@@ -23,8 +23,8 @@ $primer-text-display-lineHeight: calc(56/40);
 $primer-text-display-size: 2.5rem;
 $primer-text-display-lineBoxHeight: 3.5rem;
 $primer-fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
-$primer-fontStack-sansSerif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
-$primer-fontStack-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+$primer-fontStack-sansSerif: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+$primer-fontStack-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
 $primer-text-codeInline-weight: $base-text-weight-normal;
 $primer-text-codeBlock-weight: $base-text-weight-normal;
 $primer-text-caption-weight: $base-text-weight-normal;

package/tokens-v2-private/ts/tokens/base/size/size.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 17 Oct 2022 21:56:43 GMT
+ * Generated on Mon, 30 Jan 2023 13:02:09 GMT
  */

package/tokens-v2-private/ts/tokens/base/size/size.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 17 Oct 2022 21:56:43 GMT
+ * Generated on Mon, 30 Jan 2023 13:02:09 GMT
  */

package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 17 Oct 2022 21:56:43 GMT
+ * Generated on Mon, 30 Jan 2023 13:02:09 GMT
  */

package/tokens-v2-private/ts/tokens/base/typography/typography.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 17 Oct 2022 21:56:43 GMT
+ * Generated on Mon, 30 Jan 2023 13:02:09 GMT
  */

package/tokens-v2-private/ts/tokens/functional/size/border.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 17 Oct 2022 21:56:43 GMT
+ * Generated on Mon, 30 Jan 2023 13:02:09 GMT
  */

package/tokens-v2-private/ts/tokens/functional/size/border.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 17 Oct 2022 21:56:43 GMT
+ * Generated on Mon, 30 Jan 2023 13:02:09 GMT
  */

package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 17 Oct 2022 21:56:43 GMT
+ * Generated on Mon, 30 Jan 2023 13:02:09 GMT
  */

package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 17 Oct 2022 21:56:43 GMT
+ * Generated on Mon, 30 Jan 2023 13:02:09 GMT
  */

package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 17 Oct 2022 21:56:43 GMT
+ * Generated on Mon, 30 Jan 2023 13:02:09 GMT
  */

package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 17 Oct 2022 21:56:43 GMT
+ * Generated on Mon, 30 Jan 2023 13:02:09 GMT
  */

package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 17 Oct 2022 21:56:43 GMT
+ * Generated on Mon, 30 Jan 2023 13:02:09 GMT
  */

package/tokens-v2-private/ts/tokens/functional/size/size-fine.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 17 Oct 2022 21:56:43 GMT
+ * Generated on Mon, 30 Jan 2023 13:02:09 GMT
  */

package/tokens-v2-private/ts/tokens/functional/size/size.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 17 Oct 2022 21:56:43 GMT
+ * Generated on Mon, 30 Jan 2023 13:02:09 GMT
  */

package/tokens-v2-private/ts/tokens/functional/size/size.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 17 Oct 2022 21:56:43 GMT
+ * Generated on Mon, 30 Jan 2023 13:02:09 GMT
  */

package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 17 Oct 2022 21:56:43 GMT
+ * Generated on Mon, 30 Jan 2023 13:02:09 GMT
  */

package/tokens-v2-private/ts/tokens/functional/size/viewport.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 17 Oct 2022 21:56:43 GMT
+ * Generated on Mon, 30 Jan 2023 13:02:09 GMT
  */

package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 17 Oct 2022 21:56:43 GMT
+ * Generated on Mon, 30 Jan 2023 13:02:09 GMT
  */

package/tokens-v2-private/ts/tokens/functional/typography/typography.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 17 Oct 2022 21:56:43 GMT
+ * Generated on Mon, 30 Jan 2023 13:02:09 GMT
  */
@@ -8,8 +8,8 @@
 module.exports = {
   "primer": {
     "fontStack": {
-      "system": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
-      "sansSerif": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+      "system": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+      "sansSerif": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
       "monospace": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace"
     },
     "text": {
@@ -22,7 +22,7 @@ module.exports = {
           "fontWeight": "500",
           "fontSize": "2.5rem",
           "lineHeight": "calc(56/40)",
-          "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
+          "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
         }
       },
       "title": {
@@ -40,13 +40,13 @@ module.exports = {
             "fontWeight": "600",
             "fontSize": "2rem",
             "lineHeight": "calc(48/32)",
-            "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
+            "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
           },
           "medium": {
             "fontWeight": "600",
             "fontSize": "1.25rem",
             "lineHeight": "calc(32/20)",
-            "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
+            "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
           }
         }
       },
@@ -58,7 +58,7 @@ module.exports = {
           "fontWeight": "400",
           "fontSize": "1.25rem",
           "lineHeight": "calc(32/20)",
-          "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
+          "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
         }
       },
       "body": {
@@ -78,19 +78,19 @@ module.exports = {
             "fontWeight": "400",
             "fontSize": "1rem",
             "lineHeight": "calc(24/16)",
-            "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
+            "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
           },
           "medium": {
             "fontWeight": "400",
             "fontSize": "0.875rem",
             "lineHeight": "calc(20/14)",
-            "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
+            "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
           },
           "small": {
             "fontWeight": "400",
             "fontSize": "0.75rem",
             "lineHeight": "calc(20/12)",
-            "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
+            "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
           }
         }
       },
@@ -102,7 +102,7 @@ module.exports = {
           "fontWeight": "400",
           "fontSize": "0.75rem",
           "lineHeight": "calc(16/12)",
-          "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
+          "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
         }
       },
       "codeBlock": {