@cayuse-test/react 1.0.1 → 1.0.3

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 (73) hide show
  1. package/dist/{chunk-XRUFEGUC.js → chunk-KJUT65VD.js} +4 -4
  2. package/dist/{chunk-2K3CWMLR.js → chunk-QCQVYXFA.js} +2 -2
  3. package/dist/chunk-RGZNLRWM.js +1 -0
  4. package/dist/chunk-RGZNLRWM.js.map +1 -0
  5. package/dist/{chunk-B2Z63U4D.js → chunk-RYAW4XZF.js} +17 -79
  6. package/dist/{chunk-B2Z63U4D.js.map → chunk-RYAW4XZF.js.map} +1 -1
  7. package/dist/{chunk-RG4GEORO.js → chunk-WAQWICRJ.js} +4 -4
  8. package/dist/components/index.css +3603 -0
  9. package/dist/components/index.css.map +1 -0
  10. package/dist/components/index.js +6 -6
  11. package/dist/context/tenant/index.js +3 -3
  12. package/dist/globals/css/index.css +212 -0
  13. package/dist/globals/css/index.css.map +1 -0
  14. package/dist/globals/css/index.js +1 -1
  15. package/dist/index.css +3815 -0
  16. package/dist/index.css.map +1 -0
  17. package/dist/index.js +29 -29
  18. package/dist/utils/index.js +3 -3
  19. package/package.json +6 -1
  20. package/dist/chunk-EPGO6B3U.js +0 -3
  21. package/dist/chunk-EPGO6B3U.js.map +0 -1
  22. package/dist/index-4NH7IW34.css +0 -47
  23. package/dist/modal-dialog-IH5SI4CF.css +0 -93
  24. package/dist/styles-2WZORUGA.css +0 -106
  25. package/dist/styles-32VHTPIA.css +0 -20
  26. package/dist/styles-3A5DZ5R7.css +0 -70
  27. package/dist/styles-3PFCZALV.css +0 -60
  28. package/dist/styles-3SNYRDO2.css +0 -100
  29. package/dist/styles-4FHUBUVF.css +0 -150
  30. package/dist/styles-4KAVAZFG.css +0 -5
  31. package/dist/styles-4OFM6DY5.css +0 -22
  32. package/dist/styles-5OXZHQGW.css +0 -14
  33. package/dist/styles-6XZTUN3B.css +0 -68
  34. package/dist/styles-73WOPK6M.css +0 -6
  35. package/dist/styles-7AV26IBF.css +0 -35
  36. package/dist/styles-7DWK55L2.css +0 -71
  37. package/dist/styles-7GWPZSR2.css +0 -222
  38. package/dist/styles-7QBPXFSY.css +0 -6
  39. package/dist/styles-7T6DSZIY.css +0 -27
  40. package/dist/styles-AUI7W2SW.css +0 -408
  41. package/dist/styles-AZSHBXJQ.css +0 -85
  42. package/dist/styles-BTXJVGNW.css +0 -99
  43. package/dist/styles-BUPIQG5C.css +0 -74
  44. package/dist/styles-CLK36LUK.css +0 -27
  45. package/dist/styles-CSKYCMD4.css +0 -123
  46. package/dist/styles-CWCX26BQ.css +0 -13
  47. package/dist/styles-GAIKDZU6.css +0 -47
  48. package/dist/styles-GB7S5BAZ.css +0 -36
  49. package/dist/styles-GVPT6A2Z.css +0 -45
  50. package/dist/styles-IUBOTHBR.css +0 -581
  51. package/dist/styles-IZPTZRKW.css +0 -78
  52. package/dist/styles-LS2YWO5W.css +0 -39
  53. package/dist/styles-M5BEFS4G.css +0 -148
  54. package/dist/styles-MHNICXOS.css +0 -18
  55. package/dist/styles-P6IOJDNI.css +0 -47
  56. package/dist/styles-Q7XE2QVU.css +0 -55
  57. package/dist/styles-R7IS5IGF.css +0 -7
  58. package/dist/styles-RDYYTTBU.css +0 -218
  59. package/dist/styles-RTHIZL5W.css +0 -48
  60. package/dist/styles-RUY4EKZW.css +0 -9
  61. package/dist/styles-T5QJAAUY.css +0 -184
  62. package/dist/styles-VBXWGFCK.css +0 -96
  63. package/dist/styles-VE76CGRO.css +0 -6
  64. package/dist/styles-VLCZ7JYV.css +0 -140
  65. package/dist/styles-W5HDD3YQ.css +0 -71
  66. package/dist/styles-X7BJCSFV.css +0 -86
  67. package/dist/styles-XVRR5GIG.css +0 -42
  68. package/dist/styles-YBC6BJBD.css +0 -83
  69. package/dist/styles-YXNJHPDZ.css +0 -74
  70. package/dist/styles-Z276IEVM.css +0 -264
  71. /package/dist/{chunk-XRUFEGUC.js.map → chunk-KJUT65VD.js.map} +0 -0
  72. /package/dist/{chunk-2K3CWMLR.js.map → chunk-QCQVYXFA.js.map} +0 -0
  73. /package/dist/{chunk-RG4GEORO.js.map → chunk-WAQWICRJ.js.map} +0 -0
