@daren/typography - npm Package Compare versions

Comparing version 1.9.5 to 1.9.6

dist/cjs/paragraph.js

@@ -5,4 +5,4 @@ "use strict";
 exports.Paragraph = Paragraph;
+var React = _interopRequireWildcard(require("react"));
 var _utils = require("@daren/utils");
-var React = _interopRequireWildcard(require("react"));
 var _excluded = ["className", "prose", "as", "textColorClassName"];
@@ -24,3 +24,3 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
   return /*#__PURE__*/React.createElement(as, _extends({
-    className: (0, _utils.cx)('max-w-full text-lg', className, (_cx = {
+    className: (0, _utils.cx)('max-w-full leading-7 mt-6 first:mt-0', className, (_cx = {
       'prose prose-light dark:prose-invert': prose
@@ -27,0 +27,0 @@ }, _cx[textColorClassName] = !prose, _cx))

dist/cjs/title.js

@@ -11,4 +11,4 @@ "use strict";
 exports.TitleWithActions = TitleWithActions;
+var React = _interopRequireWildcard(require("react"));
 var _utils = require("@daren/utils");
-var React = _interopRequireWildcard(require("react"));
 var _excluded = ["size", "as", "className", "variant", "children"],
@@ -21,8 +21,9 @@ _excluded2 = ["children", "actions", "size", "className", "variant"];
 var fontSize = {
-  h1: 'text-4xl font-black tracking-tight md:text-6xl lg:text-8xl font-title',
-  h2: 'text-3xl font-black tracking-tight md:text-5xl lg:text-6xl font-title',
-  h3: 'text-2xl font-bold md:text-3xl font-title',
-  h4: 'text-xl font-bold md:text-2xl font-title',
-  h5: 'text-lg font-bold md:text-xl',
-  h6: 'text-lg font-bold'
+  // Keep this the same to the prose styles in styles.css
+  h1: 'scroll-m-20 font-title text-4xl font-extrabold lg:text-5xl !leading-normal',
+  h2: 'mt-10 first:mt-0 scroll-m-20 font-title text-3xl font-extrabold lg:text-4xl !leading-normal',
+  h3: 'mt-8 first:mt-0 scroll-m-20 text-2xl font-semibold tracking-tight',
+  h4: 'mt-8 first:mt-0 scroll-m-20 text-xl font-semibold tracking-tight',
+  h5: 'mt-8 first:mt-0 text-lg font-bold md:text-xl',
+  h6: 'mt-8 first:mt-0 text-lg font-bold'
 };
@@ -34,3 +35,3 @@ var titleColors = {
 };
-var specialClassName = 'relative bg-gradient-to-r from-[var(--colors-daren-100)] via-[var(--colors-daren-500)] to-[var(--colors-daren-900)] bg-clip-text font-bold';
+var specialClassName = 'relative bg-gradient-to-r from-[var(--colors-daren-100)] via-[var(--colors-daren-500)] to-[var(--colors-daren-900)] bg-clip-text';
 function Title(_ref) {
@@ -37,0 +38,0 @@ var size = _ref.size,

dist/esm/paragraph.js

 var _excluded = ["className", "prose", "as", "textColorClassName"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import * as React from 'react';
 import { cx } from '@daren/utils';
-import * as React from 'react';
 function Paragraph(_ref) {
@@ -15,3 +15,3 @@ var {
   return /*#__PURE__*/React.createElement(as, _extends({
-    className: cx('max-w-full text-lg', className, {
+    className: cx('max-w-full leading-7 mt-6 first:mt-0', className, {
       'prose prose-light dark:prose-invert': prose,
@@ -18,0 +18,0 @@ [textColorClassName]: !prose

dist/esm/title.js

@@ -5,11 +5,12 @@ var _excluded = ["size", "as", "className", "variant", "children"],
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import * as React from 'react';
 import { cx } from '@daren/utils';
-import * as React from 'react';
 var fontSize = {
-  h1: 'text-4xl font-black tracking-tight md:text-6xl lg:text-8xl font-title',
-  h2: 'text-3xl font-black tracking-tight md:text-5xl lg:text-6xl font-title',
-  h3: 'text-2xl font-bold md:text-3xl font-title',
-  h4: 'text-xl font-bold md:text-2xl font-title',
-  h5: 'text-lg font-bold md:text-xl',
-  h6: 'text-lg font-bold'
+  // Keep this the same to the prose styles in styles.css
+  h1: 'scroll-m-20 font-title text-4xl font-extrabold lg:text-5xl !leading-normal',
+  h2: 'mt-10 first:mt-0 scroll-m-20 font-title text-3xl font-extrabold lg:text-4xl !leading-normal',
+  h3: 'mt-8 first:mt-0 scroll-m-20 text-2xl font-semibold tracking-tight',
+  h4: 'mt-8 first:mt-0 scroll-m-20 text-xl font-semibold tracking-tight',
+  h5: 'mt-8 first:mt-0 text-lg font-bold md:text-xl',
+  h6: 'mt-8 first:mt-0 text-lg font-bold'
 };
@@ -21,3 +22,3 @@ var titleColors = {
 };
-var specialClassName = 'relative bg-gradient-to-r from-[var(--colors-daren-100)] via-[var(--colors-daren-500)] to-[var(--colors-daren-900)] bg-clip-text font-bold';
+var specialClassName = 'relative bg-gradient-to-r from-[var(--colors-daren-100)] via-[var(--colors-daren-500)] to-[var(--colors-daren-900)] bg-clip-text';
 function Title(_ref) {
@@ -24,0 +25,0 @@ var {

package.json

 {
   "name": "@daren/typography",
-  "version": "1.9.5",
+  "version": "1.9.6",
   "repository": {
@@ -40,3 +40,3 @@ "type": "git",
   "dependencies": {
-    "@daren/utils": "^1.9.3"
+    "@daren/utils": "^1.9.4"
   },
@@ -52,3 +52,3 @@ "devDependencies": {
   },
-  "gitHead": "8b12efd4e4e3b29bbe533b207905faf9183aca58"
+  "gitHead": "04149c1bc59af7b7c53edf6f9f09546e4fbb8cc2"
 }

No alert changes

Improved metrics

Total package byte prevSize

105068

increased by0.67%

Lines of code

314

increased by0.64%

Dependency changes

• Updated@daren/utils@^1.9.4