tide-design-system 2.4.5 → 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 (45) 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 +19 -6
  6. package/dist/tide-design-system.esm.js +1201 -1170
  7. package/dist/utilities/storybook.ts +6 -2
  8. package/dist/utilities/validation.ts +1 -1
  9. package/index.ts +4 -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/TideButton.vue +14 -4
  14. package/src/components/TideButtonIcon.vue +12 -2
  15. package/src/components/TideButtonPagination.vue +11 -16
  16. package/src/components/TideButtonSegmented.vue +1 -0
  17. package/src/components/TideCard.vue +11 -2
  18. package/src/components/TideCarousel.vue +9 -4
  19. package/src/components/TideChipAction.vue +1 -0
  20. package/src/components/TideChipFilter.vue +1 -0
  21. package/src/components/TideChipInput.vue +1 -0
  22. package/src/components/TideIcon.vue +1 -1
  23. package/src/components/TideImage.vue +9 -9
  24. package/src/components/TideInputText.vue +2 -0
  25. package/src/components/TideInputTextDeprecated.vue +2 -0
  26. package/src/components/TideInputTextarea.vue +2 -2
  27. package/src/components/TideLink.vue +2 -1
  28. package/src/components/TideModal.vue +91 -85
  29. package/src/components/TideSwitch.vue +1 -0
  30. package/src/stories/TideButtonPagination.stories.ts +6 -6
  31. package/src/stories/TideCarousel.stories.ts +0 -1
  32. package/src/stories/TideInputCheckbox.stories.ts +58 -23
  33. package/src/stories/TideInputRadio.stories.ts +39 -30
  34. package/src/stories/TideInputSelect.stories.ts +51 -27
  35. package/src/stories/TideInputText.stories.ts +83 -23
  36. package/src/stories/TideInputTextarea.stories.ts +66 -17
  37. package/src/stories/TideLink.stories.ts +1 -14
  38. package/src/stories/TidePagination.stories.ts +2 -2
  39. package/src/stories/TidePopover.stories.ts +1 -1
  40. package/src/types/Badge.ts +4 -0
  41. package/src/types/Element.ts +2 -2
  42. package/src/types/Storybook.ts +4 -6
  43. package/src/types/Type.ts +6 -0
  44. package/src/utilities/storybook.ts +6 -2
  45. package/src/utilities/validation.ts +1 -1
@@ -124,6 +124,10 @@ export declare const BADGE_COLOR_DETAILS: Record<BadgeColor, {
124
124
  export declare const BADGE_TRUSTED: {
125
125
  readonly YEARS_10: "10";
126
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";
127
131
  readonly YEARS_5: "5";
128
132
  };
129
133
 
@@ -146,6 +150,13 @@ export declare const BREAKPOINT: {
146
150
 
147
151
  export declare type Breakpoint = (typeof BREAKPOINT)[keyof typeof BREAKPOINT];
148
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
+
149
160
  export declare type CardType = (typeof TYPE_CARD)[keyof typeof TYPE_CARD];
150
161
 
151
162
  declare const CSS_2: {
@@ -672,13 +683,13 @@ export declare const ELEMENT: {
672
683
  declare type Element_2 = (typeof ELEMENT)[keyof typeof ELEMENT];
673
684
  export { Element_2 as Element }
674
685
 
675
- export declare const ELEMENT_TEXT_AS_ICON: {
686
+ export declare const ELEMENT_BROAD: {
676
687
  readonly BUTTON: "button";
677
688
  readonly DIV: "div";
678
689
  readonly LINK: "a";
679
690
  };
680
691
 
681
- 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];
682
693
 
683
694
  declare const ERROR_DISPLAY: {
684
695
  readonly EAGER: "eager";
@@ -983,7 +994,6 @@ declare type Props_11 = {
983
994
  isHeadline1?: boolean;
984
995
  isHideawayButtons?: boolean;
985
996
  isScrollByPage?: boolean;
986
- isTouchscreen?: boolean;
987
997
  maxDots?: number;
988
998
  subtitle?: string;
989
999
  title?: string;
@@ -1188,6 +1198,7 @@ declare type Props_6 = {
1188
1198
  label: string;
1189
1199
  priority?: Priority;
1190
1200
  size?: SizeButton;
1201
+ type?: ButtonType;
1191
1202
  };
1192
1203
 
1193
1204
  declare type Props_7 = {
@@ -1197,11 +1208,12 @@ declare type Props_7 = {
1197
1208
  icon: Icon;
1198
1209
  isNewTab?: boolean;
1199
1210
  priority?: Priority;
1211
+ type?: ButtonType;
1200
1212
  };
1201
1213
 
1202
1214
  declare type Props_8 = {
1203
1215
  disabled?: boolean;
1204
- element?: ElementTextAsIcon;
1216
+ element?: ElementBroad;
1205
1217
  href?: string;
1206
1218
  label: string | number;
1207
1219
  };
@@ -1373,6 +1385,7 @@ breadCrumbs: BreadCrumb[];
1373
1385
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1374
1386
 
1375
1387
  export declare const TideButton: DefineComponent<Props_6, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_6> & Readonly<{}>, {
1388
+ type: ButtonType;
1376
1389
  label: string;
1377
1390
  size: SizeButton;
1378
1391
  disabled: boolean;
@@ -1385,6 +1398,7 @@ iconTrailing: Icon;
1385
1398
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1386
1399
 
1387
1400
  export declare const TideButtonIcon: DefineComponent<Props_7, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_7> & Readonly<{}>, {
1401
+ type: ButtonType;
1388
1402
  icon: Icon;
1389
1403
  disabled: boolean;
1390
1404
  element: Element_2;
@@ -1396,7 +1410,7 @@ priority: Priority;
1396
1410
  export declare const TideButtonPagination: DefineComponent<Props_8, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_8> & Readonly<{}>, {
1397
1411
  label: string | number;
1398
1412
  disabled: boolean;
1399
- element: ElementTextAsIcon;
1413
+ element: ElementBroad;
1400
1414
  href: string;
1401
1415
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1402
1416
 
@@ -1427,7 +1441,6 @@ hasDots: boolean;
1427
1441
  isHeadline1: boolean;
1428
1442
  isHideawayButtons: boolean;
1429
1443
  isScrollByPage: boolean;
1430
- isTouchscreen: boolean;
1431
1444
  maxDots: number;
1432
1445
  subtitle: string;
1433
1446
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {