@michellegerwald/gigax-designsystem 0.0.1

package/dist/gigax-designsystem/index.esm.js

@@ -0,0 +1,18 @@
+function format(first, middle, last) {
+    return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
+}
+
+/**
+ * @fileoverview entry point for your component library
+ *
+ * This is the entry point for your component library. Use this file to export utilities,
+ * constants or data structure that accompany your components.
+ *
+ * DO NOT use this file to export your components. Instead, use the recommended approaches
+ * to consume components of this package as outlined in the `README.md`.
+ */
+
+export { format };
+//# sourceMappingURL=index.esm.js.map
+
+//# sourceMappingURL=index.esm.js.map

package/dist/gigax-designsystem/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["src/utils/utils.ts","src/index.ts"],"sourcesContent":["export function format(first?: string, middle?: string, last?: string): string {\n  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\n}\n","/**\n * @fileoverview entry point for your component library\n *\n * This is the entry point for your component library. Use this file to export utilities,\n * constants or data structure that accompany your components.\n *\n * DO NOT use this file to export your components. Instead, use the recommended approaches\n * to consume components of this package as outlined in the `README.md`.\n */\n\nexport { format } from './utils/utils';\nexport type * from './components.d.ts';\n"],"names":[],"mappings":"SAAgB,MAAM,CAAC,KAAc,EAAE,MAAe,EAAE,IAAa,EAAA;AACnE,IAAA,OAAO,CAAC,KAAK,IAAI,EAAE,KAAK,MAAM,GAAG,CAAA,CAAA,EAAI,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,IAAI,GAAG,CAAA,CAAA,EAAI,IAAI,EAAE,GAAG,EAAE,CAAC;AAChF;;ACFA;;;;;;;;AAQG;;;;"}

package/dist/gigax-designsystem/vf-button.entry.js

@@ -0,0 +1,29 @@
+import { r as registerInstance, a as createEvent, h } from './index-UaVoj1QU.js';
+
+const vfButtonCss = () => `:host{display:block}.vf-button{padding:0.5rem 1rem;border:none;border-radius:4px;background-color:var(--vf-red);color:white;font-size:1rem;cursor:pointer}`;
+
+const VfButton = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.fun = createEvent(this, "fun", 7);
+    }
+    type = 'secondary';
+    iconPosition = 'left';
+    state = 'full';
+    fullWidth = false;
+    icon = '';
+    text = "Button";
+    fun;
+    handleClick = (event) => {
+        this.fun.emit(event);
+    };
+    render() {
+        return h("button", { key: '84b3c2402c89e3194b89113456d7820b5229e930', class: "vf-button", onClick: this.handleClick }, this.text);
+    }
+};
+VfButton.style = vfButtonCss();
+
+export { VfButton as vf_button };
+//# sourceMappingURL=vf-button.entry.esm.js.map
+
+//# sourceMappingURL=vf-button.entry.js.map

package/dist/gigax-designsystem/vf-button.entry.js.map

