Socket
Socket
Sign inDemoInstall

@pap-it/typography

Package Overview
Dependencies
Maintainers
1
Versions
20
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@pap-it/typography - npm Package Compare versions

Comparing version 1.0.4 to 1.0.5

dist/tsconfig.prod.tsbuildinfo

4

dist/src/component.d.ts

@@ -1,4 +0,4 @@

import { BaseSystem } from "@pap-it/system-base";
import { Base } from "@pap-it/system-base";
import { Variant, Alignment } from "./types";
export declare class Typography extends BaseSystem {
export declare class Typography extends Base {
static style: string;

@@ -5,0 +5,0 @@ variant: Variant;

5

dist/src/component.js
import { __decorate } from "tslib";
// system
import { html, property } from "@pap-it/system-utils";
import { BaseSystem } from "@pap-it/system-base";
import { Base } from "@pap-it/system-base";
// local
import { style } from "./style";
export class Typography extends BaseSystem {
export class Typography extends Base {
constructor() {

@@ -34,2 +34,1 @@ super(...arguments);

], Typography.prototype, "truncate", void 0);
//# sourceMappingURL=component.js.map

1

dist/src/index.js
export * from './component';
export * from './types';
// * <-- This is an asshole
//# sourceMappingURL=index.js.map

1

dist/src/register.js

@@ -10,2 +10,1 @@ import { Typography } from './component.js';

}
//# sourceMappingURL=register.js.map

2

dist/src/style.d.ts

@@ -1,1 +0,1 @@

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

177

dist/src/style.js

@@ -1,176 +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;
/* this ensures text remains on a single line */
overflow: hidden;
/* hides any overflow */
text-overflow: ellipsis;
/* shows ellipsis for any overflow */ }
: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; }`;
//# sourceMappingURL=style.js.map
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}`;

1

dist/src/types.js
export {};
//# sourceMappingURL=types.js.map

19

package.json
{
"name": "@pap-it/typography",
"version": "1.0.4",
"version": "1.0.5",
"scripts": {

@@ -8,4 +8,6 @@ "init": "sh .scripts/init.sh",

"build": ".scripts/build.sh",
"react": "sh .scripts/helper/build-react.sh",
"watch": ".scripts/watch.sh",
"manual-publish": "sh .scripts/publish.sh",
"preversion": "sh .scripts/preversion.sh",
"postversion": "sh .scripts/postversion.sh",

@@ -15,2 +17,3 @@ "combine": ".scripts/combine.sh && .scripts/start.sh combined",

"isolate": "sh .scripts/isolate.sh",
"analyze": "sh .scripts/analyze.sh",
"interactive": "sh .scripts/helper/build-interactive.sh",

@@ -23,7 +26,9 @@ "variations": "sh .scripts/helper/build-variations.sh",

"asset/",
"dist/"
"dist/",
"react/"
],
"exports": {
".": "./dist/src/index.js",
"./wc": "./dist/register.bundle.mjs"
"./wc": "./dist/register.bundle.mjs",
"./react": "./react/index.ts"
},

@@ -42,11 +47,11 @@ "author": "Henry Pap",

"dependencies": {
"@pap-it/system-base": "1.0.4",
"@pap-it/system-utils": "1.0.4"
"@pap-it/system-base": "1.0.5",
"@pap-it/system-utils": "1.0.5"
},
"devDependencies": {
"eslint": "^8.53.0",
"@pap-it/system-doc": "1.0.4",
"@pap-it/system-doc": "1.0.5",
"esbuild": "^0.17.18",
"node-html-parser": "^6.1.5",
"node-sass": "^9.0.0",
"sass": "^1.70.0",
"tslib": "^2.5.0",

@@ -53,0 +58,0 @@ "typescript": "^5.0.4"

2

README.md

@@ -5,3 +5,3 @@ # Typography

Version: 1.1.0
Version: 1.0.5

@@ -8,0 +8,0 @@ ## Development

dist/src/component.js.map
dist/src/index.js.map
dist/src/register.js.map
dist/src/style.js.map
dist/src/types.js.map
dist/tsconfig.tsbuildinfo
dist/register.bundle.mjs

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc