@covalent/components-react 0.0.0-COVALENT

package/src/Icon/CovalentIcon.spec.ts

@@ -0,0 +1,7 @@
+import { CovalentIcon } from './CovalentIcon';
+
+describe('CovalentIcon', () => {
+  it('should work', () => {
+    expect(CovalentIcon).toBeTruthy();
+  });
+});

package/src/Icon/CovalentIcon.tsx

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { CovalentIcon as CovalentIconWeb } from '@covalent/components';
+export const CovalentIcon = createComponent({
+  tagName: 'cv-icon',
+  elementClass: CovalentIconWeb,
+  react: React,
+});

package/src/IconButton/CovalentIconButton.spec.ts

@@ -0,0 +1,7 @@
+import { CovalentIconButton } from './CovalentIconButton';
+
+describe('CovalentIconButton', () => {
+  it('should work', () => {
+    expect(CovalentIconButton).toBeTruthy();
+  });
+});

package/src/IconButton/CovalentIconButton.tsx

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { CovalentIconButton as CovalentIconButtonWeb } from '@covalent/components';
+export const CovalentIconButton = createComponent({
+  tagName: 'cv-icon-button',
+  elementClass: CovalentIconButtonWeb,
+  react: React,
+});

package/src/IconButtonToggle/CovalentIconButtonToggle.spec.ts

@@ -0,0 +1,7 @@
+import { CovalentIconButtonToggle } from './CovalentIconButtonToggle';
+
+describe('CovalentIconButtonToggle', () => {
+  it('should work', () => {
+    expect(CovalentIconButtonToggle).toBeTruthy();
+  });
+});

package/src/IconButtonToggle/CovalentIconButtonToggle.tsx

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { CovalentIconButtonToggle as CovalentIconButtonToggleWeb } from '@covalent/components';
+export const CovalentIconButtonToggle = createComponent({
+  tagName: 'cv-icon-button-toggle',
+  elementClass: CovalentIconButtonToggleWeb,
+  react: React,
+  events: {
+    oniconButtonToggleChange: 'icon-button-toggle-change',
+  },
+});

package/src/IconCheckbox/CovalentIconCheckToggle.spec.ts

@@ -0,0 +1,7 @@
+import { CovalentIconCheckToggle } from './CovalentIconCheckToggle';
+
+describe('CovalentIconCheckToggle', () => {
+  it('should work', () => {
+    expect(CovalentIconCheckToggle).toBeTruthy();
+  });
+});

package/src/IconCheckbox/CovalentIconCheckToggle.tsx

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { CovalentIconCheckToggle as CovalentIconCheckToggleWeb } from '@covalent/components';
+export const CovalentIconCheckToggle = createComponent({
+  tagName: 'cv-checkbox-icon',
+  elementClass: CovalentIconCheckToggleWeb,
+  react: React,
+  events: {
+    onchange: 'change',
+  },
+});

package/src/IconLockup/CovalentIconLockup.spec.ts

@@ -0,0 +1,7 @@
+import { CovalentIconLockup } from './CovalentIconLockup';
+
+describe('CovalentIconLockup', () => {
+  it('should work', () => {
+    expect(CovalentIconLockup).toBeTruthy();
+  });
+});

package/src/IconLockup/CovalentIconLockup.tsx

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { CovalentIconLockup as CovalentIconLockupWeb } from '@covalent/components';
+export const CovalentIconLockup = createComponent({
+  tagName: 'cv-icon-lockup',
+  elementClass: CovalentIconLockupWeb,
+  react: React,
+});

package/src/IconRadio/CovalentIconRadioToggle.spec.ts

@@ -0,0 +1,7 @@
+import { CovalentIconRadioToggle } from './CovalentIconRadioToggle';
+
+describe('CovalentIconRadioToggle', () => {
+  it('should work', () => {
+    expect(CovalentIconRadioToggle).toBeTruthy();
+  });
+});

package/src/IconRadio/CovalentIconRadioToggle.tsx

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { CovalentIconRadioToggle as CovalentIconRadioToggleWeb } from '@covalent/components';
+export const CovalentIconRadioToggle = createComponent({
+  tagName: 'cv-radio-icon',
+  elementClass: CovalentIconRadioToggleWeb,
+  react: React,
+  events: {
+    onchange: 'change',
+  },
+});

