@ptcwebops/ptcw-design 7.0.13-upgrade → 7.0.15-upgrade

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 (34) hide show
  1. package/dist/cjs/{app-globals-BAckz32_.js → app-globals-B7rCmdU-.js} +9 -6
  2. package/dist/cjs/app-globals-B7rCmdU-.js.map +1 -0
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/ptc-link.cjs.entry.js +84 -339
  5. package/dist/cjs/ptcw-design.cjs.js +1 -1
  6. package/dist/collection/components/atoms/ptc-link/ptc-link.css +84 -339
  7. package/dist/collection/global/global.js +7 -4
  8. package/dist/collection/global/global.js.map +1 -1
  9. package/dist/components/index.js +7 -4
  10. package/dist/components/index.js.map +1 -1
  11. package/dist/components/{p-BvOIlb1U.js → p-3XLWkaDa.js} +86 -341
  12. package/dist/components/p-3XLWkaDa.js.map +1 -0
  13. package/dist/components/ptc-inline-cta.js +1 -1
  14. package/dist/components/ptc-link.js +1 -1
  15. package/dist/components/ptc-pricing-packaging-table.js +1 -1
  16. package/dist/esm/{app-globals-DSXkbnDg.js → app-globals-DpprUrt7.js} +9 -6
  17. package/dist/esm/app-globals-DpprUrt7.js.map +1 -0
  18. package/dist/esm/loader.js +1 -1
  19. package/dist/esm/ptc-link.entry.js +84 -339
  20. package/dist/esm/ptc-link.entry.js.map +1 -1
  21. package/dist/esm/ptcw-design.js +1 -1
  22. package/dist/ptcw-design/p-CByqZKSi.js +2 -0
  23. package/dist/ptcw-design/p-CByqZKSi.js.map +1 -0
  24. package/dist/ptcw-design/p-f52df929.entry.js +2 -0
  25. package/dist/ptcw-design/{p-488064b2.entry.js.map → p-f52df929.entry.js.map} +1 -1
  26. package/dist/ptcw-design/ptcw-design.css +84 -339
  27. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  28. package/package.json +1 -1
  29. package/dist/cjs/app-globals-BAckz32_.js.map +0 -1
  30. package/dist/components/p-BvOIlb1U.js.map +0 -1
  31. package/dist/esm/app-globals-DSXkbnDg.js.map +0 -1
  32. package/dist/ptcw-design/p-488064b2.entry.js +0 -2
  33. package/dist/ptcw-design/p-Cqt1bzlp.js +0 -2
  34. package/dist/ptcw-design/p-Cqt1bzlp.js.map +0 -1
@@ -4,19 +4,22 @@ var index = require('./index-BYfn_55l.js');
4
4
 
5
5
  // src/global/global.ts
6
6
  var appGlobalScript = () => {
7
- // Add hydrated class to <html> element to match v2 behavior
8
- if (typeof window !== 'undefined') {
9
- document.documentElement.classList.add('hydrated');
10
- }
11
7
  globalThis.ptcLogger = index.ptcLogger;
12
8
  index.loadValidationMessages()
13
9
  .then(() => index.ptcLogger?.info?.('Validation messages loaded successfully'))
14
10
  .catch((err) => index.ptcLogger?.error?.('Failed to load validation messages', err));
11
+ // Add 'hydrated' class to <html> tag for backward compatibility with Stencil v1 behavior
12
+ // In Stencil v4, this class is only added to individual components, not the document root
13
+ if (typeof window !== 'undefined') {
14
+ window.addEventListener('appload', () => {
15
+ document.documentElement.classList.add('hydrated');
16
+ });
17
+ }
15
18
  };
16
19
 
17
20
  const globalScripts = appGlobalScript;
18
21
 
19
22
  exports.globalScripts = globalScripts;
20
- //# sourceMappingURL=app-globals-BAckz32_.js.map
23
+ //# sourceMappingURL=app-globals-B7rCmdU-.js.map
21
24
 
