@jumpgroup/jump-design-system 0.2.7 → 0.3.1

package/dist/cjs/jump-tab-panel.cjs.entry.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-674508e2.js');
+
+const jumpTabPanelCss = ":host{display:block}.JumpTabPanel__Content{display:none;padding:1rem 0}.JumpTabPanel__Content.active{display:block}";
+const JumpTabPanelStyle0 = jumpTabPanelCss;
+
+const JumpTabPanel = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.identifier = undefined;
+        this.active = false;
+    }
+    render() {
+        return (index.h(index.Host, { key: '90108df0339c76ec7ffef78722400cbd5e5b125d', class: "JumpTabPanel", id: this.identifier }, index.h("div", { key: '4e127ffdeb05efdd63dc538cb38976252ff5a060', class: "JumpTabPanel__Content " + (this.active ? 'active' : '') }, index.h("slot", { key: '5e54c0eaed6558e97226ffdc347e0ca8c0d9aa1b' }))));
+    }
+};
+JumpTabPanel.style = JumpTabPanelStyle0;
+
+exports.jump_tab_panel = JumpTabPanel;
+
+//# sourceMappingURL=jump-tab-panel.cjs.entry.js.map

package/dist/cjs/jump-tab-panel.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"jump-tab-panel.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,eAAe,GAAG,qHAAqH,CAAC;AAC9I,2BAAe,eAAe;;MCMjB,YAAY;;;0BAEM,SAAS;sBACZ,KAAK;;IAE/B,MAAM;QACJ,QACEA,QAACC,UAAI,qDAAC,KAAK,EAAC,cAAc,EAAC,EAAE,EAAE,IAAI,CAAC,UAAU,IAC5CD,kEAAK,KAAK,EAAE,wBAAwB,IAAI,IAAI,CAAC,MAAM,GAAG,QAAQ,GAAG,EAAE,CAAC,IAClEA,oEAAa,CACT,CACD,EACP;KACH;;;;;;","names":["h","Host"],"sources":["src/components/jump-tab-panel/jump-tab-panel.scss?tag=jump-tab-panel&encapsulation=shadow","src/components/jump-tab-panel/jump-tab-panel.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n\n.JumpTabPanel {\n  \n  &__Content {    \n    display: none;\n    padding: 1rem 0;\n\n    &.active {\n      display: block;\n    }\n  }\n}","import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'jump-tab-panel',\n  styleUrl: 'jump-tab-panel.scss',\n  shadow: true,\n})\nexport class JumpTabPanel {\n\n  @Prop() identifier: string = undefined;\n  @Prop() active: boolean = false;\n\n  render() {\n    return (\n      <Host class=\"JumpTabPanel\" id={this.identifier}>\n        <div class={\"JumpTabPanel__Content \" + (this.active ? 'active' : '')}>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n\n}\n"],"version":3}

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

@@ -2,24 +2,87 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-41aaa52a.js');
+const index = require('./index-674508e2.js');
 
-const jumpTabCss = ":host{display:block}";
+const jumpTabCss = ":host{display:block;--jump-tab-bg-color:var(--gray-ultralight, #f8f8f8)}:host .Wrapper{display:flex;width:fit-content}:host .Wrapper.rounded{border-radius:50px;background-color:#f8f8f8}";
 const JumpTabStyle0 = jumpTabCss;
 
 const JumpTab = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.activeTab = undefined;
-        this.tabNames = undefined;
+        this.setActiveTab = index.createEvent(this, "jump-change-activetab", 7);
+        this.tabGroupName = undefined;
+        this.variant = 'inline';
     }
