@pap-it/badge
Advanced tools
@pap-it/badge - npm Package Compare versions
Comparing version 1.0.18 to 1.0.19
@@ -1,1 +0,1 @@ | ||
| "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Badge=exports.BadgeElement=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,"BadgeElement",{enumerable:!0,get:function(){return src_1.Badge}});const Component=react_1.default.forwardRef((e,r)=>{const{children:t,...s}=e;return(0,jsx_runtime_1.jsx)("pap-badge",{...s,ref:r,children:t})});exports.Badge=(0,system_react_1.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"../src/register.js";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); |
@@ -1,1 +0,1 @@ | ||
| "use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib");tslib_1.__exportStar(require("./Badge"),exports); | ||
| "use strict";export*from"./Badge"; |
@@ -1,5 +0,5 @@ | ||
| "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Badge=void 0;const tslib_1=require("tslib"),system_utils_1=require("@pap-it/system-utils");require("@pap-it/typography/wc"),require("@pap-it/templates-box/wc");const style_1=require("./style");class Badge extends system_utils_1.CustomElement{constructor(){super(...arguments),this.count=0,this.size="medium"}render(){return(0,system_utils_1.html)` | ||
| "use strict";import{__decorate as t}from"tslib";import{html as e,property as r,FormatNumber as o,CustomElement as p}from"@pap-it/system-utils";import"@pap-it/typography/wc";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 e` | ||
| <pap-box-template part="box" radius="circular"> | ||
| <pap-typography variant="C4"><slot>${(0,system_utils_1.FormatNumber)(this.count)}</slot></pap-typography> | ||
| <pap-typography variant="C4"><slot>${o(this.count)}</slot></pap-typography> | ||
| </pap-box-template> | ||
| `}}exports.Badge=Badge,Badge.style=style_1.style,tslib_1.__decorate([(0,system_utils_1.property)({type:Number})],Badge.prototype,"count",void 0),tslib_1.__decorate([(0,system_utils_1.property)({rerender:!1})],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); |
@@ -1,1 +0,1 @@ | ||
| "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); | ||
| "use strict";export*from"./component";export*from"./types"; |
@@ -1,1 +0,1 @@ | ||
| "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-badge")||cElements.define("pap-badge",component_js_1.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); |
@@ -1,1 +0,1 @@ | ||
| "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.style=void 0,exports.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)}"; |
@@ -1,1 +0,1 @@ | ||
| "use strict";Object.defineProperty(exports,"__esModule",{value:!0}); | ||
| "use strict";export{}; |
| { | ||
| "name": "@pap-it/badge", | ||
| "version": "1.0.18", | ||
| "version": "1.0.19", | ||
| "scripts": { | ||
@@ -43,5 +43,5 @@ "init": "sh .scripts/init.sh", | ||
| "dependencies": { | ||
| "@pap-it/templates-box": "1.0.18", | ||
| "@pap-it/typography": "1.0.18", | ||
| "@pap-it/system-utils": "1.0.11", | ||
| "@pap-it/templates-box": "1.0.19", | ||
| "@pap-it/typography": "1.0.19", | ||
| "@pap-it/system-utils": "1.0.12", | ||
| "@pap-it/system-react": "0.0.8" | ||
@@ -51,3 +51,3 @@ }, | ||
| "eslint": "^8.53.0", | ||
| "@pap-it/system-doc": "1.0.24", | ||
| "@pap-it/system-doc": "1.0.26", | ||
| "esbuild": "^0.17.18", | ||
@@ -54,0 +54,0 @@ "node-html-parser": "^6.1.5", |
@@ -5,3 +5,3 @@ # Badge | ||
| Version: Version: Version: 1.0.18 | ||
| Version: Version: Version: 1.0.19 | ||
@@ -12,2 +12,3 @@ | ||
| ## Development | ||
@@ -14,0 +15,0 @@ |
New alerts
License Policy Violation
LicenseThis 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
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Minified code
QualityThis 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
Improved metrics
- Number of low quality alerts
- decreased by-75%
1
- Number of lines in readme file
- increased by6.25%
17
Worsened metrics
- Total package byte prevSize
- decreased by-14.69%
5602
- Lines of code
- decreased by-4.17%
69
Dependency changes
+ Added@pap-it/system-utils@1.0.12(transitive)
+ Added@pap-it/templates-box@1.0.19(transitive)
+ Added@pap-it/typography@1.0.19(transitive)
- Removed@pap-it/system-utils@1.0.11(transitive)
- Removed@pap-it/templates-box@1.0.18(transitive)
- Removed@pap-it/typography@1.0.18(transitive)
Updated@pap-it/system-utils@1.0.12
Updated@pap-it/templates-box@1.0.19
Updated@pap-it/typography@1.0.19