@jumpgroup/jump-design-system 0.1.9 → 0.2.0

package/dist/types/components/jump-card/jump-card-media-rounded.stories.d.ts

@@ -0,0 +1,79 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        horizontal: {
+            name: string;
+            description: string;
+            control: string;
+            defaultValue: boolean;
+        };
+        dark: {
+            name: string;
+            description: string;
+            control: string;
+            defaultValue: boolean;
+        };
+        border: {
+            name: string;
+            control: string;
+            defaultValue: boolean;
+        };
+        shadow: {
+            name: string;
+            control: string;
+            defaultValue: boolean;
+        };
+        borderRadius: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        topBorderContentRadius: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        boxed: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        roundedMedia: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        imgSrc: {
+            name: string;
+            description: string;
+            control: string;
+            if: {
+                arg: string;
+                exists: boolean;
+            };
+        };
+        imgAlt: {
+            name: string;
+            description: string;
+            control: string;
+            if: {
+                arg: string;
+                exists: boolean;
+            };
+        };
+        videoSrc: {
+            name: string;
+            description: string;
+            control: string;
+            if: {
+                arg: string;
+                exists: boolean;
+            };
+        };
+    };
+};
+export default _default;
+export declare const CardImageRounded: any;
+export declare const CardImageHorizontalRounded: any;
+export declare const CardVideoRounded: any;

package/dist/types/components/jump-card/jump-card-no-image.stories.d.ts

@@ -0,0 +1,77 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        horizontal: {
+            name: string;
+            description: string;
+            control: string;
+            defaultValue: boolean;
+        };
+        dark: {
+            name: string;
+            description: string;
+            control: string;
+            defaultValue: boolean;
+        };
+        border: {
+            name: string;
+            control: string;
+            defaultValue: boolean;
+        };
+        shadow: {
+            name: string;
+            control: string;
+            defaultValue: boolean;
+        };
+        borderRadius: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        topBorderContentRadius: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        boxed: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        roundedMedia: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        imgSrc: {
+            name: string;
+            description: string;
+            control: string;
+            if: {
+                arg: string;
+                exists: boolean;
+            };
+        };
+        imgAlt: {
+            name: string;
+            description: string;
+            control: string;
+            if: {
+                arg: string;
+                exists: boolean;
+            };
+        };
+        videoSrc: {
+            name: string;
+            description: string;
+            control: string;
+            if: {
+                arg: string;
+                exists: boolean;
+            };
+        };
+    };
+};
+export default _default;
+export declare const CardWithoutImage: any;

package/dist/types/components/jump-card/jump-card-shadow.stories.d.ts

@@ -0,0 +1,77 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        horizontal: {
+            name: string;
+            description: string;
+            control: string;
+            defaultValue: boolean;
+        };
+        dark: {
+            name: string;
+            description: string;
+            control: string;
+            defaultValue: boolean;
+        };
+        border: {
+            name: string;
+            control: string;
+            defaultValue: boolean;
+        };
+        shadow: {
+            name: string;
+            control: string;
+            defaultValue: boolean;
+        };
+        borderRadius: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        topBorderContentRadius: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        boxed: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        roundedMedia: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        imgSrc: {
+            name: string;
+            description: string;
+            control: string;
+            if: {
+                arg: string;
+                exists: boolean;
+            };
+        };
+        imgAlt: {
+            name: string;
+            description: string;
+            control: string;
+            if: {
+                arg: string;
+                exists: boolean;
+            };
+        };
+        videoSrc: {
+            name: string;
+            description: string;
+            control: string;
+            if: {
+                arg: string;
+                exists: boolean;
+            };
+        };
+    };
+};
+export default _default;
+export declare const CardWithShadow: any;

package/dist/types/components/jump-card/jump-card-top-border-content-radius.stories.d.ts

@@ -0,0 +1,77 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        horizontal: {
+            name: string;
+            description: string;
+            control: string;
+            defaultValue: boolean;
+        };
+        dark: {
+            name: string;
+            description: string;
+            control: string;
+            defaultValue: boolean;
+        };
+        border: {
+            name: string;
+            control: string;
+            defaultValue: boolean;
+        };
+        shadow: {
+            name: string;
+            control: string;
+            defaultValue: boolean;
+        };
+        borderRadius: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        topBorderContentRadius: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        boxed: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        roundedMedia: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        imgSrc: {
+            name: string;
+            description: string;
+            control: string;
+            if: {
+                arg: string;
+                exists: boolean;
+            };
+        };
+        imgAlt: {
+            name: string;
+            description: string;
+            control: string;
+            if: {
+                arg: string;
+                exists: boolean;
+            };
+        };
+        videoSrc: {
+            name: string;
+            description: string;
+            control: string;
+            if: {
+                arg: string;
+                exists: boolean;
+            };
+        };
+    };
+};
+export default _default;
+export declare const CardWithTopBorderRadius: any;

