@tmorrow/cre8-wc 1.0.14

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

@@ -0,0 +1,71 @@
+import { Cre8Element } from '../cre8-element';
+/**
+ * @slot - The label for the navigation item
+ */
+export declare class Cre8GlobalNavItem 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;
+    closePanel(): void;
+    private _handleOnKeyDown;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cre8-global-nav-item': Cre8GlobalNavItem;
+    }
+}
+export default Cre8GlobalNavItem;
+//# sourceMappingURL=global-nav-item.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"global-nav-item.d.ts","sourceRoot":"","sources":["../../../components/global-nav-item/global-nav-item.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG1C;;GAEG;AACP,qBAAa,iBAAkB,SAAQ,WAAW;IAC9C;;OAEG;IAEC,IAAI,SAAc;IAEtB;;OAEG;IAEC,IAAI,SAAO;IAEf;;OAEG;IAEC,QAAQ,CAAC,EAAE,MAAM,CAAyB;IAE9C;;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;IAMjB;;;OAGG;IACH,oBAAoB;IAKpB;;;;;;;;;;;;;OAaG;IACH,OAAO,CAAC,qBAAqB;IAoB7B;;;;OAIG;IACH,OAAO,CAAC,aAAa;IAarB,UAAU;IAIV,OAAO,CAAC,gBAAgB;IAcxB,MAAM;CA4CT;AAMD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,sBAAsB,EAAE,iBAAiB,CAAC;KAC7C;CACJ;AAED,eAAe,iBAAiB,CAAC"}

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

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

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

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

package/lib/components/grid/grid.d.ts

@@ -0,0 +1,49 @@
+import { Cre8Element } from '../cre8-element';
+/**
+ * @slot - The grid items
+ */
+export declare class Cre8Grid extends Cre8Element {
+    static styles: import("lit").CSSResult[];
+    /**
+     * Style variant
+     * - **side-by-side** yields a grid whose grid items display side-by-side (2 per row) on all screen sizes
+     * - **2up** yields a grid whose grid items are stacked on small screens
+     *   but display side-by-side when enough screen real estate is available to do so
+     * - **3up** yields a grid whose grid items are stacked on small screens,
+     *   transforms to a 2-across pattern and then transforms again to a 3-across pattern
+     * - **1-3up** yields a grid whose grid items are stacked on small screens
+     *   and transforms to a 3-across pattern on larger screens
+     * - **4up** yields a grid whose grid items are stacked on small screens,
+     *   transforms to a 2-across pattern, transforms again to a 3-across pattern,
+     *   and ultimately transforms to a 4-across pattern
+     * - **1-2-4up** yields a grid whose grid items are stacked on small screens,
+     *   transforms to a 2-across pattern, and ultimately transforms to a 4-across pattern
+     * - **1-4up** yields a grid whose grid items are stacked on small screens,
+     *   transforms to a 4-across pattern on medium/large screens
+     */
+    variant?: 'side-by-side' | '2up' | '3up' | '1-3up' | '4up' | '1-4up' | '1-2-4up' | '2-4-6up';
+    /**
+     * Style variant
+     * - **none** yields a grid whose grid items are spaced without any gutter in between
+     * - **sm** yields a grid whose grid items are spaced with a gap smaller than the default
+     * - **lg** yields a grid whose grid items are spaced with a gap larger than the default
+     */
+    gap?: 'none' | 'sm' | 'lg';
+    /**
+     * Break variant
+     * - **faster** breaks the grid at a smaller width than the default.
+     *   Example: 2up grid breaks to 2 per row at smaller width than default
+     * - **slower** breaks the grid at a larger width than the default.
+     *   Example: 2up grid breaks to 2 per row at larger width than default
+     * - **lg** yields a grid whose grid items are spaced with a gap larger than the default
+     */
+    break?: 'faster' | 'slower';
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cre8-grid': Cre8Grid;
+    }
+}
+export default Cre8Grid;
+//# sourceMappingURL=grid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../components/grid/grid.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C;;GAEG;AACH,qBAAa,QAAS,SAAQ,WAAW;IACrC,MAAM,CAAC,MAAM,4BAAY;IAE3B;;;;;;;;;;;;;;;;OAgBG;IAEC,OAAO,CAAC,EAAE,cAAc,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,KAAK,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;IAEjG;;;;;OAKG;IAEC,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IAE/B;;;;;;;OAOG;IAEC,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAEhC,MAAM;CAuBP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF;AAED,eAAe,QAAQ,CAAC"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"grid-item.d.ts","sourceRoot":"","sources":["../../../components/grid-item/grid-item.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C;;GAEG;AACH,qBAAa,YAAa,SAAQ,WAAW;IACzC,MAAM,CAAC,MAAM,4BAAY;IAEzB,MAAM;CAST;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF;AAED,eAAe,YAAY,CAAC"}

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

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

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

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

