@pap-it/badge - npm Package Compare versions

Comparing version 1.0.11 to 1.0.12

dist/react/Badge.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 { Badge as BadgeElement } from "../src";
		const Component = React.forwardRef((props, forwardref) => {
		const { children, ...attributes } = props;
		return (_jsx("pap-badge", { ...attributes, ref: forwardref, children: children }));
		});
		export const Badge = papHOC(Component);
		"use strict";import{jsx as a}from"react/jsx-runtime";import p from"react";import{papHOC as m}from"@pap-it/system-react";import"../register.bundle.mjs";export{Badge as BadgeElement}from"../src";const n=p.forwardRef((r,e)=>{const{children:o,...t}=r;return a("pap-badge",{...t,ref:e,children:o})});export const Badge=m(n);

dist/react/index.js

dist/src/component.js

		@@ -1,31 +0,5 @@
		import { __decorate } from "tslib";
		// utils
		import { html, property, FormatNumber } from "@pap-it/system-utils";
		// atoms
		import "@pap-it/typography/wc";
		// templates
		import { Base } from "@pap-it/system-base";
		import "@pap-it/templates-box/wc";
		// local
		import { style } from './style';
		export class Badge extends Base {
		constructor() {
		super(...arguments);
		this.count = 0;
		this.size = "medium";
		}
		render() {
		return html `
		"use strict";import{__decorate as t}from"tslib";import{html as o,property as r,FormatNumber as e}from"@pap-it/system-utils";import"@pap-it/typography/wc";import{Base as p}from"@pap-it/system-base";import"@pap-it/templates-box/wc";import{style as a}from"./style";export class Badge extends p{constructor(){super(...arguments),this.count=0,this.size="medium"}render(){return o`
		<pap-box-template part="box" radius="circular">
		<pap-typography variant="C4"><slot>${FormatNumber(this.count)}</slot></pap-typography>
		<pap-typography variant="C4"><slot>${e(this.count)}</slot></pap-typography>
		</pap-box-template>
		`;
		}
		}
		Badge.style = style;
		__decorate([
		property({ type: Number })
		], Badge.prototype, "count", void 0);
		__decorate([
		property({ rerender: false })
		], Badge.prototype, "size", void 0);
		`}}Badge.style=a,t([r({type:Number})],Badge.prototype,"count",void 0),t([r({rerender:!1})],Badge.prototype,"size",void 0);

dist/src/index.js

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

dist/src/register.js

		@@ -1,9 +0,1 @@
		import { Badge } 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-badge')) {
		cElements.define('pap-badge', Badge);
		}
		"use strict";import{Badge as o}from"./component.js";const e=customElements!=null?customElements:window==null?void 0:window.customElements;if(!e)throw new Error("Custom Elements not supported");e.get("pap-badge")\|\|e.define("pap-badge",o);

dist/src/style.js

		@@ -1,1 +0,1 @@
		export const style = `:host pap-box-template{background-color:var(--pap-color-bg, #FFFFFF);border:1px solid var(--pap-color-border, #C7CBD4);color:var(--pap-color-text, #29292F);height:100%;display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;min-width:2rem;padding:var(--padding-smaller, 4px) var(--padding-small, 8px)}:host([mode=inactive]) pap-box-template{background-color:var(--pap-color-bg-secondary, #F6F7F8);border:1px solid var(--pap-color-border-secondary, #DADDE3);color:var(--pap-color-text-secondary, #6E7087)}:host([size=small]){height:var(--unit-size3, 16px)}:host([size=medium]){height:var(--field-size-smaller, 24px)}:host([size=large]){height:var(--field-size-small, 32px)}`;
		"use strict";export const style=":host pap-box-template{background-color:var(--pap-color-bg, #FFFFFF);border:1px solid var(--pap-color-border, #C7CBD4);color:var(--pap-color-text, #29292F);height:100%;display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;min-width:2rem;padding:var(--padding-smaller, 4px) var(--padding-small, 8px)}:host([mode=inactive]) pap-box-template{background-color:var(--pap-color-bg-secondary, #F6F7F8);border:1px solid var(--pap-color-border-secondary, #DADDE3);color:var(--pap-color-text-secondary, #6E7087)}:host([size=small]){height:var(--unit-size3, 16px)}:host([size=medium]){height:var(--field-size-smaller, 24px)}:host([size=large]){height:var(--field-size-small, 32px)}";

dist/src/types.js

package.json

README.md

dist/tsconfig.prod.tsbuildinfo

New alerts