@tmorrow/cre8-wc 1.0.14

package/lib/cdn-entry.d.ts

@@ -0,0 +1,106 @@
+/**
+ * CDN Entry Point
+ *
+ * This file is the entry point for CDN builds. It imports all components
+ * (which auto-registers them as custom elements) and re-exports them for
+ * programmatic access.
+ *
+ * Usage via script tag (IIFE):
+ *   <script src="https://cdn.example.com/cre8-wc.min.js"></script>
+ *   <cre8-button>Click me</cre8-button>
+ *   <script>
+ *     // Components are also available on window.Cre8WC
+ *     const btn = document.querySelector('cre8-button');
+ *   </script>
+ *
+ * Usage via ES module:
+ *   <script type="module">
+ *     import { Cre8Button } from 'https://cdn.example.com/cre8-wc.esm.js';
+ *   </script>
+ */
+import { Cre8Accordion } from './components/accordion/accordion';
+import { Cre8AccordionItem } from './components/accordion-item/accordion-item';
+import { Cre8Alert } from './components/alert/alert';
+import { Cre8Badge } from './components/badge/badge';
+import { Cre8Band } from './components/band/band';
+import { Cre8Breadcrumbs } from './components/breadcrumbs/breadcrumbs';
+import { Cre8BreadcrumbsItem } from './components/breadcrumbs-item/breadcrumbs-item';
+import { Cre8Button } from './components/button/button';
+import { Cre8ButtonGroup } from './components/button-group/button-group';
+import { Cre8Card } from './components/card/card';
+import { Cre8Chart } from './components/chart/chart';
+import { Cre8CheckboxField } from './components/checkbox-field/checkbox-field';
+import { Cre8CheckboxFieldItem } from './components/checkbox-field-item/checkbox-field-item';
+import { Cre8DangerButton } from './components/danger-button/danger-button';
+import { Cre8DatePicker } from './components/date-picker/date-picker';
+import { Cre8Divider } from './components/divider/divider';
+import { Cre8Dropdown } from './components/dropdown/dropdown';
+import { Cre8DropdownItem } from './components/dropdown-item/dropdown-item';
+import { Cre8Feature } from './components/feature/feature';
+import { Cre8Field } from './components/field/field';
+import { Cre8FieldNote } from './components/field-note/field-note';
+import { Cre8Footer } from './components/footer/footer';
+import { Cre8GlobalNav } from './components/global-nav/global-nav';
+import { Cre8GlobalNavItem } from './components/global-nav-item/global-nav-item';
+import { Cre8Grid } from './components/grid/grid';
+import { Cre8GridItem } from './components/grid-item/grid-item';
+import { Cre8Header } from './components/header/header';
+import { Cre8Heading } from './components/heading/heading';
+import { Cre8Hero } from './components/hero/hero';
+import { Cre8Icon } from './components/icon/icon';
+import { Cre8InlineAlert } from './components/inline-alert/inline-alert';
+import { Cre8Layout } from './components/layout/layout';
+import { Cre8LayoutContainer } from './components/layout-container/layout-container';
+import { Cre8LayoutSection } from './components/layout-section/layout-section';
+import { Cre8LinelengthContainer } from './components/linelength-container/linelength-container';
+import { Cre8Link } from './components/link/link';
+import { Cre8LinkList } from './components/link-list/link-list';
+import { Cre8LinkListItem } from './components/link-list-item/link-list-item';
+import { Cre8List } from './components/list/list';
+import { Cre8ListItem } from './components/list-item/list-item';
+import { Cre8LoadingSpinner } from './components/loading-spinner/loading-spinner';
+import { Cre8Logo } from './components/logo/logo';
+import { Cre8Main } from './components/main/main';
+import { Cre8Modal } from './components/modal/modal';
+import { Cre8MultiSelect } from './components/multi-select/multi-select';
+import { Cre8NavContainer } from './components/nav-container/nav-container';
+import { Cre8PageHeader } from './components/page-header/page-header';
+import { Cre8Pagination } from './components/pagination/pagination';
+import { Cre8PercentBar } from './components/percent-bar/percent-bar';
+import { Cre8Popover } from './components/popover/popover';
+import { Cre8PrimaryNav } from './components/primary-nav/primary-nav';
+import { Cre8PrimaryNavItem } from './components/primary-nav-item/primary-nav-item';
+import { Cre8ProgressMeter } from './components/progress-meter/progress-meter';
+import { Cre8RadioField } from './components/radio-field/radio-field';
+import { Cre8RadioFieldItem } from './components/radio-field-item/radio-field-item';
+import { Cre8RemoveTag } from './components/remove-tag/remove-tag';
+import { Cre8Section } from './components/section/section';
+import { Cre8Select } from './components/select/select';
+import { Cre8SelectTile } from './components/select-tile/select-tile';
+import { Cre8SelectTileList } from './components/select-tile-list/select-tile-list';
+import { Cre8SkeletonLoader } from './components/skeleton-loader/skeleton-loader';
+import { Cre8SplitButton } from './components/split-button/split-button';
+import { Cre8Submenu } from './components/submenu/submenu';
+import { Cre8SubmenuItem } from './components/submenu-item/submenu-item';
+import { Cre8Tab } from './components/tab/tab';
+import { Cre8TabPanel } from './components/tab-panel/tab-panel';
+import { Cre8Table } from './components/table/table';
+import { Cre8TableBody } from './components/table-body/table-body';
+import { Cre8TableCell } from './components/table-cell/table-cell';
+import { Cre8TableHeader } from './components/table-header/table-header';
+import { Cre8TableHeaderCell } from './components/table-header-cell/table-header-cell';
+import { Cre8TableObject } from './components/table-object/table-object';
+import { Cre8TableRow } from './components/table-row/table-row';
+import { Cre8Tabs } from './components/tabs/tabs';
+import { Cre8Tag } from './components/tag/tag';
+import { Cre8TagList } from './components/tag-list/tag-list';
+import { Cre8TertiaryNav } from './components/tertiary-nav/tertiary-nav';
+import { Cre8TertiaryNavItem } from './components/tertiary-nav-item/tertiary-nav-item';
+import { Cre8TextLink } from './components/text-link/text-link';
+import { Cre8TextPassage } from './components/text-passage/text-passage';
+import { Cre8Tooltip } from './components/tooltip/tooltip';
+import { Cre8UtilityNav } from './components/utility-nav/utility-nav';
+import { Cre8UtilityNavItem } from './components/utility-nav-item/utility-nav-item';
+export declare const version = "1.0.10";
+export { Cre8Accordion, Cre8AccordionItem, Cre8Alert, Cre8Badge, Cre8Band, Cre8Breadcrumbs, Cre8BreadcrumbsItem, Cre8Button, Cre8ButtonGroup, Cre8Card, Cre8Chart, Cre8CheckboxField, Cre8CheckboxFieldItem, Cre8DangerButton, Cre8DatePicker, Cre8Divider, Cre8Dropdown, Cre8DropdownItem, Cre8Feature, Cre8Field, Cre8FieldNote, Cre8Footer, Cre8GlobalNav, Cre8GlobalNavItem, Cre8Grid, Cre8GridItem, Cre8Header, Cre8Heading, Cre8Hero, Cre8Icon, Cre8InlineAlert, Cre8Layout, Cre8LayoutContainer, Cre8LayoutSection, Cre8LinelengthContainer, Cre8Link, Cre8LinkList, Cre8LinkListItem, Cre8List, Cre8ListItem, Cre8LoadingSpinner, Cre8Logo, Cre8Main, Cre8Modal, Cre8MultiSelect, Cre8NavContainer, Cre8PageHeader, Cre8Pagination, Cre8PercentBar, Cre8Popover, Cre8PrimaryNav, Cre8PrimaryNavItem, Cre8ProgressMeter, Cre8RadioField, Cre8RadioFieldItem, Cre8RemoveTag, Cre8Section, Cre8Select, Cre8SelectTile, Cre8SelectTileList, Cre8SkeletonLoader, Cre8SplitButton, Cre8Submenu, Cre8SubmenuItem, Cre8Tab, Cre8TabPanel, Cre8Table, Cre8TableBody, Cre8TableCell, Cre8TableHeader, Cre8TableHeaderCell, Cre8TableObject, Cre8TableRow, Cre8Tabs, Cre8Tag, Cre8TagList, Cre8TertiaryNav, Cre8TertiaryNavItem, Cre8TextLink, Cre8TextPassage, Cre8Tooltip, Cre8UtilityNav, Cre8UtilityNavItem, };
+//# sourceMappingURL=cdn-entry.d.ts.map