package/lib/components/header/header.d.ts

@@ -0,0 +1,20 @@
+import { Cre8Element } from '../cre8-element';
+/**
+ * @slot - The header content
+ */
+export declare class Cre8Header extends Cre8Element {
+    static styles: import("lit").CSSResult[];
+    /**
+     * Is active state
+     * 1) Set to true when small screen menu is open
+     */
+    isActive?: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cre8-header': Cre8Header;
+    }
+}
+export default Cre8Header;
+//# sourceMappingURL=header.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../components/header/header.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C;;GAEG;AACH,qBAAa,UAAW,SAAQ,WAAW;IACvC,MAAM,CAAC,MAAM,4BAAY;IAE3B;;;OAGG;IAEC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEvB,MAAM;CA+BP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF;AAED,eAAe,UAAU,CAAC"}

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

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

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

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

package/lib/components/heading/heading.d.ts

@@ -0,0 +1,81 @@
+import { Cre8Element } from '../cre8-element';
+/**
+ *  HTML headings are titles or subtitles that you want to display on a webpage. The H1 is the most important and H6
+ *  is the least important in the content hierarchy.
+ *
+ * # How to Use
+ * 1. The cre8-heading tag wraps around one of the six native HTML "h" tags, depending on your chosen variation.
+ * 2. There are two main use cases for using this component:
+ *    text passage headings and Components with a title (i.e. modal, card or alert)
+ * 3. There will be instances when the design requires the heading text to have the brand color applied
+ *    in which case you should set the [brandColor](?path=/story/cre8-components-heading--brand-color)
+ *    attribute to true on the cre8-heading tag.
+ * 4. For dark backgrounds, add the [inverted](?path=/story/cre8-components-heading--inverted)
+ *    attribute to the tag for white text.
+ *
+ *
+ * @slot - The heading text content
+ */
+export declare class Cre8Heading extends Cre8Element {
+    static styles: import("lit").CSSResult[];
+    /**
+     * Heading type
+     * <cre8-text-passage size="small">
+     * <ul>
+     * <li>**display-default** renders a heading with the heading display-default preset treatment</li>
+     * <li>**display-small** renders a heading with the heading display-small preset treatment</li>
+     * <li>**headline-large** renders a heading with the heading headline-large preset treatment</li>
+     * <li>**headline-default** renders a heading with the heading headline-default preset treatment</li>
+     * <li>**headline-small** renders a heading with the heading headline-small preset treatment</li>
+     * <li>**title-xlarge** renders a heading with the heading title-xlarge preset treatment</li>
+     * <li>**title-large** renders a heading with the heading title-large preset treatment</li>
+     * <li>**title-default** renders a heading with the heading title-default preset treatment</li>
+     * <li>**title-small** renders a heading with the heading title-small preset treatment</li>
+     * <li>**label-large** renders a heading with the label-large preset treatment</li>
+     * <li>**label** renders a heading with the label preset treatment</li>
+     * <li>**label-small** renders a heading with the label-small preset treatment</li>
+     * <li>**meta-large** renders a heading with the meta-large preset treatment</li>
+     * <li>**meta-default** renders a heading with the meta-default preset treatment</li>
+     * <li>**meta-small** renders a heading with the meta-small preset treatment</li>
+     * </ul>
+     * </cre8-text-passage>
+     */
+    type?: 'display-default' | 'display-small' | 'headline-large' | 'headline-default' | 'headline-small' | 'title-xlarge' | 'title-large' | 'title-default' | 'title-small' | 'label-large' | 'label-default' | 'label-small' | 'meta-large' | 'meta-default' | 'meta-small';
+    /**
+     * Dynamic tag name for the component
+     * 1) This is needed to use proper semantic heading treatments depending on where the banner lives on the page
+     * <cre8-text-passage size="small">
+     * <ul>
+     * <li>**h1** renders an `h1` tag</li>
+     * <li>**h2** renders an `h2` tag. This is the default</li>
+     * <li>**h3** renders an `h3` tag</li>
+     * <li>**h4** renders an `h4` tag</li>
+     * <li>**h5** renders an `h5` tag</li>
+     * <li>**h6** renders an `h6` tag</li>
+     * </ul>
+     * </cre8-text-passage>
+     *
+     * @attr{string}
+     */
+    tagVariant: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    /**
+     * Invert the color of the font from dark to light. An inverted `heading` should be used on a dark background.
+     *
+     * @attr{boolean}
+     */
+    inverted?: boolean;
+    /**
+     * Apply the brand color to the heading text.
+     *
+     * @attr{boolean}
+     */
+    brandColor?: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cre8-heading': Cre8Heading;
+    }
+}
+export default Cre8Heading;
+//# sourceMappingURL=heading.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../../../components/heading/heading.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG1C;;;;;;;;;;;;;;;;GAgBG;AACP,qBAAa,WAAY,SAAQ,WAAW;IACxC,MAAM,CAAC,MAAM,4BAAY;IAEzB;;;;;;;;;;;;;;;;;;;;;OAqBG;IAEC,IAAI,CAAC,EACH,iBAAiB,GACjB,eAAe,GACf,gBAAgB,GAChB,kBAAkB,GAClB,gBAAgB,GAChB,cAAc,GACd,aAAa,GACb,eAAe,GACf,aAAa,GACb,aAAa,GACb,eAAe,GACf,aAAa,GACb,YAAY,GACZ,cAAc,GACd,YAAY,CAAC;IAEnB;;;;;;;;;;;;;;;OAeG;IAEC,UAAU,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAE/D;;;;OAIG;IAEC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;OAIG;IAEC,UAAU,CAAC,EAAE,OAAO,CAAC;IAEzB,MAAM;CAkDT;AAOD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,cAAc,EAAE,WAAW,CAAC;KAC/B;CACJ;AAED,eAAe,WAAW,CAAC"}

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

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

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

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

