@tmorrow/cre8-react 1.0.14

package/lib/components/Divider/Divider.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { Cre8Divider as Cre8DividerElement } from '@tmorrow/cre8-wc/lib/components/divider/divider';
+/**
+ * The divider component is a separator between sections of content or groups of items.
+ * It often contains a horizontal or vertical line.
+ *
+ * ##How to use
+ * - By default, the component renders the **horizontal divider**
+ * - The user can set variant === "vertical" so it will render the vertical divider
+ * - By default, the divider has gray color.
+ * - The user can set status === "brand" to set the divider to blue color.
+ * - The user can set status === "knockout" to set the divider to white color.
+*/
+export const Cre8Divider = createComponent({
+    react: React,
+    tagName: 'Cre8-divider',
+    elementClass: Cre8DividerElement,
+});

package/lib/components/Divider/index.d.ts

@@ -0,0 +1 @@
+export * from './Divider';

package/lib/components/Divider/index.js

@@ -0,0 +1 @@
+export * from './Divider';

package/lib/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,10 @@
+import { EventName } from '@lit/react';
+import { Cre8Dropdown as Cre8DropdownElement } from '@tmorrow/cre8-wc/lib/components/dropdown/dropdown';
+import { Cre8DropdownItem as Cre8DropdownItemElement } from '@tmorrow/cre8-wc/lib/components/dropdown-item/dropdown-item';
+import { Cre8DomEvent } from '../../util/Cre8DomEvent';
+/**
+ * The Dropdown menu itself is a container that can host multiple interactive items, commonly formatted as a list
+ */
+export declare const Cre8Dropdown: import("@lit/react").ReactWebComponent<Cre8DropdownElement, {
+    onDropdownItemSelected: EventName<Cre8DomEvent<Cre8DropdownItemElement, Cre8DropdownElement>>;
+}>;

package/lib/components/Dropdown/Dropdown.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { Cre8Dropdown as Cre8DropdownElement } from '@tmorrow/cre8-wc/lib/components/dropdown/dropdown';
+/**
+ * The Dropdown menu itself is a container that can host multiple interactive items, commonly formatted as a list
+ */
+export const Cre8Dropdown = createComponent({
+    react: React,
+    tagName: 'Cre8-dropdown',
+    elementClass: Cre8DropdownElement,
+    events: {
+        onDropdownItemSelected: 'dropdown-item-selected',
+    },
+});

package/lib/components/Dropdown/index.d.ts

@@ -0,0 +1 @@
+export * from './Dropdown';

package/lib/components/Dropdown/index.js

@@ -0,0 +1 @@
+export * from './Dropdown';

package/lib/components/DropdownItem/DropdownItem.d.ts

@@ -0,0 +1,11 @@
+import { EventName } from '@lit/react';
+import { Cre8DropdownItem as Cre8DropdownItemElement } from '@tmorrow/cre8-wc/lib/components/dropdown-item/dropdown-item';
+import { Cre8DomEvent } from '../../util/Cre8DomEvent';
+/**
+ * The Dropdown item component is designed to be used with Dropdown component, each item represents a
+ * selectable option or action within the dropdown menu. It can be configured to trigger actions, navigate
+ * to links, initiate commands when clicked.
+ */
+export declare const Cre8DropdownItem: import("@lit/react").ReactWebComponent<Cre8DropdownItemElement, {
+    onDropdownItemSelected: EventName<Cre8DomEvent<Cre8DropdownItemElement>>;
+}>;

package/lib/components/DropdownItem/DropdownItem.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { Cre8DropdownItem as Cre8DropdownItemElement } from '@tmorrow/cre8-wc/lib/components/dropdown-item/dropdown-item';
+/**
+ * The Dropdown item component is designed to be used with Dropdown component, each item represents a
+ * selectable option or action within the dropdown menu. It can be configured to trigger actions, navigate
+ * to links, initiate commands when clicked.
+ */
+export const Cre8DropdownItem = createComponent({
+    react: React,
+    tagName: 'Cre8-dropdown-item',
+    elementClass: Cre8DropdownItemElement,
+    events: {
+        onDropdownItemSelected: 'dropdown-item-selected',
+    },
+});

