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

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/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 {
@@ -129,33 +207,31 @@
129
207
  display: inline-block; }
130
208
  .orderTicketNoContainer___vqohN .orderTicketNumberTruncated___HXmdw {
131
209
  display: inline-block;
210
+ width: 90px;
132
211
  text-wrap: nowrap;
133
212
  overflow: hidden;
134
213
  text-overflow: ellipsis;
135
214
  direction: rtl;
136
215
  margin-bottom: -5px; }
137
- .orderTicketNoContainer___vqohN .orderTicketNumberTruncated___HXmdw.reversed___DFea_ {
138
- direction: ltr; }
139
216
 
140
217
  svg.copyIcon___NkHGO {
141
- color: #2196f3;
218
+ color: var(--color_secondary);
142
219
  margin-left: 5px;
143
220
  margin-bottom: -2px;
144
221
  cursor: pointer; }
145
222
 
146
223
  .orderTicketContainer___ZJLzk {
147
- margin-top: 20px;
148
- margin-bottom: 30px;
149
- padding-top: 30px; }
224
+ margin-bottom: 30px; }
150
225
  .orderTicketContainer___ZJLzk:not(:last-child) {
151
226
  padding-bottom: 30px; }
152
227
  .orderTicketContainer___ZJLzk .label___zXDWz {
153
- color: #666666 !important;
228
+ color: var(--color_text_med);
154
229
  font-weight: normal;
155
230
  font-size: 0.9em;
156
231
  padding: 0; }
157
232
  .orderTicketContainer___ZJLzk .ticketTicketType___Zq_f0 h4 {
158
- font-size: 1.5em; }
233
+ font-size: 1.5em;
234
+ display: inline; }
159
235
  .orderTicketContainer___ZJLzk .ticketOwnerEmail___Zt4OE {
160
236
  font-size: 1.1em; }
