tide-design-system 2.2.4 → 2.2.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 (83) hide show
  1. package/.storybook/main.ts +3 -1
  2. package/.storybook/preview.ts +4 -3
  3. package/README.md +35 -5
  4. package/dist/css/realm/rv.css +2 -2
  5. package/dist/css/utilities-lg.css +4 -11
  6. package/dist/css/utilities-md.css +4 -11
  7. package/dist/css/utilities-sm.css +4 -11
  8. package/dist/css/utilities-xl.css +300 -307
  9. package/dist/css/utilities.css +4 -11
  10. package/dist/style.css +1 -1
  11. package/dist/tide-design-system.cjs +2 -2
  12. package/dist/tide-design-system.esm.d.ts +23 -6
  13. package/dist/tide-design-system.esm.js +1591 -1592
  14. package/dist/utilities/storybook.ts +12 -0
  15. package/dist/utilities/viewport.ts +2 -1
  16. package/package.json +1 -1
  17. package/src/assets/css/realm/rv.css +2 -2
  18. package/src/assets/css/utilities-lg.css +4 -11
  19. package/src/assets/css/utilities-md.css +4 -11
  20. package/src/assets/css/utilities-sm.css +4 -11
  21. package/src/assets/css/utilities-xl.css +300 -307
  22. package/src/assets/css/utilities.css +4 -11
  23. package/src/components/TideAlert.vue +27 -33
  24. package/src/components/TideButton.vue +1 -1
  25. package/src/components/TideButtonIcon.vue +1 -1
  26. package/src/components/TideButtonPagination.vue +1 -1
  27. package/src/components/TideChipAction.vue +1 -1
  28. package/src/components/TideLink.vue +10 -1
  29. package/src/components/TideModal.vue +1 -1
  30. package/src/components/TideSeoLinks.vue +1 -1
  31. package/src/docs/development.md +125 -18
  32. package/src/docs/figma.md +43 -0
  33. package/src/docs/integration-full.md +80 -0
  34. package/src/docs/integration-partial.md +42 -0
  35. package/src/docs/migration.md +65 -0
  36. package/src/docs/storybook.md +29 -24
  37. package/src/docs/style-guide.md +22 -0
  38. package/src/docs/workflows.md +20 -0
  39. package/src/stories/FoundationsBorder.stories.ts +1 -1
  40. package/src/stories/FoundationsColor.stories.ts +1 -1
  41. package/src/stories/FoundationsGap.stories.ts +1 -1
  42. package/src/stories/FoundationsGrid.stories.ts +1 -1
  43. package/src/stories/FoundationsMargin.stories.ts +1 -1
  44. package/src/stories/FoundationsPadding.stories.ts +1 -1
  45. package/src/stories/FoundationsShadow.stories.ts +1 -1
  46. package/src/stories/FoundationsTransparency.stories.ts +1 -1
  47. package/src/stories/FoundationsTypography.stories.ts +1 -1
  48. package/src/stories/TideAccordionItem.stories.ts +1 -1
  49. package/src/stories/TideAlert.stories.ts +47 -3
  50. package/src/stories/TideBadge.stories.ts +1 -1
  51. package/src/stories/TideBadgeTrustedPartner.stories.ts +1 -1
  52. package/src/stories/TideBadgeVerifiedVehicle.stories.ts +1 -1
  53. package/src/stories/TideBreadCrumbs.stories.ts +1 -1
  54. package/src/stories/TideButton.stories.ts +1 -1
  55. package/src/stories/TideButtonIcon.stories.ts +1 -1
  56. package/src/stories/TideButtonPagination.stories.ts +1 -1
  57. package/src/stories/TideButtonSegmented.stories.ts +1 -1
  58. package/src/stories/TideCard.stories.ts +1 -1
  59. package/src/stories/TideCarousel.stories.ts +1 -1
  60. package/src/stories/TideChipAction.stories.ts +1 -1
  61. package/src/stories/TideChipFilter.stories.ts +1 -1
  62. package/src/stories/TideChipInput.stories.ts +1 -1
  63. package/src/stories/TideColumns.stories.ts +1 -1
  64. package/src/stories/TideDivider.stories.ts +1 -1
  65. package/src/stories/TideIcon.stories.ts +1 -1
  66. package/src/stories/TideImage.stories.ts +1 -1
  67. package/src/stories/TideImageBackground.stories.ts +1 -1
  68. package/src/stories/TideIndicator.stories.ts +1 -1
  69. package/src/stories/TideInputCheckbox.stories.ts +1 -1
  70. package/src/stories/TideInputRadio.stories.ts +1 -1
  71. package/src/stories/TideInputSelect.stories.ts +1 -1
  72. package/src/stories/TideInputText.stories.ts +1 -1
  73. package/src/stories/TideInputTextarea.stories.ts +1 -1
  74. package/src/stories/TideLink.stories.ts +8 -2
  75. package/src/stories/TideModal.stories.ts +1 -1
  76. package/src/stories/TidePagination.stories.ts +1 -1
  77. package/src/stories/TidePopover.stories.ts +1 -1
  78. package/src/stories/TideSeoLinks.stories.ts +1 -1
  79. package/src/stories/TideSwitch.stories.ts +1 -1
  80. package/src/types/Styles.ts +8 -202
  81. package/src/utilities/storybook.ts +12 -0
  82. package/src/utilities/viewport.ts +2 -1
  83. package/src/docs/integration.md +0 -79