@@ -0,0 +1 @@
+{"file":"vf-button.entry.js","mappings":";;AAAA,MAAM,WAAW,GAAG,MAAM,CAAC,0JAA0J,CAAC;;MCOzK,QAAQ,GAAA,MAAA;;;;;IAEX,IAAI,GAA6D,WAAW;IAC5E,YAAY,GAAqB,MAAM;IACtC,KAAK,GAAiD,MAAM;IAC7D,SAAS,GAAY,KAAK;IAE1B,IAAI,GAAW,EAAE;IAEjB,IAAI,GAAW,QAAQ;AACtB,IAAA,GAAG;AAEJ,IAAA,WAAW,GAAG,CAAC,KAAiB,KAAI;AAC1C,QAAA,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC;AACtB,KAAC;IAED,MAAM,GAAA;QACJ,OAAO,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,IAAI,CAAC,WAAW,EAAA,EAAG,IAAI,CAAC,IAAI,CAAU;;;;;;;","names":[],"sources":["src/components/vf-button/vf-button.css?tag=vf-button&encapsulation=shadow","src/components/vf-button/vf-button.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.vf-button {\n  padding: 0.5rem 1rem;\n  border: none;\n  border-radius: 4px;\n  background-color: var(--vf-red);\n  color: white;\n  font-size: 1rem;\n  cursor: pointer;\n}","import { Component, EventEmitter, Event, Prop, State, h } from '@stencil/core';\n\n@Component({\n  tag: 'vf-button',\n  styleUrl: 'vf-button.css',\n  shadow: true,\n})\nexport class VfButton {\n\n  @Prop() type: 'primary' | 'secondary' | 'alternative' | 'alternative2' = 'secondary';\n  @Prop() iconPosition: 'left' | 'right' = 'left';\n  @State() state: 'disabled' | 'selected' | 'loading' | 'full' = 'full';\n  @Prop() fullWidth: boolean = false;\n\n  @Prop() icon: string = '';\n\n  @Prop() text: string = \"Button\";\n  @Event() fun!: EventEmitter<MouseEvent>;\n\n  private handleClick = (event: MouseEvent) => {\n    this.fun.emit(event);\n  };\n\n  render() {\n    return <button class=\"vf-button\" onClick={this.handleClick}>{this.text}</button>;\n  }\n}\n"],"version":3}

package/dist/gigax-designsystem/vf-input.entry.js

@@ -0,0 +1,18 @@
+import { r as registerInstance, h, d as Host } from './index-UaVoj1QU.js';
+
+const vfInputCss = () => `:host{display:block}.vf-input{padding:0.5rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}`;
+
+const VfInput = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        return (h(Host, { key: '686f2221c0adbea963184a4a8778112cd5276f1a' }, h("input", { key: '91f202da9752758f441bc797a4675f172f395e1c', type: "text" })));
+    }
+};
+VfInput.style = vfInputCss();
+
+export { VfInput as vf_input };
+//# sourceMappingURL=vf-input.entry.esm.js.map
+
+//# sourceMappingURL=vf-input.entry.js.map

package/dist/gigax-designsystem/vf-input.entry.js.map