-    componentWillLoad() {
-        console.log('Component is about to be rendered');
-        console.log('active', this.activeTab);
-        console.log('tabNames', this.tabNames);
+    changeActiveTabHandler(event) {
+        this.setActiveTab.emit(event.detail);
+        // Recupera il valore della variabile CSS
+        const rootStyles = getComputedStyle(document.documentElement);
+        const primaryColor = rootStyles.getPropertyValue('--neutral-grey-secondary').trim();
+        let items = this.JumpTabEl.querySelectorAll('jump-tab-item');
+        if (items.length > 0) {
+            items.forEach((item) => {
+                if (item.getAttribute('identifier') === event.detail.id) {
+                    item.setAttribute('active', '');
+                    if (this.variant === 'sheet') {
+                        // Aggiungi il bordo ai fratelli dell'elemento attivo tranne l'ultimo
+                        items.forEach((sibling, index) => {
+                            if (sibling !== item && index !== items.length - 1) {
+                                sibling.style.borderRight = `1px solid ${primaryColor}`; // Usa i backticks
+                            }
+                            else {
+                                sibling.style.borderRight = '1px solid transparent';
+                            }
+                        });
+                        // Rimuovi il bordo dal fratello precedente
+                        let previousSibling = item.previousElementSibling;
+                        if (previousSibling) {
+                            previousSibling.style.borderRight = '1px solid transparent';
+                        }
+                    }
+                }
+                else {
+                    item.removeAttribute('active');
+                }
+            });
+        }
+        let panel = this.JumpTabEl.querySelectorAll('jump-tab-panel');
+        if (panel.length > 0) {
+            panel.forEach((panel) => {
+                if (panel.getAttribute('identifier') === event.detail.id) {
+                    panel.setAttribute('active', '');
+                }
+                else {
+                    panel.removeAttribute('active');
+                }
+            });
+        }
+    }
+    componentDidLoad() {
+        console.log('Component has been rendered');
+        if (this.variant === 'sheet') {
+            // Recupera il valore della variabile CSS
+            const rootStyles = getComputedStyle(document.documentElement);
+            const primaryColor = rootStyles.getPropertyValue('--neutral-grey-secondary').trim();
+            // Seleziona tutti gli elementi jump-tab-item
+            let items = this.JumpTabEl.querySelectorAll('jump-tab-item');
+            if (items.length > 0) {
+                items.forEach((item, index) => {
+                    // Aggiungi bordo destro a tutti tranne:
+                    // - l'ultimo elemento
+                    // - l'elemento attivo (avente classe "active")
+                    if (index === items.length - 1 || item.classList.contains('active')) {
+                        item.style.borderRight = '1px solid transparent';
+                    }
+                    else {
+                        item.style.borderRight = `1px solid ${primaryColor}`;
+                    }
+                });
+            }
+        }
     }
     render() {
-        return (index.h(index.Host, { key: '6d974852fbbf04550ddd7eaad3dafbf784513c78', class: "JumpTab" }, (this.tabNames && this.activeTab) && this.tabNames.map((tabName) => (index.h("div", { class: `JumpTab__Tab ${this.activeTab === tabName ? 'active' : ''}` }, tabName)))));
+        return (index.h(index.Host, { key: '325ebf63677d7b1307ebb5be3d521d06efa22a5a', class: "JumpTab", id: this.tabGroupName, ref: (el) => { this.JumpTabEl = el; } }, index.h("div", { key: 'afa4eb17c8582aa59f8f3b55237de34fa04871d5', class: "Wrapper " + this.variant }, index.h("slot", { key: '69023d9ae6ae85ef8270d7c8ea4c881c60889f63', name: "tab-item" })), index.h("div", { key: '28257b0f8de4c3ef1b7dd7adb58dc2d0ce342164' }, index.h("slot", { key: '3097cf4876730499e2067aed722ff822582e173f', name: "tab-content" }))));
     }
 };
 JumpTab.style = JumpTabStyle0;

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

