tide-design-system 2.2.3 → 2.2.5

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 (86) 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/grid-layout.css +10 -49
  5. package/dist/css/utilities-lg.css +4 -11
  6. package/dist/css/utilities-md.css +4 -12
  7. package/dist/css/utilities-sm.css +4 -11
  8. package/dist/css/utilities-xl.css +4 -11
  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 +31 -36
  13. package/dist/tide-design-system.esm.js +1397 -1407
  14. package/dist/utilities/storybook.ts +12 -0
  15. package/package.json +1 -1
  16. package/src/assets/css/grid-layout.css +10 -49
  17. package/src/assets/css/utilities-lg.css +4 -11
  18. package/src/assets/css/utilities-md.css +4 -12
  19. package/src/assets/css/utilities-sm.css +4 -11
  20. package/src/assets/css/utilities-xl.css +4 -11
  21. package/src/assets/css/utilities.css +4 -11
  22. package/src/components/TideAlert.vue +27 -33
  23. package/src/components/TideBadge.vue +4 -1
  24. package/src/components/TideBadgeTrustedPartner.vue +8 -2
  25. package/src/components/TideBadgeVerifiedVehicle.vue +7 -2
  26. package/src/components/TideButton.vue +1 -1
  27. package/src/components/TideButtonIcon.vue +1 -1
  28. package/src/components/TideButtonPagination.vue +1 -1
  29. package/src/components/TideCarousel.vue +90 -55
  30. package/src/components/TideChipAction.vue +1 -1
  31. package/src/components/TideLink.vue +10 -1
  32. package/src/components/TideModal.vue +1 -1
  33. package/src/components/TideSeoLinks.vue +1 -1
  34. package/src/docs/development.md +125 -18
  35. package/src/docs/figma.md +43 -0
  36. package/src/docs/integration-full.md +80 -0
  37. package/src/docs/integration-partial.md +42 -0
  38. package/src/docs/migration.md +65 -0
  39. package/src/docs/storybook.md +29 -24
  40. package/src/docs/style-guide.md +22 -0
  41. package/src/docs/workflows.md +20 -0
  42. package/src/stories/FoundationsBorder.stories.ts +1 -1
  43. package/src/stories/FoundationsColor.stories.ts +1 -1
  44. package/src/stories/FoundationsGap.stories.ts +1 -1
  45. package/src/stories/FoundationsGrid.stories.ts +2 -185
  46. package/src/stories/FoundationsMargin.stories.ts +1 -1
  47. package/src/stories/FoundationsPadding.stories.ts +1 -1
  48. package/src/stories/FoundationsShadow.stories.ts +1 -1
  49. package/src/stories/FoundationsTransparency.stories.ts +1 -1
  50. package/src/stories/FoundationsTypography.stories.ts +1 -1
  51. package/src/stories/TideAccordionItem.stories.ts +1 -1
  52. package/src/stories/TideAlert.stories.ts +47 -3
  53. package/src/stories/TideBadge.stories.ts +1 -1
  54. package/src/stories/TideBadgeTrustedPartner.stories.ts +1 -1
  55. package/src/stories/TideBadgeVerifiedVehicle.stories.ts +1 -1
  56. package/src/stories/TideBreadCrumbs.stories.ts +1 -1
  57. package/src/stories/TideButton.stories.ts +1 -1
  58. package/src/stories/TideButtonIcon.stories.ts +1 -1
  59. package/src/stories/TideButtonPagination.stories.ts +1 -1
  60. package/src/stories/TideButtonSegmented.stories.ts +1 -1
  61. package/src/stories/TideCard.stories.ts +1 -1
  62. package/src/stories/TideCarousel.stories.ts +52 -10
  63. package/src/stories/TideChipAction.stories.ts +1 -1
  64. package/src/stories/TideChipFilter.stories.ts +1 -1
  65. package/src/stories/TideChipInput.stories.ts +1 -1
  66. package/src/stories/TideColumns.stories.ts +1 -1
  67. package/src/stories/TideDivider.stories.ts +1 -1
  68. package/src/stories/TideIcon.stories.ts +1 -1
  69. package/src/stories/TideImage.stories.ts +1 -1
  70. package/src/stories/TideImageBackground.stories.ts +1 -1
  71. package/src/stories/TideIndicator.stories.ts +1 -1
  72. package/src/stories/TideInputCheckbox.stories.ts +1 -1
  73. package/src/stories/TideInputRadio.stories.ts +1 -1
  74. package/src/stories/TideInputSelect.stories.ts +1 -1
  75. package/src/stories/TideInputText.stories.ts +1 -1
  76. package/src/stories/TideInputTextarea.stories.ts +1 -1
  77. package/src/stories/TideLink.stories.ts +8 -2
  78. package/src/stories/TideModal.stories.ts +1 -1
  79. package/src/stories/TidePagination.stories.ts +1 -1
  80. package/src/stories/TidePopover.stories.ts +1 -1
  81. package/src/stories/TideSeoLinks.stories.ts +1 -1
  82. package/src/stories/TideSwitch.stories.ts +1 -1
  83. package/src/types/Storybook.ts +0 -32
  84. package/src/types/Styles.ts +8 -232
  85. package/src/utilities/storybook.ts +12 -0
  86. package/src/docs/integration.md +0 -79
