@windstream/react-shared-components 0.0.45 → 0.0.47

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 (127) hide show
  1. package/README.md +629 -629
  2. package/dist/core.d.ts +7 -7
  3. package/dist/index.d.ts +1 -1
  4. package/dist/index.js.map +1 -1
  5. package/dist/styles.css +1 -1
  6. package/package.json +175 -175
  7. package/src/components/accordion/Accordion.stories.tsx +230 -230
  8. package/src/components/accordion/index.tsx +49 -49
  9. package/src/components/accordion/types.ts +9 -9
  10. package/src/components/alert-card/AlertCard.stories.tsx +171 -171
  11. package/src/components/alert-card/index.tsx +32 -32
  12. package/src/components/alert-card/types.ts +9 -9
  13. package/src/components/brand-button/BrandButton.stories.tsx +219 -219
  14. package/src/components/brand-button/helpers.ts +35 -35
  15. package/src/components/brand-button/index.tsx +93 -93
  16. package/src/components/brand-button/types.ts +25 -25
  17. package/src/components/button/Button.stories.tsx +108 -108
  18. package/src/components/button/index.tsx +27 -27
  19. package/src/components/button/types.ts +14 -14
  20. package/src/components/call-button/CallButton.stories.tsx +324 -324
  21. package/src/components/call-button/index.tsx +79 -79
  22. package/src/components/call-button/types.ts +10 -10
  23. package/src/components/checkbox/Checkbox.stories.tsx +247 -247
  24. package/src/components/checkbox/index.tsx +197 -197
  25. package/src/components/checkbox/types.ts +27 -27
  26. package/src/components/checklist/Checklist.stories.tsx +150 -150
  27. package/src/components/checklist/index.tsx +39 -39
  28. package/src/components/checklist/types.ts +6 -6
  29. package/src/components/collapse/Collapse.stories.tsx +255 -255
  30. package/src/components/collapse/index.tsx +46 -46
  31. package/src/components/collapse/types.ts +6 -6
  32. package/src/components/divider/Divider.stories.tsx +205 -205
  33. package/src/components/divider/index.tsx +22 -22
  34. package/src/components/divider/type.ts +3 -3
  35. package/src/components/image/Image.stories.tsx +113 -113
  36. package/src/components/image/index.tsx +25 -25
  37. package/src/components/image/types.ts +40 -40
  38. package/src/components/input/Input.stories.tsx +325 -325
  39. package/src/components/input/index.tsx +177 -177
  40. package/src/components/input/types.ts +37 -37
  41. package/src/components/link/Link.stories.tsx +163 -163
  42. package/src/components/link/index.tsx +97 -97
  43. package/src/components/link/types.ts +25 -25
  44. package/src/components/list/List.stories.tsx +272 -272
  45. package/src/components/list/index.tsx +88 -88
  46. package/src/components/list/list-item/index.tsx +38 -38
  47. package/src/components/list/list-item/types.ts +13 -13
  48. package/src/components/list/types.ts +29 -29
  49. package/src/components/material-icon/MaterialIcon.stories.tsx +330 -330
  50. package/src/components/material-icon/constants.ts +96 -95
  51. package/src/components/material-icon/index.tsx +44 -44
  52. package/src/components/material-icon/types.ts +31 -31
  53. package/src/components/modal/Modal.stories.tsx +171 -171
  54. package/src/components/modal/index.tsx +164 -164
  55. package/src/components/modal/types.ts +24 -24
  56. package/src/components/next-image/index.tsx +18 -18
  57. package/src/components/next-image/types.ts +1 -1
  58. package/src/components/radio-button/RadioButton.stories.tsx +307 -307
  59. package/src/components/radio-button/index.tsx +75 -75
  60. package/src/components/radio-button/types.ts +21 -21
  61. package/src/components/see-more/SeeMore.stories.tsx +181 -181
  62. package/src/components/see-more/index.tsx +44 -44
  63. package/src/components/see-more/types.ts +4 -4
  64. package/src/components/select/Select.stories.tsx +411 -411
  65. package/src/components/select/index.tsx +150 -150
  66. package/src/components/select/types.ts +35 -35
  67. package/src/components/select-plan-button/SelectPlanButton.stories.tsx +168 -168
  68. package/src/components/select-plan-button/index.tsx +29 -29
  69. package/src/components/select-plan-button/types.ts +4 -4
  70. package/src/components/skeleton/Skeleton.stories.tsx +179 -179
  71. package/src/components/skeleton/index.tsx +61 -61
  72. package/src/components/skeleton/types.ts +4 -4
  73. package/src/components/spinner/Spinner.stories.tsx +335 -335
  74. package/src/components/spinner/index.tsx +44 -44
  75. package/src/components/spinner/types.ts +5 -5
  76. package/src/components/text/Text.stories.tsx +321 -321
  77. package/src/components/text/index.tsx +25 -25
  78. package/src/components/text/types.ts +45 -45
  79. package/src/components/tooltip/Tooltip.stories.tsx +219 -219
  80. package/src/components/tooltip/index.tsx +74 -74
  81. package/src/components/tooltip/types.ts +7 -7
  82. package/src/components/view-cart-button/ViewCartButton.stories.tsx +252 -252
  83. package/src/components/view-cart-button/index.tsx +44 -44
  84. package/src/components/view-cart-button/types.ts +5 -5
  85. package/src/contentful/blocks/button/Button.stories.tsx +40 -40
  86. package/src/contentful/blocks/button/index.tsx +64 -64
  87. package/src/contentful/blocks/button/types.ts +24 -24
  88. package/src/contentful/blocks/callout/Callout.stories.tsx +23 -23
  89. package/src/contentful/blocks/cards/Cards.stories.tsx +23 -23
  90. package/src/contentful/blocks/cards/index.tsx +13 -13
  91. package/src/contentful/blocks/cards/types.ts +1 -1
  92. package/src/contentful/blocks/carousel/Carousel.stories.tsx +23 -23
  93. package/src/contentful/blocks/carousel/index.tsx +13 -13
  94. package/src/contentful/blocks/carousel/types.ts +1 -1
  95. package/src/contentful/blocks/cta-callout/CtaCallout.stories.tsx +46 -46
  96. package/src/contentful/blocks/cta-callout/index.tsx +54 -54
  97. package/src/contentful/blocks/cta-callout/types.ts +22 -22
  98. package/src/contentful/blocks/floating-banner/FloatingBanner.stories.tsx +34 -34
  99. package/src/contentful/blocks/floating-banner/index.tsx +102 -102
  100. package/src/contentful/blocks/floating-banner/types.ts +22 -22
  101. package/src/contentful/blocks/footer/Footer.stories.tsx +30 -30
  102. package/src/contentful/blocks/image-promo-bar/ImagePromoBar.stories.tsx +23 -23
  103. package/src/contentful/blocks/image-promo-bar/types.ts +27 -27
  104. package/src/contentful/blocks/modal/Modal.stories.tsx +23 -23
  105. package/src/contentful/blocks/modal/index.tsx +12 -12
  106. package/src/contentful/blocks/modal/types.ts +1 -1
  107. package/src/contentful/blocks/navigation/Navigation.stories.tsx +23 -23
  108. package/src/contentful/blocks/navigation/index.tsx +56 -56
  109. package/src/contentful/blocks/navigation/types.ts +21 -21
  110. package/src/contentful/blocks/primary-hero/PrimaryHero.stories.tsx +23 -23
  111. package/src/contentful/blocks/primary-hero/index.tsx +160 -160
  112. package/src/contentful/blocks/primary-hero/types.ts +30 -30
  113. package/src/contentful/blocks/shape-background-wrapper/ShapeBackgroundWrapper.stories.tsx +26 -26
  114. package/src/contentful/blocks/shape-background-wrapper/index.tsx +124 -124
  115. package/src/contentful/blocks/shape-background-wrapper/types.ts +36 -36
  116. package/src/contentful/blocks/text/Text.stories.tsx +23 -23
  117. package/src/contentful/blocks/text/index.tsx +12 -12
  118. package/src/contentful/blocks/text/types.ts +1 -1
  119. package/src/hooks/use-body-scroll-lock.ts +34 -34
  120. package/src/index.ts +96 -96
  121. package/src/next/index.ts +5 -5
  122. package/src/setupTests.ts +46 -46
  123. package/src/stories/DocsTemplate.tsx +24 -24
  124. package/src/styles/globals.css +307 -275
  125. package/src/types/global.d.ts +9 -9
  126. package/src/utils/index.ts +49 -49
  127. package/tailwind.config.cjs +7 -1
