@pap-it/typography - npm Package Compare versions

Comparing version 1.0.11 to 1.0.12

dist/react/index.js

@@ -1,1 +0,1 @@
-export * from './Typography';
+"use strict";export*from"./Typography";

dist/react/Typography.js

@@ -1,11 +0,1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from "react";
-import { papHOC } from "@pap-it/system-react";
-import "../register.bundle.mjs";
-// exporting
-export { Typography as TypographyElement } from "../src";
-const Component = React.forwardRef((props, forwardref) => {
-    const { children, ...attributes } = props;
-    return (_jsx("pap-typography", { ...attributes, ref: forwardref, children: children }));
-});
-export const Typography = papHOC(Component);
+"use strict";import{jsx as e}from"react/jsx-runtime";import a from"react";import{papHOC as m}from"@pap-it/system-react";import"../register.bundle.mjs";export{Typography as TypographyElement}from"../src";const n=a.forwardRef((r,o)=>{const{children:p,...t}=r;return e("pap-typography",{...t,ref:o,children:p})});export const Typography=m(n);

dist/src/component.js

@@ -1,33 +0,3 @@
-import { __decorate } from "tslib";
-// system
-import { html, property } from "@pap-it/system-utils";
-import { Base } from "@pap-it/system-base";
-// local 
-import { style } from "./style";
-export class Typography extends Base {
-    constructor() {
-        super(...arguments);
-        this.variant = "C3";
-        this.align = "initial";
-        this.nowrap = false;
-        this.truncate = false;
-    }
-    render() {
-        return html `
+"use strict";import{__decorate as r}from"tslib";import{html as t,property as e}from"@pap-it/system-utils";import{Base as o}from"@pap-it/system-base";import{style as a}from"./style";export class Typography extends o{constructor(){super(...arguments),this.variant="C3",this.align="initial",this.nowrap=!1,this.truncate=!1}render(){return t`
             <slot></slot>
-        `;
-    }
-}
-Typography.style = style;
-__decorate([
-    property({ rerender: false })
-], Typography.prototype, "variant", void 0);
-__decorate([
-    property({ rerender: false })
-], Typography.prototype, "align", void 0);
-__decorate([
-    property({ rerender: false, type: Boolean })
-], Typography.prototype, "nowrap", void 0);
-__decorate([
-    property({ rerender: false, type: Boolean })
-], Typography.prototype, "truncate", void 0);
+        `}}Typography.style=a,r([e({rerender:!1})],Typography.prototype,"variant",void 0),r([e({rerender:!1})],Typography.prototype,"align",void 0),r([e({rerender:!1,type:Boolean})],Typography.prototype,"nowrap",void 0),r([e({rerender:!1,type:Boolean})],Typography.prototype,"truncate",void 0);

dist/src/index.js

@@ -1,3 +0,1 @@
-export * from './component';
-export * from './types';
-//    *    <-- This is an asshole
+"use strict";export*from"./component";export*from"./types";

dist/src/register.js

@@ -1,9 +0,1 @@
-import { Typography } from './component.js';
-// Register the element with the browser
-const cElements = customElements !== null && customElements !== void 0 ? customElements : window === null || window === void 0 ? void 0 : window.customElements;
-if (!cElements) {
-    throw new Error('Custom Elements not supported');
-}
-if (!cElements.get('pap-typography')) {
-    cElements.define('pap-typography', Typography);
-}
+"use strict";import{Typography as t}from"./component.js";const o=customElements!=null?customElements:window==null?void 0:window.customElements;if(!o)throw new Error("Custom Elements not supported");o.get("pap-typography")||o.define("pap-typography",t);

dist/src/style.js