package/dist/types/components/jump-card/jump-card-video.stories.d.ts

@@ -0,0 +1,77 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        horizontal: {
+            name: string;
+            description: string;
+            control: string;
+            defaultValue: boolean;
+        };
+        dark: {
+            name: string;
+            description: string;
+            control: string;
+            defaultValue: boolean;
+        };
+        border: {
+            name: string;
+            control: string;
+            defaultValue: boolean;
+        };
+        shadow: {
+            name: string;
+            control: string;
+            defaultValue: boolean;
+        };
+        borderRadius: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        topBorderContentRadius: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        boxed: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        roundedMedia: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        imgSrc: {
+            name: string;
+            description: string;
+            control: string;
+            if: {
+                arg: string;
+                exists: boolean;
+            };
+        };
+        imgAlt: {
+            name: string;
+            description: string;
+            control: string;
+            if: {
+                arg: string;
+                exists: boolean;
+            };
+        };
+        videoSrc: {
+            name: string;
+            description: string;
+            control: string;
+            if: {
+                arg: string;
+                exists: boolean;
+            };
+        };
+    };
+};
+export default _default;
+export declare const CardVideo: any;

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

@@ -0,0 +1,47 @@
+export declare class AppCard {
+    /**
+     * Indicates if the card is horizontal
+     */
+    horizontal: boolean;
+    /**
+     * Indicates if the card is horizontal
+     */
+    dark: boolean;
+    /**
+   * Indicates if card has shadow
+   */
+    shadow: boolean;
+    /**
+     * Indicates if card has borders
+     */
+    border: boolean;
+    /**
+     * Indicates if borders of the entire card are rounded
+     */
+    borderRadius: boolean;
+    /**
+     * Indicates if border top of the body is rounded; Not compatible with boxed
+     */
+    topBorderContentRadius: boolean;
+    /**
+     * Indicates if media has padding; Not compatible with roundedMedia
+     */
+    boxed: boolean;
+    /**
+     * Indicates if image is rounded and there isnt a bg
+     */
+    roundedMedia: boolean;
+    /**
+     * Indicates the imgSrc of the card
+     */
+    imgSrc: string;
+    /**
+     * Indicates the img's alt of the card
+     */
+    imgAlt: string;
+    /**
+     * Indicates the videoSrc of the card
+     */
+    videoSrc: string;
+    render(): any;
+}

package/dist/types/components/jump-card/jump-card.stories.d.ts

