@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.
@@ -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
  }