@windstream/react-shared-components 0.0.10 → 0.0.11
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.
- package/README.md +623 -623
- package/dist/contentful/index.d.ts +6 -2
- package/dist/contentful/index.esm.js +1 -1
- package/dist/contentful/index.esm.js.map +1 -1
- package/dist/contentful/index.js +1 -1
- package/dist/contentful/index.js.map +1 -1
- package/dist/core.d.ts +2 -2
- package/dist/index.d.ts +1 -1
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +159 -159
- package/src/components/accordion/Accordion.stories.tsx +225 -225
- package/src/components/accordion/index.tsx +36 -36
- package/src/components/accordion/types.ts +9 -9
- package/src/components/alert-card/types.ts +9 -9
- package/src/components/brand-button/BrandButton.stories.tsx +221 -221
- package/src/components/brand-button/helpers.ts +35 -35
- package/src/components/brand-button/index.tsx +90 -90
- package/src/components/brand-button/types.ts +26 -26
- package/src/components/button/Button.stories.tsx +108 -108
- package/src/components/button/index.tsx +23 -23
- package/src/components/button/types.ts +14 -14
- package/src/components/call-button/CallButton.stories.tsx +324 -324
- package/src/components/call-button/index.tsx +80 -80
- package/src/components/call-button/types.ts +9 -9
- package/src/components/checkbox/Checkbox.stories.tsx +248 -248
- package/src/components/checkbox/types.ts +23 -23
- package/src/components/checklist/Checklist.stories.tsx +151 -151
- package/src/components/checklist/index.tsx +33 -33
- package/src/components/checklist/types.ts +5 -5
- package/src/components/collapse/Collapse.stories.tsx +256 -256
- package/src/components/collapse/index.tsx +44 -44
- package/src/components/collapse/types.ts +5 -5
- package/src/components/divider/Divider.stories.tsx +206 -206
- package/src/components/divider/index.tsx +23 -23
- package/src/components/divider/type.ts +2 -2
- package/src/components/input/Input.stories.tsx +358 -358
- package/src/components/input/index.tsx +174 -174
- package/src/components/input/types.ts +36 -36
- package/src/components/link/Link.stories.tsx +163 -163
- package/src/components/link/index.tsx +96 -96
- package/src/components/link/types.ts +25 -25
- package/src/components/list/List.stories.tsx +272 -272
- package/src/components/list/index.tsx +86 -86
- package/src/components/list/list-item/index.tsx +36 -36
- package/src/components/list/list-item/types.ts +13 -13
- package/src/components/list/types.ts +29 -29
- package/src/components/material-icon/MaterialIcon.stories.tsx +330 -330
- package/src/components/material-icon/constants.ts +95 -95
- package/src/components/material-icon/index.tsx +44 -44
- package/src/components/material-icon/types.ts +31 -31
- package/src/components/modal/Modal.stories.tsx +171 -171
- package/src/components/modal/index.tsx +168 -168
- package/src/components/modal/types.ts +23 -23
- package/src/components/radio-button/index.tsx +73 -73
- package/src/components/radio-button/types.ts +21 -21
- package/src/components/see-more/SeeMore.stories.tsx +182 -182
- package/src/components/see-more/index.tsx +38 -38
- package/src/components/see-more/types.ts +3 -3
- package/src/components/select/Select.stories.tsx +410 -410
- package/src/components/select/index.tsx +150 -150
- package/src/components/select/types.ts +34 -34
- package/src/components/select-plan-button/SelectPlanButton.stories.tsx +160 -160
- package/src/components/select-plan-button/index.tsx +20 -20
- package/src/components/select-plan-button/types.ts +3 -3
- package/src/components/skeleton/Skeleton.stories.tsx +180 -180
- package/src/components/skeleton/index.tsx +61 -61
- package/src/components/skeleton/types.ts +3 -3
- package/src/components/spinner/Spinner.stories.tsx +335 -335
- package/src/components/spinner/index.tsx +44 -44
- package/src/components/spinner/types.ts +4 -4
- package/src/components/text/Text.stories.tsx +302 -302
- package/src/components/text/index.tsx +26 -26
- package/src/components/text/types.ts +45 -45
- package/src/components/tooltip/Tooltip.stories.tsx +220 -220
- package/src/components/tooltip/index.tsx +78 -78
- package/src/components/tooltip/types.ts +6 -6
- package/src/components/view-cart-button/ViewCartButton.stories.tsx +241 -241
- package/src/components/view-cart-button/index.tsx +38 -38
- package/src/components/view-cart-button/types.ts +4 -4
- package/src/contentful/blocks/accordion/index.tsx +7 -7
- package/src/contentful/blocks/button/index.tsx +5 -5
- package/src/contentful/blocks/callout/index.tsx +7 -7
- package/src/contentful/blocks/cards/index.tsx +7 -7
- package/src/contentful/blocks/carousel/index.tsx +7 -7
- package/src/contentful/blocks/cta-callout/index.tsx +6 -0
- package/src/contentful/blocks/cta-callout/types.ts +1 -0
- package/src/contentful/blocks/floating-banner/index.tsx +7 -7
- package/src/contentful/blocks/footer/index.tsx +7 -7
- package/src/contentful/blocks/image-promo-bar/index.tsx +7 -7
- package/src/contentful/blocks/modal/index.tsx +5 -5
- package/src/contentful/blocks/navigation/index.tsx +7 -7
- package/src/contentful/blocks/primary-hero/index.tsx +7 -7
- package/src/contentful/blocks/shape-background-wrapper/index.tsx +123 -123
- package/src/contentful/blocks/shape-background-wrapper/types.ts +35 -35
- package/src/contentful/blocks/text/index.tsx +6 -6
- package/src/contentful/index.ts +4 -1
- package/src/hooks/use-body-scroll-lock.ts +31 -31
- package/src/index.ts +81 -81
- package/src/setupTests.ts +46 -46
- package/src/styles/globals.css +275 -319
- package/src/types/global.d.ts +9 -9
- package/src/utils/index.ts +49 -49
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 };
|