@tmorrow/cre8-wc 1.0.14

package/lib/components/primary-nav-item/primary-nav-item.d.ts

@@ -0,0 +1,71 @@
+import { Cre8Element } from '../cre8-element';
+/**
+ * @slot - The label for the navigation item
+ */
+export declare class Cre8PrimaryNavItem extends Cre8Element {
+    /**
+     * Primary nav item text
+     */
+    text: string;
+    /**
+     * Primary nav item href
+     */
+    href: string;
+    /**
+     * Icon name
+     */
+    iconName?: string;
+    /**
+     * Append to the class name. Used for passing in utility classes
+     */
+    megaMenu?: boolean;
+    /**
+     * Append to the class name. Used for passing in utility classes
+     */
+    isActive?: boolean;
+    static styles: import("lit").CSSResult[];
+    /**
+     * Initialize functions
+     */
+    constructor();
+    /**
+     * Connected Callback lifecycle
+     */
+    connectedCallback(): void;
+    /**
+     * Disconnected callback lifecycle
+     * 1) Remove window resize event listener
+     */
+    disconnectedCallback(): void;
+    /**
+     * Handle click outside the component
+     * 1) Close the show hide panel on click outside
+     * 2) If the nav is already closed then we don't care about outside clicks and we
+     * can bail early
+     * 3) By the time a user clicks on the page the shadowRoot will almost certainly be
+     * defined, but TypeScript isn't that trusting and sees this.shadowRoot as possibly
+     * undefined. To work around that we'll check that we have a shadowRoot (and a
+     * rendered .host) element here to appease the TypeScript compiler. This should never
+     * actually be shown or run for a human end user.
+     * 4) Check to see if we clicked inside the active navigation item
+     * 5) If the navigation is active and we've clicked outside of the nav then it should
+     * be closed.
+     */
+    private _handleOnClickOutside;
+    /**
+     * Toggle active state of primary nav item
+     * 1) Remove isActive state from all sibling elements
+     * 2) Toggle active state of element selected
+     */
+    private _clickHandler;
+    private _closePanel;
+    private _handleOnKeyDown;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cre8-primary-nav-item': Cre8PrimaryNavItem;
+    }
+}
+export default Cre8PrimaryNavItem;
+//# sourceMappingURL=primary-nav-item.d.ts.map

package/lib/components/primary-nav-item/primary-nav-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"primary-nav-item.d.ts","sourceRoot":"","sources":["../../../components/primary-nav-item/primary-nav-item.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG1C;;GAEG;AACP,qBAAa,kBAAmB,SAAQ,WAAW;IAC/C;;OAEG;IAEC,IAAI,SAAc;IAEtB;;OAEG;IAEC,IAAI,SAAO;IAEf;;OAEG;IAEC,QAAQ,CAAC,EAAE,MAAM,CAAgB;IAErC;;OAEG;IAEC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IAEC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEvB,MAAM,CAAC,MAAM,4BAAY;IAEzB;;OAEG;;IAOH;;OAEG;IACH,iBAAiB;IAOjB;;;OAGG;IACH,oBAAoB;IAKpB;;;;;;;;;;;;;OAaG;IACH,OAAO,CAAC,qBAAqB;IAoB7B;;;;OAIG;IACH,OAAO,CAAC,aAAa;IAarB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,gBAAgB;IAcxB,MAAM;CAyDT;AAMD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,uBAAuB,EAAE,kBAAkB,CAAC;KAC/C;CACJ;AAED,eAAe,kBAAkB,CAAC"}

package/lib/components/primary-nav-item/primary-nav-item.styles.d.ts

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

package/lib/components/primary-nav-item/primary-nav-item.styles.d.ts.map

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

package/lib/components/progress-meter/progress-meter.d.ts

