flexlayout-react 0.5.18 → 0.5.19

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 (53) hide show
  1. package/ChangeLog.txt +8 -0
  2. package/README.md +109 -96
  3. package/declarations/Types.d.ts +7 -1
  4. package/declarations/view/Layout.d.ts +5 -0
  5. package/dist/flexlayout.js +12 -12
  6. package/dist/flexlayout_min.js +1 -1
  7. package/lib/PopupMenu.js +14 -9
  8. package/lib/PopupMenu.js.map +1 -1
  9. package/lib/Types.js +6 -0
  10. package/lib/Types.js.map +1 -1
  11. package/lib/model/BorderNode.js +8 -7
  12. package/lib/model/BorderNode.js.map +1 -1
  13. package/lib/model/Model.js +7 -3
  14. package/lib/model/Model.js.map +1 -1
  15. package/lib/model/RowNode.js +19 -5
  16. package/lib/model/RowNode.js.map +1 -1
  17. package/lib/model/TabSetNode.js +8 -4
  18. package/lib/model/TabSetNode.js.map +1 -1
  19. package/lib/view/BorderButton.js +14 -3
  20. package/lib/view/BorderButton.js.map +1 -1
  21. package/lib/view/BorderTabSet.js +15 -4
  22. package/lib/view/BorderTabSet.js.map +1 -1
  23. package/lib/view/Layout.js +81 -48
  24. package/lib/view/Layout.js.map +1 -1
  25. package/lib/view/TabButton.js +11 -2
  26. package/lib/view/TabButton.js.map +1 -1
  27. package/lib/view/TabFloating.js +23 -11
  28. package/lib/view/TabFloating.js.map +1 -1
  29. package/lib/view/TabSet.js +43 -18
  30. package/lib/view/TabSet.js.map +1 -1
  31. package/package.json +1 -1
  32. package/src/PopupMenu.tsx +28 -10
  33. package/src/Types.ts +6 -0
  34. package/src/model/BorderNode.ts +8 -7
  35. package/src/model/Model.ts +7 -3
  36. package/src/model/RowNode.ts +8 -5
  37. package/src/model/TabSetNode.ts +8 -4
  38. package/src/view/BorderButton.tsx +22 -3
  39. package/src/view/BorderTabSet.tsx +21 -4
  40. package/src/view/Layout.tsx +100 -58
  41. package/src/view/TabButton.tsx +16 -1
  42. package/src/view/TabFloating.tsx +36 -19
  43. package/src/view/TabSet.tsx +56 -17
  44. package/style/_base.scss +65 -41
  45. package/style/dark.css +81 -59
  46. package/style/dark.css.map +1 -1
  47. package/style/dark.scss +20 -20
  48. package/style/gray.css +81 -59
  49. package/style/gray.css.map +1 -1
  50. package/style/gray.scss +20 -20
  51. package/style/light.css +81 -59
  52. package/style/light.css.map +1 -1
  53. package/style/light.scss +18 -18
package/style/_base.scss CHANGED
@@ -8,6 +8,21 @@
8
8
 
9
9
  .flexlayout {
10
10
  &__layout {
11
+ --color-text: #{$color_text};
12
+ --color-background: #{$color_background};
13
+ --color-base: #{$color_base};
14
+ --color-1: #{$color_1};
15
+ --color-2: #{$color_2};
16
+ --color-3: #{$color_3};
17
+ --color-4: #{$color_4};
18
+ --color-5: #{$color_5};
19
+ --color-6: #{$color_6};
20
+ --color-drag1: #{$color_drag1};
21
+ --color-drag2: #{$color_drag2};
22
+
23
+ --font-size: #{$font-size};
24
+ --font-family: #{$font-family};
25
+
11
26
  @include absoluteFill;
12
27
  overflow: hidden;
13
28
  }
@@ -17,6 +32,8 @@
17
32
 
18
33
  @media (hover: hover) {
19
34
  &:hover {
35
+ transition: background-color ease-in .1s;
36
+ transition-delay: 0.05s;
20
37
  @include splitter_hover_mixin;
21
38
  }
22
39
  }
@@ -37,14 +54,14 @@
37
54
  position: absolute;
38
55
  pointer-events: none;
39
56
  box-sizing: border-box;
40
- border: 2px solid $color_drag1;
57
+ border: 2px solid var(--color-drag1);
41
58
  box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.2);
