@sudoplatform/sudo-user 13.0.1 → 13.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -6,17 +6,36 @@
6
6
  --light-color-background-warning: #e6e600;
7
7
  --light-color-icon-background: var(--light-color-background);
8
8
  --light-color-accent: #c5c7c9;
9
+ --light-color-active-menu-item: var(--light-color-accent);
9
10
  --light-color-text: #222;
10
- --light-color-text-aside: #707070;
11
- --light-color-link: #4da6ff;
12
- --light-color-ts: #db1373;
13
- --light-color-ts-interface: #139d2c;
14
- --light-color-ts-enum: #9c891a;
15
- --light-color-ts-class: #2484e5;
11
+ --light-color-text-aside: #6e6e6e;
12
+ --light-color-link: #1f70c2;
13
+
14
+ --light-color-ts-project: #b111c9;
15
+ --light-color-ts-module: var(--light-color-ts-project);
16
+ --light-color-ts-namespace: var(--light-color-ts-project);
17
+ --light-color-ts-enum: #7e6f15;
18
+ --light-color-ts-enum-member: var(--light-color-ts-enum);
19
+ --light-color-ts-variable: #4760ec;
16
20
  --light-color-ts-function: #572be7;
17
- --light-color-ts-namespace: #b111c9;
18
- --light-color-ts-private: #707070;
19
- --light-color-ts-variable: #4d68ff;
21
+ --light-color-ts-class: #1f70c2;
22
+ --light-color-ts-interface: #108024;
23
+ --light-color-ts-constructor: var(--light-color-ts-class);
24
+ --light-color-ts-property: var(--light-color-ts-variable);
25
+ --light-color-ts-method: var(--light-color-ts-function);
26
+ --light-color-ts-call-signature: var(--light-color-ts-method);
27
+ --light-color-ts-index-signature: var(--light-color-ts-property);
28
+ --light-color-ts-constructor-signature: var(--light-color-ts-constructor);
29
+ --light-color-ts-parameter: var(--light-color-ts-variable);
30
+ /* type literal not included as links will never be generated to it */
31
+ --light-color-ts-type-parameter: var(--light-color-ts-type-alias);
32
+ --light-color-ts-accessor: var(--light-color-ts-property);
33
+ --light-color-ts-get-signature: var(--light-color-ts-accessor);
34
+ --light-color-ts-set-signature: var(--light-color-ts-accessor);
35
+ /* object literal not included as it is not used and will be removed in 0.25 */
36
+ --light-color-ts-type-alias: #d51270;
37
+ /* reference not included as links will be colored with the kind that it points to */
38
+
20
39
  --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>");
21
40
  --light-color-scheme: light;
22
41
 
@@ -27,17 +46,36 @@
27
46
  --dark-color-warning-text: #222;
28
47
  --dark-color-icon-background: var(--dark-color-background-secondary);
29
48
  --dark-color-accent: #9096a2;
49
+ --dark-color-active-menu-item: #5d5d6a;
30
50
  --dark-color-text: #f5f5f5;
31
51
  --dark-color-text-aside: #dddddd;
32
52
  --dark-color-link: #00aff4;
33
- --dark-color-ts: #ff6492;
34
- --dark-color-ts-interface: #6cff87;
53
+
54
+ --dark-color-ts-project: #e358ff;
55
+ --dark-color-ts-module: var(--dark-color-ts-project);
56
+ --dark-color-ts-namespace: var(--dark-color-ts-project);
35
57
  --dark-color-ts-enum: #f4d93e;
36
- --dark-color-ts-class: #61b0ff;
37
- --dark-color-ts-function: #9772ff;
38
- --dark-color-ts-namespace: #e14dff;
39
- --dark-color-ts-private: #e2e2e2;
40
- --dark-color-ts-variable: #4d68ff;
58
+ --dark-color-ts-enum-member: var(--dark-color-ts-enum);
59
+ --dark-color-ts-variable: #798dff;
60
+ --dark-color-ts-function: #a280ff;
61
+ --dark-color-ts-class: #8ac4ff;
62
+ --dark-color-ts-interface: #6cff87;
63
+ --dark-color-ts-constructor: var(--dark-color-ts-class);
64
+ --dark-color-ts-property: var(--dark-color-ts-variable);
65
+ --dark-color-ts-method: var(--dark-color-ts-function);
66
+ --dark-color-ts-call-signature: var(--dark-color-ts-method);
67
+ --dark-color-ts-index-signature: var(--dark-color-ts-property);
68
+ --dark-color-ts-constructor-signature: var(--dark-color-ts-constructor);
69
+ --dark-color-ts-parameter: var(--dark-color-ts-variable);
70
+ /* type literal not included as links will never be generated to it */
71
+ --dark-color-ts-type-parameter: var(--dark-color-ts-type-alias);
72
+ --dark-color-ts-accessor: var(--dark-color-ts-property);
73
+ --dark-color-ts-get-signature: var(--dark-color-ts-accessor);
74
+ --dark-color-ts-set-signature: var(--dark-color-ts-accessor);
75
+ /* object literal not included as it is not used and will be removed in 0.25 */
76
+ --dark-color-ts-type-alias: #ff6492;
77
+ /* reference not included as links will be colored with the kind that it points to */
78
+
41
79
  --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>");
