@tmorrow/cre8-wc 1.0.14

package/lib/components/date-picker/calendar-year-modal/calendar-year-modal.d.ts

@@ -0,0 +1,28 @@
+import { TemplateResult } from 'lit';
+import { Cre8Element } from '../../cre8-element';
+import '../../button/button';
+import '../../icon/icon';
+export declare class Cre8CalendarYearModal extends Cre8Element {
+    static styles: import("lit").CSSResult[];
+    yearNumbers: Array<number>;
+    _currentYear?: number;
+    modalAnchorYear?: number;
+    get currentYear(): number;
+    set currentYear(newYear: number);
+    constructor();
+    private emitYear;
+    private createYearArray;
+    private getYearListItems;
+    protected firstUpdated(): void;
+    private focusOnCurrentYear;
+    private previousYearArray;
+    private nextYearArray;
+    render(): TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cre8-calendar-year-modal': Cre8CalendarYearModal;
+    }
+}
+export default Cre8CalendarYearModal;
+//# sourceMappingURL=calendar-year-modal.d.ts.map

package/lib/components/date-picker/calendar-year-modal/calendar-year-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-year-modal.d.ts","sourceRoot":"","sources":["../../../../components/date-picker/calendar-year-modal/calendar-year-modal.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAU,MAAM,KAAK,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,OAAO,qBAAqB,CAAC;AAC7B,OAAO,iBAAiB,CAAC;AAEzB,qBAAa,qBAAsB,SAAQ,WAAW;IACpD,MAAM,CAAC,MAAM,4BAAY;IAGhB,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAE3B,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,eAAe,CAAC,EAAE,MAAM,CAAC;IAElC,IACI,WAAW,IAIU,MAAM,CAF9B;IAED,IAAI,WAAW,CAAC,OAAO,EAAE,MAAM,EAM9B;;IAOD,OAAO,CAAC,QAAQ;IAShB,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,gBAAgB;IAgBxB,SAAS,CAAC,YAAY,IAAI,IAAI;YAIhB,kBAAkB;IAShC,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,aAAa;IAKrB,MAAM;CA8BP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,0BAA0B,EAAE,qBAAqB,CAAC;KACnD;CACF;AAED,eAAe,qBAAqB,CAAC"}

package/lib/components/date-picker/calendar-year-modal/calendar-year-modal.styles.d.ts

@@ -0,0 +1,3 @@
+declare const styles: import("lit").CSSResult;
+export default styles;
+//# sourceMappingURL=calendar-year-modal.styles.d.ts.map

package/lib/components/date-picker/calendar-year-modal/calendar-year-modal.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-year-modal.styles.d.ts","sourceRoot":"","sources":["../../../../components/date-picker/calendar-year-modal/calendar-year-modal.styles.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,MAAM,yBA4BX,CAAC;AACF,eAAe,MAAM,CAAC"}

package/lib/components/date-picker/date-picker.d.ts

@@ -0,0 +1,40 @@
+import { Cre8Field } from '../field/field';
+import './calendar/calendar';
+/**
+ * The Date Picker component renders a form group with label, control, help text and validation styling much
+ * like the Field component but exclusively for type=date.
+ * Cre8DatePicker inherits the Cre8Field component.
+ */
+export declare class Cre8DatePicker extends Cre8Field {
+    field: HTMLInputElement;
+    /**
+     * The type of the form field.
+     * For Date Picker, this is always 'date'.
+     */
+    type: 'text' | 'email' | 'number' | 'url' | 'tel' | 'password' | 'date';
+    static styles: import("lit").CSSResult[];
+    showCalendar: boolean;
+    /**
+     * Quick Shortcuts Variant
+     * @attr {boolean}
+     *
+     */
+    hasShortcuts?: boolean;
+    /**
+     * Handle Date On Input
+     * 1) Set the input's value equal to the event.target.value when the input is changed.
+     * 2) Set the internal form value of the input to the updated value
+     */
+    private handleDateOnInput;
+    private handleCalendarSelect;
+    private handleOutsideClick;
+    private toggleCalendar;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cre8-date-picker': Cre8DatePicker;
+    }
+}
+export default Cre8DatePicker;
+//# sourceMappingURL=date-picker.d.ts.map