@@ -1,1 +0,1 @@
-export const style = `:host{text-align:left;display:block;color:inherit}:host([inline]){display:inline}:host([alignment=center]),:host([align=center]){text-align:center}:host([alignment=justify]),:host([align=justify]){text-align:justify}:host([alignment=start]),:host([align=start]){text-align:start}:host([alignment=end]),:host([align=end]){text-align:end}:host([alignment=left]),:host([align=left]){text-align:left}:host([alignment=right]),:host([align=right]){text-align:right}:host([alignment=unset]),:host([align=unset]){text-align:unset}:host([alignment=inherit]),:host([align=inherit]){text-align:inherit}:host([alignment=initial]),:host([align=initial]){text-align:initial}:host([nowrap=true]){white-space:nowrap}:host([truncate=true]){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([variant=heading1]),:host([variant=H1]){font-family:var(--typography-h1-fontfamily, "Libre Franklin", helvetica, sans-serif);font-size:var(--typography-h1-fontsize, 8.75rem);font-weight:var(--typography-h1-fontweight, 800);line-height:var(--typography-h1-lineheight, 120%);letter-spacing:var(--typography-h1-letterspacing, 0)}:host([variant=heading2]),:host([variant=H2]){font-family:var(--typography-h2-fontfamily, "Libre Franklin", helvetica, sans-serif);font-size:var(--typography-h2-fontsize, 5.5rem);font-weight:var(--typography-h2-fontweight, 800);line-height:var(--typography-h2-lineheight, 120%);letter-spacing:var(--typography-h2-letterspacing, 0)}:host([variant=heading3]),:host([variant=H3]){font-family:var(--typography-h3-fontfamily, "Libre Franklin", helvetica, sans-serif);font-size:var(--typography-h3-fontsize, 5rem);font-weight:var(--typography-h3-fontweight, 700);line-height:var(--typography-h3-lineheight, 120%);letter-spacing:var(--typography-h3-letterspacing, 0)}:host([variant=heading4]),:host([variant=H4]){font-family:var(--typography-h4-fontfamily, "Libre Franklin", helvetica, sans-serif);font-size:var(--typography-h4-fontsize, 4rem);font-weight:var(--typography-h4-fontweight, 700);line-height:var(--typography-h4-lineheight, 120%);letter-spacing:var(--typography-h4-letterspacing, 0)}:host([variant=heading5]),:host([variant=H5]){font-family:var(--typography-h5-fontfamily, "Libre Franklin", helvetica, sans-serif);font-size:var(--typography-h5-fontsize, 3.5rem);font-weight:var(--typography-h5-fontweight, 400);line-height:var(--typography-h5-lineheight, 120%);letter-spacing:var(--typography-h5-letterspacing, 0)}:host([variant=title1]),:host([variant=T1]){font-family:var(--typography-t1-fontfamily, "Libre Franklin", helvetica, sans-serif);font-size:var(--typography-t1-fontsize, 3rem);font-weight:var(--typography-t1-fontweight, 700);line-height:var(--typography-t1-lineheight, 120%);letter-spacing:var(--typography-t1-letterspacing, 0)}:host([variant=title2]),:host([variant=T2]){font-family:var(--typography-t2-fontfamily, "Libre Franklin", helvetica, sans-serif);font-size:var(--typography-t2-fontsize, 2.5rem);font-weight:var(--typography-t2-fontweight, 700);line-height:var(--typography-t2-lineheight, 120%);letter-spacing:var(--typography-t2-letterspacing, 0)}:host([variant=title3]),:host([variant=T3]){font-family:var(--typography-t3-fontfamily, "Libre Franklin", helvetica, sans-serif);font-size:var(--typography-t3-fontsize, 2rem);font-weight:var(--typography-t3-fontweight, 600);line-height:var(--typography-t3-lineheight, 120%);letter-spacing:var(--typography-t3-letterspacing, 0)}:host([variant=title4]),:host([variant=T4]){font-family:var(--typography-t4-fontfamily, "Libre Franklin", helvetica, sans-serif);font-size:var(--typography-t4-fontsize, 1.5rem);font-weight:var(--typography-t4-fontweight, 600);line-height:var(--typography-t4-lineheight, 140%);letter-spacing:var(--typography-t4-letterspacing, 0)}:host([variant=copy1]),:host([variant=C1]){font-family:var(--typography-c1-fontfamily, "Libre Franklin", helvetica, sans-serif);font-size:var(--typography-c1-fontsize, 1.5rem);font-weight:var(--typography-c1-fontweight, 500);line-height:var(--typography-c1-lineheight, 140%);letter-spacing:var(--typography-c1-letterspacing, 0.01rem)}:host([variant=copy2]),:host([variant=C2]){font-family:var(--typography-c2-fontfamily, "Libre Franklin", helvetica, sans-serif);font-size:var(--typography-c2-fontsize, 1rem);font-weight:var(--typography-c2-fontweight, 600);line-height:var(--typography-c2-lineheight, 140%);letter-spacing:var(--typography-c2-letterspacing, 0.01rem)}:host([variant=copy3]),:host([variant=C3]){font-family:var(--typography-c3-fontfamily, "Libre Franklin", helvetica, sans-serif);font-size:var(--typography-c3-fontsize, 1rem);font-weight:var(--typography-c3-fontweight, 400);line-height:var(--typography-c3-lineheight, 140%);letter-spacing:var(--typography-c3-letterspacing, 0.01rem)}:host([variant=copy4]),:host([variant=C4]){font-family:var(--typography-c4-fontfamily, "Libre Franklin", helvetica, sans-serif);font-size:var(--typography-c4-fontsize, 0.75rem);font-weight:var(--typography-c4-fontweight, 400);line-height:var(--typography-c4-lineheight, 140%);letter-spacing:var(--typography-c4-letterspacing, 0.01rem)}:host([variant=button1]),:host([variant=B1]){font-family:var(--typography-b1-fontfamily, "Libre Franklin", helvetica, sans-serif);font-size:var(--typography-b1-fontsize, 1rem);font-weight:var(--typography-b1-fontweight, 600);line-height:var(--typography-b1-lineheight, 140%);letter-spacing:var(--typography-b1-letterspacing, 0.01rem)}:host([variant=button2]),:host([variant=B2]){font-family:var(--typography-b2-fontfamily, "Libre Franklin", helvetica, sans-serif);font-size:var(--typography-b2-fontsize, 1rem);font-weight:var(--typography-b2-fontweight, 600);line-height:var(--typography-b2-lineheight, 140%);letter-spacing:var(--typography-b2-letterspacing, 0.01rem);text-decoration:underline}`;
+"use strict";export const style=':host{text-align:left;display:block;color:inherit}:host([inline]){display:inline}:host([alignment=center]),:host([align=center]){text-align:center}:host([alignment=justify]),:host([align=justify]){text-align:justify}:host([alignment=start]),:host([align=start]){text-align:start}:host([alignment=end]),:host([align=end]){text-align:end}:host([alignment=left]),:host([align=left]){text-align:left}:host([alignment=right]),:host([align=right]){text-align:right}:host([alignment=unset]),:host([align=unset]){text-align:unset}:host([alignment=inherit]),:host([align=inherit]){text-align:inherit}:host([alignment=initial]),:host([align=initial]){text-align:initial}:host([nowrap=true]){white-space:nowrap}:host([truncate=true]){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([variant=heading1]),:host([variant=H1]){font-family:var(--typography-h1-fontfamily, "Libre Franklin", helvetica, sans-serif);font-size:var(--typography-h1-fontsize, 8.75rem);font-weight:var(--typography-h1-fontweight, 800);line-height:var(--typography-h1-lineheight, 120%);letter-spacing:var(--typography-h1-letterspacing, 0)}:host([variant=heading2]),:host([variant=H2]){font-family:var(--typography-h2-fontfamily, "Libre Franklin", helvetica, sans-serif);font-size:var(--typography-h2-fontsize, 5.5rem);font-weight:var(--typography-h2-fontweight, 800);line-height:var(--typography-h2-lineheight, 120%);letter-spacing:var(--typography-h2-letterspacing, 0)}:host([variant=heading3]),:host([variant=H3]){font-family:var(--typography-h3-fontfamily, "Libre Franklin", helvetica, sans-serif);font-size:var(--typography-h3-fontsize, 5rem);font-weight:var(--typography-h3-fontweight, 700);line-height:var(--typography-h3-lineheight, 120%);letter-spacing:var(--typography-h3-letterspacing, 0)}:host([variant=heading4]),:host([variant=H4]){font-family:var(--typography-h4-fontfamily, "Libre Franklin", helvetica, sans-serif);font-size:var(--typography-h4-fontsize, 4rem);font-weight:var(--typography-h4-fontweight, 700);line-height:var(--typography-h4-lineheight, 120%);letter-spacing:var(--typography-h4-letterspacing, 0)}:host([variant=heading5]),:host([variant=H5]){font-family:var(--typography-h5-fontfamily, "Libre Franklin", helvetica, sans-serif);font-size:var(--typography-h5-fontsize, 3.5rem);font-weight:var(--typography-h5-fontweight, 400);line-height:var(--typography-h5-lineheight, 120%);letter-spacing:var(--typography-h5-letterspacing, 0)}:host([variant=title1]),:host([variant=T1]){font-family:var(--typography-t1-fontfamily, "Libre Franklin", helvetica, sans-serif);font-size:var(--typography-t1-fontsize, 3rem);font-weight:var(--typography-t1-fontweight, 700);line-height:var(--typography-t1-lineheight, 120%);letter-spacing:var(--typography-t1-letterspacing, 0)}:host([variant=title2]),:host([variant=T2]){font-family:var(--typography-t2-fontfamily, "Libre Franklin", helvetica, sans-serif);font-size:var(--typography-t2-fontsize, 2.5rem);font-weight:var(--typography-t2-fontweight, 700);line-height:var(--typography-t2-lineheight, 120%);letter-spacing:var(--typography-t2-letterspacing, 0)}:host([variant=title3]),:host([variant=T3]){font-family:var(--typography-t3-fontfamily, "Libre Franklin", helvetica, sans-serif);font-size:var(--typography-t3-fontsize, 2rem);font-weight:var(--typography-t3-fontweight, 600);line-height:var(--typography-t3-lineheight, 120%);letter-spacing:var(--typography-t3-letterspacing, 0)}:host([variant=title4]),:host([variant=T4]){font-family:var(--typography-t4-fontfamily, "Libre Franklin", helvetica, sans-serif);font-size:var(--typography-t4-fontsize, 1.5rem);font-weight:var(--typography-t4-fontweight, 600);line-height:var(--typography-t4-lineheight, 140%);letter-spacing:var(--typography-t4-letterspacing, 0)}:host([variant=copy1]),:host([variant=C1]){font-family:var(--typography-c1-fontfamily, "Libre Franklin", helvetica, sans-serif);font-size:var(--typography-c1-fontsize, 1.5rem);font-weight:var(--typography-c1-fontweight, 500);line-height:var(--typography-c1-lineheight, 140%);letter-spacing:var(--typography-c1-letterspacing, 0.01rem)}:host([variant=copy2]),:host([variant=C2]){font-family:var(--typography-c2-fontfamily, "Libre Franklin", helvetica, sans-serif);font-size:var(--typography-c2-fontsize, 1rem);font-weight:var(--typography-c2-fontweight, 600);line-height:var(--typography-c2-lineheight, 140%);letter-spacing:var(--typography-c2-letterspacing, 0.01rem)}:host([variant=copy3]),:host([variant=C3]){font-family:var(--typography-c3-fontfamily, "Libre Franklin", helvetica, sans-serif);font-size:var(--typography-c3-fontsize, 1rem);font-weight:var(--typography-c3-fontweight, 400);line-height:var(--typography-c3-lineheight, 140%);letter-spacing:var(--typography-c3-letterspacing, 0.01rem)}:host([variant=copy4]),:host([variant=C4]){font-family:var(--typography-c4-fontfamily, "Libre Franklin", helvetica, sans-serif);font-size:var(--typography-c4-fontsize, 0.75rem);font-weight:var(--typography-c4-fontweight, 400);line-height:var(--typography-c4-lineheight, 140%);letter-spacing:var(--typography-c4-letterspacing, 0.01rem)}:host([variant=button1]),:host([variant=B1]){font-family:var(--typography-b1-fontfamily, "Libre Franklin", helvetica, sans-serif);font-size:var(--typography-b1-fontsize, 1rem);font-weight:var(--typography-b1-fontweight, 600);line-height:var(--typography-b1-lineheight, 140%);letter-spacing:var(--typography-b1-letterspacing, 0.01rem)}:host([variant=button2]),:host([variant=B2]){font-family:var(--typography-b2-fontfamily, "Libre Franklin", helvetica, sans-serif);font-size:var(--typography-b2-fontsize, 1rem);font-weight:var(--typography-b2-fontweight, 600);line-height:var(--typography-b2-lineheight, 140%);letter-spacing:var(--typography-b2-letterspacing, 0.01rem);text-decoration:underline}';

