@windstream/react-shared-components 0.1.31 → 0.1.32

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 (166) hide show
  1. package/README.md +635 -635
  2. package/dist/contentful/index.esm.js +2 -2
  3. package/dist/contentful/index.esm.js.map +1 -1
  4. package/dist/contentful/index.js +2 -2
  5. package/dist/contentful/index.js.map +1 -1
  6. package/dist/core.d.ts +2 -2
  7. package/dist/index.d.ts +4 -4
  8. package/dist/index.esm.js +1 -1
  9. package/dist/index.esm.js.map +1 -1
  10. package/dist/index.js +1 -1
  11. package/dist/index.js.map +1 -1
  12. package/dist/styles.css +1 -1
  13. package/package.json +182 -182
  14. package/src/components/accordion/Accordion.stories.tsx +230 -230
  15. package/src/components/accordion/index.tsx +70 -70
  16. package/src/components/accordion/types.ts +12 -12
  17. package/src/components/alert-card/AlertCard.stories.tsx +171 -171
  18. package/src/components/alert-card/index.tsx +41 -41
  19. package/src/components/alert-card/types.ts +13 -13
  20. package/src/components/brand-button/BrandButton.stories.tsx +223 -223
  21. package/src/components/brand-button/helpers.ts +35 -35
  22. package/src/components/brand-button/index.tsx +115 -115
  23. package/src/components/brand-button/types.ts +37 -37
  24. package/src/components/button/Button.stories.tsx +108 -108
  25. package/src/components/button/index.tsx +27 -27
  26. package/src/components/button/types.ts +14 -14
  27. package/src/components/call-button/CallButton.stories.tsx +324 -324
  28. package/src/components/call-button/index.tsx +86 -86
  29. package/src/components/call-button/types.ts +11 -11
  30. package/src/components/checkbox/Checkbox.stories.tsx +247 -247
  31. package/src/components/checkbox/index.tsx +197 -197
  32. package/src/components/checkbox/types.ts +27 -27
  33. package/src/components/checklist/Checklist.stories.tsx +150 -150
  34. package/src/components/checklist/index.tsx +61 -61
  35. package/src/components/checklist/types.ts +17 -17
  36. package/src/components/collapse/Collapse.stories.tsx +255 -255
  37. package/src/components/collapse/index.tsx +46 -46
  38. package/src/components/collapse/types.ts +6 -6
  39. package/src/components/divider/Divider.stories.tsx +205 -205
  40. package/src/components/divider/index.tsx +22 -22
  41. package/src/components/divider/type.ts +3 -3
  42. package/src/components/image/Image.stories.tsx +113 -113
  43. package/src/components/image/index.tsx +25 -25
  44. package/src/components/image/types.ts +40 -40
  45. package/src/components/input/Input.stories.tsx +325 -325
  46. package/src/components/input/index.tsx +177 -177
  47. package/src/components/input/types.ts +37 -37
  48. package/src/components/link/Link.stories.tsx +163 -163
  49. package/src/components/link/types.ts +25 -25
  50. package/src/components/list/List.stories.tsx +272 -272
  51. package/src/components/list/index.tsx +88 -88
  52. package/src/components/list/list-item/index.tsx +38 -38
  53. package/src/components/list/list-item/types.ts +13 -13
  54. package/src/components/list/types.ts +29 -29
  55. package/src/components/material-icon/MaterialIcon.stories.tsx +322 -322
  56. package/src/components/material-icon/constants.ts +98 -98
  57. package/src/components/material-icon/index.tsx +47 -47
  58. package/src/components/material-icon/types.ts +31 -31
  59. package/src/components/modal/Modal.stories.tsx +171 -171
  60. package/src/components/modal/index.tsx +164 -164
  61. package/src/components/modal/types.ts +24 -24
  62. package/src/components/next-image/index.tsx +54 -54
  63. package/src/components/next-image/types.ts +1 -1
  64. package/src/components/pagination/index.tsx +100 -100
  65. package/src/components/pagination/types.ts +6 -6
  66. package/src/components/radio-button/RadioButton.stories.tsx +307 -307
  67. package/src/components/radio-button/index.tsx +75 -75
  68. package/src/components/radio-button/types.ts +21 -21
  69. package/src/components/see-more/SeeMore.stories.tsx +181 -181
  70. package/src/components/see-more/index.tsx +44 -44
  71. package/src/components/see-more/types.ts +4 -4
  72. package/src/components/select/Select.stories.tsx +411 -411
  73. package/src/components/select/index.tsx +155 -155
  74. package/src/components/select/types.ts +36 -36
  75. package/src/components/select-plan-button/SelectPlanButton.stories.tsx +184 -184
  76. package/src/components/select-plan-button/index.tsx +59 -59
  77. package/src/components/select-plan-button/types.ts +17 -17
  78. package/src/components/skeleton/Skeleton.stories.tsx +179 -179
  79. package/src/components/skeleton/index.tsx +61 -61
  80. package/src/components/skeleton/types.ts +4 -4
  81. package/src/components/spinner/Spinner.stories.tsx +335 -335
  82. package/src/components/spinner/index.tsx +44 -44
  83. package/src/components/spinner/types.ts +5 -5
  84. package/src/components/text/Text.stories.tsx +321 -321
  85. package/src/components/text/index.tsx +25 -25
  86. package/src/components/text/types.ts +45 -45
  87. package/src/components/tooltip/Tooltip.stories.tsx +219 -219
  88. package/src/components/tooltip/index.tsx +74 -74
  89. package/src/components/tooltip/types.ts +7 -7
  90. package/src/components/view-cart-button/ViewCartButton.stories.tsx +252 -252
  91. package/src/components/view-cart-button/index.tsx +42 -42
  92. package/src/components/view-cart-button/types.ts +5 -5
  93. package/src/contentful/blocks/accordion/index.tsx +62 -62
  94. package/src/contentful/blocks/address-input-banner/index.tsx +52 -52
  95. package/src/contentful/blocks/address-input-banner/types.ts +14 -14
  96. package/src/contentful/blocks/anchored-bottom-banner/index.tsx +65 -65
  97. package/src/contentful/blocks/anchored-bottom-banner/types.ts +9 -9
  98. package/src/contentful/blocks/blogs-grid/index.tsx +134 -134
  99. package/src/contentful/blocks/blogs-grid/types.ts +26 -26
  100. package/src/contentful/blocks/button/Button.stories.tsx +40 -40
  101. package/src/contentful/blocks/button/index.tsx +129 -129
  102. package/src/contentful/blocks/button/types.ts +39 -39
  103. package/src/contentful/blocks/callout/Callout.stories.tsx +23 -23
  104. package/src/contentful/blocks/callout/index.tsx +88 -88
  105. package/src/contentful/blocks/callout/types.ts +15 -15
  106. package/src/contentful/blocks/cards/Cards.stories.tsx +23 -23
  107. package/src/contentful/blocks/cards/blog-card/index.tsx +110 -110
  108. package/src/contentful/blocks/cards/blog-card/types.ts +18 -18
  109. package/src/contentful/blocks/cards/index.tsx +13 -13
  110. package/src/contentful/blocks/cards/product-card/index.tsx +252 -252
  111. package/src/contentful/blocks/cards/product-card/types.ts +28 -28
  112. package/src/contentful/blocks/cards/simple-card/index.tsx +89 -89
  113. package/src/contentful/blocks/cards/testimonial-card/index.tsx +90 -90
  114. package/src/contentful/blocks/cards/testimonial-card/types.tsx +12 -12
  115. package/src/contentful/blocks/cards/types.ts +1 -1
  116. package/src/contentful/blocks/carousel/Carousel.stories.tsx +23 -23
  117. package/src/contentful/blocks/carousel/helper.tsx +440 -440
  118. package/src/contentful/blocks/carousel/index.tsx +85 -85
  119. package/src/contentful/blocks/carousel/types.ts +144 -144
  120. package/src/contentful/blocks/cta-callout/CtaCallout.stories.tsx +46 -46
  121. package/src/contentful/blocks/cta-callout/index.tsx +60 -60
  122. package/src/contentful/blocks/cta-callout/types.ts +26 -26
  123. package/src/contentful/blocks/dynamic-tabs/index.tsx +204 -204
  124. package/src/contentful/blocks/dynamic-tabs/types.ts +21 -21
  125. package/src/contentful/blocks/find-kinetic/index.tsx +130 -130
  126. package/src/contentful/blocks/floating-banner/FloatingBanner.stories.tsx +34 -34
  127. package/src/contentful/blocks/floating-banner/index.tsx +97 -97
  128. package/src/contentful/blocks/floating-banner/types.ts +22 -22
  129. package/src/contentful/blocks/footer/Footer.stories.tsx +30 -30
  130. package/src/contentful/blocks/footer/index.tsx +90 -90
  131. package/src/contentful/blocks/image-promo-bar/ImagePromoBar.stories.tsx +23 -23
  132. package/src/contentful/blocks/image-promo-bar/helper.tsx +28 -28
  133. package/src/contentful/blocks/image-promo-bar/types.ts +44 -44
  134. package/src/contentful/blocks/image-promo-bar/vimeo-embed.tsx +93 -93
  135. package/src/contentful/blocks/image-promo-bar/youtube-embed.tsx +46 -46
  136. package/src/contentful/blocks/modal/constants.ts +53 -53
  137. package/src/contentful/blocks/modal/types.ts +12 -12
  138. package/src/contentful/blocks/navigation/desktop-link-groups.tsx/index.tsx +113 -113
  139. package/src/contentful/blocks/navigation/index.tsx +394 -394
  140. package/src/contentful/blocks/navigation/mobile-link-groups.tsx/index.tsx +82 -82
  141. package/src/contentful/blocks/navigation/types.ts +41 -41
  142. package/src/contentful/blocks/primary-hero/PrimaryHero.stories.tsx +23 -23
  143. package/src/contentful/blocks/primary-hero/index.tsx +234 -234
  144. package/src/contentful/blocks/primary-hero/types.ts +35 -35
  145. package/src/contentful/blocks/search-block/index.tsx +90 -90
  146. package/src/contentful/blocks/shape-background-wrapper/ShapeBackgroundWrapper.stories.tsx +26 -26
  147. package/src/contentful/blocks/shape-background-wrapper/index.tsx +124 -124
  148. package/src/contentful/blocks/shape-background-wrapper/types.ts +36 -36
  149. package/src/contentful/blocks/text/Text.stories.tsx +23 -23
  150. package/src/contentful/blocks/text/index.tsx +12 -12
  151. package/src/contentful/blocks/text/types.ts +1 -1
  152. package/src/contentful/index.ts +78 -78
  153. package/src/hooks/use-body-scroll-lock.ts +34 -34
  154. package/src/hooks/use-carousel-swipe.ts +264 -264
  155. package/src/hooks/use-outside-click.ts +17 -17
  156. package/src/index.ts +101 -101
  157. package/src/next/index.ts +5 -5
  158. package/src/setupTests.ts +46 -46
  159. package/src/stories/DocsTemplate.tsx +24 -24
  160. package/src/styles/globals.css +343 -343
  161. package/src/types/global.d.ts +9 -9
  162. package/src/types/micro-components.ts +99 -99
  163. package/src/types/utm.ts +49 -49
  164. package/src/utils/cookie.ts +58 -58
  165. package/src/utils/index.ts +65 -65
  166. package/src/utils/utm.ts +221 -221
