@consilioweb/payload-support 0.5.1 → 0.5.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.
package/dist/views.css ADDED
@@ -0,0 +1,278 @@
1
+ /* src/views/TicketingSettingsView/TicketingSettings.module.scss */
2
+ .TicketingSettings_module_page {
3
+ max-width: 900px;
4
+ margin: 0 auto;
5
+ padding: 0 1.5rem 3rem;
6
+ }
7
+ .TicketingSettings_module_intro {
8
+ font-size: 0.875rem;
9
+ color: var(--theme-elevation-600);
10
+ margin-bottom: 1.5rem;
11
+ line-height: 1.5;
12
+ }
13
+ .TicketingSettings_module_sectionWrapper {
14
+ border: 1px solid var(--theme-elevation-150);
15
+ border-radius: 10px;
16
+ margin-bottom: 1rem;
17
+ overflow: hidden;
18
+ background: var(--theme-elevation-0);
19
+ }
20
+ .TicketingSettings_module_sectionHeader {
21
+ display: flex;
22
+ align-items: center;
23
+ gap: 0.75rem;
24
+ padding: 0.875rem 1.25rem;
25
+ cursor: pointer;
26
+ user-select: none;
27
+ transition: background 150ms;
28
+ }
29
+ .TicketingSettings_module_sectionHeader:hover {
30
+ background: var(--theme-elevation-50);
31
+ }
32
+ .TicketingSettings_module_sectionIcon {
33
+ width: 32px;
34
+ height: 32px;
35
+ border-radius: 8px;
36
+ display: flex;
37
+ align-items: center;
38
+ justify-content: center;
39
+ color: #fff;
40
+ flex-shrink: 0;
41
+ }
42
+ .TicketingSettings_module_sectionTitle {
43
+ font-weight: 600;
44
+ font-size: 0.9375rem;
45
+ color: var(--theme-text);
46
+ flex: 1;
47
+ }
48
+ .TicketingSettings_module_sectionChevron {
49
+ font-size: 0.625rem;
50
+ color: var(--theme-elevation-400);
51
+ transition: transform 200ms;
52
+ }
53
+ .TicketingSettings_module_sectionChevron.TicketingSettings_module_open {
54
+ transform: rotate(180deg);
55
+ }
56
+ .TicketingSettings_module_sectionBody {
57
+ padding: 1rem 1.25rem 1.25rem;
58
+ border-top: 1px solid var(--theme-elevation-100);
59
+ }
60
+ .TicketingSettings_module_sectionDescription {
61
+ font-size: 0.8125rem;
62
+ color: var(--theme-elevation-500);
63
+ margin: 0 0 1rem;
64
+ line-height: 1.5;
65
+ }
66
+ .TicketingSettings_module_badge {
67
+ font-size: 0.6875rem;
68
+ font-weight: 600;
69
+ padding: 0.125rem 0.5rem;
70
+ border-radius: 9999px;
71
+ white-space: nowrap;
72
+ }
73
+ .TicketingSettings_module_categoryGroup {
74
+ margin-bottom: 1.25rem;
75
+ }
76
+ .TicketingSettings_module_categoryHeading {
77
+ font-size: 0.75rem;
78
+ font-weight: 700;
79
+ text-transform: uppercase;
80
+ letter-spacing: 0.05em;
81
+ margin: 0 0 0.5rem;
82
+ display: flex;
83
+ align-items: center;
84
+ gap: 0.5rem;
85
+ }
86
+ .TicketingSettings_module_categoryDot {
87
+ width: 8px;
88
+ height: 8px;
89
+ border-radius: 50%;
90
+ display: inline-block;
91
+ }
92
+ .TicketingSettings_module_featureList {
93
+ display: flex;
94
+ flex-direction: column;
95
+ gap: 0.375rem;
96
+ }
97
+ .TicketingSettings_module_featureCard {
98
+ display: flex;
99
+ align-items: center;
100
+ gap: 0.75rem;
101
+ padding: 0.75rem 1rem;
102
+ border-radius: 8px;
103
+ border: 1px solid var(--theme-elevation-150);
104
+ cursor: pointer;
105
+ transition: all 150ms;
106
+ }
107
+ .TicketingSettings_module_featureCard:hover {
108
+ background: var(--theme-elevation-50);
109
+ }
110
+ .TicketingSettings_module_featureCard.TicketingSettings_module_enabled {
111
+ border-color: var(--theme-elevation-200);
112
+ background: var(--theme-elevation-50);
113
+ }
114
+ .TicketingSettings_module_featureLabel {
115
+ font-weight: 600;
116
+ font-size: 0.8125rem;
117
+ color: var(--theme-text);
118
+ }
119
+ .TicketingSettings_module_featureDesc {
120
+ font-size: 0.75rem;
121
+ color: var(--theme-elevation-500);
122
+ margin-top: 0.125rem;
123
+ }
124
+ .TicketingSettings_module_fieldRow {
125
+ display: flex;
126
+ align-items: flex-start;
127
+ gap: 1rem;
128
+ padding: 0.625rem 0;
129
+ }
130
+ .TicketingSettings_module_fieldLabel {
131
+ flex: 0 0 200px;
132
+ font-size: 0.8125rem;
133
+ font-weight: 600;
134
+ color: var(--theme-text);
135
+ padding-top: 0.5rem;
136
+ }
137
+ .TicketingSettings_module_fieldDescription {
138
+ font-size: 0.75rem;
139
+ color: var(--theme-elevation-500);
140
+ font-weight: 400;
141
+ margin-top: 0.125rem;
142
+ }
143
+ .TicketingSettings_module_fieldContent {
144
+ flex: 1;
145
+ }
146
+ .TicketingSettings_module_input {
147
+ width: 100%;
148
+ padding: 0.5rem 0.75rem;
149
+ border: 1px solid var(--theme-elevation-200);
150
+ border-radius: 6px;
151
+ font-size: 0.8125rem;
152
+ background: var(--theme-input-bg, var(--theme-elevation-0));
153
+ color: var(--theme-text);
154
+ outline: none;
155
+ transition: border-color 150ms;
156
+ }
157
+ .TicketingSettings_module_input:focus {
158
+ border-color: var(--theme-success-500);
159
+ }
160
+ .TicketingSettings_module_inputReadonly {
161
+ background: var(--theme-elevation-50);
162
+ color: var(--theme-elevation-500);
163
+ cursor: not-allowed;
164
+ }
165
+ .TicketingSettings_module_select {
166
+ appearance: auto;
167
+ }
168
+ .TicketingSettings_module_numberInput {
169
+ max-width: 120px;
170
+ }
171
+ .TicketingSettings_module_separator {
172
+ border-top: 1px solid var(--theme-elevation-100);
173
+ margin: 1rem 0;
174
+ }
175
+ .TicketingSettings_module_toggleRow {
176
+ display: flex;
177
+ align-items: flex-start;
178
+ gap: 0.75rem;
179
+ padding: 0.5rem 0;
180
+ }
181
+ .TicketingSettings_module_inlineLabel {
182
+ font-size: 0.8125rem;
183
+ font-weight: 600;
184
+ color: var(--theme-text);
185
+ }
186
+ .TicketingSettings_module_inlineDesc {
187
+ font-size: 0.75rem;
188
+ color: var(--theme-elevation-500);
189
+ margin-top: 0.125rem;
190
+ }
191
+ .TicketingSettings_module_slaInline {
192
+ display: flex;
193
+ align-items: center;
194
+ gap: 0.5rem;
195
+ }
196
+ .TicketingSettings_module_slaHint {
197
+ font-size: 0.75rem;
198
+ color: var(--theme-elevation-500);
199
+ }
200
+ .TicketingSettings_module_apiKeyRow {
201
+ display: flex;
202
+ gap: 0.5rem;
203
+ }
204
+ .TicketingSettings_module_apiKeyToggle {
205
+ padding: 0.5rem 0.75rem;
206
+ border: 1px solid var(--theme-elevation-200);
207
+ border-radius: 6px;
208
+ background: var(--theme-elevation-50);
209
+ color: var(--theme-text);
210
+ font-size: 0.75rem;
211
+ cursor: pointer;
212
+ white-space: nowrap;
213
+ }
214
+ .TicketingSettings_module_aiSubFeaturesLabel {
215
+ font-size: 0.8125rem;
216
+ font-weight: 600;
217
+ color: var(--theme-text);
218
+ margin: 0 0 0.5rem;
219
+ }
220
+ .TicketingSettings_module_aiToggleRow {
221
+ display: flex;
222
+ align-items: center;
223
+ gap: 0.75rem;
224
+ padding: 0.375rem 0;
225
+ }
226
+ .TicketingSettings_module_aiToggleLabel {
227
+ font-size: 0.8125rem;
228
+ font-weight: 500;
229
+ color: var(--theme-text);
230
+ }
231
+ .TicketingSettings_module_aiToggleDesc {
232
+ display: block;
233
+ font-size: 0.6875rem;
234
+ color: var(--theme-elevation-500);
235
+ }
236
+ .TicketingSettings_module_signatureTextarea {
237
+ width: 100%;
238
+ padding: 0.75rem;
239
+ border: 1px solid var(--theme-elevation-200);
240
+ border-radius: 6px;
241
+ font-size: 0.8125rem;
242
+ font-family: inherit;
243
+ background: var(--theme-input-bg, var(--theme-elevation-0));
244
+ color: var(--theme-text);
245
+ resize: vertical;
246
+ outline: none;
247
+ }
248
+ .TicketingSettings_module_signatureTextarea:focus {
249
+ border-color: var(--theme-success-500);
250
+ }
251
+ .TicketingSettings_module_purgeGroup {
252
+ display: flex;
253
+ flex-direction: column;
254
+ gap: 0.75rem;
255
+ }
256
+ .TicketingSettings_module_purgeCategory {
257
+ display: flex;
258
+ align-items: center;
259
+ gap: 1rem;
260
+ }
261
+ .TicketingSettings_module_purgeCategoryLabel {
262
+ font-size: 0.8125rem;
263
+ font-weight: 600;
264
+ color: var(--theme-text);
265
+ min-width: 100px;
266
+ }
267
+ .TicketingSettings_module_purgeButtons {
268
+ display: flex;
269
+ gap: 0.375rem;
270
+ }
271
+ .TicketingSettings_module_bottomBar {
272
+ display: flex;
273
+ justify-content: flex-end;
274
+ gap: 0.5rem;
275
+ padding: 1.5rem 0;
276
+ border-top: 1px solid var(--theme-elevation-100);
277
+ margin-top: 1rem;
278
+ }