tide-design-system 2.5.0 → 2.5.3

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 (43) hide show
  1. package/.storybook/main.ts +2 -0
  2. package/README.md +3 -1
  3. package/dist/css/reset.css +5 -1
  4. package/dist/css/utilities-base.css +6 -6
  5. package/dist/css/utilities-responsive.css +24 -24
  6. package/dist/css/variables.css +3 -0
  7. package/dist/style.css +1 -1
  8. package/dist/tide-design-system.cjs +2 -2
  9. package/dist/tide-design-system.esm.d.ts +51 -9
  10. package/dist/tide-design-system.esm.js +1621 -1481
  11. package/dist/utilities/validation.ts +1 -1
  12. package/docs/assets/full-bleed.gif +0 -0
  13. package/docs/assets/layout-grid-default.webp +0 -0
  14. package/docs/assets/layout-grid-fluid.webp +0 -0
  15. package/docs/assets/layout-grid.webp +0 -0
  16. package/docs/configuation.md +47 -0
  17. package/docs/grid-layout.md +83 -0
  18. package/index.ts +4 -0
  19. package/package.json +1 -1
  20. package/src/assets/css/reset.css +5 -1
  21. package/src/assets/css/utilities-base.css +6 -6
  22. package/src/assets/css/utilities-responsive.css +24 -24
  23. package/src/assets/css/variables.css +3 -0
  24. package/src/components/TideAlert.vue +1 -1
  25. package/src/components/TideCarousel.vue +104 -40
  26. package/src/components/TideInputSelect.vue +1 -1
  27. package/src/components/TideInputSelectDeprecated.vue +1 -1
  28. package/src/components/TideInputText.vue +2 -2
  29. package/src/components/TideInputTextDeprecated.vue +2 -2
  30. package/src/components/TideInputTextarea.vue +2 -2
  31. package/src/components/TideInputTextareaDeprecated.vue +2 -2
  32. package/src/components/TideLink.vue +6 -0
  33. package/src/components/TideMenuItem.vue +1 -1
  34. package/src/components/TideModal.vue +1 -1
  35. package/src/components/TideRating.vue +93 -0
  36. package/src/components/TideSheet.vue +1 -1
  37. package/src/components/TideTabs.vue +58 -0
  38. package/src/stories/TideCarousel.stories.ts +47 -25
  39. package/src/stories/TideRating.stories.ts +120 -0
  40. package/src/stories/TideTabs.stories.ts +115 -0
  41. package/src/types/Formatted.ts +1 -1
  42. package/src/utilities/validation.ts +1 -1
  43. package/tests/utilities-format.spec.ts +40 -0
package/dist/tide-design-system.esm.d.ts CHANGED
@@ -14,13 +14,21 @@ declare type __VLS_PublicProps_10 = {
14
14
  } & typeof __VLS_typeProps_10;
15
15
 
16
16
  declare type __VLS_PublicProps_11 = {
17
- modelValue: boolean;
17
+ modelValue: number;
18
18
  } & typeof __VLS_typeProps_11;
19
19
 
20
20
  declare type __VLS_PublicProps_12 = {
21
21
  modelValue: boolean;
22
22
  } & typeof __VLS_typeProps_12;
23
23
 
24
+ declare type __VLS_PublicProps_13 = {
25
+ modelValue: boolean;
26
+ } & typeof __VLS_typeProps_13;
27
+
28
+ declare type __VLS_PublicProps_14 = {
29
+ modelValue: number;
30
+ } & typeof __VLS_typeProps_14;
31
+
24
32
  declare type __VLS_PublicProps_2 = {
25
33
  modelValue: number;
26
34
  } & typeof __VLS_typeProps_2;
@@ -57,10 +65,14 @@ declare let __VLS_typeProps: Props;
57
65
 
58
66
  declare let __VLS_typeProps_10: Props_29;
59
67
 
60
- declare let __VLS_typeProps_11: Props_32;
68
+ declare let __VLS_typeProps_11: Props_31;
61
69
 
62
70
  declare let __VLS_typeProps_12: Props_33;
63
71
 
72
+ declare let __VLS_typeProps_13: Props_34;
73
+
74
+ declare let __VLS_typeProps_14: Props_35;
75
+
64
76
  declare let __VLS_typeProps_2: Props_9;
65
77
 
66
78
  declare let __VLS_typeProps_3: Props_13;