dist/src/types.js

@@ -1,1 +0,1 @@
-export {};
+"use strict";export{};

package.json

 {
   "name": "@pap-it/typography",
-  "version": "1.0.11",
+  "version": "1.0.12",
   "scripts": {
@@ -29,3 +29,3 @@ "init": "sh .scripts/init.sh",
     "./wc": "./dist/register.bundle.mjs",
-    "./react": "./dist/react/index.ts"
+    "./react": "./dist/react/index.js"
   },
@@ -44,9 +44,9 @@ "author": "Henry Pap",
   "dependencies": {
-    "@pap-it/system-base": "1.0.11",
+    "@pap-it/system-base": "1.0.12",
     "@pap-it/system-utils": "1.0.10",
-    "@pap-it/system-react": "0.0.5"
+    "@pap-it/system-react": "0.0.6"
   },
   "devDependencies": {
     "eslint": "^8.53.0",
-    "@pap-it/system-doc": "1.0.16",
+    "@pap-it/system-doc": "1.0.17",
     "esbuild": "^0.17.18",
@@ -53,0 +53,0 @@ "node-html-parser": "^6.1.5",

README.md

@@ -5,6 +5,7 @@ # Typography
 
-Version: Version: Version: 1.0.11
+Version: Version: Version: 1.0.12
 
 
 
+
 ## Development
@@ -11,0 +12,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Number of lines in readme file

15

increased by7.14%

Worsened metrics

Total package byte prevSize

23435

decreased by-41.87%

Number of package files

17

decreased by-5.56%

Lines of code

130

decreased by-26.55%

Dependency changes

• + Added@pap-it/system-base@1.0.12(transitive)

• + Added@pap-it/system-react@0.0.6(transitive)

• - Removed@pap-it/system-base@1.0.11(transitive)

• - Removed@pap-it/system-react@0.0.5(transitive)

• Updated@pap-it/system-base@1.0.12

• Updated@pap-it/system-react@0.0.6