@windstream/react-shared-components 0.1.43 → 0.1.45

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 (197) hide show
  1. package/README.md +635 -635
  2. package/dist/contentful/index.d.ts +40 -9
  3. package/dist/contentful/index.esm.js +4 -2
  4. package/dist/contentful/index.esm.js.map +1 -1
  5. package/dist/contentful/index.js +4 -2
  6. package/dist/contentful/index.js.map +1 -1
  7. package/dist/index.d.ts +4 -4
  8. package/dist/index.esm.js +7 -5
  9. package/dist/index.esm.js.map +1 -1
  10. package/dist/index.js +7 -5
  11. package/dist/index.js.map +1 -1
  12. package/dist/next/index.esm.js +3 -1
  13. package/dist/next/index.esm.js.map +1 -1
  14. package/dist/next/index.js +3 -1
  15. package/dist/next/index.js.map +1 -1
  16. package/dist/styles.css +1 -1
  17. package/dist/utils/index.d.ts +3 -2
  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/brand-button/BrandButton.stories.tsx +223 -223
  30. package/src/components/brand-button/helpers.ts +35 -35
  31. package/src/components/brand-button/index.tsx +120 -120
  32. package/src/components/brand-button/types.ts +38 -38
  33. package/src/components/button/Button.stories.tsx +108 -108
  34. package/src/components/button/index.tsx +27 -27
  35. package/src/components/button/types.ts +14 -14
  36. package/src/components/call-button/CallButton.stories.tsx +324 -324
  37. package/src/components/call-button/index.tsx +86 -86
  38. package/src/components/call-button/types.ts +11 -11
  39. package/src/components/checkbox/Checkbox.stories.tsx +247 -247
  40. package/src/components/checkbox/index.tsx +197 -197
  41. package/src/components/checkbox/types.ts +27 -27
  42. package/src/components/checklist/Checklist.stories.tsx +150 -150
  43. package/src/components/checklist/index.tsx +61 -61
  44. package/src/components/checklist/types.ts +17 -17
  45. package/src/components/collapse/Collapse.stories.tsx +255 -255
  46. package/src/components/collapse/index.tsx +46 -46
  47. package/src/components/collapse/types.ts +6 -6
  48. package/src/components/divider/Divider.stories.tsx +205 -205
  49. package/src/components/divider/index.tsx +22 -22
  50. package/src/components/divider/type.ts +3 -3
  51. package/src/components/image/Image.stories.tsx +113 -113
  52. package/src/components/image/index.tsx +25 -25
  53. package/src/components/image/types.ts +40 -40
  54. package/src/components/input/Input.stories.tsx +325 -325
  55. package/src/components/input/index.tsx +177 -177
  56. package/src/components/input/types.ts +37 -37
  57. package/src/components/link/Link.stories.tsx +163 -163
  58. package/src/components/link/index.tsx +109 -109
  59. package/src/components/link/types.ts +25 -25
  60. package/src/components/list/List.stories.tsx +272 -272
  61. package/src/components/list/index.tsx +88 -88
  62. package/src/components/list/list-item/index.tsx +38 -38
  63. package/src/components/list/list-item/types.ts +13 -13
  64. package/src/components/list/types.ts +29 -29
  65. package/src/components/material-icon/MaterialIcon.stories.tsx +322 -322
  66. package/src/components/material-icon/constants.ts +98 -98
  67. package/src/components/material-icon/index.tsx +47 -47
  68. package/src/components/material-icon/types.ts +31 -31
  69. package/src/components/modal/Modal.stories.tsx +171 -171
  70. package/src/components/modal/index.tsx +164 -164
  71. package/src/components/modal/types.ts +24 -24
  72. package/src/components/next-image/index.tsx +54 -54
  73. package/src/components/next-image/types.ts +1 -1
  74. package/src/components/pagination/index.tsx +100 -100
  75. package/src/components/pagination/types.ts +6 -6
  76. package/src/components/radio-button/RadioButton.stories.tsx +307 -307
  77. package/src/components/radio-button/index.tsx +75 -75
  78. package/src/components/radio-button/types.ts +21 -21
  79. package/src/components/see-more/SeeMore.stories.tsx +181 -181
  80. package/src/components/see-more/index.tsx +44 -44
  81. package/src/components/see-more/types.ts +4 -4
  82. package/src/components/select/Select.stories.tsx +411 -411
  83. package/src/components/select/index.tsx +155 -155
  84. package/src/components/select/types.ts +36 -36
  85. package/src/components/select-plan-button/SelectPlanButton.stories.tsx +184 -184
  86. package/src/components/select-plan-button/index.tsx +63 -63
  87. package/src/components/select-plan-button/types.ts +17 -17
  88. package/src/components/skeleton/Skeleton.stories.tsx +179 -179
  89. package/src/components/skeleton/index.tsx +61 -61
  90. package/src/components/skeleton/types.ts +4 -4
  91. package/src/components/spinner/Spinner.stories.tsx +335 -335
  92. package/src/components/spinner/index.tsx +44 -44
  93. package/src/components/spinner/types.ts +5 -5
  94. package/src/components/text/Text.stories.tsx +321 -321
  95. package/src/components/text/index.tsx +25 -25
  96. package/src/components/text/types.ts +45 -45
  97. package/src/components/tooltip/Tooltip.stories.tsx +219 -219
  98. package/src/components/tooltip/index.tsx +74 -74
  99. package/src/components/tooltip/types.ts +7 -7
  100. package/src/components/view-cart-button/ViewCartButton.stories.tsx +252 -252
  101. package/src/components/view-cart-button/index.tsx +42 -42
  102. package/src/components/view-cart-button/types.ts +5 -5
  103. package/src/contentful/blocks/accordion/Accordion.stories.tsx +34 -29
  104. package/src/contentful/blocks/accordion/index.tsx +112 -62
  105. package/src/contentful/blocks/accordion/types.ts +34 -17
  106. package/src/contentful/blocks/address-input-banner/index.tsx +52 -52
  107. package/src/contentful/blocks/address-input-banner/types.ts +14 -14
  108. package/src/contentful/blocks/anchored-bottom-banner/index.tsx +70 -70
  109. package/src/contentful/blocks/anchored-bottom-banner/types.ts +10 -10
  110. package/src/contentful/blocks/blogs-grid/index.tsx +134 -134
  111. package/src/contentful/blocks/blogs-grid/types.ts +26 -26
  112. package/src/contentful/blocks/breadcrumbs/index.tsx +51 -51
  113. package/src/contentful/blocks/breadcrumbs/types.ts +5 -5
  114. package/src/contentful/blocks/button/Button.stories.tsx +40 -40
  115. package/src/contentful/blocks/button/index.tsx +130 -130
  116. package/src/contentful/blocks/button/types.ts +39 -39
  117. package/src/contentful/blocks/callout/Callout.stories.tsx +23 -23
  118. package/src/contentful/blocks/callout/index.tsx +88 -88
  119. package/src/contentful/blocks/callout/types.ts +15 -15
  120. package/src/contentful/blocks/cards/Cards.stories.tsx +23 -23
  121. package/src/contentful/blocks/cards/blog-card/index.tsx +110 -110
  122. package/src/contentful/blocks/cards/blog-card/types.ts +18 -18
  123. package/src/contentful/blocks/cards/index.tsx +13 -13
  124. package/src/contentful/blocks/cards/product-card/index.tsx +251 -251
  125. package/src/contentful/blocks/cards/product-card/types.ts +28 -28
  126. package/src/contentful/blocks/cards/simple-card/index.tsx +89 -89
  127. package/src/contentful/blocks/cards/simple-card/types.ts +28 -28
  128. package/src/contentful/blocks/cards/testimonial-card/index.tsx +90 -90
  129. package/src/contentful/blocks/cards/testimonial-card/types.tsx +12 -12
  130. package/src/contentful/blocks/cards/types.ts +1 -1
  131. package/src/contentful/blocks/carousel/Carousel.stories.tsx +23 -23
  132. package/src/contentful/blocks/carousel/helper.tsx +440 -440
  133. package/src/contentful/blocks/carousel/index.tsx +85 -85
  134. package/src/contentful/blocks/carousel/types.ts +144 -144
  135. package/src/contentful/blocks/comparison-table/index.tsx +27 -27
  136. package/src/contentful/blocks/comparison-table/types.ts +6 -6
  137. package/src/contentful/blocks/cookiebanner/index.tsx +146 -146
  138. package/src/contentful/blocks/cookiebanner/type.ts +7 -7
  139. package/src/contentful/blocks/cta-callout/CtaCallout.stories.tsx +46 -46
  140. package/src/contentful/blocks/cta-callout/index.tsx +71 -69
  141. package/src/contentful/blocks/cta-callout/types.ts +26 -26
  142. package/src/contentful/blocks/dynamic-tabs/index.tsx +204 -204
  143. package/src/contentful/blocks/dynamic-tabs/types.ts +21 -21
  144. package/src/contentful/blocks/email-input-block/index.tsx +117 -0
  145. package/src/contentful/blocks/email-input-block/types.ts +16 -0
  146. package/src/contentful/blocks/find-kinetic/FindKinetic.stories.tsx +23 -23
  147. package/src/contentful/blocks/find-kinetic/index.tsx +130 -130
  148. package/src/contentful/blocks/find-kinetic/types.ts +19 -19
  149. package/src/contentful/blocks/floating-banner/FloatingBanner.stories.tsx +34 -34
  150. package/src/contentful/blocks/floating-banner/index.tsx +97 -97
  151. package/src/contentful/blocks/floating-banner/types.ts +22 -22
  152. package/src/contentful/blocks/footer/Footer.stories.tsx +30 -30
  153. package/src/contentful/blocks/footer/index.tsx +91 -90
  154. package/src/contentful/blocks/footer/types.ts +13 -13
  155. package/src/contentful/blocks/image-promo-bar/ImagePromoBar.stories.tsx +23 -23
  156. package/src/contentful/blocks/image-promo-bar/helper.tsx +28 -28
  157. package/src/contentful/blocks/image-promo-bar/index.tsx +246 -246
  158. package/src/contentful/blocks/image-promo-bar/types.ts +44 -44
  159. package/src/contentful/blocks/image-promo-bar/vimeo-embed.tsx +93 -93
  160. package/src/contentful/blocks/image-promo-bar/youtube-embed.tsx +46 -46
  161. package/src/contentful/blocks/modal/constants.ts +53 -53
  162. package/src/contentful/blocks/modal/index.tsx +107 -107
  163. package/src/contentful/blocks/modal/types.ts +12 -12
  164. package/src/contentful/blocks/navigation/desktop-link-groups.tsx/index.tsx +113 -113
  165. package/src/contentful/blocks/navigation/index.tsx +394 -394
  166. package/src/contentful/blocks/navigation/mobile-link-groups.tsx/index.tsx +82 -82
  167. package/src/contentful/blocks/navigation/types.ts +41 -41
  168. package/src/contentful/blocks/primary-hero/PrimaryHero.stories.tsx +23 -23
  169. package/src/contentful/blocks/primary-hero/index.tsx +236 -236
  170. package/src/contentful/blocks/primary-hero/types.ts +37 -37
  171. package/src/contentful/blocks/search-block/index.tsx +90 -90
  172. package/src/contentful/blocks/search-block/types.ts +15 -15
  173. package/src/contentful/blocks/shape-background-wrapper/ShapeBackgroundWrapper.stories.tsx +26 -26
  174. package/src/contentful/blocks/shape-background-wrapper/index.tsx +124 -124
  175. package/src/contentful/blocks/shape-background-wrapper/types.ts +36 -36
  176. package/src/contentful/blocks/text/Text.stories.tsx +23 -23
  177. package/src/contentful/blocks/text/index.tsx +12 -12
  178. package/src/contentful/blocks/text/types.ts +1 -1
  179. package/src/contentful/index.ts +99 -96
  180. package/src/hooks/contentful/use-contentful-rich-text.tsx +310 -310
  181. package/src/hooks/contentful/use-processed-check-list.ts +63 -63
  182. package/src/hooks/use-body-scroll-lock.ts +34 -34
  183. package/src/hooks/use-carousel-swipe.ts +264 -264
  184. package/src/hooks/use-outside-click.ts +17 -17
  185. package/src/index.ts +101 -101
  186. package/src/next/index.ts +5 -5
  187. package/src/setupTests.ts +46 -46
  188. package/src/stories/DocsTemplate.tsx +24 -24
  189. package/src/styles/globals.css +343 -343
  190. package/src/types/global.d.ts +9 -9
  191. package/src/types/micro-components.ts +99 -99
  192. package/src/types/utm.ts +49 -49
  193. package/src/utils/contentful/to-document.ts +24 -24
  194. package/src/utils/cookie.ts +84 -84
  195. package/src/utils/cx.ts +49 -49
  196. package/src/utils/index.ts +38 -38
  197. package/src/utils/utm.ts +221 -221
