@jumpgroup/jump-design-system 0.1.4 → 0.1.6

package/dist/cjs/jump-pagination.cjs.entry.js

@@ -2,32 +2,33 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c572276a.js');
+const index = require('./index-46644e39.js');
 
 const jumpPaginationCss = ":host{display:block}.JumpPagination{--pagination-label-color:var(--neutral-grey-secondary);--pagination-arrows-color:var(--neutral-grey-secondary);font-family:var(--ff-primary)}.JumpPagination__Wrapper{display:flex;justify-content:space-between}.JumpPagination__Wrapper .elementsPerPage{display:flex;gap:1rem;align-items:center}.JumpPagination__Wrapper .elementsPerPage label{color:var(--pagination-label-color);font-size:14px;font-weight:normal}.JumpPagination__Wrapper .indicators{font-size:16px;font-weight:normal;display:flex;justify-content:space-between;gap:20px;color:var(--pagination-label-color)}.JumpPagination__Wrapper .indicators .arrow{color:var(--pagination-arrows-color);display:flex;align-items:center;gap:10px}.JumpPagination__Wrapper .indicators .elements{color:var(--pagination-label-color);display:flex;align-items:center;gap:5px}";
+const JumpPaginationStyle0 = jumpPaginationCss;
 
 const JumpPagination = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.totalElements = undefined;
-    this.currentPage = undefined;
-    this.lastPage = undefined;
-    this.labelElementsPerPage = 'Elementi per pagina';
-    this.elementsRanges = [10, 20, 60, 100];
-    this.firstPage = undefined;
-    this.completeVersion = false;
-    this.showAdditionalChrevrons = false;
-  }
-  render() {
-    var _a;
-    return (index.h(index.Host, { class: "JumpPagination" }, index.h("div", { class: "JumpPagination__Wrapper" }, this.completeVersion &&
-      index.h("div", { class: "elementsPerPage" }, index.h("label", { htmlFor: "elements" }, (_a = this.labelElementsPerPage) !== null && _a !== void 0 ? _a : 'Elements per page'), index.h("select", { name: "elements", id: "elements" }, this.elementsRanges.map((range) => (index.h("option", { value: range }, range))))), index.h("div", { class: "indicators" }, index.h("div", { class: "elements" }, this.completeVersion ?
-      index.h("span", null, index.h("span", null, this.firstPage), " - ", index.h("span", null, this.currentPage), " di ", index.h("span", null, this.totalElements))
-      :
-        index.h("span", null, index.h("span", null, this.currentPage), " di ", index.h("span", null, this.lastPage))), index.h("div", { class: "arrow" }, this.showAdditionalChrevrons && index.h("jump-icon", { name: "chevrons-left" }), index.h("jump-icon", { name: "chevron-left" }), index.h("jump-icon", { name: "chevron-right" }), this.showAdditionalChrevrons && index.h("jump-icon", { name: "chevrons-right" }))))));
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.totalElements = undefined;
+        this.currentPage = undefined;
+        this.lastPage = undefined;
+        this.labelElementsPerPage = 'Elementi per pagina';
+        this.elementsRanges = [10, 20, 60, 100];
+        this.firstPage = undefined;
+        this.completeVersion = false;
+        this.showAdditionalChrevrons = false;
+    }
+    render() {
+        var _a;
+        return (index.h(index.Host, { key: 'eacb989c1eafddab001bce8a3e7618b42e281604', class: "JumpPagination" }, index.h("div", { key: '52ebe6a91e9cde9f4bdcbad4be0a7e16d0a3867f', class: "JumpPagination__Wrapper" }, this.completeVersion &&
+            index.h("div", { class: "elementsPerPage" }, index.h("label", { htmlFor: "elements" }, (_a = this.labelElementsPerPage) !== null && _a !== void 0 ? _a : 'Elements per page'), index.h("select", { name: "elements", id: "elements" }, this.elementsRanges.map((range) => (index.h("option", { value: range }, range))))), index.h("div", { key: '97a70fd1f86f644ee0199f0a6f1945988579705c', class: "indicators" }, index.h("div", { key: '9e9a1c2f541b3aaad78105a58f051127770b6e4d', class: "elements" }, this.completeVersion ?
+            index.h("span", null, index.h("span", null, this.firstPage), " - ", index.h("span", null, this.currentPage), " di ", index.h("span", null, this.totalElements))
+            :
+                index.h("span", null, index.h("span", null, this.currentPage), " di ", index.h("span", null, this.lastPage))), index.h("div", { key: 'e7fe2402c2c6a1906f9f3bfc70cfde428590c964', class: "arrow" }, this.showAdditionalChrevrons && index.h("jump-icon", { name: "chevrons-left" }), index.h("jump-icon", { key: 'dadb4d94ce1bf31219adfa554a47b33f19b9b3a7', name: "chevron-left" }), index.h("jump-icon", { key: '841030e266c11bda6d75800bbc61f7e0899fd1ae', name: "chevron-right" }), this.showAdditionalChrevrons && index.h("jump-icon", { name: "chevrons-right" }))))));
+    }
 };