package/lib/components/DropdownItem/index.d.ts

@@ -0,0 +1 @@
+export * from './DropdownItem';

package/lib/components/DropdownItem/index.js

@@ -0,0 +1 @@
+export * from './DropdownItem';

package/lib/components/Feature/Feature.d.ts

@@ -0,0 +1,2 @@
+import { Cre8Feature as Cre8FeatureElement } from '@tmorrow/cre8-wc/lib/components/feature/feature';
+export declare const Cre8Feature: import("@lit/react").ReactWebComponent<Cre8FeatureElement, {}>;

package/lib/components/Feature/Feature.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { Cre8Feature as Cre8FeatureElement } from '@tmorrow/cre8-wc/lib/components/feature/feature';
+export const Cre8Feature = createComponent({
+    react: React,
+    tagName: 'Cre8-feature',
+    elementClass: Cre8FeatureElement,
+});

package/lib/components/Feature/index.d.ts

@@ -0,0 +1 @@
+export * from './Feature';

package/lib/components/Feature/index.js

@@ -0,0 +1 @@
+export * from './Feature';

package/lib/components/Field/Field.d.ts

@@ -0,0 +1,10 @@
+import { EventName } from '@lit/react';
+import { Cre8Field as Cre8FieldElement } from '@tmorrow/cre8-wc/lib/components/field/field';
+import { Cre8DomEvent } from '../../util/Cre8DomEvent';
+/**
+ * The Field component renders a form group with label, control, help text and validation styling. There are
+ * convenience variants of Field to support HTML5 input types and static content.
+ */
+export declare const Cre8Field: import("@lit/react").ReactWebComponent<Cre8FieldElement, {
+    onChange: EventName<Cre8DomEvent<Cre8FieldElement>>;
+}>;

package/lib/components/Field/Field.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { Cre8Field as Cre8FieldElement } from '@tmorrow/cre8-wc/lib/components/field/field';
+/**
+ * The Field component renders a form group with label, control, help text and validation styling. There are
+ * convenience variants of Field to support HTML5 input types and static content.
+ */
+export const Cre8Field = createComponent({
+    react: React,
+    tagName: 'Cre8-field',
+    elementClass: Cre8FieldElement,
+    events: {
+        onChange: 'input',
+    },
+});

package/lib/components/Field/index.d.ts

@@ -0,0 +1 @@
+export * from './Field';

package/lib/components/Field/index.js

@@ -0,0 +1 @@
+export * from './Field';

package/lib/components/FieldNote/FieldNote.d.ts

@@ -0,0 +1,6 @@
+import { Cre8FieldNote as Cre8FieldNoteElement } from '@tmorrow/cre8-wc/lib/components/field-note/field-note';
+/**
+ * Field Note gives direction on how to fill out a form field and to alert users of form errors and successes.
+ * It’s used below an input field and never on its own.
+ */
+export declare const Cre8FieldNote: import("@lit/react").ReactWebComponent<Cre8FieldNoteElement, {}>;

package/lib/components/FieldNote/FieldNote.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { Cre8FieldNote as Cre8FieldNoteElement } from '@tmorrow/cre8-wc/lib/components/field-note/field-note';
+/**
+ * Field Note gives direction on how to fill out a form field and to alert users of form errors and successes.
+ * It’s used below an input field and never on its own.
+ */
+export const Cre8FieldNote = createComponent({
+    react: React,
+    tagName: 'Cre8-field-note',
+    elementClass: Cre8FieldNoteElement,
+});

package/lib/components/FieldNote/index.d.ts

@@ -0,0 +1 @@
+export * from './FieldNote';

package/lib/components/FieldNote/index.js

@@ -0,0 +1 @@
+export * from './FieldNote';

package/lib/components/Footer/Footer.d.ts

@@ -0,0 +1,2 @@
+import { Cre8Footer as Cre8FooterElement } from '@tmorrow/cre8-wc/lib/components/footer/footer';
+export declare const Cre8Footer: import("@lit/react").ReactWebComponent<Cre8FooterElement, {}>;

package/lib/components/Footer/Footer.js