package/src/utils/index.ts CHANGED
@@ -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 };
package/tailwind.config.cjs CHANGED
@@ -29,6 +29,7 @@ module.exports = {
29
29
  },
30
30
  success: "var(--color-border-success)",
31
31
  tertiary: "var(--color-border-tertiary)",
32
+ accent: "var(--color-border-accent)",
32
33
  },
33
34
 
34
35
  icon: {
@@ -37,7 +38,7 @@ module.exports = {
37
38
  accent: "var(--color-icon-brand-accent)",
38
39
  },
39
40
  critical: "var(--color-icon-critical)",
40
- default: "var(--color-icon-default)",
41
+ DEFAULT: "var(--color-icon)",
41
42
  info: "var(--color-icon-info)",
42
43
  inverse: {
43
44
  DEFAULT: "var(--color-icon-inverse)",
@@ -45,6 +46,7 @@ module.exports = {
45
46
  },
46
47
  secondary: "var(--color-icon-secondary)",
47
48
  success: "var(--color-icon-success)",
49
+ disabled: "var(--color-icon-disabled)",
48
50
  },
49
51
 
50
52
  // Specialty
@@ -134,6 +136,7 @@ module.exports = {
134
136
  fill: "var(--color-toggle-bg-fill)",
135
137
  surface: {
136
138
  active: "var(--color-toggle-bg-surface-active)",
139
+ inactive: "var(--color-toggle-bg-surface-inactive)",
137
140
  disabled: "var(--color-toggle-bg-surface-disabled)",
138
141
  },
139
142
  },
@@ -242,6 +245,9 @@ module.exports = {
242
245
  },
243
246
  secondary: "var(--color-text-secondary)",
244
247
  success: "var(--color-text-success)",
248
+ accent: {
249
+ "on-bg-inverse": "var(--color-text-accent-on-bg-inverse)",
250
+ },
245
251
  },
246
252
  },
247
253
  fontSize: {