@@ -0,0 +1 @@
+{"file":"vf-input.entry.js","mappings":";;AAAA,MAAM,UAAU,GAAG,MAAM,CAAC,oGAAoG,CAAC;;MCOlH,OAAO,GAAA,MAAA;;;;IAClB,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,IAAI,EAAC,MAAM,EAAA,CAAG,CAChB;;;;;;;","names":[],"sources":["src/components/vf-input/vf-input.css?tag=vf-input&encapsulation=shadow","src/components/vf-input/vf-input.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.vf-input {\n  padding: 0.5rem;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  font-size: 1rem;\n}","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'vf-input',\n  styleUrl: 'vf-input.css',\n  shadow: true,\n})\nexport class VfInput {\n  render() {\n    return (\n      <Host>\n        <input type=\"text\" />\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/types/components/vf-button/vf-button.d.ts

@@ -0,0 +1,12 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class VfButton {
+    type: 'primary' | 'secondary' | 'alternative' | 'alternative2';
+    iconPosition: 'left' | 'right';
+    state: 'disabled' | 'selected' | 'loading' | 'full';
+    fullWidth: boolean;
+    icon: string;
+    text: string;
+    fun: EventEmitter<MouseEvent>;
+    private handleClick;
+    render(): any;
+}

package/dist/types/components/vf-input/vf-input.d.ts

@@ -0,0 +1,3 @@
+export declare class VfInput {
+    render(): any;
+}

package/dist/types/components.d.ts

@@ -0,0 +1,115 @@
+/* eslint-disable */
+/* tslint:disable */
+/**
+ * This is an autogenerated file created by the Stencil compiler.
+ * It contains typing information for all components that exist in this project.
+ */
+import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+export namespace Components {
+    interface VfButton {
+        /**
+          * @default false
+         */
+        "fullWidth": boolean;
+        /**
+          * @default ''
+         */
+        "icon": string;
+        /**
+          * @default 'left'
+         */
+        "iconPosition": 'left' | 'right';
+        /**
+          * @default "Button"
+         */
+        "text": string;
+        /**
+          * @default 'secondary'
+         */
+        "type": 'primary' | 'secondary' | 'alternative' | 'alternative2';
+    }
+    interface VfInput {
+    }
+}
+export interface VfButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVfButtonElement;
+}
+declare global {
+    interface HTMLVfButtonElementEventMap {
+        "fun": MouseEvent;
+    }
+    interface HTMLVfButtonElement extends Components.VfButton, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVfButtonElementEventMap>(type: K, listener: (this: HTMLVfButtonElement, ev: VfButtonCustomEvent<HTMLVfButtonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLVfButtonElementEventMap>(type: K, listener: (this: HTMLVfButtonElement, ev: VfButtonCustomEvent<HTMLVfButtonElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLVfButtonElement: {
+        prototype: HTMLVfButtonElement;
+        new (): HTMLVfButtonElement;
+    };
+    interface HTMLVfInputElement extends Components.VfInput, HTMLStencilElement {
+    }
+    var HTMLVfInputElement: {
+        prototype: HTMLVfInputElement;
+        new (): HTMLVfInputElement;
+    };
+    interface HTMLElementTagNameMap {
+        "vf-button": HTMLVfButtonElement;
+        "vf-input": HTMLVfInputElement;
+    }
+}
+declare namespace LocalJSX {
+    interface VfButton {
+        /**
+          * @default false
+         */
+        "fullWidth"?: boolean;
+        /**
+          * @default ''
+         */
+        "icon"?: string;
+        /**
+          * @default 'left'
+         */
+        "iconPosition"?: 'left' | 'right';
+        "onFun"?: (event: VfButtonCustomEvent<MouseEvent>) => void;
+        /**
+          * @default "Button"
+         */
+        "text"?: string;
+        /**
+          * @default 'secondary'
+         */
+        "type"?: 'primary' | 'secondary' | 'alternative' | 'alternative2';
+    }
+    interface VfInput {
+    }
+
+    interface VfButtonAttributes {
+        "type": 'primary' | 'secondary' | 'alternative' | 'alternative2';
+        "iconPosition": 'left' | 'right';
+        "fullWidth": boolean;
+        "icon": string;
+        "text": string;
+    }
+
+    interface IntrinsicElements {
+        "vf-button": Omit<VfButton, keyof VfButtonAttributes> & { [K in keyof VfButton & keyof VfButtonAttributes]?: VfButton[K] } & { [K in keyof VfButton & keyof VfButtonAttributes as `attr:${K}`]?: VfButtonAttributes[K] } & { [K in keyof VfButton & keyof VfButtonAttributes as `prop:${K}`]?: VfButton[K] };
+        "vf-input": VfInput;
+    }
+}
+export { LocalJSX as JSX };
+declare module "@stencil/core" {
+    export namespace JSX {
+        interface IntrinsicElements {
+            "vf-button": LocalJSX.IntrinsicElements["vf-button"] & JSXBase.HTMLAttributes<HTMLVfButtonElement>;
+            "vf-input": LocalJSX.IntrinsicElements["vf-input"] & JSXBase.HTMLAttributes<HTMLVfInputElement>;
+        }
+    }
+}

package/dist/types/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @fileoverview entry point for your component library
+ *
+ * This is the entry point for your component library. Use this file to export utilities,
+ * constants or data structure that accompany your components.
+ *
+ * DO NOT use this file to export your components. Instead, use the recommended approaches
+ * to consume components of this package as outlined in the `README.md`.
+ */
+export { format } from './utils/utils';
+export type * from './components.d.ts';