package/lib/components/hero/hero.d.ts

@@ -0,0 +1,39 @@
+import { Cre8Element } from '../cre8-element';
+/**
+ * @slot - The component content
+ */
+export declare class Cre8Hero extends Cre8Element {
+    static styles: import("lit").CSSResult[];
+    /**
+     * Image source
+     */
+    imgSrc?: string;
+    /**
+     * Image alt text
+     */
+    imgAlt?: string;
+    /**
+     * Position variant. Bottom left is the default position
+     * <cre8-text-passage size="sm">
+     * <ul>
+     * <li>**top-left** renders content in the top left corner of the image</li>
+     * <li>**left** renders content in the left, center part of the image</li>
+     * <li>**top-center** renders content in the top, center part of the image</li>
+     * <li>**center** renders content center of the image</li>
+     * <li>**bottom-center** renders content bottom center of the image</li>
+     * <li>**top-right** renders content top-right of the image</li>
+     * <li>**right** renders content right of the image</li>
+     * <li>**bottom-right** renders content bottom, right part of the image</li>
+     * </ul>
+     * </cre8-text-passage>
+     */
+    align?: 'top-left' | 'left' | 'top-center' | 'center' | 'bottom-center' | 'top-right' | 'right' | 'bottom-right';
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cre8-hero': Cre8Hero;
+    }
+}
+export default Cre8Hero;
+//# sourceMappingURL=hero.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hero.d.ts","sourceRoot":"","sources":["../../../components/hero/hero.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C;;GAEG;AACH,qBAAa,QAAS,SAAQ,WAAW;IACrC,MAAM,CAAC,MAAM,4BAAY;IAE3B;;OAEG;IAEC,MAAM,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IAEC,MAAM,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;;;;;;;;;;;OAcG;IAEC,KAAK,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,YAAY,GAAG,QAAQ,GAAG,eAAe,GAAG,WAAW,GAAG,OAAO,GAAG,cAAc,CAAC;IAErH,MAAM;CAuBP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF;AAED,eAAe,QAAQ,CAAC"}

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

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

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

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

