@windstream/react-shared-components 0.1.91 → 0.1.93

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 (214) hide show
  1. package/README.md +635 -635
  2. package/dist/contentful/index.d.ts +1 -0
  3. package/dist/contentful/index.esm.js +3 -3
  4. package/dist/contentful/index.esm.js.map +1 -1
  5. package/dist/contentful/index.js +3 -3
  6. package/dist/contentful/index.js.map +1 -1
  7. package/dist/core.d.ts +1 -1
  8. package/dist/index.d.ts +1 -1
  9. package/dist/index.esm.js +5 -13
  10. package/dist/index.esm.js.map +1 -1
  11. package/dist/index.js +5 -13
  12. package/dist/index.js.map +1 -1
  13. package/dist/next/index.esm.js +2 -2
  14. package/dist/next/index.esm.js.map +1 -1
  15. package/dist/next/index.js +2 -2
  16. package/dist/next/index.js.map +1 -1
  17. package/dist/styles.css +1 -1
  18. package/dist/utils/index.esm.js +1 -1
  19. package/dist/utils/index.esm.js.map +1 -1
  20. package/dist/utils/index.js +1 -1
  21. package/dist/utils/index.js.map +1 -1
  22. package/package.json +185 -185
  23. package/src/components/accordion/Accordion.stories.tsx +230 -230
  24. package/src/components/accordion/index.tsx +70 -70
  25. package/src/components/accordion/types.ts +12 -12
  26. package/src/components/alert-card/AlertCard.stories.tsx +171 -171
  27. package/src/components/alert-card/index.tsx +41 -41
  28. package/src/components/alert-card/types.ts +13 -13
  29. package/src/components/animation-wrapper/index.tsx +129 -129
  30. package/src/components/animation-wrapper/types.ts +11 -11
  31. package/src/components/brand-button/BrandButton.stories.tsx +223 -223
  32. package/src/components/brand-button/helpers.ts +35 -35
  33. package/src/components/brand-button/index.tsx +120 -120
  34. package/src/components/brand-button/types.ts +38 -38
  35. package/src/components/button/Button.stories.tsx +108 -108
  36. package/src/components/button/index.tsx +27 -27
  37. package/src/components/button/types.ts +14 -14
  38. package/src/components/call-button/CallButton.stories.tsx +324 -324
  39. package/src/components/call-button/index.tsx +106 -106
  40. package/src/components/call-button/types.ts +16 -16
  41. package/src/components/checkbox/Checkbox.stories.tsx +247 -247
  42. package/src/components/checkbox/index.tsx +197 -197
  43. package/src/components/checkbox/types.ts +27 -27
  44. package/src/components/checklist/Checklist.stories.tsx +150 -150
  45. package/src/components/checklist/index.tsx +61 -61
  46. package/src/components/checklist/types.ts +17 -17
  47. package/src/components/collapse/Collapse.stories.tsx +255 -255
  48. package/src/components/collapse/index.tsx +46 -46
  49. package/src/components/collapse/types.ts +6 -6
  50. package/src/components/divider/Divider.stories.tsx +205 -205
  51. package/src/components/divider/index.tsx +22 -22
  52. package/src/components/divider/type.ts +3 -3
  53. package/src/components/image/Image.stories.tsx +113 -113
  54. package/src/components/image/index.tsx +25 -25
  55. package/src/components/image/types.ts +40 -40
  56. package/src/components/input/Input.stories.tsx +325 -325
  57. package/src/components/input/index.tsx +177 -177
  58. package/src/components/input/types.ts +37 -37
  59. package/src/components/link/Link.stories.tsx +163 -163
  60. package/src/components/link/index.tsx +116 -116
  61. package/src/components/link/types.ts +25 -25
  62. package/src/components/list/List.stories.tsx +272 -272
  63. package/src/components/list/index.tsx +88 -88
  64. package/src/components/list/list-item/index.tsx +38 -38
  65. package/src/components/list/list-item/types.ts +13 -13
  66. package/src/components/list/types.ts +29 -29
  67. package/src/components/material-icon/MaterialIcon.stories.tsx +322 -322
  68. package/src/components/material-icon/constants.ts +99 -99
  69. package/src/components/material-icon/index.tsx +47 -47
  70. package/src/components/material-icon/types.ts +31 -31
  71. package/src/components/modal/Modal.stories.tsx +171 -171
  72. package/src/components/modal/index.tsx +164 -164
  73. package/src/components/modal/types.ts +24 -24
  74. package/src/components/next-image/index.tsx +74 -74
  75. package/src/components/next-image/types.ts +1 -1
  76. package/src/components/pagination/index.tsx +91 -91
  77. package/src/components/pagination/types.ts +6 -6
  78. package/src/components/radio-button/RadioButton.stories.tsx +307 -307
  79. package/src/components/radio-button/index.tsx +75 -75
  80. package/src/components/radio-button/types.ts +21 -21
  81. package/src/components/see-more/SeeMore.stories.tsx +181 -181
  82. package/src/components/see-more/index.tsx +44 -44
  83. package/src/components/see-more/types.ts +4 -4
  84. package/src/components/select/Select.stories.tsx +411 -411
  85. package/src/components/select/index.tsx +155 -155
  86. package/src/components/select/types.ts +36 -36
  87. package/src/components/select-plan-button/SelectPlanButton.stories.tsx +184 -184
  88. package/src/components/select-plan-button/index.tsx +63 -63
  89. package/src/components/select-plan-button/types.ts +17 -17
  90. package/src/components/skeleton/Skeleton.stories.tsx +179 -179
  91. package/src/components/skeleton/index.tsx +61 -61
  92. package/src/components/skeleton/types.ts +4 -4
  93. package/src/components/spinner/Spinner.stories.tsx +335 -335
  94. package/src/components/spinner/index.tsx +44 -44
  95. package/src/components/spinner/types.ts +5 -5
  96. package/src/components/text/Text.stories.tsx +321 -321
  97. package/src/components/text/index.tsx +25 -25
  98. package/src/components/text/types.ts +45 -45
  99. package/src/components/tooltip/Tooltip.stories.tsx +219 -219
  100. package/src/components/tooltip/index.tsx +74 -74
  101. package/src/components/tooltip/types.ts +7 -7
  102. package/src/components/view-cart-button/ViewCartButton.stories.tsx +252 -252
  103. package/src/components/view-cart-button/index.tsx +42 -42
  104. package/src/components/view-cart-button/types.ts +5 -5
  105. package/src/contentful/blocks/accordion/Accordion.stories.mocks.tsx +128 -128
  106. package/src/contentful/blocks/accordion/Accordion.stories.tsx +98 -98
  107. package/src/contentful/blocks/accordion/index.tsx +112 -112
  108. package/src/contentful/blocks/accordion/types.ts +34 -34
  109. package/src/contentful/blocks/address-input-banner/index.tsx +52 -52
  110. package/src/contentful/blocks/address-input-banner/types.ts +14 -14
  111. package/src/contentful/blocks/anchored-bottom-banner/index.tsx +181 -181
  112. package/src/contentful/blocks/anchored-bottom-banner/types.ts +13 -13
  113. package/src/contentful/blocks/blogs-grid/BlogGrid.stories.mocks.tsx +144 -144
  114. package/src/contentful/blocks/blogs-grid/BlogGrid.stories.tsx +156 -156
  115. package/src/contentful/blocks/blogs-grid/index.tsx +134 -134
  116. package/src/contentful/blocks/blogs-grid/types.ts +26 -26
  117. package/src/contentful/blocks/blogs-grid-base/index.tsx +119 -119
  118. package/src/contentful/blocks/blogs-grid-base/types.ts +36 -36
  119. package/src/contentful/blocks/breadcrumbs/BreadcrumbNavigation.stories.tsx +147 -147
  120. package/src/contentful/blocks/breadcrumbs/index.tsx +95 -95
  121. package/src/contentful/blocks/breadcrumbs/types.ts +8 -8
  122. package/src/contentful/blocks/button/Button.stories.tsx +40 -40
  123. package/src/contentful/blocks/button/index.tsx +131 -131
  124. package/src/contentful/blocks/button/types.ts +39 -39
  125. package/src/contentful/blocks/callout/Callout.stories.tsx +23 -23
  126. package/src/contentful/blocks/callout/index.tsx +277 -277
  127. package/src/contentful/blocks/callout/types.ts +78 -78
  128. package/src/contentful/blocks/cards/Cards.stories.tsx +23 -23
  129. package/src/contentful/blocks/cards/blog-card/index.tsx +129 -129
  130. package/src/contentful/blocks/cards/blog-card/types.ts +34 -34
  131. package/src/contentful/blocks/cards/floating-image-card/index.tsx +119 -119
  132. package/src/contentful/blocks/cards/floating-image-card/types.ts +30 -30
  133. package/src/contentful/blocks/cards/full-image-card/index.tsx +130 -130
  134. package/src/contentful/blocks/cards/full-image-card/types.ts +29 -29
  135. package/src/contentful/blocks/cards/index.tsx +13 -13
  136. package/src/contentful/blocks/cards/product-card/index.tsx +251 -251
  137. package/src/contentful/blocks/cards/product-card/types.ts +28 -28
  138. package/src/contentful/blocks/cards/simple-card/index.tsx +325 -325
  139. package/src/contentful/blocks/cards/simple-card/types.ts +71 -71
  140. package/src/contentful/blocks/cards/testimonial-card/index.tsx +90 -90
  141. package/src/contentful/blocks/cards/testimonial-card/types.tsx +12 -12
  142. package/src/contentful/blocks/cards/types.ts +1 -1
  143. package/src/contentful/blocks/carousel/Carousel.stories.tsx +23 -23
  144. package/src/contentful/blocks/carousel/helper.tsx +494 -494
  145. package/src/contentful/blocks/carousel/index.tsx +87 -87
  146. package/src/contentful/blocks/carousel/types.ts +145 -145
  147. package/src/contentful/blocks/cart-retention-banner/index.tsx +109 -109
  148. package/src/contentful/blocks/cart-retention-banner/types.ts +11 -11
  149. package/src/contentful/blocks/comparison-table/index.tsx +29 -29
  150. package/src/contentful/blocks/comparison-table/types.ts +6 -6
  151. package/src/contentful/blocks/cookiebanner/index.tsx +146 -146
  152. package/src/contentful/blocks/cookiebanner/type.ts +7 -7
  153. package/src/contentful/blocks/cta-callout/CtaCallout.stories.tsx +46 -46
  154. package/src/contentful/blocks/cta-callout/index.tsx +73 -73
  155. package/src/contentful/blocks/cta-callout/types.ts +26 -26
  156. package/src/contentful/blocks/dynamic-tabs/index.tsx +204 -204
  157. package/src/contentful/blocks/dynamic-tabs/types.ts +21 -21
  158. package/src/contentful/blocks/email-input-block/index.tsx +116 -116
  159. package/src/contentful/blocks/email-input-block/types.ts +16 -16
  160. package/src/contentful/blocks/find-kinetic/FindKinetic.stories.tsx +23 -23
  161. package/src/contentful/blocks/find-kinetic/index.tsx +138 -130
  162. package/src/contentful/blocks/find-kinetic/types.ts +20 -19
  163. package/src/contentful/blocks/floating-banner/FloatingBanner.stories.tsx +34 -34
  164. package/src/contentful/blocks/floating-banner/index.tsx +97 -97
  165. package/src/contentful/blocks/floating-banner/types.ts +22 -22
  166. package/src/contentful/blocks/footer/Footer.stories.tsx +317 -317
  167. package/src/contentful/blocks/footer/index.tsx +91 -91
  168. package/src/contentful/blocks/footer/types.ts +13 -13
  169. package/src/contentful/blocks/image-promo-bar/ImagePromoBar.stories.tsx +23 -23
  170. package/src/contentful/blocks/image-promo-bar/helper.tsx +28 -28
  171. package/src/contentful/blocks/image-promo-bar/index.tsx +246 -246
  172. package/src/contentful/blocks/image-promo-bar/types.ts +44 -44
  173. package/src/contentful/blocks/image-promo-bar/vimeo-embed.tsx +93 -93
  174. package/src/contentful/blocks/image-promo-bar/youtube-embed.tsx +46 -46
  175. package/src/contentful/blocks/modal/constants.ts +53 -53
  176. package/src/contentful/blocks/modal/index.tsx +108 -107
  177. package/src/contentful/blocks/modal/types.ts +12 -12
  178. package/src/contentful/blocks/navigation/Navigation.stories.mocks.tsx +78 -0
  179. package/src/contentful/blocks/navigation/Navigation.stories.tsx +138 -0
  180. package/src/contentful/blocks/navigation/desktop-link-groups.tsx/index.tsx +141 -139
  181. package/src/contentful/blocks/navigation/index.tsx +569 -568
  182. package/src/contentful/blocks/navigation/mobile-link-groups.tsx/index.tsx +82 -82
  183. package/src/contentful/blocks/navigation/types.ts +71 -71
  184. package/src/contentful/blocks/primary-hero/PrimaryHero.stories.tsx +23 -23
  185. package/src/contentful/blocks/primary-hero/index.tsx +236 -236
  186. package/src/contentful/blocks/primary-hero/types.ts +37 -37
  187. package/src/contentful/blocks/search-block/index.tsx +90 -90
  188. package/src/contentful/blocks/search-block/types.ts +15 -15
  189. package/src/contentful/blocks/shape-background-wrapper/ShapeBackgroundWrapper.stories.tsx +26 -26
  190. package/src/contentful/blocks/shape-background-wrapper/index.tsx +124 -124
  191. package/src/contentful/blocks/shape-background-wrapper/types.ts +36 -36
  192. package/src/contentful/blocks/text/Text.stories.tsx +23 -23
  193. package/src/contentful/blocks/text/index.tsx +12 -12
  194. package/src/contentful/blocks/text/types.ts +1 -1
  195. package/src/contentful/index.ts +105 -105
  196. package/src/hooks/contentful/use-contentful-rich-text.tsx +309 -309
  197. package/src/hooks/contentful/use-processed-check-list.ts +63 -63
  198. package/src/hooks/use-body-scroll-lock.ts +34 -34
  199. package/src/hooks/use-carousel-swipe.ts +264 -264
  200. package/src/hooks/use-outside-click.ts +17 -17
  201. package/src/index.ts +107 -107
  202. package/src/next/index.ts +5 -5
  203. package/src/setupTests.ts +46 -46
  204. package/src/stories/DocsTemplate.tsx +24 -24
  205. package/src/styles/globals.css +343 -343
  206. package/src/types/global.d.ts +9 -9
  207. package/src/types/micro-components.ts +99 -99
  208. package/src/types/utm.ts +49 -49
  209. package/src/utils/contentful/to-document.ts +24 -24
  210. package/src/utils/cookie.ts +84 -84
  211. package/src/utils/cx.ts +49 -49
  212. package/src/utils/index.ts +41 -41
  213. package/src/utils/speed-card-bg.ts +24 -24
  214. package/src/utils/utm.ts +221 -221
