@charde/core 0.0.4 → 0.0.6

package/dist/collection/components/generated/chardes-toast-icon.js

@@ -0,0 +1,88 @@
+import { h } from "@stencil/core";
+/**
+ * Toast Icon
+ * Auto-generated from Charisol Design System
+ */
+export class ToastIcon {
+    customClass;
+    customStyle;
+    svgIcon;
+    render() {
+        const cls = ["text-indigo-500 flex-shrink-0", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("span", { key: 'bb760463e511b6f25eb50207201898effa89efca', class: cls, style: sty, innerHTML: this.svgIcon || `<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor"><path d="M10 2a6 6 0 00-6 6v3.586l-.707.707A1 1 0 004 14h12a1 1 0 00.707-1.707L16 11.586V8a6 6 0 00-6-6zM10 18a3 3 0 01-3-3h6a3 3 0 01-3 3z" /></svg>` }));
+    }
+    static get is() { return "chardes-toast-icon"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-toast-icon.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-toast-icon.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "customClass": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-class"
+            },
+            "customStyle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-style"
+            },
+            "svgIcon": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "svg-icon"
+            }
+        };
+    }
+}

package/dist/collection/components/generated/chardes-toast-timestamp.css

@@ -0,0 +1 @@
+/* Styles from global utilities.css */

package/dist/collection/components/generated/chardes-toast-timestamp.js

@@ -0,0 +1,88 @@
+import { h } from "@stencil/core";
+/**
+ * Timestamp
+ * Auto-generated from Charisol Design System
+ */
+export class ToastTimestamp {
+    customClass;
+    customStyle;
+    text;
+    render() {
+        const cls = ["text-xs text-gray-500", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("span", { key: '20b0a18b3ab34e559f46a81b18de8f5ed7b9e3fd', class: cls, style: sty }, this.text || "Just now"));
+    }
+    static get is() { return "chardes-toast-timestamp"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-toast-timestamp.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-toast-timestamp.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "customClass": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-class"
+            },
+            "customStyle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-style"
+            },
+            "text": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "text"
+            }
+        };
+    }
+}

package/dist/collection/components/generated/chardes-toast-title-container.css

@@ -0,0 +1 @@
+/* Styles from global utilities.css */

package/dist/collection/components/generated/chardes-toast-title-container.js

@@ -0,0 +1,68 @@
+import { h } from "@stencil/core";
+/**
+ * Toast Title Container
+ * Auto-generated from Charisol Design System
+ */
+export class ToastTitleContainer {
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["flex items-center space-x-2", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("div", { key: '37f6bfd5ed6ad41fb4a4930e17cd51dcbb07c745', class: cls, style: sty }, h("span", { key: '3ea2734c4bfc53ff97e78e1b6700246148aa4115', class: "text-indigo-500 flex-shrink-0", innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor"><path d="M10 2a6 6 0 00-6 6v3.586l-.707.707A1 1 0 004 14h12a1 1 0 00.707-1.707L16 11.586V8a6 6 0 00-6-6zM10 18a3 3 0 01-3-3h6a3 3 0 01-3 3z" /></svg>` }), h("h3", { key: '5f0e9164a4174f13e2aab5f172112e153f5d86a2', class: "text-base font-semibold text-gray-900" }, "New Notification")));
+    }
+    static get is() { return "chardes-toast-title-container"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-toast-title-container.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-toast-title-container.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "customClass": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-class"
+            },
+            "customStyle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-style"
+            }
+        };
+    }
+}

package/dist/collection/components/generated/chardes-toast-title.css

@@ -0,0 +1 @@
+/* Styles from global utilities.css */

package/dist/collection/components/generated/chardes-toast-title.js

@@ -0,0 +1,88 @@
+import { h } from "@stencil/core";
+/**
+ * Toast Title
+ * Auto-generated from Charisol Design System
+ */
+export class ToastTitle {
+    customClass;
+    customStyle;
+    text;
+    render() {
+        const cls = ["text-base font-semibold text-gray-900", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("h3", { key: '4a002f757aefdb6526f66617bdf8bfdf22cc0b76', class: cls, style: sty }, this.text || "New Notification"));
+    }
+    static get is() { return "chardes-toast-title"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-toast-title.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-toast-title.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "customClass": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-class"
+            },
+            "customStyle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-style"
+            },
+            "text": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "text"
+            }
+        };
+    }
+}

package/dist/collection/components/generated/index.js

