tide-design-system 2.4.4 → 2.4.6

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 (47) hide show
  1. package/dist/css/reset.css +1 -1
  2. package/dist/css/utilities-responsive.css +0 -546
  3. package/dist/style.css +1 -1
  4. package/dist/tide-design-system.cjs +2 -2
  5. package/dist/tide-design-system.esm.d.ts +42 -11
  6. package/dist/tide-design-system.esm.js +1536 -1454
  7. package/dist/utilities/storybook.ts +6 -2
  8. package/dist/utilities/validation.ts +1 -1
  9. package/index.ts +6 -4
  10. package/package.json +1 -1
  11. package/src/assets/css/reset.css +1 -1
  12. package/src/assets/css/utilities-responsive.css +0 -546
  13. package/src/components/TideAlert.vue +46 -3
  14. package/src/components/TideButton.vue +14 -4
  15. package/src/components/TideButtonIcon.vue +12 -2
  16. package/src/components/TideButtonPagination.vue +11 -16
  17. package/src/components/TideButtonSegmented.vue +1 -0
  18. package/src/components/TideCard.vue +11 -2
  19. package/src/components/TideCarousel.vue +9 -4
  20. package/src/components/TideChipAction.vue +1 -0
  21. package/src/components/TideChipFilter.vue +1 -0
  22. package/src/components/TideChipInput.vue +1 -0
  23. package/src/components/TideIcon.vue +1 -1
  24. package/src/components/TideImage.vue +9 -9
  25. package/src/components/TideInputText.vue +2 -0
  26. package/src/components/TideInputTextDeprecated.vue +2 -0
  27. package/src/components/TideInputTextarea.vue +2 -2
  28. package/src/components/TideLink.vue +2 -1
  29. package/src/components/TideModal.vue +91 -85
  30. package/src/components/TideSwitch.vue +1 -0
  31. package/src/stories/TideAlert.stories.ts +37 -1
  32. package/src/stories/TideButtonPagination.stories.ts +6 -6
  33. package/src/stories/TideCarousel.stories.ts +0 -1
  34. package/src/stories/TideInputCheckbox.stories.ts +58 -23
  35. package/src/stories/TideInputRadio.stories.ts +39 -30
  36. package/src/stories/TideInputSelect.stories.ts +51 -27
  37. package/src/stories/TideInputText.stories.ts +83 -23
  38. package/src/stories/TideInputTextarea.stories.ts +66 -17
  39. package/src/stories/TideLink.stories.ts +1 -14
  40. package/src/stories/TidePagination.stories.ts +2 -2
  41. package/src/stories/TidePopover.stories.ts +1 -1
  42. package/src/types/Badge.ts +4 -0
  43. package/src/types/Element.ts +2 -2
  44. package/src/types/Storybook.ts +4 -6
  45. package/src/types/Type.ts +6 -0
  46. package/src/utilities/storybook.ts +6 -2
  47. package/src/utilities/validation.ts +1 -1
@@ -40,6 +40,12 @@ declare type __VLS_WithTemplateSlots<T, S> = T & {
40
40
  };
41
41
  };
42
42
 
