@jumpgroup/jump-design-system 0.2.3 → 0.2.4

package/dist/jump-design-system/p-61729377.entry.js

@@ -0,0 +1,2 @@
+import{r as s,h as t,H as e}from"./p-20ceb40c.js";const o=":host{display:block}";const c=o;const i=class{constructor(t){s(this,t);this.activeTab=undefined;this.tabNames=undefined}componentWillLoad(){console.log("Component is about to be rendered");console.log("active",this.activeTab);console.log("tabNames",this.tabNames)}render(){return t(e,{key:"08d20c1e157286fd4034790df04c2f7113e57e43",class:"JumpTab"},this.tabNames&&this.activeTab&&this.tabNames.map((s=>t("div",{class:`JumpTab__Tab ${this.activeTab===s?"active":""}`},s))))}};i.style=c;export{i as jump_tab};
+//# sourceMappingURL=p-61729377.entry.js.map

package/dist/jump-design-system/p-61729377.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jumpTabCss","JumpTabStyle0","JumpTab","undefined","componentWillLoad","console","log","this","activeTab","tabNames","render","h","Host","key","class","map","tabName"],"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"],"mappings":"kDAAA,MAAMA,EAAa,uBACnB,MAAAC,EAAeD,E,MCMFE,EAAO,M,wCAGUC,U,cACMA,S,CAElC,iBAAAC,GACEC,QAAQC,IAAI,qCACZD,QAAQC,IAAI,SAASC,KAAKC,WAC1BH,QAAQC,IAAI,WAAWC,KAAKE,S,CAG9B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,WACRP,KAAKE,UAAYF,KAAKC,WAAcD,KAAKE,SAASM,KAAKC,GACvDL,EAAA,OAAKG,MAAO,gBAAgBP,KAAKC,YAAcQ,EAAU,SAAW,MACjEA,K"}

package/dist/jump-design-system/{p-fea57bd7.entry.js → p-700b96b4.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as a,H as e}from"./p-407027a9.js";const d=':root{--neutral-grey-background:#eeeeee;--neutral-grey-disabled:#cbcbcb;--neutral-grey-primary:#282828;--neutral-grey-secondary:#707070;--neutral-white:#ffffff;--primary-hard:#e75a50;--primary-soft:#ffeae9;--primary-standard:#fa7268;--secondary-hard:#435171;--secondary-soft:#dde3ed;--secondary-standard:#5e79ba;--status-danger-hard:#ba250a;--status-danger-soft:#fdd3d1;--status-danger-standard:#d72c0d;--status-interaction-hard:#22559e;--status-interaction-soft:#f2f7fe;--status-interaction-standard:#2c6ecb;--status-success-hard:#156048;--status-success-soft:#f1f8f5;--status-success-standard:#1d7f60;--status-warning-hard:#987100;--status-warning-soft:#fef5ea;--status-warning-standard:#b98900;--ff-primary:"Inter";--ff-secondary:"Prompt";--lh-300:1.25rem;--lh-400:1.5rem;--lh-500:1.625rem;--lh-600:2rem;--lh-700:2.75rem;--lh-800:3.5rem;--lh-850:4.375rem;--lh-900:5.5rem;--fs-300:0.875rem;--fs-400:1rem;--fs-500:1.125rem;--fs-600:1.5rem;--fs-700:2.25rem;--fs-800:3rem;--fs-850:3.75rem;--fs-900:4.5rem;--fw-300:300;--fw-400:400;--fw-900:700}jump-card{display:flex;flex-direction:column;position:relative;--jump-card-max-width-horizontal:100%;--jump-card-color:var(--neutral-grey-primary);--jump-card-background:#fff;--jump-card-color-dark:#fff;--jump-card-border-color:var(--neutral-grey-background);--jump-card-border-radius:6px;--jump-card-border-top-radius:1rem;--jump-card-top-border-body-radius:1.5rem 1rem;--jump-card-padding:1rem 1.25rem;font-family:var(--ff-primary, "Arial"), sans-serif;line-height:var(--lh-400, 1.3);background-color:var(--jump-card-background);color:var(--jump-card-color);overflow:hidden}jump-card img,jump-card video{aspect-ratio:4/3;overflow:hidden;position:relative;object-fit:cover}jump-card .Content{padding:1.5rem 1rem;display:flex;flex-direction:column;gap:0.75rem;flex:1;background-color:var(--jump-card-background)}jump-card[dark]{background-color:var(--neutral-grey-primary);color:var(--jump-card-color-dark)}jump-card[dark] .Content{background-color:var(--neutral-grey-primary);color:var(--jump-card-color-dark)}jump-card[border]{border:1px solid var(--jump-card-border-color)}jump-card[border-radius]{border-radius:var(--jump-card-border-radius)}jump-card[top-border-content-radius]{border-radius:var(--jump-card-border-top-radius)}jump-card[top-border-content-radius] .Content{border-top-left-radius:var(--jump-card-border-top-radius);border-top-right-radius:var(--jump-card-border-top-radius);margin-top:-1rem;z-index:2}jump-card[boxed]{border-radius:var(--jump-card-border-radius)}jump-card[boxed] img,jump-card[boxed] video{border-radius:var(--jump-card-border-radius);background-color:var(--jump-card-background);margin:0.5rem 0.5rem 0}jump-card[horizontal]{flex-direction:row;gap:0.5rem;align-items:center;max-width:var(--jump-card-max-width-horizontal)}jump-card[rounded-media]{align-items:center;justify-content:center;text-align:center;background-color:transparent}jump-card[rounded-media] img,jump-card[rounded-media] video{background-color:transparent;border-radius:50%;aspect-ratio:1;width:100%;flex:0 1 40%}jump-card[rounded-media] .Content{background-color:transparent;align-items:center}jump-card[rounded-media][horizontal]{text-align:left}jump-card[rounded-media][horizontal] .Content{align-items:flex-start}jump-card[shadow]{box-shadow:0px 2px 25px 0px hsla(0, 0%, 0%, 0.1)}';const o=d;const t=class{constructor(a){r(this,a);this.horizontal=false;this.dark=false;this.shadow=undefined;this.border=undefined;this.borderRadius=false;this.topBorderContentRadius=false;this.boxed=false;this.roundedMedia=false;this.imgSrc="";this.imgAlt="";this.videoSrc=""}render(){return a(e,{key:"a1f0752a89731d2f493060b79548fa69e99e1e68",horizontal:this.horizontal,"border-radius":this.borderRadius,"rounded-media":this.roundedMedia,"top-border-content-radius":this.topBorderContentRadius,boxed:this.boxed,shadow:this.shadow,border:this.border},this.imgSrc&&!this.videoSrc?a("img",{src:this.imgSrc,alt:this.imgAlt}):"",this.videoSrc&&!this.imgSrc?a("video",{autoplay:true},a("source",{src:this.videoSrc,type:"video/mp4"}),a("source",{src:this.videoSrc,type:"video/mov"}),a("source",{src:this.videoSrc,type:"video/webm"})):"",a("div",{key:"a7d7a20a7a5960f3fab3d417d224dd711d119e0b",class:"Content"},a("slot",{key:"7667cd1ea36b6f2115174f0fa39a6368bc020b16",name:"body"}),a("slot",{key:"bbaded488f7b0603a9aa19e1549ba41e524ad322",name:"footer"})))}};t.style=o;export{t as jump_card};
-//# sourceMappingURL=p-fea57bd7.entry.js.map
+import{r,h as a,H as e}from"./p-20ceb40c.js";const d=':root{--neutral-grey-background:#eeeeee;--neutral-grey-disabled:#cbcbcb;--neutral-grey-primary:#282828;--neutral-grey-secondary:#707070;--neutral-white:#ffffff;--primary-hard:#e75a50;--primary-soft:#ffeae9;--primary-standard:#fa7268;--secondary-hard:#435171;--secondary-soft:#dde3ed;--secondary-standard:#5e79ba;--status-danger-hard:#ba250a;--status-danger-soft:#fdd3d1;--status-danger-standard:#d72c0d;--status-interaction-hard:#22559e;--status-interaction-soft:#f2f7fe;--status-interaction-standard:#2c6ecb;--status-success-hard:#156048;--status-success-soft:#f1f8f5;--status-success-standard:#1d7f60;--status-warning-hard:#987100;--status-warning-soft:#fef5ea;--status-warning-standard:#b98900;--ff-primary:"Inter";--ff-secondary:"Prompt";--lh-300:1.25rem;--lh-400:1.5rem;--lh-500:1.625rem;--lh-600:2rem;--lh-700:2.75rem;--lh-800:3.5rem;--lh-850:4.375rem;--lh-900:5.5rem;--fs-300:0.875rem;--fs-400:1rem;--fs-500:1.125rem;--fs-600:1.5rem;--fs-700:2.25rem;--fs-800:3rem;--fs-850:3.75rem;--fs-900:4.5rem;--fw-300:300;--fw-400:400;--fw-900:700}jump-card{display:flex;flex-direction:column;position:relative;--jump-card-max-width-horizontal:100%;--jump-card-color:var(--neutral-grey-primary);--jump-card-background:#fff;--jump-card-color-dark:#fff;--jump-card-border-color:var(--neutral-grey-background);--jump-card-border-radius:6px;--jump-card-border-top-radius:1rem;--jump-card-top-border-body-radius:1.5rem 1rem;--jump-card-padding:1rem 1.25rem;font-family:var(--ff-primary, "Arial"), sans-serif;line-height:var(--lh-400, 1.3);background-color:var(--jump-card-background);color:var(--jump-card-color);overflow:hidden}jump-card img,jump-card video{aspect-ratio:4/3;overflow:hidden;position:relative;object-fit:cover}jump-card .Content{padding:1.5rem 1rem;display:flex;flex-direction:column;gap:0.75rem;flex:1;background-color:var(--jump-card-background)}jump-card[dark]{background-color:var(--neutral-grey-primary);color:var(--jump-card-color-dark)}jump-card[dark] .Content{background-color:var(--neutral-grey-primary);color:var(--jump-card-color-dark)}jump-card[border]{border:1px solid var(--jump-card-border-color)}jump-card[border-radius]{border-radius:var(--jump-card-border-radius)}jump-card[top-border-content-radius]{border-radius:var(--jump-card-border-top-radius)}jump-card[top-border-content-radius] .Content{border-top-left-radius:var(--jump-card-border-top-radius);border-top-right-radius:var(--jump-card-border-top-radius);margin-top:-1rem;z-index:2}jump-card[boxed]{border-radius:var(--jump-card-border-radius)}jump-card[boxed] img,jump-card[boxed] video{border-radius:var(--jump-card-border-radius);background-color:var(--jump-card-background);margin:0.5rem 0.5rem 0}jump-card[horizontal]{flex-direction:row;gap:0.5rem;align-items:center;max-width:var(--jump-card-max-width-horizontal)}jump-card[rounded-media]{align-items:center;justify-content:center;text-align:center;background-color:transparent}jump-card[rounded-media] img,jump-card[rounded-media] video{background-color:transparent;border-radius:50%;aspect-ratio:1;width:100%;flex:0 1 40%}jump-card[rounded-media] .Content{background-color:transparent;align-items:center}jump-card[rounded-media][horizontal]{text-align:left}jump-card[rounded-media][horizontal] .Content{align-items:flex-start}jump-card[shadow]{box-shadow:0px 2px 25px 0px hsla(0, 0%, 0%, 0.1)}';const o=d;const t=class{constructor(a){r(this,a);this.horizontal=false;this.dark=false;this.shadow=undefined;this.border=undefined;this.borderRadius=false;this.topBorderContentRadius=false;this.boxed=false;this.roundedMedia=false;this.imgSrc="";this.imgAlt="";this.videoSrc=""}render(){return a(e,{key:"990d2452fd2b295b5b5c78a5cbd311c938318ee7",horizontal:this.horizontal,"border-radius":this.borderRadius,"rounded-media":this.roundedMedia,"top-border-content-radius":this.topBorderContentRadius,boxed:this.boxed,shadow:this.shadow,border:this.border},this.imgSrc&&!this.videoSrc?a("img",{src:this.imgSrc,alt:this.imgAlt}):"",this.videoSrc&&!this.imgSrc?a("video",{autoplay:true},a("source",{src:this.videoSrc,type:"video/mp4"}),a("source",{src:this.videoSrc,type:"video/mov"}),a("source",{src:this.videoSrc,type:"video/webm"})):"",a("div",{key:"cb2ca9a506ac28a88fb3e4fb7fe6626f9af6daf5",class:"Content"},a("slot",{key:"8e893537441beedf925094a99a886f9d5c1a1377",name:"body"}),a("slot",{key:"9436fd7c5030bf0405bb88ab43ca21a4bb7e5e35",name:"footer"})))}};t.style=o;export{t as jump_card};
+//# sourceMappingURL=p-700b96b4.entry.js.map

