@octans/ui 1.0.0 → 1.2.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.
- package/README.md +45 -2
- package/dist/components/ActionList/ActionList.vue.d.ts +4 -4
- package/dist/components/AppFrame/AppFrame.vue.d.ts +3 -3
- package/dist/components/Badge/Badge.vue.d.ts +3 -3
- package/dist/components/Banner/Banner.vue.d.ts +18 -0
- package/dist/components/Button/Button.vue.d.ts +66 -0
- package/dist/components/Calendar/types.d.ts +52 -0
- package/dist/components/CalendarHeatmap/CalendarHeatmap.vue.d.ts +1 -1
- package/dist/components/Card/CardSection.vue.d.ts +1 -1
- package/dist/components/ColorSelector/ColorSelector.vue.d.ts +1 -1
- package/dist/components/ColorSelector/types.d.ts +2 -2
- package/dist/components/DataTable/BulkActions.vue.d.ts +21 -3
- package/dist/components/DatePicker/types.d.ts +33 -0
- package/dist/components/FileInput/FileInput.vue.d.ts +104 -0
- package/dist/components/FileInput/ItemList.vue.d.ts +6 -0
- package/dist/components/FileInput/pageDrop.d.ts +23 -0
- package/dist/components/Filters/FilterActions.vue.d.ts +21 -3
- package/dist/components/Filters/FilterItem.vue.d.ts +30 -3
- package/dist/components/Filters/Filters.vue.d.ts +72 -9
- package/dist/components/Formatter/Formatter.vue.d.ts +18 -0
- package/dist/components/KeyboardKey/KeyboardKey.vue.d.ts +38 -0
- package/dist/components/KeyboardKey/index.d.ts +2 -0
- package/dist/components/Labelled/Labelled.vue.d.ts +18 -2
- package/dist/components/Modal/ModalSection.vue.d.ts +71 -0
- package/dist/components/Modal/index.d.ts +2 -1
- package/dist/components/Page/Page.vue.d.ts +34 -4
- package/dist/components/{Popper/Popper.vue.d.ts → Popover/Popover.vue.d.ts} +4 -4
- package/dist/components/Popover/index.d.ts +90 -0
- package/dist/components/{Popper → Popover}/types.d.ts +3 -3
- package/dist/components/RangeSlider/RangeSlider.vue.d.ts +27 -0
- package/dist/components/Select/Select.vue.d.ts +30 -3
- package/dist/components/SkeletonPage/SkeletonPage.vue.d.ts +19 -0
- package/dist/components/SkeletonPage/index.d.ts +2 -0
- package/dist/components/SkeletonPage/types.d.ts +26 -0
- package/dist/components/Tag/Tag.vue.d.ts +3 -3
- package/dist/components/TextField/types.d.ts +10 -0
- package/dist/components/TimePicker/types.d.ts +10 -0
- package/dist/components/ToggleSwitch/ToggleSwitch.vue.d.ts +8 -2
- package/dist/components/ToggleSwitch/types.d.ts +29 -0
- package/dist/components/Tooltip/Tooltip.vue.d.ts +2 -2
- package/dist/components/all.d.ts +3 -1
- package/dist/components/types.d.ts +5 -0
- package/dist/lib.d.ts +4 -1
- package/dist/reset.css +73 -0
- package/dist/style.css +1 -1
- package/dist/ui.js +4156 -3721
- package/dist/ui.umd.js +3 -3
- package/dist/utils/color.d.ts +11 -0
- package/dist/utils/contrastPairs.d.ts +39 -0
- package/dist/utils/createTheme.d.ts +29 -0
- package/dist/utils/customTheme.d.ts +1 -1
- package/dist/utils/date.d.ts +12 -1
- package/dist/utils/format.d.ts +8 -0
- package/dist/utils/positionPanel.d.ts +2 -2
- package/dist/utils/radix.d.ts +2 -2
- package/package.json +5 -2
- package/skills/octans-ui/SKILL.md +303 -0
- package/dist/components/Popper/index.d.ts +0 -2
|
@@ -40,6 +40,9 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
40
40
|
type: StringConstructor;
|
|
41
41
|
default: string;
|
|
42
42
|
};
|
|
43
|
+
timezone: {
|
|
44
|
+
type: StringConstructor;
|
|
45
|
+
};
|
|
43
46
|
}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
44
47
|
[key: string]: any;
|
|
45
48
|
}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
@@ -59,6 +62,9 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
59
62
|
type: StringConstructor;
|
|
60
63
|
default: string;
|
|
61
64
|
};
|
|
65
|
+
timezone: {
|
|
66
|
+
type: StringConstructor;
|
|
67
|
+
};
|
|
62
68
|
}>> & Readonly<{}>, {
|
|
63
69
|
locale: string;
|
|
64
70
|
currency: string;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Whole-page file dropping, for `<FileInput dropOnPage>`.
|
|
3
|
+
*
|
|
4
|
+
* The page is a SINGLE target — there is one window, and a file dropped on it
|
|
5
|
+
* can only go to one place — so this is a claim, not a subscription. The first
|
|
6
|
+
* input to ask gets it; a second is refused and warned about, rather than both
|
|
7
|
+
* quietly receiving the same file or the last one to mount silently winning.
|
|
8
|
+
*
|
|
9
|
+
* The listeners live on `window` and are attached only while someone holds the
|
|
10
|
+
* claim, so a page with no `dropOnPage` input pays nothing.
|
|
11
|
+
*/
|
|
12
|
+
export interface PageDropHandlers {
|
|
13
|
+
/** Fires when a file drag enters or leaves the page entirely. */
|
|
14
|
+
onDragChange(dragging: boolean): void;
|
|
15
|
+
onDrop(files: FileList): void;
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* Claims the page for `token`. Returns `false` — and warns — when another
|
|
19
|
+
* input already holds it, in which case that input keeps the page and this
|
|
20
|
+
* one behaves as though `dropOnPage` were not set.
|
|
21
|
+
*/
|
|
22
|
+
export declare function claimPageDrop(token: object, next: PageDropHandlers): boolean;
|
|
23
|
+
export declare function releasePageDrop(token: object): void;
|
|
@@ -53,7 +53,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
53
53
|
hide: () => any;
|
|
54
54
|
close: () => any;
|
|
55
55
|
}, import('vue').PublicProps, {
|
|
56
|
-
placement: import('../
|
|
56
|
+
placement: import('../Popover').PopoverPlacementType;
|
|
57
57
|
items: import('../ActionList').ActionListItemType[];
|
|
58
58
|
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
59
59
|
P: {};
|
|
@@ -67,7 +67,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
67
67
|
onHide?: (() => any) | undefined;
|
|
68
68
|
onClose?: (() => any) | undefined;
|
|
69
69
|
}>, {}, {}, {}, {}, {
|
|
70
|
-
placement: import('../
|
|
70
|
+
placement: import('../Popover').PopoverPlacementType;
|
|
71
71
|
items: import('../ActionList').ActionListItemType[];
|
|
72
72
|
}>;
|
|
73
73
|
__isFragment?: never;
|
|
@@ -82,7 +82,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
82
82
|
hide: () => any;
|
|
83
83
|
close: () => any;
|
|
84
84
|
}, string, {
|
|
85
|
-
placement: import('../
|
|
85
|
+
placement: import('../Popover').PopoverPlacementType;
|
|
86
86
|
items: import('../ActionList').ActionListItemType[];
|
|
87
87
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
88
88
|
$slots: {
|
|
@@ -142,6 +142,14 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
142
142
|
type: BooleanConstructor;
|
|
143
143
|
default: boolean;
|
|
144
144
|
};
|
|
145
|
+
loading: {
|
|
146
|
+
type: BooleanConstructor;
|
|
147
|
+
default: boolean;
|
|
148
|
+
};
|
|
149
|
+
pressed: {
|
|
150
|
+
type: BooleanConstructor;
|
|
151
|
+
default: undefined;
|
|
152
|
+
};
|
|
145
153
|
}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
146
154
|
[key: string]: any;
|
|
147
155
|
}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
@@ -197,16 +205,26 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
197
205
|
type: BooleanConstructor;
|
|
198
206
|
default: boolean;
|
|
199
207
|
};
|
|
208
|
+
loading: {
|
|
209
|
+
type: BooleanConstructor;
|
|
210
|
+
default: boolean;
|
|
211
|
+
};
|
|
212
|
+
pressed: {
|
|
213
|
+
type: BooleanConstructor;
|
|
214
|
+
default: undefined;
|
|
215
|
+
};
|
|
200
216
|
}>> & Readonly<{}>, {
|
|
201
217
|
disabled: boolean;
|
|
202
218
|
size: string;
|
|
203
219
|
type: import('../types').ActionTypeType;
|
|
204
220
|
destructive: boolean;
|
|
221
|
+
loading: boolean;
|
|
205
222
|
tooltipPosition: import('../types').ActionTooltipPositionType;
|
|
206
223
|
external: boolean;
|
|
207
224
|
dropdown: boolean;
|
|
208
225
|
fullWidth: boolean;
|
|
209
226
|
invert: boolean;
|
|
227
|
+
pressed: boolean;
|
|
210
228
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
211
229
|
ButtonGroup: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
212
230
|
segmented: {
|
|
@@ -81,6 +81,14 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
81
81
|
type: BooleanConstructor;
|
|
82
82
|
default: boolean;
|
|
83
83
|
};
|
|
84
|
+
loading: {
|
|
85
|
+
type: BooleanConstructor;
|
|
86
|
+
default: boolean;
|
|
87
|
+
};
|
|
88
|
+
pressed: {
|
|
89
|
+
type: BooleanConstructor;
|
|
90
|
+
default: undefined;
|
|
91
|
+
};
|
|
84
92
|
}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
85
93
|
[key: string]: any;
|
|
86
94
|
}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
@@ -136,16 +144,26 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
136
144
|
type: BooleanConstructor;
|
|
137
145
|
default: boolean;
|
|
138
146
|
};
|
|
147
|
+
loading: {
|
|
148
|
+
type: BooleanConstructor;
|
|
149
|
+
default: boolean;
|
|
150
|
+
};
|
|
151
|
+
pressed: {
|
|
152
|
+
type: BooleanConstructor;
|
|
153
|
+
default: undefined;
|
|
154
|
+
};
|
|
139
155
|
}>> & Readonly<{}>, {
|
|
140
156
|
disabled: boolean;
|
|
141
157
|
size: string;
|
|
142
158
|
type: import('../types').ActionTypeType;
|
|
143
159
|
destructive: boolean;
|
|
160
|
+
loading: boolean;
|
|
144
161
|
tooltipPosition: import('../types').ActionTooltipPositionType;
|
|
145
162
|
external: boolean;
|
|
146
163
|
dropdown: boolean;
|
|
147
164
|
fullWidth: boolean;
|
|
148
165
|
invert: boolean;
|
|
166
|
+
pressed: boolean;
|
|
149
167
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
150
168
|
DatePicker: import('vue').DefineComponent<import('../DatePicker').DatePickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
151
169
|
"update:modelValue": (v: string | null) => any;
|
|
@@ -246,6 +264,10 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
246
264
|
helpLink: {
|
|
247
265
|
type: import('vue').PropType<string | false | null>;
|
|
248
266
|
};
|
|
267
|
+
required: {
|
|
268
|
+
type: BooleanConstructor;
|
|
269
|
+
default: boolean;
|
|
270
|
+
};
|
|
249
271
|
modelValue: {
|
|
250
272
|
type: any;
|
|
251
273
|
};
|
|
@@ -416,6 +438,10 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
416
438
|
helpLink: {
|
|
417
439
|
type: import('vue').PropType<string | false | null>;
|
|
418
440
|
};
|
|
441
|
+
required: {
|
|
442
|
+
type: BooleanConstructor;
|
|
443
|
+
default: boolean;
|
|
444
|
+
};
|
|
419
445
|
modelValue: {
|
|
420
446
|
type: any;
|
|
421
447
|
};
|
|
@@ -505,6 +531,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
505
531
|
}>, {
|
|
506
532
|
disabled: boolean;
|
|
507
533
|
loading: boolean;
|
|
534
|
+
required: boolean;
|
|
508
535
|
modelValue: any;
|
|
509
536
|
placeholder: string;
|
|
510
537
|
readonly: boolean;
|
|
@@ -667,7 +694,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
667
694
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
668
695
|
remove: () => any;
|
|
669
696
|
}, import('vue').PublicProps, {
|
|
670
|
-
tooltipPosition: import('../
|
|
697
|
+
tooltipPosition: import('../Popover').PopoverPlacementType;
|
|
671
698
|
required: boolean;
|
|
672
699
|
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
673
700
|
P: {};
|
|
@@ -679,7 +706,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
679
706
|
}, Readonly<import('../Tag/Tag.vue').TagProps> & Readonly<{
|
|
680
707
|
onRemove?: (() => any) | undefined;
|
|
681
708
|
}>, {}, {}, {}, {}, {
|
|
682
|
-
tooltipPosition: import('../
|
|
709
|
+
tooltipPosition: import('../Popover').PopoverPlacementType;
|
|
683
710
|
required: boolean;
|
|
684
711
|
}>;
|
|
685
712
|
__isFragment?: never;
|
|
@@ -690,7 +717,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
690
717
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
691
718
|
remove: () => any;
|
|
692
719
|
}, string, {
|
|
693
|
-
tooltipPosition: import('../
|
|
720
|
+
tooltipPosition: import('../Popover').PopoverPlacementType;
|
|
694
721
|
required: boolean;
|
|
695
722
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
696
723
|
$slots: {
|
|
@@ -286,6 +286,14 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
286
286
|
type: BooleanConstructor;
|
|
287
287
|
default: boolean;
|
|
288
288
|
};
|
|
289
|
+
loading: {
|
|
290
|
+
type: BooleanConstructor;
|
|
291
|
+
default: boolean;
|
|
292
|
+
};
|
|
293
|
+
pressed: {
|
|
294
|
+
type: BooleanConstructor;
|
|
295
|
+
default: undefined;
|
|
296
|
+
};
|
|
289
297
|
}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
290
298
|
[key: string]: any;
|
|
291
299
|
}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
@@ -341,16 +349,26 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
341
349
|
type: BooleanConstructor;
|
|
342
350
|
default: boolean;
|
|
343
351
|
};
|
|
352
|
+
loading: {
|
|
353
|
+
type: BooleanConstructor;
|
|
354
|
+
default: boolean;
|
|
355
|
+
};
|
|
356
|
+
pressed: {
|
|
357
|
+
type: BooleanConstructor;
|
|
358
|
+
default: undefined;
|
|
359
|
+
};
|
|
344
360
|
}>> & Readonly<{}>, {
|
|
345
361
|
disabled: boolean;
|
|
346
362
|
size: string;
|
|
347
363
|
type: import('../types').ActionTypeType;
|
|
348
364
|
destructive: boolean;
|
|
365
|
+
loading: boolean;
|
|
349
366
|
tooltipPosition: import('../types').ActionTooltipPositionType;
|
|
350
367
|
external: boolean;
|
|
351
368
|
dropdown: boolean;
|
|
352
369
|
fullWidth: boolean;
|
|
353
370
|
invert: boolean;
|
|
371
|
+
pressed: boolean;
|
|
354
372
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
355
373
|
FilterActions: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
356
374
|
filters: {
|
|
@@ -404,7 +422,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
404
422
|
hide: () => any;
|
|
405
423
|
close: () => any;
|
|
406
424
|
}, import('vue').PublicProps, {
|
|
407
|
-
placement: import('../
|
|
425
|
+
placement: import('../Popover').PopoverPlacementType;
|
|
408
426
|
items: ActionListItemType[];
|
|
409
427
|
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
410
428
|
P: {};
|
|
@@ -418,7 +436,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
418
436
|
onHide?: (() => any) | undefined;
|
|
419
437
|
onClose?: (() => any) | undefined;
|
|
420
438
|
}>, {}, {}, {}, {}, {
|
|
421
|
-
placement: import('../
|
|
439
|
+
placement: import('../Popover').PopoverPlacementType;
|
|
422
440
|
items: ActionListItemType[];
|
|
423
441
|
}>;
|
|
424
442
|
__isFragment?: never;
|
|
@@ -433,7 +451,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
433
451
|
hide: () => any;
|
|
434
452
|
close: () => any;
|
|
435
453
|
}, string, {
|
|
436
|
-
placement: import('../
|
|
454
|
+
placement: import('../Popover').PopoverPlacementType;
|
|
437
455
|
items: ActionListItemType[];
|
|
438
456
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
439
457
|
$slots: {
|
|
@@ -493,6 +511,14 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
493
511
|
type: BooleanConstructor;
|
|
494
512
|
default: boolean;
|
|
495
513
|
};
|
|
514
|
+
loading: {
|
|
515
|
+
type: BooleanConstructor;
|
|
516
|
+
default: boolean;
|
|
517
|
+
};
|
|
518
|
+
pressed: {
|
|
519
|
+
type: BooleanConstructor;
|
|
520
|
+
default: undefined;
|
|
521
|
+
};
|
|
496
522
|
}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
497
523
|
[key: string]: any;
|
|
498
524
|
}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
@@ -548,16 +574,26 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
548
574
|
type: BooleanConstructor;
|
|
549
575
|
default: boolean;
|
|
550
576
|
};
|
|
577
|
+
loading: {
|
|
578
|
+
type: BooleanConstructor;
|
|
579
|
+
default: boolean;
|
|
580
|
+
};
|
|
581
|
+
pressed: {
|
|
582
|
+
type: BooleanConstructor;
|
|
583
|
+
default: undefined;
|
|
584
|
+
};
|
|
551
585
|
}>> & Readonly<{}>, {
|
|
552
586
|
disabled: boolean;
|
|
553
587
|
size: string;
|
|
554
588
|
type: import('../types').ActionTypeType;
|
|
555
589
|
destructive: boolean;
|
|
590
|
+
loading: boolean;
|
|
556
591
|
tooltipPosition: import('../types').ActionTooltipPositionType;
|
|
557
592
|
external: boolean;
|
|
558
593
|
dropdown: boolean;
|
|
559
594
|
fullWidth: boolean;
|
|
560
595
|
invert: boolean;
|
|
596
|
+
pressed: boolean;
|
|
561
597
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
562
598
|
ButtonGroup: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
563
599
|
segmented: {
|
|
@@ -664,6 +700,14 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
664
700
|
type: BooleanConstructor;
|
|
665
701
|
default: boolean;
|
|
666
702
|
};
|
|
703
|
+
loading: {
|
|
704
|
+
type: BooleanConstructor;
|
|
705
|
+
default: boolean;
|
|
706
|
+
};
|
|
707
|
+
pressed: {
|
|
708
|
+
type: BooleanConstructor;
|
|
709
|
+
default: undefined;
|
|
710
|
+
};
|
|
667
711
|
}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
668
712
|
[key: string]: any;
|
|
669
713
|
}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
@@ -719,16 +763,26 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
719
763
|
type: BooleanConstructor;
|
|
720
764
|
default: boolean;
|
|
721
765
|
};
|
|
766
|
+
loading: {
|
|
767
|
+
type: BooleanConstructor;
|
|
768
|
+
default: boolean;
|
|
769
|
+
};
|
|
770
|
+
pressed: {
|
|
771
|
+
type: BooleanConstructor;
|
|
772
|
+
default: undefined;
|
|
773
|
+
};
|
|
722
774
|
}>> & Readonly<{}>, {
|
|
723
775
|
disabled: boolean;
|
|
724
776
|
size: string;
|
|
725
777
|
type: import('../types').ActionTypeType;
|
|
726
778
|
destructive: boolean;
|
|
779
|
+
loading: boolean;
|
|
727
780
|
tooltipPosition: import('../types').ActionTooltipPositionType;
|
|
728
781
|
external: boolean;
|
|
729
782
|
dropdown: boolean;
|
|
730
783
|
fullWidth: boolean;
|
|
731
784
|
invert: boolean;
|
|
785
|
+
pressed: boolean;
|
|
732
786
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
733
787
|
DatePicker: import('vue').DefineComponent<import('../DatePicker').DatePickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
734
788
|
"update:modelValue": (v: string | null) => any;
|
|
@@ -829,6 +883,10 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
829
883
|
helpLink: {
|
|
830
884
|
type: PropType<string | false | null>;
|
|
831
885
|
};
|
|
886
|
+
required: {
|
|
887
|
+
type: BooleanConstructor;
|
|
888
|
+
default: boolean;
|
|
889
|
+
};
|
|
832
890
|
modelValue: {
|
|
833
891
|
type: any;
|
|
834
892
|
};
|
|
@@ -999,6 +1057,10 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
999
1057
|
helpLink: {
|
|
1000
1058
|
type: PropType<string | false | null>;
|
|
1001
1059
|
};
|
|
1060
|
+
required: {
|
|
1061
|
+
type: BooleanConstructor;
|
|
1062
|
+
default: boolean;
|
|
1063
|
+
};
|
|
1002
1064
|
modelValue: {
|
|
1003
1065
|
type: any;
|
|
1004
1066
|
};
|
|
@@ -1088,6 +1150,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
1088
1150
|
}>, {
|
|
1089
1151
|
disabled: boolean;
|
|
1090
1152
|
loading: boolean;
|
|
1153
|
+
required: boolean;
|
|
1091
1154
|
modelValue: any;
|
|
1092
1155
|
placeholder: string;
|
|
1093
1156
|
readonly: boolean;
|
|
@@ -1250,7 +1313,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
1250
1313
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
1251
1314
|
remove: () => any;
|
|
1252
1315
|
}, import('vue').PublicProps, {
|
|
1253
|
-
tooltipPosition: import('../
|
|
1316
|
+
tooltipPosition: import('../Popover').PopoverPlacementType;
|
|
1254
1317
|
required: boolean;
|
|
1255
1318
|
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
1256
1319
|
P: {};
|
|
@@ -1262,7 +1325,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
1262
1325
|
}, Readonly<import('../Tag/Tag.vue').TagProps> & Readonly<{
|
|
1263
1326
|
onRemove?: (() => any) | undefined;
|
|
1264
1327
|
}>, {}, {}, {}, {}, {
|
|
1265
|
-
tooltipPosition: import('../
|
|
1328
|
+
tooltipPosition: import('../Popover').PopoverPlacementType;
|
|
1266
1329
|
required: boolean;
|
|
1267
1330
|
}>;
|
|
1268
1331
|
__isFragment?: never;
|
|
@@ -1273,7 +1336,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
1273
1336
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
1274
1337
|
remove: () => any;
|
|
1275
1338
|
}, string, {
|
|
1276
|
-
tooltipPosition: import('../
|
|
1339
|
+
tooltipPosition: import('../Popover').PopoverPlacementType;
|
|
1277
1340
|
required: boolean;
|
|
1278
1341
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
1279
1342
|
$slots: {
|
|
@@ -1443,7 +1506,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
1443
1506
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
1444
1507
|
remove: () => any;
|
|
1445
1508
|
}, import('vue').PublicProps, {
|
|
1446
|
-
tooltipPosition: import('../
|
|
1509
|
+
tooltipPosition: import('../Popover').PopoverPlacementType;
|
|
1447
1510
|
required: boolean;
|
|
1448
1511
|
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
1449
1512
|
P: {};
|
|
@@ -1455,7 +1518,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
1455
1518
|
}, Readonly<import('../Tag/Tag.vue').TagProps> & Readonly<{
|
|
1456
1519
|
onRemove?: (() => any) | undefined;
|
|
1457
1520
|
}>, {}, {}, {}, {}, {
|
|
1458
|
-
tooltipPosition: import('../
|
|
1521
|
+
tooltipPosition: import('../Popover').PopoverPlacementType;
|
|
1459
1522
|
required: boolean;
|
|
1460
1523
|
}>;
|
|
1461
1524
|
__isFragment?: never;
|
|
@@ -1466,7 +1529,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
1466
1529
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
1467
1530
|
remove: () => any;
|
|
1468
1531
|
}, string, {
|
|
1469
|
-
tooltipPosition: import('../
|
|
1532
|
+
tooltipPosition: import('../Popover').PopoverPlacementType;
|
|
1470
1533
|
required: boolean;
|
|
1471
1534
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
1472
1535
|
$slots: {
|
|
@@ -17,6 +17,15 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
17
17
|
type: StringConstructor;
|
|
18
18
|
default: string;
|
|
19
19
|
};
|
|
20
|
+
/**
|
|
21
|
+
* IANA time zone to render a date in, e.g. `America/Los_Angeles`.
|
|
22
|
+
*
|
|
23
|
+
* Usually you want `setTimezone` instead — one call at app start and
|
|
24
|
+
* every date in the app follows. This is the per-instance override.
|
|
25
|
+
*/
|
|
26
|
+
timezone: {
|
|
27
|
+
type: StringConstructor;
|
|
28
|
+
};
|
|
20
29
|
}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
21
30
|
[key: string]: any;
|
|
22
31
|
}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
@@ -36,6 +45,15 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
36
45
|
type: StringConstructor;
|
|
37
46
|
default: string;
|
|
38
47
|
};
|
|
48
|
+
/**
|
|
49
|
+
* IANA time zone to render a date in, e.g. `America/Los_Angeles`.
|
|
50
|
+
*
|
|
51
|
+
* Usually you want `setTimezone` instead — one call at app start and
|
|
52
|
+
* every date in the app follows. This is the per-instance override.
|
|
53
|
+
*/
|
|
54
|
+
timezone: {
|
|
55
|
+
type: StringConstructor;
|
|
56
|
+
};
|
|
39
57
|
}>> & Readonly<{}>, {
|
|
40
58
|
locale: string;
|
|
41
59
|
currency: string;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* A single key on a keyboard, for documenting a shortcut in running text:
|
|
3
|
+
*
|
|
4
|
+
* ```vue
|
|
5
|
+
* Press <KeyboardKey>⌘</KeyboardKey><KeyboardKey>K</KeyboardKey> to search.
|
|
6
|
+
* ```
|
|
7
|
+
*
|
|
8
|
+
* It renders a real `<kbd>`, which is what says "keyboard input" to anything
|
|
9
|
+
* reading the page rather than looking at it — the styling is the smaller
|
|
10
|
+
* half of the job.
|
|
11
|
+
*/
|
|
12
|
+
export interface KeyboardKeyProps {
|
|
13
|
+
/**
|
|
14
|
+
* The key to draw. The default slot works too and wins if both are given.
|
|
15
|
+
*/
|
|
16
|
+
label?: string;
|
|
17
|
+
/**
|
|
18
|
+
* A smaller key, for a shortcut sitting inside a menu row or a table cell
|
|
19
|
+
* rather than in prose.
|
|
20
|
+
*/
|
|
21
|
+
size?: 'small' | 'medium';
|
|
22
|
+
}
|
|
23
|
+
declare var __VLS_1: {};
|
|
24
|
+
type __VLS_Slots = {} & {
|
|
25
|
+
default?: (props: typeof __VLS_1) => any;
|
|
26
|
+
};
|
|
27
|
+
declare const __VLS_base: import('vue').DefineComponent<KeyboardKeyProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KeyboardKeyProps> & Readonly<{}>, {
|
|
28
|
+
size: "small" | "medium";
|
|
29
|
+
label: string;
|
|
30
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
31
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
32
|
+
declare const _default: typeof __VLS_export;
|
|
33
|
+
export default _default;
|
|
34
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
35
|
+
new (): {
|
|
36
|
+
$slots: S;
|
|
37
|
+
};
|
|
38
|
+
};
|
|
@@ -46,7 +46,15 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
46
46
|
required: false;
|
|
47
47
|
};
|
|
48
48
|
/**
|
|
49
|
-
*
|
|
49
|
+
* Marks the field as required, drawing an asterisk after the label.
|
|
50
|
+
*
|
|
51
|
+
* This is the VISUAL half only. The control that owns the field is
|
|
52
|
+
* responsible for the other half — `aria-required` on the input itself —
|
|
53
|
+
* which every form component in the library does when it forwards this.
|
|
54
|
+
*
|
|
55
|
+
* It used to bold the entire field instead, which was marked deprecated
|
|
56
|
+
* and did not survive: the bold inherited down into help text and the
|
|
57
|
+
* control, and said nothing about the field being required.
|
|
50
58
|
*/
|
|
51
59
|
required: {
|
|
52
60
|
type: BooleanConstructor;
|
|
@@ -99,7 +107,15 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
99
107
|
required: false;
|
|
100
108
|
};
|
|
101
109
|
/**
|
|
102
|
-
*
|
|
110
|
+
* Marks the field as required, drawing an asterisk after the label.
|
|
111
|
+
*
|
|
112
|
+
* This is the VISUAL half only. The control that owns the field is
|
|
113
|
+
* responsible for the other half — `aria-required` on the input itself —
|
|
114
|
+
* which every form component in the library does when it forwards this.
|
|
115
|
+
*
|
|
116
|
+
* It used to bold the entire field instead, which was marked deprecated
|
|
117
|
+
* and did not survive: the bold inherited down into help text and the
|
|
118
|
+
* control, and said nothing about the field being required.
|
|
103
119
|
*/
|
|
104
120
|
required: {
|
|
105
121
|
type: BooleanConstructor;
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* A band of content inside a `Modal`, divided from the next by a rule — the
|
|
3
|
+
* same relationship `CardSection` has with `Card`, and deliberately the same
|
|
4
|
+
* shape, so knowing one is knowing the other.
|
|
5
|
+
*
|
|
6
|
+
* Modal's body is a plain slot, so sections are simply the children you put
|
|
7
|
+
* in it:
|
|
8
|
+
*
|
|
9
|
+
* ```vue
|
|
10
|
+
* <Modal :visible="visible" title="Settings">
|
|
11
|
+
* <ModalSection title="Account">…</ModalSection>
|
|
12
|
+
* <ModalSection title="Notifications">…</ModalSection>
|
|
13
|
+
* </Modal>
|
|
14
|
+
* ```
|
|
15
|
+
*
|
|
16
|
+
* The body's own padding steps aside when sections are present — see
|
|
17
|
+
* `data-modal-section` in Modal.vue — so a sectioned modal is not padded
|
|
18
|
+
* twice.
|
|
19
|
+
*/
|
|
20
|
+
declare const _default: typeof __VLS_export;
|
|
21
|
+
export default _default;
|
|
22
|
+
declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
23
|
+
/**
|
|
24
|
+
* The title heading of the section.
|
|
25
|
+
*/
|
|
26
|
+
title: {
|
|
27
|
+
type: StringConstructor;
|
|
28
|
+
};
|
|
29
|
+
/**
|
|
30
|
+
* Renders the section with a subtle background colour, for a band that
|
|
31
|
+
* should read as secondary to the ones around it.
|
|
32
|
+
*/
|
|
33
|
+
subdued: {
|
|
34
|
+
type: BooleanConstructor;
|
|
35
|
+
};
|
|
36
|
+
/**
|
|
37
|
+
* Sections are padded by default. Turn it off for content that has to run
|
|
38
|
+
* to the section's edges — a table, a full-bleed image.
|
|
39
|
+
*/
|
|
40
|
+
padded: {
|
|
41
|
+
type: BooleanConstructor;
|
|
42
|
+
default: boolean;
|
|
43
|
+
};
|
|
44
|
+
}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
45
|
+
[key: string]: any;
|
|
46
|
+
}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
47
|
+
/**
|
|
48
|
+
* The title heading of the section.
|
|
49
|
+
*/
|
|
50
|
+
title: {
|
|
51
|
+
type: StringConstructor;
|
|
52
|
+
};
|
|
53
|
+
/**
|
|
54
|
+
* Renders the section with a subtle background colour, for a band that
|
|
55
|
+
* should read as secondary to the ones around it.
|
|
56
|
+
*/
|
|
57
|
+
subdued: {
|
|
58
|
+
type: BooleanConstructor;
|
|
59
|
+
};
|
|
60
|
+
/**
|
|
61
|
+
* Sections are padded by default. Turn it off for content that has to run
|
|
62
|
+
* to the section's edges — a table, a full-bleed image.
|
|
63
|
+
*/
|
|
64
|
+
padded: {
|
|
65
|
+
type: BooleanConstructor;
|
|
66
|
+
default: boolean;
|
|
67
|
+
};
|
|
68
|
+
}>> & Readonly<{}>, {
|
|
69
|
+
subdued: boolean;
|
|
70
|
+
padded: boolean;
|
|
71
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { default as Modal } from './Modal.vue';
|
|
2
2
|
import { default as ModalHost } from './ModalHost.vue';
|
|
3
|
+
import { default as ModalSection } from './ModalSection.vue';
|
|
3
4
|
import type * as Api from './api/types';
|
|
4
5
|
export declare const genericModal: <Result = unknown>(opts: Api.GenericModalOptions) => Promise<Result | undefined>;
|
|
5
6
|
export declare const alertModal: <Result = unknown>(opts: Api.AlertModalOptions) => Promise<Result | undefined>;
|
|
6
7
|
export declare const confirmModal: <Result = boolean>(opts: Api.ConfirmModalOptions) => Promise<Result | undefined>;
|
|
7
8
|
export declare const promptModal: <Result = string>(opts: Api.PromptModalOptions) => Promise<Result | undefined>;
|
|
8
|
-
export { Modal, ModalHost };
|
|
9
|
+
export { Modal, ModalHost, ModalSection };
|
|
9
10
|
export type { ModalProps } from './types';
|
|
10
11
|
export type { ModalOptions, ModalActionType, AlertModalOptions, ConfirmModalOptions, GenericModalOptions, PromptModalOptions } from './api/types';
|