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.
Files changed (66) hide show
  1. package/.storybook/main.ts +1 -0
  2. package/dist/css/reset.css +1 -1
  3. package/dist/css/utilities-responsive.css +0 -546
  4. package/dist/style.css +1 -1
  5. package/dist/tide-design-system.cjs +2 -2
  6. package/dist/tide-design-system.esm.d.ts +171 -73
  7. package/dist/tide-design-system.esm.js +1725 -1594
  8. package/dist/utilities/storybook.ts +6 -2
  9. package/dist/utilities/validation.ts +1 -1
  10. package/docs/upgrading.md +79 -0
  11. package/index.ts +8 -5
  12. package/package.json +1 -1
  13. package/src/assets/css/reset.css +1 -1
  14. package/src/assets/css/utilities-responsive.css +0 -546
  15. package/src/components/InternalBaseLink.vue +11 -0
  16. package/src/components/TideAccordionItem.vue +21 -13
  17. package/src/components/TideBreadCrumbs.vue +3 -2
  18. package/src/components/TideButton.vue +17 -4
  19. package/src/components/TideButtonIcon.vue +15 -2
  20. package/src/components/TideButtonPagination.vue +16 -16
  21. package/src/components/TideButtonSegmented.vue +15 -15
  22. package/src/components/TideCard.vue +12 -2
  23. package/src/components/TideCarousel.vue +10 -5
  24. package/src/components/TideChipAction.vue +7 -1
  25. package/src/components/TideChipFilter.vue +14 -7
  26. package/src/components/TideChipInput.vue +1 -0
  27. package/src/components/TideIcon.vue +8 -9
  28. package/src/components/TideImage.vue +9 -9
  29. package/src/components/TideInputCheckbox.vue +0 -1
  30. package/src/components/TideInputText.vue +2 -0
  31. package/src/components/TideInputTextDeprecated.vue +2 -0
  32. package/src/components/TideInputTextarea.vue +2 -2
  33. package/src/components/TideLink.vue +7 -1
  34. package/src/components/TideMenuItem.vue +83 -0
  35. package/src/components/TideModal.vue +120 -101
  36. package/src/components/TidePagination.vue +17 -19
  37. package/src/components/TideSeoLinks.vue +3 -2
  38. package/src/components/TideSheet.vue +28 -23
  39. package/src/components/TideSwitch.vue +24 -20
  40. package/src/composables/useTideConfig.ts +23 -0
  41. package/src/stories/TideAccordionItem.stories.ts +33 -34
  42. package/src/stories/TideButtonPagination.stories.ts +6 -6
  43. package/src/stories/TideButtonSegmented.stories.ts +33 -25
  44. package/src/stories/TideCarousel.stories.ts +0 -1
  45. package/src/stories/TideChipFilter.stories.ts +33 -23
  46. package/src/stories/TideInputCheckbox.stories.ts +66 -23
  47. package/src/stories/TideInputRadio.stories.ts +39 -30
  48. package/src/stories/TideInputSelect.stories.ts +51 -27
  49. package/src/stories/TideInputText.stories.ts +83 -23
  50. package/src/stories/TideInputTextarea.stories.ts +66 -17
  51. package/src/stories/TideLink.stories.ts +1 -14
  52. package/src/stories/TideMenuItem.stories.ts +117 -0
  53. package/src/stories/TideModal.stories.ts +33 -37
  54. package/src/stories/TidePagination.stories.ts +33 -22
  55. package/src/stories/TidePopover.stories.ts +1 -1
  56. package/src/stories/TideSheet.stories.ts +33 -28
  57. package/src/stories/TideSwitch.stories.ts +33 -34
  58. package/src/types/Badge.ts +4 -0
  59. package/src/types/Element.ts +2 -2
  60. package/src/types/Formatted.ts +1 -0
  61. package/src/types/Storybook.ts +4 -6
  62. package/src/types/Type.ts +6 -0
  63. package/src/types/Validation.ts +1 -0
  64. package/src/utilities/storybook.ts +6 -2
  65. package/src/utilities/validation.ts +1 -1
  66. 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: string;