42
80
  --dark-color-scheme: dark;
43
81
  }
@@ -50,17 +88,34 @@
50
88
  --color-warning-text: var(--light-color-warning-text);
51
89
  --color-icon-background: var(--light-color-icon-background);
52
90
  --color-accent: var(--light-color-accent);
91
+ --color-active-menu-item: var(--light-color-active-menu-item);
53
92
  --color-text: var(--light-color-text);
54
93
  --color-text-aside: var(--light-color-text-aside);
55
94
  --color-link: var(--light-color-link);
56
- --color-ts: var(--light-color-ts);
57
- --color-ts-interface: var(--light-color-ts-interface);
58
- --color-ts-enum: var(--light-color-ts-enum);
59
- --color-ts-class: var(--light-color-ts-class);
60
- --color-ts-function: var(--light-color-ts-function);
95
+
96
+ --color-ts-module: var(--light-color-ts-module);
61
97
  --color-ts-namespace: var(--light-color-ts-namespace);
62
- --color-ts-private: var(--light-color-ts-private);
98
+ --color-ts-enum: var(--light-color-ts-enum);
99
+ --color-ts-enum-member: var(--light-color-ts-enum-member);
63
100
  --color-ts-variable: var(--light-color-ts-variable);
101
+ --color-ts-function: var(--light-color-ts-function);
102
+ --color-ts-class: var(--light-color-ts-class);
103
+ --color-ts-interface: var(--light-color-ts-interface);
104
+ --color-ts-constructor: var(--light-color-ts-constructor);
105
+ --color-ts-property: var(--light-color-ts-property);
106
+ --color-ts-method: var(--light-color-ts-method);
107
+ --color-ts-call-signature: var(--light-color-ts-call-signature);
108
+ --color-ts-index-signature: var(--light-color-ts-index-signature);
109
+ --color-ts-constructor-signature: var(
110
+ --light-color-ts-constructor-signature
111
+ );
112
+ --color-ts-parameter: var(--light-color-ts-parameter);
113
+ --color-ts-type-parameter: var(--light-color-ts-type-parameter);
114
+ --color-ts-accessor: var(--light-color-ts-accessor);
115
+ --color-ts-get-signature: var(--light-color-ts-get-signature);
116
+ --color-ts-set-signature: var(--light-color-ts-set-signature);
117
+ --color-ts-type-alias: var(--light-color-ts-type-alias);
118
+
64
119
  --external-icon: var(--light-external-icon);
65
120
  --color-scheme: var(--light-color-scheme);
66
121
  }
@@ -74,17 +129,34 @@
74
129
  --color-warning-text: var(--dark-color-warning-text);
75
130
  --color-icon-background: var(--dark-color-icon-background);
76
131
  --color-accent: var(--dark-color-accent);
132
+ --color-active-menu-item: var(--dark-color-active-menu-item);
77
133
  --color-text: var(--dark-color-text);
78
134
  --color-text-aside: var(--dark-color-text-aside);
79
135
  --color-link: var(--dark-color-link);
80
- --color-ts: var(--dark-color-ts);
81
- --color-ts-interface: var(--dark-color-ts-interface);
82
- --color-ts-enum: var(--dark-color-ts-enum);
83
- --color-ts-class: var(--dark-color-ts-class);
84
- --color-ts-function: var(--dark-color-ts-function);
136
+
137
+ --color-ts-module: var(--dark-color-ts-module);
85
138
  --color-ts-namespace: var(--dark-color-ts-namespace);
86
- --color-ts-private: var(--dark-color-ts-private);
139
+ --color-ts-enum: var(--dark-color-ts-enum);
140
+ --color-ts-enum-member: var(--dark-color-ts-enum-member);
87
141
  --color-ts-variable: var(--dark-color-ts-variable);
142
+ --color-ts-function: var(--dark-color-ts-function);
143
+ --color-ts-class: var(--dark-color-ts-class);
144
+ --color-ts-interface: var(--dark-color-ts-interface);
145
+ --color-ts-constructor: var(--dark-color-ts-constructor);
146
+ --color-ts-property: var(--dark-color-ts-property);
147
+ --color-ts-method: var(--dark-color-ts-method);
148
+ --color-ts-call-signature: var(--dark-color-ts-call-signature);
149
+ --color-ts-index-signature: var(--dark-color-ts-index-signature);
150
+ --color-ts-constructor-signature: var(
151
+ --dark-color-ts-constructor-signature
152
+ );
153
+ --color-ts-parameter: var(--dark-color-ts-parameter);
154
+ --color-ts-type-parameter: var(--dark-color-ts-type-parameter);
155
+ --color-ts-accessor: var(--dark-color-ts-accessor);
156
+ --color-ts-get-signature: var(--dark-color-ts-get-signature);
157
+ --color-ts-set-signature: var(--dark-color-ts-set-signature);
158
+ --color-ts-type-alias: var(--dark-color-ts-type-alias);
159
+
88
160
  --external-icon: var(--dark-external-icon);
89
161
  --color-scheme: var(--dark-color-scheme);
90
162
  }
