@pap-it/typography - npm Package Compare versions

Comparing version 1.0.17 to 1.0.18

dist/react/index.js

@@ -1,1 +0,1 @@
-"use strict";export*from"./Typography";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib");tslib_1.__exportStar(require("./Typography"),exports);

dist/react/Typography.js

@@ -1,1 +0,1 @@
-"use strict";import{jsx as e}from"react/jsx-runtime";import a from"react";import{papHOC as m}from"@pap-it/system-react";import"../src/register.js";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);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Typography=exports.TypographyElement=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),system_react_1=require("@pap-it/system-react");require("../src/register.js");var src_1=require("../src");Object.defineProperty(exports,"TypographyElement",{enumerable:!0,get:function(){return src_1.Typography}});const Component=react_1.default.forwardRef((e,r)=>{const{children:t,...p}=e;return(0,jsx_runtime_1.jsx)("pap-typography",{...p,ref:r,children:t})});exports.Typography=(0,system_react_1.papHOC)(Component);

dist/src/component.d.ts

@@ -1,4 +0,4 @@
-import { Base } from "@pap-it/system-base";
+import { CustomElement } from "@pap-it/system-utils";
 import { Variant, Alignment } from "./types";
-export declare class Typography extends Base {
+export declare class Typography extends CustomElement {
     static style: string;
@@ -9,3 +9,3 @@ variant: Variant;
     truncate: boolean;
-    render(): DocumentFragment;
+    render(): string;
 }
@@ -12,0 +12,0 @@ declare global {

dist/src/component.js

@@ -1,3 +0,1 @@
-"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=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);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Typography=void 0;const tslib_1=require("tslib"),system_utils_1=require("@pap-it/system-utils"),style_1=require("./style");class Typography extends system_utils_1.CustomElement{constructor(){super(...arguments),this.variant="C3",this.align="initial",this.nowrap=!1,this.truncate=!1}render(){return"<slot></slot>"}}exports.Typography=Typography,Typography.style=style_1.style,tslib_1.__decorate([(0,system_utils_1.property)({rerender:!1})],Typography.prototype,"variant",void 0),tslib_1.__decorate([(0,system_utils_1.property)({rerender:!1})],Typography.prototype,"align",void 0),tslib_1.__decorate([(0,system_utils_1.property)({rerender:!1,type:Boolean})],Typography.prototype,"nowrap",void 0),tslib_1.__decorate([(0,system_utils_1.property)({rerender:!1,type:Boolean})],Typography.prototype,"truncate",void 0);

dist/src/index.js

@@ -1,1 +0,1 @@
-"use strict";export*from"./component";export*from"./types";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib");tslib_1.__exportStar(require("./component"),exports),tslib_1.__exportStar(require("./types"),exports);

dist/src/register.js

@@ -1,1 +0,1 @@
-"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);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const component_js_1=require("./component.js"),cElements=customElements!=null?customElements:window==null?void 0:window.customElements;if(!cElements)throw new Error("Custom Elements not supported");cElements.get("pap-typography")||cElements.define("pap-typography",component_js_1.Typography);

dist/src/style.js

@@ -1,1 +0,1 @@
-"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}';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.style=void 0,exports.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 @@
-"use strict";export{};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});

package.json

 {
   "name": "@pap-it/typography",
-  "version": "1.0.17",
+  "version": "1.0.18",
   "scripts": {
@@ -43,4 +43,3 @@ "init": "sh .scripts/init.sh",
   "dependencies": {
-    "@pap-it/system-base": "1.0.16",
-    "@pap-it/system-utils": "1.0.10",
+    "@pap-it/system-utils": "1.0.11",
     "@pap-it/system-react": "0.0.8"
@@ -50,3 +49,3 @@ },
     "eslint": "^8.53.0",
-    "@pap-it/system-doc": "1.0.22",
+    "@pap-it/system-doc": "1.0.24",
     "esbuild": "^0.17.18",
@@ -64,2 +63,2 @@ "node-html-parser": "^6.1.5",
   "description": ""
-}
+}

README.md

@@ -5,3 +5,3 @@ # Typography
 
-Version: Version: Version: 1.0.17
+Version: Version: Version: 1.0.18
 
@@ -11,2 +11,3 @@
 
+
 ## Development
@@ -13,0 +14,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

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 3 instances 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

Total package byte prevSize

12705

increased by8.16%

Dependency count

2

decreased by-33.33%

Lines of code

93

increased by1.09%

Number of lines in readme file

16

increased by6.67%

Worsened metrics

Number of low quality alerts

4

increased by300%

Dependency changes

• + Added@pap-it/system-utils@1.0.11(transitive)

• - Removed@pap-it/system-base@1.0.16

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

• - Removed@pap-it/system-utils@1.0.10(transitive)

• Updated@pap-it/system-utils@1.0.11