-JumpPagination.style = jumpPaginationCss;
+JumpPagination.style = JumpPaginationStyle0;
 
 exports.jump_pagination = JumpPagination;
 

package/dist/cjs/jump-pagination.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"jump-pagination.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,iBAAiB,GAAG,o1BAAo1B;;MCOj2B,cAAc;;;;;;gCAe+B,qBAAqB;0BAKpB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC;;2BAUtB,KAAK;mCAEG,KAAK;;EAEjE,MAAM;;IACJ,QACEA,QAACC,UAAI,IAAC,KAAK,EAAC,gBAAgB,IAC1BD,iBAAK,KAAK,EAAC,yBAAyB,IAChC,IAAI,CAAC,eAAe;MACpBA,iBAAK,KAAK,EAAC,iBAAiB,IAC1BA,mBAAO,OAAO,EAAC,UAAU,IAAE,MAAA,IAAI,CAAC,oBAAoB,mCAAI,mBAAmB,CAAS,EAChFA,oBAAQ,IAAI,EAAC,UAAU,EAAC,EAAE,EAAC,UAAU,IAClC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,KAAK,MAC7BA,oBAAQ,KAAK,EAAE,KAAK,IAAG,KAAK,CAAU,CACvC,CAAC,CACK,CACT,EAERA,iBAAK,KAAK,EAAC,YAAY,IACrBA,iBAAK,KAAK,EAAC,UAAU,IAClB,IAAI,CAAC,eAAe;MACnBA,sBACEA,sBAAO,IAAI,CAAC,SAAS,CAAQ,SAAGA,sBAAO,IAAI,CAAC,WAAW,CAAQ,UAAIA,sBAAO,IAAI,CAAC,aAAa,CAAQ,CAC/F;;QAGPA,sBACEA,sBAAO,IAAI,CAAC,WAAW,CAAQ,UAAIA,sBAAO,IAAI,CAAC,QAAQ,CAAQ,CAC1D,CAEL,EACNA,iBAAK,KAAK,EAAC,OAAO,IACf,IAAI,CAAC,uBAAuB,IAAIA,uBAAW,IAAI,EAAC,eAAe,GAAa,EAC7EA,uBAAW,IAAI,EAAC,cAAc,GAAa,EAC3CA,uBAAW,IAAI,EAAC,eAAe,GAAa,EAC3C,IAAI,CAAC,uBAAuB,IAAIA,uBAAW,IAAI,EAAC,gBAAgB,GAAa,CAC1E,CACF,CACF,CACD,EACP;GACH;;;;;;","names":["h","Host"],"sources":["src/components/jump-pagination/jump-pagination.scss?tag=jump-pagination","src/components/jump-pagination/jump-pagination.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.JumpPagination {\n  --pagination-label-color: var(--neutral-grey-secondary);\n  --pagination-arrows-color: var(--neutral-grey-secondary);\n  \n  font-family: var(--ff-primary);\n\n  &__Wrapper {\n    display: flex;\n    justify-content: space-between;\n\n    .elementsPerPage {\n      display: flex;\n      gap: 1rem;\n      align-items: center;\n\n        label {\n            color: var(--pagination-label-color);\n            font-size: 14px;\n            font-weight: normal;\n          }\n    } \n    \n    .indicators {\n      font-size: 16px;\n      font-weight: normal;\n      display: flex;\n      justify-content: space-between;\n      gap: 20px;\n      \n      color: var(--pagination-label-color);\n\n      .arrow {\n        color: var(--pagination-arrows-color);\n        display: flex;\n        align-items: center;\n        gap: 10px;\n      }\n\n      .elements {\n        color: var(--pagination-label-color);\n        display: flex;\n        align-items: center;\n        gap: 5px;\n      }\n    }\n   \n  }\n \n}","import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'jump-pagination',\n  styleUrl: 'jump-pagination.scss',\n  shadow: false,\n})\nexport class JumpPagination {\n  \n  /* ---------------------- @PROPERTIES ------------------------- */\n\n  @Prop({ reflect: true }) totalElements: number;\n\n  /**\n   * \n   */\n  @Prop({ reflect: true }) currentPage: number;\n  @Prop({ reflect: true }) lastPage: number; \n\n  /**\n   * Label for the elements per page select\n   */\n  @Prop({ reflect: true }) labelElementsPerPage: string = 'Elementi per pagina';\n\n  /**\n   * Values for the elements per page select\n   */\n  @Prop({ reflect: true }) elementsRanges: Array<number> = [10, 20, 60, 100];\n\n  /**\n   * Indicates the first page/product of the list\n   */\n  @Prop({ reflect: true }) firstPage: number;\n\n  /**\n   * If true, the component will show the complete version of the pagination, with elements informations\n   */\n  @Prop({ reflect: true }) completeVersion: boolean = false;\n\n  @Prop({ reflect: true }) showAdditionalChrevrons: boolean = false;\n\n  render() {\n    return (\n      <Host class=\"JumpPagination\">\n        <div class=\"JumpPagination__Wrapper\">\n          { this.completeVersion && \n            <div class=\"elementsPerPage\">\n              <label htmlFor=\"elements\">{this.labelElementsPerPage ?? 'Elements per page'}</label>\n                  <select name=\"elements\" id=\"elements\">\n                    {this.elementsRanges.map((range) => (\n                      <option value={range}>{range}</option>\n                    ))}\n                  </select>\n            </div> \n          }\n          <div class=\"indicators\"> \n            <div class=\"elements\">\n              {this.completeVersion ?\n                <span>\n                  <span>{this.firstPage}</span> - <span>{this.currentPage}</span> di <span>{this.totalElements}</span>\n                </span>\n                \n              :\n                <span>\n                  <span>{this.currentPage}</span> di <span>{this.lastPage}</span>\n                </span>\n              }\n            </div>\n            <div class=\"arrow\">\n              {this.showAdditionalChrevrons && <jump-icon name=\"chevrons-left\"></jump-icon>}\n              <jump-icon name=\"chevron-left\"></jump-icon>\n              <jump-icon name=\"chevron-right\"></jump-icon>\n              {this.showAdditionalChrevrons && <jump-icon name=\"chevrons-right\"></jump-icon>}\n            </div> \n          </div>\n        </div>\n      </Host>\n    );\n  }\n\n}\n"],"version":3}
+{"file":"jump-pagination.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,iBAAiB,GAAG,o1BAAo1B,CAAC;AAC/2B,6BAAe,iBAAiB;;MCMnB,cAAc;;;;;;oCAe+B,qBAAqB;8BAKpB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC;;+BAUtB,KAAK;uCAEG,KAAK;;IAEjE,MAAM;;QACJ,QACEA,QAACC,UAAI,qDAAC,KAAK,EAAC,gBAAgB,IAC1BD,kEAAK,KAAK,EAAC,yBAAyB,IAChC,IAAI,CAAC,eAAe;YACpBA,iBAAK,KAAK,EAAC,iBAAiB,IAC1BA,mBAAO,OAAO,EAAC,UAAU,IAAE,MAAA,IAAI,CAAC,oBAAoB,mCAAI,mBAAmB,CAAS,EAChFA,oBAAQ,IAAI,EAAC,UAAU,EAAC,EAAE,EAAC,UAAU,IAClC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,KAAK,MAC7BA,oBAAQ,KAAK,EAAE,KAAK,IAAG,KAAK,CAAU,CACvC,CAAC,CACK,CACT,EAERA,kEAAK,KAAK,EAAC,YAAY,IACrBA,kEAAK,KAAK,EAAC,UAAU,IAClB,IAAI,CAAC,eAAe;YACnBA,sBACEA,sBAAO,IAAI,CAAC,SAAS,CAAQ,SAAGA,sBAAO,IAAI,CAAC,WAAW,CAAQ,UAAIA,sBAAO,IAAI,CAAC,aAAa,CAAQ,CAC/F;;gBAGPA,sBACEA,sBAAO,IAAI,CAAC,WAAW,CAAQ,UAAIA,sBAAO,IAAI,CAAC,QAAQ,CAAQ,CAC1D,CAEL,EACNA,kEAAK,KAAK,EAAC,OAAO,IACf,IAAI,CAAC,uBAAuB,IAAIA,uBAAW,IAAI,EAAC,eAAe,GAAa,EAC7EA,wEAAW,IAAI,EAAC,cAAc,GAAa,EAC3CA,wEAAW,IAAI,EAAC,eAAe,GAAa,EAC3C,IAAI,CAAC,uBAAuB,IAAIA,uBAAW,IAAI,EAAC,gBAAgB,GAAa,CAC1E,CACF,CACF,CACD,EACP;KACH;;;;;;","names":["h","Host"],"sources":["src/components/jump-pagination/jump-pagination.scss?tag=jump-pagination","src/components/jump-pagination/jump-pagination.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.JumpPagination {\n  --pagination-label-color: var(--neutral-grey-secondary);\n  --pagination-arrows-color: var(--neutral-grey-secondary);\n  \n  font-family: var(--ff-primary);\n\n  &__Wrapper {\n    display: flex;\n    justify-content: space-between;\n\n    .elementsPerPage {\n      display: flex;\n      gap: 1rem;\n      align-items: center;\n\n        label {\n            color: var(--pagination-label-color);\n            font-size: 14px;\n            font-weight: normal;\n          }\n    } \n    \n    .indicators {\n      font-size: 16px;\n      font-weight: normal;\n      display: flex;\n      justify-content: space-between;\n      gap: 20px;\n      \n      color: var(--pagination-label-color);\n\n      .arrow {\n        color: var(--pagination-arrows-color);\n        display: flex;\n        align-items: center;\n        gap: 10px;\n      }\n\n      .elements {\n        color: var(--pagination-label-color);\n        display: flex;\n        align-items: center;\n        gap: 5px;\n      }\n    }\n   \n  }\n \n}","import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'jump-pagination',\n  styleUrl: 'jump-pagination.scss',\n  shadow: false,\n})\nexport class JumpPagination {\n  \n  /* ---------------------- @PROPERTIES ------------------------- */\n\n  @Prop({ reflect: true }) totalElements: number;\n\n  /**\n   * \n   */\n  @Prop({ reflect: true }) currentPage: number;\n  @Prop({ reflect: true }) lastPage: number; \n\n  /**\n   * Label for the elements per page select\n   */\n  @Prop({ reflect: true }) labelElementsPerPage: string = 'Elementi per pagina';\n\n  /**\n   * Values for the elements per page select\n   */\n  @Prop({ reflect: true }) elementsRanges: Array<number> = [10, 20, 60, 100];\n\n  /**\n   * Indicates the first page/product of the list\n   */\n  @Prop({ reflect: true }) firstPage: number;\n\n  /**\n   * If true, the component will show the complete version of the pagination, with elements informations\n   */\n  @Prop({ reflect: true }) completeVersion: boolean = false;\n\n  @Prop({ reflect: true }) showAdditionalChrevrons: boolean = false;\n\n  render() {\n    return (\n      <Host class=\"JumpPagination\">\n        <div class=\"JumpPagination__Wrapper\">\n          { this.completeVersion && \n            <div class=\"elementsPerPage\">\n              <label htmlFor=\"elements\">{this.labelElementsPerPage ?? 'Elements per page'}</label>\n                  <select name=\"elements\" id=\"elements\">\n                    {this.elementsRanges.map((range) => (\n                      <option value={range}>{range}</option>\n                    ))}\n                  </select>\n            </div> \n          }\n          <div class=\"indicators\"> \n            <div class=\"elements\">\n              {this.completeVersion ?\n                <span>\n                  <span>{this.firstPage}</span> - <span>{this.currentPage}</span> di <span>{this.totalElements}</span>\n                </span>\n                \n              :\n                <span>\n                  <span>{this.currentPage}</span> di <span>{this.lastPage}</span>\n                </span>\n              }\n            </div>\n            <div class=\"arrow\">\n              {this.showAdditionalChrevrons && <jump-icon name=\"chevrons-left\"></jump-icon>}\n              <jump-icon name=\"chevron-left\"></jump-icon>\n              <jump-icon name=\"chevron-right\"></jump-icon>\n              {this.showAdditionalChrevrons && <jump-icon name=\"chevrons-right\"></jump-icon>}\n            </div> \n          </div>\n        </div>\n      </Host>\n    );\n  }\n\n}\n"],"version":3}