@@ -0,0 +1,51 @@
+import { Cre8Element } from '../cre8-element';
+export declare enum status {
+    'error' = 0,
+    'warning' = 1,
+    'success' = 2,
+    undefined = 3
+}
+/**
+ * A progress meter provides feedback that the system is working and gives
+ * the user an indication of how much time they will wait.
+ * This indicator should be used when the system response time is longer and determinable.
+ */
+export declare class Cre8ProgressMeter extends Cre8Element {
+    static styles: import("lit").CSSResult[];
+    /**
+     * Progress Status
+     * - **Default** renders a meter with default status fill
+     * - **Error** renders a meter with an error status fill
+     * - **Warning** renders a meter with a warning status
+     * - **Success** renders a meter with a success status fill
+     *
+     * @attr {status}
+     */
+    status?: 'error' | 'warning' | 'success';
+    knockout?: boolean;
+    max: number;
+    value: number;
+    /**
+     * Progress Meter FieldId
+     * @attr {string}
+     */
+    fieldId?: string;
+    /**
+     * Progress Meter name
+     * @attr {string}
+     */
+    name?: string;
+    /**
+     * Progress Meter label
+     * @attr {string}
+     */
+    label: string;
+    connectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cre8-progress-meter': Cre8ProgressMeter;
+    }
+}
+//# sourceMappingURL=progress-meter.d.ts.map

package/lib/components/progress-meter/progress-meter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-meter.d.ts","sourceRoot":"","sources":["../../../components/progress-meter/progress-meter.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAI9C,oBAAY,MAAM;IAChB,OAAO,IAAA;IAAE,SAAS,IAAA;IAAE,SAAS,IAAA;IAAE,SAAS,IAAA;CACxC;AAEF;;;;GAIG;AACH,qBAAa,iBAAkB,SAAQ,WAAW;IAC9C,MAAM,CAAC,MAAM,4BAAY;IAE3B;;;;;;;;OAQG;IAEC,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;IAOzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAOnB,GAAG,EAAE,MAAM,CAAO;IAQlB,KAAK,EAAE,MAAM,CAAC;IAElB;;;OAGG;IAEC,OAAO,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IAEC,IAAI,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IAEC,KAAK,EAAE,MAAM,CAAC;IAElB,iBAAiB;IAKjB,MAAM;CAuBP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF"}

package/lib/components/progress-meter/progress-meter.styles.d.ts

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

package/lib/components/progress-meter/progress-meter.styles.d.ts.map

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

package/lib/components/progress-steps/progress-steps.d.ts

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

package/lib/components/progress-steps/progress-steps.d.ts.map

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

package/lib/components/progress-steps/progress-steps.styles.d.ts

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

package/lib/components/progress-steps/progress-steps.styles.d.ts.map

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

package/lib/components/progress-steps-item/progress-steps-item.d.ts

@@ -0,0 +1,44 @@
+import { Cre8Element } from '../cre8-element';
+/**
+ * The Progress Steps Item component is used to display a single step in a multi-step process.
+ * It should be used as a child component of `cre8-progress-steps`.
+ * These Components serve a contextual purpose and don't provide any functionality.
+ *
+ * @property {string} message - Optional message to display under the step name.
+ * @property {string} name - The name of the step.
+ * @property {string} state - The state of the step: 'incomplete', 'current', 'complete', 'error', 'warning';
+ * @property {string} svg - An SVG string to use as the step icon.
+ *
+ * @slot - The component content
+ */
+export declare class Cre8ProgressStepsItem extends Cre8Element {
+    static styles: import("lit").CSSResult[];
+    /**
+     * Optional message to display under the step name.
+     * @type {string}
+     */
+    message?: string;
+    /**
+     * The name of the step.
+     * @type {string}
+     */
+    name: string;
+    /**
+     * The state of the step: 'complete', 'current', 'error',' incomplete', 'warning';
+     * @type {string}
+     */
+    state: 'complete' | 'current' | 'error' | 'incomplete' | 'warning';
+    /**
+     * An SVG string to use as the step icon.
+     * @type {string}
+     */
+    svg: string;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cre8-progress-steps-item': Cre8ProgressStepsItem;
+    }
+}
+export default Cre8ProgressStepsItem;
+//# sourceMappingURL=progress-steps-item.d.ts.map

