@pap-it/templates-box - npm Package Compare versions

Comparing version 1.0.18 to 1.0.19

dist/react/Box.js

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

dist/react/index.js

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

dist/src/component.js

@@ -1,3 +0,3 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Box=void 0;const tslib_1=require("tslib"),system_utils_1=require("@pap-it/system-utils"),style_1=require("./style");class Box extends system_utils_1.CustomElement{constructor(){super(...arguments),this.radius="circular",this.elevation="none",this.elevationdirection="vertical"}render(){return`
+"use strict";import{__decorate as e}from"tslib";import{property as r,CustomElement as t}from"@pap-it/system-utils";import{style as o}from"./style";export class Box extends t{constructor(){super(...arguments),this.radius="circular",this.elevation="none",this.elevationdirection="vertical"}render(){return`
       <slot></slot>
-    `}}exports.Box=Box,Box.styles=[style_1.style],tslib_1.__decorate([(0,system_utils_1.property)({rerender:!1})],Box.prototype,"radius",void 0),tslib_1.__decorate([(0,system_utils_1.property)({rerender:!1})],Box.prototype,"elevation",void 0),tslib_1.__decorate([(0,system_utils_1.property)({rerender:!1,attribute:"elevation-direction"})],Box.prototype,"elevationdirection",void 0);
+    `}}Box.styles=[o],e([r({rerender:!1})],Box.prototype,"radius",void 0),e([r({rerender:!1})],Box.prototype,"elevation",void 0),e([r({rerender:!1,attribute:"elevation-direction"})],Box.prototype,"elevationdirection",void 0);

dist/src/index.js

@@ -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";

dist/src/register.js