package/dist/jump-design-system/{p-fea57bd7.entry.js.map → p-700b96b4.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["jumpCardCss","JumpCardStyle0","AppCard","render","h","Host","key","horizontal","this","borderRadius","roundedMedia","topBorderContentRadius","boxed","shadow","border","imgSrc","videoSrc","src","alt","imgAlt","autoplay","type","class","name"],"sources":["src/components/jump-card/jump-card.scss?tag=jump-card","src/components/jump-card/jump-card.tsx"],"sourcesContent":[":root {\n  /*BASE COLOR RULES*/\n  --neutral-grey-background: #eeeeee;\n  --neutral-grey-disabled: #cbcbcb;\n  --neutral-grey-primary: #282828;\n  --neutral-grey-secondary: #707070;\n  --neutral-white: #ffffff;\n  --primary-hard: #e75a50;\n  --primary-soft: #ffeae9;\n  --primary-standard: #fa7268;\n  --secondary-hard: #435171;\n  --secondary-soft: #dde3ed;\n  --secondary-standard: #5e79ba;\n  --status-danger-hard: #ba250a;\n  --status-danger-soft: #fdd3d1;\n  --status-danger-standard: #d72c0d;\n  --status-interaction-hard: #22559e;\n  --status-interaction-soft: #f2f7fe;\n  --status-interaction-standard: #2c6ecb;\n  --status-success-hard: #156048;\n  --status-success-soft: #f1f8f5;\n  --status-success-standard: #1d7f60;\n  --status-warning-hard: #987100;\n  --status-warning-soft: #fef5ea;\n  --status-warning-standard: #b98900;\n\n  /*TYPOGRAPHY RULES*/\n  --ff-primary: 'Inter';\n  --ff-secondary: 'Prompt';\n\n  --lh-300: 1.25rem;\n  --lh-400: 1.5rem;\n  --lh-500: 1.625rem;\n  --lh-600: 2rem;\n  --lh-700: 2.75rem;\n  --lh-800: 3.5rem;\n  --lh-850: 4.375rem;\n  --lh-900: 5.5rem;\n  --fs-300: 0.875rem;\n  --fs-400: 1rem;\n  --fs-500: 1.125rem;\n  --fs-600: 1.5rem;\n  --fs-700: 2.25rem;\n  --fs-800: 3rem;\n  --fs-850: 3.75rem;\n  --fs-900: 4.5rem;\n  --fw-300: 300;\n  --fw-400: 400;\n  --fw-900: 700;\n}\n\njump-card {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  // --jump-card-max-width: 320px;\n  --jump-card-max-width-horizontal: 100%;\n  --jump-card-color: var(--neutral-grey-primary);\n  --jump-card-background: #fff;\n  --jump-card-color-dark: #fff;\n  --jump-card-border-color: var(--neutral-grey-background);\n  --jump-card-border-radius: 6px;\n  --jump-card-border-top-radius: 1rem;\n  --jump-card-top-border-body-radius: 1.5rem 1rem;\n  --jump-card-padding: 1rem 1.25rem;\n\n  font-family: var(--ff-primary, 'Arial'), sans-serif;\n  line-height: var(--lh-400, 1.3);\n  background-color: var(--jump-card-background);\n  color: var(--jump-card-color);\n  // max-width: var(--jump-card-max-width);\n  overflow: hidden;\n\n  img,\n  video {\n    aspect-ratio: 4/3;\n    overflow: hidden;\n    position: relative;\n    object-fit: cover;\n  }\n\n  .Content {\n    padding: 1.5rem 1rem;\n    display: flex;\n    flex-direction: column;\n    gap: 0.75rem;\n    flex: 1;\n    background-color: var(--jump-card-background);\n  }\n\n  &[dark] {\n    background-color: var(--neutral-grey-primary);\n    color: var(--jump-card-color-dark);\n\n    .Content {\n      background-color: var(--neutral-grey-primary);\n      color: var(--jump-card-color-dark);\n    }\n  }\n\n  &[border] {\n    border: 1px solid var(--jump-card-border-color);\n  }\n\n  &[border-radius] {\n    border-radius: var(--jump-card-border-radius);\n  }\n\n  &[top-border-content-radius] {\n    border-radius: var(--jump-card-border-top-radius);\n\n    .Content {\n      border-top-left-radius: var(--jump-card-border-top-radius);\n      border-top-right-radius: var(--jump-card-border-top-radius);\n      margin-top: -1rem;\n      z-index: 2;\n    }\n  }\n\n  &[boxed] {\n    border-radius: var(--jump-card-border-radius);\n\n    img,\n    video {\n      border-radius: var(--jump-card-border-radius);\n      background-color: var(--jump-card-background);\n      margin: 0.5rem 0.5rem 0;\n    }\n  }\n\n  &[horizontal] {\n    flex-direction: row;\n    gap: 0.5rem;\n    align-items: center;\n    max-width: var(--jump-card-max-width-horizontal);\n  }\n\n  &[rounded-media] {\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    background-color: transparent;\n\n    img,\n    video {\n      background-color: transparent;\n      border-radius: 50%;\n      aspect-ratio: 1;\n      width: 100%;\n      flex: 0 1 40%;\n    }\n\n    .Content {\n      background-color: transparent;\n      align-items: center;\n    }\n  }\n\n  &[rounded-media][horizontal] {\n    text-align: left;\n\n    .Content {\n      align-items: flex-start;\n    }\n  }\n\n  &[shadow] {\n    box-shadow: 0px 2px 25px 0px hsla(0, 0%, 0%, 0.1);\n  }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'jump-card',\n  styleUrl: 'jump-card.scss',\n  shadow: false,\n})\nexport class AppCard {\n  /**\n   * Indicates if the card is horizontal\n   */\n  @Prop({reflect: true}) horizontal: boolean = false;\n\n  /**\n   * Indicates if the card is horizontal\n   */\n  @Prop({reflect: true}) dark: boolean = false;\n\n  /**\n * Indicates if card has shadow\n */\n  @Prop({reflect: true}) shadow: boolean;\n\n  /**\n   * Indicates if card has borders\n   */\n  @Prop({reflect: true}) border: boolean;\n\n  /**\n   * Indicates if borders of the entire card are rounded\n   */\n  @Prop({reflect: true}) borderRadius: boolean = false;\n\n  /**\n   * Indicates if border top of the body is rounded; Not compatible with boxed\n   */\n  @Prop({reflect: true}) topBorderContentRadius: boolean = false;\n\n  /**\n   * Indicates if media has padding; Not compatible with roundedMedia\n   */\n  @Prop({reflect: true}) boxed: boolean = false;\n\n  /**\n   * Indicates if image is rounded and there isnt a bg\n   */\n  @Prop({reflect: true}) roundedMedia: boolean = false;\n\n  /**\n   * Indicates the imgSrc of the card\n   */\n  @Prop({reflect: true}) imgSrc: string = '';\n\n  /**\n   * Indicates the img's alt of the card\n   */\n  @Prop({reflect: true}) imgAlt: string = '';\n\n  /**\n   * Indicates the videoSrc of the card\n   */\n  @Prop({reflect: true}) videoSrc: string = '';\n\n  render() {\n    return (\n      <Host horizontal={this.horizontal} border-radius={this.borderRadius} rounded-media={this.roundedMedia} top-border-content-radius={this.topBorderContentRadius} boxed={this.boxed} shadow={this.shadow} border={this.border}>\n        {this.imgSrc && !this.videoSrc ? <img src={this.imgSrc} alt={this.imgAlt}></img> : ''}\n        {this.videoSrc && !this.imgSrc ? \n          <video autoplay> \n            <source src={this.videoSrc} type=\"video/mp4\"/> \n            <source src={this.videoSrc} type=\"video/mov\"/> \n            <source src={this.videoSrc} type=\"video/webm\"/> \n          </video> : ''}\n        <div class=\"Content\">\n          <slot name=\"body\"></slot>\n          <slot name=\"footer\"></slot>\n        </div>\n      </Host>\n    );\n  }\n\n}\n"],"mappings":"6CAAA,MAAMA,EAAc,ywGACpB,MAAAC,EAAeD,E,MCMFE,EAAO,M,yCAI2B,M,UAKN,M,8DAeQ,M,4BAKU,M,WAKjB,M,kBAKO,M,YAKP,G,YAKA,G,cAKE,E,CAE1C,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,WAAYC,KAAKD,WAAU,gBAAiBC,KAAKC,aAAY,gBAAiBD,KAAKE,aAAY,4BAA6BF,KAAKG,uBAAwBC,MAAOJ,KAAKI,MAAOC,OAAQL,KAAKK,OAAQC,OAAQN,KAAKM,QACjNN,KAAKO,SAAWP,KAAKQ,SAAWZ,EAAA,OAAKa,IAAKT,KAAKO,OAAQG,IAAKV,KAAKW,SAAiB,GAClFX,KAAKQ,WAAaR,KAAKO,OACtBX,EAAA,SAAOgB,SAAQ,MACbhB,EAAA,UAAQa,IAAKT,KAAKQ,SAAUK,KAAK,cACjCjB,EAAA,UAAQa,IAAKT,KAAKQ,SAAUK,KAAK,cACjCjB,EAAA,UAAQa,IAAKT,KAAKQ,SAAUK,KAAK,gBACxB,GACbjB,EAAA,OAAAE,IAAA,2CAAKgB,MAAM,WACTlB,EAAA,QAAAE,IAAA,2CAAMiB,KAAK,SACXnB,EAAA,QAAAE,IAAA,2CAAMiB,KAAK,Y"}
+{"version":3,"names":["jumpCardCss","JumpCardStyle0","AppCard","render","h","Host","key","horizontal","this","borderRadius","roundedMedia","topBorderContentRadius","boxed","shadow","border","imgSrc","videoSrc","src","alt","imgAlt","autoplay","type","class","name"],"sources":["src/components/jump-card/jump-card.scss?tag=jump-card","src/components/jump-card/jump-card.tsx"],"sourcesContent":[":root {\n  /*BASE COLOR RULES*/\n  --neutral-grey-background: #eeeeee;\n  --neutral-grey-disabled: #cbcbcb;\n  --neutral-grey-primary: #282828;\n  --neutral-grey-secondary: #707070;\n  --neutral-white: #ffffff;\n  --primary-hard: #e75a50;\n  --primary-soft: #ffeae9;\n  --primary-standard: #fa7268;\n  --secondary-hard: #435171;\n  --secondary-soft: #dde3ed;\n  --secondary-standard: #5e79ba;\n  --status-danger-hard: #ba250a;\n  --status-danger-soft: #fdd3d1;\n  --status-danger-standard: #d72c0d;\n  --status-interaction-hard: #22559e;\n  --status-interaction-soft: #f2f7fe;\n  --status-interaction-standard: #2c6ecb;\n  --status-success-hard: #156048;\n  --status-success-soft: #f1f8f5;\n  --status-success-standard: #1d7f60;\n  --status-warning-hard: #987100;\n  --status-warning-soft: #fef5ea;\n  --status-warning-standard: #b98900;\n\n  /*TYPOGRAPHY RULES*/\n  --ff-primary: 'Inter';\n  --ff-secondary: 'Prompt';\n\n  --lh-300: 1.25rem;\n  --lh-400: 1.5rem;\n  --lh-500: 1.625rem;\n  --lh-600: 2rem;\n  --lh-700: 2.75rem;\n  --lh-800: 3.5rem;\n  --lh-850: 4.375rem;\n  --lh-900: 5.5rem;\n  --fs-300: 0.875rem;\n  --fs-400: 1rem;\n  --fs-500: 1.125rem;\n  --fs-600: 1.5rem;\n  --fs-700: 2.25rem;\n  --fs-800: 3rem;\n  --fs-850: 3.75rem;\n  --fs-900: 4.5rem;\n  --fw-300: 300;\n  --fw-400: 400;\n  --fw-900: 700;\n}\n\njump-card {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  // --jump-card-max-width: 320px;\n  --jump-card-max-width-horizontal: 100%;\n  --jump-card-color: var(--neutral-grey-primary);\n  --jump-card-background: #fff;\n  --jump-card-color-dark: #fff;\n  --jump-card-border-color: var(--neutral-grey-background);\n  --jump-card-border-radius: 6px;\n  --jump-card-border-top-radius: 1rem;\n  --jump-card-top-border-body-radius: 1.5rem 1rem;\n  --jump-card-padding: 1rem 1.25rem;\n\n  font-family: var(--ff-primary, 'Arial'), sans-serif;\n  line-height: var(--lh-400, 1.3);\n  background-color: var(--jump-card-background);\n  color: var(--jump-card-color);\n  // max-width: var(--jump-card-max-width);\n  overflow: hidden;\n\n  img,\n  video {\n    aspect-ratio: 4/3;\n    overflow: hidden;\n    position: relative;\n    object-fit: cover;\n  }\n\n  .Content {\n    padding: 1.5rem 1rem;\n    display: flex;\n    flex-direction: column;\n    gap: 0.75rem;\n    flex: 1;\n    background-color: var(--jump-card-background);\n  }\n\n  &[dark] {\n    background-color: var(--neutral-grey-primary);\n    color: var(--jump-card-color-dark);\n\n    .Content {\n      background-color: var(--neutral-grey-primary);\n      color: var(--jump-card-color-dark);\n    }\n  }\n\n  &[border] {\n    border: 1px solid var(--jump-card-border-color);\n  }\n\n  &[border-radius] {\n    border-radius: var(--jump-card-border-radius);\n  }\n\n  &[top-border-content-radius] {\n    border-radius: var(--jump-card-border-top-radius);\n\n    .Content {\n      border-top-left-radius: var(--jump-card-border-top-radius);\n      border-top-right-radius: var(--jump-card-border-top-radius);\n      margin-top: -1rem;\n      z-index: 2;\n    }\n  }\n\n  &[boxed] {\n    border-radius: var(--jump-card-border-radius);\n\n    img,\n    video {\n      border-radius: var(--jump-card-border-radius);\n      background-color: var(--jump-card-background);\n      margin: 0.5rem 0.5rem 0;\n    }\n  }\n\n  &[horizontal] {\n    flex-direction: row;\n    gap: 0.5rem;\n    align-items: center;\n    max-width: var(--jump-card-max-width-horizontal);\n  }\n\n  &[rounded-media] {\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    background-color: transparent;\n\n    img,\n    video {\n      background-color: transparent;\n      border-radius: 50%;\n      aspect-ratio: 1;\n      width: 100%;\n      flex: 0 1 40%;\n    }\n\n    .Content {\n      background-color: transparent;\n      align-items: center;\n    }\n  }\n\n  &[rounded-media][horizontal] {\n    text-align: left;\n\n    .Content {\n      align-items: flex-start;\n    }\n  }\n\n  &[shadow] {\n    box-shadow: 0px 2px 25px 0px hsla(0, 0%, 0%, 0.1);\n  }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'jump-card',\n  styleUrl: 'jump-card.scss',\n  shadow: false,\n})\nexport class AppCard {\n  /**\n   * Indicates if the card is horizontal\n   */\n  @Prop() horizontal: boolean = false;\n\n  /**\n   * Indicates if the card is horizontal\n   */\n  @Prop() dark: boolean = false;\n\n  /**\n * Indicates if card has shadow\n */\n  @Prop() shadow: boolean;\n\n  /**\n   * Indicates if card has borders\n   */\n  @Prop() border: boolean;\n\n  /**\n   * Indicates if borders of the entire card are rounded\n   */\n  @Prop() borderRadius: boolean = false;\n\n  /**\n   * Indicates if border top of the body is rounded; Not compatible with boxed\n   */\n  @Prop() topBorderContentRadius: boolean = false;\n\n  /**\n   * Indicates if media has padding; Not compatible with roundedMedia\n   */\n  @Prop() boxed: boolean = false;\n\n  /**\n   * Indicates if image is rounded and there isnt a bg\n   */\n  @Prop() roundedMedia: boolean = false;\n\n  /**\n   * Indicates the imgSrc of the card\n   */\n  @Prop() imgSrc: string = '';\n\n  /**\n   * Indicates the img's alt of the card\n   */\n  @Prop() imgAlt: string = '';\n\n  /**\n   * Indicates the videoSrc of the card\n   */\n  @Prop() videoSrc: string = '';\n\n  render() {\n    return (\n      <Host horizontal={this.horizontal} border-radius={this.borderRadius} rounded-media={this.roundedMedia} top-border-content-radius={this.topBorderContentRadius} boxed={this.boxed} shadow={this.shadow} border={this.border}>\n        {this.imgSrc && !this.videoSrc ? <img src={this.imgSrc} alt={this.imgAlt}></img> : ''}\n        {this.videoSrc && !this.imgSrc ? \n          <video autoplay> \n            <source src={this.videoSrc} type=\"video/mp4\"/> \n            <source src={this.videoSrc} type=\"video/mov\"/> \n            <source src={this.videoSrc} type=\"video/webm\"/> \n          </video> : ''}\n        <div class=\"Content\">\n          <slot name=\"body\"></slot>\n          <slot name=\"footer\"></slot>\n        </div>\n      </Host>\n    );\n  }\n\n}\n"],"mappings":"6CAAA,MAAMA,EAAc,ywGACpB,MAAAC,EAAeD,E,MCMFE,EAAO,M,yCAIY,M,UAKN,M,8DAeQ,M,4BAKU,M,WAKjB,M,kBAKO,M,YAKP,G,YAKA,G,cAKE,E,CAE3B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,WAAYC,KAAKD,WAAU,gBAAiBC,KAAKC,aAAY,gBAAiBD,KAAKE,aAAY,4BAA6BF,KAAKG,uBAAwBC,MAAOJ,KAAKI,MAAOC,OAAQL,KAAKK,OAAQC,OAAQN,KAAKM,QACjNN,KAAKO,SAAWP,KAAKQ,SAAWZ,EAAA,OAAKa,IAAKT,KAAKO,OAAQG,IAAKV,KAAKW,SAAiB,GAClFX,KAAKQ,WAAaR,KAAKO,OACtBX,EAAA,SAAOgB,SAAQ,MACbhB,EAAA,UAAQa,IAAKT,KAAKQ,SAAUK,KAAK,cACjCjB,EAAA,UAAQa,IAAKT,KAAKQ,SAAUK,KAAK,cACjCjB,EAAA,UAAQa,IAAKT,KAAKQ,SAAUK,KAAK,gBACxB,GACbjB,EAAA,OAAAE,IAAA,2CAAKgB,MAAM,WACTlB,EAAA,QAAAE,IAAA,2CAAMiB,KAAK,SACXnB,EAAA,QAAAE,IAAA,2CAAMiB,KAAK,Y"}