package/lib/components/progress-steps-item/progress-steps-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-steps-item.d.ts","sourceRoot":"","sources":["../../../components/progress-steps-item/progress-steps-item.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C;;;;;;;;;;;GAWG;AACH,qBAAa,qBAAsB,SAAQ,WAAW;IAClD,MAAM,CAAC,MAAM,4BAAY;IAEzB;;;OAGG;IAEC,OAAO,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IAEC,IAAI,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IAEC,KAAK,EAAE,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,YAAY,GAAG,SAAS,CAAC;IAEvE;;;OAGG;IAEC,GAAG,EAAE,MAAM,CAAC;IAEhB,MAAM;CAuBT;AAMD,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,0BAA0B,EAAE,qBAAqB,CAAC;KAAE;CAAE;AAEzG,eAAe,qBAAqB,CAAC"}

package/lib/components/progress-steps-item/progress-steps-item.styles.d.ts

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

package/lib/components/progress-steps-item/progress-steps-item.styles.d.ts.map

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

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

@@ -0,0 +1,56 @@
+import { Cre8Element } from '../cre8-element';
+import '../field-note/field-note';
+/**
+ * Radio Field is the parent container for `radio-field-item`.
+ * It is required to allow for grouping numerous radio fields that need additional context (in the form of `<legend>`).
+ * It also provides accessibility roles, aria attributes and field note messaging on the group.
+ *
+ * See [radio-field-item](?path=/story/cre8-components-radio-field-item--default) for more guidance on its usage.
+ *
+ * @slot - The component content, which should be a set of `radio-field-item`s
+ */
+export declare class Cre8RadioField extends Cre8Element {
+    static styles: import("lit").CSSResult[];
+    /**
+     * Radio Field Note
+     * @attr {string}
+     */
+    fieldNote?: string;
+    /**
+     * Radio container fieldnote aria describe by
+     * @attr {string}
+     */
+    ariaDescribedBy?: string;
+    /**
+     * Radio container fieldnote icon name
+     * @attr {string}
+     */
+    fieldNoteIconName?: string;
+    /**
+     * Radio container fieldnote knockout
+     * @attr {boolean}
+     */
+    fieldNoteKnockout?: boolean;
+    /**
+     * Radio container fieldnote isSuccess
+     * @attr {boolean}
+     */
+    isSuccess?: boolean;
+    /**
+     * Radio container fieldnote isError
+     * @attr {boolean}
+     */
+    isError?: boolean;
+    /**
+     * Radio field legend label
+     */
+    label?: string;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cre8-radio-field': Cre8RadioField;
+    }
+}
+export default Cre8RadioField;
+//# sourceMappingURL=radio-field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio-field.d.ts","sourceRoot":"","sources":["../../../components/radio-field/radio-field.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,0BAA0B,CAAC;AAGlC;;;;;;;;GAQG;AAEH,qBAAa,cAAe,SAAQ,WAAW;IAC3C,MAAM,CAAC,MAAM,4BAAY;IAE3B;;;OAGG;IAEC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IAEC,eAAe,CAAC,EAAE,MAAM,CAAC;IAE7B;;;OAGG;IAEC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE/B;;;OAGG;IAEC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAEhC;;;OAGG;IAEC,SAAS,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IAEC,OAAO,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IAEC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEnB,MAAM;CAwBP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF;AAED,eAAe,cAAc,CAAC"}

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

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

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

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

package/lib/components/radio-field-item/radio-field-item.d.ts

