@cayuse-test/react 1.0.1 → 1.0.2

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 +31 -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,93 +0,0 @@
1
- .modal-dialog__presentation {
2
- position: fixed;
3
- z-index: 500;
4
- inset: 0;
5
- overflow-y: auto;
6
- pointer-events: initial;
7
- background-color: rgba(17, 17, 17, 0.25);
8
- }
9
-
10
- .modal-dialog__modal {
11
- position: absolute;
12
- top: 50%;
13
- left: 0;
14
- right: 0;
15
-
16
- width: 100%;
17
- min-width: 320px;
18
- max-width: 650px;
19
- margin: 0 auto;
20
-
21
- display: flex;
22
- flex-direction: column;
23
- align-items: flex-start;
24
-
25
- border-radius: 3px;
26
- background: #fff;
27
- box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
28
-
29
- transform: translateY(-50%);
30
- }
31
-
32
- .modal-dialog__modal__header {
33
- display: flex;
34
- justify-content: space-between;
35
- align-items: center;
36
-
37
- width: 100%;
38
- padding: 12px 24px;
39
-
40
- border-top-left-radius: 3px;
41
- border-top-right-radius: 3px;
42
- background-color: var(--color-cayuse-blue, #0076b6);
43
- }
44
-
45
- .modal-dialog__modal__title {
46
- margin: 0;
47
-
48
- font-family: Lato;
49
- font-size: 18px;
50
- font-style: normal;
51
- font-weight: 700;
52
- line-height: 24px; /* 133.333% */
53
- color: #fff;
54
-
55
- -webkit-user-select: none;
56
-
57
- -moz-user-select: none;
58
-
59
- user-select: none;
60
- }
61
-
62
- .button-wrapper button.modal-dialog__modal__close-button {
63
- background-color: transparent;
64
- border: none;
65
- padding: 0 !important;
66
- cursor: pointer;
67
- }
68
-
69
- .button-wrapper button.modal-dialog__modal__close-button:focus {
70
- outline-color: white !important;
71
- }
72
-
73
- .modal-dialog__modal__content {
74
- display: flex;
75
-
76
- width: 100%;
77
- max-height: calc(100vh - 150px);
78
- padding: 16px 24px;
79
- }
80
-
81
- .modal-dialog__modal__actions {
82
- display: flex;
83
- justify-content: flex-end;
84
- align-items: flex-start;
85
- gap: 8px;
86
- align-self: stretch;
87
-
88
- padding: 12px 24px;
89
-
90
- border-radius: 0 0 3px 3px;
91
- border-top: 1px solid var(--color-border-default, #ccc);
92
- background-color: var(--color-very-light-grey, #f5f5f5);
93
- }
@@ -1,106 +0,0 @@
1
- .cayuse-input {
2
- all: unset;
3
- position: relative;
4
- display: flex;
5
- flex-direction: column;
6
- gap: 8px;
7
- width: 100%;
8
- }
9
-
10
- .cayuse-input__label {
11
- display: flex;
12
- font-weight: 700;
13
- font-size: 14px;
14
- line-height: 16px;
15
- color: #111111;
16
- }
17
-
18
- .cayuse-input__required {
19
- font-weight: 700;
20
- font-size: 24px;
21
- line-height: 16px;
22
- color: var(--color-error, #b31200);
23
- margin-right: 2px;
24
- }
25
-
26
- .cayuse-input__description {
27
- all: unset;
28
- font-weight: 400;
29
- font-size: 12px;
30
- line-height: 12px;
31
- color: var(--color-dark-grey, #5e5e5e);
32
- }
33
-
34
- .cayuse-input > input {
35
- box-sizing: border-box;
36
- padding: 11px;
37
- border-radius: var(--border-radius-inputs);
38
- border: 1px solid var(--color-border-default);
39
- background-color: white;
40
-
41
- font-family: Lato;
42
- font-size: 14px;
43
- font-style: normal;
44
- font-weight: 400;
45
- line-height: 16px;
46
- color: #111111;
47
-
48
- outline: none;
49
- }
50
-
51
- .cayuse-input > input:focus,
52
- .cayuse-input > input:focus-visible {
53
- border-color: var(--color-focus);
54
- }
55
-
56
- .cayuse-input > input::-moz-placeholder {
57
- color: var(--color-dark-grey, #5e5e5e);
58
- font-size: 14px;
59
- font-style: normal;
60
- font-weight: 400;
61
- line-height: 16px;
62
- }
63
-
64
- .cayuse-input > input::placeholder {
65
- color: var(--color-dark-grey, #5e5e5e);
66
- font-size: 14px;
67
- font-style: normal;
68
- font-weight: 400;
69
- line-height: 16px;
70
- }
71
-
72
- .cayuse-input > input:disabled {
73
- background-color: var(--color-very-light-grey, #f5f5f5);
74
- }
75
-
76
- .cayuse-input > input[type='search'] {
77
- padding-left: 38px !important;
78
- }
79
-
80
- .cayuse-input > svg[data-icon='search'] {
81
- position: absolute;
82
- margin: 0;
83
- bottom: 12px;
84
- left: 11px;
85
- height: 16px;
86
- width: 16px;
87
- }
88
-
89
- .cayuse-input .clear-button {
90
- all: unset;
91
- position: absolute;
92
- right: 11px;
93
- bottom: 8px;
94
- padding: 2px 3px 3px 3px;
95
- border: 1px solid transparent;
96
- border-radius: var(--border-radius-default);
97
- cursor: pointer;
98
- }
99
-
100
- .cayuse-input .clear-button:focus-visible {
101
- outline: var(--color-focus) solid 1px;
102
- }
103
-
104
- .cayuse-input .clear-button svg {
105
- margin: 0;
106
- }
@@ -1,20 +0,0 @@
1
- .cayuseCommonHeader {
2
- left: 0;
3
- position: fixed;
4
- right: 0;
5
- top: 0;
6
- width: 100%;
7
- z-index: 101;
8
- }
9
-
10
- @media screen and (max-width: 1200px) {
11
- .cayuseCommonHeader {
12
- width: 100vw;
13
- }
14
- }
15
-
16
- @media (min-width: 320px) and (max-width: 480px) {
17
- .cayuseCommonHeader {
18
- position: absolute;
19
- }
20
- }
@@ -1,70 +0,0 @@
1
- .ui.table.table-comment-list {
2
- margin: 0;
3
- border-color: #ccc;
4
- }
5
-
6
- .ui.table.table-comment-list .actions-header {
7
- border-left: none;
8
- }
9
-
10
- .ui.table.table-comment-list .comment-content {
11
- color: var(--color-dark-grey);
12
- }
13
-
14
- .ui.table.table-comment-list td.actions-content {
15
- display: flex;
16
- gap: 8px;
17
- flex-wrap: nowrap;
18
- flex-direction: row;
19
- overflow: visible;
20
- }
21
-
22
- .ui.table.table-comment-list td {
23
- vertical-align: top;
24
- }
25
-
26
- .ui.table.table-comment-list th.desc:after {
27
- content: '\f0d7' !important;
28
- }
29
-
30
- .ui.table.table-comment-list th.asc:after {
31
- content: '\f0d8' !important;
32
- }
33
-
34
- .ui.table.table-comment-list th {
35
- padding: 12px;
36
-
37
- background-color: #f5f5f5;
38
-
39
- font-size: 14px;
40
- font-style: normal;
41
- font-weight: 700;
42
- line-height: 16px;
43
- color: #111;
44
- }
45
-
46
- .table-comment-list__action-comment-button {
47
- all: unset;
48
- color: var(--color-cayuse-blue, #0076b6);
49
- cursor: pointer !important;
50
- font-size: 16px;
51
- }
52
-
53
- .table-comment-list__action-comment-edit-button {
54
- padding-top: 2px;
55
- }
56
-
57
- .delete-dialog-description {
58
- display: inline-block;
59
- word-wrap: break-word;
60
- max-width: 380px;
61
- }
62
-
63
- .table-comment-list__action-comment-button:focus-visible {
64
- outline: 2px solid #5092f7;
65
- outline-offset: 1px;
66
- }
67
-
68
- .table-comment-list__action-comment-button.disabled {
69
- display: none !important;
70
- }
@@ -1,60 +0,0 @@
1
- .alert-dialog__presentation {
2
- position: fixed;
3
- z-index: 500;
4
- inset: 0;
5
- overflow-y: auto;
6
- pointer-events: initial;
7
- background-color: rgba(17, 17, 17, 0.25);
8
- }
9
-
10
- .alert-dialog__modal {
11
- position: absolute;
12
- top: 50%;
13
- left: 0;
14
- right: 0;
15
-
16
- width: 420px;
17
- padding: 24px;
18
- margin: 0 auto;
19
-
20
- display: flex;
21
- flex-direction: column;
22
- align-items: flex-start;
23
- gap: 24px;
24
-
25
- border-radius: 3px;
26
- background: #fff;
27
- box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.4);
28
-
29
- transform: translateY(-50%);
30
- }
31
-
32
- .alert-dialog__modal__title {
33
- margin: 0;
34
-
35
- font-family: Lato;
36
- font-size: 20px;
37
- font-style: normal;
38
- font-weight: 700;
39
- line-height: 28px; /* 140% */
40
- color: #111;
41
- }
42
-
43
- .alert-dialog__modal__description {
44
- margin: 0;
45
-
46
- font-family: Lato;
47
- font-size: 14px;
48
- font-style: normal;
49
- font-weight: 400;
50
- line-height: 20px; /* 142.857% */
51
- color: #111;
52
- }
53
-
54
- .alert-dialog__modal__actions {
55
- display: flex;
56
- justify-content: flex-end;
57
- align-items: flex-start;
58
- gap: 8px;
59
- align-self: stretch;
60
- }
@@ -1,100 +0,0 @@
1
- .layout {
2
- align-items: end;
3
- background-color: var(--color-lightest);
4
- border-bottom: solid 1px var(--color-border-default);
5
- display: flex;
6
- flex-direction: row;
7
- justify-content: space-between;
8
- padding: 16px;
9
- height: 68px;
10
- }
11
-
12
- .layout:has(.sectionHeaderFocus) {
13
- height: auto;
14
- }
15
-
16
- .layout > div:first-child {
17
- display: flex;
18
- flex-direction: column;
19
- gap: 11px;
20
- }
21
-
22
- .layout .subHeader {
23
- font-family: Lato;
24
- font-size: 24px;
25
- font-style: normal;
26
- font-weight: 700;
27
- line-height: 28px;
28
- color: #111;
29
- }
30
-
31
- .buttonBar {
32
- align-items: center;
33
- display: flex;
34
- justify-items: flex-end;
35
- flex-direction: row;
36
- list-style: none;
37
- margin: 0;
38
- padding: 0;
39
- }
40
-
41
- .buttonBar > li:not(:last-child) {
42
- margin-right: var(--spacing-h-0-5x);
43
- }
44
-
45
- .sectionHeaderFocus {
46
- position: relative;
47
- padding: 0 10px;
48
- }
49
-
50
- .sectionHeaderFocus:focus-visible {
51
- border: none;
52
- outline: none;
53
- }
54
-
55
- .sectionHeaderFocus:focus::after,
56
- .sectionHeaderFocus:focus-visible::after,
57
- .sectionHeaderFocus:focus-within::after {
58
- content: '';
59
- display: block;
60
- border: 1px solid black;
61
- height: 38px;
62
- width: 100%;
63
- position: absolute;
64
- top: -5px;
65
- left: 0;
66
- }
67
-
68
- .section-header__sub-header__skeleton {
69
- width: 300px;
70
- height: 28px;
71
- border-radius: 2px;
72
- background-color: var(--color-very-light-grey, #f5f5f5);
73
- position: relative;
74
- overflow: hidden;
75
- }
76
-
77
- .section-header__sub-header__skeleton::before {
78
- content: '';
79
- position: absolute;
80
- top: 0;
81
- left: 0;
82
- width: 100%;
83
- height: 100%;
84
- background: linear-gradient(90deg,
85
- rgba(255, 255, 255, 0) 0%,
86
- rgba(200, 200, 200, 0.4) 50%,
87
- rgba(255, 255, 255, 0) 100%);
88
- animation: shimmer 1.5s infinite;
89
- transform: translateX(-100%);
90
- }
91
-
92
- @keyframes shimmer {
93
- 0% {
94
- transform: translateX(-100%);
95
- }
96
-
97
- 100% {
98
- transform: translateX(100%);
99
- }
100
- }
@@ -1,150 +0,0 @@
1
- .reminders {
2
- display: flex;
3
- flex-direction: column;
4
- gap: 8px;
5
- width: 390px;
6
- }
7
-
8
- .reminders p {
9
- margin: 0;
10
- font-size: 14px;
11
- line-height: 16px;
12
- text-align: left;
13
- color: var(--color-darkest);
14
- }
15
-
16
- .current-reminders {
17
- display: flex;
18
- flex-direction: column;
19
- border: 1px solid #888c8c;
20
- border-radius: var(--border-radius-default);
21
- }
22
-
23
- .current-reminders__title {
24
- background-color: var(--color-very-light-grey, #f5f5f5);
25
- border-top-left-radius: var(--border-radius-default);
26
- border-top-right-radius: var(--border-radius-default);
27
- border-bottom: 1px solid #888c8c;
28
- padding: 4px 8px 4px 8px;
29
-
30
- font-size: 14px;
31
- font-weight: 700;
32
- line-height: 16px;
33
- text-align: left;
34
- color: #111111;
35
- }
36
-
37
- .current-reminders__reminder-list {
38
- all: unset;
39
- }
40
-
41
- .current-reminders__reminder {
42
- display: flex;
43
- align-items: center;
44
- justify-content: space-between;
45
- padding: 4px 8px;
46
- }
47
-
48
- .current-reminders__reminder[data-invalid='true'] {
49
- background-color: rgb(179 18 0 / 10%);
50
- padding: 8px;
51
- }
52
-
53
- .current-reminders__reminder[data-invalid='true'] .reminder__invalid-date {
54
- display: block;
55
- margin-top: 6px;
56
- max-width: 260px;
57
- }
58
-
59
- .current-reminders__reminder .line-through {
60
- text-decoration: line-through;
61
- }
62
-
63
- .current-reminders__reminder-status .error {
64
- color: var(--color-error);
65
- }
66
-
67
- .reminders__small-action-button {
68
- width: -moz-fit-content;
69
- width: fit-content;
70
- line-height: 1;
71
- gap: 4px;
72
- }
73
-
74
- .reminders__small-action-button:disabled:hover {
75
- background-color: var(--color-busy);
76
- border-color: var(--color-busy);
77
- color: var(--color-disabled-text);
78
- }
79
-
80
- .reminders__small-action-button.iconButton.labelLeft .icon,
81
- .reminders__small-action-button.iconButton.labelLeft i.icon {
82
- margin-right: 4px;
83
- }
84
-
85
- .current-reminders__actions {
86
- display: flex;
87
- margin-right: -4px;
88
- gap: 4px;
89
- }
90
-
91
- .button.secondary.current-reminders__remove-btn,
92
- .button.secondary.current-reminders__remove-btn:hover {
93
- border-color: transparent;
94
- padding: 1px 4px;
95
- background-color: transparent;
96
- cursor: pointer;
97
- }
98
-
99
- .add-reminder-form {
100
- padding: 8px;
101
- display: flex;
102
- flex-direction: column;
103
- gap: 8px;
104
-
105
- background-color: var(--color-very-light-grey, #f5f5f5);
106
- }
107
-
108
- .add-reminder-form label {
109
- display: flex;
110
- font-size: 14px;
111
- font-weight: 700;
112
- line-height: 16px;
113
- text-align: left;
114
- color: #111111;
115
- }
116
-
117
- .add-reminder-form__inputs {
118
- display: flex;
119
- gap: 16px;
120
- flex-direction: column;
121
- }
122
-
123
- .add-reminder-form__days-input {
124
- display: flex;
125
- gap: 8px;
126
- align-items: center;
127
- width: 50px;
128
- }
129
-
130
- .add-reminder-form__radio {
131
- display: flex;
132
- gap: 8px;
133
- flex-direction: column;
134
- }
135
-
136
- .add-reminder-form__radio .cayuse_radio-label {
137
- font-weight: 400;
138
- }
139
-
140
- .add-reminder-form__actions {
141
- display: flex;
142
- gap: 8px;
143
- }
144
-
145
- .reminder__invalid-date {
146
- font-size: 14px;
147
- line-height: 16px;
148
- text-align: left;
149
- color: var(--color-error, #b31200);
150
- }
@@ -1,5 +0,0 @@
1
- .loading-indicator {
2
- display: flex;
3
- justify-content: center;
4
- align-items: center;
5
- }
@@ -1,22 +0,0 @@
1
- .link-to-milestone__modal {
2
- max-width: 840px;
3
- }
4
-
5
- .link-to-milestone__modal-content {
6
- display: flex;
7
- flex-direction: column;
8
- gap: 21px;
9
- width: 100%;
10
- }
11
-
12
- .link-to-milestone-combobox > label {
13
- margin-bottom: 8px;
14
- }
15
-
16
- .link-to-milestone-combobox__option {
17
- margin-left: 24px;
18
- display: flex;
19
- align-items: center;
20
- justify-content: center;
21
- gap: 31px;
22
- }
@@ -1,14 +0,0 @@
1
- .buttonGroup {
2
- display: flex;
3
- -moz-column-gap: var(--spacing-h-buttons);
4
- column-gap: var(--spacing-h-buttons);
5
- justify-content: flex-end;
6
- }
7
-
8
- .buttonGroup.vertical {
9
- align-items: stretch;
10
- display: flex;
11
- flex-direction: column;
12
- justify-content: flex-start;
13
- row-gap: var(--spacing-v-buttons);
14
- }
@@ -1,68 +0,0 @@
1
- .Toastify__toast-container {
2
- width: 80%;
3
- }
4
-
5
- .Toastify__toast-container--top-center {
6
- top: var(--height-m-combined-header);
7
- }
8
-
9
- .Toastify__toast-icon {
10
- display: none;
11
- }
12
-
13
- .Toastify__toast {
14
- width: 100%;
15
- display: flex;
16
- justify-content: center;
17
- border: 2px solid;
18
- border-radius: var(--border-radius-default);
19
- cursor: default;
20
- font-family: inherit;
21
- }
22
-
23
- .Toastify__toast:last-of-type {
24
- margin: 0;
25
- }
26
-
27
- .Toastify__toast-body {
28
- display: flex;
29
- flex-direction: column;
30
- font-family: inherit;
31
- justify-content: center;
32
- margin: 0;
33
- padding: 0;
34
- }
35
-
36
- .notification .Toastify__toast--default,
37
- .notification .Toastify__toast--error {
38
- background-color: var(--color-danger-light);
39
- border-color: var(--color-danger);
40
- color: var(--color-danger);
41
- }
42
-
43
- .notification .Toastify__toast--info {
44
- background-color: var(--color-info-light);
45
- border-color: var(--color-info);
46
- color: var(--color-info);
47
- }
48
-
49
- .notification .Toastify__toast--success {
50
- background-color: var(--color-success-light);
51
- border-color: var(--color-success);
52
- color: var(--color-success);
53
- }
54
-
55
- .notification .Toastify__toast--login,
56
- .notification .Toastify__toast--warning {
57
- background-color: var(--color-warning-light);
58
- border-color: var(--color-warning);
59
- color: var(--color-warning);
60
- }
61
-
62
- .notification .Toastify__close-button {
63
- color: inherit;
64
- cursor: pointer;
65
- position: absolute;
66
- right: var(--spacing-h-1x);
67
- top: var(--spacing-v-1x);
68
- }
@@ -1,6 +0,0 @@
1
- .covertButton {
2
- background: transparent;
3
- border: none;
4
- cursor: pointer;
5
- padding: 0;
6
- }