package/dist/jump-design-system/p-87256ed6.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as a,h as i,H as t}from"./p-20ceb40c.js";const n=":host{display:block}.JumpPagination{--pagination-label-color:var(--neutral-grey-secondary);--pagination-arrows-color:var(--neutral-grey-secondary);--pagination-arrows-disabled:#CBCBCB;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 .arrow button{background-color:transparent;border:none;cursor:pointer;padding:0px;display:flex;align-items:center}.JumpPagination__Wrapper .indicators .arrow button:disabled{cursor:not-allowed;color:var(--pagination-arrows-disabled)}.JumpPagination__Wrapper .indicators .elements{color:var(--pagination-label-color);display:flex;align-items:center;gap:5px}";const s=n;const r=class{constructor(i){e(this,i);this.jumpChangePage=a(this,"jump-change-page",7);this.firstPage=1;this.currentPage=undefined;this.totalElements=undefined;this.pagLabel="di";this.initialPage=1;this.lastPage=10;this.labelElementsPerPage="Elementi per pagina";this.elementsRanges=[10,20,60,100];this.completeVersion=false;this.showFirstAndLast=false}watchCurrentPage(e,a){let i={currentPage:e,previousPage:a,firstPage:this.firstPage,lastPage:this.lastPage,direction:e>a?"next":"prev"};this.jumpChangePage.emit(i)}componentWillLoad(){this.currentPage=this.initialPage}render(){var e;console.log("completeVersion",this.completeVersion);return i(t,{key:"32e300881b3a78d25edf6480e9a8a6594f907c76",class:"JumpPagination"},i("div",{key:"0c4e133e409740331083588fbb046d79c2878ea9",class:"JumpPagination__Wrapper"},this.completeVersion&&i("div",{key:"13daa8e819ec294b50823becc7e8d904eff66f32",class:"elementsPerPage"},i("label",{key:"162555e0ebfc295d96d5ba358ec879eba1730746",htmlFor:"elements"},(e=this.labelElementsPerPage)!==null&&e!==void 0?e:"Elements per page"),i("select",{key:"c4e99d784347a67c5616b3ed0ca25934dbdae55f",name:"elements",id:"elements"},this.elementsRanges.map((e=>i("option",{value:e},e))))),i("div",{key:"5eb516226cf5bcb23e575109371c4f55ca235e04",class:"indicators"},i("div",{key:"58a8655b582e8cdcd9f8c553343d9e407dd66971",class:"elements"},this.completeVersion?i("span",null,i("span",null,this.firstPage)," - ",i("span",null,this.currentPage)," ",this.pagLabel," ",i("span",null,this.totalElements)):i("span",null,i("span",null,this.currentPage)," ",this.pagLabel," ",i("span",null,this.lastPage))),i("div",{key:"92b5476c223e477532726304c282ed34e1acccc7",class:"arrow"},this.showFirstAndLast&&i("button",{key:"740c67ee4f73c5a55a022b2281913d8652deeed2",onClick:()=>{this.currentPage=this.firstPage},disabled:this.currentPage===this.firstPage?true:false}," ",i("jump-icon",{key:"5a880ea7c01afcc8ae9a4e84934e386e0edab58c",slot:"prefix",name:"chevrons-left"}),"   "),i("button",{key:"08fe7f7faa6c7645151ec3ea2b4bf4247f082a2d",onClick:()=>{this.currentPage--},disabled:this.currentPage===this.firstPage?true:false}," ",i("jump-icon",{key:"04a972584533f1272b10c7e9068ce332aef77299",slot:"prefix",name:"chevron-left"}),"   "),i("button",{key:"0ea012c03b06b587296c9190eece67351579b6e3",onClick:()=>{this.currentPage++},disabled:this.currentPage===this.lastPage?true:false}," ",i("jump-icon",{key:"155d6a407989f9cc5d38832df8fb98a3505c3113",slot:"prefix",name:"chevron-right"}),"   "),this.showFirstAndLast&&i("button",{key:"be46c67831f6d732d47e9340aca1a43a650af958",onClick:()=>{this.currentPage=this.lastPage},disabled:this.currentPage===this.lastPage?true:false}," ",i("jump-icon",{key:"b04a3d8a8726f945d5639761dde68a300e40f80a",slot:"prefix",name:"chevrons-right"}),"   ")))))}static get watchers(){return{currentPage:["watchCurrentPage"]}}};r.style=s;export{r as jump_pagination};
+//# sourceMappingURL=p-87256ed6.entry.js.map

