@tmorrow/cre8-wc 1.0.14

package/lib/components/tabs/tabs.d.ts

@@ -0,0 +1,238 @@
+import { Cre8Element } from '../cre8-element';
+import { Cre8TabPanel } from '../tab-panel/tab-panel';
+import { Cre8Tab } from '../tab/tab';
+/**
+ * Tabs are used to quickly navigate back and forth between views.
+ * The Tab design and interaction varies depending on the requirements for your organization and project.
+ * Standardizing on the best individual controls will improve usability and reduce development and QA time.
+ *
+ * Create a standard set of Tab controls:
+ * Primary Tabs (for system navigation), Secondary Tabs (for sub navigation within a screen).
+ *
+ * ## Usability Guidelines
+ * - The selected Tab should be visually differentiated from the other Tabs.
+ *   The deselected Tabs should still look enabled.
+ *   Dimming the other Tabs decreases the legibility of items that are actually active and clickable.
+ * - There must be a minimum of 2 Tabs.
+ * - Showing status in a Tab is non-standard (such as 0%, 10%).
+ * - Tab labels and content should be parallel, with the exception of a Summary or Overview Tab
+ *   which can be a rollup of content across other Tabs.
+ * - Keep the font size of the Tabs the same.
+ *   If the Tabs are a fixed width and one of the labels is too long,
+ *   don't resize the text to fit and consider wrapping text to a second line.
+ * - If possible, don't truncate text because it makes it harder to understand what's in the Tab.
+ * - Try not to use more than six Tabs to keep the UI uncluttered.
+ * - Do not stack Tabs on top of each other, and do not nest Tabs within Tabs.
+ *   Find alternate ways of navigating page hierarchy.
+ *
+ * @slot default - Default, unnamed slot container for each `cre8-tab` button
+ * @slot panel - Container for each `cre8-tab-panel` content item
+ */
+export declare class Cre8Tabs extends Cre8Element {
+    static styles: import("lit").CSSResult[];
+    /**
+     * Tab sizes
+     * - **default** displays the cre8-tab text with cre8-typography-label-default
+     * - **sm** displays the cre8-tab text with cre8-typography-label-small
+     * @type {"sm"}
+     * @attr
+     */
+    size?: 'sm';
+    /**
+     * Displays a set of tabs with a spanning the width of the element
+     * @attr {boolean}
+     */
+    fullWidth?: boolean;
+    /**
+     * Auto Increment id to sync tab and tab panel
+     *
+     * _*This property is dynamically set_
+     */
+    tabId: string;
+    /**
+     * Sets the initial active tab (e.g. 0 sets the first tab, 1 sets the second tab, etc.)
+     * @attr {number}
+     */
+    activeIndex?: number;
+    /**
+     * The active tab
+     *
+     * _*This property is dynamically set_
+     */
+    activeTab?: Cre8Tab;
+    /**
+     * If position from left is greater than 0, set isStart to false. Otherwise set isStart to true.
+     *
+     * _*This property is dynamically set_
+     * @attr {boolean}
+     */
+    isStart?: boolean;
+    /**
+     * If last child is fully in the viewport, set isEnd to true. Otherwise, set isEnd to false.
+     *
+     * _*This property is dynamically set_
+     * @attr {boolean}
+     */
+    isEnd?: boolean;
+    /**
+     * Query all the tab items
+     */
+    _Cre8TabItems: Array<Cre8Tab>;
+    /**
+     * Query all the tab panels
+     */
+    _Cre8TabPanels: Array<Cre8TabPanel>;
+    /**
+     * Query the tabs header element
+     */
+    _Cre8TabsHeader: HTMLElement;
+    /**
+     * Query the tabs header list element
+     */
+    _Cre8TabsHeaderList: HTMLElement;
+    /**
+     * Query the document direction value
+     *
+     * _*This property is dynamically set_
+     */
+    get isRTL(): boolean;
+    /**
+     * Initialize Functions
+     */
+    constructor();
+    /**
+     * Connected Callback Lifecycle
+     * 1. Fires each time a custom element is appended into a document-connected element.
+     */
+    connectedCallback(): void;
+    /**
+     * Disconnected Callback Lifecycle
+     * 1. Removes the event listeners to ensure that any memory allocated by your component
+     *    will be cleaned up when your component is destroyed or disconnected from the page.
+     */
+    disconnectedCallback(): void;
+    /**
+     * First Updated Lifecycle Hook
+     * 1. Sets the `aria-labelledby` prop for accessible tabs if user doesn't define the `ariaLabelledBy` prop.
+     * 2. Sets the active tab if activeIndex is defined. Otherwise, set the first tab as active by default.
+     * 3. Initialize isStart and isEnd.
+     * 4. Set the varaint on the cre8-tab according to the cre8-tabs variant.
+     */
+    firstUpdated(): Promise<void>;
+    /**
+     * Updated Lifecycle Hook
+     * 1. remove selected state from previously selected tab
+     * 2. Checks to see if the old `activeIndex` property has been updated.
+     *    If the new value doesn't equal the old value, activate the proper tab
+     */
+    updated(changedProperties: Map<string, unknown>): Promise<void>;
+    /**
+     * Handle Resize
+     * 1. On resize, if position from left is greater than 0, set isStart to false. Otherwise set isStart to true.
+     * 2. On resize, If last child is fully in the viewport, set isEnd to true. Otherwise, set isEnd to false.
+     * @fires resize
+     */
+    handleResize(): void;
+    /**
+     * Handle Scroll
+     * 1. On scroll, if position from left is greater than 0, set isStart to false. Otherwise set isStart to true.
+     * 2. On scroll, If last child is fully in the viewport, set isEnd to true. Otherwise, set isEnd to false.
+     * @fires scroll
+     */
+    handleScroll(): void;
+    /**
+     * Set isStart State
+     * 1. If position from left is greater than 0, set isStart to false. Otherwise set isStart to true.
+     */
+    setIsStart(): void;
+    /**
+     * Set isEnd State
+     * 1. If last child is fully in the viewport, set isEnd to true. Otherwise, set isEnd to false.
+     */
+    setIsEnd(): void;
+    /**
+     * Check if last overflow list item is in the viewport
+     * 1. Get children of the overflow list inner container and get bounding client rectangle of last child
+     * 2. Return true if the left property is greater than or equal to 0 and if the right property is less
+     * than or equal to the window inner width or document client width
+     */
+    isInViewport(): boolean;
+    /**
+     * Set Tab Variant
+     * 1. Loop through all the cre8-tab Components and set the size to 'sm' if the parent has size 'sm'.
+     */
+    setTabVariant(): void;
+    /**
+     * Set the attributes on tab and tab panel
+     * 1. Sets the index value on the tab items.
+     * 2. Sets the `aria-labelledby` on the tab items.
+     * 3. Set the index and id on the tab-panel to match the tab.
+     */
+    setTabAttributes(): void;
+    /**
+     * Set Active Tab
+     * 1. Sets the active state for the selected tab.
+     * 2. Sets the active state for the tab panel with the same index value as the selected tab.
+     */
+    setActiveTab(): void;
+    /**
+     * Set Active Tab Focus
+     */
+    setActiveTabFocus(): void;
+    /**
+     * Handle Tab Selected
+     * 1. Only continue if event target is a tab
+     * 2. If tab is active, make the previous selected tab inactive.
+     * 3. Set the clicked tab active.
+     * 4. Emit the custom event.
+     * @fires tabSelected
+     */
+    handleTabSelected(event: MouseEvent): void;
+    /**
+     * Handle Keydown
+     * 1. If the active tab is not focused then handle the keydown events.
+     * 2. On keydown of the right arrow, make the next tab active.
+     * 3. On keydown of the left arrow, make the previous tab active.
+     * 4. On keydown of the home key, make the first tab active.
+     * 5. On keydown of the end key, make the last tab active.
+     * 6. On keydown of the escape key, remove the focus.
+     * @fires keydown
+     */
+    handleKeydown(event: KeyboardEvent): void;
+    /**
+     * Set Selected To Previous Tab
+     * 1. Get current selected Tab index then deactivate previously selected tab.
+     * 2. If current activeIndex is in first position then move the tab focus to last tab.
+     * 3. Set the active tab and focus.
+     * 4. Emit custom event.
+     * @fires tabChange
+     */
+    setSelectedToPreviousTab(currentTab: Cre8Tab): void;
+    /**
+     * Set Selected To Next Tab
+     * 1. Get current selected Tab index then deactivate previously selected tab.
+     * 2. If current activeIndex is in last position then move the tab focus to first tab.
+     * 3. Set the active tab and focus.
+     * 4. Emit custom event.
+     * @fires tabChange
+     */
+    setSelectedToNextTab(currentTab: Cre8Tab): void;
+    /**
+     * Remove Active from Previous Tab
+     * 1. Get current selected Tab index then deactivate previously selected tab
+     * 2. If current activeIndex is in first position then move the tab focus to last tab
+     */
+    removePreviousActiveTab(): void;
+    /**
+     * Emit custom event
+     */
+    emitEvent(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cre8-tabs': Cre8Tabs;
+    }
+}
+export default Cre8Tabs;
+//# sourceMappingURL=tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../components/tabs/tabs.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAKrC;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,qBAAa,QAAS,SAAQ,WAAW;IACrC,MAAM,CAAC,MAAM,4BAAY;IAEzB;;;;;;OAMG;IAEC,IAAI,CAAC,EAAE,IAAI,CAAC;IAEhB;;;OAGG;IAEC,SAAS,CAAC,EAAE,OAAO,CAAC;IAExB;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IAEC,WAAW,CAAC,EAAE,MAAM,CAAK;IAE7B;;;;OAIG;IAEC,SAAS,CAAC,EAAE,OAAO,CAAC;IAExB;;;;;OAKG;IAEC,OAAO,CAAC,EAAE,OAAO,CAAQ;IAE7B;;;;;OAKG;IAEC,KAAK,CAAC,EAAE,OAAO,CAAS;IAE5B;;OAEG;IAEC,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAElC;;OAEG;IAEC,cAAc,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IAExC;;OAEG;IAEC,eAAe,EAAE,WAAW,CAAC;IAEjC;;OAEG;IAEC,mBAAmB,EAAE,WAAW,CAAC;IAErC;;;;OAIG;IACH,IAAI,KAAK,YAER;IAED;;OAEG;;IAgBH;;;OAGG;IACH,iBAAiB;IAKjB;;;;OAIG;IACH,oBAAoB;IAKpB;;;;;;OAMG;IACG,YAAY;IAiBlB;;;;;OAKG;IACG,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAerD;;;;;OAKG;IACH,YAAY;IAKZ;;;;;OAKG;IACH,YAAY;IAKZ;;;OAGG;IACH,UAAU;IAcV;;;OAGG;IACH,QAAQ;IAQR;;;;;OAKG;IACH,YAAY;IAYZ;;;OAGG;IACH,aAAa;IAQb;;;;;OAKG;IACH,gBAAgB;IAiBhB;;;;OAIG;IACH,YAAY;IAWZ;;OAEG;IACH,iBAAiB;IAIjB;;;;;;;OAOG;IACH,iBAAiB,CAAC,KAAK,EAAE,UAAU;IAqBnC;;;;;;;;;OASG;IACH,aAAa,CAAC,KAAK,EAAE,aAAa;IAqClC;;;;;;;OAOG;IACH,wBAAwB,CAAC,UAAU,EAAE,OAAO;IAwB5C;;;;;;;OAOG;IACH,oBAAoB,CAAC,UAAU,EAAE,OAAO;IAwBxC;;;;OAIG;IACH,uBAAuB;IAWvB;;OAEG;IACH,SAAS;IAYT,MAAM;CA2BT;AAMD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,WAAW,EAAE,QAAQ,CAAC;KACzB;CACJ;AAED,eAAe,QAAQ,CAAC"}

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

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

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

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

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

