@jumpgroup/jump-design-system 0.2.7 → 0.3.1

package/dist/esm/jump-accordion.entry.js

@@ -0,0 +1,18 @@
+import { r as registerInstance, h, H as Host } from './index-70f1949a.js';
+
+const jumpAccordionCss = ":host{display:block}";
+const JumpAccordionStyle0 = jumpAccordionCss;
+
+const JumpAccordion = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        return (h(Host, { key: '08c6f14d1b4c9fcd99c62679bbc16b02b985644f' }, h("slot", { key: 'd86efa130f7c545957223bfe25bd016d52031095' })));
+    }
+};
+JumpAccordion.style = JumpAccordionStyle0;
+
+export { JumpAccordion as jump_accordion };
+
+//# sourceMappingURL=jump-accordion.entry.js.map

package/dist/esm/jump-accordion.entry.js.map

@@ -0,0 +1 @@
+{"file":"jump-accordion.entry.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,sBAAsB,CAAC;AAChD,4BAAe,gBAAgB;;MCMlB,aAAa;;;;IAExB,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,8DAAa,CACR,EACP;KACH;;;;;;","names":[],"sources":["src/components/jump-accordion/jump-accordion.scss?tag=jump-accordion&encapsulation=shadow","src/components/jump-accordion/jump-accordion.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'jump-accordion',\n  styleUrl: 'jump-accordion.scss',\n  shadow: true,\n})\nexport class JumpAccordion {\n\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n\n}\n"],"version":3}

package/dist/esm/jump-badge.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host } from './index-192aeaf1.js';
+import { r as registerInstance, h, H as Host } from './index-70f1949a.js';
 