package/dist/jump-design-system/p-87256ed6.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jumpPaginationCss","JumpPaginationStyle0","JumpPagination","watchCurrentPage","newValue","oldValue","details","currentPage","previousPage","firstPage","this","lastPage","direction","jumpChangePage","emit","componentWillLoad","initialPage","render","console","log","completeVersion","h","Host","key","class","htmlFor","_a","labelElementsPerPage","name","id","elementsRanges","map","range","value","pagLabel","totalElements","showFirstAndLast","onClick","disabled","slot"],"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  --pagination-arrows-disabled: #CBCBCB;\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        button {\n          background-color: transparent;\n          border: none;\n          cursor: pointer;\n          padding: 0px;\n              display: flex;\n                align-items: center;\n        }\n\n        button:disabled {\n          cursor: not-allowed;\n          color: var(--pagination-arrows-disabled); \n        \n      }\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, State, Event, EventEmitter, Prop, h, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'jump-pagination',\n  styleUrl: 'jump-pagination.scss',\n  shadow: false,\n})\nexport class JumpPagination {\n  \n  /* ---------------------- @STATE ------------------------- */\n  /**\n   * Indicates the first page/product of the list\n   */\n  @State() firstPage: number = 1;\n\n  @State() currentPage: number;\n\n  @Watch('currentPage')\n  watchCurrentPage(newValue: number, oldValue: number) {\n    let details = {\n      currentPage: newValue,\n      previousPage: oldValue,\n      firstPage: this.firstPage,\n      lastPage: this.lastPage,\n      direction: newValue > oldValue ? 'next' : 'prev'\n    };\n\n    this.jumpChangePage.emit(details);\n  }\n\n  /* ---------------------- @PROPERTIES ------------------------- */\n\n  @Prop({reflect:true}) totalElements: number;\n\n  @Prop({reflect:true}) pagLabel: string = 'di'; // Identifica la label testuale di pagination. \n\n  @Prop({reflect:true}) initialPage: number = 1;\n\n  @Prop({reflect:true}) lastPage: number = 10; \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  /**\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}) showFirstAndLast: boolean = false;\n\n  /* ---------------------- @EVENTS ------------------------- */\n  @Event({ eventName: 'jump-change-page' }) jumpChangePage: EventEmitter;\n\n  /* ---------------------- @LIFECYCLE ------------------------- */\n  componentWillLoad() {\n    this.currentPage = this.initialPage;\n  }\n\n  render() {\n    console.log('completeVersion', this.completeVersion);\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> {this.pagLabel} <span>{this.totalElements}</span>\n                </span>\n                \n              :\n                <span>\n                  <span>{this.currentPage}</span> {this.pagLabel} <span>{this.lastPage}</span>\n                </span>\n              }\n            </div>\n            <div class=\"arrow\">\n              {this.showFirstAndLast &&\n                <button \n                  onClick={() => {this.currentPage = this.firstPage} }\n                  disabled={(this.currentPage === this.firstPage) ? true : false}\n                > <jump-icon slot=\"prefix\" name=\"chevrons-left\"></jump-icon>   </button>\n              }\n              <button \n                onClick={() => {this.currentPage--}} \n                disabled={(this.currentPage === this.firstPage) ? true : false}\n              > <jump-icon slot=\"prefix\" name=\"chevron-left\"></jump-icon>   </button>\n              <button \n                onClick={() => {this.currentPage++}}\n                disabled={(this.currentPage === this.lastPage) ? true : false}\n                > <jump-icon slot=\"prefix\" name=\"chevron-right\"></jump-icon>   </button>\n              {this.showFirstAndLast &&\n                <button \n                  onClick={() => {this.currentPage = this.lastPage}}\n                  disabled={(this.currentPage === this.lastPage) ? true : false}\n                  > <jump-icon slot=\"prefix\" name=\"chevrons-right\"></jump-icon>   </button> \n              }\n            </div> \n          </div>\n        </div>\n      </Host>\n    );\n  }\n\n}\n"],"mappings":"yDAAA,MAAMA,EAAoB,woCAC1B,MAAAC,EAAeD,E,MCMFE,EAAc,M,yFAMI,E,sEAqBY,K,iBAEG,E,cAEH,G,0BAKY,sB,oBAKE,CAAC,GAAI,GAAI,GAAI,K,qBAMlB,M,sBAEC,K,CAtCnD,gBAAAC,CAAiBC,EAAkBC,GACjC,IAAIC,EAAU,CACZC,YAAaH,EACbI,aAAcH,EACdI,UAAWC,KAAKD,UAChBE,SAAUD,KAAKC,SACfC,UAAWR,EAAWC,EAAW,OAAS,QAG5CK,KAAKG,eAAeC,KAAKR,E,CAmC3B,iBAAAS,GACEL,KAAKH,YAAcG,KAAKM,W,CAG1B,MAAAC,G,MACEC,QAAQC,IAAI,kBAAmBT,KAAKU,iBACpC,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,kBACVH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,2BACPd,KAAKU,iBACLC,EAAA,OAAAE,IAAA,2CAAKC,MAAM,mBACTH,EAAA,SAAAE,IAAA,2CAAOE,QAAQ,aAAYC,EAAAhB,KAAKiB,wBAAoB,MAAAD,SAAA,EAAAA,EAAI,qBACpDL,EAAA,UAAAE,IAAA,2CAAQK,KAAK,WAAWC,GAAG,YACxBnB,KAAKoB,eAAeC,KAAKC,GACxBX,EAAA,UAAQY,MAAOD,GAAQA,OAKnCX,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,YACRd,KAAKU,gBACJC,EAAA,YACEA,EAAA,YAAOX,KAAKD,WAAiB,MAAGY,EAAA,YAAOX,KAAKH,aAAmB,IAAEG,KAAKwB,SAAQ,IAAEb,EAAA,YAAOX,KAAKyB,gBAI9Fd,EAAA,YACEA,EAAA,YAAOX,KAAKH,aAAmB,IAAEG,KAAKwB,SAAQ,IAAEb,EAAA,YAAOX,KAAKC,YAIlEU,EAAA,OAAAE,IAAA,2CAAKC,MAAM,SACRd,KAAK0B,kBACJf,EAAA,UAAAE,IAAA,2CACEc,QAAS,KAAO3B,KAAKH,YAAcG,KAAKD,SAAS,EACjD6B,SAAW5B,KAAKH,cAAgBG,KAAKD,UAAa,KAAO,OAAK,IAC9DY,EAAA,aAAAE,IAAA,2CAAWgB,KAAK,SAASX,KAAK,kBAA4B,OAE9DP,EAAA,UAAAE,IAAA,2CACEc,QAAS,KAAO3B,KAAKH,aAAa,EAClC+B,SAAW5B,KAAKH,cAAgBG,KAAKD,UAAa,KAAO,OAAK,IAC9DY,EAAA,aAAAE,IAAA,2CAAWgB,KAAK,SAASX,KAAK,iBAA2B,OAC3DP,EAAA,UAAAE,IAAA,2CACEc,QAAS,KAAO3B,KAAKH,aAAa,EAClC+B,SAAW5B,KAAKH,cAAgBG,KAAKC,SAAY,KAAO,OAAK,IAC3DU,EAAA,aAAAE,IAAA,2CAAWgB,KAAK,SAASX,KAAK,kBAA4B,OAC7DlB,KAAK0B,kBACJf,EAAA,UAAAE,IAAA,2CACEc,QAAS,KAAO3B,KAAKH,YAAcG,KAAKC,QAAQ,EAChD2B,SAAW5B,KAAKH,cAAgBG,KAAKC,SAAY,KAAO,OAAK,IAC3DU,EAAA,aAAAE,IAAA,2CAAWgB,KAAK,SAASX,KAAK,mBAA6B,U"}