@@ -0,0 +1,92 @@
+import { Cre8FormElement } from '../cre8-form-element';
+import '../icon/icon';
+/**
+ * The tag component allows you to make selections, filter content, or trigger actions. While buttons are
+ * expected to appear consistently and with familiar calls to actions, tags should appear dynamically
+ * as a group of multiple interactions elements. It is a flexible
+ * component that comes in the following types:
+ *  - **radio**  Clicking a Radio Button causes it to change color. These tags only allow
+ * one option to be chosen and can be used in place of radio button when they need to be listed
+ * horizontally
+ *
+ *  - **checkbox** It allows for selecting options, It can be toggled on and off.
+ */
+export declare class Cre8Tag extends Cre8FormElement {
+    static styles: import("lit").CSSResult[];
+    text: string;
+    /**
+     * Type of tag
+     * **checkbox** renders a checkbox tag
+     ***radio** renders a radio tag
+     */
+    type: 'checkbox' | 'radio';
+    /**
+     * Color variant
+     * **neutral** renders the default, unselected tag
+     * **branded** renders a selected tag
+     * **neutral-hybrid** renders a tag when mouse is hovering tag
+     */
+    variant: 'neutral' | 'branded' | 'neutral-hybrid';
+    /**
+     * shape of the tag, supports square and round, and default not mentioned its a square
+     */
+    shape: 'square' | 'round';
+    isDisabled?: boolean;
+    isSelected?: 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;
+    /**
+    * Initial checked for initial checked state
+    */
+    private initialSelected?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    renderCheckboxIcon(): import("lit-html").TemplateResult<1>;
+    private _clickCheckHandler;
+    private _handleCheckKeyDown;
+    /**
+    * Reset the radio tag field
+    */
+    resetField(): void;
+    /**
+    * Reset the radio field tags tab indeces
+    */
+    resetTabIndeces(tags: Cre8Tag[]): void;
+    /**
+    * Remove checked
+    * 1) Remove checked property from all tags and set tabindex to -1
+    * 2) Reset the form field to not checked
+    */
+    private _removeChecked;
+    /**
+    * Reset form callback
+    * 1) Remove the checked state from all radio tags
+    * 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;
+    private _clickRadioHandler;
+    private _updateSibling;
+    private _checkPreviousTag;
+    private _checkNextTag;
+    handleRadioKeyDown(event: KeyboardEvent): void;
+    /**
+    * access role when tag embedded in tag-list
+    */
+    private _getRole;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cre8-tag': Cre8Tag;
+    }
+}
+export default Cre8Tag;
+//# sourceMappingURL=tag.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../components/tag/tag.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,cAAc,CAAC;AAGtB;;;;;;;;;;GAUG;AAEH,qBAAa,OAAQ,SAAQ,eAAe;IACxC,MAAM,CAAC,MAAM,4BAAY;IAGvB,IAAI,EAAE,MAAM,CAAC;IAEjB;;;;OAIG;IAGC,IAAI,EAAE,UAAU,GAAE,OAAO,CAAC;IAE9B;;;;;OAKG;IAGC,OAAO,EAAE,SAAS,GAAG,SAAS,GAAG,gBAAgB,CAAa;IAElE;;OAEG;IAEC,KAAK,EAAE,QAAQ,GAAG,OAAO,CAAY;IAOrC,UAAU,CAAC,EAAE,OAAO,CAAC;IAOrB,UAAU,CAAC,EAAE,OAAO,CAAC;IAEzB;;MAEE;IAEE,KAAK,EAAG,gBAAgB,CAAC;IAE7B;;;OAGG;IAEC,OAAO,CAAC,EAAE,MAAM,CAAC;IAErB;;MAEE;IACF,OAAO,CAAC,eAAe,CAAC,CAAU;IAElC,iBAAiB;IASjB,oBAAoB;IAQpB,kBAAkB;IASlB,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,mBAAmB;IAO7B;;MAEE;IACO,UAAU;IAInB;;MAEE;IACA,eAAe,CAAC,IAAI,EAAE,OAAO,EAAE;IAMjC;;;;MAIE;IACA,OAAO,CAAC,cAAc;IAYxB;;;;;MAKE;IACA,iBAAiB,IAAI,IAAI;IAMzB,OAAO,CAAC,kBAAkB;IAc1B,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,iBAAiB;IAgBzB,OAAO,CAAC,aAAa;IAgBrB,kBAAkB,CAAC,KAAK,EAAE,aAAa;IAiBvC;;MAEE;IACF,OAAO,CAAC,QAAQ;IAQhB,MAAM;CAqCP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF;AAED,eAAe,OAAO,CAAC"}

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

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

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

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

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

