@diana-ui/typography - npm Package Compare versions

Comparing version 0.1.0 to 0.1.1-cjstest.4

lib/index.js

@@ -1,1 +0,13 @@
-export { H1, H2, H3, ButtonText, Text, TextHighlight, Description, DescriptionMedium, Label, SectionTitle } from "./Typography";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var Typography_1 = require("./Typography");
+exports.H1 = Typography_1.H1;
+exports.H2 = Typography_1.H2;
+exports.H3 = Typography_1.H3;
+exports.ButtonText = Typography_1.ButtonText;
+exports.Text = Typography_1.Text;
+exports.TextHighlight = Typography_1.TextHighlight;
+exports.Description = Typography_1.Description;
+exports.DescriptionMedium = Typography_1.DescriptionMedium;
+exports.Label = Typography_1.Label;
+exports.SectionTitle = Typography_1.SectionTitle;

lib/Typography.js

@@ -0,1 +1,2 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
@@ -23,4 +24,8 @@ __assign = Object.assign || function(t) {
 };
-import React from "react";
-import { useStyles } from "@diana-ui/base";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var base_1 = require("@diana-ui/base");
 var styleSheet = function (theme) { return ({
@@ -40,51 +45,51 @@ h1: __assign({}, theme.typography.h1),
 }); };
-export var H1 = function (_a) {
+exports.H1 = function (_a) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    var _b = useStyles(styleSheet), styles = _b[0], cx = _b[1];
-    return (React.createElement("h1", __assign({ className: cx(styles.h1, className) }, props), children));
+    var _b = base_1.useStyles(styleSheet), styles = _b[0], cx = _b[1];
+    return (react_1.default.createElement("h1", __assign({ className: cx(styles.h1, className) }, props), children));
 };
-export var H2 = function (_a) {
+exports.H2 = function (_a) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    var _b = useStyles(styleSheet), styles = _b[0], cx = _b[1];
-    return (React.createElement("h2", __assign({ className: cx(styles.h2, className) }, props), children));
+    var _b = base_1.useStyles(styleSheet), styles = _b[0], cx = _b[1];
+    return (react_1.default.createElement("h2", __assign({ className: cx(styles.h2, className) }, props), children));
 };
-export var H3 = function (_a) {
+exports.H3 = function (_a) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    var _b = useStyles(styleSheet), styles = _b[0], cx = _b[1];
-    return (React.createElement("h3", __assign({ className: cx(styles.h3, className) }, props), children));
+    var _b = base_1.useStyles(styleSheet), styles = _b[0], cx = _b[1];
+    return (react_1.default.createElement("h3", __assign({ className: cx(styles.h3, className) }, props), children));
 };
-export var ButtonText = function (_a) {
+exports.ButtonText = function (_a) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    var _b = useStyles(styleSheet), styles = _b[0], cx = _b[1];
-    return (React.createElement("span", __assign({ className: cx(styles.buttonText, className) }, props), children));
+    var _b = base_1.useStyles(styleSheet), styles = _b[0], cx = _b[1];
+    return (react_1.default.createElement("span", __assign({ className: cx(styles.buttonText, className) }, props), children));
 };
-export var Text = function (_a) {
+exports.Text = function (_a) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    var _b = useStyles(styleSheet), styles = _b[0], cx = _b[1];
-    return (React.createElement("span", __assign({ className: cx(styles.body, className) }, props), children));
+    var _b = base_1.useStyles(styleSheet), styles = _b[0], cx = _b[1];
+    return (react_1.default.createElement("span", __assign({ className: cx(styles.body, className) }, props), children));
 };
-export var TextHighlight = function (_a) {
+exports.TextHighlight = function (_a) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    var _b = useStyles(styleSheet), styles = _b[0], cx = _b[1];
-    return (React.createElement("span", __assign({ className: cx(styles.bodyHighlight, className) }, props), children));
+    var _b = base_1.useStyles(styleSheet), styles = _b[0], cx = _b[1];
+    return (react_1.default.createElement("span", __assign({ className: cx(styles.bodyHighlight, className) }, props), children));
 };
-export var Description = function (_a) {
+exports.Description = function (_a) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    var _b = useStyles(styleSheet), styles = _b[0], cx = _b[1];
-    return (React.createElement("span", __assign({ className: cx(styles.description, className) }, props), children));
+    var _b = base_1.useStyles(styleSheet), styles = _b[0], cx = _b[1];
+    return (react_1.default.createElement("span", __assign({ className: cx(styles.description, className) }, props), children));
 };