@@ -967,39 +967,9 @@ declare const CSS_2: {
967
967
  readonly FOUR: "tide-gap-4";
968
968
  };
969
969
  readonly GRID: {
970
- readonly END: {
971
- readonly ONE: "tide-end-1";
972
- readonly TWO: "tide-end-2";
973
- readonly THREE: "tide-end-3";
974
- readonly FOUR: "tide-end-4";
975
- readonly FIVE: "tide-end-5";
976
- readonly SIX: "tide-end-6";
977
- readonly SEVEN: "tide-end-7";
978
- readonly EIGHT: "tide-end-8";
979
- readonly NINE: "tide-end-9";
980
- readonly TEN: "tide-end-10";
981
- readonly ELEVEN: "tide-end-11";
982
- readonly TWELVE: "tide-end-12";
983
- readonly THIRTEEN: "tide-end-13";
984
- };
985
970
  readonly FLUID: "tide-fluid";
986
971
  readonly ITEM: "tide-grid-item";
987
972
  readonly LAYOUT: "tide-grid-layout";
988
- readonly START: {
989
- readonly ZERO: "tide-start-0";
990
- readonly ONE: "tide-start-1";
991
- readonly TWO: "tide-start-2";
992
- readonly THREE: "tide-start-3";
993
- readonly FOUR: "tide-start-4";
994
- readonly FIVE: "tide-start-5";
995
- readonly SIX: "tide-start-6";
996
- readonly SEVEN: "tide-start-7";
997
- readonly EIGHT: "tide-start-8";
998
- readonly NINE: "tide-start-9";
999
- readonly TEN: "tide-start-10";
1000
- readonly ELEVEN: "tide-start-11";
1001
- readonly TWELVE: "tide-start-12";
1002
- };
1003
973
  readonly XL: "tide-grid-xl";
1004
974
  };
1005
975
  readonly HEIGHT: {
@@ -1203,9 +1173,14 @@ declare const CSS_2: {
1203
1173
  readonly UPPER: "tide-text-transform-upper";
1204
1174
  };
1205
1175
  readonly UNDERLINE: {
1206
- readonly HOVER: "tide-underline-hover";
1207
- readonly OFF: "tide-underline-none";
1208
- 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
+ };
1209
1184
  };