@@ -0,0 +1,28 @@
+import { Cre8Element } from '../cre8-element';
+/**
+ * Tag List must have children which are Tag components that are of type `checkbox` or `radio`.
+ * The Tags must use the `neutral` variant and the `round` shape when they are inside a Tag List.
+ * Tag List has a label that should be used to describe the purpose of the list.
+ */
+export declare class Cre8TagList extends Cre8Element {
+    static styles: import("lit").CSSResult[];
+    /**
+     * Tag list legend label
+     */
+    label?: string;
+    /**
+     * The unique id of the select
+     * @attr {string}
+     */
+    fieldId?: string;
+    firstUpdated(): void;
+    private _initializeAria;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cre8-tag-list': Cre8TagList;
+    }
+}
+export default Cre8TagList;
+//# sourceMappingURL=tag-list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tag-list.d.ts","sourceRoot":"","sources":["../../../components/tag-list/tag-list.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C;;;;GAIG;AACH,qBAAa,WAAY,SAAQ,WAAW;IACxC,MAAM,CAAC,MAAM,4BAAY;IAE3B;;OAEG;IAEC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IAEC,OAAO,CAAC,EAAE,MAAM,CAAC;IAErB,YAAY;IAIZ,OAAO,CAAC,eAAe;IAIvB,MAAM;CAYP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,WAAW,CAAC;KAC9B;CACF;AAED,eAAe,WAAW,CAAC"}

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

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

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

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

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

