@prioticket/design-system-web 1.0.6 → 1.0.7

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 (52) hide show
  1. package/COMPONENT-DOCUMENTATION.md +1 -1
  2. package/README.md +14 -11
  3. package/component-documentation.json +2 -2
  4. package/dist/component-gallery.html +2 -2
  5. package/dist/demo-theming.html +2 -2
  6. package/dist/prioticket-design-system-web.cjs.js +1 -2281
  7. package/dist/prioticket-design-system-web.es.js +50 -4103
  8. package/package.json +1 -1
  9. package/dist/components/pd-button.d.cjs.js +0 -1
  10. package/dist/components/pd-button.d.es.js +0 -7
  11. package/dist/components/pd-card.d.cjs.js +0 -1
  12. package/dist/components/pd-card.d.es.js +0 -1
  13. package/dist/components/pd-checkbox.d.cjs.js +0 -1
  14. package/dist/components/pd-checkbox.d.es.js +0 -2
  15. package/dist/components/pd-chip.d.cjs.js +0 -1
  16. package/dist/components/pd-chip.d.es.js +0 -6
  17. package/dist/components/pd-dialog.d.cjs.js +0 -1
  18. package/dist/components/pd-dialog.d.es.js +0 -5
  19. package/dist/components/pd-expandable-card.d.cjs.js +0 -1
  20. package/dist/components/pd-expandable-card.d.es.js +0 -3
  21. package/dist/components/pd-fab.d.cjs.js +0 -1
  22. package/dist/components/pd-fab.d.es.js +0 -4
  23. package/dist/components/pd-icon-button.d.cjs.js +0 -1
  24. package/dist/components/pd-icon-button.d.es.js +0 -6
  25. package/dist/components/pd-icon.d.cjs.js +0 -1
  26. package/dist/components/pd-icon.d.es.js +0 -2
  27. package/dist/components/pd-list.d.cjs.js +0 -1
  28. package/dist/components/pd-list.d.es.js +0 -5
  29. package/dist/components/pd-menu-item.d.cjs.js +0 -1
  30. package/dist/components/pd-menu-item.d.es.js +0 -3
  31. package/dist/components/pd-menu.d.cjs.js +0 -1
  32. package/dist/components/pd-menu.d.es.js +0 -2
  33. package/dist/components/pd-progress.d.cjs.js +0 -1
  34. package/dist/components/pd-progress.d.es.js +0 -3
  35. package/dist/components/pd-radio.d.cjs.js +0 -1
  36. package/dist/components/pd-radio.d.es.js +0 -2
  37. package/dist/components/pd-segmented-button.d.cjs.js +0 -1
  38. package/dist/components/pd-segmented-button.d.es.js +0 -2
  39. package/dist/components/pd-segmented-stepper.d.cjs.js +0 -1
  40. package/dist/components/pd-segmented-stepper.d.es.js +0 -2
  41. package/dist/components/pd-select.d.cjs.js +0 -1
  42. package/dist/components/pd-select.d.es.js +0 -5
  43. package/dist/components/pd-slider.d.cjs.js +0 -1
  44. package/dist/components/pd-slider.d.es.js +0 -2
  45. package/dist/components/pd-stepper.d.cjs.js +0 -1
  46. package/dist/components/pd-stepper.d.es.js +0 -1
  47. package/dist/components/pd-switch.d.cjs.js +0 -1
  48. package/dist/components/pd-switch.d.es.js +0 -3
  49. package/dist/components/pd-tabs.d.cjs.js +0 -1
  50. package/dist/components/pd-tabs.d.es.js +0 -5
  51. package/dist/components/pd-text-field.d.cjs.js +0 -1
  52. package/dist/components/pd-text-field.d.es.js +0 -4
package/COMPONENT-DOCUMENTATION.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # @prioticket/design-system-web Components
2
2
 
3
- Version: 1.0.6
3
+ Version: 1.0.7
4
4
 
5
5
  ### <pd-button> (PdButton)
6
6
 