package/src/LinearProgress/CovalentLinearProgress.spec.ts

@@ -0,0 +1,7 @@
+import { CovalentLinearProgress } from './CovalentLinearProgress';
+
+describe('CovalentLinearProgress', () => {
+  it('should work', () => {
+    expect(CovalentLinearProgress).toBeTruthy();
+  });
+});

package/src/LinearProgress/CovalentLinearProgress.tsx

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { CovalentLinearProgress as CovalentLinearProgressWeb } from '@covalent/components';
+export const CovalentLinearProgress = createComponent({
+  tagName: 'cv-linear-progress',
+  elementClass: CovalentLinearProgressWeb,
+  react: React,
+});

package/src/List/CovalentCheckListItem.spec.ts

@@ -0,0 +1,7 @@
+import { CovalentCheckListItem } from './CovalentCheckListItem';
+
+describe('CovalentCheckListItem', () => {
+  it('should work', () => {
+    expect(CovalentCheckListItem).toBeTruthy();
+  });
+});

package/src/List/CovalentCheckListItem.tsx

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { CovalentCheckListItem as CovalentCheckListItemWeb } from '@covalent/components';
+export const CovalentCheckListItem = createComponent({
+  tagName: 'cv-check-list-item',
+  elementClass: CovalentCheckListItemWeb,
+  react: React,
+  events: {
+    onrequestSelected: 'request-selected',
+  },
+});

package/src/List/CovalentList.spec.ts

@@ -0,0 +1,7 @@
+import { CovalentList } from './CovalentList';
+
+describe('CovalentList', () => {
+  it('should work', () => {
+    expect(CovalentList).toBeTruthy();
+  });
+});

package/src/List/CovalentList.tsx

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { CovalentList as CovalentListWeb } from '@covalent/components';
+export const CovalentList = createComponent({
+  tagName: 'cv-list',
+  elementClass: CovalentListWeb,
+  react: React,
+  events: {
+    onaction: 'action',
+    onselected: 'selected',
+  },
+});

package/src/List/CovalentListItem.spec.ts

@@ -0,0 +1,7 @@
+import { CovalentListItem } from './CovalentListItem';
+
+describe('CovalentListItem', () => {
+  it('should work', () => {
+    expect(CovalentListItem).toBeTruthy();
+  });
+});

package/src/List/CovalentListItem.tsx

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { CovalentListItem as CovalentListItemWeb } from '@covalent/components';
+export const CovalentListItem = createComponent({
+  tagName: 'cv-list-item',
+  elementClass: CovalentListItemWeb,
+  react: React,
+  events: {
+    onrequestSelected: 'request-selected',
+  },
+});

package/src/List/CovalentNavRailListItem.spec.ts

@@ -0,0 +1,7 @@
+import { CovalentNavRailListItem } from './CovalentNavRailListItem';
+
+describe('CovalentNavRailListItem', () => {
+  it('should work', () => {
+    expect(CovalentNavRailListItem).toBeTruthy();
+  });
+});

package/src/List/CovalentNavRailListItem.tsx

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { CovalentNavRailListItem as CovalentNavRailListItemWeb } from '@covalent/components';
+export const CovalentNavRailListItem = createComponent({
+  tagName: 'cv-nav-list-item',
+  elementClass: CovalentNavRailListItemWeb,
+  react: React,
+  events: {
+    onrequestSelected: 'request-selected',
+  },
+});

package/src/List/CovalentRadioListItem.spec.ts

@@ -0,0 +1,7 @@
+import { CovalentRadioListItem } from './CovalentRadioListItem';
+
+describe('CovalentRadioListItem', () => {
+  it('should work', () => {
+    expect(CovalentRadioListItem).toBeTruthy();
+  });
+});

package/src/List/CovalentRadioListItem.tsx

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { CovalentRadioListItem as CovalentRadioListItemWeb } from '@covalent/components';
+export const CovalentRadioListItem = createComponent({
+  tagName: 'cv-radio-list-item',
+  elementClass: CovalentRadioListItemWeb,
+  react: React,
+  events: {
+    onrequestSelected: 'request-selected',
+  },
+});

