@windstream/react-shared-components 0.2.18 → 0.2.20

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 (28) hide show
  1. package/dist/contentful/index.esm.js +2 -2
  2. package/dist/contentful/index.esm.js.map +1 -1
  3. package/dist/contentful/index.js +2 -2
  4. package/dist/contentful/index.js.map +1 -1
  5. package/dist/core.d.ts +8 -3
  6. package/dist/index.d.ts +9 -4
  7. package/dist/index.esm.js +2 -2
  8. package/dist/index.esm.js.map +1 -1
  9. package/dist/index.js +5 -5
  10. package/dist/index.js.map +1 -1
  11. package/dist/styles.css +1 -1
  12. package/package.json +1 -1
  13. package/src/components/animation-wrapper/index.tsx +1 -0
  14. package/src/components/brand-button/index.tsx +30 -17
  15. package/src/components/brand-button/types.ts +3 -0
  16. package/src/components/checkbox/index.test.tsx +26 -0
  17. package/src/components/checkbox/index.tsx +2 -2
  18. package/src/components/checkbox/types.ts +1 -0
  19. package/src/components/select/index.test.tsx +69 -1
  20. package/src/components/select/index.tsx +21 -13
  21. package/src/components/select/types.ts +2 -1
  22. package/src/contentful/blocks/button/index.tsx +8 -0
  23. package/src/contentful/blocks/cart-retention-banner/CartRetentionBanner.stories.tsx +168 -0
  24. package/src/contentful/blocks/email-input-block/EmailInputBlock.stories.tsx +182 -0
  25. package/src/contentful/blocks/find-kinetic/FindKinetic.stories.mocks.ts +11 -0
  26. package/src/contentful/blocks/find-kinetic/FindKinetic.stories.tsx +121 -4
  27. package/src/contentful/blocks/image-promo-bar/ImagePromoBar.stories.tsx +245 -4
  28. package/src/contentful/blocks/primary-hero/PrimaryHero.stories.tsx +268 -4
package/dist/core.d.ts CHANGED
@@ -24,6 +24,7 @@ import { HTMLMotionProps } from 'framer-motion';
24
24
  import { ClassValue } from 'clsx';
25
25
  export { ClassValue, clsx } from 'clsx';
26
26
  import { IconName as IconName$1, Size as Size$2, Fill as Fill$1 } from '@shared/components/material-icon/types';
27
+ import { AnimationType as AnimationType$1 } from '@shared/components/animation-wrapper';
27
28
 
28
29
  declare const Button: React$1.ForwardRefExoticComponent<ButtonProps$1 & React$1.RefAttributes<HTMLButtonElement>>;
29
30
 
@@ -65,7 +66,7 @@ declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAtt
65
66
  size?: "slim" | "medium" | "large" | undefined;
66
67
  label?: string | undefined;
67
68
  errorText?: string | undefined;
68
- prefixIconName?: "search" | "location_on" | undefined;
69
+ prefixIconName?: "location_on" | "search" | undefined;
69
70
  prefixIconSize?: 20 | 24 | 40 | 48 | undefined;
70
71
  prefixIconFill?: boolean | undefined;
71
72
  suffixIconFill?: boolean | undefined;
@@ -255,6 +256,7 @@ declare const Accordion: React.FC<AccordionProps>;
255
256
  type InfoIconProps = {
256
257
  onClick?: () => void;
257
258
  dataTestId?: string;
259
+ iconSize?: number;
258
260
  };