package/dist/cjs/loader.cjs.js

@@ -2,11 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c572276a.js');
+const index = require('./index-46644e39.js');
+const appGlobals = require('./app-globals-3a1e7e63.js');
 
-const defineCustomElements = (win, options) => {
-  if (typeof window === 'undefined') return Promise.resolve();
-  return index.bootstrapLazy([["jump-icon.cjs",[[0,"jump-icon",{"name":[1],"class":[1]}]]],["jump-pagination.cjs",[[0,"jump-pagination",{"totalElements":[514,"total-elements"],"currentPage":[514,"current-page"],"lastPage":[514,"last-page"],"labelElementsPerPage":[513,"label-elements-per-page"],"elementsRanges":[16],"firstPage":[514,"first-page"],"completeVersion":[516,"complete-version"],"showAdditionalChrevrons":[516,"show-additional-chrevrons"]}]]],["jump-button.cjs",[[4,"jump-button",{"disabled":[4],"variant":[513],"outline":[516],"size":[513],"pill":[516],"text":[516],"onlyIcon":[516,"only-icon"]}]]]], options);
+const defineCustomElements = async (win, options) => {
+  if (typeof window === 'undefined') return undefined;
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy([["jump-icon.cjs",[[0,"jump-icon",{"name":[1],"class":[1]}]]],["jump-pagination.cjs",[[0,"jump-pagination",{"totalElements":[514,"total-elements"],"currentPage":[514,"current-page"],"lastPage":[514,"last-page"],"labelElementsPerPage":[513,"label-elements-per-page"],"elementsRanges":[16],"firstPage":[514,"first-page"],"completeVersion":[516,"complete-version"],"showAdditionalChrevrons":[516,"show-additional-chrevrons"]}]]],["jump-button.cjs",[[4,"jump-button",{"disabled":[4],"variant":[513],"outline":[516],"size":[513],"pill":[516],"text":[516],"onlyIcon":[516,"only-icon"],"href":[513],"target":[513],"type":[513],"name":[513],"value":[513],"ariaLabel":[513,"aria-label"],"class":[513]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/loader.cjs.js.map

@@ -1 +1 @@
-{"file":"loader.cjs.js","mappings":";;;;;;AAGY,MAAC,oBAAoB,GAAG,CAAC,GAAG,EAAE,OAAO,KAAK;AACtD,EAAE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,OAAO,OAAO,CAAC,OAAO,EAAE,CAAC;AAE9D,EAAE,OAAOA,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D;;;;;","names":["bootstrapLazy"],"sources":["@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = (win, options) => {\n  if (typeof window === 'undefined') return Promise.resolve();\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n};\n"],"version":3}
+{"file":"loader.cjs.js","mappings":";;;;;;;AAGY,MAAC,oBAAoB,GAAG,OAAO,GAAG,EAAE,OAAO,KAAK;AAC5D,EAAE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,OAAO,SAAS,CAAC;AACtD,EAAE,MAAMA,wBAAa,EAAE,CAAC;AACxB,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D;;;;;","names":["globalScripts","bootstrapLazy"],"sources":["@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = async (win, options) => {\n  if (typeof window === 'undefined') return undefined;\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n};\n"],"version":3}

package/dist/collection/collection-manifest.json

@@ -6,8 +6,8 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.0.1",
-    "typescriptVersion": "5.0.4"
+    "version": "4.12.4",
+    "typescriptVersion": "5.3.3"
   },
   "collections": [],
   "bundles": []

package/dist/collection/components/app-icon/jump-icon.js

@@ -1,64 +1,64 @@
 import { Host, h } from "@stencil/core";
 import feather from "feather-icons";
 export class AppIcon {
-  constructor() {
-    this.name = undefined;
-    this.class = undefined;
-  }
-  componentDidLoad() {
-    feather.replace();
-  }
-  render() {
-    return (h(Host, null, h("i", { "data-feather": this.name, class: this.class })));
-  }
-  static get is() { return "jump-icon"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["jump-icon.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["jump-icon.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "name": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Name of the icon"
-        },
-        "attribute": "name",
-        "reflect": false
-      },
-      "class": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Additional classes"
-        },
-        "attribute": "class",
-        "reflect": false
-      }
-    };
-  }
+    constructor() {
+        this.name = undefined;
+        this.class = undefined;
+    }
+    componentDidLoad() {
+        feather.replace();
+    }
+    render() {
+        return (h(Host, { key: '14d7d5f653ab907fe0d9da64a440698b76a6d04d' }, h("i", { key: 'fd7106ed6861826cbb4a17a6a5b63f3e02a39f1c', "data-feather": this.name, class: this.class })));
+    }
+    static get is() { return "jump-icon"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["jump-icon.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["jump-icon.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "name": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Name of the icon"
+                },
+                "attribute": "name",
+                "reflect": false
+            },
+            "class": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Additional classes"
+                },
+                "attribute": "class",
+                "reflect": false
+            }
+        };
+    }
 }
 //# sourceMappingURL=jump-icon.js.map

