@scalar/components 0.14.40 → 0.15.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.
- package/dist/components/ScalarButton/ScalarButton.vue.d.ts +16 -24
- package/dist/components/ScalarButton/ScalarButton.vue.d.ts.map +1 -1
- package/dist/components/ScalarButton/ScalarButton.vue.js +83 -37
- package/dist/components/ScalarButton/constants.d.ts +9 -0
- package/dist/components/ScalarButton/constants.d.ts.map +1 -0
- package/dist/components/ScalarButton/constants.js +21 -0
- package/dist/components/ScalarButton/index.d.ts +1 -1
- package/dist/components/ScalarButton/index.d.ts.map +1 -1
- package/dist/components/ScalarButton/types.d.ts +72 -0
- package/dist/components/ScalarButton/types.d.ts.map +1 -0
- package/dist/components/ScalarCodeBlock/ScalarCodeBlock.vue.d.ts +24 -10
- package/dist/components/ScalarCodeBlock/ScalarCodeBlock.vue.d.ts.map +1 -1
- package/dist/components/ScalarCodeBlock/ScalarCodeBlock.vue.js +23 -20
- package/dist/components/ScalarFileUpload/ScalarFileUploadFileList.vue.js +5 -5
- package/dist/components/ScalarFileUpload/ScalarFileUploadInput.vue.js +1 -1
- package/dist/components/ScalarIcon/icons/index.d.ts +1 -1
- package/dist/components/ScalarIcon/icons/index.d.ts.map +1 -1
- package/dist/components/ScalarIcon/icons/programming-language-fsharp.svg.js +16 -0
- package/dist/components/ScalarIcon/utils/index.js +116 -114
- package/dist/components/ScalarIconButton/ScalarIconButton.vue.d.ts.map +1 -1
- package/dist/components/ScalarIconButton/ScalarIconButton.vue.js +40 -17
- package/dist/components/ScalarIconButton/types.d.ts +5 -5
- package/dist/components/ScalarIconButton/types.d.ts.map +1 -1
- package/dist/components/ScalarMarkdown/ScalarMarkdown.vue.d.ts.map +1 -1
- package/dist/components/ScalarMarkdown/samples/index.d.ts +4 -4
- package/dist/components/ScalarMarkdown/samples/lists-mixed.d.ts +1 -1
- package/dist/components/ScalarMarkdown/samples/lists-mixed.d.ts.map +1 -1
- package/dist/components/ScalarMarkdown/samples/lists-ordered.d.ts +1 -1
- package/dist/components/ScalarMarkdown/samples/lists-tasks.d.ts +1 -1
- package/dist/components/ScalarMarkdown/samples/lists-unordered.d.ts +1 -1
- package/dist/components/ScalarSidebar/ScalarSidebarGroup.vue.d.ts +4 -0
- package/dist/components/ScalarSidebar/ScalarSidebarGroup.vue.d.ts.map +1 -1
- package/dist/components/ScalarSidebar/ScalarSidebarGroup.vue.js +29 -28
- package/dist/components/ScalarSidebar/ScalarSidebarSection.vue.js +52 -0
- package/dist/components/ScalarSidebar/ScalarSidebarSection.vue3.js +5 -0
- package/dist/components/ScalarSidebar/ScalarSidebarSpacer.vue.js +20 -0
- package/dist/components/ScalarSidebar/ScalarSidebarSpacer.vue2.js +4 -0
- package/dist/components/ScalarSidebar/index.d.ts +2 -1
- package/dist/components/ScalarSidebar/index.d.ts.map +1 -1
- package/dist/index.js +183 -182
- package/dist/style.css +1 -1
- package/package.json +9 -9
- package/dist/components/ScalarButton/variants.d.ts +0 -69
- package/dist/components/ScalarButton/variants.d.ts.map +0 -1
- package/dist/components/ScalarButton/variants.js +0 -32
- package/dist/components/ScalarIconButton/variants.d.ts +0 -62
- package/dist/components/ScalarIconButton/variants.d.ts.map +0 -1
- package/dist/components/ScalarIconButton/variants.js +0 -32
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as g from "../icons/Add.svg.js";
|
|
2
|
+
import * as m from "../icons/AddTab.svg.js";
|
|
3
3
|
import * as i from "../icons/Alert.svg.js";
|
|
4
4
|
import * as n from "../icons/ArrowLeft.svg.js";
|
|
5
5
|
import * as t from "../icons/ArrowRight.svg.js";
|
|
@@ -20,10 +20,10 @@ import * as b from "../icons/CodeFolder.svg.js";
|
|
|
20
20
|
import * as j from "../icons/Cog.svg.js";
|
|
21
21
|
import * as D from "../icons/Collection.svg.js";
|
|
22
22
|
import * as S from "../icons/Cookie.svg.js";
|
|
23
|
-
import * as
|
|
24
|
-
import * as
|
|
25
|
-
import * as
|
|
26
|
-
import * as
|
|
23
|
+
import * as F from "../icons/DarkMode.svg.js";
|
|
24
|
+
import * as y from "../icons/Delete.svg.js";
|
|
25
|
+
import * as A from "../icons/Discord.svg.js";
|
|
26
|
+
import * as E from "../icons/DocsPage.svg.js";
|
|
27
27
|
import * as H from "../icons/Download.svg.js";
|
|
28
28
|
import * as R from "../icons/Duplicate.svg.js";
|
|
29
29
|
import * as T from "../icons/Edit.svg.js";
|
|
@@ -51,9 +51,9 @@ import * as _ from "../icons/LightMode.svg.js";
|
|
|
51
51
|
import * as oo from "../icons/Link.svg.js";
|
|
52
52
|
import * as ro from "../icons/Lock.svg.js";
|
|
53
53
|
import * as so from "../icons/Logo.svg.js";
|
|
54
|
-
import * as
|
|
55
|
-
import * as
|
|
56
|
-
import * as
|
|
54
|
+
import * as ao from "../icons/Magic.svg.js";
|
|
55
|
+
import * as go from "../icons/Markdown.svg.js";
|
|
56
|
+
import * as mo from "../icons/Menu.svg.js";
|
|
57
57
|
import * as io from "../icons/NotAllowed.svg.js";
|
|
58
58
|
import * as no from "../icons/Page.svg.js";
|
|
59
59
|
import * as to from "../icons/Pencil.svg.js";
|
|
@@ -73,10 +73,10 @@ import * as bo from "../icons/Unwatch.svg.js";
|
|
|
73
73
|
import * as jo from "../icons/Upload.svg.js";
|
|
74
74
|
import * as Do from "../icons/User.svg.js";
|
|
75
75
|
import * as So from "../icons/UserSwitch.svg.js";
|
|
76
|
-
import * as
|
|
77
|
-
import * as
|
|
78
|
-
import * as
|
|
79
|
-
import * as
|
|
76
|
+
import * as Fo from "../icons/Users.svg.js";
|
|
77
|
+
import * as yo from "../icons/Versions.svg.js";
|
|
78
|
+
import * as Ao from "../icons/Wallet.svg.js";
|
|
79
|
+
import * as Eo from "../icons/Watch.svg.js";
|
|
80
80
|
import * as Ho from "../icons/Workspace.svg.js";
|
|
81
81
|
import * as Ro from "../icons/programming-framework-angular.svg.js";
|
|
82
82
|
import * as To from "../icons/programming-framework-astro.svg.js";
|
|
@@ -89,53 +89,54 @@ import * as No from "../icons/programming-language-clojure.svg.js";
|
|
|
89
89
|
import * as Oo from "../icons/programming-language-csharp.svg.js";
|
|
90
90
|
import * as Wo from "../icons/programming-language-css3.svg.js";
|
|
91
91
|
import * as Io from "../icons/programming-language-dart.svg.js";
|
|
92
|
-
import * as Vo from "../icons/programming-language-
|
|
93
|
-
import * as Bo from "../icons/programming-language-
|
|
94
|
-
import * as $o from "../icons/programming-language-
|
|
95
|
-
import * as Jo from "../icons/programming-language-
|
|
96
|
-
import * as Ko from "../icons/programming-language-
|
|
97
|
-
import * as qo from "../icons/programming-language-
|
|
98
|
-
import * as zo from "../icons/programming-language-
|
|
99
|
-
import * as Qo from "../icons/programming-language-
|
|
100
|
-
import * as Xo from "../icons/programming-language-
|
|
101
|
-
import * as Yo from "../icons/programming-language-
|
|
102
|
-
import * as Zo from "../icons/programming-language-
|
|
103
|
-
import * as _o from "../icons/programming-language-
|
|
104
|
-
import * as or from "../icons/programming-language-
|
|
105
|
-
import * as rr from "../icons/programming-language-
|
|
106
|
-
import * as sr from "../icons/programming-language-
|
|
107
|
-
import * as
|
|
108
|
-
import * as
|
|
109
|
-
import * as
|
|
110
|
-
import * as ir from "../icons/programming-language-
|
|
111
|
-
import * as nr from "../icons/programming-language-
|
|
112
|
-
import * as tr from "../icons/programming-
|
|
113
|
-
import * as pr from "../icons/programming-
|
|
114
|
-
import * as er from "../icons/programming-tool-
|
|
115
|
-
import * as cr from "../
|
|
116
|
-
import * as lr from "../logos/
|
|
117
|
-
import * as fr from "../logos/
|
|
118
|
-
import * as vr from "../logos/
|
|
119
|
-
import * as ur from "../logos/
|
|
120
|
-
import * as dr from "../logos/
|
|
121
|
-
import * as Lr from "../logos/
|
|
122
|
-
import * as hr from "../logos/
|
|
123
|
-
import * as wr from "../logos/
|
|
124
|
-
import * as kr from "../logos/
|
|
125
|
-
import * as Cr from "../logos/
|
|
126
|
-
import * as br from "../logos/
|
|
127
|
-
import * as jr from "../logos/
|
|
128
|
-
import * as Dr from "../logos/
|
|
129
|
-
import * as Sr from "../logos/
|
|
92
|
+
import * as Vo from "../icons/programming-language-fsharp.svg.js";
|
|
93
|
+
import * as Bo from "../icons/programming-language-go.svg.js";
|
|
94
|
+
import * as $o from "../icons/programming-language-html5.svg.js";
|
|
95
|
+
import * as Jo from "../icons/programming-language-http.svg.js";
|
|
96
|
+
import * as Ko from "../icons/programming-language-java.svg.js";
|
|
97
|
+
import * as qo from "../icons/programming-language-javascript.svg.js";
|
|
98
|
+
import * as zo from "../icons/programming-language-json.svg.js";
|
|
99
|
+
import * as Qo from "../icons/programming-language-kotlin.svg.js";
|
|
100
|
+
import * as Xo from "../icons/programming-language-node.svg.js";
|
|
101
|
+
import * as Yo from "../icons/programming-language-objc.svg.js";
|
|
102
|
+
import * as Zo from "../icons/programming-language-ocaml.svg.js";
|
|
103
|
+
import * as _o from "../icons/programming-language-php.svg.js";
|
|
104
|
+
import * as or from "../icons/programming-language-powershell.svg.js";
|
|
105
|
+
import * as rr from "../icons/programming-language-python.svg.js";
|
|
106
|
+
import * as sr from "../icons/programming-language-r.svg.js";
|
|
107
|
+
import * as ar from "../icons/programming-language-ruby.svg.js";
|
|
108
|
+
import * as gr from "../icons/programming-language-rust.svg.js";
|
|
109
|
+
import * as mr from "../icons/programming-language-scala.svg.js";
|
|
110
|
+
import * as ir from "../icons/programming-language-shell.svg.js";
|
|
111
|
+
import * as nr from "../icons/programming-language-swift.svg.js";
|
|
112
|
+
import * as tr from "../icons/programming-language-typescript.svg.js";
|
|
113
|
+
import * as pr from "../icons/programming-script-code.svg.js";
|
|
114
|
+
import * as er from "../icons/programming-tool-git.svg.js";
|
|
115
|
+
import * as cr from "../icons/programming-tool-tailwindcss.svg.js";
|
|
116
|
+
import * as lr from "../logos/Adonisjs.svg.js";
|
|
117
|
+
import * as fr from "../logos/Docusaurus.svg.js";
|
|
118
|
+
import * as vr from "../logos/Dotnet.svg.js";
|
|
119
|
+
import * as ur from "../logos/Elysiajs.svg.js";
|
|
120
|
+
import * as dr from "../logos/Express.svg.js";
|
|
121
|
+
import * as Lr from "../logos/Fastapi.svg.js";
|
|
122
|
+
import * as hr from "../logos/Fastify.svg.js";
|
|
123
|
+
import * as wr from "../logos/Go.svg.js";
|
|
124
|
+
import * as kr from "../logos/Hono.svg.js";
|
|
125
|
+
import * as Cr from "../logos/Laravel.svg.js";
|
|
126
|
+
import * as br from "../logos/Litestar.svg.js";
|
|
127
|
+
import * as jr from "../logos/Nestjs.svg.js";
|
|
128
|
+
import * as Dr from "../logos/Nextjs.svg.js";
|
|
129
|
+
import * as Sr from "../logos/Nitro.svg.js";
|
|
130
|
+
import * as Fr from "../logos/Nuxt.svg.js";
|
|
130
131
|
import * as yr from "../logos/Openapi.svg.js";
|
|
131
132
|
import * as Ar from "../logos/Platformatic.svg.js";
|
|
132
133
|
import * as Er from "../logos/React.svg.js";
|
|
133
|
-
import * as
|
|
134
|
-
import * as
|
|
135
|
-
import * as
|
|
134
|
+
import * as Hr from "../logos/Rust.svg.js";
|
|
135
|
+
import * as Rr from "../logos/Svelte.svg.js";
|
|
136
|
+
import * as Tr from "../logos/Vue.svg.js";
|
|
136
137
|
const s = /* @__PURE__ */ Object.assign({
|
|
137
|
-
"../icons/Add.svg":
|
|
138
|
-
"../icons/AddTab.svg":
|
|
138
|
+
"../icons/Add.svg": g,
|
|
139
|
+
"../icons/AddTab.svg": m,
|
|
139
140
|
"../icons/Alert.svg": i,
|
|
140
141
|
"../icons/ArrowLeft.svg": n,
|
|
141
142
|
"../icons/ArrowRight.svg": t,
|
|
@@ -156,10 +157,10 @@ const s = /* @__PURE__ */ Object.assign({
|
|
|
156
157
|
"../icons/Cog.svg": j,
|
|
157
158
|
"../icons/Collection.svg": D,
|
|
158
159
|
"../icons/Cookie.svg": S,
|
|
159
|
-
"../icons/DarkMode.svg":
|
|
160
|
-
"../icons/Delete.svg":
|
|
161
|
-
"../icons/Discord.svg":
|
|
162
|
-
"../icons/DocsPage.svg":
|
|
160
|
+
"../icons/DarkMode.svg": F,
|
|
161
|
+
"../icons/Delete.svg": y,
|
|
162
|
+
"../icons/Discord.svg": A,
|
|
163
|
+
"../icons/DocsPage.svg": E,
|
|
163
164
|
"../icons/Download.svg": H,
|
|
164
165
|
"../icons/Duplicate.svg": R,
|
|
165
166
|
"../icons/Edit.svg": T,
|
|
@@ -187,9 +188,9 @@ const s = /* @__PURE__ */ Object.assign({
|
|
|
187
188
|
"../icons/Link.svg": oo,
|
|
188
189
|
"../icons/Lock.svg": ro,
|
|
189
190
|
"../icons/Logo.svg": so,
|
|
190
|
-
"../icons/Magic.svg":
|
|
191
|
-
"../icons/Markdown.svg":
|
|
192
|
-
"../icons/Menu.svg":
|
|
191
|
+
"../icons/Magic.svg": ao,
|
|
192
|
+
"../icons/Markdown.svg": go,
|
|
193
|
+
"../icons/Menu.svg": mo,
|
|
193
194
|
"../icons/NotAllowed.svg": io,
|
|
194
195
|
"../icons/Page.svg": no,
|
|
195
196
|
"../icons/Pencil.svg": to,
|
|
@@ -209,10 +210,10 @@ const s = /* @__PURE__ */ Object.assign({
|
|
|
209
210
|
"../icons/Upload.svg": jo,
|
|
210
211
|
"../icons/User.svg": Do,
|
|
211
212
|
"../icons/UserSwitch.svg": So,
|
|
212
|
-
"../icons/Users.svg":
|
|
213
|
-
"../icons/Versions.svg":
|
|
214
|
-
"../icons/Wallet.svg":
|
|
215
|
-
"../icons/Watch.svg":
|
|
213
|
+
"../icons/Users.svg": Fo,
|
|
214
|
+
"../icons/Versions.svg": yo,
|
|
215
|
+
"../icons/Wallet.svg": Ao,
|
|
216
|
+
"../icons/Watch.svg": Eo,
|
|
216
217
|
"../icons/Workspace.svg": Ho,
|
|
217
218
|
"../icons/programming-framework-angular.svg": Ro,
|
|
218
219
|
"../icons/programming-framework-astro.svg": To,
|
|
@@ -225,59 +226,60 @@ const s = /* @__PURE__ */ Object.assign({
|
|
|
225
226
|
"../icons/programming-language-csharp.svg": Oo,
|
|
226
227
|
"../icons/programming-language-css3.svg": Wo,
|
|
227
228
|
"../icons/programming-language-dart.svg": Io,
|
|
228
|
-
"../icons/programming-language-
|
|
229
|
-
"../icons/programming-language-
|
|
230
|
-
"../icons/programming-language-
|
|
231
|
-
"../icons/programming-language-
|
|
232
|
-
"../icons/programming-language-
|
|
233
|
-
"../icons/programming-language-
|
|
234
|
-
"../icons/programming-language-
|
|
235
|
-
"../icons/programming-language-
|
|
236
|
-
"../icons/programming-language-
|
|
237
|
-
"../icons/programming-language-
|
|
238
|
-
"../icons/programming-language-
|
|
239
|
-
"../icons/programming-language-
|
|
240
|
-
"../icons/programming-language-
|
|
241
|
-
"../icons/programming-language-
|
|
242
|
-
"../icons/programming-language-
|
|
243
|
-
"../icons/programming-language-
|
|
244
|
-
"../icons/programming-language-
|
|
245
|
-
"../icons/programming-language-
|
|
246
|
-
"../icons/programming-language-
|
|
247
|
-
"../icons/programming-language-
|
|
248
|
-
"../icons/programming-
|
|
249
|
-
"../icons/programming-
|
|
250
|
-
"../icons/programming-tool-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
"../logos/
|
|
254
|
-
"../logos/
|
|
255
|
-
"../logos/
|
|
256
|
-
"../logos/
|
|
257
|
-
"../logos/
|
|
258
|
-
"../logos/
|
|
259
|
-
"../logos/
|
|
260
|
-
"../logos/
|
|
261
|
-
"../logos/
|
|
262
|
-
"../logos/
|
|
263
|
-
"../logos/
|
|
264
|
-
"../logos/
|
|
265
|
-
"../logos/
|
|
266
|
-
"../logos/
|
|
229
|
+
"../icons/programming-language-fsharp.svg": Vo,
|
|
230
|
+
"../icons/programming-language-go.svg": Bo,
|
|
231
|
+
"../icons/programming-language-html5.svg": $o,
|
|
232
|
+
"../icons/programming-language-http.svg": Jo,
|
|
233
|
+
"../icons/programming-language-java.svg": Ko,
|
|
234
|
+
"../icons/programming-language-javascript.svg": qo,
|
|
235
|
+
"../icons/programming-language-json.svg": zo,
|
|
236
|
+
"../icons/programming-language-kotlin.svg": Qo,
|
|
237
|
+
"../icons/programming-language-node.svg": Xo,
|
|
238
|
+
"../icons/programming-language-objc.svg": Yo,
|
|
239
|
+
"../icons/programming-language-ocaml.svg": Zo,
|
|
240
|
+
"../icons/programming-language-php.svg": _o,
|
|
241
|
+
"../icons/programming-language-powershell.svg": or,
|
|
242
|
+
"../icons/programming-language-python.svg": rr,
|
|
243
|
+
"../icons/programming-language-r.svg": sr,
|
|
244
|
+
"../icons/programming-language-ruby.svg": ar,
|
|
245
|
+
"../icons/programming-language-rust.svg": gr,
|
|
246
|
+
"../icons/programming-language-scala.svg": mr,
|
|
247
|
+
"../icons/programming-language-shell.svg": ir,
|
|
248
|
+
"../icons/programming-language-swift.svg": nr,
|
|
249
|
+
"../icons/programming-language-typescript.svg": tr,
|
|
250
|
+
"../icons/programming-script-code.svg": pr,
|
|
251
|
+
"../icons/programming-tool-git.svg": er,
|
|
252
|
+
"../icons/programming-tool-tailwindcss.svg": cr
|
|
253
|
+
}), a = /* @__PURE__ */ Object.assign({
|
|
254
|
+
"../logos/Adonisjs.svg": lr,
|
|
255
|
+
"../logos/Docusaurus.svg": fr,
|
|
256
|
+
"../logos/Dotnet.svg": vr,
|
|
257
|
+
"../logos/Elysiajs.svg": ur,
|
|
258
|
+
"../logos/Express.svg": dr,
|
|
259
|
+
"../logos/Fastapi.svg": Lr,
|
|
260
|
+
"../logos/Fastify.svg": hr,
|
|
261
|
+
"../logos/Go.svg": wr,
|
|
262
|
+
"../logos/Hono.svg": kr,
|
|
263
|
+
"../logos/Laravel.svg": Cr,
|
|
264
|
+
"../logos/Litestar.svg": br,
|
|
265
|
+
"../logos/Nestjs.svg": jr,
|
|
266
|
+
"../logos/Nextjs.svg": Dr,
|
|
267
|
+
"../logos/Nitro.svg": Sr,
|
|
268
|
+
"../logos/Nuxt.svg": Fr,
|
|
267
269
|
"../logos/Openapi.svg": yr,
|
|
268
270
|
"../logos/Platformatic.svg": Ar,
|
|
269
271
|
"../logos/React.svg": Er,
|
|
270
|
-
"../logos/Rust.svg":
|
|
271
|
-
"../logos/Svelte.svg":
|
|
272
|
-
"../logos/Vue.svg":
|
|
273
|
-
}),
|
|
272
|
+
"../logos/Rust.svg": Hr,
|
|
273
|
+
"../logos/Svelte.svg": Rr,
|
|
274
|
+
"../logos/Vue.svg": Tr
|
|
275
|
+
}), Ur = (o) => {
|
|
274
276
|
const r = `../icons/${o}.svg`;
|
|
275
277
|
return s[r] ? s[r] : (console.warn(`Could not find icon: ${o}`), null);
|
|
276
|
-
},
|
|
278
|
+
}, xr = (o) => {
|
|
277
279
|
const r = `../logos/${o}.svg`;
|
|
278
|
-
return
|
|
280
|
+
return a[r] ? a[r] : (console.warn(`Could not find icon: ${o}`), null);
|
|
279
281
|
};
|
|
280
282
|
export {
|
|
281
|
-
|
|
282
|
-
|
|
283
|
+
Ur as getIcon,
|
|
284
|
+
xr as getLogo
|
|
283
285
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarIconButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarIconButton/ScalarIconButton.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScalarIconButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarIconButton/ScalarIconButton.vue"],"names":[],"mappings":"AAgGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAGpD;;;;;;;;;;;;GAYG;;AACH,wBAkHC"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { useBindCx as
|
|
3
|
-
import {
|
|
4
|
-
import { useTooltip as
|
|
5
|
-
import
|
|
6
|
-
const
|
|
1
|
+
import { defineComponent as d, useTemplateRef as c, computed as o, createElementBlock as s, openBlock as a, mergeProps as u, unref as i, createVNode as m, createCommentVNode as p, toDisplayString as f } from "vue";
|
|
2
|
+
import { cva as b, useBindCx as h } from "@scalar/use-hooks/useBindCx";
|
|
3
|
+
import { BUTTON_VARIANT_STYLES as g } from "../ScalarButton/constants.js";
|
|
4
|
+
import { useTooltip as v } from "../ScalarTooltip/useTooltip.js";
|
|
5
|
+
import z from "../ScalarIcon/ScalarIconLegacyAdapter.vue.js";
|
|
6
|
+
const k = ["aria-disabled"], y = {
|
|
7
7
|
key: 0,
|
|
8
8
|
class: "sr-only"
|
|
9
|
-
},
|
|
10
|
-
...
|
|
9
|
+
}, B = {}, C = /* @__PURE__ */ d({
|
|
10
|
+
...B,
|
|
11
11
|
inheritAttrs: !1,
|
|
12
12
|
__name: "ScalarIconButton",
|
|
13
13
|
props: {
|
|
@@ -15,34 +15,57 @@ const v = ["aria-disabled"], k = {
|
|
|
15
15
|
icon: {},
|
|
16
16
|
disabled: { type: Boolean },
|
|
17
17
|
variant: { default: "ghost" },
|
|
18
|
-
size: {},
|
|
18
|
+
size: { default: "md" },
|
|
19
19
|
thickness: {},
|
|
20
20
|
weight: {},
|
|
21
21
|
tooltip: { type: Boolean }
|
|
22
22
|
},
|
|
23
23
|
setup(t) {
|
|
24
|
-
const
|
|
25
|
-
|
|
24
|
+
const n = b({
|
|
25
|
+
base: "scalar-icon-button grid aspect-square cursor-pointer rounded",
|
|
26
|
+
variants: {
|
|
27
|
+
size: {
|
|
28
|
+
xxs: "size-3.5 p-0.5",
|
|
29
|
+
xs: "size-5 p-1",
|
|
30
|
+
sm: "size-6 p-1",
|
|
31
|
+
md: "size-10 p-3",
|
|
32
|
+
full: "size-full"
|
|
33
|
+
},
|
|
34
|
+
disabled: {
|
|
35
|
+
true: "cursor-not-allowed shadow-none"
|
|
36
|
+
},
|
|
37
|
+
// We use the same button styles for the icon buttons
|
|
38
|
+
variant: g
|
|
39
|
+
},
|
|
40
|
+
compoundVariants: [
|
|
41
|
+
{
|
|
42
|
+
size: "md",
|
|
43
|
+
variant: "ghost",
|
|
44
|
+
class: "size-8 p-2 m-1 -outline-offset-2 rounded-lg"
|
|
45
|
+
}
|
|
46
|
+
]
|
|
47
|
+
}), { cx: r } = h(), l = c("ref");
|
|
48
|
+
return v({
|
|
26
49
|
content: o(() => t.label),
|
|
27
50
|
offset: o(() => t.variant === "ghost" ? 0 : 4),
|
|
28
51
|
placement: o(
|
|
29
52
|
() => typeof t.tooltip == "boolean" ? void 0 : t.tooltip
|
|
30
53
|
),
|
|
31
54
|
targetRef: o(() => t.tooltip ? l.value : void 0)
|
|
32
|
-
}), (e,
|
|
55
|
+
}), (e, w) => (a(), s("button", u({
|
|
33
56
|
ref: "ref",
|
|
34
57
|
"aria-disabled": e.disabled,
|
|
35
58
|
type: "button"
|
|
36
|
-
}, i(
|
|
37
|
-
|
|
59
|
+
}, i(r)(i(n)({ size: e.size, variant: e.variant, disabled: e.disabled }))), [
|
|
60
|
+
m(i(z), {
|
|
38
61
|
icon: e.icon,
|
|
39
62
|
thickness: e.thickness,
|
|
40
63
|
weight: e.weight
|
|
41
64
|
}, null, 8, ["icon", "thickness", "weight"]),
|
|
42
|
-
e.tooltip ?
|
|
43
|
-
], 16,
|
|
65
|
+
e.tooltip ? p("", !0) : (a(), s("span", y, f(e.label), 1))
|
|
66
|
+
], 16, k));
|
|
44
67
|
}
|
|
45
68
|
});
|
|
46
69
|
export {
|
|
47
|
-
|
|
70
|
+
C as default
|
|
48
71
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { ScalarIconComponent, ScalarIconWeight } from '@scalar/icons/types';
|
|
2
|
-
import type {
|
|
3
|
-
import type { Icon } from '../ScalarIcon';
|
|
2
|
+
import type { ButtonVariant } from '../../components/ScalarButton/types';
|
|
4
3
|
import type { ScalarTooltipPlacement } from '../../components/ScalarTooltip';
|
|
4
|
+
import type { Icon as LegacyIcon } from '../ScalarIcon';
|
|
5
5
|
export type ScalarIconButtonProps = {
|
|
6
6
|
/**
|
|
7
7
|
* An accessible label for the icon button
|
|
@@ -15,7 +15,7 @@ export type ScalarIconButtonProps = {
|
|
|
15
15
|
* Use a component from the `@scalar/icons` package to display
|
|
16
16
|
* an icon. String values are deprecated.
|
|
17
17
|
*/
|
|
18
|
-
icon:
|
|
18
|
+
icon: LegacyIcon | ScalarIconComponent;
|
|
19
19
|
/** Whether the icon button is disabled */
|
|
20
20
|
disabled?: boolean;
|
|
21
21
|
/**
|
|
@@ -24,13 +24,13 @@ export type ScalarIconButtonProps = {
|
|
|
24
24
|
* @default 'ghost'
|
|
25
25
|
* @see <ScalarButton>
|
|
26
26
|
*/
|
|
27
|
-
variant?:
|
|
27
|
+
variant?: ButtonVariant;
|
|
28
28
|
/**
|
|
29
29
|
* The size of the icon button
|
|
30
30
|
*
|
|
31
31
|
* @default 'md'
|
|
32
32
|
*/
|
|
33
|
-
size?:
|
|
33
|
+
size?: 'xxs' | 'xs' | 'sm' | 'md' | 'full';
|
|
34
34
|
/**
|
|
35
35
|
* The thickness of the icon
|
|
36
36
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarIconButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAEhF,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarIconButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAEhF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAA;AACpE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAA;AAExE,OAAO,KAAK,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,eAAe,CAAA;AAEvD,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;;;;OAKG;IACH,IAAI,EAAE,UAAU,GAAG,mBAAmB,CAAA;IACtC,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB;;;;OAIG;IACH,IAAI,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;IAC1C;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,gBAAgB,CAAA;IACzB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,sBAAsB,CAAA;CAC3C,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarMarkdown.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMarkdown/ScalarMarkdown.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScalarMarkdown.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMarkdown/ScalarMarkdown.vue"],"names":[],"mappings":"AAspBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;;;;AA+FlD,wBAOG"}
|
|
@@ -29,19 +29,19 @@ export declare const samples: [{
|
|
|
29
29
|
}, {
|
|
30
30
|
readonly label: "Unordered Lists";
|
|
31
31
|
readonly key: "lists-unordered";
|
|
32
|
-
readonly value: "\nUnordered list\n\n- Red\n- Green\n- Blue\n\n---\n\nUnordered list with mixed symbols\n\n- Red\n+ Green\n* Blue\n\n---\n\nNested unordered lists \n\n- Level 1\n- Level 1\n
|
|
32
|
+
readonly value: "\nUnordered list\n\n- Red\n- Green\n- Blue\n\n---\n\nUnordered list with mixed symbols\n\n- Red\n+ Green\n* Blue\n\n---\n\nNested unordered lists \n\n- Level 1\n- Level 1\n - Level 2\n - Level 2\n - Level 3\n - Level 3\n - Level 4\n - Level 4\n - Level 5\n - Level 5\n - Level 6\n - Level 6\n - Level 7\n - Level 7\n - Level 8\n - Level 8\n - Level 2\n - Level 2\n\n---\n\nList with inline elements\n\n- This is a [link](https://scalar.com) and a bunch more content forcing the line to wrap to the next line. This is some **bold text** and some *italic text* and some more text to make sure it wraps.\n- This is some `inline code` and a math formula: (E = mc^2)\n";
|
|
33
33
|
}, {
|
|
34
34
|
readonly label: "Ordered Lists";
|
|
35
35
|
readonly key: "lists-ordered";
|
|
36
|
-
readonly value: "\nOrdered list\n\n1. Bird\n1. McHale\n1. Parish\n\n---\n\nOrdered list with mixed numbers\n\n1. Bird\n3. McHale\n2. Parish\n\n---\n\nNested ordered lists \n\n1. Level 1\n1. Level 1\n
|
|
36
|
+
readonly value: "\nOrdered list\n\n1. Bird\n1. McHale\n1. Parish\n\n---\n\nOrdered list with mixed numbers\n\n1. Bird\n3. McHale\n2. Parish\n\n---\n\nNested ordered lists \n\n1. Level 1\n1. Level 1\n 1. Level 2\n 1. Level 2\n 1. Level 3\n 1. Level 3\n 1. Level 4\n 1. Level 4\n 1. Level 5\n 1. Level 5\n 1. Level 6\n 1. Level 6\n 1. Level 7\n 1. Level 7\n 1. Level 8\n 1. Level 8\n 1. Level 2\n 1. Level 2\n\n---\n\nList with inline elements\n\n1. This is a [link](https://scalar.com) and a bunch more content forcing the line to wrap to the next line. This is some **bold text** and some *italic text* and some more text to make sure it wraps.\n2. This is some `inline code` and a math formula: (E = mc^2)\n";
|
|
37
37
|
}, {
|
|
38
38
|
readonly label: "Task Lists";
|
|
39
39
|
readonly key: "lists-task";
|
|
40
|
-
readonly value: "\nTask list\n\n- [x] Write the press release\n- [ ] Update the website\n- [ ] Contact the media\n\n---\n\nTask list with nested lists\n\n- [x] Write the press release\n
|
|
40
|
+
readonly value: "\nTask list\n\n- [x] Write the press release\n- [ ] Update the website\n- [ ] Contact the media\n\n---\n\nTask list with nested lists\n\n- [x] Write the press release\n - [x] Draft the content\n - [x] Review with the team\n- [ ] Update the website\n - Unordered sublist item\n - Another sublist item\n- [ ] Update the website\n 1. Ordered sublist item\n 2. Another sublist item\n- [ ] Contact the media\n\n---\n\nTask Lists with inline elements\n\n- [x] This is a [link](https://scalar.com) and a bunch more content forcing the line to wrap to the next line. This is some **bold text** and some *italic text* and some more text to make sure it wraps.\n- [ ] This is some `inline code` and a math formula: (E = mc^2)\n";
|
|
41
41
|
}, {
|
|
42
42
|
readonly label: "Mixed Lists";
|
|
43
43
|
readonly key: "lists-mixed";
|
|
44
|
-
readonly value: "\nNested mixed lists \n\n* ul level 1\n* ul level 1\n
|
|
44
|
+
readonly value: "\nNested mixed lists \n\n* ul level 1\n* ul level 1\n 1. ol level 2\n 1. ol level 2\n * ul level 3\n * ul level 3\n 1. ol level 2\n 1. ol level 2\n\n---\n\nWith task lists\n\n- Unordered item\n- [x] Completed task\n- [ ] Incomplete task\n 1. Ordered item\n - [x] Completed sub-task\n 2. Ordered item\n - [x] Completed sub-task\n - [ ] Incomplete sub-Task\n - Unordered item\n - [ ] Incomplete sub-Task\n";
|
|
45
45
|
}, {
|
|
46
46
|
readonly label: "List Interactions";
|
|
47
47
|
readonly key: "lists-interactions";
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
declare const _default: "\nNested mixed lists \n\n* ul level 1\n* ul level 1\n
|
|
1
|
+
declare const _default: "\nNested mixed lists \n\n* ul level 1\n* ul level 1\n 1. ol level 2\n 1. ol level 2\n * ul level 3\n * ul level 3\n 1. ol level 2\n 1. ol level 2\n\n---\n\nWith task lists\n\n- Unordered item\n- [x] Completed task\n- [ ] Incomplete task\n 1. Ordered item\n - [x] Completed sub-task\n 2. Ordered item\n - [x] Completed sub-task\n - [ ] Incomplete sub-Task\n - Unordered item\n - [ ] Incomplete sub-Task\n";
|
|
2
2
|
export default _default;
|
|
3
3
|
//# sourceMappingURL=lists-mixed.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lists-mixed.d.ts","sourceRoot":"","sources":["../../../../src/components/ScalarMarkdown/samples/lists-mixed.ts"],"names":[],"mappings":";AAAA,
|
|
1
|
+
{"version":3,"file":"lists-mixed.d.ts","sourceRoot":"","sources":["../../../../src/components/ScalarMarkdown/samples/lists-mixed.ts"],"names":[],"mappings":";AAAA,wBA0BC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
declare const _default: "\nOrdered list\n\n1. Bird\n1. McHale\n1. Parish\n\n---\n\nOrdered list with mixed numbers\n\n1. Bird\n3. McHale\n2. Parish\n\n---\n\nNested ordered lists \n\n1. Level 1\n1. Level 1\n
|
|
1
|
+
declare const _default: "\nOrdered list\n\n1. Bird\n1. McHale\n1. Parish\n\n---\n\nOrdered list with mixed numbers\n\n1. Bird\n3. McHale\n2. Parish\n\n---\n\nNested ordered lists \n\n1. Level 1\n1. Level 1\n 1. Level 2\n 1. Level 2\n 1. Level 3\n 1. Level 3\n 1. Level 4\n 1. Level 4\n 1. Level 5\n 1. Level 5\n 1. Level 6\n 1. Level 6\n 1. Level 7\n 1. Level 7\n 1. Level 8\n 1. Level 8\n 1. Level 2\n 1. Level 2\n\n---\n\nList with inline elements\n\n1. This is a [link](https://scalar.com) and a bunch more content forcing the line to wrap to the next line. This is some **bold text** and some *italic text* and some more text to make sure it wraps.\n2. This is some `inline code` and a math formula: (E = mc^2)\n";
|
|
2
2
|
export default _default;
|
|
3
3
|
//# sourceMappingURL=lists-ordered.d.ts.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
declare const _default: "\nTask list\n\n- [x] Write the press release\n- [ ] Update the website\n- [ ] Contact the media\n\n---\n\nTask list with nested lists\n\n- [x] Write the press release\n
|
|
1
|
+
declare const _default: "\nTask list\n\n- [x] Write the press release\n- [ ] Update the website\n- [ ] Contact the media\n\n---\n\nTask list with nested lists\n\n- [x] Write the press release\n - [x] Draft the content\n - [x] Review with the team\n- [ ] Update the website\n - Unordered sublist item\n - Another sublist item\n- [ ] Update the website\n 1. Ordered sublist item\n 2. Another sublist item\n- [ ] Contact the media\n\n---\n\nTask Lists with inline elements\n\n- [x] This is a [link](https://scalar.com) and a bunch more content forcing the line to wrap to the next line. This is some **bold text** and some *italic text* and some more text to make sure it wraps.\n- [ ] This is some `inline code` and a math formula: (E = mc^2)\n";
|
|
2
2
|
export default _default;
|
|
3
3
|
//# sourceMappingURL=lists-tasks.d.ts.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
declare const _default: "\nUnordered list\n\n- Red\n- Green\n- Blue\n\n---\n\nUnordered list with mixed symbols\n\n- Red\n+ Green\n* Blue\n\n---\n\nNested unordered lists \n\n- Level 1\n- Level 1\n
|
|
1
|
+
declare const _default: "\nUnordered list\n\n- Red\n- Green\n- Blue\n\n---\n\nUnordered list with mixed symbols\n\n- Red\n+ Green\n* Blue\n\n---\n\nNested unordered lists \n\n- Level 1\n- Level 1\n - Level 2\n - Level 2\n - Level 3\n - Level 3\n - Level 4\n - Level 4\n - Level 5\n - Level 5\n - Level 6\n - Level 6\n - Level 7\n - Level 7\n - Level 8\n - Level 8\n - Level 2\n - Level 2\n\n---\n\nList with inline elements\n\n- This is a [link](https://scalar.com) and a bunch more content forcing the line to wrap to the next line. This is some **bold text** and some *italic text* and some more text to make sure it wraps.\n- This is some `inline code` and a math formula: (E = mc^2)\n";
|
|
2
2
|
export default _default;
|
|
3
3
|
//# sourceMappingURL=lists-unordered.d.ts.map
|
|
@@ -37,6 +37,10 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ScalarSide
|
|
|
37
37
|
items?(props: {
|
|
38
38
|
open: boolean;
|
|
39
39
|
}): unknown;
|
|
40
|
+
/** Side icon for the sidebar group */
|
|
41
|
+
icon?(props: {
|
|
42
|
+
open: boolean;
|
|
43
|
+
}): unknown;
|
|
40
44
|
}>;
|
|
41
45
|
export default _default;
|
|
42
46
|
type __VLS_WithSlots<T, S> = T & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarSidebarGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebarGroup.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScalarSidebarGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebarGroup.vue"],"names":[],"mappings":"AA2FA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAA;AAM9E,OAAO,EAAE,KAAK,iBAAiB,EAAoB,MAAM,oBAAoB,CAAA;AAG7E;;;;;;;;;;;;;;GAcG;;iBA8BU,OAAO;;;;iBAAP,OAAO;;;;IAtBlB,qCAAqC;oBACrB;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,GAAG,OAAO;IAC3C,wCAAwC;mBACzB;QAAE,IAAI,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,iBAAiB,CAAA;KAAE,GAAG,OAAO;IACpE,mCAAmC;kBACrB;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,GAAG,OAAO;IACzC,sCAAsC;iBACzB;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,GAAG,OAAO;;AAd1C,wBAqKC;AAOD,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|