@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.
- package/dist/components/pd-button.d.ts +3 -0
- package/dist/components/pd-button.js +10 -0
- package/dist/components/pd-card.d.ts +3 -0
- package/dist/components/pd-card.js +13 -0
- package/dist/components/pd-checkbox.d.ts +3 -0
- package/dist/components/pd-checkbox.js +14 -0
- package/dist/components/pd-chip.d.ts +3 -0
- package/dist/components/pd-chip.js +14 -0
- package/dist/components/pd-dialog.d.ts +3 -0
- package/dist/components/pd-dialog.js +16 -0
- package/dist/components/pd-expandable-card.d.ts +3 -0
- package/dist/components/pd-expandable-card.js +15 -0
- package/dist/components/pd-fab.d.ts +3 -0
- package/dist/components/pd-fab.js +13 -0
- package/dist/components/pd-icon-button.d.ts +3 -0
- package/dist/components/pd-icon-button.js +14 -0
- package/dist/components/pd-icon.d.ts +3 -0
- package/dist/components/pd-icon.js +10 -0
- package/dist/components/pd-list-divider.d.ts +3 -0
- package/dist/components/pd-list-divider.js +10 -0
- package/dist/components/pd-list-item.d.ts +3 -0
- package/dist/components/pd-list-item.js +13 -0
- package/dist/components/pd-list.d.ts +3 -0
- package/dist/components/pd-list.js +10 -0
- package/dist/components/pd-menu-item.d.ts +3 -0
- package/dist/components/pd-menu-item.js +14 -0
- package/dist/components/pd-menu.d.ts +3 -0
- package/dist/components/pd-menu.js +10 -0
- package/dist/components/pd-progress.d.ts +3 -0
- package/dist/components/pd-progress.js +10 -0
- package/dist/components/pd-radio-group.d.ts +3 -0
- package/dist/components/pd-radio-group.js +13 -0
- package/dist/components/pd-radio.d.ts +3 -0
- package/dist/components/pd-radio.js +14 -0
- package/dist/components/pd-segment-item.d.ts +3 -0
- package/dist/components/pd-segment-item.js +13 -0
- package/dist/components/pd-segmented-button.d.ts +3 -0
- package/dist/components/pd-segmented-button.js +13 -0
- package/dist/components/pd-segmented-stepper.d.ts +3 -0
- package/dist/components/pd-segmented-stepper.js +14 -0
- package/dist/components/pd-select.d.ts +3 -0
- package/dist/components/pd-select.js +13 -0
- package/dist/components/pd-slider.d.ts +3 -0
- package/dist/components/pd-slider.js +14 -0
- package/dist/components/pd-stepper-item.d.ts +3 -0
- package/dist/components/pd-stepper-item.js +13 -0
- package/dist/components/pd-stepper.d.ts +3 -0
- package/dist/components/pd-stepper.js +13 -0
- package/dist/components/pd-switch.d.ts +3 -0
- package/dist/components/pd-switch.js +14 -0
- package/dist/components/pd-tab.d.ts +3 -0
- package/dist/components/pd-tab.js +10 -0
- package/dist/components/pd-tabs.d.ts +3 -0
- package/dist/components/pd-tabs.js +13 -0
- package/dist/components/pd-text-field.d.ts +3 -0
- package/dist/components/pd-text-field.js +14 -0
- package/dist/index.d.ts +56 -0
- package/dist/index.js +29 -0
- package/package.json +47 -0
|
@@ -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,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,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,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,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,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,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,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,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,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,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,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,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,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,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,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,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,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,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,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,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,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,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,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,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,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,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,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);
|
package/dist/index.d.ts
ADDED
|
@@ -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
|
+
}
|