22
- //# sourceMappingURL=app-globals-BAckz32_.js.map
25
+ //# sourceMappingURL=app-globals-B7rCmdU-.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"app-globals-B7rCmdU-.js","sources":["src/global/global.ts","@stencil/core/internal/app-globals"],"sourcesContent":["// src/global/global.ts\r\nimport { ptcLogger } from '../utils/fef-logger';\r\nimport { loadValidationMessages } from '../utils/validation-messages';\r\n\r\ndeclare global {\r\n var ptcLogger: any;\r\n}\r\n\r\nexport default () => {\r\n\r\n globalThis.ptcLogger = ptcLogger;\r\n\r\n loadValidationMessages()\r\n .then(() => ptcLogger?.info?.('Validation messages loaded successfully'))\r\n .catch((err) => ptcLogger?.error?.('Failed to load validation messages', err));\r\n\r\n\r\n // Add 'hydrated' class to <html> tag for backward compatibility with Stencil v1 behavior\r\n // In Stencil v4, this class is only added to individual components, not the document root\r\n if (typeof window !== 'undefined') {\r\n window.addEventListener('appload', () => {\r\n document.documentElement.classList.add('hydrated');\r\n });\r\n }\r\n};\r\n\r\n","import appGlobalScript from 'C:/PTC/Web Design System V4/fef-design-system-v4/src/global/global.ts';\nexport const globalScripts = appGlobalScript;\nexport const globalStyles = \"\";\n"],"names":["ptcLogger","loadValidationMessages"],"mappings":";;;;AAAA;AAQA,sBAAe,MAAK;AAElB,IAAA,UAAU,CAAC,SAAS,GAAGA,eAAS;AAEhC,IAAAC,4BAAsB;SACnB,IAAI,CAAC,MAAMD,eAAS,EAAE,IAAI,GAAG,yCAAyC,CAAC;AACvE,SAAA,KAAK,CAAC,CAAC,GAAG,KAAKA,eAAS,EAAE,KAAK,GAAG,oCAAoC,EAAE,GAAG,CAAC,CAAC;;;AAKhF,IAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;AACjC,QAAA,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,MAAK;YACtC,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC;AACpD,SAAC,CAAC;;AAEN,CAAC;;ACvBW,MAAC,aAAa,GAAG;;;;"}
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var index = require('./index-BYfn_55l.js');
4
- var appGlobals = require('./app-globals-BAckz32_.js');
4
+ var appGlobals = require('./app-globals-B7rCmdU-.js');
5
5
 