package/lib/cdn-entry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cdn-entry.d.ts","sourceRoot":"","sources":["../cdn-entry.ts"],"names":[],"mappings":"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"}

package/lib/components/accordion/accordion.d.ts

@@ -0,0 +1,39 @@
+import { Cre8Element } from '../cre8-element';
+/**
+ * The component is a vertically stacked list of headers that reveal or hide sections of related content on a page.
+ * The header title gives the user a high level overview of the content allowing the user to decide
+ * which sections to expand for the information.
+ *
+ * Accordion contains Accordion Items as children. This component is the wrapper for grouping related accordion items.
+ *
+ * Users can select different border types: default (no border), rectangle, rounded bottom, and rounded.
+ *
+ */
+export declare class Cre8Accordion extends Cre8Element {
+    static styles: import("lit").CSSResult[];
+    /**
+     * borderType
+     * @prop {'rectangle' | 'rounded-bottom' | 'rounded' | 'none'}
+     *
+     * Controls the border and border-radius of the parent container of the slotted accordions.
+     *
+     */
+    borderType?: 'rectangle' | 'rounded-bottom' | 'rounded' | 'none';
+    /**
+     *
+     * When it is true, the inner dividers are displayed;
+     * if it is false, the inner dividers are not displayed
+     * @prop {boolean} hasDivider
+     *
+     */
+    hasDivider?: boolean;
+    connectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cre8-accordion': Cre8Accordion;
+    }
+}
+export default Cre8Accordion;
+//# sourceMappingURL=accordion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../components/accordion/accordion.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C;;;;;;;;;GASG;AAEH,qBAAa,aAAc,SAAQ,WAAW;IAC1C,MAAM,CAAC,MAAM,4BAAY;IAG3B;;;;;;OAMG;IAEC,UAAU,CAAC,EAAE,WAAW,GAAG,gBAAgB,GAAG,SAAS,GAAG,MAAM,CAAC;IAErE;;;;;;OAMG;IAEC,UAAU,CAAC,UAAS;IAExB,iBAAiB,IAAI,IAAI;IAIzB,MAAM;CAeP;AAKD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAC;KACjC;CACF;AAED,eAAe,aAAa,CAAC"}

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

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

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

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

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