161
237
  .orderTicketContainer___ZJLzk .ticketActionButtons___rpSMQ {
@@ -163,7 +239,7 @@ svg.copyIcon___NkHGO {
163
239
  .orderTicketContainer___ZJLzk .ticketListContainer___cfmrr .viewMoreButton___K_1zT {
164
240
  display: block;
165
241
  padding: 5px 10px;
166
- color: #000000;
242
+ color: var(--color_text_dark);
167
243
  font-size: 1.3em;
168
244
  text-decoration: underline;
169
245
  margin: 0 auto;
@@ -171,9 +247,9 @@ svg.copyIcon___NkHGO {
171
247
  cursor: pointer; }
172
248
  .orderTicketContainer___ZJLzk .ticketListContainer___cfmrr .viewFinishTicketButton___HF6Im {
173
249
  padding: 5px 10px;
174
- background-color: #000000;
250
+ background-color: var(--color_text_dark);
175
251
  color: #ffffff;
176
- border: 1px solid #000000;
252
+ border: 1px solid var(--color_text_dark);
177
253
  font-size: 1em;
178
254
  margin-right: 10px;
179
255
  width: 50%; }
@@ -181,14 +257,14 @@ svg.copyIcon___NkHGO {
181
257
  padding: 5px 10px;
182
258
  color: #000000;
183
259
  display: inline-block;
184
- border: 1px solid #000000;
260
+ border: 1px solid var(--color_text_dark);
185
261
  font-size: 1em;
186
262
  width: 50%; }
187
263
  .orderTicketContainer___ZJLzk .ticketListContainer___cfmrr .assignTicketButton___zzLsc {
188
264
  padding: 5px 10px;
189
- background-color: #000000;
265
+ background-color: var(--color_text_dark);
190
266
  color: #ffffff;
191
- border: 1px solid #000000;
267
+ border: 1px solid var(--color_text_dark);
192
268
  font-size: 1em;
193
269
  margin-right: 10px; }
194
270
  .orderTicketContainer___ZJLzk .ticketListContainer___cfmrr .tabButtons___xTyJA {
@@ -198,14 +274,14 @@ svg.copyIcon___NkHGO {
198
274
  padding: 0;
199
275
  margin: 0;
200
276
  border-radius: 3px;
201
- border: 1px solid #bdbdbd;
202
- max-width: 643px !important;
277
+ border: 1px solid var(--color_gray_dark);
278
+ max-width: 643px;
203
279
  position: relative;
204
280
  min-height: 178px; }
205
281
  .orderTicketContainer___ZJLzk .orderWrapper___yDBAo:not(:last-child) {
206
282
  margin-bottom: 20px; }
207
283
  .orderTicketContainer___ZJLzk .orderWrapper___yDBAo:after {
208
- background: #ffffff;
284
+ background: var(--color_background_light);
209
285
  position: absolute;
210
286
  content: "";
211
287
  right: -1px;
@@ -213,176 +289,134 @@ svg.copyIcon___NkHGO {
213
289
  width: 25px;
214
290
  height: 50px;
215
291
  border-radius: 150px 0 0 150px;
216
- border: 1px solid #bdbdbd;
292
+ border: 1px solid var(--color_gray_dark);
217
293
  border-right-color: transparent; }
218
294
 
219
295
  /*!*************************************************************************************************************************************************************************************************!*\
220
296
  !*** 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
297
  \*************************************************************************************************************************************************************************************************/
298
+ :root {
299
+ --color_primary: #000000;
300
+ --color_primary_contrast: #ffffff;
301
+ --color_secondary: #00a2ff;
302
+ --color_secondary_contrast: #181818;
303
+ --color_text_dark: #000000;
304
+ --color_text_med: #828282;
305
+ --color_text_light: #ffffff;
306
+ --color_background_light: #ffffff;
307
+ --color_background_dark: #000000;
308
+ --color_gray_darker: #4a4a4a;
309
+ --color_gray_dark: #999999;
310
+ --color_gray_light: #dfdfdf;
311
+ --color_gray_lighter: #f2f2f2;
312
+ --color_input_text_color: #363636;
313
+ --color_input_background_color: #ffffff;
314
+ --color_input_border_color: #dbdbdb;
315
+ --color_text_input_hints: #7b7b7b;
316
+ --color_horizontal_rule: #e5e5e5;
317
+ --color_icon_light: #ffffff;
318
+ --color_button_background_color: #ffffff;
319
+ --color_button_color: #000000;
320
+ --color_alerts: #ff0000;
321
+ --color_warning: #ff9800;
322
+ --color_success: #4caf50; }
323
+
324
+ html[data-theme="DARK"] {
325
+ --color_text_dark: #ffffff !important;
326
+ --color_text_light: #000000 !important;
327
+ --color_background_light: #000000 !important;
328
+ --color_background_dark: #ffffff !important;
329
+ --color_gray_darker: #f2f2f2 !important;
330
+ --color_gray_dark: #dfdfdf !important;
331
+ --color_gray_light: #999999 !important;
332
+ --color_gray_lighter: #4a4a4a !important;
333
+ --color_input_text_color: #ffffff !important;
334
+ --color_input_background_color: #181a1b !important;
335
+ --color_input_border_color: #3a3f41 !important;
336
+ --color_text_input_hints: #7b7b7b !important;
337
+ --color_horizontal_rule: #7b7b7b !important; }
338
+
222
339
  .ticketStatusContainer___qj6fb .buttonPill___zq2tc {
223
340
  padding: 3px 10px;
224
341
  font-size: 0.9em;
225
342
  border-radius: 16px;
226
- background-color: #ffffff; }
343
+ background-color: var(--color_text_light);
344
+ letter-spacing: 0; }
227
345
 
228
346
  .ticketStatusContainer___qj6fb .buttonRefundRequested___pWt30 {
229
- color: #000000;
347
+ color: var(--color_text_dark);
230
348
  font-size: 0.9em;
231
349
  border-radius: 16px;
232
- background-color: rgba(0, 0, 0, 0.08); }
350
+ background-color: rgba(0, 0, 0, 0.08);
351
+ margin-right: 5px; }
233
352
 
234
353
  .ticketStatusContainer___qj6fb .buttonIncomplete___TolHg {
235
- color: #ff9800;
236
- border: 1px solid #ff9800; }
354
+ color: var(--color_warning);
355
+ border: 1px solid var(--color_warning); }
237
356
 
238
357
  .ticketStatusContainer___qj6fb .buttonComplete___llWkZ {
239
- color: #4caf50;
240
- border: 1px solid #4caf50; }
358
+ color: var(--color_success);
359
+ border: 1px solid var(--color_success); }
241
360
 
242
361
  .ticketStatusContainer___qj6fb .buttonUnassigned___YDd8X {
243
- color: #ef5350;
244
- border: 1px solid #ef5350; }
362
+ color: var(--color_alerts);
363
+ border: 1px solid var(--color_alerts); }
245
364
 
246
365
  .ticketStatusContainer___qj6fb .buttonCancelled___ErlDZ {
247
- color: gray;
248
- border: 1px solid gray; }
249
-
250
- /*!*************************************************************************************************************************************************************************************************!*\
251
- !*** 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
- \*************************************************************************************************************************************************************************************************/
253
- .ticketDetailContainer___b2TLR .closeBtn___WNJlE {
254
- position: absolute;
255
- top: 5px;
256
- right: 5px; }
257
-
258
- .ticketDetailContainer___b2TLR .header___Augnz {
259
- padding: 20px 10%;
260
- background-color: var(--color_background_light); }
261
- .ticketDetailContainer___b2TLR .header___Augnz .title___wQzUN {
262
- font-size: 1.4em;
263
- font-weight: 500;
264
- text-align: center; }
265
- .ticketDetailContainer___b2TLR .header___Augnz .subtitle___y_NuO {
266
- font-size: 1.1em;
267
- font-weight: 400;
268
- text-align: center;
269
- color: var(--color_text_med); }
270
- .ticketDetailContainer___b2TLR .header___Augnz .status___kwC8y {
271
- font-family: Roboto, Arial, serif;
272
- font-size: 1em;
273
- font-weight: 500;
274
- text-align: center;
275
- text-transform: uppercase;
276
- color: #729743; }
277
- .ticketDetailContainer___b2TLR .header___Augnz .qrCode___fwqZq {
278
- width: 118px;
279
- margin: 0 auto; }
280
- .ticketDetailContainer___b2TLR .header___Augnz .qrNote___Gc7Kn {
281
- font-size: 1.1em;
282
- font-weight: 400;
283
- text-align: center;
284
- color: var(--color_text_med);
285
- max-width: 315px;
286
- margin: 0 auto; }
287
- .ticketDetailContainer___b2TLR .header___Augnz .actionButtonsContainer___Auvrn {
288
- display: flex;
289
- flex-direction: row;
290
- justify-content: space-around;
291
- margin-top: 20px; }
292
- .ticketDetailContainer___b2TLR .header___Augnz .actionButtonsContainer___Auvrn .downloadBtn___qjYhz,
293
- .ticketDetailContainer___b2TLR .header___Augnz .actionButtonsContainer___Auvrn .sendBtn___koWM2 {
294
- font-family: Roboto, Arial, serif;
295
- font-size: 1em;
296
- font-weight: 500;
297
- line-height: 22px;
298
- text-transform: uppercase;
299
- background-color: var(--color_background_dark);
300
- color: var(--color_text_light); }
301
- .ticketDetailContainer___b2TLR .header___Augnz .actionButtonsContainer___Auvrn .downloadBtn___qjYhz .MuiSvgIcon-root,
302
- .ticketDetailContainer___b2TLR .header___Augnz .actionButtonsContainer___Auvrn .sendBtn___koWM2 .MuiSvgIcon-root {
303
- margin-right: 8px; }
304
- .ticketDetailContainer___b2TLR .header___Augnz .orderNumber___L5Q5a {
305
- font-family: Roboto, Arial, serif;
306
- font-size: 1em;
307
- font-weight: 400;
308
- line-height: 20px;
309
- text-align: center;
310
- margin-top: 20px;
311
- color: var(--color_text_med); }
312
- .ticketDetailContainer___b2TLR .header___Augnz .orderNumber___L5Q5a .copyBtn____utA6 {
313
- color: #2196f3; }
314
-
315
- .ticketDetailContainer___b2TLR .attendeeContainer___Q0VUz {
316
- padding: 20px 70px; }
317
- .ticketDetailContainer___b2TLR .attendeeContainer___Q0VUz .MuiFormControl-root {
318
- margin-bottom: 10px; }
319
- .ticketDetailContainer___b2TLR .attendeeContainer___Q0VUz .attendeeInfoTitle___Lmrm4 {
320
- font-size: 1.4em;
321
- font-weight: 500;
322
- margin: 5px 0 20px; }
323
- .ticketDetailContainer___b2TLR .attendeeContainer___Q0VUz .delegatedTo___SGVQI,
324
- .ticketDetailContainer___b2TLR .attendeeContainer___Q0VUz .additionalDetails___mP1iJ {
325
- font-size: 1.1em;
326
- font-weight: 500;
327
- margin: 5px 0 15px; }
328
-
329
- .ticketDetailContainer___b2TLR .footer___NIM7d {
330
- border-top: 1px solid #e0e0e0;
331
- padding: 30px 0 40px;
332
- display: flex;
333
- justify-content: center;
334
- gap: 30px; }
335
- .ticketDetailContainer___b2TLR .footer___NIM7d .saveBtn___NpOEV,
336
- .ticketDetailContainer___b2TLR .footer___NIM7d .cancelBtn___ggCdj {
337
- font-family: Roboto, Arial, serif;
338
- font-size: 1em;
339
- font-weight: 500;
340
- line-height: 22px;
341
- text-transform: uppercase;
342
- background-color: var(--color_background_dark);
343
- color: var(--color_text_light); }
344
- .ticketDetailContainer___b2TLR .footer___NIM7d .cancelBtn___ggCdj {
345
- background: none;
346
- color: var(--color_text_dark); }
347
- .ticketDetailContainer___b2TLR .footer___NIM7d .saveBtn___NpOEV {
348
- background-color: var(--color_background_dark);
349
- color: var(--color_text_light); }
350
-
351
- /*!******************************************************************************************************************************************************************************************************************************!*\
352
- !*** 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 ***!
353
- \******************************************************************************************************************************************************************************************************************************/
354
- .wrapper___MAuNS .infoNote___i1XY9 {
355
- font-family: Roboto, serif;
356
- font-size: 12px;
357
- font-weight: 400;
358
- line-height: 20px;
359
- color: var(--color_text_med); }
360
-
361
- /*!***********************************************************************************************************************************************************************************************************************************!*\
362
- !*** 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/RegistrationDisclaimer/styles.module.scss ***!
363
- \***********************************************************************************************************************************************************************************************************************************/
364
- .wrapper___EwORz {
365
- color: var(--color_text_dark); }
366
+ color: var(--color_gray_dark);
367
+ border: 1px solid var(--color_gray_dark); }
366
368
 
367
369
  /*!*************************************************************************************************************************************************************************************************!*\
368
370
  !*** 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
371
  \*************************************************************************************************************************************************************************************************/
372
+ :root {
373
+ --color_primary: #000000;
374
+ --color_primary_contrast: #ffffff;
375
+ --color_secondary: #00a2ff;
376
+ --color_secondary_contrast: #181818;
377
+ --color_text_dark: #000000;
378
+ --color_text_med: #828282;
379
+ --color_text_light: #ffffff;
380
+ --color_background_light: #ffffff;
381
+ --color_background_dark: #000000;
382
+ --color_gray_darker: #4a4a4a;
383
+ --color_gray_dark: #999999;
384
+ --color_gray_light: #dfdfdf;
385
+ --color_gray_lighter: #f2f2f2;
386
+ --color_input_text_color: #363636;
387
+ --color_input_background_color: #ffffff;
388
+ --color_input_border_color: #dbdbdb;
389
+ --color_text_input_hints: #7b7b7b;
390
+ --color_horizontal_rule: #e5e5e5;
391
+ --color_icon_light: #ffffff;
392
+ --color_button_background_color: #ffffff;
393
+ --color_button_color: #000000;
394
+ --color_alerts: #ff0000;
395
+ --color_warning: #ff9800;
396
+ --color_success: #4caf50; }
397
+
398
+ html[data-theme="DARK"] {
399
+ --color_text_dark: #ffffff !important;
400
+ --color_text_light: #000000 !important;
401
+ --color_background_light: #000000 !important;
402
+ --color_background_dark: #ffffff !important;
403
+ --color_gray_darker: #f2f2f2 !important;
404
+ --color_gray_dark: #dfdfdf !important;
405
+ --color_gray_light: #999999 !important;
406
+ --color_gray_lighter: #4a4a4a !important;
407
+ --color_input_text_color: #ffffff !important;
408
+ --color_input_background_color: #181a1b !important;
409
+ --color_input_border_color: #3a3f41 !important;
410
+ --color_text_input_hints: #7b7b7b !important;
411
+ --color_horizontal_rule: #7b7b7b !important; }
412
+
370
413
  .orderSummaryWrapper___RwIER {
371
- border: 1px solid #BDBDBD;
414
+ border: 1px solid var(--color_gray_dark);
372
415
  padding: 15px;
373
416
  border-radius: 4px; }
374
417
  .orderSummaryWrapper___RwIER h3 {
375
418
  font-size: 1.5em;
376
419
  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
420
  .orderSummaryWrapper___RwIER .orderSummaryPurchasedInfo____RBXE {
387
421
  padding: 15px 0; }
388
422
  .orderSummaryWrapper___RwIER .orderSummaryPurchasedInfo____RBXE .orderDetailsTickets___m4IjK {
@@ -395,12 +429,151 @@ svg.copyIcon___NkHGO {
395
429
  font-size: 1.1em; }
396
430
 
397
431
  .orderSummaryButton___uxjht {
398
- font-size: 1.1em !important;
432
+ font-size: 1.1em;
399
433
  width: 100%;
400
- margin-top: 8px !important;
434
+ margin-top: 0.7em;
401
435
  display: block;
402
- color: #000000 !important;
403
- border: 1px solid #000000 !important; }
436
+ color: var(--color_text_dark);
437
+ border: 1px solid var(--color_text_dark); }
438
+
439
+ .refundDisabled___jvrk3 {
440
+ background-color: var(--color_gray_light);
441
+ color: var(--color_input_text_color_disabled_light);
442
+ border: none; }
443
+
444
+ /*!****************************************************************************************************************************************************************************************************!*\
445
+ !*** 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 ***!
446
+ \****************************************************************************************************************************************************************************************************/
447
+ .multistepCloseIcon___qc6ND {
448
+ position: absolute;
449
+ top: 0.5em;
450
+ right: 0.5em;
451
+ cursor: pointer; }
452
+
453
+ .multistepContainer___dPaS5 {
454
+ padding: 1%; }
455
+
456
+ /*!***************************************************************************************************************************************************************************************************!*\
457
+ !*** 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 ***!
458
+ \***************************************************************************************************************************************************************************************************/
459
+ :root {
460
+ --color_primary: #000000;
461
+ --color_primary_contrast: #ffffff;
462
+ --color_secondary: #00a2ff;
463
+ --color_secondary_contrast: #181818;
464
+ --color_text_dark: #000000;
465
+ --color_text_med: #828282;
466
+ --color_text_light: #ffffff;
467
+ --color_background_light: #ffffff;
468
+ --color_background_dark: #000000;
469
+ --color_gray_darker: #4a4a4a;
470
+ --color_gray_dark: #999999;
471
+ --color_gray_light: #dfdfdf;
472
+ --color_gray_lighter: #f2f2f2;
473
+ --color_input_text_color: #363636;
474
+ --color_input_background_color: #ffffff;
475
+ --color_input_border_color: #dbdbdb;
476
+ --color_text_input_hints: #7b7b7b;
477
+ --color_horizontal_rule: #e5e5e5;
478
+ --color_icon_light: #ffffff;
479
+ --color_button_background_color: #ffffff;
480
+ --color_button_color: #000000;
481
+ --color_alerts: #ff0000;
482
+ --color_warning: #ff9800;
483
+ --color_success: #4caf50; }
484
+
485
+ html[data-theme="DARK"] {
486
+ --color_text_dark: #ffffff !important;
487
+ --color_text_light: #000000 !important;
488
+ --color_background_light: #000000 !important;
489
+ --color_background_dark: #ffffff !important;
490
+ --color_gray_darker: #f2f2f2 !important;
491
+ --color_gray_dark: #dfdfdf !important;
492
+ --color_gray_light: #999999 !important;
493
+ --color_gray_lighter: #4a4a4a !important;
494
+ --color_input_text_color: #ffffff !important;
495
+ --color_input_background_color: #181a1b !important;
496
+ --color_input_border_color: #3a3f41 !important;
497
+ --color_text_input_hints: #7b7b7b !important;
498
+ --color_horizontal_rule: #7b7b7b !important; }
499
+
500
+ .refundTicketBoxContainer___ya613 {
501
+ margin: 0.5em auto 1em;
502
+ border: 1px solid var(--color_gray_dark);
503
+ border-radius: 5px;
504
+ width: 60%; }
505
+ .refundTicketBoxContainer___ya613 h4 {
506
+ margin: 0; }
507
+
508
+ .refundHeaders___HVImk h3 {
509
+ text-align: center; }
510
+
511
+ .refundText___aEnL9 {
512
+ text-align: center;
513
+ font-weight: normal;
514
+ width: 50%;
515
+ margin: 0 auto 20px; }
516
+
517
+ .ticketNo____EAD4 {
518
+ display: block;
519
+ margin: 3px 0;
520
+ font-size: 0.9em; }
521
+
522
+ .deleteIcon___FSwye {
523
+ cursor: pointer; }
524
+
525
+ .actionButtons___u7mPS {
526
+ margin: 20px auto;
527
+ width: fit-content; }
528
+
529
+ .cancelButton___yfhYb {
530
+ color: var(--color_text_dark);
531
+ border: 1px solid var(--color_text_dark);
532
+ border-radius: 5px;
533
+ margin-right: 10px;
534
+ text-transform: uppercase;
535
+ font-size: 1em; }
536
+
537
+ .continueButton___NyX3s {
538
+ color: var(--color_text_light);
539
+ background-color: var(--color_text_dark);
540
+ border-radius: 5px;
541
+ text-transform: uppercase;
542
+ font-size: 1em; }
543
+
544
+ .refundSuccessful___zrDQY {
545
+ text-align: center; }
546
+ .refundSuccessful___zrDQY svg {
547
+ font-size: 6em;
548
+ margin: 20px 0; }
549
+ .refundSuccessful___zrDQY .successMsg___HtMse {
550
+ display: block;
551
+ font-size: 3em;
552
+ width: 50%;
553
+ margin: 20px auto; }
554
+ .refundSuccessful___zrDQY .successMsg2___Q6zna {
555
+ display: block;
556
+ margin: 20px auto;
557
+ font-size: 2em; }
558
+ .refundSuccessful___zrDQY button {
559
+ padding: 10px 40px;
560
+ margin-top: 30px; }
561
+
562
+ .refundErrorMsg___Aahzr {
563
+ text-align: center;
564
+ margin: 0 auto;
565
+ width: fit-content; }
566
+
567
+ /*!*******************************************************************************************************************************************************************************************!*\
568
+ !*** 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 ***!
569
+ \*******************************************************************************************************************************************************************************************/
570
+ .errorLabel___nocyX {
571
+ display: flex;
572
+ font-size: 0.9em;
573
+ margin-bottom: 1em; }
574
+ .errorLabel___nocyX svg {
575
+ margin-top: 0.1em;
576
+ margin-right: 0.8em; }
404
577
 
405
578
  /*!************************************************************************************************************************************************************************************!*\
406
579
  !*** 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 ***!