package/lib/components/icon/icon.d.ts

@@ -0,0 +1,78 @@
+import { TemplateResult } from 'lit';
+import { Cre8Element } from '../cre8-element';
+/**
+ *
+ * <svg> is a web component, which can be used with any frontend framework and use any svg.
+ * It takes raw svgs as props and renders them.
+ *
+ * **'svg-legacy'** will be **deprecated** in Web Components v0.5.0
+ *
+ * - [List of new figma icons](https:/www.figma.com/file/j1a0rBkoH65XiGKfq7ppWa/Iconography?type=design&node-id=2037-5773&mode=design&t=6ZzC6KH3Gkxf3fj5-4)
+ * - The new `svg` from the svg package: https:/static-dev.esi-memberweb-dev.aws.evernorthcloud.com/svgs/.
+ *
+ * ##Usability Considerations
+ * - If the icon is decorative: set `aria-hidden` to true.
+ * - If the icon is interactive (not decorative): set `aria-hidden` to false and add the `aria-label`
+ * - If the icon is key to functionality from a screen reader perspective, it is required to add `aria-label`
+ * which will describe the icon.
+ * For example, if the icon is a close button, setting `aria-label="Close"`will give
+ * the SVG an aria-label to make it sufficiently accessible.
+ *
+ * [More information on Accessibility with svgs](https:/static-dev.esi-memberweb-dev.aws.evernorthcloud.com/svgs/?path=/story/getting-started-accessibility--page)
+ *
+ * ##How to use
+ * Cre8 Web Components (cre8-wc) includes the `cre8_dev/svgs` package.
+ * If you need to install a newer version than what's included, please see
+ * the [installation instructions for svgs](https:/git.express-scripts.com/ExpressScripts/svgs#installation).
+ * - Import the component (this is the icon container): `import '@cre8_dev/svgs';`
+ * - Import an svg as a string: `import svgInfo from 'cre8_dev/svgs/lib/icons/System/Regular/Info.svg?raw';`
+ *
+ * Your import paths may be different depending on your project's build configuration.
+ * Please see [Importing Icons](https:/static-dev.esi-memberweb-dev.aws.evernorthcloud.com/svgs/?path=/story/icon-sets-importing-icons--page)
+ * of the `cre8_dev/svgs` documentation for more information.
+ */
+export declare class Cre8Icon extends Cre8Element {
+    static styles: import("lit").CSSResult[];
+    /**
+     * Focusable
+     *
+     * @required
+     */
+    focusable?: boolean;
+    /**
+     * Icon name (this method of passing in svgs is to be deprecated)
+     *
+     * @required
+     */
+    name: string;
+    svg?: string;
+    /**
+     * Icon path
+     * 1) This points to the file where the icon sprite lives
+     * 2) This method of pathing will soon be depricated
+     *
+     */
+    iconUrl?: string;
+    /**
+     * Icon Title, this string is used for the aira-label of the svg
+     *
+     * @required
+     */
+    iconTitle?: string;
+    /**
+     * Get the path to the icons, either by overriding it on the window
+     * or by using the bundled icon path
+     */
+    getIconPath(): string;
+    render(): TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cre8-icon': Cre8Icon;
+    }
+    interface Window {
+        Cre8_ICON_URL?: string;
+    }
+}
+export default Cre8Icon;
+//# sourceMappingURL=icon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../components/icon/icon.ts"],"names":[],"mappings":"AAGA,OAAO,EAAQ,cAAc,EAAI,MAAM,KAAK,CAAC;AA0D7C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAI9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEH,qBAAa,QAAS,SAAQ,WAAW;IACrC,MAAM,CAAC,MAAM,4BAAY;IAEzB;;;;OAIG;IAEC,SAAS,CAAC,EAAE,OAAO,CAAC;IAExB;;;;OAIG;IAEC,IAAI,EAAE,MAAM,CAAC;IAGb,GAAG,CAAC,EAAC,MAAM,CAAA;IACf;;;;;OAKG;IAEC,OAAO,CAAC,EAAE,MAAM,CAAc;IAElC;;;;OAIG;IAEC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,WAAW;IAaX,MAAM;CA2FL;AAOL,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,WAAW,EAAE,QAAQ,CAAC;KACzB;IACD,UAAU,MAAM;QACZ,aAAa,CAAC,EAAE,MAAM,CAAC;KAC1B;CACJ;AAED,eAAe,QAAQ,CAAC"}