@@ -0,0 +1,141 @@
+import { Cre8Element } from '../cre8-element';
+import '../icon/icon';
+import '../button/button';
+/**
+ *
+ * The accordion item component delivers large amounts of content in a small space
+ * through progressive disclosure. That is, the user gets key details about the
+ * underlying content and can choose to expand that content within the constraints
+ * of the accordion item. Accordion Items work especially well on mobile interfaces or
+ * whenever vertical space is at a premium.
+ *
+ * ## HOW TO USE
+ * Avoid “nested” accordion items—that is, collapsible content within collapsible content.
+ * This type of pattern goes against UX best practices.
+ *
+ * The Cre8 accordion item header allows for two sizes:
+ * 'sm' [cre8-typography-title-default] or 'lg' [cre8-typography-title-large]
+ *
+ * A chevron is used to indicate the “expand/collapse” action, though the entire
+ * header area is clickable for the same action.
+ *
+ * **NOTE**: The header of the accordion item uses h tags so be sure to choose the headingTagVariant that
+ * fits into the hierarchy of your html page layout. THIS WILL NOT CHANGE THE APPEARANCE OF THE HEADER.
+ *
+ * @slot The body of the accordion item will be any valid html
+ * inserted between the cre8-accordion-item opening and closing tags.
+ *
+ *
+ * @csspart ::part('header') - The container around the interactive header.
+ * @csspart ::part('button') - The button containing the header text and the animated icon.
+ * @csspart ::part('icon') - The animated icon that revolves on click.
+ * @csspart ::part('body') - The container around the expanding body section.
+ * @csspart ::part('body-inner') - The container around the slot into which any user provided HTML is inserted.
+ *
+ */
+export declare class Cre8AccordionItem extends Cre8Element {
+    static styles: import("lit").CSSResult[];
+    /**
+     *
+     * When true, the Accordion Item is opens, when false it closes;
+     * @prop {boolean} isActive
+     *
+     */
+    isActive?: boolean;
+    /**
+     *
+     * Optional custom id for the accordion item, if one is not set, a random id is generated for you.
+     * @prop {string} accordionItemId
+     *
+     *
+     */
+    accordionItemId?: string;
+    /**
+     *
+     * Controls the positioning of the dropdown icon in relation to the text, true puts the icon before the text
+     * and false/undefined default the icon to the opposite side of the accordion item
+     * @prop {boolean} iconBefore
+     *
+     *
+     */
+    iconBefore?: boolean;
+    /**
+     *
+     * Controls the appearance  of dropdown icon as being an icon-only button. true renders the tertiary variant and
+     * false/undefined renders the default secondary appearance.
+     * @prop {boolean} tertiaryIcon
+     *
+     *
+     */
+    tertiaryIcon?: boolean;
+    /**
+     *
+     * Users can choose between two header sizes:  'sm' [title-default] or 'lg' [title-large].
+     * @prop {'sm' | 'lg'} size
+     *
+     *
+     */
+    size: 'sm' | 'lg';
+    /**
+     *
+     * Purely meant to help the user structure the HTML page hierarchy. Does not change the
+     * header size. Defaults to 'h3'
+     * @prop {'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'} headingTagVariant
+     *
+     *
+     */
+    headingTagVariant: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    /**
+     *
+     * Controls the text content of the Accordion Item heading.
+     * @prop {string} heading
+     *
+     *
+     */
+    heading: string;
+    /**
+     *
+     * Controls whether the header takes on the theme's 'brand-strong' color
+     * @prop {boolean} brandHeader
+     *
+     *
+     */
+    brandHeader?: boolean;
+    /**
+     *
+     * The aria attribute to which is assigned the id of the details section which is revealed via interaction
+     * with the header.
+     * @private _ariaControls
+     *
+     *
+     */
+    private _ariaControls;
+    /**
+     *
+     * Private internal state which indicates the current _height of the accordion item panel.
+     * @private _height
+     *
+     *
+     */
+    private _height;
+    /**
+     *
+     * Private internal state which Indicates if the accordion item panel is completely open.
+     * @private _fullyOpen
+     *
+     *
+     */
+    private _fullyOpen?;
+    constructor();
+    connectedCallback(): void;
+    private _setContentHeight;
+    private _toggleAccordionItem;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cre8-accordion-item': Cre8AccordionItem;
+    }
+}
+export default Cre8AccordionItem;
+//# sourceMappingURL=accordion-item.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-item.d.ts","sourceRoot":"","sources":["../../../components/accordion-item/accordion-item.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,cAAc,CAAC;AACtB,OAAO,kBAAkB,CAAC;AAG1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,qBAAa,iBAAkB,SAAQ,WAAW;IAC9C,MAAM,CAAC,MAAM,4BAAY;IAE3B;;;;;OAKG;IAGC,QAAQ,CAAC,UAAS;IAGtB;;;;;;OAMG;IAEC,eAAe,CAAC,EAAE,MAAM,CAAC;IAE7B;;;;;;;OAOG;IAEC,UAAU,CAAC,EAAE,OAAO,CAAC;IAEzB;;;;;;;OAOG;IAEC,YAAY,CAAC,EAAE,OAAO,CAAC;IAE3B;;;;;;OAMG;IAEC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAQ;IAE7B;;;;;;;OAOG;IAGC,iBAAiB,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAEtE;;;;;;OAMG;IAEC,OAAO,EAAG,MAAM,CAAC;IAErB;;;;;;OAMG;IAEC,WAAW,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;;;;OAOG;IAEH,OAAO,CAAC,aAAa,CAAU;IAE/B;;;;;;OAMG;IAEH,OAAO,CAAC,OAAO,CAAU;IAEzB;;;;;;OAMG;IAGH,OAAO,CAAC,UAAU,CAAC,CAAU;;IASpB,iBAAiB;YASZ,iBAAiB;IAY/B,OAAO,CAAC,oBAAoB;IAmB5B,MAAM;CAsEP;AAKD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF;AAED,eAAe,iBAAiB,CAAC"}

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

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

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

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

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