-export var DescriptionMedium = function (_a) {
+exports.DescriptionMedium = function (_a) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    var _b = useStyles(styleSheet), styles = _b[0], cx = _b[1];
-    return (React.createElement("span", __assign({ className: cx(styles.descriptionMedium, className) }, props), children));
+    var _b = base_1.useStyles(styleSheet), styles = _b[0], cx = _b[1];
+    return (react_1.default.createElement("span", __assign({ className: cx(styles.descriptionMedium, className) }, props), children));
 };
-export var Label = function (_a) {
+exports.Label = function (_a) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    var _b = useStyles(styleSheet), styles = _b[0], cx = _b[1];
-    return (React.createElement("span", __assign({ className: cx(styles.label, className) }, props), children));
+    var _b = base_1.useStyles(styleSheet), styles = _b[0], cx = _b[1];
+    return (react_1.default.createElement("span", __assign({ className: cx(styles.label, className) }, props), children));
 };
-export var SectionTitle = function (_a) {
+exports.SectionTitle = function (_a) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    var _b = useStyles(styleSheet), styles = _b[0], cx = _b[1];
-    return (React.createElement("span", __assign({ className: cx(styles.sectionTitle, className) }, props), children));
+    var _b = base_1.useStyles(styleSheet), styles = _b[0], cx = _b[1];
+    return (react_1.default.createElement("span", __assign({ className: cx(styles.sectionTitle, className) }, props), children));
 };

module/index.js

@@ -1,1 +0,13 @@
-export { H1, H2, H3, ButtonText, Text, TextHighlight, Description, DescriptionMedium, Label, SectionTitle } from "./Typography";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var Typography_1 = require("./Typography");
+exports.H1 = Typography_1.H1;
+exports.H2 = Typography_1.H2;
+exports.H3 = Typography_1.H3;
+exports.ButtonText = Typography_1.ButtonText;
+exports.Text = Typography_1.Text;
+exports.TextHighlight = Typography_1.TextHighlight;
+exports.Description = Typography_1.Description;
+exports.DescriptionMedium = Typography_1.DescriptionMedium;
+exports.Label = Typography_1.Label;
+exports.SectionTitle = Typography_1.SectionTitle;

module/Typography.js

@@ -0,1 +1,2 @@
+"use strict";
 var __rest = (this && this.__rest) || function (s, e) {
@@ -12,4 +13,8 @@ var t = {};
 };
-import React from "react";
-import { useStyles } from "@diana-ui/base";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const base_1 = require("@diana-ui/base");
 const styleSheet = theme => ({
@@ -29,51 +34,51 @@ h1: Object.assign({}, theme.typography.h1),
 });