@@ -8,16 +8,29 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
8
8
  import { Document } from '@contentful/rich-text-types';
9
9
  import { Options } from '@contentful/rich-text-react-renderer';
10
10
 
11
+ type AccordionItem = {
12
+ anchorId?: string;
13
+ title: string;
14
+ description: React__default.ReactNode;
15
+ };
11
16
  type AccordionProps = {
17
+ /** Section-level anchor ID applied to the outer <section> element */
18
+ anchorId?: string;
12
19
  title: string;
13
20
  enableHeading?: boolean;
14
- background?: "blue" | "green" | "navy" | "purple" | "white" | "yellow";
15
- items: {
16
- title: string;
17
- description: React__default.ReactNode;
18
- }[];
21
+ background?: ThemeKey$1;
22
+ items: AccordionItem[];
19
23
  maxWidth?: boolean;
24
+ /** Array of anchorIds that should be expanded on mount */
25
+ initialExpandedItems?: string[];
26
+ /** Enable URL hash auto-expand on mount */
27
+ hashAutoExpand?: boolean;
28
+ /** Max-width class for item descriptions (default: "max-w-[980px]") */
29
+ descriptionMaxWidth?: string;
30
+ /** Custom class for the accordion list wrapper */
31
+ itemContainerClassName?: string;
20
32
  };