package/src/Menu/CovalentMenu.spec.ts

@@ -0,0 +1,7 @@
+import { CovalentMenu } from './CovalentMenu';
+
+describe('CovalentMenu', () => {
+  it('should work', () => {
+    expect(CovalentMenu).toBeTruthy();
+  });
+});

package/src/Menu/CovalentMenu.tsx

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { CovalentMenu as CovalentMenuWeb } from '@covalent/components';
+export const CovalentMenu = createComponent({
+  tagName: 'cv-menu',
+  elementClass: CovalentMenuWeb,
+  react: React,
+  events: {
+    onopened: 'opened',
+    onclosing: 'closing',
+    onclosed: 'closed',
+    onaction: 'action',
+    onselected: 'selected',
+  },
+});

package/src/NotebookCell/CovalentNotebookCell.spec.ts

@@ -0,0 +1,7 @@
+import { CovalentNotebookCell } from './CovalentNotebookCell';
+
+describe('CovalentNotebookCell', () => {
+  it('should work', () => {
+    expect(CovalentNotebookCell).toBeTruthy();
+  });
+});

package/src/NotebookCell/CovalentNotebookCell.tsx

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { CovalentNotebookCell as CovalentNotebookCellWeb } from '@covalent/components';
+export const CovalentNotebookCell = createComponent({
+  tagName: 'cv-notebook-cell',
+  elementClass: CovalentNotebookCellWeb,
+  react: React,
+});

package/src/Radio/CovalentRadio.spec.ts

@@ -0,0 +1,7 @@
+import { CovalentRadio } from './CovalentRadio';
+
+describe('CovalentRadio', () => {
+  it('should work', () => {
+    expect(CovalentRadio).toBeTruthy();
+  });
+});

package/src/Radio/CovalentRadio.tsx

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { CovalentRadio as CovalentRadioWeb } from '@covalent/components';
+export const CovalentRadio = createComponent({
+  tagName: 'cv-radio',
+  elementClass: CovalentRadioWeb,
+  react: React,
+  events: {
+    onchange: 'change',
+  },
+});

package/src/Select/CovalentSelect.spec.ts

@@ -0,0 +1,7 @@
+import { CovalentSelect } from './CovalentSelect';
+
+describe('CovalentSelect', () => {
+  it('should work', () => {
+    expect(CovalentSelect).toBeTruthy();
+  });
+});

package/src/Select/CovalentSelect.tsx

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { CovalentSelect as CovalentSelectWeb } from '@covalent/components';
+export const CovalentSelect = createComponent({
+  tagName: 'cv-select',
+  elementClass: CovalentSelectWeb,
+  react: React,
+  events: {
+    onopened: 'opened',
+    onclosed: 'closed',
+    onselected: 'selected',
+  },
+});

package/src/SideSheet/CovalentSideSheet.spec.ts

@@ -0,0 +1,7 @@
+import { CovalentSideSheet } from './CovalentSideSheet';
+
+describe('CovalentSideSheet', () => {
+  it('should work', () => {
+    expect(CovalentSideSheet).toBeTruthy();
+  });
+});

package/src/SideSheet/CovalentSideSheet.tsx

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { CovalentSideSheet as CovalentSideSheetWeb } from '@covalent/components';
+export const CovalentSideSheet = createComponent({
+  tagName: 'cv-side-sheet',
+  elementClass: CovalentSideSheetWeb,
+  react: React,
+  events: {
+    onopening: 'opening',
+    onopened: 'opened',
+    onclosing: 'closing',
+    onclosed: 'closed',
+  },
+});

package/src/Slider/CovalentSlider.spec.ts

@@ -0,0 +1,7 @@
+import { CovalentSlider } from './CovalentSlider';
+
+describe('CovalentSlider', () => {
+  it('should work', () => {
+    expect(CovalentSlider).toBeTruthy();
+  });
+});

package/src/Slider/CovalentSlider.tsx

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { CovalentSlider as CovalentSliderWeb } from '@covalent/components';
+export const CovalentSlider = createComponent({
+  tagName: 'cv-slider',
+  elementClass: CovalentSliderWeb,
+  react: React,
+  events: {
+    oninput: 'input',
+    onchange: 'change',
+  },
+});