42
59
  border-radius: 5px;
43
60
  z-index: 1000;
44
61
 
45
62
  &_edge {
46
63
  pointer-events: none;
47
- border: 2px solid $color_drag2;
64
+ border: 2px solid var(--color-drag2);
48
65
  box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.2);
49
66
  border-radius: 5px;
50
67
  z-index: 1000;
@@ -63,9 +80,9 @@
63
80
  &__drag_rect {
64
81
  position: absolute;
65
82
  cursor: move;
66
- color: $color_text;
67
- background-color: $color_1;
68
- border: 2px solid $color_4;
83
+ color: var(--color-text);
84
+ background-color: var(--color-1);
85
+ border: 2px solid var(--color-4);
69
86
  box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.3);
70
87
  border-radius: 5px;
71
88
  z-index: 1000;
@@ -79,16 +96,16 @@
79
96
  overflow: hidden;
80
97
  padding: 10px;
81
98
  word-wrap: break-word;
82
- font-size: $font-size;
83
- font-family: $font-family;
99
+ font-size: var(--font-size);
100
+ font-family: var(--font-family);
84
101
  }
85
102
 
86
103
  &__tabset {
87
104
  overflow: hidden;
88
- background-color: $color_1;
105
+ background-color: var(--color-1);
89
106
  box-sizing: border-box;
90
- font-size: $font-size;
91
- font-family: $font-family;
107
+ font-size: var(--font-size);
108
+ font-family: var(--font-family);
92
109
  @include tabset_mixin;
93
110
 
94
111
  &_header {
@@ -100,8 +117,8 @@
100
117
  right: 0;
101
118
  padding: 3px 3px 3px 5px;
102
119
  box-sizing: border-box;
103
- border-bottom: 1px solid $color_3;
104
- color: $color_text;
120
+ border-bottom: 1px solid var(--color-3);
121
+ color: var(--color-text);
105
122
  @include tabset_header_mixin;
106
123
 
107
124
  &_content {
@@ -113,7 +130,7 @@
113
130
  &_outer {
114
131
  // tabset tabbar outer
115
132
  box-sizing: border-box;
116
- background-color: $color_1;
133
+ background-color: var(--color-1);
117
134
  position: absolute;
118
135
  left: 0;
119
136
  right: 0;
@@ -123,11 +140,11 @@
123
140
  }
124
141
 
125
142
  &_outer_top {
126
- border-bottom: 1px solid $color_3;
143
+ border-bottom: 1px solid var(--color-3);
127
144
  }
128
145
 
129
146
  &_outer_bottom {
130
- border-top: 1px solid $color_3;
147
+ border-top: 1px solid var(--color-3);
131
148
  }
132
149
 
133
150
  &_inner {
@@ -169,8 +186,8 @@
169
186
  overflow: auto;
170
187
  position: absolute;
171
188
  box-sizing: border-box;
172
- color: $color_text;
173
- background-color: $color_background;
189
+ color: var(--color-text);
190
+ background-color: var(--color-background);
174
191
 
175
192
  &_button {
176
193
  display: inline-flex;
@@ -212,8 +229,12 @@
212
229
 
213
230
  &_textbox {
214
231
  border: none;
215
- color: green;
216
- background-color: $color_3;
232
+ font-family: var(--font-family);
233
+ font-size: var(--font-size);
234
+ color: var(--color-text);
235
+ background-color: var(--color-5);
236
+ border: 1px inset var(--color-1);
237
+ border-radius: 3px;
217
238
  }
218
239
 
219
240
  &_textbox:focus {
@@ -289,8 +310,8 @@
289
310
  overflow: auto;
290
311
  position: absolute;
291
312
  box-sizing: border-box;
292
- color: $color_text;
293
- background-color: $color_background;
313
+ color: var(--color-text);
314
+ background-color: var(--color-background);
294
315
  display: flex;
295
316
  justify-content: center;
296
317
  align-items: center;
@@ -318,28 +339,28 @@
318
339
  box-sizing: border-box;
319
340
  overflow: hidden;
320
341
  display: flex;
321
- font-size: $font-size;
322
- font-family: $font-family;
342
+ font-size: var(--font-size);
343
+ font-family: var(--font-family);
323
344
  @include border_mixin;
324
345
 
325
346
  &_top {
326
- border-bottom: 1px solid $color_3;
347
+ border-bottom: 1px solid var(--color-3);
327
348
  align-items: center;
328
349
  }
329
350
 
330
351
  &_bottom {
331
- border-top: 1px solid $color_3;
352
+ border-top: 1px solid var(--color-3);
332
353
  align-items: center;
333
354
  }
334
355
 
335
356
  &_left {
336
- border-right: 1px solid $color_3;
357
+ border-right: 1px solid var(--color-3);
337
358
  align-content: center;
338
359
  flex-direction: column;
339
360
  }
340
361
 
341
362
  &_right {
342
- border-left: 1px solid $color_3;
363
+ border-left: 1px solid var(--color-3);
343
364
  align-content: center;
344
365
  flex-direction: column;
345
366
  }
@@ -473,25 +494,28 @@
473
494
  }
474
495
 
475
496
  &__popup_menu {
476
- font-size: $font-size;
477
- font-family: $font-family;
497
+ font-size: var(--font-size);
498
+ font-family: var(--font-family);
478
499
 
479
500
  &_item {
501
+ margin: 2px;
480
502
  padding: 2px 10px 2px 10px;
481
503
  white-space: nowrap;
504
+ cursor: pointer;
505
+ border-radius: 2px;
482
506
  }
483
507
 
484
508
  @media (hover: hover) {
485
509
  &_item:hover {
486
- background-color: $color_6;
510
+ background-color: var(--color-6);
487
511
  }
488
512
  }
489
513
 
490
514
  &_container {
491
515
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
492
- border: 1px solid $color_6;
493
- color: $color_text;
494
- background: $color_background;
516
+ border: 1px solid var(--color-6);
517
+ color: var(--color-text);
518
+ background: var(--color-background);
495
519
  border-radius: 3px;
496
520
  position: absolute;
497
521
  z-index: 1000;
@@ -515,8 +539,8 @@
515
539
  @include absoluteFill;
516
540
 
517
541
  box-sizing: border-box;
518
- background-color: $color_background;
519
- color: $color_text;
542
+ background-color: var(--color-background);
543
+ color: var(--color-text);
520
544
  }
521
545
  }
522
546
 
@@ -537,21 +561,21 @@
537
561
  &__tabset_sizer {
538
562
  padding-top: 5px; // tab_button has 3 padding top, tabset header inner has 2 border
539
563
  padding-bottom: 3px; // tab_button has 3 padding bottom
540
- font-size: $font-size;
541
- font-family: $font-family;
564
+ font-size: var(--font-size);
565
+ font-family: var(--font-family);
542
566
  }
543
567
 
544
568
  &__tabset_header_sizer {
545
569
  padding-top: 3px;
546
570
  padding-bottom: 3px;
547
- font-size: $font-size;
548
- font-family: $font-family;
571
+ font-size: var(--font-size);
572
+ font-family: var(--font-family);
549
573
  }
550
574
 
551
575
  &__border_sizer {
552
576
  padding-top: 6px;
553
577
  padding-bottom: 5px;
554
- font-size: $font-size;
555
- font-family: $font-family;
578
+ font-size: var(--font-size);
579
+ font-family: var(--font-family);
556
580
  }
557
581
  }
package/style/dark.css CHANGED
@@ -1,4 +1,17 @@
1
1
  .flexlayout__layout {
2
+ --color-text: white;
3
+ --color-background: black;
4
+ --color-base: black;
5
+ --color-1: #121212;
6
+ --color-2: #1a1a1a;
7
+ --color-3: #262626;
8
+ --color-4: #333333;
9
+ --color-5: #404040;
10
+ --color-6: #4d4d4d;
11
+ --color-drag1: #cfe8ff;
12
+ --color-drag2: #b7d1b5;
13
+ --font-size: medium;
14
+ --font-family: Roboto, Arial, sans-serif;
2
15
  left: 0;
3
16
  top: 0;
4
17
  right: 0;
@@ -7,11 +20,13 @@
7
20
  overflow: hidden;
8
21
  }
9
22
  .flexlayout__splitter {
10
- background-color: #1a1a1a;
23
+ background-color: var(--color-2);
11
24
  }
12
25
  @media (hover: hover) {
13
26
  .flexlayout__splitter:hover {
14
- background-color: #333333;
27
+ transition: background-color ease-in 0.1s;
28
+ transition-delay: 0.05s;
29
+ background-color: var(--color-4);
15
30
  }
16
31
  }
17
32
  .flexlayout__splitter_border {
@@ -20,7 +35,7 @@
20
35
  .flexlayout__splitter_drag {
21
36
  z-index: 1000;
22
37
  border-radius: 5px;
23
- background-color: #404040;
38
+ background-color: var(--color-5);
24
39
  }
25
40
  .flexlayout__splitter_extra {
26
41
  background-color: transparent;
@@ -29,14 +44,14 @@
29
44
  position: absolute;
30
45
  pointer-events: none;
31
46
  box-sizing: border-box;
32
- border: 2px solid #cfe8ff;
47
+ border: 2px solid var(--color-drag1);
33
48
  box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.2);
34
49
  border-radius: 5px;
35
50
  z-index: 1000;
36
51
  }
37
52
  .flexlayout__outline_rect_edge {
38
53
  pointer-events: none;
39
- border: 2px solid #b7d1b5;
54
+ border: 2px solid var(--color-drag2);
40
55
  box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.2);
41
56
  border-radius: 5px;
42
57
  z-index: 1000;
@@ -52,9 +67,9 @@
52
67
  .flexlayout__drag_rect {
53
68
  position: absolute;
54
69
  cursor: move;
55
- color: white;
56
- background-color: #121212;
57
- border: 2px solid #333333;
70
+ color: var(--color-text);
71
+ background-color: var(--color-1);
72
+ border: 2px solid var(--color-4);
58
73
  box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.3);
59
74
  border-radius: 5px;
60
75
  z-index: 1000;
@@ -67,16 +82,16 @@
67
82
  overflow: hidden;
68
83
  padding: 10px;
69
84
  word-wrap: break-word;
70
- font-size: medium;
71
- font-family: Roboto, Arial, sans-serif;
85
+ font-size: var(--font-size);
86
+ font-family: var(--font-family);
72
87
  }
73
88
  .flexlayout__tabset {
74
89
  overflow: hidden;
75
- background-color: #121212;
90
+ background-color: var(--color-1);
76
91
  box-sizing: border-box;
77
- font-size: medium;
78
- font-family: Roboto, Arial, sans-serif;
79
- background-color: #121212;
92
+ font-size: var(--font-size);
93
+ font-family: var(--font-family);
94
+ background-color: var(--color-1);
80
95
  }
81
96
  .flexlayout__tabset_header {
82
97
  position: absolute;
@@ -86,9 +101,9 @@
86
101
  right: 0;
87
102
  padding: 3px 3px 3px 5px;
88
103
  box-sizing: border-box;
89
- border-bottom: 1px solid #262626;
90
- color: white;
91
- background-color: #121212;
104
+ border-bottom: 1px solid var(--color-3);
105
+ color: var(--color-text);
106
+ background-color: var(--color-1);
92
107
  box-shadow: inset 0 0 3px 0 rgba(136, 136, 136, 0.54);
93
108
  }
94
109
  .flexlayout__tabset_header_content {
@@ -96,19 +111,19 @@
96
111
  }
97
112
  .flexlayout__tabset_tabbar_outer {
98
113
  box-sizing: border-box;
99
- background-color: #121212;
114
+ background-color: var(--color-1);
100
115
  position: absolute;
101
116
  left: 0;
102
117
  right: 0;
103
118
  overflow: hidden;
104
119
  display: flex;
105
- background-color: #121212;
120
+ background-color: var(--color-1);
106
121
  }
107
122
  .flexlayout__tabset_tabbar_outer_top {
108
- border-bottom: 1px solid #262626;
123
+ border-bottom: 1px solid var(--color-3);
109
124
  }
110
125
  .flexlayout__tabset_tabbar_outer_bottom {
111
- border-top: 1px solid #262626;
126
+ border-top: 1px solid var(--color-3);
112
127
  }
113
128
  .flexlayout__tabset_tabbar_inner {
114
129
  position: relative;
@@ -132,17 +147,17 @@
132
147
  border-bottom: 2px solid transparent;
133
148
  }
134
149
  .flexlayout__tabset-selected {
135
- background-image: linear-gradient(black, #333333);
150
+ background-image: linear-gradient(var(--color-background), var(--color-4));
136
151
  }
137
152
  .flexlayout__tabset-maximized {
138
- background-image: linear-gradient(#4d4d4d, #1a1a1a);
153
+ background-image: linear-gradient(var(--color-6), var(--color-2));
139
154
  }
140
155
  .flexlayout__tab {
141
156
  overflow: auto;
142
157
  position: absolute;
143
158
  box-sizing: border-box;
144
- color: white;
145
- background-color: black;
159
+ color: var(--color-text);
160
+ background-color: var(--color-background);
146
161
  }
147
162
  .flexlayout__tab_button {
148
163
  display: inline-flex;
@@ -153,13 +168,13 @@
153
168
  cursor: pointer;
154
169
  }
155
170
  .flexlayout__tab_button--selected {
156
- background-color: #262626;
157
- color: white;
171
+ background-color: var(--color-3);
172
+ color: var(--color-text);
158
173
  }
159
174
  @media (hover: hover) {
160
175
  .flexlayout__tab_button:hover {
161
- background-color: #262626;
162
- color: white;
176
+ background-color: var(--color-3);
177
+ color: var(--color-text);
163
178
  }
164
179
  }
165
180
  .flexlayout__tab_button--unselected {
@@ -183,8 +198,12 @@
183
198
  }
184
199
  .flexlayout__tab_button_textbox {
185
200
  border: none;
186
- color: green;
187
- background-color: #262626;
201
+ font-family: var(--font-family);
202
+ font-size: var(--font-size);
203
+ color: var(--color-text);
204
+ background-color: var(--color-5);
205
+ border: 1px inset var(--color-1);
206
+ border-radius: 3px;
188
207
  }
189
208
  .flexlayout__tab_button_textbox:focus {
190
209
  outline: none;
@@ -247,8 +266,8 @@
247
266
  overflow: auto;
248
267
  position: absolute;
249
268
  box-sizing: border-box;
250
- color: white;
251
- background-color: black;
269
+ color: var(--color-text);
270
+ background-color: var(--color-background);
252
271
  display: flex;
253
272
  justify-content: center;
254
273
  align-items: center;
@@ -271,25 +290,25 @@
271
290
  box-sizing: border-box;
272
291
  overflow: hidden;
273
292
  display: flex;
274
- font-size: medium;
275
- font-family: Roboto, Arial, sans-serif;
276
- background-color: #121212;
293
+ font-size: var(--font-size);
294
+ font-family: var(--font-family);
295
+ background-color: var(--color-1);
277
296
  }
278
297
  .flexlayout__border_top {
279
- border-bottom: 1px solid #262626;
298
+ border-bottom: 1px solid var(--color-3);
280
299
  align-items: center;
281
300
  }
282
301
  .flexlayout__border_bottom {
283
- border-top: 1px solid #262626;
302
+ border-top: 1px solid var(--color-3);
284
303
  align-items: center;
285
304
  }
286
305
  .flexlayout__border_left {
287
- border-right: 1px solid #262626;
306
+ border-right: 1px solid var(--color-3);
288
307
  align-content: center;
289
308
  flex-direction: column;
290
309
  }
291
310
  .flexlayout__border_right {
292
- border-left: 1px solid #262626;
311
+ border-left: 1px solid var(--color-3);
293
312
  align-content: center;
294
313
  flex-direction: column;
295
314
  }
@@ -328,16 +347,16 @@
328
347
  white-space: nowrap;
329
348
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
330
349
  border-radius: 3px;
331
- background-color: #1a1a1a;
350
+ background-color: var(--color-2);
332
351
  }
333
352
  .flexlayout__border_button--selected {
334
- background-color: #262626;
335
- color: white;
353
+ background-color: var(--color-3);
354
+ color: var(--color-text);
336
355
  }
337
356
  @media (hover: hover) {
338
357
  .flexlayout__border_button:hover {
339
- background-color: #262626;
340
- color: white;
358
+ background-color: var(--color-3);
359
+ color: var(--color-text);
341
360
  }
342
361
  }
343
362
  .flexlayout__border_button--unselected {
@@ -403,23 +422,26 @@
403
422
  margin-top: 5px;
404
423
  }
405
424
  .flexlayout__popup_menu {
406
- font-size: medium;
407
- font-family: Roboto, Arial, sans-serif;
425
+ font-size: var(--font-size);
426
+ font-family: var(--font-family);
408
427
  }
409
428
  .flexlayout__popup_menu_item {
429
+ margin: 2px;
410
430
  padding: 2px 10px 2px 10px;
411
431
  white-space: nowrap;
432
+ cursor: pointer;
433
+ border-radius: 2px;
412
434
  }
413
435
  @media (hover: hover) {
414
436
  .flexlayout__popup_menu_item:hover {
415
- background-color: #4d4d4d;
437
+ background-color: var(--color-6);
416
438
  }
417
439
  }
418
440
  .flexlayout__popup_menu_container {
419
441
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
420
- border: 1px solid #4d4d4d;
421
- color: white;
422
- background: black;
442
+ border: 1px solid var(--color-6);
443
+ color: var(--color-text);
444
+ background: var(--color-background);
423
445
  border-radius: 3px;
424
446
  position: absolute;
425
447
  z-index: 1000;
@@ -445,8 +467,8 @@
445
467
  bottom: 0;
446
468
  position: absolute;
447
469
  box-sizing: border-box;
448
- background-color: black;
449
- color: white;
470
+ background-color: var(--color-background);
471
+ color: var(--color-text);
450
472
  }
451
473
  .flexlayout__error_boundary_container {
452
474
  left: 0;
@@ -464,20 +486,20 @@
464
486
  .flexlayout__tabset_sizer {
465
487
  padding-top: 5px;
466
488
  padding-bottom: 3px;
467
- font-size: medium;
468
- font-family: Roboto, Arial, sans-serif;
489
+ font-size: var(--font-size);
490
+ font-family: var(--font-family);
469
491
  }
470
492
  .flexlayout__tabset_header_sizer {
471
493
  padding-top: 3px;
472
494
  padding-bottom: 3px;
473
- font-size: medium;
474
- font-family: Roboto, Arial, sans-serif;
495
+ font-size: var(--font-size);
496
+ font-family: var(--font-family);
475
497
  }
476
498
  .flexlayout__border_sizer {
477
499
  padding-top: 6px;
478
500
  padding-bottom: 5px;
479
- font-size: medium;
480
- font-family: Roboto, Arial, sans-serif;
501
+ font-size: var(--font-size);
502
+ font-family: var(--font-family);
481
503
  }
482
504
 
483
505
  /*# sourceMappingURL=dark.css.map */
package/style/dark.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["_base.scss","dark.scss"],"names":[],"mappings":"AASI;EARA;EACA;EACA;EACA;EACA;EAMI;;AAGJ;ECsFA,kBAhGM;;ADaF;EACI;ICsFR,kBAlGM;;;ADgBF;EACI;;AAGJ;EACI;ECiFR;EACA,kBAtGM;;ADuBF;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA,OCjEK;EDkEL,kBC/DE;EDgEF;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA,WCrEI;EDsEJ,aCrEM;;ADwEV;EACI;EACA,kBCpFE;EDqFF;EACA,WC7EI;ED8EJ,aC7EM;EAGV,kBAbM;;AD0FF;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OCvGC;EAgCT,kBA7BM;EA8BN;;ADyEQ;EACI;;AAKJ;EAEI;EACA,kBChHN;EDiHM;EACA;EACA;EACA;EACA;ECpGZ,kBAjBM;;ADyHE;EACI;;AAGJ;EACI;;AAGJ;EAEI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAEJ;EACI;;AAMhB;ECzHJ;;AD6HI;ECzHJ;;AD8HA;EACI;EACA;EACA;EACA,OC3KK;ED4KL,kBC3KW;;AD6KX;EACI;EACA;EACA;EACA;EACA;EACA;;AAGA;ECzHR,kBAzDM;EA0DN,OA/DS;;AD0LD;EACI;ICpHZ,kBAlEM;IAmEN,OAxES;;;ADgMD;EC7HR;;ADiIQ;ECvJR;EACA;EACA;;ADyJQ;ECrJR;EACA;EACA;;ADuJQ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA,kBClNN;;ADqNE;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;IACI;IACA;;;AAGR;EACI;IACI;;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;;AAIR;EACI;EACA;EACA;EACA,OCnSC;EDoSD,kBCnSO;EDoSP;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAKZ;EACI;EACA;EACA;EACA,WCpTI;EDqTJ,aCpTM;EA+DV,kBAzEM;;ADiUF;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EC7SR;EACA;EACA,kBA9EM;;AD4XE;EC1SR,kBAjFM;EAkFN,OAvFS;;ADmYD;EACI;ICrSZ,kBA1FM;IA2FN,OAhGS;;;ADyYD;EC9SR;;ADkTQ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;IACI;IACA;;;AAIR;EACI;IACI;;;AAIR;EACI;;AAIR;EACI;EACA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EAEI;;AAGJ;EAEI;EACA;;AAMhB;EACI,WC/cI;EDgdJ,aC/cM;;ADidN;EACI;EACA;;AAGJ;EACI;IACI,kBC7dN;;;ADieF;EACI;EACA;EACA,OC5eC;ED6eD,YC5eO;ED6eP;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACI;;AAGJ;EA3fJ;EACA;EACA;EACA;EACA;;AA2fI;EACI;EAhgBR;EACA;EACA;EACA;EACA;EA+fQ;EACA,kBCpgBO;EDqgBP,OCtgBC;;AD0gBT;EAzgBA;EACA;EACA;EACA;EACA;EAugBI;EACA;;AAEJ;EACI;EACA;;AAOJ;EACI;EACA;EACA,WC/gBI;EDghBJ,aC/gBM;;ADkhBV;EACI;EACA;EACA,WCthBI;EDuhBJ,aCthBM;;ADyhBV;EACI;EACA;EACA,WC7hBI;ED8hBJ,aC7hBM","file":"dark.css"}
1
+ {"version":3,"sourceRoot":"","sources":["_base.scss","dark.scss"],"names":[],"mappings":"AASI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAtBJ;EACA;EACA;EACA;EACA;EAqBI;;AAGJ;ECuEA;;ADpEI;EACI;IACI;IACA;ICqEZ;;;ADjEI;EACI;;AAGJ;EACI;ECgER;EACA;;AD9DI;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EC3FJ;;AD8FI;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECxFR;EACA;;AD0FQ;EACI;;AAKJ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;ECrHZ;;ADyHQ;EACI;;AAGJ;EACI;;AAGJ;EAEI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAEJ;EACI;;AAMhB;EC1IJ;;AD8II;EC1IJ;;AD+IA;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGA;EC1IR;EACA;;AD4IQ;EACI;ICrIZ;IACA;;;ADyIQ;EC9IR;;ADkJQ;ECxKR;EACA;EACA;;AD0KQ;ECtKR;EACA;EACA;;ADwKQ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;IACI;IACA;;;AAGR;EACI;IACI;;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAKZ;EACI;EACA;EACA;EACA;EACA;EC1QJ;;AD6QI;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EClUR;EACA;EACA;;ADmUQ;EC/TR;EACA;;ADiUQ;EACI;IC1TZ;IACA;;;AD8TQ;ECnUR;;ADuUQ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;IACI;IACA;;;AAIR;EACI;IACI;;;AAIR;EACI;;AAIR;EACI;EACA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EAEI;;AAGJ;EAEI;EACA;;AAMhB;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;IACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACI;;AAGJ;EAnhBJ;EACA;EACA;EACA;EACA;;AAmhBI;EACI;EAxhBR;EACA;EACA;EACA;EACA;EAuhBQ;EACA;EACA;;AAIR;EAjiBA;EACA;EACA;EACA;EACA;EA+hBI;EACA;;AAEJ;EACI;EACA;;AAOJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA","file":"dark.css"}