@paperless/core 1.7.1 → 1.9.0

package/dist/collection/components/atoms/helper/helper.component.css

@@ -1 +1 @@
-.inline-block{display:inline-block!important}.w-3{width:.75rem!important}.cursor-pointer{cursor:pointer!important}.bg-center{background-position:50%!important}.bg-no-repeat{background-repeat:no-repeat!important}*{box-sizing:border-box}:host .helper{background-image:url(/assets/images/helper/helper.svg);background-position:50%;background-repeat:no-repeat;cursor:pointer;display:inline-block;height:.75rem;width:.75rem}:host .helper:hover{background-image:url(/assets/images/helper/helper-hover.svg)}.static{position:static!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.flex{display:flex!important}.w-full{width:100%!important}.items-end{align-items:flex-end!important}.justify-between{justify-content:space-between!important}.rounded-bl-none{border-bottom-left-radius:0!important}.rounded-br-none{border-bottom-right-radius:0!important}.rounded-tl-none{border-top-left-radius:0!important}.rounded-tr-none{border-top-right-radius:0!important}.border-l-0{border-left-width:0!important}.border-r-0{border-right-width:0!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.text-negative{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}.text-negative-light{--tw-text-opacity:1!important;color:rgb(255 204 211/var(--tw-text-opacity))!important}.hover\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.visible{visibility:visible!important}.absolute{position:absolute!important}.blur{--tw-blur:blur(8px)!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.mb-14{margin-bottom:3.5rem!important}.mb-6{margin-bottom:1.5rem!important}.table{display:table!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.max-w-\[20rem\]{max-width:20rem!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.self-center{align-self:center!important}.rounded{border-radius:.25rem!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.text-center{text-align:center!important}.font-semibold{font-weight:600!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.table-cell{display:table-cell!important}.w-1\/12{width:8.333333%!important}.w-10\/12{width:83.333333%!important}.w-11\/12{width:91.666667%!important}.w-2\/12{width:16.666667%!important}.w-3\/12{width:25%!important}.w-4\/12{width:33.333333%!important}.w-5\/12{width:41.666667%!important}.w-6\/12{width:50%!important}.w-7\/12{width:58.333333%!important}.w-8\/12{width:66.666667%!important}.w-9\/12{width:75%!important}.w-auto{width:auto!important}.flex-1{flex:1 1 0%!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.pr-4{padding-right:1rem!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}@media (min-width:40rem){.tablet\:w-1\/12{width:8.333333%!important}.tablet\:w-10\/12{width:83.333333%!important}.tablet\:w-11\/12{width:91.666667%!important}.tablet\:w-2\/12{width:16.666667%!important}.tablet\:w-3\/12{width:25%!important}.tablet\:w-4\/12{width:33.333333%!important}.tablet\:w-5\/12{width:41.666667%!important}.tablet\:w-6\/12{width:50%!important}.tablet\:w-7\/12{width:58.333333%!important}.tablet\:w-8\/12{width:66.666667%!important}.tablet\:w-9\/12{width:75%!important}}@media (min-width:64rem){.desktop-xs\:w-1\/12{width:8.333333%!important}.desktop-xs\:w-10\/12{width:83.333333%!important}.desktop-xs\:w-11\/12{width:91.666667%!important}.desktop-xs\:w-2\/12{width:16.666667%!important}.desktop-xs\:w-3\/12{width:25%!important}.desktop-xs\:w-4\/12{width:33.333333%!important}.desktop-xs\:w-5\/12{width:41.666667%!important}.desktop-xs\:w-6\/12{width:50%!important}.desktop-xs\:w-7\/12{width:58.333333%!important}.desktop-xs\:w-8\/12{width:66.666667%!important}.desktop-xs\:w-9\/12{width:75%!important}}@media (min-width:80rem){.desktop-sm\:w-1\/12{width:8.333333%!important}.desktop-sm\:w-10\/12{width:83.333333%!important}.desktop-sm\:w-11\/12{width:91.666667%!important}.desktop-sm\:w-2\/12{width:16.666667%!important}.desktop-sm\:w-3\/12{width:25%!important}.desktop-sm\:w-4\/12{width:33.333333%!important}.desktop-sm\:w-5\/12{width:41.666667%!important}.desktop-sm\:w-6\/12{width:50%!important}.desktop-sm\:w-7\/12{width:58.333333%!important}.desktop-sm\:w-8\/12{width:66.666667%!important}.desktop-sm\:w-9\/12{width:75%!important}}@media (min-width:85.375rem){.desktop\:w-1\/12{width:8.333333%!important}.desktop\:w-10\/12{width:83.333333%!important}.desktop\:w-11\/12{width:91.666667%!important}.desktop\:w-2\/12{width:16.666667%!important}.desktop\:w-3\/12{width:25%!important}.desktop\:w-4\/12{width:33.333333%!important}.desktop\:w-5\/12{width:41.666667%!important}.desktop\:w-6\/12{width:50%!important}.desktop\:w-7\/12{width:58.333333%!important}.desktop\:w-8\/12{width:66.666667%!important}.desktop\:w-9\/12{width:75%!important}}@media (min-width:90rem){.desktop-lg\:w-1\/12{width:8.333333%!important}.desktop-lg\:w-10\/12{width:83.333333%!important}.desktop-lg\:w-11\/12{width:91.666667%!important}.desktop-lg\:w-2\/12{width:16.666667%!important}.desktop-lg\:w-3\/12{width:25%!important}.desktop-lg\:w-4\/12{width:33.333333%!important}.desktop-lg\:w-5\/12{width:41.666667%!important}.desktop-lg\:w-6\/12{width:50%!important}.desktop-lg\:w-7\/12{width:58.333333%!important}.desktop-lg\:w-8\/12{width:66.666667%!important}.desktop-lg\:w-9\/12{width:75%!important}}@media (min-width:120rem){.desktop-xl\:w-1\/12{width:8.333333%!important}.desktop-xl\:w-10\/12{width:83.333333%!important}.desktop-xl\:w-11\/12{width:91.666667%!important}.desktop-xl\:w-2\/12{width:16.666667%!important}.desktop-xl\:w-3\/12{width:25%!important}.desktop-xl\:w-4\/12{width:33.333333%!important}.desktop-xl\:w-5\/12{width:41.666667%!important}.desktop-xl\:w-6\/12{width:50%!important}.desktop-xl\:w-7\/12{width:58.333333%!important}.desktop-xl\:w-8\/12{width:66.666667%!important}.desktop-xl\:w-9\/12{width:75%!important}}.fixed{position:fixed!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.block{display:block!important}.h-8{height:2rem!important}.w-3\/4{width:75%!important}.gap-4{gap:1rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-transparent{border-color:transparent!important}.border-t-mystic-dark{--tw-border-opacity:1!important;border-top-color:rgb(218 230 240/var(--tw-border-opacity))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}@media (min-width:64rem){.desktop-xs\:flex{display:flex!important}.desktop-xs\:hidden{display:none!important}.desktop-xs\:w-48{width:12rem!important}.desktop-xs\:w-auto{width:auto!important}.desktop-xs\:flex-row{flex-direction:row!important}}.m-0{margin:0!important}.table-row{display:table-row!important}.inline{display:inline!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}
+.inline-block{display:inline-block!important}.w-3{width:.75rem!important}.cursor-pointer{cursor:pointer!important}.bg-center{background-position:50%!important}.bg-no-repeat{background-repeat:no-repeat!important}*{box-sizing:border-box}:host .helper{background-image:url(/assets/images/helper/helper.svg);background-position:50%;background-repeat:no-repeat;cursor:pointer;display:inline-block;height:.75rem;width:.75rem}:host .helper:hover{background-image:url(/assets/images/helper/helper-hover.svg)}.static{position:static!important}

package/dist/collection/components/atoms/helper/helper.component.js

@@ -1,4 +1,4 @@
-import { h, Host } from '@stencil/core';
+import { h, Host } from "@stencil/core";
 export class Helper {
   constructor() {
     this.placement = 'top';
@@ -29,7 +29,8 @@ export class Helper {
           "references": {
             "Placement": {
               "location": "import",
-              "path": "@floating-ui/dom"
+              "path": "@floating-ui/dom",
+              "id": "../../node_modules/@floating-ui/dom/index.d.ts::Placement"
             }
           }
         },

package/dist/collection/components/atoms/helper/helper.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"helper.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/helper/helper.component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,MAAM;;qBAIgB,KAAK;;EAEpC,MAAM;IACF,OAAO,CACH,EAAC,IAAI,IAAC,KAAK,EAAC,UAAU;MAClB,iBAAW,SAAS,EAAE,IAAI,CAAC,SAAS;QAChC,WAAK,IAAI,EAAC,SAAS;UACf,eAAQ,CACN;QAEN,WAAK,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,GAAO,CACjC,CACT,CACV,CAAC;EACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Placement } from '@floating-ui/dom';\nimport { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-helper',\n    styleUrl: 'helper.component.scss',\n    shadow: true,\n})\nexport class Helper {\n    /**\n     * The placement of the helper popover\n     */\n    @Prop() placement: Placement = 'top';\n\n    render() {\n        return (\n            <Host class=\"p-helper\">\n                <p-tooltip placement={this.placement}>\n                    <div slot=\"content\">\n                        <slot />\n                    </div>\n\n                    <div slot=\"trigger\" class=\"helper\"></div>\n                </p-tooltip>\n            </Host>\n        );\n    }\n}\n"]}
+{"version":3,"file":"helper.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/helper/helper.component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,MAAM;;qBAIgB,KAAK;;EAEpC,MAAM;IACF,OAAO,CACH,EAAC,IAAI,IAAC,KAAK,EAAC,UAAU;MAClB,iBAAW,SAAS,EAAE,IAAI,CAAC,SAAS;QAChC,WAAK,IAAI,EAAC,SAAS;UACf,eAAQ,CACN;QAEN,WAAK,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,GAAO,CACjC,CACT,CACV,CAAC;EACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Placement } from '@floating-ui/dom';\nimport { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-helper',\n    styleUrl: 'helper.component.scss',\n    shadow: true,\n})\nexport class Helper {\n    /**\n     * The placement of the helper popover\n     */\n    @Prop() placement: Placement = 'top';\n\n    render() {\n        return (\n            <Host class=\"p-helper\">\n                <p-tooltip placement={this.placement}>\n                    <div slot=\"content\">\n                        <slot />\n                    </div>\n\n                    <div slot=\"trigger\" class=\"helper\"></div>\n                </p-tooltip>\n            </Host>\n        );\n    }\n}\n"]}

package/dist/collection/components/atoms/helper/test/helper.component.e2e.js

@@ -0,0 +1,26 @@
+import { newE2EPage } from "@stencil/core/testing";
+describe('p-helper', () => {
+  it('renders', async () => {
+    const page = await newE2EPage();
+    await page.setContent('<p-button>test</p-button>');
+    const element = await page.find('p-button');
+    expect(element).toHaveClass('hydrated');
+  });
+  it('renders changes to the name data', async () => {
+    const page = await newE2EPage();
+    await page.setContent('<p-button>Hello world!</p-button>');
+    // const component = await page.find('p-button');
+    const element = await page.find('p-button >>> button');
+    expect(element.textContent).toEqual(`Hello world!`);
+    // component.setProperty('name', 'World');
+    // await page.waitForChanges();
+    // expect(element.textContent).toEqual(`Hello, World!`);
+    // component.setProperty('name', 'Bob');
+    // await page.waitForChanges();
+    // expect(element.textContent).toEqual(`Hello, Bob!`);
+    // component.setProperty('name', 'Earl');
+    // await page.waitForChanges();
+    // expect(element.textContent).toEqual(`Hello, Earl!`);
+  });
+});
+//# sourceMappingURL=helper.component.e2e.js.map

package/dist/collection/components/atoms/helper/test/helper.component.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/atoms/helper/test/helper.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;EACxB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACvB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,2BAA2B,CAAC,CAAC;IACnD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC5C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EAC1C,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;IAChD,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,mCAAmC,CAAC,CAAC;IAC3D,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;IACvD,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;IAEpD,0CAA0C;IAC1C,+BAA+B;IAC/B,wDAAwD;IAExD,wCAAwC;IACxC,+BAA+B;IAC/B,sDAAsD;IAEtD,yCAAyC;IACzC,+BAA+B;IAC/B,uDAAuD;EACzD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('p-helper', () => {\n  it('renders', async () => {\n    const page = await newE2EPage();\n\n    await page.setContent('<p-button>test</p-button>');\n    const element = await page.find('p-button');\n    expect(element).toHaveClass('hydrated');\n  });\n\n  it('renders changes to the name data', async () => {\n    const page = await newE2EPage();\n\n    await page.setContent('<p-button>Hello world!</p-button>');\n    // const component = await page.find('p-button');\n    const element = await page.find('p-button >>> button');\n    expect(element.textContent).toEqual(`Hello world!`);\n\n    // component.setProperty('name', 'World');\n    // await page.waitForChanges();\n    // expect(element.textContent).toEqual(`Hello, World!`);\n\n    // component.setProperty('name', 'Bob');\n    // await page.waitForChanges();\n    // expect(element.textContent).toEqual(`Hello, Bob!`);\n\n    // component.setProperty('name', 'Earl');\n    // await page.waitForChanges();\n    // expect(element.textContent).toEqual(`Hello, Earl!`);\n  });\n});\n"]}

package/dist/collection/components/atoms/helper/test/helper.component.spec.js

@@ -0,0 +1,35 @@
+import { newSpecPage } from "@stencil/core/testing";
+import { Helper } from "../helper.component";
+describe('p-helper', () => {
+  it('renders', async () => {
+    const { root } = await newSpecPage({
+      components: [Helper],
+      html: '<p-helper>Test</p-helper>',
+    });
+    expect(root).toEqualHtml(`
+      <p-button>
+        <mock:shadow-root>
+          <button class="btn-primary">
+            Test
+          </button>
+        </mock:shadow-root>
+      </p-button>
+    `);
+  });
+  it('renders with values', async () => {
+    const { root } = await newSpecPage({
+      components: [Helper],
+      html: `<p-button variation="secondary">I have content</p-button>`,
+    });
+    expect(root).toEqualHtml(`
+      <p-button name="World">
+        <mock:shadow-root>
+          <button class="btn-secondary">
+            I have content
+          </button>
+        </mock:shadow-root>
+      </p-button>
+    `);
+  });
+});
+//# sourceMappingURL=helper.component.spec.js.map

package/dist/collection/components/atoms/helper/test/helper.component.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/atoms/helper/test/helper.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;EACxB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACvB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MACjC,UAAU,EAAE,CAAC,MAAM,CAAC;MACpB,IAAI,EAAE,2BAA2B;KAClC,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;KAQxB,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,qBAAqB,EAAE,KAAK,IAAI,EAAE;IACnC,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MACjC,UAAU,EAAE,CAAC,MAAM,CAAC;MACpB,IAAI,EAAE,2DAA2D;KAClE,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;KAQxB,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { Helper } from '../helper.component';\n\ndescribe('p-helper', () => {\n  it('renders', async () => {\n    const { root } = await newSpecPage({\n      components: [Helper],\n      html: '<p-helper>Test</p-helper>',\n    });\n    expect(root).toEqualHtml(`\n      <p-button>\n        <mock:shadow-root>\n          <button class=\"btn-primary\">\n            Test\n          </button>\n        </mock:shadow-root>\n      </p-button>\n    `);\n  });\n\n  it('renders with values', async () => {\n    const { root } = await newSpecPage({\n      components: [Helper],\n      html: `<p-button variation=\"secondary\">I have content</p-button>`,\n    });\n    expect(root).toEqualHtml(`\n      <p-button name=\"World\">\n        <mock:shadow-root>\n          <button class=\"btn-secondary\">\n            I have content\n          </button>\n        </mock:shadow-root>\n      </p-button>\n    `);\n  });\n});\n"]}

package/dist/collection/components/atoms/icon/icon.component.css

@@ -1 +1 @@
-*{box-sizing:border-box}.static{position:static!important}.m-0{margin:0!important}.mt-6{margin-top:1.5rem!important}.flex{display:flex!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-3{gap:.75rem!important}.whitespace-nowrap{white-space:nowrap!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.font-medium{font-weight:500!important}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity))!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.h-8{height:2rem!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.items-start{align-items:flex-start!important}.justify-start{justify-content:flex-start!important}.gap-2{gap:.5rem!important}.gap-4{gap:1rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.rounded-large{border-radius:.375rem!important}.bg-mystic{--tw-bg-opacity:1!important;background-color:rgb(247 250 252/var(--tw-bg-opacity))!important}.text-negative{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}.text-negative-light{--tw-text-opacity:1!important;color:rgb(255 204 211/var(--tw-text-opacity))!important}.hover\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.inline{display:inline!important}.w-full{width:100%!important}.justify-center{justify-content:center!important}.visible{visibility:visible!important}.absolute{position:absolute!important}.blur{--tw-blur:blur(8px)!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.flex-shrink-0{flex-shrink:0!important}.flex-col{flex-direction:column!important}.font-semibold{font-weight:600!important}.text-storm{--tw-text-opacity:1!important;color:rgb(81 83 107/var(--tw-text-opacity))!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.items-end{align-items:flex-end!important}.justify-between{justify-content:space-between!important}.rounded-bl-none{border-bottom-left-radius:0!important}.rounded-br-none{border-bottom-right-radius:0!important}.rounded-tl-none{border-top-left-radius:0!important}.rounded-tr-none{border-top-right-radius:0!important}.border-l-0{border-left-width:0!important}.border-r-0{border-right-width:0!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.z-navbar-backdrop{z-index:290!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}@media (min-width:64rem){.desktop-xs\:hidden{display:none!important}}.mb-14{margin-bottom:3.5rem!important}.mb-6{margin-bottom:1.5rem!important}.table{display:table!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.max-w-\[20rem\]{max-width:20rem!important}.self-center{align-self:center!important}.rounded{border-radius:.25rem!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.text-center{text-align:center!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.table-cell{display:table-cell!important}.w-1\/12{width:8.333333%!important}.w-10\/12{width:83.333333%!important}.w-11\/12{width:91.666667%!important}.w-2\/12{width:16.666667%!important}.w-3\/12{width:25%!important}.w-4\/12{width:33.333333%!important}.w-5\/12{width:41.666667%!important}.w-6\/12{width:50%!important}.w-7\/12{width:58.333333%!important}.w-8\/12{width:66.666667%!important}.w-9\/12{width:75%!important}.w-auto{width:auto!important}.justify-end{justify-content:flex-end!important}.pr-4{padding-right:1rem!important}@media (min-width:40rem){.tablet\:w-1\/12{width:8.333333%!important}.tablet\:w-10\/12{width:83.333333%!important}.tablet\:w-11\/12{width:91.666667%!important}.tablet\:w-2\/12{width:16.666667%!important}.tablet\:w-3\/12{width:25%!important}.tablet\:w-4\/12{width:33.333333%!important}.tablet\:w-5\/12{width:41.666667%!important}.tablet\:w-6\/12{width:50%!important}.tablet\:w-7\/12{width:58.333333%!important}.tablet\:w-8\/12{width:66.666667%!important}.tablet\:w-9\/12{width:75%!important}}@media (min-width:64rem){.desktop-xs\:w-1\/12{width:8.333333%!important}.desktop-xs\:w-10\/12{width:83.333333%!important}.desktop-xs\:w-11\/12{width:91.666667%!important}.desktop-xs\:w-2\/12{width:16.666667%!important}.desktop-xs\:w-3\/12{width:25%!important}.desktop-xs\:w-4\/12{width:33.333333%!important}.desktop-xs\:w-5\/12{width:41.666667%!important}.desktop-xs\:w-6\/12{width:50%!important}.desktop-xs\:w-7\/12{width:58.333333%!important}.desktop-xs\:w-8\/12{width:66.666667%!important}.desktop-xs\:w-9\/12{width:75%!important}}@media (min-width:80rem){.desktop-sm\:w-1\/12{width:8.333333%!important}.desktop-sm\:w-10\/12{width:83.333333%!important}.desktop-sm\:w-11\/12{width:91.666667%!important}.desktop-sm\:w-2\/12{width:16.666667%!important}.desktop-sm\:w-3\/12{width:25%!important}.desktop-sm\:w-4\/12{width:33.333333%!important}.desktop-sm\:w-5\/12{width:41.666667%!important}.desktop-sm\:w-6\/12{width:50%!important}.desktop-sm\:w-7\/12{width:58.333333%!important}.desktop-sm\:w-8\/12{width:66.666667%!important}.desktop-sm\:w-9\/12{width:75%!important}}@media (min-width:85.375rem){.desktop\:w-1\/12{width:8.333333%!important}.desktop\:w-10\/12{width:83.333333%!important}.desktop\:w-11\/12{width:91.666667%!important}.desktop\:w-2\/12{width:16.666667%!important}.desktop\:w-3\/12{width:25%!important}.desktop\:w-4\/12{width:33.333333%!important}.desktop\:w-5\/12{width:41.666667%!important}.desktop\:w-6\/12{width:50%!important}.desktop\:w-7\/12{width:58.333333%!important}.desktop\:w-8\/12{width:66.666667%!important}.desktop\:w-9\/12{width:75%!important}}@media (min-width:90rem){.desktop-lg\:w-1\/12{width:8.333333%!important}.desktop-lg\:w-10\/12{width:83.333333%!important}.desktop-lg\:w-11\/12{width:91.666667%!important}.desktop-lg\:w-2\/12{width:16.666667%!important}.desktop-lg\:w-3\/12{width:25%!important}.desktop-lg\:w-4\/12{width:33.333333%!important}.desktop-lg\:w-5\/12{width:41.666667%!important}.desktop-lg\:w-6\/12{width:50%!important}.desktop-lg\:w-7\/12{width:58.333333%!important}.desktop-lg\:w-8\/12{width:66.666667%!important}.desktop-lg\:w-9\/12{width:75%!important}}@media (min-width:120rem){.desktop-xl\:w-1\/12{width:8.333333%!important}.desktop-xl\:w-10\/12{width:83.333333%!important}.desktop-xl\:w-11\/12{width:91.666667%!important}.desktop-xl\:w-2\/12{width:16.666667%!important}.desktop-xl\:w-3\/12{width:25%!important}.desktop-xl\:w-4\/12{width:33.333333%!important}.desktop-xl\:w-5\/12{width:41.666667%!important}.desktop-xl\:w-6\/12{width:50%!important}.desktop-xl\:w-7\/12{width:58.333333%!important}.desktop-xl\:w-8\/12{width:66.666667%!important}.desktop-xl\:w-9\/12{width:75%!important}}.fixed{position:fixed!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.block{display:block!important}.w-3\/4{width:75%!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-transparent{border-color:transparent!important}.border-t-mystic-dark{--tw-border-opacity:1!important;border-top-color:rgb(218 230 240/var(--tw-border-opacity))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}@media (min-width:64rem){.desktop-xs\:flex{display:flex!important}.desktop-xs\:w-48{width:12rem!important}.desktop-xs\:w-auto{width:auto!important}.desktop-xs\:flex-row{flex-direction:row!important}}.table-row{display:table-row!important}.ml-auto{margin-left:auto!important}@media (min-width:40rem){.tablet\:w-80{width:20rem!important}.tablet\:w-\[33\.5rem\]{width:33.5rem!important}.tablet\:w-\[38rem\]{width:38rem!important}.tablet\:w-\[47\.5rem\]{width:47.5rem!important}.tablet\:w-\[57\.5rem\]{width:57.5rem!important}}.mt-0{margin-top:0!important}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.col-start-1{grid-column-start:1!important}.col-start-2{grid-column-start:2!important}.col-start-3{grid-column-start:3!important}.col-start-4{grid-column-start:4!important}.col-start-5{grid-column-start:5!important}.col-start-6{grid-column-start:6!important}.col-start-7{grid-column-start:7!important}
+*{box-sizing:border-box}.flex{display:flex!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}

package/dist/collection/components/atoms/icon/icon.component.js

@@ -1,5 +1,5 @@
-import { h, Host } from '@stencil/core';
-import icons from '../../../utils/icons';
+import { h, Host } from "@stencil/core";
+import icons from "../../../utils/icons";
 export class Icon {
   constructor() {
     this.variant = undefined;
@@ -65,11 +65,12 @@ export class Icon {
         "mutable": false,
         "complexType": {
           "original": "IconVariant",
-          "resolved": "\"arrow\" | \"attachment\" | \"bread\" | \"calendar\" | \"camera\" | \"car\" | \"checklist\" | \"checkmark\" | \"chevron\" | \"clock\" | \"colleagues\" | \"cogs\" | \"comment\" | \"companies\" | \"document\" | \"download\" | \"envelope\" | \"explanation\" | \"eye\" | \"faBuilding\" | \"faPiggy\" | \"filter\" | \"folder\" | \"grid\" | \"headset\" | \"integration\" | \"list\" | \"location\" | \"megaphone\" | \"menu\" | \"minus\" | \"more\" | \"negative\" | \"notification\" | \"pagination\" | \"payment\" | \"pencil\" | \"person\" | \"plan\" | \"plus\" | \"question\" | \"reload\" | \"receipt\" | \"report\" | \"search\" | \"settings\" | \"sick\" | \"signout\" | \"switch\" | \"tachometer\" | \"task\" | \"template\" | \"tool\" | \"trash\" | \"turn\" | \"upload\" | \"warning\"",
+          "resolved": "\"arrow\" | \"attachment\" | \"bread\" | \"calendar\" | \"camera\" | \"car\" | \"checklist\" | \"checkmark\" | \"chevron\" | \"clock\" | \"colleagues\" | \"cogs\" | \"comment\" | \"companies\" | \"document\" | \"download\" | \"envelope\" | \"explanation\" | \"eye\" | \"faBuilding\" | \"faPiggy\" | \"filter\" | \"folder\" | \"formula\" | \"grid\" | \"headset\" | \"integration\" | \"list\" | \"location\" | \"megaphone\" | \"menu\" | \"minus\" | \"more\" | \"negative\" | \"notification\" | \"pagination\" | \"payment\" | \"pencil\" | \"person\" | \"plan\" | \"plus\" | \"question\" | \"reload\" | \"receipt\" | \"report\" | \"search\" | \"settings\" | \"sick\" | \"signout\" | \"switch\" | \"tachometer\" | \"task\" | \"template\" | \"tool\" | \"trash\" | \"turn\" | \"upload\" | \"warning\"",
           "references": {
             "IconVariant": {
               "location": "local",
-              "path": "/home/runner/work/Paperless/Paperless/packages/core/src/components/atoms/icon/icon.component.tsx"
+              "path": "/home/runner/work/Paperless/Paperless/packages/core/src/components/atoms/icon/icon.component.tsx",
+              "id": "src/components/atoms/icon/icon.component.tsx::IconVariant"
             }
           }
         },
@@ -91,7 +92,8 @@ export class Icon {
           "references": {
             "TextSizeOptions": {
               "location": "import",
-              "path": "../../../types/tailwind"
+              "path": "../../../types/tailwind",
+              "id": "src/types/tailwind.ts::TextSizeOptions"
             }
           }
         },
@@ -114,7 +116,8 @@ export class Icon {
           "references": {
             "RotateOptions": {
               "location": "import",
-              "path": "../../../types/tailwind"
+              "path": "../../../types/tailwind",
+              "id": "src/types/tailwind.ts::RotateOptions"
             }
           }
         },
@@ -137,7 +140,8 @@ export class Icon {
           "references": {
             "IconFlipOptions": {
               "location": "local",
-              "path": "/home/runner/work/Paperless/Paperless/packages/core/src/components/atoms/icon/icon.component.tsx"
+              "path": "/home/runner/work/Paperless/Paperless/packages/core/src/components/atoms/icon/icon.component.tsx",
+              "id": "src/components/atoms/icon/icon.component.tsx::IconFlipOptions"
             }
           }
         },

package/dist/collection/components/atoms/icon/icon.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/icon/icon.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEzD,OAAO,KAAK,MAAM,sBAAsB,CAAC;AAUzC,MAAM,OAAO,IAAI;;;gBASmB,MAAM;kBAKN,CAAC;gBAKD,IAAI;;EAEpC,MAAM;IACF,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAEjC,MAAM,MAAM,GAAG;MACX,aAAa,EAAE,IAAI;MACnB,WAAW,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM;MACjC,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;MAC/B,SAAS,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;MAC7B,SAAS,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;MAC7B,WAAW,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM;MACjC,SAAS,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;MAC7B,SAAS,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;MAC7B,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;MAC/B,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;MAC/B,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;MAC/B,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;MAC/B,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;MAC/B,SAAS,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI;MACvC,cAAc,EAAE,IAAI,CAAC,IAAI,KAAK,YAAY;MAC1C,cAAc,EAAE,IAAI,CAAC,IAAI,KAAK,UAAU;MACxC,UAAU,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC;MAC7B,WAAW,EAAE,IAAI,CAAC,MAAM,KAAK,EAAE;MAC/B,WAAW,EAAE,IAAI,CAAC,MAAM,KAAK,EAAE;MAC/B,WAAW,EAAE,IAAI,CAAC,MAAM,KAAK,EAAE;MAC/B,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;MACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;MACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;MACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;MACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;MACjC,WAAW,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC;MAC/B,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;MACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;MACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;MACjC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;MACnC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;MACnC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;MACnC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;MACnC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;KACtC,CAAC;IAEF,OAAO,EAAC,IAAI,IAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,GAAS,CAAC;EACzD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions, TextSizeOptions } from '../../../types/tailwind';\nimport icons from '../../../utils/icons';\n\nexport type IconVariant = keyof typeof icons;\nexport type IconFlipOptions = 'horizontal' | 'vertical';\n\n@Component({\n    tag: 'p-icon',\n    styleUrl: 'icon.component.scss',\n    // shadow: true,\n})\nexport class Icon {\n    /**\n     * The icon the be displayed\n     */\n    @Prop() variant!: IconVariant;\n\n    /**\n     * The size of the icon, using tailwind sizes\n     */\n    @Prop() size: TextSizeOptions = 'auto';\n\n    /**\n     * Wether to rotate the icon x degrees\n     */\n    @Prop() rotate: RotateOptions = 0;\n\n    /**\n     * Wether to flip the icon horizontally or vertically\n     */\n    @Prop() flip: IconFlipOptions = null;\n\n    render() {\n        const icon = icons[this.variant];\n\n        const styles = {\n            'p-icon flex': true,\n            'text-auto': this.size === 'auto',\n            'text-xxs': this.size === 'xxs',\n            'text-xs': this.size === 'xs',\n            'text-sm': this.size === 'sm',\n            'text-base': this.size === 'base',\n            'text-lg': this.size === 'lg',\n            'text-xl': this.size === 'xl',\n            'text-2xl': this.size === '2xl',\n            'text-3xl': this.size === '3xl',\n            'text-4xl': this.size === '4xl',\n            'text-5xl': this.size === '5xl',\n            'text-6xl': this.size === '6xl',\n            transform: !!this.rotate || !!this.flip,\n            'scale-x-flip': this.flip === 'horizontal',\n            'scale-y-flip': this.flip === 'vertical',\n            'rotate-0': this.rotate === 0,\n            'rotate-25': this.rotate === 25,\n            'rotate-45': this.rotate === 45,\n            'rotate-90': this.rotate === 90,\n            'rotate-135': this.rotate === 135,\n            'rotate-180': this.rotate === 180,\n            'rotate-225': this.rotate === 225,\n            'rotate-270': this.rotate === 270,\n            'rotate-315': this.rotate === 315,\n            '-rotate-0': this.rotate === -0,\n            '-rotate-25': this.rotate === -25,\n            '-rotate-45': this.rotate === -45,\n            '-rotate-90': this.rotate === -90,\n            '-rotate-135': this.rotate === -135,\n            '-rotate-180': this.rotate === -180,\n            '-rotate-225': this.rotate === -225,\n            '-rotate-270': this.rotate === -270,\n            '-rotate-315': this.rotate === -315,\n        };\n\n        return <Host class={styles} innerHTML={icon}></Host>;\n    }\n}\n"]}
+{"version":3,"file":"icon.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/icon/icon.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEzD,OAAO,KAAK,MAAM,sBAAsB,CAAC;AAUzC,MAAM,OAAO,IAAI;;;gBASmB,MAAM;kBAKN,CAAC;gBAKD,IAAI;;EAEpC,MAAM;IACF,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAEjC,MAAM,MAAM,GAAG;MACX,aAAa,EAAE,IAAI;MACnB,WAAW,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM;MACjC,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;MAC/B,SAAS,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;MAC7B,SAAS,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;MAC7B,WAAW,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM;MACjC,SAAS,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;MAC7B,SAAS,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;MAC7B,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;MAC/B,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;MAC/B,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;MAC/B,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;MAC/B,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;MAC/B,SAAS,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI;MACvC,cAAc,EAAE,IAAI,CAAC,IAAI,KAAK,YAAY;MAC1C,cAAc,EAAE,IAAI,CAAC,IAAI,KAAK,UAAU;MACxC,UAAU,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC;MAC7B,WAAW,EAAE,IAAI,CAAC,MAAM,KAAK,EAAE;MAC/B,WAAW,EAAE,IAAI,CAAC,MAAM,KAAK,EAAE;MAC/B,WAAW,EAAE,IAAI,CAAC,MAAM,KAAK,EAAE;MAC/B,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;MACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;MACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;MACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;MACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;MACjC,WAAW,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC;MAC/B,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;MACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;MACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;MACjC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;MACnC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;MACnC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;MACnC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;MACnC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;KACtC,CAAC;IAEF,OAAO,EAAC,IAAI,IAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,GAAS,CAAC;EACzD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions, TextSizeOptions } from '../../../types/tailwind';\nimport icons from '../../../utils/icons';\n\nexport type IconVariant = keyof typeof icons;\nexport type IconFlipOptions = 'horizontal' | 'vertical';\n\n@Component({\n    tag: 'p-icon',\n    styleUrl: 'icon.component.scss',\n    // shadow: true,\n})\nexport class Icon {\n    /**\n     * The icon the be displayed\n     */\n    @Prop() variant!: IconVariant;\n\n    /**\n     * The size of the icon, using tailwind sizes\n     */\n    @Prop() size: TextSizeOptions = 'auto';\n\n    /**\n     * Wether to rotate the icon x degrees\n     */\n    @Prop() rotate: RotateOptions = 0;\n\n    /**\n     * Wether to flip the icon horizontally or vertically\n     */\n    @Prop() flip: IconFlipOptions = null;\n\n    render() {\n        const icon = icons[this.variant];\n\n        const styles = {\n            'p-icon flex': true,\n            'text-auto': this.size === 'auto',\n            'text-xxs': this.size === 'xxs',\n            'text-xs': this.size === 'xs',\n            'text-sm': this.size === 'sm',\n            'text-base': this.size === 'base',\n            'text-lg': this.size === 'lg',\n            'text-xl': this.size === 'xl',\n            'text-2xl': this.size === '2xl',\n            'text-3xl': this.size === '3xl',\n            'text-4xl': this.size === '4xl',\n            'text-5xl': this.size === '5xl',\n            'text-6xl': this.size === '6xl',\n            transform: !!this.rotate || !!this.flip,\n            'scale-x-flip': this.flip === 'horizontal',\n            'scale-y-flip': this.flip === 'vertical',\n            'rotate-0': this.rotate === 0,\n            'rotate-25': this.rotate === 25,\n            'rotate-45': this.rotate === 45,\n            'rotate-90': this.rotate === 90,\n            'rotate-135': this.rotate === 135,\n            'rotate-180': this.rotate === 180,\n            'rotate-225': this.rotate === 225,\n            'rotate-270': this.rotate === 270,\n            'rotate-315': this.rotate === 315,\n            '-rotate-0': this.rotate === -0,\n            '-rotate-25': this.rotate === -25,\n            '-rotate-45': this.rotate === -45,\n            '-rotate-90': this.rotate === -90,\n            '-rotate-135': this.rotate === -135,\n            '-rotate-180': this.rotate === -180,\n            '-rotate-225': this.rotate === -225,\n            '-rotate-270': this.rotate === -270,\n            '-rotate-315': this.rotate === -315,\n        };\n\n        return <Host class={styles} innerHTML={icon}></Host>;\n    }\n}\n"]}

package/dist/collection/components/atoms/icon/test/icon.component.e2e.js

@@ -0,0 +1,37 @@
+import { newE2EPage } from "@stencil/core/testing";
+describe('p-icon', () => {
+  it('renders', async () => {
+    const page = await newE2EPage();
+    await page.setContent('<p-icon variant="document"></p-icon>');
+    const element = await page.find('p-icon');
+    expect(element).toHaveClass('hydrated');
+  });
+  it('size', async () => {
+    const page = await newE2EPage();
+    await page.setContent('<p-icon variant="document" size="5xl"></p-icon>');
+    const element = await page.find('p-icon');
+    expect(element).toHaveClass('text-5xl');
+  });
+  it('rotate 45 degrees', async () => {
+    const page = await newE2EPage();
+    await page.setContent('<p-icon variant="document" rotate="45"></p-icon>');
+    const element = await page.find('p-icon');
+    expect(element).toHaveClass('transform');
+    expect(element).toHaveClass('rotate-45');
+  });
+  it('flip vertical', async () => {
+    const page = await newE2EPage();
+    await page.setContent('<p-icon variant="document" flip="vertical"></p-icon>');
+    const element = await page.find('p-icon');
+    expect(element).toHaveClass('transform');
+    expect(element).toHaveClass('-scale-y-1');
+  });
+  it('flip horizontal', async () => {
+    const page = await newE2EPage();
+    await page.setContent('<p-icon variant="document" flip="horizontal"></p-icon>');
+    const element = await page.find('p-icon');
+    expect(element).toHaveClass('transform');
+    expect(element).toHaveClass('-scale-x-1');
+  });
+});
+//# sourceMappingURL=icon.component.e2e.js.map

package/dist/collection/components/atoms/icon/test/icon.component.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/atoms/icon/test/icon.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;EACtB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACvB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC,sCAAsC,CAAC,CAAC;IAE9D,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC1C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EAC1C,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,MAAM,EAAE,KAAK,IAAI,EAAE;IACpB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC,iDAAiD,CAAC,CAAC;IAEzE,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC1C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EAC1C,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,mBAAmB,EAAE,KAAK,IAAI,EAAE;IACjC,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC,kDAAkD,CAAC,CAAC;IAE1E,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC1C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IACzC,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;EAC3C,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,eAAe,EAAE,KAAK,IAAI,EAAE;IAC7B,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC,sDAAsD,CAAC,CAAC;IAE9E,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC1C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IACzC,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;EAC5C,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,iBAAiB,EAAE,KAAK,IAAI,EAAE;IAC/B,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC,wDAAwD,CAAC,CAAC;IAEhF,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC1C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IACzC,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;EAC5C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('p-icon', () => {\n  it('renders', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<p-icon variant=\"document\"></p-icon>');\n\n    const element = await page.find('p-icon');\n    expect(element).toHaveClass('hydrated');\n  });\n\n  it('size', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<p-icon variant=\"document\" size=\"5xl\"></p-icon>');\n\n    const element = await page.find('p-icon');\n    expect(element).toHaveClass('text-5xl');\n  });\n\n  it('rotate 45 degrees', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<p-icon variant=\"document\" rotate=\"45\"></p-icon>');\n\n    const element = await page.find('p-icon');\n    expect(element).toHaveClass('transform');\n    expect(element).toHaveClass('rotate-45');\n  });\n\n  it('flip vertical', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<p-icon variant=\"document\" flip=\"vertical\"></p-icon>');\n\n    const element = await page.find('p-icon');\n    expect(element).toHaveClass('transform');\n    expect(element).toHaveClass('-scale-y-1');\n  });\n\n  it('flip horizontal', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<p-icon variant=\"document\" flip=\"horizontal\"></p-icon>');\n\n    const element = await page.find('p-icon');\n    expect(element).toHaveClass('transform');\n    expect(element).toHaveClass('-scale-x-1');\n  });\n});\n"]}

package/dist/collection/components/atoms/icon/test/icon.component.spec.js

@@ -0,0 +1,47 @@
+import { newSpecPage } from "@stencil/core/testing";
+import { Icon } from "../icon.component";
+describe('p-icon', () => {
+  it('renders', async () => {
+    const page = await newSpecPage({
+      components: [Icon],
+      html: `<p-icon variant="document"></p-icon>`,
+    });
+    expect(page.root).toEqualHtml(`
+      <p-icon variant="document" class="p-icon inline-block text-auto hydrated" innerhtml="<?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?>
+      <svg width=&quot;1em&quot; height=&quot;1em&quot; viewBox=&quot;0 0 16 16&quot; version=&quot;1.1&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; xmlns:xlink=&quot;http://www.w3.org/1999/xlink&quot;>
+            <title>20D69539-7C20-49F0-9BCF-AE6F4D356668@1x</title>
+            <g id=&quot;✔️-Collections&quot; stroke=&quot;none&quot; stroke-width=&quot;1&quot; fill=&quot;none&quot; fill-rule=&quot;evenodd&quot;>
+                <g id=&quot;⚛️-Atoms---Icons&quot; transform=&quot;translate(-299.000000, -534.000000)&quot; fill=&quot;#989AB7&quot;>
+                    <g id=&quot;Collection---Icons&quot; transform=&quot;translate(56.000000, 56.000000)&quot;>
+                        <g id=&quot;icons&quot; transform=&quot;translate(0.000000, 152.000000)&quot;>
+                            <g id=&quot;document&quot; transform=&quot;translate(0.000000, 326.000000)&quot;>
+                                <g id=&quot;Rectangle-9&quot; transform=&quot;translate(243.000000, 0.000000)&quot;>
+                                    <path d=&quot;M10.5857864,0 C10.8510029,-4.87194788e-17 11.1053568,0.10535684 11.2928932,0.292893219 L13.7071068,2.70710678 C13.8946432,2.89464316 14,3.14899707 14,3.41421356 L14,15 C14,15.5522847 13.5522847,16 13,16 L3,16 C2.44771525,16 2,15.5522847 2,15 L2,1 C2,0.44771525 2.44771525,1.01453063e-16 3,0 L10.5857864,0 Z M10.5,12 L5.5,12 C5.22385763,12 5,12.2238576 5,12.5 C5,12.7761424 5.22385763,13 5.5,13 L5.5,13 L10.5,13 C10.7761424,13 11,12.7761424 11,12.5 C11,12.2238576 10.7761424,12 10.5,12 L10.5,12 Z M10.5,10 L5.5,10 C5.22385763,10 5,10.2238576 5,10.5 C5,10.7761424 5.22385763,11 5.5,11 L5.5,11 L10.5,11 C10.7761424,11 11,10.7761424 11,10.5 C11,10.2238576 10.7761424,10 10.5,10 L10.5,10 Z M8.5,8 L5.5,8 C5.22385763,8 5,8.22385763 5,8.5 C5,8.77614237 5.22385763,9 5.5,9 L5.5,9 L8.5,9 C8.77614237,9 9,8.77614237 9,8.5 C9,8.22385763 8.77614237,8 8.5,8 L8.5,8 Z M10.072225,1.5009428 C10.025952,1.54774288 10,1.61090189 10,1.67671555 L10,3.91659843 C10,4.05466962 10.1119288,4.16659843 10.25,4.16659843 L12.5153972,4.16659843 C12.6534684,4.16659843 12.7653972,4.05466962 12.7653972,3.91659843 C12.7653972,3.84980357 12.7386677,3.78578633 12.6911699,3.73882347 L10.4257728,1.49894059 C10.3275904,1.40186397 10.1693016,1.40276039 10.072225,1.5009428 Z&quot;></path>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </svg>"><!--?xml version="1.0" encoding="UTF-8"?-->
+        <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+            <title>20D69539-7C20-49F0-9BCF-AE6F4D356668@1x</title>
+            <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -534.000000)" fill="#989AB7">
+                    <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
+                        <g id="icons" transform="translate(0.000000, 152.000000)">
+                            <g id="document" transform="translate(0.000000, 326.000000)">
+                                <g id="Rectangle-9" transform="translate(243.000000, 0.000000)">
+                                    <path d="M10.5857864,0 C10.8510029,-4.87194788e-17 11.1053568,0.10535684 11.2928932,0.292893219 L13.7071068,2.70710678 C13.8946432,2.89464316 14,3.14899707 14,3.41421356 L14,15 C14,15.5522847 13.5522847,16 13,16 L3,16 C2.44771525,16 2,15.5522847 2,15 L2,1 C2,0.44771525 2.44771525,1.01453063e-16 3,0 L10.5857864,0 Z M10.5,12 L5.5,12 C5.22385763,12 5,12.2238576 5,12.5 C5,12.7761424 5.22385763,13 5.5,13 L5.5,13 L10.5,13 C10.7761424,13 11,12.7761424 11,12.5 C11,12.2238576 10.7761424,12 10.5,12 L10.5,12 Z M10.5,10 L5.5,10 C5.22385763,10 5,10.2238576 5,10.5 C5,10.7761424 5.22385763,11 5.5,11 L5.5,11 L10.5,11 C10.7761424,11 11,10.7761424 11,10.5 C11,10.2238576 10.7761424,10 10.5,10 L10.5,10 Z M8.5,8 L5.5,8 C5.22385763,8 5,8.22385763 5,8.5 C5,8.77614237 5.22385763,9 5.5,9 L5.5,9 L8.5,9 C8.77614237,9 9,8.77614237 9,8.5 C9,8.22385763 8.77614237,8 8.5,8 L8.5,8 Z M10.072225,1.5009428 C10.025952,1.54774288 10,1.61090189 10,1.67671555 L10,3.91659843 C10,4.05466962 10.1119288,4.16659843 10.25,4.16659843 L12.5153972,4.16659843 C12.6534684,4.16659843 12.7653972,4.05466962 12.7653972,3.91659843 C12.7653972,3.84980357 12.7386677,3.78578633 12.6911699,3.73882347 L10.4257728,1.49894059 C10.3275904,1.40186397 10.1693016,1.40276039 10.072225,1.5009428 Z"></path>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </svg>
+      </p-icon>
+    `);
+  });
+});
+//# sourceMappingURL=icon.component.spec.js.map

package/dist/collection/components/atoms/icon/test/icon.component.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/atoms/icon/test/icon.component.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;EACtB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,IAAI,CAAC;MAClB,IAAI,EAAE,sCAAsC;KAC7C,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmC7B,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { Icon } from '../icon.component';\n\ndescribe('p-icon', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [Icon],\n      html: `<p-icon variant=\"document\"></p-icon>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <p-icon variant=\"document\" class=\"p-icon inline-block text-auto hydrated\" innerhtml=\"<?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?>\n      <svg width=&quot;1em&quot; height=&quot;1em&quot; viewBox=&quot;0 0 16 16&quot; version=&quot;1.1&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; xmlns:xlink=&quot;http://www.w3.org/1999/xlink&quot;>\n            <title>20D69539-7C20-49F0-9BCF-AE6F4D356668@1x</title>\n            <g id=&quot;✔️-Collections&quot; stroke=&quot;none&quot; stroke-width=&quot;1&quot; fill=&quot;none&quot; fill-rule=&quot;evenodd&quot;>\n                <g id=&quot;⚛️-Atoms---Icons&quot; transform=&quot;translate(-299.000000, -534.000000)&quot; fill=&quot;#989AB7&quot;>\n                    <g id=&quot;Collection---Icons&quot; transform=&quot;translate(56.000000, 56.000000)&quot;>\n                        <g id=&quot;icons&quot; transform=&quot;translate(0.000000, 152.000000)&quot;>\n                            <g id=&quot;document&quot; transform=&quot;translate(0.000000, 326.000000)&quot;>\n                                <g id=&quot;Rectangle-9&quot; transform=&quot;translate(243.000000, 0.000000)&quot;>\n                                    <path d=&quot;M10.5857864,0 C10.8510029,-4.87194788e-17 11.1053568,0.10535684 11.2928932,0.292893219 L13.7071068,2.70710678 C13.8946432,2.89464316 14,3.14899707 14,3.41421356 L14,15 C14,15.5522847 13.5522847,16 13,16 L3,16 C2.44771525,16 2,15.5522847 2,15 L2,1 C2,0.44771525 2.44771525,1.01453063e-16 3,0 L10.5857864,0 Z M10.5,12 L5.5,12 C5.22385763,12 5,12.2238576 5,12.5 C5,12.7761424 5.22385763,13 5.5,13 L5.5,13 L10.5,13 C10.7761424,13 11,12.7761424 11,12.5 C11,12.2238576 10.7761424,12 10.5,12 L10.5,12 Z M10.5,10 L5.5,10 C5.22385763,10 5,10.2238576 5,10.5 C5,10.7761424 5.22385763,11 5.5,11 L5.5,11 L10.5,11 C10.7761424,11 11,10.7761424 11,10.5 C11,10.2238576 10.7761424,10 10.5,10 L10.5,10 Z M8.5,8 L5.5,8 C5.22385763,8 5,8.22385763 5,8.5 C5,8.77614237 5.22385763,9 5.5,9 L5.5,9 L8.5,9 C8.77614237,9 9,8.77614237 9,8.5 C9,8.22385763 8.77614237,8 8.5,8 L8.5,8 Z M10.072225,1.5009428 C10.025952,1.54774288 10,1.61090189 10,1.67671555 L10,3.91659843 C10,4.05466962 10.1119288,4.16659843 10.25,4.16659843 L12.5153972,4.16659843 C12.6534684,4.16659843 12.7653972,4.05466962 12.7653972,3.91659843 C12.7653972,3.84980357 12.7386677,3.78578633 12.6911699,3.73882347 L10.4257728,1.49894059 C10.3275904,1.40186397 10.1693016,1.40276039 10.072225,1.5009428 Z&quot;></path>\n                                </g>\n                            </g>\n                        </g>\n                    </g>\n                </g>\n            </g>\n        </svg>\"><!--?xml version=\"1.0\" encoding=\"UTF-8\"?-->\n        <svg width=\"1em\" height=\"1em\" viewBox=\"0 0 16 16\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n            <title>20D69539-7C20-49F0-9BCF-AE6F4D356668@1x</title>\n            <g id=\"✔️-Collections\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n                <g id=\"⚛️-Atoms---Icons\" transform=\"translate(-299.000000, -534.000000)\" fill=\"#989AB7\">\n                    <g id=\"Collection---Icons\" transform=\"translate(56.000000, 56.000000)\">\n                        <g id=\"icons\" transform=\"translate(0.000000, 152.000000)\">\n                            <g id=\"document\" transform=\"translate(0.000000, 326.000000)\">\n                                <g id=\"Rectangle-9\" transform=\"translate(243.000000, 0.000000)\">\n                                    <path d=\"M10.5857864,0 C10.8510029,-4.87194788e-17 11.1053568,0.10535684 11.2928932,0.292893219 L13.7071068,2.70710678 C13.8946432,2.89464316 14,3.14899707 14,3.41421356 L14,15 C14,15.5522847 13.5522847,16 13,16 L3,16 C2.44771525,16 2,15.5522847 2,15 L2,1 C2,0.44771525 2.44771525,1.01453063e-16 3,0 L10.5857864,0 Z M10.5,12 L5.5,12 C5.22385763,12 5,12.2238576 5,12.5 C5,12.7761424 5.22385763,13 5.5,13 L5.5,13 L10.5,13 C10.7761424,13 11,12.7761424 11,12.5 C11,12.2238576 10.7761424,12 10.5,12 L10.5,12 Z M10.5,10 L5.5,10 C5.22385763,10 5,10.2238576 5,10.5 C5,10.7761424 5.22385763,11 5.5,11 L5.5,11 L10.5,11 C10.7761424,11 11,10.7761424 11,10.5 C11,10.2238576 10.7761424,10 10.5,10 L10.5,10 Z M8.5,8 L5.5,8 C5.22385763,8 5,8.22385763 5,8.5 C5,8.77614237 5.22385763,9 5.5,9 L5.5,9 L8.5,9 C8.77614237,9 9,8.77614237 9,8.5 C9,8.22385763 8.77614237,8 8.5,8 L8.5,8 Z M10.072225,1.5009428 C10.025952,1.54774288 10,1.61090189 10,1.67671555 L10,3.91659843 C10,4.05466962 10.1119288,4.16659843 10.25,4.16659843 L12.5153972,4.16659843 C12.6534684,4.16659843 12.7653972,4.05466962 12.7653972,3.91659843 C12.7653972,3.84980357 12.7386677,3.78578633 12.6911699,3.73882347 L10.4257728,1.49894059 C10.3275904,1.40186397 10.1693016,1.40276039 10.072225,1.5009428 Z\"></path>\n                                </g>\n                            </g>\n                        </g>\n                    </g>\n                </g>\n            </g>\n        </svg>\n      </p-icon>\n    `);\n  });\n});\n"]}

package/dist/collection/components/atoms/illustration/illustration.component.js

@@ -1,5 +1,5 @@
-import { h, Host } from '@stencil/core';
-import illustrations from '../../../utils/illustrations';
+import { h, Host } from "@stencil/core";
+import illustrations from "../../../utils/illustrations";
 export class Illustration {
   constructor() {
     this.variant = undefined;
@@ -20,7 +20,8 @@ export class Illustration {
           "references": {
             "IllustrationVariant": {
               "location": "local",
-              "path": "/home/runner/work/Paperless/Paperless/packages/core/src/components/atoms/illustration/illustration.component.tsx"
+              "path": "/home/runner/work/Paperless/Paperless/packages/core/src/components/atoms/illustration/illustration.component.tsx",
+              "id": "src/components/atoms/illustration/illustration.component.tsx::IllustrationVariant"
             }
           }
         },

package/dist/collection/components/atoms/illustration/illustration.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"illustration.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/illustration/illustration.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,aAAa,MAAM,8BAA8B,CAAC;AAQzD,MAAM,OAAO,YAAY;;;;EAMvB,MAAM;IACJ,MAAM,YAAY,GAAG,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAEjD,OAAO,EAAC,IAAI,IAAC,KAAK,EAAC,sBAAsB,EAAC,SAAS,EAAE,YAAY,GAAS,CAAC;EAC7E,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport illustrations from '../../../utils/illustrations';\n\nexport type IllustrationVariant = keyof typeof illustrations;\n\n@Component({\n  tag: 'p-illustration',\n  // shadow: true,\n})\nexport class Illustration {\n  /**\n   * The icon the be displayed\n   */\n  @Prop() variant!: IllustrationVariant;\n\n  render() {\n    const illustration = illustrations[this.variant];\n\n    return <Host class=\"p-illustration block\" innerHTML={illustration}></Host>;\n  }\n}\n"]}
+{"version":3,"file":"illustration.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/illustration/illustration.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,aAAa,MAAM,8BAA8B,CAAC;AAQzD,MAAM,OAAO,YAAY;;;;EAMvB,MAAM;IACJ,MAAM,YAAY,GAAG,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAEjD,OAAO,EAAC,IAAI,IAAC,KAAK,EAAC,sBAAsB,EAAC,SAAS,EAAE,YAAY,GAAS,CAAC;EAC7E,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport illustrations from '../../../utils/illustrations';\n\nexport type IllustrationVariant = keyof typeof illustrations;\n\n@Component({\n  tag: 'p-illustration',\n  // shadow: true,\n})\nexport class Illustration {\n  /**\n   * The icon the be displayed\n   */\n  @Prop() variant!: IllustrationVariant;\n\n  render() {\n    const illustration = illustrations[this.variant];\n\n    return <Host class=\"p-illustration block\" innerHTML={illustration}></Host>;\n  }\n}\n"]}

package/dist/collection/components/atoms/illustration/test/illustration.component.e2e.js

@@ -0,0 +1,37 @@
+import { newE2EPage } from "@stencil/core/testing";
+describe('p-illustration', () => {
+  it('renders', async () => {
+    const page = await newE2EPage();
+    await page.setContent('<p-icon icon="document"></p-icon>');
+    const element = await page.find('p-icon');
+    expect(element).toHaveClass('hydrated');
+  });
+  it('size', async () => {
+    const page = await newE2EPage();
+    await page.setContent('<p-icon icon="document" size="5xl"></p-icon>');
+    const element = await page.find('p-icon');
+    expect(element).toHaveClass('text-5xl');
+  });
+  it('rotate 45 degrees', async () => {
+    const page = await newE2EPage();
+    await page.setContent('<p-icon icon="document" rotate="45"></p-icon>');
+    const element = await page.find('p-icon');
+    expect(element).toHaveClass('transform');
+    expect(element).toHaveClass('rotate-45');
+  });
+  it('flip vertical', async () => {
+    const page = await newE2EPage();
+    await page.setContent('<p-icon icon="document" flip="vertical"></p-icon>');
+    const element = await page.find('p-icon');
+    expect(element).toHaveClass('transform');
+    expect(element).toHaveClass('-scale-y-1');
+  });
+  it('flip horizontal', async () => {
+    const page = await newE2EPage();
+    await page.setContent('<p-icon icon="document" flip="horizontal"></p-icon>');
+    const element = await page.find('p-icon');
+    expect(element).toHaveClass('transform');
+    expect(element).toHaveClass('-scale-x-1');
+  });
+});
+//# sourceMappingURL=illustration.component.e2e.js.map

package/dist/collection/components/atoms/illustration/test/illustration.component.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"illustration.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/atoms/illustration/test/illustration.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;EAC9B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACvB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC,mCAAmC,CAAC,CAAC;IAE3D,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC1C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EAC1C,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,MAAM,EAAE,KAAK,IAAI,EAAE;IACpB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC,8CAA8C,CAAC,CAAC;IAEtE,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC1C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EAC1C,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,mBAAmB,EAAE,KAAK,IAAI,EAAE;IACjC,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC,+CAA+C,CAAC,CAAC;IAEvE,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC1C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IACzC,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;EAC3C,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,eAAe,EAAE,KAAK,IAAI,EAAE;IAC7B,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC,mDAAmD,CAAC,CAAC;IAE3E,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC1C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IACzC,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;EAC5C,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,iBAAiB,EAAE,KAAK,IAAI,EAAE;IAC/B,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC,qDAAqD,CAAC,CAAC;IAE7E,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC1C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IACzC,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;EAC5C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('p-illustration', () => {\n  it('renders', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<p-icon icon=\"document\"></p-icon>');\n\n    const element = await page.find('p-icon');\n    expect(element).toHaveClass('hydrated');\n  });\n\n  it('size', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<p-icon icon=\"document\" size=\"5xl\"></p-icon>');\n\n    const element = await page.find('p-icon');\n    expect(element).toHaveClass('text-5xl');\n  });\n\n  it('rotate 45 degrees', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<p-icon icon=\"document\" rotate=\"45\"></p-icon>');\n\n    const element = await page.find('p-icon');\n    expect(element).toHaveClass('transform');\n    expect(element).toHaveClass('rotate-45');\n  });\n\n  it('flip vertical', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<p-icon icon=\"document\" flip=\"vertical\"></p-icon>');\n\n    const element = await page.find('p-icon');\n    expect(element).toHaveClass('transform');\n    expect(element).toHaveClass('-scale-y-1');\n  });\n\n  it('flip horizontal', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<p-icon icon=\"document\" flip=\"horizontal\"></p-icon>');\n\n    const element = await page.find('p-icon');\n    expect(element).toHaveClass('transform');\n    expect(element).toHaveClass('-scale-x-1');\n  });\n});\n"]}

package/dist/collection/components/atoms/illustration/test/illustration.component.spec.js

@@ -0,0 +1,47 @@
+import { newSpecPage } from "@stencil/core/testing";
+import { Illustration } from "../illustration.component";
+describe('p-illustration', () => {
+  it('renders', async () => {
+    const page = await newSpecPage({
+      components: [Illustration],
+      html: `<p-illustration icon="document"></p-illustration>`,
+    });
+    expect(page.root).toEqualHtml(`
+      <p-icon icon="document" class="p-icon inline-block text-auto hydrated" innerhtml="<?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?>
+      <svg width=&quot;1em&quot; height=&quot;1em&quot; viewBox=&quot;0 0 16 16&quot; version=&quot;1.1&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; xmlns:xlink=&quot;http://www.w3.org/1999/xlink&quot;>
+            <title>20D69539-7C20-49F0-9BCF-AE6F4D356668@1x</title>
+            <g id=&quot;✔️-Collections&quot; stroke=&quot;none&quot; stroke-width=&quot;1&quot; fill=&quot;none&quot; fill-rule=&quot;evenodd&quot;>
+                <g id=&quot;⚛️-Atoms---Icons&quot; transform=&quot;translate(-299.000000, -534.000000)&quot; fill=&quot;#989AB7&quot;>
+                    <g id=&quot;Collection---Icons&quot; transform=&quot;translate(56.000000, 56.000000)&quot;>
+                        <g id=&quot;icons&quot; transform=&quot;translate(0.000000, 152.000000)&quot;>
+                            <g id=&quot;document&quot; transform=&quot;translate(0.000000, 326.000000)&quot;>
+                                <g id=&quot;Rectangle-9&quot; transform=&quot;translate(243.000000, 0.000000)&quot;>
+                                    <path d=&quot;M10.5857864,0 C10.8510029,-4.87194788e-17 11.1053568,0.10535684 11.2928932,0.292893219 L13.7071068,2.70710678 C13.8946432,2.89464316 14,3.14899707 14,3.41421356 L14,15 C14,15.5522847 13.5522847,16 13,16 L3,16 C2.44771525,16 2,15.5522847 2,15 L2,1 C2,0.44771525 2.44771525,1.01453063e-16 3,0 L10.5857864,0 Z M10.5,12 L5.5,12 C5.22385763,12 5,12.2238576 5,12.5 C5,12.7761424 5.22385763,13 5.5,13 L5.5,13 L10.5,13 C10.7761424,13 11,12.7761424 11,12.5 C11,12.2238576 10.7761424,12 10.5,12 L10.5,12 Z M10.5,10 L5.5,10 C5.22385763,10 5,10.2238576 5,10.5 C5,10.7761424 5.22385763,11 5.5,11 L5.5,11 L10.5,11 C10.7761424,11 11,10.7761424 11,10.5 C11,10.2238576 10.7761424,10 10.5,10 L10.5,10 Z M8.5,8 L5.5,8 C5.22385763,8 5,8.22385763 5,8.5 C5,8.77614237 5.22385763,9 5.5,9 L5.5,9 L8.5,9 C8.77614237,9 9,8.77614237 9,8.5 C9,8.22385763 8.77614237,8 8.5,8 L8.5,8 Z M10.072225,1.5009428 C10.025952,1.54774288 10,1.61090189 10,1.67671555 L10,3.91659843 C10,4.05466962 10.1119288,4.16659843 10.25,4.16659843 L12.5153972,4.16659843 C12.6534684,4.16659843 12.7653972,4.05466962 12.7653972,3.91659843 C12.7653972,3.84980357 12.7386677,3.78578633 12.6911699,3.73882347 L10.4257728,1.49894059 C10.3275904,1.40186397 10.1693016,1.40276039 10.072225,1.5009428 Z&quot;></path>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </svg>"><!--?xml version="1.0" encoding="UTF-8"?-->
+        <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+            <title>20D69539-7C20-49F0-9BCF-AE6F4D356668@1x</title>
+            <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -534.000000)" fill="#989AB7">
+                    <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
+                        <g id="icons" transform="translate(0.000000, 152.000000)">
+                            <g id="document" transform="translate(0.000000, 326.000000)">
+                                <g id="Rectangle-9" transform="translate(243.000000, 0.000000)">
+                                    <path d="M10.5857864,0 C10.8510029,-4.87194788e-17 11.1053568,0.10535684 11.2928932,0.292893219 L13.7071068,2.70710678 C13.8946432,2.89464316 14,3.14899707 14,3.41421356 L14,15 C14,15.5522847 13.5522847,16 13,16 L3,16 C2.44771525,16 2,15.5522847 2,15 L2,1 C2,0.44771525 2.44771525,1.01453063e-16 3,0 L10.5857864,0 Z M10.5,12 L5.5,12 C5.22385763,12 5,12.2238576 5,12.5 C5,12.7761424 5.22385763,13 5.5,13 L5.5,13 L10.5,13 C10.7761424,13 11,12.7761424 11,12.5 C11,12.2238576 10.7761424,12 10.5,12 L10.5,12 Z M10.5,10 L5.5,10 C5.22385763,10 5,10.2238576 5,10.5 C5,10.7761424 5.22385763,11 5.5,11 L5.5,11 L10.5,11 C10.7761424,11 11,10.7761424 11,10.5 C11,10.2238576 10.7761424,10 10.5,10 L10.5,10 Z M8.5,8 L5.5,8 C5.22385763,8 5,8.22385763 5,8.5 C5,8.77614237 5.22385763,9 5.5,9 L5.5,9 L8.5,9 C8.77614237,9 9,8.77614237 9,8.5 C9,8.22385763 8.77614237,8 8.5,8 L8.5,8 Z M10.072225,1.5009428 C10.025952,1.54774288 10,1.61090189 10,1.67671555 L10,3.91659843 C10,4.05466962 10.1119288,4.16659843 10.25,4.16659843 L12.5153972,4.16659843 C12.6534684,4.16659843 12.7653972,4.05466962 12.7653972,3.91659843 C12.7653972,3.84980357 12.7386677,3.78578633 12.6911699,3.73882347 L10.4257728,1.49894059 C10.3275904,1.40186397 10.1693016,1.40276039 10.072225,1.5009428 Z"></path>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </svg>
+      </p-icon>
+    `);
+  });
+});
+//# sourceMappingURL=illustration.component.spec.js.map

package/dist/collection/components/atoms/illustration/test/illustration.component.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"illustration.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/atoms/illustration/test/illustration.component.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;EAC9B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;MAC1B,IAAI,EAAE,mDAAmD;KAC1D,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmC7B,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { Illustration } from '../illustration.component';\n\ndescribe('p-illustration', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [Illustration],\n      html: `<p-illustration icon=\"document\"></p-illustration>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <p-icon icon=\"document\" class=\"p-icon inline-block text-auto hydrated\" innerhtml=\"<?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?>\n      <svg width=&quot;1em&quot; height=&quot;1em&quot; viewBox=&quot;0 0 16 16&quot; version=&quot;1.1&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; xmlns:xlink=&quot;http://www.w3.org/1999/xlink&quot;>\n            <title>20D69539-7C20-49F0-9BCF-AE6F4D356668@1x</title>\n            <g id=&quot;✔️-Collections&quot; stroke=&quot;none&quot; stroke-width=&quot;1&quot; fill=&quot;none&quot; fill-rule=&quot;evenodd&quot;>\n                <g id=&quot;⚛️-Atoms---Icons&quot; transform=&quot;translate(-299.000000, -534.000000)&quot; fill=&quot;#989AB7&quot;>\n                    <g id=&quot;Collection---Icons&quot; transform=&quot;translate(56.000000, 56.000000)&quot;>\n                        <g id=&quot;icons&quot; transform=&quot;translate(0.000000, 152.000000)&quot;>\n                            <g id=&quot;document&quot; transform=&quot;translate(0.000000, 326.000000)&quot;>\n                                <g id=&quot;Rectangle-9&quot; transform=&quot;translate(243.000000, 0.000000)&quot;>\n                                    <path d=&quot;M10.5857864,0 C10.8510029,-4.87194788e-17 11.1053568,0.10535684 11.2928932,0.292893219 L13.7071068,2.70710678 C13.8946432,2.89464316 14,3.14899707 14,3.41421356 L14,15 C14,15.5522847 13.5522847,16 13,16 L3,16 C2.44771525,16 2,15.5522847 2,15 L2,1 C2,0.44771525 2.44771525,1.01453063e-16 3,0 L10.5857864,0 Z M10.5,12 L5.5,12 C5.22385763,12 5,12.2238576 5,12.5 C5,12.7761424 5.22385763,13 5.5,13 L5.5,13 L10.5,13 C10.7761424,13 11,12.7761424 11,12.5 C11,12.2238576 10.7761424,12 10.5,12 L10.5,12 Z M10.5,10 L5.5,10 C5.22385763,10 5,10.2238576 5,10.5 C5,10.7761424 5.22385763,11 5.5,11 L5.5,11 L10.5,11 C10.7761424,11 11,10.7761424 11,10.5 C11,10.2238576 10.7761424,10 10.5,10 L10.5,10 Z M8.5,8 L5.5,8 C5.22385763,8 5,8.22385763 5,8.5 C5,8.77614237 5.22385763,9 5.5,9 L5.5,9 L8.5,9 C8.77614237,9 9,8.77614237 9,8.5 C9,8.22385763 8.77614237,8 8.5,8 L8.5,8 Z M10.072225,1.5009428 C10.025952,1.54774288 10,1.61090189 10,1.67671555 L10,3.91659843 C10,4.05466962 10.1119288,4.16659843 10.25,4.16659843 L12.5153972,4.16659843 C12.6534684,4.16659843 12.7653972,4.05466962 12.7653972,3.91659843 C12.7653972,3.84980357 12.7386677,3.78578633 12.6911699,3.73882347 L10.4257728,1.49894059 C10.3275904,1.40186397 10.1693016,1.40276039 10.072225,1.5009428 Z&quot;></path>\n                                </g>\n                            </g>\n                        </g>\n                    </g>\n                </g>\n            </g>\n        </svg>\"><!--?xml version=\"1.0\" encoding=\"UTF-8\"?-->\n        <svg width=\"1em\" height=\"1em\" viewBox=\"0 0 16 16\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n            <title>20D69539-7C20-49F0-9BCF-AE6F4D356668@1x</title>\n            <g id=\"✔️-Collections\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n                <g id=\"⚛️-Atoms---Icons\" transform=\"translate(-299.000000, -534.000000)\" fill=\"#989AB7\">\n                    <g id=\"Collection---Icons\" transform=\"translate(56.000000, 56.000000)\">\n                        <g id=\"icons\" transform=\"translate(0.000000, 152.000000)\">\n                            <g id=\"document\" transform=\"translate(0.000000, 326.000000)\">\n                                <g id=\"Rectangle-9\" transform=\"translate(243.000000, 0.000000)\">\n                                    <path d=\"M10.5857864,0 C10.8510029,-4.87194788e-17 11.1053568,0.10535684 11.2928932,0.292893219 L13.7071068,2.70710678 C13.8946432,2.89464316 14,3.14899707 14,3.41421356 L14,15 C14,15.5522847 13.5522847,16 13,16 L3,16 C2.44771525,16 2,15.5522847 2,15 L2,1 C2,0.44771525 2.44771525,1.01453063e-16 3,0 L10.5857864,0 Z M10.5,12 L5.5,12 C5.22385763,12 5,12.2238576 5,12.5 C5,12.7761424 5.22385763,13 5.5,13 L5.5,13 L10.5,13 C10.7761424,13 11,12.7761424 11,12.5 C11,12.2238576 10.7761424,12 10.5,12 L10.5,12 Z M10.5,10 L5.5,10 C5.22385763,10 5,10.2238576 5,10.5 C5,10.7761424 5.22385763,11 5.5,11 L5.5,11 L10.5,11 C10.7761424,11 11,10.7761424 11,10.5 C11,10.2238576 10.7761424,10 10.5,10 L10.5,10 Z M8.5,8 L5.5,8 C5.22385763,8 5,8.22385763 5,8.5 C5,8.77614237 5.22385763,9 5.5,9 L5.5,9 L8.5,9 C8.77614237,9 9,8.77614237 9,8.5 C9,8.22385763 8.77614237,8 8.5,8 L8.5,8 Z M10.072225,1.5009428 C10.025952,1.54774288 10,1.61090189 10,1.67671555 L10,3.91659843 C10,4.05466962 10.1119288,4.16659843 10.25,4.16659843 L12.5153972,4.16659843 C12.6534684,4.16659843 12.7653972,4.05466962 12.7653972,3.91659843 C12.7653972,3.84980357 12.7386677,3.78578633 12.6911699,3.73882347 L10.4257728,1.49894059 C10.3275904,1.40186397 10.1693016,1.40276039 10.072225,1.5009428 Z\"></path>\n                                </g>\n                            </g>\n                        </g>\n                    </g>\n                </g>\n            </g>\n        </svg>\n      </p-icon>\n    `);\n  });\n});\n"]}

package/dist/collection/components/atoms/info-panel/info-panel.component.css

@@ -1 +1 @@
-.absolute{position:absolute!important}.relative{position:relative!important}.right-2{right:.5rem!important}.top-2{top:.5rem!important}.flex{display:flex!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.bg-indigo-light{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}.font-semibold{font-weight:600!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));border-radius:.375rem;display:flex;flex-direction:column;padding:1rem;position:relative;width:100%}:host .header{--tw-text-opacity:1;color:rgb(39 40 56/var(--tw-text-opacity));font-weight:600}:host .content{font-size:.875rem;line-height:1.25rem}:host .close{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));cursor:pointer;position:absolute;right:.5rem;top:.5rem}:host(.variant-positive){--tw-bg-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity))}:host(.variant-unbiased){--tw-bg-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity))}:host(.variant-negative){--tw-bg-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity))}:host(.has-close){padding-right:2rem}.static{position:static!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}
+.absolute{position:absolute!important}.relative{position:relative!important}.right-2{right:.5rem!important}.top-2{top:.5rem!important}.flex{display:flex!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.bg-indigo-light{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}.font-semibold{font-weight:600!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));border-radius:.375rem;display:flex;flex-direction:column;padding:1rem;position:relative;width:100%}:host .header{--tw-text-opacity:1;color:rgb(39 40 56/var(--tw-text-opacity));font-weight:600}:host .content{font-size:.875rem;line-height:1.25rem}:host .close{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));cursor:pointer;position:absolute;right:.5rem;top:.5rem}:host(.variant-positive){--tw-bg-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity))}:host(.variant-unbiased){--tw-bg-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity))}:host(.variant-negative){--tw-bg-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity))}:host(.has-close){padding-right:2rem}