package/dist/collection/components/app-icon/jump-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"jump-icon.js","sourceRoot":"","sources":["../../../src/components/app-icon/jump-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,OAAO,MAAM,eAAe,CAAC;AAOpC,MAAM,OAAO,OAAO;;;;;EAYlB,gBAAgB;IACd,OAAO,CAAC,OAAO,EAAE,CAAC;EACpB,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,yBAAiB,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,GAAM,CAC9C,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\nimport feather from 'feather-icons';\n\n@Component({\n  tag: 'jump-icon',\n  styleUrl: 'jump-icon.scss',\n  shadow: false,\n})\nexport class AppIcon {\n  /**\n   * Name of the icon\n   **/\n  @Prop() name: string;\n\n  /**\n   * Additional classes\n   **/\n  @Prop() class: string;\n\n\n  componentDidLoad() {\n    feather.replace();\n  }\n\n  render() {\n    return (\n      <Host>\n        <i data-feather={this.name} class={this.class}></i>\n      </Host>\n    );\n  }\n\n}\n"]}
+{"version":3,"file":"jump-icon.js","sourceRoot":"","sources":["../../../src/components/app-icon/jump-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,OAAO,MAAM,eAAe,CAAC;AAOpC,MAAM,OAAO,OAAO;;;;;IAYlB,gBAAgB;QACd,OAAO,CAAC,OAAO,EAAE,CAAC;IACpB,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,0EAAiB,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,GAAM,CAC9C,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\nimport feather from 'feather-icons';\n\n@Component({\n  tag: 'jump-icon',\n  styleUrl: 'jump-icon.scss',\n  shadow: false,\n})\nexport class AppIcon {\n  /**\n   * Name of the icon\n   **/\n  @Prop() name: string;\n\n  /**\n   * Additional classes\n   **/\n  @Prop() class: string;\n\n\n  componentDidLoad() {\n    feather.replace();\n  }\n\n  render() {\n    return (\n      <Host>\n        <i data-feather={this.name} class={this.class}></i>\n      </Host>\n    );\n  }\n\n}\n"]}