33
+ type ThemeKey$1 = "blue" | "green" | "yellow" | "purple" | "white" | "navy" | "cream500";
21
34
 
22
35
  declare const Accordion: React__default.FC<AccordionProps>;
23
36
 
@@ -601,6 +614,24 @@ declare function CookieBanner({ content, }: {
601
614
  content: TypeComponentRichTextFields;
602
615
  }): react_jsx_runtime.JSX.Element | null;
603
616
 
617
+ interface EmailInputBlockProps {
618
+ anchorId?: string;
619
+ title?: string;
620
+ subTitle?: string;
621
+ emailInputDescription?: string;
622
+ inputPlaceholder?: string;
623
+ successFeedback?: string;
624
+ ctaText?: string;
625
+ caption?: string;
626
+ backgroundColor?: "green" | "white" | "yellow" | "blue" | "navy";
627
+ onSubmit: (values: EmailInputFormValues) => void;
628
+ }
629
+ interface EmailInputFormValues {
630
+ email: string;
631
+ }
632
+
633
+ declare const EmailInputBlock: React__default.FC<EmailInputBlockProps>;
634
+
604
635
  declare const toDocument: (v: unknown | null | undefined) => Document | null;
605
636
 
606
637
  /**
@@ -609,11 +640,11 @@ declare const toDocument: (v: unknown | null | undefined) => Document | null;
609
640
  */
