@onereach/styles 2.37.3-beta.2443.0 → 2.37.3-beta.2454.0

package/base.layer.css

@@ -2,6 +2,7 @@
 
   body {
     @apply text-on-background dark:text-on-background-dark;
+    @apply typography-body-1-regular
   }
 
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/styles",
-  "version": "2.37.3-beta.2443.0",
+  "version": "2.37.3-beta.2454.0",
   "description": "Styles for or-ui-next",
   "license": "UNLICENSED",
   "main": "./main.css",

package/tailwind.config.preset.js

@@ -151,9 +151,6 @@ module.exports = {
     fontFamily: {
       ...parseFontFamilyTokens(typographyTokens),
       'inherit': 'inherit',
-      // customizing the 'sans' key is the way to extend default font family globally
-      // https://tailwindcss.com/docs/font-family#customizing-the-default-font
-      'sans': ['Inter', '-system-ui', 'sans-serif'],
     },
 
     fontSize: {
@@ -302,11 +299,13 @@ module.exports = {
           const [fontSizeMobile, optionsMobile] = fontSizeConfig[`mobile-${value}`] ?? [];
 
           return {
+            fontFamily: theme(`fontFamily.mobile-${value}`) ?? theme(`fontFamily.${value}`),
             fontWeight: theme(`fontWeight.mobile-${value}`) ?? theme(`fontWeight.${value}`),
             fontSize: fontSizeMobile ?? fontSizeDesktop,
             lineHeight: optionsMobile?.lineHeight ?? optionsDesktop?.lineHeight,
 
             [`@media (min-width: ${theme('screens.md')})`]: {
+              fontFamily: theme(`fontFamily.${value}`),
               fontWeight: theme(`fontWeight.${value}`),
               fontSize: fontSizeDesktop,
               lineHeight: optionsDesktop?.lineHeight,
@@ -336,14 +335,6 @@ module.exports = {
           'inherit': 'inherit',
         },
       });
-
-      // Default Styles
-      addBase({
-        ':root': {
-          fontSize: theme('fontSize.body-1-regular'),
-          fontWeight: theme('fontWeight.body-1-regular'),
-        },
-      });
     }),
 
     // Iconography