@@ -0,0 +1,8 @@
+import { createComponent } from '@lit/react';
+import { Cre8Footer as Cre8FooterElement } from '@tmorrow/cre8-wc/lib/components/footer/footer';
+import React from 'react';
+export const Cre8Footer = createComponent({
+    react: React,
+    tagName: 'Cre8-footer',
+    elementClass: Cre8FooterElement,
+});

package/lib/components/Footer/index.d.ts

@@ -0,0 +1 @@
+export * from './Footer';

package/lib/components/Footer/index.js

@@ -0,0 +1 @@
+export * from './Footer';

package/lib/components/GlobalNav/GlobalNav.d.ts

@@ -0,0 +1,2 @@
+import { Cre8GlobalNav as Cre8GlobalNavElement } from '@tmorrow/cre8-wc/lib/components/global-nav/global-nav';
+export declare const Cre8GlobalNav: import("@lit/react").ReactWebComponent<Cre8GlobalNavElement, {}>;

package/lib/components/GlobalNav/GlobalNav.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { Cre8GlobalNav as Cre8GlobalNavElement } from '@tmorrow/cre8-wc/lib/components/global-nav/global-nav';
+export const Cre8GlobalNav = createComponent({
+    react: React,
+    tagName: 'Cre8-global-nav',
+    elementClass: Cre8GlobalNavElement,
+});

package/lib/components/GlobalNav/index.d.ts

@@ -0,0 +1 @@
+export * from './GlobalNav';

package/lib/components/GlobalNav/index.js

@@ -0,0 +1 @@
+export * from './GlobalNav';

package/lib/components/GlobalNavItem/GlobalNavItem.d.ts

@@ -0,0 +1,2 @@
+import { Cre8GlobalNavItem as Cre8GlobalNavItemElement } from '@tmorrow/cre8-wc/lib/components/global-nav-item/global-nav-item';
+export declare const Cre8GlobalNavItem: import("@lit/react").ReactWebComponent<Cre8GlobalNavItemElement, {}>;

package/lib/components/GlobalNavItem/GlobalNavItem.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { Cre8GlobalNavItem as Cre8GlobalNavItemElement } from '@tmorrow/cre8-wc/lib/components/global-nav-item/global-nav-item';
+export const Cre8GlobalNavItem = createComponent({
+    react: React,
+    tagName: 'Cre8-global-nav-item',
+    elementClass: Cre8GlobalNavItemElement,
+});

package/lib/components/GlobalNavItem/index.d.ts

@@ -0,0 +1 @@
+export * from './GlobalNavItem';

package/lib/components/GlobalNavItem/index.js

@@ -0,0 +1 @@
+export * from './GlobalNavItem';

package/lib/components/Grid/Grid.d.ts

@@ -0,0 +1,2 @@
+import { Cre8Grid as Cre8GridElement } from '@tmorrow/cre8-wc/lib/components/grid/grid';
+export declare const Cre8Grid: import("@lit/react").ReactWebComponent<Cre8GridElement, {}>;

package/lib/components/Grid/Grid.js

@@ -0,0 +1,8 @@
+import { createComponent } from '@lit/react';
+import { Cre8Grid as Cre8GridElement } from '@tmorrow/cre8-wc/lib/components/grid/grid';
+import React from 'react';
+export const Cre8Grid = createComponent({
+    react: React,
+    tagName: 'Cre8-grid',
+    elementClass: Cre8GridElement,
+});

package/lib/components/Grid/index.d.ts

@@ -0,0 +1 @@
+export * from './Grid';

package/lib/components/Grid/index.js

@@ -0,0 +1 @@
+export * from './Grid';

package/lib/components/GridItem/GridItem.d.ts

@@ -0,0 +1,2 @@
+import { Cre8GridItem as Cre8GridItemElement } from '@tmorrow/cre8-wc/lib/components/grid-item/grid-item';
+export declare const Cre8GridItem: import("@lit/react").ReactWebComponent<Cre8GridItemElement, {}>;

package/lib/components/GridItem/GridItem.js

@@ -0,0 +1,8 @@
+import { createComponent } from '@lit/react';
+import { Cre8GridItem as Cre8GridItemElement } from '@tmorrow/cre8-wc/lib/components/grid-item/grid-item';
+import React from 'react';
+export const Cre8GridItem = createComponent({
+    react: React,
+    tagName: 'Cre8-grid-item',
+    elementClass: Cre8GridItemElement,
+});