610
641
  declare function renderContentfulRichText(doc: Document | null | undefined, target?: boolean, className?: string, linkClassName?: string, options?: Options): ReactNode | null;
611
642
  declare function useContentfulRichText(doc: Document | null | undefined, options?: Options): ReactNode | null;
612
- declare function renderContentfulRichTextTable(doc: Document | null | undefined, links?: any): any;
643
+ declare function renderContentfulRichTextTable(doc: Document | null | undefined, links?: any): ReactNode;
613
644
 
614
645
  declare const label1BoldOptions: {
615
646
  renderMark: {
616
- [x: number]: (text: ReactNode) => React$1.DetailedReactHTMLElement<{
647
+ bold: (text: ReactNode) => React$1.DetailedReactHTMLElement<{
617
648
  className: string;
618
649
  }, HTMLElement>;
619
650
  };
@@ -625,5 +656,5 @@ interface ProcessedChecklistItem {
625
656
  }
626
657
  declare function useProcessedChecklist<T extends boolean = false>(checklistData?: any, titlesOnly?: T, richTextOptions?: Options, richTextClassName?: string): T extends true ? string[] : ProcessedChecklistItem[];
627
658
 
628
- export { Accordion, AddressInputBanner, AnchoredBottomBanner, BlogCard, BlogGrid, BreadcrumbNavigation, Button, Callout, Cards, Carousel, ComparisonTable, CookieBanner, CtaCallout, DynamicTabs, FindKinetic, FloatingBanner, Footer, ImagePromoBar, Modal, Navigation, PrimaryHero, ProductCard, SearchBlock, ShapeBackgroundWrapper, SimpleCard, TestimonialCard, Text, label1BoldOptions, renderContentfulRichText, renderContentfulRichTextTable, toDocument, useContentfulRichText, useProcessedChecklist };
629
- export type { AccordionProps, AddressInputBannerProps, AnchoredBottomBannerProps, BlogCardProps$1 as BlogCardProps, BlogGridProps, BreadcrumbNavigationProps, ButtonProps, CalloutProps, CardsProps, CarouselProps, ComparisonTableProps, TypeComponentRichTextFields as CookieBannerProps, CtaCalloutProps, DynamicTabsT, FindKineticProps, FloatingBannerProps, FooterProps, ImagePromoBarProps, ModalProps, NavigationProps, PrimaryHeroProps, ProcessedChecklistItem, ProductCardProps, SearchBlockProps, ShapeBackgroundWrapperProps, SimpleCardProps, TestimonialCardProps, TextProps };
659
+ export { Accordion, AddressInputBanner, AnchoredBottomBanner, BlogCard, BlogGrid, BreadcrumbNavigation, Button, Callout, Cards, Carousel, ComparisonTable, CookieBanner, CtaCallout, DynamicTabs, EmailInputBlock, FindKinetic, FloatingBanner, Footer, ImagePromoBar, Modal, Navigation, PrimaryHero, ProductCard, SearchBlock, ShapeBackgroundWrapper, SimpleCard, TestimonialCard, Text, label1BoldOptions, renderContentfulRichText, renderContentfulRichTextTable, toDocument, useContentfulRichText, useProcessedChecklist };
660
+ export type { AccordionProps, AddressInputBannerProps, AnchoredBottomBannerProps, BlogCardProps$1 as BlogCardProps, BlogGridProps, BreadcrumbNavigationProps, ButtonProps, CalloutProps, CardsProps, CarouselProps, ComparisonTableProps, TypeComponentRichTextFields as CookieBannerProps, CtaCalloutProps, DynamicTabsT, EmailInputBlockProps, FindKineticProps, FloatingBannerProps, FooterProps, ImagePromoBarProps, ModalProps, NavigationProps, PrimaryHeroProps, ProcessedChecklistItem, ProductCardProps, SearchBlockProps, ShapeBackgroundWrapperProps, SimpleCardProps, TestimonialCardProps, TextProps };