@bluepic/embed 0.1.55 → 0.1.57

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 (8) hide show
  1. package/lib/bluepic-embed.es.js +30702 -30342
  2. package/lib/bluepic-embed.umd.js +446 -140
  3. package/lib/index.d.ts +2 -1
  4. package/lib/index.d.ts.map +1 -1
  5. package/lib/style.css +1 -1
  6. package/lib/util/useTheme.d.ts +232 -117
  7. package/lib/util/useTheme.d.ts.map +1 -1
  8. package/package.json +1 -1
package/lib/util/useTheme.d.ts CHANGED
@@ -1,6 +1,121 @@
1
1
  import { Ref } from 'vue';
2
2
  export declare function getThemeStyle(rawCSS: string): Record<string, string>;
3
- export declare function useTheme(bluepicAppWrapperSelector?: string): Ref<Partial<{
3
+ export declare function useTheme(bluepicAppWrapperSelector?: string, darkmode?: boolean | 'auto'): Ref<{
4
+ "primary-color-base"?: string | undefined;
5
+ "primary-color-light"?: string | undefined;
6
+ "primary-color-dark"?: string | undefined;
7
+ "primary-color-bright"?: string | undefined;
8
+ "success-color-base"?: string | undefined;
9
+ "success-color-light"?: string | undefined;
10
+ "success-color-dark"?: string | undefined;
11
+ "success-color-darker"?: string | undefined;
12
+ "error-color-base"?: string | undefined;
13
+ "error-color-light"?: string | undefined;
14
+ "error-color-dark"?: string | undefined;
15
+ "error-color-darker"?: string | undefined;
16
+ "warning-color-base"?: string | undefined;
17
+ "warning-color-light"?: string | undefined;
18
+ "warning-color-dark"?: string | undefined;
19
+ "warning-color-darker"?: string | undefined;
20
+ "border-color-base"?: string | undefined;
21
+ "text-color-base"?: string | undefined;
22
+ "text-color-alt"?: string | undefined;
23
+ "card-border-color"?: string | undefined;
24
+ "card-background-color"?: string | undefined;
25
+ "card-background-color-hover"?: string | undefined;
26
+ "card-header-divider-color"?: string | undefined;
27
+ "card-footer-divider-color"?: string | undefined;
28
+ "card-footer-background-color"?: string | undefined;
29
+ "popover-without-darkened-bg-background-color"?: string | undefined;
30
+ "popover-without-darkened-bg-box-shadow"?: string | undefined;
31
+ "input-border-color"?: string | undefined;
32
+ "input-border-color-hover"?: string | undefined;
33
+ "input-border-color-focus"?: string | undefined;
34
+ "input-shadow-focus-color"?: string | undefined;
35
+ "input-background-color"?: string | undefined;
36
+ "input-outline-color-focus"?: string | undefined;
37
+ "input-border-color-disabled"?: string | undefined;
38
+ "input-opacity-disabled"?: string | undefined;
39
+ "checkbox-border-color"?: string | undefined;
40
+ "checkbox-outline-color-focus"?: string | undefined;
41
+ "checkbox-border-color-focus"?: string | undefined;
42
+ "checkbox-border-color-checked"?: string | undefined;
43
+ "checkbox-background-color-checked"?: string | undefined;
44
+ "labeled-text-color"?: string | undefined;
45
+ "label-background-color"?: string | undefined;
46
+ "select-background-color"?: string | undefined;
47
+ "select-background-color-hover"?: string | undefined;
48
+ "select-background-color-focus"?: string | undefined;
49
+ "select-border"?: string | undefined;
50
+ "select-border-hover"?: string | undefined;
51
+ "select-border-focus"?: string | undefined;
52
+ "select-color"?: string | undefined;
53
+ "select-color-hover"?: string | undefined;
54
+ "select-color-focus"?: string | undefined;
55
+ "popover-background-color"?: string | undefined;
56
+ "popover-border"?: string | undefined;
57
+ "popover-arrow-border-color"?: string | undefined;
58
+ "popup-background-color"?: string | undefined;
59
+ "menu-item-color"?: string | undefined;
60
+ "menu-item-color-active"?: string | undefined;
61
+ "menu-item-background-color"?: string | undefined;
62
+ "menu-item-background-color-active"?: string | undefined;
63
+ "menu-item-background-color-hover"?: string | undefined;
64
+ "list-divider"?: string | undefined;
65
+ "list-item-background-color-hover"?: string | undefined;
66
+ "empty-text-color"?: string | undefined;
67
+ "select-button-background-color"?: string | undefined;
68
+ "select-button-background-color-hover"?: string | undefined;
69
+ "tag-background-color"?: string | undefined;
70
+ "tag-color"?: string | undefined;
71
+ "tag-border-color"?: string | undefined;
72
+ "tag-error-background-color"?: string | undefined;
73
+ "tag-error-color"?: string | undefined;
74
+ "tag-error-border-color"?: string | undefined;
75
+ "slider-body-background-color"?: string | undefined;
76
+ "slider-body-background-color-hover"?: string | undefined;
77
+ "slider-body-background-color-focus"?: string | undefined;
78
+ "slider-thumb-background-color"?: string | undefined;
79
+ "slider-thumb-background-color-hover"?: string | undefined;
80
+ "slider-thumb-background-color-focus"?: string | undefined;
81
+ "slider-thumb-box-shadow"?: string | undefined;
82
+ "slider-value-background-color"?: string | undefined;
83
+ "slider-value-background-color-hover"?: string | undefined;
84
+ "slider-value-background-color-focus"?: string | undefined;
85
+ "progress-background-color"?: string | undefined;
86
+ "progress-value-color"?: string | undefined;
87
+ "tab-color"?: string | undefined;
88
+ "tab-color-active"?: string | undefined;
89
+ "tab-segment-background-color"?: string | undefined;
90
+ "tab-segment-background-color-active"?: string | undefined;
91
+ "tab-segment-color"?: string | undefined;
92
+ "tab-segment-color-active"?: string | undefined;
93
+ "button-border"?: string | undefined;
94
+ "button-border-hover"?: string | undefined;
95
+ "button-border-focus"?: string | undefined;
96
+ "button-background-color"?: string | undefined;
97
+ "button-background-color-hover"?: string | undefined;
98
+ "button-background-color-focus"?: string | undefined;
99
+ "button-text-color"?: string | undefined;
100
+ "button-text-color-hover"?: string | undefined;
101
+ "button-text-color-focus"?: string | undefined;
102
+ "button-box-shadow"?: string | undefined;
103
+ "button-box-shadow-hover"?: string | undefined;
104
+ "button-secondary-border"?: string | undefined;
105
+ "button-secondary-border-hover"?: string | undefined;
106
+ "button-secondary-border-focus"?: string | undefined;
107
+ "button-secondary-background-color"?: string | undefined;
108
+ "button-secondary-background-color-hover"?: string | undefined;
109
+ "button-secondary-background-color-focus"?: string | undefined;
110
+ "button-secondary-text-color"?: string | undefined;
111
+ "button-secondary-text-color-hover"?: string | undefined;
112
+ "button-secondary-text-color-focus"?: string | undefined;
113
+ "button-secondary-box-shadow"?: string | undefined;
114
+ "button-secondary-box-shadow-hover"?: string | undefined;
115
+ "message-body-background-color"?: string | undefined;
116
+ "message-body-text-color"?: string | undefined;
117
+ "message-body-border"?: string | undefined;
118
+ }, Partial<{
4
119
  "primary-color-base": string;
5
120
  "primary-color-light": string;
6
121
  "primary-color-dark": string;
@@ -115,120 +230,120 @@ export declare function useTheme(bluepicAppWrapperSelector?: string): Ref<Partia
115
230
  "message-body-background-color": string;
116
231
  "message-body-text-color": string;
117
232
  "message-body-border": string;
118
- }> | undefined, Partial<{
119
- "primary-color-base": string;
120
- "primary-color-light": string;
121
- "primary-color-dark": string;
122
- "primary-color-bright": string;
123
- "success-color-base": string;
124
- "success-color-light": string;
125
- "success-color-dark": string;
126
- "success-color-darker": string;
127
- "error-color-base": string;
128
- "error-color-light": string;
129
- "error-color-dark": string;
130
- "error-color-darker": string;
131
- "warning-color-base": string;
132
- "warning-color-light": string;
133
- "warning-color-dark": string;
134
- "warning-color-darker": string;
135
- "border-color-base": string;
136
- "text-color-base": string;
137
- "text-color-alt": string;
138
- "card-border-color": string;
139
- "card-background-color": string;
140
- "card-background-color-hover": string;
141
- "card-header-divider-color": string;
142
- "card-footer-divider-color": string;
143
- "card-footer-background-color": string;
144
- "popover-without-darkened-bg-background-color": string;
145
- "popover-without-darkened-bg-box-shadow": string;
146
- "input-border-color": string;
147
- "input-border-color-hover": string;
148
- "input-border-color-focus": string;
149
- "input-shadow-focus-color": string;
150
- "input-background-color": string;
151
- "input-outline-color-focus": string;
152
- "input-border-color-disabled": string;
153
- "input-opacity-disabled": string;
154
- "checkbox-border-color": string;
155
- "checkbox-outline-color-focus": string;
156
- "checkbox-border-color-focus": string;
157
- "checkbox-border-color-checked": string;
158
- "checkbox-background-color-checked": string;
159
- "labeled-text-color": string;
160
- "label-background-color": string;
161
- "select-background-color": string;
162
- "select-background-color-hover": string;
163
- "select-background-color-focus": string;
164
- "select-border": string;
165
- "select-border-hover": string;
166
- "select-border-focus": string;
167
- "select-color": string;
168
- "select-color-hover": string;
169
- "select-color-focus": string;
170
- "popover-background-color": string;
171
- "popover-border": string;
172
- "popover-arrow-border-color": string;
173
- "popup-background-color": string;
174
- "menu-item-color": string;
175
- "menu-item-color-active": string;
176
- "menu-item-background-color": string;
177
- "menu-item-background-color-active": string;
178
- "menu-item-background-color-hover": string;
179
- "list-divider": string;
180
- "list-item-background-color-hover": string;
181
- "empty-text-color": string;
182
- "select-button-background-color": string;
183
- "select-button-background-color-hover": string;
184
- "tag-background-color": string;
185
- "tag-color": string;
186
- "tag-border-color": string;
187
- "tag-error-background-color": string;
188
- "tag-error-color": string;
189
- "tag-error-border-color": string;
190
- "slider-body-background-color": string;
191
- "slider-body-background-color-hover": string;
192
- "slider-body-background-color-focus": string;
193
- "slider-thumb-background-color": string;
194
- "slider-thumb-background-color-hover": string;
195
- "slider-thumb-background-color-focus": string;
196
- "slider-thumb-box-shadow": string;
197
- "slider-value-background-color": string;
198
- "slider-value-background-color-hover": string;
199
- "slider-value-background-color-focus": string;
200
- "progress-background-color": string;
201
- "progress-value-color": string;
202
- "tab-color": string;
203
- "tab-color-active": string;
204
- "tab-segment-background-color": string;
205
- "tab-segment-background-color-active": string;
206
- "tab-segment-color": string;
207
- "tab-segment-color-active": string;
208
- "button-border": string;
209
- "button-border-hover": string;
210
- "button-border-focus": string;
211
- "button-background-color": string;
212
- "button-background-color-hover": string;
213
- "button-background-color-focus": string;
214
- "button-text-color": string;
215
- "button-text-color-hover": string;
216
- "button-text-color-focus": string;
217
- "button-box-shadow": string;
218
- "button-box-shadow-hover": string;
219
- "button-secondary-border": string;
220
- "button-secondary-border-hover": string;
221
- "button-secondary-border-focus": string;
222
- "button-secondary-background-color": string;
223
- "button-secondary-background-color-hover": string;
224
- "button-secondary-background-color-focus": string;
225
- "button-secondary-text-color": string;
226
- "button-secondary-text-color-hover": string;
227
- "button-secondary-text-color-focus": string;
228
- "button-secondary-box-shadow": string;
229
- "button-secondary-box-shadow-hover": string;
230
- "message-body-background-color": string;
231
- "message-body-text-color": string;
232
- "message-body-border": string;
233
- }> | undefined>;
233
+ }> | {
234
+ "primary-color-base"?: string | undefined;
235
+ "primary-color-light"?: string | undefined;
236
+ "primary-color-dark"?: string | undefined;
237
+ "primary-color-bright"?: string | undefined;
238
+ "success-color-base"?: string | undefined;
239
+ "success-color-light"?: string | undefined;
240
+ "success-color-dark"?: string | undefined;
241
+ "success-color-darker"?: string | undefined;
242
+ "error-color-base"?: string | undefined;
243
+ "error-color-light"?: string | undefined;
244
+ "error-color-dark"?: string | undefined;
245
+ "error-color-darker"?: string | undefined;
246
+ "warning-color-base"?: string | undefined;
247
+ "warning-color-light"?: string | undefined;
248
+ "warning-color-dark"?: string | undefined;
249
+ "warning-color-darker"?: string | undefined;
250
+ "border-color-base"?: string | undefined;
251
+ "text-color-base"?: string | undefined;
252
+ "text-color-alt"?: string | undefined;
253
+ "card-border-color"?: string | undefined;
254
+ "card-background-color"?: string | undefined;
255
+ "card-background-color-hover"?: string | undefined;
256
+ "card-header-divider-color"?: string | undefined;
257
+ "card-footer-divider-color"?: string | undefined;
258
+ "card-footer-background-color"?: string | undefined;
259
+ "popover-without-darkened-bg-background-color"?: string | undefined;
260
+ "popover-without-darkened-bg-box-shadow"?: string | undefined;
261
+ "input-border-color"?: string | undefined;
262
+ "input-border-color-hover"?: string | undefined;
263
+ "input-border-color-focus"?: string | undefined;
264
+ "input-shadow-focus-color"?: string | undefined;
265
+ "input-background-color"?: string | undefined;
266
+ "input-outline-color-focus"?: string | undefined;
267
+ "input-border-color-disabled"?: string | undefined;
268
+ "input-opacity-disabled"?: string | undefined;
269
+ "checkbox-border-color"?: string | undefined;
270
+ "checkbox-outline-color-focus"?: string | undefined;
271
+ "checkbox-border-color-focus"?: string | undefined;
272
+ "checkbox-border-color-checked"?: string | undefined;
273
+ "checkbox-background-color-checked"?: string | undefined;
274
+ "labeled-text-color"?: string | undefined;
275
+ "label-background-color"?: string | undefined;
276
+ "select-background-color"?: string | undefined;
277
+ "select-background-color-hover"?: string | undefined;
278
+ "select-background-color-focus"?: string | undefined;
279
+ "select-border"?: string | undefined;
280
+ "select-border-hover"?: string | undefined;
281
+ "select-border-focus"?: string | undefined;
282
+ "select-color"?: string | undefined;
283
+ "select-color-hover"?: string | undefined;
284
+ "select-color-focus"?: string | undefined;
285
+ "popover-background-color"?: string | undefined;
286
+ "popover-border"?: string | undefined;
287
+ "popover-arrow-border-color"?: string | undefined;
288
+ "popup-background-color"?: string | undefined;
289
+ "menu-item-color"?: string | undefined;
290
+ "menu-item-color-active"?: string | undefined;
291
+ "menu-item-background-color"?: string | undefined;
292
+ "menu-item-background-color-active"?: string | undefined;
293
+ "menu-item-background-color-hover"?: string | undefined;
294
+ "list-divider"?: string | undefined;
295
+ "list-item-background-color-hover"?: string | undefined;
296
+ "empty-text-color"?: string | undefined;
297
+ "select-button-background-color"?: string | undefined;
298
+ "select-button-background-color-hover"?: string | undefined;
299
+ "tag-background-color"?: string | undefined;
300
+ "tag-color"?: string | undefined;
301
+ "tag-border-color"?: string | undefined;
302
+ "tag-error-background-color"?: string | undefined;
303
+ "tag-error-color"?: string | undefined;
304
+ "tag-error-border-color"?: string | undefined;
305
+ "slider-body-background-color"?: string | undefined;
306
+ "slider-body-background-color-hover"?: string | undefined;
307
+ "slider-body-background-color-focus"?: string | undefined;
308
+ "slider-thumb-background-color"?: string | undefined;
309
+ "slider-thumb-background-color-hover"?: string | undefined;
310
+ "slider-thumb-background-color-focus"?: string | undefined;
311
+ "slider-thumb-box-shadow"?: string | undefined;
312
+ "slider-value-background-color"?: string | undefined;
313
+ "slider-value-background-color-hover"?: string | undefined;
314
+ "slider-value-background-color-focus"?: string | undefined;
315
+ "progress-background-color"?: string | undefined;
316
+ "progress-value-color"?: string | undefined;
317
+ "tab-color"?: string | undefined;
318
+ "tab-color-active"?: string | undefined;
319
+ "tab-segment-background-color"?: string | undefined;
320
+ "tab-segment-background-color-active"?: string | undefined;
321
+ "tab-segment-color"?: string | undefined;
322
+ "tab-segment-color-active"?: string | undefined;
323
+ "button-border"?: string | undefined;
324
+ "button-border-hover"?: string | undefined;
325
+ "button-border-focus"?: string | undefined;
326
+ "button-background-color"?: string | undefined;
327
+ "button-background-color-hover"?: string | undefined;
328
+ "button-background-color-focus"?: string | undefined;
329
+ "button-text-color"?: string | undefined;
330
+ "button-text-color-hover"?: string | undefined;
331
+ "button-text-color-focus"?: string | undefined;
332
+ "button-box-shadow"?: string | undefined;
333
+ "button-box-shadow-hover"?: string | undefined;
334
+ "button-secondary-border"?: string | undefined;
335
+ "button-secondary-border-hover"?: string | undefined;
336
+ "button-secondary-border-focus"?: string | undefined;
337
+ "button-secondary-background-color"?: string | undefined;
338
+ "button-secondary-background-color-hover"?: string | undefined;
339
+ "button-secondary-background-color-focus"?: string | undefined;
340
+ "button-secondary-text-color"?: string | undefined;
341
+ "button-secondary-text-color-hover"?: string | undefined;
342
+ "button-secondary-text-color-focus"?: string | undefined;
343
+ "button-secondary-box-shadow"?: string | undefined;
344
+ "button-secondary-box-shadow-hover"?: string | undefined;
345
+ "message-body-background-color"?: string | undefined;
346
+ "message-body-text-color"?: string | undefined;
347
+ "message-body-border"?: string | undefined;
348
+ }>;
234
349
  //# sourceMappingURL=useTheme.d.ts.map
package/lib/util/useTheme.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["useTheme.ts"],"names":[],"mappings":"AAEA,OAAO,EAAiB,GAAG,EAAsB,MAAM,KAAK,CAAC;AAK7D,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,0BAYzC;AAIH,wBAAgB,QAAQ,CAAC,yBAAyB,SAA8B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAyC/E"}
1
+ {"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["useTheme.ts"],"names":[],"mappings":"AAEA,OAAO,EAAiB,GAAG,EAAsB,MAAM,KAAK,CAAC;AAM7D,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,0BAYzC;AASH,wBAAgB,QAAQ,CAAC,yBAAyB,SAA8B,EAAE,QAAQ,GAAE,OAAO,GAAG,MAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCpH"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bluepic/embed",
3
3
  "private": false,
4
- "version": "0.1.55",
4
+ "version": "0.1.57",
5
5
  "type": "module",
6
6
  "files": [
7
7
  "package.json",