package/README.md CHANGED
@@ -19,6 +19,10 @@ A comprehensive Web Components library built with **Lit** that provides Material
19
19
  npm install @prioticket/design-system-web
20
20
  ```
21
21
 
22
+ ### React projects
23
+
24
+ We publish official wrappers as `@prioticket/design-system-react`. Install that package alongside the web components when building React apps—see `packages/react/README.md` for setup and usage details.
25
+
22
26
  ## Usage Guide
23
27
 
24
28
  ### 1. Quick Start with CDN (Recommended for PHP, Vanilla HTML, etc.)
@@ -40,7 +44,7 @@ This is the fastest way to try the components on any plain HTML page while keepi
40
44
  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200">
41
45
 
42
46
  <!-- 2. Theme CSS -->
43
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@prioticket/design-system-web@1.0.6/dist/theme-only.css">
47
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@prioticket/design-system-web@1.0.7/dist/theme-only.css">
44
48
 
45
49
  <!-- 3. Import map for the design system and its peer dependencies -->
46
50
  <script type="importmap">
@@ -67,7 +71,7 @@ This is the fastest way to try the components on any plain HTML page while keepi
67
71
 
68
72
  <!-- 4. Import the components you need -->
69
73
  <script type="module">
70
- await import("https://cdn.jsdelivr.net/npm/@prioticket/design-system-web@1.0.6/dist/components/pd-button.es.js");
74
+ await import("https://cdn.jsdelivr.net/npm/@prioticket/design-system-web@1.0.7/dist/components/pd-button.es.js");
71
75
  </script>
72
76
  </body>
73
77
  </html>
@@ -76,13 +80,13 @@ This is the fastest way to try the components on any plain HTML page while keepi
76
80
  **Notes:**
77
81
  - Reuse the same import map for every demo page; add or remove component imports as needed (see `public/component-gallery.html` for a larger example).
78
82
  - Chromium-based browsers allow this to run directly from `file://` URLs. For Safari/Firefox or when sharing with others, serve the folder over HTTP (for example, `npx http-server public` or `python3 -m http.server`).
79
- - Update the `@prioticket/design-system-web@1.0.6` version string when a new release becomes available.
83
+ - Update the `@prioticket/design-system-web@1.0.7` version string when a new release becomes available.
80
84
 
81
85
  ```html
82
86
  <!-- Theme CSS options -->
83
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@prioticket/design-system-web@1.0.6/dist/theme-only.css">
84
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@prioticket/design-system-web@1.0.6/dist/theme-with-fonts.css">
85
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@prioticket/design-system-web@1.0.6/dist/fonts-only.css">
87
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@prioticket/design-system-web@1.0.7/dist/theme-only.css">
88
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@prioticket/design-system-web@1.0.7/dist/theme-with-fonts.css">
89
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@prioticket/design-system-web@1.0.7/dist/fonts-only.css">
86
90
  ```
87
91
 
88
92
  **PHP Example:**
@@ -92,7 +96,7 @@ This is the fastest way to try the components on any plain HTML page while keepi
92
96
  <head>
93
97
  <title><?= htmlspecialchars($pageTitle) ?></title>
94
98
  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200">