@@ -0,0 +1,60 @@
+import '../button/button';
+import '../link/link';
+import '../heading/heading';
+import '../text-passage/text-passage';
+import '../icon/icon';
+import { Cre8Element } from '../cre8-element';
+/**
+ * The general purpose of an alert or notification is to draw the user’s attention
+ * and provide the user with timely, relevant information.
+ *
+ * ## Alert Styles:
+ * - There are 6 statuses for 6 types of alerts: 'error', 'info', 'notification', 'neutral', 'warning', 'success'.
+ * Each alert will have different icon to be displayed in the alert.
+ * - Users can select two types of alert variants: 'standalone', or 'banner'.
+ * - User can also choose the alert should be emphasized or not. There are two options: subtle or strong.
+ * - User can add button or link in the alert.
+ * If users choose to emphasize the alert (**strong**), user needs to used **"inverted"** prop in button or link.
+ * - User can choose whether the alert can be dismissed or not
+ *
+ */
+export declare class Cre8Alert extends Cre8Element {
+    static styles: import("lit").CSSResult[];
+    /** The alert type. */
+    status?: 'error' | 'info' | 'notification' | 'neutral' | 'warning' | 'success';
+    /** The alert variant. */
+    variant: 'standalone' | 'banner';
+    emphasis: 'subtle' | 'strong';
+    iconAlert: string;
+    /**
+     * Icon title used for the icon alt text
+     */
+    iconTitle?: string;
+    headerText: string;
+    ctaBody: string;
+    /**
+     * Dismissed property
+     * 1) State that changes to true and is removed when the banner is dismissed
+     */
+    dismissed?: boolean;
+    /**
+     * Dismissable property
+     * 1) Adds the ability to close when toggled to true
+     */
+    notDismissible?: boolean;
+    /**
+     * On banner dismiss
+     * 1) Function that toggles dismissed to true and removes the banner from the UI
+     */
+    onDismiss(): void;
+    private checkEmphasisAlert;
+    private mapStatusToIconAlert;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cre8-alert': Cre8Alert;
+    }
+}
+export default Cre8Alert;
+//# sourceMappingURL=alert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../components/alert/alert.ts"],"names":[],"mappings":"AAQA,OAAO,kBAAkB,CAAC;AAC1B,OAAO,cAAc,CAAC;AACtB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,8BAA8B,CAAC;AACtC,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C;;;;;;;;;;;;;GAaG;AAEH,qBAAa,SAAU,SAAQ,WAAW;IACtC,MAAM,CAAC,MAAM,4BAAY;IAE3B,sBAAsB;IAElB,MAAM,CAAC,EACL,OAAO,GACP,MAAM,GACN,cAAc,GACd,SAAS,GACT,SAAS,GACT,SAAS,CAAU;IAEzB,yBAAyB;IAErB,OAAO,EAAE,YAAY,GAAG,QAAQ,CAAgB;IAGhD,QAAQ,EAAE,QAAQ,GAAG,QAAQ,CAAY;IAIzC,SAAS,EAAE,MAAM,CAAa;IAElC;;OAEG;IAEC,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,UAAU,EAAE,MAAM,CAAa;IAG/B,OAAO,EAAE,MAAM,CAAa;IAEhC;;;OAGG;IAEC,SAAS,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IAEC,cAAc,CAAC,EAAE,OAAO,CAAC;IAE7B;;;OAGG;IACH,SAAS;IAIT,OAAO,CAAC,kBAAkB,CAIxB;IAEF,OAAO,CAAC,oBAAoB,CA+C1B;IAEF,MAAM;CAsDP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF;AAED,eAAe,SAAS,CAAC"}

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

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

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

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