package/lib/components/date-picker/date-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../components/date-picker/date-picker.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,qBAAqB,CAAC;AAE7B;;;;GAIG;AACH,qBAAa,cAAe,SAAQ,SAAS;IAEjC,KAAK,EAAE,gBAAgB,CAAC;IAEjC;;;OAGG;IACM,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,UAAU,GAAG,MAAM,CAAU;IAC1F,OAAgB,MAAM,4BAAY;IAE1B,YAAY,UAAS;IAE9B;;;;OAIG;IAEC,YAAY,CAAC,EAAE,OAAO,CAAC;IAC3B;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;IAQzB,OAAO,CAAC,oBAAoB;IAO5B,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,cAAc;IAMtB,MAAM;CA+DP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF;AAED,eAAe,cAAc,CAAC"}

package/lib/components/date-picker/date-picker.js

@@ -0,0 +1,9 @@
+import "lit";
+import "lit-html/directives/if-defined.js";
+import "lit/decorators.js";
+import { b as p, b as a } from "../../date-picker-C8EEd7H8.js";
+import "../../field-J4OEwkTq.js";
+export {
+  p as Cre8DatePicker,
+  a as default
+};

package/lib/components/date-picker/date-picker.styles.d.ts

@@ -0,0 +1,3 @@
+declare const styles: import("lit").CSSResult;
+export default styles;
+//# sourceMappingURL=date-picker.styles.d.ts.map

package/lib/components/date-picker/date-picker.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.styles.d.ts","sourceRoot":"","sources":["../../../components/date-picker/date-picker.styles.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,MAAM,yBAoEX,CAAC;AACF,eAAe,MAAM,CAAC"}

package/lib/components/divider/divider.d.ts

@@ -0,0 +1,29 @@
+import { Cre8Element } from '../cre8-element';
+/**
+ * The divider component is a separator between sections of content or groups of items.
+ * It often contains a horizontal or vertical line.
+*/
+export declare class Cre8Divider extends Cre8Element {
+    static styles: import("lit").CSSResult[];
+    /**
+     * Divider variants
+     * - By default, the component renders the horizontal divider
+     * - **vertical** renders the vertical divider
+    */
+    variant: 'horizontal' | 'vertical';
+    /**
+     * Status (a color variant prop)
+     * - By default, the divider has gray color.
+     * - **brand**, the divider has blue color.
+     * - **knockout**, the divider has white color.
+     */
+    status?: string;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cre8-divider': Cre8Divider;
+    }
+}
+export default Cre8Divider;
+//# sourceMappingURL=divider.d.ts.map

package/lib/components/divider/divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../components/divider/divider.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C;;;EAGE;AAEF,qBAAa,WAAY,SAAQ,WAAW;IACxC,MAAM,CAAC,MAAM,4BAAY;IAE3B;;;;MAIE;IAEE,OAAO,EAAE,YAAY,GAAG,UAAU,CAAgB;IAEtD;;;;;OAKG;IAEC,MAAM,CAAC,EAAE,MAAM,CAAC;IAEpB,MAAM;CAUP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF;AAED,eAAe,WAAW,CAAC"}

package/lib/components/divider/divider.styles.d.ts

@@ -0,0 +1,3 @@
+declare const styles: import("lit").CSSResult;
+export default styles;
+//# sourceMappingURL=divider.styles.d.ts.map

package/lib/components/divider/divider.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.styles.d.ts","sourceRoot":"","sources":["../../../components/divider/divider.styles.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,MAAM,yBAyCX,CAAC;AACF,eAAe,MAAM,CAAC"}

package/lib/components/dropdown/dropdown.d.ts

@@ -0,0 +1,35 @@
+import { Cre8Element } from '../cre8-element';
+/**
+ * The Dropdown menu itself is a container that can host multiple interactive items, commonly formatted as a list
+ */
+export declare class Cre8Dropdown extends Cre8Element {
+    static styles: import("lit").CSSResult[];
+    open: boolean;
+    /**
+     * Dropdown header
+     */
+    buttonText: string;
+    /**
+     * Enables scrolling once content reached to specified height, the height should mention in px units, ex: 100px
+     */
+    maxHeight?: string;
+    dropdownContent: HTMLElement;
+    /**
+     * button text represents as a link
+     */
+    dropdownWithLink: boolean;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _toggleDropdown;
+    private _updateDropdownPosition;
+    private _closeDropdown;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cre8-dropdown': Cre8Dropdown;
+    }
+}
+export default Cre8Dropdown;
+//# sourceMappingURL=dropdown.d.ts.map