@@ -1,78 +1,78 @@
1
- // Contentful Blocks
2
- export { Accordion } from "./blocks/accordion";
3
- export type { AccordionProps } from "./blocks/accordion/types";
4
-
5
- export { Callout } from "./blocks/callout";
6
- export type { CalloutProps } from "./blocks/callout/types";
7
-
8
- export { Cards } from "./blocks/cards";
9
- export type { CardsProps } from "./blocks/cards/types";
10
-
11
- export { SimpleCard } from "./blocks/cards/simple-card";
12
- export type { SimpleCardProps } from "./blocks/cards/simple-card/types";
13
-
14
- export { Carousel } from "./blocks/carousel";
15
- export type { CarouselProps } from "./blocks/carousel/types";
16
-
17
- export { FloatingBanner } from "./blocks/floating-banner";
18
- export type { FloatingBannerProps } from "./blocks/floating-banner/types";
19
-
20
- export { Footer } from "./blocks/footer";
21
- export type { FooterProps } from "./blocks/footer/types";
22
-
23
- export { ImagePromoBar } from "./blocks/image-promo-bar";
24
- export type { ImagePromoBarProps } from "./blocks/image-promo-bar/types";
25
-
26
- export { Navigation } from "./blocks/navigation";
27
- export type { NavigationProps } from "./blocks/navigation/types";
28
-
29
- export { PrimaryHero } from "./blocks/primary-hero";
30
- export type { PrimaryHeroProps } from "./blocks/primary-hero/types";
31
-
32
- export { Text } from "./blocks/text";
33
- export type { TextProps } from "./blocks/text/types";
34
-
35
- export { Button } from "./blocks/button";
36
- export type { ButtonProps } from "./blocks/button/types";
37
-
38
- export { Modal } from "./blocks/modal";
39
- export type { ModalProps } from "./blocks/modal/types";
40
-
41
- export { ShapeBackgroundWrapper } from "./blocks/shape-background-wrapper";
42
- export type { ShapeBackgroundWrapperProps } from "./blocks/shape-background-wrapper/types";
43
-
44
- export { CtaCallout } from "./blocks/cta-callout";
45
- export type { CtaCalloutProps } from "./blocks/cta-callout/types";
46
-
47
- export { FindKinetic } from "./blocks/find-kinetic";
48
- export type { FindKineticProps } from "./blocks/find-kinetic/types";
49
-
50
- export { ComparisonTable } from "./blocks/comparison-table";
51
- export type { ComparisonTableProps } from "./blocks/comparison-table/types";
52
-
53
- export { TestimonialCard } from "./blocks/cards/testimonial-card";
54
- export type { TestimonialCardProps } from "./blocks/cards/testimonial-card/types";
55
-
56
- export { ProductCard } from "./blocks/cards/product-card";
57
- export type { ProductCardProps } from "./blocks/cards/product-card/types";
58
-
59
- export { BlogCard } from "./blocks/cards/blog-card";
60
- export type { BlogCardProps } from "./blocks/cards/blog-card/types";
61
-
62
- export { BlogGrid } from "./blocks/blogs-grid";
63
- export type { BlogGridProps } from "./blocks/blogs-grid/types";
64
-
65
- export { BreadcrumbNavigation } from "./blocks/breadcrumbs";
66
- export type { BreadcrumbNavigationProps } from "./blocks/breadcrumbs/types";
67
-
68
- export { SearchBlock } from "./blocks/search-block";
69
- export type { SearchBlockProps } from "./blocks/search-block/types";
70
-
71
- export { AddressInputBanner } from "./blocks/address-input-banner";
72
- export type { AddressInputBannerProps } from "./blocks/address-input-banner/types";
73
-
74
- export { DynamicTabs } from "./blocks/dynamic-tabs";
75
- export type { DynamicTabsT } from "./blocks/dynamic-tabs/types";
76
-
77
- export { AnchoredBottomBanner } from "./blocks/anchored-bottom-banner";
78
- export type { AnchoredBottomBannerProps } from "./blocks/anchored-bottom-banner/types";
1
+ // Contentful Blocks
2
+ export { Accordion } from "./blocks/accordion";
3
+ export type { AccordionProps } from "./blocks/accordion/types";
4
+
5
+ export { Callout } from "./blocks/callout";
6
+ export type { CalloutProps } from "./blocks/callout/types";
7
+
8
+ export { Cards } from "./blocks/cards";
9
+ export type { CardsProps } from "./blocks/cards/types";
10
+
11
+ export { SimpleCard } from "./blocks/cards/simple-card";
12
+ export type { SimpleCardProps } from "./blocks/cards/simple-card/types";
13
+
14
+ export { Carousel } from "./blocks/carousel";
15
+ export type { CarouselProps } from "./blocks/carousel/types";
16
+
17
+ export { FloatingBanner } from "./blocks/floating-banner";
18
+ export type { FloatingBannerProps } from "./blocks/floating-banner/types";
19
+
20
+ export { Footer } from "./blocks/footer";
21
+ export type { FooterProps } from "./blocks/footer/types";
22
+
23
+ export { ImagePromoBar } from "./blocks/image-promo-bar";
24
+ export type { ImagePromoBarProps } from "./blocks/image-promo-bar/types";
25
+
26
+ export { Navigation } from "./blocks/navigation";
27
+ export type { NavigationProps } from "./blocks/navigation/types";
28
+
29
+ export { PrimaryHero } from "./blocks/primary-hero";
30
+ export type { PrimaryHeroProps } from "./blocks/primary-hero/types";
31
+
32
+ export { Text } from "./blocks/text";
33
+ export type { TextProps } from "./blocks/text/types";
34
+
35
+ export { Button } from "./blocks/button";
36
+ export type { ButtonProps } from "./blocks/button/types";
37
+
38
+ export { Modal } from "./blocks/modal";
39
+ export type { ModalProps } from "./blocks/modal/types";
40
+
41
+ export { ShapeBackgroundWrapper } from "./blocks/shape-background-wrapper";
42
+ export type { ShapeBackgroundWrapperProps } from "./blocks/shape-background-wrapper/types";
43
+
44
+ export { CtaCallout } from "./blocks/cta-callout";
45
+ export type { CtaCalloutProps } from "./blocks/cta-callout/types";
46
+
47
+ export { FindKinetic } from "./blocks/find-kinetic";
48
+ export type { FindKineticProps } from "./blocks/find-kinetic/types";
49
+
50
+ export { ComparisonTable } from "./blocks/comparison-table";
51
+ export type { ComparisonTableProps } from "./blocks/comparison-table/types";
52
+
53
+ export { TestimonialCard } from "./blocks/cards/testimonial-card";
54
+ export type { TestimonialCardProps } from "./blocks/cards/testimonial-card/types";
55
+
56
+ export { ProductCard } from "./blocks/cards/product-card";
57
+ export type { ProductCardProps } from "./blocks/cards/product-card/types";
58
+
59
+ export { BlogCard } from "./blocks/cards/blog-card";
60
+ export type { BlogCardProps } from "./blocks/cards/blog-card/types";
61
+
62
+ export { BlogGrid } from "./blocks/blogs-grid";
63
+ export type { BlogGridProps } from "./blocks/blogs-grid/types";
64
+
65
+ export { BreadcrumbNavigation } from "./blocks/breadcrumbs";
66
+ export type { BreadcrumbNavigationProps } from "./blocks/breadcrumbs/types";
67
+
68
+ export { SearchBlock } from "./blocks/search-block";
69
+ export type { SearchBlockProps } from "./blocks/search-block/types";
70
+
71
+ export { AddressInputBanner } from "./blocks/address-input-banner";
72
+ export type { AddressInputBannerProps } from "./blocks/address-input-banner/types";
73
+
74
+ export { DynamicTabs } from "./blocks/dynamic-tabs";
75
+ export type { DynamicTabsT } from "./blocks/dynamic-tabs/types";
76
+
77
+ export { AnchoredBottomBanner } from "./blocks/anchored-bottom-banner";
78
+ export type { AnchoredBottomBannerProps } from "./blocks/anchored-bottom-banner/types";
@@ -1,34 +1,34 @@
1
- "use client";
2
-
3
- import { useEffect } from "react";
4
-
5
- /**
6
- * A custom hook that locks the body scroll based on the `isOpen` and `hideScrollOnIsOpenFalse` flags.
7
- *
8
- * @param {boolean} isOpen - Determines if the scroll should be locked (hidden).
9
- * @param {boolean} hideScrollOnIsOpenFalse - Determines if the scroll should be reset when `isOpen` is false.
10
- */
11
- function useBodyScrollLock(isOpen: boolean, hideScrollOnIsOpenFalse: boolean) {
12
- useEffect(() => {
13
- if (typeof document === "undefined") return;
14
-
15
- // To avoid content shifting when the scrollbar appears/disappears
16
- const scrollbarWidth =
17
- window.innerWidth - document.documentElement.clientWidth;
18
- document.body.style.marginRight = isOpen ? `${scrollbarWidth}px` : "unset";
19
-
20
- // Set the body overflow style based on the `isOpen` and `hideScrollOnIsOpenFalse` values.
21
- document.body.style.overflow = isOpen
22
- ? "hidden"
23
- : hideScrollOnIsOpenFalse
24
- ? "unset"
25
- : document.body.style.overflow;
26
-
27
- // Cleanup function to reset body overflow when the component unmounts or dependencies change.
28
- return () => {
29
- document.body.style.overflow = "unset";
30
- };
31
- }, [isOpen, hideScrollOnIsOpenFalse]);
32
- }
33
-
34
- export default useBodyScrollLock;
1
+ "use client";
2
+
3
+ import { useEffect } from "react";
4
+
5
+ /**
6
+ * A custom hook that locks the body scroll based on the `isOpen` and `hideScrollOnIsOpenFalse` flags.
7
+ *
8
+ * @param {boolean} isOpen - Determines if the scroll should be locked (hidden).
9
+ * @param {boolean} hideScrollOnIsOpenFalse - Determines if the scroll should be reset when `isOpen` is false.
10
+ */
11
+ function useBodyScrollLock(isOpen: boolean, hideScrollOnIsOpenFalse: boolean) {
12
+ useEffect(() => {
13
+ if (typeof document === "undefined") return;
14
+
15
+ // To avoid content shifting when the scrollbar appears/disappears
16
+ const scrollbarWidth =
17
+ window.innerWidth - document.documentElement.clientWidth;
18
+ document.body.style.marginRight = isOpen ? `${scrollbarWidth}px` : "unset";
19
+
20
+ // Set the body overflow style based on the `isOpen` and `hideScrollOnIsOpenFalse` values.
21
+ document.body.style.overflow = isOpen
22
+ ? "hidden"
23
+ : hideScrollOnIsOpenFalse
24
+ ? "unset"
25
+ : document.body.style.overflow;
26
+
27
+ // Cleanup function to reset body overflow when the component unmounts or dependencies change.
28
+ return () => {
29
+ document.body.style.overflow = "unset";
30
+ };
31
+ }, [isOpen, hideScrollOnIsOpenFalse]);
32
+ }
33
+
34
+ export default useBodyScrollLock;