package/dist/collection/components/atoms/info-panel/info-panel.component.js

@@ -1,4 +1,4 @@
-import { h, Host } from '@stencil/core';
+import { h, Host } from "@stencil/core";
 export class InfoPanel {
   constructor() {
     this.variant = 'info';

package/dist/collection/components/atoms/info-panel/test/info-panel.component.e2e.js

@@ -0,0 +1,26 @@
+import { newE2EPage } from "@stencil/core/testing";
+describe('p-info-panel', () => {
+  it('renders', async () => {
+    const page = await newE2EPage();
+    await page.setContent('<p-info-panel>#</p-info-panel>');
+    const element = await page.find('p-info-panel');
+    expect(element).toHaveClass('hydrated');
+  });
+  it('renders changes to the content', async () => {
+    const page = await newE2EPage();
+    await page.setContent('<p-info-panel>1</p-info-panel>');
+    // const component = await page.find('p-button');
+    const element = await page.find('p-info-panel');
+    expect(element.textContent).toEqual(`1`);
+    // component.setProperty('name', 'World');
+    // await page.waitForChanges();
+    // expect(element.textContent).toEqual(`Hello, World!`);
+    // component.setProperty('name', 'Bob');
+    // await page.waitForChanges();
+    // expect(element.textContent).toEqual(`Hello, Bob!`);
+    // component.setProperty('name', 'Earl');
+    // await page.waitForChanges();
+    // expect(element.textContent).toEqual(`Hello, Earl!`);
+  });
+});
+//# sourceMappingURL=info-panel.component.e2e.js.map

package/dist/collection/components/atoms/info-panel/test/info-panel.component.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"info-panel.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/atoms/info-panel/test/info-panel.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;EAC5B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACvB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,gCAAgC,CAAC,CAAC;IACxD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAChD,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EAC1C,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;IAC9C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,gCAAgC,CAAC,CAAC;IACxD,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAChD,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IAEzC,0CAA0C;IAC1C,+BAA+B;IAC/B,wDAAwD;IAExD,wCAAwC;IACxC,+BAA+B;IAC/B,sDAAsD;IAEtD,yCAAyC;IACzC,+BAA+B;IAC/B,uDAAuD;EACzD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('p-info-panel', () => {\n  it('renders', async () => {\n    const page = await newE2EPage();\n\n    await page.setContent('<p-info-panel>#</p-info-panel>');\n    const element = await page.find('p-info-panel');\n    expect(element).toHaveClass('hydrated');\n  });\n\n  it('renders changes to the content', async () => {\n    const page = await newE2EPage();\n\n    await page.setContent('<p-info-panel>1</p-info-panel>');\n    // const component = await page.find('p-button');\n    const element = await page.find('p-info-panel');\n    expect(element.textContent).toEqual(`1`);\n\n    // component.setProperty('name', 'World');\n    // await page.waitForChanges();\n    // expect(element.textContent).toEqual(`Hello, World!`);\n\n    // component.setProperty('name', 'Bob');\n    // await page.waitForChanges();\n    // expect(element.textContent).toEqual(`Hello, Bob!`);\n\n    // component.setProperty('name', 'Earl');\n    // await page.waitForChanges();\n    // expect(element.textContent).toEqual(`Hello, Earl!`);\n  });\n});\n"]}