package/lib/components/GridItem/index.d.ts

@@ -0,0 +1 @@
+export * from './GridItem';

package/lib/components/GridItem/index.js

@@ -0,0 +1 @@
+export * from './GridItem';

package/lib/components/Header/Header.d.ts

@@ -0,0 +1,2 @@
+import { Cre8Header as Cre8HeaderElement } from '@tmorrow/cre8-wc/lib/components/header/header';
+export declare const Cre8Header: import("@lit/react").ReactWebComponent<Cre8HeaderElement, {}>;

package/lib/components/Header/Header.js

@@ -0,0 +1,8 @@
+import { createComponent } from '@lit/react';
+import { Cre8Header as Cre8HeaderElement } from '@tmorrow/cre8-wc/lib/components/header/header';
+import React from 'react';
+export const Cre8Header = createComponent({
+    react: React,
+    tagName: 'Cre8-header',
+    elementClass: Cre8HeaderElement,
+});

package/lib/components/Header/index.d.ts

@@ -0,0 +1 @@
+export * from './Header';

package/lib/components/Header/index.js

@@ -0,0 +1 @@
+export * from './Header';

package/lib/components/Heading/Heading.d.ts

@@ -0,0 +1,16 @@
+import { Cre8Heading as Cre8HeadingElement } from '@tmorrow/cre8-wc/lib/components/heading/heading';
+/**
+ *  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 const Cre8Heading: import("@lit/react").ReactWebComponent<Cre8HeadingElement, {}>;

package/lib/components/Heading/Heading.js

@@ -0,0 +1,22 @@
+import { createComponent } from '@lit/react';
+import { Cre8Heading as Cre8HeadingElement } from '@tmorrow/cre8-wc/lib/components/heading/heading';
+import React from 'react';
+/**
+ *  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 const Cre8Heading = createComponent({
+    react: React,
+    tagName: 'Cre8-heading',
+    elementClass: Cre8HeadingElement,
+});

package/lib/components/Heading/index.d.ts

@@ -0,0 +1 @@
+export * from './Heading';

package/lib/components/Heading/index.js

@@ -0,0 +1 @@
+export * from './Heading';

package/lib/components/Hero/Hero.d.ts

@@ -0,0 +1,2 @@
+import { Cre8Hero as Cre8HeroElement } from '@tmorrow/cre8-wc/lib/components/hero/hero';
+export declare const Cre8Hero: import("@lit/react").ReactWebComponent<Cre8HeroElement, {}>;

package/lib/components/Hero/Hero.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { Cre8Hero as Cre8HeroElement } from '@tmorrow/cre8-wc/lib/components/hero/hero';
+export const Cre8Hero = createComponent({
+    react: React,
+    tagName: 'Cre8-hero',
+    elementClass: Cre8HeroElement,
+});

package/lib/components/Hero/index.d.ts

@@ -0,0 +1 @@
+export * from './Hero';

package/lib/components/Hero/index.js

@@ -0,0 +1 @@
+export * from './Hero';

package/lib/components/Icon/Icon.d.ts

@@ -0,0 +1,16 @@
+import { Cre8Icon as Cre8IconElement } from '@tmorrow/cre8-wc/lib/components/icon/icon';
+/**
+ *
+ * <cre8-icon> 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.
+ *
+ * ##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.
+ */
+export declare const Cre8Icon: import("@lit/react").ReactWebComponent<Cre8IconElement, {}>;
+export declare const Cre8IconLegacy: import("@lit/react").ReactWebComponent<Cre8IconElement, {}>;

package/lib/components/Icon/Icon.js

@@ -0,0 +1,23 @@
+import { createComponent } from '@lit/react';
+import { Cre8Icon as Cre8IconElement } from '@tmorrow/cre8-wc/lib/components/icon/icon';
+import React from 'react';
+/**
+ *
+ * <cre8-icon> 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.
+ *
+ * ##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.
+ */
+export const Cre8Icon = createComponent({
+    react: React,
+    tagName: 'cre8-icon',
+    elementClass: Cre8IconElement,
+});
+// Legacy alias for backwards compatibility
+export const Cre8IconLegacy = Cre8Icon;