package/dist/jump-design-system/{p-81fba573.entry.js → p-8f5caf32.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as a,H as e}from"./p-407027a9.js";const d="jump-badge{--jump-badge-background:var(--primary-standard);--jump-badge-color:#fff;--jump-bafge-border-radius:50px;display:inline-flex;color:var(--jump-badge-color);background-color:var(--jump-badge-background);align-items:center;justify-content:center;font-size:var(--fs-300);font-weight:var(--fw-900);line-height:1;border-radius:var(--jump-bafge-border-radius);border:solid 1px var(--jump-bafge-border-radius);white-space:nowrap;padding:0.35em 0.6em;user-select:none;cursor:inherit}jump-badge[variant=primary]{--jump-badge-background:var(--primary-standard)}jump-badge[variant=secondary]{--jump-badge-background:var(--secondary-standard)}";const o=d;const n=class{constructor(a){r(this,a);this.label="";this.variant="primary"}render(){return a(e,{key:"8a7bf8245f0edf5aa45f70be833001e7c2899a5e",variant:this.variant},this.label)}};n.style=o;export{n as jump_badge};
-//# sourceMappingURL=p-81fba573.entry.js.map
+import{r,h as a,H as e}from"./p-20ceb40c.js";const d="jump-badge{--jump-badge-background:var(--primary-standard);--jump-badge-color:#fff;--jump-bafge-border-radius:50px;display:inline-flex;color:var(--jump-badge-color);background-color:var(--jump-badge-background);align-items:center;justify-content:center;font-size:var(--fs-300);font-weight:var(--fw-700);line-height:1;border-radius:var(--jump-bafge-border-radius);border:solid 1px var(--jump-bafge-border-radius);white-space:nowrap;padding:0.35em 0.6em;user-select:none;cursor:inherit}jump-badge[variant=primary]{--jump-badge-background:var(--primary-standard)}jump-badge[variant=secondary]{--jump-badge-background:var(--secondary-standard)}";const o=d;const n=class{constructor(a){r(this,a);this.label="";this.variant="primary"}render(){return a(e,{key:"1a0a2b2bf95c1217ca9546b19c4ff6b25ca2a86a",variant:this.variant},this.label)}};n.style=o;export{n as jump_badge};
+//# sourceMappingURL=p-8f5caf32.entry.js.map