package/lib/components/badge/badge.d.ts

@@ -0,0 +1,62 @@
+import { Cre8Element } from '../cre8-element';
+import '../icon/icon';
+export declare enum status {
+    'error' = 0,
+    'warning' = 1,
+    'success' = 2,
+    'info' = 3,
+    'attention' = 4,
+    undefined = 5
+}
+export declare enum variant {
+    'light' = 0,
+    'white' = 1,
+    undefined = 2
+}
+/**
+ * Status badges are used most often in tables or fat rows in a list.
+ * These Components serve a contextual purpose and don't provide any functionality.
+ * Badges should be organized inside a dedicated table row communicating status such as pending, approved or rejected.
+ *
+ */
+export declare class Cre8Badge extends Cre8Element {
+    static styles: import("lit").CSSResult[];
+    /**
+     * The badge text
+     */
+    text: string;
+    /**
+     * Status (a color variant prop)
+     * - **neutral** (default) renders a badge with a neutral state treatment
+     * - **success** renders a badge with success state treatment
+     * - **warning** renders a badge with warning state treatment
+     * - **error** renders a badge with error state treatment
+     * - **info** renders a badge with information state treatment
+     * - **attention** renders a badge with attention state treatment
+     */
+    status: string;
+    /**
+     * Background Style Variant
+     *
+     * - **dark|undefined** (default) renders a badge with a dark background
+     * - **light** renders a badge with a light background
+     * - **white** renders a badge with a white background
+     */
+    variant: string;
+    /**
+     * SVG as a raw string
+     * - For badges with icons, the icon is defined by this prop
+     * - Pass in a raw svg as a String. We use raw string loader for this but any method of getting raw svgs will do
+     * - Import example:`import svgFeedback from '/Users/tylersmbp/Projects/cre8-web-components/packages/cre8-wc/icons/System/Regular/Feedback.svg?raw';`
+     * - [cre8-icons Github repo](https://git.express-scripts.com/ExpressScripts/cre8-icons) This is the Github
+     * repo for Cre8 icons, which includes a link to the storybook as well as relavant information for new icons
+     */
+    svg?: string;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cre8-badge': Cre8Badge;
+    }
+}
+//# sourceMappingURL=badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../components/badge/badge.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,cAAc,CAAC;AAItB,oBAAY,MAAM;IACjB,OAAO,IAAA;IAAE,SAAS,IAAA;IAAE,SAAS,IAAA;IAAE,MAAM,IAAA;IAAE,WAAW,IAAA;IAAE,SAAS,IAAA;CAC7D;AACD,oBAAY,OAAO;IACjB,OAAO,IAAA;IAAE,OAAO,IAAA;IAAE,SAAS,IAAA;CAC5B;AAED;;;;;GAKG;AACH,qBAAa,SAAU,SAAQ,WAAW;IACtC,MAAM,CAAC,MAAM,4BAAY;IAE3B;;OAEG;IAEC,IAAI,EAAE,MAAM,CAAa;IAE7B;;;;;;;;OAQG;IAEC,MAAM,EAAE,MAAM,CAAC;IAEnB;;;;;;OAMG;IAEC,OAAO,EAAE,MAAM,CAAC;IAEpB;;;;;;;OAOG;IAEC,GAAG,CAAC,EAAE,MAAM,CAAC;IAEjB,MAAM;CAkBP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

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

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

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

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