25
+ modelValue: number;
13
26
  } & typeof __VLS_typeProps_2;
14
27
 
15
28
  declare type __VLS_PublicProps_3 = {
16
- modelValue: string;
29
+ modelValue: boolean;
17
30
  } & typeof __VLS_typeProps_3;
18
31
 
19
32
  declare type __VLS_PublicProps_4 = {
20
- modelValue: string;
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 let __VLS_typeProps: Props_21;
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 __VLS_typeProps_2: Props_22;
66
+ declare let __VLS_typeProps_3: Props_13;
30
67
 
31
- declare let __VLS_typeProps_3: Props_23;
68
+ declare let __VLS_typeProps_4: Props_21;
32
69
 
33
- declare let __VLS_typeProps_4: Props_25;
70
+ declare let __VLS_typeProps_5: Props_22;
34
71
 
35
- declare let __VLS_typeProps_5: Props_26;
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 ELEMENT_TEXT_AS_ICON: {
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 ElementTextAsIcon = (typeof ELEMENT_TEXT_AS_ICON)[keyof typeof ELEMENT_TEXT_AS_ICON];
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
- pageCurrent?: number;
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?: ElementTextAsIcon;
1260
+ element?: ElementBroad;
1205
1261
  href?: string;
1206
1262
  label: string | number;
1207
1263
  };
1208
1264
 
1209
1265
  declare type Props_9 = {
1210
- activeTab: number;
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<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
1330
- toggle: (...args: any[]) => void;
1331
- }, string, PublicProps, Readonly<Props> & Readonly<{
1332
- onToggle?: ((...args: any[]) => any) | undefined;
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: ElementTextAsIcon;
1456
+ element: ElementBroad;
1400
1457
  href: string;
1401
1458
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1402
1459
 
1403
- export declare const TideButtonSegmented: DefineComponent<Props_9, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
1404
- change: (...args: any[]) => void;
1405
- }, string, PublicProps, Readonly<Props_9> & Readonly<{
1406
- onChange?: ((...args: any[]) => any) | undefined;
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<Props_13, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_13> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
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<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
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<__VLS_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<__VLS_PublicProps_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
1607
+ export declare const TideInputRadio: DefineComponent<__VLS_PublicProps_5, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
1546
1608
  "update:modelValue": (modelValue: string) => any;
1547
- }, string, PublicProps, Readonly<__VLS_PublicProps_2> & 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<__VLS_PublicProps_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
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<__VLS_PublicProps_3> & 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<__VLS_PublicProps_4, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
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<__VLS_PublicProps_4> & 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<__VLS_PublicProps_5, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
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<__VLS_PublicProps_5> & 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
- export declare const TideModal: __VLS_WithTemplateSlots_8<DefineComponent<Props_28, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
1787
- close: () => any;
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<Props_28> & Readonly<{
1790
- onClose?: (() => any) | undefined;
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<Props_29, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
1803
- change: (...args: any[]) => void;
1804
- }, string, PublicProps, Readonly<Props_29> & Readonly<{
1805
- onChange?: ((...args: any[]) => any) | undefined;
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<Props_32, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
1822
- close: () => any;
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<Props_32> & Readonly<{
1825
- onClose?: (() => any) | undefined;
1920
+ }, string, PublicProps, Readonly<__VLS_PublicProps_11> & Readonly<{
1921
+ "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
1826
1922
  onBack?: (() => any) | undefined;
1827
- }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
1923
+ }>, {
1924
+ isBackButton: boolean;
1925
+ }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
1828
1926
  default?(_: {}): any;
1829
1927
  }>;
1830
1928
 
1831
- export declare const TideSwitch: DefineComponent<Props_33, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
1832
- change: (...args: any[]) => void;
1833
- }, string, PublicProps, Readonly<Props_33> & Readonly<{
1834
- onChange?: ((...args: any[]) => any) | undefined;
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;