-export const H1 = (_a) => {
+exports.H1 = (_a) => {
     var { children, className } = _a, props = __rest(_a, ["children", "className"]);
-    const [styles, cx] = useStyles(styleSheet);
-    return (React.createElement("h1", Object.assign({ className: cx(styles.h1, className) }, props), children));
+    const [styles, cx] = base_1.useStyles(styleSheet);
+    return (react_1.default.createElement("h1", Object.assign({ className: cx(styles.h1, className) }, props), children));
 };
-export const H2 = (_a) => {
+exports.H2 = (_a) => {
     var { children, className } = _a, props = __rest(_a, ["children", "className"]);
-    const [styles, cx] = useStyles(styleSheet);
-    return (React.createElement("h2", Object.assign({ className: cx(styles.h2, className) }, props), children));
+    const [styles, cx] = base_1.useStyles(styleSheet);
+    return (react_1.default.createElement("h2", Object.assign({ className: cx(styles.h2, className) }, props), children));
 };
-export const H3 = (_a) => {
+exports.H3 = (_a) => {
     var { children, className } = _a, props = __rest(_a, ["children", "className"]);
-    const [styles, cx] = useStyles(styleSheet);
-    return (React.createElement("h3", Object.assign({ className: cx(styles.h3, className) }, props), children));
+    const [styles, cx] = base_1.useStyles(styleSheet);
+    return (react_1.default.createElement("h3", Object.assign({ className: cx(styles.h3, className) }, props), children));
 };
-export const ButtonText = (_a) => {
+exports.ButtonText = (_a) => {
     var { children, className } = _a, props = __rest(_a, ["children", "className"]);
-    const [styles, cx] = useStyles(styleSheet);
-    return (React.createElement("span", Object.assign({ className: cx(styles.buttonText, className) }, props), children));
+    const [styles, cx] = base_1.useStyles(styleSheet);
+    return (react_1.default.createElement("span", Object.assign({ className: cx(styles.buttonText, className) }, props), children));
 };
-export const Text = (_a) => {
+exports.Text = (_a) => {
     var { children, className } = _a, props = __rest(_a, ["children", "className"]);
-    const [styles, cx] = useStyles(styleSheet);
-    return (React.createElement("span", Object.assign({ className: cx(styles.body, className) }, props), children));
+    const [styles, cx] = base_1.useStyles(styleSheet);
+    return (react_1.default.createElement("span", Object.assign({ className: cx(styles.body, className) }, props), children));
 };
-export const TextHighlight = (_a) => {
+exports.TextHighlight = (_a) => {
     var { children, className } = _a, props = __rest(_a, ["children", "className"]);
-    const [styles, cx] = useStyles(styleSheet);
-    return (React.createElement("span", Object.assign({ className: cx(styles.bodyHighlight, className) }, props), children));
+    const [styles, cx] = base_1.useStyles(styleSheet);
+    return (react_1.default.createElement("span", Object.assign({ className: cx(styles.bodyHighlight, className) }, props), children));
 };
-export const Description = (_a) => {
+exports.Description = (_a) => {
     var { children, className } = _a, props = __rest(_a, ["children", "className"]);
-    const [styles, cx] = useStyles(styleSheet);
-    return (React.createElement("span", Object.assign({ className: cx(styles.description, className) }, props), children));
+    const [styles, cx] = base_1.useStyles(styleSheet);
+    return (react_1.default.createElement("span", Object.assign({ className: cx(styles.description, className) }, props), children));
 };
-export const DescriptionMedium = (_a) => {
+exports.DescriptionMedium = (_a) => {
     var { children, className } = _a, props = __rest(_a, ["children", "className"]);
-    const [styles, cx] = useStyles(styleSheet);
-    return (React.createElement("span", Object.assign({ className: cx(styles.descriptionMedium, className) }, props), children));
+    const [styles, cx] = base_1.useStyles(styleSheet);
+    return (react_1.default.createElement("span", Object.assign({ className: cx(styles.descriptionMedium, className) }, props), children));
 };
-export const Label = (_a) => {
+exports.Label = (_a) => {
     var { children, className } = _a, props = __rest(_a, ["children", "className"]);
-    const [styles, cx] = useStyles(styleSheet);
-    return (React.createElement("span", Object.assign({ className: cx(styles.label, className) }, props), children));
+    const [styles, cx] = base_1.useStyles(styleSheet);
+    return (react_1.default.createElement("span", Object.assign({ className: cx(styles.label, className) }, props), children));
 };
-export const SectionTitle = (_a) => {
+exports.SectionTitle = (_a) => {
     var { children, className } = _a, props = __rest(_a, ["children", "className"]);
-    const [styles, cx] = useStyles(styleSheet);
-    return (React.createElement("span", Object.assign({ className: cx(styles.sectionTitle, className) }, props), children));
+    const [styles, cx] = base_1.useStyles(styleSheet);
+    return (react_1.default.createElement("span", Object.assign({ className: cx(styles.sectionTitle, className) }, props), children));
 };

package.json

 {
   "name": "@diana-ui/typography",
-  "version": "0.1.0",
+  "version": "0.1.1-cjstest.4+be6fad9",
   "main": "lib/index.js",
@@ -15,9 +15,9 @@ "module": "module/index.js",
   "dependencies": {
-    "@diana-ui/base": "^0.1.0",
-    "@diana-ui/types": "^0.1.0"
+    "@diana-ui/base": "^0.1.1-cjstest.4+be6fad9",
+    "@diana-ui/types": "^0.1.1-cjstest.4+be6fad9"
   },
   "scripts": {
     "build": "yarn compile:lib && yarn compile:module",
-    "compile:lib": "tsc --target es5 --module es2015 --outDir lib",
-    "compile:module": "tsc --target es6 --module esnext --outDir module",
+    "compile:lib": "tsc --target es5 --module commonjs --outDir lib",
+    "compile:module": "tsc --target es6 --module commonjs --outDir module",
     "clean:files": "rimraf lib module",
@@ -29,3 +29,3 @@ "prepare": "yarn clean:files && yarn build"
   },
-  "gitHead": "fe173ae6f0262d808dc9d8adc8c97e0780530421"
+  "gitHead": "be6fad96a1df511e578702b1610288cb52b97bae"
 }

New alerts

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

13317

increased by13.71%

Lines of code

235

increased by16.92%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• Updated@diana-ui/base@^0.1.1-cjstest.4+be6fad9

• Updated@diana-ui/types@^0.1.1-cjstest.4+be6fad9