package/dist/jump-design-system/p-8f5caf32.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jumpBadgeCss","JumpBadgeStyle0","AppBadge","render","h","Host","key","variant","this","label"],"sources":["src/components/jump-badge/jump-badge.scss?tag=jump-badge","src/components/jump-badge/jump-badge.tsx"],"sourcesContent":["jump-badge {\n  --jump-badge-background: var(--primary-standard);\n  --jump-badge-color: #fff;\n  --jump-bafge-border-radius: 50px;\n\n  display: inline-flex;\n  color: var(--jump-badge-color);\n  background-color: var(--jump-badge-background);\n  align-items: center;\n  justify-content: center;\n  font-size: var(--fs-300);\n  font-weight: var(--fw-700);\n  line-height: 1;\n  border-radius: var(--jump-bafge-border-radius);\n  border: solid 1px var(--jump-bafge-border-radius);\n  white-space: nowrap;\n  padding: 0.35em 0.6em;\n  user-select: none;\n  cursor: inherit;\n\n  &[variant='primary'] {\n    --jump-badge-background: var(--primary-standard);\n  }\n\n  &[variant='secondary'] {\n    --jump-badge-background: var(--secondary-standard);\n  }\n}\n","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"],"mappings":"6CAAA,MAAMA,EAAe,moBACrB,MAAAC,EAAeD,E,MCMFE,EAAQ,M,oCAIK,G,aAKiB,S,CAEzC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,QAASC,KAAKD,SACjBC,KAAKC,M"}

package/dist/jump-design-system/p-9e47f451.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as a,H as r}from"./p-20ceb40c.js";const o=':root{--neutral-grey-background:#eeeeee;--neutral-grey-disabled:#cbcbcb;--neutral-grey-primary:#282828;--neutral-grey-secondary:#707070;--neutral-white:#ffffff;--primary-hard:#e75a50;--primary-soft:#ffeae9;--primary-standard:#fa7268;--secondary-hard:#435171;--secondary-soft:#dde3ed;--secondary-standard:#5e79ba;--status-danger-hard:#ba250a;--status-danger-soft:#fdd3d1;--status-danger-standard:#d72c0d;--status-interaction-hard:#22559e;--status-interaction-soft:#f2f7fe;--status-interaction-standard:#2c6ecb;--status-success-hard:#156048;--status-success-soft:#f1f8f5;--status-success-standard:#1d7f60;--status-warning-hard:#987100;--status-warning-soft:#fef5ea;--status-warning-standard:#b98900;--ff-primary:"Inter";--ff-secondary:"Prompt";--lh-300:1.25rem;--lh-400:1.5rem;--lh-500:1.625rem;--lh-600:2rem;--lh-700:2.75rem;--lh-800:3.5rem;--lh-850:4.375rem;--lh-900:5.5rem;--fs-300:0.875rem;--fs-400:1rem;--fs-500:1.125rem;--fs-600:1.5rem;--fs-700:2.25rem;--fs-800:3rem;--fs-850:3.75rem;--fs-900:4.5rem;--fw-300:300;--fw-400:400;--fw-900:700}:host button,:host a{background-color:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer}:host{--jump-button-color:#ffffff;--jump-button-color-disabled:#cbcbcb;--jump-button-background:var(--primary-standard);--jump-button-background-outline:transparent;--jump-button-color-hover:#ffffff;--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}:host button,:host a{background-color:var(--jump-button-background);border-radius:var(--jump-button-border-radius);color:var(--jump-button-color);position:relative;font-family:var(--ff-primary, "Arial"), sans-serif;font-weight:var(--fw-700, 700);font-size:var(--fs-400, 1rem);line-height:var(--lh-400, 1.3);display:flex;align-items:center;gap:var(--jump-button-gap, 0.5rem);text-decoration:none;padding:var(--jump-button-padding)}:host button:hover,:host a:hover{background-color:var(--jump-button-background-hover);color:var(--jump-button-color-hover)}:host button[data-variant=primary],:host 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)}:host button[data-variant=secondary],:host 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)}:host button[data-variant=neutral],:host a[data-variant=neutral]{--jump-button-color:var(--neutral-white);--jump-button-background:var(--neutral-grey-secondary);--jump-button-color-hover:var(--neutral-white);--jump-button-background-hover:var(--neutral-grey-primary)}:host button[data-variant=white],:host a[data-variant=white]{--jump-button-color:var(--neutral-grey-primary);--jump-button-background:var(--neutral-white);--jump-button-color-hover:var(--neutral-grey-primary);--jump-button-background-hover:var(--neutral-grey-background)}:host button[disabled],:host a[disabled]{--jump-button-background:var(--jump-button-color-disabled);--jump-button-background-hover:var(--jump-button-color-disabled);cursor:not-allowed}:host button[data-pill],:host a[data-pill]{border-radius:100rem}:host button[data-size=small],:host a[data-size=small]{font-size:var(--fs-300, 0.875rem);line-height:var(--lh-300, 1.2);--jump-button-padding:0.65rem 1rem}:host button[data-size=medium],:host a[data-size=medium]{font-size:var(--fs-400, 1rem);line-height:var(--lh-400, 1.3);--jump-button-padding:0.75rem 1.25rem}:host button[data-size=large],:host a[data-size=large]{font-size:var(--fs-500, 1.125rem);line-height:var(--lh-500, 1.4);--jump-button-padding:1rem 1.5rem}:host button[data-full],:host a[data-full]{width:100%;justify-content:center}:host button[data-outline],:host a[data-outline]{background-color:var(--jump-button-background-outline);border:1px solid var(--jump-button-background);color:var(--jump-button-background)}:host button[data-outline]:hover,:host a[data-outline]:hover{background-color:var(--jump-button-background-hover);border:1px solid var(--jump-button-background-hover);color:var(--jump-button-color-hover)}:host button[data-text],:host a[data-text]{background-color:transparent;border:none;color:var(--jump-button-background);padding:0}:host button[data-text]:hover,:host a[data-text]:hover{background-color:transparent;border:none;color:var(--jump-button-background-hover)}:host button[data-only-icon],:host a[data-only-icon]{--jump-button-padding:0.5rem}:host button[data-only-icon][data-size=small],:host a[data-only-icon][data-size=small]{--jump-button-padding:0.5rem}:host button[data-only-icon][data-size=medium],:host a[data-only-icon][data-size=medium]{--jump-button-padding:0.875rem}:host button[data-only-icon][data-size=large],:host a[data-only-icon][data-size=large]{--jump-button-padding:1rem}:host button.chat,:host 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)}';const n=o;const e=class{constructor(a){t(this,a);this.disabled=false;this.variant="primary";this.outline=false;this.size="medium";this.full=false;this.pill=false;this.text=false;this.onlyIcon=false;this.href=undefined;this.target=undefined;this.type="button";this.name=undefined;this.value=undefined;this.ariaLabel=undefined;this.class=undefined;this.buttonId=undefined}componentWillLoad(){this.target=this.href?this.target:"_self"}render(){return a(r,{key:"2f1a96f504d7f273bfdf0b49d7a708aea570f59f"},this.href?a("a",{href:this.href,id:this.buttonId,class:this.class,"data-variant":this.variant,"data-outline":this.outline,"data-size":this.size,"data-full":this.full,"data-pill":this.pill,"data-text":this.text,"data-only-icon":this.onlyIcon,"aria-label":this.ariaLabel,target:this.target},a("slot",{name:"prefix"}),!this.onlyIcon&&a("slot",null),a("slot",{name:"suffix"})):a("button",{id:this.buttonId,class:this.class,"data-variant":this.variant,"data-outline":this.outline,"data-size":this.size,"data-full":this.full,"data-pill":this.pill,"data-text":this.text,"data-only-icon":this.onlyIcon,disabled:this.disabled,"aria-label":this.ariaLabel,type:this.type,name:this.name,value:this.value},a("slot",{name:"prefix"}),!this.onlyIcon&&a("slot",null),a("slot",{name:"suffix"})))}};e.style=n;export{e as jump_button};
+//# sourceMappingURL=p-9e47f451.entry.js.map