@@ -1 +1 @@
-{"file":"jump-tab.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,UAAU,GAAG,sBAAsB,CAAC;AAC1C,sBAAe,UAAU;;MCMZ,OAAO;;;yBAGU,SAAS;wBACH,SAAS;;IAE3C,iBAAiB;QACf,OAAO,CAAC,GAAG,CAAC,mCAAmC,CAAC,CAAC;QACjD,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACrC,OAAO,CAAC,GAAG,CAAC,UAAU,EAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;KACvC;IAED,MAAM;QACJ,QACEA,QAACC,UAAI,qDAAC,KAAK,EAAC,SAAS,IAClB,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,MAC9DD,iBAAK,KAAK,EAAE,gBAAgB,IAAI,CAAC,SAAS,KAAK,OAAO,GAAG,QAAQ,GAAG,EAAE,EAAE,IACrE,OAAO,CACJ,CACP,CAAC,CACG,EACP;KACH;;;;;;","names":["h","Host"],"sources":["src/components/jump-tab/jump-tab.scss?tag=jump-tab&encapsulation=shadow","src/components/jump-tab/jump-tab.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'jump-tab',\n  styleUrl: 'jump-tab.scss',\n  shadow: true,\n})\nexport class JumpTab {\n\n  /* ---------------------- @PROPERTIES ------------------------- */\n  @Prop() activeTab: string = undefined;\n  @Prop() tabNames: Array<string> = undefined;\n\n  componentWillLoad() {\n    console.log('Component is about to be rendered');\n    console.log('active',this.activeTab);\n    console.log('tabNames',this.tabNames);\n  }\n\n  render() {\n    return (\n      <Host class=\"JumpTab\">\n        {(this.tabNames && this.activeTab) && this.tabNames.map((tabName) => (\n          <div class={`JumpTab__Tab ${this.activeTab === tabName ? 'active' : ''}`}>\n            {tabName}\n          </div>\n        ))}\n      </Host>\n    );\n  }\n\n}\n"],"version":3}
+{"file":"jump-tab.entry.cjs.js","mappings":"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","names":["h","Host"],"sources":["src/components/jump-tab/jump-tab.scss?tag=jump-tab&encapsulation=shadow","src/components/jump-tab/jump-tab.tsx"],"sourcesContent":[":host {\n  display: block;\n\n    --jump-tab-bg-color: var(--gray-ultralight, #f8f8f8);\n    \n      .Wrapper {\n        display: flex;\n        width: fit-content;\n    \n        &.rounded {\n          border-radius: 50px;\n          background-color: #f8f8f8; // dovrà andarci var(--jump-tab-bg-color)\n        }\n      }\n}","import { Component, Host, Event, EventEmitter, Prop, h, Listen } from '@stencil/core';\n\n@Component({\n  tag: 'jump-tab',\n  styleUrl: 'jump-tab.scss',\n  shadow: true,\n})\nexport class JumpTab {\n\n  JumpTabEl: HTMLElement;\n  /* ---------------------- @PROPERTIES ------------------------- */\n  @Prop() tabGroupName: string = undefined;\n\n  /**\n   * The style of the tab. The same value must be passed to all the items.\n   * Choosed from \"inline\", \"boxed\", \"sheet\", \"rounded\"\n   */\n  @Prop() variant: string = 'inline';\n\n  @Event({ eventName: 'jump-change-activetab'}) setActiveTab: EventEmitter;\n\n  @Listen('jump-change-active-tab')\n  changeActiveTabHandler(event: CustomEvent) {\n    this.setActiveTab.emit(event.detail);\n\n    // Recupera il valore della variabile CSS\n    const rootStyles = getComputedStyle(document.documentElement);\n    const primaryColor = rootStyles.getPropertyValue('--neutral-grey-secondary').trim();\n\n    let items = this.JumpTabEl.querySelectorAll('jump-tab-item');\n    if (items.length > 0) {\n      items.forEach((item) => {\n        if (item.getAttribute('identifier') === event.detail.id) {\n          item.setAttribute('active', '');\n\n          if (this.variant === 'sheet') {\n            // Aggiungi il bordo ai fratelli dell'elemento attivo tranne l'ultimo\n            items.forEach((sibling, index) => {\n              if (sibling !== item && index !== items.length - 1) {\n                sibling.style.borderRight = `1px solid ${primaryColor}`; // Usa i backticks\n              } else {\n                sibling.style.borderRight = '1px solid transparent';\n              }\n            });\n\n            // Rimuovi il bordo dal fratello precedente\n            let previousSibling = item.previousElementSibling as any;\n            if (previousSibling) {\n              previousSibling.style.borderRight = '1px solid transparent';\n            }\n          }\n\n        } else {\n          item.removeAttribute('active');\n        }\n      });\n    }\n\n    let panel = this.JumpTabEl.querySelectorAll('jump-tab-panel');\n    if (panel.length > 0) {\n      panel.forEach((panel) => {\n        if (panel.getAttribute('identifier') === event.detail.id) {\n          panel.setAttribute('active', '');\n        } else {\n          panel.removeAttribute('active');\n        }\n      });\n    }\n  }\n\n\n  componentDidLoad() {\n    console.log('Component has been rendered');\n    if(this.variant === 'sheet') {\n      // Recupera il valore della variabile CSS\n      const rootStyles = getComputedStyle(document.documentElement);\n      const primaryColor = rootStyles.getPropertyValue('--neutral-grey-secondary').trim();\n\n      // Seleziona tutti gli elementi jump-tab-item\n      let items = this.JumpTabEl.querySelectorAll('jump-tab-item');\n      if (items.length > 0) {\n        items.forEach((item, index) => {\n          // Aggiungi bordo destro a tutti tranne:\n          // - l'ultimo elemento\n          // - l'elemento attivo (avente classe \"active\")\n          if (index === items.length - 1 || item.classList.contains('active')) {\n            item.style.borderRight = '1px solid transparent';\n          } else {\n            item.style.borderRight = `1px solid ${primaryColor}`;\n          }\n        });\n      }\n    }\n\n  }\n\n  render() {\n    return (\n      <Host class=\"JumpTab\" id={this.tabGroupName} ref={(el) => {this.JumpTabEl = el;}}> \n        <div class={\"Wrapper \" + this.variant}>\n          <slot name=\"tab-item\"></slot>\n        </div>\n        <div>\n          <slot name=\"tab-content\"></slot>\n        </div>\n      </Host>\n    );\n  }\n}"],"version":3}