package/lib/components/dropdown/dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../components/dropdown/dropdown.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C;;GAEG;AAEH,qBAAa,YAAa,SAAQ,WAAW;IACzC,MAAM,CAAC,MAAM,4BAAY;IAEhB,IAAI,UAAS;IAExB;;OAEG;IAEC,UAAU,SAAM;IAEpB;;OAEG;IAEC,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,eAAe,EAAG,WAAW,CAAC;IAElC;;OAEG;IAEC,gBAAgB,UAAS;;IAO7B,iBAAiB;IAKjB,oBAAoB;IAKpB,OAAO,CAAC,eAAe;IAUvB,OAAO,CAAC,uBAAuB;IAY/B,OAAO,CAAC,cAAc;IAItB,MAAM;CA0BP;AAKD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF;AAED,eAAe,YAAY,CAAC"}

package/lib/components/dropdown/dropdown.styles.d.ts

@@ -0,0 +1,3 @@
+declare const styles: import("lit").CSSResult;
+export default styles;
+//# sourceMappingURL=dropdown.styles.d.ts.map

package/lib/components/dropdown/dropdown.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.styles.d.ts","sourceRoot":"","sources":["../../../components/dropdown/dropdown.styles.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,MAAM,yBAyEX,CAAC;AACF,eAAe,MAAM,CAAC"}

package/lib/components/dropdown-item/dropdown-item.d.ts

@@ -0,0 +1,19 @@
+import { Cre8Element } from '../cre8-element';
+/**
+ * The Dropdown item component is designed to be used with Dropdown component, each item represents a
+ * selectable option or action within the dropdown menu. It can be configured to trigger actions, navigate
+ * to links, initiate commands when clicked.
+ */
+export declare class Cre8DropdownItem extends Cre8Element {
+    static styles: import("lit").CSSResult[];
+    ariaLabel: string;
+    private _handleClick;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cre8-dropdown-item': Cre8DropdownItem;
+    }
+}
+export default Cre8DropdownItem;
+//# sourceMappingURL=dropdown-item.d.ts.map

package/lib/components/dropdown-item/dropdown-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-item.d.ts","sourceRoot":"","sources":["../../../components/dropdown-item/dropdown-item.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C;;;;GAIG;AACH,qBAAa,gBAAiB,SAAQ,WAAW;IAC7C,MAAM,CAAC,MAAM,4BAAY;IAGvB,SAAS,SAAM;IAEnB,OAAO,CAAC,YAAY;IAIpB,MAAM;CAOP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;CACF;AAED,eAAe,gBAAgB,CAAC"}

package/lib/components/dropdown-item/dropdown-item.styles.d.ts

@@ -0,0 +1,3 @@
+declare const styles: import("lit").CSSResult;
+export default styles;
+//# sourceMappingURL=dropdown-item.styles.d.ts.map

package/lib/components/dropdown-item/dropdown-item.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-item.styles.d.ts","sourceRoot":"","sources":["../../../components/dropdown-item/dropdown-item.styles.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,MAAM,yBA+BX,CAAC;AACF,eAAe,MAAM,CAAC"}

package/lib/components/feature/feature.d.ts

@@ -0,0 +1,28 @@
+import { Cre8Element } from '../cre8-element';
+/**
+ * @slot - The component content
+ */
+export declare class Cre8Feature extends Cre8Element {
+    static styles: import("lit").CSSResult[];
+    /**
+     * Image source
+     */
+    imgSrc?: string;
+    /**
+     * Image alt text
+     */
+    imgAlt?: string;
+    /**
+     * Inverted variant
+     * 1) Used for dark backgrounds
+     */
+    inverted?: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cre8-feature': Cre8Feature;
+    }
+}
+export default Cre8Feature;
+//# sourceMappingURL=feature.d.ts.map

