tide-design-system 2.4.5 → 2.5.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/.storybook/main.ts +1 -0
- package/dist/css/reset.css +1 -1
- package/dist/css/utilities-responsive.css +0 -546
- package/dist/style.css +1 -1
- package/dist/tide-design-system.cjs +2 -2
- package/dist/tide-design-system.esm.d.ts +171 -73
- package/dist/tide-design-system.esm.js +1725 -1594
- package/dist/utilities/storybook.ts +6 -2
- package/dist/utilities/validation.ts +1 -1
- package/docs/upgrading.md +79 -0
- package/index.ts +8 -5
- package/package.json +1 -1
- package/src/assets/css/reset.css +1 -1
- package/src/assets/css/utilities-responsive.css +0 -546
- package/src/components/InternalBaseLink.vue +11 -0
- package/src/components/TideAccordionItem.vue +21 -13
- package/src/components/TideBreadCrumbs.vue +3 -2
- package/src/components/TideButton.vue +17 -4
- package/src/components/TideButtonIcon.vue +15 -2
- package/src/components/TideButtonPagination.vue +16 -16
- package/src/components/TideButtonSegmented.vue +15 -15
- package/src/components/TideCard.vue +12 -2
- package/src/components/TideCarousel.vue +10 -5
- package/src/components/TideChipAction.vue +7 -1
- package/src/components/TideChipFilter.vue +14 -7
- package/src/components/TideChipInput.vue +1 -0
- package/src/components/TideIcon.vue +8 -9
- package/src/components/TideImage.vue +9 -9
- package/src/components/TideInputCheckbox.vue +0 -1
- package/src/components/TideInputText.vue +2 -0
- package/src/components/TideInputTextDeprecated.vue +2 -0
- package/src/components/TideInputTextarea.vue +2 -2
- package/src/components/TideLink.vue +7 -1
- package/src/components/TideMenuItem.vue +83 -0
- package/src/components/TideModal.vue +120 -101
- package/src/components/TidePagination.vue +17 -19
- package/src/components/TideSeoLinks.vue +3 -2
- package/src/components/TideSheet.vue +28 -23
- package/src/components/TideSwitch.vue +24 -20
- package/src/composables/useTideConfig.ts +23 -0
- package/src/stories/TideAccordionItem.stories.ts +33 -34
- package/src/stories/TideButtonPagination.stories.ts +6 -6
- package/src/stories/TideButtonSegmented.stories.ts +33 -25
- package/src/stories/TideCarousel.stories.ts +0 -1
- package/src/stories/TideChipFilter.stories.ts +33 -23
- package/src/stories/TideInputCheckbox.stories.ts +66 -23
- package/src/stories/TideInputRadio.stories.ts +39 -30
- package/src/stories/TideInputSelect.stories.ts +51 -27
- package/src/stories/TideInputText.stories.ts +83 -23
- package/src/stories/TideInputTextarea.stories.ts +66 -17
- package/src/stories/TideLink.stories.ts +1 -14
- package/src/stories/TideMenuItem.stories.ts +117 -0
- package/src/stories/TideModal.stories.ts +33 -37
- package/src/stories/TidePagination.stories.ts +33 -22
- package/src/stories/TidePopover.stories.ts +1 -1
- package/src/stories/TideSheet.stories.ts +33 -28
- package/src/stories/TideSwitch.stories.ts +33 -34
- package/src/types/Badge.ts +4 -0
- package/src/types/Element.ts +2 -2
- package/src/types/Formatted.ts +1 -0
- package/src/types/Storybook.ts +4 -6
- package/src/types/Type.ts +6 -0
- package/src/types/Validation.ts +1 -0
- package/src/utilities/storybook.ts +6 -2
- package/src/utilities/validation.ts +1 -1
- package/tests/InternalBaseLink.spec.ts +61 -0
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { Component } from 'vue';
|
|
1
2
|
import { ComponentOptionsMixin } from 'vue';
|
|
2
3
|
import { ComponentProvideOptions } from 'vue';
|
|
3
4
|
import { DefineComponent } from 'vue';
|
|
@@ -8,31 +9,73 @@ declare type __VLS_PublicProps = {
|
|
|
8
9
|
modelValue: boolean;
|
|
9
10
|
} & typeof __VLS_typeProps;
|
|
10
11
|
|
|
12
|
+
declare type __VLS_PublicProps_10 = {
|
|
13
|
+
modelValue: number;
|
|
14
|
+
} & typeof __VLS_typeProps_10;
|
|
15
|
+
|
|
16
|
+
declare type __VLS_PublicProps_11 = {
|
|
17
|
+
modelValue: boolean;
|
|
18
|
+
} & typeof __VLS_typeProps_11;
|
|
19
|
+
|
|
20
|
+
declare type __VLS_PublicProps_12 = {
|
|
21
|
+
modelValue: boolean;
|
|
22
|
+
} & typeof __VLS_typeProps_12;
|
|
23
|
+
|
|
11
24
|
declare type __VLS_PublicProps_2 = {
|
|
12
|
-
modelValue:
|
|
25
|
+
modelValue: number;
|
|
13
26
|
} & typeof __VLS_typeProps_2;
|
|
14
27
|
|
|
15
28
|
declare type __VLS_PublicProps_3 = {
|
|
16
|
-
modelValue:
|
|
29
|
+
modelValue: boolean;
|
|
17
30
|
} & typeof __VLS_typeProps_3;
|
|
18
31
|
|
|
19
32
|
declare type __VLS_PublicProps_4 = {
|
|
20
|
-
modelValue:
|
|
33
|
+
modelValue: boolean;
|
|
21
34
|
} & typeof __VLS_typeProps_4;
|
|
22
35
|
|
|
23
36
|
declare type __VLS_PublicProps_5 = {
|
|
24
37
|
modelValue: string;
|
|
25
38
|
} & typeof __VLS_typeProps_5;
|
|
26
39
|
|
|
27
|
-
declare
|
|
40
|
+
declare type __VLS_PublicProps_6 = {
|
|
41
|
+
modelValue: string;
|
|
42
|
+
} & typeof __VLS_typeProps_6;
|
|
43
|
+
|
|
44
|
+
declare type __VLS_PublicProps_7 = {
|
|
45
|
+
modelValue: string;
|
|
46
|
+
} & typeof __VLS_typeProps_7;
|
|
47
|
+
|
|
48
|
+
declare type __VLS_PublicProps_8 = {
|
|
49
|
+
modelValue: string;
|
|
50
|
+
} & typeof __VLS_typeProps_8;
|
|
51
|
+
|
|
52
|
+
declare type __VLS_PublicProps_9 = {
|
|
53
|
+
modelValue: boolean;
|
|
54
|
+
} & typeof __VLS_typeProps_9;
|
|
55
|
+
|
|
56
|
+
declare let __VLS_typeProps: Props;
|
|
57
|
+
|
|
58
|
+
declare let __VLS_typeProps_10: Props_29;
|
|
59
|
+
|
|
60
|
+
declare let __VLS_typeProps_11: Props_32;
|
|
61
|
+
|
|
62
|
+
declare let __VLS_typeProps_12: Props_33;
|
|
63
|
+
|
|
64
|
+
declare let __VLS_typeProps_2: Props_9;
|
|
28
65
|
|
|
29
|
-
declare let
|
|
66
|
+
declare let __VLS_typeProps_3: Props_13;
|
|
30
67
|
|
|
31
|
-
declare let
|
|
68
|
+
declare let __VLS_typeProps_4: Props_21;
|
|
32
69
|
|
|
33
|
-
declare let
|
|
70
|
+
declare let __VLS_typeProps_5: Props_22;
|
|
34
71
|
|
|
35
|
-
declare let
|
|
72
|
+
declare let __VLS_typeProps_6: Props_23;
|
|
73
|
+
|
|
74
|
+
declare let __VLS_typeProps_7: Props_25;
|
|
75
|
+
|
|
76
|
+
declare let __VLS_typeProps_8: Props_26;
|
|
77
|
+
|
|
78
|
+
declare let __VLS_typeProps_9: Props_28;
|
|
36
79
|
|
|
37
80
|
declare type __VLS_WithTemplateSlots<T, S> = T & {
|
|
38
81
|
new (): {
|
|
@@ -124,6 +167,10 @@ export declare const BADGE_COLOR_DETAILS: Record<BadgeColor, {
|
|
|
124
167
|
export declare const BADGE_TRUSTED: {
|
|
125
168
|
readonly YEARS_10: "10";
|
|
126
169
|
readonly YEARS_15: "15";
|
|
170
|
+
readonly YEARS_20: "20";
|
|
171
|
+
readonly YEARS_25: "25";
|
|
172
|
+
readonly YEARS_30: "30";
|
|
173
|
+
readonly YEARS_35: "35";
|
|
127
174
|
readonly YEARS_5: "5";
|
|
128
175
|
};
|
|
129
176
|
|
|
@@ -146,6 +193,13 @@ export declare const BREAKPOINT: {
|
|
|
146
193
|
|
|
147
194
|
export declare type Breakpoint = (typeof BREAKPOINT)[keyof typeof BREAKPOINT];
|
|
148
195
|
|
|
196
|
+
declare const BUTTON_TYPE: {
|
|
197
|
+
readonly BUTTON: "button";
|
|
198
|
+
readonly SUBMIT: "submit";
|
|
199
|
+
};
|
|
200
|
+
|
|
201
|
+
declare type ButtonType = (typeof BUTTON_TYPE)[keyof typeof BUTTON_TYPE];
|
|
202
|
+
|
|
149
203
|
export declare type CardType = (typeof TYPE_CARD)[keyof typeof TYPE_CARD];
|
|
150
204
|
|
|
151
205
|
declare const CSS_2: {
|
|
@@ -672,13 +726,13 @@ export declare const ELEMENT: {
|
|
|
672
726
|
declare type Element_2 = (typeof ELEMENT)[keyof typeof ELEMENT];
|
|
673
727
|
export { Element_2 as Element }
|
|
674
728
|
|
|
675
|
-
export declare const
|
|
729
|
+
export declare const ELEMENT_BROAD: {
|
|
676
730
|
readonly BUTTON: "button";
|
|
677
731
|
readonly DIV: "div";
|
|
678
732
|
readonly LINK: "a";
|
|
679
733
|
};
|
|
680
734
|
|
|
681
|
-
export declare type
|
|
735
|
+
export declare type ElementBroad = (typeof ELEMENT_BROAD)[keyof typeof ELEMENT_BROAD];
|
|
682
736
|
|
|
683
737
|
declare const ERROR_DISPLAY: {
|
|
684
738
|
readonly EAGER: "eager";
|
|
@@ -701,6 +755,7 @@ export declare const FORMAT_REGEX: {
|
|
|
701
755
|
numberFormatted: RegExp;
|
|
702
756
|
phone: RegExp;
|
|
703
757
|
price: RegExp;
|
|
758
|
+
zip: RegExp;
|
|
704
759
|
};
|
|
705
760
|
|
|
706
761
|
export declare type Formatted = {
|
|
@@ -963,7 +1018,6 @@ export declare type Priority = (typeof PRIORITY)[keyof typeof PRIORITY];
|
|
|
963
1018
|
declare type Props = {
|
|
964
1019
|
hasBottomDivider?: boolean;
|
|
965
1020
|
hasTopDivider?: boolean;
|
|
966
|
-
isExpanded?: boolean;
|
|
967
1021
|
isOptional?: boolean;
|
|
968
1022
|
label: string;
|
|
969
1023
|
};
|
|
@@ -983,7 +1037,6 @@ declare type Props_11 = {
|
|
|
983
1037
|
isHeadline1?: boolean;
|
|
984
1038
|
isHideawayButtons?: boolean;
|
|
985
1039
|
isScrollByPage?: boolean;
|
|
986
|
-
isTouchscreen?: boolean;
|
|
987
1040
|
maxDots?: number;
|
|
988
1041
|
subtitle?: string;
|
|
989
1042
|
title?: string;
|
|
@@ -997,7 +1050,6 @@ declare type Props_12 = {
|
|
|
997
1050
|
};
|
|
998
1051
|
|
|
999
1052
|
declare type Props_13 = {
|
|
1000
|
-
isActive: boolean;
|
|
1001
1053
|
label: string;
|
|
1002
1054
|
};
|
|
1003
1055
|
|
|
@@ -1131,16 +1183,20 @@ declare type Props_27 = {
|
|
|
1131
1183
|
};
|
|
1132
1184
|
|
|
1133
1185
|
declare type Props_28 = {
|
|
1186
|
+
/**
|
|
1187
|
+
* Called before the modal closes.
|
|
1188
|
+
*
|
|
1189
|
+
* Return `false` to cancel the close event.
|
|
1190
|
+
*/
|
|
1191
|
+
beforeClose?: () => void | boolean | Promise<void | boolean>;
|
|
1134
1192
|
isBackButton?: boolean;
|
|
1135
1193
|
isDismissible?: boolean;
|
|
1136
|
-
isOpen: boolean;
|
|
1137
1194
|
title?: string;
|
|
1138
1195
|
width?: string;
|
|
1139
1196
|
};
|
|
1140
1197
|
|
|
1141
1198
|
declare type Props_29 = {
|
|
1142
|
-
|
|
1143
|
-
pageTotal?: number;
|
|
1199
|
+
pageTotal: number;
|
|
1144
1200
|
};
|
|
1145
1201
|
|
|
1146
1202
|
declare type Props_3 = {
|
|
@@ -1161,13 +1217,11 @@ declare type Props_31 = {
|
|
|
1161
1217
|
};
|
|
1162
1218
|
|
|
1163
1219
|
declare type Props_32 = {
|
|
1164
|
-
isOpen: boolean;
|
|
1165
1220
|
isBackButton?: boolean;
|
|
1166
1221
|
};
|
|
1167
1222
|
|
|
1168
1223
|
declare type Props_33 = {
|
|
1169
1224
|
disabled?: boolean;
|
|
1170
|
-
isActive?: boolean;
|
|
1171
1225
|
};
|
|
1172
1226
|
|
|
1173
1227
|
declare type Props_4 = {
|
|
@@ -1188,6 +1242,7 @@ declare type Props_6 = {
|
|
|
1188
1242
|
label: string;
|
|
1189
1243
|
priority?: Priority;
|
|
1190
1244
|
size?: SizeButton;
|
|
1245
|
+
type?: ButtonType;
|
|
1191
1246
|
};
|
|
1192
1247
|
|
|
1193
1248
|
declare type Props_7 = {
|
|
@@ -1197,20 +1252,22 @@ declare type Props_7 = {
|
|
|
1197
1252
|
icon: Icon;
|
|
1198
1253
|
isNewTab?: boolean;
|
|
1199
1254
|
priority?: Priority;
|
|
1255
|
+
type?: ButtonType;
|
|
1200
1256
|
};
|
|
1201
1257
|
|
|
1202
1258
|
declare type Props_8 = {
|
|
1203
1259
|
disabled?: boolean;
|
|
1204
|
-
element?:
|
|
1260
|
+
element?: ElementBroad;
|
|
1205
1261
|
href?: string;
|
|
1206
1262
|
label: string | number;
|
|
1207
1263
|
};
|
|
1208
1264
|
|
|
1209
1265
|
declare type Props_9 = {
|
|
1210
|
-
|
|
1211
|
-
tabs: Tab[];
|
|
1266
|
+
tabs: Tab[] | readonly Tab[];
|
|
1212
1267
|
};
|
|
1213
1268
|
|
|
1269
|
+
export declare const provideTideConfig: (config?: Partial<TideConfig>) => void;
|
|
1270
|
+
|
|
1214
1271
|
export declare const REALM: {
|
|
1215
1272
|
readonly AERO: "aero";
|
|
1216
1273
|
readonly ATV: "atv";
|
|
@@ -1326,15 +1383,13 @@ export declare type TextInput = GenericInput & StringValue & {
|
|
|
1326
1383
|
|
|
1327
1384
|
export declare type TextInputType = (typeof TEXT_INPUT_TYPE)[keyof typeof TEXT_INPUT_TYPE];
|
|
1328
1385
|
|
|
1329
|
-
export declare const TideAccordionItem: __VLS_WithTemplateSlots<DefineComponent<
|
|
1330
|
-
|
|
1331
|
-
}, string, PublicProps, Readonly<
|
|
1332
|
-
|
|
1386
|
+
export declare const TideAccordionItem: __VLS_WithTemplateSlots<DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
1387
|
+
"update:modelValue": (modelValue: boolean) => any;
|
|
1388
|
+
}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
1389
|
+
"onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
|
|
1333
1390
|
}>, {
|
|
1334
|
-
label: string;
|
|
1335
1391
|
hasBottomDivider: boolean;
|
|
1336
1392
|
hasTopDivider: boolean;
|
|
1337
|
-
isExpanded: boolean;
|
|
1338
1393
|
isOptional: boolean;
|
|
1339
1394
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
|
|
1340
1395
|
default?(_: {}): any;
|
|
@@ -1373,6 +1428,7 @@ breadCrumbs: BreadCrumb[];
|
|
|
1373
1428
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
1374
1429
|
|
|
1375
1430
|
export declare const TideButton: DefineComponent<Props_6, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_6> & Readonly<{}>, {
|
|
1431
|
+
type: ButtonType;
|
|
1376
1432
|
label: string;
|
|
1377
1433
|
size: SizeButton;
|
|
1378
1434
|
disabled: boolean;
|
|
@@ -1385,6 +1441,7 @@ iconTrailing: Icon;
|
|
|
1385
1441
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
1386
1442
|
|
|
1387
1443
|
export declare const TideButtonIcon: DefineComponent<Props_7, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_7> & Readonly<{}>, {
|
|
1444
|
+
type: ButtonType;
|
|
1388
1445
|
icon: Icon;
|
|
1389
1446
|
disabled: boolean;
|
|
1390
1447
|
element: Element_2;
|
|
@@ -1396,17 +1453,15 @@ priority: Priority;
|
|
|
1396
1453
|
export declare const TideButtonPagination: DefineComponent<Props_8, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_8> & Readonly<{}>, {
|
|
1397
1454
|
label: string | number;
|
|
1398
1455
|
disabled: boolean;
|
|
1399
|
-
element:
|
|
1456
|
+
element: ElementBroad;
|
|
1400
1457
|
href: string;
|
|
1401
1458
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
1402
1459
|
|
|
1403
|
-
export declare const TideButtonSegmented: DefineComponent<
|
|
1404
|
-
|
|
1405
|
-
}, string, PublicProps, Readonly<
|
|
1406
|
-
|
|
1407
|
-
}>, {
|
|
1408
|
-
activeTab: number;
|
|
1409
|
-
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
1460
|
+
export declare const TideButtonSegmented: DefineComponent<__VLS_PublicProps_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
1461
|
+
"update:modelValue": (modelValue: number) => any;
|
|
1462
|
+
}, string, PublicProps, Readonly<__VLS_PublicProps_2> & Readonly<{
|
|
1463
|
+
"onUpdate:modelValue"?: ((modelValue: number) => any) | undefined;
|
|
1464
|
+
}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
1410
1465
|
|
|
1411
1466
|
export declare const TideCard: DefineComponent<Props_10, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_10> & Readonly<{}>, {
|
|
1412
1467
|
type: CardType;
|
|
@@ -1427,7 +1482,6 @@ hasDots: boolean;
|
|
|
1427
1482
|
isHeadline1: boolean;
|
|
1428
1483
|
isHideawayButtons: boolean;
|
|
1429
1484
|
isScrollByPage: boolean;
|
|
1430
|
-
isTouchscreen: boolean;
|
|
1431
1485
|
maxDots: number;
|
|
1432
1486
|
subtitle: string;
|
|
1433
1487
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
|
|
@@ -1441,7 +1495,11 @@ href: string;
|
|
|
1441
1495
|
isNewTab: boolean;
|
|
1442
1496
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
1443
1497
|
|
|
1444
|
-
export declare const TideChipFilter: __VLS_WithTemplateSlots_4<DefineComponent<
|
|
1498
|
+
export declare const TideChipFilter: __VLS_WithTemplateSlots_4<DefineComponent<__VLS_PublicProps_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
1499
|
+
"update:modelValue": (modelValue: boolean) => any;
|
|
1500
|
+
}, string, PublicProps, Readonly<__VLS_PublicProps_3> & Readonly<{
|
|
1501
|
+
"onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
|
|
1502
|
+
}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
|
|
1445
1503
|
default?(_: {}): any;
|
|
1446
1504
|
}>;
|
|
1447
1505
|
|
|
@@ -1456,6 +1514,10 @@ heading: string;
|
|
|
1456
1514
|
section4?(_: {}): any;
|
|
1457
1515
|
}>;
|
|
1458
1516
|
|
|
1517
|
+
declare type TideConfig = {
|
|
1518
|
+
linkComponent: Component | typeof ELEMENT.LINK;
|
|
1519
|
+
};
|
|
1520
|
+
|
|
1459
1521
|
export declare const TideDivider: DefineComponent<Props_16, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_16> & Readonly<{}>, {
|
|
1460
1522
|
orientation: Orientation;
|
|
1461
1523
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
@@ -1495,13 +1557,13 @@ export declare const TideIndicator: DefineComponent<Props_20, {}, {}, {}, {}, Co
|
|
|
1495
1557
|
label: string | number;
|
|
1496
1558
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
1497
1559
|
|
|
1498
|
-
export declare const TideInputCheckbox: DefineComponent<
|
|
1560
|
+
export declare const TideInputCheckbox: DefineComponent<__VLS_PublicProps_4, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
1499
1561
|
"update:modelValue": (modelValue: boolean) => any;
|
|
1500
1562
|
} & {
|
|
1501
1563
|
valid: (valid: boolean) => any;
|
|
1502
|
-
}, string, PublicProps, Readonly<
|
|
1503
|
-
onValid?: ((valid: boolean) => any) | undefined;
|
|
1564
|
+
}, string, PublicProps, Readonly<__VLS_PublicProps_4> & Readonly<{
|
|
1504
1565
|
"onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
|
|
1566
|
+
onValid?: ((valid: boolean) => any) | undefined;
|
|
1505
1567
|
}>, {
|
|
1506
1568
|
number: number;
|
|
1507
1569
|
error: string;
|
|
@@ -1542,9 +1604,9 @@ name: string;
|
|
|
1542
1604
|
checked: boolean;
|
|
1543
1605
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
1544
1606
|
|
|
1545
|
-
export declare const TideInputRadio: DefineComponent<
|
|
1607
|
+
export declare const TideInputRadio: DefineComponent<__VLS_PublicProps_5, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
1546
1608
|
"update:modelValue": (modelValue: string) => any;
|
|
1547
|
-
}, string, PublicProps, Readonly<
|
|
1609
|
+
}, string, PublicProps, Readonly<__VLS_PublicProps_5> & Readonly<{
|
|
1548
1610
|
"onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
|
|
1549
1611
|
}>, {
|
|
1550
1612
|
number: number;
|
|
@@ -1579,13 +1641,13 @@ name: string;
|
|
|
1579
1641
|
checked: boolean;
|
|
1580
1642
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
1581
1643
|
|
|
1582
|
-
export declare const TideInputSelect: DefineComponent<
|
|
1644
|
+
export declare const TideInputSelect: DefineComponent<__VLS_PublicProps_6, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
1583
1645
|
"update:modelValue": (modelValue: string) => any;
|
|
1584
1646
|
} & {
|
|
1585
1647
|
valid: (isValid: boolean) => any;
|
|
1586
|
-
}, string, PublicProps, Readonly<
|
|
1587
|
-
onValid?: ((isValid: boolean) => any) | undefined;
|
|
1648
|
+
}, string, PublicProps, Readonly<__VLS_PublicProps_6> & Readonly<{
|
|
1588
1649
|
"onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
|
|
1650
|
+
onValid?: ((isValid: boolean) => any) | undefined;
|
|
1589
1651
|
}>, {
|
|
1590
1652
|
error: string;
|
|
1591
1653
|
label: string;
|
|
@@ -1614,13 +1676,13 @@ inputId: string;
|
|
|
1614
1676
|
supportingText: string;
|
|
1615
1677
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
1616
1678
|
|
|
1617
|
-
export declare const TideInputText: DefineComponent<
|
|
1679
|
+
export declare const TideInputText: DefineComponent<__VLS_PublicProps_7, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
1618
1680
|
"update:modelValue": (modelValue: string) => any;
|
|
1619
1681
|
} & {
|
|
1620
1682
|
valid: (isValid: boolean) => any;
|
|
1621
|
-
}, string, PublicProps, Readonly<
|
|
1622
|
-
onValid?: ((isValid: boolean) => any) | undefined;
|
|
1683
|
+
}, string, PublicProps, Readonly<__VLS_PublicProps_7> & Readonly<{
|
|
1623
1684
|
"onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
|
|
1685
|
+
onValid?: ((isValid: boolean) => any) | undefined;
|
|
1624
1686
|
}>, {
|
|
1625
1687
|
error: string;
|
|
1626
1688
|
type: TextInputType;
|
|
@@ -1643,13 +1705,13 @@ suffix: string;
|
|
|
1643
1705
|
transformValue: FormValueTransformer;
|
|
1644
1706
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
1645
1707
|
|
|
1646
|
-
export declare const TideInputTextarea: DefineComponent<
|
|
1708
|
+
export declare const TideInputTextarea: DefineComponent<__VLS_PublicProps_8, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
1647
1709
|
"update:modelValue": (modelValue: string) => any;
|
|
1648
1710
|
} & {
|
|
1649
1711
|
valid: (isValid: boolean) => any;
|
|
1650
|
-
}, string, PublicProps, Readonly<
|
|
1651
|
-
onValid?: ((isValid: boolean) => any) | undefined;
|
|
1712
|
+
}, string, PublicProps, Readonly<__VLS_PublicProps_8> & Readonly<{
|
|
1652
1713
|
"onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
|
|
1714
|
+
onValid?: ((isValid: boolean) => any) | undefined;
|
|
1653
1715
|
}>, {
|
|
1654
1716
|
error: string;
|
|
1655
1717
|
label: string;
|
|
@@ -1783,30 +1845,63 @@ iconTrailing: Icon;
|
|
|
1783
1845
|
subtle: boolean;
|
|
1784
1846
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
1785
1847
|
|
|
1786
|
-
|
|
1787
|
-
|
|
1848
|
+
/**
|
|
1849
|
+
* Renders a generic menu item intended to be used in navigation menus or dropdowns.
|
|
1850
|
+
*
|
|
1851
|
+
* @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidemenuitem--docs) for TideMenuItem
|
|
1852
|
+
*/
|
|
1853
|
+
export declare const TideMenuItem: DefineComponent< {
|
|
1854
|
+
/** The element to render the root element as. */
|
|
1855
|
+
element?: Element_2 | undefined;
|
|
1856
|
+
/** The href attribute to apply when the element is a link. */
|
|
1857
|
+
href?: string | undefined;
|
|
1858
|
+
/** Whether to open link in a new tab. */
|
|
1859
|
+
isNewTab?: boolean | undefined;
|
|
1860
|
+
/** Icon to show after the label. */
|
|
1861
|
+
iconTrailing?: Icon | undefined;
|
|
1862
|
+
/** The label to be displayed. */
|
|
1863
|
+
label: string;
|
|
1864
|
+
}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
|
|
1865
|
+
/** The element to render the root element as. */
|
|
1866
|
+
element?: Element_2 | undefined;
|
|
1867
|
+
/** The href attribute to apply when the element is a link. */
|
|
1868
|
+
href?: string | undefined;
|
|
1869
|
+
/** Whether to open link in a new tab. */
|
|
1870
|
+
isNewTab?: boolean | undefined;
|
|
1871
|
+
/** Icon to show after the label. */
|
|
1872
|
+
iconTrailing?: Icon | undefined;
|
|
1873
|
+
/** The label to be displayed. */
|
|
1874
|
+
label: string;
|
|
1875
|
+
}> & Readonly<{}>, {
|
|
1876
|
+
element: Element_2;
|
|
1877
|
+
href: string;
|
|
1878
|
+
isNewTab: boolean;
|
|
1879
|
+
iconTrailing: Icon;
|
|
1880
|
+
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
1881
|
+
|
|
1882
|
+
export declare const TideModal: __VLS_WithTemplateSlots_8<DefineComponent<__VLS_PublicProps_9, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
1883
|
+
"update:modelValue": (modelValue: boolean) => any;
|
|
1884
|
+
} & {
|
|
1788
1885
|
back: () => any;
|
|
1789
|
-
}, string, PublicProps, Readonly<
|
|
1790
|
-
|
|
1886
|
+
}, string, PublicProps, Readonly<__VLS_PublicProps_9> & Readonly<{
|
|
1887
|
+
"onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
|
|
1791
1888
|
onBack?: (() => any) | undefined;
|
|
1792
1889
|
}>, {
|
|
1793
1890
|
title: string;
|
|
1794
1891
|
width: string;
|
|
1795
1892
|
isDismissible: boolean;
|
|
1893
|
+
beforeClose: () => boolean | void | Promise<boolean | void>;
|
|
1796
1894
|
isBackButton: boolean;
|
|
1797
1895
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
|
|
1798
1896
|
default?(_: {}): any;
|
|
1799
1897
|
footer?(_: {}): any;
|
|
1800
1898
|
}>;
|
|
1801
1899
|
|
|
1802
|
-
export declare const TidePagination: DefineComponent<
|
|
1803
|
-
|
|
1804
|
-
}, string, PublicProps, Readonly<
|
|
1805
|
-
|
|
1806
|
-
}>, {
|
|
1807
|
-
pageCurrent: number;
|
|
1808
|
-
pageTotal: number;
|
|
1809
|
-
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
1900
|
+
export declare const TidePagination: DefineComponent<__VLS_PublicProps_10, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
1901
|
+
"update:modelValue": (modelValue: number) => any;
|
|
1902
|
+
}, string, PublicProps, Readonly<__VLS_PublicProps_10> & Readonly<{
|
|
1903
|
+
"onUpdate:modelValue"?: ((modelValue: number) => any) | undefined;
|
|
1904
|
+
}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
1810
1905
|
|
|
1811
1906
|
export declare const TidePopover: __VLS_WithTemplateSlots_9<DefineComponent<Props_30, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_30> & Readonly<{}>, {
|
|
1812
1907
|
offset: number;
|
|
@@ -1818,23 +1913,25 @@ export declare const TideSeoLinks: DefineComponent<Props_31, {}, {}, {}, {}, Com
|
|
|
1818
1913
|
heading: string;
|
|
1819
1914
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
1820
1915
|
|
|
1821
|
-
export declare const TideSheet: __VLS_WithTemplateSlots_10<DefineComponent<
|
|
1822
|
-
|
|
1916
|
+
export declare const TideSheet: __VLS_WithTemplateSlots_10<DefineComponent<__VLS_PublicProps_11, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
1917
|
+
"update:modelValue": (modelValue: boolean) => any;
|
|
1918
|
+
} & {
|
|
1823
1919
|
back: () => any;
|
|
1824
|
-
}, string, PublicProps, Readonly<
|
|
1825
|
-
|
|
1920
|
+
}, string, PublicProps, Readonly<__VLS_PublicProps_11> & Readonly<{
|
|
1921
|
+
"onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
|
|
1826
1922
|
onBack?: (() => any) | undefined;
|
|
1827
|
-
}>, {
|
|
1923
|
+
}>, {
|
|
1924
|
+
isBackButton: boolean;
|
|
1925
|
+
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
|
|
1828
1926
|
default?(_: {}): any;
|
|
1829
1927
|
}>;
|
|
1830
1928
|
|
|
1831
|
-
export declare const TideSwitch: DefineComponent<
|
|
1832
|
-
|
|
1833
|
-
}, string, PublicProps, Readonly<
|
|
1834
|
-
|
|
1929
|
+
export declare const TideSwitch: DefineComponent<__VLS_PublicProps_12, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
1930
|
+
"update:modelValue": (modelValue: boolean) => any;
|
|
1931
|
+
}, string, PublicProps, Readonly<__VLS_PublicProps_12> & Readonly<{
|
|
1932
|
+
"onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
|
|
1835
1933
|
}>, {
|
|
1836
1934
|
disabled: boolean;
|
|
1837
|
-
isActive: boolean;
|
|
1838
1935
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
1839
1936
|
|
|
1840
1937
|
export declare const TYPE_CARD: {
|
|
@@ -1880,6 +1977,7 @@ export declare const VALIDATOR: {
|
|
|
1880
1977
|
readonly EMAIL: (value: string) => ValidationResult;
|
|
1881
1978
|
readonly NUMBER: (value: string) => ValidationResult;
|
|
1882
1979
|
readonly PHONE: (value: string) => ValidationResult;
|
|
1980
|
+
readonly ZIP: (value: string) => ValidationResult;
|
|
1883
1981
|
};
|
|
1884
1982
|
|
|
1885
1983
|
export declare type Validator = (value: string) => ValidationResult;
|