@haiilo/catalyst 0.0.11

package/dist/types/components.d.ts

@@ -0,0 +1,253 @@
+/* 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";
+import { Breakpoint } from "./utils/breakpoints";
+export namespace Components {
+    interface CatButton {
+        /**
+          * Adds accessible label for the button that is only shown for screen readers. Typically, this label text replaces the visible text on the button for users who use assistive technology.
+         */
+        "a11yLabel"?: string;
+        /**
+          * Adds a unique identifier for the button. Please note that with this particular component this ID is added inside the web component. If you need an ID on the HTML element, use the regular `id` attribute instead.
+         */
+        "buttonId"?: string;
+        /**
+          * The color palette of the button.
+         */
+        "color": 'primary' | 'secondary' | 'danger' | 'success' | 'warning';
+        /**
+          * Specifies that the button should be disabled. A disabled button is unusable and un-clickable. Corresponds with the native HTML disabled attribute.
+         */
+        "disabled": boolean;
+        /**
+          * Ellipse overflowing button content.
+         */
+        "ellipsed": boolean;
+        /**
+          * The name of an icon to be displayed in the button.
+         */
+        "icon"?: string;
+        /**
+          * Hide the actual button content and only display the icon.
+         */
+        "iconOnly": boolean | Breakpoint;
+        /**
+          * Display the icon as a suffix.
+         */
+        "iconSuffix": boolean;
+        /**
+          * Displays the button in a loading state with a spinner. Just like a disabled button, an inactive button is unusable and un-clickable. However, it retains the current focus state.
+         */
+        "loading": boolean;
+        /**
+          * The name of the button, which gets paired with the button's value when submitted as part of a form. Corresponds with the native HTML name attribute.
+         */
+        "name"?: string;
+        /**
+          * Use round button edges.
+         */
+        "round": boolean;
+        /**
+          * Sets focus on the button. Use this method instead of `button.focus()`.
+          * @param options An optional object providing options to control aspects of the focusing process.
+         */
+        "setFocus": (options?: FocusOptions | undefined) => Promise<void>;
+        /**
+          * The size of the button.
+         */
+        "size": 'xs' | 's' | 'm' | 'l' | 'xl';
+        /**
+          * Allows the button to submit a form.
+         */
+        "submit": boolean;
+        /**
+          * A destination to link to, rendered in the href attribute of a link.
+         */
+        "url"?: string;
+        /**
+          * Specifies where to open the linked document.
+         */
+        "urlTarget"?: '_blank' | '_self';
+        /**
+          * The value of the button, which gets paired with the button's name when submitted as part of a form. Corresponds with the native HTML value attribute.
+         */
+        "value"?: string;
+        /**
+          * The rendering style of the button.
+         */
+        "variant": 'filled' | 'outlined' | 'text';
+    }
+    interface CatIcon {
+        /**
+          * Adds accessible label for the icon that is only shown for screen readers. The `aria-hidden` attribute will be set if no label is present.
+         */
+        "a11yLabel"?: string;
+        /**
+          * The name of the icon.
+         */
+        "icon": string;
+        /**
+          * The size of the icon.
+         */
+        "size": 'xs' | 's' | 'm' | 'l' | 'xl' | 'inline';
+    }
+    interface CatSpinner {
+        /**
+          * Adds accessible label for the spinner that is only shown for screen readers. The `aria-hidden` attribute will be set if no label is present.
+         */
+        "a11yLabel"?: string;
+        /**
+          * The size of the spinner.
+         */
+        "size": 'xs' | 's' | 'm' | 'l' | 'xl' | 'inline';
+    }
+}
+declare global {
+    interface HTMLCatButtonElement extends Components.CatButton, HTMLStencilElement {
+    }
+    var HTMLCatButtonElement: {
+        prototype: HTMLCatButtonElement;
+        new (): HTMLCatButtonElement;
+    };
+    interface HTMLCatIconElement extends Components.CatIcon, HTMLStencilElement {
+    }
+    var HTMLCatIconElement: {
+        prototype: HTMLCatIconElement;
+        new (): HTMLCatIconElement;
+    };
+    interface HTMLCatSpinnerElement extends Components.CatSpinner, HTMLStencilElement {
+    }
+    var HTMLCatSpinnerElement: {
+        prototype: HTMLCatSpinnerElement;
+        new (): HTMLCatSpinnerElement;
+    };
+    interface HTMLElementTagNameMap {
+        "cat-button": HTMLCatButtonElement;
+        "cat-icon": HTMLCatIconElement;
+        "cat-spinner": HTMLCatSpinnerElement;
+    }
+}
+declare namespace LocalJSX {
+    interface CatButton {
+        /**
+          * Adds accessible label for the button that is only shown for screen readers. Typically, this label text replaces the visible text on the button for users who use assistive technology.
+         */
+        "a11yLabel"?: string;
+        /**
+          * Adds a unique identifier for the button. Please note that with this particular component this ID is added inside the web component. If you need an ID on the HTML element, use the regular `id` attribute instead.
+         */
+        "buttonId"?: string;
+        /**
+          * The color palette of the button.
+         */
+        "color"?: 'primary' | 'secondary' | 'danger' | 'success' | 'warning';
+        /**
+          * Specifies that the button should be disabled. A disabled button is unusable and un-clickable. Corresponds with the native HTML disabled attribute.
+         */
+        "disabled"?: boolean;
+        /**
+          * Ellipse overflowing button content.
+         */
+        "ellipsed"?: boolean;
+        /**
+          * The name of an icon to be displayed in the button.
+         */
+        "icon"?: string;
+        /**
+          * Hide the actual button content and only display the icon.
+         */
+        "iconOnly"?: boolean | Breakpoint;
+        /**
+          * Display the icon as a suffix.
+         */
+        "iconSuffix"?: boolean;
+        /**
+          * Displays the button in a loading state with a spinner. Just like a disabled button, an inactive button is unusable and un-clickable. However, it retains the current focus state.
+         */
+        "loading"?: boolean;
+        /**
+          * The name of the button, which gets paired with the button's value when submitted as part of a form. Corresponds with the native HTML name attribute.
+         */
+        "name"?: string;
+        /**
+          * Emitted when the button loses focus.
+         */
+        "onCatBlur"?: (event: CustomEvent<FocusEvent>) => void;
+        /**
+          * Emitted when the button received focus.
+         */
+        "onCatFocus"?: (event: CustomEvent<FocusEvent>) => void;
+        /**
+          * Use round button edges.
+         */
+        "round"?: boolean;
+        /**
+          * The size of the button.
+         */
+        "size"?: 'xs' | 's' | 'm' | 'l' | 'xl';
+        /**
+          * Allows the button to submit a form.
+         */
+        "submit"?: boolean;
+        /**
+          * A destination to link to, rendered in the href attribute of a link.
+         */
+        "url"?: string;
+        /**
+          * Specifies where to open the linked document.
+         */
+        "urlTarget"?: '_blank' | '_self';
+        /**
+          * The value of the button, which gets paired with the button's name when submitted as part of a form. Corresponds with the native HTML value attribute.
+         */
+        "value"?: string;
+        /**
+          * The rendering style of the button.
+         */
+        "variant"?: 'filled' | 'outlined' | 'text';
+    }
+    interface CatIcon {
+        /**
+          * Adds accessible label for the icon that is only shown for screen readers. The `aria-hidden` attribute will be set if no label is present.
+         */
+        "a11yLabel"?: string;
+        /**
+          * The name of the icon.
+         */
+        "icon"?: string;
+        /**
+          * The size of the icon.
+         */
+        "size"?: 'xs' | 's' | 'm' | 'l' | 'xl' | 'inline';
+    }
+    interface CatSpinner {
+        /**
+          * Adds accessible label for the spinner that is only shown for screen readers. The `aria-hidden` attribute will be set if no label is present.
+         */
+        "a11yLabel"?: string;
+        /**
+          * The size of the spinner.
+         */
+        "size"?: 'xs' | 's' | 'm' | 'l' | 'xl' | 'inline';
+    }
+    interface IntrinsicElements {
+        "cat-button": CatButton;
+        "cat-icon": CatIcon;
+        "cat-spinner": CatSpinner;
+    }
+}
+export { LocalJSX as JSX };
+declare module "@stencil/core" {
+    export namespace JSX {
+        interface IntrinsicElements {
+            "cat-button": LocalJSX.CatButton & JSXBase.HTMLAttributes<HTMLCatButtonElement>;
+            "cat-icon": LocalJSX.CatIcon & JSXBase.HTMLAttributes<HTMLCatIconElement>;
+            "cat-spinner": LocalJSX.CatSpinner & JSXBase.HTMLAttributes<HTMLCatSpinnerElement>;
+        }
+    }
+}

package/dist/types/index.d.ts

@@ -0,0 +1 @@
+export { Components, JSX } from './components';

package/dist/types/init.d.ts

@@ -0,0 +1 @@
+export default function (): void;