package/lib/components/feature/feature.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature.d.ts","sourceRoot":"","sources":["../../../components/feature/feature.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C;;GAEG;AACH,qBAAa,WAAY,SAAQ,WAAW;IACxC,MAAM,CAAC,MAAM,4BAAY;IAE3B;;OAEG;IAEC,MAAM,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IAEC,MAAM,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IAEC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEvB,MAAM;CAkBP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF;AAED,eAAe,WAAW,CAAC"}

package/lib/components/feature/feature.styles.d.ts

@@ -0,0 +1,3 @@
+declare const styles: import("lit").CSSResult;
+export default styles;
+//# sourceMappingURL=feature.styles.d.ts.map

package/lib/components/feature/feature.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature.styles.d.ts","sourceRoot":"","sources":["../../../components/feature/feature.styles.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,MAAM,yBA8DX,CAAC;AACF,eAAe,MAAM,CAAC"}

package/lib/components/field/field.d.ts

@@ -0,0 +1,210 @@
+import { Cre8FormElement } from '../cre8-form-element';
+import '../field-note/field-note';
+/**
+ * The Field component renders a form group with label, control, help text and validation styling. There are
+ * convenience variants of Field to support HTML5 input types and static content.
+ */
+export declare class Cre8Field extends Cre8FormElement {
+    static styles: import("lit").CSSResult[];
+    /**
+     * Autocomplete attribute that allows input to expect certain types of information. Note: autocomplete is supported
+     * by most browsers, but the suggested 'completions' are also sourced from those browsers. Values come
+     * from past user stored data from past interactions in that browser, such as:
+     *
+     *  1. From past values entered by the user, but they may also come from pre-configured values. For
+     *  instance, a browser might let the user save their name, address, phone number, and email addresses for
+     *  autocomplete purposes.
+     *
+     *  2. Perhaps the browser offers the ability to save encrypted credit card information, for autocompletion
+     *  following a an authentication procedure.
+     *  See: [MDN web docs_](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)
+     *
+     *  NOTE:: In order to provide autocompletion, user-agents might require input, select, textarea
+     *  elements to:
+     *
+     *  1. Have a {{name}} and/or {{id}} attribute
+     *  2. Be descendants of a form element
+     *  3. The form to have a [submit button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/submit)
+     *
+     * @attr {string}
+     */
+    autocomplete?: 'on' | 'off' | 'name' | 'email' | 'username' | 'new-password' | 'current-password' | 'tel' | 'url' | 'address-line1' | 'address-line2' | 'country' | 'postal-code';
+    /**
+     * Pattern attribute defines a regular expression to validate against input
+     *
+     * @attr {string}
+     */
+    pattern?: string;
+    /**
+     * Type variants
+     * - **text** renders a standard text input
+     * - **email** renders a text input for an email format
+     * - **number** renders an input for number values only
+     * - **url** renders an input for urls only
+     * - **tel** renders an input for telephone number values only
+     *
+     * @attr {string}
+     */
+    type: 'text' | 'email' | 'number' | 'url' | 'tel' | 'password' | 'date';
+    /**
+     * The placeholder text that appears inside the input
+     *
+     * @attr {string}
+     */
+    placeholder?: string;
+    /**
+     * The required label that appears above the input
+     *
+     * @attr {string}
+     */
+    label: string;
+    /**
+     * The name property on the input
+     *
+     * @attr {string}
+     */
+    name?: string;
+    /**
+     * The unique id of the field
+     * <br/><br/> _*This property is dynamically set_
+     *
+     * @attr {string}
+     */
+    fieldId?: string;
+    /**
+     * The text that displays below in text field input
+     *
+     * @attr {string}
+     */
+    fieldNote?: string;
+    /**
+     * Controls how the voiceover will experience the new information when field note changes,
+     * immediately (used for more urgently needed updates) using `assertive` or at the next convenient
+     * pause in their navigation using `polite`.
+     */
+    ariaLive: 'polite' | 'assertive';
+    /**
+     * Used to connect the field note in text field to the text menu for accessibility
+     *
+     * @attr {string}
+     */
+    ariaDescribedBy?: string;
+    /**
+     * The required attribute on the input
+     *
+     * @attr {boolean}
+     */
+    required?: boolean;
+    /**
+     * The disabled attribute on the input
+     *
+     * @attr {boolean}
+     */
+    disabled?: boolean;
+    /**
+     * Changes the component's treatment to represent an error state
+     *
+     * @attr {boolean}
+     */
+    isError?: boolean;
+    /**
+     * Visually hidden text that always signifies that this is an error for screen reader usage
+     *
+     * @attr {string}
+     */
+    errorText: string;
+    /**
+     * The error field note that appears below the default field note
+     *
+     * @attr {string}
+     */
+    errorNote?: string;
+    /**
+     * The max attribute defines the maximum value that is acceptable and valid for the input containing the attribute.
+     * @attr {string | number}
+     */
+    max?: string;
+    /**
+    * The min attribute defines the minimum value that is acceptable and valid for the input containing the attribute.
+    * @attr {string | number}
+    */
+    min?: string;
+    /**
+     * The maxlength is an integer above 0 that indicates the maximum allowed characters to be entered. When using the
+     * maxlength prop, you must also use the "required" prop to provide Constraint Validation on the input field.
+     * This allows users to know why the input they attempted didn't render in the input field. see
+     * [MDN maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/maxlength#constraint_validation)
+     *
+     * @attr {string}
+     */
+    maxlength?: number;
+    /**
+     * Additional aria-describedby connection to id for additional success and error notes to be accessible
+     *
+     * @attr {string}
+     */
+    validationAriaDescribedBy?: string;
+    /**
+     * Changes the component's treatment to represent a success state
+     *
+     * @attr {boolean}
+     */
+    isSuccess?: boolean;
+    /**
+     * Visually hidden text that always signifies that this is successful for screen reader usage
+     *
+     * @attr {string}
+     */
+    successText: string;
+    /**
+     * Readonly attribute
+     *
+     * @attr {boolean}
+     */
+    readonly?: boolean;
+    /**
+     * The success field note that appears below the default field note
+     *
+     * @attr {string}
+     */
+    successNote?: string;
+    field: HTMLInputElement;
+    /**
+     * First update lifecycle hook
+     * 1) super.firstUpdated also uses the firstUpdated from the Cre8FormElement
+     */
+    firstUpdated(): void;
+    /**
+     * Initialize aria attributes
+     */
+    initializeAria(): void;
+    /**
+     * Aria describedby string based on field notes and error/success notes
+     * 1) If both validationAriaDescribedBy (error/success note) and field note exists,
+     * render both in the input's `aria-describedby` attribute
+     * 2) Otherwise, if only validationAriaDescribedBy exists, then render only that as
+     * the `aria-describedby` attribute (input without field note initially, but then error/success is added).
+     * 3) Otherwise, render only the `ariaDescribedBy` property (field note only)
+     */
+    fieldNoteAria(): string;
+    /**
+     * Handle On Input
+     * 1) Set the input's value equal to the event.target.value when the input is changed.
+     * 2) Set the internal form value of the input to the updated value
+     */
+    private _handleOnInput;
+    /**
+     * Render the success or error field notes
+     * 1. If there is a successNote, then return the field note with the success message and state.
+     * 2. If there is a errorNote, then return the field note with the error message and state.
+     */
+    renderSuccessErrorFieldNote(): import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cre8-field': Cre8Field;
+    }
+}
+export default Cre8Field;
+//# sourceMappingURL=field.d.ts.map