package/lib/components/icon/icon.js

@@ -0,0 +1,9 @@
+import "lit";
+import "lit/directives/unsafe-html.js";
+import "lit/decorators.js";
+import { C as a, C as e } from "../../icon-ClNBixxp.js";
+import "../components/cre8-element/components/cre8-element.js";
+export {
+  a as Cre8Icon,
+  e as default
+};

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

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

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

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

package/lib/components/inline-alert/inline-alert.d.ts

@@ -0,0 +1,52 @@
+import { Cre8Element } from '../cre8-element';
+import '../icon/icon';
+/**
+ * In cases when it is necessary to alert the user but a less strong message that cannot be dismissed is desired,
+ * use an in-line contextual alert message as the least "severe" message type.
+ * These can be displayed anywhere on the page, but should never cover content.
+ * Inline alerts do not include a title or close capability and are considered minimally intrusive user messaging.
+ *
+ * @slot - The component content
+ */
+export declare class Cre8InlineAlert extends Cre8Element {
+    static styles: import("lit").CSSResult[];
+    /**
+     *  DEPRECATED: Icon name used for the icon before to the field note
+     * @deprecated
+    */
+    iconName?: string;
+    /**
+     * Full width Inline Alert
+     * @attr {boolean}
+     */
+    fullWidth?: boolean;
+    /**
+     * Icon title used for the icon alt text
+     */
+    iconTitle?: string;
+    /**
+     * Variant
+     * - **subtle** (default) renders an alert message in a padded container with a with a border and background color
+     * - **transparent** renders an alert message with no padded container, border, or background color
+     */
+    variant: 'transparent' | 'subtle';
+    /**
+     * Status
+     * - **default** renders an inline alert with the brand colors
+     * - **error** renders an inline alert with an error state
+     * - **warning** renders an inline alert with a warning state
+     * - **success** renders an inline alert with a success state
+     * - **attention** renders an inline alert with an attention state
+     * - **neutral** renders an inline alert with a nuetral state
+     */
+    status?: 'error' | 'warning' | 'success' | 'attention' | 'neutral' | 'help' | 'info';
+    private mapStatusToIconInlineAlert;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cre8-inline-alert': Cre8InlineAlert;
+    }
+}
+export default Cre8InlineAlert;
+//# sourceMappingURL=inline-alert.d.ts.map

package/lib/components/inline-alert/inline-alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-alert.d.ts","sourceRoot":"","sources":["../../../components/inline-alert/inline-alert.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,OAAO,cAAc,CAAC;AAEtB;;;;;;;GAOG;AACH,qBAAa,eAAgB,SAAQ,WAAW;IAC5C,MAAM,CAAC,MAAM,4BAAY;IAEzB;;;MAGE;IAEE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IAEC,SAAS,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IAEC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEvB;;;;OAIG;IAEC,OAAO,EAAE,aAAa,GAAG,QAAQ,CAAY;IAEjD;;;;;;;;OAQG;IAEC,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAU;IAOlG,OAAO,CAAC,0BAA0B;IAiDlC,MAAM;CAyBT;AAMD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,mBAAmB,EAAE,eAAe,CAAC;KACxC;CACJ;AAED,eAAe,eAAe,CAAC"}