@@ -0,0 +1,23 @@
+import { Cre8Element } from '../cre8-element';
+/**
+ * @slot - The component content
+ */
+export declare class Cre8TertiaryNav extends Cre8Element {
+    static styles: import("lit").CSSResult[];
+    /**
+     * Allows the tertiary nav to take up the full width of it parent container
+     */
+    fullWidth?: boolean;
+    /**
+     * 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-tertiary-nav': Cre8TertiaryNav;
+    }
+}
+export default Cre8TertiaryNav;
+//# sourceMappingURL=tertiary-nav.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tertiary-nav.d.ts","sourceRoot":"","sources":["../../../components/tertiary-nav/tertiary-nav.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C;;GAEG;AACH,qBAAa,eAAgB,SAAQ,WAAW;IAC5C,MAAM,CAAC,MAAM,4BAAY;IAE3B;;OAEG;IAEC,SAAS,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IAEC,YAAY,EAAE,MAAM,CAAc;IAEtC,MAAM;CAaP;AAMD,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,mBAAmB,EAAE,eAAe,CAAC;KAAE;CAAE;AAE5F,eAAe,eAAe,CAAC"}

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

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

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

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

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

@@ -0,0 +1,29 @@
+import { Cre8Element } from '../cre8-element';
+/**
+ * @slot - The component content
+ */
+export declare class Cre8TertiaryNavItem extends Cre8Element {
+    static styles: import("lit").CSSResult[];
+    /**
+     * The href value of the tertiary nav link
+     */
+    href?: string;
+    /**
+     * The current state of the tertiary nav link
+     */
+    isCurrent?: boolean;
+    /**
+     * Handle on click
+     * 1. On click, remove all isCurrent properties from all tertiary-nav items
+     * 2. Add isCurrent to the item clicked
+     */
+    private _handleOnClick;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cre8-tertiary-nav-item': Cre8TertiaryNavItem;
+    }
+}
+export default Cre8TertiaryNavItem;
+//# sourceMappingURL=tertiary-nav-item.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tertiary-nav-item.d.ts","sourceRoot":"","sources":["../../../components/tertiary-nav-item/tertiary-nav-item.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C;;GAEG;AACH,qBAAa,mBAAoB,SAAQ,WAAW;IAChD,MAAM,CAAC,MAAM,4BAAY;IAE3B;;OAEG;IAEC,IAAI,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IAEC,SAAS,CAAC,EAAE,OAAO,CAAC;IAExB;;;;OAIG;IACH,OAAO,CAAC,cAAc;IAatB,MAAM;CAkBP;AAMD,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,wBAAwB,EAAE,mBAAmB,CAAC;KAAE;CAAE;AAErG,eAAe,mBAAmB,CAAC"}

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

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

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

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

