@scalar/hono-api-reference 0.4.40 → 0.5.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.
Files changed (5) hide show
  1. package/dist/index.cjs +77 -77
  2. package/dist/index.d.cts +1 -1
  3. package/dist/index.d.ts +1 -1
  4. package/dist/index.js +77 -77
  5. package/package.json +4 -4
package/dist/index.cjs CHANGED
@@ -30,107 +30,107 @@ module.exports = __toCommonJS(src_exports);
30
30
  var import_html = require("hono/html");
31
31
  var customThemeCSS = `
32
32
  :root {
33
- --theme-font: 'Inter', var(--system-fonts);
33
+ --scalar-font: 'Inter', var(--system-fonts);
34
34
  }
35
35
 
36
36
  .light-mode {
37
37
  color-scheme: light;
38
- --theme-color-1: #2a2f45;
39
- --theme-color-2: #757575;
40
- --theme-color-3: #8e8e8e;
41
- --theme-color-disabled: #b4b1b1;
42
- --theme-color-ghost: #a7a7a7;
43
- --theme-color-accent: #0099ff;
44
- --theme-background-1: #fff;
45
- --theme-background-2: #f6f6f6;
46
- --theme-background-3: #e7e7e7;
47
- --theme-background-4: rgba(0, 0, 0, 0.06);
48
- --theme-background-accent: #8ab4f81f;
38
+ --scalar-color-1: #2a2f45;
39
+ --scalar-color-2: #757575;
40
+ --scalar-color-3: #8e8e8e;
41
+ --scalar-color-disabled: #b4b1b1;
42
+ --scalar-color-ghost: #a7a7a7;
43
+ --scalar-color-accent: #0099ff;
44
+ --scalar-background-1: #fff;
45
+ --scalar-background-2: #f6f6f6;
46
+ --scalar-background-3: #e7e7e7;
47
+ --scalar-background-4: rgba(0, 0, 0, 0.06);
48
+ --scalar-background-accent: #8ab4f81f;
49
49
 
50
- --theme-border-color: rgba(0, 0, 0, 0.1);
51
- --theme-scrollbar-color: rgba(0, 0, 0, 0.18);
52
- --theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);
53
- --theme-lifted-brightness: 1;
54
- --theme-backdrop-brightness: 1;
50
+ --scalar-border-color: rgba(0, 0, 0, 0.1);
51
+ --scalar-scrollbar-color: rgba(0, 0, 0, 0.18);
52
+ --scalar-scrollbar-color-active: rgba(0, 0, 0, 0.36);
53
+ --scalar-lifted-brightness: 1;
54
+ --scalar-backdrop-brightness: 1;
55
55
 
56
- --theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);
57
- --theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,
56
+ --scalar-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);
57
+ --scalar-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,
58
58
  rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;
59
59
 
60
- --theme-button-1: rgb(49 53 56);
61
- --theme-button-1-color: #fff;
62
- --theme-button-1-hover: rgb(28 31 33);
60
+ --scalar-button-1: rgb(49 53 56);
61
+ --scalar-button-1-color: #fff;
62
+ --scalar-button-1-hover: rgb(28 31 33);
63
63
 
64
- --theme-color-green: #069061;
65
- --theme-color-red: #ef0006;
66
- --theme-color-yellow: #edbe20;
67
- --theme-color-blue: #0082d0;
68
- --theme-color-orange: #fb892c;
69
- --theme-color-purple: #5203d1;
64
+ --scalar-color-green: #069061;
65
+ --scalar-color-red: #ef0006;
66
+ --scalar-color-yellow: #edbe20;
67
+ --scalar-color-blue: #0082d0;
68
+ --scalar-color-orange: #fb892c;
69
+ --scalar-color-purple: #5203d1;
70
70
  }
71
71
 
72
72
  .dark-mode {
73
73
  color-scheme: dark;
74
- --theme-color-1: rgba(255, 255, 245, .86);
75
- --theme-color-2: rgba(255, 255, 245, .6);
76
- --theme-color-3: rgba(255, 255, 245, .38);
77
- --theme-color-disabled: rgba(255, 255, 245, .25);
78
- --theme-color-ghost: rgba(255, 255, 245, .25);
79
- --theme-color-accent: #e36002;
80
- --theme-background-1: #1e1e20;
81
- --theme-background-2: #2a2a2a;
82
- --theme-background-3: #505053;
83
- --theme-background-4: rgba(255, 255, 255, 0.06);
84
- --theme-background-accent: #e360021f;
74
+ --scalar-color-1: rgba(255, 255, 245, .86);
75
+ --scalar-color-2: rgba(255, 255, 245, .6);
76
+ --scalar-color-3: rgba(255, 255, 245, .38);
77
+ --scalar-color-disabled: rgba(255, 255, 245, .25);
78
+ --scalar-color-ghost: rgba(255, 255, 245, .25);
79
+ --scalar-color-accent: #e36002;
80
+ --scalar-background-1: #1e1e20;
81
+ --scalar-background-2: #2a2a2a;
82
+ --scalar-background-3: #505053;
83
+ --scalar-background-4: rgba(255, 255, 255, 0.06);
84
+ --scalar-background-accent: #e360021f;
85
85
 
86
- --theme-border-color: rgba(255, 255, 255, 0.1);
87
- --theme-scrollbar-color: rgba(255, 255, 255, 0.24);
88
- --theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);
89
- --theme-lifted-brightness: 1.45;
90
- --theme-backdrop-brightness: 0.5;
86
+ --scalar-border-color: rgba(255, 255, 255, 0.1);
87
+ --scalar-scrollbar-color: rgba(255, 255, 255, 0.24);
88
+ --scalar-scrollbar-color-active: rgba(255, 255, 255, 0.48);
89
+ --scalar-lifted-brightness: 1.45;
90
+ --scalar-backdrop-brightness: 0.5;
91
91
 
92
- --theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);
93
- --theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,
92
+ --scalar-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);
93
+ --scalar-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,
94
94
  rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);
95
95
 
96
- --theme-button-1: #f6f6f6;
97
- --theme-button-1-color: #000;
98
- --theme-button-1-hover: #e7e7e7;
96
+ --scalar-button-1: #f6f6f6;
97
+ --scalar-button-1-color: #000;
98
+ --scalar-button-1-hover: #e7e7e7;
99
99
 
100
- --theme-color-green: #3dd68c;
101
- --theme-color-red: #f66f81;
102
- --theme-color-yellow: #f9b44e;
103
- --theme-color-blue: #5c73e7;
104
- --theme-color-orange: #ff8d4d;
105
- --theme-color-purple: #b191f9;
100
+ --scalar-color-green: #3dd68c;
101
+ --scalar-color-red: #f66f81;
102
+ --scalar-color-yellow: #f9b44e;
103
+ --scalar-color-blue: #5c73e7;
104
+ --scalar-color-orange: #ff8d4d;
105
+ --scalar-color-purple: #b191f9;
106
106
  }
107
107
  /* Sidebar */
108
108
  .light-mode .t-doc__sidebar {
109
- --sidebar-background-1: var(--theme-background-1);
110
- --sidebar-item-hover-color: currentColor;
111
- --sidebar-item-hover-background: var(--theme-background-2);
112
- --sidebar-item-active-background: var(--theme-background-accent);
113
- --sidebar-border-color: var(--theme-border-color);
114
- --sidebar-color-1: var(--theme-color-1);
115
- --sidebar-color-2: var(--theme-color-2);
116
- --sidebar-color-active: var(--theme-color-accent);
117
- --sidebar-search-background: var(--theme-background-2);
118
- --sidebar-search-border-color: var(--sidebar-border-color);
119
- --sidebar-search-color: var(--theme-color-3);
109
+ --scalar-sidebar-background-1: var(--scalar-background-1);
110
+ --scalar-sidebar-item-hover-color: currentColor;
111
+ --scalar-sidebar-item-hover-background: var(--scalar-background-2);
112
+ --scalar-sidebar-item-active-background: var(--scalar-background-accent);
113
+ --scalar-sidebar-border-color: var(--scalar-border-color);
114
+ --scalar-sidebar-color-1: var(--scalar-color-1);
115
+ --scalar-sidebar-color-2: var(--scalar-color-2);
116
+ --scalar-sidebar-color-active: var(--scalar-color-accent);
117
+ --scalar-sidebar-search-background: var(--scalar-background-2);
118
+ --scalar-sidebar-search-border-color: var(--scalar-sidebar-border-color);
119
+ --scalar-sidebar-search-color: var(--scalar-color-3);
120
120
  }
121
121
 
122
122
  .dark-mode .sidebar {
123
- --sidebar-background-1: #161618;
124
- --sidebar-item-hover-color: var(--theme-color-accent);
125
- --sidebar-item-hover-background: transparent;
126
- --sidebar-item-active-background: transparent;
127
- --sidebar-border-color: transparent;
128
- --sidebar-color-1: var(--theme-color-1);
129
- --sidebar-color-2: var(--theme-color-2);
130
- --sidebar-color-active: var(--theme-color-accent);
131
- --sidebar-search-background: #252529;
132
- --sidebar-search-border-color: transparent;
133
- --sidebar-search-color: var(--theme-color-3);
123
+ --scalar-sidebar-background-1: #161618;
124
+ --scalar-sidebar-item-hover-color: var(--scalar-color-accent);
125
+ --scalar-sidebar-item-hover-background: transparent;
126
+ --scalar-sidebar-item-active-background: transparent;
127
+ --scalar-sidebar-border-color: transparent;
128
+ --scalar-sidebar-color-1: var(--scalar-color-1);
129
+ --scalar-sidebar-color-2: var(--scalar-color-2);
130
+ --scalar-sidebar-color-active: var(--scalar-color-accent);
131
+ --scalar-sidebar-search-background: #252529;
132
+ --scalar-sidebar-search-border-color: transparent;
133
+ --scalar-sidebar-search-color: var(--scalar-color-3);
134
134
  }
135
135
  `;
