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

Comparing version 1.0.11 to 1.0.12

dist/react/Box.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 { Box as BoxElement } from "../src";
-const Component = React.forwardRef((props, forwardref) => {
-    const { children, ...attributes } = props;
-    return (_jsx("pap-box-template", { ...attributes, ref: forwardref, children: children }));
-});
-export const Box = 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"../register.bundle.mjs";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 @@
-export * from './Box';
+"use strict";export*from"./Box";

dist/src/component.js

@@ -1,30 +0,3 @@
-import { __decorate } from "tslib";
-// utils 
-import { property } from "@pap-it/system-utils";
-// templates
-import { Base } from "@pap-it/system-base";
-// local 
-import { style } from "./style";
-export class Box extends Base {
-    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}from"@pap-it/system-utils";import{Base as t}from"@pap-it/system-base";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>
-    `;
-    }
-}
-Box.styles = [style];
-__decorate([
-    property({ rerender: false })
-], Box.prototype, "radius", void 0);
-__decorate([
-    property({ rerender: false })
-], Box.prototype, "elevation", void 0);
-__decorate([
-    property({ rerender: false, 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,2 +0,1 @@
-export * from './component';
-export * from './types';
+"use strict";export*from"./component";export*from"./types";

dist/src/register.js

@@ -1,9 +0,1 @@
-import { Box } 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-box-template')) {
-    cElements.define('pap-box-template', 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 @@
-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%))))}`;
+"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 @@
-export {};
+"use strict";export{};

package.json

 {
   "name": "@pap-it/templates-box",
-  "version": "1.0.11",
+  "version": "1.0.12",
   "scripts": {
@@ -29,3 +29,3 @@ "init": "sh .scripts/init.sh",
     "./wc": "./dist/register.bundle.mjs",
-    "./react": "./dist/react/index.ts"
+    "./react": "./dist/react/index.js"
   },
@@ -44,9 +44,9 @@ "author": "Henry Pap",
   "dependencies": {
-    "@pap-it/system-base": "1.0.11",
+    "@pap-it/system-base": "1.0.12",
     "@pap-it/system-utils": "1.0.10",
-    "@pap-it/system-react": "0.0.5"
+    "@pap-it/system-react": "0.0.6"
   },
   "devDependencies": {
     "eslint": "^8.53.0",
-    "@pap-it/system-doc": "1.0.16",
+    "@pap-it/system-doc": "1.0.17",
     "esbuild": "^0.17.18",
@@ -53,0 +53,0 @@ "node-html-parser": "^6.1.5",

README.md

@@ -5,6 +5,7 @@ # Box
 
-Version: Version: Version: 1.0.11
+Version: Version: Version: 1.0.12
 
 
 
+
 ## Development
@@ -11,0 +12,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

Improved metrics

Number of lines in readme file

15

increased by7.14%

Worsened metrics

Total package byte prevSize

12138

decreased by-58.05%

Number of package files

17

decreased by-5.56%

Lines of code

83

decreased by-34.65%

Dependency changes

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

• + Added@pap-it/system-react@0.0.6(transitive)

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

• - Removed@pap-it/system-react@0.0.5(transitive)

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

• Updated@pap-it/system-react@0.0.6