package/dist/jump-design-system/p-9e47f451.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jumpButtonCss","JumpButtonStyle0","JumpButton","undefined","componentWillLoad","this","target","href","render","h","Host","key","id","buttonId","class","variant","outline","size","full","pill","text","onlyIcon","ariaLabel","name","disabled","type","value"],"sources":["src/components/jump-button/jump-button.scss?tag=jump-button&encapsulation=shadow","src/components/jump-button/jump-button.tsx"],"sourcesContent":[":root {\n  /*BASE COLOR RULES*/\n  --neutral-grey-background: #eeeeee;\n  --neutral-grey-disabled: #cbcbcb;\n  --neutral-grey-primary: #282828;\n  --neutral-grey-secondary: #707070;\n  --neutral-white: #ffffff;\n  --primary-hard: #e75a50;\n  --primary-soft: #ffeae9;\n  --primary-standard: #fa7268;\n  --secondary-hard: #435171;\n  --secondary-soft: #dde3ed;\n  --secondary-standard: #5e79ba;\n  --status-danger-hard: #ba250a;\n  --status-danger-soft: #fdd3d1;\n  --status-danger-standard: #d72c0d;\n  --status-interaction-hard: #22559e;\n  --status-interaction-soft: #f2f7fe;\n  --status-interaction-standard: #2c6ecb;\n  --status-success-hard: #156048;\n  --status-success-soft: #f1f8f5;\n  --status-success-standard: #1d7f60;\n  --status-warning-hard: #987100;\n  --status-warning-soft: #fef5ea;\n  --status-warning-standard: #b98900;\n\n  /*TYPOGRAPHY RULES*/\n  --ff-primary: 'Inter';\n  --ff-secondary: 'Prompt';\n\n  --lh-300: 1.25rem;\n  --lh-400: 1.5rem;\n  --lh-500: 1.625rem;\n  --lh-600: 2rem;\n  --lh-700: 2.75rem;\n  --lh-800: 3.5rem;\n  --lh-850: 4.375rem;\n  --lh-900: 5.5rem;\n  --fs-300: 0.875rem;\n  --fs-400: 1rem;\n  --fs-500: 1.125rem;\n  --fs-600: 1.5rem;\n  --fs-700: 2.25rem;\n  --fs-800: 3rem;\n  --fs-850: 3.75rem;\n  --fs-900: 4.5rem;\n  --fw-300: 300;\n  --fw-400: 400;\n  --fw-900: 700;\n}\n\n%reset-button {\n  background-color: transparent;\n  border: none;\n  padding: 0;\n  margin: 0;\n  font: inherit;\n  color: inherit;\n  cursor: pointer;\n}\n\n:host {\n  // display: inline-flex;\n  // align-items: center;\n  --jump-button-color: #ffffff;\n  --jump-button-color-disabled: #cbcbcb;\n  --jump-button-background: var(--primary-standard);\n  --jump-button-background-outline: transparent;\n  --jump-button-color-hover: #ffffff;\n  --jump-button-background-hover: var(--primary-hard);\n  --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);\n  --jump-button-padding: 1rem 1.25rem;\n\n  button,\n  a {\n    @extend %reset-button;\n    background-color: var(--jump-button-background);\n    border-radius: var(--jump-button-border-radius);\n    color: var(--jump-button-color);\n    position: relative;\n    font-family: var(--ff-primary, 'Arial'), sans-serif;\n    font-weight: var(--fw-700, 700);\n    font-size: var(--fs-400, 1rem);\n    line-height: var(--lh-400, 1.3);\n    display: flex;\n    align-items: center;\n    gap: var(--jump-button-gap, 0.5rem);\n    text-decoration: none;\n\n    //TODO: internal padding of the button\n    padding: var(--jump-button-padding);\n\n    // TODO: gestire il focus con un outline\n    &:hover {\n      background-color: var(--jump-button-background-hover);\n      color: var(--jump-button-color-hover);\n    }\n\n    &[data-variant='primary'] {\n      --jump-button-color: var(--neutral-white);\n      --jump-button-background: var(--primary-standard);\n      --jump-button-color-hover: var(--neutral-white);\n      --jump-button-background-hover: var(--primary-hard);\n    }\n\n    &[data-variant='secondary'] {\n      --jump-button-color: var(--neutral-white);\n      --jump-button-background: var(--secondary-standard);\n      --jump-button-color-hover: var(--neutral-white);\n      --jump-button-background-hover: var(--secondary-hard);\n    }\n\n    &[data-variant='neutral'] {\n      --jump-button-color: var(--neutral-white);\n      --jump-button-background: var(--neutral-grey-secondary);\n      --jump-button-color-hover: var(--neutral-white);\n      --jump-button-background-hover: var(--neutral-grey-primary);\n    }\n\n    &[data-variant='white'] {\n      --jump-button-color: var(--neutral-grey-primary);\n      --jump-button-background: var(--neutral-white);\n      --jump-button-color-hover: var(--neutral-grey-primary);\n      --jump-button-background-hover: var(--neutral-grey-background);\n    }\n\n    &[disabled] {\n      --jump-button-background: var(--jump-button-color-disabled);\n      --jump-button-background-hover: var(--jump-button-color-disabled);\n      cursor: not-allowed;\n    }\n\n    &[data-pill] {\n      border-radius: 100rem;\n    }\n\n    &[data-size='small'] {\n      font-size: var(--fs-300, 0.875rem);\n      line-height: var(--lh-300, 1.2);\n      --jump-button-padding: 0.65rem 1rem;\n    }\n\n    &[data-size='medium'] {\n      font-size: var(--fs-400, 1rem);\n      line-height: var(--lh-400, 1.3);\n      --jump-button-padding: 0.75rem 1.25rem;\n    }\n\n    &[data-size='large'] {\n      font-size: var(--fs-500, 1.125rem);\n      line-height: var(--lh-500, 1.4);\n      --jump-button-padding: 1rem 1.5rem;\n    }\n\n    &[data-full] {\n      width: 100%;\n      justify-content: center;\n    }\n\n    &[data-outline] {\n      background-color: var(--jump-button-background-outline);\n      border: 1px solid var(--jump-button-background);\n      color: var(--jump-button-background);\n      &:hover {\n        background-color: var(--jump-button-background-hover);\n        border: 1px solid var(--jump-button-background-hover);\n        color: var(--jump-button-color-hover);\n      }\n    }\n\n    &[data-text] {\n      background-color: transparent;\n      border: none;\n      color: var(--jump-button-background);\n      padding: 0;\n      &:hover {\n        background-color: transparent;\n        border: none;\n        color: var(--jump-button-background-hover);\n      }\n    }\n\n    &[data-only-icon] {\n      --jump-button-padding: 0.5rem;\n    }\n\n    &[data-only-icon][data-size='small'] {\n      --jump-button-padding: 0.5rem;\n    }\n    &[data-only-icon][data-size='medium'] {\n      --jump-button-padding: 0.875rem;\n    }\n    &[data-only-icon][data-size='large'] {\n      --jump-button-padding: 1rem;\n    }\n\n    &.chat {\n      --jump-button-color: var(--neutral-white);\n      --jump-button-background: hsla(133, 54%, 58%, 1);\n      --jump-button-color-hover: var(--neutral-white);\n      --jump-button-background-hover: hsla(161, 63%, 31%, 1);\n    }\n  }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'jump-button',\n  styleUrl: 'jump-button.scss',\n  shadow: true,\n})\nexport class JumpButton {\n  /**\n   * Set the button as disabled; Vale solo per i bottoni\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Indicates the variant of the button\n   */\n  @Prop() variant: 'primary'|'secondary'|'white'|'neutral' = 'primary';\n\n  /**\n   * Indicates the button as outline\n   */\n  @Prop() outline: boolean = false;\n\n  /**\n   * Indicates the size of the button\n   */\n  @Prop() size: string = 'medium';\n\n  /**\n   * Indicates if the button is full width\n   */\n  @Prop() full: boolean = false;\n\n  /**\n   * Indicates the button as pill\n   */\n  @Prop() pill: boolean = false;\n\n  /**\n    * Indicates the button as text\n   */\n  @Prop() text: boolean = false;\n\n  /**\n   * Indicates the button as only icon\n   **/\n  @Prop() onlyIcon: boolean = false;\n\n  /**\n   * Indicates if button becames a anchor\n   **/\n  @Prop() href: string;\n\n  /**\n   * Indicates the type of anchor's target \n   **/\n  @Prop() target: '_blank' | '_parent' | '_self' | '_top'\n\n  /**\n   * Indicates type button\n   **/\n  @Prop() type: 'button'|'submit'|'reset' = 'button';\n\n  /**\n   * Indicates the name that the sender button will send\n   **/\n  @Prop() name: string = undefined;\n\n  /**\n   * Indicates the value that the sender button will send\n   **/\n  @Prop() value: string = undefined;\n\n  /**\n   * Indicates the value of text alternative to an element that has no visible text on the screen\n   **/\n  @Prop() ariaLabel: string = undefined;\n\n  /**\n   * Indicates classes of the component\n   **/\n  @Prop() class: string = undefined;\n\n  /**\n   * Indicates classes of the component\n   **/\n  @Prop() buttonId: string = undefined;\n\n  componentWillLoad() {\n    this.target = this.href ? this.target : '_self';\n  }\n\n  render() {\n    \n    return (\n      <Host>\n        {this.href ? (\n          <a href={this.href} id={this.buttonId} class={this.class} data-variant={this.variant} data-outline={this.outline} data-size={this.size} data-full={this.full} data-pill={this.pill} data-text={this.text} data-only-icon={this.onlyIcon} aria-label={this.ariaLabel} target={this.target}>\n            <slot name=\"prefix\"></slot>\n            {!this.onlyIcon && <slot></slot>}\n            <slot name=\"suffix\"></slot>\n          </a>\n        ) : ( \n          <button id={this.buttonId} class={this.class} data-variant={this.variant} data-outline={this.outline} data-size={this.size} data-full={this.full} data-pill={this.pill} data-text={this.text} data-only-icon={this.onlyIcon} disabled={this.disabled} aria-label={this.ariaLabel} type={this.type} name={this.name} value={this.value}>\n            <slot name=\"prefix\"></slot>\n            {!this.onlyIcon && <slot></slot> }\n            <slot name=\"suffix\"></slot>\n          </button>\n        )}\n      </Host>\n    );\n  }\n\n}\n"],"mappings":"kDAAA,MAAMA,EAAgB,6sKACtB,MAAAC,EAAeD,E,MCMFE,EAAU,M,uCAIO,M,aAK+B,U,aAKhC,M,UAKJ,S,UAKC,M,UAKA,M,UAKA,M,cAKI,M,oDAec,S,UAKnBC,U,WAKCA,U,eAKIA,U,WAKJA,U,cAKGA,S,CAE3B,iBAAAC,GACEC,KAAKC,OAASD,KAAKE,KAAOF,KAAKC,OAAS,O,CAG1C,MAAAE,GAEE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACFN,KAAKE,KACJE,EAAA,KAAGF,KAAMF,KAAKE,KAAMK,GAAIP,KAAKQ,SAAUC,MAAOT,KAAKS,MAAK,eAAgBT,KAAKU,QAAO,eAAgBV,KAAKW,QAAO,YAAaX,KAAKY,KAAI,YAAaZ,KAAKa,KAAI,YAAab,KAAKc,KAAI,YAAad,KAAKe,KAAI,iBAAkBf,KAAKgB,SAAQ,aAAchB,KAAKiB,UAAWhB,OAAQD,KAAKC,QAChRG,EAAA,QAAMc,KAAK,YACTlB,KAAKgB,UAAYZ,EAAA,aACnBA,EAAA,QAAMc,KAAK,YAGbd,EAAA,UAAQG,GAAIP,KAAKQ,SAAUC,MAAOT,KAAKS,MAAK,eAAgBT,KAAKU,QAAO,eAAgBV,KAAKW,QAAO,YAAaX,KAAKY,KAAI,YAAaZ,KAAKa,KAAI,YAAab,KAAKc,KAAI,YAAad,KAAKe,KAAI,iBAAkBf,KAAKgB,SAAUG,SAAUnB,KAAKmB,SAAQ,aAAcnB,KAAKiB,UAAWG,KAAMpB,KAAKoB,KAAMF,KAAMlB,KAAKkB,KAAMG,MAAOrB,KAAKqB,OAC9TjB,EAAA,QAAMc,KAAK,YACTlB,KAAKgB,UAAYZ,EAAA,aACnBA,EAAA,QAAMc,KAAK,Y"}

package/dist/jump-design-system-elements.json

@@ -49,6 +49,10 @@
           "name": "disabled",
           "description": "Set the button as disabled; Vale solo per i bottoni"
         },