@@ -1176,6 +1188,7 @@ declare type Props_27 = {
1176
1188
  element?: Element_2;
1177
1189
  href?: string;
1178
1190
  iconLeading?: Icon;
1191
+ iconSize?: Size;
1179
1192
  iconTrailing?: Icon;
1180
1193
  isNewTab?: boolean;
1181
1194
  label: string;
@@ -1212,18 +1225,29 @@ declare type Props_30 = {
1212
1225
  };
1213
1226
 
1214
1227
  declare type Props_31 = {
1228
+ description?: string;
1229
+ maxRating?: number;
1230
+ showRating?: boolean;
1231
+ title?: string;
1232
+ };
1233
+
1234
+ declare type Props_32 = {
1215
1235
  heading?: string;
1216
1236
  links: Link[];
1217
1237
  };
1218
1238
 
1219
- declare type Props_32 = {
1239
+ declare type Props_33 = {
1220
1240
  isBackButton?: boolean;
1221
1241
  };
1222
1242
 
1223
- declare type Props_33 = {
1243
+ declare type Props_34 = {
1224
1244
  disabled?: boolean;
1225
1245
  };
1226
1246
 
1247
+ declare type Props_35 = {
1248
+ tabs: Tab[];
1249
+ };
1250
+
1227
1251
  declare type Props_4 = {
1228
1252
  years?: BadgeTrustedYears;
1229
1253
  };
@@ -1841,6 +1865,7 @@ element: Element_2;
1841
1865
  href: string;
1842
1866
  isNewTab: boolean;
1843
1867
  iconLeading: Icon;
1868
+ iconSize: Size;
1844
1869
  iconTrailing: Icon;
1845
1870
  subtle: boolean;
1846
1871
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
@@ -1909,15 +1934,26 @@ offset: number;
1909
1934
  default?(_: {}): any;
1910
1935
  }>;
1911
1936
 
1912
- export declare const TideSeoLinks: DefineComponent<Props_31, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_31> & Readonly<{}>, {
1937
+ export declare const TideRating: DefineComponent<__VLS_PublicProps_11, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
1938
+ "update:modelValue": (modelValue: number) => any;
1939
+ }, string, PublicProps, Readonly<__VLS_PublicProps_11> & Readonly<{
1940
+ "onUpdate:modelValue"?: ((modelValue: number) => any) | undefined;
1941
+ }>, {
1942
+ title: string;
1943
+ description: string;
1944
+ maxRating: number;
1945
+ showRating: boolean;
1946
+ }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1947
+
1948
+ export declare const TideSeoLinks: DefineComponent<Props_32, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_32> & Readonly<{}>, {
1913
1949
  heading: string;
1914
1950
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1915
1951
 
1916
- export declare const TideSheet: __VLS_WithTemplateSlots_10<DefineComponent<__VLS_PublicProps_11, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
1952
+ export declare const TideSheet: __VLS_WithTemplateSlots_10<DefineComponent<__VLS_PublicProps_12, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
1917
1953
  "update:modelValue": (modelValue: boolean) => any;
1918
1954
  } & {
1919
1955
  back: () => any;
1920
- }, string, PublicProps, Readonly<__VLS_PublicProps_11> & Readonly<{
1956
+ }, string, PublicProps, Readonly<__VLS_PublicProps_12> & Readonly<{
1921
1957
  "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
1922
1958
  onBack?: (() => any) | undefined;
1923
1959
  }>, {
@@ -1926,14 +1962,20 @@ isBackButton: boolean;
1926
1962
  default?(_: {}): any;
1927
1963
  }>;
1928
1964
 
1929
- export declare const TideSwitch: DefineComponent<__VLS_PublicProps_12, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
1965
+ export declare const TideSwitch: DefineComponent<__VLS_PublicProps_13, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
1930
1966
  "update:modelValue": (modelValue: boolean) => any;
1931
- }, string, PublicProps, Readonly<__VLS_PublicProps_12> & Readonly<{
1967
+ }, string, PublicProps, Readonly<__VLS_PublicProps_13> & Readonly<{
1932
1968
  "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
1933
1969
  }>, {
1934
1970
  disabled: boolean;
1935
1971
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1936
1972
 
1973
+ export declare const TideTabs: DefineComponent<__VLS_PublicProps_14, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
1974
+ "update:modelValue": (modelValue: number) => any;
1975
+ }, string, PublicProps, Readonly<__VLS_PublicProps_14> & Readonly<{
1976
+ "onUpdate:modelValue"?: ((modelValue: number) => any) | undefined;
1977
+ }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1978
+
1937
1979
  export declare const TYPE_CARD: {
1938
1980
  readonly ACTIONABLE: "action";
1939
1981
  readonly INFORMATIONAL: "informational";