@scalar/express-api-reference 0.3.41 → 0.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.cjs +66 -66
  2. package/dist/index.d.cts +1 -1
  3. package/dist/index.d.ts +1 -1
  4. package/dist/index.js +66 -66
  5. package/package.json +4 -4
package/dist/index.cjs CHANGED
@@ -29,100 +29,100 @@ module.exports = __toCommonJS(src_exports);
29
29
  // src/expressApiReference.ts
30
30
  var customThemeCSS = `
31
31
  :root {
32
- --theme-font: 'Inter', var(--system-fonts);
32
+ --scalar-font: 'Inter', var(--system-fonts);
33
33
  }
34
34
  /* basic theme */
35
35
  .light-mode {
36
- --theme-color-1: #353535;
37
- --theme-color-2: #555555;
38
- --theme-color-3: #aeaeae;
39
- --theme-color-accent: #259dff;
36
+ --scalar-color-1: #353535;
37
+ --scalar-color-2: #555555;
38
+ --scalar-color-3: #aeaeae;
39
+ --scalar-color-accent: #259dff;
40
40
 
41
- --theme-background-1: #fff;
42
- --theme-background-2: #f7f7f7;
43
- --theme-background-3: #dadada;
44
- --theme-background-accent: #E0F5FF;
41
+ --scalar-background-1: #fff;
42
+ --scalar-background-2: #f7f7f7;
43
+ --scalar-background-3: #dadada;
44
+ --scalar-background-accent: #E0F5FF;
45
45
 
46
- --theme-border-color: rgba(0, 0, 0, 0.1);
46
+ --scalar-border-color: rgba(0, 0, 0, 0.1);
47
47
  }
48
48
  .dark-mode {
49
- --theme-color-1: rgba(255, 255, 255, 0.9);
50
- --theme-color-2: rgba(255, 255, 255, 0.62);
51
- --theme-color-3: rgba(255, 255, 255, 0.44);
52
- --theme-color-accent: #8ab4f8;
49
+ --scalar-color-1: rgba(255, 255, 255, 0.9);
50
+ --scalar-color-2: rgba(255, 255, 255, 0.62);
51
+ --scalar-color-3: rgba(255, 255, 255, 0.44);
52
+ --scalar-color-accent: #8ab4f8;
53
53
 
54
- --theme-background-1: #1a1a1a;
55
- --theme-background-2: #252525;
56
- --theme-background-3: #323232;
57
- --theme-background-accent: #8ab4f81f;
54
+ --scalar-background-1: #1a1a1a;
55
+ --scalar-background-2: #252525;
56
+ --scalar-background-3: #323232;
57
+ --scalar-background-accent: #8ab4f81f;
58
58
 
59
- --theme-border-color: rgba(255, 255, 255, 0.1);
59
+ --scalar-border-color: rgba(255, 255, 255, 0.1);
60
60
  }
61
61
 
62
62
  /* Document Sidebar */
63
63
  .light-mode .t-doc__sidebar {
64
- --sidebar-background-1: var(--theme-background-1);
65
- --sidebar-item-hover-color: currentColor;
66
- --sidebar-item-hover-background: var(--theme-background-2);
67
- --sidebar-item-active-background: var(--theme-background-accent);
68
- --sidebar-border-color: var(--theme-border-color);
69
- --sidebar-color-1: var(--theme-color-1);
70
- --sidebar-color-2: var(--theme-color-2);
71
- --sidebar-color-active: var(--theme-color-accent);
72
- --sidebar-search-background: transparent;
73
- --sidebar-search-border-color: var(--theme-border-color);
74
- --sidebar-search-color: var(--theme-color-3);
64
+ --scalar-sidebar-background-1: var(--scalar-background-1);
65
+ --scalar-sidebar-item-hover-color: currentColor;
66
+ --scalar-sidebar-item-hover-background: var(--scalar-background-2);
67
+ --scalar-sidebar-item-active-background: var(--scalar-background-accent);
68
+ --scalar-sidebar-border-color: var(--scalar-border-color);
69
+ --scalar-sidebar-color-1: var(--scalar-color-1);
70
+ --scalar-sidebar-color-2: var(--scalar-color-2);
71
+ --scalar-sidebar-color-active: var(--scalar-color-accent);
72
+ --scalar-sidebar-search-background: transparent;
73
+ --scalar-sidebar-search-border-color: var(--scalar-border-color);
74
+ --scalar-sidebar-search-color: var(--scalar-color-3);
75
75
  }
76
76
 
77
77
  .dark-mode .sidebar {
78
- --sidebar-background-1: var(--theme-background-1);
79
- --sidebar-item-hover-color: currentColor;
80
- --sidebar-item-hover-background: var(--theme-background-2);
81
- --sidebar-item-active-background: var(--theme-background-accent);
82
- --sidebar-border-color: var(--theme-border-color);
83
- --sidebar-color-1: var(--theme-color-1);
84
- --sidebar-color-2: var(--theme-color-2);
85
- --sidebar-color-active: var(--theme-color-accent);
86
- --sidebar-search-background: transparent;
87
- --sidebar-search-border-color: var(--theme-border-color);
88
- --sidebar-search-color: var(--theme-color-3);
78
+ --scalar-sidebar-background-1: var(--scalar-background-1);
79
+ --scalar-sidebar-item-hover-color: currentColor;
80
+ --scalar-sidebar-item-hover-background: var(--scalar-background-2);
81
+ --scalar-sidebar-item-active-background: var(--scalar-background-accent);
82
+ --scalar-sidebar-border-color: var(--scalar-border-color);
83
+ --scalar-sidebar-color-1: var(--scalar-color-1);
84
+ --scalar-sidebar-color-2: var(--scalar-color-2);
85
+ --scalar-sidebar-color-active: var(--scalar-color-accent);
86
+ --scalar-sidebar-search-background: transparent;
87
+ --scalar-sidebar-search-border-color: var(--scalar-border-color);
88
+ --scalar-sidebar-search-color: var(--scalar-color-3);
89
89
  }
90
90
 
91
91
  /* advanced */
92
92
  .light-mode {
93
- --theme-button-1: rgb(49 53 56);
94
- --theme-button-1-color: #fff;
95
- --theme-button-1-hover: rgb(28 31 33);
93
+ --scalar-button-1: rgb(49 53 56);
94
+ --scalar-button-1-color: #fff;
95
+ --scalar-button-1-hover: rgb(28 31 33);
96
96
 
97
- --theme-color-green: #669900;
98
- --theme-color-red: #dc4a68;
99
- --theme-color-yellow: #edbe20;
100
- --theme-color-blue: #0277aa;
101
- --theme-color-orange: #fb892c;
102
- --theme-color-purple: #5203d1;
97
+ --scalar-color-green: #669900;
98
+ --scalar-color-red: #dc4a68;
99
+ --scalar-color-yellow: #edbe20;
100
+ --scalar-color-blue: #0277aa;
101
+ --scalar-color-orange: #fb892c;
102
+ --scalar-color-purple: #5203d1;
103
103
 
104
- --theme-scrollbar-color: rgba(0, 0, 0, 0.18);
105
- --theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);
104
+ --scalar-scrollbar-color: rgba(0, 0, 0, 0.18);
105
+ --scalar-scrollbar-color-active: rgba(0, 0, 0, 0.36);
106
106
  }
107
107
  .dark-mode {
108
- --theme-button-1: #f6f6f6;
109
- --theme-button-1-color: #000;
110
- --theme-button-1-hover: #e7e7e7;
108
+ --scalar-button-1: #f6f6f6;
109
+ --scalar-button-1-color: #000;
110
+ --scalar-button-1-hover: #e7e7e7;
111
111
 
112
- --theme-color-green: #00b648;
113
- --theme-color-red: #dc1b19;
114
- --theme-color-yellow: #ffc90d;
115
- --theme-color-blue: #4eb3ec;
116
- --theme-color-orange: #ff8d4d;
117
- --theme-color-purple: #b191f9;
112
+ --scalar-color-green: #00b648;
113
+ --scalar-color-red: #dc1b19;
114
+ --scalar-color-yellow: #ffc90d;
115
+ --scalar-color-blue: #4eb3ec;
116
+ --scalar-color-orange: #ff8d4d;
117
+ --scalar-color-purple: #b191f9;
118
118
 
119
- --theme-scrollbar-color: rgba(255, 255, 255, 0.24);
120
- --theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);
119
+ --scalar-scrollbar-color: rgba(255, 255, 255, 0.24);
120
+ --scalar-scrollbar-color-active: rgba(255, 255, 255, 0.48);
121
121
  }
122
122
  :root {
123
- --theme-radius: 3px;
124
- --theme-radius-lg: 3px;
125
- --theme-radius-xl: 3px;
123
+ --scalar-radius: 3px;
124
+ --scalar-radius-lg: 3px;
125
+ --scalar-radius-xl: 3px;
126
126
  }
127
127
  `;