package/src/Slider/CovalentSliderRange.spec.ts

@@ -0,0 +1,7 @@
+import { CovalentSliderRange } from './CovalentSliderRange';
+
+describe('CovalentSliderRange', () => {
+  it('should work', () => {
+    expect(CovalentSliderRange).toBeTruthy();
+  });
+});

package/src/Slider/CovalentSliderRange.tsx

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { CovalentSliderRange as CovalentSliderRangeWeb } from '@covalent/components';
+export const CovalentSliderRange = createComponent({
+  tagName: 'cv-slider-range',
+  elementClass: CovalentSliderRangeWeb,
+  react: React,
+  events: {
+    oninput: 'input',
+    onchange: 'change',
+  },
+});

package/src/Snackbar/CovalentSnackbar.spec.ts

@@ -0,0 +1,7 @@
+import { CovalentSnackbar } from './CovalentSnackbar';
+
+describe('CovalentSnackbar', () => {
+  it('should work', () => {
+    expect(CovalentSnackbar).toBeTruthy();
+  });
+});

package/src/Snackbar/CovalentSnackbar.tsx

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { CovalentSnackbar as CovalentSnackbarWeb } from '@covalent/components';
+export const CovalentSnackbar = createComponent({
+  tagName: 'cv-snackbar',
+  elementClass: CovalentSnackbarWeb,
+  react: React,
+  events: {
+    onopening: 'opening',
+    onopened: 'opened',
+    onclosing: 'closing',
+    onclosed: 'closed',
+  },
+});

package/src/StatusDialog/CovalentStatusDialog.spec.ts

@@ -0,0 +1,7 @@
+import { CovalentStatusDialog } from './CovalentStatusDialog';
+
+describe('CovalentStatusDialog', () => {
+  it('should work', () => {
+    expect(CovalentStatusDialog).toBeTruthy();
+  });
+});

package/src/StatusDialog/CovalentStatusDialog.tsx

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { CovalentStatusDialog as CovalentStatusDialogWeb } from '@covalent/components';
+export const CovalentStatusDialog = createComponent({
+  tagName: 'cv-status-dialog',
+  elementClass: CovalentStatusDialogWeb,
+  react: React,
+  events: {
+    onopening: 'opening',
+    onopened: 'opened',
+    onclosing: 'closing',
+    onclosed: 'closed',
+  },
+});

package/src/StatusHeader/CovalentStatusHeader.spec.ts

@@ -0,0 +1,7 @@
+import { CovalentStatusHeader } from './CovalentStatusHeader';
+
+describe('CovalentStatusHeader', () => {
+  it('should work', () => {
+    expect(CovalentStatusHeader).toBeTruthy();
+  });
+});

package/src/StatusHeader/CovalentStatusHeader.tsx

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { CovalentStatusHeader as CovalentStatusHeaderWeb } from '@covalent/components';
+export const CovalentStatusHeader = createComponent({
+  tagName: 'cv-status-header',
+  elementClass: CovalentStatusHeaderWeb,
+  react: React,
+});

package/src/StatusHeader/CovalentStatusHeaderItem.spec.ts

@@ -0,0 +1,7 @@
+import { CovalentStatusHeaderItem } from './CovalentStatusHeaderItem';
+
+describe('CovalentStatusHeaderItem', () => {
+  it('should work', () => {
+    expect(CovalentStatusHeaderItem).toBeTruthy();
+  });
+});

package/src/StatusHeader/CovalentStatusHeaderItem.tsx

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { CovalentStatusHeaderItem as CovalentStatusHeaderItemWeb } from '@covalent/components';
+export const CovalentStatusHeaderItem = createComponent({
+  tagName: 'cv-status-header-item',
+  elementClass: CovalentStatusHeaderItemWeb,
+  react: React,
+});

package/src/Switch/CovalentSwitch.spec.ts

@@ -0,0 +1,7 @@
+import { CovalentSwitch } from './CovalentSwitch';
+
+describe('CovalentSwitch', () => {
+  it('should work', () => {
+    expect(CovalentSwitch).toBeTruthy();
+  });
+});