+        {
+          "name": "full",
+          "description": "Indicates if the button is full width"
+        },
         {
           "name": "href",
           "description": "Indicates if button becames a anchor"
@@ -128,7 +132,7 @@
               "name": "secondary"
             },
             {
-              "name": "tertiary"
+              "name": "white"
             }
           ]
         }
@@ -216,13 +220,9 @@
           "description": "If true, the component will show the complete version of the pagination, with elements informations"
         },
         {
-          "name": "current-page",
+          "name": "initial-page",
           "description": ""
         },
-        {
-          "name": "first-page",
-          "description": "Indicates the first page/product of the list"
-        },
         {
           "name": "label-elements-per-page",
           "description": "Label for the elements per page select"
@@ -236,7 +236,7 @@
           "description": ""
         },
         {
-          "name": "show-additional-chrevrons",
+          "name": "show-first-and-last",
           "description": ""
         },
         {
@@ -244,6 +244,19 @@
           "description": ""
         }
       ]
+    },
+    {
+      "name": "jump-tab",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "active-tab",
+          "description": ""
+        }
+      ]
     }
   ]
 }

package/dist/types/components/jump-badge/jump-badge.d.ts

@@ -1,4 +1,4 @@
-export declare class AppCard {
+export declare class AppBadge {
     /**
      * Indicates the label of the badge
      */

package/dist/types/components/jump-button/jump-button-anchor.stories.d.ts

@@ -2,22 +2,12 @@ declare const _default: {
     title: string;
     tags: string[];
     argTypes: {
-        label: {
-            name: string;
-            description: string;
-            control: string;
-        };
         variant: {
             name: string;
             description: string;
             control: string;
             options: string[];
         };
-        outline: {
-            name: string;
-            description: string;
-            control: string;
-        };
         size: {
             name: string;
             description: string;
@@ -29,11 +19,6 @@ declare const _default: {
                 large: string;
             };
         };
-        pill: {
-            name: string;
-            description: string;
-            control: string;
-        };
         disabled: {
             name: string;
             description: string;
@@ -44,107 +29,6 @@ declare const _default: {
             description: string;
             control: string;
         };
-        showIcon: {
-            name: string;
-            description: string;
-            control: string;
-        };
-        iconOnly: {
-            name: string;
-            description: string;
-            control: string;
-            if: {
-                arg: string;
-                eq: boolean;
-            };
-        };
-        iconName: {
-            name: string;
-            control: string;
-            options: string[];
-            description: string;
-            defaultValue: string;
-            if: {
-                arg: string;
-                eq: boolean;
-            };
-        };
-        iconPosition: {
-            name: string;
-            description: string;
-            defaultValue: string;
-            control: string;
-            options: string[];
-            if: {
-                arg: string;
-                eq: boolean;
-            };
-            labels: {
-                left: string;
-                right: string;
-            };
-        };
-        type: {
-            name: string;
-            description: string;
-            default: string;
-            control: string;
-            if: {
-                arg: string;
-                exists: boolean;
-            };
-            options: string[];
-            labels: {
-                button: string;
-                submit: string;
-                reset: string;
-            };
-        };
-        name: {
-            name: string;
-            description: string;
-            control: string;
-            if: {
-                arg: string;
-                exists: boolean;
-            };
-        };
-        value: {
-            name: string;
-            description: string;
-            control: string;
-            if: {
-                arg: string;
-                exists: boolean;
-            };
-        };
-        ariaLabel: {
-            name: string;
-            description: string;
-            control: string;
-        };
-        href: {
-            name: string;
-            description: string;
-            control: string;
-        };
-        target: {
-            name: string;
-            description: string;
-            default: string;
-            control: string;
-            if: {
-                arg: string;
-                exists: boolean;
-            };
-            options: string[];
-            labels: {
-                _blank: string;
-                _parent: string;
-                _self: string;
-                _top: string;
-            };
-        };
         id: {
             name: string;
             description: string;

package/dist/types/components/jump-button/jump-button-dimension.stories.d.ts

@@ -2,22 +2,12 @@ declare const _default: {
     title: string;
     tags: string[];
     argTypes: {
-        label: {
-            name: string;
-            description: string;
-            control: string;
-        };
         variant: {
             name: string;
             description: string;
             control: string;
             options: string[];
         };
-        outline: {
-            name: string;
-            description: string;
-            control: string;
-        };
         size: {
             name: string;
             description: string;
@@ -29,12 +19,7 @@ declare const _default: {
                 large: string;
             };
         };
-        pill: {
-            name: string;
-            description: string;
-            control: string;
-        };
-        disabled: {
+        full: {
             name: string;
             description: string;
             control: string;
@@ -44,107 +29,6 @@ declare const _default: {
             description: string;
             control: string;
         };
-        showIcon: {
-            name: string;
-            description: string;
-            control: string;
-        };
-        iconOnly: {
-            name: string;
-            description: string;
-            control: string;
-            if: {
-                arg: string;
-                eq: boolean;
-            };
-        };
-        iconName: {
-            name: string;
-            control: string;
-            options: string[];
-            description: string;
-            defaultValue: string;
-            if: {
-                arg: string;
-                eq: boolean;
-            };
-        };
-        iconPosition: {
-            name: string;
-            description: string;
-            defaultValue: string;
-            control: string;
-            options: string[];
-            if: {
-                arg: string;
-                eq: boolean;
-            };
-            labels: {
-                left: string;
-                right: string;
-            };
-        };
-        type: {
-            name: string;
-            description: string;
-            default: string;
-            control: string;
-            if: {
-                arg: string;
-                exists: boolean;
-            };
-            options: string[];
-            labels: {
-                button: string;
-                submit: string;
-                reset: string;
-            };
-        };
-        name: {
-            name: string;
-            description: string;
-            control: string;
-            if: {
-                arg: string;
-                exists: boolean;
-            };
-        };
-        value: {
-            name: string;
-            description: string;
-            control: string;
-            if: {
-                arg: string;
-                exists: boolean;
-            };
-        };
-        ariaLabel: {
-            name: string;
-            description: string;
-            control: string;
-        };
-        href: {
-            name: string;
-            description: string;
-            control: string;
-        };
-        target: {
-            name: string;
-            description: string;
-            default: string;
-            control: string;
-            if: {
-                arg: string;
-                exists: boolean;
-            };
-            options: string[];
-            labels: {
-                _blank: string;
-                _parent: string;
-                _self: string;
-                _top: string;
-            };
-        };
         id: {
             name: string;
             description: string;
@@ -156,3 +40,4 @@ export default _default;
 export declare const Small: any;
 export declare const Medium: any;
 export declare const Large: any;
+export declare const Full: any;

package/dist/types/components/jump-button/jump-button-filled.stories.d.ts

@@ -2,11 +2,6 @@ declare const _default: {
     title: string;
     tags: string[];
     argTypes: {
-        label: {
-            name: string;
-            description: string;
-            control: string;
-        };
         variant: {
             name: string;
             description: string;
@@ -39,111 +34,10 @@ declare const _default: {
             description: string;
             control: string;
         };
-        text: {
-            name: string;
-            description: string;
-            control: string;
-        };
-        showIcon: {
-            name: string;
-            description: string;
-            control: string;
-        };
-        iconOnly: {
-            name: string;
-            description: string;
-            control: string;
-            if: {
-                arg: string;
-                eq: boolean;
-            };
-        };
-        iconName: {
-            name: string;
-            control: string;
-            options: string[];
-            description: string;
-            defaultValue: string;
-            if: {
-                arg: string;
-                eq: boolean;
-            };
-        };
-        iconPosition: {
-            name: string;
-            description: string;
-            defaultValue: string;
-            control: string;
-            options: string[];
-            if: {
-                arg: string;
-                eq: boolean;
-            };
-            labels: {
-                left: string;
-                right: string;
-            };
-        };
-        type: {
+        full: {
             name: string;
             description: string;
-            default: string;
             control: string;
-            if: {
-                arg: string;
-                exists: boolean;
-            };
-            options: string[];
-            labels: {
-                button: string;
-                submit: string;
-                reset: string;
-            };
-        };
-        name: {
-            name: string;
-            description: string;
-            control: string;
-            if: {
-                arg: string;
-                exists: boolean;
-            };
-        };
-        value: {
-            name: string;
-            description: string;
-            control: string;
-            if: {
-                arg: string;
-                exists: boolean;
-            };
-        };
-        ariaLabel: {
-            name: string;
-            description: string;
-            control: string;
-        };
-        href: {
-            name: string;
-            description: string;
-            control: string;
-        };
-        target: {
-            name: string;
-            description: string;
-            default: string;
-            control: string;
-            if: {
-                arg: string;
-                exists: boolean;
-            };
-            options: string[];
-            labels: {
-                _blank: string;
-                _parent: string;
-                _self: string;
-                _top: string;
-            };
         };
         id: {
             name: string;