package/dist/collection/components/app-icon/jump-icon.stories.js

@@ -1,25 +1,25 @@
 import feather from "feather-icons";
 export default {
-  title: 'Components/Atoms/Icon',
-  tags: ['autodocs'],
-  argTypes: {
-    name: {
-      name: 'Nome Icona',
-      control: 'select',
-      options: Object.keys(feather.icons),
-      description: 'Seleziona il nome dell\'icona dal menu a tendina'
-    },
-    class: {
-      name: 'Classi aggiuntive',
-      control: 'text',
-      description: 'Aggiungi classi aggiuntive all\'icona (separate da spazio)'
+    title: 'Components/Atoms/Icon',
+    tags: ['autodocs'],
+    argTypes: {
+        name: {
+            name: 'Nome Icona',
+            control: 'select',
+            options: Object.keys(feather.icons),
+            description: 'Seleziona il nome dell\'icona dal menu a tendina'
+        },
+        class: {
+            name: 'Classi aggiuntive',
+            control: 'text',
+            description: 'Aggiungi classi aggiuntive all\'icona (separate da spazio)'
+        }
     }
-  }
 };
 const Template = (args) => `<jump-icon class="${args.class}" name="${args.name}"></jump-icon>`;
 export const Icon = Template.bind({});
 Icon.args = {
-  name: Object.keys(feather.icons)[0],
-  class: '',
+    name: Object.keys(feather.icons)[0],
+    class: '',
 };
 //# sourceMappingURL=jump-icon.stories.js.map

package/dist/collection/components/app-icon/jump-icon.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"jump-icon.stories.js","sourceRoot":"","sources":["../../../src/components/app-icon/jump-icon.stories.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,eAAe,CAAC;AAEpC,eAAe;EACb,KAAK,EAAE,uBAAuB;EAC9B,IAAI,EAAE,CAAC,UAAU,CAAC;EAClB,QAAQ,EAAE;IACR,IAAI,EAAE;MACJ,IAAI,EAAE,YAAY;MAClB,OAAO,EAAE,QAAQ;MACjB,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;MACnC,WAAW,EAAE,kDAAkD;KAChE;IACD,KAAK,EAAE;MACL,IAAI,EAAE,mBAAmB;MACzB,OAAO,EAAE,MAAM;MACf,WAAW,EAAE,4DAA4D;KAC1E;GACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,qBAAqB,IAAI,CAAC,KAAK,WAAW,IAAI,CAAC,IAAI,gBAAgB,CAAC;AAE/F,MAAM,CAAC,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACtC,IAAI,CAAC,IAAI,GAAG;EACV,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;EACnC,KAAK,EAAE,EAAE;CACV,CAAC","sourcesContent":["import feather from 'feather-icons';\n\nexport default {\n  title: 'Components/Atoms/Icon',\n  tags: ['autodocs'],\n  argTypes: {\n    name: {\n      name: 'Nome Icona',\n      control: 'select',\n      options: Object.keys(feather.icons),\n      description: 'Seleziona il nome dell\\'icona dal menu a tendina'\n    },\n    class: {\n      name: 'Classi aggiuntive',\n      control: 'text',\n      description: 'Aggiungi classi aggiuntive all\\'icona (separate da spazio)'\n    }\n  }\n};\n\nconst Template = (args) => `<jump-icon class=\"${args.class}\" name=\"${args.name}\"></jump-icon>`;\n\nexport const Icon = Template.bind({});\nIcon.args = {\n  name: Object.keys(feather.icons)[0],\n  class: '',\n};"]}
+{"version":3,"file":"jump-icon.stories.js","sourceRoot":"","sources":["../../../src/components/app-icon/jump-icon.stories.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,eAAe,CAAC;AAEpC,eAAe;IACb,KAAK,EAAE,uBAAuB;IAC9B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,IAAI,EAAE,YAAY;YAClB,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;YACnC,WAAW,EAAE,kDAAkD;SAChE;QACD,KAAK,EAAE;YACL,IAAI,EAAE,mBAAmB;YACzB,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,4DAA4D;SAC1E;KACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,qBAAqB,IAAI,CAAC,KAAK,WAAW,IAAI,CAAC,IAAI,gBAAgB,CAAC;AAE/F,MAAM,CAAC,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACtC,IAAI,CAAC,IAAI,GAAG;IACV,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACnC,KAAK,EAAE,EAAE;CACV,CAAC","sourcesContent":["import feather from 'feather-icons';\n\nexport default {\n  title: 'Components/Atoms/Icon',\n  tags: ['autodocs'],\n  argTypes: {\n    name: {\n      name: 'Nome Icona',\n      control: 'select',\n      options: Object.keys(feather.icons),\n      description: 'Seleziona il nome dell\\'icona dal menu a tendina'\n    },\n    class: {\n      name: 'Classi aggiuntive',\n      control: 'text',\n      description: 'Aggiungi classi aggiuntive all\\'icona (separate da spazio)'\n    }\n  }\n};\n\nconst Template = (args) => `<jump-icon class=\"${args.class}\" name=\"${args.name}\"></jump-icon>`;\n\nexport const Icon = Template.bind({});\nIcon.args = {\n  name: Object.keys(feather.icons)[0],\n  class: '',\n};"]}

package/dist/collection/components/app-icon/test/jump-icon.e2e.js

@@ -1,10 +1,10 @@
 import { newE2EPage } from "@stencil/core/testing";
 describe('jump-icon', () => {
-  it('renders', async () => {
-    const page = await newE2EPage();
-    await page.setContent('<jump-icon></jump-icon>');
-    const element = await page.find('jump-icon');
-    expect(element).toHaveClass('hydrated');
-  });
+    it('renders', async () => {
+        const page = await newE2EPage();
+        await page.setContent('<jump-icon></jump-icon>');
+        const element = await page.find('jump-icon');
+        expect(element).toHaveClass('hydrated');
+    });
 });
 //# sourceMappingURL=jump-icon.e2e.js.map

package/dist/collection/components/app-icon/test/jump-icon.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"jump-icon.e2e.js","sourceRoot":"","sources":["../../../../src/components/app-icon/test/jump-icon.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;EACzB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACvB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC,yBAAyB,CAAC,CAAC;IAEjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAC7C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EAC1C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('jump-icon', () => {\n  it('renders', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<jump-icon></jump-icon>');\n\n    const element = await page.find('jump-icon');\n    expect(element).toHaveClass('hydrated');\n  });\n});\n"]}
+{"version":3,"file":"jump-icon.e2e.js","sourceRoot":"","sources":["../../../../src/components/app-icon/test/jump-icon.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC,yBAAyB,CAAC,CAAC;QAEjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAC7C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('jump-icon', () => {\n  it('renders', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<jump-icon></jump-icon>');\n\n    const element = await page.find('jump-icon');\n    expect(element).toHaveClass('hydrated');\n  });\n});\n"]}

package/dist/collection/components/app-icon/test/jump-icon.spec.js

@@ -1,18 +1,18 @@
 import { newSpecPage } from "@stencil/core/testing";
 import { AppIcon } from "../jump-icon";
 describe('jump-icon', () => {
-  it('renders', async () => {
-    const page = await newSpecPage({
-      components: [AppIcon],
-      html: `<jump-icon></jump-icon>`,
-    });
-    expect(page.root).toEqualHtml(`
+    it('renders', async () => {
+        const page = await newSpecPage({
+            components: [AppIcon],
+            html: `<jump-icon></jump-icon>`,
+        });
+        expect(page.root).toEqualHtml(`
       <jump-icon>
         <mock:shadow-root>
           <slot></slot>
         </mock:shadow-root>
       </jump-icon>
     `);
-  });
+    });
 });
 //# sourceMappingURL=jump-icon.spec.js.map

package/dist/collection/components/app-icon/test/jump-icon.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"jump-icon.spec.js","sourceRoot":"","sources":["../../../../src/components/app-icon/test/jump-icon.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;EACzB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,OAAO,CAAC;MACrB,IAAI,EAAE,yBAAyB;KAChC,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { AppIcon } from '../jump-icon';\n\ndescribe('jump-icon', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [AppIcon],\n      html: `<jump-icon></jump-icon>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <jump-icon>\n        <mock:shadow-root>\n          <slot></slot>\n        </mock:shadow-root>\n      </jump-icon>\n    `);\n  });\n});\n"]}
+{"version":3,"file":"jump-icon.spec.js","sourceRoot":"","sources":["../../../../src/components/app-icon/test/jump-icon.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,CAAC;YACrB,IAAI,EAAE,yBAAyB;SAChC,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { AppIcon } from '../jump-icon';\n\ndescribe('jump-icon', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [AppIcon],\n      html: `<jump-icon></jump-icon>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <jump-icon>\n        <mock:shadow-root>\n          <slot></slot>\n        </mock:shadow-root>\n      </jump-icon>\n    `);\n  });\n});\n"]}

package/dist/collection/components/jump-button/jump-button.css

@@ -1,4 +1,5 @@
-jump-button button {
+jump-button button,
+jump-button a {
   background-color: transparent;
   border: none;
   padding: 0;
@@ -13,14 +14,15 @@ jump-button {
   align-items: center;
   --jump-button-color: #ffffff;
   --jump-button-color-disabled: #cbcbcb;
-  --jump-button-background: blue;
+  --jump-button-background: var(--primary-standard);
   --jump-button-background-outline: transparent;
   --jump-button-color-hover: #ffffff;
-  --jump-button-background-hover: darkblue;
+  --jump-button-background-hover: var(--primary-hard);
   --jump-button-border-radius: var(--border-radius-1, 0.1875rem) var(--border-radius-1, 0.1875rem) var(--border-radius-1, 0.1875rem) var(--border-radius-1, 0.1875rem);
   --jump-button-padding: 1rem 1.25rem;
 }
-jump-button button {
+jump-button button,
+jump-button a {
   background-color: var(--jump-button-background);
   border-radius: var(--jump-button-border-radius);
   color: var(--jump-button-color);
@@ -32,76 +34,100 @@ jump-button button {
   display: flex;
   align-items: center;
   gap: var(--jump-button-gap, 0.5rem);
+  text-decoration: none;
   padding: var(--jump-button-padding);
 }
-jump-button button:hover {
+jump-button button:hover,
+jump-button a:hover {
   background-color: var(--jump-button-background-hover);
   color: var(--jump-button-color-hover);
 }
-jump-button button[data-variant=primary] {
+jump-button button[data-variant=primary],
+jump-button a[data-variant=primary] {
   --jump-button-color: var(--neutral-white);
   --jump-button-background: var(--primary-standard);
   --jump-button-color-hover: var(--neutral-white);
   --jump-button-background-hover: var(--primary-hard);
 }
-jump-button button[data-variant=secondary] {
+jump-button button[data-variant=secondary],
+jump-button a[data-variant=secondary] {
   --jump-button-color: var(--neutral-white);
   --jump-button-background: var(--secondary-standard);
   --jump-button-color-hover: var(--neutral-white);
   --jump-button-background-hover: var(--secondary-hard);
 }
-jump-button button[disabled] {
+jump-button button[disabled],
+jump-button a[disabled] {
   --jump-button-background: var(--jump-button-color-disabled);
   --jump-button-background-hover: var(--jump-button-color-disabled);
   cursor: not-allowed;
 }
-jump-button button[data-pill] {
+jump-button button[data-pill],
+jump-button a[data-pill] {
   border-radius: 100rem;
 }
-jump-button button[data-size=small] {
+jump-button button[data-size=small],
+jump-button a[data-size=small] {
   font-size: var(--fs-300, 0.875rem);
   line-height: var(--lh-300, 1.2);
   --jump-button-padding: 0.5rem 1rem;
 }
-jump-button button[data-size=medium] {
+jump-button button[data-size=medium],
+jump-button a[data-size=medium] {
   font-size: var(--fs-400, 1rem);
   line-height: var(--lh-400, 1.3);
 }
-jump-button button[data-size=large] {
+jump-button button[data-size=large],
+jump-button a[data-size=large] {
   font-size: var(--fs-500, 1.125rem);
   line-height: var(--lh-500, 1.4);
   --jump-button-padding: 1.125rem 1.5rem;
 }
-jump-button button[data-outline] {
+jump-button button[data-outline],
+jump-button a[data-outline] {
   background-color: var(--jump-button-background-outline);
   border: 1px solid var(--jump-button-background);
   color: var(--jump-button-background);
 }
-jump-button button[data-outline]:hover {
+jump-button button[data-outline]:hover,
+jump-button a[data-outline]:hover {
   background-color: var(--jump-button-background-hover);
   border: 1px solid var(--jump-button-background-hover);
-  color: var(--jump-button-background-hover);
+  color: var(--jump-button-color-hover);
 }
-jump-button button[data-text] {
+jump-button button[data-text],
+jump-button a[data-text] {
   background-color: transparent;
   border: none;
   color: var(--jump-button-background);
   padding: 0;
 }
-jump-button button[data-text]:hover {
+jump-button button[data-text]:hover,
+jump-button a[data-text]:hover {
   background-color: transparent;
   border: none;
   color: var(--jump-button-background-hover);
 }
-jump-button button[data-only-icon] {
+jump-button button[data-only-icon],
+jump-button a[data-only-icon] {
   --jump-button-padding: 1.125rem;
 }
-jump-button button[data-only-icon][data-size=small] {
+jump-button button[data-only-icon][data-size=small],
+jump-button a[data-only-icon][data-size=small] {
   --jump-button-padding: 0.5rem;
 }
-jump-button button[data-only-icon][data-size=medium] {
+jump-button button[data-only-icon][data-size=medium],
+jump-button a[data-only-icon][data-size=medium] {
   --jump-button-padding: 1rem;
 }
-jump-button button[data-only-icon][data-size=large] {
+jump-button button[data-only-icon][data-size=large],
+jump-button a[data-only-icon][data-size=large] {
   --jump-button-padding: 1.125rem;
+}
+jump-button button.chat,
+jump-button a.chat {
+  --jump-button-color: var(--neutral-white);
+  --jump-button-background: hsla(133, 54%, 58%, 1);
+  --jump-button-color-hover: var(--neutral-white);
+  --jump-button-background-hover: hsla(161, 63%, 31%, 1);
 }