1210
1185
  readonly VISIBILITY: {
1211
1186
  readonly OFF: "tide-visible-none";
@@ -1552,7 +1527,9 @@ declare type Props_10 = {
1552
1527
  };
1553
1528
 
1554
1529
  declare type Props_11 = {
1530
+ bleed?: number;
1555
1531
  isFloating?: boolean;
1532
+ isHeadline1?: boolean;
1556
1533
  isHideawayButtons?: boolean;
1557
1534
  isTouchscreen?: boolean;
1558
1535
  subtitle?: string;
@@ -1605,6 +1582,7 @@ declare type Props_19 = {
1605
1582
 
1606
1583
  declare type Props_2 = {
1607
1584
  heading?: string;
1585
+ isDismissible?: boolean;
1608
1586
  isToast?: boolean;
1609
1587
  type?: Alert;
1610
1588
  };
@@ -1681,6 +1659,7 @@ declare type Props_26 = {
1681
1659
  iconTrailing?: Icon;
1682
1660
  isNewTab?: boolean;
1683
1661
  label: string;
1662
+ subtle?: boolean;
1684
1663
  };
1685
1664
 
1686
1665
  declare type Props_27 = {
@@ -1945,15 +1924,22 @@ isOptional: boolean;
1945
1924
 
1946
1925
  export declare const TideAlert: __VLS_WithTemplateSlots_2<DefineComponent<__VLS_WithDefaults_2<__VLS_TypePropsToOption_2<Props_2>, {
1947
1926
  heading: undefined;
1927
+ isDismissible: boolean;
1948
1928
  isToast: boolean;
1949
1929
  type: "info";
1950
- }>, {}, 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>, {
1951
1933
  heading: undefined;
1934
+ isDismissible: boolean;
1952
1935
  isToast: boolean;
1953
1936
  type: "info";
1954
- }>>>, {
1937
+ }>>> & {
1938
+ onClose?: (() => any) | undefined;
1939
+ }, {
1955
1940
  type: Alert;
1956
1941
  heading: string;
1942
+ isDismissible: boolean;
1957
1943
  isToast: boolean;
1958
1944
  }, {}>, {
1959
1945
  default?(_: {}): any;
@@ -2091,7 +2077,9 @@ selected: boolean;
2091
2077
  }, {}>;
2092
2078
 
2093
2079
  export declare const TideCarousel: __VLS_WithTemplateSlots_3<DefineComponent<__VLS_WithDefaults_11<__VLS_TypePropsToOption_11<Props_11>, {
2080
+ bleed: undefined;
2094
2081
  isFloating: boolean;
2082
+ isHeadline1: boolean;
2095
2083
  isHideawayButtons: boolean;
2096
2084
  isTouchscreen: undefined;
2097
2085
  subtitle: undefined;
@@ -2099,7 +2087,9 @@ title: undefined;
2099
2087
  }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
2100
2088
  change: (...args: any[]) => void;
2101
2089
  }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_11<__VLS_TypePropsToOption_11<Props_11>, {
2090
+ bleed: undefined;
2102
2091
  isFloating: boolean;
2092
+ isHeadline1: boolean;
2103
2093
  isHideawayButtons: boolean;
2104
2094
  isTouchscreen: undefined;
2105
2095
  subtitle: undefined;
@@ -2109,6 +2099,8 @@ onChange?: ((...args: any[]) => any) | undefined;
2109
2099
  }, {
2110
2100
  title: string;
2111
2101
  isFloating: boolean;
2102
+ bleed: number;
2103
+ isHeadline1: boolean;
2112
2104
  isHideawayButtons: boolean;
2113
2105
  isTouchscreen: boolean;
2114
2106
  subtitle: string;
@@ -2401,6 +2393,7 @@ iconLeading: undefined;
2401
2393
  iconTrailing: undefined;
2402
2394
  isNewTab: boolean;
2403
2395
  label: undefined;
2396
+ subtle: boolean;
2404
2397
  }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_24<__VLS_TypePropsToOption_26<Props_26>, {
2405
2398
  element: "a";
2406
2399
  href: undefined;
@@ -2408,6 +2401,7 @@ iconLeading: undefined;
2408
2401
  iconTrailing: undefined;
2409
2402
  isNewTab: boolean;
2410
2403
  label: undefined;
2404
+ subtle: boolean;
2411
2405
  }>>>, {
2412
2406
  label: string;
2413
2407
  element: Element_2;
@@ -2415,6 +2409,7 @@ href: string;
2415
2409
  isNewTab: boolean;
2416
2410
  iconLeading: Icon;
2417
2411
  iconTrailing: Icon;
2412
+ subtle: boolean;
2418
2413
  }, {}>;
2419
2414
 
2420
2415
  export declare const TideModal: __VLS_WithTemplateSlots_7<DefineComponent<__VLS_WithDefaults_25<__VLS_TypePropsToOption_27<Props_27>, {
@@ -2436,8 +2431,8 @@ onBack?: (() => any) | undefined;
2436
2431
  }, {
2437
2432
  title: string;
2438
2433
  width: string;
2439
- isBackButton: boolean;
2440
2434
  isDismissible: boolean;
2435
+ isBackButton: boolean;
2441
2436
  }, {}>, {
2442
2437
  default?(_: {}): any;
2443
2438
  footer?(_: {}): any;