136
136
  var javascript = (configuration) => {
package/dist/index.d.cts CHANGED
@@ -9,7 +9,7 @@ type ApiReferenceOptions = ReferenceConfiguration & {
9
9
  /**
10
10
  * The custom theme CSS for the API Reference.
11
11
  */
12
- declare const customThemeCSS = "\n:root {\n --theme-font: 'Inter', var(--system-fonts);\n}\n\n.light-mode {\n color-scheme: light;\n --theme-color-1: #2a2f45;\n --theme-color-2: #757575;\n --theme-color-3: #8e8e8e;\n --theme-color-disabled: #b4b1b1;\n --theme-color-ghost: #a7a7a7;\n --theme-color-accent: #0099ff;\n --theme-background-1: #fff;\n --theme-background-2: #f6f6f6;\n --theme-background-3: #e7e7e7;\n --theme-background-4: rgba(0, 0, 0, 0.06);\n --theme-background-accent: #8ab4f81f;\n\n --theme-border-color: rgba(0, 0, 0, 0.1);\n --theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --theme-lifted-brightness: 1;\n --theme-backdrop-brightness: 1;\n\n --theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;\n\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: #069061;\n --theme-color-red: #ef0006;\n --theme-color-yellow: #edbe20;\n --theme-color-blue: #0082d0;\n --theme-color-orange: #fb892c;\n --theme-color-purple: #5203d1;\n}\n\n.dark-mode {\n color-scheme: dark;\n --theme-color-1: rgba(255, 255, 245, .86);\n --theme-color-2: rgba(255, 255, 245, .6);\n --theme-color-3: rgba(255, 255, 245, .38);\n --theme-color-disabled: rgba(255, 255, 245, .25);\n --theme-color-ghost: rgba(255, 255, 245, .25);\n --theme-color-accent: #e36002;\n --theme-background-1: #1e1e20;\n --theme-background-2: #2a2a2a;\n --theme-background-3: #505053;\n --theme-background-4: rgba(255, 255, 255, 0.06);\n --theme-background-accent: #e360021f;\n\n --theme-border-color: rgba(255, 255, 255, 0.1);\n --theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --theme-lifted-brightness: 1.45;\n --theme-backdrop-brightness: 0.5;\n\n --theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --theme-button-1: #f6f6f6;\n --theme-button-1-color: #000;\n --theme-button-1-hover: #e7e7e7;\n\n --theme-color-green: #3dd68c;\n --theme-color-red: #f66f81;\n --theme-color-yellow: #f9b44e;\n --theme-color-blue: #5c73e7;\n --theme-color-orange: #ff8d4d;\n --theme-color-purple: #b191f9;\n}\n/* 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: var(--theme-background-2);\n --sidebar-search-border-color: var(--sidebar-border-color);\n --sidebar-search-color: var(--theme-color-3);\n}\n\n.dark-mode .sidebar {\n --sidebar-background-1: #161618;\n --sidebar-item-hover-color: var(--theme-color-accent);\n --sidebar-item-hover-background: transparent;\n --sidebar-item-active-background: transparent;\n --sidebar-border-color: transparent;\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: #252529;\n --sidebar-search-border-color: transparent;\n --sidebar-search-color: var(--theme-color-3);\n}\n";
12
+ declare const customThemeCSS = "\n:root {\n --scalar-font: 'Inter', var(--system-fonts);\n}\n\n.light-mode {\n color-scheme: light;\n --scalar-color-1: #2a2f45;\n --scalar-color-2: #757575;\n --scalar-color-3: #8e8e8e;\n --scalar-color-disabled: #b4b1b1;\n --scalar-color-ghost: #a7a7a7;\n --scalar-color-accent: #0099ff;\n --scalar-background-1: #fff;\n --scalar-background-2: #f6f6f6;\n --scalar-background-3: #e7e7e7;\n --scalar-background-4: rgba(0, 0, 0, 0.06);\n --scalar-background-accent: #8ab4f81f;\n\n --scalar-border-color: rgba(0, 0, 0, 0.1);\n --scalar-scrollbar-color: rgba(0, 0, 0, 0.18);\n --scalar-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --scalar-lifted-brightness: 1;\n --scalar-backdrop-brightness: 1;\n\n --scalar-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --scalar-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;\n\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: #069061;\n --scalar-color-red: #ef0006;\n --scalar-color-yellow: #edbe20;\n --scalar-color-blue: #0082d0;\n --scalar-color-orange: #fb892c;\n --scalar-color-purple: #5203d1;\n}\n\n.dark-mode {\n color-scheme: dark;\n --scalar-color-1: rgba(255, 255, 245, .86);\n --scalar-color-2: rgba(255, 255, 245, .6);\n --scalar-color-3: rgba(255, 255, 245, .38);\n --scalar-color-disabled: rgba(255, 255, 245, .25);\n --scalar-color-ghost: rgba(255, 255, 245, .25);\n --scalar-color-accent: #e36002;\n --scalar-background-1: #1e1e20;\n --scalar-background-2: #2a2a2a;\n --scalar-background-3: #505053;\n --scalar-background-4: rgba(255, 255, 255, 0.06);\n --scalar-background-accent: #e360021f;\n\n --scalar-border-color: rgba(255, 255, 255, 0.1);\n --scalar-scrollbar-color: rgba(255, 255, 255, 0.24);\n --scalar-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --scalar-lifted-brightness: 1.45;\n --scalar-backdrop-brightness: 0.5;\n\n --scalar-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --scalar-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --scalar-button-1: #f6f6f6;\n --scalar-button-1-color: #000;\n --scalar-button-1-hover: #e7e7e7;\n\n --scalar-color-green: #3dd68c;\n --scalar-color-red: #f66f81;\n --scalar-color-yellow: #f9b44e;\n --scalar-color-blue: #5c73e7;\n --scalar-color-orange: #ff8d4d;\n --scalar-color-purple: #b191f9;\n}\n/* 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: var(--scalar-background-2);\n --scalar-sidebar-search-border-color: var(--scalar-sidebar-border-color);\n --scalar-sidebar-search-color: var(--scalar-color-3);\n}\n\n.dark-mode .sidebar {\n --scalar-sidebar-background-1: #161618;\n --scalar-sidebar-item-hover-color: var(--scalar-color-accent);\n --scalar-sidebar-item-hover-background: transparent;\n --scalar-sidebar-item-active-background: transparent;\n --scalar-sidebar-border-color: transparent;\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: #252529;\n --scalar-sidebar-search-border-color: transparent;\n --scalar-sidebar-search-color: var(--scalar-color-3);\n}\n";
13
13
  /**
14
14
  * The HTML to load the @scalar/api-reference JavaScript package.
15
15
  */
package/dist/index.d.ts CHANGED
@@ -9,7 +9,7 @@ type ApiReferenceOptions = ReferenceConfiguration & {
9
9
  /**
10
10
  * The custom theme CSS for the API Reference.
11
11
  */
12
- declare const customThemeCSS = "\n:root {\n --theme-font: 'Inter', var(--system-fonts);\n}\n\n.light-mode {\n color-scheme: light;\n --theme-color-1: #2a2f45;\n --theme-color-2: #757575;\n --theme-color-3: #8e8e8e;\n --theme-color-disabled: #b4b1b1;\n --theme-color-ghost: #a7a7a7;\n --theme-color-accent: #0099ff;\n --theme-background-1: #fff;\n --theme-background-2: #f6f6f6;\n --theme-background-3: #e7e7e7;\n --theme-background-4: rgba(0, 0, 0, 0.06);\n --theme-background-accent: #8ab4f81f;\n\n --theme-border-color: rgba(0, 0, 0, 0.1);\n --theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --theme-lifted-brightness: 1;\n --theme-backdrop-brightness: 1;\n\n --theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;\n\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: #069061;\n --theme-color-red: #ef0006;\n --theme-color-yellow: #edbe20;\n --theme-color-blue: #0082d0;\n --theme-color-orange: #fb892c;\n --theme-color-purple: #5203d1;\n}\n\n.dark-mode {\n color-scheme: dark;\n --theme-color-1: rgba(255, 255, 245, .86);\n --theme-color-2: rgba(255, 255, 245, .6);\n --theme-color-3: rgba(255, 255, 245, .38);\n --theme-color-disabled: rgba(255, 255, 245, .25);\n --theme-color-ghost: rgba(255, 255, 245, .25);\n --theme-color-accent: #e36002;\n --theme-background-1: #1e1e20;\n --theme-background-2: #2a2a2a;\n --theme-background-3: #505053;\n --theme-background-4: rgba(255, 255, 255, 0.06);\n --theme-background-accent: #e360021f;\n\n --theme-border-color: rgba(255, 255, 255, 0.1);\n --theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --theme-lifted-brightness: 1.45;\n --theme-backdrop-brightness: 0.5;\n\n --theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --theme-button-1: #f6f6f6;\n --theme-button-1-color: #000;\n --theme-button-1-hover: #e7e7e7;\n\n --theme-color-green: #3dd68c;\n --theme-color-red: #f66f81;\n --theme-color-yellow: #f9b44e;\n --theme-color-blue: #5c73e7;\n --theme-color-orange: #ff8d4d;\n --theme-color-purple: #b191f9;\n}\n/* 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: var(--theme-background-2);\n --sidebar-search-border-color: var(--sidebar-border-color);\n --sidebar-search-color: var(--theme-color-3);\n}\n\n.dark-mode .sidebar {\n --sidebar-background-1: #161618;\n --sidebar-item-hover-color: var(--theme-color-accent);\n --sidebar-item-hover-background: transparent;\n --sidebar-item-active-background: transparent;\n --sidebar-border-color: transparent;\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: #252529;\n --sidebar-search-border-color: transparent;\n --sidebar-search-color: var(--theme-color-3);\n}\n";
12
+ declare const customThemeCSS = "\n:root {\n --scalar-font: 'Inter', var(--system-fonts);\n}\n\n.light-mode {\n color-scheme: light;\n --scalar-color-1: #2a2f45;\n --scalar-color-2: #757575;\n --scalar-color-3: #8e8e8e;\n --scalar-color-disabled: #b4b1b1;\n --scalar-color-ghost: #a7a7a7;\n --scalar-color-accent: #0099ff;\n --scalar-background-1: #fff;\n --scalar-background-2: #f6f6f6;\n --scalar-background-3: #e7e7e7;\n --scalar-background-4: rgba(0, 0, 0, 0.06);\n --scalar-background-accent: #8ab4f81f;\n\n --scalar-border-color: rgba(0, 0, 0, 0.1);\n --scalar-scrollbar-color: rgba(0, 0, 0, 0.18);\n --scalar-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --scalar-lifted-brightness: 1;\n --scalar-backdrop-brightness: 1;\n\n --scalar-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --scalar-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;\n\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: #069061;\n --scalar-color-red: #ef0006;\n --scalar-color-yellow: #edbe20;\n --scalar-color-blue: #0082d0;\n --scalar-color-orange: #fb892c;\n --scalar-color-purple: #5203d1;\n}\n\n.dark-mode {\n color-scheme: dark;\n --scalar-color-1: rgba(255, 255, 245, .86);\n --scalar-color-2: rgba(255, 255, 245, .6);\n --scalar-color-3: rgba(255, 255, 245, .38);\n --scalar-color-disabled: rgba(255, 255, 245, .25);\n --scalar-color-ghost: rgba(255, 255, 245, .25);\n --scalar-color-accent: #e36002;\n --scalar-background-1: #1e1e20;\n --scalar-background-2: #2a2a2a;\n --scalar-background-3: #505053;\n --scalar-background-4: rgba(255, 255, 255, 0.06);\n --scalar-background-accent: #e360021f;\n\n --scalar-border-color: rgba(255, 255, 255, 0.1);\n --scalar-scrollbar-color: rgba(255, 255, 255, 0.24);\n --scalar-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --scalar-lifted-brightness: 1.45;\n --scalar-backdrop-brightness: 0.5;\n\n --scalar-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --scalar-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --scalar-button-1: #f6f6f6;\n --scalar-button-1-color: #000;\n --scalar-button-1-hover: #e7e7e7;\n\n --scalar-color-green: #3dd68c;\n --scalar-color-red: #f66f81;\n --scalar-color-yellow: #f9b44e;\n --scalar-color-blue: #5c73e7;\n --scalar-color-orange: #ff8d4d;\n --scalar-color-purple: #b191f9;\n}\n/* 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: var(--scalar-background-2);\n --scalar-sidebar-search-border-color: var(--scalar-sidebar-border-color);\n --scalar-sidebar-search-color: var(--scalar-color-3);\n}\n\n.dark-mode .sidebar {\n --scalar-sidebar-background-1: #161618;\n --scalar-sidebar-item-hover-color: var(--scalar-color-accent);\n --scalar-sidebar-item-hover-background: transparent;\n --scalar-sidebar-item-active-background: transparent;\n --scalar-sidebar-border-color: transparent;\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: #252529;\n --scalar-sidebar-search-border-color: transparent;\n --scalar-sidebar-search-color: var(--scalar-color-3);\n}\n";
13
13
  /**
14
14
  * The HTML to load the @scalar/api-reference JavaScript package.
15
15
  */
package/dist/index.js CHANGED
@@ -2,107 +2,107 @@
2
2
  import { html, raw } from "hono/html";
3
3
  var customThemeCSS = `
4
4
  :root {
5
- --theme-font: 'Inter', var(--system-fonts);
5
+ --scalar-font: 'Inter', var(--system-fonts);
6
6
  }
7
7
 
8
8
  .light-mode {
9
9
  color-scheme: light;
10
- --theme-color-1: #2a2f45;
11
- --theme-color-2: #757575;
12
- --theme-color-3: #8e8e8e;
13
- --theme-color-disabled: #b4b1b1;
14
- --theme-color-ghost: #a7a7a7;
15
- --theme-color-accent: #0099ff;
16
- --theme-background-1: #fff;
17
- --theme-background-2: #f6f6f6;
18
- --theme-background-3: #e7e7e7;
19
- --theme-background-4: rgba(0, 0, 0, 0.06);
20
- --theme-background-accent: #8ab4f81f;
10
+ --scalar-color-1: #2a2f45;
11
+ --scalar-color-2: #757575;
12
+ --scalar-color-3: #8e8e8e;
13
+ --scalar-color-disabled: #b4b1b1;
14
+ --scalar-color-ghost: #a7a7a7;
15
+ --scalar-color-accent: #0099ff;
16
+ --scalar-background-1: #fff;
17
+ --scalar-background-2: #f6f6f6;
18
+ --scalar-background-3: #e7e7e7;
19
+ --scalar-background-4: rgba(0, 0, 0, 0.06);
20
+ --scalar-background-accent: #8ab4f81f;
21
21
 
22
- --theme-border-color: rgba(0, 0, 0, 0.1);
23
- --theme-scrollbar-color: rgba(0, 0, 0, 0.18);
24
- --theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);
25
- --theme-lifted-brightness: 1;
26
- --theme-backdrop-brightness: 1;
22
+ --scalar-border-color: rgba(0, 0, 0, 0.1);
23
+ --scalar-scrollbar-color: rgba(0, 0, 0, 0.18);
24
+ --scalar-scrollbar-color-active: rgba(0, 0, 0, 0.36);
25
+ --scalar-lifted-brightness: 1;
26
+ --scalar-backdrop-brightness: 1;
27
27
 
28
- --theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);
29
- --theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,
28
+ --scalar-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);
29
+ --scalar-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,
30
30
  rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;
31
31
 
32
- --theme-button-1: rgb(49 53 56);
33
- --theme-button-1-color: #fff;
34
- --theme-button-1-hover: rgb(28 31 33);
32
+ --scalar-button-1: rgb(49 53 56);
33
+ --scalar-button-1-color: #fff;
34
+ --scalar-button-1-hover: rgb(28 31 33);
35
35
 
36
- --theme-color-green: #069061;
37
- --theme-color-red: #ef0006;
38
- --theme-color-yellow: #edbe20;
39
- --theme-color-blue: #0082d0;
40
- --theme-color-orange: #fb892c;
41
- --theme-color-purple: #5203d1;
36
+ --scalar-color-green: #069061;
37
+ --scalar-color-red: #ef0006;
38
+ --scalar-color-yellow: #edbe20;
39
+ --scalar-color-blue: #0082d0;
40
+ --scalar-color-orange: #fb892c;
41
+ --scalar-color-purple: #5203d1;
42
42
  }
43
43
 
44
44
  .dark-mode {
45
45
  color-scheme: dark;
46
- --theme-color-1: rgba(255, 255, 245, .86);
47
- --theme-color-2: rgba(255, 255, 245, .6);
48
- --theme-color-3: rgba(255, 255, 245, .38);
49
- --theme-color-disabled: rgba(255, 255, 245, .25);
50
- --theme-color-ghost: rgba(255, 255, 245, .25);
51
- --theme-color-accent: #e36002;
52
- --theme-background-1: #1e1e20;
53
- --theme-background-2: #2a2a2a;
54
- --theme-background-3: #505053;
55
- --theme-background-4: rgba(255, 255, 255, 0.06);
56
- --theme-background-accent: #e360021f;
46
+ --scalar-color-1: rgba(255, 255, 245, .86);
47
+ --scalar-color-2: rgba(255, 255, 245, .6);
48
+ --scalar-color-3: rgba(255, 255, 245, .38);
49
+ --scalar-color-disabled: rgba(255, 255, 245, .25);
50
+ --scalar-color-ghost: rgba(255, 255, 245, .25);
51
+ --scalar-color-accent: #e36002;
52
+ --scalar-background-1: #1e1e20;
53
+ --scalar-background-2: #2a2a2a;
54
+ --scalar-background-3: #505053;
55
+ --scalar-background-4: rgba(255, 255, 255, 0.06);
56
+ --scalar-background-accent: #e360021f;
57
57
 
58
- --theme-border-color: rgba(255, 255, 255, 0.1);
59
- --theme-scrollbar-color: rgba(255, 255, 255, 0.24);
60
- --theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);
61
- --theme-lifted-brightness: 1.45;
62
- --theme-backdrop-brightness: 0.5;
58
+ --scalar-border-color: rgba(255, 255, 255, 0.1);
59
+ --scalar-scrollbar-color: rgba(255, 255, 255, 0.24);
60
+ --scalar-scrollbar-color-active: rgba(255, 255, 255, 0.48);
61
+ --scalar-lifted-brightness: 1.45;
62
+ --scalar-backdrop-brightness: 0.5;
63
63
 
64
- --theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);
65
- --theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,
64
+ --scalar-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);
65
+ --scalar-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,
66
66
  rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);
67
67
 
68
- --theme-button-1: #f6f6f6;
69
- --theme-button-1-color: #000;
70
- --theme-button-1-hover: #e7e7e7;
68
+ --scalar-button-1: #f6f6f6;
69
+ --scalar-button-1-color: #000;
70
+ --scalar-button-1-hover: #e7e7e7;
71
71
 
72
- --theme-color-green: #3dd68c;
73
- --theme-color-red: #f66f81;
74
- --theme-color-yellow: #f9b44e;
75
- --theme-color-blue: #5c73e7;
76
- --theme-color-orange: #ff8d4d;
77
- --theme-color-purple: #b191f9;
72
+ --scalar-color-green: #3dd68c;
73
+ --scalar-color-red: #f66f81;
74
+ --scalar-color-yellow: #f9b44e;
75
+ --scalar-color-blue: #5c73e7;
76
+ --scalar-color-orange: #ff8d4d;
77
+ --scalar-color-purple: #b191f9;
78
78
  }
79
79
  /* Sidebar */
80
80
  .light-mode .t-doc__sidebar {
81
- --sidebar-background-1: var(--theme-background-1);
82
- --sidebar-item-hover-color: currentColor;
83
- --sidebar-item-hover-background: var(--theme-background-2);
84
- --sidebar-item-active-background: var(--theme-background-accent);
85
- --sidebar-border-color: var(--theme-border-color);
86
- --sidebar-color-1: var(--theme-color-1);
87
- --sidebar-color-2: var(--theme-color-2);
88
- --sidebar-color-active: var(--theme-color-accent);
89
- --sidebar-search-background: var(--theme-background-2);
90
- --sidebar-search-border-color: var(--sidebar-border-color);
91
- --sidebar-search-color: var(--theme-color-3);
81
+ --scalar-sidebar-background-1: var(--scalar-background-1);
82
+ --scalar-sidebar-item-hover-color: currentColor;
83
+ --scalar-sidebar-item-hover-background: var(--scalar-background-2);
84
+ --scalar-sidebar-item-active-background: var(--scalar-background-accent);
85
+ --scalar-sidebar-border-color: var(--scalar-border-color);
86
+ --scalar-sidebar-color-1: var(--scalar-color-1);
87
+ --scalar-sidebar-color-2: var(--scalar-color-2);
88
+ --scalar-sidebar-color-active: var(--scalar-color-accent);
89
+ --scalar-sidebar-search-background: var(--scalar-background-2);
90
+ --scalar-sidebar-search-border-color: var(--scalar-sidebar-border-color);
91
+ --scalar-sidebar-search-color: var(--scalar-color-3);
92
92
  }
93
93
 
94
94
  .dark-mode .sidebar {
95
- --sidebar-background-1: #161618;
96
- --sidebar-item-hover-color: var(--theme-color-accent);
97
- --sidebar-item-hover-background: transparent;
98
- --sidebar-item-active-background: transparent;
99
- --sidebar-border-color: transparent;
100
- --sidebar-color-1: var(--theme-color-1);
101
- --sidebar-color-2: var(--theme-color-2);
102
- --sidebar-color-active: var(--theme-color-accent);
103
- --sidebar-search-background: #252529;
104
- --sidebar-search-border-color: transparent;
105
- --sidebar-search-color: var(--theme-color-3);
95
+ --scalar-sidebar-background-1: #161618;
96
+ --scalar-sidebar-item-hover-color: var(--scalar-color-accent);
97
+ --scalar-sidebar-item-hover-background: transparent;
98
+ --scalar-sidebar-item-active-background: transparent;
99
+ --scalar-sidebar-border-color: transparent;
100
+ --scalar-sidebar-color-1: var(--scalar-color-1);
101
+ --scalar-sidebar-color-2: var(--scalar-color-2);
102
+ --scalar-sidebar-color-active: var(--scalar-color-accent);
103
+ --scalar-sidebar-search-background: #252529;
104
+ --scalar-sidebar-search-border-color: transparent;
105
+ --scalar-sidebar-search-color: var(--scalar-color-3);
106
106
  }
107
107
  `;
108
108
  var javascript = (configuration) => {
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.4.40",
8
+ "version": "0.5.0",
9
9
  "engines": {
10
10
  "node": ">=18"
11
11
  },
@@ -34,13 +34,13 @@
34
34
  "directory": "packages/hono-api-reference"
35
35
  },
36
36
  "dependencies": {
37
- "@scalar/api-reference": "1.21.1"
37
+ "@scalar/api-reference": "1.22.0"
38
38
  },
39
39
  "devDependencies": {
40
40
  "hono": "^4.1.0",
41
41
  "tsup": "^7.2.0",
42
- "vite": "^5.1.1",
43
- "vitest": "^1.2.2"
42
+ "vite": "^5.2.9",
43
+ "vitest": "^1.5.0"
44
44
  },
45
45
  "peerDependencies": {
46
46
  "hono": "^3.0.0 || ^4.0.0"