@@ -1173,9 +1173,14 @@ declare const CSS_2: {
1173
1173
  readonly UPPER: "tide-text-transform-upper";
1174
1174
  };
1175
1175
  readonly UNDERLINE: {
1176
- readonly HOVER: "tide-underline-hover";
1177
- readonly OFF: "tide-underline-none";
1178
- readonly ON: "tide-underline";
1176
+ readonly HOVER: {
1177
+ readonly ON: "tide-underline-hover";
1178
+ readonly OFF: "tide-underline-hover-none";
1179
+ };
1180
+ readonly REST: {
1181
+ readonly ON: "tide-underline";
1182
+ readonly OFF: "tide-underline-none";
1183
+ };
1179
1184
  };
1180
1185
  readonly VISIBILITY: {
1181
1186
  readonly OFF: "tide-visible-none";
@@ -1577,6 +1582,7 @@ declare type Props_19 = {
1577
1582
 
1578
1583
  declare type Props_2 = {
1579
1584
  heading?: string;
1585
+ isDismissible?: boolean;
1580
1586
  isToast?: boolean;
1581
1587
  type?: Alert;
1582
1588
  };
@@ -1653,6 +1659,7 @@ declare type Props_26 = {
1653
1659
  iconTrailing?: Icon;
1654
1660
  isNewTab?: boolean;
1655
1661
  label: string;
1662
+ subtle?: boolean;
1656
1663
  };
1657
1664
 
1658
1665
  declare type Props_27 = {
@@ -1917,15 +1924,22 @@ isOptional: boolean;
1917
1924
 
1918
1925
  export declare const TideAlert: __VLS_WithTemplateSlots_2<DefineComponent<__VLS_WithDefaults_2<__VLS_TypePropsToOption_2<Props_2>, {
1919
1926
  heading: undefined;
1927
+ isDismissible: boolean;
1920
1928
  isToast: boolean;
1921
1929
  type: "info";
1922
- }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_2<__VLS_TypePropsToOption_2<Props_2>, {
1930
+ }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
1931
+ close: () => void;
1932
+ }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_2<__VLS_TypePropsToOption_2<Props_2>, {
1923
1933
  heading: undefined;
1934
+ isDismissible: boolean;
1924
1935
  isToast: boolean;
1925
1936
  type: "info";
1926
- }>>>, {
1937
+ }>>> & {
1938
+ onClose?: (() => any) | undefined;
1939
+ }, {
1927
1940
  type: Alert;
1928
1941
  heading: string;
1942
+ isDismissible: boolean;
1929
1943
  isToast: boolean;
1930
1944
  }, {}>, {
1931
1945
  default?(_: {}): any;
@@ -2379,6 +2393,7 @@ iconLeading: undefined;
2379
2393
  iconTrailing: undefined;
2380
2394
  isNewTab: boolean;
2381
2395
  label: undefined;
2396
+ subtle: boolean;
2382
2397
  }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_24<__VLS_TypePropsToOption_26<Props_26>, {
2383
2398
  element: "a";
2384
2399
  href: undefined;
@@ -2386,6 +2401,7 @@ iconLeading: undefined;
2386
2401
  iconTrailing: undefined;
2387
2402
  isNewTab: boolean;
2388
2403
  label: undefined;
2404
+ subtle: boolean;
2389
2405
  }>>>, {
2390
2406
  label: string;
2391
2407
  element: Element_2;
@@ -2393,6 +2409,7 @@ href: string;
2393
2409
  isNewTab: boolean;
2394
2410
  iconLeading: Icon;
2395
2411
  iconTrailing: Icon;
2412
+ subtle: boolean;
2396
2413
  }, {}>;
2397
2414
 
2398
2415
  export declare const TideModal: __VLS_WithTemplateSlots_7<DefineComponent<__VLS_WithDefaults_25<__VLS_TypePropsToOption_27<Props_27>, {
@@ -2414,8 +2431,8 @@ onBack?: (() => any) | undefined;
2414
2431
  }, {
2415
2432
  title: string;
2416
2433
  width: string;
2417
- isBackButton: boolean;
2418
2434
  isDismissible: boolean;
2435
+ isBackButton: boolean;
2419
2436
  }, {}>, {
2420
2437
  default?(_: {}): any;
2421
2438
  footer?(_: {}): any;