-const jumpBadgeCss = "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-family:var(--ff-primary, \"Arial\"), sans-serif;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 jumpBadgeCss = ":host{--jump-badge-background:var(--primary-standard);--jump-badge-color:var(--neutral-white);--jump-badge-border-radius:50px;--jump-badge-border:var(--primary-standard);--jump-badge-padding:4px 12px;display:flex;width:fit-content;gap:0.5rem;color:var(--jump-badge-color);background-color:var(--jump-badge-background);align-items:center;justify-content:center;font-family:var(--ff-primary, \"Arial\"), sans-serif;font-size:var(--fs-500);font-weight:var(--fw-900);line-height:1.2;border-radius:var(--jump-badge-border-radius);border:solid 1px var(--jump-badge-border);white-space:nowrap;padding:var(--jump-badge-padding);user-select:none;cursor:inherit}:host([variant=primary]):host([soft]){--jump-badge-background:var(--primary-soft);--jump-badge-color:var(--primary-standard);--jump-badge-border:var(--primary-soft)}:host([variant=secondary]){--jump-badge-background:var(--secondary-standard);--jump-badge-border:var(--secondary-standard)}:host([variant=secondary]):host([soft]){--jump-badge-background:var(--secondary-soft);--jump-badge-color:var(--secondary-standard);--jump-badge-border:var(--secondary-soft)}:host([variant=neutral]){--jump-badge-background:var(--neutral-grey-secondary);--jump-badge-border:var(--neutral-grey-secondary)}:host([variant=neutral]):host([soft]){--jump-badge-background:var(--neutral-grey-disabled);--jump-badge-color:var(--neutral-grey-secondary);--jump-badge-border:var(--neutral-grey-disabled)}:host([variant=danger]){--jump-badge-background:var(--status-danger-standard);--jump-badge-border:var(--status-danger-standard)}:host([variant=danger]):host([soft]){--jump-badge-background:var(--status-danger-soft);--jump-badge-color:var(--status-danger-standard);--jump-badge-border:var(--status-danger-soft)}:host([variant=success]){--jump-badge-background:var(--status-success-standard);--jump-badge-border:var(--status-success-standard)}:host([variant=success]):host([soft]){--jump-badge-background:var(--status-success-soft);--jump-badge-color:var(--status-success-standard);--jump-badge-border:var(--status-success-soft)}:host([variant=warning]){--jump-badge-background:var(--status-warning-standard);--jump-badge-border:var(--status-warning-standard)}:host([variant=warning]):host([soft]){--jump-badge-background:var(--status-warning-soft);--jump-badge-color:var(--status-warning-standard);--jump-badge-border:var(--status-warning-soft)}:host([dimension=small]){font-size:var(--fs-300)}:host([dimension=dot]){font-size:var(--fs-300);--jump-badge-padding:0 5px;--jump-badge-border-radius:50%}:host([dimension=microdot]){width:0.5rem;height:0.5rem;padding:0;--jump-badge-border-radius:50%}:host([outline]){background-color:var(--jump-badge-background-outline);border:1px solid var(--jump-badge-background);color:var(--jump-badge-background);background-color:transparent}";
 const JumpBadgeStyle0 = jumpBadgeCss;
 
 const AppBadge = class {
@@ -8,9 +8,12 @@ const AppBadge = class {
         registerInstance(this, hostRef);
         this.label = '';
         this.variant = 'primary';
+        this.dimension = 'large';
+        this.soft = false;
+        this.outline = false;
     }
     render() {
-        return (h(Host, { key: '1a0a2b2bf95c1217ca9546b19c4ff6b25ca2a86a', variant: this.variant }, this.label));
+        return (h(Host, { key: 'c820f0fd33cdbcf6d4269a8346085f1efdf87aab' }, h("slot", { key: '704280d65559cbcb283aeead333ddb27636f905b', name: "prefix" }), this.label));
     }
 };
 AppBadge.style = JumpBadgeStyle0;

package/dist/esm/jump-badge.entry.js.map

@@ -1 +1 @@
-{"file":"jump-badge.entry.js","mappings":";;AAAA,MAAM,YAAY,GAAG,urBAAurB,CAAC;AAC7sB,wBAAe,YAAY;;MCMd,QAAQ;;;qBAIK,EAAE;uBAKe,SAAS;;IAElD,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,OAAO,EAAE,IAAI,CAAC,OAAO,IACxB,IAAI,CAAC,KAAK,CACN,EACP;KACH;;;;;;","names":[],"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-family: var(--ff-primary, 'Arial'), sans-serif;\n  font-size: var(--fs-300);\n  font-weight: var(--fw-900);\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"],"version":3}
+{"file":"jump-badge.entry.js","mappings":";;AAAA,MAAM,YAAY,GAAG,wvFAAwvF,CAAC;AAC9wF,wBAAe,YAAY;;MCMd,QAAQ;;;qBAIK,EAAE;uBAKsD,SAAS;yBAKnC,OAAO;oBAKrC,KAAK;uBAKF,KAAK;;IAEhC,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,6DAAM,IAAI,EAAC,QAAQ,GAAQ,EAC1B,IAAI,CAAC,KAAK,CACN,EACP;KACH;;;;;;","names":[],"sources":["src/components/jump-badge/jump-badge.scss?tag=jump-badge&encapsulation=shadow","src/components/jump-badge/jump-badge.tsx"],"sourcesContent":[":host {\n  --jump-badge-background: var(--primary-standard);\n  --jump-badge-color: var(--neutral-white);\n  --jump-badge-border-radius: 50px;\n  --jump-badge-border: var(--primary-standard);\n  --jump-badge-padding: 4px 12px;\n\n  display: flex;\n  width: fit-content;\n  gap: 0.5rem;\n  color: var(--jump-badge-color);\n  background-color: var(--jump-badge-background);\n  align-items: center;\n  justify-content: center;\n  font-family: var(--ff-primary, 'Arial'), sans-serif;\n  font-size: var(--fs-500);\n  font-weight: var(--fw-900);\n  line-height: 1.2;\n  border-radius: var(--jump-badge-border-radius);\n  border: solid 1px var(--jump-badge-border);\n  white-space: nowrap;\n  padding: var(--jump-badge-padding);\n  user-select: none;\n  cursor: inherit;\n}\n\n:host([variant='primary']) {\n  &:host([soft]) {\n    --jump-badge-background: var(--primary-soft);\n    --jump-badge-color: var(--primary-standard);\n    --jump-badge-border: var(--primary-soft);\n  }\n}\n\n:host([variant='secondary']) {\n  --jump-badge-background: var(--secondary-standard);\n  --jump-badge-border: var(--secondary-standard);\n\n  &:host([soft]) {\n    --jump-badge-background: var(--secondary-soft);\n    --jump-badge-color: var(--secondary-standard);\n    --jump-badge-border: var(--secondary-soft);\n  }\n}\n\n:host([variant='neutral']) {\n  --jump-badge-background: var(--neutral-grey-secondary);\n  --jump-badge-border: var(--neutral-grey-secondary);\n\n  &:host([soft]) {\n    --jump-badge-background: var(--neutral-grey-disabled);\n    --jump-badge-color: var(--neutral-grey-secondary);\n    --jump-badge-border: var(--neutral-grey-disabled);\n  }\n}\n\n:host([variant='danger']) {\n  --jump-badge-background: var(--status-danger-standard);\n  --jump-badge-border: var(--status-danger-standard);\n\n  &:host([soft]) {\n    --jump-badge-background: var(--status-danger-soft);\n    --jump-badge-color: var(--status-danger-standard);\n    --jump-badge-border: var(--status-danger-soft);\n  }\n}\n\n:host([variant='success']) {\n  --jump-badge-background: var(--status-success-standard);\n  --jump-badge-border: var(--status-success-standard);\n\n  &:host([soft]) {\n    --jump-badge-background: var(--status-success-soft);\n    --jump-badge-color: var(--status-success-standard);\n    --jump-badge-border: var(--status-success-soft);\n  }\n}\n\n:host([variant='warning']) {\n  --jump-badge-background: var(--status-warning-standard);\n  --jump-badge-border: var(--status-warning-standard);\n\n  &:host([soft]) {\n    --jump-badge-background: var(--status-warning-soft);\n    --jump-badge-color: var(--status-warning-standard);\n    --jump-badge-border: var(--status-warning-soft);\n  }\n}\n\n:host([dimension='small']) {\n  font-size: var(--fs-300);\n}\n\n:host([dimension='dot']) {\n  font-size: var(--fs-300);\n  --jump-badge-padding: 0 5px;\n  --jump-badge-border-radius: 50%;\n}\n\n:host([dimension='microdot']) {\n  width: 0.5rem;\n  height: 0.5rem;\n  padding: 0;\n  --jump-badge-border-radius: 50%;\n}\n\n:host([outline]) {\n  background-color: var(--jump-badge-background-outline);\n  border: 1px solid var(--jump-badge-background);\n  color: var(--jump-badge-background);\n  background-color: transparent;\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'jump-badge',\n  styleUrl: 'jump-badge.scss',\n  shadow: true,\n})\nexport class AppBadge {\n  /**\n   * Indicates the label of the badge\n   */\n  @Prop() label: string = '';\n\n  /**\n   * Indicates the variant of the badge\n   */\n  @Prop() variant: 'primary'|'secondary'|'neutral'|'warning'|'success'|'danger' = 'primary';\n\n  /**\n   * Indicates the variant of the badge\n   */\n  @Prop() dimension: 'large'|'small'|'dot'|'microdot' = 'large';\n\n  /**\n   * Indicates the variant of the badge\n   */\n  @Prop() soft: boolean = false;\n\n  /**\n   * Indicates the variant of the badge\n   */\n  @Prop() outline: boolean = false;\n\n  render() {\n    return (\n      <Host>\n        <slot name=\"prefix\"></slot>\n        {this.label}\n      </Host>\n    );\n  }\n\n}\n"],"version":3}