@codemonster-ru/vueforge 0.42.0 → 0.43.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.
@@ -0,0 +1,56 @@
1
+ interface CommandPaletteItem {
2
+ label: string;
3
+ value?: string | number;
4
+ description?: string;
5
+ shortcut?: string;
6
+ group?: string;
7
+ disabled?: boolean;
8
+ keywords?: Array<string>;
9
+ command?: () => void;
10
+ }
11
+ interface Props {
12
+ modelValue?: boolean;
13
+ items?: Array<CommandPaletteItem>;
14
+ placeholder?: string;
15
+ emptyText?: string;
16
+ ariaLabel?: string;
17
+ closeOnOverlay?: boolean;
18
+ closeOnEsc?: boolean;
19
+ closeOnSelect?: boolean;
20
+ filter?: boolean;
21
+ enableShortcut?: boolean;
22
+ shortcutKey?: string;
23
+ }
24
+ declare const _default: import('vue').DefineComponent<Props, {
25
+ open: () => Promise<void>;
26
+ close: () => void;
27
+ toggle: () => Promise<void>;
28
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
29
+ search: (...args: any[]) => void;
30
+ close: (...args: any[]) => void;
31
+ select: (...args: any[]) => void;
32
+ "update:modelValue": (...args: any[]) => void;
33
+ open: (...args: any[]) => void;
34
+ }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
35
+ onSearch?: ((...args: any[]) => any) | undefined;
36
+ onClose?: ((...args: any[]) => any) | undefined;
37
+ onSelect?: ((...args: any[]) => any) | undefined;
38
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
39
+ onOpen?: ((...args: any[]) => any) | undefined;
40
+ }>, {
41
+ filter: boolean;
42
+ items: Array<CommandPaletteItem>;
43
+ modelValue: boolean;
44
+ placeholder: string;
45
+ ariaLabel: string;
46
+ emptyText: string;
47
+ closeOnOverlay: boolean;
48
+ closeOnEsc: boolean;
49
+ closeOnSelect: boolean;
50
+ enableShortcut: boolean;
51
+ shortcutKey: string;
52
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
53
+ panel: HTMLDivElement;
54
+ inputRef: HTMLInputElement;
55
+ }, any>;
56
+ export default _default;
@@ -334,6 +334,50 @@ export type ContextMenuTokens = {
334
334
  disabledOpacity?: string;
335
335
  itemPadding?: string;
336
336
  };
