@daren/typography - npm Package Compare versions

Comparing version 1.2.2 to 1.3.0

dist/cjs/paragraph.js

@@ -21,2 +21,4 @@ "use strict";
 function Paragraph(_ref) {
+  var _cx;
+
   var className = _ref.className,
@@ -28,11 +30,11 @@ _ref$prose = _ref.prose,
       _ref$textColorClassNa = _ref.textColorClassName,
-      textColorClassName = _ref$textColorClassNa === void 0 ? 'text-primary-400' : _ref$textColorClassNa,
+      textColorClassName = _ref$textColorClassNa === void 0 ? 'text-primary-400 dark:text-primary-100' : _ref$textColorClassNa,
       rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(as, _extends({
-    className: (0, _utils.cx)('max-w-full text-lg', textColorClassName, className, {
-      'prose prose-light': prose
-    })
+    className: (0, _utils.cx)('max-w-full text-lg', className, (_cx = {
+      'prose prose-light dark:prose-invert': prose
+    }, _cx[textColorClassName] = !prose, _cx))
   }, rest));
 }
 //# sourceMappingURL=paragraph.js.map

dist/cjs/title.js

@@ -34,4 +34,4 @@ "use strict";
 var titleColors = {
-  primary: 'text-primary',
-  secondary: 'text-primary-400'
+  primary: 'text-primary dark:text-primary-100',
+  secondary: 'text-primary-400 dark:text-primary-200'
 };
@@ -38,0 +38,0 @@

dist/esm/paragraph.js

@@ -15,3 +15,3 @@ var _excluded = ["className", "prose", "as", "textColorClassName"];
     as = 'p',
-    textColorClassName = 'text-primary-400'
+    textColorClassName = 'text-primary-400 dark:text-primary-100'
   } = _ref,
@@ -21,4 +21,5 @@ rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(as, _extends({
-    className: cx('max-w-full text-lg', textColorClassName, className, {
-      'prose prose-light': prose
+    className: cx('max-w-full text-lg', className, {
+      'prose prose-light dark:prose-invert': prose,
+      [textColorClassName]: !prose
     })
@@ -25,0 +26,0 @@ }, rest));

dist/esm/title.js

@@ -18,4 +18,4 @@ var _excluded = ["variant", "size", "as", "className"];
 var titleColors = {
-  primary: 'text-primary',
-  secondary: 'text-primary-400'
+  primary: 'text-primary dark:text-primary-100',
+  secondary: 'text-primary-400 dark:text-primary-200'
 };
@@ -22,0 +22,0 @@

package.json

 {
   "name": "@daren/typography",
-  "version": "1.2.2",
+  "version": "1.3.0",
   "repository": {
@@ -49,3 +49,3 @@ "type": "git",
   },
-  "gitHead": "c16ad88a9cf07b23f10cca926fe70f2d2dfd8bf1"
+  "gitHead": "1c67d95150ce4bfdb32cceedd7050fb4779f25d2"
 }

No alert changes

Improved metrics

Total package byte prevSize

22714

2.04%

Lines of code

244

0.83%

No dependency changes