package/lib/components/field/field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../../components/field/field.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,0BAA0B,CAAC;AAGlC;;;GAGG;AACH,qBAAa,SAAU,SAAQ,eAAe;IAC1C,MAAM,CAAC,MAAM,4BAAY;IAG3B;;;;;;;;;;;;;;;;;;;;;OAqBG;IAEC,YAAY,CAAC,EAAE,IAAI,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,cAAc,GAAG,kBAAkB,GAAG,KAAK,GAAG,KAAK,GAAG,eAAe,GAAG,eAAe,GAAG,SAAS,GAAG,aAAa,CAAC;IAEtL;;;;OAIG;IAEC,OAAO,CAAC,EAAE,MAAM,CAAC;IAErB;;;;;;;;;OASG;IAEC,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,UAAU,GAAG,MAAM,CAAU;IAErF;;;;OAIG;IAEC,WAAW,CAAC,EAAE,MAAM,CAAC;IAEzB;;;;OAIG;IAEC,KAAK,EAAE,MAAM,CAAW;IAE5B;;;;OAIG;IAEC,IAAI,CAAC,EAAE,MAAM,CAAC;IAElB;;;;;OAKG;IAEC,OAAO,CAAC,EAAE,MAAM,CAAC;IAErB;;;;OAIG;IAEC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEvB;;;;OAIG;IAEC,QAAQ,EAAE,QAAQ,GAAG,WAAW,CAAY;IAEhD;;;;OAIG;IAEC,eAAe,CAAC,EAAE,MAAM,CAAC;IAE7B;;;;OAIG;IAEC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;OAIG;IAEC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;OAIG;IAEC,OAAO,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;OAIG;IAEC,SAAS,EAAE,MAAM,CAAW;IAEhC;;;;OAIG;IAEC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IAEA,GAAG,CAAC,EAAE,MAAM,CAAC;IAEf;;;MAGE;IAEA,GAAG,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;;;;OAOG;IAEC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEvB;;;;OAIG;IAEC,yBAAyB,CAAC,EAAE,MAAM,CAAC;IAEvC;;;;OAIG;IAEC,SAAS,CAAC,EAAE,OAAO,CAAC;IAExB;;;;OAIG;IAEC,WAAW,EAAE,MAAM,CAAa;IAEpC;;;;OAIG;IAEC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;OAIG;IAEC,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,KAAK,EAAG,gBAAgB,CAAC;IAE7B;;;OAGG;IACH,YAAY;IAKZ;;OAEG;IACH,cAAc;IAUd;;;;;;;OAOG;IACH,aAAa;IAUb;;;;OAIG;IACH,OAAO,CAAC,cAAc;IAStB;;;;OAIG;IACH,2BAA2B;IA0B3B,MAAM;CAuCP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF;AAED,eAAe,SAAS,CAAC"}

