@prioticket/design-system-web 1.0.3 → 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/COMPONENT-DOCUMENTATION.md +561 -430
- package/README.md +341 -309
- package/component-documentation.json +1755 -1128
- package/custom-elements.json +6453 -0
- package/dist/component-gallery.html +431 -0
- package/dist/components/pd-button.d.cjs.js +1 -0
- package/dist/components/pd-button.d.es.js +7 -0
- package/dist/components/pd-card.d.cjs.js +1 -0
- package/dist/components/pd-card.d.es.js +1 -0
- package/dist/components/pd-checkbox.cjs.js +6 -6
- package/dist/components/pd-checkbox.d.cjs.js +1 -0
- package/dist/components/pd-checkbox.d.es.js +2 -0
- package/dist/components/pd-checkbox.es.js +39 -38
- package/dist/components/pd-chip.d.cjs.js +1 -0
- package/dist/components/pd-chip.d.es.js +6 -0
- package/dist/components/pd-dialog.d.cjs.js +1 -0
- package/dist/components/pd-dialog.d.es.js +5 -0
- package/dist/components/pd-expandable-card.d.cjs.js +1 -0
- package/dist/components/pd-expandable-card.d.es.js +3 -0
- package/dist/components/pd-fab.d.cjs.js +1 -0
- package/dist/components/pd-fab.d.es.js +4 -0
- package/dist/components/pd-icon-button.d.cjs.js +1 -0
- package/dist/components/pd-icon-button.d.es.js +6 -0
- package/dist/components/pd-icon.d.cjs.js +1 -0
- package/dist/components/pd-icon.d.es.js +2 -0
- package/dist/components/pd-list.d.cjs.js +1 -0
- package/dist/components/pd-list.d.es.js +5 -0
- package/dist/components/pd-menu-item.d.cjs.js +1 -0
- package/dist/components/pd-menu-item.d.es.js +3 -0
- package/dist/components/pd-menu.cjs.js +13 -13
- package/dist/components/pd-menu.d.cjs.js +1 -0
- package/dist/components/pd-menu.d.es.js +2 -0
- package/dist/components/pd-menu.es.js +19 -19
- package/dist/components/pd-progress.d.cjs.js +1 -0
- package/dist/components/pd-progress.d.es.js +3 -0
- package/dist/components/pd-radio.d.cjs.js +1 -0
- package/dist/components/pd-radio.d.es.js +2 -0
- package/dist/components/pd-segmented-button.d.cjs.js +1 -0
- package/dist/components/pd-segmented-button.d.es.js +2 -0
- package/dist/components/pd-segmented-stepper.cjs.js +3 -3
- package/dist/components/pd-segmented-stepper.d.cjs.js +1 -0
- package/dist/components/pd-segmented-stepper.d.es.js +2 -0
- package/dist/components/pd-segmented-stepper.es.js +4 -11
- package/dist/components/pd-select.d.cjs.js +1 -0
- package/dist/components/pd-select.d.es.js +5 -0
- package/dist/components/pd-slider.d.cjs.js +1 -0
- package/dist/components/pd-slider.d.es.js +2 -0
- package/dist/components/pd-stepper.cjs.js +3 -3
- package/dist/components/pd-stepper.d.cjs.js +1 -0
- package/dist/components/pd-stepper.d.es.js +1 -0
- package/dist/components/pd-stepper.es.js +19 -5
- package/dist/components/pd-switch.d.cjs.js +1 -0
- package/dist/components/pd-switch.d.es.js +3 -0
- package/dist/components/pd-tabs.cjs.js +4 -4
- package/dist/components/pd-tabs.d.cjs.js +1 -0
- package/dist/components/pd-tabs.d.es.js +5 -0
- package/dist/components/pd-tabs.es.js +53 -60
- package/dist/components/pd-text-field.d.cjs.js +1 -0
- package/dist/components/pd-text-field.d.es.js +4 -0
- package/dist/demo-theming.html +305 -331
- package/dist/prioticket-design-system-web.cjs.js +2281 -1
- package/dist/prioticket-design-system-web.es.js +4103 -50
- package/dist/types/components/pd-checkbox.d.ts +1 -0
- package/dist/types/components/pd-segmented-stepper.d.ts +2 -3
- package/dist/types/components/pd-stepper.d.ts +2 -0
- package/dist/types/components/pd-tabs.d.ts +2 -2
- package/package.json +29 -9
|
@@ -6,9 +6,8 @@ import '@material/web/icon/icon.js';
|
|
|
6
6
|
*
|
|
7
7
|
* @slot - The default slot for pd-stepper-item elements.
|
|
8
8
|
*
|
|
9
|
-
* @fires step-change - Fired when the active step changes
|
|
10
|
-
* @fires
|
|
11
|
-
* @fires stepcomplete - Fired when a step is marked as completed.
|
|
9
|
+
* @fires step-change - Fired when the active step changes. Detail: `{ currentStep, previousStep, totalSteps }`.
|
|
10
|
+
* @fires step-complete - Fired when a step is marked as completed. Detail: `{ completedStep, completedSteps, totalSteps }`.
|
|
12
11
|
*/
|
|
13
12
|
export declare class PdSegmentedStepper extends LitElement {
|
|
14
13
|
/** The currently active step index (0-based). */
|
|
@@ -15,6 +15,8 @@ export interface StepData {
|
|
|
15
15
|
* @cssprop --pd-stepper-inactive-color - The color of inactive step indicators
|
|
16
16
|
* @cssprop --pd-stepper-error-color - The color of error step indicators
|
|
17
17
|
* @cssprop --pd-stepper-connector-color - The color of step connectors
|
|
18
|
+
*
|
|
19
|
+
* @fires step-change - Fired when the active step changes. Detail: `{ currentStep, previousStep, totalSteps }`.
|
|
18
20
|
*/
|
|
19
21
|
export declare class PdStepper extends LitElement {
|
|
20
22
|
/** The steps data array */
|
|
@@ -25,9 +25,9 @@ export declare class PdTabs extends LitElement {
|
|
|
25
25
|
/** Array of tab data objects */
|
|
26
26
|
tabs: TabData[];
|
|
27
27
|
private slottedTabs;
|
|
28
|
-
|
|
28
|
+
private assignedTabs;
|
|
29
29
|
firstUpdated(): void;
|
|
30
|
-
private
|
|
30
|
+
private updateTabsFromSlot;
|
|
31
31
|
private handleSlotChange;
|
|
32
32
|
private forceActiveTabUpdate;
|
|
33
33
|
private renderTab;
|
package/package.json
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@prioticket/design-system-web",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "1.0.
|
|
4
|
+
"version": "1.0.6",
|
|
5
5
|
"type": "module",
|
|
6
|
-
"main": "./dist/prioticket-design-system-web.
|
|
6
|
+
"main": "./dist/prioticket-design-system-web.cjs.js",
|
|
7
7
|
"module": "./dist/prioticket-design-system-web.es.js",
|
|
8
8
|
"types": "./dist/types/index.d.ts",
|
|
9
9
|
"sideEffects": [
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
".": {
|
|
15
15
|
"types": "./dist/types/index.d.ts",
|
|
16
16
|
"import": "./dist/prioticket-design-system-web.es.js",
|
|
17
|
-
"require": "./dist/prioticket-design-system-web.
|
|
17
|
+
"require": "./dist/prioticket-design-system-web.cjs.js",
|
|
18
18
|
"default": "./dist/prioticket-design-system-web.es.js"
|
|
19
19
|
},
|
|
20
20
|
"./theme": {
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
"require": "./dist/components/*.cjs.js",
|
|
48
48
|
"default": "./dist/components/*.es.js"
|
|
49
49
|
},
|
|
50
|
-
"./theme-only.css": "./dist/theme-only.css",
|
|
50
|
+
"./theme-only.css": "./dist/theme-only.css",
|
|
51
51
|
"./fonts-only.css": "./dist/fonts-only.css",
|
|
52
52
|
"./theme-with-fonts.css": "./dist/theme-with-fonts.css",
|
|
53
53
|
"./package.json": "./package.json"
|
|
@@ -55,7 +55,8 @@
|
|
|
55
55
|
"files": [
|
|
56
56
|
"dist",
|
|
57
57
|
"component-documentation.json",
|
|
58
|
-
"COMPONENT-DOCUMENTATION.md"
|
|
58
|
+
"COMPONENT-DOCUMENTATION.md",
|
|
59
|
+
"custom-elements.json"
|
|
59
60
|
],
|
|
60
61
|
"scripts": {
|
|
61
62
|
"dev": "vite",
|
|
@@ -64,8 +65,16 @@
|
|
|
64
65
|
"storybook": "storybook dev -p 6006",
|
|
65
66
|
"build-storybook": "storybook build",
|
|
66
67
|
"chromatic": "chromatic --project-token=chpt_5c8c5ef4fd7f67b",
|
|
67
|
-
"
|
|
68
|
-
"
|
|
68
|
+
"prepublishOnly": "npm run build:packages && npm run docs",
|
|
69
|
+
"docs:manifest": "node scripts/build-manifest.mjs",
|
|
70
|
+
"docs:build": "node scripts/generate-docs.mjs",
|
|
71
|
+
"docs": "npm run docs:manifest && npm run docs:build",
|
|
72
|
+
"react:generate": "node scripts/generate-react-wrappers.mjs",
|
|
73
|
+
"react:build": "npm run react:generate && npm run --prefix packages/react build",
|
|
74
|
+
"build:packages": "npm run build && npm run react:build",
|
|
75
|
+
"publish:web": "npm publish --access public --ignore-scripts",
|
|
76
|
+
"publish:react": "npm publish --workspace packages/react --access public --ignore-scripts",
|
|
77
|
+
"publish:packages": "npm run build:packages && npm run docs && npm run publish:web && npm run publish:react"
|
|
69
78
|
},
|
|
70
79
|
"keywords": [
|
|
71
80
|
"design-system",
|
|
@@ -79,7 +88,7 @@
|
|
|
79
88
|
"author": "Prioticket",
|
|
80
89
|
"license": "MIT",
|
|
81
90
|
"dependencies": {
|
|
82
|
-
"@prioticket/design-tokens-material-web": "^1.0.
|
|
91
|
+
"@prioticket/design-tokens-material-web": "^1.0.0"
|
|
83
92
|
},
|
|
84
93
|
"peerDependencies": {
|
|
85
94
|
"@material/web": "^2.4.0",
|
|
@@ -102,6 +111,17 @@
|
|
|
102
111
|
"storybook": "^9.1.3",
|
|
103
112
|
"typescript": "~5.8.3",
|
|
104
113
|
"vite": "^7.1.2",
|
|
105
|
-
"vitest": "^3.2.4"
|
|
114
|
+
"vitest": "^3.2.4",
|
|
115
|
+
"@custom-elements-manifest/analyzer": "^0.9.6",
|
|
116
|
+
"@types/react": "^18.3.5",
|
|
117
|
+
"@types/react-dom": "^18.3.0",
|
|
118
|
+
"react": "^18.3.1",
|
|
119
|
+
"react-dom": "^18.3.1"
|
|
120
|
+
},
|
|
121
|
+
"workspaces": [
|
|
122
|
+
"packages/react"
|
|
123
|
+
],
|
|
124
|
+
"publishConfig": {
|
|
125
|
+
"access": "public"
|
|
106
126
|
}
|
|
107
127
|
}
|