@windstream/react-shared-components 0.1.30 → 0.1.31

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 (163) hide show
  1. package/README.md +635 -635
  2. package/dist/contentful/index.esm.js +1 -1
  3. package/dist/contentful/index.esm.js.map +1 -1
  4. package/dist/contentful/index.js +1 -1
  5. package/dist/contentful/index.js.map +1 -1
  6. package/dist/core.d.ts +2 -2
  7. package/dist/index.d.ts +5 -5
  8. package/dist/index.js.map +1 -1
  9. package/dist/styles.css +1 -1
  10. package/package.json +182 -182
  11. package/src/components/accordion/Accordion.stories.tsx +230 -230
  12. package/src/components/accordion/index.tsx +70 -70
  13. package/src/components/accordion/types.ts +12 -12
  14. package/src/components/alert-card/AlertCard.stories.tsx +171 -171
  15. package/src/components/alert-card/index.tsx +41 -41
  16. package/src/components/alert-card/types.ts +13 -13
  17. package/src/components/brand-button/BrandButton.stories.tsx +223 -223
  18. package/src/components/brand-button/helpers.ts +35 -35
  19. package/src/components/brand-button/index.tsx +115 -115
  20. package/src/components/brand-button/types.ts +37 -37
  21. package/src/components/button/Button.stories.tsx +108 -108
  22. package/src/components/button/index.tsx +27 -27
  23. package/src/components/button/types.ts +14 -14
  24. package/src/components/call-button/CallButton.stories.tsx +324 -324
  25. package/src/components/call-button/index.tsx +86 -86
  26. package/src/components/call-button/types.ts +11 -11
  27. package/src/components/checkbox/Checkbox.stories.tsx +247 -247
  28. package/src/components/checkbox/index.tsx +197 -197
  29. package/src/components/checkbox/types.ts +27 -27
  30. package/src/components/checklist/Checklist.stories.tsx +150 -150
  31. package/src/components/checklist/index.tsx +61 -61
  32. package/src/components/checklist/types.ts +17 -17
  33. package/src/components/collapse/Collapse.stories.tsx +255 -255
  34. package/src/components/collapse/index.tsx +46 -46
  35. package/src/components/collapse/types.ts +6 -6
  36. package/src/components/divider/Divider.stories.tsx +205 -205
  37. package/src/components/divider/index.tsx +22 -22
  38. package/src/components/divider/type.ts +3 -3
  39. package/src/components/image/Image.stories.tsx +113 -113
  40. package/src/components/image/index.tsx +25 -25
  41. package/src/components/image/types.ts +40 -40
  42. package/src/components/input/Input.stories.tsx +325 -325
  43. package/src/components/input/index.tsx +177 -177
  44. package/src/components/input/types.ts +37 -37
  45. package/src/components/link/Link.stories.tsx +163 -163
  46. package/src/components/link/types.ts +25 -25
  47. package/src/components/list/List.stories.tsx +272 -272
  48. package/src/components/list/index.tsx +88 -88
  49. package/src/components/list/list-item/index.tsx +38 -38
  50. package/src/components/list/list-item/types.ts +13 -13
  51. package/src/components/list/types.ts +29 -29
  52. package/src/components/material-icon/MaterialIcon.stories.tsx +322 -322
  53. package/src/components/material-icon/constants.ts +98 -98
  54. package/src/components/material-icon/index.tsx +47 -47
  55. package/src/components/material-icon/types.ts +31 -31
  56. package/src/components/modal/Modal.stories.tsx +171 -171
  57. package/src/components/modal/index.tsx +164 -164
  58. package/src/components/modal/types.ts +24 -24
  59. package/src/components/next-image/index.tsx +54 -54
  60. package/src/components/next-image/types.ts +1 -1
  61. package/src/components/pagination/index.tsx +100 -100
  62. package/src/components/pagination/types.ts +6 -6
  63. package/src/components/radio-button/RadioButton.stories.tsx +307 -307
  64. package/src/components/radio-button/index.tsx +75 -75
  65. package/src/components/radio-button/types.ts +21 -21
  66. package/src/components/see-more/SeeMore.stories.tsx +181 -181
  67. package/src/components/see-more/index.tsx +44 -44
  68. package/src/components/see-more/types.ts +4 -4
  69. package/src/components/select/Select.stories.tsx +411 -411
  70. package/src/components/select/index.tsx +155 -155
  71. package/src/components/select/types.ts +36 -36
  72. package/src/components/select-plan-button/SelectPlanButton.stories.tsx +184 -184
  73. package/src/components/select-plan-button/index.tsx +59 -59
  74. package/src/components/select-plan-button/types.ts +17 -17
  75. package/src/components/skeleton/Skeleton.stories.tsx +179 -179
  76. package/src/components/skeleton/index.tsx +61 -61
  77. package/src/components/skeleton/types.ts +4 -4
  78. package/src/components/spinner/Spinner.stories.tsx +335 -335
  79. package/src/components/spinner/index.tsx +44 -44
  80. package/src/components/spinner/types.ts +5 -5
  81. package/src/components/text/Text.stories.tsx +321 -321
  82. package/src/components/text/index.tsx +25 -25
  83. package/src/components/text/types.ts +45 -45
  84. package/src/components/tooltip/Tooltip.stories.tsx +219 -219
  85. package/src/components/tooltip/index.tsx +74 -74
  86. package/src/components/tooltip/types.ts +7 -7
  87. package/src/components/view-cart-button/ViewCartButton.stories.tsx +252 -252
  88. package/src/components/view-cart-button/index.tsx +42 -42
  89. package/src/components/view-cart-button/types.ts +5 -5
  90. package/src/contentful/blocks/accordion/index.tsx +62 -62
  91. package/src/contentful/blocks/address-input-banner/index.tsx +52 -52
  92. package/src/contentful/blocks/address-input-banner/types.ts +14 -14
  93. package/src/contentful/blocks/anchored-bottom-banner/index.tsx +65 -65
  94. package/src/contentful/blocks/anchored-bottom-banner/types.ts +9 -9
  95. package/src/contentful/blocks/blogs-grid/index.tsx +134 -134
  96. package/src/contentful/blocks/blogs-grid/types.ts +26 -26
  97. package/src/contentful/blocks/button/Button.stories.tsx +40 -40
  98. package/src/contentful/blocks/button/index.tsx +129 -129
  99. package/src/contentful/blocks/button/types.ts +39 -39
  100. package/src/contentful/blocks/callout/Callout.stories.tsx +23 -23
  101. package/src/contentful/blocks/callout/index.tsx +88 -88
  102. package/src/contentful/blocks/callout/types.ts +15 -15
  103. package/src/contentful/blocks/cards/Cards.stories.tsx +23 -23
  104. package/src/contentful/blocks/cards/blog-card/index.tsx +110 -110
  105. package/src/contentful/blocks/cards/blog-card/types.ts +18 -18
  106. package/src/contentful/blocks/cards/index.tsx +13 -13
  107. package/src/contentful/blocks/cards/product-card/index.tsx +252 -252
  108. package/src/contentful/blocks/cards/product-card/types.ts +28 -28
  109. package/src/contentful/blocks/cards/simple-card/index.tsx +89 -89
  110. package/src/contentful/blocks/cards/testimonial-card/index.tsx +90 -90
  111. package/src/contentful/blocks/cards/testimonial-card/types.tsx +12 -12
  112. package/src/contentful/blocks/cards/types.ts +1 -1
  113. package/src/contentful/blocks/carousel/Carousel.stories.tsx +23 -23
  114. package/src/contentful/blocks/carousel/helper.tsx +440 -440
  115. package/src/contentful/blocks/carousel/index.tsx +85 -85
  116. package/src/contentful/blocks/carousel/types.ts +144 -144
  117. package/src/contentful/blocks/cta-callout/CtaCallout.stories.tsx +46 -46
  118. package/src/contentful/blocks/cta-callout/index.tsx +60 -60
  119. package/src/contentful/blocks/cta-callout/types.ts +26 -26
  120. package/src/contentful/blocks/dynamic-tabs/index.tsx +204 -204
  121. package/src/contentful/blocks/dynamic-tabs/types.ts +21 -21
  122. package/src/contentful/blocks/find-kinetic/index.tsx +130 -130
  123. package/src/contentful/blocks/floating-banner/FloatingBanner.stories.tsx +34 -34
  124. package/src/contentful/blocks/floating-banner/index.tsx +97 -97
  125. package/src/contentful/blocks/floating-banner/types.ts +22 -22
  126. package/src/contentful/blocks/footer/Footer.stories.tsx +30 -30
  127. package/src/contentful/blocks/footer/index.tsx +90 -90
  128. package/src/contentful/blocks/image-promo-bar/ImagePromoBar.stories.tsx +23 -23
  129. package/src/contentful/blocks/image-promo-bar/helper.tsx +28 -28
  130. package/src/contentful/blocks/image-promo-bar/types.ts +44 -44
  131. package/src/contentful/blocks/image-promo-bar/vimeo-embed.tsx +93 -93
  132. package/src/contentful/blocks/image-promo-bar/youtube-embed.tsx +46 -46
  133. package/src/contentful/blocks/modal/constants.ts +53 -53
  134. package/src/contentful/blocks/modal/types.ts +12 -12
  135. package/src/contentful/blocks/navigation/desktop-link-groups.tsx/index.tsx +113 -113
  136. package/src/contentful/blocks/navigation/index.tsx +394 -394
  137. package/src/contentful/blocks/navigation/mobile-link-groups.tsx/index.tsx +82 -82
  138. package/src/contentful/blocks/navigation/types.ts +41 -41
  139. package/src/contentful/blocks/primary-hero/PrimaryHero.stories.tsx +23 -23
  140. package/src/contentful/blocks/primary-hero/index.tsx +234 -234
  141. package/src/contentful/blocks/primary-hero/types.ts +35 -35
  142. package/src/contentful/blocks/search-block/index.tsx +90 -90
  143. package/src/contentful/blocks/shape-background-wrapper/ShapeBackgroundWrapper.stories.tsx +26 -26
  144. package/src/contentful/blocks/shape-background-wrapper/index.tsx +124 -124
  145. package/src/contentful/blocks/shape-background-wrapper/types.ts +36 -36
  146. package/src/contentful/blocks/text/Text.stories.tsx +23 -23
  147. package/src/contentful/blocks/text/index.tsx +12 -12
  148. package/src/contentful/blocks/text/types.ts +1 -1
  149. package/src/contentful/index.ts +78 -78
  150. package/src/hooks/use-body-scroll-lock.ts +34 -34
  151. package/src/hooks/use-carousel-swipe.ts +264 -264
  152. package/src/hooks/use-outside-click.ts +17 -17
  153. package/src/index.ts +101 -101
  154. package/src/next/index.ts +5 -5
  155. package/src/setupTests.ts +46 -46
  156. package/src/stories/DocsTemplate.tsx +24 -24
  157. package/src/styles/globals.css +343 -343
  158. package/src/types/global.d.ts +9 -9
  159. package/src/types/micro-components.ts +99 -99
  160. package/src/types/utm.ts +49 -49
  161. package/src/utils/cookie.ts +58 -58
  162. package/src/utils/index.ts +65 -65
  163. 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;