@prioticket/design-system-react 1.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (59) hide show
  1. package/dist/components/pd-button.d.ts +3 -0
  2. package/dist/components/pd-button.js +10 -0
  3. package/dist/components/pd-card.d.ts +3 -0
  4. package/dist/components/pd-card.js +13 -0
  5. package/dist/components/pd-checkbox.d.ts +3 -0
  6. package/dist/components/pd-checkbox.js +14 -0
  7. package/dist/components/pd-chip.d.ts +3 -0
  8. package/dist/components/pd-chip.js +14 -0
  9. package/dist/components/pd-dialog.d.ts +3 -0
  10. package/dist/components/pd-dialog.js +16 -0
  11. package/dist/components/pd-expandable-card.d.ts +3 -0
  12. package/dist/components/pd-expandable-card.js +15 -0
  13. package/dist/components/pd-fab.d.ts +3 -0
  14. package/dist/components/pd-fab.js +13 -0
  15. package/dist/components/pd-icon-button.d.ts +3 -0
  16. package/dist/components/pd-icon-button.js +14 -0
  17. package/dist/components/pd-icon.d.ts +3 -0
  18. package/dist/components/pd-icon.js +10 -0
  19. package/dist/components/pd-list-divider.d.ts +3 -0
  20. package/dist/components/pd-list-divider.js +10 -0
  21. package/dist/components/pd-list-item.d.ts +3 -0
  22. package/dist/components/pd-list-item.js +13 -0
  23. package/dist/components/pd-list.d.ts +3 -0
  24. package/dist/components/pd-list.js +10 -0
  25. package/dist/components/pd-menu-item.d.ts +3 -0
  26. package/dist/components/pd-menu-item.js +14 -0
  27. package/dist/components/pd-menu.d.ts +3 -0
  28. package/dist/components/pd-menu.js +10 -0
  29. package/dist/components/pd-progress.d.ts +3 -0
  30. package/dist/components/pd-progress.js +10 -0
  31. package/dist/components/pd-radio-group.d.ts +3 -0
  32. package/dist/components/pd-radio-group.js +13 -0
  33. package/dist/components/pd-radio.d.ts +3 -0
  34. package/dist/components/pd-radio.js +14 -0
  35. package/dist/components/pd-segment-item.d.ts +3 -0
  36. package/dist/components/pd-segment-item.js +13 -0
  37. package/dist/components/pd-segmented-button.d.ts +3 -0
  38. package/dist/components/pd-segmented-button.js +13 -0
  39. package/dist/components/pd-segmented-stepper.d.ts +3 -0
  40. package/dist/components/pd-segmented-stepper.js +14 -0
  41. package/dist/components/pd-select.d.ts +3 -0
  42. package/dist/components/pd-select.js +13 -0
  43. package/dist/components/pd-slider.d.ts +3 -0
  44. package/dist/components/pd-slider.js +14 -0
  45. package/dist/components/pd-stepper-item.d.ts +3 -0
  46. package/dist/components/pd-stepper-item.js +13 -0
  47. package/dist/components/pd-stepper.d.ts +3 -0
  48. package/dist/components/pd-stepper.js +13 -0
  49. package/dist/components/pd-switch.d.ts +3 -0
  50. package/dist/components/pd-switch.js +14 -0
  51. package/dist/components/pd-tab.d.ts +3 -0
  52. package/dist/components/pd-tab.js +10 -0
  53. package/dist/components/pd-tabs.d.ts +3 -0
  54. package/dist/components/pd-tabs.js +13 -0
  55. package/dist/components/pd-text-field.d.ts +3 -0
  56. package/dist/components/pd-text-field.js +14 -0
  57. package/dist/index.d.ts +56 -0
  58. package/dist/index.js +29 -0
  59. package/package.json +47 -0
