@windstream/react-shared-components 0.1.80 → 0.1.86
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/dist/contentful/index.d.ts +6 -0
- package/dist/contentful/index.esm.js +3 -3
- package/dist/contentful/index.esm.js.map +1 -1
- package/dist/contentful/index.js +3 -3
- package/dist/contentful/index.js.map +1 -1
- package/dist/core.d.ts +16 -3
- package/dist/index.d.ts +21 -8
- package/dist/index.esm.js +6 -6
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +6 -6
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/animation-wrapper/index.tsx +129 -0
- package/src/components/animation-wrapper/types.ts +11 -0
- package/src/contentful/blocks/callout/index.tsx +16 -2
- package/src/contentful/blocks/callout/types.ts +6 -0
- package/src/contentful/blocks/carousel/helper.tsx +74 -20
- package/src/contentful/blocks/carousel/index.tsx +2 -0
- package/src/contentful/blocks/carousel/types.ts +1 -0
- package/src/index.ts +6 -0
package/dist/core.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React$1 from 'react';
|
|
2
|
-
import React__default, { InputHTMLAttributes, ReactNode, ForwardRefRenderFunction, ImgHTMLAttributes, ComponentType, ForwardRefExoticComponent, RefAttributes, AnchorHTMLAttributes, MouseEvent, CSSProperties, HTMLAttributes, LiHTMLAttributes, ButtonHTMLAttributes, LabelHTMLAttributes, FC } from 'react';
|
|
2
|
+
import React__default, { InputHTMLAttributes, ReactNode, ForwardRefRenderFunction, ImgHTMLAttributes, ComponentType, ForwardRefExoticComponent, RefAttributes, AnchorHTMLAttributes, MouseEvent, CSSProperties, HTMLAttributes, LiHTMLAttributes, ButtonHTMLAttributes, LabelHTMLAttributes, FC, ReactElement } from 'react';
|
|
3
3
|
export { ButtonHTMLAttributes, CSSProperties, ReactNode } from 'react';
|
|
4
4
|
import { ButtonProps as ButtonProps$1 } from '@shared/components/button/types';
|
|
5
5
|
export { ButtonProps } from '@shared/components/button/types';
|
|
@@ -20,6 +20,7 @@ import { SeeMoreProps } from '@shared/components/see-more/types';
|
|
|
20
20
|
export { SeeMoreProps } from '@shared/components/see-more/types';
|
|
21
21
|
import { ButtonProps as ButtonProps$3 } from '@shared/contentful/blocks/button/types';
|
|
22
22
|
import { CheckPlansProps } from '@shared/types/micro-components';
|
|
23
|
+
import { HTMLMotionProps } from 'framer-motion';
|
|
23
24
|
import { ClassValue } from 'clsx';
|
|
24
25
|
export { ClassValue, clsx } from 'clsx';
|
|
25
26
|
|
|
@@ -420,6 +421,18 @@ declare namespace Tooltip {
|
|
|
420
421
|
var displayName: string;
|
|
421
422
|
}
|
|
422
423
|
|
|
424
|
+
type AnimationType = "scale" | "shadow" | "lift" | "opacity" | "grow";
|
|
425
|
+
interface AnimationWrapperProps extends Omit<HTMLMotionProps<"div">, "children"> {
|
|
426
|
+
children: ReactElement;
|
|
427
|
+
animationType?: AnimationType | AnimationType[];
|
|
428
|
+
disableAnimation?: boolean;
|
|
429
|
+
}
|
|
430
|
+
|
|
431
|
+
declare function AnimationWrapper({ children, animationType, disableAnimation, whileHover, whileTap, transition, ...motionProps }: AnimationWrapperProps): react_jsx_runtime.JSX.Element;
|
|
432
|
+
declare namespace AnimationWrapper {
|
|
433
|
+
var displayName: string;
|
|
434
|
+
}
|
|
435
|
+
|
|
423
436
|
type ViewCartButtonProps = {
|
|
424
437
|
cartTotalText: string;
|
|
425
438
|
onClick: () => void;
|
|
@@ -536,5 +549,5 @@ declare function useCarouselSwipe(config: CarouselSwipeConfig): CarouselSwipeRet
|
|
|
536
549
|
*/
|
|
537
550
|
declare const cx: (...val: ClassValue[]) => string;
|
|
538
551
|
|
|
539
|
-
export { Accordion, AlertCard, BrandButton, Button, CallButton, Checkbox, Checklist, Collapse, Divider, Image, Input, InputField, Link, List, ListItem, MaterialIcon, Modal, NextImage, PageSkeleton, RadioButton, SeeMore, Select, SelectPlanButton, Skeleton, Spinner, Text, Input as TextInput, Tooltip, ViewCartButton, cx, useBodyScrollLock, useCarouselSwipe };
|
|
540
|
-
export type { AlertCardProps, Animation, ButtonProps as BrandButtonProps, ButtonSizeT, ButtonVariantsT, CarouselSwipeConfig, CarouselSwipeReturn, CheckboxProps, CollapsibleProps, DividerProps, FilterOptions, IconName, IconProps, ImageComponentProps, ImageProps, InputFieldProps, InputProps, LinkProps, ListItemProps, ListProps, ModalProps, NextImageComponentProps, RadioButtonProps, ResponsiveSize, SelectOption, SelectPlanButtonProps, SelectProps, Shape, Size, SkeletonProps, SpinnerProps, TextProps, TextVariant, ToolTipProps, ViewCartButtonProps };
|
|
552
|
+
export { Accordion, AlertCard, AnimationWrapper, BrandButton, Button, CallButton, Checkbox, Checklist, Collapse, Divider, Image, Input, InputField, Link, List, ListItem, MaterialIcon, Modal, NextImage, PageSkeleton, RadioButton, SeeMore, Select, SelectPlanButton, Skeleton, Spinner, Text, Input as TextInput, Tooltip, ViewCartButton, cx, useBodyScrollLock, useCarouselSwipe };
|
|
553
|
+
export type { AlertCardProps, Animation, AnimationType, AnimationWrapperProps, ButtonProps as BrandButtonProps, ButtonSizeT, ButtonVariantsT, CarouselSwipeConfig, CarouselSwipeReturn, CheckboxProps, CollapsibleProps, DividerProps, FilterOptions, IconName, IconProps, ImageComponentProps, ImageProps, InputFieldProps, InputProps, LinkProps, ListItemProps, ListProps, ModalProps, NextImageComponentProps, RadioButtonProps, ResponsiveSize, SelectOption, SelectPlanButtonProps, SelectProps, Shape, Size, SkeletonProps, SpinnerProps, TextProps, TextVariant, ToolTipProps, ViewCartButtonProps };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React$1 from 'react';
|
|
2
|
-
import React__default, { InputHTMLAttributes, ReactNode, ForwardRefRenderFunction, ImgHTMLAttributes, ComponentType, ForwardRefExoticComponent, RefAttributes, AnchorHTMLAttributes, MouseEvent, CSSProperties, HTMLAttributes, LiHTMLAttributes, ButtonHTMLAttributes, LabelHTMLAttributes, FC } from 'react';
|
|
2
|
+
import React__default, { InputHTMLAttributes, ReactNode, ForwardRefRenderFunction, ImgHTMLAttributes, ComponentType, ForwardRefExoticComponent, RefAttributes, AnchorHTMLAttributes, MouseEvent, CSSProperties, HTMLAttributes, LiHTMLAttributes, ButtonHTMLAttributes, LabelHTMLAttributes, FC, ReactElement } from 'react';
|
|
3
3
|
export { ButtonHTMLAttributes, CSSProperties, ReactNode } from 'react';
|
|
4
4
|
import { ButtonProps as ButtonProps$1 } from '@shared/components/button/types';
|
|
5
5
|
export { ButtonProps } from '@shared/components/button/types';
|
|
@@ -20,6 +20,7 @@ import { SeeMoreProps } from '@shared/components/see-more/types';
|
|
|
20
20
|
export { SeeMoreProps } from '@shared/components/see-more/types';
|
|
21
21
|
import { ButtonProps as ButtonProps$3 } from '@shared/contentful/blocks/button/types';
|
|
22
22
|
import { CheckPlansProps } from '@shared/types/micro-components';
|
|
23
|
+
import { HTMLMotionProps } from 'framer-motion';
|
|
23
24
|
import { ClassValue } from 'clsx';
|
|
24
25
|
export { ClassValue, clsx } from 'clsx';
|
|
25
26
|
|
|
@@ -59,15 +60,15 @@ type InputFieldProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size"> & {
|
|
|
59
60
|
|
|
60
61
|
declare const InputField: ForwardRefRenderFunction<HTMLInputElement, InputFieldProps>;
|
|
61
62
|
declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> & {
|
|
62
|
-
state?: "
|
|
63
|
-
size?: "
|
|
63
|
+
state?: "error" | "default" | "filled" | "active" | "focus" | "hover" | undefined;
|
|
64
|
+
size?: "medium" | "large" | "slim" | undefined;
|
|
64
65
|
label?: string | undefined;
|
|
65
66
|
errorText?: string | undefined;
|
|
66
|
-
prefixIconName?: "
|
|
67
|
+
prefixIconName?: "search" | "location_on" | undefined;
|
|
67
68
|
prefixIconSize?: 20 | 24 | 40 | 48 | undefined;
|
|
68
69
|
prefixIconFill?: boolean | undefined;
|
|
69
70
|
suffixIconFill?: boolean | undefined;
|
|
70
|
-
suffixIconName?: "visibility" | "
|
|
71
|
+
suffixIconName?: "visibility" | "lock" | "visibility_off" | undefined;
|
|
71
72
|
suffixIconSize?: 20 | 24 | 40 | 48 | undefined;
|
|
72
73
|
containerClassName?: string | undefined;
|
|
73
74
|
prefixIconClassName?: string | undefined;
|
|
@@ -168,7 +169,7 @@ interface ListItemProps extends LiHTMLAttributes<HTMLLIElement> {
|
|
|
168
169
|
|
|
169
170
|
declare const ListItem: React$1.ForwardRefExoticComponent<ListItemProps & React$1.RefAttributes<HTMLLIElement>>;
|
|
170
171
|
|
|
171
|
-
declare const List: React__default.ForwardRefExoticComponent<ListProps & React__default.RefAttributes<
|
|
172
|
+
declare const List: React__default.ForwardRefExoticComponent<ListProps & React__default.RefAttributes<HTMLOListElement | HTMLUListElement>>;
|
|
172
173
|
|
|
173
174
|
declare const iconNameList: readonly ["info", "download", "featured_seasonal_and_gifts", "visibility", "paid", "check_box", "check_box_outline_blank", "radio_button_unchecked", "radio_button_checked", "counter_1", "counter_2", "counter_3", "error", "search", "cancel", "router", "broadcast_on_home", "check", "check_circle", "lock", "shield_lock", "phone_in_talk", "call", "chevron_left", "chevron_right", "keyboard_arrow_down", "keyboard_arrow_up", "arrow_back", "arrow_forward", "help", "home_pin", "location_on", "timer", "schedule", "add", "remove", "bolt", "rocket", "cloud_sync", "close", "groups", "speed", "mail", "credit_card", "language", "forum", "contract", "local_atm", "headset_mic", "sensors", "wifi", "settings", "home", "devices", "build", "thumb_up", "desktop_windows", "block", "all_inclusive", "verified_user", "extension", "stadia_controller", "visibility_off", "close_fullscreen", "progress_activity", "travel_explore", "share", "business_center", "upload", "videocam", "expand_circle_right", "add_circle", "do_not_disturb_on", "expand_circle_up", "expand_circle_down", "replay", "fiber_manual_record", "menu", "dangerous", "star", "play_arrow", "calendar_clock", "shopping_cart"];
|
|
174
175
|
declare const OpticalSizes: readonly ["20dp", "24dp", "40dp", "48dp"];
|
|
@@ -420,6 +421,18 @@ declare namespace Tooltip {
|
|
|
420
421
|
var displayName: string;
|
|
421
422
|
}
|
|
422
423
|
|
|
424
|
+
type AnimationType = "scale" | "shadow" | "lift" | "opacity" | "grow";
|
|
425
|
+
interface AnimationWrapperProps extends Omit<HTMLMotionProps<"div">, "children"> {
|
|
426
|
+
children: ReactElement;
|
|
427
|
+
animationType?: AnimationType | AnimationType[];
|
|
428
|
+
disableAnimation?: boolean;
|
|
429
|
+
}
|
|
430
|
+
|
|
431
|
+
declare function AnimationWrapper({ children, animationType, disableAnimation, whileHover, whileTap, transition, ...motionProps }: AnimationWrapperProps): react_jsx_runtime.JSX.Element;
|
|
432
|
+
declare namespace AnimationWrapper {
|
|
433
|
+
var displayName: string;
|
|
434
|
+
}
|
|
435
|
+
|
|
423
436
|
type ViewCartButtonProps = {
|
|
424
437
|
cartTotalText: string;
|
|
425
438
|
onClick: () => void;
|
|
@@ -536,5 +549,5 @@ declare function useCarouselSwipe(config: CarouselSwipeConfig): CarouselSwipeRet
|
|
|
536
549
|
*/
|
|
537
550
|
declare const cx: (...val: ClassValue[]) => string;
|
|
538
551
|
|
|
539
|
-
export { Accordion, AlertCard, BrandButton, Button, CallButton, Checkbox, Checklist, Collapse, Divider, Image, Input, InputField, Link, List, ListItem, MaterialIcon, Modal, NextImage, PageSkeleton, RadioButton, SeeMore, Select, SelectPlanButton, Skeleton, Spinner, Text, Input as TextInput, Tooltip, ViewCartButton, cx, useBodyScrollLock, useCarouselSwipe };
|
|
540
|
-
export type { AlertCardProps, Animation, ButtonProps as BrandButtonProps, ButtonSizeT, ButtonVariantsT, CarouselSwipeConfig, CarouselSwipeReturn, CheckboxProps, CollapsibleProps, DividerProps, FilterOptions, IconName, IconProps, ImageComponentProps, ImageProps, InputFieldProps, InputProps, LinkProps, ListItemProps, ListProps, ModalProps, NextImageComponentProps, RadioButtonProps, ResponsiveSize, SelectOption, SelectPlanButtonProps, SelectProps, Shape, Size, SkeletonProps, SpinnerProps, TextProps, TextVariant, ToolTipProps, ViewCartButtonProps };
|
|
552
|
+
export { Accordion, AlertCard, AnimationWrapper, BrandButton, Button, CallButton, Checkbox, Checklist, Collapse, Divider, Image, Input, InputField, Link, List, ListItem, MaterialIcon, Modal, NextImage, PageSkeleton, RadioButton, SeeMore, Select, SelectPlanButton, Skeleton, Spinner, Text, Input as TextInput, Tooltip, ViewCartButton, cx, useBodyScrollLock, useCarouselSwipe };
|
|
553
|
+
export type { AlertCardProps, Animation, AnimationType, AnimationWrapperProps, ButtonProps as BrandButtonProps, ButtonSizeT, ButtonVariantsT, CarouselSwipeConfig, CarouselSwipeReturn, CheckboxProps, CollapsibleProps, DividerProps, FilterOptions, IconName, IconProps, ImageComponentProps, ImageProps, InputFieldProps, InputProps, LinkProps, ListItemProps, ListProps, ModalProps, NextImageComponentProps, RadioButtonProps, ResponsiveSize, SelectOption, SelectPlanButtonProps, SelectProps, Shape, Size, SkeletonProps, SpinnerProps, TextProps, TextVariant, ToolTipProps, ViewCartButtonProps };
|