6
6
  const defineCustomElements = async (win, options) => {
7
7
  if (typeof window === 'undefined') return undefined;
@@ -7,431 +7,176 @@ const ptcLinkCss = () => `@charset "UTF-8";
7
7
  @import url("https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Raleway:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
8
8
  /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
9
9
  @layer properties;
10
- .collapse {
11
- visibility: collapse;
12
- }
13
-
14
- .invisible {
15
- visibility: hidden;
16
- }
17
-
18
- .visible {
19
- visibility: visible;
20
- }
21
-
22
- .absolute {
23
- position: absolute;
24
- }
25
-
26
- .fixed {
27
- position: fixed;
28
- }
29
-
30
- .relative {
31
- position: relative;
32
- }
33
-
34
- .static {
35
- position: static;
36
- }
37
-
38
- .sticky {
39
- position: sticky;
40
- }
41
-
42
- .z-1 {
43
- z-index: 1;
44
- }
45
-
46
- .z-2 {
47
- z-index: 2;
48
- }
49
-
50
- .z-3 {
51
- z-index: 3;
10
+ .tw\:inline-flex {
11
+ display: inline-flex;
52
12
  }
53
13
 
54
- .z-99 {
55
- z-index: 99;
14
+ .tw\:w-full {
15
+ width: 100%;
56
16
  }
57
17
 
58
- .z-999 {
59
- z-index: 999;
18
+ .tw\:cursor-pointer {
19
+ cursor: pointer;
60
20
  }
61
21
 
62
- .z-auto {
63
- z-index: auto;
22
+ .tw\:items-center {
23
+ align-items: center;
64
24
  }
65
25
 
66
- .container {
67
- width: 100%;
26
+ .tw\:justify-center {
27
+ justify-content: center;
68
28
  }
69
29
 
70
- .block {
71
- display: block;
30
+ .tw\:gap-2 {
31
+ gap: var(--ptc-element-spacing-02);
72
32
  }
73
33
 
74
- .flex {
75
- display: flex;
34
+ .tw\:space-y-6 {
35
+ :where(& > :not(:last-child)) {
36
+ --tw-space-y-reverse: 0;
37
+ margin-block-start: calc(var(--ptc-element-spacing-06) * var(--tw-space-y-reverse));
38
+ margin-block-end: calc(var(--ptc-element-spacing-06) * (1 - var(--tw-space-y-reverse)));
39
+ }
76
40
  }
77
41
 
78
- .hidden {
79
- display: none;
42
+ .tw\:rounded {
43
+ border-radius: var(--ptc-border-radius-standard);
80
44
  }
81
45
 
82
- .inline {
83
- display: inline;
46
+ .tw\:border-2 {
47
+ border-style: var(--tw-border-style);
48
+ border-width: 2px;
84
49
  }
85
50
 
86
- .inline-block {
87
- display: inline-block;
51
+ .tw\:border-solid {
52
+ --tw-border-style: solid;
53
+ border-style: solid;
88
54
  }
89
55
 
90
- .list-item {
91
- display: list-item;
56
+ .tw\:border-gray-800 {
57
+ border-color: var(--color-gray-08);
92
58
  }
93
59
 
94
- .table {
95
- display: table;
60
+ .tw\:border-gray-1000 {
61
+ border-color: var(--color-gray-10);
96
62
  }
97
63
 
98
- .table-cell {
99
- display: table-cell;
64
+ .tw\:border-green-700 {
65
+ border-color: var(--color-green-07);
100
66
  }
101
67
 
102
- .table-row {
103
- display: table-row;
68
+ .tw\:bg-gray-1200 {
69
+ background-color: var(--color-gray-12);
104
70
  }
105
71
 
106
- .flex-shrink {
107
- flex-shrink: 1;
72
+ .tw\:bg-green-700 {
73
+ background-color: var(--color-green-07);
108
74
  }
109
75
 
110
- .transform {
111
- transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
76
+ .tw\:bg-white {
77
+ background-color: var(--color-white);
112
78
  }
113
79
 
114
- .resize {
115
- resize: both;
80
+ .tw\:px-3 {
81
+ padding-inline: var(--ptc-element-spacing-03);
116
82
  }
117
83
 
118
- .flex-col {
119
- flex-direction: column;
84
+ .tw\:px-4 {
85
+ padding-inline: var(--ptc-element-spacing-04);
120
86
  }
121
87
 
122
- .truncate {
123
- overflow: hidden;
124
- text-overflow: ellipsis;
125
- white-space: nowrap;
88
+ .tw\:px-5 {
89
+ padding-inline: var(--ptc-element-spacing-05);
126
90
  }
127
91
 
128
- .overflow-x-hidden {
129
- overflow-x: hidden;
92
+ .tw\:py-2 {
93
+ padding-block: var(--ptc-element-spacing-02);
130
94
  }
131
95
 
132
- .border {
133
- border-style: var(--tw-border-style);
134
- border-width: 1px;
96
+ .tw\:py-3 {
97
+ padding-block: var(--ptc-element-spacing-03);
135
98
  }
136
99
 
137
- .border-none {
138
- --tw-border-style: none;
139
- border-style: none;
100
+ .tw\:py-\[14px\] {
101
+ padding-block: 14px;
140
102
  }
141
103
 
142
- .text-center {
104
+ .tw\:text-center {
143
105
  text-align: center;
144
106
  }
145
107
 
146
- .text-ellipsis {
147
- text-overflow: ellipsis;
108
+ .tw\:text-left {
109
+ text-align: left;
148
110
  }
149
111
 
150
- .capitalize {
151
- text-transform: capitalize;
112
+ .tw\:font-primary {
113
+ font-family: var(--ptc-font-latin);
152
114
  }
153
115
 
154
- .lowercase {
155
- text-transform: lowercase;
116
+ .tw\:leading-\[18px\] {
117
+ --tw-leading: 18px;
118
+ line-height: 18px;
156
119
  }
157
120
 
158
- .uppercase {
159
- text-transform: uppercase;
121
+ .tw\:leading-\[21px\] {
122
+ --tw-leading: 21px;
123
+ line-height: 21px;
160
124
  }
161
125
 
162
- .italic {
163
- font-style: italic;
126
+ .tw\:leading-\[22px\] {
127
+ --tw-leading: 22px;
128
+ line-height: 22px;
164
129
  }
165
130
 
166
- .underline {
167
- text-decoration-line: underline;
168
- }
169
-
170
- .ring {
171
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
172
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
131
+ .tw\:leading-\[24px\] {
132
+ --tw-leading: 24px;
133
+ line-height: 24px;
173
134
  }
174
135
 
175
- .outline {
176
- outline-style: var(--tw-outline-style);
177
- outline-width: 1px;
136
+ .tw\:text-\[\#40434A\] {
137
+ color: #40434A;
178
138
  }
179
139
 
180
- .grayscale {
181
- --tw-grayscale: grayscale(100%);
182
- filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
140
+ .tw\:text-gray-700 {
141
+ color: var(--color-gray-07);
183
142
  }
184
143
 
185
- .filter {
186
- filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
144
+ .tw\:text-gray-800 {
145
+ color: var(--color-gray-08);
187
146
  }
188
147
 
189
- .backdrop-filter {
190
- backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
148
+ .tw\:text-gray-900 {
149
+ color: var(--color-gray-09);
191
150
  }
192
151
 
193
- .transition {
194
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
195
- transition-timing-function: var(--tw-ease, ease);
196
- transition-duration: var(--tw-duration, 0s);
152
+ .tw\:text-gray-1000 {
153
+ color: var(--color-gray-10);
197
154
  }
198
155
 
199
- .select-all {
200
- -webkit-user-select: all;
201
- -moz-user-select: all;
202
- user-select: all;
156
+ .tw\:text-white {
157
+ color: var(--color-white);
203
158
  }
204
159
 
205
- @property --tw-rotate-x {
206
- syntax: "*";
207
- inherits: false;
208
- }
209
- @property --tw-rotate-y {
210
- syntax: "*";
211
- inherits: false;
212
- }
213
- @property --tw-rotate-z {
214
- syntax: "*";
215
- inherits: false;
216
- }
217
- @property --tw-skew-x {
218
- syntax: "*";
219
- inherits: false;
220
- }
221
- @property --tw-skew-y {
160
+ @property --tw-space-y-reverse {
222
161
  syntax: "*";
223
162
  inherits: false;
163
+ initial-value: 0;
224
164
  }
225
165
  @property --tw-border-style {
226
166
  syntax: "*";
227
167
  inherits: false;
228
168
  initial-value: solid;
229
169
  }
230
- @property --tw-shadow {
231
- syntax: "*";
232
- inherits: false;
233
- initial-value: 0 0 rgba(0, 0, 0, 0);
234
- }
235
- @property --tw-shadow-color {
236
- syntax: "*";
237
- inherits: false;
238
- }
239
- @property --tw-shadow-alpha {
240
- syntax: "<percentage>";
241
- inherits: false;
242
- initial-value: 100%;
243
- }
244
- @property --tw-inset-shadow {
245
- syntax: "*";
246
- inherits: false;
247
- initial-value: 0 0 rgba(0, 0, 0, 0);
248
- }
249
- @property --tw-inset-shadow-color {
250
- syntax: "*";
251
- inherits: false;
252
- }
253
- @property --tw-inset-shadow-alpha {
254
- syntax: "<percentage>";
255
- inherits: false;
256
- initial-value: 100%;
257
- }
258
- @property --tw-ring-color {
259
- syntax: "*";
260
- inherits: false;
261
- }
262
- @property --tw-ring-shadow {
263
- syntax: "*";
264
- inherits: false;
265
- initial-value: 0 0 rgba(0, 0, 0, 0);
266
- }
267
- @property --tw-inset-ring-color {
268
- syntax: "*";
269
- inherits: false;
270
- }
271
- @property --tw-inset-ring-shadow {
272
- syntax: "*";
273
- inherits: false;
274
- initial-value: 0 0 rgba(0, 0, 0, 0);
275
- }
276
- @property --tw-ring-inset {
277
- syntax: "*";
278
- inherits: false;
279
- }
280
- @property --tw-ring-offset-width {
281
- syntax: "<length>";
282
- inherits: false;
283
- initial-value: 0px;
284
- }
285
- @property --tw-ring-offset-color {
286
- syntax: "*";
287
- inherits: false;
288
- initial-value: #fff;
289
- }
290
- @property --tw-ring-offset-shadow {
291
- syntax: "*";
292
- inherits: false;
293
- initial-value: 0 0 rgba(0, 0, 0, 0);
294
- }
295
- @property --tw-outline-style {
296
- syntax: "*";
297
- inherits: false;
298
- initial-value: solid;
299
- }
300
- @property --tw-blur {
301
- syntax: "*";
302
- inherits: false;
303
- }
304
- @property --tw-brightness {
305
- syntax: "*";
306
- inherits: false;
307
- }
308
- @property --tw-contrast {
309
- syntax: "*";
310
- inherits: false;
311
- }
312
- @property --tw-grayscale {
313
- syntax: "*";
314
- inherits: false;
315
- }
316
- @property --tw-hue-rotate {
317
- syntax: "*";
318
- inherits: false;
319
- }
320
- @property --tw-invert {
321
- syntax: "*";
322
- inherits: false;
323
- }
324
- @property --tw-opacity {
325
- syntax: "*";
326
- inherits: false;
327
- }
328
- @property --tw-saturate {
329
- syntax: "*";
330
- inherits: false;
331
- }
332
- @property --tw-sepia {
333
- syntax: "*";
334
- inherits: false;
335
- }
336
- @property --tw-drop-shadow {
337
- syntax: "*";
338
- inherits: false;
339
- }
340
- @property --tw-drop-shadow-color {
341
- syntax: "*";
342
- inherits: false;
343
- }
344
- @property --tw-drop-shadow-alpha {
345
- syntax: "<percentage>";
346
- inherits: false;
347
- initial-value: 100%;
348
- }
349
- @property --tw-drop-shadow-size {
350
- syntax: "*";
351
- inherits: false;
352
- }
353
- @property --tw-backdrop-blur {
354
- syntax: "*";
355
- inherits: false;
356
- }
357
- @property --tw-backdrop-brightness {
358
- syntax: "*";
359
- inherits: false;
360
- }
361
- @property --tw-backdrop-contrast {
362
- syntax: "*";
363
- inherits: false;
364
- }
365
- @property --tw-backdrop-grayscale {
366
- syntax: "*";
367
- inherits: false;
368
- }
369
- @property --tw-backdrop-hue-rotate {
370
- syntax: "*";
371
- inherits: false;
372
- }
373
- @property --tw-backdrop-invert {
374
- syntax: "*";
375
- inherits: false;
376
- }
377
- @property --tw-backdrop-opacity {
378
- syntax: "*";
379
- inherits: false;
380
- }
381
- @property --tw-backdrop-saturate {
382
- syntax: "*";
383
- inherits: false;
384
- }
385
- @property --tw-backdrop-sepia {
170
+ @property --tw-leading {
386
171
  syntax: "*";
387
172
  inherits: false;
388
173
  }
389
174
  @layer properties {
390
175
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
391
176
  *, ::before, ::after, ::backdrop {
392
- --tw-rotate-x: initial;
393
- --tw-rotate-y: initial;
394
- --tw-rotate-z: initial;
395
- --tw-skew-x: initial;
396
- --tw-skew-y: initial;
177
+ --tw-space-y-reverse: 0;
397
178
  --tw-border-style: solid;
398
- --tw-shadow: 0 0 #0000;
399
- --tw-shadow-color: initial;
400
- --tw-shadow-alpha: 100%;
401
- --tw-inset-shadow: 0 0 #0000;
402
- --tw-inset-shadow-color: initial;
403
- --tw-inset-shadow-alpha: 100%;
404
- --tw-ring-color: initial;
405
- --tw-ring-shadow: 0 0 #0000;
406
- --tw-inset-ring-color: initial;
407
- --tw-inset-ring-shadow: 0 0 #0000;
408
- --tw-ring-inset: initial;
409
- --tw-ring-offset-width: 0px;
410
- --tw-ring-offset-color: #fff;
411
- --tw-ring-offset-shadow: 0 0 #0000;
412
- --tw-outline-style: solid;
413
- --tw-blur: initial;
414
- --tw-brightness: initial;
415
- --tw-contrast: initial;
416
- --tw-grayscale: initial;
417
- --tw-hue-rotate: initial;
418
- --tw-invert: initial;
419
- --tw-opacity: initial;
420
- --tw-saturate: initial;
421
- --tw-sepia: initial;
422
- --tw-drop-shadow: initial;
423
- --tw-drop-shadow-color: initial;
424
- --tw-drop-shadow-alpha: 100%;
425
- --tw-drop-shadow-size: initial;
426
- --tw-backdrop-blur: initial;
427
- --tw-backdrop-brightness: initial;
428
- --tw-backdrop-contrast: initial;
429
- --tw-backdrop-grayscale: initial;
430
- --tw-backdrop-hue-rotate: initial;
431
- --tw-backdrop-invert: initial;
432
- --tw-backdrop-opacity: initial;
433
- --tw-backdrop-saturate: initial;
434
- --tw-backdrop-sepia: initial;
179
+ --tw-leading: initial;
435
180
  }
436
181
  }
437
182
  }
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var index = require('./index-BYfn_55l.js');
4
- var appGlobals = require('./app-globals-BAckz32_.js');
4
+ var appGlobals = require('./app-globals-B7rCmdU-.js');
5
5
 
6
6
  var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
7
7
  /*