@windstream/react-shared-components 0.0.69 → 0.0.70

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 (136) hide show
  1. package/README.md +629 -629
  2. package/dist/contentful/index.d.ts +2 -0
  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/index.d.ts +3 -3
  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/package.json +175 -175
  13. package/src/components/accordion/Accordion.stories.tsx +230 -230
  14. package/src/components/accordion/types.ts +10 -10
  15. package/src/components/alert-card/AlertCard.stories.tsx +171 -171
  16. package/src/components/alert-card/index.tsx +32 -32
  17. package/src/components/alert-card/types.ts +9 -9
  18. package/src/components/brand-button/BrandButton.stories.tsx +219 -219
  19. package/src/components/brand-button/helpers.ts +35 -35
  20. package/src/components/brand-button/index.tsx +93 -93
  21. package/src/components/brand-button/types.ts +25 -25
  22. package/src/components/button/Button.stories.tsx +108 -108
  23. package/src/components/button/index.tsx +27 -27
  24. package/src/components/button/types.ts +14 -14
  25. package/src/components/call-button/CallButton.stories.tsx +324 -324
  26. package/src/components/call-button/index.tsx +86 -79
  27. package/src/components/call-button/types.ts +11 -10
  28. package/src/components/checkbox/Checkbox.stories.tsx +247 -247
  29. package/src/components/checkbox/index.tsx +197 -197
  30. package/src/components/checkbox/types.ts +27 -27
  31. package/src/components/checklist/Checklist.stories.tsx +150 -150
  32. package/src/components/collapse/Collapse.stories.tsx +255 -255
  33. package/src/components/collapse/index.tsx +46 -46
  34. package/src/components/collapse/types.ts +6 -6
  35. package/src/components/divider/Divider.stories.tsx +205 -205
  36. package/src/components/divider/index.tsx +22 -22
  37. package/src/components/divider/type.ts +3 -3
  38. package/src/components/image/Image.stories.tsx +113 -113
  39. package/src/components/image/index.tsx +25 -25
  40. package/src/components/image/types.ts +40 -40
  41. package/src/components/input/Input.stories.tsx +325 -325
  42. package/src/components/input/index.tsx +177 -177
  43. package/src/components/input/types.ts +37 -37
  44. package/src/components/link/Link.stories.tsx +163 -163
  45. package/src/components/link/types.ts +25 -25
  46. package/src/components/list/List.stories.tsx +272 -272
  47. package/src/components/list/index.tsx +88 -88
  48. package/src/components/list/list-item/index.tsx +38 -38
  49. package/src/components/list/list-item/types.ts +13 -13
  50. package/src/components/list/types.ts +29 -29
  51. package/src/components/material-icon/MaterialIcon.stories.tsx +330 -330
  52. package/src/components/material-icon/constants.ts +96 -96
  53. package/src/components/material-icon/index.tsx +44 -44
  54. package/src/components/material-icon/types.ts +31 -31
  55. package/src/components/modal/Modal.stories.tsx +171 -171
  56. package/src/components/modal/index.tsx +164 -164
  57. package/src/components/modal/types.ts +24 -24
  58. package/src/components/next-image/index.tsx +32 -32
  59. package/src/components/next-image/types.ts +1 -1
  60. package/src/components/radio-button/RadioButton.stories.tsx +307 -307
  61. package/src/components/radio-button/index.tsx +75 -75
  62. package/src/components/radio-button/types.ts +21 -21
  63. package/src/components/see-more/SeeMore.stories.tsx +181 -181
  64. package/src/components/see-more/index.tsx +44 -44
  65. package/src/components/see-more/types.ts +4 -4
  66. package/src/components/select/Select.stories.tsx +411 -411
  67. package/src/components/select/index.tsx +150 -150
  68. package/src/components/select/types.ts +35 -35
  69. package/src/components/select-plan-button/SelectPlanButton.stories.tsx +184 -184
  70. package/src/components/select-plan-button/index.tsx +31 -31
  71. package/src/components/select-plan-button/types.ts +5 -5
  72. package/src/components/skeleton/Skeleton.stories.tsx +179 -179
  73. package/src/components/skeleton/index.tsx +61 -61
  74. package/src/components/skeleton/types.ts +4 -4
  75. package/src/components/spinner/Spinner.stories.tsx +335 -335
  76. package/src/components/spinner/index.tsx +44 -44
  77. package/src/components/spinner/types.ts +5 -5
  78. package/src/components/text/Text.stories.tsx +321 -321
  79. package/src/components/text/index.tsx +25 -25
  80. package/src/components/text/types.ts +45 -45
  81. package/src/components/tooltip/Tooltip.stories.tsx +219 -219
  82. package/src/components/tooltip/index.tsx +74 -74
  83. package/src/components/tooltip/types.ts +7 -7
  84. package/src/components/view-cart-button/ViewCartButton.stories.tsx +252 -252
  85. package/src/components/view-cart-button/index.tsx +44 -44
  86. package/src/components/view-cart-button/types.ts +5 -5
  87. package/src/contentful/blocks/button/Button.stories.tsx +40 -40
  88. package/src/contentful/blocks/button/index.tsx +64 -64
  89. package/src/contentful/blocks/button/types.ts +24 -24
  90. package/src/contentful/blocks/callout/Callout.stories.tsx +23 -23
  91. package/src/contentful/blocks/cards/Cards.stories.tsx +23 -23
  92. package/src/contentful/blocks/cards/index.tsx +13 -13
  93. package/src/contentful/blocks/cards/product-card/index.tsx +199 -199
  94. package/src/contentful/blocks/cards/product-card/types.ts +18 -18
  95. package/src/contentful/blocks/cards/testimonial-card/index.tsx +88 -88
  96. package/src/contentful/blocks/cards/testimonial-card/types.tsx +12 -12
  97. package/src/contentful/blocks/cards/types.ts +1 -1
  98. package/src/contentful/blocks/carousel/Carousel.stories.tsx +23 -23
  99. package/src/contentful/blocks/carousel/helper.tsx +314 -314
  100. package/src/contentful/blocks/carousel/index.tsx +50 -50
  101. package/src/contentful/blocks/carousel/types.ts +126 -126
  102. package/src/contentful/blocks/cta-callout/CtaCallout.stories.tsx +46 -46
  103. package/src/contentful/blocks/cta-callout/index.tsx +54 -54
  104. package/src/contentful/blocks/cta-callout/types.ts +22 -22
  105. package/src/contentful/blocks/floating-banner/FloatingBanner.stories.tsx +34 -34
  106. package/src/contentful/blocks/floating-banner/types.ts +22 -22
  107. package/src/contentful/blocks/footer/Footer.stories.tsx +30 -30
  108. package/src/contentful/blocks/image-promo-bar/ImagePromoBar.stories.tsx +23 -23
  109. package/src/contentful/blocks/image-promo-bar/types.ts +27 -27
  110. package/src/contentful/blocks/modal/Modal.stories.tsx +23 -23
  111. package/src/contentful/blocks/modal/index.tsx +12 -12
  112. package/src/contentful/blocks/modal/types.ts +1 -1
  113. package/src/contentful/blocks/navigation/desktop-link-groups.tsx/index.tsx +111 -111
  114. package/src/contentful/blocks/navigation/index.tsx +373 -366
  115. package/src/contentful/blocks/navigation/mobile-link-groups.tsx/index.tsx +80 -80
  116. package/src/contentful/blocks/navigation/types.ts +41 -39
  117. package/src/contentful/blocks/primary-hero/PrimaryHero.stories.tsx +23 -23
  118. package/src/contentful/blocks/primary-hero/index.tsx +160 -160
  119. package/src/contentful/blocks/primary-hero/types.ts +30 -30
  120. package/src/contentful/blocks/shape-background-wrapper/ShapeBackgroundWrapper.stories.tsx +26 -26
  121. package/src/contentful/blocks/shape-background-wrapper/index.tsx +124 -124
  122. package/src/contentful/blocks/shape-background-wrapper/types.ts +36 -36
  123. package/src/contentful/blocks/text/Text.stories.tsx +23 -23
  124. package/src/contentful/blocks/text/index.tsx +12 -12
  125. package/src/contentful/blocks/text/types.ts +1 -1
  126. package/src/contentful/index.ts +57 -57
  127. package/src/hooks/use-body-scroll-lock.ts +34 -34
  128. package/src/hooks/use-outside-click.ts +17 -17
  129. package/src/index.ts +96 -96
  130. package/src/next/index.ts +5 -5
  131. package/src/setupTests.ts +46 -46
  132. package/src/stories/DocsTemplate.tsx +24 -24
  133. package/src/styles/globals.css +307 -307
  134. package/src/types/global.d.ts +9 -9
  135. package/src/types/micro-components.ts +80 -80
  136. package/src/utils/index.ts +49 -49