package/lib/components/Icon/index.d.ts

@@ -0,0 +1 @@
+export * from './Icon';

package/lib/components/Icon/index.js

@@ -0,0 +1 @@
+export * from './Icon';

package/lib/components/InlineAlert/InlineAlert.d.ts

@@ -0,0 +1,7 @@
+import { Cre8InlineAlert as Cre8InlineAlertElement } from '@tmorrow/cre8-wc/lib/components/inline-alert/inline-alert';
+/**
+ * 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.
+ *
+ */
+export declare const Cre8InlineAlert: import("@lit/react").ReactWebComponent<Cre8InlineAlertElement, {}>;

package/lib/components/InlineAlert/InlineAlert.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { Cre8InlineAlert as Cre8InlineAlertElement } from '@tmorrow/cre8-wc/lib/components/inline-alert/inline-alert';
+/**
+ * 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.
+ *
+ */
+export const Cre8InlineAlert = createComponent({
+    react: React,
+    tagName: 'Cre8-inline-alert',
+    elementClass: Cre8InlineAlertElement,
+});

package/lib/components/InlineAlert/index.d.ts

@@ -0,0 +1 @@
+export * from './InlineAlert';

package/lib/components/InlineAlert/index.js

@@ -0,0 +1 @@
+export * from './InlineAlert';

package/lib/components/Layout/Layout.d.ts

@@ -0,0 +1,2 @@
+import { Cre8Layout as Cre8LayoutElement } from '@tmorrow/cre8-wc/lib/components/layout/layout';
+export declare const Cre8Layout: import("@lit/react").ReactWebComponent<Cre8LayoutElement, {}>;

package/lib/components/Layout/Layout.js

@@ -0,0 +1,8 @@
+import { createComponent } from '@lit/react';
+import { Cre8Layout as Cre8LayoutElement } from '@tmorrow/cre8-wc/lib/components/layout/layout';
+import React from 'react';
+export const Cre8Layout = createComponent({
+    react: React,
+    tagName: 'Cre8-layout',
+    elementClass: Cre8LayoutElement,
+});

package/lib/components/Layout/index.d.ts

@@ -0,0 +1 @@
+export * from './Layout';

package/lib/components/Layout/index.js

@@ -0,0 +1 @@
+export * from './Layout';

package/lib/components/LayoutContainer/LayoutContainer.d.ts

@@ -0,0 +1,2 @@
+import { Cre8LayoutContainer as Cre8LayoutContainerElement } from '@tmorrow/cre8-wc/lib/components/layout-container/layout-container';
+export declare const Cre8LayoutContainer: import("@lit/react").ReactWebComponent<Cre8LayoutContainerElement, {}>;

package/lib/components/LayoutContainer/LayoutContainer.js

@@ -0,0 +1,8 @@
+import { createComponent } from '@lit/react';
+import { Cre8LayoutContainer as Cre8LayoutContainerElement } from '@tmorrow/cre8-wc/lib/components/layout-container/layout-container';
+import React from 'react';
+export const Cre8LayoutContainer = createComponent({
+    react: React,
+    tagName: 'Cre8-layout-container',
+    elementClass: Cre8LayoutContainerElement,
+});

package/lib/components/LayoutContainer/index.d.ts

@@ -0,0 +1 @@
+export * from './LayoutContainer';

package/lib/components/LayoutContainer/index.js

@@ -0,0 +1 @@
+export * from './LayoutContainer';

package/lib/components/LayoutSection/LayoutSection.d.ts

@@ -0,0 +1,2 @@
+import { Cre8LayoutSection as Cre8LayoutSectionElement } from '@tmorrow/cre8-wc/lib/components/layout-section/layout-section';
+export declare const Cre8LayoutSection: import("@lit/react").ReactWebComponent<Cre8LayoutSectionElement, {}>;

package/lib/components/LayoutSection/LayoutSection.js

@@ -0,0 +1,8 @@
+import { createComponent } from '@lit/react';
+import { Cre8LayoutSection as Cre8LayoutSectionElement } from '@tmorrow/cre8-wc/lib/components/layout-section/layout-section';
+import React from 'react';
+export const Cre8LayoutSection = createComponent({
+    react: React,
+    tagName: 'Cre8-layout-section',
+    elementClass: Cre8LayoutSectionElement,
+});

