@teambit/documenter.ui.paragraph - npm Package Compare versions

Comparing version 4.1.6 to 4.1.7

dist/index.js

@@ -1,6 +0,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Paragraph = void 0;
-var paragraph_1 = require("./paragraph");
-Object.defineProperty(exports, "Paragraph", { enumerable: true, get: function () { return paragraph_1.Paragraph; } });
+export { Paragraph } from './paragraph';
 //# sourceMappingURL=index.js.map

dist/paragraph.composition.d.ts

@@ -1,8 +0,8 @@
-import React from 'react';
-export declare const ParagraphXxl: () => React.JSX.Element;
-export declare const ParagraphXl: () => React.JSX.Element;
-export declare const ParagraphLg: () => React.JSX.Element;
-export declare const ParagraphMd: () => React.JSX.Element;
-export declare const ParagraphSm: () => React.JSX.Element;
-export declare const ParagraphXs: () => React.JSX.Element;
-export declare const ParagraphXxs: () => React.JSX.Element;
+/// <reference types="react" />
+export declare const ParagraphXxl: () => JSX.Element;
+export declare const ParagraphXl: () => JSX.Element;
+export declare const ParagraphLg: () => JSX.Element;
+export declare const ParagraphMd: () => JSX.Element;
+export declare const ParagraphSm: () => JSX.Element;
+export declare const ParagraphXs: () => JSX.Element;
+export declare const ParagraphXxs: () => JSX.Element;

dist/paragraph.composition.js

@@ -1,45 +0,25 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ParagraphXxs = exports.ParagraphXs = exports.ParagraphSm = exports.ParagraphMd = exports.ParagraphLg = exports.ParagraphXl = exports.ParagraphXxl = void 0;
-const react_1 = __importDefault(require("react"));
-const paragraph_1 = require("./paragraph");
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Paragraph } from './paragraph';
 // tODO - make text stay single line
-const ParagraphXxl = () => {
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(paragraph_1.Paragraph, { size: "xxl" }, "xxl text")));
+export const ParagraphXxl = () => {
+    return (_jsx("div", { children: _jsx(Paragraph, { size: "xxl", children: "xxl text" }) }));
 };
-exports.ParagraphXxl = ParagraphXxl;
-const ParagraphXl = () => {
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(paragraph_1.Paragraph, { size: "xl" }, "xl text")));
+export const ParagraphXl = () => {
+    return (_jsx("div", { children: _jsx(Paragraph, { size: "xl", children: "xl text" }) }));
 };
-exports.ParagraphXl = ParagraphXl;
-const ParagraphLg = () => {
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(paragraph_1.Paragraph, { size: "lg" }, "lg text")));
+export const ParagraphLg = () => {
+    return (_jsx("div", { children: _jsx(Paragraph, { size: "lg", children: "lg text" }) }));
 };
-exports.ParagraphLg = ParagraphLg;
-const ParagraphMd = () => {
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(paragraph_1.Paragraph, { size: "md" }, "md text")));
+export const ParagraphMd = () => {
+    return (_jsx("div", { children: _jsx(Paragraph, { size: "md", children: "md text" }) }));
 };
-exports.ParagraphMd = ParagraphMd;
-const ParagraphSm = () => {
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(paragraph_1.Paragraph, { size: "sm" }, "sm text")));
+export const ParagraphSm = () => {
+    return (_jsx("div", { children: _jsx(Paragraph, { size: "sm", children: "sm text" }) }));
 };
-exports.ParagraphSm = ParagraphSm;
-const ParagraphXs = () => {
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(paragraph_1.Paragraph, { size: "xs" }, "xs text")));
+export const ParagraphXs = () => {
+    return (_jsx("div", { children: _jsx(Paragraph, { size: "xs", children: "xs text" }) }));
 };
-exports.ParagraphXs = ParagraphXs;
-const ParagraphXxs = () => {
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(paragraph_1.Paragraph, { size: "xxs" }, "xxs text")));
+export const ParagraphXxs = () => {
+    return (_jsx("div", { children: _jsx(Paragraph, { size: "xxs", children: "xxs text" }) }));
 };
-exports.ParagraphXxs = ParagraphXxs;
 //# sourceMappingURL=paragraph.composition.js.map

dist/paragraph.d.ts

@@ -5,3 +5,3 @@ import React from 'react';
  */