@@ -0,0 +1,3 @@
1
+ import type { PdButton as PdButtonElementType } from '@prioticket/design-system-web/components/pd-button.js';
2
+ export declare const PdButton: any;
3
+ export type { PdButtonElementType as PdButtonElement };
@@ -0,0 +1,10 @@
1
+ import * as React from 'react';
2
+ import { createComponent } from '@lit/react';
3
+ import { PdButton as PdButtonElementClass } from '@prioticket/design-system-web/components/pd-button.js';
4
+ const componentConfig = {
5
+ displayName: 'PdButton',
6
+ react: React,
7
+ tagName: 'pd-button',
8
+ elementClass: PdButtonElementClass
9
+ };
10
+ export const PdButton = createComponent(componentConfig);
@@ -0,0 +1,3 @@
1
+ import type { PdCard as PdCardElementType } from '@prioticket/design-system-web/components/pd-card.js';
2
+ export declare const PdCard: any;
3
+ export type { PdCardElementType as PdCardElement };
@@ -0,0 +1,13 @@
1
+ import * as React from 'react';
2
+ import { createComponent } from '@lit/react';
3
+ import { PdCard as PdCardElementClass } from '@prioticket/design-system-web/components/pd-card.js';
4
+ const componentConfig = {
5
+ displayName: 'PdCard',
6
+ react: React,
7
+ tagName: 'pd-card',
8
+ elementClass: PdCardElementClass,
9
+ events: {
10
+ onClick: 'click'
11
+ }
12
+ };
13
+ export const PdCard = createComponent(componentConfig);
@@ -0,0 +1,3 @@
1
+ import type { PdCheckbox as PdCheckboxElementType } from '@prioticket/design-system-web/components/pd-checkbox.js';
2
+ export declare const PdCheckbox: any;
3
+ export type { PdCheckboxElementType as PdCheckboxElement };
@@ -0,0 +1,14 @@
1
+ import * as React from 'react';
2
+ import { createComponent } from '@lit/react';
3
+ import { PdCheckbox as PdCheckboxElementClass } from '@prioticket/design-system-web/components/pd-checkbox.js';
4
+ const componentConfig = {
5
+ displayName: 'PdCheckbox',
6
+ react: React,
7
+ tagName: 'pd-checkbox',
8
+ elementClass: PdCheckboxElementClass,
9
+ events: {
10
+ onChange: 'change',
11
+ onInput: 'input'
12
+ }
13
+ };
14
+ export const PdCheckbox = createComponent(componentConfig);
@@ -0,0 +1,3 @@
1
+ import type { PdChip as PdChipElementType } from '@prioticket/design-system-web/components/pd-chip.js';
2
+ export declare const PdChip: any;
3
+ export type { PdChipElementType as PdChipElement };
@@ -0,0 +1,14 @@
1
+ import * as React from 'react';
2
+ import { createComponent } from '@lit/react';
3
+ import { PdChip as PdChipElementClass } from '@prioticket/design-system-web/components/pd-chip.js';
4
+ const componentConfig = {
5
+ displayName: 'PdChip',
6
+ react: React,
7
+ tagName: 'pd-chip',
8
+ elementClass: PdChipElementClass,
9
+ events: {
10
+ onChipClick: 'chip-click',
11
+ onChipRemove: 'chip-remove'
12
+ }
13
+ };
14
+ export const PdChip = createComponent(componentConfig);
@@ -0,0 +1,3 @@
1
+ import type { PdDialog as PdDialogElementType } from '@prioticket/design-system-web/components/pd-dialog.js';
2
+ export declare const PdDialog: any;
3
+ export type { PdDialogElementType as PdDialogElement };
@@ -0,0 +1,16 @@
1
+ import * as React from 'react';
2
+ import { createComponent } from '@lit/react';
3
+ import { PdDialog as PdDialogElementClass } from '@prioticket/design-system-web/components/pd-dialog.js';
4
+ const componentConfig = {
5
+ displayName: 'PdDialog',
6
+ react: React,
7
+ tagName: 'pd-dialog',
8
+ elementClass: PdDialogElementClass,
9
+ events: {
10
+ onOpen: 'open',
11
+ onClosed: 'closed',
12
+ onPrimaryAction: 'primary-action',
13
+ onSecondaryAction: 'secondary-action'
14
+ }
15
+ };
16
+ export const PdDialog = createComponent(componentConfig);
@@ -0,0 +1,3 @@
1
+ import type { PdExpandableCard as PdExpandableCardElementType } from '@prioticket/design-system-web/components/pd-expandable-card.js';
2
+ export declare const PdExpandableCard: any;
3
+ export type { PdExpandableCardElementType as PdExpandableCardElement };
@@ -0,0 +1,15 @@
1
+ import * as React from 'react';
2
+ import { createComponent } from '@lit/react';
3
+ import { PdExpandableCard as PdExpandableCardElementClass } from '@prioticket/design-system-web/components/pd-expandable-card.js';
4
+ const componentConfig = {
5
+ displayName: 'PdExpandableCard',
6
+ react: React,
7
+ tagName: 'pd-expandable-card',
8
+ elementClass: PdExpandableCardElementClass,
9
+ events: {
10
+ onEventName: 'eventName',
11
+ onExpand: 'expand',
12
+ onCollapse: 'collapse'
13
+ }
14
+ };
15
+ export const PdExpandableCard = createComponent(componentConfig);
@@ -0,0 +1,3 @@
1
+ import type { PdFab as PdFabElementType } from '@prioticket/design-system-web/components/pd-fab.js';
2
+ export declare const PdFab: any;
3
+ export type { PdFabElementType as PdFabElement };
@@ -0,0 +1,13 @@
1
+ import * as React from 'react';
2
+ import { createComponent } from '@lit/react';
3
+ import { PdFab as PdFabElementClass } from '@prioticket/design-system-web/components/pd-fab.js';
4
+ const componentConfig = {
5
+ displayName: 'PdFab',
6
+ react: React,
7
+ tagName: 'pd-fab',
8
+ elementClass: PdFabElementClass,
9
+ events: {
10
+ onFabClick: 'fab-click'
11
+ }
12
+ };
13
+ export const PdFab = createComponent(componentConfig);
@@ -0,0 +1,3 @@
1
+ import type { PdIconButton as PdIconButtonElementType } from '@prioticket/design-system-web/components/pd-icon-button.js';
2
+ export declare const PdIconButton: any;
3
+ export type { PdIconButtonElementType as PdIconButtonElement };
@@ -0,0 +1,14 @@
1
+ import * as React from 'react';
2
+ import { createComponent } from '@lit/react';
3
+ import { PdIconButton as PdIconButtonElementClass } from '@prioticket/design-system-web/components/pd-icon-button.js';
4
+ const componentConfig = {
5
+ displayName: 'PdIconButton',
6
+ react: React,
7
+ tagName: 'pd-icon-button',
8
+ elementClass: PdIconButtonElementClass,
9
+ events: {
10
+ onPdIconButtonClick: 'pd-icon-button-click',
11
+ onChange: 'change'
12
+ }
13
+ };
14
+ export const PdIconButton = createComponent(componentConfig);
@@ -0,0 +1,3 @@
1
+ import type { PdIcon as PdIconElementType } from '@prioticket/design-system-web/components/pd-icon.js';
2
+ export declare const PdIcon: any;
3
+ export type { PdIconElementType as PdIconElement };
@@ -0,0 +1,10 @@
1
+ import * as React from 'react';
2
+ import { createComponent } from '@lit/react';
3
+ import { PdIcon as PdIconElementClass } from '@prioticket/design-system-web/components/pd-icon.js';
4
+ const componentConfig = {
5
+ displayName: 'PdIcon',
6
+ react: React,
7
+ tagName: 'pd-icon',
8
+ elementClass: PdIconElementClass
9
+ };
10
+ export const PdIcon = createComponent(componentConfig);
@@ -0,0 +1,3 @@
1
+ import type { PdListDivider as PdListDividerElementType } from '@prioticket/design-system-web/components/pd-list.js';
2
+ export declare const PdListDivider: any;
3
+ export type { PdListDividerElementType as PdListDividerElement };
@@ -0,0 +1,10 @@
1
+ import * as React from 'react';
2
+ import { createComponent } from '@lit/react';
3
+ import { PdListDivider as PdListDividerElementClass } from '@prioticket/design-system-web/components/pd-list.js';
4
+ const componentConfig = {
5
+ displayName: 'PdListDivider',
6
+ react: React,
7
+ tagName: 'pd-list-divider',
8
+ elementClass: PdListDividerElementClass
9
+ };
10
+ export const PdListDivider = createComponent(componentConfig);
@@ -0,0 +1,3 @@
1
+ import type { PdListItem as PdListItemElementType } from '@prioticket/design-system-web/components/pd-list.js';
2
+ export declare const PdListItem: any;
3
+ export type { PdListItemElementType as PdListItemElement };
@@ -0,0 +1,13 @@
1
+ import * as React from 'react';
2
+ import { createComponent } from '@lit/react';
3
+ import { PdListItem as PdListItemElementClass } from '@prioticket/design-system-web/components/pd-list.js';
4
+ const componentConfig = {
5
+ displayName: 'PdListItem',
6
+ react: React,
7
+ tagName: 'pd-list-item',
8
+ elementClass: PdListItemElementClass,
9
+ events: {
10
+ onListItemClick: 'list-item-click'
11
+ }
12
+ };
13
+ export const PdListItem = createComponent(componentConfig);
@@ -0,0 +1,3 @@
1
+ import type { PdList as PdListElementType } from '@prioticket/design-system-web/components/pd-list.js';
2
+ export declare const PdList: any;
3
+ export type { PdListElementType as PdListElement };
@@ -0,0 +1,10 @@
1
+ import * as React from 'react';
2
+ import { createComponent } from '@lit/react';
3
+ import { PdList as PdListElementClass } from '@prioticket/design-system-web/components/pd-list.js';
4
+ const componentConfig = {
5
+ displayName: 'PdList',
6
+ react: React,
7
+ tagName: 'pd-list',
8
+ elementClass: PdListElementClass
9
+ };
10
+ export const PdList = createComponent(componentConfig);
@@ -0,0 +1,3 @@
1
+ import type { PdMenuItemM as PdMenuItemElementType } from '@prioticket/design-system-web/components/pd-menu-item.js';
2
+ export declare const PdMenuItem: any;
3
+ export type { PdMenuItemElementType as PdMenuItemElement };
@@ -0,0 +1,14 @@
1
+ import * as React from 'react';
2
+ import { createComponent } from '@lit/react';
3
+ import { PdMenuItemM as PdMenuItemElementClass } from '@prioticket/design-system-web/components/pd-menu-item.js';
4
+ const componentConfig = {
5
+ displayName: 'PdMenuItem',
6
+ react: React,
7
+ tagName: 'pd-menu-item',
8
+ elementClass: PdMenuItemElementClass,
9
+ events: {
10
+ onCloseMenu: 'close-menu',
11
+ onMenuItemSelected: 'menu-item-selected'
12
+ }
13
+ };
14
+ export const PdMenuItem = createComponent(componentConfig);
@@ -0,0 +1,3 @@
1
+ import type { PdMenu as PdMenuElementType } from '@prioticket/design-system-web/components/pd-menu.js';
2
+ export declare const PdMenu: any;
3
+ export type { PdMenuElementType as PdMenuElement };
@@ -0,0 +1,10 @@
1
+ import * as React from 'react';
2
+ import { createComponent } from '@lit/react';
3
+ import { PdMenu as PdMenuElementClass } from '@prioticket/design-system-web/components/pd-menu.js';
4
+ const componentConfig = {
5
+ displayName: 'PdMenu',
6
+ react: React,
7
+ tagName: 'pd-menu',
8
+ elementClass: PdMenuElementClass
9
+ };
10
+ export const PdMenu = createComponent(componentConfig);
@@ -0,0 +1,3 @@
1
+ import type { PdProgress as PdProgressElementType } from '@prioticket/design-system-web/components/pd-progress.js';
2
+ export declare const PdProgress: any;
3
+ export type { PdProgressElementType as PdProgressElement };
@@ -0,0 +1,10 @@
1
+ import * as React from 'react';
2
+ import { createComponent } from '@lit/react';
3
+ import { PdProgress as PdProgressElementClass } from '@prioticket/design-system-web/components/pd-progress.js';
4
+ const componentConfig = {
5
+ displayName: 'PdProgress',
6
+ react: React,
7
+ tagName: 'pd-progress',
8
+ elementClass: PdProgressElementClass
9
+ };
10
+ export const PdProgress = createComponent(componentConfig);
@@ -0,0 +1,3 @@
1
+ import type { PdRadioGroup as PdRadioGroupElementType } from '@prioticket/design-system-web/components/pd-radio.js';
2
+ export declare const PdRadioGroup: any;
3
+ export type { PdRadioGroupElementType as PdRadioGroupElement };
@@ -0,0 +1,13 @@
1
+ import * as React from 'react';
2
+ import { createComponent } from '@lit/react';
3
+ import { PdRadioGroup as PdRadioGroupElementClass } from '@prioticket/design-system-web/components/pd-radio.js';
4
+ const componentConfig = {
5
+ displayName: 'PdRadioGroup',
6
+ react: React,
7
+ tagName: 'pd-radio-group',
8
+ elementClass: PdRadioGroupElementClass,
9
+ events: {
10
+ onChange: 'change'
11
+ }
12
+ };
13
+ export const PdRadioGroup = createComponent(componentConfig);
@@ -0,0 +1,3 @@
1
+ import type { PdRadio as PdRadioElementType } from '@prioticket/design-system-web/components/pd-radio.js';
2
+ export declare const PdRadio: any;
3
+ export type { PdRadioElementType as PdRadioElement };
@@ -0,0 +1,14 @@
1
+ import * as React from 'react';
2
+ import { createComponent } from '@lit/react';
3
+ import { PdRadio as PdRadioElementClass } from '@prioticket/design-system-web/components/pd-radio.js';
4
+ const componentConfig = {
5
+ displayName: 'PdRadio',
6
+ react: React,
7
+ tagName: 'pd-radio',
8
+ elementClass: PdRadioElementClass,
9
+ events: {
10
+ onChange: 'change',
11
+ onInput: 'input'
12
+ }
13
+ };
14
+ export const PdRadio = createComponent(componentConfig);
@@ -0,0 +1,3 @@
1
+ import type { PdSegmentItem as PdSegmentItemElementType } from '@prioticket/design-system-web/components/pd-segmented-button.js';
2
+ export declare const PdSegmentItem: any;
3
+ export type { PdSegmentItemElementType as PdSegmentItemElement };
@@ -0,0 +1,13 @@
1
+ import * as React from 'react';
2
+ import { createComponent } from '@lit/react';
3
+ import { PdSegmentItem as PdSegmentItemElementClass } from '@prioticket/design-system-web/components/pd-segmented-button.js';
4
+ const componentConfig = {
5
+ displayName: 'PdSegmentItem',
6
+ react: React,
7
+ tagName: 'pd-segment-item',
8
+ elementClass: PdSegmentItemElementClass,
9
+ events: {
10
+ onSegmentClick: 'segment-click'
11
+ }
12
+ };
13
+ export const PdSegmentItem = createComponent(componentConfig);
@@ -0,0 +1,3 @@
1
+ import type { PdSegmentedButton as PdSegmentedButtonElementType } from '@prioticket/design-system-web/components/pd-segmented-button.js';
2
+ export declare const PdSegmentedButton: any;
3
+ export type { PdSegmentedButtonElementType as PdSegmentedButtonElement };
@@ -0,0 +1,13 @@
1
+ import * as React from 'react';
2
+ import { createComponent } from '@lit/react';
3
+ import { PdSegmentedButton as PdSegmentedButtonElementClass } from '@prioticket/design-system-web/components/pd-segmented-button.js';
4
+ const componentConfig = {
5
+ displayName: 'PdSegmentedButton',
6
+ react: React,
7
+ tagName: 'pd-segmented-button',
8
+ elementClass: PdSegmentedButtonElementClass,
9
+ events: {
10
+ onSelectionchange: 'selectionchange'
11
+ }
12
+ };
13
+ export const PdSegmentedButton = createComponent(componentConfig);
@@ -0,0 +1,3 @@
1
+ import type { PdSegmentedStepper as PdSegmentedStepperElementType } from '@prioticket/design-system-web/components/pd-segmented-stepper.js';
2
+ export declare const PdSegmentedStepper: any;
3
+ export type { PdSegmentedStepperElementType as PdSegmentedStepperElement };
@@ -0,0 +1,14 @@
1
+ import * as React from 'react';
2
+ import { createComponent } from '@lit/react';
3
+ import { PdSegmentedStepper as PdSegmentedStepperElementClass } from '@prioticket/design-system-web/components/pd-segmented-stepper.js';
4
+ const componentConfig = {
5
+ displayName: 'PdSegmentedStepper',
6
+ react: React,
7
+ tagName: 'pd-segmented-stepper',
8
+ elementClass: PdSegmentedStepperElementClass,
9
+ events: {
10
+ onStepChange: 'step-change',
11
+ onStepComplete: 'step-complete'
12
+ }
13
+ };
14
+ export const PdSegmentedStepper = createComponent(componentConfig);
@@ -0,0 +1,3 @@
1
+ import type { PdSelect as PdSelectElementType } from '@prioticket/design-system-web/components/pd-select.js';
2
+ export declare const PdSelect: any;
3
+ export type { PdSelectElementType as PdSelectElement };
@@ -0,0 +1,13 @@
1
+ import * as React from 'react';
2
+ import { createComponent } from '@lit/react';
3
+ import { PdSelect as PdSelectElementClass } from '@prioticket/design-system-web/components/pd-select.js';
4
+ const componentConfig = {
5
+ displayName: 'PdSelect',
6
+ react: React,
7
+ tagName: 'pd-select',
8
+ elementClass: PdSelectElementClass,
9
+ events: {
10
+ onChange: 'change'
11
+ }
12
+ };
13
+ export const PdSelect = createComponent(componentConfig);
@@ -0,0 +1,3 @@
1
+ import type { PdSlider as PdSliderElementType } from '@prioticket/design-system-web/components/pd-slider.js';
2
+ export declare const PdSlider: any;
3
+ export type { PdSliderElementType as PdSliderElement };
@@ -0,0 +1,14 @@
1
+ import * as React from 'react';
2
+ import { createComponent } from '@lit/react';
3
+ import { PdSlider as PdSliderElementClass } from '@prioticket/design-system-web/components/pd-slider.js';
4
+ const componentConfig = {
5
+ displayName: 'PdSlider',
6
+ react: React,
7
+ tagName: 'pd-slider',
8
+ elementClass: PdSliderElementClass,
9
+ events: {
10
+ onInput: 'input',
11
+ onChange: 'change'
12
+ }
13
+ };
14
+ export const PdSlider = createComponent(componentConfig);
@@ -0,0 +1,3 @@
1
+ import type { PdStepperItem as PdStepperItemElementType } from '@prioticket/design-system-web/components/pd-segmented-stepper.js';
2
+ export declare const PdStepperItem: any;
3
+ export type { PdStepperItemElementType as PdStepperItemElement };
@@ -0,0 +1,13 @@
1
+ import * as React from 'react';
2
+ import { createComponent } from '@lit/react';
3
+ import { PdStepperItem as PdStepperItemElementClass } from '@prioticket/design-system-web/components/pd-segmented-stepper.js';
4
+ const componentConfig = {
5
+ displayName: 'PdStepperItem',
6
+ react: React,
7
+ tagName: 'pd-stepper-item',
8
+ elementClass: PdStepperItemElementClass,
9
+ events: {
10
+ onStepperItemClick: 'stepper-item-click'
11
+ }
12
+ };
13
+ export const PdStepperItem = createComponent(componentConfig);
@@ -0,0 +1,3 @@
1
+ import type { PdStepper as PdStepperElementType } from '@prioticket/design-system-web/components/pd-stepper.js';
2
+ export declare const PdStepper: any;
3
+ export type { PdStepperElementType as PdStepperElement };
@@ -0,0 +1,13 @@
1
+ import * as React from 'react';
2
+ import { createComponent } from '@lit/react';
3
+ import { PdStepper as PdStepperElementClass } from '@prioticket/design-system-web/components/pd-stepper.js';
4
+ const componentConfig = {
5
+ displayName: 'PdStepper',
6
+ react: React,
7
+ tagName: 'pd-stepper',
8
+ elementClass: PdStepperElementClass,
9
+ events: {
10
+ onStepChange: 'step-change'
11
+ }
12
+ };
13
+ export const PdStepper = createComponent(componentConfig);
@@ -0,0 +1,3 @@
1
+ import type { PdSwitch as PdSwitchElementType } from '@prioticket/design-system-web/components/pd-switch.js';
2
+ export declare const PdSwitch: any;
3
+ export type { PdSwitchElementType as PdSwitchElement };
@@ -0,0 +1,14 @@
1
+ import * as React from 'react';
2
+ import { createComponent } from '@lit/react';
3
+ import { PdSwitch as PdSwitchElementClass } from '@prioticket/design-system-web/components/pd-switch.js';
4
+ const componentConfig = {
5
+ displayName: 'PdSwitch',
6
+ react: React,
7
+ tagName: 'pd-switch',
8
+ elementClass: PdSwitchElementClass,
9
+ events: {
10
+ onChange: 'change',
11
+ onInput: 'input'
12
+ }
13
+ };
14
+ export const PdSwitch = createComponent(componentConfig);
@@ -0,0 +1,3 @@
1
+ import type { PdTab as PdTabElementType } from '@prioticket/design-system-web/components/pd-tabs.js';
2
+ export declare const PdTab: any;
3
+ export type { PdTabElementType as PdTabElement };
@@ -0,0 +1,10 @@
1
+ import * as React from 'react';
2
+ import { createComponent } from '@lit/react';
3
+ import { PdTab as PdTabElementClass } from '@prioticket/design-system-web/components/pd-tabs.js';
4
+ const componentConfig = {
5
+ displayName: 'PdTab',
6
+ react: React,
7
+ tagName: 'pd-tab',
8
+ elementClass: PdTabElementClass
9
+ };
10
+ export const PdTab = createComponent(componentConfig);
@@ -0,0 +1,3 @@
1
+ import type { PdTabs as PdTabsElementType } from '@prioticket/design-system-web/components/pd-tabs.js';
2
+ export declare const PdTabs: any;
3
+ export type { PdTabsElementType as PdTabsElement };
@@ -0,0 +1,13 @@
1
+ import * as React from 'react';
2
+ import { createComponent } from '@lit/react';
3
+ import { PdTabs as PdTabsElementClass } from '@prioticket/design-system-web/components/pd-tabs.js';
4
+ const componentConfig = {
5
+ displayName: 'PdTabs',
6
+ react: React,
7
+ tagName: 'pd-tabs',
8
+ elementClass: PdTabsElementClass,
9
+ events: {
10
+ onChange: 'change'
11
+ }
12
+ };
13
+ export const PdTabs = createComponent(componentConfig);
@@ -0,0 +1,3 @@
1
+ import type { PdTextField as PdTextFieldElementType } from '@prioticket/design-system-web/components/pd-text-field.js';
2
+ export declare const PdTextField: any;
3
+ export type { PdTextFieldElementType as PdTextFieldElement };
@@ -0,0 +1,14 @@
1
+ import * as React from 'react';
2
+ import { createComponent } from '@lit/react';
3
+ import { PdTextField as PdTextFieldElementClass } from '@prioticket/design-system-web/components/pd-text-field.js';
4
+ const componentConfig = {
5
+ displayName: 'PdTextField',
6
+ react: React,
7
+ tagName: 'pd-text-field',
8
+ elementClass: PdTextFieldElementClass,
9
+ events: {
10
+ onInput: 'input',
11
+ onChange: 'change'
12
+ }
13
+ };
14
+ export const PdTextField = createComponent(componentConfig);
@@ -0,0 +1,56 @@
1
+ export { PdButton } from './components/pd-button.js';
2
+ export type { PdButtonElement } from './components/pd-button.js';
3
+ export { PdCard } from './components/pd-card.js';
4
+ export type { PdCardElement } from './components/pd-card.js';
5
+ export { PdCheckbox } from './components/pd-checkbox.js';
6
+ export type { PdCheckboxElement } from './components/pd-checkbox.js';
7
+ export { PdChip } from './components/pd-chip.js';
8
+ export type { PdChipElement } from './components/pd-chip.js';
9
+ export { PdDialog } from './components/pd-dialog.js';
10
+ export type { PdDialogElement } from './components/pd-dialog.js';
11
+ export { PdExpandableCard } from './components/pd-expandable-card.js';
12
+ export type { PdExpandableCardElement } from './components/pd-expandable-card.js';
13
+ export { PdFab } from './components/pd-fab.js';
14
+ export type { PdFabElement } from './components/pd-fab.js';
15
+ export { PdIcon } from './components/pd-icon.js';
16
+ export type { PdIconElement } from './components/pd-icon.js';
17
+ export { PdIconButton } from './components/pd-icon-button.js';
18
+ export type { PdIconButtonElement } from './components/pd-icon-button.js';
19
+ export { PdList } from './components/pd-list.js';
20
+ export type { PdListElement } from './components/pd-list.js';
21
+ export { PdListDivider } from './components/pd-list-divider.js';
22
+ export type { PdListDividerElement } from './components/pd-list-divider.js';
23
+ export { PdListItem } from './components/pd-list-item.js';
24
+ export type { PdListItemElement } from './components/pd-list-item.js';
25
+ export { PdMenu } from './components/pd-menu.js';
26
+ export type { PdMenuElement } from './components/pd-menu.js';
27
+ export { PdMenuItem } from './components/pd-menu-item.js';
28
+ export type { PdMenuItemElement } from './components/pd-menu-item.js';
29
+ export { PdProgress } from './components/pd-progress.js';
30
+ export type { PdProgressElement } from './components/pd-progress.js';
31
+ export { PdRadio } from './components/pd-radio.js';
32
+ export type { PdRadioElement } from './components/pd-radio.js';
33
+ export { PdRadioGroup } from './components/pd-radio-group.js';
34
+ export type { PdRadioGroupElement } from './components/pd-radio-group.js';
35
+ export { PdSegmentItem } from './components/pd-segment-item.js';
36
+ export type { PdSegmentItemElement } from './components/pd-segment-item.js';
37
+ export { PdSegmentedButton } from './components/pd-segmented-button.js';
38
+ export type { PdSegmentedButtonElement } from './components/pd-segmented-button.js';
39
+ export { PdSegmentedStepper } from './components/pd-segmented-stepper.js';
40
+ export type { PdSegmentedStepperElement } from './components/pd-segmented-stepper.js';
41
+ export { PdSelect } from './components/pd-select.js';
42
+ export type { PdSelectElement } from './components/pd-select.js';
43
+ export { PdSlider } from './components/pd-slider.js';
44
+ export type { PdSliderElement } from './components/pd-slider.js';
45
+ export { PdStepper } from './components/pd-stepper.js';
46
+ export type { PdStepperElement } from './components/pd-stepper.js';
47
+ export { PdStepperItem } from './components/pd-stepper-item.js';
48
+ export type { PdStepperItemElement } from './components/pd-stepper-item.js';
49
+ export { PdSwitch } from './components/pd-switch.js';
50
+ export type { PdSwitchElement } from './components/pd-switch.js';
51
+ export { PdTab } from './components/pd-tab.js';
52
+ export type { PdTabElement } from './components/pd-tab.js';
53
+ export { PdTabs } from './components/pd-tabs.js';
54
+ export type { PdTabsElement } from './components/pd-tabs.js';
55
+ export { PdTextField } from './components/pd-text-field.js';
56
+ export type { PdTextFieldElement } from './components/pd-text-field.js';
package/dist/index.js ADDED
@@ -0,0 +1,29 @@
1
+ // Auto-generated by scripts/generate-react-wrappers.mjs
2
+ export { PdButton } from './components/pd-button.js';
3
+ export { PdCard } from './components/pd-card.js';
4
+ export { PdCheckbox } from './components/pd-checkbox.js';
5
+ export { PdChip } from './components/pd-chip.js';
6
+ export { PdDialog } from './components/pd-dialog.js';
7
+ export { PdExpandableCard } from './components/pd-expandable-card.js';
8
+ export { PdFab } from './components/pd-fab.js';
9
+ export { PdIcon } from './components/pd-icon.js';
10
+ export { PdIconButton } from './components/pd-icon-button.js';
11
+ export { PdList } from './components/pd-list.js';
12
+ export { PdListDivider } from './components/pd-list-divider.js';
13
+ export { PdListItem } from './components/pd-list-item.js';
14
+ export { PdMenu } from './components/pd-menu.js';
15
+ export { PdMenuItem } from './components/pd-menu-item.js';
16
+ export { PdProgress } from './components/pd-progress.js';
17
+ export { PdRadio } from './components/pd-radio.js';
18
+ export { PdRadioGroup } from './components/pd-radio-group.js';
19
+ export { PdSegmentItem } from './components/pd-segment-item.js';
20
+ export { PdSegmentedButton } from './components/pd-segmented-button.js';
21
+ export { PdSegmentedStepper } from './components/pd-segmented-stepper.js';
22
+ export { PdSelect } from './components/pd-select.js';
23
+ export { PdSlider } from './components/pd-slider.js';
24
+ export { PdStepper } from './components/pd-stepper.js';
25
+ export { PdStepperItem } from './components/pd-stepper-item.js';
26
+ export { PdSwitch } from './components/pd-switch.js';
27
+ export { PdTab } from './components/pd-tab.js';
28
+ export { PdTabs } from './components/pd-tabs.js';
29
+ export { PdTextField } from './components/pd-text-field.js';
package/package.json ADDED
@@ -0,0 +1,47 @@
1
+ {
2
+ "name": "@prioticket/design-system-react",
3
+ "version": "1.0.6",
4
+ "description": "React wrappers for the Prioticket Design System web components",
5
+ "type": "module",
6
+ "main": "./dist/index.js",
7
+ "module": "./dist/index.js",
8
+ "types": "./dist/index.d.ts",
9
+ "exports": {
10
+ ".": {
11
+ "types": "./dist/index.d.ts",
12
+ "default": "./dist/index.js"
13
+ },
14
+ "./package.json": "./package.json"
15
+ },
16
+ "keywords": [
17
+ "prioticket",
18
+ "design-system",
19
+ "react",
20
+ "components",
21
+ "web-components"
22
+ ],
23
+ "sideEffects": [
24
+ "./dist/**/*.js"
25
+ ],
26
+ "files": [
27
+ "dist"
28
+ ],
29
+ "scripts": {
30
+ "build": "tsc --project tsconfig.build.json",
31
+ "clean": "rimraf dist"
32
+ },
33
+ "peerDependencies": {
34
+ "react": ">=17",
35
+ "react-dom": ">=17"
36
+ },
37
+ "dependencies": {
38
+ "@lit/react": "^1.0.3",
39
+ "@prioticket/design-system-web": "^1.0.6"
40
+ },
41
+ "devDependencies": {
42
+ "rimraf": "^6.1.4"
43
+ },
44
+ "publishConfig": {
45
+ "access": "public"
46
+ }
47
+ }