128
128
  var ApiReference = (options) => {
package/dist/index.d.cts CHANGED
@@ -7,7 +7,7 @@ type ApiReferenceOptions = ReferenceConfiguration & {
7
7
  /**
8
8
  * The custom theme CSS for the API Reference.
9
9
  */
10
- declare const customThemeCSS = "\n:root {\n --theme-font: 'Inter', var(--system-fonts);\n}\n/* basic theme */\n.light-mode {\n --theme-color-1: #353535;\n --theme-color-2: #555555;\n --theme-color-3: #aeaeae;\n --theme-color-accent: #259dff;\n\n --theme-background-1: #fff;\n --theme-background-2: #f7f7f7;\n --theme-background-3: #dadada;\n --theme-background-accent: #E0F5FF;\n\n --theme-border-color: rgba(0, 0, 0, 0.1);\n}\n.dark-mode {\n --theme-color-1: rgba(255, 255, 255, 0.9);\n --theme-color-2: rgba(255, 255, 255, 0.62);\n --theme-color-3: rgba(255, 255, 255, 0.44);\n --theme-color-accent: #8ab4f8;\n\n --theme-background-1: #1a1a1a;\n --theme-background-2: #252525;\n --theme-background-3: #323232;\n --theme-background-accent: #8ab4f81f;\n\n --theme-border-color: rgba(255, 255, 255, 0.1);\n}\n\n/* Document Sidebar */\n.light-mode .t-doc__sidebar {\n --sidebar-background-1: var(--theme-background-1);\n --sidebar-item-hover-color: currentColor;\n --sidebar-item-hover-background: var(--theme-background-2);\n --sidebar-item-active-background: var(--theme-background-accent);\n --sidebar-border-color: var(--theme-border-color);\n --sidebar-color-1: var(--theme-color-1);\n --sidebar-color-2: var(--theme-color-2);\n --sidebar-color-active: var(--theme-color-accent);\n --sidebar-search-background: transparent;\n --sidebar-search-border-color: var(--theme-border-color);\n --sidebar-search-color: var(--theme-color-3);\n}\n\n.dark-mode .sidebar {\n --sidebar-background-1: var(--theme-background-1);\n --sidebar-item-hover-color: currentColor;\n --sidebar-item-hover-background: var(--theme-background-2);\n --sidebar-item-active-background: var(--theme-background-accent);\n --sidebar-border-color: var(--theme-border-color);\n --sidebar-color-1: var(--theme-color-1);\n --sidebar-color-2: var(--theme-color-2);\n --sidebar-color-active: var(--theme-color-accent);\n --sidebar-search-background: transparent;\n --sidebar-search-border-color: var(--theme-border-color);\n --sidebar-search-color: var(--theme-color-3);\n}\n\n/* advanced */\n.light-mode {\n --theme-button-1: rgb(49 53 56);\n --theme-button-1-color: #fff;\n --theme-button-1-hover: rgb(28 31 33);\n\n --theme-color-green: #669900;\n --theme-color-red: #dc4a68;\n --theme-color-yellow: #edbe20;\n --theme-color-blue: #0277aa;\n --theme-color-orange: #fb892c;\n --theme-color-purple: #5203d1;\n\n --theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n}\n.dark-mode {\n --theme-button-1: #f6f6f6;\n --theme-button-1-color: #000;\n --theme-button-1-hover: #e7e7e7;\n\n --theme-color-green: #00b648;\n --theme-color-red: #dc1b19;\n --theme-color-yellow: #ffc90d;\n --theme-color-blue: #4eb3ec;\n --theme-color-orange: #ff8d4d;\n --theme-color-purple: #b191f9;\n\n --theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n}\n:root {\n --theme-radius: 3px;\n --theme-radius-lg: 3px;\n --theme-radius-xl: 3px;\n}\n";
10
+ declare const customThemeCSS = "\n:root {\n --scalar-font: 'Inter', var(--system-fonts);\n}\n/* basic theme */\n.light-mode {\n --scalar-color-1: #353535;\n --scalar-color-2: #555555;\n --scalar-color-3: #aeaeae;\n --scalar-color-accent: #259dff;\n\n --scalar-background-1: #fff;\n --scalar-background-2: #f7f7f7;\n --scalar-background-3: #dadada;\n --scalar-background-accent: #E0F5FF;\n\n --scalar-border-color: rgba(0, 0, 0, 0.1);\n}\n.dark-mode {\n --scalar-color-1: rgba(255, 255, 255, 0.9);\n --scalar-color-2: rgba(255, 255, 255, 0.62);\n --scalar-color-3: rgba(255, 255, 255, 0.44);\n --scalar-color-accent: #8ab4f8;\n\n --scalar-background-1: #1a1a1a;\n --scalar-background-2: #252525;\n --scalar-background-3: #323232;\n --scalar-background-accent: #8ab4f81f;\n\n --scalar-border-color: rgba(255, 255, 255, 0.1);\n}\n\n/* Document Sidebar */\n.light-mode .t-doc__sidebar {\n --scalar-sidebar-background-1: var(--scalar-background-1);\n --scalar-sidebar-item-hover-color: currentColor;\n --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n --scalar-sidebar-item-active-background: var(--scalar-background-accent);\n --scalar-sidebar-border-color: var(--scalar-border-color);\n --scalar-sidebar-color-1: var(--scalar-color-1);\n --scalar-sidebar-color-2: var(--scalar-color-2);\n --scalar-sidebar-color-active: var(--scalar-color-accent);\n --scalar-sidebar-search-background: transparent;\n --scalar-sidebar-search-border-color: var(--scalar-border-color);\n --scalar-sidebar-search-color: var(--scalar-color-3);\n}\n\n.dark-mode .sidebar {\n --scalar-sidebar-background-1: var(--scalar-background-1);\n --scalar-sidebar-item-hover-color: currentColor;\n --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n --scalar-sidebar-item-active-background: var(--scalar-background-accent);\n --scalar-sidebar-border-color: var(--scalar-border-color);\n --scalar-sidebar-color-1: var(--scalar-color-1);\n --scalar-sidebar-color-2: var(--scalar-color-2);\n --scalar-sidebar-color-active: var(--scalar-color-accent);\n --scalar-sidebar-search-background: transparent;\n --scalar-sidebar-search-border-color: var(--scalar-border-color);\n --scalar-sidebar-search-color: var(--scalar-color-3);\n}\n\n/* advanced */\n.light-mode {\n --scalar-button-1: rgb(49 53 56);\n --scalar-button-1-color: #fff;\n --scalar-button-1-hover: rgb(28 31 33);\n\n --scalar-color-green: #669900;\n --scalar-color-red: #dc4a68;\n --scalar-color-yellow: #edbe20;\n --scalar-color-blue: #0277aa;\n --scalar-color-orange: #fb892c;\n --scalar-color-purple: #5203d1;\n\n --scalar-scrollbar-color: rgba(0, 0, 0, 0.18);\n --scalar-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n}\n.dark-mode {\n --scalar-button-1: #f6f6f6;\n --scalar-button-1-color: #000;\n --scalar-button-1-hover: #e7e7e7;\n\n --scalar-color-green: #00b648;\n --scalar-color-red: #dc1b19;\n --scalar-color-yellow: #ffc90d;\n --scalar-color-blue: #4eb3ec;\n --scalar-color-orange: #ff8d4d;\n --scalar-color-purple: #b191f9;\n\n --scalar-scrollbar-color: rgba(255, 255, 255, 0.24);\n --scalar-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n}\n:root {\n --scalar-radius: 3px;\n --scalar-radius-lg: 3px;\n --scalar-radius-xl: 3px;\n}\n";
11
11
  /**
12
12
  * The HTML to load the @scalar/api-reference package.
13
13
  */
package/dist/index.d.ts CHANGED
@@ -7,7 +7,7 @@ type ApiReferenceOptions = ReferenceConfiguration & {
7
7
  /**
8
8
  * The custom theme CSS for the API Reference.
9
9
  */
10
- declare const customThemeCSS = "\n:root {\n --theme-font: 'Inter', var(--system-fonts);\n}\n/* basic theme */\n.light-mode {\n --theme-color-1: #353535;\n --theme-color-2: #555555;\n --theme-color-3: #aeaeae;\n --theme-color-accent: #259dff;\n\n --theme-background-1: #fff;\n --theme-background-2: #f7f7f7;\n --theme-background-3: #dadada;\n --theme-background-accent: #E0F5FF;\n\n --theme-border-color: rgba(0, 0, 0, 0.1);\n}\n.dark-mode {\n --theme-color-1: rgba(255, 255, 255, 0.9);\n --theme-color-2: rgba(255, 255, 255, 0.62);\n --theme-color-3: rgba(255, 255, 255, 0.44);\n --theme-color-accent: #8ab4f8;\n\n --theme-background-1: #1a1a1a;\n --theme-background-2: #252525;\n --theme-background-3: #323232;\n --theme-background-accent: #8ab4f81f;\n\n --theme-border-color: rgba(255, 255, 255, 0.1);\n}\n\n/* Document Sidebar */\n.light-mode .t-doc__sidebar {\n --sidebar-background-1: var(--theme-background-1);\n --sidebar-item-hover-color: currentColor;\n --sidebar-item-hover-background: var(--theme-background-2);\n --sidebar-item-active-background: var(--theme-background-accent);\n --sidebar-border-color: var(--theme-border-color);\n --sidebar-color-1: var(--theme-color-1);\n --sidebar-color-2: var(--theme-color-2);\n --sidebar-color-active: var(--theme-color-accent);\n --sidebar-search-background: transparent;\n --sidebar-search-border-color: var(--theme-border-color);\n --sidebar-search-color: var(--theme-color-3);\n}\n\n.dark-mode .sidebar {\n --sidebar-background-1: var(--theme-background-1);\n --sidebar-item-hover-color: currentColor;\n --sidebar-item-hover-background: var(--theme-background-2);\n --sidebar-item-active-background: var(--theme-background-accent);\n --sidebar-border-color: var(--theme-border-color);\n --sidebar-color-1: var(--theme-color-1);\n --sidebar-color-2: var(--theme-color-2);\n --sidebar-color-active: var(--theme-color-accent);\n --sidebar-search-background: transparent;\n --sidebar-search-border-color: var(--theme-border-color);\n --sidebar-search-color: var(--theme-color-3);\n}\n\n/* advanced */\n.light-mode {\n --theme-button-1: rgb(49 53 56);\n --theme-button-1-color: #fff;\n --theme-button-1-hover: rgb(28 31 33);\n\n --theme-color-green: #669900;\n --theme-color-red: #dc4a68;\n --theme-color-yellow: #edbe20;\n --theme-color-blue: #0277aa;\n --theme-color-orange: #fb892c;\n --theme-color-purple: #5203d1;\n\n --theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n}\n.dark-mode {\n --theme-button-1: #f6f6f6;\n --theme-button-1-color: #000;\n --theme-button-1-hover: #e7e7e7;\n\n --theme-color-green: #00b648;\n --theme-color-red: #dc1b19;\n --theme-color-yellow: #ffc90d;\n --theme-color-blue: #4eb3ec;\n --theme-color-orange: #ff8d4d;\n --theme-color-purple: #b191f9;\n\n --theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n}\n:root {\n --theme-radius: 3px;\n --theme-radius-lg: 3px;\n --theme-radius-xl: 3px;\n}\n";
10
+ declare const customThemeCSS = "\n:root {\n --scalar-font: 'Inter', var(--system-fonts);\n}\n/* basic theme */\n.light-mode {\n --scalar-color-1: #353535;\n --scalar-color-2: #555555;\n --scalar-color-3: #aeaeae;\n --scalar-color-accent: #259dff;\n\n --scalar-background-1: #fff;\n --scalar-background-2: #f7f7f7;\n --scalar-background-3: #dadada;\n --scalar-background-accent: #E0F5FF;\n\n --scalar-border-color: rgba(0, 0, 0, 0.1);\n}\n.dark-mode {\n --scalar-color-1: rgba(255, 255, 255, 0.9);\n --scalar-color-2: rgba(255, 255, 255, 0.62);\n --scalar-color-3: rgba(255, 255, 255, 0.44);\n --scalar-color-accent: #8ab4f8;\n\n --scalar-background-1: #1a1a1a;\n --scalar-background-2: #252525;\n --scalar-background-3: #323232;\n --scalar-background-accent: #8ab4f81f;\n\n --scalar-border-color: rgba(255, 255, 255, 0.1);\n}\n\n/* Document Sidebar */\n.light-mode .t-doc__sidebar {\n --scalar-sidebar-background-1: var(--scalar-background-1);\n --scalar-sidebar-item-hover-color: currentColor;\n --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n --scalar-sidebar-item-active-background: var(--scalar-background-accent);\n --scalar-sidebar-border-color: var(--scalar-border-color);\n --scalar-sidebar-color-1: var(--scalar-color-1);\n --scalar-sidebar-color-2: var(--scalar-color-2);\n --scalar-sidebar-color-active: var(--scalar-color-accent);\n --scalar-sidebar-search-background: transparent;\n --scalar-sidebar-search-border-color: var(--scalar-border-color);\n --scalar-sidebar-search-color: var(--scalar-color-3);\n}\n\n.dark-mode .sidebar {\n --scalar-sidebar-background-1: var(--scalar-background-1);\n --scalar-sidebar-item-hover-color: currentColor;\n --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n --scalar-sidebar-item-active-background: var(--scalar-background-accent);\n --scalar-sidebar-border-color: var(--scalar-border-color);\n --scalar-sidebar-color-1: var(--scalar-color-1);\n --scalar-sidebar-color-2: var(--scalar-color-2);\n --scalar-sidebar-color-active: var(--scalar-color-accent);\n --scalar-sidebar-search-background: transparent;\n --scalar-sidebar-search-border-color: var(--scalar-border-color);\n --scalar-sidebar-search-color: var(--scalar-color-3);\n}\n\n/* advanced */\n.light-mode {\n --scalar-button-1: rgb(49 53 56);\n --scalar-button-1-color: #fff;\n --scalar-button-1-hover: rgb(28 31 33);\n\n --scalar-color-green: #669900;\n --scalar-color-red: #dc4a68;\n --scalar-color-yellow: #edbe20;\n --scalar-color-blue: #0277aa;\n --scalar-color-orange: #fb892c;\n --scalar-color-purple: #5203d1;\n\n --scalar-scrollbar-color: rgba(0, 0, 0, 0.18);\n --scalar-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n}\n.dark-mode {\n --scalar-button-1: #f6f6f6;\n --scalar-button-1-color: #000;\n --scalar-button-1-hover: #e7e7e7;\n\n --scalar-color-green: #00b648;\n --scalar-color-red: #dc1b19;\n --scalar-color-yellow: #ffc90d;\n --scalar-color-blue: #4eb3ec;\n --scalar-color-orange: #ff8d4d;\n --scalar-color-purple: #b191f9;\n\n --scalar-scrollbar-color: rgba(255, 255, 255, 0.24);\n --scalar-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n}\n:root {\n --scalar-radius: 3px;\n --scalar-radius-lg: 3px;\n --scalar-radius-xl: 3px;\n}\n";
11
11
  /**
12
12
  * The HTML to load the @scalar/api-reference package.
13
13
  */
package/dist/index.js CHANGED
@@ -1,100 +1,100 @@
1
1
  // src/expressApiReference.ts
2
2
  var customThemeCSS = `
3
3
  :root {
4
- --theme-font: 'Inter', var(--system-fonts);
4
+ --scalar-font: 'Inter', var(--system-fonts);
5
5
  }
6
6
  /* basic theme */
7
7
  .light-mode {
8
- --theme-color-1: #353535;
9
- --theme-color-2: #555555;
10
- --theme-color-3: #aeaeae;
11
- --theme-color-accent: #259dff;
8
+ --scalar-color-1: #353535;
9
+ --scalar-color-2: #555555;
10
+ --scalar-color-3: #aeaeae;
11
+ --scalar-color-accent: #259dff;
12
12
 
13
- --theme-background-1: #fff;
14
- --theme-background-2: #f7f7f7;
15
- --theme-background-3: #dadada;
16
- --theme-background-accent: #E0F5FF;
13
+ --scalar-background-1: #fff;
14
+ --scalar-background-2: #f7f7f7;
15
+ --scalar-background-3: #dadada;
16
+ --scalar-background-accent: #E0F5FF;
17
17
 
18
- --theme-border-color: rgba(0, 0, 0, 0.1);
18
+ --scalar-border-color: rgba(0, 0, 0, 0.1);
19
19
  }
20
20
  .dark-mode {
21
- --theme-color-1: rgba(255, 255, 255, 0.9);
22
- --theme-color-2: rgba(255, 255, 255, 0.62);
23
- --theme-color-3: rgba(255, 255, 255, 0.44);
24
- --theme-color-accent: #8ab4f8;
21
+ --scalar-color-1: rgba(255, 255, 255, 0.9);
22
+ --scalar-color-2: rgba(255, 255, 255, 0.62);
23
+ --scalar-color-3: rgba(255, 255, 255, 0.44);
24
+ --scalar-color-accent: #8ab4f8;
25
25
 
26
- --theme-background-1: #1a1a1a;
27
- --theme-background-2: #252525;
28
- --theme-background-3: #323232;
29
- --theme-background-accent: #8ab4f81f;
26
+ --scalar-background-1: #1a1a1a;
27
+ --scalar-background-2: #252525;
28
+ --scalar-background-3: #323232;
29
+ --scalar-background-accent: #8ab4f81f;
30
30
 
31
- --theme-border-color: rgba(255, 255, 255, 0.1);
31
+ --scalar-border-color: rgba(255, 255, 255, 0.1);
32
32
  }
33
33
 
34
34
  /* Document Sidebar */
35
35
  .light-mode .t-doc__sidebar {
36
- --sidebar-background-1: var(--theme-background-1);
37
- --sidebar-item-hover-color: currentColor;
38
- --sidebar-item-hover-background: var(--theme-background-2);
39
- --sidebar-item-active-background: var(--theme-background-accent);
40
- --sidebar-border-color: var(--theme-border-color);
41
- --sidebar-color-1: var(--theme-color-1);
42
- --sidebar-color-2: var(--theme-color-2);
43
- --sidebar-color-active: var(--theme-color-accent);
44
- --sidebar-search-background: transparent;
45
- --sidebar-search-border-color: var(--theme-border-color);
46
- --sidebar-search-color: var(--theme-color-3);
36
+ --scalar-sidebar-background-1: var(--scalar-background-1);
37
+ --scalar-sidebar-item-hover-color: currentColor;
38
+ --scalar-sidebar-item-hover-background: var(--scalar-background-2);
39
+ --scalar-sidebar-item-active-background: var(--scalar-background-accent);
40
+ --scalar-sidebar-border-color: var(--scalar-border-color);
41
+ --scalar-sidebar-color-1: var(--scalar-color-1);
42
+ --scalar-sidebar-color-2: var(--scalar-color-2);
43
+ --scalar-sidebar-color-active: var(--scalar-color-accent);
44
+ --scalar-sidebar-search-background: transparent;
45
+ --scalar-sidebar-search-border-color: var(--scalar-border-color);
46
+ --scalar-sidebar-search-color: var(--scalar-color-3);
47
47
  }
48
48
 
49
49
  .dark-mode .sidebar {
50
- --sidebar-background-1: var(--theme-background-1);
51
- --sidebar-item-hover-color: currentColor;
52
- --sidebar-item-hover-background: var(--theme-background-2);
53
- --sidebar-item-active-background: var(--theme-background-accent);
54
- --sidebar-border-color: var(--theme-border-color);
55
- --sidebar-color-1: var(--theme-color-1);
56
- --sidebar-color-2: var(--theme-color-2);
57
- --sidebar-color-active: var(--theme-color-accent);
58
- --sidebar-search-background: transparent;
59
- --sidebar-search-border-color: var(--theme-border-color);
60
- --sidebar-search-color: var(--theme-color-3);
50
+ --scalar-sidebar-background-1: var(--scalar-background-1);
51
+ --scalar-sidebar-item-hover-color: currentColor;
52
+ --scalar-sidebar-item-hover-background: var(--scalar-background-2);
53
+ --scalar-sidebar-item-active-background: var(--scalar-background-accent);
54
+ --scalar-sidebar-border-color: var(--scalar-border-color);
55
+ --scalar-sidebar-color-1: var(--scalar-color-1);
56
+ --scalar-sidebar-color-2: var(--scalar-color-2);
57
+ --scalar-sidebar-color-active: var(--scalar-color-accent);
58
+ --scalar-sidebar-search-background: transparent;
59
+ --scalar-sidebar-search-border-color: var(--scalar-border-color);
60
+ --scalar-sidebar-search-color: var(--scalar-color-3);
61
61
  }
62
62
 
63
63
  /* advanced */
64
64
  .light-mode {
65
- --theme-button-1: rgb(49 53 56);
66
- --theme-button-1-color: #fff;
67
- --theme-button-1-hover: rgb(28 31 33);
65
+ --scalar-button-1: rgb(49 53 56);
66
+ --scalar-button-1-color: #fff;
67
+ --scalar-button-1-hover: rgb(28 31 33);
68
68
 
69
- --theme-color-green: #669900;
70
- --theme-color-red: #dc4a68;
71
- --theme-color-yellow: #edbe20;
72
- --theme-color-blue: #0277aa;
73
- --theme-color-orange: #fb892c;
74
- --theme-color-purple: #5203d1;
69
+ --scalar-color-green: #669900;
70
+ --scalar-color-red: #dc4a68;
71
+ --scalar-color-yellow: #edbe20;
72
+ --scalar-color-blue: #0277aa;
73
+ --scalar-color-orange: #fb892c;
74
+ --scalar-color-purple: #5203d1;
75
75
 
76
- --theme-scrollbar-color: rgba(0, 0, 0, 0.18);
77
- --theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);
76
+ --scalar-scrollbar-color: rgba(0, 0, 0, 0.18);
77
+ --scalar-scrollbar-color-active: rgba(0, 0, 0, 0.36);
78
78
  }
79
79
  .dark-mode {
80
- --theme-button-1: #f6f6f6;
81
- --theme-button-1-color: #000;
82
- --theme-button-1-hover: #e7e7e7;
80
+ --scalar-button-1: #f6f6f6;
81
+ --scalar-button-1-color: #000;
82
+ --scalar-button-1-hover: #e7e7e7;
83
83
 
84
- --theme-color-green: #00b648;
85
- --theme-color-red: #dc1b19;
86
- --theme-color-yellow: #ffc90d;
87
- --theme-color-blue: #4eb3ec;
88
- --theme-color-orange: #ff8d4d;
89
- --theme-color-purple: #b191f9;
84
+ --scalar-color-green: #00b648;
85
+ --scalar-color-red: #dc1b19;
86
+ --scalar-color-yellow: #ffc90d;
87
+ --scalar-color-blue: #4eb3ec;
88
+ --scalar-color-orange: #ff8d4d;
89
+ --scalar-color-purple: #b191f9;
90
90
 
91
- --theme-scrollbar-color: rgba(255, 255, 255, 0.24);
92
- --theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);
91
+ --scalar-scrollbar-color: rgba(255, 255, 255, 0.24);
92
+ --scalar-scrollbar-color-active: rgba(255, 255, 255, 0.48);
93
93
  }
94
94
  :root {
95
- --theme-radius: 3px;
96
- --theme-radius-lg: 3px;
97
- --theme-radius-xl: 3px;
95
+ --scalar-radius: 3px;
96
+ --scalar-radius-lg: 3px;
97
+ --scalar-radius-xl: 3px;
98
98
  }
99
99
  `;
100
100
  var ApiReference = (options) => {
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "author": "Scalar (https://github.com/scalar)",
6
6
  "homepage": "https://github.com/scalar/scalar",
7
7
  "bugs": "https://github.com/scalar/scalar/issues/new/choose",
8
- "version": "0.3.41",
8
+ "version": "0.4.1",
9
9
  "engines": {
10
10
  "node": ">=18"
11
11
  },
@@ -35,13 +35,13 @@
35
35
  },
36
36
  "dependencies": {
37
37
  "express": "^4.18.2",
38
- "@scalar/api-reference": "1.21.2"
38
+ "@scalar/api-reference": "1.22.1"
39
39
  },
40
40
  "devDependencies": {
41
41
  "@types/express": "^4.17.21",
42
42
  "tsup": "^7.2.0",
43
- "vite": "^5.1.1",
44
- "vitest": "^1.2.2"
43
+ "vite": "^5.2.9",
44
+ "vitest": "^1.5.0"
45
45
  },
46
46
  "peerDependencies": {
47
47
  "express": "^4.0.0"