package/lib/components/band/band.d.ts

@@ -0,0 +1,29 @@
+import { Cre8Element } from '../cre8-element';
+/**
+ * @slot - The band content
+ */
+export declare class Cre8Band extends Cre8Element {
+    static styles: import("lit").CSSResult[];
+    /**
+     * Gradient variant
+     * <cre8-text-passage size="sm">
+     * <ul>
+     * <li>**1** renders the band with the set gradient background</li>
+     * </ul>
+     * </cre8-text-passage>
+     */
+    variant?: 'branded';
+    /**
+     * Full height variant
+     * 1) Sets the height to 100%
+     */
+    fullHeight?: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cre8-band': Cre8Band;
+    }
+}
+export default Cre8Band;
+//# sourceMappingURL=band.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"band.d.ts","sourceRoot":"","sources":["../../../components/band/band.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C;;GAEG;AACH,qBAAa,QAAS,SAAQ,WAAW;IACrC,MAAM,CAAC,MAAM,4BAAY;IAE3B;;;;;;;OAOG;IAEC,OAAO,CAAC,EAAE,SAAS,CAAC;IAExB;;;OAGG;IAEC,UAAU,CAAC,EAAE,OAAO,CAAC;IAEzB,MAAM;CAYP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF;AAED,eAAe,QAAQ,CAAC"}

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

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

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

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

