@sudoplatform/sudo-user 10.0.1 → 11.0.0

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.
@@ -1,186 +1,176 @@
1
- @import url("./icons.css");
2
-
3
1
  :root {
4
2
  /* Light */
5
- --light-color-background: #fcfcfc;
6
- --light-color-secondary-background: #fff;
3
+ --light-color-background: #f2f4f8;
4
+ --light-color-background-secondary: #eff0f1;
5
+ --light-color-icon-background: var(--light-color-background);
6
+ --light-color-accent: #c5c7c9;
7
7
  --light-color-text: #222;
8
8
  --light-color-text-aside: #707070;
9
9
  --light-color-link: #4da6ff;
10
- --light-color-menu-divider: #eee;
11
- --light-color-menu-divider-focus: #000;
12
- --light-color-menu-label: #707070;
13
- --light-color-panel: var(--light-color-secondary-background);
14
- --light-color-panel-divider: #eee;
15
- --light-color-comment-tag: #707070;
16
- --light-color-comment-tag-text: #fff;
17
- --light-color-ts: #9600ff;
18
- --light-color-ts-interface: #647f1b;
19
- --light-color-ts-enum: #937210;
20
- --light-color-ts-class: #0672de;
10
+ --light-color-ts: #db1373;
11
+ --light-color-ts-interface: #139d2c;
12
+ --light-color-ts-enum: #9c891a;
13
+ --light-color-ts-class: #2484e5;
14
+ --light-color-ts-function: #572be7;
15
+ --light-color-ts-namespace: #b111c9;
21
16
  --light-color-ts-private: #707070;
22
- --light-color-toolbar: #fff;
23
- --light-color-toolbar-text: #333;
24
- --light-icon-filter: invert(0);
17
+ --light-color-ts-variable: #4d68ff;
25
18
  --light-external-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='10' height='10'><path fill-opacity='0' stroke='%23000' stroke-width='10' d='m43,35H5v60h60V57M45,5v10l10,10-30,30 20,20 30-30 10,10h10V5z'/></svg>");
19
+ --light-color-scheme: light;
26
20
 
27
21
  /* Dark */
28
- --dark-color-background: #36393f;
29
- --dark-color-secondary-background: #2f3136;
30
- --dark-color-text: #ffffff;
31
- --dark-color-text-aside: #e6e4e4;
22
+ --dark-color-background: #2b2e33;
23
+ --dark-color-background-secondary: #1e2024;
24
+ --dark-color-icon-background: var(--dark-color-background-secondary);
25
+ --dark-color-accent: #9096a2;
26
+ --dark-color-text: #f5f5f5;
27
+ --dark-color-text-aside: #dddddd;
32
28
  --dark-color-link: #00aff4;
33
- --dark-color-menu-divider: #eee;
34
- --dark-color-menu-divider-focus: #000;
35
- --dark-color-menu-label: #707070;
36
- --dark-color-panel: var(--dark-color-secondary-background);
37
- --dark-color-panel-divider: #818181;
38
- --dark-color-comment-tag: #dcddde;
39
- --dark-color-comment-tag-text: #2f3136;
40
- --dark-color-ts: #c97dff;
41
- --dark-color-ts-interface: #9cbe3c;
42
- --dark-color-ts-enum: #d6ab29;
43
- --dark-color-ts-class: #3695f3;
29
+ --dark-color-ts: #ff6492;
30
+ --dark-color-ts-interface: #6cff87;
31
+ --dark-color-ts-enum: #f4d93e;
32
+ --dark-color-ts-class: #61b0ff;
33
+ --dark-color-ts-function: #9772ff;
34
+ --dark-color-ts-namespace: #e14dff;
44
35
  --dark-color-ts-private: #e2e2e2;
45
- --dark-color-toolbar: #34373c;
46
- --dark-color-toolbar-text: #ffffff;
47
- --dark-icon-filter: invert(1);
36
+ --dark-color-ts-variable: #4d68ff;
48
37
  --dark-external-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='10' height='10'><path fill-opacity='0' stroke='%23fff' stroke-width='10' d='m43,35H5v60h60V57M45,5v10l10,10-30,30 20,20 30-30 10,10h10V5z'/></svg>");
38
+ --dark-color-scheme: dark;
49
39
  }
50
40
 
51
41
  @media (prefers-color-scheme: light) {
52
42
  :root {
53
43
  --color-background: var(--light-color-background);
54
- --color-secondary-background: var(--light-color-secondary-background);
44
+ --color-background-secondary: var(--light-color-background-secondary);
45
+ --color-icon-background: var(--light-color-icon-background);
46
+ --color-accent: var(--light-color-accent);
55
47
  --color-text: var(--light-color-text);
56
48
  --color-text-aside: var(--light-color-text-aside);
57
49
  --color-link: var(--light-color-link);
58
- --color-menu-divider: var(--light-color-menu-divider);
59
- --color-menu-divider-focus: var(--light-color-menu-divider-focus);
60
- --color-menu-label: var(--light-color-menu-label);
61
- --color-panel: var(--light-color-panel);
62
- --color-panel-divider: var(--light-color-panel-divider);
63
- --color-comment-tag: var(--light-color-comment-tag);
64
- --color-comment-tag-text: var(--light-color-comment-tag-text);
65
50
  --color-ts: var(--light-color-ts);
66
51
  --color-ts-interface: var(--light-color-ts-interface);
67
52
  --color-ts-enum: var(--light-color-ts-enum);
68
53
  --color-ts-class: var(--light-color-ts-class);
54
+ --color-ts-function: var(--light-color-ts-function);
55
+ --color-ts-namespace: var(--light-color-ts-namespace);
69
56
  --color-ts-private: var(--light-color-ts-private);
70
- --color-toolbar: var(--light-color-toolbar);
71
- --color-toolbar-text: var(--light-color-toolbar-text);
72
- --icon-filter: var(--light-icon-filter);
57
+ --color-ts-variable: var(--light-color-ts-variable);
73
58
  --external-icon: var(--light-external-icon);
59
+ --color-scheme: var(--light-color-scheme);
74
60
  }
75
61
  }
76
62
 
77
63
  @media (prefers-color-scheme: dark) {
78
64
  :root {
79
65
  --color-background: var(--dark-color-background);
80
- --color-secondary-background: var(--dark-color-secondary-background);
66
+ --color-background-secondary: var(--dark-color-background-secondary);
67
+ --color-icon-background: var(--dark-color-icon-background);
68
+ --color-accent: var(--dark-color-accent);
81
69
  --color-text: var(--dark-color-text);
82
70
  --color-text-aside: var(--dark-color-text-aside);
83
71
  --color-link: var(--dark-color-link);
84
- --color-menu-divider: var(--dark-color-menu-divider);
85
- --color-menu-divider-focus: var(--dark-color-menu-divider-focus);
86
- --color-menu-label: var(--dark-color-menu-label);
87
- --color-panel: var(--dark-color-panel);
88
- --color-panel-divider: var(--dark-color-panel-divider);
89
- --color-comment-tag: var(--dark-color-comment-tag);
90
- --color-comment-tag-text: var(--dark-color-comment-tag-text);
91
72
  --color-ts: var(--dark-color-ts);
92
73
  --color-ts-interface: var(--dark-color-ts-interface);
93
74
  --color-ts-enum: var(--dark-color-ts-enum);
94
75
  --color-ts-class: var(--dark-color-ts-class);
76
+ --color-ts-function: var(--dark-color-ts-function);
77
+ --color-ts-namespace: var(--dark-color-ts-namespace);
95
78
  --color-ts-private: var(--dark-color-ts-private);
96
- --color-toolbar: var(--dark-color-toolbar);
97
- --color-toolbar-text: var(--dark-color-toolbar-text);
98
- --icon-filter: var(--dark-icon-filter);
79
+ --color-ts-variable: var(--dark-color-ts-variable);
99
80
  --external-icon: var(--dark-external-icon);
81
+ --color-scheme: var(--dark-color-scheme);
100
82
  }
101
83
  }
