@react-email/hr - npm Package Compare versions

Comparing version 0.0.1 to 0.0.2

dist/index.d.ts

+import * as React from 'react';
+
+declare type RootProps = React.ComponentPropsWithoutRef<'hr'>;
+interface HrProps extends RootProps {
+}
+declare const Hr: React.ForwardRefExoticComponent<Readonly<HrProps> & React.RefAttributes<HTMLHRElement>>;
+
+export { Hr, HrProps };

dist/index.js

+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  Hr: () => Hr
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/hr.tsx
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var Hr = React.forwardRef(
+  ({ style, ...props }, forwardedRef) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("hr", {
+    ref: forwardedRef,
+    style: {
+      width: "100%",
+      border: "none",
+      borderTop: "1px solid #eaeaea",
+      ...style
+    },
+    ...props
+  })
+);
+Hr.displayName = "Hr";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Hr
+});

dist/index.mjs

+// src/hr.tsx
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var Hr = React.forwardRef(
+  ({ style, ...props }, forwardedRef) => /* @__PURE__ */ jsx("hr", {
+    ref: forwardedRef,
+    style: {
+      width: "100%",
+      border: "none",
+      borderTop: "1px solid #eaeaea",
+      ...style
+    },
+    ...props
+  })
+);
+Hr.displayName = "Hr";
+export {
+  Hr
+};

license.md

@@ -8,2 +8,1 @@ Copyright 2022 Bu Kinoshita and Zeno Rocha
 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
-

package.json

 {
   "name": "@react-email/hr",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "Display a divider that separates content areas in your email",
@@ -19,9 +19,12 @@ "sideEffects": false,
     "test": "jest",
-    "test:watch": "jest --watch"
+    "test:watch": "jest --watch",
+    "format:check": "prettier --check \"**/*.{ts,tsx,md}\"",
+    "format": "prettier --write \"**/*.{ts,tsx,md}\""
   },
   "dependencies": {
-    "react": "^18.2.0"
+    "react": "18.2.0"
   },
   "devDependencies": {
     "@babel/preset-react": "7.18.6",
+    "@react-email/render": "*",
     "@types/react": "18.0.20",
@@ -28,0 +31,0 @@ "@types/react-dom": "18.0.6",

readme.md

@@ -1,2 +0,2 @@
-![React Email Hr cover](https://react-email-assets.vercel.app/hr.png)
+![React Email Hr cover](https://react.email/static/images/readme/covers/hr.png)
 
@@ -38,10 +38,16 @@ <div align="center"><strong>@react-email/hr</strong></div>
 const Email = () => {
-  return (
-    <Hr />
-  );
+  return <Hr />;
 };
 ```
 
+## Support
+
+This component was tested using the most popular email clients.
+
+| <img src="https://react.email/static/images/readme/icons/gmail.svg" width="48px" height="48px" alt="Gmail logo"> | <img src="https://react.email/static/images/readme/icons/apple-mail.svg" width="48px" height="48px" alt="Apple Mail"> | <img src="https://react.email/static/images/readme/icons/outlook.svg" width="48px" height="48px" alt="Outlook logo"> | <img src="https://react.email/static/images/readme/icons/yahoo-mail.svg" width="48px" height="48px" alt="Yahoo! Mail logo"> | <img src="https://react.email/static/images/readme/icons/hey.svg" width="48px" height="48px" alt="HEY logo"> | <img src="https://react.email/static/images/readme/icons/superhuman.svg" width="48px" height="48px" alt="Superhuman logo"> |
+| ---------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------- |
+| Gmail ✔                                                                                                          | Apple Mail ✔                                                                                                          | Outlook ✔                                                                                                            | Yahoo! Mail ✔                                                                                                               | HEY ✔                                                                                                        | Superhuman ✔                                                                                                               |
+
 ## License
 
 MIT License

Fixed alerts

Empty package

Supply chain risk

Package does not contain any code. It may be removed, is name squatting, or the result of a faulty package publish.

Improved metrics

Total package byte prevSize

7721

162.98%

Number of package files

6

100%

Lines of code

75

Infinity%

Number of lines in readme file

53

12.77%

Number of medium supply chain risk alerts

0

-100%

Worsened metrics

Dev dependency count

12

9.09%

Dependency changes

• + Added

  react@18.2.0
  (transitive)

• - Removed

  react@18.3.1
  (transitive)

• Updated

  react@18.2.0