package/lib/components/breadcrumbs/breadcrumbs.d.ts

@@ -0,0 +1,32 @@
+import { Cre8Element } from '../cre8-element';
+/**
+ * The breadcrumbs component is a secondary navigation pattern that helps a user understand where the user is located.
+ * The breadcrumbs component shows the users their current location relative to the information architecture
+ * It enables the users to quickly move up to a parent level or previous location.
+ *
+ * ## How to Use
+ *
+ * - Import 'Breadcrumbs' component.
+ * - Add the pages in the path of the breadcrumbs using `cre8-breadcrumbs-item`.
+ * All the pages in the breadcrumbs component should be interactive.
+ * - All the page should link to their respective pages (except the current page) using `cre8-link`.
+ * - The current page is included in the breadcrumbs trail.
+ * - The current page is always the last text listed and is not an interactive link.
+ *
+ * @slot - The component content
+ */
+export declare class Cre8Breadcrumbs extends Cre8Element {
+    static styles: import("lit").CSSResult[];
+    /**
+     * 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-breadcrumbs': Cre8Breadcrumbs;
+    }
+}
+export default Cre8Breadcrumbs;
+//# sourceMappingURL=breadcrumbs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../components/breadcrumbs/breadcrumbs.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C;;;;;;;;;;;;;;;GAeG;AAEH,qBAAa,eAAgB,SAAQ,WAAW;IAC5C,MAAM,CAAC,MAAM,4BAAY;IAE3B;;OAEG;IAEC,YAAY,EAAE,MAAM,CAAiB;IAEzC,MAAM;CAWP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,eAAe,CAAC;KACrC;CACF;AAED,eAAe,eAAe,CAAC"}

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

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

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

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

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

@@ -0,0 +1,17 @@
+import { Cre8Element } from '../cre8-element';
+import '../icon/icon';
+/**
+ * @slot - The component content, the expected slotted content is a Cre8 Link or a String for the "terminal node"
+ */
+export declare class Cre8BreadcrumbsItem extends Cre8Element {
+    static styles: import("lit").CSSResult[];
+    connectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cre8-breadcrumbs-item': Cre8BreadcrumbsItem;
+    }
+}
+export default Cre8BreadcrumbsItem;
+//# sourceMappingURL=breadcrumbs-item.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs-item.d.ts","sourceRoot":"","sources":["../../../components/breadcrumbs-item/breadcrumbs-item.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,cAAc,CAAC;AAGtB;;GAEG;AACH,qBAAa,mBAAoB,SAAQ,WAAW;IAChD,MAAM,CAAC,MAAM,4BAAY;IAIzB,iBAAiB;IAKjB,MAAM;CAoBT;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,mBAAmB,CAAC;KAC9C;CACF;AAED,eAAe,mBAAmB,CAAC"}

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

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

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

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