102
84
 
85
+ html {
86
+ color-scheme: var(--color-scheme);
87
+ }
88
+
103
89
  body {
104
90
  margin: 0;
105
91
  }
106
92
 
107
- body.light {
93
+ :root[data-theme="light"] {
108
94
  --color-background: var(--light-color-background);
109
- --color-secondary-background: var(--light-color-secondary-background);
95
+ --color-background-secondary: var(--light-color-background-secondary);
96
+ --color-icon-background: var(--light-color-icon-background);
97
+ --color-accent: var(--light-color-accent);
110
98
  --color-text: var(--light-color-text);
111
99
  --color-text-aside: var(--light-color-text-aside);
112
100
  --color-link: var(--light-color-link);
113
- --color-menu-divider: var(--light-color-menu-divider);
114
- --color-menu-divider-focus: var(--light-color-menu-divider-focus);
115
- --color-menu-label: var(--light-color-menu-label);
116
- --color-panel: var(--light-color-panel);
117
- --color-panel-divider: var(--light-color-panel-divider);
118
- --color-comment-tag: var(--light-color-comment-tag);
119
- --color-comment-tag-text: var(--light-color-comment-tag-text);
120
101
  --color-ts: var(--light-color-ts);
121
102
  --color-ts-interface: var(--light-color-ts-interface);
122
103
  --color-ts-enum: var(--light-color-ts-enum);
123
104
  --color-ts-class: var(--light-color-ts-class);
105
+ --color-ts-function: var(--light-color-ts-function);
106
+ --color-ts-namespace: var(--light-color-ts-namespace);
124
107
  --color-ts-private: var(--light-color-ts-private);
125
- --color-toolbar: var(--light-color-toolbar);
126
- --color-toolbar-text: var(--light-color-toolbar-text);
127
- --icon-filter: var(--light-icon-filter);
108
+ --color-ts-variable: var(--light-color-ts-variable);
128
109
  --external-icon: var(--light-external-icon);
110
+ --color-scheme: var(--light-color-scheme);
129
111
  }
130
112
 
131
- body.dark {
113
+ :root[data-theme="dark"] {
132
114
  --color-background: var(--dark-color-background);
133
- --color-secondary-background: var(--dark-color-secondary-background);
115
+ --color-background-secondary: var(--dark-color-background-secondary);
116
+ --color-icon-background: var(--dark-color-icon-background);
117
+ --color-accent: var(--dark-color-accent);
134
118
  --color-text: var(--dark-color-text);
135
119
  --color-text-aside: var(--dark-color-text-aside);
136
120
  --color-link: var(--dark-color-link);
137
- --color-menu-divider: var(--dark-color-menu-divider);
138
- --color-menu-divider-focus: var(--dark-color-menu-divider-focus);
139
- --color-menu-label: var(--dark-color-menu-label);
140
- --color-panel: var(--dark-color-panel);
141
- --color-panel-divider: var(--dark-color-panel-divider);
142
- --color-comment-tag: var(--dark-color-comment-tag);
143
- --color-comment-tag-text: var(--dark-color-comment-tag-text);
144
121
  --color-ts: var(--dark-color-ts);
145
122
  --color-ts-interface: var(--dark-color-ts-interface);
146
123
  --color-ts-enum: var(--dark-color-ts-enum);
147
124
  --color-ts-class: var(--dark-color-ts-class);
125
+ --color-ts-function: var(--dark-color-ts-function);
126
+ --color-ts-namespace: var(--dark-color-ts-namespace);
148
127
  --color-ts-private: var(--dark-color-ts-private);
149
- --color-toolbar: var(--dark-color-toolbar);
150
- --color-toolbar-text: var(--dark-color-toolbar-text);
151
- --icon-filter: var(--dark-icon-filter);
128
+ --color-ts-variable: var(--dark-color-ts-variable);
152
129
  --external-icon: var(--dark-external-icon);
130
+ --color-scheme: var(--dark-color-scheme);
131
+ }
132
+
133
+ h1,
134
+ h2,
135
+ h3,
136
+ h4,
137
+ h5,
138
+ h6 {
139
+ line-height: 1.2;
153
140
  }
154
141
 
155
142
  h1 {
156
- font-size: 2em;
157
- margin: 0.67em 0;
143
+ font-size: 1.875rem;
144
+ margin: 0.67rem 0;
158
145
  }
159
146
 
160
147
  h2 {
161
- font-size: 1.5em;
162
- margin: 0.83em 0;
148
+ font-size: 1.5rem;
149
+ margin: 0.83rem 0;
163
150
  }
164
151
 
165
152
  h3 {
166
- font-size: 1.17em;
167
- margin: 1em 0;
153
+ font-size: 1.25rem;
154
+ margin: 1rem 0;
168
155
  }
169
156
 
170
- h4,
171
- .tsd-index-panel h3 {
172
- font-size: 1em;
173
- margin: 1.33em 0;
157
+ h4 {
158
+ font-size: 1.05rem;
159
+ margin: 1.33rem 0;
174
160
  }
175
161
 
176
162
  h5 {
177
- font-size: 0.83em;
178
- margin: 1.67em 0;
163
+ font-size: 1rem;
164
+ margin: 1.5rem 0;
179
165
  }
180
166
 
181
167
  h6 {
182
- font-size: 0.67em;
183
- margin: 2.33em 0;
168
+ font-size: 0.875rem;
169
+ margin: 2.33rem 0;
170
+ }
171
+
172
+ .uppercase {
173
+ text-transform: uppercase;
184
174
  }
185
175
 
186
176
  pre {
@@ -201,74 +191,61 @@ dd {
201
191
  }
202
192
 
203
193
  .container {
204
- max-width: 1200px;
205
- margin: 0 auto;
206
- padding: 0 40px;
194
+ max-width: 1600px;
195
+ padding: 0 2rem;
196
+ }
197
+
198
+ @media (min-width: 640px) {
199
+ .container {
200
+ padding: 0 4rem;
201
+ }
207
202
  }
208
- @media (max-width: 640px) {
203
+ @media (min-width: 1200px) {
209
204
  .container {
210
- padding: 0 20px;
205
+ padding: 0 8rem;
206
+ }
207
+ }
208
+ @media (min-width: 1600px) {
209
+ .container {
210
+ padding: 0 12rem;
211
211
  }
212
212
  }
213
213
 
214
- .container-main {
215
- padding-bottom: 200px;
214
+ /* Footer */
215
+ .tsd-generator {
216
+ border-top: 1px solid var(--color-accent);
217
+ padding-top: 1rem;
218
+ padding-bottom: 1rem;
219
+ max-height: 3.5rem;
220
+ }
221
+
222
+ .tsd-generator > p {
223
+ margin-top: 0;
224
+ margin-bottom: 0;
225
+ padding: 0 1rem;
216
226
  }
217
227
 
218
- .row {
228
+ .container-main {
219
229
  display: flex;
230
+ justify-content: space-between;
220
231
  position: relative;
221
- margin: 0 -10px;
222
- }
223
- .row:after {
224
- visibility: hidden;
225
- display: block;
226
- content: "";
227
- clear: both;
228
- height: 0;
232
+ margin: 0 auto;
229
233
  }
230
234
 
231
235
  .col-4,
232
236
  .col-8 {
233
237
  box-sizing: border-box;
234
238
  float: left;
235
- padding: 0 10px;
239
+ padding: 2rem 1rem;
236
240
  }
237
241
 
238
242
  .col-4 {
239
- width: 33.3333333333%;
243
+ flex: 0 0 25%;
240
244
  }
241
245
  .col-8 {
242
- width: 66.6666666667%;
243
- }
244
-
245
- ul.tsd-descriptions > li > :first-child,
246
- .tsd-panel > :first-child,
247
- .col-8 > :first-child,
248
- .col-4 > :first-child,
249
- ul.tsd-descriptions > li > :first-child > :first-child,
250
- .tsd-panel > :first-child > :first-child,
251
- .col-8 > :first-child > :first-child,
252
- .col-4 > :first-child > :first-child,
253
- ul.tsd-descriptions > li > :first-child > :first-child > :first-child,
254
- .tsd-panel > :first-child > :first-child > :first-child,
255
- .col-8 > :first-child > :first-child > :first-child,
256
- .col-4 > :first-child > :first-child > :first-child {
257
- margin-top: 0;
258
- }
259
- ul.tsd-descriptions > li > :last-child,
260
- .tsd-panel > :last-child,
261
- .col-8 > :last-child,
262
- .col-4 > :last-child,
263
- ul.tsd-descriptions > li > :last-child > :last-child,
264
- .tsd-panel > :last-child > :last-child,
265
- .col-8 > :last-child > :last-child,
266
- .col-4 > :last-child > :last-child,
267
- ul.tsd-descriptions > li > :last-child > :last-child > :last-child,
268
- .tsd-panel > :last-child > :last-child > :last-child,
269
- .col-8 > :last-child > :last-child > :last-child,
270
- .col-4 > :last-child > :last-child > :last-child {
271
- margin-bottom: 0;
246
+ flex: 1 0;
247
+ flex-wrap: wrap;
248
+ padding-left: 0;
272
249
  }
273
250
 
274
251
  @keyframes fade-in {
@@ -370,11 +347,13 @@ pre {
370
347
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
371
348
  padding: 0.2em;
372
349
  margin: 0;
373
- font-size: 14px;
350
+ font-size: 0.875rem;
351
+ border-radius: 0.8em;
374
352
  }
375
353
 
376
354
  pre {
377
355
  padding: 10px;
356
+ border: 0.1em solid var(--color-accent);
378
357
  }
379
358
  pre code {
380
359
  padding: 0;
@@ -413,36 +392,26 @@ blockquote {
413
392
  margin: 1em 0;
414
393
  }
415
394
 
416
- @media (min-width: 901px) and (max-width: 1024px) {
417
- html .col-content {
418
- width: 72%;
419
- }
420
- html .col-menu {
421
- width: 28%;
422
- }
423
- html .tsd-navigation {
424
- padding-left: 10px;
425
- }
426
- }
427
- @media (max-width: 900px) {
395
+ @media (max-width: 1024px) {
428
396
  html .col-content {
429
397
  float: none;
398
+ max-width: 100%;
430
399
  width: 100%;
400
+ padding-top: 3rem;
431
401
  }
432
402
  html .col-menu {
433
403
  position: fixed !important;
434
- overflow: auto;
404
+ overflow-y: auto;
435
405
  -webkit-overflow-scrolling: touch;
436
406
  z-index: 1024;
437
407
  top: 0 !important;
438
408
  bottom: 0 !important;
439
409
  left: auto !important;
440
410
  right: 0 !important;
441
- width: 100%;
442
- padding: 20px 20px 0 0;
443
- max-width: 450px;
411
+ padding: 1.5rem 1.5rem 0 0;
412
+ max-width: 25rem;
444
413
  visibility: hidden;
445
- background-color: var(--color-panel);
414
+ background-color: var(--color-background);
446
415
  transform: translate(100%, 0);
447
416
  }
448
417
  html .col-menu > *:last-child {
@@ -498,24 +467,17 @@ blockquote {
498
467
  visibility: visible;
499
468
  transform: translate(0, 0);
500
469
  display: grid;
470
+ align-items: center;
501
471
  grid-template-rows: auto 1fr;
472
+ grid-gap: 1.5rem;
502
473
  max-height: 100vh;
474
+ padding: 1rem 2rem;
503
475
  }
504
476
  .has-menu .tsd-navigation {
505
477
  max-height: 100%;
506
478
  }
507
479
  }
508
480
 
509
- .tsd-page-title {
510
- padding: 70px 0 20px 0;
511
- margin: 0 0 40px 0;
512
- background: var(--color-panel);
513
- box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
514
- }
515
- .tsd-page-title h1 {
516
- margin: 0;
517
- }
518
-
519
481
  .tsd-breadcrumb {
520
482
  margin: 0;
521
483
  padding: 0;
@@ -535,32 +497,44 @@ blockquote {
535
497
  content: " / ";
536
498
  }
537
499
 
538
- dl.tsd-comment-tags {
500
+ .tsd-comment-tags {
501
+ display: flex;
502
+ flex-direction: column;
503
+ }
504
+ dl.tsd-comment-tag-group {
505
+ display: flex;
506
+ align-items: center;
539
507
  overflow: hidden;
508
+ margin: 0.5em 0;
540
509
  }
541
- dl.tsd-comment-tags dt {
542
- float: left;
543
- padding: 1px 5px;
544
- margin: 0 10px 0 0;
545
- border-radius: 4px;
546
- border: 1px solid var(--color-comment-tag);
547
- color: var(--color-comment-tag);
548
- font-size: 0.8em;
510
+ dl.tsd-comment-tag-group dt {
511
+ display: flex;
512
+ margin-right: 0.5em;
513
+ font-size: 0.875em;
549
514
  font-weight: normal;
550
515
  }
551
- dl.tsd-comment-tags dd {
552
- margin: 0 0 10px 0;
516
+ dl.tsd-comment-tag-group dd {
517
+ margin: 0;
518
+ }
519
+ code.tsd-tag {
520
+ padding: 0.25em 0.4em;
521
+ border: 0.1em solid var(--color-accent);
522
+ margin-right: 0.25em;
523
+ font-size: 70%;
524
+ }
525
+ h1 code.tsd-tag:first-of-type {
526
+ margin-left: 0.25em;
553
527
  }
554
- dl.tsd-comment-tags dd:before,
555
- dl.tsd-comment-tags dd:after {
556
- display: table;
528
+
529
+ dl.tsd-comment-tag-group dd:before,
530
+ dl.tsd-comment-tag-group dd:after {
557
531
  content: " ";
558
532
  }
559
- dl.tsd-comment-tags dd pre,
560
- dl.tsd-comment-tags dd:after {
533
+ dl.tsd-comment-tag-group dd pre,
534
+ dl.tsd-comment-tag-group dd:after {
561
535
  clear: both;
562
536
  }
563
- dl.tsd-comment-tags p {
537
+ dl.tsd-comment-tag-group p {
564
538
  margin: 0;
565
539
  }
566
540
 
@@ -573,153 +547,109 @@ dl.tsd-comment-tags p {
573
547
  margin-bottom: 0;
574
548
  }
575
549
 
576
- .toggle-protected .tsd-is-private {
577
- display: none;
578
- }
579
-
580
- .toggle-public .tsd-is-private,
581
- .toggle-public .tsd-is-protected,
582
- .toggle-public .tsd-is-private-protected {
583
- display: none;
550
+ .tsd-filter-visibility h4 {
551
+ font-size: 1rem;
552
+ padding-top: 0.75rem;
553
+ padding-bottom: 0.5rem;
554
+ margin: 0;
584
555
  }
585
-
586
- .toggle-inherited .tsd-is-inherited {
587
- display: none;
556
+ .tsd-filter-item:not(:last-child) {
557
+ margin-bottom: 0.5rem;
588
558
  }
589
-
590
- .toggle-externals .tsd-is-external {
591
- display: none;
559
+ .tsd-filter-input {
560
+ display: flex;
561
+ width: fit-content;
562
+ width: -moz-fit-content;
563
+ align-items: center;
564
+ user-select: none;
565
+ -webkit-user-select: none;
566
+ -moz-user-select: none;
567
+ -ms-user-select: none;
568
+ cursor: pointer;
592
569
  }
593
-
594
- #tsd-filter {
595
- position: relative;
596
- display: inline-block;
597
- height: 40px;
598
- vertical-align: bottom;
570
+ .tsd-filter-input input[type="checkbox"] {
571
+ cursor: pointer;
572
+ position: absolute;
573
+ width: 1.5em;
574
+ height: 1.5em;
575
+ opacity: 0;
599
576
  }
600
- .no-filter #tsd-filter {
601
- display: none;
577
+ .tsd-filter-input input[type="checkbox"]:disabled {
578
+ pointer-events: none;
602
579
  }
603
- #tsd-filter .tsd-filter-group {
604
- display: inline-block;
605
- height: 40px;
606
- vertical-align: bottom;
607
- white-space: nowrap;
580
+ .tsd-filter-input svg {
581
+ cursor: pointer;
582
+ width: 1.5em;
583
+ height: 1.5em;
584
+ margin-right: 0.5em;
585
+ border-radius: 0.33em;
586
+ /* Leaving this at full opacity breaks event listeners on Firefox.
587
+ Don't remove unless you know what you're doing. */
588
+ opacity: 0.99;
608
589
  }
609
- #tsd-filter input {
610
- display: none;
590
+ .tsd-filter-input input[type="checkbox"]:focus + svg {
591
+ transform: scale(0.95);
611
592
  }
612
- @media (max-width: 900px) {
613
- #tsd-filter .tsd-filter-group {
614
- display: block;
615
- position: absolute;
616
- top: 40px;
617
- right: 20px;
618
- height: auto;
619
- background-color: var(--color-panel);
620
- visibility: hidden;
621
- transform: translate(50%, 0);
622
- box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
623
- }
624
- .has-options #tsd-filter .tsd-filter-group {
625
- visibility: visible;
626
- }
627
- .to-has-options #tsd-filter .tsd-filter-group {
628
- animation: fade-in 0.2s;
629
- }
630
- .from-has-options #tsd-filter .tsd-filter-group {
631
- animation: fade-out 0.2s;
632
- }
633
- #tsd-filter label,
634
- #tsd-filter .tsd-select {
635
- display: block;
636
- padding-right: 20px;
637
- }
593
+ .tsd-filter-input input[type="checkbox"]:focus:not(:focus-visible) + svg {
594
+ transform: scale(1);
638
595
  }
639
-
640
- footer {
641
- border-top: 1px solid var(--color-panel-divider);
642
- background-color: var(--color-panel);
596
+ .tsd-checkbox-background {
597
+ fill: var(--color-accent);
643
598
  }
644
- footer:after {
645
- content: "";
646
- display: table;
599
+ input[type="checkbox"]:checked ~ svg .tsd-checkbox-checkmark {
600
+ stroke: var(--color-text);
647
601
  }
648
- footer.with-border-bottom {
649
- border-bottom: 1px solid var(--color-panel-divider);
602
+ .tsd-filter-input input:disabled ~ svg > .tsd-checkbox-background {
603
+ fill: var(--color-background);
604
+ stroke: var(--color-accent);
605
+ stroke-width: 0.25rem;
650
606
  }
651
- footer .tsd-legend-group {
652
- font-size: 0;
607
+ .tsd-filter-input input:disabled ~ svg > .tsd-checkbox-checkmark {
608
+ stroke: var(--color-accent);
653
609
  }
654
- footer .tsd-legend {
655
- display: inline-block;
656
- width: 25%;
657
- padding: 0;
658
- font-size: 16px;
659
- list-style: none;
660
- line-height: 1.333em;
661
- vertical-align: top;
610
+
611
+ .tsd-theme-toggle {
612
+ padding-top: 0.75rem;
662
613
  }
663
- @media (max-width: 900px) {
664
- footer .tsd-legend {
665
- width: 50%;
666
- }
614
+ .tsd-theme-toggle > h4 {
615
+ display: inline;
616
+ vertical-align: middle;
617
+ margin-right: 0.75rem;
667
618
  }
668
619
 
669
620
  .tsd-hierarchy {
670
621
  list-style: square;
671
- padding: 0 0 0 20px;
672
622
  margin: 0;
673
623
  }
674
624
  .tsd-hierarchy .target {
675
625
  font-weight: bold;
676
626
  }
677
627
 
678
- .tsd-index-panel .tsd-index-content {
679
- margin-bottom: -30px !important;
680
- }
681
- .tsd-index-panel .tsd-index-section {
682
- margin-bottom: 30px !important;
683
- }
684
- .tsd-index-panel h3 {
685
- margin: 0 -20px 10px -20px;
686
- padding: 0 20px 10px 20px;
687
- border-bottom: 1px solid var(--color-panel-divider);
688
- }
689
- .tsd-index-panel ul.tsd-index-list {
690
- -webkit-column-count: 3;
691
- -moz-column-count: 3;
692
- -ms-column-count: 3;
693
- -o-column-count: 3;
694
- column-count: 3;
695
- -webkit-column-gap: 20px;
696
- -moz-column-gap: 20px;
697
- -ms-column-gap: 20px;
698
- -o-column-gap: 20px;
699
- column-gap: 20px;
700
- padding: 0;
628
+ .tsd-panel-group.tsd-index-group {
629
+ margin-bottom: 0;
630
+ }
631
+ .tsd-index-panel .tsd-index-list {
701
632
  list-style: none;
702
633
  line-height: 1.333em;
703
- }
704
- @media (max-width: 900px) {
705
- .tsd-index-panel ul.tsd-index-list {
706
- -webkit-column-count: 1;
707
- -moz-column-count: 1;
708
- -ms-column-count: 1;
709
- -o-column-count: 1;
710
- column-count: 1;
634
+ margin: 0;
635
+ padding: 0.25rem 0 0 0;
636
+ overflow: hidden;
637
+ display: grid;
638
+ grid-template-columns: repeat(3, 1fr);
639
+ column-gap: 1rem;
640
+ grid-template-rows: auto;
641
+ }
642
+ @media (max-width: 1024px) {
643
+ .tsd-index-panel .tsd-index-list {
644
+ grid-template-columns: repeat(2, 1fr);
711
645
  }
712
646
  }
713
- @media (min-width: 901px) and (max-width: 1024px) {
714
- .tsd-index-panel ul.tsd-index-list {
715
- -webkit-column-count: 2;
716
- -moz-column-count: 2;
717
- -ms-column-count: 2;
718
- -o-column-count: 2;
719
- column-count: 2;
647
+ @media (max-width: 768px) {
648
+ .tsd-index-panel .tsd-index-list {
649
+ grid-template-columns: repeat(1, 1fr);
720
650
  }
721
651
  }
722
- .tsd-index-panel ul.tsd-index-list li {
652
+ .tsd-index-panel .tsd-index-list li {
723
653
  -webkit-page-break-inside: avoid;
724
654
  -moz-page-break-inside: avoid;
725
655
  -ms-page-break-inside: avoid;
@@ -727,42 +657,52 @@ footer .tsd-legend {
727
657
  page-break-inside: avoid;
728
658
  }
729
659
  .tsd-index-panel a,
730
- .tsd-index-panel .tsd-parent-kind-module a {
660
+ .tsd-index-panel a.tsd-parent-kind-module {
731
661
  color: var(--color-ts);
732
662
  }
733
- .tsd-index-panel .tsd-parent-kind-interface a {
663
+ .tsd-index-panel a.tsd-parent-kind-interface {
734
664
  color: var(--color-ts-interface);
735
665
  }
736
- .tsd-index-panel .tsd-parent-kind-enum a {
666
+ .tsd-index-panel a.tsd-parent-kind-enum {
737
667
  color: var(--color-ts-enum);
738
668
  }
739
- .tsd-index-panel .tsd-parent-kind-class a {
669
+ .tsd-index-panel a.tsd-parent-kind-class {
740
670
  color: var(--color-ts-class);
741
671
  }
742
- .tsd-index-panel .tsd-kind-module a {
743
- color: var(--color-ts);
672
+ .tsd-index-panel a.tsd-kind-module {
673
+ color: var(--color-ts-namespace);
744
674
  }
745
- .tsd-index-panel .tsd-kind-interface a {
675
+ .tsd-index-panel a.tsd-kind-interface {
746
676
  color: var(--color-ts-interface);
747
677
  }
748
- .tsd-index-panel .tsd-kind-enum a {
678
+ .tsd-index-panel a.tsd-kind-enum {
749
679
  color: var(--color-ts-enum);
750
680
  }
751
- .tsd-index-panel .tsd-kind-class a {
681
+ .tsd-index-panel a.tsd-kind-class {
752
682
  color: var(--color-ts-class);
753
683
  }
754
- .tsd-index-panel .tsd-is-private a {
684
+ .tsd-index-panel a.tsd-kind-function {
685
+ color: var(--color-ts-function);
686
+ }
687
+ .tsd-index-panel a.tsd-kind-namespace {
688
+ color: var(--color-ts-namespace);
689
+ }
690
+ .tsd-index-panel a.tsd-kind-variable {
691
+ color: var(--color-ts-variable);
692
+ }
693
+ .tsd-index-panel a.tsd-is-private {
755
694
  color: var(--color-ts-private);
756
695
  }
757
696
 
758
697
  .tsd-flag {
759
698
  display: inline-block;
760
- padding: 1px 5px;
699
+ padding: 0.25em 0.4em;
761
700
  border-radius: 4px;
762
701
  color: var(--color-comment-tag-text);
763
702
  background-color: var(--color-comment-tag);
764
703
  text-indent: 0;
765
- font-size: 14px;
704
+ font-size: 75%;
705
+ line-height: 1;
766
706
  font-weight: normal;
767
707
  }
768
708
 
@@ -775,6 +715,8 @@ footer .tsd-legend {
775
715
  position: relative;
776
716
  }
777
717
  .tsd-member .tsd-anchor + h3 {
718
+ display: flex;
719
+ align-items: center;
778
720
  margin-top: 0;
779
721
  margin-bottom: 0;
780
722
  border-bottom: none;
@@ -795,13 +737,9 @@ footer .tsd-legend {
795
737
  color: var(--color-ts-private);
796
738
  }
797
739
 
798
- .tsd-navigation {
799
- margin: 0 0 0 40px;
800
- }
801
740
  .tsd-navigation a {
802
741
  display: block;
803
- padding-top: 2px;
804
- padding-bottom: 2px;
742
+ margin: 0.4rem 0;
805
743
  border-left: 2px solid transparent;
806
744
  color: var(--color-text);
807
745
  text-decoration: none;
@@ -819,110 +757,167 @@ footer .tsd-legend {
819
757
  padding: 0;
820
758
  }
821
759
 
822
- .tsd-navigation.primary {
823
- padding-bottom: 40px;
760
+ .tsd-navigation.primary .tsd-accordion-details > ul {
761
+ margin-top: 0.75rem;
824
762
  }
825
763
  .tsd-navigation.primary a {
826
- display: block;
827
- padding-top: 6px;
828
- padding-bottom: 6px;
764
+ padding: 0.75rem 0.5rem;
765
+ margin: 0;
829
766
  }
830
767
  .tsd-navigation.primary ul li a {
831
- padding-left: 5px;
768
+ margin-left: 0.5rem;
832
769
  }
833
770
  .tsd-navigation.primary ul li li a {
834
- padding-left: 25px;
771
+ margin-left: 1.5rem;
835
772
  }
836
773
  .tsd-navigation.primary ul li li li a {
837
- padding-left: 45px;
774
+ margin-left: 2.5rem;
838
775
  }
839
776
  .tsd-navigation.primary ul li li li li a {
840
- padding-left: 65px;
777
+ margin-left: 3.5rem;
841
778
  }
842
779
  .tsd-navigation.primary ul li li li li li a {
843
- padding-left: 85px;
780
+ margin-left: 4.5rem;
844
781
  }
845
782
  .tsd-navigation.primary ul li li li li li li a {
846
- padding-left: 105px;
847
- }
848
- .tsd-navigation.primary > ul {
849
- border-bottom: 1px solid var(--color-panel-divider);
850
- }
851
- .tsd-navigation.primary li {
852
- border-top: 1px solid var(--color-panel-divider);
783
+ margin-left: 5.5rem;
853
784
  }
854
785
  .tsd-navigation.primary li.current > a {
786
+ border-left: 0.15rem var(--color-text) solid;
787
+ }
788
+ .tsd-navigation.primary li.selected > a {
855
789
  font-weight: bold;
790
+ border-left: 0.2rem var(--color-text) solid;
856
791
  }
857
- .tsd-navigation.primary li.label span {
858
- display: block;
859
- padding: 20px 0 6px 5px;
860
- color: var(--color-menu-label);
792
+ .tsd-navigation.primary ul li a:hover {
793
+ border-left: 0.2rem var(--color-text-aside) solid;
861
794
  }
862
795
  .tsd-navigation.primary li.globals + li > span,
863
796
  .tsd-navigation.primary li.globals + li > a {
864
797
  padding-top: 20px;
865
798
  }
866
799
 
867
- .tsd-navigation.secondary {
868
- max-height: calc(100vh - 1rem - 40px);
869
- overflow: auto;
870
- position: sticky;
871
- top: calc(0.5rem + 40px);
872
- transition: 0.3s;
873
- }
874
800
  .tsd-navigation.secondary.tsd-navigation--toolbar-hide {
875
801
  max-height: calc(100vh - 1rem);
876
802
  top: 0.5rem;
877
803
  }
878
- .tsd-navigation.secondary ul {
804
+ .tsd-navigation.secondary > ul {
805
+ display: inline;
806
+ padding-right: 0.5rem;
879
807
  transition: opacity 0.2s;
880
808
  }
881
809
  .tsd-navigation.secondary ul li a {
882
- padding-left: 25px;
810
+ padding-left: 0;
883
811
  }
884
812
  .tsd-navigation.secondary ul li li a {
885
- padding-left: 45px;
813
+ padding-left: 1.1rem;
886
814
  }
887
815
  .tsd-navigation.secondary ul li li li a {
888
- padding-left: 65px;
816
+ padding-left: 2.2rem;
889
817
  }
890
818
  .tsd-navigation.secondary ul li li li li a {
891
- padding-left: 85px;
819
+ padding-left: 3.3rem;
892
820
  }
893
821
  .tsd-navigation.secondary ul li li li li li a {
894
- padding-left: 105px;
822
+ padding-left: 4.4rem;
895
823
  }
896
824
  .tsd-navigation.secondary ul li li li li li li a {
897
- padding-left: 125px;
825
+ padding-left: 5.5rem;
826
+ }
827
+
828
+ a.tsd-index-link {
829
+ margin: 0.25rem 0;
830
+ font-size: 1rem;
831
+ line-height: 1.25rem;
832
+ display: inline-flex;
833
+ align-items: center;
834
+ }
835
+ .tsd-accordion-summary > h1,
836
+ .tsd-accordion-summary > h2,
837
+ .tsd-accordion-summary > h3,
838
+ .tsd-accordion-summary > h4,
839
+ .tsd-accordion-summary > h5 {
840
+ display: inline-flex;
841
+ align-items: center;
842
+ vertical-align: middle;
843
+ margin-bottom: 0;
844
+ user-select: none;
845
+ -moz-user-select: none;
846
+ -webkit-user-select: none;
847
+ -ms-user-select: none;
898
848
  }
899
- .tsd-navigation.secondary ul.current a {
900
- border-left-color: var(--color-panel-divider);
849
+ .tsd-accordion-summary {
850
+ display: block;
851
+ cursor: pointer;
901
852
  }
902
- .tsd-navigation.secondary li.focus > a,
903
- .tsd-navigation.secondary ul.current li.focus > a {
904
- border-left-color: var(--color-menu-divider-focus);
853
+ .tsd-accordion-summary > * {
854
+ margin-top: 0;
855
+ margin-bottom: 0;
856
+ padding-top: 0;
857
+ padding-bottom: 0;
905
858
  }
906
- .tsd-navigation.secondary li.current {
907
- margin-top: 20px;
908
- margin-bottom: 20px;
909
- border-left-color: var(--color-panel-divider);
859
+ .tsd-accordion-summary::-webkit-details-marker {
860
+ display: none;
910
861
  }
911
- .tsd-navigation.secondary li.current > a {
912
- font-weight: bold;
862
+ .tsd-index-accordion .tsd-accordion-summary svg {
863
+ margin-right: 0.25rem;
864
+ }
865
+ .tsd-index-content > :not(:first-child) {
866
+ margin-top: 0.75rem;
867
+ }
868
+ .tsd-index-heading {
869
+ margin-top: 1.5rem;
870
+ margin-bottom: 0.75rem;
913
871
  }
914
872
 
915
- @media (min-width: 901px) {
873
+ .tsd-kind-icon {
874
+ margin-right: 0.5rem;
875
+ width: 1.25rem;
876
+ height: 1.25rem;
877
+ min-width: 1.25rem;
878
+ min-height: 1.25rem;
879
+ }
880
+ .tsd-kind-icon path {
881
+ transform-origin: center;
882
+ transform: scale(1.1);
883
+ }
884
+ .tsd-signature > .tsd-kind-icon {
885
+ margin-right: 0.8rem;
886
+ }
887
+
888
+ @media (min-width: 1024px) {
889
+ .col-content {
890
+ margin: 2rem auto;
891
+ }
892
+
916
893
  .menu-sticky-wrap {
917
- position: static;
894
+ position: sticky;
895
+ height: calc(100vh - 2rem);
896
+ top: 4rem;
897
+ right: 0;
898
+ padding: 0 1.5rem;
899
+ padding-top: 1rem;
900
+ margin-top: 3rem;
901
+ transition: 0.3s ease-in-out;
902
+ transition-property: top, padding-top, padding, height;
903
+ overflow-y: auto;
904
+ }
905
+ .col-menu {
906
+ border-left: 1px solid var(--color-accent);
907
+ }
908
+ .col-menu--hide {
909
+ top: 1rem;
910
+ }
911
+ .col-menu .tsd-navigation:not(:last-child) {
912
+ padding-bottom: 1.75rem;
918
913
  }
919
914
  }
920
915
 
921
916
  .tsd-panel {
922
- margin: 20px 0;
923
- padding: 20px;
924
- background-color: var(--color-panel);
925
- box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
917
+ margin-bottom: 2.5rem;
918
+ }
919
+ .tsd-panel.tsd-member {
920
+ margin-bottom: 4rem;
926
921
  }
927
922
  .tsd-panel:empty {
928
923
  display: none;
@@ -930,48 +925,24 @@ footer .tsd-legend {
930
925
  .tsd-panel > h1,
931
926
  .tsd-panel > h2,
932
927
  .tsd-panel > h3 {
933
- margin: 1.5em -20px 10px -20px;
934
- padding: 0 20px 10px 20px;
935
- border-bottom: 1px solid var(--color-panel-divider);
928
+ margin: 1.5rem -1.5rem 0.75rem -1.5rem;
929
+ padding: 0 1.5rem 0.75rem 1.5rem;
936
930
  }
937
931
  .tsd-panel > h1.tsd-before-signature,
938
932
  .tsd-panel > h2.tsd-before-signature,
939
933
  .tsd-panel > h3.tsd-before-signature {
940
934
  margin-bottom: 0;
941
- border-bottom: 0;
942
- }
943
- .tsd-panel table {
944
- display: block;
945
- width: 100%;
946
- overflow: auto;
947
- margin-top: 10px;
948
- word-break: normal;
949
- word-break: keep-all;
950
- border-collapse: collapse;
951
- }
952
- .tsd-panel table th {
953
- font-weight: bold;
954
- }
955
- .tsd-panel table th,
956
- .tsd-panel table td {
957
- padding: 6px 13px;
958
- border: 1px solid var(--color-panel-divider);
959
- }
960
- .tsd-panel table tr {
961
- background: var(--color-background);
962
- }
963
- .tsd-panel table tr:nth-child(even) {
964
- background: var(--color-secondary-background);
935
+ border-bottom: none;
965
936
  }
966
937
 
967
938
  .tsd-panel-group {
968
- margin: 60px 0;
939
+ margin: 4rem 0;
969
940
  }
970
- .tsd-panel-group > h1,
971
- .tsd-panel-group > h2,
972
- .tsd-panel-group > h3 {
973
- padding-left: 20px;
974
- padding-right: 20px;
941
+ .tsd-panel-group.tsd-index-group {
942
+ margin: 2rem 0;
943
+ }
944
+ .tsd-panel-group.tsd-index-group details {
945
+ margin: 2rem 0;
975
946
  }
976
947
 
977
948
  #tsd-search {
@@ -985,8 +956,8 @@ footer .tsd-legend {
985
956
  position: absolute;
986
957
  left: 0;
987
958
  top: 0;
988
- right: 40px;
989
- height: 40px;
959
+ right: 2.5rem;
960
+ height: 100%;
990
961
  }
991
962
  #tsd-search .field input {
992
963
  box-sizing: border-box;
@@ -1025,14 +996,14 @@ footer .tsd-legend {
1025
996
  background-color: var(--color-background);
1026
997
  }
1027
998
  #tsd-search .results li:nth-child(even) {
1028
- background-color: var(--color-panel);
999
+ background-color: var(--color-background-secondary);
1029
1000
  }
1030
1001
  #tsd-search .results li.state {
1031
1002
  display: none;
1032
1003
  }
1033
1004
  #tsd-search .results li.current,
1034
1005
  #tsd-search .results li:hover {
1035
- background-color: var(--color-panel-divider);
1006
+ background-color: var(--color-accent);
1036
1007
  }
1037
1008
  #tsd-search .results a {
1038
1009
  display: block;
@@ -1045,7 +1016,7 @@ footer .tsd-legend {
1045
1016
  font-weight: normal;
1046
1017
  }
1047
1018
  #tsd-search.has-focus {
1048
- background-color: var(--color-panel-divider);
1019
+ background-color: var(--color-accent);
1049
1020
  }
1050
1021
  #tsd-search.has-focus .field input {
1051
1022
  top: 0;
@@ -1066,31 +1037,13 @@ footer .tsd-legend {
1066
1037
  }
1067
1038
 
1068
1039
  .tsd-signature {
1069
- margin: 0 0 1em 0;
1070
- padding: 10px;
1071
- border: 1px solid var(--color-panel-divider);
1040
+ margin: 0 0 1rem 0;
1041
+ padding: 1rem 0.5rem;
1042
+ border: 1px solid var(--color-accent);
1072
1043
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
1073
1044
  font-size: 14px;
1074
1045
  overflow-x: auto;
1075
1046
  }
1076
- .tsd-signature.tsd-kind-icon {
1077
- padding-left: 30px;
1078
- }
1079
- .tsd-signature.tsd-kind-icon:before {
1080
- top: 10px;
1081
- left: 10px;
1082
- }
1083
- .tsd-panel > .tsd-signature {
1084
- margin-left: -20px;
1085
- margin-right: -20px;
1086
- border-width: 1px 0;
1087
- }
1088
- .tsd-panel > .tsd-signature.tsd-kind-icon {
1089
- padding-left: 40px;
1090
- }
1091
- .tsd-panel > .tsd-signature.tsd-kind-icon:before {
1092
- left: 20px;
1093
- }
1094
1047
 
1095
1048
  .tsd-signature-symbol {
1096
1049
  color: var(--color-text-aside);
@@ -1105,104 +1058,42 @@ footer .tsd-legend {
1105
1058
  .tsd-signatures {
1106
1059
  padding: 0;
1107
1060
  margin: 0 0 1em 0;
1108
- border: 1px solid var(--color-panel-divider);
1061
+ list-style-type: none;
1109
1062
  }
1110
1063
  .tsd-signatures .tsd-signature {
1111
1064
  margin: 0;
1112
- border-width: 1px 0 0 0;
1113
- transition: background-color 0.1s;
1114
- }
1115
- .tsd-signatures .tsd-signature:first-child {
1116
- border-top-width: 0;
1117
- }
1118
- .tsd-signatures .tsd-signature.current {
1119
- background-color: var(--color-panel-divider);
1120
- }
1121
- .tsd-signatures.active > .tsd-signature {
1122
- cursor: pointer;
1123
- }
1124
- .tsd-panel > .tsd-signatures {
1125
- margin-left: -20px;
1126
- margin-right: -20px;
1065
+ border-color: var(--color-accent);
1127
1066
  border-width: 1px 0;
1067
+ transition: background-color 0.1s;
1128
1068
  }
1129
- .tsd-panel > .tsd-signatures .tsd-signature.tsd-kind-icon {
1130
- padding-left: 40px;
1131
- }
1132
- .tsd-panel > .tsd-signatures .tsd-signature.tsd-kind-icon:before {
1133
- left: 20px;
1134
- }
1135
- .tsd-panel > a.anchor + .tsd-signatures {
1136
- border-top-width: 0;
1137
- margin-top: -20px;
1069
+ .tsd-description .tsd-signatures .tsd-signature {
1070
+ border-width: 1px;
1138
1071
  }
1139
1072
 
1140
- ul.tsd-descriptions {
1141
- position: relative;
1142
- overflow: hidden;
1143
- padding: 0;
1144
- list-style: none;
1145
- }
1146
- ul.tsd-descriptions.active > .tsd-description {
1147
- display: none;
1148
- }
1149
- ul.tsd-descriptions.active > .tsd-description.current {
1150
- display: block;
1151
- }
1152
- ul.tsd-descriptions.active > .tsd-description.fade-in {
1153
- animation: fade-in-delayed 0.3s;
1154
- }
1155
- ul.tsd-descriptions.active > .tsd-description.fade-out {
1156
- animation: fade-out-delayed 0.3s;
1157
- position: absolute;
1158
- display: block;
1159
- top: 0;
1160
- left: 0;
1161
- right: 0;
1162
- opacity: 0;
1163
- visibility: hidden;
1164
- }
1165
- ul.tsd-descriptions h4,
1166
- ul.tsd-descriptions .tsd-index-panel h3,
1167
- .tsd-index-panel ul.tsd-descriptions h3 {
1168
- font-size: 16px;
1169
- margin: 1em 0 0.5em 0;
1170
- }
1171
-
1172
- ul.tsd-parameters,
1173
- ul.tsd-type-parameters {
1073
+ ul.tsd-parameter-list,
1074
+ ul.tsd-type-parameter-list {
1174
1075
  list-style: square;
1175
1076
  margin: 0;
1176
1077
  padding-left: 20px;
1177
1078
  }
1178
- ul.tsd-parameters > li.tsd-parameter-signature,
1179
- ul.tsd-type-parameters > li.tsd-parameter-signature {
1079
+ ul.tsd-parameter-list > li.tsd-parameter-signature,
1080
+ ul.tsd-type-parameter-list > li.tsd-parameter-signature {
1180
1081
  list-style: none;
1181
1082
  margin-left: -20px;
1182
1083
  }
1183
- ul.tsd-parameters h5,
1184
- ul.tsd-type-parameters h5 {
1084
+ ul.tsd-parameter-list h5,
1085
+ ul.tsd-type-parameter-list h5 {
1185
1086
  font-size: 16px;
1186
1087
  margin: 1em 0 0.5em 0;
1187
1088
  }
1188
- ul.tsd-parameters .tsd-comment,
1189
- ul.tsd-type-parameters .tsd-comment {
1190
- margin-top: -0.5em;
1191
- }
1192
-
1193
1089
  .tsd-sources {
1194
- font-size: 14px;
1195
- color: var(--color-text-aside);
1196
- margin: 0 0 1em 0;
1090
+ margin-top: 1rem;
1091
+ font-size: 0.875em;
1197
1092
  }
1198
1093
  .tsd-sources a {
1199
1094
  color: var(--color-text-aside);
1200
1095
  text-decoration: underline;
1201
1096
  }
1202
- .tsd-sources ul,
1203
- .tsd-sources p {
1204
- margin: 0 !important;
1205
- }
1206
1097
  .tsd-sources ul {
1207
1098
  list-style: none;
1208
1099
  padding: 0;
@@ -1214,14 +1105,13 @@ ul.tsd-type-parameters .tsd-comment {
1214
1105
  top: 0;
1215
1106
  left: 0;
1216
1107
  width: 100%;
1217
- height: 40px;
1218
- color: var(--color-toolbar-text);
1219
- background: var(--color-toolbar);
1220
- border-bottom: 1px solid var(--color-panel-divider);
1221
- transition: transform 0.3s linear;
1108
+ color: var(--color-text);
1109
+ background: var(--color-background-secondary);
1110
+ border-bottom: 1px var(--color-accent) solid;
1111
+ transition: transform 0.3s ease-in-out;
1222
1112
  }
1223
1113
  .tsd-page-toolbar a {
1224
- color: var(--color-toolbar-text);
1114
+ color: var(--color-text);
1225
1115
  text-decoration: none;
1226
1116
  }
1227
1117
  .tsd-page-toolbar a.title {
@@ -1230,13 +1120,12 @@ ul.tsd-type-parameters .tsd-comment {
1230
1120
  .tsd-page-toolbar a.title:hover {
1231
1121
  text-decoration: underline;
1232
1122
  }
1233
- .tsd-page-toolbar .table-wrap {
1234
- display: table;
1235
- width: 100%;
1236
- height: 40px;
1123
+ .tsd-page-toolbar .tsd-toolbar-contents {
1124
+ display: flex;
1125
+ justify-content: space-between;
1126
+ height: 2.5rem;
1237
1127
  }
1238
1128
  .tsd-page-toolbar .table-cell {
1239
- display: table-cell;
1240
1129
  position: relative;
1241
1130
  white-space: nowrap;
1242
1131
  line-height: 40px;
@@ -1249,29 +1138,6 @@ ul.tsd-type-parameters .tsd-comment {
1249
1138
  transform: translateY(-100%);
1250
1139
  }
1251
1140
 
1252
- .tsd-select .tsd-select-list li:before,
1253
- .tsd-select .tsd-select-label:before,
1254
- .tsd-widget:before {
1255
- content: "";
1256
- display: inline-block;
1257
- width: 40px;
1258
- height: 40px;
1259
- margin: 0 -8px 0 0;
1260
- background-image: url(./widgets.png);
1261
- background-repeat: no-repeat;
1262
- text-indent: -1024px;
1263
- vertical-align: bottom;
1264
- filter: var(--icon-filter);
1265
- }
1266
- @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
1267
- .tsd-select .tsd-select-list li:before,
1268
- .tsd-select .tsd-select-label:before,
1269
- .tsd-widget:before {
1270
- background-image: url(./widgets@2x.png);
1271
- background-size: 320px 40px;
1272
- }
1273
- }
1274
-
1275
1141
  .tsd-widget {
1276
1142
  display: inline-block;
1277
1143
  overflow: hidden;
@@ -1286,7 +1152,7 @@ ul.tsd-type-parameters .tsd-comment {
1286
1152
  }
1287
1153
  .tsd-widget.active {
1288
1154
  opacity: 1;
1289
- background-color: var(--color-panel-divider);
1155
+ background-color: var(--color-accent);
1290
1156
  }
1291
1157
  .tsd-widget.no-caption {
1292
1158
  width: 40px;
@@ -1294,20 +1160,12 @@ ul.tsd-type-parameters .tsd-comment {
1294
1160
  .tsd-widget.no-caption:before {
1295
1161
  margin: 0;
1296
1162
  }
1297
- .tsd-widget.search:before {
1298
- background-position: 0 0;
1299
- }
1300
- .tsd-widget.menu:before {
1301
- background-position: -40px 0;
1302
- }
1303
- .tsd-widget.options:before {
1304
- background-position: -80px 0;
1305
- }
1163
+
1306
1164
  .tsd-widget.options,
1307
1165
  .tsd-widget.menu {
1308
1166
  display: none;
1309
1167
  }
1310
- @media (max-width: 900px) {
1168
+ @media (max-width: 1024px) {
1311
1169
  .tsd-widget.options,
1312
1170
  .tsd-widget.menu {
1313
1171
  display: inline-block;
@@ -1320,69 +1178,47 @@ input[type="checkbox"]:checked + .tsd-widget:before {
1320
1178
  background-position: -160px 0;
1321
1179
  }
1322
1180
 
1323
- .tsd-select {
1324
- position: relative;
1325
- display: inline-block;
1326
- height: 40px;
1327
- transition: opacity 0.1s, background-color 0.2s;
1328
- vertical-align: bottom;
1329
- cursor: pointer;
1330
- }
1331
- .tsd-select .tsd-select-label {
1332
- opacity: 0.6;
1333
- transition: opacity 0.2s;
1334
- }
1335
- .tsd-select .tsd-select-label:before {
1336
- background-position: -240px 0;
1337
- }
1338
- .tsd-select.active .tsd-select-label {
1339
- opacity: 0.8;
1181
+ img {
1182
+ max-width: 100%;
1340
1183
  }
1341
- .tsd-select.active .tsd-select-list {
1342
- visibility: visible;
1343
- opacity: 1;
1344
- transition-delay: 0s;
1184
+
1185
+ .tsd-anchor-icon {
1186
+ display: inline-flex;
1187
+ align-items: center;
1188
+ margin-left: 0.5rem;
1189
+ vertical-align: middle;
1190
+ color: var(--color-text);
1345
1191
  }
1346
- .tsd-select .tsd-select-list {
1347
- position: absolute;
1192
+
1193
+ .tsd-anchor-icon svg {
1194
+ width: 1em;
1195
+ height: 1em;
1348
1196
  visibility: hidden;
1349
- top: 40px;
1350
- left: 0;
1351
- margin: 0;
1352
- padding: 0;
1353
- opacity: 0;
1354
- list-style: none;
1355
- box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
1356
- transition: visibility 0s 0.2s, opacity 0.2s;
1357
- }
1358
- .tsd-select .tsd-select-list li {
1359
- padding: 0 20px 0 0;
1360
- background-color: var(--color-background);
1361
1197
  }
1362
- .tsd-select .tsd-select-list li:before {
1363
- background-position: 40px 0;
1198
+
1199
+ .tsd-anchor-link:hover > .tsd-anchor-icon svg {
1200
+ visibility: visible;
1364
1201
  }
1365
- .tsd-select .tsd-select-list li:nth-child(even) {
1366
- background-color: var(--color-panel);
1202
+
1203
+ .deprecated {
1204
+ text-decoration: line-through;
1367
1205
  }
1368
- .tsd-select .tsd-select-list li:hover {
1369
- background-color: var(--color-panel-divider);
1206
+
1207
+ * {
1208
+ scrollbar-width: thin;
1209
+ scrollbar-color: var(--color-accent) var(--color-icon-background);
1370
1210
  }
1371
- .tsd-select .tsd-select-list li.selected:before {
1372
- background-position: -200px 0;
1211
+
1212
+ *::-webkit-scrollbar {
1213
+ width: 0.75rem;
1373
1214
  }
1374
- @media (max-width: 900px) {
1375
- .tsd-select .tsd-select-list {
1376
- top: 0;
1377
- left: auto;
1378
- right: 100%;
1379
- margin-right: -5px;
1380
- }
1381
- .tsd-select .tsd-select-label:before {
1382
- background-position: -280px 0;
1383
- }
1215
+
1216
+ *::-webkit-scrollbar-track {
1217
+ background: var(--color-icon-background);
1384
1218
  }
1385
1219
 
1386
- img {
1387
- max-width: 100%;
1220
+ *::-webkit-scrollbar-thumb {
1221
+ background-color: var(--color-accent);
1222
+ border-radius: 999rem;
1223
+ border: 0.25rem solid var(--color-icon-background);
1388
1224
  }