package/dist/cjs/loader.cjs.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-41aaa52a.js');
+const index = require('./index-674508e2.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["jump-pagination.cjs",[[0,"jump-pagination",{"pagLabel":[1,"pag-label"],"last":[2],"showFirstAndLast":[4,"show-first-and-last"],"current":[32]},null,{"current":["watchcurrent"]}]]],["jump-pagination-table.cjs",[[0,"jump-pagination-table",{"elementsRanges":[16],"elPerPage":[2,"el-per-page"],"pagLabel":[513,"pag-label"],"labelElementsPerPage":[513,"label-elements-per-page"],"total":[514],"first":[514],"last":[514],"showFirstAndLast":[516,"show-first-and-last"]},null,{"elPerPage":["elPerPageChanged"]}]]],["jump-badge.cjs",[[0,"jump-badge",{"label":[1],"variant":[1]}]]],["jump-button.cjs",[[1,"jump-button",{"disabled":[4],"variant":[1],"outline":[4],"size":[1],"full":[4],"pill":[4],"text":[4],"onlyIcon":[4,"only-icon"],"href":[1],"target":[1],"type":[1],"name":[1],"value":[1],"ariaLabel":[1,"aria-label"],"class":[1],"buttonId":[1,"button-id"]}]]],["jump-card.cjs",[[4,"jump-card",{"horizontal":[4],"dark":[4],"shadow":[4],"border":[4],"borderRadius":[4,"border-radius"],"topBorderContentRadius":[4,"top-border-content-radius"],"boxed":[4],"roundedMedia":[4,"rounded-media"],"imgSrc":[1,"img-src"],"imgAlt":[1,"img-alt"],"videoSrc":[1,"video-src"]}]]],["jump-tab.cjs",[[1,"jump-tab",{"activeTab":[1,"active-tab"],"tabNames":[16]}]]],["jump-icon.cjs",[[0,"jump-icon",{"name":[1],"class":[1],"size":[1]}]]]], options);
+  return index.bootstrapLazy([["jump-button_2.cjs",[[1,"jump-button",{"disabled":[4],"variant":[1],"outline":[4],"size":[1],"full":[4],"pill":[4],"text":[4],"onlyIcon":[4,"only-icon"],"href":[1],"target":[1],"type":[1],"name":[1],"value":[1],"ariaLabel":[1,"aria-label"],"class":[1],"buttonId":[1,"button-id"]}],[1,"jump-icon",{"class":[1],"library":[1],"name":[1],"category":[1],"size":[1],"label":[1],"src":[1]}]]],["jump-card-ecommerce.cjs",[[1,"jump-card-ecommerce",{"onlyIconButton":[4,"only-icon-button"],"hasBackground":[4,"has-background"],"badge":[1],"favorite":[1540],"link":[1],"img":[1],"imgAlt":[1,"img-alt"],"videoSrc":[1,"video-src"],"addedToCart":[4,"added-to-cart"],"notificationUrl":[1,"notification-url"],"notificationText":[1,"notification-text"],"productName":[1,"product-name"],"subtitle":[1],"productId":[1,"product-id"],"price":[2],"salePrice":[2,"sale-price"],"currency":[1],"outOfStock":[1540,"out-of-stock"],"outOfStockText":[1,"out-of-stock-text"],"addtoCartText":[1,"addto-cart-text"],"waitingListText":[1,"waiting-list-text"],"addToWaitingList":[4,"add-to-waiting-list"],"changedVariation":[4,"changed-variation"]}]]],["jump-filter.cjs",[[1,"jump-filter",{"direction":[1],"filterHeading":[1,"filter-heading"],"filterButtonLabel":[1,"filter-button-label"],"filterButtonIcon":[1,"filter-button-icon"],"mobileThreshold":[2,"mobile-threshold"],"filters":[8],"activeFilters":[32],"showMobileFilters":[32],"isMobile":[32],"getFilters":[64]},[[0,"jump-filterchange","filterChangeHandler"],[9,"resize","handleResize"]]]]],["jump-filtergroup.cjs",[[1,"jump-filtergroup",{"name":[1],"heading":[1],"otherLabel":[1,"other-label"],"lessLabel":[1,"less-label"],"maxElements":[2,"max-elements"],"variant":[1],"values":[32],"value":[32],"slotItems":[32],"inputs":[32],"showMore":[32],"getValues":[64],"getActiveAmount":[64],"getInputs":[64],"getName":[64]}]]],["jump-pagination.cjs",[[1,"jump-pagination",{"pagLabel":[1,"pag-label"],"last":[2],"showFirstAndLast":[4,"show-first-and-last"],"current":[32]},null,{"current":["watchcurrent"]}]]],["jump-pagination-table.cjs",[[0,"jump-pagination-table",{"elementsRanges":[16],"elPerPage":[2,"el-per-page"],"pagLabel":[513,"pag-label"],"labelElementsPerPage":[513,"label-elements-per-page"],"total":[514],"first":[514],"last":[514],"showFirstAndLast":[516,"show-first-and-last"]},null,{"elPerPage":["elPerPageChanged"]}]]],["jump-quantity.cjs",[[65,"jump-quantity",{"min":[2],"max":[2],"step":[2],"label":[1],"type":[1],"variant":[1],"showButtons":[4,"show-buttons"],"value":[32],"getValue":[64]},null,{"value":["onValueChange"]}]]],["jump-tab-item.cjs",[[1,"jump-tab-item",{"identifier":[1],"iconName":[1,"icon-name"],"iconPosition":[1,"icon-position"],"label":[1],"active":[4],"disabled":[4],"variant":[32]}]]],["jump-accordion.cjs",[[1,"jump-accordion"]]],["jump-card.cjs",[[4,"jump-card",{"horizontal":[4],"dark":[4],"shadow":[4],"border":[4],"borderRadius":[4,"border-radius"],"topBorderContentRadius":[4,"top-border-content-radius"],"boxed":[4],"roundedMedia":[4,"rounded-media"],"imgSrc":[1,"img-src"],"imgAlt":[1,"img-alt"],"videoSrc":[1,"video-src"]}]]],["jump-tab.cjs",[[1,"jump-tab",{"tabGroupName":[1,"tab-group-name"],"variant":[1]},[[0,"jump-change-active-tab","changeActiveTabHandler"]]]]],["jump-tab-panel.cjs",[[1,"jump-tab-panel",{"identifier":[1],"active":[4]}]]],["jump-badge.cjs",[[1,"jump-badge",{"label":[1],"variant":[1],"dimension":[1],"soft":[4],"outline":[4]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -1,12 +1,19 @@
 {
   "entries": [
+    "components/jump-accordion/jump-accordion.js",
     "components/jump-badge/jump-badge.js",
     "components/jump-button/jump-button.js",
     "components/jump-card/jump-card.js",
+    "components/jump-card-ecommerce/jump-card-ecommerce.js",
+    "components/jump-filter/jump-filter.js",
+    "components/jump-filtergroup/jump-filtergroup.js",
     "components/jump-icon/jump-icon.js",
     "components/jump-pagination/jump-pagination.js",
     "components/jump-pagination-table/jump-pagination-table.js",
-    "components/jump-tab/jump-tab.js"
+    "components/jump-quantity/jump-quantity.js",
+    "components/jump-tab/jump-tab.js",
+    "components/jump-tab-item/jump-tab-item.js",
+    "components/jump-tab-panel/jump-tab-panel.js"
   ],
   "compiler": {
     "name": "@stencil/core",

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

@@ -0,0 +1,3 @@
+:host {
+  display: block;
+}

package/dist/collection/components/jump-accordion/jump-accordion.js

@@ -0,0 +1,19 @@
+import { Host, h } from "@stencil/core";
+export class JumpAccordion {
+    render() {
+        return (h(Host, { key: '08c6f14d1b4c9fcd99c62679bbc16b02b985644f' }, h("slot", { key: 'd86efa130f7c545957223bfe25bd016d52031095' })));
+    }
+    static get is() { return "jump-accordion"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["jump-accordion.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["jump-accordion.css"]
+        };
+    }
+}
+//# sourceMappingURL=jump-accordion.js.map

package/dist/collection/components/jump-accordion/jump-accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jump-accordion.js","sourceRoot":"","sources":["../../../src/components/jump-accordion/jump-accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,aAAa;IAExB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;CAEF","sourcesContent":["import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'jump-accordion',\n  styleUrl: 'jump-accordion.scss',\n  shadow: true,\n})\nexport class JumpAccordion {\n\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n\n}\n"]}

package/dist/collection/components/jump-accordion/test/jump-accordion.e2e.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"jump-accordion.e2e.js","sourceRoot":"","sources":["../../../../src/components/jump-accordion/test/jump-accordion.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC,mCAAmC,CAAC,CAAC;QAE3D,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QAClD,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-accordion', () => {\n  it('renders', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<jump-accordion></jump-accordion>');\n\n    const element = await page.find('jump-accordion');\n    expect(element).toHaveClass('hydrated');\n  });\n});\n"]}

package/dist/collection/components/jump-accordion/test/jump-accordion.spec.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"jump-accordion.spec.js","sourceRoot":"","sources":["../../../../src/components/jump-accordion/test/jump-accordion.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE,mCAAmC;SAC1C,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 { JumpAccordion } from '../jump-accordion';\n\ndescribe('jump-accordion', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [JumpAccordion],\n      html: `<jump-accordion></jump-accordion>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <jump-accordion>\n        <mock:shadow-root>\n          <slot></slot>\n        </mock:shadow-root>\n      </jump-accordion>\n    `);\n  });\n});\n"]}

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

@@ -1,26 +1,104 @@
-jump-badge {
+:host {
   --jump-badge-background: var(--primary-standard);
-  --jump-badge-color: #fff;
-  --jump-bafge-border-radius: 50px;
-  display: inline-flex;
+  --jump-badge-color: var(--neutral-white);
+  --jump-badge-border-radius: 50px;
+  --jump-badge-border: var(--primary-standard);
+  --jump-badge-padding: 4px 12px;
+  display: flex;
+  width: fit-content;
+  gap: 0.5rem;
   color: var(--jump-badge-color);
   background-color: var(--jump-badge-background);
   align-items: center;
   justify-content: center;
   font-family: var(--ff-primary, "Arial"), sans-serif;
-  font-size: var(--fs-300);
+  font-size: var(--fs-500);
   font-weight: var(--fw-900);
-  line-height: 1;
-  border-radius: var(--jump-bafge-border-radius);
-  border: solid 1px var(--jump-bafge-border-radius);
+  line-height: 1.2;
+  border-radius: var(--jump-badge-border-radius);
+  border: solid 1px var(--jump-badge-border);
   white-space: nowrap;
-  padding: 0.35em 0.6em;
+  padding: var(--jump-badge-padding);
   user-select: none;
   cursor: inherit;
 }
-jump-badge[variant=primary] {
-  --jump-badge-background: var(--primary-standard);
+
+:host([variant=primary]):host([soft]) {
+  --jump-badge-background: var(--primary-soft);
+  --jump-badge-color: var(--primary-standard);
+  --jump-badge-border: var(--primary-soft);
 }
-jump-badge[variant=secondary] {
+
+:host([variant=secondary]) {
   --jump-badge-background: var(--secondary-standard);
+  --jump-badge-border: var(--secondary-standard);
+}
+:host([variant=secondary]):host([soft]) {
+  --jump-badge-background: var(--secondary-soft);
+  --jump-badge-color: var(--secondary-standard);
+  --jump-badge-border: var(--secondary-soft);
+}
+
+:host([variant=neutral]) {
+  --jump-badge-background: var(--neutral-grey-secondary);
+  --jump-badge-border: var(--neutral-grey-secondary);
+}
+:host([variant=neutral]):host([soft]) {
+  --jump-badge-background: var(--neutral-grey-disabled);
+  --jump-badge-color: var(--neutral-grey-secondary);
+  --jump-badge-border: var(--neutral-grey-disabled);
+}
+
+:host([variant=danger]) {
+  --jump-badge-background: var(--status-danger-standard);
+  --jump-badge-border: var(--status-danger-standard);
+}
+:host([variant=danger]):host([soft]) {
+  --jump-badge-background: var(--status-danger-soft);
+  --jump-badge-color: var(--status-danger-standard);
+  --jump-badge-border: var(--status-danger-soft);
+}
+
+:host([variant=success]) {
+  --jump-badge-background: var(--status-success-standard);
+  --jump-badge-border: var(--status-success-standard);
+}
+:host([variant=success]):host([soft]) {
+  --jump-badge-background: var(--status-success-soft);
+  --jump-badge-color: var(--status-success-standard);
+  --jump-badge-border: var(--status-success-soft);
+}
+
+:host([variant=warning]) {
+  --jump-badge-background: var(--status-warning-standard);
+  --jump-badge-border: var(--status-warning-standard);
+}
+:host([variant=warning]):host([soft]) {
+  --jump-badge-background: var(--status-warning-soft);
+  --jump-badge-color: var(--status-warning-standard);
+  --jump-badge-border: var(--status-warning-soft);
+}
+
+:host([dimension=small]) {
+  font-size: var(--fs-300);
+}
+
+:host([dimension=dot]) {
+  font-size: var(--fs-300);
+  --jump-badge-padding: 0 5px;
+  --jump-badge-border-radius: 50%;
+}
+
+:host([dimension=microdot]) {
+  width: 0.5rem;
+  height: 0.5rem;
+  padding: 0;
+  --jump-badge-border-radius: 50%;
+}
+
+:host([outline]) {
+  background-color: var(--jump-badge-background-outline);
+  border: 1px solid var(--jump-badge-background);
+  color: var(--jump-badge-background);
+  background-color: transparent;
 }

package/dist/collection/components/jump-badge/jump-badge.js

@@ -3,11 +3,15 @@ export class AppBadge {
     constructor() {
         this.label = '';
         this.variant = 'primary';
+        this.dimension = 'large';
+        this.soft = false;
+        this.outline = false;
     }
     render() {
-        return (h(Host, { key: '1a0a2b2bf95c1217ca9546b19c4ff6b25ca2a86a', variant: this.variant }, this.label));
+        return (h(Host, { key: 'c820f0fd33cdbcf6d4269a8346085f1efdf87aab' }, h("slot", { key: '704280d65559cbcb283aeead333ddb27636f905b', name: "prefix" }), this.label));
     }
     static get is() { return "jump-badge"; }
+    static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
             "$": ["jump-badge.scss"]
@@ -42,8 +46,8 @@ export class AppBadge {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "'primary'|'secondary'",
-                    "resolved": "\"primary\" | \"secondary\"",
+                    "original": "'primary'|'secondary'|'neutral'|'warning'|'success'|'danger'",
+                    "resolved": "\"danger\" | \"neutral\" | \"primary\" | \"secondary\" | \"success\" | \"warning\"",
                     "references": {}
                 },
                 "required": false,
@@ -55,6 +59,60 @@ export class AppBadge {
                 "attribute": "variant",
                 "reflect": false,
                 "defaultValue": "'primary'"
+            },
+            "dimension": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'large'|'small'|'dot'|'microdot'",
+                    "resolved": "\"dot\" | \"large\" | \"microdot\" | \"small\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Indicates the variant of the badge"
+                },
+                "attribute": "dimension",
+                "reflect": false,
+                "defaultValue": "'large'"
+            },
+            "soft": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Indicates the variant of the badge"
+                },
+                "attribute": "soft",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "outline": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Indicates the variant of the badge"
+                },
+                "attribute": "outline",
+                "reflect": false,
+                "defaultValue": "false"
             }
         };
     }

package/dist/collection/components/jump-badge/jump-badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"jump-badge.js","sourceRoot":"","sources":["../../../src/components/jump-badge/jump-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,QAAQ;;qBAIK,EAAE;uBAKe,SAAS;;IAElD,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,OAAO,EAAE,IAAI,CAAC,OAAO,IACxB,IAAI,CAAC,KAAK,CACN,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEF","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'jump-badge',\n  styleUrl: 'jump-badge.scss',\n  shadow: false,\n})\nexport class AppBadge {\n  /**\n   * Indicates the label of the badge\n   */\n  @Prop() label: string = '';\n\n  /**\n   * Indicates the variant of the badge\n   */\n  @Prop() variant: 'primary'|'secondary' = 'primary';\n\n  render() {\n    return (\n      <Host variant={this.variant}>\n        {this.label}\n      </Host>\n    );\n  }\n\n}\n"]}
+{"version":3,"file":"jump-badge.js","sourceRoot":"","sources":["../../../src/components/jump-badge/jump-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,QAAQ;;qBAIK,EAAE;uBAKsD,SAAS;yBAKnC,OAAO;oBAKrC,KAAK;uBAKF,KAAK;;IAEhC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,6DAAM,IAAI,EAAC,QAAQ,GAAQ;YAC1B,IAAI,CAAC,KAAK,CACN,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEF","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'jump-badge',\n  styleUrl: 'jump-badge.scss',\n  shadow: true,\n})\nexport class AppBadge {\n  /**\n   * Indicates the label of the badge\n   */\n  @Prop() label: string = '';\n\n  /**\n   * Indicates the variant of the badge\n   */\n  @Prop() variant: 'primary'|'secondary'|'neutral'|'warning'|'success'|'danger' = 'primary';\n\n  /**\n   * Indicates the variant of the badge\n   */\n  @Prop() dimension: 'large'|'small'|'dot'|'microdot' = 'large';\n\n  /**\n   * Indicates the variant of the badge\n   */\n  @Prop() soft: boolean = false;\n\n  /**\n   * Indicates the variant of the badge\n   */\n  @Prop() outline: boolean = false;\n\n  render() {\n    return (\n      <Host>\n        <slot name=\"prefix\"></slot>\n        {this.label}\n      </Host>\n    );\n  }\n\n}\n"]}

package/dist/collection/components/jump-badge/jump-badge.stories.js

@@ -1,26 +1,111 @@
+import { generateAttributesFromArgs } from "../../utils/utils";
 export default {
-    title: 'Components/Badge/Primary',
+    title: 'Components/Badge/Badge',
     tags: ['autodocs'],
     argTypes: {
         label: {
-            name: 'Scritta dentro il badge',
+            name: 'label',
             description: 'inserire la scritta che sarà visualizzata nel badge',
             control: 'text',
         },
         variant: {
-            name: 'Colore del badge',
+            name: 'variant',
             description: 'scegliere il colore dell badge',
-            control: 'options',
-            options: ['primary', 'secondary'],
+            control: 'select',
+            options: [
+                'primary',
+                'secondary',
+                'neutral',
+                'warning',
+                'success',
+                'danger',
+            ],
+        },
+        outline: {
+            name: 'outline',
+            description: 'scegliere se il badge deve essere pieno o solo il contorno',
+            control: 'boolean',
+        },
+        soft: {
+            name: 'soft',
+            description: 'scegliere se il badge deve avere i bordi arrotondati',
+            control: 'boolean',
+        },
+        dimension: {
+            name: 'dimension',
+            description: 'scegliere la dimensione del badge',
+            control: 'select',
+            options: [
+                'large',
+                'small',
+                'dot',
+                'microdot',
+            ],
         },
     }
 };
 const Template = (args) => {
-    var _a;
-    return `<jump-badge class="${(_a = args.class) !== null && _a !== void 0 ? _a : ''}">${args.label}</jump-badge>`;
+    const attributes = generateAttributesFromArgs(args);
+    return `<jump-badge ${attributes}>${args.label}</jump-badge>`;
+};
+const TemplateIcon = (args) => {
+    const attributes = generateAttributesFromArgs(args);
+    return `<jump-badge ${attributes}><jump-icon slot="prefix" name="circle-exclamation" category="regular"></jump-icon> ${args.label}</jump-badge>`;
 };
 export const Badge = Template.bind({});
 Badge.args = {
-    label: 'badge'
+    label: 'badge',
+    variant: 'primary',
+    outline: false,
+    soft: false,
+    dimension: 'large'
+};
+export const IconBadge = TemplateIcon.bind({});
+IconBadge.args = {
+    label: 'badge',
+    variant: 'secondary',
+    outline: false,
+    soft: false,
+    dimension: 'large'
+};
+export const Outline = Template.bind({});
+Outline.args = {
+    label: 'badge',
+    variant: 'secondary',
+    outline: true,
+    soft: false,
+    dimension: 'large'
+};
+export const Soft = Template.bind({});
+Soft.args = {
+    label: 'badge',
+    variant: 'neutral',
+    outline: false,
+    soft: true,
+    dimension: 'large'
+};
+export const Small = Template.bind({});
+Small.args = {
+    label: 'badge',
+    variant: 'warning',
+    outline: false,
+    soft: true,
+    dimension: 'small'
+};
+export const Dot = Template.bind({});
+Dot.args = {
+    label: '1',
+    variant: 'success',
+    outline: false,
+    soft: true,
+    dimension: 'dot'
+};
+export const MicroDot = Template.bind({});
+MicroDot.args = {
+    label: '',
+    variant: 'danger',
+    outline: false,
+    soft: false,
+    dimension: 'microdot'
 };
 //# sourceMappingURL=jump-badge.stories.js.map

package/dist/collection/components/jump-badge/jump-badge.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"jump-badge.stories.js","sourceRoot":"","sources":["../../../src/components/jump-badge/jump-badge.stories.ts"],"names":[],"mappings":"AAAA,eAAe;IACb,KAAK,EAAE,0BAA0B;IACjC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,IAAI,EAAE,yBAAyB;YAC/B,WAAW,EAAE,qDAAqD;YAClE,OAAO,EAAE,MAAM;SAChB;QACD,OAAO,EAAE;YACP,IAAI,EAAE,kBAAkB;YACxB,WAAW,EAAE,gCAAgC;YAC7C,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC;SAClC;KACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;;IACxB,OAAO,sBAAsB,MAAA,IAAI,CAAC,KAAK,mCAAI,EAAE,KAAK,IAAI,CAAC,KAAK,eAAe,CAAA;AAC7E,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;IACX,KAAK,EAAE,OAAO;CACf,CAAC","sourcesContent":["export default {\n  title: 'Components/Badge/Primary',\n  tags: ['autodocs'],\n  argTypes: {\n    label: {\n      name: 'Scritta dentro il badge',\n      description: 'inserire la scritta che sarà visualizzata nel badge',\n      control: 'text',\n    },\n    variant: {\n      name: 'Colore del badge',\n      description: 'scegliere il colore dell badge',\n      control: 'options',\n      options: ['primary', 'secondary'],\n    },\n  }\n};\n\nconst Template = (args) => {\n  return `<jump-badge class=\"${args.class ?? ''}\">${args.label}</jump-badge>`\n}\n\nexport const Badge = Template.bind({});\nBadge.args = {\n  label: 'badge'\n};\n"]}
+{"version":3,"file":"jump-badge.stories.js","sourceRoot":"","sources":["../../../src/components/jump-badge/jump-badge.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import { generateAttributesFromArgs} from '../../utils/utils';\n\nexport default {\n  title: 'Components/Badge/Badge',\n  tags: ['autodocs'],\n  argTypes: {\n    label: {\n      name: 'label',\n      description: 'inserire la scritta che sarà visualizzata nel badge',\n      control: 'text',\n    },\n    variant: {\n      name: 'variant',\n      description: 'scegliere il colore dell badge',\n      control: 'select',\n      options: [\n        'primary',\n        'secondary',\n        'neutral',\n        'warning',\n        'success',\n        'danger',\n      ],\n    },\n    outline: {\n      name: 'outline',\n      description: 'scegliere se il badge deve essere pieno o solo il contorno',\n      control: 'boolean',\n    },\n    soft: {\n      name: 'soft',\n      description: 'scegliere se il badge deve avere i bordi arrotondati',\n      control: 'boolean',\n    },\n    dimension: {\n      name: 'dimension',\n      description: 'scegliere la dimensione del badge',\n      control: 'select',\n      options: [\n        'large',\n        'small',\n        'dot',\n        'microdot',\n      ],\n    },\n  }\n};\n\nconst Template = (args) => {\n  const attributes = generateAttributesFromArgs(args);\n  return `<jump-badge ${attributes}>${args.label}</jump-badge>`\n}\n\nconst TemplateIcon = (args) => {\n  const attributes = generateAttributesFromArgs(args);\n  return `<jump-badge ${attributes}><jump-icon slot=\"prefix\" name=\"circle-exclamation\" category=\"regular\"></jump-icon> ${args.label}</jump-badge>`\n}\n\nexport const Badge = Template.bind({});\nBadge.args = {\n  label: 'badge',\n  variant: 'primary',\n  outline: false,\n  soft: false,\n  dimension: 'large'\n};\n\nexport const IconBadge = TemplateIcon.bind({});\nIconBadge.args = {\n  label: 'badge',\n  variant: 'secondary',\n  outline: false,\n  soft: false,\n  dimension: 'large'\n};\n\nexport const Outline = Template.bind({});\nOutline.args = {\n  label: 'badge',\n  variant: 'secondary',\n  outline: true,\n  soft: false,\n  dimension: 'large'\n};\n\nexport const Soft = Template.bind({});\nSoft.args = {\n  label: 'badge',\n  variant: 'neutral',\n  outline: false,\n  soft: true,\n  dimension: 'large'\n};\n\nexport const Small = Template.bind({});\nSmall.args = {\n  label: 'badge',\n  variant: 'warning',\n  outline: false,\n  soft: true,\n  dimension: 'small'\n};\n\nexport const Dot = Template.bind({});\nDot.args = {\n  label: '1',\n  variant: 'success',\n  outline: false,\n  soft: true,\n  dimension: 'dot'\n};\n\nexport const MicroDot = Template.bind({});\nMicroDot.args = {\n  label: '',\n  variant: 'danger',\n  outline: false,\n  soft: false,\n  dimension: 'microdot'\n};\n"]}