package/lib/components/LayoutSection/index.d.ts

@@ -0,0 +1 @@
+export * from './LayoutSection';

package/lib/components/LayoutSection/index.js

@@ -0,0 +1 @@
+export * from './LayoutSection';

package/lib/components/LinelengthContainer/LinelengthContainer.d.ts

@@ -0,0 +1,2 @@
+import { Cre8LinelengthContainer as Cre8LinelengthContainerElement } from '@tmorrow/cre8-wc/lib/components/linelength-container/linelength-container';
+export declare const Cre8LinelengthContainer: import("@lit/react").ReactWebComponent<Cre8LinelengthContainerElement, {}>;

package/lib/components/LinelengthContainer/LinelengthContainer.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { Cre8LinelengthContainer as Cre8LinelengthContainerElement } from '@tmorrow/cre8-wc/lib/components/linelength-container/linelength-container';
+export const Cre8LinelengthContainer = createComponent({
+    react: React,
+    tagName: 'Cre8-linelength-container',
+    elementClass: Cre8LinelengthContainerElement,
+});

package/lib/components/LinelengthContainer/index.d.ts

@@ -0,0 +1 @@
+export * from './LinelengthContainer';

package/lib/components/LinelengthContainer/index.js

@@ -0,0 +1 @@
+export * from './LinelengthContainer';

package/lib/components/Link/Link.d.ts

@@ -0,0 +1,16 @@
+import { Cre8Link as Cre8LinkElement } from '@tmorrow/cre8-wc/lib/components/link/link';
+/**
+ * Link Component are strictly used in the case where the component will take
+ * the user away from the current page to a new url.
+ * In this vein, this component should ONLY be used in situations an anchor tag would be used (an href is required)
+ * This goes for the variations as well such as the Call To Action Link
+ *
+ * **Note**
+ *
+ * For link with icon:
+ * - **iconRotateDegree** & **iconFlipDirection** props are optional.
+ * - They are used to set up the correct dirrection for icons, for example,
+ * arrows, caret up or caret down.
+ *
+*/
+export declare const Cre8Link: import("@lit/react").ReactWebComponent<Cre8LinkElement, {}>;

package/lib/components/Link/Link.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { Cre8Link as Cre8LinkElement } from '@tmorrow/cre8-wc/lib/components/link/link';
+/**
+ * Link Component are strictly used in the case where the component will take
+ * the user away from the current page to a new url.
+ * In this vein, this component should ONLY be used in situations an anchor tag would be used (an href is required)
+ * This goes for the variations as well such as the Call To Action Link
+ *
+ * **Note**
+ *
+ * For link with icon:
+ * - **iconRotateDegree** & **iconFlipDirection** props are optional.
+ * - They are used to set up the correct dirrection for icons, for example,
+ * arrows, caret up or caret down.
+ *
+*/
+export const Cre8Link = createComponent({
+    react: React,
+    tagName: 'Cre8-link',
+    elementClass: Cre8LinkElement,
+});

package/lib/components/Link/index.d.ts

@@ -0,0 +1 @@
+export * from './Link';

package/lib/components/Link/index.js

@@ -0,0 +1 @@
+export * from './Link';

package/lib/components/LinkList/LinkList.d.ts

@@ -0,0 +1,2 @@
+import { Cre8LinkList as Cre8LinkListElement } from '@tmorrow/cre8-wc/lib/components/link-list/link-list';
+export declare const Cre8LinkList: import("@lit/react").ReactWebComponent<Cre8LinkListElement, {}>;

package/lib/components/LinkList/LinkList.js

@@ -0,0 +1,8 @@
+import { createComponent } from '@lit/react';
+import { Cre8LinkList as Cre8LinkListElement } from '@tmorrow/cre8-wc/lib/components/link-list/link-list';
+import React from 'react';
+export const Cre8LinkList = createComponent({
+    react: React,
+    tagName: 'Cre8-link-list',
+    elementClass: Cre8LinkListElement,
+});

package/lib/components/LinkList/index.d.ts

@@ -0,0 +1 @@
+export * from './LinkList';