337
+ export type CommandPaletteTokens = {
338
+ width?: string;
339
+ maxWidth?: string;
340
+ maxHeight?: string;
341
+ padding?: string;
342
+ borderRadius?: string;
343
+ borderColor?: string;
344
+ backgroundColor?: string;
345
+ textColor?: string;
346
+ overlayBackgroundColor?: string;
347
+ shadow?: string;
348
+ zIndex?: string;
349
+ headerGap?: string;
350
+ inputPadding?: string;
351
+ inputBorderRadius?: string;
352
+ inputBorderColor?: string;
353
+ inputBackgroundColor?: string;
354
+ inputTextColor?: string;
355
+ inputPlaceholderColor?: string;
356
+ inputFocusBorderColor?: string;
357
+ inputFocusRingShadow?: string;
358
+ listGap?: string;
359
+ groupGap?: string;
360
+ groupLabelPadding?: string;
361
+ groupLabelColor?: string;
362
+ groupLabelFontSize?: string;
363
+ itemPadding?: string;
364
+ itemBorderRadius?: string;
365
+ itemGap?: string;
366
+ itemTextColor?: string;
367
+ itemDescriptionColor?: string;
368
+ itemDescriptionFontSize?: string;
369
+ itemActiveBackgroundColor?: string;
370
+ itemActiveTextColor?: string;
371
+ itemDisabledOpacity?: string;
372
+ shortcutPadding?: string;
373
+ shortcutBorderRadius?: string;
374
+ shortcutBorderColor?: string;
375
+ shortcutBackgroundColor?: string;
376
+ shortcutTextColor?: string;
377
+ shortcutFontSize?: string;
378
+ emptyPadding?: string;
379
+ emptyColor?: string;
380
+ };
337
381
  export type SelectTokens = {
338
382
  minWidth?: string;
339
383
  fontSize?: string;
@@ -1159,6 +1203,7 @@ export type ThemeComponentTokens = {
1159
1203
  dropdown?: DropdownTokens;
1160
1204
  splitbutton?: SplitButtonTokens;
1161
1205
  contextMenu?: ContextMenuTokens;
1206
+ commandPalette?: CommandPaletteTokens;
1162
1207
  select?: SelectTokens;
1163
1208
  autocomplete?: AutocompleteTokens;
1164
1209
  multiselect?: MultiSelectTokens;
@@ -0,0 +1,45 @@
1
+ declare const _default: {
2
+ width: string;
3
+ maxWidth: string;
4
+ maxHeight: string;
5
+ padding: string;
6
+ borderRadius: string;
7
+ borderColor: string;
8
+ backgroundColor: string;
9
+ textColor: string;
10
+ overlayBackgroundColor: string;
11
+ shadow: string;
12
+ zIndex: string;
13
+ headerGap: string;
14
+ inputPadding: string;
15
+ inputBorderRadius: string;
16
+ inputBorderColor: string;
17
+ inputBackgroundColor: string;
18
+ inputTextColor: string;
19
+ inputPlaceholderColor: string;
20
+ inputFocusBorderColor: string;
21
+ inputFocusRingShadow: string;
22
+ listGap: string;
23
+ groupGap: string;
24
+ groupLabelPadding: string;
25
+ groupLabelColor: string;
26
+ groupLabelFontSize: string;
27
+ itemPadding: string;
28
+ itemBorderRadius: string;
29
+ itemGap: string;
30
+ itemTextColor: string;
31
+ itemDescriptionColor: string;
32
+ itemDescriptionFontSize: string;
33
+ itemActiveBackgroundColor: string;
34
+ itemActiveTextColor: string;
35
+ itemDisabledOpacity: string;
36
+ shortcutPadding: string;
37
+ shortcutBorderRadius: string;
38
+ shortcutBorderColor: string;
39
+ shortcutBackgroundColor: string;
40
+ shortcutTextColor: string;
41
+ shortcutFontSize: string;
42
+ emptyPadding: string;
43
+ emptyColor: string;
44
+ };
45
+ export default _default;
@@ -488,6 +488,50 @@ declare const _default: {
488
488
  disabledOpacity: string;
489
489
  itemPadding: string;
490
490
  };
491
+ commandPalette: {
492
+ width: string;
493
+ maxWidth: string;
494
+ maxHeight: string;
495
+ padding: string;
496
+ borderRadius: string;
497
+ borderColor: string;
498
+ backgroundColor: string;
499
+ textColor: string;
500
+ overlayBackgroundColor: string;
501
+ shadow: string;
502
+ zIndex: string;
503
+ headerGap: string;
504
+ inputPadding: string;
505
+ inputBorderRadius: string;
506
+ inputBorderColor: string;
507
+ inputBackgroundColor: string;
508
+ inputTextColor: string;
509
+ inputPlaceholderColor: string;
510
+ inputFocusBorderColor: string;
511
+ inputFocusRingShadow: string;
512
+ listGap: string;
513
+ groupGap: string;
514
+ groupLabelPadding: string;
515
+ groupLabelColor: string;
516
+ groupLabelFontSize: string;
517
+ itemPadding: string;
518
+ itemBorderRadius: string;
519
+ itemGap: string;
520
+ itemTextColor: string;
521
+ itemDescriptionColor: string;
522
+ itemDescriptionFontSize: string;
523
+ itemActiveBackgroundColor: string;
524
+ itemActiveTextColor: string;
525
+ itemDisabledOpacity: string;
526
+ shortcutPadding: string;
527
+ shortcutBorderRadius: string;
528
+ shortcutBorderColor: string;
529
+ shortcutBackgroundColor: string;
530
+ shortcutTextColor: string;
531
+ shortcutFontSize: string;
532
+ emptyPadding: string;
533
+ emptyColor: string;
534
+ };
491
535
  select: {
492
536
  minWidth: string;
493
537
  fontSize: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@codemonster-ru/vueforge",
3
- "version": "0.42.0",
3
+ "version": "0.43.0",
4
4
  "description": "Open source UI components for Vue.js.",
5
5
  "license": "MIT",
6
6
  "author": "Kirill Kolesnikov",