@@ -0,0 +1,162 @@
+import { Cre8FormElement } from '../cre8-form-element';
+import '../field-note/field-note';
+/**
+ * A Radio Field Item adds a radio button to a Radio Field. Radio buttons let a user choose only one of several
+ * options. Do not use a single radio button, because once selected, it cannot be de-selected. If the user can only
+ * choose one, none or many options, use Checkbox instead.
+ */
+export declare class Cre8RadioFieldItem extends Cre8FormElement {
+    type: string;
+    static styles: import("lit").CSSResult[];
+    /**
+     * Identifies the element that provides a detailed, extended description for the object.
+     *
+     * @attr{string}
+     */
+    ariaDescribedBy?: string;
+    /**
+     * A Boolean attribute which, if present, sets the radio button as selected.
+     *
+     * @attr {boolean}
+     */
+    checked?: boolean;
+    /**
+     * The Boolean disabled attribute, when present, makes the element not mutable, focusable, or even submitted with
+     * the form. The user can neither edit nor focus on the control, nor its form control descendants.
+     *
+     * @attr {boolean}
+     */
+    disabled?: boolean;
+    /**
+     * Get the radio field item input
+     */
+    field: HTMLInputElement;
+    /**
+     * The fieldId attribute is assigned to the HTML input element of the radio button and the for attribute of the
+     * corresponding label.
+     */
+    fieldId?: string;
+    /**
+     * A FieldNote can be placed to provide guidance. It's frequently used to in the context of form fields for extra
+     * information or validation messages.
+     */
+    fieldNote?: string;
+    /**
+     * Sets the item fieldnote icon.
+     *
+     * - **check** renders a badge with success state treatment
+     * - **error** renders a badge with error state treatment
+     */
+    fieldNoteIconName?: string;
+    /**
+     * Radio item fieldnote knockout
+     *
+     * @attr {boolean}
+     */
+    fieldNoteKnockout?: boolean;
+    /**
+     * Sets the error state of the fieldnote.
+     *
+     * @attr {boolean}
+     */
+    fieldNoteIsError?: boolean;
+    /**
+     * The isError attribute is used to indicate an error state related to the radio button.
+     *
+     * @attr {boolean}
+     */
+    isError?: boolean;
+    /**
+     * The isSuccess attribute is used to indicate a success state related to the radio button.
+     *
+     * @attr {boolean}
+     */
+    isSuccess?: boolean;
+    /**
+     * The label attribute is used to assign a value to the label element corresponding to this radio button.
+     */
+    label?: string;
+    /**
+     * The name attribute is used to assign a value to the name attribute of the input element in the DOM.
+     */
+    name?: string;
+    /**
+     * Required attribute
+     *
+     * @attr {boolean}
+     */
+    required?: boolean;
+    /**
+     * Initial checked for initial checked state
+     */
+    private initialChecked?;
+    /**
+     * Connected callback lifecycle
+     * 1) Set the initial checked value to the checked property
+     * 2) Auto-generate the fieldId if a user doesn't provided so that the form field is accessible
+     * 3) If a field note exists, set the aria-describedby attribute to make sure the field note is read out
+     */
+    connectedCallback(): void;
+    /**
+     * Reset the radio field
+     */
+    resetField(): void;
+    /**
+     * Reset the radio field items tab indeces
+     */
+    resetTabIndeces(radioFieldItems: Cre8RadioFieldItem[]): void;
+    /**
+     * Remove checked
+     * 1) Remove checked property from all items and set tabindex to -1
+     * 2) Reset the form field to not checked
+     */
+    removeChecked(): void;
+    /**
+     * Reset form callback
+     * 1) Remove the checked state from all radio elements
+     * 2) Set the checked state to the initial checked state
+     * 3) Set the radio field input checked attribute to the initial checked state
+     */
+    formResetCallback(): void;
+    /**
+     * access role when radio-field-item embedded in radio-field
+     */
+    private _getRole;
+    /**
+     * Toggle active state of primary nav item
+     * 1) Remove isActive state from all sibling elements
+     * 2) Toggle active state of element selected
+     */
+    private _clickHandler;
+    /**
+     * Handle sibling element updates during handleKeyDown function
+     * 1) Prevent default keyboard functionality to disable scroll with up/down keys
+     * 2) Trigger removeChecked
+     * 3) Focus sibling shadowRoot element
+     * 4) Click sibling shadowRoot element
+     * 5) Set sibling element `tabindex` to `0`
+     * 6) Set sibling element `checked` value
+     */
+    private _updateSibling;
+    /**
+     * Handle keydown
+     * 1) If left or up arrow key is struck and radio field item exists before current item,
+     *    remove checked from all items and add it to the next item
+     * 2) If right or down arrow key is struck and radio field item exists after current item,
+     *    remove checked from all items and add checked to the next item. Focus on this item
+     *    and set tabindex for when focusing out of radio field and back onto checked item.
+     * 3) If the element is in focused, then for event emission the current
+     *    focues element should be clicked to emit event.
+     * 4) If the Tab key is pressed, and none of the items are checked
+     *    then jump away from field set to the next tabbable item
+     */
+    handleKeyDown(e: KeyboardEvent): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cre8-radio-field-item': Cre8RadioFieldItem;
+    }
+}
+export default Cre8RadioFieldItem;
+//# sourceMappingURL=radio-field-item.d.ts.map