95
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@prioticket/design-system-web@1.0.6/dist/theme-only.css">
99
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@prioticket/design-system-web@1.0.7/dist/theme-only.css">
96
100
  <script type="importmap">{
97
101
  "imports": {
98
102
  "lit": "https://cdn.jsdelivr.net/npm/lit@3.3.1/index.js",
@@ -112,8 +116,8 @@ This is the fastest way to try the components on any plain HTML page while keepi
112
116
  </pd-card>
113
117
 
114
118
  <script type="module">
115
- await import("https://cdn.jsdelivr.net/npm/@prioticket/design-system-web@1.0.6/dist/components/pd-button.es.js");
116
- await import("https://cdn.jsdelivr.net/npm/@prioticket/design-system-web@1.0.6/dist/components/pd-card.es.js");
119
+ await import("https://cdn.jsdelivr.net/npm/@prioticket/design-system-web@1.0.7/dist/components/pd-button.es.js");
120
+ await import("https://cdn.jsdelivr.net/npm/@prioticket/design-system-web@1.0.7/dist/components/pd-card.es.js");
117
121
  </script>
118
122
  </body>
119
123
  </html>
@@ -121,7 +125,7 @@ This is the fastest way to try the components on any plain HTML page while keepi
121
125
 
122
126
  #### About single-script bundles
123
127
 
124
- The published package focuses on ES modules so that browsers and bundlers can tree-shake unused Material Web dependencies. Producing a one-file UMD/IIFE bundle would dramatically increase payload size, and Vite cannot emit a shared UMD bundle while we expose every component as an entry point. We plan to revisit this once we have a dedicated aggregation build, but for 1.0.6 we recommend sticking with the import-map approach above or a real bundler setup.
128
+ The published package focuses on ES modules so that browsers and bundlers can tree-shake unused Material Web dependencies. Producing a one-file UMD/IIFE bundle would dramatically increase payload size, and Vite cannot emit a shared UMD bundle while we expose every component as an entry point. We plan to revisit this once we have a dedicated aggregation build, but for 1.0.7 we recommend sticking with the import-map approach above or a real bundler setup.
125
129
 
126
130
  ### 2. Usage with a Bundler (Framework Integration)
127
131
 
@@ -338,4 +342,3 @@ The source code for this library is proprietary and maintained in a private repo
338
342
  For questions or bug reports, please contact the Prioticket development team internally.
339
343
 
340
344
 
341
-
package/component-documentation.json CHANGED
@@ -1,11 +1,11 @@
1
1
  {
2
2
  "package": {
3
3
  "name": "@prioticket/design-system-web",
4
- "version": "1.0.6",
4
+ "version": "1.0.7",
5
5
  "description": "",
6
6
  "installation": "npm install @prioticket/design-system-web"
7
7
  },
8
- "generatedAt": "2025-09-30T13:30:13.690Z",
8
+ "generatedAt": "2025-09-30T13:55:32.011Z",
9
9
  "components": {
10
10
  "pd-button": {
11
11
  "tagName": "pd-button",
package/dist/component-gallery.html CHANGED
@@ -26,7 +26,7 @@
26
26
  }
27
27
  </script>
28
28
 
29
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@prioticket/design-system-web@1.0.6/dist/theme-only.css">
29
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@prioticket/design-system-web@1.0.7/dist/theme-only.css">
30
30
 
31
31
  <style>
32
32
  :root {
@@ -321,7 +321,7 @@
321
321
  </main>
322
322
 
323
323
  <script type="module">
324
- const CDN_BASE = 'https://cdn.jsdelivr.net/npm/@prioticket/design-system-web@1.0.6/dist';
324
+ const CDN_BASE = 'https://cdn.jsdelivr.net/npm/@prioticket/design-system-web@1.0.7/dist';
325
325
  const COMPONENT_BASE = CDN_BASE + '/components';
326
326
 
327
327
  const COMPONENTS = [
package/dist/demo-theming.html CHANGED
@@ -26,7 +26,7 @@
26
26
  }
27
27
  </script>
28
28
 
29
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@prioticket/design-system-web@1.0.6/dist/theme-only.css">
29
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@prioticket/design-system-web@1.0.7/dist/theme-only.css">
30
30
 
31
31
  <style>
32
32
  body {
@@ -145,7 +145,7 @@
145
145
 
146
146
  <script type="module">
147
147
  const CDN_BASE = 'https://cdn.jsdelivr.net/npm';
148
- const DS_BASE = `${CDN_BASE}/@prioticket/design-system-web@1.0.6/dist`;
148
+ const DS_BASE = `${CDN_BASE}/@prioticket/design-system-web@1.0.7/dist`;
149
149
  const THEMING_URL = `${DS_BASE}/theming.es.js`;
150
150
  const COMPONENTS = [
151
151
  `${DS_BASE}/components/pd-button.es.js`,