@ptcwebops/ptcw-design 7.0.14-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.
@@ -1,6 +1,6 @@
1
1
  import { t as transformTag, c as proxyCustomElement, H, h, F as Fragment, d as Host } from './p-C9tQfMmA.js';
2
2
  import { d as defineCustomElement$7 } from './p-DQSk-b9-.js';
3
- import { d as defineCustomElement$6 } from './p-BvOIlb1U.js';
3
+ import { d as defineCustomElement$6 } from './p-3XLWkaDa.js';
4
4
  import { d as defineCustomElement$5 } from './p-CF9xuK58.js';
5
5
  import { d as defineCustomElement$4 } from './p-K4b2MXFu.js';
6
6
  import { d as defineCustomElement$3 } from './p-W4hMG9EX.js';
@@ -1,4 +1,4 @@
1
- import { P as PtcLink$1, d as defineCustomElement$1 } from './p-BvOIlb1U.js';
1
+ import { P as PtcLink$1, d as defineCustomElement$1 } from './p-3XLWkaDa.js';
2
2
 
3
3
  const PtcLink = PtcLink$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -2,7 +2,7 @@ import { t as transformTag, c as proxyCustomElement, H, h, d as Host, F as Fragm
2
2
  import { h as generateUUID, d as debounce } from './p-DpFzAwLW.js';
3
3
  import { d as defineCustomElement$9 } from './p-C2wXsXPj.js';
4
4
  import { d as defineCustomElement$8 } from './p-DQSk-b9-.js';
5
- import { d as defineCustomElement$7 } from './p-BvOIlb1U.js';
5
+ import { d as defineCustomElement$7 } from './p-3XLWkaDa.js';
6
6
  import { d as defineCustomElement$6 } from './p-CF9xuK58.js';
7
7
  import { d as defineCustomElement$5 } from './p-v0k1Y0NG.js';
8
8
  import { d as defineCustomElement$4 } from './p-W4hMG9EX.js';
@@ -5,431 +5,176 @@ const ptcLinkCss = () => `@charset "UTF-8";
5
5
  @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");
6
6
  /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
7
7
  @layer properties;
8
- .collapse {
9
- visibility: collapse;
10
- }
11
-
12
- .invisible {
13
- visibility: hidden;
14
- }
15
-
16
- .visible {
17
- visibility: visible;
18
- }
19
-
20
- .absolute {
21
- position: absolute;
22
- }
23
-
24
- .fixed {
25
- position: fixed;
26
- }
27
-
28
- .relative {
29
- position: relative;
30
- }
31
-
32
- .static {
33
- position: static;
34
- }
35
-
36
- .sticky {
37
- position: sticky;
38
- }
39
-
40
- .z-1 {
41
- z-index: 1;
42
- }
43
-
44
- .z-2 {
45
- z-index: 2;
46
- }
47
-
48
- .z-3 {
49
- z-index: 3;
8
+ .tw\:inline-flex {
9
+ display: inline-flex;
50
10
  }
51
11
 
52
- .z-99 {
53
- z-index: 99;
12
+ .tw\:w-full {
13
+ width: 100%;
54
14
  }
55
15
 
56
- .z-999 {
57
- z-index: 999;
16
+ .tw\:cursor-pointer {
17
+ cursor: pointer;
58
18
  }
59
19
 
60
- .z-auto {
61
- z-index: auto;
20
+ .tw\:items-center {
21
+ align-items: center;
62
22
  }
63
23
 
64
- .container {
65
- width: 100%;
24
+ .tw\:justify-center {
25
+ justify-content: center;
66
26
  }
67
27
 
68
- .block {
69
- display: block;
28
+ .tw\:gap-2 {
29
+ gap: var(--ptc-element-spacing-02);
70
30
  }
71
31
 
72
- .flex {
73
- display: flex;
32
+ .tw\:space-y-6 {
33
+ :where(& > :not(:last-child)) {
34
+ --tw-space-y-reverse: 0;
35
+ margin-block-start: calc(var(--ptc-element-spacing-06) * var(--tw-space-y-reverse));
36
+ margin-block-end: calc(var(--ptc-element-spacing-06) * (1 - var(--tw-space-y-reverse)));
37
+ }
74
38
  }
75
39
 
76
- .hidden {
77
- display: none;
40
+ .tw\:rounded {
41
+ border-radius: var(--ptc-border-radius-standard);
78
42
  }
79
43
 
80
- .inline {
81
- display: inline;
44
+ .tw\:border-2 {
45
+ border-style: var(--tw-border-style);
46
+ border-width: 2px;
82
47
  }
83
48
 
84
- .inline-block {
85
- display: inline-block;
49
+ .tw\:border-solid {
50
+ --tw-border-style: solid;
51
+ border-style: solid;
86
52
  }
87
53
 
88
- .list-item {
89
- display: list-item;
54
+ .tw\:border-gray-800 {
55
+ border-color: var(--color-gray-08);
90
56
  }
91
57
 
92
- .table {
93
- display: table;
58
+ .tw\:border-gray-1000 {
59
+ border-color: var(--color-gray-10);
94
60
  }
95
61
 
96
- .table-cell {
97
- display: table-cell;
62
+ .tw\:border-green-700 {
63
+ border-color: var(--color-green-07);
98
64
  }
99
65
 
100
- .table-row {
101
- display: table-row;
66
+ .tw\:bg-gray-1200 {
67
+ background-color: var(--color-gray-12);
102
68
  }
103
69
 
104
- .flex-shrink {
105
- flex-shrink: 1;
70
+ .tw\:bg-green-700 {
71
+ background-color: var(--color-green-07);
106
72
  }
107
73
 
108
- .transform {
109
- transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
74
+ .tw\:bg-white {
75
+ background-color: var(--color-white);
110
76
  }
111
77
 
112
- .resize {
113
- resize: both;
78
+ .tw\:px-3 {
79
+ padding-inline: var(--ptc-element-spacing-03);
114
80
  }
115
81
 
116
- .flex-col {
117
- flex-direction: column;
82
+ .tw\:px-4 {
83
+ padding-inline: var(--ptc-element-spacing-04);
118
84
  }
119
85
 
120
- .truncate {
121
- overflow: hidden;
122
- text-overflow: ellipsis;
123
- white-space: nowrap;
86
+ .tw\:px-5 {
87
+ padding-inline: var(--ptc-element-spacing-05);
124
88
  }
125
89
 
126
- .overflow-x-hidden {
127
- overflow-x: hidden;
90
+ .tw\:py-2 {
91
+ padding-block: var(--ptc-element-spacing-02);
128
92
  }
129
93
 
130
- .border {
131
- border-style: var(--tw-border-style);
132
- border-width: 1px;
94
+ .tw\:py-3 {
95
+ padding-block: var(--ptc-element-spacing-03);
133
96
  }
134
97
 
135
- .border-none {
136
- --tw-border-style: none;
137
- border-style: none;
98
+ .tw\:py-\[14px\] {
99
+ padding-block: 14px;
138
100
  }
139
101
 
140
- .text-center {
102
+ .tw\:text-center {
141
103
  text-align: center;
142
104
  }
143
105
 
144
- .text-ellipsis {
145
- text-overflow: ellipsis;
106
+ .tw\:text-left {
107
+ text-align: left;
146
108
  }
147
109
 
148
- .capitalize {
149
- text-transform: capitalize;
110
+ .tw\:font-primary {
111
+ font-family: var(--ptc-font-latin);
150
112
  }
151
113
 
152
- .lowercase {
153
- text-transform: lowercase;
114
+ .tw\:leading-\[18px\] {
115
+ --tw-leading: 18px;
116
+ line-height: 18px;
154
117
  }
155
118
 
156
- .uppercase {
157
- text-transform: uppercase;
119
+ .tw\:leading-\[21px\] {
120
+ --tw-leading: 21px;
121
+ line-height: 21px;
158
122
  }
159
123
 
160
- .italic {
161
- font-style: italic;
124
+ .tw\:leading-\[22px\] {
125
+ --tw-leading: 22px;
126
+ line-height: 22px;
162
127
  }
163
128
 
164
- .underline {
165
- text-decoration-line: underline;
166
- }
167
-
168
- .ring {
169
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
170
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
129
+ .tw\:leading-\[24px\] {
130
+ --tw-leading: 24px;
131
+ line-height: 24px;
171
132
  }
172
133
 
173
- .outline {
174
- outline-style: var(--tw-outline-style);
175
- outline-width: 1px;
134
+ .tw\:text-\[\#40434A\] {
135
+ color: #40434A;
176
136
  }
177
137
 
178
- .grayscale {
179
- --tw-grayscale: grayscale(100%);
180
- 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, );
138
+ .tw\:text-gray-700 {
139
+ color: var(--color-gray-07);
181
140
  }
182
141
 
183
- .filter {
184
- 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, );
142
+ .tw\:text-gray-800 {
143
+ color: var(--color-gray-08);
185
144
  }
186
145
 
187
- .backdrop-filter {
188
- 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, );
146
+ .tw\:text-gray-900 {
147
+ color: var(--color-gray-09);
189
148
  }
190
149
 
191
- .transition {
192
- 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;
193
- transition-timing-function: var(--tw-ease, ease);
194
- transition-duration: var(--tw-duration, 0s);
150
+ .tw\:text-gray-1000 {
151
+ color: var(--color-gray-10);
195
152
  }
196
153
 
197
- .select-all {
198
- -webkit-user-select: all;
199
- -moz-user-select: all;
200
- user-select: all;
154
+ .tw\:text-white {
155
+ color: var(--color-white);
201
156
  }
202
157
 
203
- @property --tw-rotate-x {
204
- syntax: "*";
205
- inherits: false;
206
- }
207
- @property --tw-rotate-y {
208
- syntax: "*";
209
- inherits: false;
210
- }
211
- @property --tw-rotate-z {
212
- syntax: "*";
213
- inherits: false;
214
- }
215
- @property --tw-skew-x {
216
- syntax: "*";
217
- inherits: false;
218
- }
219
- @property --tw-skew-y {
158
+ @property --tw-space-y-reverse {
220
159
  syntax: "*";
221
160
  inherits: false;
161
+ initial-value: 0;
222
162
  }
223
163
  @property --tw-border-style {
224
164
  syntax: "*";
225
165
  inherits: false;
226
166
  initial-value: solid;
227
167
  }
228
- @property --tw-shadow {
229
- syntax: "*";
230
- inherits: false;
231
- initial-value: 0 0 rgba(0, 0, 0, 0);
232
- }
233
- @property --tw-shadow-color {
234
- syntax: "*";
235
- inherits: false;
236
- }
237
- @property --tw-shadow-alpha {
238
- syntax: "<percentage>";
239
- inherits: false;
240
- initial-value: 100%;
241
- }
242
- @property --tw-inset-shadow {
243
- syntax: "*";
244
- inherits: false;
245
- initial-value: 0 0 rgba(0, 0, 0, 0);
246
- }
247
- @property --tw-inset-shadow-color {
248
- syntax: "*";
249
- inherits: false;
250
- }
251
- @property --tw-inset-shadow-alpha {
252
- syntax: "<percentage>";
253
- inherits: false;
254
- initial-value: 100%;
255
- }
256
- @property --tw-ring-color {
257
- syntax: "*";
258
- inherits: false;
259
- }
260
- @property --tw-ring-shadow {
261
- syntax: "*";
262
- inherits: false;
263
- initial-value: 0 0 rgba(0, 0, 0, 0);
264
- }
265
- @property --tw-inset-ring-color {
266
- syntax: "*";
267
- inherits: false;
268
- }
269
- @property --tw-inset-ring-shadow {
270
- syntax: "*";
271
- inherits: false;
272
- initial-value: 0 0 rgba(0, 0, 0, 0);
273
- }
274
- @property --tw-ring-inset {
275
- syntax: "*";
276
- inherits: false;
277
- }
278
- @property --tw-ring-offset-width {
279
- syntax: "<length>";
280
- inherits: false;
281
- initial-value: 0px;
282
- }
283
- @property --tw-ring-offset-color {
284
- syntax: "*";
285
- inherits: false;
286
- initial-value: #fff;
287
- }
288
- @property --tw-ring-offset-shadow {
289
- syntax: "*";
290
- inherits: false;
291
- initial-value: 0 0 rgba(0, 0, 0, 0);
292
- }
293
- @property --tw-outline-style {
294
- syntax: "*";
295
- inherits: false;
296
- initial-value: solid;
297
- }
298
- @property --tw-blur {
299
- syntax: "*";
300
- inherits: false;
301
- }
302
- @property --tw-brightness {
303
- syntax: "*";
304
- inherits: false;
305
- }
306
- @property --tw-contrast {
307
- syntax: "*";
308
- inherits: false;
309
- }
310
- @property --tw-grayscale {
311
- syntax: "*";
312
- inherits: false;
313
- }
314
- @property --tw-hue-rotate {
315
- syntax: "*";
316
- inherits: false;
317
- }
318
- @property --tw-invert {
319
- syntax: "*";
320
- inherits: false;
321
- }
322
- @property --tw-opacity {
323
- syntax: "*";
324
- inherits: false;
325
- }
326
- @property --tw-saturate {
327
- syntax: "*";
328
- inherits: false;
329
- }
330
- @property --tw-sepia {
331
- syntax: "*";
332
- inherits: false;
333
- }
334
- @property --tw-drop-shadow {
335
- syntax: "*";
336
- inherits: false;
337
- }
338
- @property --tw-drop-shadow-color {
339
- syntax: "*";
340
- inherits: false;
341
- }
342
- @property --tw-drop-shadow-alpha {
343
- syntax: "<percentage>";
344
- inherits: false;
345
- initial-value: 100%;
346
- }
347
- @property --tw-drop-shadow-size {
348
- syntax: "*";
349
- inherits: false;
350
- }
351
- @property --tw-backdrop-blur {
352
- syntax: "*";
353
- inherits: false;
354
- }
355
- @property --tw-backdrop-brightness {
356
- syntax: "*";
357
- inherits: false;
358
- }
359
- @property --tw-backdrop-contrast {
360
- syntax: "*";
361
- inherits: false;
362
- }
363
- @property --tw-backdrop-grayscale {
364
- syntax: "*";
365
- inherits: false;
366
- }
367
- @property --tw-backdrop-hue-rotate {
368
- syntax: "*";
369
- inherits: false;
370
- }
371
- @property --tw-backdrop-invert {
372
- syntax: "*";
373
- inherits: false;
374
- }
375
- @property --tw-backdrop-opacity {
376
- syntax: "*";
377
- inherits: false;
378
- }
379
- @property --tw-backdrop-saturate {
380
- syntax: "*";
381
- inherits: false;
382
- }
383
- @property --tw-backdrop-sepia {
168
+ @property --tw-leading {
384
169
  syntax: "*";
385
170
  inherits: false;
386
171
  }
387
172
  @layer properties {
388
173
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
389
174
  *, ::before, ::after, ::backdrop {
390
- --tw-rotate-x: initial;
391
- --tw-rotate-y: initial;
392
- --tw-rotate-z: initial;
393
- --tw-skew-x: initial;
394
- --tw-skew-y: initial;
175
+ --tw-space-y-reverse: 0;
395
176
  --tw-border-style: solid;
396
- --tw-shadow: 0 0 #0000;
397
- --tw-shadow-color: initial;
398
- --tw-shadow-alpha: 100%;
399
- --tw-inset-shadow: 0 0 #0000;
400
- --tw-inset-shadow-color: initial;
401
- --tw-inset-shadow-alpha: 100%;
402
- --tw-ring-color: initial;
403
- --tw-ring-shadow: 0 0 #0000;
404
- --tw-inset-ring-color: initial;
405
- --tw-inset-ring-shadow: 0 0 #0000;
406
- --tw-ring-inset: initial;
407
- --tw-ring-offset-width: 0px;
408
- --tw-ring-offset-color: #fff;
409
- --tw-ring-offset-shadow: 0 0 #0000;
410
- --tw-outline-style: solid;
411
- --tw-blur: initial;
412
- --tw-brightness: initial;
413
- --tw-contrast: initial;
414
- --tw-grayscale: initial;
415
- --tw-hue-rotate: initial;
416
- --tw-invert: initial;
417
- --tw-opacity: initial;
418
- --tw-saturate: initial;
419
- --tw-sepia: initial;
420
- --tw-drop-shadow: initial;
421
- --tw-drop-shadow-color: initial;
422
- --tw-drop-shadow-alpha: 100%;
423
- --tw-drop-shadow-size: initial;
424
- --tw-backdrop-blur: initial;
425
- --tw-backdrop-brightness: initial;
426
- --tw-backdrop-contrast: initial;
427
- --tw-backdrop-grayscale: initial;
428
- --tw-backdrop-hue-rotate: initial;
429
- --tw-backdrop-invert: initial;
430
- --tw-backdrop-opacity: initial;
431
- --tw-backdrop-saturate: initial;
432
- --tw-backdrop-sepia: initial;
177
+ --tw-leading: initial;
433
178
  }
434
179
  }
435
180
  }