my-orders-tickets-widget 1.0.0-beta.12 → 1.0.0-beta.14

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 (5) hide show
  1. package/dist/i18n.js +8 -4
  2. package/dist/index.css +364 -64
  3. package/dist/index.js +2253 -848
  4. package/jest-setup.js +4 -0
  5. package/package.json +4 -3
package/dist/index.css CHANGED
@@ -1,16 +1,54 @@
1
1
  /*!*****************************************************************************************************************************************************************************************************!*\
2
2
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/FilterSortSearch/styles.module.scss ***!
3
3
  \*****************************************************************************************************************************************************************************************************/
4
+ :root {
5
+ --color_primary: #000000;
6
+ --color_primary_contrast: #ffffff;
7
+ --color_secondary: #00a2ff;
8
+ --color_secondary_contrast: #181818;
9
+ --color_text_dark: #000000;
10
+ --color_text_med: #828282;
11
+ --color_text_light: #ffffff;
12
+ --color_background_light: #ffffff;
13
+ --color_background_dark: #000000;
14
+ --color_gray_darker: #4a4a4a;
15
+ --color_gray_dark: #999999;
16
+ --color_gray_light: #dfdfdf;
17
+ --color_gray_lighter: #f2f2f2;
18
+ --color_input_text_color: #363636;
19
+ --color_input_background_color: #ffffff;
20
+ --color_input_border_color: #dbdbdb;
21
+ --color_text_input_hints: #7b7b7b;
22
+ --color_horizontal_rule: #e5e5e5;
23
+ --color_icon_light: #ffffff;
24
+ --color_button_background_color: #ffffff;
25
+ --color_button_color: #000000;
26
+ --color_alerts: #ff0000;
27
+ --color_warning: #ff9800;
28
+ --color_success: #4caf50; }
29
+
30
+ html[data-theme="DARK"] {
31
+ --color_text_dark: #ffffff !important;
32
+ --color_text_light: #000000 !important;
33
+ --color_background_light: #000000 !important;
34
+ --color_background_dark: #ffffff !important;
35
+ --color_gray_darker: #f2f2f2 !important;
36
+ --color_gray_dark: #dfdfdf !important;
37
+ --color_gray_light: #999999 !important;
38
+ --color_gray_lighter: #4a4a4a !important;
39
+ --color_input_text_color: #ffffff !important;
40
+ --color_input_background_color: #181a1b !important;
41
+ --color_input_border_color: #3a3f41 !important;
42
+ --color_text_input_hints: #7b7b7b !important;
43
+ --color_horizontal_rule: #7b7b7b !important; }
44
+
4
45
  .filterSortContainer___arBvQ .container___N3Y4X {
5
- background-color: #fff;
46
+ background-color: var(--color_text_light);
6
47
  border-radius: 10px;
7
- box-shadow: 1px 1px 15px #cdcdcd;
48
+ box-shadow: 1px 1px 15px var(--color_gray_dark);
8
49
  padding: 10px;
9
50
  width: 230px; }
10
51
 
11
- .filterSortContainer___arBvQ .showDatePicker___UpQbp {
12
- display: block !important; }
13
-
14
52
  .filterSortContainer___arBvQ .filterListContainer___VmdGq {
15
53
  display: none;
16
54
  position: absolute;
@@ -47,9 +85,9 @@
47
85
  height: 0.9em;
48
86
  margin-top: -4px; }
49
87
  .filterSortContainer___arBvQ .filterContainer___rGpYV .filterNumActive___VuHCJ {
50
- color: #fff;
88
+ color: var(--color_text_light);
51
89
  padding: 0px 4px;
52
- background-color: #000;
90
+ background-color: var(--color_text_dark);
53
91
  border-radius: 50%;
54
92
  width: 14px;
55
93
  height: 14px;
@@ -61,6 +99,8 @@
61
99
  text-transform: uppercase;
62
100
  letter-spacing: 0.5px;
63
101
  margin-left: 5px; }
102
+ .filterSortContainer___arBvQ .filterContainer___rGpYV .showDatePicker___UpQbp {
103
+ display: block; }
64
104
 
65
105
  .filterSortContainer___arBvQ .sortContainer___lRsjU {
66
106
  cursor: pointer;
@@ -79,7 +119,7 @@
79
119
  top: 40px; }
80
120
  .filterSortContainer___arBvQ .sortListContainer___cmnBD .label___yNFyj {
81
121
  display: block;
82
- color: #000;
122
+ color: var(--color_text_dark);
83
123
  font-size: 1em;
84
124
  text-transform: none;
85
125
  padding: 2px 10px; }
@@ -87,11 +127,52 @@
87
127
  /*!***********************************************************************************************************************************************************************************************!*\
88
128
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/OrdersList/styles.module.scss ***!
89
129
  \***********************************************************************************************************************************************************************************************/
130
+ :root {
131
+ --color_primary: #000000;
132
+ --color_primary_contrast: #ffffff;
133
+ --color_secondary: #00a2ff;
134
+ --color_secondary_contrast: #181818;
135
+ --color_text_dark: #000000;
136
+ --color_text_med: #828282;
137
+ --color_text_light: #ffffff;
138
+ --color_background_light: #ffffff;
139
+ --color_background_dark: #000000;
140
+ --color_gray_darker: #4a4a4a;
141
+ --color_gray_dark: #999999;
142
+ --color_gray_light: #dfdfdf;
143
+ --color_gray_lighter: #f2f2f2;
144
+ --color_input_text_color: #363636;
145
+ --color_input_background_color: #ffffff;
146
+ --color_input_border_color: #dbdbdb;
147
+ --color_text_input_hints: #7b7b7b;
148
+ --color_horizontal_rule: #e5e5e5;
149
+ --color_icon_light: #ffffff;
150
+ --color_button_background_color: #ffffff;
151
+ --color_button_color: #000000;
152
+ --color_alerts: #ff0000;
153
+ --color_warning: #ff9800;
154
+ --color_success: #4caf50; }
155
+
156
+ html[data-theme="DARK"] {
157
+ --color_text_dark: #ffffff !important;
158
+ --color_text_light: #000000 !important;
159
+ --color_background_light: #000000 !important;
160
+ --color_background_dark: #ffffff !important;
161
+ --color_gray_darker: #f2f2f2 !important;
162
+ --color_gray_dark: #dfdfdf !important;
163
+ --color_gray_light: #999999 !important;
164
+ --color_gray_lighter: #4a4a4a !important;
165
+ --color_input_text_color: #ffffff !important;
166
+ --color_input_background_color: #181a1b !important;
167
+ --color_input_border_color: #3a3f41 !important;
168
+ --color_text_input_hints: #7b7b7b !important;
169
+ --color_horizontal_rule: #7b7b7b !important; }
170
+
90
171
  .orderTicketInfoContainer____p66V {
91
172
  margin-top: 20px; }
92
173
  .orderTicketInfoContainer____p66V:not(:first-child) {
93
174
  padding-top: 20px;
94
- border-top: 1px solid #dcdcdc; }
175
+ border-top: 1px solid var(--color_input_border_color_light); }
95
176
  .orderTicketInfoContainer____p66V .orderTicketInfo___gemqB {
96
177
  display: block;
97
178
  color: rgba(0, 0, 0, 0.6);
@@ -103,23 +184,20 @@
103
184
  font-size: 0.9em; }
104
185
 
105
186
  .display_none___CqpL3 {
106
- display: none !important; }
187
+ display: none; }
107
188
 
108
- .detailsRequiredLabel___Y2kor {
109
- display: flex;
110
- color: #ff9800;
111
- font-size: 0.9em;
112
- margin-bottom: 15px; }
113
- .detailsRequiredLabel___Y2kor svg {
114
- margin-top: 1px;
115
- margin-right: 5px; }
189
+ .refundButtons___jDl4H {
190
+ border-color: var(--color_text_dark);
191
+ color: var(--color_text_dark);
192
+ margin: 5px 5px 5px 0;
193
+ font-size: 0.7em; }
116
194
 
117
195
  .blackButton___l9hj9 {
118
- padding: 5px 10px !important;
119
- background-color: #000000 !important;
120
- color: #ffffff !important;
121
- border: 1px solid #000000 !important;
122
- font-size: 1em !important;
196
+ padding: 5px 10px;
197
+ background-color: var(--color_text_dark);
198
+ color: var(--color_text_light);
199
+ border: 1px solid var(--color_text_dark);
200
+ font-size: 1em;
123
201
  width: 100%; }
124
202
 
125
203
  .orderTicketNoContainer___vqohN {
@@ -138,24 +216,23 @@
138
216
  direction: ltr; }
139
217
 
140
218
  svg.copyIcon___NkHGO {
141
- color: #2196f3;
219
+ color: var(--color_secondary);
142
220
  margin-left: 5px;
143
221
  margin-bottom: -2px;
144
222
  cursor: pointer; }
145
223
 
146
224
  .orderTicketContainer___ZJLzk {
147
- margin-top: 20px;
148
- margin-bottom: 30px;
149
- padding-top: 30px; }
225
+ margin-bottom: 30px; }
150
226
  .orderTicketContainer___ZJLzk:not(:last-child) {
151
227
  padding-bottom: 30px; }
152
228
  .orderTicketContainer___ZJLzk .label___zXDWz {
153
- color: #666666 !important;
229
+ color: var(--color_text_med);
154
230
  font-weight: normal;
155
231
  font-size: 0.9em;
156
232
  padding: 0; }
157
233
  .orderTicketContainer___ZJLzk .ticketTicketType___Zq_f0 h4 {
158
- font-size: 1.5em; }
234
+ font-size: 1.5em;
235
+ display: inline; }
159
236
  .orderTicketContainer___ZJLzk .ticketOwnerEmail___Zt4OE {
160
237
  font-size: 1.1em; }
161
238
  .orderTicketContainer___ZJLzk .ticketActionButtons___rpSMQ {
@@ -163,7 +240,7 @@ svg.copyIcon___NkHGO {
163
240
  .orderTicketContainer___ZJLzk .ticketListContainer___cfmrr .viewMoreButton___K_1zT {
164
241
  display: block;
165
242
  padding: 5px 10px;
166
- color: #000000;
243
+ color: var(--color_text_dark);
167
244
  font-size: 1.3em;
168
245
  text-decoration: underline;
169
246
  margin: 0 auto;
@@ -171,9 +248,9 @@ svg.copyIcon___NkHGO {
171
248
  cursor: pointer; }
172
249
  .orderTicketContainer___ZJLzk .ticketListContainer___cfmrr .viewFinishTicketButton___HF6Im {
173
250
  padding: 5px 10px;
174
- background-color: #000000;
251
+ background-color: var(--color_text_dark);
175
252
  color: #ffffff;
176
- border: 1px solid #000000;
253
+ border: 1px solid var(--color_text_dark);
177
254
  font-size: 1em;
178
255
  margin-right: 10px;
179
256
  width: 50%; }
@@ -181,14 +258,14 @@ svg.copyIcon___NkHGO {
181
258
  padding: 5px 10px;
182
259
  color: #000000;
183
260
  display: inline-block;
184
- border: 1px solid #000000;
261
+ border: 1px solid var(--color_text_dark);
185
262
  font-size: 1em;
186
263
  width: 50%; }
187
264
  .orderTicketContainer___ZJLzk .ticketListContainer___cfmrr .assignTicketButton___zzLsc {
188
265
  padding: 5px 10px;
189
- background-color: #000000;
266
+ background-color: var(--color_text_dark);
190
267
  color: #ffffff;
191
- border: 1px solid #000000;
268
+ border: 1px solid var(--color_text_dark);
192
269
  font-size: 1em;
193
270
  margin-right: 10px; }
194
271
  .orderTicketContainer___ZJLzk .ticketListContainer___cfmrr .tabButtons___xTyJA {
@@ -198,14 +275,14 @@ svg.copyIcon___NkHGO {
198
275
  padding: 0;
199
276
  margin: 0;
200
277
  border-radius: 3px;
201
- border: 1px solid #bdbdbd;
202
- max-width: 643px !important;
278
+ border: 1px solid var(--color_gray_dark);
279
+ max-width: 643px;
203
280
  position: relative;
204
281
  min-height: 178px; }
205
282
  .orderTicketContainer___ZJLzk .orderWrapper___yDBAo:not(:last-child) {
206
283
  margin-bottom: 20px; }
207
284
  .orderTicketContainer___ZJLzk .orderWrapper___yDBAo:after {
208
- background: #ffffff;
285
+ background: var(--color_background_light);
209
286
  position: absolute;
210
287
  content: "";
211
288
  right: -1px;
@@ -213,43 +290,93 @@ svg.copyIcon___NkHGO {
213
290
  width: 25px;
214
291
  height: 50px;
215
292
  border-radius: 150px 0 0 150px;
216
- border: 1px solid #bdbdbd;
293
+ border: 1px solid var(--color_gray_dark);
217
294
  border-right-color: transparent; }
218
295
 
219
296
  /*!*************************************************************************************************************************************************************************************************!*\
220
297
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/TicketStatus/styles.module.scss ***!
221
298
  \*************************************************************************************************************************************************************************************************/
299
+ :root {
300
+ --color_primary: #000000;
301
+ --color_primary_contrast: #ffffff;
302
+ --color_secondary: #00a2ff;
303
+ --color_secondary_contrast: #181818;
304
+ --color_text_dark: #000000;
305
+ --color_text_med: #828282;
306
+ --color_text_light: #ffffff;
307
+ --color_background_light: #ffffff;
308
+ --color_background_dark: #000000;
309
+ --color_gray_darker: #4a4a4a;
310
+ --color_gray_dark: #999999;
311
+ --color_gray_light: #dfdfdf;
312
+ --color_gray_lighter: #f2f2f2;
313
+ --color_input_text_color: #363636;
314
+ --color_input_background_color: #ffffff;
315
+ --color_input_border_color: #dbdbdb;
316
+ --color_text_input_hints: #7b7b7b;
317
+ --color_horizontal_rule: #e5e5e5;
318
+ --color_icon_light: #ffffff;
319
+ --color_button_background_color: #ffffff;
320
+ --color_button_color: #000000;
321
+ --color_alerts: #ff0000;
322
+ --color_warning: #ff9800;
323
+ --color_success: #4caf50; }
324
+
325
+ html[data-theme="DARK"] {
326
+ --color_text_dark: #ffffff !important;
327
+ --color_text_light: #000000 !important;
328
+ --color_background_light: #000000 !important;
329
+ --color_background_dark: #ffffff !important;
330
+ --color_gray_darker: #f2f2f2 !important;
331
+ --color_gray_dark: #dfdfdf !important;
332
+ --color_gray_light: #999999 !important;
333
+ --color_gray_lighter: #4a4a4a !important;
334
+ --color_input_text_color: #ffffff !important;
335
+ --color_input_background_color: #181a1b !important;
336
+ --color_input_border_color: #3a3f41 !important;
337
+ --color_text_input_hints: #7b7b7b !important;
338
+ --color_horizontal_rule: #7b7b7b !important; }
339
+
222
340
  .ticketStatusContainer___qj6fb .buttonPill___zq2tc {
223
341
  padding: 3px 10px;
224
342
  font-size: 0.9em;
225
343
  border-radius: 16px;
226
- background-color: #ffffff; }
344
+ background-color: var(--color_text_light);
345
+ letter-spacing: 0; }
227
346
 
228
347
  .ticketStatusContainer___qj6fb .buttonRefundRequested___pWt30 {
229
- color: #000000;
348
+ color: var(--color_text_dark);
230
349
  font-size: 0.9em;
231
350
  border-radius: 16px;
232
- background-color: rgba(0, 0, 0, 0.08); }
351
+ background-color: rgba(0, 0, 0, 0.08);
352
+ margin-right: 5px; }
233
353
 
234
354
  .ticketStatusContainer___qj6fb .buttonIncomplete___TolHg {
235
- color: #ff9800;
236
- border: 1px solid #ff9800; }
355
+ color: var(--color_warning);
356
+ border: 1px solid var(--color_warning); }
237
357
 
238
358
  .ticketStatusContainer___qj6fb .buttonComplete___llWkZ {
239
- color: #4caf50;
240
- border: 1px solid #4caf50; }
359
+ color: var(--color_success);
360
+ border: 1px solid var(--color_success); }
241
361
 
242
362
  .ticketStatusContainer___qj6fb .buttonUnassigned___YDd8X {
243
- color: #ef5350;
244
- border: 1px solid #ef5350; }
363
+ color: var(--color_alerts);
364
+ border: 1px solid var(--color_alerts); }
245
365
 
246
366
  .ticketStatusContainer___qj6fb .buttonCancelled___ErlDZ {
247
- color: gray;
248
- border: 1px solid gray; }
367
+ color: var(--color_gray_dark);
368
+ border: 1px solid var(--color_gray_dark); }
249
369
 
250
370
  /*!*************************************************************************************************************************************************************************************************!*\
251
371
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/TicketDetail/styles.module.scss ***!
252
372
  \*************************************************************************************************************************************************************************************************/
373
+ .ticketDetailContainer___b2TLR .MuiDrawer-paper {
374
+ width: 60% !important; }
375
+
376
+ @media (max-width: 1200px) {
377
+ .ticketDetailContainer___b2TLR .MuiDrawer-paper {
378
+ width: 100% !important; } }
379
+
253
380
  .ticketDetailContainer___b2TLR .closeBtn___WNJlE {
254
381
  position: absolute;
255
382
  top: 5px;
@@ -347,6 +474,8 @@ svg.copyIcon___NkHGO {
347
474
  .ticketDetailContainer___b2TLR .footer___NIM7d .saveBtn___NpOEV {
348
475
  background-color: var(--color_background_dark);
349
476
  color: var(--color_text_light); }
477
+ .ticketDetailContainer___b2TLR .footer___NIM7d .saveBtn___NpOEV:disabled {
478
+ background-color: #828282; }
350
479
 
351
480
  /*!******************************************************************************************************************************************************************************************************************************!*\
352
481
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/TicketDetail/components/TicketOwnerFields/styles.module.scss ***!
@@ -367,22 +496,54 @@ svg.copyIcon___NkHGO {
367
496
  /*!*************************************************************************************************************************************************************************************************!*\
368
497
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/OrderSummary/styles.module.scss ***!
369
498
  \*************************************************************************************************************************************************************************************************/
499
+ :root {
500
+ --color_primary: #000000;
501
+ --color_primary_contrast: #ffffff;
502
+ --color_secondary: #00a2ff;
503
+ --color_secondary_contrast: #181818;
504
+ --color_text_dark: #000000;
505
+ --color_text_med: #828282;
506
+ --color_text_light: #ffffff;
507
+ --color_background_light: #ffffff;
508
+ --color_background_dark: #000000;
509
+ --color_gray_darker: #4a4a4a;
510
+ --color_gray_dark: #999999;
511
+ --color_gray_light: #dfdfdf;
512
+ --color_gray_lighter: #f2f2f2;
513
+ --color_input_text_color: #363636;
514
+ --color_input_background_color: #ffffff;
515
+ --color_input_border_color: #dbdbdb;
516
+ --color_text_input_hints: #7b7b7b;
517
+ --color_horizontal_rule: #e5e5e5;
518
+ --color_icon_light: #ffffff;
519
+ --color_button_background_color: #ffffff;
520
+ --color_button_color: #000000;
521
+ --color_alerts: #ff0000;
522
+ --color_warning: #ff9800;
523
+ --color_success: #4caf50; }
524
+
525
+ html[data-theme="DARK"] {
526
+ --color_text_dark: #ffffff !important;
527
+ --color_text_light: #000000 !important;
528
+ --color_background_light: #000000 !important;
529
+ --color_background_dark: #ffffff !important;
530
+ --color_gray_darker: #f2f2f2 !important;
531
+ --color_gray_dark: #dfdfdf !important;
532
+ --color_gray_light: #999999 !important;
533
+ --color_gray_lighter: #4a4a4a !important;
534
+ --color_input_text_color: #ffffff !important;
535
+ --color_input_background_color: #181a1b !important;
536
+ --color_input_border_color: #3a3f41 !important;
537
+ --color_text_input_hints: #7b7b7b !important;
538
+ --color_horizontal_rule: #7b7b7b !important; }
539
+
370
540
  .orderSummaryWrapper___RwIER {
371
- border: 1px solid #BDBDBD;
541
+ border: 1px solid var(--color_gray_dark);
372
542
  padding: 15px;
373
543
  border-radius: 4px; }
374
544
  .orderSummaryWrapper___RwIER h3 {
375
545
  font-size: 1.5em;
376
546
  margin: 0 0 15px 0; }
377
- .orderSummaryWrapper___RwIER .orderSummaryPurchasedNumber___pqy_I {
378
- color: #666666 !important; }
379
- .orderSummaryWrapper___RwIER .orderSummaryPurchasedNumber___pqy_I .orderOrderNumber___RqCbC {
380
- overflow: hidden;
381
- white-space: nowrap;
382
- text-overflow: ellipsis;
383
- width: 100px !important;
384
- display: inline-block;
385
- direction: rtl; }
386
547
  .orderSummaryWrapper___RwIER .orderSummaryPurchasedInfo____RBXE {
387
548
  padding: 15px 0; }
388
549
  .orderSummaryWrapper___RwIER .orderSummaryPurchasedInfo____RBXE .orderDetailsTickets___m4IjK {
@@ -395,12 +556,151 @@ svg.copyIcon___NkHGO {
395
556
  font-size: 1.1em; }
396
557
 
397
558
  .orderSummaryButton___uxjht {
398
- font-size: 1.1em !important;
559
+ font-size: 1.1em;
399
560
  width: 100%;
400
- margin-top: 8px !important;
561
+ margin-top: 0.7em;
401
562
  display: block;
402
- color: #000000 !important;
403
- border: 1px solid #000000 !important; }
563
+ color: var(--color_text_dark);
564
+ border: 1px solid var(--color_text_dark); }
565
+
566
+ .refundDisabled___jvrk3 {
567
+ background-color: var(--color_gray_light);
568
+ color: var(--color_input_text_color_disabled_light);
569
+ border: none; }
570
+
571
+ /*!****************************************************************************************************************************************************************************************************!*\
572
+ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/MultiStepSlider/styles.module.scss ***!
573
+ \****************************************************************************************************************************************************************************************************/
574
+ .multistepCloseIcon___qc6ND {
575
+ position: absolute;
576
+ top: 0.5em;
577
+ right: 0.5em;
578
+ cursor: pointer; }
579
+
580
+ .multistepContainer___dPaS5 {
581
+ padding: 1%; }
582
+
583
+ /*!***************************************************************************************************************************************************************************************************!*\
584
+ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/RefundRequests/styles.module.scss ***!
585
+ \***************************************************************************************************************************************************************************************************/
586
+ :root {
587
+ --color_primary: #000000;
588
+ --color_primary_contrast: #ffffff;
589
+ --color_secondary: #00a2ff;
590
+ --color_secondary_contrast: #181818;
591
+ --color_text_dark: #000000;
592
+ --color_text_med: #828282;
593
+ --color_text_light: #ffffff;
594
+ --color_background_light: #ffffff;
595
+ --color_background_dark: #000000;
596
+ --color_gray_darker: #4a4a4a;
597
+ --color_gray_dark: #999999;
598
+ --color_gray_light: #dfdfdf;
599
+ --color_gray_lighter: #f2f2f2;
600
+ --color_input_text_color: #363636;
601
+ --color_input_background_color: #ffffff;
602
+ --color_input_border_color: #dbdbdb;
603
+ --color_text_input_hints: #7b7b7b;
604
+ --color_horizontal_rule: #e5e5e5;
605
+ --color_icon_light: #ffffff;
606
+ --color_button_background_color: #ffffff;
607
+ --color_button_color: #000000;
608
+ --color_alerts: #ff0000;
609
+ --color_warning: #ff9800;
610
+ --color_success: #4caf50; }
611
+
612
+ html[data-theme="DARK"] {
613
+ --color_text_dark: #ffffff !important;
614
+ --color_text_light: #000000 !important;
615
+ --color_background_light: #000000 !important;
616
+ --color_background_dark: #ffffff !important;
617
+ --color_gray_darker: #f2f2f2 !important;
618
+ --color_gray_dark: #dfdfdf !important;
619
+ --color_gray_light: #999999 !important;
620
+ --color_gray_lighter: #4a4a4a !important;
621
+ --color_input_text_color: #ffffff !important;
622
+ --color_input_background_color: #181a1b !important;
623
+ --color_input_border_color: #3a3f41 !important;
624
+ --color_text_input_hints: #7b7b7b !important;
625
+ --color_horizontal_rule: #7b7b7b !important; }
626
+
627
+ .refundTicketBoxContainer___ya613 {
628
+ margin: 0.5em auto 1em;
629
+ border: 1px solid var(--color_gray_dark);
630
+ border-radius: 5px;
631
+ width: 60%; }
632
+ .refundTicketBoxContainer___ya613 h4 {
633
+ margin: 0; }
634
+
635
+ .refundHeaders___HVImk h3 {
636
+ text-align: center; }
637
+
638
+ .refundText___aEnL9 {
639
+ text-align: center;
640
+ font-weight: normal;
641
+ width: 50%;
642
+ margin: 0 auto 20px; }
643
+
644
+ .ticketNo____EAD4 {
645
+ display: block;
646
+ margin: 3px 0;
647
+ font-size: 0.9em; }
648
+
649
+ .deleteIcon___FSwye {
650
+ cursor: pointer; }
651
+
652
+ .actionButtons___u7mPS {
653
+ margin: 20px auto;
654
+ width: fit-content; }
655
+
656
+ .cancelButton___yfhYb {
657
+ color: var(--color_text_dark);
658
+ border: 1px solid var(--color_text_dark);
659
+ border-radius: 5px;
660
+ margin-right: 10px;
661
+ text-transform: uppercase;
662
+ font-size: 1em; }
663
+
664
+ .continueButton___NyX3s {
665
+ color: var(--color_text_light);
666
+ background-color: var(--color_text_dark);
667
+ border-radius: 5px;
668
+ text-transform: uppercase;
669
+ font-size: 1em; }
670
+
671
+ .refundSuccessful___zrDQY {
672
+ text-align: center; }
673
+ .refundSuccessful___zrDQY svg {
674
+ font-size: 6em;
675
+ margin: 20px 0; }
676
+ .refundSuccessful___zrDQY .successMsg___HtMse {
677
+ display: block;
678
+ font-size: 3em;
679
+ width: 50%;
680
+ margin: 20px auto; }
681
+ .refundSuccessful___zrDQY .successMsg2___Q6zna {
682
+ display: block;
683
+ margin: 20px auto;
684
+ font-size: 2em; }
685
+ .refundSuccessful___zrDQY button {
686
+ padding: 10px 40px;
687
+ margin-top: 30px; }
688
+
689
+ .refundErrorMsg___Aahzr {
690
+ text-align: center;
691
+ margin: 0 auto;
692
+ width: fit-content; }
693
+
694
+ /*!*******************************************************************************************************************************************************************************************!*\
695
+ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Labels/styles.module.scss ***!
696
+ \*******************************************************************************************************************************************************************************************/
697
+ .errorLabel___nocyX {
698
+ display: flex;
699
+ font-size: 0.9em;
700
+ margin-bottom: 1em; }
701
+ .errorLabel___nocyX svg {
702
+ margin-top: 0.1em;
703
+ margin-right: 0.8em; }
404
704
 
405
705
  /*!************************************************************************************************************************************************************************************!*\
406
706
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/styles.module.scss ***!