package/lib/components/radio-field-item/radio-field-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-field-item.d.ts","sourceRoot":"","sources":["../../../components/radio-field-item/radio-field-item.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,0BAA0B,CAAC;AAG9B;;;;GAIG;AAEP,qBAAa,kBAAmB,SAAQ,eAAe;IACnD,IAAI,SAAW;IAEf,MAAM,CAAC,MAAM,4BAAY;IAEzB;;;;OAIG;IAEC,eAAe,CAAC,EAAE,MAAM,CAAC;IAE7B;;;;OAIG;IAEC,OAAO,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;;OAKG;IAEC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IAEC,KAAK,EAAG,gBAAgB,CAAC;IAE7B;;;OAGG;IAEC,OAAO,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IAEC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEvB;;;;;OAKG;IAEC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE/B;;;;OAIG;IAEC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAEhC;;;;OAIG;IAEC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE/B;;;;OAIG;IAEC,OAAO,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;OAIG;IAEC,SAAS,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IAEC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IAEC,IAAI,CAAC,EAAE,MAAM,CAAC;IAElB;;;;OAIG;IAEC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,OAAO,CAAC,cAAc,CAAC,CAAU;IAEjC;;;;;OAKG;IACH,iBAAiB;IAQjB;;OAEG;IACI,UAAU;IAIjB;;OAEG;IACH,eAAe,CAAC,eAAe,EAAE,kBAAkB,EAAE;IAMrD;;;;OAIG;IACH,aAAa;IAYb;;;;;OAKG;IACH,iBAAiB,IAAI,IAAI;IAMzB;;OAEG;IACH,OAAO,CAAC,QAAQ;IAQhB;;;;OAIG;IACH,OAAO,CAAC,aAAa;IAUrB;;;;;;;;OAQG;IACH,OAAO,CAAC,cAAc;IAStB;;;;;;;;;;;OAWG;IACH,aAAa,CAAC,CAAC,EAAE,aAAa;IAgC9B,MAAM;CA0CT;AAMD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,uBAAuB,EAAE,kBAAkB,CAAC;KAC/C;CACJ;AAED,eAAe,kBAAkB,CAAC"}

package/lib/components/radio-field-item/radio-field-item.styles.d.ts

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

package/lib/components/radio-field-item/radio-field-item.styles.d.ts.map

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

package/lib/components/remove-tag/remove-tag.d.ts

