@windstream/react-shared-components 0.0.69 → 0.0.71

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 (137) hide show
  1. package/README.md +629 -629
  2. package/dist/contentful/index.d.ts +5 -1
  3. package/dist/contentful/index.esm.js +1 -1
  4. package/dist/contentful/index.esm.js.map +1 -1
  5. package/dist/contentful/index.js +1 -1
  6. package/dist/contentful/index.js.map +1 -1
  7. package/dist/core.d.ts +3 -3
  8. package/dist/index.d.ts +1 -1
  9. package/dist/index.esm.js +1 -1
  10. package/dist/index.esm.js.map +1 -1
  11. package/dist/index.js +1 -1
  12. package/dist/index.js.map +1 -1
  13. package/package.json +175 -175
  14. package/src/components/accordion/Accordion.stories.tsx +230 -230
  15. package/src/components/accordion/types.ts +10 -10
  16. package/src/components/alert-card/AlertCard.stories.tsx +171 -171
  17. package/src/components/alert-card/index.tsx +32 -32
  18. package/src/components/alert-card/types.ts +9 -9
  19. package/src/components/brand-button/BrandButton.stories.tsx +219 -219
  20. package/src/components/brand-button/helpers.ts +35 -35
  21. package/src/components/brand-button/index.tsx +93 -93
  22. package/src/components/brand-button/types.ts +25 -25
  23. package/src/components/button/Button.stories.tsx +108 -108
  24. package/src/components/button/index.tsx +27 -27
  25. package/src/components/button/types.ts +14 -14
  26. package/src/components/call-button/CallButton.stories.tsx +324 -324
  27. package/src/components/call-button/index.tsx +86 -79
  28. package/src/components/call-button/types.ts +11 -10
  29. package/src/components/checkbox/Checkbox.stories.tsx +247 -247
  30. package/src/components/checkbox/index.tsx +197 -197
  31. package/src/components/checkbox/types.ts +27 -27
  32. package/src/components/checklist/Checklist.stories.tsx +150 -150
  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 +330 -330
  53. package/src/components/material-icon/constants.ts +96 -96
  54. package/src/components/material-icon/index.tsx +44 -44
  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 +32 -32
  60. package/src/components/next-image/types.ts +1 -1
  61. package/src/components/radio-button/RadioButton.stories.tsx +307 -307
  62. package/src/components/radio-button/index.tsx +75 -75
  63. package/src/components/radio-button/types.ts +21 -21
  64. package/src/components/see-more/SeeMore.stories.tsx +181 -181
  65. package/src/components/see-more/index.tsx +44 -44
  66. package/src/components/see-more/types.ts +4 -4
  67. package/src/components/select/Select.stories.tsx +411 -411
  68. package/src/components/select/index.tsx +150 -150
  69. package/src/components/select/types.ts +35 -35
  70. package/src/components/select-plan-button/SelectPlanButton.stories.tsx +184 -184
  71. package/src/components/select-plan-button/index.tsx +31 -31
  72. package/src/components/select-plan-button/types.ts +5 -5
  73. package/src/components/skeleton/Skeleton.stories.tsx +179 -179
  74. package/src/components/skeleton/index.tsx +61 -61
  75. package/src/components/skeleton/types.ts +4 -4
  76. package/src/components/spinner/Spinner.stories.tsx +335 -335
  77. package/src/components/spinner/index.tsx +44 -44
  78. package/src/components/spinner/types.ts +5 -5
  79. package/src/components/text/Text.stories.tsx +321 -321
  80. package/src/components/text/index.tsx +25 -25
  81. package/src/components/text/types.ts +45 -45
  82. package/src/components/tooltip/Tooltip.stories.tsx +219 -219
  83. package/src/components/tooltip/index.tsx +74 -74
  84. package/src/components/tooltip/types.ts +7 -7
  85. package/src/components/view-cart-button/ViewCartButton.stories.tsx +252 -252
  86. package/src/components/view-cart-button/index.tsx +44 -44
  87. package/src/components/view-cart-button/types.ts +5 -5
  88. package/src/contentful/blocks/button/Button.stories.tsx +40 -40
  89. package/src/contentful/blocks/button/index.tsx +84 -64
  90. package/src/contentful/blocks/button/types.ts +26 -24
  91. package/src/contentful/blocks/callout/Callout.stories.tsx +23 -23
  92. package/src/contentful/blocks/cards/Cards.stories.tsx +23 -23
  93. package/src/contentful/blocks/cards/index.tsx +13 -13
  94. package/src/contentful/blocks/cards/product-card/index.tsx +199 -199
  95. package/src/contentful/blocks/cards/product-card/types.ts +18 -18
  96. package/src/contentful/blocks/cards/testimonial-card/index.tsx +88 -88
  97. package/src/contentful/blocks/cards/testimonial-card/types.tsx +12 -12
  98. package/src/contentful/blocks/cards/types.ts +1 -1
  99. package/src/contentful/blocks/carousel/Carousel.stories.tsx +23 -23
  100. package/src/contentful/blocks/carousel/helper.tsx +314 -314
  101. package/src/contentful/blocks/carousel/index.tsx +50 -50
  102. package/src/contentful/blocks/carousel/types.ts +126 -126
  103. package/src/contentful/blocks/cta-callout/CtaCallout.stories.tsx +46 -46
  104. package/src/contentful/blocks/cta-callout/index.tsx +54 -54
  105. package/src/contentful/blocks/cta-callout/types.ts +22 -22
  106. package/src/contentful/blocks/floating-banner/FloatingBanner.stories.tsx +34 -34
  107. package/src/contentful/blocks/floating-banner/types.ts +22 -22
  108. package/src/contentful/blocks/footer/Footer.stories.tsx +30 -30
  109. package/src/contentful/blocks/image-promo-bar/ImagePromoBar.stories.tsx +23 -23
  110. package/src/contentful/blocks/image-promo-bar/types.ts +27 -27
  111. package/src/contentful/blocks/modal/Modal.stories.tsx +23 -23
  112. package/src/contentful/blocks/modal/index.tsx +12 -12
  113. package/src/contentful/blocks/modal/types.ts +1 -1
  114. package/src/contentful/blocks/navigation/desktop-link-groups.tsx/index.tsx +111 -111
  115. package/src/contentful/blocks/navigation/index.tsx +380 -366
  116. package/src/contentful/blocks/navigation/mobile-link-groups.tsx/index.tsx +80 -80
  117. package/src/contentful/blocks/navigation/types.ts +41 -39
  118. package/src/contentful/blocks/primary-hero/PrimaryHero.stories.tsx +23 -23
  119. package/src/contentful/blocks/primary-hero/index.tsx +160 -160
  120. package/src/contentful/blocks/primary-hero/types.ts +30 -30
  121. package/src/contentful/blocks/shape-background-wrapper/ShapeBackgroundWrapper.stories.tsx +26 -26
  122. package/src/contentful/blocks/shape-background-wrapper/index.tsx +124 -124
  123. package/src/contentful/blocks/shape-background-wrapper/types.ts +36 -36
  124. package/src/contentful/blocks/text/Text.stories.tsx +23 -23
  125. package/src/contentful/blocks/text/index.tsx +12 -12
  126. package/src/contentful/blocks/text/types.ts +1 -1
  127. package/src/contentful/index.ts +57 -57
  128. package/src/hooks/use-body-scroll-lock.ts +34 -34
  129. package/src/hooks/use-outside-click.ts +17 -17
  130. package/src/index.ts +96 -96
  131. package/src/next/index.ts +5 -5
  132. package/src/setupTests.ts +46 -46
  133. package/src/stories/DocsTemplate.tsx +24 -24
  134. package/src/styles/globals.css +307 -307
  135. package/src/types/global.d.ts +9 -9
  136. package/src/types/micro-components.ts +80 -80
  137. package/src/utils/index.ts +49 -49