259
261
  type CheckboxProps = {
260
262
  checked?: boolean;
@@ -300,7 +302,8 @@ type OwnProps$1 = {
300
302
  helperText?: string;
301
303
  label?: string;
302
304
  labelClassName?: string;
303
- size?: "sm" | "md";
305
+ singleValueClassName?: string;
306
+ size?: "sm" | "md" | "lg";
304
307
  variant?: "default" | "unstyled";
305
308
  "data-cy"?: string;
306
309
  "data-testid"?: string;
@@ -341,6 +344,8 @@ type ButtonCustomProps = {
341
344
  iconName?: IconName$1;
342
345
  iconSize?: Size$2;
343
346
  iconFill?: Fill$1;
347
+ disableAnimation?: boolean;
348
+ animationType?: AnimationType$1 | AnimationType$1[];
344
349
  };
345
350
  type ButtonAsButton = ButtonCustomProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "className"> & {
346
351
  as?: "button";
@@ -351,7 +356,7 @@ type ButtonAsAnchor = ButtonCustomProps & Omit<AnchorHTMLAttributes<HTMLAnchorEl
351
356
  };
352
357
  type ButtonProps = ButtonAsButton | ButtonAsAnchor;
353
358
 
354
- declare const BrandButton: React__default.ForwardRefExoticComponent<ButtonProps$2 & React__default.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
359
+ declare const BrandButton: React__default.ForwardRefExoticComponent<ButtonProps$2 & React__default.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
355
360
 
356
361
  declare const Checklist: React__default.FC<ChecklistProps>;
357
362
 
package/dist/index.d.ts CHANGED
@@ -24,6 +24,7 @@ import { HTMLMotionProps } from 'framer-motion';
24
24
  import { ClassValue } from 'clsx';
25
25
  export { ClassValue, clsx } from 'clsx';
26
26
  import { IconName as IconName$1, Size as Size$2, Fill as Fill$1 } from '@shared/components/material-icon/types';
27
+ import { AnimationType as AnimationType$1 } from '@shared/components/animation-wrapper';
27
28
 
28
29
  declare const Button: React$1.ForwardRefExoticComponent<ButtonProps$1 & React$1.RefAttributes<HTMLButtonElement>>;
29
30
 
@@ -61,15 +62,15 @@ type InputFieldProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size"> & {
61
62
 
62
63
  declare const InputField: ForwardRefRenderFunction<HTMLInputElement, InputFieldProps>;
63
64
  declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> & {
64
- state?: "error" | "default" | "filled" | "active" | "focus" | "hover" | undefined;
65
- size?: "medium" | "large" | "slim" | undefined;
65
+ state?: "default" | "focus" | "active" | "hover" | "filled" | "error" | undefined;
66
+ size?: "slim" | "medium" | "large" | undefined;
66
67
  label?: string | undefined;
67
68
  errorText?: string | undefined;
68
69
  prefixIconName?: "search" | "location_on" | undefined;
69
70
  prefixIconSize?: 20 | 24 | 40 | 48 | undefined;
70
71
  prefixIconFill?: boolean | undefined;
71
72
  suffixIconFill?: boolean | undefined;
72
- suffixIconName?: "visibility" | "lock" | "visibility_off" | undefined;
73
+ suffixIconName?: "visibility" | "visibility_off" | "lock" | undefined;
73
74
  suffixIconSize?: 20 | 24 | 40 | 48 | undefined;
74
75
  containerClassName?: string | undefined;
75
76
  prefixIconClassName?: string | undefined;
@@ -255,6 +256,7 @@ declare const Accordion: React.FC<AccordionProps>;
255
256
  type InfoIconProps = {
256
257
  onClick?: () => void;
257
258
  dataTestId?: string;
259
+ iconSize?: number;
258
260
  };
259
261
  type CheckboxProps = {
260
262
  checked?: boolean;
@@ -300,7 +302,8 @@ type OwnProps$1 = {
300
302
  helperText?: string;
301
303
  label?: string;
302
304
  labelClassName?: string;
303
- size?: "sm" | "md";
305
+ singleValueClassName?: string;
306
+ size?: "sm" | "md" | "lg";
304
307
  variant?: "default" | "unstyled";
305
308
  "data-cy"?: string;
306
309
  "data-testid"?: string;
@@ -341,6 +344,8 @@ type ButtonCustomProps = {
341
344
  iconName?: IconName$1;
342
345
  iconSize?: Size$2;
343
346
  iconFill?: Fill$1;
347
+ disableAnimation?: boolean;
348
+ animationType?: AnimationType$1 | AnimationType$1[];
344
349
  };
345
350
  type ButtonAsButton = ButtonCustomProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "className"> & {
346
351
  as?: "button";