@polarityio/pi-components 1.0.6 → 1.1.0
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/README.md +28 -24
- package/dist/component-registry.json +26 -21
- package/dist/index.d.ts +2 -0
- package/dist/index.js +3 -0
- package/package.json +21 -20
package/README.md
CHANGED
|
@@ -19,9 +19,12 @@ npm install @polarityio/pi-components
|
|
|
19
19
|
```javascript
|
|
20
20
|
import {
|
|
21
21
|
defineCustomElementOnce,
|
|
22
|
-
PiButton,
|
|
23
|
-
|
|
24
|
-
|
|
22
|
+
PiButton,
|
|
23
|
+
PiButtonName,
|
|
24
|
+
PiIcon,
|
|
25
|
+
PiIconName,
|
|
26
|
+
PiSelect,
|
|
27
|
+
PiSelectName
|
|
25
28
|
} from '@polarityio/pi-components';
|
|
26
29
|
|
|
27
30
|
// Register only the components you need
|
|
@@ -44,27 +47,28 @@ html`
|
|
|
44
47
|
|
|
45
48
|
## Included Components
|
|
46
49
|
|
|
47
|
-
| Package
|
|
48
|
-
|
|
|
49
|
-
| [@polarityio/pi-shared](../shared/)
|
|
50
|
-
| [@polarityio/pi-button](../button/)
|
|
51
|
-
| [@polarityio/pi-card](../card/)
|
|
52
|
-
| [@polarityio/pi-checkbox](../checkbox/)
|
|
53
|
-
| [@polarityio/pi-copy-button](../copy-button/)
|
|
54
|
-
| [@polarityio/pi-
|
|
55
|
-
| [@polarityio/pi-
|
|
56
|
-
| [@polarityio/pi-
|
|
57
|
-
| [@polarityio/pi-
|
|
58
|
-
| [@polarityio/pi-
|
|
59
|
-
| [@polarityio/pi-
|
|
60
|
-
| [@polarityio/pi-
|
|
61
|
-
| [@polarityio/pi-
|
|
62
|
-
| [@polarityio/pi-
|
|
63
|
-
| [@polarityio/pi-
|
|
64
|
-
| [@polarityio/pi-
|
|
65
|
-
| [@polarityio/pi-
|
|
66
|
-
| [@polarityio/pi-
|
|
67
|
-
| [@polarityio/pi-
|
|
50
|
+
| Package | Component(s) | Description |
|
|
51
|
+
| --------------------------------------------------- | ---------------------------------------------- | ------------------------------------------------------------- |
|
|
52
|
+
| [@polarityio/pi-shared](../shared/) | — | Shared utilities, base classes, interfaces, and design tokens |
|
|
53
|
+
| [@polarityio/pi-button](../button/) | `<pi-button>` | Button with multiple types, variants, and icon support |
|
|
54
|
+
| [@polarityio/pi-card](../card/) | `<pi-card>` | Card container with optional collapsible title |
|
|
55
|
+
| [@polarityio/pi-checkbox](../checkbox/) | `<pi-checkbox>` | Checkbox with checked, indeterminate, and disabled states |
|
|
56
|
+
| [@polarityio/pi-copy-button](../copy-button/) | `<pi-copy-button>` | Clipboard copy button with rich text support |
|
|
57
|
+
| [@polarityio/pi-error](../error/) | `<pi-error>` | Error alert with detail expansion and clipboard copy |
|
|
58
|
+
| [@polarityio/pi-external-link](../external-link/) | `<pi-external-link>` | Link that opens URLs in a new tab with icon and tooltip |
|
|
59
|
+
| [@polarityio/pi-icon](../icon/) | `<pi-icon>` | FontAwesome SVG icon rendering |
|
|
60
|
+
| [@polarityio/pi-input](../input/) | `<pi-input>` | Text input with validation, clearable field, and error states |
|
|
61
|
+
| [@polarityio/pi-key-value](../key-value/) | `<pi-key-value>` | Key-value pair display with date formatting |
|
|
62
|
+
| [@polarityio/pi-object-table](../object-table/) | `<pi-object-table>` | Object/array to HTML table renderer |
|
|
63
|
+
| [@polarityio/pi-radio](../radio/) | `<pi-radio>`, `<pi-radio-group>` | Radio button and radio group components |
|
|
64
|
+
| [@polarityio/pi-section-header](../section-header/) | `<pi-section-header>` | Collapsible section header with count display |
|
|
65
|
+
| [@polarityio/pi-select](../select/) | `<pi-select>` | Searchable dropdown with single/multiple selection |
|
|
66
|
+
| [@polarityio/pi-show-more](../show-more/) | `<pi-show-more>` | Expandable content with show more/less toggle |
|
|
67
|
+
| [@polarityio/pi-spinner](../spinner/) | `<pi-spinner>` | Loading spinner with configurable size and label |
|
|
68
|
+
| [@polarityio/pi-summary-tag](../summary-tag/) | `<pi-summary-tag>` | Integration-themed badge with colored acronym |
|
|
69
|
+
| [@polarityio/pi-tab](../tab/) | `<pi-tab>`, `<pi-tab-group>`, `<pi-tab-panel>` | Tab navigation components |
|
|
70
|
+
| [@polarityio/pi-tag](../tag/) | `<pi-tag>` | Inline tag/chip with optional icons |
|
|
71
|
+
| [@polarityio/pi-tooltip](../tooltip/) | `<pi-tooltip>` | Tooltip with floating-ui positioning |
|
|
68
72
|
|
|
69
73
|
## Component Registry
|
|
70
74
|
|
|
@@ -1,106 +1,111 @@
|
|
|
1
1
|
{
|
|
2
2
|
"pi-button": {
|
|
3
|
-
"element": "pi-button-v1-0-
|
|
3
|
+
"element": "pi-button-v1-0-4",
|
|
4
4
|
"className": "PiButton",
|
|
5
5
|
"package": "@polarityio/pi-button"
|
|
6
6
|
},
|
|
7
7
|
"pi-card": {
|
|
8
|
-
"element": "pi-card-v1-0-
|
|
8
|
+
"element": "pi-card-v1-0-3",
|
|
9
9
|
"className": "PiCard",
|
|
10
10
|
"package": "@polarityio/pi-card"
|
|
11
11
|
},
|
|
12
12
|
"pi-checkbox": {
|
|
13
|
-
"element": "pi-checkbox-v1-0-
|
|
13
|
+
"element": "pi-checkbox-v1-0-3",
|
|
14
14
|
"className": "PiCheckbox",
|
|
15
15
|
"package": "@polarityio/pi-checkbox"
|
|
16
16
|
},
|
|
17
17
|
"pi-copy-button": {
|
|
18
|
-
"element": "pi-copy-button-v1-0-
|
|
18
|
+
"element": "pi-copy-button-v1-0-4",
|
|
19
19
|
"className": "PiCopyButton",
|
|
20
20
|
"package": "@polarityio/pi-copy-button"
|
|
21
21
|
},
|
|
22
|
+
"pi-error": {
|
|
23
|
+
"element": "pi-error-v1-0-0",
|
|
24
|
+
"className": "PiError",
|
|
25
|
+
"package": "@polarityio/pi-error"
|
|
26
|
+
},
|
|
22
27
|
"pi-external-link": {
|
|
23
|
-
"element": "pi-external-link-v1-0-
|
|
28
|
+
"element": "pi-external-link-v1-0-3",
|
|
24
29
|
"className": "PiExternalLink",
|
|
25
30
|
"package": "@polarityio/pi-external-link"
|
|
26
31
|
},
|
|
27
32
|
"pi-icon": {
|
|
28
|
-
"element": "pi-icon-v1-0-
|
|
33
|
+
"element": "pi-icon-v1-0-3",
|
|
29
34
|
"className": "PiIcon",
|
|
30
35
|
"package": "@polarityio/pi-icon"
|
|
31
36
|
},
|
|
32
37
|
"pi-input": {
|
|
33
|
-
"element": "pi-input-v1-0-
|
|
38
|
+
"element": "pi-input-v1-0-4",
|
|
34
39
|
"className": "PiInput",
|
|
35
40
|
"package": "@polarityio/pi-input"
|
|
36
41
|
},
|
|
37
42
|
"pi-key-value": {
|
|
38
|
-
"element": "pi-key-value-v1-0-
|
|
43
|
+
"element": "pi-key-value-v1-0-3",
|
|
39
44
|
"className": "PiKeyValue",
|
|
40
45
|
"package": "@polarityio/pi-key-value"
|
|
41
46
|
},
|
|
42
47
|
"pi-object-table": {
|
|
43
|
-
"element": "pi-object-table-v1-0-
|
|
48
|
+
"element": "pi-object-table-v1-0-3",
|
|
44
49
|
"className": "PiObjectTable",
|
|
45
50
|
"package": "@polarityio/pi-object-table"
|
|
46
51
|
},
|
|
47
52
|
"pi-radio": {
|
|
48
|
-
"element": "pi-radio-v1-0-
|
|
53
|
+
"element": "pi-radio-v1-0-3",
|
|
49
54
|
"className": "PiRadio",
|
|
50
55
|
"package": "@polarityio/pi-radio"
|
|
51
56
|
},
|
|
52
57
|
"pi-radio-group": {
|
|
53
|
-
"element": "pi-radio-group-v1-0-
|
|
58
|
+
"element": "pi-radio-group-v1-0-3",
|
|
54
59
|
"className": "PiRadioGroup",
|
|
55
60
|
"package": "@polarityio/pi-radio"
|
|
56
61
|
},
|
|
57
62
|
"pi-section-header": {
|
|
58
|
-
"element": "pi-section-header-v1-0-
|
|
63
|
+
"element": "pi-section-header-v1-0-3",
|
|
59
64
|
"className": "PiSectionHeader",
|
|
60
65
|
"package": "@polarityio/pi-section-header"
|
|
61
66
|
},
|
|
62
67
|
"pi-select": {
|
|
63
|
-
"element": "pi-select-v1-0-
|
|
68
|
+
"element": "pi-select-v1-0-4",
|
|
64
69
|
"className": "PiSelect",
|
|
65
70
|
"package": "@polarityio/pi-select"
|
|
66
71
|
},
|
|
67
72
|
"pi-show-more": {
|
|
68
|
-
"element": "pi-show-more-v1-0-
|
|
73
|
+
"element": "pi-show-more-v1-0-4",
|
|
69
74
|
"className": "PiShowMore",
|
|
70
75
|
"package": "@polarityio/pi-show-more"
|
|
71
76
|
},
|
|
72
77
|
"pi-spinner": {
|
|
73
|
-
"element": "pi-spinner-v1-0-
|
|
78
|
+
"element": "pi-spinner-v1-0-3",
|
|
74
79
|
"className": "PiSpinner",
|
|
75
80
|
"package": "@polarityio/pi-spinner"
|
|
76
81
|
},
|
|
77
82
|
"pi-summary-tag": {
|
|
78
|
-
"element": "pi-summary-tag-v1-0-
|
|
83
|
+
"element": "pi-summary-tag-v1-0-4",
|
|
79
84
|
"className": "PiSummaryTag",
|
|
80
85
|
"package": "@polarityio/pi-summary-tag"
|
|
81
86
|
},
|
|
82
87
|
"pi-tab": {
|
|
83
|
-
"element": "pi-tab-v1-0-
|
|
88
|
+
"element": "pi-tab-v1-0-4",
|
|
84
89
|
"className": "PiTab",
|
|
85
90
|
"package": "@polarityio/pi-tab"
|
|
86
91
|
},
|
|
87
92
|
"pi-tab-group": {
|
|
88
|
-
"element": "pi-tab-group-v1-0-
|
|
93
|
+
"element": "pi-tab-group-v1-0-4",
|
|
89
94
|
"className": "PiTabGroup",
|
|
90
95
|
"package": "@polarityio/pi-tab"
|
|
91
96
|
},
|
|
92
97
|
"pi-tab-panel": {
|
|
93
|
-
"element": "pi-tab-panel-v1-0-
|
|
98
|
+
"element": "pi-tab-panel-v1-0-4",
|
|
94
99
|
"className": "PiTabPanel",
|
|
95
100
|
"package": "@polarityio/pi-tab"
|
|
96
101
|
},
|
|
97
102
|
"pi-tag": {
|
|
98
|
-
"element": "pi-tag-v1-0-
|
|
103
|
+
"element": "pi-tag-v1-0-3",
|
|
99
104
|
"className": "PiTag",
|
|
100
105
|
"package": "@polarityio/pi-tag"
|
|
101
106
|
},
|
|
102
107
|
"pi-tooltip": {
|
|
103
|
-
"element": "pi-tooltip-v1-0-
|
|
108
|
+
"element": "pi-tooltip-v1-0-4",
|
|
104
109
|
"className": "PiTooltip",
|
|
105
110
|
"package": "@polarityio/pi-tooltip"
|
|
106
111
|
}
|
package/dist/index.d.ts
CHANGED
|
@@ -48,3 +48,5 @@ export { PiSelect, CUSTOM_ELEMENT_NAME as PiSelectName } from '@polarityio/pi-se
|
|
|
48
48
|
export type { PiSelectProps, PiSelectChangeDetail, PiSelectSearchDetail, PiSelectConfig, PiSelectState, PiSelectEventMap, MatcherFn, OptionRenderer, GroupObject, Option } from '@polarityio/pi-select';
|
|
49
49
|
export { PiShowMore, CUSTOM_ELEMENT_NAME as PiShowMoreName } from '@polarityio/pi-show-more';
|
|
50
50
|
export type { PiShowMoreProps } from '@polarityio/pi-show-more';
|
|
51
|
+
export { PiError, CUSTOM_ELEMENT_NAME as PiErrorName } from '@polarityio/pi-error';
|
|
52
|
+
export type { PiErrorProps, PiErrorVariant } from '@polarityio/pi-error';
|
package/dist/index.js
CHANGED
|
@@ -17,6 +17,7 @@ import { PiTag, CUSTOM_ELEMENT_NAME as CUSTOM_ELEMENT_NAME13 } from "@polarityio
|
|
|
17
17
|
import { PiTooltip, CUSTOM_ELEMENT_NAME as CUSTOM_ELEMENT_NAME14 } from "@polarityio/pi-tooltip";
|
|
18
18
|
import { PiSelect, CUSTOM_ELEMENT_NAME as CUSTOM_ELEMENT_NAME15 } from "@polarityio/pi-select";
|
|
19
19
|
import { PiShowMore, CUSTOM_ELEMENT_NAME as CUSTOM_ELEMENT_NAME16 } from "@polarityio/pi-show-more";
|
|
20
|
+
import { PiError, CUSTOM_ELEMENT_NAME as CUSTOM_ELEMENT_NAME17 } from "@polarityio/pi-error";
|
|
20
21
|
export {
|
|
21
22
|
CUSTOM_ELEMENT_NAME4 as CopyButtonName,
|
|
22
23
|
IntegrationComponentBase,
|
|
@@ -28,6 +29,8 @@ export {
|
|
|
28
29
|
PiCheckbox,
|
|
29
30
|
CUSTOM_ELEMENT_NAME8 as PiCheckboxName,
|
|
30
31
|
PiCopyButton,
|
|
32
|
+
PiError,
|
|
33
|
+
CUSTOM_ELEMENT_NAME17 as PiErrorName,
|
|
31
34
|
PiExternalLink,
|
|
32
35
|
CUSTOM_ELEMENT_NAME9 as PiExternalLinkName,
|
|
33
36
|
PiIcon,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@polarityio/pi-components",
|
|
3
|
-
"version": "1.0
|
|
3
|
+
"version": "1.1.0",
|
|
4
4
|
"description": "Meta-package that re-exports all Polarity integration components",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"publishConfig": {
|
|
@@ -28,25 +28,26 @@
|
|
|
28
28
|
"dist"
|
|
29
29
|
],
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@polarityio/pi-
|
|
32
|
-
"@polarityio/pi-
|
|
33
|
-
"@polarityio/pi-
|
|
34
|
-
"@polarityio/pi-
|
|
35
|
-
"@polarityio/pi-
|
|
36
|
-
"@polarityio/pi-
|
|
37
|
-
"@polarityio/pi-
|
|
38
|
-
"@polarityio/pi-
|
|
39
|
-
"@polarityio/pi-
|
|
40
|
-
"@polarityio/pi-
|
|
41
|
-
"@polarityio/pi-
|
|
42
|
-
"@polarityio/pi-
|
|
43
|
-
"@polarityio/pi-
|
|
44
|
-
"@polarityio/pi-
|
|
45
|
-
"@polarityio/pi-radio": "1.0.
|
|
46
|
-
"@polarityio/pi-
|
|
47
|
-
"@polarityio/pi-
|
|
48
|
-
"@polarityio/pi-tag": "1.0.
|
|
49
|
-
"@polarityio/pi-tooltip": "1.0.
|
|
31
|
+
"@polarityio/pi-shared": "1.0.3",
|
|
32
|
+
"@polarityio/pi-object-table": "1.0.3",
|
|
33
|
+
"@polarityio/pi-icon": "1.0.3",
|
|
34
|
+
"@polarityio/pi-summary-tag": "1.0.4",
|
|
35
|
+
"@polarityio/pi-copy-button": "1.0.4",
|
|
36
|
+
"@polarityio/pi-section-header": "1.0.3",
|
|
37
|
+
"@polarityio/pi-select": "1.0.4",
|
|
38
|
+
"@polarityio/pi-show-more": "1.0.4",
|
|
39
|
+
"@polarityio/pi-error": "1.0.0",
|
|
40
|
+
"@polarityio/pi-card": "1.0.3",
|
|
41
|
+
"@polarityio/pi-button": "1.0.4",
|
|
42
|
+
"@polarityio/pi-checkbox": "1.0.3",
|
|
43
|
+
"@polarityio/pi-external-link": "1.0.3",
|
|
44
|
+
"@polarityio/pi-input": "1.0.4",
|
|
45
|
+
"@polarityio/pi-radio": "1.0.3",
|
|
46
|
+
"@polarityio/pi-spinner": "1.0.3",
|
|
47
|
+
"@polarityio/pi-tab": "1.0.4",
|
|
48
|
+
"@polarityio/pi-tag": "1.0.3",
|
|
49
|
+
"@polarityio/pi-tooltip": "1.0.4",
|
|
50
|
+
"@polarityio/pi-key-value": "1.0.3"
|
|
50
51
|
},
|
|
51
52
|
"peerDependencies": {
|
|
52
53
|
"lit": "^3.0.0"
|