package/src/index.ts CHANGED
@@ -1,107 +1,107 @@
1
- // Import global styles
2
- import "./styles/globals.css";
3
-
4
- // Core Components
5
- export { Button } from "./components/button";
6
- export type { ButtonProps } from "./components/button";
7
-
8
- export { Input, InputField, Input as TextInput } from "./components/input";
9
- export type { InputProps, InputFieldProps } from "./components/input";
10
-
11
- export { Image } from "./components/image";
12
- export type { ImageProps, ImageComponentProps } from "./components/image";
13
-
14
- export { NextImage } from "./components/next-image";
15
- export type { NextImageComponentProps } from "./components/next-image";
16
-
17
- export { Link } from "./components/link";
18
- export type { LinkProps } from "./components/link";
19
-
20
- export { List, ListItem } from "./components/list";
21
- export type { ListProps, ListItemProps } from "./components/list";
22
-
23
- export { MaterialIcon } from "./components/material-icon";
24
- export type { IconProps, IconName } from "./components/material-icon";
25
-
26
- export { Spinner } from "./components/spinner";
27
- export type { SpinnerProps } from "./components/spinner";
28
-
29
- export { Text } from "./components/text";
30
- export type { TextProps, TextVariant } from "./components/text";
31
-
32
- export { CallButton } from "./components/call-button";
33
- export type { CallButtonProps } from "./components/call-button";
34
-
35
- export { Modal } from "./components/modal";
36
- export type { ModalProps, Size, Shape, Animation } from "./components/modal";
37
-
38
- export { Accordion } from "./components/accordion";
39
- export type { AccordionProps } from "./components/accordion";
40
-
41
- export { Checkbox } from "./components/checkbox";
42
- export type { CheckboxProps } from "./components/checkbox";
43
-
44
- export { Select } from "./components/select";
45
- export type {
46
- SelectProps,
47
- SelectOption,
48
- FilterOptions,
49
- } from "./components/select";
50
-
51
- export { AlertCard } from "./components/alert-card";
52
- export type { AlertCardProps } from "./components/alert-card";
53
-
54
- export { BrandButton } from "./components/brand-button";
55
- export type {
56
- ButtonProps as BrandButtonProps,
57
- ButtonVariantsT,
58
- ButtonSizeT,
59
- ResponsiveSize,
60
- } from "./components/brand-button";
61
-
62
- export { Checklist } from "./components/checklist";
63
- export type { ChecklistProps } from "./components/checklist";
64
-
65
- export { Collapse } from "./components/collapse";
66
- export type { CollapsibleProps } from "./components/collapse";
67
-
68
- export { Divider } from "./components/divider";
69
- export type { DividerProps } from "./components/divider";
70
-
71
- export { RadioButton } from "./components/radio-button";
72
- export type { RadioButtonProps } from "./components/radio-button";
73
-
74
- export { SeeMore } from "./components/see-more";
75
- export type { SeeMoreProps } from "./components/see-more";
76
-
77
- export { SelectPlanButton } from "./components/select-plan-button";
78
- export type { SelectPlanButtonProps } from "./components/select-plan-button";
79
-
80
- export { Skeleton, PageSkeleton } from "./components/skeleton";
81
- export type { SkeletonProps } from "./components/skeleton";
82
-
83
- export { Tooltip } from "./components/tooltip";
84
- export type { ToolTipProps } from "./components/tooltip";
85
-
86
- export { AnimationWrapper } from "./components/animation-wrapper";
87
- export type {
88
- AnimationWrapperProps,
89
- AnimationType,
90
- } from "./components/animation-wrapper";
91
-
92
- export { ViewCartButton } from "./components/view-cart-button";
93
- export type { ViewCartButtonProps } from "./components/view-cart-button";
94
-
95
- export { default as useBodyScrollLock } from "./hooks/use-body-scroll-lock";
96
- export { useCarouselSwipe } from "./hooks/use-carousel-swipe";
97
- export type {
98
- CarouselSwipeConfig,
99
- CarouselSwipeReturn,
100
- } from "./hooks/use-carousel-swipe";
101
-
102
- // Utils
103
- export { cx, clsx } from "./utils";
104
- export type { ClassValue } from "./utils";
105
-
106
- // Re-export types
107
- export type { ButtonHTMLAttributes, CSSProperties, ReactNode } from "react";
1
+ // Import global styles
2
+ import "./styles/globals.css";
3
+
4
+ // Core Components
5
+ export { Button } from "./components/button";
6
+ export type { ButtonProps } from "./components/button";
7
+
8
+ export { Input, InputField, Input as TextInput } from "./components/input";
9
+ export type { InputProps, InputFieldProps } from "./components/input";
10
+
11
+ export { Image } from "./components/image";
12
+ export type { ImageProps, ImageComponentProps } from "./components/image";
13
+
14
+ export { NextImage } from "./components/next-image";
15
+ export type { NextImageComponentProps } from "./components/next-image";
16
+
17
+ export { Link } from "./components/link";
18
+ export type { LinkProps } from "./components/link";
19
+
20
+ export { List, ListItem } from "./components/list";
21
+ export type { ListProps, ListItemProps } from "./components/list";
22
+
23
+ export { MaterialIcon } from "./components/material-icon";
24
+ export type { IconProps, IconName } from "./components/material-icon";
25
+
26
+ export { Spinner } from "./components/spinner";
27
+ export type { SpinnerProps } from "./components/spinner";
28
+
29
+ export { Text } from "./components/text";
30
+ export type { TextProps, TextVariant } from "./components/text";
31
+
32
+ export { CallButton } from "./components/call-button";
33
+ export type { CallButtonProps } from "./components/call-button";
34
+
35
+ export { Modal } from "./components/modal";
36
+ export type { ModalProps, Size, Shape, Animation } from "./components/modal";
37
+
38
+ export { Accordion } from "./components/accordion";
39
+ export type { AccordionProps } from "./components/accordion";
40
+
41
+ export { Checkbox } from "./components/checkbox";
42
+ export type { CheckboxProps } from "./components/checkbox";
43
+
44
+ export { Select } from "./components/select";
45
+ export type {
46
+ SelectProps,
47
+ SelectOption,
48
+ FilterOptions,
49
+ } from "./components/select";
50
+
51
+ export { AlertCard } from "./components/alert-card";
52
+ export type { AlertCardProps } from "./components/alert-card";
53
+
54
+ export { BrandButton } from "./components/brand-button";
55
+ export type {
56
+ ButtonProps as BrandButtonProps,
57
+ ButtonVariantsT,
58
+ ButtonSizeT,
59
+ ResponsiveSize,
60
+ } from "./components/brand-button";
61
+
62
+ export { Checklist } from "./components/checklist";
63
+ export type { ChecklistProps } from "./components/checklist";
64
+
65
+ export { Collapse } from "./components/collapse";
66
+ export type { CollapsibleProps } from "./components/collapse";
67
+
68
+ export { Divider } from "./components/divider";
69
+ export type { DividerProps } from "./components/divider";
70
+
71
+ export { RadioButton } from "./components/radio-button";
72
+ export type { RadioButtonProps } from "./components/radio-button";
73
+
74
+ export { SeeMore } from "./components/see-more";
75
+ export type { SeeMoreProps } from "./components/see-more";
76
+
77
+ export { SelectPlanButton } from "./components/select-plan-button";
78
+ export type { SelectPlanButtonProps } from "./components/select-plan-button";
79
+
80
+ export { Skeleton, PageSkeleton } from "./components/skeleton";
81
+ export type { SkeletonProps } from "./components/skeleton";
82
+
83
+ export { Tooltip } from "./components/tooltip";
84
+ export type { ToolTipProps } from "./components/tooltip";
85
+
86
+ export { AnimationWrapper } from "./components/animation-wrapper";
87
+ export type {
88
+ AnimationWrapperProps,
89
+ AnimationType,
90
+ } from "./components/animation-wrapper";
91
+
92
+ export { ViewCartButton } from "./components/view-cart-button";
93
+ export type { ViewCartButtonProps } from "./components/view-cart-button";
94
+
95
+ export { default as useBodyScrollLock } from "./hooks/use-body-scroll-lock";
96
+ export { useCarouselSwipe } from "./hooks/use-carousel-swipe";
97
+ export type {
98
+ CarouselSwipeConfig,
99
+ CarouselSwipeReturn,
100
+ } from "./hooks/use-carousel-swipe";
101
+
102
+ // Utils
103
+ export { cx, clsx } from "./utils";
104
+ export type { ClassValue } from "./utils";
105
+
106
+ // Re-export types
107
+ export type { ButtonHTMLAttributes, CSSProperties, ReactNode } from "react";
package/src/next/index.ts CHANGED
@@ -1,5 +1,5 @@
1
- "use client";
2
-
3
- // Next.js specific components
4
- export { NextImage } from "../components/next-image";
5
- export type { NextImageComponentProps } from "../components/next-image";
1
+ "use client";
2
+
3
+ // Next.js specific components
4
+ export { NextImage } from "../components/next-image";
5
+ export type { NextImageComponentProps } from "../components/next-image";
package/src/setupTests.ts CHANGED
@@ -1,46 +1,46 @@
1
- import "@testing-library/jest-dom";
2
-
3
- // Mock window.matchMedia
4
- Object.defineProperty(window, "matchMedia", {
5
- writable: true,
6
- value: (query: string) => ({
7
- matches: false,
8
- media: query,
9
- onchange: null,
10
- addListener: () => {}, // deprecated
11
- removeListener: () => {}, // deprecated
12
- addEventListener: () => {},
13
- removeEventListener: () => {},
14
- dispatchEvent: () => true,
15
- }),
16
- });
17
-
18
- // Mock ResizeObserver
19
- global.ResizeObserver = class ResizeObserver {
20
- observe = () => {};
21
- unobserve = () => {};
22
- disconnect = () => {};
23
- constructor(_callback: ResizeObserverCallback) {}
24
- } as unknown as typeof ResizeObserver;
25
-
26
- // Mock IntersectionObserver
27
- global.IntersectionObserver = class IntersectionObserver {
28
- observe = () => {};
29
- unobserve = () => {};
30
- disconnect = () => {};
31
- constructor(_callback: IntersectionObserverCallback) {}
32
- } as unknown as typeof IntersectionObserver;
33
-
34
- // Mock scrollTo
35
- Object.defineProperty(window, "scrollTo", {
36
- writable: true,
37
- value: () => {},
38
- });
39
-
40
- // Mock getComputedStyle
41
- Object.defineProperty(window, "getComputedStyle", {
42
- writable: true,
43
- value: () => ({
44
- getPropertyValue: () => "",
45
- }),
46
- });
1
+ import "@testing-library/jest-dom";
2
+
3
+ // Mock window.matchMedia
4
+ Object.defineProperty(window, "matchMedia", {
5
+ writable: true,
6
+ value: (query: string) => ({
7
+ matches: false,
8
+ media: query,
9
+ onchange: null,
10
+ addListener: () => {}, // deprecated
11
+ removeListener: () => {}, // deprecated
12
+ addEventListener: () => {},
13
+ removeEventListener: () => {},
14
+ dispatchEvent: () => true,
15
+ }),
16
+ });
17
+
18
+ // Mock ResizeObserver
19
+ global.ResizeObserver = class ResizeObserver {
20
+ observe = () => {};
21
+ unobserve = () => {};
22
+ disconnect = () => {};
23
+ constructor(_callback: ResizeObserverCallback) {}
24
+ } as unknown as typeof ResizeObserver;
25
+
26
+ // Mock IntersectionObserver
27
+ global.IntersectionObserver = class IntersectionObserver {
28
+ observe = () => {};
29
+ unobserve = () => {};
30
+ disconnect = () => {};
31
+ constructor(_callback: IntersectionObserverCallback) {}
32
+ } as unknown as typeof IntersectionObserver;
33
+
34
+ // Mock scrollTo
35
+ Object.defineProperty(window, "scrollTo", {
36
+ writable: true,
37
+ value: () => {},
38
+ });
39
+
40
+ // Mock getComputedStyle
41
+ Object.defineProperty(window, "getComputedStyle", {
42
+ writable: true,
43
+ value: () => ({
44
+ getPropertyValue: () => "",
45
+ }),
46
+ });
@@ -1,24 +1,24 @@
1
- import {
2
- ArgTypes,
3
- Controls,
4
- Description,
5
- Primary,
6
- Source,
7
- Stories,
8
- Subtitle,
9
- Title,
10
- } from "@storybook/blocks";
11
-
12
- // Shared docs layout used by all component stories
13
- export const DocsPage = () => (
14
- <>
15
- <Title />
16
- <Subtitle />
17
- <Description />
18
- <Primary />
19
- <Source />
20
- <Controls />
21
- <Stories includePrimary={false} title="Examples" />
22
- <ArgTypes />
23
- </>
24
- );
1
+ import {
2
+ ArgTypes,
3
+ Controls,
4
+ Description,
5
+ Primary,
6
+ Source,
7
+ Stories,
8
+ Subtitle,
9
+ Title,
10
+ } from "@storybook/blocks";
11
+
12
+ // Shared docs layout used by all component stories
13
+ export const DocsPage = () => (
14
+ <>
15
+ <Title />
16
+ <Subtitle />
17
+ <Description />
18
+ <Primary />
19
+ <Source />
20
+ <Controls />
21
+ <Stories includePrimary={false} title="Examples" />
22
+ <ArgTypes />
23
+ </>
24
+ );