package/lib/components/inline-alert/inline-alert.styles.d.ts

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

package/lib/components/inline-alert/inline-alert.styles.d.ts.map

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

package/lib/components/layout/layout.d.ts

@@ -0,0 +1,25 @@
+import { Cre8Element } from '../cre8-element';
+/**
+ * @slot - The layout content
+ */
+export declare class Cre8Layout extends Cre8Element {
+    static styles: import("lit").CSSResult[];
+    /**
+     *  Style variants
+     * <cre8-text-passage size="sm">
+     * <ul>
+     * <li>Default is a right sidebar</li>
+     * <li>**left-sidebar** formats the first `layout-section` component as a left sidebar</li>
+     * </ul>
+     * </cre8-text-passage>
+     */
+    variant?: 'left-sidebar';
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cre8-layout': Cre8Layout;
+    }
+}
+export default Cre8Layout;
+//# sourceMappingURL=layout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../components/layout/layout.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C;;GAEG;AACH,qBAAa,UAAW,SAAQ,WAAW;IACvC,MAAM,CAAC,MAAM,4BAAY;IAE3B;;;;;;;;OAQG;IAEC,OAAO,CAAC,EAAE,cAAc,CAAC;IAE7B,MAAM;CAWP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF;AAED,eAAe,UAAU,CAAC"}

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

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

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

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

package/lib/components/layout-container/layout-container.d.ts

@@ -0,0 +1,20 @@
+import { Cre8Element } from '../cre8-element';
+/**
+ * @slot - The contents of the layout container
+ */
+export declare class Cre8LayoutContainer extends Cre8Element {
+    static styles: import("lit").CSSResult[];
+    /**
+     * Full height variant
+     * 1) Sets the height to 100%
+     */
+    fullHeight?: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cre8-layout-container': Cre8LayoutContainer;
+    }
+}
+export default Cre8LayoutContainer;
+//# sourceMappingURL=layout-container.d.ts.map

package/lib/components/layout-container/layout-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-container.d.ts","sourceRoot":"","sources":["../../../components/layout-container/layout-container.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C;;GAEG;AACH,qBAAa,mBAAoB,SAAQ,WAAW;IAChD,MAAM,CAAC,MAAM,4BAAY;IAE3B;;;OAGG;IAEC,UAAU,CAAC,EAAE,OAAO,CAAC;IAEzB,MAAM;CAWP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,mBAAmB,CAAC;KAC9C;CACF;AAED,eAAe,mBAAmB,CAAC"}

package/lib/components/layout-container/layout-container.styles.d.ts

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

package/lib/components/layout-container/layout-container.styles.d.ts.map

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

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

@@ -0,0 +1,26 @@
+import { Cre8Element } from '../cre8-element';
+/**
+ * @slot - The content of the layout section
+ */
+export declare class Cre8LayoutSection extends Cre8Element {
+    static styles: import("lit").CSSResult[];
+    /**
+     * Behavioral variants
+     * - **sticky** allows the layout section to stick to the screen until the
+     *   section reaches the bottom of the layout or the next layout section.
+     */
+    behavior?: 'sticky';
+    /**
+     * Top style
+     * 1) Used to create dynamic sticky containers that can be adjusted based on the content
+     */
+    top?: string;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cre8-layout-section': Cre8LayoutSection;
+    }
+}
+export default Cre8LayoutSection;
+//# sourceMappingURL=layout-section.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"layout-section.d.ts","sourceRoot":"","sources":["../../../components/layout-section/layout-section.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C;;GAEG;AACH,qBAAa,iBAAkB,SAAQ,WAAW;IAC9C,MAAM,CAAC,MAAM,4BAAY;IAE3B;;;;OAIG;IAEC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAExB;;;OAGG;IAEC,GAAG,CAAC,EAAE,MAAM,CAAU;IAE1B,MAAM;CAWP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF;AAED,eAAe,iBAAiB,CAAC"}

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

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