package/lib/components/field/field.styles.d.ts

@@ -0,0 +1,3 @@
+declare const styles: import("lit").CSSResult;
+export default styles;
+//# sourceMappingURL=field.styles.d.ts.map

package/lib/components/field/field.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.styles.d.ts","sourceRoot":"","sources":["../../../components/field/field.styles.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,MAAM,yBAsCX,CAAC;AACF,eAAe,MAAM,CAAC"}

package/lib/components/field-note/field-note.d.ts

@@ -0,0 +1,37 @@
+import { Cre8Element } from '../cre8-element';
+import '../icon/icon';
+/**
+ * Field Note gives direction on how to fill out a form field and to alert users of form errors and successes.
+ * It’s used below an input field and never on its own.
+ * @slot - The note content
+ */
+export declare class Cre8FieldNote extends Cre8Element {
+    static styles: import("lit").CSSResult[];
+    /**
+     * Changes the component's treatment to represent an error
+     *  @attr {boolean}
+     */
+    isError?: boolean;
+    /**
+     * Changes the component's treatment to represent a success
+     *  @attr {boolean}
+     */
+    isSuccess?: boolean;
+    /**
+     *  DEPRECATED: Icon name used for the icon before to the field note
+     * @deprecated
+     */
+    iconName?: string;
+    /**
+     * Check if there are success or error states and set "aria-live=polite"
+     */
+    fieldNoteAriaLive(): 'polite' | 'off' | 'assertive';
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cre8-field-note': Cre8FieldNote;
+    }
+}
+export default Cre8FieldNote;
+//# sourceMappingURL=field-note.d.ts.map

package/lib/components/field-note/field-note.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-note.d.ts","sourceRoot":"","sources":["../../../components/field-note/field-note.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,cAAc,CAAC;AAGtB;;;;GAIG;AAEH,qBAAa,aAAc,SAAQ,WAAW;IAC1C,MAAM,CAAC,MAAM,4BAAY;IAE3B;;;OAGG;IAEC,OAAO,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IAEC,SAAS,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IAEC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,iBAAiB,IAAI,QAAQ,GAAG,KAAK,GAAG,WAAW;IAOnD,MAAM;CAsBP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF;AAED,eAAe,aAAa,CAAC"}