@@ -0,0 +1,53 @@
+import { Cre8Element } from '../cre8-element';
+import '../icon/icon';
+export declare enum Shape {
+    Round = "round",
+    Square = "square"
+}
+export declare enum Color {
+    Neutral = "neutral",
+    Branded = "branded",
+    NeutralHybrid = "neutral-hybrid"
+}
+/**
+ * Clicking a Remove Tag causes it to disappear from the page or field (in the case of Multi-Select).
+ * These tags always display a "Close" icon.
+ */
+export declare class Cre8RemoveTag extends Cre8Element {
+    static styles: import("lit").CSSResult[];
+    /**
+     * The tag text
+     */
+    text?: string;
+    /**
+     * The tag color scheme
+     *
+     *  - **neutral** should be used when doing non-link actions such as filters or multi-select, within forms, etc.
+     *  - **neutral-hybrid** should be used for when tags are doing an action like a button or a link
+     *  - **branded** should be used like Neutral, but for marketing / actionable items
+     */
+    color: Color.Neutral | Color.Branded | Color.NeutralHybrid;
+    /**
+     * The tag shape
+     *
+     * - **round** will give the tag a rounded border
+     * - **square** will give the tag a squared border
+     */
+    shape: Shape.Round | Shape.Square;
+    /**
+     * Disabled state for remove tag
+     */
+    disabled?: boolean;
+    /**
+     * Dispatches an event when the tag is clicked
+     */
+    private _handleRemoveTagClicked;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cre8-remove-tag': Cre8RemoveTag;
+    }
+}
+export default Cre8RemoveTag;
+//# sourceMappingURL=remove-tag.d.ts.map

package/lib/components/remove-tag/remove-tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"remove-tag.d.ts","sourceRoot":"","sources":["../../../components/remove-tag/remove-tag.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,cAAc,CAAC;AAGtB,oBAAY,KAAK;IACf,KAAK,UAAU;IACf,MAAM,WAAW;CAClB;AAED,oBAAY,KAAK;IACf,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,aAAa,mBAAmB;CACjC;AAED;;;GAGG;AACH,qBAAa,aAAc,SAAQ,WAAW;IAC1C,MAAM,CAAC,MAAM,4BAAY;IAE3B;;OAEG;IAEC,IAAI,CAAC,EAAE,MAAM,CAAC;IAElB;;;;;;OAMG;IAEC,KAAK,EAAE,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,aAAa,CAAiB;IAE/E;;;;;OAKG;IAEC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAe;IAEpD;;OAEG;IAEC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,OAAO,CAAC,uBAAuB;IAS/B,MAAM;CAyBP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF;AAED,eAAe,aAAa,CAAC"}

package/lib/components/remove-tag/remove-tag.styles.d.ts

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

package/lib/components/remove-tag/remove-tag.styles.d.ts.map

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

package/lib/components/section/section.d.ts

@@ -0,0 +1,33 @@
+import { Cre8Element } from '../cre8-element';
+/**
+ * The section component acts as a block level HTML element that takes a 'headline' property
+ * that renders the section's heading which wraps around any HTML template
+ * that is found under this heading in the page layout.
+ *
+ * # How to Use
+ * 1. Use the headline attribute to create the section header, or if you need a more custom header
+ *    there is a slot="header" that you can target for inserting a custom template.
+ * 2. For the main body contents, any html template can be placed inside the cre8-section component
+ *    and will automatically render below the header.
+ *
+ * Note: for a section with a dark background please control this with the internal Components' inverted attributes.
+ *
+ *
+ * @slot The content of the section should go here.
+ * It could be a cre8-text-passage, a cre8-card or any other block level html.
+ */
+export declare class Cre8Section extends Cre8Element {
+    static styles: import("lit").CSSResult[];
+    /**
+     * The Headline will be rendered as the Section Headline with the correct brand styling applied
+     */
+    headline?: string;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cre8-section': Cre8Section;
+    }
+}
+export default Cre8Section;
+//# sourceMappingURL=section.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"section.d.ts","sourceRoot":"","sources":["../../../components/section/section.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C;;;;;;;;;;;;;;;;GAgBG;AAEH,qBAAa,WAAY,SAAQ,WAAW;IACxC,MAAM,CAAC,MAAM,4BAAY;IAE3B;;OAEG;IAGC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAEtB,MAAM;CAmBP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF;AAED,eAAe,WAAW,CAAC"}

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

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

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

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