npm - @jumpgroup/jump-design-system - Versions diffs - 0.2.2 → 0.2.4 - Mend

@jumpgroup/jump-design-system 0.2.2 → 0.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (158) hide show

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

@@ -1,5 +1,54 @@
-jump-button button,
-jump-button a {
+:root {
+  /*BASE COLOR RULES*/
+  --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;
+  /*TYPOGRAPHY RULES*/
+  --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;
@@ -9,9 +58,7 @@ jump-button a {
   cursor: pointer;
 }
-jump-button {
-  display: inline-flex;
-  align-items: center;
+:host {
   --jump-button-color: #ffffff;
   --jump-button-color-disabled: #cbcbcb;
   --jump-button-background: var(--primary-standard);
@@ -21,8 +68,8 @@ jump-button {
   --jump-button-border-radius: var(--border-radius-1, 0.1875rem) var(--border-radius-1, 0.1875rem) var(--border-radius-1, 0.1875rem) var(--border-radius-1, 0.1875rem);
   --jump-button-padding: 1rem 1.25rem;
 }
-jump-button button,
-jump-button a {
+:host button,
+:host a {
   background-color: var(--jump-button-background);
   border-radius: var(--jump-button-border-radius);
   color: var(--jump-button-color);
@@ -37,109 +84,115 @@ jump-button a {
   text-decoration: none;
   padding: var(--jump-button-padding);
 }
-jump-button button:hover,
-jump-button a:hover {
+:host button:hover,
+:host a:hover {
   background-color: var(--jump-button-background-hover);
   color: var(--jump-button-color-hover);
 }
-jump-button button[data-variant=primary],
-jump-button a[data-variant=primary] {
+: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);
 }
-jump-button button[data-variant=secondary],
-jump-button a[data-variant=secondary] {
+: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);
 }
-jump-button button[data-variant=neutral],
-jump-button a[data-variant=neutral] {
+: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);
 }
-jump-button button[data-variant=white],
-jump-button a[data-variant=white] {
+: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);
 }
-jump-button button[disabled],
-jump-button a[disabled] {
+: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;
 }
-jump-button button[data-pill],
-jump-button a[data-pill] {
+:host button[data-pill],
+:host a[data-pill] {
   border-radius: 100rem;
 }
-jump-button button[data-size=small],
-jump-button a[data-size=small] {
+: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.5rem 1rem;
+  --jump-button-padding: 0.65rem 1rem;
 }
-jump-button button[data-size=medium],
-jump-button a[data-size=medium] {
+: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;
 }
-jump-button button[data-size=large],
-jump-button a[data-size=large] {
+: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: 1.125rem 1.5rem;
+  --jump-button-padding: 1rem 1.5rem;
+}
+:host button[data-full],
+:host a[data-full] {
+  width: 100%;
+  justify-content: center;
 }
-jump-button button[data-outline],
-jump-button a[data-outline] {
+: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);
 }
-jump-button button[data-outline]:hover,
-jump-button a[data-outline]:hover {
+: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);
 }
-jump-button button[data-text],
-jump-button a[data-text] {
+:host button[data-text],
+:host a[data-text] {
   background-color: transparent;
   border: none;
   color: var(--jump-button-background);
   padding: 0;
 }
-jump-button button[data-text]:hover,
-jump-button a[data-text]:hover {
+:host button[data-text]:hover,
+:host a[data-text]:hover {
   background-color: transparent;
   border: none;
   color: var(--jump-button-background-hover);
 }
-jump-button button[data-only-icon],
-jump-button a[data-only-icon] {
-  --jump-button-padding: 1.125rem;
+:host button[data-only-icon],
+:host a[data-only-icon] {
+  --jump-button-padding: 0.5rem;
 }
-jump-button button[data-only-icon][data-size=small],
-jump-button a[data-only-icon][data-size=small] {
+:host button[data-only-icon][data-size=small],
+:host a[data-only-icon][data-size=small] {
   --jump-button-padding: 0.5rem;
 }
-jump-button button[data-only-icon][data-size=medium],
-jump-button a[data-only-icon][data-size=medium] {
-  --jump-button-padding: 1rem;
+:host button[data-only-icon][data-size=medium],
+:host a[data-only-icon][data-size=medium] {
+  --jump-button-padding: 0.875rem;
 }
-jump-button button[data-only-icon][data-size=large],
-jump-button a[data-only-icon][data-size=large] {
-  --jump-button-padding: 1.125rem;
+:host button[data-only-icon][data-size=large],
+:host a[data-only-icon][data-size=large] {
+  --jump-button-padding: 1rem;
 }
-jump-button button.chat,
-jump-button a.chat {
+: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);

package/dist/collection/components/jump-button/jump-button.js CHANGED Viewed

@@ -1,10 +1,11 @@
 import { Host, h } from "@stencil/core";
-export class AppButton {
+export class JumpButton {
     constructor() {
         this.disabled = false;
         this.variant = 'primary';
         this.outline = false;
         this.size = 'medium';
+        this.full = false;
         this.pill = false;
         this.text = false;
         this.onlyIcon = false;
@@ -17,10 +18,14 @@ export class AppButton {
         this.class = undefined;
         this.buttonId = undefined;
     }
+    componentWillLoad() {
+        this.target = this.href ? this.target : '_self';
+    }
     render() {
-        return (h(Host, { key: '21647cd89a0a179d5c035f5e7f533f54375311cf' }, this.href ? (h("a", { href: this.href, id: this.buttonId, class: this.class, "data-variant": this.variant, "data-outline": this.outline, "data-size": this.size, "data-pill": this.pill, "data-text": this.text, "data-only-icon": this.onlyIcon, "aria-label": this.ariaLabel, target: this.target }, h("slot", { name: "prefix" }), !this.onlyIcon && h("slot", null), h("slot", { name: "suffix" }))) : (h("button", { id: this.buttonId, class: this.class, "data-variant": this.variant, "data-outline": this.outline, "data-size": this.size, "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 }, h("slot", { name: "prefix" }), !this.onlyIcon && h("slot", null), h("slot", { name: "suffix" })))));
+        return (h(Host, { key: '2f1a96f504d7f273bfdf0b49d7a708aea570f59f' }, this.href ? (h("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 }, h("slot", { name: "prefix" }), !this.onlyIcon && h("slot", null), h("slot", { name: "suffix" }))) : (h("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 }, h("slot", { name: "prefix" }), !this.onlyIcon && h("slot", null), h("slot", { name: "suffix" })))));
     }
     static get is() { return "jump-button"; }
+    static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
             "$": ["jump-button.scss"]
@@ -55,8 +60,8 @@ export class AppButton {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "'primary'|'secondary'|'tertiary'|'neutral'",
-                    "resolved": "\"neutral\" | \"primary\" | \"secondary\" | \"tertiary\"",
+                    "original": "'primary'|'secondary'|'white'|'neutral'",
+                    "resolved": "\"neutral\" | \"primary\" | \"secondary\" | \"white\"",
                     "references": {}
                 },
                 "required": false,
@@ -66,7 +71,7 @@ export class AppButton {
                     "text": "Indicates the variant of the button"
                 },
                 "attribute": "variant",
-                "reflect": true,
+                "reflect": false,
                 "defaultValue": "'primary'"
             },
             "outline": {
@@ -84,7 +89,7 @@ export class AppButton {
                     "text": "Indicates the button as outline"
                 },
                 "attribute": "outline",
-                "reflect": true,
+                "reflect": false,
                 "defaultValue": "false"
             },
             "size": {
@@ -102,9 +107,27 @@ export class AppButton {
                     "text": "Indicates the size of the button"
                 },
                 "attribute": "size",
-                "reflect": true,
+                "reflect": false,
                 "defaultValue": "'medium'"
             },
+            "full": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Indicates if the button is full width"
+                },
+                "attribute": "full",
+                "reflect": false,
+                "defaultValue": "false"
+            },
             "pill": {
                 "type": "boolean",
                 "mutable": false,
@@ -120,7 +143,7 @@ export class AppButton {
                     "text": "Indicates the button as pill"
                 },
                 "attribute": "pill",
-                "reflect": true,
+                "reflect": false,
                 "defaultValue": "false"
             },
             "text": {
@@ -138,7 +161,7 @@ export class AppButton {
                     "text": "Indicates the button as text"
                 },
                 "attribute": "text",
-                "reflect": true,
+                "reflect": false,
                 "defaultValue": "false"
             },
             "onlyIcon": {
@@ -156,7 +179,7 @@ export class AppButton {
                     "text": "Indicates the button as only icon"
                 },
                 "attribute": "only-icon",
-                "reflect": true,
+                "reflect": false,
                 "defaultValue": "false"
             },
             "href": {
@@ -174,8 +197,7 @@ export class AppButton {
                     "text": "Indicates if button becames a anchor"
                 },
                 "attribute": "href",
-                "reflect": true,
-                "defaultValue": "undefined"
+                "reflect": false
             },
             "target": {
                 "type": "string",
@@ -192,7 +214,7 @@ export class AppButton {
                     "text": "Indicates the type of anchor's target"
                 },
                 "attribute": "target",
-                "reflect": true
+                "reflect": false
             },
             "type": {
                 "type": "string",
@@ -209,7 +231,7 @@ export class AppButton {
                     "text": "Indicates type button"
                 },
                 "attribute": "type",
-                "reflect": true,
+                "reflect": false,
                 "defaultValue": "'button'"
             },
             "name": {
@@ -227,7 +249,7 @@ export class AppButton {
                     "text": "Indicates the name that the sender button will send"
                 },
                 "attribute": "name",
-                "reflect": true,
+                "reflect": false,
                 "defaultValue": "undefined"
             },
             "value": {
@@ -245,7 +267,7 @@ export class AppButton {
                     "text": "Indicates the value that the sender button will send"
                 },
                 "attribute": "value",
-                "reflect": true,
+                "reflect": false,
                 "defaultValue": "undefined"
             },
             "ariaLabel": {
@@ -263,7 +285,7 @@ export class AppButton {
                     "text": "Indicates the value of text alternative to an element that has no visible text on the screen"
                 },
                 "attribute": "aria-label",
-                "reflect": true,
+                "reflect": false,
                 "defaultValue": "undefined"
             },
             "class": {
@@ -281,7 +303,7 @@ export class AppButton {
                     "text": "Indicates classes of the component"
                 },
                 "attribute": "class",
-                "reflect": true,
+                "reflect": false,
                 "defaultValue": "undefined"
             },
             "buttonId": {
@@ -299,7 +321,7 @@ export class AppButton {
                     "text": "Indicates classes of the component"
                 },
                 "attribute": "button-id",
-                "reflect": true,
+                "reflect": false,
                 "defaultValue": "undefined"
             }
         };

package/dist/collection/components/jump-button/jump-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"jump-button.js","sourceRoot":"","sources":["../../../src/components/jump-button/jump-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,~~SAAS~~;;~~wBAIQ~~,KAAK;~~uBAK4C~~,SAAS;~~uBAK5C~~,KAAK;oBAKT,QAAQ;oBAKP,KAAK;oBAKL,KAAK;~~wBAKD~~,KAAK;~~oBAKV~~,~~SAAS;;oBAUU~~,QAAQ;oBAK3B,SAAS;qBAKR,SAAS;yBAKL,SAAS;qBAKb,SAAS;wBAKN,SAAS;;~~IAEnD~~,MAAM;~~QACJ~~,OAAO,CACL,EAAC,IAAI,uDACF,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACX,SAAG,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,kBAAgB,IAAI,CAAC,OAAO,kBAAgB,IAAI,CAAC,OAAO,eAAa,IAAI,CAAC,IAAI,eAAa,IAAI,CAAC,IAAI,eAAa,IAAI,CAAC,IAAI,oBAAkB,IAAI,CAAC,QAAQ,gBAAc,IAAI,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM;~~YAChQ~~,YAAM,IAAI,EAAC,QAAQ,GAAQ;YAC1B,CAAC,IAAI,CAAC,QAAQ,IAAI,eAAa;YAChC,YAAM,IAAI,EAAC,QAAQ,GAAQ,CACzB,CACL,CAAC,CAAC,CAAC,CACF,cAAQ,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,kBAAgB,IAAI,CAAC,OAAO,kBAAgB,IAAI,CAAC,OAAO,eAAa,IAAI,CAAC,IAAI,eAAa,IAAI,CAAC,IAAI,eAAa,IAAI,CAAC,IAAI,oBAAkB,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,gBAAc,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK;~~YAC7S~~,YAAM,IAAI,EAAC,QAAQ,GAAQ;YAC1B,CAAC,IAAI,CAAC,QAAQ,IAAI,eAAa;YAChC,YAAM,IAAI,EAAC,QAAQ,GAAQ,CACpB,CACV,CACI,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEF","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'jump-button',\n styleUrl: 'jump-button.scss',\n shadow: ~~false~~,\n})\nexport class ~~AppButton~~ {\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(~~{reflect: true}~~) variant: 'primary'\|'secondary'\|'~~tertiary~~'\|'neutral' = 'primary';\n\n /\n Indicates the button as outline\n /\n @Prop(~~{reflect: true}~~) outline: boolean = false;\n\n /\n Indicates the size of the button\n /\n @Prop(~~{reflect: true}~~) size: string = 'medium';\n\n /\n Indicates the button as pill\n /\n @Prop(~~{reflect: true}~~) pill: boolean = false;\n\n /\n Indicates the button as text\n /\n @Prop(~~{reflect: true}~~) text: boolean = false;\n\n /\n Indicates the button as only icon\n /\n @Prop(~~{reflect: true}~~) onlyIcon: boolean = false;\n\n /\n * Indicates if button becames a anchor\n /\n @Prop(~~{reflect: true}~~) href: string ~~= undefined~~;\n\n /\n * Indicates the type of anchor's target \n /\n @Prop(~~{reflect: true}~~) target: '_blank' \| '_parent' \| '_self' \| '_top'\n\n /\n * Indicates type button\n /\n @Prop(~~{reflect: true}~~) type: 'button'\|'submit'\|'reset' = 'button';\n\n /\n * Indicates the name that the sender button will send\n /\n @Prop(~~{reflect: true}~~) name: string = undefined;\n\n /\n * Indicates the value that the sender button will send\n /\n @Prop(~~{reflect: true}~~) 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(~~{reflect: true}~~) ariaLabel: string = undefined;\n\n /\n * Indicates classes of the component\n /\n @Prop(~~{reflect: true}~~) class: string = undefined;\n\n /\n * Indicates classes of the component\n **/\n @Prop(~~{reflect: true}~~) buttonId: string = undefined;\n\n render() {\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-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-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"]}
1	+ {"version":3,"file":"jump-button.js","sourceRoot":"","sources":["../../../src/components/jump-button/jump-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,UAAU;;wBAIO,KAAK;uBAK0B,SAAS;uBAKzC,KAAK;oBAKT,QAAQ;oBAKP,KAAK;oBAKL,KAAK;oBAKL,KAAK;wBAKD,KAAK;;;oBAeS,QAAQ;oBAK3B,SAAS;qBAKR,SAAS;yBAKL,SAAS;qBAKb,SAAS;wBAKN,SAAS;;IAEpC,iBAAiB;QACf,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IAClD,CAAC;IAED,MAAM;QAEJ,OAAO,CACL,EAAC,IAAI,uDACF,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACX,SAAG,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,kBAAgB,IAAI,CAAC,OAAO,kBAAgB,IAAI,CAAC,OAAO,eAAa,IAAI,CAAC,IAAI,eAAa,IAAI,CAAC,IAAI,eAAa,IAAI,CAAC,IAAI,eAAa,IAAI,CAAC,IAAI,oBAAkB,IAAI,CAAC,QAAQ,gBAAc,IAAI,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM;YACtR,YAAM,IAAI,EAAC,QAAQ,GAAQ;YAC1B,CAAC,IAAI,CAAC,QAAQ,IAAI,eAAa;YAChC,YAAM,IAAI,EAAC,QAAQ,GAAQ,CACzB,CACL,CAAC,CAAC,CAAC,CACF,cAAQ,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,kBAAgB,IAAI,CAAC,OAAO,kBAAgB,IAAI,CAAC,OAAO,eAAa,IAAI,CAAC,IAAI,eAAa,IAAI,CAAC,IAAI,eAAa,IAAI,CAAC,IAAI,eAAa,IAAI,CAAC,IAAI,oBAAkB,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,gBAAc,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK;YACnU,YAAM,IAAI,EAAC,QAAQ,GAAQ;YAC1B,CAAC,IAAI,CAAC,QAAQ,IAAI,eAAa;YAChC,YAAM,IAAI,EAAC,QAAQ,GAAQ,CACpB,CACV,CACI,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEF","sourcesContent":["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"]}

package/dist/collection/components/jump-button/test/jump-button.spec.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { newSpecPage } from "@stencil/core/testing";
-import { AppButton } from "../jump-button";
+import { JumpButton } from "../jump-button";
 describe('jump-button', () => {
     it('renders', async () => {
         const page = await newSpecPage({
-            components: [AppButton],
+            components: [JumpButton],
             html: `<jump-button></jump-button>`,
         });
         expect(page.root).toEqualHtml(`

package/dist/collection/components/jump-button/test/jump-button.spec.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"jump-button.spec.js","sourceRoot":"","sources":["../../../../src/components/jump-button/test/jump-button.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,~~SAAS~~,EAAE,MAAM,gBAAgB,CAAC;~~AAE3C~~,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC3B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,~~SAAS~~,CAAC;~~YACvB~~,IAAI,EAAE,6BAA6B;SACpC,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 { ~~AppButton~~ } from '../jump-button';\n\ndescribe('jump-button', () => {\n it('renders', async () => {\n const page = await newSpecPage({\n components: [~~AppButton~~],\n html: `<jump-button></jump-button>`,\n });\n expect(page.root).toEqualHtml(`\n <jump-button>\n <mock:shadow-root>\n <slot></slot>\n </mock:shadow-root>\n </jump-button>\n `);\n });\n});\n"]}
1	+ {"version":3,"file":"jump-button.spec.js","sourceRoot":"","sources":["../../../../src/components/jump-button/test/jump-button.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC3B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,6BAA6B;SACpC,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 { JumpButton } from '../jump-button';\n\ndescribe('jump-button', () => {\n it('renders', async () => {\n const page = await newSpecPage({\n components: [JumpButton],\n html: `<jump-button></jump-button>`,\n });\n expect(page.root).toEqualHtml(`\n <jump-button>\n <mock:shadow-root>\n <slot></slot>\n </mock:shadow-root>\n </jump-button>\n `);\n });\n});\n"]}

package/dist/collection/components/jump-card/jump-card-border-radius.stories.js CHANGED Viewed

@@ -83,19 +83,7 @@ export default {
 };
 const Template = (args) => {
     var _a;
-    return `<jump-card class="${(_a = args.class) !== null && _a !== void 0 ? _a : ''}"
-  ${args.videoSrc ? `video-src="${args.videoSrc}"` : ''}
-  ${args.imgSrc ? `img-src="${args.imgSrc}"` : ''}
-  ${args.imgAlt ? `img-alt="${args.imgAlt}"` : ''}
-  ${args.border == true ? 'border' : ''}
-  ${args.horizontal == true ? 'horizontal' : ''}
-  ${args.dark == true ? 'dark' : ''}
-  ${args.borderRadius == true ? 'border-radius' : ''}
-  ${args.topBorderContentRadius == true ? 'top-border-content-radius' : ''}
-  ${args.boxed == true ? 'boxed' : ''}
-  ${args.roundedMedia == true ? 'rounded-media' : ''}
-  ${args.shadow == true ? 'shadow' : ''}
-  >
+    return `<jump-card class="${(_a = args.class) !== null && _a !== void 0 ? _a : ''}" ${args.videoSrc ? `video-src="${args.videoSrc}"` : ''} ${args.imgSrc ? `img-src="${args.imgSrc}"` : ''} ${args.imgAlt ? `img-alt="${args.imgAlt}"` : ''} ${args.border == true ? 'border' : ''} ${args.horizontal == true ? 'horizontal' : ''} ${args.dark == true ? 'dark' : ''} ${args.borderRadius == true ? 'border-radius' : ''} ${args.topBorderContentRadius == true ? 'top-border-content-radius' : ''} ${args.boxed == true ? 'boxed' : ''} ${args.roundedMedia == true ? 'rounded-media' : ''} ${args.shadow == true ? 'shadow' : ''}>
     <div class="ContentWrapper" slot="body">
       <h3 style="margin-top: 0">Titolo della card</h3>
       <p>Testo della card</p>
@@ -106,7 +94,7 @@ const Template = (args) => {
 };
 export const CardWithBorderRadius = Template.bind({});
 CardWithBorderRadius.args = {
-    imgSrc: 'https://picsum.photos/300/200',
+    imgSrc: 'https://media.jumpgroup.it/taurus1908/uploads/2024/03/accessori-jpeg.webp',
     imgAlt: 'Immagine',
     borderRadius: true,
     shadow: true,

package/dist/collection/components/jump-card/jump-card-border-radius.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"jump-card-border-radius.stories.js","sourceRoot":"","sources":["../../../src/components/jump-card/jump-card-border-radius.stories.ts"],"names":[],"mappings":"AAAA,eAAe;IACb,KAAK,EAAE,kCAAkC;IACzC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,UAAU,EAAE;YACV,IAAI,EAAE,sBAAsB;YAC5B,WAAW,EAAE,8EAA8E;YAC3F,OAAO,EAAE,SAAS;YAClB,YAAY,EAAE,KAAK;SACpB;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,sBAAsB;YAC5B,WAAW,EAAE,4FAA4F;YACzG,OAAO,EAAE,SAAS;YAClB,YAAY,EAAE,KAAK;SACpB;QACD,MAAM,EAAC;YACL,IAAI,EAAE,gBAAgB;YACtB,OAAO,EAAE,SAAS;YAClB,YAAY,EAAE,KAAK;SACpB;QACD,MAAM,EAAC;YACL,IAAI,EAAE,gBAAgB;YACtB,OAAO,EAAE,SAAS;YAClB,YAAY,EAAE,KAAK;SACpB;QACD,YAAY,EAAE;YACZ,IAAI,EAAE,mBAAmB;YACzB,WAAW,EAAE,wCAAwC;YACrD,OAAO,EAAE,SAAS;YAClB,OAAO;YACP,mCAAmC;YACnC,cAAc;YACd,IAAI;SACL;QACD,sBAAsB,EAAE;YACtB,IAAI,EAAE,oBAAoB;YAC1B,WAAW,EAAE,+DAA+D;YAC5E,OAAO,EAAE,SAAS;YAClB,OAAO;YACP,yBAAyB;YACzB,cAAc;YACd,IAAI;SACL;QACD,KAAK,EAAE;YACL,IAAI,EAAE,OAAO;YACb,WAAW,EAAE,qCAAqC;YAClD,OAAO,EAAE,SAAS;SACnB;QACD,YAAY,EAAE;YACZ,IAAI,EAAE,8BAA8B;YACpC,WAAW,EAAE,2DAA2D;YACxE,OAAO,EAAE,SAAS;SACnB;QACD,MAAM,EAAE;YACN,IAAI,EAAE,mBAAmB;YACzB,WAAW,EAAE,+EAA+E;YAC5F,OAAO,EAAE,MAAM;YACf,EAAE,EAAC;gBACD,GAAG,EAAE,UAAU;gBACf,MAAM,EAAE,KAAK;aACd;SACF;QACD,MAAM,EAAE;YACN,IAAI,EAAE,oBAAoB;YAC1B,WAAW,EAAE,yEAAyE;YACtF,OAAO,EAAE,MAAM;YACf,EAAE,EAAC;gBACD,GAAG,EAAE,QAAQ;gBACb,MAAM,EAAE,IAAI;aACb;SACF;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,eAAe;YACrB,WAAW,EAAE,wEAAwE;YACrF,OAAO,EAAE,MAAM;YACf,EAAE,EAAC;gBACD,GAAG,EAAE,QAAQ;gBACb,MAAM,EAAE,KAAK;aACd;SACF;KACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;;IACxB,OAAO,qBAAqB,MAAA,IAAI,CAAC,KAAK,mCAAI,EAAE~~;IAC1C~~,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC,EAAE~~;IACnD~~,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE~~;IAC7C~~,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE~~;IAC7C~~,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE~~;IACnC~~,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE~~;IAC3C~~,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE~~;IAC/B~~,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE~~;IAChD~~,IAAI,CAAC,sBAAsB,IAAI,IAAI,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,EAAE~~;IACtE~~,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE~~;IACjC~~,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE~~;IAChD~~,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE~~;;;;;;;;eAQxB~~,CAAA;AACf,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACtD,oBAAoB,CAAC,IAAI,GAAG;IAC1B,MAAM,EAAE~~,+BAA+B~~;~~IACvC~~,MAAM,EAAE,UAAU;IAClB,YAAY,EAAE,IAAI;IAClB,MAAM,EAAE,IAAI;CACb,CAAC","sourcesContent":["export default {\n title: 'Components/Card/BorderRadiusCard',\n tags: ['autodocs'],\n argTypes: {\n horizontal: {\n name: 'Direzione della card',\n description: 'Di default è verticale, se si imposta horizontal su true diventa Orizzontale',\n control: 'boolean',\n defaultValue: false\n },\n dark: {\n name: 'Card di colore scuro',\n description: 'Di default ha lo sfondo bianco, se si imposta dark su true diventa con sfondo grigio scuro',\n control: 'boolean',\n defaultValue: false\n },\n border:{\n name: 'Card con bordo',\n control: 'boolean',\n defaultValue: false\n },\n shadow:{\n name: 'Card con ombra',\n control: 'boolean',\n defaultValue: false\n },\n borderRadius: {\n name: 'Bordi arrotondati',\n description: 'Imposta i bordi della card arrotondati',\n control: 'boolean',\n // if:{\n // arg: 'topBorderContentRadius',\n // eq: false\n // }\n },\n topBorderContentRadius: {\n name: 'Border top Content',\n description: 'Border top del Content (esclusa la sezione media) arrotondato',\n control: 'boolean',\n // if:{\n // arg: 'borderRadius',\n // eq: false\n // }\n },\n boxed: {\n name: 'Boxed',\n description: 'Imposta un padding intorno al media',\n control: 'boolean',\n },\n roundedMedia: {\n name: 'Immagine o Video arrotondati',\n description: 'Imposta l\\'immagine o il video arrotondati e senza sfondo',\n control: 'boolean',\n },\n imgSrc: {\n name: 'Url del\\'immagine',\n description: 'Url dell\\'immagine da visualizzare, si attiva solo se non è presente videoSrc',\n control: 'text',\n if:{\n arg: 'videoSrc',\n exists: false\n }\n },\n imgAlt: {\n name: 'Alt dell\\'immagine',\n description: 'Alt dell\\'immagine da visualizzare, si attiva solo se è presente imgSrc',\n control: 'text',\n if:{\n arg: 'imgSrc',\n exists: true\n }\n },\n videoSrc: {\n name: 'Url del video',\n description: 'Url del video da visualizzare, si attiva solo se non è presente imgSrc',\n control: 'text',\n if:{\n arg: 'imgSrc',\n exists: false\n }\n },\n }\n};\n\nconst Template = (args) => {\n return `<jump-card class=\"${args.class ?? ''}\" \n ${args.videoSrc ? `video-src=\"${args.videoSrc}\"` : ''} \n ${args.imgSrc ? `img-src=\"${args.imgSrc}\"` : ''} \n ${args.imgAlt ? `img-alt=\"${args.imgAlt}\"` : ''} \n ${args.border == true ? 'border' : ''} \n ${args.horizontal == true ? 'horizontal' : ''} \n ${args.dark == true ? 'dark' : ''} \n ${args.borderRadius == true ? 'border-radius' : ''} \n ${args.topBorderContentRadius == true ? 'top-border-content-radius' : ''} \n ${args.boxed == true ? 'boxed' : ''} \n ${args.roundedMedia == true ? 'rounded-media' : ''} \n ${args.shadow == true ? 'shadow' : ''} \n > \n <div class=\"ContentWrapper\" slot=\"body\">\n <h3 style=\"margin-top: 0\">Titolo della card</h3>\n <p>Testo della card</p>\n </div>\n <jump-button slot=\"footer\" id=\"#card\" class=\" \"variant=\"secondary\" size=\"medium\" href=\"#\" target=\"_self\" ariaLabel=\"sono un bottone\" text>\n Scopri di più<jump-icon slot=\"suffix\" name=\"arrow-right\"></jump-icon></jump-button>\n </jump-card>`\n}\n\nexport const CardWithBorderRadius = Template.bind({});\nCardWithBorderRadius.args = {\n imgSrc: 'https://~~picsum~~.~~photos~~/~~300~~/~~200~~',\n imgAlt: 'Immagine',\n borderRadius: true,\n shadow: true,\n};"]}
1	+ {"version":3,"file":"jump-card-border-radius.stories.js","sourceRoot":"","sources":["../../../src/components/jump-card/jump-card-border-radius.stories.ts"],"names":[],"mappings":"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","sourcesContent":["export default {\n title: 'Components/Card/BorderRadiusCard',\n tags: ['autodocs'],\n argTypes: {\n horizontal: {\n name: 'Direzione della card',\n description: 'Di default è verticale, se si imposta horizontal su true diventa Orizzontale',\n control: 'boolean',\n defaultValue: false\n },\n dark: {\n name: 'Card di colore scuro',\n description: 'Di default ha lo sfondo bianco, se si imposta dark su true diventa con sfondo grigio scuro',\n control: 'boolean',\n defaultValue: false\n },\n border:{\n name: 'Card con bordo',\n control: 'boolean',\n defaultValue: false\n },\n shadow:{\n name: 'Card con ombra',\n control: 'boolean',\n defaultValue: false\n },\n borderRadius: {\n name: 'Bordi arrotondati',\n description: 'Imposta i bordi della card arrotondati',\n control: 'boolean',\n // if:{\n // arg: 'topBorderContentRadius',\n // eq: false\n // }\n },\n topBorderContentRadius: {\n name: 'Border top Content',\n description: 'Border top del Content (esclusa la sezione media) arrotondato',\n control: 'boolean',\n // if:{\n // arg: 'borderRadius',\n // eq: false\n // }\n },\n boxed: {\n name: 'Boxed',\n description: 'Imposta un padding intorno al media',\n control: 'boolean',\n },\n roundedMedia: {\n name: 'Immagine o Video arrotondati',\n description: 'Imposta l\\'immagine o il video arrotondati e senza sfondo',\n control: 'boolean',\n },\n imgSrc: {\n name: 'Url del\\'immagine',\n description: 'Url dell\\'immagine da visualizzare, si attiva solo se non è presente videoSrc',\n control: 'text',\n if:{\n arg: 'videoSrc',\n exists: false\n }\n },\n imgAlt: {\n name: 'Alt dell\\'immagine',\n description: 'Alt dell\\'immagine da visualizzare, si attiva solo se è presente imgSrc',\n control: 'text',\n if:{\n arg: 'imgSrc',\n exists: true\n }\n },\n videoSrc: {\n name: 'Url del video',\n description: 'Url del video da visualizzare, si attiva solo se non è presente imgSrc',\n control: 'text',\n if:{\n arg: 'imgSrc',\n exists: false\n }\n },\n }\n};\n\nconst Template = (args) => {\n return `<jump-card class=\"${args.class ?? ''}\" ${args.videoSrc ? `video-src=\"${args.videoSrc}\"` : ''} ${args.imgSrc ? `img-src=\"${args.imgSrc}\"` : ''} ${args.imgAlt ? `img-alt=\"${args.imgAlt}\"` : ''} ${args.border == true ? 'border' : ''} ${args.horizontal == true ? 'horizontal' : ''} ${args.dark == true ? 'dark' : ''} ${args.borderRadius == true ? 'border-radius' : ''} ${args.topBorderContentRadius == true ? 'top-border-content-radius' : ''} ${args.boxed == true ? 'boxed' : ''} ${args.roundedMedia == true ? 'rounded-media' : ''} ${args.shadow == true ? 'shadow' : ''}> \n <div class=\"ContentWrapper\" slot=\"body\">\n <h3 style=\"margin-top: 0\">Titolo della card</h3>\n <p>Testo della card</p>\n </div>\n <jump-button slot=\"footer\" id=\"#card\" class=\" \"variant=\"secondary\" size=\"medium\" href=\"#\" target=\"_self\" ariaLabel=\"sono un bottone\" text>\n Scopri di più<jump-icon slot=\"suffix\" name=\"arrow-right\"></jump-icon></jump-button>\n </jump-card>`\n}\n\nexport const CardWithBorderRadius = Template.bind({});\nCardWithBorderRadius.args = {\n imgSrc: 'https://media.jumpgroup.it/taurus1908/uploads/2024/03/accessori-jpeg.webp',\n imgAlt: 'Immagine',\n borderRadius: true,\n shadow: true,\n};"]}

package/dist/collection/components/jump-card/jump-card-top-border-content-radius.stories.js CHANGED Viewed

@@ -83,8 +83,7 @@ export default {
 };
 const Template = (args) => {
     var _a;
-    return `<jump-card class="${(_a = args.class) !== null && _a !== void 0 ? _a : ''}"
-  ${args.videoSrc ? `video-src="${args.videoSrc}"` : ''}
+    return `<jump-card class="${(_a = args.class) !== null && _a !== void 0 ? _a : ''}" ${args.videoSrc ? `video-src="${args.videoSrc}"` : ''}
   ${args.imgSrc ? `img-src="${args.imgSrc}"` : ''}
   ${args.imgAlt ? `img-alt="${args.imgAlt}"` : ''}
   ${args.border == true ? 'border' : ''}

package/dist/collection/components/jump-card/jump-card-top-border-content-radius.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"jump-card-top-border-content-radius.stories.js","sourceRoot":"","sources":["../../../src/components/jump-card/jump-card-top-border-content-radius.stories.ts"],"names":[],"mappings":"AAAA,eAAe;IACb,KAAK,EAAE,sCAAsC;IAC7C,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,UAAU,EAAE;YACV,IAAI,EAAE,sBAAsB;YAC5B,WAAW,EAAE,8EAA8E;YAC3F,OAAO,EAAE,SAAS;YAClB,YAAY,EAAE,KAAK;SACpB;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,sBAAsB;YAC5B,WAAW,EAAE,4FAA4F;YACzG,OAAO,EAAE,SAAS;YAClB,YAAY,EAAE,KAAK;SACpB;QACD,MAAM,EAAC;YACL,IAAI,EAAE,gBAAgB;YACtB,OAAO,EAAE,SAAS;YAClB,YAAY,EAAE,KAAK;SACpB;QACD,MAAM,EAAC;YACL,IAAI,EAAE,gBAAgB;YACtB,OAAO,EAAE,SAAS;YAClB,YAAY,EAAE,KAAK;SACpB;QACD,YAAY,EAAE;YACZ,IAAI,EAAE,mBAAmB;YACzB,WAAW,EAAE,wCAAwC;YACrD,OAAO,EAAE,SAAS;YAClB,OAAO;YACP,mCAAmC;YACnC,cAAc;YACd,IAAI;SACL;QACD,sBAAsB,EAAE;YACtB,IAAI,EAAE,oBAAoB;YAC1B,WAAW,EAAE,+DAA+D;YAC5E,OAAO,EAAE,SAAS;YAClB,OAAO;YACP,yBAAyB;YACzB,cAAc;YACd,IAAI;SACL;QACD,KAAK,EAAE;YACL,IAAI,EAAE,OAAO;YACb,WAAW,EAAE,qCAAqC;YAClD,OAAO,EAAE,SAAS;SACnB;QACD,YAAY,EAAE;YACZ,IAAI,EAAE,8BAA8B;YACpC,WAAW,EAAE,2DAA2D;YACxE,OAAO,EAAE,SAAS;SACnB;QACD,MAAM,EAAE;YACN,IAAI,EAAE,mBAAmB;YACzB,WAAW,EAAE,+EAA+E;YAC5F,OAAO,EAAE,MAAM;YACf,EAAE,EAAC;gBACD,GAAG,EAAE,UAAU;gBACf,MAAM,EAAE,KAAK;aACd;SACF;QACD,MAAM,EAAE;YACN,IAAI,EAAE,oBAAoB;YAC1B,WAAW,EAAE,yEAAyE;YACtF,OAAO,EAAE,MAAM;YACf,EAAE,EAAC;gBACD,GAAG,EAAE,QAAQ;gBACb,MAAM,EAAE,IAAI;aACb;SACF;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,eAAe;YACrB,WAAW,EAAE,wEAAwE;YACrF,OAAO,EAAE,MAAM;YACf,EAAE,EAAC;gBACD,GAAG,EAAE,QAAQ;gBACb,MAAM,EAAE,KAAK;aACd;SACF;KACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;;IACxB,OAAO,qBAAqB,MAAA,IAAI,CAAC,KAAK,mCAAI,EAAE~~;IAC1C~~,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC,EAAE;~~IACnD~~,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE;IAC7C,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE;IAC7C,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;IACnC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE;IAC3C,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE;IAC/B,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE;IAChD,IAAI,CAAC,sBAAsB,IAAI,IAAI,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,EAAE;IACtE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;IACjC,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE;IAChD,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;;;;;;;;eAQxB,CAAA;AACf,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzD,uBAAuB,CAAC,IAAI,GAAG;IAC7B,MAAM,EAAE,+BAA+B;IACvC,MAAM,EAAE,UAAU;IAClB,sBAAsB,EAAE,IAAI;IAC5B,MAAM,EAAE,IAAI;CACb,CAAC","sourcesContent":["export default {\n title: 'Components/Card/TopBorderContentCard',\n tags: ['autodocs'],\n argTypes: {\n horizontal: {\n name: 'Direzione della card',\n description: 'Di default è verticale, se si imposta horizontal su true diventa Orizzontale',\n control: 'boolean',\n defaultValue: false\n },\n dark: {\n name: 'Card di colore scuro',\n description: 'Di default ha lo sfondo bianco, se si imposta dark su true diventa con sfondo grigio scuro',\n control: 'boolean',\n defaultValue: false\n },\n border:{\n name: 'Card con bordo',\n control: 'boolean',\n defaultValue: false\n },\n shadow:{\n name: 'Card con ombra',\n control: 'boolean',\n defaultValue: false\n },\n borderRadius: {\n name: 'Bordi arrotondati',\n description: 'Imposta i bordi della card arrotondati',\n control: 'boolean',\n // if:{\n // arg: 'topBorderContentRadius',\n // eq: false\n // }\n },\n topBorderContentRadius: {\n name: 'Border top Content',\n description: 'Border top del Content (esclusa la sezione media) arrotondato',\n control: 'boolean',\n // if:{\n // arg: 'borderRadius',\n // eq: false\n // }\n },\n boxed: {\n name: 'Boxed',\n description: 'Imposta un padding intorno al media',\n control: 'boolean',\n },\n roundedMedia: {\n name: 'Immagine o Video arrotondati',\n description: 'Imposta l\\'immagine o il video arrotondati e senza sfondo',\n control: 'boolean',\n },\n imgSrc: {\n name: 'Url del\\'immagine',\n description: 'Url dell\\'immagine da visualizzare, si attiva solo se non è presente videoSrc',\n control: 'text',\n if:{\n arg: 'videoSrc',\n exists: false\n }\n },\n imgAlt: {\n name: 'Alt dell\\'immagine',\n description: 'Alt dell\\'immagine da visualizzare, si attiva solo se è presente imgSrc',\n control: 'text',\n if:{\n arg: 'imgSrc',\n exists: true\n }\n },\n videoSrc: {\n name: 'Url del video',\n description: 'Url del video da visualizzare, si attiva solo se non è presente imgSrc',\n control: 'text',\n if:{\n arg: 'imgSrc',\n exists: false\n }\n },\n }\n};\n\nconst Template = (args) => {\n return `<jump-card class=\"${args.class ?? ''}\" \n ${args.videoSrc ? `video-src=\"${args.videoSrc}\"` : ''} \n ${args.imgSrc ? `img-src=\"${args.imgSrc}\"` : ''} \n ${args.imgAlt ? `img-alt=\"${args.imgAlt}\"` : ''} \n ${args.border == true ? 'border' : ''} \n ${args.horizontal == true ? 'horizontal' : ''} \n ${args.dark == true ? 'dark' : ''} \n ${args.borderRadius == true ? 'border-radius' : ''} \n ${args.topBorderContentRadius == true ? 'top-border-content-radius' : ''} \n ${args.boxed == true ? 'boxed' : ''} \n ${args.roundedMedia == true ? 'rounded-media' : ''} \n ${args.shadow == true ? 'shadow' : ''} \n > \n <div class=\"ContentWrapper\" slot=\"body\">\n <h3 style=\"margin-top: 0\">Titolo della card</h3>\n <p>Testo della card</p>\n </div>\n <jump-button slot=\"footer\" id=\"#card\" class=\" \"variant=\"secondary\" size=\"medium\" href=\"#\" target=\"_self\" ariaLabel=\"sono un bottone\" text>\n Scopri di più<jump-icon slot=\"suffix\" name=\"arrow-right\"></jump-icon></jump-button>\n </jump-card>`\n}\n\nexport const CardWithTopBorderRadius = Template.bind({});\nCardWithTopBorderRadius.args = {\n imgSrc: 'https://picsum.photos/300/200',\n imgAlt: 'Immagine',\n topBorderContentRadius: true,\n border: true\n};\n"]}
1	+ {"version":3,"file":"jump-card-top-border-content-radius.stories.js","sourceRoot":"","sources":["../../../src/components/jump-card/jump-card-top-border-content-radius.stories.ts"],"names":[],"mappings":"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","sourcesContent":["export default {\n title: 'Components/Card/TopBorderContentCard',\n tags: ['autodocs'],\n argTypes: {\n horizontal: {\n name: 'Direzione della card',\n description: 'Di default è verticale, se si imposta horizontal su true diventa Orizzontale',\n control: 'boolean',\n defaultValue: false\n },\n dark: {\n name: 'Card di colore scuro',\n description: 'Di default ha lo sfondo bianco, se si imposta dark su true diventa con sfondo grigio scuro',\n control: 'boolean',\n defaultValue: false\n },\n border:{\n name: 'Card con bordo',\n control: 'boolean',\n defaultValue: false\n },\n shadow:{\n name: 'Card con ombra',\n control: 'boolean',\n defaultValue: false\n },\n borderRadius: {\n name: 'Bordi arrotondati',\n description: 'Imposta i bordi della card arrotondati',\n control: 'boolean',\n // if:{\n // arg: 'topBorderContentRadius',\n // eq: false\n // }\n },\n topBorderContentRadius: {\n name: 'Border top Content',\n description: 'Border top del Content (esclusa la sezione media) arrotondato',\n control: 'boolean',\n // if:{\n // arg: 'borderRadius',\n // eq: false\n // }\n },\n boxed: {\n name: 'Boxed',\n description: 'Imposta un padding intorno al media',\n control: 'boolean',\n },\n roundedMedia: {\n name: 'Immagine o Video arrotondati',\n description: 'Imposta l\\'immagine o il video arrotondati e senza sfondo',\n control: 'boolean',\n },\n imgSrc: {\n name: 'Url del\\'immagine',\n description: 'Url dell\\'immagine da visualizzare, si attiva solo se non è presente videoSrc',\n control: 'text',\n if:{\n arg: 'videoSrc',\n exists: false\n }\n },\n imgAlt: {\n name: 'Alt dell\\'immagine',\n description: 'Alt dell\\'immagine da visualizzare, si attiva solo se è presente imgSrc',\n control: 'text',\n if:{\n arg: 'imgSrc',\n exists: true\n }\n },\n videoSrc: {\n name: 'Url del video',\n description: 'Url del video da visualizzare, si attiva solo se non è presente imgSrc',\n control: 'text',\n if:{\n arg: 'imgSrc',\n exists: false\n }\n },\n }\n};\n\nconst Template = (args) => {\n return `<jump-card class=\"${args.class ?? ''}\" ${args.videoSrc ? `video-src=\"${args.videoSrc}\"` : ''} \n ${args.imgSrc ? `img-src=\"${args.imgSrc}\"` : ''} \n ${args.imgAlt ? `img-alt=\"${args.imgAlt}\"` : ''} \n ${args.border == true ? 'border' : ''} \n ${args.horizontal == true ? 'horizontal' : ''} \n ${args.dark == true ? 'dark' : ''} \n ${args.borderRadius == true ? 'border-radius' : ''} \n ${args.topBorderContentRadius == true ? 'top-border-content-radius' : ''} \n ${args.boxed == true ? 'boxed' : ''} \n ${args.roundedMedia == true ? 'rounded-media' : ''} \n ${args.shadow == true ? 'shadow' : ''} \n > \n <div class=\"ContentWrapper\" slot=\"body\">\n <h3 style=\"margin-top: 0\">Titolo della card</h3>\n <p>Testo della card</p>\n </div>\n <jump-button slot=\"footer\" id=\"#card\" class=\" \"variant=\"secondary\" size=\"medium\" href=\"#\" target=\"_self\" ariaLabel=\"sono un bottone\" text>\n Scopri di più<jump-icon slot=\"suffix\" name=\"arrow-right\"></jump-icon></jump-button>\n </jump-card>`\n}\n\nexport const CardWithTopBorderRadius = Template.bind({});\nCardWithTopBorderRadius.args = {\n imgSrc: 'https://picsum.photos/300/200',\n imgAlt: 'Immagine',\n topBorderContentRadius: true,\n border: true\n};\n"]}