package/lib/components/text-link/text-link.d.ts

@@ -0,0 +1,43 @@
+import { Cre8Element } from '../cre8-element';
+/**
+ * @slot - The component content
+ */
+export declare class Cre8TextLink extends Cre8Element {
+    static styles: import("lit").CSSResult[];
+    /**
+     * The link URL
+     */
+    href?: string;
+    /**
+     * Style variant
+     * <cre8-text-passage size="sm">
+     * <ul>
+     * <li> **display** applies display treatment to the text link (e.g. article title link)</li>
+     * <li> **secondary** applies secondary treatment to the text link (e.g. non-prominent links)</li>
+     * </ul>
+     * </cre8-text-passage>
+     */
+    variant?: 'display' | 'secondary';
+    /**
+     * Size variant
+     * <cre8-text-passage size="sm">
+     * <ul>
+     * <li> **sm** renders a smaller typography preset than the default</li>
+     * </ul>
+     * </cre8-text-passage>
+     */
+    size?: 'sm';
+    /**
+     * Inverted variant
+     * 1) Used for dark backgrounds
+     */
+    inverted?: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cre8-text-link': Cre8TextLink;
+    }
+}
+export default Cre8TextLink;
+//# sourceMappingURL=text-link.d.ts.map

package/lib/components/text-link/text-link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-link.d.ts","sourceRoot":"","sources":["../../../components/text-link/text-link.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C;;GAEG;AACH,qBAAa,YAAa,SAAQ,WAAW;IACzC,MAAM,CAAC,MAAM,4BAAY;IAE3B;;OAEG;IAEC,IAAI,CAAC,EAAE,MAAM,CAAC;IAElB;;;;;;;;OAQG;IAEC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAEtC;;;;;;;OAOG;IAEC,IAAI,CAAC,EAAE,IAAI,CAAC;IAEhB;;;OAGG;IAEC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEvB,MAAM;CAkBP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF;AAED,eAAe,YAAY,CAAC"}