@@ -0,0 +1,130 @@
+export { Card } from './chardes-card';
+export { CardContainer } from './chardes-card-container';
+export { CardHeader } from './chardes-card-header';
+export { CardHeaderContent } from './chardes-card-header-content';
+export { CardHeaderTitle } from './chardes-card-header-title';
+export { CardHeaderTimer } from './chardes-card-header-timer';
+export { CardBody } from './chardes-card-body';
+export { CardBodyDriver } from './chardes-card-body-driver';
+export { CardBodyImg } from './chardes-card-body-img';
+export { CardBodyInfo } from './chardes-card-body-info';
+export { CardBodyName } from './chardes-card-body-name';
+export { CardBodySpan } from './chardes-card-body-span';
+export { CardBodyActions } from './chardes-card-body-actions';
+export { CardBodyActionButton1 } from './chardes-card-body-action-button-1';
+export { CardBodyActionIcon1 } from './chardes-card-body-action-icon-1';
+export { CardBodyActionButton2 } from './chardes-card-body-action-button-2';
+export { CardBodyActionIcon2 } from './chardes-card-body-action-icon-2';
+export { CardRoute } from './chardes-card-route';
+export { CardRouteContainer } from './chardes-card-route-container';
+export { CardRoutePickup } from './chardes-card-route-pickup';
+export { CardRoutePickupIcon } from './chardes-card-route-pickup-icon';
+export { CardIconContainer } from './chardes-card-icon-container';
+export { IconSvgPickup } from './chardes-icon-svg-pickup';
+export { CardRoutePickupDetails } from './chardes-card-route-pickup-details';
+export { CardRoutePickupAddress } from './chardes-card-route-pickup-address';
+export { CardRoutePickupLabel } from './chardes-card-route-pickup-label';
+export { CardRouteDestination } from './chardes-card-route-destination';
+export { CardRouteDestinationIcon } from './chardes-card-route-destination-icon';
+export { CardRouteDestinationIconContainer } from './chardes-card-route-destination-icon-container';
+export { IconSvgDestination } from './chardes-icon-svg-destination';
+export { CardRouteDestinationDetails } from './chardes-card-route-destination-details';
+export { CardRouteDestinationAddress } from './chardes-card-route-destination-address';
+export { CardRouteDestinationLabel } from './chardes-card-route-destination-label';
+export { CardPayment } from './chardes-card-payment';
+export { CardPaymentContainer } from './chardes-card-payment-container';
+export { CardPaymentContent } from './chardes-card-payment-content';
+export { CardPaymentIconContainer } from './chardes-card-payment-icon-container';
+export { PaymentIcon } from './chardes-payment-icon';
+export { CardPaymentDetails } from './chardes-card-payment-details';
+export { CardNumber } from './chardes-card-number';
+export { CardType } from './chardes-card-type';
+export { CardTotalSection } from './chardes-card-total-section';
+export { CardTotalContent } from './chardes-card-total-content';
+export { CardTotalLabel } from './chardes-card-total-label';
+export { CardTotalAmount } from './chardes-card-total-amount';
+export { Button } from './chardes-button';
+export { Input } from './chardes-input';
+export { InputWrapper } from './chardes-input-wrapper';
+export { InputLabel } from './chardes-input-label';
+export { InputFieldWrapper } from './chardes-input-field-wrapper';
+export { InputIcon } from './chardes-input-icon';
+export { IconSvg } from './chardes-icon-svg';
+export { InputElement } from './chardes-input-element';
+export { InputHelper } from './chardes-input-helper';
+export { InputStates } from './chardes-input-states';
+export { ErrorState } from './chardes-error-state';
+export { ErrorLabel } from './chardes-error-label';
+export { ErrorInputWrapper } from './chardes-error-input-wrapper';
+export { ErrorInputIcon } from './chardes-error-input-icon';
+export { ErrorIconSvg } from './chardes-error-icon-svg';
+export { ErrorInput } from './chardes-error-input';
+export { ErrorMessage } from './chardes-error-message';
+export { SuccessState } from './chardes-success-state';
+export { SuccessLabel } from './chardes-success-label';
+export { SuccessInputWrapper } from './chardes-success-input-wrapper';
+export { SuccessInputIcon } from './chardes-success-input-icon';
+export { SuccessIconSvg } from './chardes-success-icon-svg';
+export { SuccessInput } from './chardes-success-input';
+export { SuccessMessage } from './chardes-success-message';
+export { Checkbox } from './chardes-checkbox';
+export { CheckboxInputWrapper } from './chardes-checkbox-input-wrapper';
+export { CheckboxInput } from './chardes-checkbox-input';
+export { CheckboxCheckmark } from './chardes-checkbox-checkmark';
+export { CheckmarkSvg } from './chardes-checkmark-svg';
+export { CheckboxLabel } from './chardes-checkbox-label';
+export { Modal } from './chardes-modal';
+export { ModalContainer } from './chardes-modal-container';
+export { ModalHeader } from './chardes-modal-header';
+export { ModalTitle } from './chardes-modal-title';
+export { ModalCloseButton } from './chardes-modal-close-button';
+export { CloseIcon } from './chardes-close-icon';
+export { ModalBody } from './chardes-modal-body';
+export { ModalContent } from './chardes-modal-content';
+export { ModalForm } from './chardes-modal-form';
+export { FormGroup } from './chardes-form-group';
+export { FormLabel } from './chardes-form-label';
+export { FormInput } from './chardes-form-input';
+export { ModalFooter } from './chardes-modal-footer';
+export { ModalCancelButton } from './chardes-modal-cancel-button';
+export { ModalConfirmButton } from './chardes-modal-confirm-button';
+export { Alerts } from './chardes-alerts';
+export { AlertSuccess } from './chardes-alert-success';
+export { AlertHeader } from './chardes-alert-header';
+export { AlertTitleContainer } from './chardes-alert-title-container';
+export { AlertIcon } from './chardes-alert-icon';
+export { AlertTitle } from './chardes-alert-title';
+export { AlertCloseButton } from './chardes-alert-close-button';
+export { AlertContent } from './chardes-alert-content';
+export { AlertWarning } from './chardes-alert-warning';
+export { AlertError } from './chardes-alert-error';
+export { NotificationToast } from './chardes-notification-toast';
+export { ToastHeader } from './chardes-toast-header';
+export { ToastTitleContainer } from './chardes-toast-title-container';
+export { ToastIcon } from './chardes-toast-icon';
+export { ToastTitle } from './chardes-toast-title';
+export { ToastTimestamp } from './chardes-toast-timestamp';
+export { ToastContent } from './chardes-toast-content';
+export { ToastActions } from './chardes-toast-actions';
+export { ToastDismissButton } from './chardes-toast-dismiss-button';
+export { ToastActionButton } from './chardes-toast-action-button';
+export { Badge } from './chardes-badge';
+export { BadgePrimary } from './chardes-badge-primary';
+export { BadgeSecondary } from './chardes-badge-secondary';
+export { BadgeSuccess } from './chardes-badge-success';
+export { BadgeWarning } from './chardes-badge-warning';
+export { BadgeError } from './chardes-badge-error';
+export { BadgeOutline } from './chardes-badge-outline';
+export { BadgeWithIcon } from './chardes-badge-with-icon';
+export { BadgeIcon } from './chardes-badge-icon';
+export { BadgeText } from './chardes-badge-text';
+export { BadgeInteractive } from './chardes-badge-interactive';
+export { BadgeInteractiveText } from './chardes-badge-interactive-text';
+export { BadgeCloseButton } from './chardes-badge-close-button';
+export { BadgeGroup } from './chardes-badge-group';
+export { GroupBadge1 } from './chardes-group-badge-1';
+export { GroupBadge2 } from './chardes-group-badge-2';
+export { GroupBadge3 } from './chardes-group-badge-3';
+export { GroupBadge4 } from './chardes-group-badge-4';
+export { Muzingo } from './chardes-muzingo';
+export { MuzingoPrimaryButton } from './chardes-muzingo-primary-button';