package/lib/components/field-note/field-note.styles.d.ts

@@ -0,0 +1,3 @@
+declare const styles: import("lit").CSSResult;
+export default styles;
+//# sourceMappingURL=field-note.styles.d.ts.map

package/lib/components/field-note/field-note.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-note.styles.d.ts","sourceRoot":"","sources":["../../../components/field-note/field-note.styles.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,MAAM,yBA4CX,CAAC;AACF,eAAe,MAAM,CAAC"}

package/lib/components/footer/footer.d.ts

@@ -0,0 +1,17 @@
+import { Cre8Element } from '../cre8-element';
+/**
+ * @slot - The footer content
+ * @slot top - The top content (above the default slot)
+ * @slot bottom - The bottom content (below the default slot)
+ */
+export declare class Cre8Footer extends Cre8Element {
+    static styles: import("lit").CSSResult[];
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cre8-footer': Cre8Footer;
+    }
+}
+export default Cre8Footer;
+//# sourceMappingURL=footer.d.ts.map

package/lib/components/footer/footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../components/footer/footer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C;;;;GAIG;AACH,qBAAa,UAAW,SAAQ,WAAW;IACvC,MAAM,CAAC,MAAM,4BAAY;IAEzB,MAAM;CAyBT;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF;AAED,eAAe,UAAU,CAAC"}

package/lib/components/footer/footer.styles.d.ts

@@ -0,0 +1,3 @@
+declare const styles: import("lit").CSSResult;
+export default styles;
+//# sourceMappingURL=footer.styles.d.ts.map

package/lib/components/footer/footer.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.styles.d.ts","sourceRoot":"","sources":["../../../components/footer/footer.styles.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,MAAM,yBAmBX,CAAC;AACF,eAAe,MAAM,CAAC"}

package/lib/components/global-nav/global-nav.d.ts

@@ -0,0 +1,33 @@
+import { Cre8Element } from '../cre8-element';
+/**
+ * @slot - The primary navigation items
+ */
+export declare class Cre8GlobalNav extends Cre8Element {
+    static styles: import("lit").CSSResult[];
+    /**
+     * Inverted variant
+     * 1) Used for dark backgrounds
+     */
+    inverted?: boolean;
+    /**
+     * Behavior variant
+     * <cre8-text-passage size="sm">
+     * <ul>
+     * <li>**side-by-side** keeps the primary nav item always in a horizontal pattern</li>
+     * </ul>
+     * </cre8-text-passage>
+     */
+    behavior?: 'side-by-side';
+    /**
+     * aria-label attribute to designate at name for the nav. Can be override by user
+     */
+    navAriaLabel: string;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cre8-global-nav': Cre8GlobalNav;
+    }
+}
+export default Cre8GlobalNav;
+//# sourceMappingURL=global-nav.d.ts.map

package/lib/components/global-nav/global-nav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"global-nav.d.ts","sourceRoot":"","sources":["../../../components/global-nav/global-nav.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C;;GAEG;AACH,qBAAa,aAAc,SAAQ,WAAW;IAC1C,MAAM,CAAC,MAAM,4BAAY;IAE3B;;;OAGG;IAEC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;;;;OAOG;IAEC,QAAQ,CAAC,EAAE,cAAc,CAAC;IAE9B;;OAEG;IAEC,YAAY,EAAE,MAAM,CAAY;IAEpC,MAAM;CAcP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF;AAED,eAAe,aAAa,CAAC"}

package/lib/components/global-nav/global-nav.styles.d.ts

@@ -0,0 +1,3 @@
+declare const styles: import("lit").CSSResult;
+export default styles;
+//# sourceMappingURL=global-nav.styles.d.ts.map

package/lib/components/global-nav/global-nav.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"global-nav.styles.d.ts","sourceRoot":"","sources":["../../../components/global-nav/global-nav.styles.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,MAAM,yBAuBX,CAAC;AACF,eAAe,MAAM,CAAC"}