@@ -105,17 +177,34 @@ body {
105
177
  --color-warning-text: var(--light-color-warning-text);
106
178
  --color-icon-background: var(--light-color-icon-background);
107
179
  --color-accent: var(--light-color-accent);
180
+ --color-active-menu-item: var(--light-color-active-menu-item);
108
181
  --color-text: var(--light-color-text);
109
182
  --color-text-aside: var(--light-color-text-aside);
110
183
  --color-link: var(--light-color-link);
111
- --color-ts: var(--light-color-ts);
112
- --color-ts-interface: var(--light-color-ts-interface);
113
- --color-ts-enum: var(--light-color-ts-enum);
114
- --color-ts-class: var(--light-color-ts-class);
115
- --color-ts-function: var(--light-color-ts-function);
184
+
185
+ --color-ts-module: var(--light-color-ts-module);
116
186
  --color-ts-namespace: var(--light-color-ts-namespace);
117
- --color-ts-private: var(--light-color-ts-private);
187
+ --color-ts-enum: var(--light-color-ts-enum);
188
+ --color-ts-enum-member: var(--light-color-ts-enum-member);
118
189
  --color-ts-variable: var(--light-color-ts-variable);
190
+ --color-ts-function: var(--light-color-ts-function);
191
+ --color-ts-class: var(--light-color-ts-class);
192
+ --color-ts-interface: var(--light-color-ts-interface);
193
+ --color-ts-constructor: var(--light-color-ts-constructor);
194
+ --color-ts-property: var(--light-color-ts-property);
195
+ --color-ts-method: var(--light-color-ts-method);
196
+ --color-ts-call-signature: var(--light-color-ts-call-signature);
197
+ --color-ts-index-signature: var(--light-color-ts-index-signature);
198
+ --color-ts-constructor-signature: var(
199
+ --light-color-ts-constructor-signature
200
+ );
201
+ --color-ts-parameter: var(--light-color-ts-parameter);
202
+ --color-ts-type-parameter: var(--light-color-ts-type-parameter);
203
+ --color-ts-accessor: var(--light-color-ts-accessor);
204
+ --color-ts-get-signature: var(--light-color-ts-get-signature);
205
+ --color-ts-set-signature: var(--light-color-ts-set-signature);
206
+ --color-ts-type-alias: var(--light-color-ts-type-alias);
207
+
119
208
  --external-icon: var(--light-external-icon);
120
209
  --color-scheme: var(--light-color-scheme);
121
210
  }
@@ -127,17 +216,34 @@ body {
127
216
  --color-warning-text: var(--dark-color-warning-text);
128
217
  --color-icon-background: var(--dark-color-icon-background);
129
218
  --color-accent: var(--dark-color-accent);
219
+ --color-active-menu-item: var(--dark-color-active-menu-item);
130
220
  --color-text: var(--dark-color-text);
131
221
  --color-text-aside: var(--dark-color-text-aside);
132
222
  --color-link: var(--dark-color-link);
133
- --color-ts: var(--dark-color-ts);
134
- --color-ts-interface: var(--dark-color-ts-interface);
135
- --color-ts-enum: var(--dark-color-ts-enum);
136
- --color-ts-class: var(--dark-color-ts-class);
137
- --color-ts-function: var(--dark-color-ts-function);
223
+
224
+ --color-ts-module: var(--dark-color-ts-module);
138
225
  --color-ts-namespace: var(--dark-color-ts-namespace);
139
- --color-ts-private: var(--dark-color-ts-private);
226
+ --color-ts-enum: var(--dark-color-ts-enum);
227
+ --color-ts-enum-member: var(--dark-color-ts-enum-member);
140
228
  --color-ts-variable: var(--dark-color-ts-variable);
229
+ --color-ts-function: var(--dark-color-ts-function);
230
+ --color-ts-class: var(--dark-color-ts-class);
231
+ --color-ts-interface: var(--dark-color-ts-interface);
232
+ --color-ts-constructor: var(--dark-color-ts-constructor);
233
+ --color-ts-property: var(--dark-color-ts-property);
234
+ --color-ts-method: var(--dark-color-ts-method);
235
+ --color-ts-call-signature: var(--dark-color-ts-call-signature);
236
+ --color-ts-index-signature: var(--dark-color-ts-index-signature);
237
+ --color-ts-constructor-signature: var(
238
+ --dark-color-ts-constructor-signature
239
+ );
240
+ --color-ts-parameter: var(--dark-color-ts-parameter);
241
+ --color-ts-type-parameter: var(--dark-color-ts-type-parameter);
242
+ --color-ts-accessor: var(--dark-color-ts-accessor);
243
+ --color-ts-get-signature: var(--dark-color-ts-get-signature);
244
+ --color-ts-set-signature: var(--dark-color-ts-set-signature);
245
+ --color-ts-type-alias: var(--dark-color-ts-type-alias);
246
+
141
247
  --external-icon: var(--dark-external-icon);
142
248
  --color-scheme: var(--dark-color-scheme);
143
249
  }
@@ -156,6 +262,16 @@ h6 {
156
262
  line-height: 1.2;
157
263
  }
158
264
 