@@ -1,581 +0,0 @@
1
- .task-form {
2
- display: flex;
3
- flex-direction: column;
4
- gap: 24px;
5
-
6
- width: 100%;
7
- max-width: 1400px;
8
-
9
- --width-d-icon: 25px;
10
- --spacing-h-0-3x: 20px;
11
- }
12
-
13
- .task-form .fields:after {
14
- content: none;
15
- }
16
-
17
- .task-form .field,
18
- .task-form .fields {
19
- margin-bottom: 20px;
20
- }
21
-
22
- .task-form .field > label {
23
- display: flex;
24
- font-size: 14px;
25
- }
26
-
27
- /* disabled */
28
- .task-form .disabled.field {
29
- opacity: 1;
30
- }
31
- .task-form .field.disabled > label {
32
- opacity: 1;
33
- }
34
- .task-form .disabled.field .ui.selection.dropdown,
35
- .field.disabled .task-form_input_disabled:disabled {
36
- /*background-color: var(--color-very-light-grey);*/
37
- /*opacity: 1;*/
38
- }
39
-
40
- .task-form_input_disabled:-moz-read-only {
41
- /*background-color: var(--color-very-light-grey) !important;*/
42
- }
43
-
44
- .task-form_input_disabled:read-only {
45
- /*background-color: var(--color-very-light-grey) !important;*/
46
- }
47
-
48
- /* disabled end */
49
-
50
- .task-form-container {
51
- display: flex;
52
- width: 100%;
53
- gap: 100px;
54
- flex-wrap: wrap;
55
- }
56
-
57
- @media (max-width: 992px) and (min-width: 320px) {
58
- .task-form-container {
59
- gap: 24px;
60
- }
61
- }
62
-
63
- .task-form-left-column {
64
- display: flex;
65
- flex: 1;
66
- flex-direction: column;
67
- gap: 24px;
68
- min-width: 300px;
69
- max-width: 660px;
70
- }
71
-
72
- .w-450 {
73
- width: 450px;
74
- }
75
-
76
- .task-form-right-column {
77
- display: flex;
78
- flex: 1;
79
- flex-direction: column;
80
- gap: 24px;
81
- min-width: 370px;
82
- max-width: 450px;
83
- }
84
-
85
- .task-form_error {
86
- margin-top: 4px;
87
-
88
- all: unset;
89
- font-weight: 400;
90
- font-size: 12px;
91
- line-height: 12px;
92
- color: var(--color-danger);
93
- }
94
-
95
- .task-form_error_input,
96
- .task-form_input_error > .input > input,
97
- .task-form_input_error.cayuse-input > input,
98
- .task-form_url_error_input > .input > input {
99
- background-color: rgba(255, 0, 0, 0.2);
100
- border-color: var(--color-danger);
101
- border-width: 2px;
102
- }
103
-
104
- .task-form_save_edit-comment-actions {
105
- display: flex;
106
- flex-direction: row;
107
- gap: 8px;
108
- }
109
-
110
- .task-edit-comment,
111
- .task-new-comment {
112
- height: 6em;
113
- min-height: 6em;
114
- }
115
-
116
- .task-form_save_new_comment_button {
117
- align-self: flex-end;
118
- }
119
-
120
- .task-form_info {
121
- margin-top: 4px;
122
-
123
- all: unset;
124
- font-weight: 400;
125
- font-size: 12px;
126
- line-height: 12px;
127
- color: #666;
128
- }
129
-
130
- .task-form_required-indicator {
131
- color: var(--color-danger);
132
- font-weight: bold;
133
- line-height: 16px;
134
- font-size: 24px;
135
- }
136
-
137
- .task-form_field {
138
- display: flex;
139
- flex-direction: column;
140
- gap: 8px;
141
- width: 100%;
142
- }
143
-
144
- .task-form_label,
145
- .task-form_field > label {
146
- display: flex;
147
- font-size: 14px;
148
- color: #111111;
149
- font-weight: 700;
150
- line-height: 16px;
151
- }
152
-
153
- .task-form_label {
154
- margin-bottom: 8px;
155
- }
156
-
157
- .task-form-info-block {
158
- max-width: -moz-max-content;
159
- max-width: max-content;
160
- }
161
- .task-form-info-block > p {
162
- margin: 0;
163
- }
164
- .task-form-info-block,
165
- .task-form-info-block > p {
166
- color: #111;
167
- font-size: 14px;
168
- font-style: normal;
169
- line-height: 16px;
170
- }
171
-
172
- .task-form_created-by,
173
- .task-form_created-by > p {
174
- color: #111;
175
- font-size: 14px;
176
- font-style: normal;
177
- line-height: 16px;
178
- }
179
-
180
- .task-form .ui.search.dropdown,
181
- .task-form_person-finder {
182
- width: 100%;
183
- }
184
-
185
- /*.task-form_person-finder.ui.selection.active.dropdown .menu,*/
186
- /*.task-form_person-finder.ui.selection.active.dropdown .menu:hover,*/
187
- /*.task-form_person-finder.ui.selection.active.dropdown,*/
188
- /*.task-form_person-finder.ui.selection.active.dropdown:hover {*/
189
- /* border-color: var(--color-focus);*/
190
- /*}*/
191
-
192
- /*.task-form_person-finder.ui.selection.dropdown:focus-within,*/
193
- /*.task-form_person-finder.ui.selection.dropdown:focus-visible {*/
194
- /* border-color: var(--color-focus);*/
195
- /*}*/
196
-
197
- /*.task-form_url-input {*/
198
- /* margin-bottom: 0;*/
199
- /*}*/
200
-
201
- /*.task-form_url-input > div {*/
202
- /* margin: 0;*/
203
- /*}*/
204
-
205
- /*.task-form_url-input input {*/
206
- /* width: 100%;*/
207
- /*}*/
208
-
209
- .task-form_status-dropdown {
210
- border: 1px solid #808080 !important;
211
- min-height: 38px;
212
- width: 100%;
213
- height: 38px;
214
- background: #fff;
215
- padding: 0 !important;
216
- color: rgba(0, 0, 0, 0.87);
217
- border-radius: 4px;
218
- }
219
-
220
- .task-form_status-dropdown button {
221
- padding: 11px 14px !important;
222
- }
223
-
224
- .task-form_status-dropdown button:focus,
225
- .task-form_status-dropdown button:focus-visible,
226
- .task-form_status-dropdown button:focus-within {
227
- outline: var(--color-focus) auto 1px !important;
228
- }
229
-
230
- .task-form_status_closed-by {
231
- margin-top: 4px;
232
- }
233
-
234
- .task-form_status_closed-by p {
235
- margin: 0;
236
- }
237
-
238
- .task-form .task-form_footer {
239
- display: flex;
240
- justify-content: space-between;
241
- gap: 24px;
242
- }
243
-
244
- .task-form .task-form_footer .ml-auto {
245
- margin-left: auto;
246
- }
247
-
248
- .task-form_button-group {
249
- height: 100%;
250
- display: flex;
251
- align-items: flex-end;
252
- }
253
-
254
- .task-form_status-dropdown {
255
- z-index: 16 !important;
256
- }
257
-
258
- @media (max-width: 992px) and (min-width: 320px) {
259
- .task-form .fields {
260
- gap: 24px;
261
- }
262
-
263
- .task-form .task-form_footer {
264
- flex-direction: column;
265
- }
266
-
267
- .task-form_button-group {
268
- width: -moz-max-content;
269
- width: max-content;
270
- justify-content: flex-start;
271
- }
272
- }
273
-
274
- .task-form_status .task-form_status__control {
275
- border-color: var(--color-border-default);
276
- border-radius: var(--border-radius-default);
277
- }
278
-
279
- .task-form_status
280
- .task-form_status__control.task-form_status__control--is-focused {
281
- border-color: var(--color-focus);
282
- box-shadow: none;
283
- }
284
-
285
- .task-form_status__control > .task-form_status__value-container {
286
- padding: 0 24px 0 14px;
287
- }
288
-
289
- .task-form_status .task-form_status__menu {
290
- z-index: 20;
291
- }
292
-
293
- .task-form_status__menu-list > .task-form_status__option {
294
- padding: 11px 16px;
295
- line-height: 1;
296
- }
297
-
298
- .task-form_status__menu-list
299
- > .task-form_status__option.task-form_status__option--is-focused {
300
- background-color: rgba(0, 0, 0, 0.05);
301
- color: rgba(0, 0, 0, 0.95);
302
- }
303
-
304
- .task-form_status__menu-list
305
- > .task-form_status__option.task-form_status__option--is-selected {
306
- background-color: rgba(0, 0, 0, 0.03);
307
- color: rgba(0, 0, 0, 0.95);
308
- font-weight: 700;
309
- }
310
-
311
- .task-form_status__indicator-separator {
312
- display: none;
313
- }
314
-
315
- .task-form_status__indicators > .dropdown.icon {
316
- position: absolute;
317
- top: 0;
318
- margin: 0;
319
- height: 18px;
320
- right: 8px;
321
- transform: translateY(50%);
322
- }
323
-
324
- .task-form_status .task-form_status__single-value {
325
- color: black;
326
- }
327
-
328
- .task-form_category .task-form_category__control {
329
- border-color: var(--color-border-default);
330
- border-radius: var(--border-radius-default);
331
- }
332
-
333
- .task-form_category
334
- .task-form_category__control.task-form_category__control--is-focused {
335
- border-color: var(--color-focus);
336
- box-shadow: none;
337
- }
338
-
339
- .task-form_category__control > .task-form_category__value-container {
340
- padding: 0 24px 0 14px;
341
- }
342
-
343
- .task-form_category .task-form_category__menu {
344
- z-index: 20;
345
- }
346
-
347
- .task-form_category__menu-list > .task-form_category__option {
348
- padding: 11px 16px;
349
- font-size: 14px;
350
- line-height: 1;
351
- }
352
-
353
- .task-form_category__menu-list
354
- > .task-form_category__option.task-form_category__option--is-focused {
355
- background-color: rgba(0, 0, 0, 0.05);
356
- color: rgba(0, 0, 0, 0.95);
357
- }
358
-
359
- .task-form_category__menu-list
360
- > .task-form_category__option.task-form_category__option--is-selected {
361
- background-color: rgba(0, 0, 0, 0.03);
362
- color: rgba(0, 0, 0, 0.95);
363
- font-weight: 700;
364
- }
365
-
366
- .task-form_category__indicator-separator {
367
- display: none;
368
- }
369
-
370
- .task-form_category__indicators {
371
- position: absolute;
372
- top: 0;
373
- margin: 0;
374
- height: 18px;
375
- right: 8px;
376
- transform: translateY(50%);
377
- }
378
-
379
- .task-form_category .task-form_category__single-value {
380
- color: black;
381
- }
382
-
383
- .task-form__clear-indicator {
384
- display: flex;
385
- -webkit-user-select: none;
386
- -moz-user-select: none;
387
- user-select: none;
388
- padding: 8px;
389
- color: #111111;
390
- border: none;
391
- margin: 0;
392
- background: none;
393
- border-radius: 3px;
394
- transition: color 150ms ease 0s;
395
- box-sizing: border-box;
396
- }
397
-
398
- .task-form__clear-indicator:focus-visible {
399
- outline-color: var(--color-focus);
400
- }
401
- .task-form__clear-indicator svg {
402
- fill: currentColor;
403
- }
404
-
405
- /**
406
- * Assign to field
407
- */
408
-
409
- .task-form__assign-to {
410
- display: flex;
411
- gap: 20px;
412
- flex-direction: column;
413
- }
414
-
415
- .task-form__assign-to .cayuse_radio-label {
416
- font-weight: 400;
417
- }
418
-
419
- .task-form__assign-to-team {
420
- display: flex;
421
- gap: 20px;
422
- flex-direction: column;
423
- }
424
-
425
- .task-form__select-team-member-wrapper {
426
- margin-left: 24px;
427
- }
428
-
429
- .task-form__assign-to-team__select-team-wrapper .combobox__option--text {
430
- max-width: calc(100% - 95px);
431
- }
432
-
433
- .task-form__assign-to .combobox__option-container--indented {
434
- padding-left: 10px;
435
- display: flex;
436
- }
437
-
438
- .task-form__assign-to .combobox__option--text {
439
- font-size: 14px;
440
- color: #666;
441
- font-weight: 400;
442
- line-height: 20px;
443
- max-width: 100%;
444
- white-space: nowrap;
445
- overflow: hidden;
446
- text-overflow: ellipsis;
447
- }
448
-
449
- .task-form__assign-to .combobox__option--expand-all-label {
450
- color: var(--color-cayuse-blue);
451
- font-weight: 400;
452
- font-style: italic;
453
- text-decoration: underline;
454
- cursor: pointer;
455
- }
456
-
457
- .task-form__assign-to .combobox__option-container {
458
- display: flex;
459
- flex-direction: column;
460
- white-space: nowrap;
461
- overflow: hidden;
462
- text-overflow: ellipsis;
463
- }
464
-
465
- .task-form__assign-to .combobox__option--expanded {
466
- margin-top: 3px;
467
- padding-left: 16px;
468
- font-size: 14px;
469
- color: #555;
470
- font-style: italic;
471
- font-weight: 400;
472
- line-height: 20px;
473
- }
474
-
475
- .task-form__assign-to .combobox__option--expanded > div {
476
- white-space: nowrap;
477
- overflow: hidden;
478
- text-overflow: ellipsis;
479
- }
480
-
481
- .task-form .combobox .combobox__option {
482
- padding: 8px 6px;
483
- }
484
-
485
- .task-form .combobox .combobox__option[data-searchable='true'] {
486
- padding-left: 6px;
487
- }
488
-
489
- .task-form__milestone-progress {
490
- display: flex;
491
- gap: 10px;
492
- align-items: center;
493
- color: #000;
494
- font-family: Lato;
495
- font-size: 14px;
496
- font-style: normal;
497
- font-weight: 400;
498
- line-height: 16px; /* 114.286% */
499
- }
500
-
501
- .task-form__milestone-progress > progress {
502
- width: 192px;
503
- height: 13px;
504
- border-radius: 8px;
505
- }
506
-
507
- .task-form__milestone-progress > progress::-webkit-progress-bar {
508
- border-radius: 8px;
509
- border: 1px solid var(--color-border-default, #ccc);
510
- background: #eeeeee;
511
- }
512
-
513
- .task-form__milestone-progress > progress::-webkit-progress-value {
514
- border-radius: 8px;
515
- background-color: var(--color-cayuse-blue);
516
- }
517
-
518
- .task-form__milestone-progress-placeholder {
519
- height: 16px;
520
- width: 306px;
521
- display: flex;
522
- gap: 10px;
523
- align-items: center;
524
- }
525
-
526
- .task-form__milestone-progress-placeholder > span {
527
- height: 100%;
528
- background-color: var(--color-very-light-grey);
529
- }
530
-
531
- .task-form__milestone-progress-placeholder > span:nth-child(1),
532
- .task-form__milestone-progress-placeholder > span:nth-child(3) {
533
- width: 15%;
534
- }
535
-
536
- .task-form__milestone-progress-placeholder > span:nth-child(2) {
537
- width: 70%;
538
- }
539
-
540
- .task-form__task-title-cell:has(.clockIcon) {
541
- position: relative;
542
- top: 6px;
543
- display: flex;
544
- align-items: self-start;
545
- }
546
-
547
- .task-form__task-title-cell-clock-icon {
548
- position: relative;
549
- top: 0;
550
- right: 8px;
551
- }
552
-
553
- .task-form__header-text-container {
554
- position: relative;
555
- padding-right: 10px;
556
- width: -moz-fit-content;
557
- width: fit-content;
558
- }
559
-
560
- .task-form__header-text {
561
- word-break: break-word;
562
- line-height: 1.5;
563
- }
564
-
565
- .task-form__header-clock-icon {
566
- position: absolute;
567
- bottom: 14px;
568
- width: 20px;
569
- }
570
-
571
- /**
572
- * Category field
573
- */
574
-
575
- .task-form_category__placeholder {
576
- color: var(--color-dark-grey);
577
- font-size: 14px;
578
- font-style: normal;
579
- font-weight: 400;
580
- line-height: 16px;
581
- }
@@ -1,78 +0,0 @@
1
- .submenu-container {
2
- position: relative;
3
- }
4
-
5
- .submenu-container .submenu-icon {
6
- margin-left: 5px;
7
- margin-right: 0;
8
- }
9
-
10
- .submenu-container button {
11
- border-left: none;
12
- border-right: none;
13
- border-top: none;
14
- cursor: pointer;
15
- }
16
-
17
- .submenu-container li {
18
- background: #ffffff;
19
- display: block;
20
- list-style: none;
21
- }
22
-
23
- .submenu-container a {
24
- font-weight: normal;
25
- }
26
-
27
- .submenu-container > [role='menu'] {
28
- border: 1px solid #cccccc;
29
- border-radius: 3px;
30
- box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
31
- padding: 15px 8px;
32
- }
33
-
34
- .submenu-container [role='menu'] {
35
- background: #ffffff;
36
- margin: 0;
37
- }
38
-
39
- .submenu-container [role='menu'] > li > button {
40
- width: 100%;
41
- }
42
-
43
- .submenu-container [role='menu'] [role='menuitem'] {
44
- color: black;
45
- margin-bottom: 2px;
46
- padding: 8px 16px;
47
- text-align: left;
48
- }
49
-
50
- .submenu-container [role='menu'] [role='menuitem']:not(.active) {
51
- border: none;
52
- }
53
-
54
- .submenu-container .section-trigger {
55
- display: flex;
56
- justify-content: space-between;
57
- }
58
-
59
- .submenu {
60
- display: none;
61
- position: absolute;
62
- left: 0;
63
- width: 225px;
64
- z-index: 100;
65
- }
66
-
67
- .section {
68
- display: none;
69
- position: relative;
70
- }
71
-
72
- .visible {
73
- display: block;
74
- }
75
-
76
- .submenu-container .visible.section {
77
- padding-left: 15px;
78
- }
@@ -1,39 +0,0 @@
1
- .nav-link {
2
- background: #ffffff;
3
- border-bottom: 4px solid #ffffff;
4
- color: #111111;
5
- display: flex;
6
- font-family: var(--font-family-d-body);
7
- font-size: 14px;
8
- font-weight: 700;
9
- line-height: 20px;
10
- text-decoration: none;
11
- padding: 12px 16px 13px;
12
- }
13
-
14
- .nav-link:not(:last-child) {
15
- margin-right: 2px;
16
- }
17
-
18
- .nav-link:hover {
19
- background: #eeeeee;
20
- border-bottom: 4px solid #eeeeee;
21
- color: #111111;
22
- }
23
-
24
- .nav-link:visited {
25
- color: #111111;
26
- }
27
-
28
- .nav-link:focus,
29
- .nav-link:focus-visible {
30
- border-radius: 3px;
31
- box-shadow: 0 0 0 2px var(--color-focus);
32
- outline-color: var(--color-focus);
33
- outline-width: 2px;
34
- }
35
-
36
- .nav-link.active {
37
- border-bottom: 4px solid var(--color-primary);
38
- color: var(--color-primary);
39
- }