@octans/ui 1.6.0 → 1.6.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/CalendarHeatmap/types.d.ts +7 -0
- package/dist/components/Checkbox/Checkbox.vue.d.ts +22 -0
- package/dist/components/Choice/Choice.vue.d.ts +27 -0
- package/dist/components/ChoiceList/ChoiceList.vue.d.ts +28 -0
- package/dist/components/ChoiceList/types.d.ts +7 -0
- package/dist/components/ColorSelector/types.d.ts +7 -0
- package/dist/components/DatePicker/types.d.ts +7 -0
- package/dist/components/FileInput/FileInput.vue.d.ts +39 -0
- package/dist/components/Filters/FilterItem.vue.d.ts +29 -0
- package/dist/components/Filters/Filters.vue.d.ts +29 -0
- package/dist/components/Labelled/Labelled.vue.d.ts +45 -0
- package/dist/components/NavField/NavField.vue.d.ts +39 -0
- package/dist/components/OtpInput/types.d.ts +7 -0
- package/dist/components/RadioButton/RadioButton.vue.d.ts +22 -0
- package/dist/components/RangeSlider/RangeSlider.vue.d.ts +39 -0
- package/dist/components/Rating/types.d.ts +7 -0
- package/dist/components/SegmentedControl/types.d.ts +7 -0
- package/dist/components/Select/Select.vue.d.ts +39 -0
- package/dist/components/TextField/types.d.ts +7 -0
- package/dist/components/TimePicker/types.d.ts +7 -0
- package/dist/components/TimezonePicker/types.d.ts +7 -0
- package/dist/components/ToggleSwitch/types.d.ts +7 -0
- package/dist/style.css +1 -1
- package/dist/ui.js +156 -35
- package/dist/ui.umd.js +3 -3
- package/package.json +1 -1
|
@@ -65,6 +65,13 @@ export interface CalendarHeatmapProps {
|
|
|
65
65
|
* Renders a help icon next to the label which links to an external page.
|
|
66
66
|
*/
|
|
67
67
|
helpLink?: string | false;
|
|
68
|
+
/**
|
|
69
|
+
* The icon drawn for `helpLink` — any name the `Icon` component takes.
|
|
70
|
+
* Defaults to an information symbol.
|
|
71
|
+
*/
|
|
72
|
+
helpLinkIcon?: string;
|
|
73
|
+
/** Text shown on hovering the `helpLink` icon. */
|
|
74
|
+
helpLinkTooltip?: string;
|
|
68
75
|
/**
|
|
69
76
|
* The data to plot, one entry per day.
|
|
70
77
|
*
|
|
@@ -19,6 +19,17 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
19
19
|
type: PropType<string | false | null>;
|
|
20
20
|
required: false;
|
|
21
21
|
};
|
|
22
|
+
/**
|
|
23
|
+
* The icon drawn for `helpLink` — any name the `Icon` component takes.
|
|
24
|
+
* Defaults to an information symbol.
|
|
25
|
+
*/
|
|
26
|
+
helpLinkIcon: {
|
|
27
|
+
type: StringConstructor;
|
|
28
|
+
};
|
|
29
|
+
/** Text shown on hovering the `helpLink` icon. */
|
|
30
|
+
helpLinkTooltip: {
|
|
31
|
+
type: StringConstructor;
|
|
32
|
+
};
|
|
22
33
|
name: {
|
|
23
34
|
type: StringConstructor;
|
|
24
35
|
};
|
|
@@ -98,6 +109,17 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
98
109
|
type: PropType<string | false | null>;
|
|
99
110
|
required: false;
|
|
100
111
|
};
|
|
112
|
+
/**
|
|
113
|
+
* The icon drawn for `helpLink` — any name the `Icon` component takes.
|
|
114
|
+
* Defaults to an information symbol.
|
|
115
|
+
*/
|
|
116
|
+
helpLinkIcon: {
|
|
117
|
+
type: StringConstructor;
|
|
118
|
+
};
|
|
119
|
+
/** Text shown on hovering the `helpLink` icon. */
|
|
120
|
+
helpLinkTooltip: {
|
|
121
|
+
type: StringConstructor;
|
|
122
|
+
};
|
|
101
123
|
name: {
|
|
102
124
|
type: StringConstructor;
|
|
103
125
|
};
|
|
@@ -14,6 +14,19 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
14
14
|
helpLink: {
|
|
15
15
|
type: PropType<string | false | null>;
|
|
16
16
|
};
|
|
17
|
+
/**
|
|
18
|
+
* The icon drawn for `helpLink` — any name the `Icon` component takes.
|
|
19
|
+
*/
|
|
20
|
+
helpLinkIcon: {
|
|
21
|
+
type: StringConstructor;
|
|
22
|
+
default: string;
|
|
23
|
+
};
|
|
24
|
+
/**
|
|
25
|
+
* Text shown on hovering the `helpLink` icon.
|
|
26
|
+
*/
|
|
27
|
+
helpLinkTooltip: {
|
|
28
|
+
type: StringConstructor;
|
|
29
|
+
};
|
|
17
30
|
error: {
|
|
18
31
|
type: PropType<string | false | null>;
|
|
19
32
|
};
|
|
@@ -61,6 +74,19 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
61
74
|
helpLink: {
|
|
62
75
|
type: PropType<string | false | null>;
|
|
63
76
|
};
|
|
77
|
+
/**
|
|
78
|
+
* The icon drawn for `helpLink` — any name the `Icon` component takes.
|
|
79
|
+
*/
|
|
80
|
+
helpLinkIcon: {
|
|
81
|
+
type: StringConstructor;
|
|
82
|
+
default: string;
|
|
83
|
+
};
|
|
84
|
+
/**
|
|
85
|
+
* Text shown on hovering the `helpLink` icon.
|
|
86
|
+
*/
|
|
87
|
+
helpLinkTooltip: {
|
|
88
|
+
type: StringConstructor;
|
|
89
|
+
};
|
|
64
90
|
error: {
|
|
65
91
|
type: PropType<string | false | null>;
|
|
66
92
|
};
|
|
@@ -98,5 +124,6 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
98
124
|
type: string;
|
|
99
125
|
tooltipPosition: string;
|
|
100
126
|
value: any;
|
|
127
|
+
helpLinkIcon: string;
|
|
101
128
|
readonly: boolean;
|
|
102
129
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
@@ -18,6 +18,18 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
18
18
|
helpLink: {
|
|
19
19
|
type: StringConstructor;
|
|
20
20
|
};
|
|
21
|
+
/**
|
|
22
|
+
* The icon drawn for `helpLink` — any name the `Icon` component takes.
|
|
23
|
+
* Defaults to an information symbol. Per-choice links take theirs from
|
|
24
|
+
* the choice itself.
|
|
25
|
+
*/
|
|
26
|
+
helpLinkIcon: {
|
|
27
|
+
type: StringConstructor;
|
|
28
|
+
};
|
|
29
|
+
/** Text shown on hovering the `helpLink` icon. */
|
|
30
|
+
helpLinkTooltip: {
|
|
31
|
+
type: StringConstructor;
|
|
32
|
+
};
|
|
21
33
|
/**
|
|
22
34
|
* The choices to render. See `ChoiceListOptionType`, which is exported.
|
|
23
35
|
*
|
|
@@ -27,6 +39,8 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
27
39
|
* value: any
|
|
28
40
|
* helpText?: string
|
|
29
41
|
* helpLink?: string
|
|
42
|
+
* helpLinkIcon?: string
|
|
43
|
+
* helpLinkTooltip?: string
|
|
30
44
|
* disabled?: boolean
|
|
31
45
|
* readonly?: boolean
|
|
32
46
|
* // shown only while this choice is selected
|
|
@@ -112,6 +126,18 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
112
126
|
helpLink: {
|
|
113
127
|
type: StringConstructor;
|
|
114
128
|
};
|
|
129
|
+
/**
|
|
130
|
+
* The icon drawn for `helpLink` — any name the `Icon` component takes.
|
|
131
|
+
* Defaults to an information symbol. Per-choice links take theirs from
|
|
132
|
+
* the choice itself.
|
|
133
|
+
*/
|
|
134
|
+
helpLinkIcon: {
|
|
135
|
+
type: StringConstructor;
|
|
136
|
+
};
|
|
137
|
+
/** Text shown on hovering the `helpLink` icon. */
|
|
138
|
+
helpLinkTooltip: {
|
|
139
|
+
type: StringConstructor;
|
|
140
|
+
};
|
|
115
141
|
/**
|
|
116
142
|
* The choices to render. See `ChoiceListOptionType`, which is exported.
|
|
117
143
|
*
|
|
@@ -121,6 +147,8 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
121
147
|
* value: any
|
|
122
148
|
* helpText?: string
|
|
123
149
|
* helpLink?: string
|
|
150
|
+
* helpLinkIcon?: string
|
|
151
|
+
* helpLinkTooltip?: string
|
|
124
152
|
* disabled?: boolean
|
|
125
153
|
* readonly?: boolean
|
|
126
154
|
* // shown only while this choice is selected
|
|
@@ -18,6 +18,13 @@ export interface ChoiceListOptionType {
|
|
|
18
18
|
* Renders a help icon next to the label which links to an external page.
|
|
19
19
|
*/
|
|
20
20
|
helpLink?: string;
|
|
21
|
+
/**
|
|
22
|
+
* The icon drawn for `helpLink` — any name the `Icon` component takes.
|
|
23
|
+
* Defaults to an information symbol.
|
|
24
|
+
*/
|
|
25
|
+
helpLinkIcon?: string;
|
|
26
|
+
/** Text shown on hovering the `helpLink` icon. */
|
|
27
|
+
helpLinkTooltip?: string;
|
|
21
28
|
disabled?: boolean;
|
|
22
29
|
readonly?: boolean;
|
|
23
30
|
/**
|
|
@@ -56,6 +56,13 @@ export interface ColorSelectorProps extends Omit<ColorPickerProps, 'modelValue'>
|
|
|
56
56
|
* Renders a help icon next to the label which links to an external page.
|
|
57
57
|
*/
|
|
58
58
|
helpLink?: string | false | null;
|
|
59
|
+
/**
|
|
60
|
+
* The icon drawn for `helpLink` — any name the `Icon` component takes.
|
|
61
|
+
* Defaults to an information symbol.
|
|
62
|
+
*/
|
|
63
|
+
helpLinkIcon?: string;
|
|
64
|
+
/** Text shown on hovering the `helpLink` icon. */
|
|
65
|
+
helpLinkTooltip?: string;
|
|
59
66
|
/**
|
|
60
67
|
* Where the picker opens relative to the trigger.
|
|
61
68
|
*/
|
|
@@ -15,6 +15,13 @@ export interface DatePickerProps {
|
|
|
15
15
|
* Renders a help icon next to the label which links to an external page.
|
|
16
16
|
*/
|
|
17
17
|
helpLink?: string | false;
|
|
18
|
+
/**
|
|
19
|
+
* The icon drawn for `helpLink` — any name the `Icon` component takes.
|
|
20
|
+
* Defaults to an information symbol.
|
|
21
|
+
*/
|
|
22
|
+
helpLinkIcon?: string;
|
|
23
|
+
/** Text shown on hovering the `helpLink` icon. */
|
|
24
|
+
helpLinkTooltip?: string;
|
|
18
25
|
placeholder?: string;
|
|
19
26
|
disabled?: boolean;
|
|
20
27
|
readonly?: boolean;
|
|
@@ -37,6 +37,17 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
37
37
|
helpLink: {
|
|
38
38
|
type: PropType<string | false | null>;
|
|
39
39
|
};
|
|
40
|
+
/**
|
|
41
|
+
* The icon drawn for `helpLink` — any name the `Icon` component takes.
|
|
42
|
+
* Defaults to an information symbol.
|
|
43
|
+
*/
|
|
44
|
+
helpLinkIcon: {
|
|
45
|
+
type: StringConstructor;
|
|
46
|
+
};
|
|
47
|
+
/** Text shown on hovering the `helpLink` icon. */
|
|
48
|
+
helpLinkTooltip: {
|
|
49
|
+
type: StringConstructor;
|
|
50
|
+
};
|
|
40
51
|
/**
|
|
41
52
|
* Marks the field as required, drawing an asterisk after the label.
|
|
42
53
|
*
|
|
@@ -153,6 +164,17 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
153
164
|
helpLink: {
|
|
154
165
|
type: PropType<string | false | null>;
|
|
155
166
|
};
|
|
167
|
+
/**
|
|
168
|
+
* The icon drawn for `helpLink` — any name the `Icon` component takes.
|
|
169
|
+
* Defaults to an information symbol.
|
|
170
|
+
*/
|
|
171
|
+
helpLinkIcon: {
|
|
172
|
+
type: StringConstructor;
|
|
173
|
+
};
|
|
174
|
+
/** Text shown on hovering the `helpLink` icon. */
|
|
175
|
+
helpLinkTooltip: {
|
|
176
|
+
type: StringConstructor;
|
|
177
|
+
};
|
|
156
178
|
/**
|
|
157
179
|
* Marks the field as required, drawing an asterisk after the label.
|
|
158
180
|
*
|
|
@@ -467,6 +489,14 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
467
489
|
type: PropType<string | false | null>;
|
|
468
490
|
required: false;
|
|
469
491
|
};
|
|
492
|
+
helpLinkIcon: {
|
|
493
|
+
type: StringConstructor;
|
|
494
|
+
default: string;
|
|
495
|
+
};
|
|
496
|
+
helpLinkTooltip: {
|
|
497
|
+
type: StringConstructor;
|
|
498
|
+
required: false;
|
|
499
|
+
};
|
|
470
500
|
required: {
|
|
471
501
|
type: BooleanConstructor;
|
|
472
502
|
required: false;
|
|
@@ -494,12 +524,21 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
494
524
|
type: PropType<string | false | null>;
|
|
495
525
|
required: false;
|
|
496
526
|
};
|
|
527
|
+
helpLinkIcon: {
|
|
528
|
+
type: StringConstructor;
|
|
529
|
+
default: string;
|
|
530
|
+
};
|
|
531
|
+
helpLinkTooltip: {
|
|
532
|
+
type: StringConstructor;
|
|
533
|
+
required: false;
|
|
534
|
+
};
|
|
497
535
|
required: {
|
|
498
536
|
type: BooleanConstructor;
|
|
499
537
|
required: false;
|
|
500
538
|
};
|
|
501
539
|
}>> & Readonly<{}>, {
|
|
502
540
|
required: boolean;
|
|
541
|
+
helpLinkIcon: string;
|
|
503
542
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
504
543
|
Spinner: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
505
544
|
color: {
|
|
@@ -310,6 +310,12 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
310
310
|
helpLink: {
|
|
311
311
|
type: import('vue').PropType<string | false | null>;
|
|
312
312
|
};
|
|
313
|
+
helpLinkIcon: {
|
|
314
|
+
type: StringConstructor;
|
|
315
|
+
};
|
|
316
|
+
helpLinkTooltip: {
|
|
317
|
+
type: StringConstructor;
|
|
318
|
+
};
|
|
313
319
|
required: {
|
|
314
320
|
type: BooleanConstructor;
|
|
315
321
|
default: boolean;
|
|
@@ -485,6 +491,12 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
485
491
|
helpLink: {
|
|
486
492
|
type: import('vue').PropType<string | false | null>;
|
|
487
493
|
};
|
|
494
|
+
helpLinkIcon: {
|
|
495
|
+
type: StringConstructor;
|
|
496
|
+
};
|
|
497
|
+
helpLinkTooltip: {
|
|
498
|
+
type: StringConstructor;
|
|
499
|
+
};
|
|
488
500
|
required: {
|
|
489
501
|
type: BooleanConstructor;
|
|
490
502
|
default: boolean;
|
|
@@ -704,6 +716,14 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
704
716
|
type: import('vue').PropType<string | false | null>;
|
|
705
717
|
required: false;
|
|
706
718
|
};
|
|
719
|
+
helpLinkIcon: {
|
|
720
|
+
type: StringConstructor;
|
|
721
|
+
default: string;
|
|
722
|
+
};
|
|
723
|
+
helpLinkTooltip: {
|
|
724
|
+
type: StringConstructor;
|
|
725
|
+
required: false;
|
|
726
|
+
};
|
|
707
727
|
required: {
|
|
708
728
|
type: BooleanConstructor;
|
|
709
729
|
required: false;
|
|
@@ -731,12 +751,21 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
731
751
|
type: import('vue').PropType<string | false | null>;
|
|
732
752
|
required: false;
|
|
733
753
|
};
|
|
754
|
+
helpLinkIcon: {
|
|
755
|
+
type: StringConstructor;
|
|
756
|
+
default: string;
|
|
757
|
+
};
|
|
758
|
+
helpLinkTooltip: {
|
|
759
|
+
type: StringConstructor;
|
|
760
|
+
required: false;
|
|
761
|
+
};
|
|
734
762
|
required: {
|
|
735
763
|
type: BooleanConstructor;
|
|
736
764
|
required: false;
|
|
737
765
|
};
|
|
738
766
|
}>> & Readonly<{}>, {
|
|
739
767
|
required: boolean;
|
|
768
|
+
helpLinkIcon: string;
|
|
740
769
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
741
770
|
Tag: {
|
|
742
771
|
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../Tag/Tag.vue').TagProps> & Readonly<{
|
|
@@ -929,6 +929,12 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
929
929
|
helpLink: {
|
|
930
930
|
type: PropType<string | false | null>;
|
|
931
931
|
};
|
|
932
|
+
helpLinkIcon: {
|
|
933
|
+
type: StringConstructor;
|
|
934
|
+
};
|
|
935
|
+
helpLinkTooltip: {
|
|
936
|
+
type: StringConstructor;
|
|
937
|
+
};
|
|
932
938
|
required: {
|
|
933
939
|
type: BooleanConstructor;
|
|
934
940
|
default: boolean;
|
|
@@ -1104,6 +1110,12 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
1104
1110
|
helpLink: {
|
|
1105
1111
|
type: PropType<string | false | null>;
|
|
1106
1112
|
};
|
|
1113
|
+
helpLinkIcon: {
|
|
1114
|
+
type: StringConstructor;
|
|
1115
|
+
};
|
|
1116
|
+
helpLinkTooltip: {
|
|
1117
|
+
type: StringConstructor;
|
|
1118
|
+
};
|
|
1107
1119
|
required: {
|
|
1108
1120
|
type: BooleanConstructor;
|
|
1109
1121
|
default: boolean;
|
|
@@ -1323,6 +1335,14 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
1323
1335
|
type: PropType<string | false | null>;
|
|
1324
1336
|
required: false;
|
|
1325
1337
|
};
|
|
1338
|
+
helpLinkIcon: {
|
|
1339
|
+
type: StringConstructor;
|
|
1340
|
+
default: string;
|
|
1341
|
+
};
|
|
1342
|
+
helpLinkTooltip: {
|
|
1343
|
+
type: StringConstructor;
|
|
1344
|
+
required: false;
|
|
1345
|
+
};
|
|
1326
1346
|
required: {
|
|
1327
1347
|
type: BooleanConstructor;
|
|
1328
1348
|
required: false;
|
|
@@ -1350,12 +1370,21 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
1350
1370
|
type: PropType<string | false | null>;
|
|
1351
1371
|
required: false;
|
|
1352
1372
|
};
|
|
1373
|
+
helpLinkIcon: {
|
|
1374
|
+
type: StringConstructor;
|
|
1375
|
+
default: string;
|
|
1376
|
+
};
|
|
1377
|
+
helpLinkTooltip: {
|
|
1378
|
+
type: StringConstructor;
|
|
1379
|
+
required: false;
|
|
1380
|
+
};
|
|
1353
1381
|
required: {
|
|
1354
1382
|
type: BooleanConstructor;
|
|
1355
1383
|
required: false;
|
|
1356
1384
|
};
|
|
1357
1385
|
}>> & Readonly<{}>, {
|
|
1358
1386
|
required: boolean;
|
|
1387
|
+
helpLinkIcon: string;
|
|
1359
1388
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
1360
1389
|
Tag: {
|
|
1361
1390
|
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../Tag/Tag.vue').TagProps> & Readonly<{
|
|
@@ -45,6 +45,28 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
45
45
|
type: PropType<string | false | null>;
|
|
46
46
|
required: false;
|
|
47
47
|
};
|
|
48
|
+
/**
|
|
49
|
+
* The icon drawn for `helpLink` — any name the `Icon` component takes.
|
|
50
|
+
*
|
|
51
|
+
* Defaults to an information symbol. Change it where the link means
|
|
52
|
+
* something narrower than "help": `mdi:language-markdown` beside a field
|
|
53
|
+
* that accepts markdown says what the link is about before it is clicked.
|
|
54
|
+
*/
|
|
55
|
+
helpLinkIcon: {
|
|
56
|
+
type: StringConstructor;
|
|
57
|
+
default: string;
|
|
58
|
+
};
|
|
59
|
+
/**
|
|
60
|
+
* Text shown on hovering the `helpLink` icon.
|
|
61
|
+
*
|
|
62
|
+
* Worth setting whenever the icon is not self-evident. The link opens in a
|
|
63
|
+
* new tab, so this is the reader's only chance to find out where it goes
|
|
64
|
+
* before they lose their place in the form.
|
|
65
|
+
*/
|
|
66
|
+
helpLinkTooltip: {
|
|
67
|
+
type: StringConstructor;
|
|
68
|
+
required: false;
|
|
69
|
+
};
|
|
48
70
|
/**
|
|
49
71
|
* Marks the field as required, drawing an asterisk after the label.
|
|
50
72
|
*
|
|
@@ -106,6 +128,28 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
106
128
|
type: PropType<string | false | null>;
|
|
107
129
|
required: false;
|
|
108
130
|
};
|
|
131
|
+
/**
|
|
132
|
+
* The icon drawn for `helpLink` — any name the `Icon` component takes.
|
|
133
|
+
*
|
|
134
|
+
* Defaults to an information symbol. Change it where the link means
|
|
135
|
+
* something narrower than "help": `mdi:language-markdown` beside a field
|
|
136
|
+
* that accepts markdown says what the link is about before it is clicked.
|
|
137
|
+
*/
|
|
138
|
+
helpLinkIcon: {
|
|
139
|
+
type: StringConstructor;
|
|
140
|
+
default: string;
|
|
141
|
+
};
|
|
142
|
+
/**
|
|
143
|
+
* Text shown on hovering the `helpLink` icon.
|
|
144
|
+
*
|
|
145
|
+
* Worth setting whenever the icon is not self-evident. The link opens in a
|
|
146
|
+
* new tab, so this is the reader's only chance to find out where it goes
|
|
147
|
+
* before they lose their place in the form.
|
|
148
|
+
*/
|
|
149
|
+
helpLinkTooltip: {
|
|
150
|
+
type: StringConstructor;
|
|
151
|
+
required: false;
|
|
152
|
+
};
|
|
109
153
|
/**
|
|
110
154
|
* Marks the field as required, drawing an asterisk after the label.
|
|
111
155
|
*
|
|
@@ -123,4 +167,5 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
123
167
|
};
|
|
124
168
|
}>> & Readonly<{}>, {
|
|
125
169
|
required: boolean;
|
|
170
|
+
helpLinkIcon: string;
|
|
126
171
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
@@ -26,6 +26,17 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
26
26
|
helpLink: {
|
|
27
27
|
type: PropType<string | false | null>;
|
|
28
28
|
};
|
|
29
|
+
/**
|
|
30
|
+
* The icon drawn for `helpLink` — any name the `Icon` component takes.
|
|
31
|
+
* Defaults to an information symbol.
|
|
32
|
+
*/
|
|
33
|
+
helpLinkIcon: {
|
|
34
|
+
type: StringConstructor;
|
|
35
|
+
};
|
|
36
|
+
/** Text shown on hovering the `helpLink` icon. */
|
|
37
|
+
helpLinkTooltip: {
|
|
38
|
+
type: StringConstructor;
|
|
39
|
+
};
|
|
29
40
|
placeholder: {
|
|
30
41
|
type: StringConstructor;
|
|
31
42
|
};
|
|
@@ -74,6 +85,17 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
74
85
|
helpLink: {
|
|
75
86
|
type: PropType<string | false | null>;
|
|
76
87
|
};
|
|
88
|
+
/**
|
|
89
|
+
* The icon drawn for `helpLink` — any name the `Icon` component takes.
|
|
90
|
+
* Defaults to an information symbol.
|
|
91
|
+
*/
|
|
92
|
+
helpLinkIcon: {
|
|
93
|
+
type: StringConstructor;
|
|
94
|
+
};
|
|
95
|
+
/** Text shown on hovering the `helpLink` icon. */
|
|
96
|
+
helpLinkTooltip: {
|
|
97
|
+
type: StringConstructor;
|
|
98
|
+
};
|
|
77
99
|
placeholder: {
|
|
78
100
|
type: StringConstructor;
|
|
79
101
|
};
|
|
@@ -164,6 +186,14 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
164
186
|
type: PropType<string | false | null>;
|
|
165
187
|
required: false;
|
|
166
188
|
};
|
|
189
|
+
helpLinkIcon: {
|
|
190
|
+
type: StringConstructor;
|
|
191
|
+
default: string;
|
|
192
|
+
};
|
|
193
|
+
helpLinkTooltip: {
|
|
194
|
+
type: StringConstructor;
|
|
195
|
+
required: false;
|
|
196
|
+
};
|
|
167
197
|
required: {
|
|
168
198
|
type: BooleanConstructor;
|
|
169
199
|
required: false;
|
|
@@ -191,12 +221,21 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
191
221
|
type: PropType<string | false | null>;
|
|
192
222
|
required: false;
|
|
193
223
|
};
|
|
224
|
+
helpLinkIcon: {
|
|
225
|
+
type: StringConstructor;
|
|
226
|
+
default: string;
|
|
227
|
+
};
|
|
228
|
+
helpLinkTooltip: {
|
|
229
|
+
type: StringConstructor;
|
|
230
|
+
required: false;
|
|
231
|
+
};
|
|
194
232
|
required: {
|
|
195
233
|
type: BooleanConstructor;
|
|
196
234
|
required: false;
|
|
197
235
|
};
|
|
198
236
|
}>> & Readonly<{}>, {
|
|
199
237
|
required: boolean;
|
|
238
|
+
helpLinkIcon: string;
|
|
200
239
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
201
240
|
Spinner: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
202
241
|
color: {
|
|
@@ -19,6 +19,13 @@ export interface OtpInputProps {
|
|
|
19
19
|
* Renders a help icon next to the label which links to an external page.
|
|
20
20
|
*/
|
|
21
21
|
helpLink?: string | false;
|
|
22
|
+
/**
|
|
23
|
+
* The icon drawn for `helpLink` — any name the `Icon` component takes.
|
|
24
|
+
* Defaults to an information symbol.
|
|
25
|
+
*/
|
|
26
|
+
helpLinkIcon?: string;
|
|
27
|
+
/** Text shown on hovering the `helpLink` icon. */
|
|
28
|
+
helpLinkTooltip?: string;
|
|
22
29
|
/**
|
|
23
30
|
* The current value — the characters across all cells joined into a string.
|
|
24
31
|
*/
|
|
@@ -26,6 +26,17 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
26
26
|
helpLink: {
|
|
27
27
|
type: PropType<string | false | null>;
|
|
28
28
|
};
|
|
29
|
+
/**
|
|
30
|
+
* The icon drawn for `helpLink` — any name the `Icon` component takes.
|
|
31
|
+
* Defaults to an information symbol.
|
|
32
|
+
*/
|
|
33
|
+
helpLinkIcon: {
|
|
34
|
+
type: StringConstructor;
|
|
35
|
+
};
|
|
36
|
+
/** Text shown on hovering the `helpLink` icon. */
|
|
37
|
+
helpLinkTooltip: {
|
|
38
|
+
type: StringConstructor;
|
|
39
|
+
};
|
|
29
40
|
/**
|
|
30
41
|
* Radio buttons with the same name will form a group.
|
|
31
42
|
*/
|
|
@@ -93,6 +104,17 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
93
104
|
helpLink: {
|
|
94
105
|
type: PropType<string | false | null>;
|
|
95
106
|
};
|
|
107
|
+
/**
|
|
108
|
+
* The icon drawn for `helpLink` — any name the `Icon` component takes.
|
|
109
|
+
* Defaults to an information symbol.
|
|
110
|
+
*/
|
|
111
|
+
helpLinkIcon: {
|
|
112
|
+
type: StringConstructor;
|
|
113
|
+
};
|
|
114
|
+
/** Text shown on hovering the `helpLink` icon. */
|
|
115
|
+
helpLinkTooltip: {
|
|
116
|
+
type: StringConstructor;
|
|
117
|
+
};
|
|
96
118
|
/**
|
|
97
119
|
* Radio buttons with the same name will form a group.
|
|
98
120
|
*/
|
|
@@ -45,6 +45,17 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
45
45
|
helpLink: {
|
|
46
46
|
type: PropType<string | false | null>;
|
|
47
47
|
};
|
|
48
|
+
/**
|
|
49
|
+
* The icon drawn for `helpLink` — any name the `Icon` component takes.
|
|
50
|
+
* Defaults to an information symbol.
|
|
51
|
+
*/
|
|
52
|
+
helpLinkIcon: {
|
|
53
|
+
type: StringConstructor;
|
|
54
|
+
};
|
|
55
|
+
/** Text shown on hovering the `helpLink` icon. */
|
|
56
|
+
helpLinkTooltip: {
|
|
57
|
+
type: StringConstructor;
|
|
58
|
+
};
|
|
48
59
|
/**
|
|
49
60
|
* Disables the control and prevents all interaction.
|
|
50
61
|
*/
|
|
@@ -149,6 +160,17 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
149
160
|
helpLink: {
|
|
150
161
|
type: PropType<string | false | null>;
|
|
151
162
|
};
|
|
163
|
+
/**
|
|
164
|
+
* The icon drawn for `helpLink` — any name the `Icon` component takes.
|
|
165
|
+
* Defaults to an information symbol.
|
|
166
|
+
*/
|
|
167
|
+
helpLinkIcon: {
|
|
168
|
+
type: StringConstructor;
|
|
169
|
+
};
|
|
170
|
+
/** Text shown on hovering the `helpLink` icon. */
|
|
171
|
+
helpLinkTooltip: {
|
|
172
|
+
type: StringConstructor;
|
|
173
|
+
};
|
|
152
174
|
/**
|
|
153
175
|
* Disables the control and prevents all interaction.
|
|
154
176
|
*/
|
|
@@ -225,6 +247,14 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
225
247
|
type: PropType<string | false | null>;
|
|
226
248
|
required: false;
|
|
227
249
|
};
|
|
250
|
+
helpLinkIcon: {
|
|
251
|
+
type: StringConstructor;
|
|
252
|
+
default: string;
|
|
253
|
+
};
|
|
254
|
+
helpLinkTooltip: {
|
|
255
|
+
type: StringConstructor;
|
|
256
|
+
required: false;
|
|
257
|
+
};
|
|
228
258
|
required: {
|
|
229
259
|
type: BooleanConstructor;
|
|
230
260
|
required: false;
|
|
@@ -252,12 +282,21 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
|
|
|
252
282
|
type: PropType<string | false | null>;
|
|
253
283
|
required: false;
|
|
254
284
|
};
|
|
285
|
+
helpLinkIcon: {
|
|
286
|
+
type: StringConstructor;
|
|
287
|
+
default: string;
|
|
288
|
+
};
|
|
289
|
+
helpLinkTooltip: {
|
|
290
|
+
type: StringConstructor;
|
|
291
|
+
required: false;
|
|
292
|
+
};
|
|
255
293
|
required: {
|
|
256
294
|
type: BooleanConstructor;
|
|
257
295
|
required: false;
|
|
258
296
|
};
|
|
259
297
|
}>> & Readonly<{}>, {
|
|
260
298
|
required: boolean;
|
|
299
|
+
helpLinkIcon: string;
|
|
261
300
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
262
301
|
TextField: {
|
|
263
302
|
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../TextField').TextFieldProps> & Readonly<{
|
|
@@ -19,6 +19,13 @@ export interface RatingProps {
|
|
|
19
19
|
* Renders a help icon next to the label which links to an external page.
|
|
20
20
|
*/
|
|
21
21
|
helpLink?: string | false;
|
|
22
|
+
/**
|
|
23
|
+
* The icon drawn for `helpLink` — any name the `Icon` component takes.
|
|
24
|
+
* Defaults to an information symbol.
|
|
25
|
+
*/
|
|
26
|
+
helpLinkIcon?: string;
|
|
27
|
+
/** Text shown on hovering the `helpLink` icon. */
|
|
28
|
+
helpLinkTooltip?: string;
|
|
22
29
|
/**
|
|
23
30
|
* The current rating value. `null` or `0` means unrated.
|
|
24
31
|
*/
|
|
@@ -116,4 +116,11 @@ export interface SegmentedControlProps {
|
|
|
116
116
|
* Renders a help icon next to the label which links to an external page.
|
|
117
117
|
*/
|
|
118
118
|
helpLink?: string;
|
|
119
|
+
/**
|
|
120
|
+
* The icon drawn for `helpLink` — any name the `Icon` component takes.
|
|
121
|
+
* Defaults to an information symbol.
|
|
122
|
+
*/
|
|
123
|
+
helpLinkIcon?: string;
|
|
124
|
+
/** Text shown on hovering the `helpLink` icon. */
|
|
125
|
+
helpLinkTooltip?: string;
|
|
119
126
|
}
|