@@ -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-box-template")||cElements.define("pap-box-template",component_js_1.Box);
+"use strict";import{Box 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-box-template")||e.define("pap-box-template",o);

dist/src/style.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.style=void 0,exports.style=":host([radius=none]){border-radius:var(--box-radius-none, var(--radius-none, 0px))}:host([radius=small]){border-radius:var(--box-radius-small, var(--radius-small, var(--radius-small, 4px)))}:host([radius=medium]){border-radius:var(--box-radius-medium, var(--radius-medium, var(--radius-medium, 8px)))}:host([radius=large]){border-radius:var(--box-radius-large, var(--radius-large, var(--radius-large, 16px)))}:host([radius=circular]){border-radius:var(--box-radius-circular, var(--radius-circular, var(--radius-max, 1000px)))}:host([elevation=small]){box-shadow:var(--box-shadow-small, var(--shadow-s, 0 2px 4px var(--pap-color-shadow, color-mix(in oklab, var(--pap-color-neutral-600, #6E7087), transparent 80%))))}:host([elevation=medium]){box-shadow:var(--box-shadow-medium, var(--shadow-m, 0 4px 6px var(--pap-color-shadow, color-mix(in oklab, var(--pap-color-neutral-600, #6E7087), transparent 80%))))}:host([elevation=large]){box-shadow:var(--box-shadow-large, var(--shadow-l, 0 8px 12px var(--pap-color-shadow, color-mix(in oklab, var(--pap-color-neutral-600, #6E7087), transparent 80%))))}:host([elevation=x-large]){box-shadow:var(--box-shadow-x-large, var(--shadow-xl, 0 16px 20px var(--pap-color-shadow, color-mix(in oklab, var(--pap-color-neutral-600, #6E7087), transparent 80%))))}:host([elevation-direction=horizontal][elevation=small]){box-shadow:var(--box-shadow-small, var(--shadow-horizontal-s, 2px 0 4px var(--pap-color-shadow, color-mix(in oklab, var(--pap-color-neutral-600, #6E7087), transparent 80%))))}:host([elevation-direction=horizontal][elevation=medium]){box-shadow:var(--box-shadow-medium, var(--shadow-horizontal-m, 4px 0 6px var(--pap-color-shadow, color-mix(in oklab, var(--pap-color-neutral-600, #6E7087), transparent 80%))))}:host([elevation-direction=horizontal][elevation=large]){box-shadow:var(--box-shadow-large, var(--shadow-horizontal-l, 8px 0 12px var(--pap-color-shadow, color-mix(in oklab, var(--pap-color-neutral-600, #6E7087), transparent 80%))))}:host([elevation-direction=horizontal][elevation=x-large]){box-shadow:var(--box-shadow-x-large, var(--shadow-horizontal-xl, 16px 0 20px var(--pap-color-shadow, color-mix(in oklab, var(--pap-color-neutral-600, #6E7087), transparent 80%))))}";
+"use strict";export const style=":host([radius=none]){border-radius:var(--box-radius-none, var(--radius-none, 0px))}:host([radius=small]){border-radius:var(--box-radius-small, var(--radius-small, var(--radius-small, 4px)))}:host([radius=medium]){border-radius:var(--box-radius-medium, var(--radius-medium, var(--radius-medium, 8px)))}:host([radius=large]){border-radius:var(--box-radius-large, var(--radius-large, var(--radius-large, 16px)))}:host([radius=circular]){border-radius:var(--box-radius-circular, var(--radius-circular, var(--radius-max, 1000px)))}:host([elevation=small]){box-shadow:var(--box-shadow-small, var(--shadow-s, 0 2px 4px var(--pap-color-shadow, color-mix(in oklab, var(--pap-color-neutral-600, #6E7087), transparent 80%))))}:host([elevation=medium]){box-shadow:var(--box-shadow-medium, var(--shadow-m, 0 4px 6px var(--pap-color-shadow, color-mix(in oklab, var(--pap-color-neutral-600, #6E7087), transparent 80%))))}:host([elevation=large]){box-shadow:var(--box-shadow-large, var(--shadow-l, 0 8px 12px var(--pap-color-shadow, color-mix(in oklab, var(--pap-color-neutral-600, #6E7087), transparent 80%))))}:host([elevation=x-large]){box-shadow:var(--box-shadow-x-large, var(--shadow-xl, 0 16px 20px var(--pap-color-shadow, color-mix(in oklab, var(--pap-color-neutral-600, #6E7087), transparent 80%))))}:host([elevation-direction=horizontal][elevation=small]){box-shadow:var(--box-shadow-small, var(--shadow-horizontal-s, 2px 0 4px var(--pap-color-shadow, color-mix(in oklab, var(--pap-color-neutral-600, #6E7087), transparent 80%))))}:host([elevation-direction=horizontal][elevation=medium]){box-shadow:var(--box-shadow-medium, var(--shadow-horizontal-m, 4px 0 6px var(--pap-color-shadow, color-mix(in oklab, var(--pap-color-neutral-600, #6E7087), transparent 80%))))}:host([elevation-direction=horizontal][elevation=large]){box-shadow:var(--box-shadow-large, var(--shadow-horizontal-l, 8px 0 12px var(--pap-color-shadow, color-mix(in oklab, var(--pap-color-neutral-600, #6E7087), transparent 80%))))}:host([elevation-direction=horizontal][elevation=x-large]){box-shadow:var(--box-shadow-x-large, var(--shadow-horizontal-xl, 16px 0 20px var(--pap-color-shadow, color-mix(in oklab, var(--pap-color-neutral-600, #6E7087), transparent 80%))))}";

dist/src/types.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";export{};

package.json

 {
   "name": "@pap-it/templates-box",
-  "version": "1.0.18",
+  "version": "1.0.19",
   "scripts": {
@@ -43,3 +43,3 @@ "init": "sh .scripts/init.sh",
   "dependencies": {
-    "@pap-it/system-utils": "1.0.11",
+    "@pap-it/system-utils": "1.0.12",
     "@pap-it/system-react": "0.0.8"
@@ -49,3 +49,3 @@ },
     "eslint": "^8.53.0",
-    "@pap-it/system-doc": "1.0.24",
+    "@pap-it/system-doc": "1.0.26",
     "esbuild": "^0.17.18",
@@ -52,0 +52,0 @@ "node-html-parser": "^6.1.5",

README.md

@@ -5,3 +5,3 @@ # Box
 
-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

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

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 2 instances in 1 package

Improved metrics

Number of low quality alerts

1

decreased by-75%

Number of lines in readme file

17

increased by6.25%

Worsened metrics

Total package byte prevSize

7249

decreased by-11.73%

Lines of code

70

decreased by-4.11%

Dependency changes

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

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

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