package/dist/collection/components/index.js

@@ -0,0 +1,2 @@
+// Auto-generated component index
+export * from './generated/index';

package/dist/collection/components/my-component/my-component.css

@@ -0,0 +1,3 @@
+:host {
+  display: block;
+}

package/dist/collection/components/my-component/my-component.js

@@ -0,0 +1,95 @@
+import { h } from "@stencil/core";
+import { format } from "../../utils/utils";
+export class MyComponent {
+    /**
+     * The first name
+     */
+    first;
+    /**
+     * The middle name
+     */
+    middle;
+    /**
+     * The last name
+     */
+    last;
+    getText() {
+        return format(this.first, this.middle, this.last);
+    }
+    render() {
+        return h("div", { key: '1f09850e9450fdbee447a87bbf9e8eacfde066de' }, "Hello, World! I'm ", this.getText());
+    }
+    static get is() { return "my-component"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["my-component.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["my-component.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "first": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The first name"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "first"
+            },
+            "middle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The middle name"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "middle"
+            },
+            "last": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The last name"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "last"
+            }
+        };
+    }
+}

package/dist/collection/index.js

@@ -0,0 +1,15 @@
+/**
+ * @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 utils
+// Export API client
+export { DesignSystemApiClient } from './utils/api-client';
+// Export all generated components
+export * from '../scripts/generate-components';

package/dist/collection/types/index.js

@@ -0,0 +1 @@
+export * from './types';

package/dist/collection/types/types.js

@@ -0,0 +1 @@
+export {};