-export declare type ParagraphProps = {
+export type ParagraphProps = {
     /**
@@ -19,3 +19,3 @@ * Font size (from a list of presets).
  */
-export declare function Paragraph({ children, className, size, ...rest }: ParagraphProps): React.JSX.Element;
+export declare function Paragraph({ children, className, size, ...rest }: ParagraphProps): JSX.Element;
 export declare namespace Paragraph {
@@ -22,0 +22,0 @@ var defaultProps: {

dist/paragraph.js

@@ -1,32 +0,13 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Paragraph = void 0;
-const react_1 = __importDefault(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const base_ui_text_paragraph_1 = require("@teambit/base-ui.text.paragraph");
-const base_ui_theme_sizes_1 = require("@teambit/base-ui.theme.sizes");
-const paragraph_module_scss_1 = __importDefault(require("./paragraph.module.scss"));
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { Paragraph as BaseParagraph } from '@teambit/base-ui.text.paragraph';
+import { PossibleSizes } from '@teambit/base-ui.theme.sizes';
+import styles from './paragraph.module.scss';
 /**
  * Paragraph component prototype. Accepts all properties of a native Paragraph element.
  */
-function Paragraph(_a) {
-    var { children, className, size } = _a, rest = __rest(_a, ["children", "className", "size"]);
-    const paragraphSize = size ? base_ui_theme_sizes_1.PossibleSizes[size] : base_ui_theme_sizes_1.PossibleSizes.md;
-    return (react_1.default.createElement(base_ui_text_paragraph_1.Paragraph, Object.assign({ size: paragraphSize }, rest, { className: (0, classnames_1.default)(paragraph_module_scss_1.default.paragraph, className) }), children));
+export function Paragraph({ children, className, size, ...rest }) {
+    const paragraphSize = size ? PossibleSizes[size] : PossibleSizes.md;
+    return (_jsx(BaseParagraph, { size: paragraphSize, ...rest, className: classNames(styles.paragraph, className), children: children }));
 }
-exports.Paragraph = Paragraph;
 Paragraph.defaultProps = {
@@ -33,0 +14,0 @@ size: 'md',

dist/tsconfig.json

 {
     "compilerOptions": {
         "lib": [
-            "es2019",
-            "DOM",
-            "ES6",
-            "DOM.Iterable"
+            "esnext",
+            "dom",
+            "dom.Iterable"
         ],
-        "target": "es2015",
-        "module": "CommonJS",
-        "jsx": "react",
-        "allowJs": true,
-        "composite": true,
+        "target": "es2020",
+        "module": "es2020",
+        "jsx": "react-jsx",
         "declaration": true,
         "sourceMap": true,
+        "experimentalDecorators": true,
         "skipLibCheck": true,
-        "experimentalDecorators": true,
-        "outDir": "dist",
         "moduleResolution": "node",
         "esModuleInterop": true,
-        "rootDir": ".",
-        "resolveJsonModule": true
+        "resolveJsonModule": true,
+        "allowJs": true,
+        "outDir": "dist"
     },
     "exclude": [
+        "artifacts",
+        "public",
         "dist",
-        "package.json"
+        "node_modules",
+        "package.json",
+        "**/*.cjs"
     ],
@@ -28,0 +29,0 @@ "include": [

package.json

 {
   "name": "@teambit/documenter.ui.paragraph",
-  "version": "4.1.6",
+  "version": "4.1.7",
   "homepage": "https://bit.cloud/teambit/documenter/ui/paragraph",
@@ -9,7 +9,6 @@ "main": "dist/index.js",
     "name": "ui/paragraph",
-    "version": "4.1.6"
+    "version": "4.1.7"
   },
   "dependencies": {
     "classnames": "^2.2.6",
-    "core-js": "^3.0.0",
     "@teambit/base-ui.text.paragraph": "1.0.3",
@@ -19,13 +18,9 @@ "@teambit/base-ui.theme.sizes": "1.0.0"
   "devDependencies": {
-    "@types/react": "^17.0.8",
-    "@types/node": "12.20.4",
-    "@types/react-dom": "^17.0.5",
-    "@types/jest": "^26.0.0",
-    "@babel/runtime": "7.20.0",
-    "@types/testing-library__jest-dom": "5.9.5",
-    "@teambit/documenter.envs.documenter-react": "0.0.2"
+    "@types/react": "^17.0.0",
+    "@types/react-dom": "^17.0.0",
+    "@types/jest": "^29.2.2",
+    "@teambit/documenter.envs.documenter-react-env": "0.0.1"
   },
   "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0",
-    "react-dom": "^16.8.0 || ^17.0.0"
+    "react": "^16.8.0 || ^17.0.0"
   },
@@ -32,0 +27,0 @@ "license": "SEE LICENSE IN LICENSE",

tsconfig.json

 {
   "compilerOptions": {
     "lib": [
-      "es2019",
-      "DOM",
-      "ES6",
-      "DOM.Iterable"
+      "esnext",
+      "dom",
+      "dom.Iterable"
     ],
-    "target": "es2015",
-    "module": "CommonJS",
-    "jsx": "react",
-    "allowJs": true,
-    "composite": true,
+    "target": "es2020",
+    "module": "es2020",
+    "jsx": "react-jsx",
     "declaration": true,
     "sourceMap": true,
+    "experimentalDecorators": true,
     "skipLibCheck": true,
-    "experimentalDecorators": true,
-    "outDir": "dist",
     "moduleResolution": "node",
     "esModuleInterop": true,
-    "rootDir": ".",
-    "resolveJsonModule": true
+    "resolveJsonModule": true,
+    "allowJs": true,
+    "outDir": "dist"
   },
   "exclude": [
+    "artifacts",
+    "public",
     "dist",
-    "package.json"
+    "node_modules",
+    "package.json",
+    "**/*.cjs"
   ],
@@ -28,0 +29,0 @@ "include": [

types/asset.d.ts

@@ -8,8 +8,8 @@ declare module '*.png' {
 
-  export const ReactComponent: FunctionComponent<SVGProps<SVGSVGElement> & { title?: string }>;
+  export const ReactComponent: FunctionComponent<
+    SVGProps<SVGSVGElement> & { title?: string }
+  >;
   const src: string;
   export default src;
 }
-
-// @TODO Gilad
 declare module '*.jpg' {
@@ -31,1 +31,13 @@ const value: any;
 }
+declare module '*.otf' {
+  const value: any;
+  export = value;
+}
+declare module '*.woff' {
+  const value: any;
+  export = value;
+}
+declare module '*.woff2' {
+  const value: any;
+  export = value;
+}

Fixed alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Dependency count

4

decreased by-33.33%

Dev dependency count

4

decreased by-42.86%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

16878

decreased by-14.75%

Lines of code

309

decreased by-8.31%

Dependency changes

• - Removedcore-js@^3.0.0