@@ -0,0 +1,77 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        horizontal: {
+            name: string;
+            description: string;
+            control: string;
+            defaultValue: boolean;
+        };
+        dark: {
+            name: string;
+            description: string;
+            control: string;
+            defaultValue: boolean;
+        };
+        border: {
+            name: string;
+            control: string;
+            defaultValue: boolean;
+        };
+        shadow: {
+            name: string;
+            control: string;
+            defaultValue: boolean;
+        };
+        borderRadius: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        topBorderContentRadius: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        boxed: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        roundedMedia: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        imgSrc: {
+            name: string;
+            description: string;
+            control: string;
+            if: {
+                arg: string;
+                exists: boolean;
+            };
+        };
+        imgAlt: {
+            name: string;
+            description: string;
+            control: string;
+            if: {
+                arg: string;
+                exists: boolean;
+            };
+        };
+        videoSrc: {
+            name: string;
+            description: string;
+            control: string;
+            if: {
+                arg: string;
+                exists: boolean;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Card: any;

package/dist/types/components.d.ts

@@ -6,6 +6,16 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 export namespace Components {
+    interface JumpBadge {
+        /**
+          * Indicates the label of the badge
+         */
+        "label": string;
+        /**
+          * Indicates the variant of the badge
+         */
+        "variant": 'primary'|'secondary';
+    }
     interface JumpButton {
         /**
           * Indicates the value of text alternative to an element that has no visible text on the screen
@@ -68,6 +78,52 @@ export namespace Components {
          */
         "variant": 'primary'|'secondary'|'tertiary'|'neutral';
     }
+    interface JumpCard {
+        /**
+          * Indicates if card has borders
+         */
+        "border": boolean;
+        /**
+          * Indicates if borders of the entire card are rounded
+         */
+        "borderRadius": boolean;
+        /**
+          * Indicates if media has padding; Not compatible with roundedMedia
+         */
+        "boxed": boolean;
+        /**
+          * Indicates if the card is horizontal
+         */
+        "dark": boolean;
+        /**
+          * Indicates if the card is horizontal
+         */
+        "horizontal": boolean;
+        /**
+          * Indicates the img's alt of the card
+         */
+        "imgAlt": string;
+        /**
+          * Indicates the imgSrc of the card
+         */
+        "imgSrc": string;
+        /**
+          * Indicates if image is rounded and there isnt a bg
+         */
+        "roundedMedia": boolean;
+        /**
+          * Indicates if card has shadow
+         */
+        "shadow": boolean;
+        /**
+          * Indicates if border top of the body is rounded; Not compatible with boxed
+         */
+        "topBorderContentRadius": boolean;
+        /**
+          * Indicates the videoSrc of the card
+         */
+        "videoSrc": string;
+    }
     interface JumpIcon {
         /**
           * Additional classes
@@ -102,12 +158,24 @@ export namespace Components {
     }
 }
 declare global {
+    interface HTMLJumpBadgeElement extends Components.JumpBadge, HTMLStencilElement {
+    }
+    var HTMLJumpBadgeElement: {
+        prototype: HTMLJumpBadgeElement;
+        new (): HTMLJumpBadgeElement;
+    };
     interface HTMLJumpButtonElement extends Components.JumpButton, HTMLStencilElement {
     }
     var HTMLJumpButtonElement: {
         prototype: HTMLJumpButtonElement;
         new (): HTMLJumpButtonElement;
     };
+    interface HTMLJumpCardElement extends Components.JumpCard, HTMLStencilElement {
+    }
+    var HTMLJumpCardElement: {
+        prototype: HTMLJumpCardElement;
+        new (): HTMLJumpCardElement;
+    };
     interface HTMLJumpIconElement extends Components.JumpIcon, HTMLStencilElement {
     }
     var HTMLJumpIconElement: {
@@ -121,12 +189,24 @@ declare global {
         new (): HTMLJumpPaginationElement;
     };
     interface HTMLElementTagNameMap {
+        "jump-badge": HTMLJumpBadgeElement;
         "jump-button": HTMLJumpButtonElement;
+        "jump-card": HTMLJumpCardElement;
         "jump-icon": HTMLJumpIconElement;
         "jump-pagination": HTMLJumpPaginationElement;
     }
 }
 declare namespace LocalJSX {
+    interface JumpBadge {
+        /**
+          * Indicates the label of the badge
+         */
+        "label"?: string;
+        /**
+          * Indicates the variant of the badge
+         */
+        "variant"?: 'primary'|'secondary';
+    }
     interface JumpButton {
         /**
           * Indicates the value of text alternative to an element that has no visible text on the screen
@@ -189,6 +269,52 @@ declare namespace LocalJSX {
          */
         "variant"?: 'primary'|'secondary'|'tertiary'|'neutral';
     }
+    interface JumpCard {
+        /**
+          * Indicates if card has borders
+         */
+        "border"?: boolean;
+        /**
+          * Indicates if borders of the entire card are rounded
+         */
+        "borderRadius"?: boolean;
+        /**
+          * Indicates if media has padding; Not compatible with roundedMedia
+         */
+        "boxed"?: boolean;
+        /**
+          * Indicates if the card is horizontal
+         */
+        "dark"?: boolean;
+        /**
+          * Indicates if the card is horizontal
+         */
+        "horizontal"?: boolean;
+        /**
+          * Indicates the img's alt of the card
+         */
+        "imgAlt"?: string;
+        /**
+          * Indicates the imgSrc of the card
+         */
+        "imgSrc"?: string;
+        /**
+          * Indicates if image is rounded and there isnt a bg
+         */
+        "roundedMedia"?: boolean;
+        /**
+          * Indicates if card has shadow
+         */
+        "shadow"?: boolean;
+        /**
+          * Indicates if border top of the body is rounded; Not compatible with boxed
+         */
+        "topBorderContentRadius"?: boolean;
+        /**
+          * Indicates the videoSrc of the card
+         */
+        "videoSrc"?: string;
+    }
     interface JumpIcon {
         /**
           * Additional classes
@@ -222,7 +348,9 @@ declare namespace LocalJSX {
         "totalElements"?: number;
     }
     interface IntrinsicElements {
+        "jump-badge": JumpBadge;
         "jump-button": JumpButton;
+        "jump-card": JumpCard;
         "jump-icon": JumpIcon;
         "jump-pagination": JumpPagination;
     }
@@ -231,7 +359,9 @@ export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
+            "jump-badge": LocalJSX.JumpBadge & JSXBase.HTMLAttributes<HTMLJumpBadgeElement>;
             "jump-button": LocalJSX.JumpButton & JSXBase.HTMLAttributes<HTMLJumpButtonElement>;
+            "jump-card": LocalJSX.JumpCard & JSXBase.HTMLAttributes<HTMLJumpCardElement>;
             "jump-icon": LocalJSX.JumpIcon & JSXBase.HTMLAttributes<HTMLJumpIconElement>;
             "jump-pagination": LocalJSX.JumpPagination & JSXBase.HTMLAttributes<HTMLJumpPaginationElement>;
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jumpgroup/jump-design-system",
-  "version": "0.1.9",
+  "version": "0.2.0",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",