265
+ h1 > a,
266
+ h2 > a,
267
+ h3 > a,
268
+ h4 > a,
269
+ h5 > a,
270
+ h6 > a {
271
+ text-decoration: none;
272
+ color: var(--color-text);
273
+ }
274
+
159
275
  h1 {
160
276
  font-size: 1.875rem;
161
277
  margin: 0.67rem 0;
@@ -190,12 +306,6 @@ h6 {
190
306
  text-transform: uppercase;
191
307
  }
192
308
 
193
- pre {
194
- white-space: pre;
195
- white-space: pre-wrap;
196
- word-wrap: break-word;
197
- }
198
-
199
309
  dl,
200
310
  menu,
201
311
  ol,
@@ -208,26 +318,10 @@ dd {
208
318
  }
209
319
 
210
320
  .container {
211
- max-width: 1600px;
321
+ max-width: 1700px;
212
322
  padding: 0 2rem;
213
323
  }
214
324
 
215
- @media (min-width: 640px) {
216
- .container {
217
- padding: 0 4rem;
218
- }
219
- }
220
- @media (min-width: 1200px) {
221
- .container {
222
- padding: 0 8rem;
223
- }
224
- }
225
- @media (min-width: 1600px) {
226
- .container {
227
- padding: 0 12rem;
228
- }
229
- }
230
-
231
325
  /* Footer */
232
326
  .tsd-generator {
233
327
  border-top: 1px solid var(--color-accent);
@@ -243,26 +337,9 @@ dd {
243
337
  }
244
338
 
245
339
  .container-main {
246
- display: flex;
247
- justify-content: space-between;
248
- position: relative;
249
340
  margin: 0 auto;
250
- }
251
-
252
- .col-4,
253
- .col-8 {
254
- box-sizing: border-box;
255
- float: left;
256
- padding: 2rem 1rem;
257
- }
258
-
259
- .col-4 {
260
- flex: 0 0 25%;
261
- }
262
- .col-8 {
263
- flex: 1 0;
264
- flex-wrap: wrap;
265
- padding-left: 0;
341
+ /* toolbar, footer, margin */
342
+ min-height: calc(100vh - 41px - 56px - 4rem);
266
343
  }
267
344
 
268
345
  @keyframes fade-in {
@@ -305,22 +382,6 @@ dd {
305
382
  opacity: 0;
306
383
  }
307
384
  }
308
- @keyframes shift-to-left {
309
- from {
310
- transform: translate(0, 0);
311
- }
312
- to {
313
- transform: translate(-25%, 0);
314
- }
315
- }
316
- @keyframes unshift-to-left {
317
- from {
318
- transform: translate(-25%, 0);
319
- }
320
- to {
321
- transform: translate(0, 0);
322
- }
323
- }
324
385
  @keyframes pop-in-from-right {
325
386
  from {
326
387
  transform: translate(100%, 0);
@@ -369,13 +430,29 @@ pre {
369
430
  }
370
431
 
371
432
  pre {
433
+ position: relative;
434
+ white-space: pre;
435
+ white-space: pre-wrap;
436
+ word-wrap: break-word;
372
437
  padding: 10px;
373
- border: 0.1em solid var(--color-accent);
438
+ border: 1px solid var(--color-accent);
374
439
  }
375
440
  pre code {
376
441
  padding: 0;
377
442
  font-size: 100%;
378
443
  }
444
+ pre > button {
445
+ position: absolute;
446
+ top: 10px;
447
+ right: 10px;
448
+ opacity: 0;
449
+ transition: opacity 0.1s;
450
+ box-sizing: border-box;
451
+ }
452
+ pre:hover > button,
453
+ pre > button.visible {
454
+ opacity: 1;
455
+ }
379
456
 
380
457
  blockquote {
381
458
  margin: 1em 0;
@@ -409,92 +486,6 @@ blockquote {
409
486
  margin: 1em 0;
410
487
  }
411
488
 
412
- @media (max-width: 1024px) {
413
- html .col-content {
414
- float: none;
415
- max-width: 100%;
416
- width: 100%;
417
- padding-top: 3rem;
418
- }
419
- html .col-menu {
420
- position: fixed !important;
421
- overflow-y: auto;
422
- -webkit-overflow-scrolling: touch;
423
- z-index: 1024;
424
- top: 0 !important;
425
- bottom: 0 !important;
426
- left: auto !important;
427
- right: 0 !important;
428
- padding: 1.5rem 1.5rem 0 0;
429
- max-width: 25rem;
430
- visibility: hidden;
431
- background-color: var(--color-background);
432
- transform: translate(100%, 0);
433
- }
434
- html .col-menu > *:last-child {
435
- padding-bottom: 20px;
436
- }
437
- html .overlay {
438
- content: "";
439
- display: block;
440
- position: fixed;
441
- z-index: 1023;
442
- top: 0;
443
- left: 0;
444
- right: 0;
445
- bottom: 0;
446
- background-color: rgba(0, 0, 0, 0.75);
447
- visibility: hidden;
448
- }
449
-
450
- .to-has-menu .overlay {
451
- animation: fade-in 0.4s;
452
- }
453
-
454
- .to-has-menu :is(header, footer, .col-content) {
455
- animation: shift-to-left 0.4s;
456
- }
457
-
458
- .to-has-menu .col-menu {
459
- animation: pop-in-from-right 0.4s;
460
- }
461
-
462
- .from-has-menu .overlay {
463
- animation: fade-out 0.4s;
464
- }
465
-
466
- .from-has-menu :is(header, footer, .col-content) {
467
- animation: unshift-to-left 0.4s;
468
- }
469
-
470
- .from-has-menu .col-menu {
471
- animation: pop-out-to-right 0.4s;
472
- }
473
-
474
- .has-menu body {
475
- overflow: hidden;
476
- }
477
- .has-menu .overlay {
478
- visibility: visible;
479
- }
480
- .has-menu :is(header, footer, .col-content) {
481
- transform: translate(-25%, 0);
482
- }
483
- .has-menu .col-menu {
484
- visibility: visible;
485
- transform: translate(0, 0);
486
- display: grid;
487
- align-items: center;
488
- grid-template-rows: auto 1fr;
489
- grid-gap: 1.5rem;
490
- max-height: 100vh;
491
- padding: 1rem 2rem;
492
- }
493
- .has-menu .tsd-navigation {
494
- max-height: 100%;
495
- }
496
- }
497
-
498
489
  .tsd-breadcrumb {
499
490
  margin: 0;
500
491
  padding: 0;
@@ -673,43 +664,6 @@ input[type="checkbox"]:checked ~ svg .tsd-checkbox-checkmark {
673
664
  -o-page-break-inside: avoid;
674
665
  page-break-inside: avoid;
675
666
  }
676
- .tsd-index-panel a,
677
- .tsd-index-panel a.tsd-parent-kind-module {
678
- color: var(--color-ts);
679
- }
680
- .tsd-index-panel a.tsd-parent-kind-interface {
681
- color: var(--color-ts-interface);
682
- }
683
- .tsd-index-panel a.tsd-parent-kind-enum {
684
- color: var(--color-ts-enum);
685
- }
686
- .tsd-index-panel a.tsd-parent-kind-class {
687
- color: var(--color-ts-class);
688
- }
689
- .tsd-index-panel a.tsd-kind-module {
690
- color: var(--color-ts-namespace);
691
- }
692
- .tsd-index-panel a.tsd-kind-interface {
693
- color: var(--color-ts-interface);
694
- }
695
- .tsd-index-panel a.tsd-kind-enum {
696
- color: var(--color-ts-enum);
697
- }
698
- .tsd-index-panel a.tsd-kind-class {
699
- color: var(--color-ts-class);
700
- }
701
- .tsd-index-panel a.tsd-kind-function {
702
- color: var(--color-ts-function);
703
- }
704
- .tsd-index-panel a.tsd-kind-namespace {
705
- color: var(--color-ts-namespace);
706
- }
707
- .tsd-index-panel a.tsd-kind-variable {
708
- color: var(--color-ts-variable);
709
- }
710
- .tsd-index-panel a.tsd-is-private {
711
- color: var(--color-ts-private);
712
- }
713
667
 
714
668
  .tsd-flag {
715
669
  display: inline-block;
@@ -724,7 +678,7 @@ input[type="checkbox"]:checked ~ svg .tsd-checkbox-checkmark {
724
678
  }
725
679
 
726
680
  .tsd-anchor {
727
- position: absolute;
681
+ position: relative;
728
682
  top: -100px;
729
683
  }
730
684
 
@@ -738,108 +692,64 @@ input[type="checkbox"]:checked ~ svg .tsd-checkbox-checkmark {
738
692
  margin-bottom: 0;
739
693
  border-bottom: none;
740
694
  }
741
- .tsd-member [data-tsd-kind] {
742
- color: var(--color-ts);
743
- }
744
- .tsd-member [data-tsd-kind="Interface"] {
745
- color: var(--color-ts-interface);
746
- }
747
- .tsd-member [data-tsd-kind="Enum"] {
748
- color: var(--color-ts-enum);
749
- }
750
- .tsd-member [data-tsd-kind="Class"] {
751
- color: var(--color-ts-class);
695
+
696
+ .tsd-navigation.settings {
697
+ margin: 1rem 0;
752
698
  }
753
- .tsd-member [data-tsd-kind="Private"] {
754
- color: var(--color-ts-private);
699
+ .tsd-navigation > a,
700
+ .tsd-navigation .tsd-accordion-summary {
701
+ width: calc(100% - 0.5rem);
755
702
  }
756
-
757
- .tsd-navigation a {
758
- display: block;
759
- margin: 0.4rem 0;
760
- border-left: 2px solid transparent;
703
+ .tsd-navigation a,
704
+ .tsd-navigation summary > span,
705
+ .tsd-page-navigation a {
706
+ display: inline-flex;
707
+ align-items: center;
708
+ padding: 0.25rem;
761
709
  color: var(--color-text);
762
710
  text-decoration: none;
763
- transition: border-left-color 0.1s;
711
+ box-sizing: border-box;
764
712
  }
765
- .tsd-navigation a:hover {
713
+ .tsd-navigation a.current,
714
+ .tsd-page-navigation a.current {
715
+ background: var(--color-active-menu-item);
716
+ }
717
+ .tsd-navigation a:hover,
718
+ .tsd-page-navigation a:hover {
766
719
  text-decoration: underline;
767
720
  }
768
- .tsd-navigation ul {
769
- margin: 0;
721
+ .tsd-navigation ul,
722
+ .tsd-page-navigation ul {
723
+ margin-top: 0;
724
+ margin-bottom: 0;
770
725
  padding: 0;
771
726
  list-style: none;
772
727
  }
773
- .tsd-navigation li {
728
+ .tsd-navigation li,
729
+ .tsd-page-navigation li {
774
730
  padding: 0;
731
+ max-width: 100%;
775
732
  }
776
-
777
- .tsd-navigation.primary .tsd-accordion-details > ul {
778
- margin-top: 0.75rem;
733
+ .tsd-nested-navigation {
734
+ margin-left: 3rem;
779
735
  }
780
- .tsd-navigation.primary a {
781
- padding: 0.75rem 0.5rem;
782
- margin: 0;
736
+ .tsd-nested-navigation > li > details {
737
+ margin-left: -1.5rem;
783
738
  }
784
- .tsd-navigation.primary ul li a {
785
- margin-left: 0.5rem;
786
- }
787
- .tsd-navigation.primary ul li li a {
739
+ .tsd-small-nested-navigation {
788
740
  margin-left: 1.5rem;
789
741
  }
790
- .tsd-navigation.primary ul li li li a {
791
- margin-left: 2.5rem;
792
- }
793
- .tsd-navigation.primary ul li li li li a {
794
- margin-left: 3.5rem;
795
- }
796
- .tsd-navigation.primary ul li li li li li a {
797
- margin-left: 4.5rem;
798
- }
799
- .tsd-navigation.primary ul li li li li li li a {
800
- margin-left: 5.5rem;
801
- }
802
- .tsd-navigation.primary li.current > a {
803
- border-left: 0.15rem var(--color-text) solid;
804
- }
805
- .tsd-navigation.primary li.selected > a {
806
- font-weight: bold;
807
- border-left: 0.2rem var(--color-text) solid;
808
- }
809
- .tsd-navigation.primary ul li a:hover {
810
- border-left: 0.2rem var(--color-text-aside) solid;
811
- }
812
- .tsd-navigation.primary li.globals + li > span,
813
- .tsd-navigation.primary li.globals + li > a {
814
- padding-top: 20px;
742
+ .tsd-small-nested-navigation > li > details {
743
+ margin-left: -1.5rem;
815
744
  }
816
745
 
817
- .tsd-navigation.secondary.tsd-navigation--toolbar-hide {
818
- max-height: calc(100vh - 1rem);
819
- top: 0.5rem;
820
- }
821
- .tsd-navigation.secondary > ul {
822
- display: inline;
823
- padding-right: 0.5rem;
824
- transition: opacity 0.2s;
746
+ .tsd-nested-navigation > li > a,
747
+ .tsd-nested-navigation > li > span {
748
+ width: calc(100% - 1.75rem - 0.5rem);
825
749
  }
826
- .tsd-navigation.secondary ul li a {
827
- padding-left: 0;
828
- }
829
- .tsd-navigation.secondary ul li li a {
830
- padding-left: 1.1rem;
831
- }
832
- .tsd-navigation.secondary ul li li li a {
833
- padding-left: 2.2rem;
834
- }
835
- .tsd-navigation.secondary ul li li li li a {
836
- padding-left: 3.3rem;
837
- }
838
- .tsd-navigation.secondary ul li li li li li a {
839
- padding-left: 4.4rem;
840
- }
841
- .tsd-navigation.secondary ul li li li li li li a {
842
- padding-left: 5.5rem;
750
+
751
+ .tsd-page-navigation ul {
752
+ padding-left: 1.75rem;
843
753
  }
844
754
 
845
755
  #tsd-sidebar-links a {
@@ -852,41 +762,40 @@ input[type="checkbox"]:checked ~ svg .tsd-checkbox-checkmark {
852
762
  }
853
763
 
854
764
  a.tsd-index-link {
855
- margin: 0.25rem 0;
765
+ padding: 0.25rem 0 !important;
856
766
  font-size: 1rem;
857
767
  line-height: 1.25rem;
858
768
  display: inline-flex;
859
769
  align-items: center;
770
+ color: var(--color-text);
860
771
  }
861
- .tsd-accordion-summary > h1,
862
- .tsd-accordion-summary > h2,
863
- .tsd-accordion-summary > h3,
864
- .tsd-accordion-summary > h4,
865
- .tsd-accordion-summary > h5 {
866
- display: inline-flex;
867
- align-items: center;
868
- vertical-align: middle;
869
- margin-bottom: 0;
772
+ .tsd-accordion-summary {
773
+ list-style-type: none; /* hide marker on non-safari */
774
+ outline: none; /* broken on safari, so just hide it */
775
+ }
776
+ .tsd-accordion-summary::-webkit-details-marker {
777
+ display: none; /* hide marker on safari */
778
+ }
779
+ .tsd-accordion-summary,
780
+ .tsd-accordion-summary a {
870
781
  user-select: none;
871
782
  -moz-user-select: none;
872
783
  -webkit-user-select: none;
873
784
  -ms-user-select: none;
874
- }
875
- .tsd-accordion-summary {
876
- display: block;
785
+
877
786
  cursor: pointer;
878
787
  }
788
+ .tsd-accordion-summary a {
789
+ width: calc(100% - 1.5rem);
790
+ }
879
791
  .tsd-accordion-summary > * {
880
792
  margin-top: 0;
881
793
  margin-bottom: 0;
882
794
  padding-top: 0;
883
795
  padding-bottom: 0;
884
796
  }
885
- .tsd-accordion-summary::-webkit-details-marker {
886
- display: none;
887
- }
888
- .tsd-index-accordion .tsd-accordion-summary svg {
889
- margin-right: 0.25rem;
797
+ .tsd-index-accordion .tsd-accordion-summary > svg {
798
+ margin-left: 0.25rem;
890
799
  }
891
800
  .tsd-index-content > :not(:first-child) {
892
801
  margin-top: 0.75rem;
@@ -911,34 +820,6 @@ a.tsd-index-link {
911
820
  margin-right: 0.8rem;
912
821
  }
913
822
 
914
- @media (min-width: 1024px) {
915
- .col-content {
916
- margin: 2rem auto;
917
- }
918
-
919
- .menu-sticky-wrap {
920
- position: sticky;
921
- height: calc(100vh - 2rem);
922
- top: 4rem;
923
- right: 0;
924
- padding: 0 1.5rem;
925
- padding-top: 1rem;
926
- margin-top: 3rem;
927
- transition: 0.3s ease-in-out;
928
- transition-property: top, padding-top, padding, height;
929
- overflow-y: auto;
930
- }
931
- .col-menu {
932
- border-left: 1px solid var(--color-accent);
933
- }
934
- .col-menu--hide {
935
- top: 1rem;
936
- }
937
- .col-menu .tsd-navigation:not(:last-child) {
938
- padding-bottom: 1.75rem;
939
- }
940
- }
941
-
942
823
  .tsd-panel {
943
824
  margin-bottom: 2.5rem;
944
825
  }
@@ -1144,7 +1025,7 @@ ul.tsd-type-parameter-list h5 {
1144
1025
  }
1145
1026
 
1146
1027
  .tsd-page-toolbar {
1147
- position: fixed;
1028
+ position: sticky;
1148
1029
  z-index: 1;
1149
1030
  top: 0;
1150
1031
  left: 0;
@@ -1184,10 +1065,6 @@ ul.tsd-type-parameter-list h5 {
1184
1065
  padding: 12px 0;
1185
1066
  }
1186
1067
 
1187
- .tsd-page-toolbar--hide {
1188
- transform: translateY(-100%);
1189
- }
1190
-
1191
1068
  .tsd-widget {
1192
1069
  display: inline-block;
1193
1070
  overflow: hidden;
@@ -1215,12 +1092,6 @@ ul.tsd-type-parameter-list h5 {
1215
1092
  .tsd-widget.menu {
1216
1093
  display: none;
1217
1094
  }
1218
- @media (max-width: 1024px) {
1219
- .tsd-widget.options,
1220
- .tsd-widget.menu {
1221
- display: inline-block;
1222
- }
1223
- }
1224
1095
  input[type="checkbox"] + .tsd-widget:before {
1225
1096
  background-position: -120px 0;
1226
1097
  }
@@ -1260,6 +1131,78 @@ img {
1260
1131
  background: var(--color-background-warning);
1261
1132
  }
1262
1133
 
1134
+ .tsd-kind-project {
1135
+ color: var(--color-ts-project);
1136
+ }
1137
+ .tsd-kind-module {
1138
+ color: var(--color-ts-module);
1139
+ }
1140
+ .tsd-kind-namespace {
1141
+ color: var(--color-ts-namespace);
1142
+ }
1143
+ .tsd-kind-enum {
1144
+ color: var(--color-ts-enum);
1145
+ }
1146
+ .tsd-kind-enum-member {
1147
+ color: var(--color-ts-enum-member);
1148
+ }
1149
+ .tsd-kind-variable {
1150
+ color: var(--color-ts-variable);
1151
+ }
1152
+ .tsd-kind-function {
1153
+ color: var(--color-ts-function);
1154
+ }
1155
+ .tsd-kind-class {
1156
+ color: var(--color-ts-class);
1157
+ }
1158
+ .tsd-kind-interface {
1159
+ color: var(--color-ts-interface);
1160
+ }
1161
+ .tsd-kind-constructor {
1162
+ color: var(--color-ts-constructor);
1163
+ }
1164
+ .tsd-kind-property {
1165
+ color: var(--color-ts-property);
1166
+ }
1167
+ .tsd-kind-method {
1168
+ color: var(--color-ts-method);
1169
+ }
1170
+ .tsd-kind-call-signature {
1171
+ color: var(--color-ts-call-signature);
1172
+ }
1173
+ .tsd-kind-index-signature {
1174
+ color: var(--color-ts-index-signature);
1175
+ }
1176
+ .tsd-kind-constructor-signature {
1177
+ color: var(--color-ts-constructor-signature);
1178
+ }
1179
+ .tsd-kind-parameter {
1180
+ color: var(--color-ts-parameter);
1181
+ }
1182
+ .tsd-kind-type-literal {
1183
+ color: var(--color-ts-type-literal);
1184
+ }
1185
+ .tsd-kind-type-parameter {
1186
+ color: var(--color-ts-type-parameter);
1187
+ }
1188
+ .tsd-kind-accessor {
1189
+ color: var(--color-ts-accessor);
1190
+ }
1191
+ .tsd-kind-get-signature {
1192
+ color: var(--color-ts-get-signature);
1193
+ }
1194
+ .tsd-kind-set-signature {
1195
+ color: var(--color-ts-set-signature);
1196
+ }
1197
+ .tsd-kind-type-alias {
1198
+ color: var(--color-ts-type-alias);
1199
+ }
1200
+
1201
+ /* if we have a kind icon, don't color the text by kind */
1202
+ .tsd-kind-icon ~ span {
1203
+ color: var(--color-text);
1204
+ }
1205
+
1263
1206
  * {
1264
1207
  scrollbar-width: thin;
1265
1208
  scrollbar-color: var(--color-accent) var(--color-icon-background);
@@ -1278,3 +1221,147 @@ img {
1278
1221
  border-radius: 999rem;
1279
1222
  border: 0.25rem solid var(--color-icon-background);
1280
1223
  }
1224
+
1225
+ /* mobile */
1226
+ @media (max-width: 769px) {
1227
+ .tsd-widget.options,
1228
+ .tsd-widget.menu {
1229
+ display: inline-block;
1230
+ }
1231
+
1232
+ .container-main {
1233
+ display: flex;
1234
+ }
1235
+ html .col-content {
1236
+ float: none;
1237
+ max-width: 100%;
1238
+ width: 100%;
1239
+ }
1240
+ html .col-sidebar {
1241
+ position: fixed !important;
1242
+ overflow-y: auto;
1243
+ -webkit-overflow-scrolling: touch;
1244
+ z-index: 1024;
1245
+ top: 0 !important;
1246
+ bottom: 0 !important;
1247
+ left: auto !important;
1248
+ right: 0 !important;
1249
+ padding: 1.5rem 1.5rem 0 0;
1250
+ width: 75vw;
1251
+ visibility: hidden;
1252
+ background-color: var(--color-background);
1253
+ transform: translate(100%, 0);
1254
+ }
1255
+ html .col-sidebar > *:last-child {
1256
+ padding-bottom: 20px;
1257
+ }
1258
+ html .overlay {
1259
+ content: "";
1260
+ display: block;
1261
+ position: fixed;
1262
+ z-index: 1023;
1263
+ top: 0;
1264
+ left: 0;
1265
+ right: 0;
1266
+ bottom: 0;
1267
+ background-color: rgba(0, 0, 0, 0.75);
1268
+ visibility: hidden;
1269
+ }
1270
+
1271
+ .to-has-menu .overlay {
1272
+ animation: fade-in 0.4s;
1273
+ }
1274
+
1275
+ .to-has-menu .col-sidebar {
1276
+ animation: pop-in-from-right 0.4s;
1277
+ }
1278
+
1279
+ .from-has-menu .overlay {
1280
+ animation: fade-out 0.4s;
1281
+ }
1282
+
1283
+ .from-has-menu .col-sidebar {
1284
+ animation: pop-out-to-right 0.4s;
1285
+ }
1286
+
1287
+ .has-menu body {
1288
+ overflow: hidden;
1289
+ }
1290
+ .has-menu .overlay {
1291
+ visibility: visible;
1292
+ }
1293
+ .has-menu .col-sidebar {
1294
+ visibility: visible;
1295
+ transform: translate(0, 0);
1296
+ display: flex;
1297
+ flex-direction: column;
1298
+ gap: 1.5rem;
1299
+ max-height: 100vh;
1300
+ padding: 1rem 2rem;
1301
+ }
1302
+ .has-menu .tsd-navigation {
1303
+ max-height: 100%;
1304
+ }
1305
+ }
1306
+
1307
+ /* one sidebar */
1308
+ @media (min-width: 770px) {
1309
+ .container-main {
1310
+ display: grid;
1311
+ grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
1312
+ grid-template-areas: "sidebar content";
1313
+ margin: 2rem auto;
1314
+ }
1315
+
1316
+ .col-sidebar {
1317
+ grid-area: sidebar;
1318
+ }
1319
+ .col-content {
1320
+ grid-area: content;
1321
+ padding: 0 1rem;
1322
+ }
1323
+ }
1324
+ @media (min-width: 770px) and (max-width: 1399px) {
1325
+ .col-sidebar {
1326
+ max-height: calc(100vh - 2rem - 42px);
1327
+ overflow: auto;
1328
+ position: sticky;
1329
+ top: 42px;
1330
+ padding-top: 1rem;
1331
+ }
1332
+ .site-menu {
1333
+ margin-top: 1rem;
1334
+ }
1335
+ }
1336
+
1337
+ /* two sidebars */
1338
+ @media (min-width: 1200px) {
1339
+ .container-main {
1340
+ grid-template-columns: minmax(0, 1fr) minmax(0, 2.5fr) minmax(0, 20rem);
1341
+ grid-template-areas: "sidebar content toc";
1342
+ }
1343
+
1344
+ .col-sidebar {
1345
+ display: contents;
1346
+ }
1347
+
1348
+ .page-menu {
1349
+ grid-area: toc;
1350
+ padding-left: 1rem;
1351
+ }
1352
+ .site-menu {
1353
+ grid-area: sidebar;
1354
+ }
1355
+
1356
+ .site-menu {
1357
+ margin-top: 1rem 0;
1358
+ }
1359
+
1360
+ .page-menu,
1361
+ .site-menu {
1362
+ max-height: calc(100vh - 2rem - 42px);
1363
+ overflow: auto;
1364
+ position: sticky;
1365
+ top: 42px;
1366
+ }
1367
+ }