package/lib/components/text-link/text-link.styles.d.ts

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

package/lib/components/text-link/text-link.styles.d.ts.map

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

package/lib/components/text-passage/text-passage-light-dom.d.ts

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

package/lib/components/text-passage/text-passage-light-dom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-passage-light-dom.d.ts","sourceRoot":"","sources":["../../../components/text-passage/text-passage-light-dom.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,MAAM,yBA6IX,CAAC;AACF,eAAe,MAAM,CAAC"}

package/lib/components/text-passage/text-passage-light-dom.styles.d.ts

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

package/lib/components/text-passage/text-passage-light-dom.styles.d.ts.map

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

package/lib/components/text-passage/text-passage.d.ts

@@ -0,0 +1,44 @@
+import { Cre8Element } from '../cre8-element';
+/**
+ * The text-passage component acts a general wrapper element
+ * for any text content that needs to be used in your project.
+ *
+ * # How to Use
+ * 1. Code your text passage using any of the native html text elements (p, ol, ul, blockquote, cite, etc.)
+ *    or other Cre8 Components like cre8-heading and wrap them with the cre8-text-passage tags.
+ * 2. Choose between three sizes for your text content or apply inline styling if you need additional styling.
+ * 3. For dark backgrounds, add the 'inverted' attribute to the <cre8-text-passage> tag.
+ * 3. Your text-passage will render with brand-approved styling!
+ *
+ *
+ * NOTE: It is recommended that you use the cre8-heading component for any heading elements in your HTML template
+ *
+ * @slot - The component content
+ */
+export declare class Cre8TextPassage extends Cre8Element {
+    static styles: import("lit").CSSResult[];
+    /**
+     * Inverted variant
+     * 1) Used for dark backgrounds
+     */
+    inverted?: boolean;
+    /**
+     * Size variant
+     * - **small** renders smaller typography than the default variant
+     * - **default** renders default typography variant
+     * - **large** renders larger typography than the default variant
+     */
+    size?: 'small' | 'default' | 'large';
+    /**
+     * Add the light dom styles when this component is connected to a page
+     */
+    connectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cre8-text-passage': Cre8TextPassage;
+    }
+}
+export default Cre8TextPassage;
+//# sourceMappingURL=text-passage.d.ts.map

package/lib/components/text-passage/text-passage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-passage.d.ts","sourceRoot":"","sources":["../../../components/text-passage/text-passage.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAI9C;;;;;;;;;;;;;;;GAeG;AACH,qBAAa,eAAgB,SAAQ,WAAW;IAC5C,MAAM,CAAC,MAAM,4BAAY;IAE3B;;;OAGG;IAEC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;;OAKG;IAEC,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAa;IAErD;;OAEG;IACH,iBAAiB;IAYjB,MAAM;CAcP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF;AAED,eAAe,eAAe,CAAC"}

package/lib/components/text-passage/text-passage.styles.d.ts

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

package/lib/components/text-passage/text-passage.styles.d.ts.map

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