43
+ declare type __VLS_WithTemplateSlots_10<T, S> = T & {
44
+ new (): {
45
+ $slots: S;
46
+ };
47
+ };
48
+
43
49
  declare type __VLS_WithTemplateSlots_2<T, S> = T & {
44
50
  new (): {
45
51
  $slots: S;
@@ -118,6 +124,10 @@ export declare const BADGE_COLOR_DETAILS: Record<BadgeColor, {
118
124
  export declare const BADGE_TRUSTED: {
119
125
  readonly YEARS_10: "10";
120
126
  readonly YEARS_15: "15";
127
+ readonly YEARS_20: "20";
128
+ readonly YEARS_25: "25";
129
+ readonly YEARS_30: "30";
130
+ readonly YEARS_35: "35";
121
131
  readonly YEARS_5: "5";
122
132
  };
123
133
 
@@ -140,6 +150,13 @@ export declare const BREAKPOINT: {
140
150
 
141
151
  export declare type Breakpoint = (typeof BREAKPOINT)[keyof typeof BREAKPOINT];
142
152
 
153
+ declare const BUTTON_TYPE: {
154
+ readonly BUTTON: "button";
155
+ readonly SUBMIT: "submit";
156
+ };
157
+
158
+ declare type ButtonType = (typeof BUTTON_TYPE)[keyof typeof BUTTON_TYPE];
159
+
143
160
  export declare type CardType = (typeof TYPE_CARD)[keyof typeof TYPE_CARD];
144
161
 
145
162
  declare const CSS_2: {
@@ -666,13 +683,13 @@ export declare const ELEMENT: {
666
683
  declare type Element_2 = (typeof ELEMENT)[keyof typeof ELEMENT];
667
684
  export { Element_2 as Element }
668
685
 
669
- export declare const ELEMENT_TEXT_AS_ICON: {
686
+ export declare const ELEMENT_BROAD: {
670
687
  readonly BUTTON: "button";
671
688
  readonly DIV: "div";
672
689
  readonly LINK: "a";
673
690
  };
674
691
 
675
- export declare type ElementTextAsIcon = (typeof ELEMENT_TEXT_AS_ICON)[keyof typeof ELEMENT_TEXT_AS_ICON];
692
+ export declare type ElementBroad = (typeof ELEMENT_BROAD)[keyof typeof ELEMENT_BROAD];
676
693
 
677
694
  declare const ERROR_DISPLAY: {
678
695
  readonly EAGER: "eager";
@@ -977,7 +994,6 @@ declare type Props_11 = {
977
994
  isHeadline1?: boolean;
978
995
  isHideawayButtons?: boolean;
979
996
  isScrollByPage?: boolean;
980
- isTouchscreen?: boolean;
981
997
  maxDots?: number;
982
998
  subtitle?: string;
983
999
  title?: string;
@@ -1031,6 +1047,7 @@ declare type Props_19 = {
1031
1047
 
1032
1048
  declare type Props_2 = {
1033
1049
  heading?: string;
1050
+ ctaLabel?: string;
1034
1051
  isDismissible?: boolean;
1035
1052
  isToast?: boolean;
1036
1053
  type?: Alert;
@@ -1181,6 +1198,7 @@ declare type Props_6 = {
1181
1198
  label: string;
1182
1199
  priority?: Priority;
1183
1200
  size?: SizeButton;
1201
+ type?: ButtonType;
1184
1202
  };
1185
1203
 
1186
1204
  declare type Props_7 = {
@@ -1190,11 +1208,12 @@ declare type Props_7 = {
1190
1208
  icon: Icon;
1191
1209
  isNewTab?: boolean;
1192
1210
  priority?: Priority;
1211
+ type?: ButtonType;
1193
1212
  };
1194
1213
 
1195
1214
  declare type Props_8 = {
1196
1215
  disabled?: boolean;
1197
- element?: ElementTextAsIcon;
1216
+ element?: ElementBroad;
1198
1217
  href?: string;
1199
1218
  label: string | number;
1200
1219
  };
@@ -1335,11 +1354,14 @@ isOptional: boolean;
1335
1354
 
1336
1355
  export declare const TideAlert: __VLS_WithTemplateSlots_2<DefineComponent<Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
1337
1356
  close: () => any;
1357
+ ctaClick: () => any;
1338
1358
  }, string, PublicProps, Readonly<Props_2> & Readonly<{
1339
1359
  onClose?: (() => any) | undefined;
1360
+ onCtaClick?: (() => any) | undefined;
1340
1361
  }>, {
1341
1362
  type: Alert;
1342
1363
  heading: string;
1364
+ ctaLabel: string;
1343
1365
  isDismissible: boolean;
1344
1366
  isToast: boolean;
1345
1367
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
@@ -1347,8 +1369,8 @@ isToast: boolean;
1347
1369
  }>;
1348
1370
 
1349
1371
  export declare const TideBadge: DefineComponent<Props_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_3> & Readonly<{}>, {
1350
- color: BadgeColor;
1351
1372
  iconLeading: Icon;
1373
+ color: BadgeColor;
1352
1374
  isFloating: boolean;
1353
1375
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1354
1376
 
@@ -1363,6 +1385,7 @@ breadCrumbs: BreadCrumb[];
1363
1385
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1364
1386
 
1365
1387
  export declare const TideButton: DefineComponent<Props_6, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_6> & Readonly<{}>, {
1388
+ type: ButtonType;
1366
1389
  label: string;
1367
1390
  size: SizeButton;
1368
1391
  disabled: boolean;
@@ -1375,6 +1398,7 @@ iconTrailing: Icon;
1375
1398
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1376
1399
 
1377
1400
  export declare const TideButtonIcon: DefineComponent<Props_7, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_7> & Readonly<{}>, {
1401
+ type: ButtonType;
1378
1402
  icon: Icon;
1379
1403
  disabled: boolean;
1380
1404
  element: Element_2;
@@ -1386,7 +1410,7 @@ priority: Priority;
1386
1410
  export declare const TideButtonPagination: DefineComponent<Props_8, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_8> & Readonly<{}>, {
1387
1411
  label: string | number;
1388
1412
  disabled: boolean;
1389
- element: ElementTextAsIcon;
1413
+ element: ElementBroad;
1390
1414
  href: string;
1391
1415
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1392
1416
 
@@ -1417,7 +1441,6 @@ hasDots: boolean;
1417
1441
  isHeadline1: boolean;
1418
1442
  isHideawayButtons: boolean;
1419
1443
  isScrollByPage: boolean;
1420
- isTouchscreen: boolean;
1421
1444
  maxDots: number;
1422
1445
  subtitle: string;
1423
1446
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
@@ -1450,6 +1473,14 @@ export declare const TideDivider: DefineComponent<Props_16, {}, {}, {}, {}, Comp
1450
1473
  orientation: Orientation;
1451
1474
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1452
1475
 
1476
+ export declare const TideForm: __VLS_WithTemplateSlots_6<DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
1477
+ submit: (e: SubmitEvent) => any;
1478
+ }, string, PublicProps, Readonly<{}> & Readonly<{
1479
+ onSubmit?: ((e: SubmitEvent) => any) | undefined;
1480
+ }>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
1481
+ default?(_: {}): any;
1482
+ }>;
1483
+
1453
1484
  export declare const TideIcon: DefineComponent<Props_17, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_17> & Readonly<{}>, {
1454
1485
  size: Size;
1455
1486
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
@@ -1464,7 +1495,7 @@ sources: Source[];
1464
1495
  src: string;
1465
1496
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1466
1497
 
1467
- export declare const TideImageBackground: __VLS_WithTemplateSlots_6<DefineComponent<Props_19, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_19> & Readonly<{}>, {
1498
+ export declare const TideImageBackground: __VLS_WithTemplateSlots_7<DefineComponent<Props_19, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_19> & Readonly<{}>, {
1468
1499
  alt: string;
1469
1500
  isLazy: boolean;
1470
1501
  sources: Source[];
@@ -1765,7 +1796,7 @@ iconTrailing: Icon;
1765
1796
  subtle: boolean;
1766
1797
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1767
1798
 
1768
- export declare const TideModal: __VLS_WithTemplateSlots_7<DefineComponent<Props_28, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
1799
+ export declare const TideModal: __VLS_WithTemplateSlots_8<DefineComponent<Props_28, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
1769
1800
  close: () => any;
1770
1801
  back: () => any;
1771
1802
  }, string, PublicProps, Readonly<Props_28> & Readonly<{
@@ -1790,7 +1821,7 @@ pageCurrent: number;
1790
1821
  pageTotal: number;
1791
1822
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1792
1823
 
1793
- export declare const TidePopover: __VLS_WithTemplateSlots_8<DefineComponent<Props_30, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_30> & Readonly<{}>, {
1824
+ export declare const TidePopover: __VLS_WithTemplateSlots_9<DefineComponent<Props_30, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_30> & Readonly<{}>, {
1794
1825
  offset: number;
1795
1826
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
1796
1827
  default?(_: {}): any;
@@ -1800,7 +1831,7 @@ export declare const TideSeoLinks: DefineComponent<Props_31, {}, {}, {}, {}, Com
1800
1831
  heading: string;
1801
1832
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1802
1833
 
1803
- export declare const TideSheet: __VLS_WithTemplateSlots_9<DefineComponent<Props_32, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
1834
+ export declare const TideSheet: __VLS_WithTemplateSlots_10<DefineComponent<Props_32, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
1804
1835
  close: () => any;
1805
1836
  back: () => any;
1806
1837
  }, string, PublicProps, Readonly<Props_32> & Readonly<{