package/src/Switch/CovalentSwitch.tsx

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { CovalentSwitch as CovalentSwitchWeb } from '@covalent/components';
+export const CovalentSwitch = createComponent({
+  tagName: 'cv-switch',
+  elementClass: CovalentSwitchWeb,
+  react: React,
+});

package/src/Tab/CovalentTab.spec.ts

@@ -0,0 +1,7 @@
+import { CovalentTab } from './CovalentTab';
+
+describe('CovalentTab', () => {
+  it('should work', () => {
+    expect(CovalentTab).toBeTruthy();
+  });
+});

package/src/Tab/CovalentTab.tsx

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { CovalentTab as CovalentTabWeb } from '@covalent/components';
+export const CovalentTab = createComponent({
+  tagName: 'cv-tab',
+  elementClass: CovalentTabWeb,
+  react: React,
+  events: {
+    oninteracted: 'interacted',
+  },
+});

package/src/Tab/CovalentTabBar.spec.ts

@@ -0,0 +1,7 @@
+import { CovalentTabBar } from './CovalentTabBar';
+
+describe('CovalentTabBar', () => {
+  it('should work', () => {
+    expect(CovalentTabBar).toBeTruthy();
+  });
+});

package/src/Tab/CovalentTabBar.tsx

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { CovalentTabBar as CovalentTabBarWeb } from '@covalent/components';
+export const CovalentTabBar = createComponent({
+  tagName: 'cv-tab-bar',
+  elementClass: CovalentTabBarWeb,
+  react: React,
+  events: {
+    onactivated: 'activated',
+  },
+});

package/src/TextLockup/CovalentTextLockup.spec.ts

@@ -0,0 +1,7 @@
+import { CovalentTextLockup } from './CovalentTextLockup';
+
+describe('CovalentTextLockup', () => {
+  it('should work', () => {
+    expect(CovalentTextLockup).toBeTruthy();
+  });
+});

package/src/TextLockup/CovalentTextLockup.tsx

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { CovalentTextLockup as CovalentTextLockupWeb } from '@covalent/components';
+export const CovalentTextLockup = createComponent({
+  tagName: 'cv-text-lockup',
+  elementClass: CovalentTextLockupWeb,
+  react: React,
+});

package/src/Textarea/CovalentTextArea.spec.ts

@@ -0,0 +1,7 @@
+import { CovalentTextArea } from './CovalentTextArea';
+
+describe('CovalentTextArea', () => {
+  it('should work', () => {
+    expect(CovalentTextArea).toBeTruthy();
+  });
+});

package/src/Textarea/CovalentTextArea.tsx

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { CovalentTextArea as CovalentTextAreaWeb } from '@covalent/components';
+export const CovalentTextArea = createComponent({
+  tagName: 'cv-textarea',
+  elementClass: CovalentTextAreaWeb,
+  react: React,
+});

package/src/Textfield/CovalentTextField.spec.ts

@@ -0,0 +1,7 @@
+import { CovalentTextField } from './CovalentTextField';
+
+describe('CovalentTextField', () => {
+  it('should work', () => {
+    expect(CovalentTextField).toBeTruthy();
+  });
+});

package/src/Textfield/CovalentTextField.tsx

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { CovalentTextField as CovalentTextFieldWeb } from '@covalent/components';
+export const CovalentTextField = createComponent({
+  tagName: 'cv-textfield',
+  elementClass: CovalentTextFieldWeb,
+  react: React,
+});

package/src/Toolbar/CovalentToolbar.spec.ts

@@ -0,0 +1,7 @@
+import { CovalentToolbar } from './CovalentToolbar';
+
+describe('CovalentToolbar', () => {
+  it('should work', () => {
+    expect(CovalentToolbar).toBeTruthy();
+  });
+});

package/src/Toolbar/CovalentToolbar.tsx

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { CovalentToolbar as CovalentToolbarWeb } from '@covalent/components';
+export const CovalentToolbar = createComponent({
+  tagName: 'cv-toolbar',
+  elementClass: CovalentToolbarWeb,
+  react: React,
+  events: {
+    onnav: 'nav',
+  },
+});