@@ -1,80 +1,80 @@
1
- export interface Asset {
2
- url?: string | null;
3
- title?: string | null;
4
- description?: string | null;
5
- contentType?: string | null;
6
- width?: number | null;
7
- height?: number | null;
8
- }
9
- export interface Button {
10
- anchorId?: string | null;
11
- showButtonAs?: "solid" | "text" | null;
12
- buttonLabel: string; // required in your model
13
- buttonPrefix?: string | null;
14
- href?: string | null;
15
- target?: "_blank" | "_self" | null;
16
- badge?: string | null;
17
- preserveQueryParameters: boolean; // non-null in your model
18
- badgeIcon?: Asset | null;
19
- buttonVariant?: "primary_brand" | "primary_inverse" | "secondary" | null;
20
- buttonIcon?: Asset | null;
21
- buttonIconPosition?: boolean | null; // matches EntryFieldTypes.Boolean in your model
22
- clickToOpen?: "accordion" | "modal" | "tab" | null;
23
- tabmodalNameToOpen?: string | null;
24
- preDefinedFunctionExecution?: "check availability" | null;
25
- }
26
-
27
- export interface ButtonGroup {
28
- __typename: "ComponentButtonGroup";
29
- anchorId?: string | null;
30
- title?: string | null;
31
- itemsCollection?: {
32
- items: Button[];
33
- };
34
- }
35
- export interface Card {
36
- anchorId?: string;
37
- title?: string;
38
- body?: {
39
- json: any; // Contentful Rich Text
40
- };
41
- image?: Asset;
42
- imageLink?: string;
43
- imageAlignment?: "Left" | "Right" | "Center" | string;
44
- imageView?: "Full" | "Inset" | string;
45
- cta?: Button;
46
- ctaAlignment?: "Left" | "Right" | "Center" | string;
47
- textColor?: string;
48
- backgroundColor?: string;
49
- showBackgroundImage?: boolean;
50
- pinwheelColor?: "blue" | "green" | "navy" | "purple" | "white" | "yellow";
51
- iconToRichTextAlignment?: string;
52
- phoneNumber?: string;
53
- workingHours?: string;
54
- titleLocation?: "Top" | "Bottom" | string;
55
- ctaBottom?: Button;
56
- ctaAlignmentBottom?: "Left" | "Right" | "Center" | string;
57
- imageFloatingType?: boolean;
58
- }
59
-
60
- export interface VideoLink {
61
- image?: Asset;
62
- videoPopup?: boolean;
63
- link?: string;
64
- }
65
-
66
- export interface Checklist {
67
- list?: {
68
- items: {
69
- checkListTitle?: { json: any };
70
- icon?: Asset;
71
- anchorId?: string;
72
- }[];
73
- };
74
- }
75
-
76
- export interface RichTextItem {
77
- title?: string;
78
- isTargetBlank?: boolean;
79
- richText?: { json: any };
80
- }
1
+ export interface Asset {
2
+ url?: string | null;
3
+ title?: string | null;
4
+ description?: string | null;
5
+ contentType?: string | null;
6
+ width?: number | null;
7
+ height?: number | null;
8
+ }
9
+ export interface Button {
10
+ anchorId?: string | null;
11
+ showButtonAs?: "solid" | "text" | null;
12
+ buttonLabel: string; // required in your model
13
+ buttonPrefix?: string | null;
14
+ href?: string | null;
15
+ target?: "_blank" | "_self" | null;
16
+ badge?: string | null;
17
+ preserveQueryParameters: boolean; // non-null in your model
18
+ badgeIcon?: Asset | null;
19
+ buttonVariant?: "primary_brand" | "primary_inverse" | "secondary" | null;
20
+ buttonIcon?: Asset | null;
21
+ buttonIconPosition?: boolean | null; // matches EntryFieldTypes.Boolean in your model
22
+ clickToOpen?: "accordion" | "modal" | "tab" | null;
23
+ tabmodalNameToOpen?: string | null;
24
+ preDefinedFunctionExecution?: "check availability" | null;
25
+ }
26
+
27
+ export interface ButtonGroup {
28
+ __typename: "ComponentButtonGroup";
29
+ anchorId?: string | null;
30
+ title?: string | null;
31
+ itemsCollection?: {
32
+ items: Button[];
33
+ };
34
+ }
35
+ export interface Card {
36
+ anchorId?: string;
37
+ title?: string;
38
+ body?: {
39
+ json: any; // Contentful Rich Text
40
+ };
41
+ image?: Asset;
42
+ imageLink?: string;
43
+ imageAlignment?: "Left" | "Right" | "Center" | string;
44
+ imageView?: "Full" | "Inset" | string;
45
+ cta?: Button;
46
+ ctaAlignment?: "Left" | "Right" | "Center" | string;
47
+ textColor?: string;
48
+ backgroundColor?: string;
49
+ showBackgroundImage?: boolean;
50
+ pinwheelColor?: "blue" | "green" | "navy" | "purple" | "white" | "yellow";
51
+ iconToRichTextAlignment?: string;
52
+ phoneNumber?: string;
53
+ workingHours?: string;
54
+ titleLocation?: "Top" | "Bottom" | string;
55
+ ctaBottom?: Button;
56
+ ctaAlignmentBottom?: "Left" | "Right" | "Center" | string;
57
+ imageFloatingType?: boolean;
58
+ }
59
+
60
+ export interface VideoLink {
61
+ image?: Asset;
62
+ videoPopup?: boolean;
63
+ link?: string;
64
+ }
65
+
66
+ export interface Checklist {
67
+ list?: {
68
+ items: {
69
+ checkListTitle?: { json: any };
70
+ icon?: Asset;
71
+ anchorId?: string;
72
+ }[];
73
+ };
74
+ }
75
+
76
+ export interface RichTextItem {
77
+ title?: string;
78
+ isTargetBlank?: boolean;
79
+ richText?: { json: any };
80
+ }
@@ -1,49 +1,49 @@
1
- import { clsx, type ClassValue } from "clsx";
2
- import { extendTailwindMerge } from "tailwind-merge";
3
-
4
- const twMerge = extendTailwindMerge({
5
- // Define class groups so twMerge knows which classes override each other
6
- extend: {
7
- classGroups: {
8
- ["font-variants" as any]: [
9
- "heading1",
10
- "heading2",
11
- "heading3",
12
- "heading4",
13
- "heading5",
14
- "heading6",
15
- "subheading1",
16
- "subheading2",
17
- "subheading3",
18
- "subheading4",
19
- "subheading5",
20
- "subheading6",
21
- "body1",
22
- "body2",
23
- "body3",
24
- "footnote",
25
- "micro",
26
- "label1",
27
- "label2",
28
- "label3",
29
- "label4",
30
- ],
31
- ["button-sizes" as any]: [
32
- "btn-small",
33
- "btn-medium",
34
- "btn-large",
35
- "btn-x-large",
36
- ],
37
- },
38
- },
39
- });
40
-
41
- /**
42
- * Utility function to combine class names using clsx
43
- * @param inputs - Class values to combine
44
- * @returns Combined class string
45
- */
46
- export const cx = (...val: ClassValue[]) => twMerge(clsx(...val));
47
-
48
- export { clsx };
49
- export type { ClassValue };
1
+ import { clsx, type ClassValue } from "clsx";
2
+ import { extendTailwindMerge } from "tailwind-merge";
3
+
4
+ const twMerge = extendTailwindMerge({
5
+ // Define class groups so twMerge knows which classes override each other
6
+ extend: {
7
+ classGroups: {
8
+ ["font-variants" as any]: [
9
+ "heading1",
10
+ "heading2",
11
+ "heading3",
12
+ "heading4",
13
+ "heading5",
14
+ "heading6",
15
+ "subheading1",
16
+ "subheading2",
17
+ "subheading3",
18
+ "subheading4",
19
+ "subheading5",
20
+ "subheading6",
21
+ "body1",
22
+ "body2",
23
+ "body3",
24
+ "footnote",
25
+ "micro",
26
+ "label1",
27
+ "label2",
28
+ "label3",
29
+ "label4",
30
+ ],
31
+ ["button-sizes" as any]: [
32
+ "btn-small",
33
+ "btn-medium",
34
+ "btn-large",
35
+ "btn-x-large",
36
+ ],
37
+ },
38
+ },
39
+ });
40
+
41
+ /**
42
+ * Utility function to combine class names using clsx
43
+ * @param inputs - Class values to combine
44
+ * @returns Combined class string
45
+ */
46
+ export const cx = (...val: ClassValue[]) => twMerge(clsx(...val));
47
+
48
+ export { clsx };
49
+ export type { ClassValue };