@@ -1,24 +1,24 @@
1
- import { Props as RModalProps } from "react-modal";
2
-
3
- export type Size = "xl" | "lg" | "md" | "sm" | "xs";
4
- export type Shape = "rounded" | "default";
5
- export type Animation = "popper" | "bottomSheet";
6
-
7
- type OwnProps = {
8
- size?: Size;
9
- shape?: Shape;
10
- title?: string;
11
- bodyClassName?: string | null | undefined;
12
- closeWrapperClassName?: string | null | undefined;
13
- closeButtonClassName?: string | null | undefined;
14
- bodyStyle?: React.CSSProperties;
15
- centered?: boolean;
16
- hideScrollOnIsOpenFalse?: boolean;
17
- parentSelector?: string;
18
- animation?: Animation;
19
- hideCloseButton?: boolean;
20
- ["data-testid"]?: string;
21
- ["data-cy"]?: string;
22
- };
23
-
24
- export type ModalProps = OwnProps & RModalProps;
1
+ import { Props as RModalProps } from "react-modal";
2
+
3
+ export type Size = "xl" | "lg" | "md" | "sm" | "xs";
4
+ export type Shape = "rounded" | "default";
5
+ export type Animation = "popper" | "bottomSheet";
6
+
7
+ type OwnProps = {
8
+ size?: Size;
9
+ shape?: Shape;
10
+ title?: string;
11
+ bodyClassName?: string | null | undefined;
12
+ closeWrapperClassName?: string | null | undefined;
13
+ closeButtonClassName?: string | null | undefined;
14
+ bodyStyle?: React.CSSProperties;
15
+ centered?: boolean;
16
+ hideScrollOnIsOpenFalse?: boolean;
17
+ parentSelector?: string;
18
+ animation?: Animation;
19
+ hideCloseButton?: boolean;
20
+ ["data-testid"]?: string;
21
+ ["data-cy"]?: string;
22
+ };
23
+
24
+ export type ModalProps = OwnProps & RModalProps;
@@ -1,32 +1,32 @@
1
- "use client";
2
-
3
- import { forwardRef } from "react";
4
- import NextJsImage, { type ImageProps as NextImageProps } from "next/image";
5
-
6
- import { cx } from "@shared/utils";
7
-
8
- export interface NextImageComponentProps extends NextImageProps {
9
- className?: string;
10
- }
11
-
12
- export const NextImage = forwardRef<HTMLImageElement, NextImageComponentProps>(
13
- ({ className, ...props }, ref) => {
14
- // Only disable optimization for SVG files from Contentful
15
- // Remove query params before checking file extension
16
- const srcString = typeof props.src === "string" ? props.src : "";
17
- const urlWithoutParams = srcString.toLowerCase().split("?")[0] || "";
18
- const isSvgFromContentful =
19
- srcString.includes("images.ctfassets.net") &&
20
- urlWithoutParams.endsWith(".svg");
21
- return (
22
- <NextJsImage
23
- ref={ref}
24
- className={cx(className)}
25
- {...props}
26
- unoptimized={isSvgFromContentful}
27
- />
28
- );
29
- }
30
- );
31
-
32
- NextImage.displayName = "NextImage";
1
+ "use client";
2
+
3
+ import { forwardRef } from "react";
4
+ import NextJsImage, { type ImageProps as NextImageProps } from "next/image";
5
+
6
+ import { cx } from "@shared/utils";
7
+
8
+ export interface NextImageComponentProps extends NextImageProps {
9
+ className?: string;
10
+ }
11
+
12
+ export const NextImage = forwardRef<HTMLImageElement, NextImageComponentProps>(
13
+ ({ className, ...props }, ref) => {
14
+ // Only disable optimization for SVG files from Contentful
15
+ // Remove query params before checking file extension
16
+ const srcString = typeof props.src === "string" ? props.src : "";
17
+ const urlWithoutParams = srcString.toLowerCase().split("?")[0] || "";
18
+ const isSvgFromContentful =
19
+ srcString.includes("images.ctfassets.net") &&
20
+ urlWithoutParams.endsWith(".svg");
21
+ return (
22
+ <NextJsImage
23
+ ref={ref}
24
+ className={cx(className)}
25
+ {...props}
26
+ unoptimized={isSvgFromContentful}
27
+ />
28
+ );
29
+ }
30
+ );
31
+
32
+ NextImage.displayName = "NextImage";
@@ -1 +1 @@
1
- export type { NextImageComponentProps } from "./index";
1
+ export type { NextImageComponentProps } from "./index";