@artsy/palette 40.2.0 → 40.3.0-canary.20ffe4c1.0
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/elements/FilterSelect/Components/FilterSelectContext.js +11 -8
- package/dist/elements/FilterSelect/Components/FilterSelectContext.js.map +1 -1
- package/dist/elements/FilterSelect/FilterSelect.js +54 -3
- package/dist/elements/FilterSelect/FilterSelect.js.map +1 -1
- package/dist/elements/FilterSelect/FilterSelect.story.js +19 -3
- package/dist/elements/FilterSelect/FilterSelect.story.js.map +1 -1
- package/package.json +2 -2
- package/dist/Theme.d.ts +0 -83
- package/dist/elements/AutocompleteInput/AutocompleteInput.d.ts +0 -37
- package/dist/elements/AutocompleteInput/AutocompleteInput.story.d.ts +0 -9
- package/dist/elements/AutocompleteInput/AutocompleteInputOption.d.ts +0 -6
- package/dist/elements/AutocompleteInput/AutocompleteInputOptionLabel.d.ts +0 -6
- package/dist/elements/AutocompleteInput/index.d.ts +0 -3
- package/dist/elements/Avatar/Avatar.d.ts +0 -11
- package/dist/elements/Avatar/Avatar.story.d.ts +0 -8
- package/dist/elements/Avatar/index.d.ts +0 -1
- package/dist/elements/Banner/Banner.d.ts +0 -32
- package/dist/elements/Banner/Banner.story.d.ts +0 -6
- package/dist/elements/Banner/index.d.ts +0 -1
- package/dist/elements/BaseTabs/BaseTab.d.ts +0 -31
- package/dist/elements/BaseTabs/BaseTabs.d.ts +0 -13
- package/dist/elements/BaseTabs/BaseTabs.story.d.ts +0 -39
- package/dist/elements/BaseTabs/index.d.ts +0 -2
- package/dist/elements/BaseTabs/tokens.d.ts +0 -6
- package/dist/elements/BorderBox/BorderBox.d.ts +0 -11
- package/dist/elements/BorderBox/BorderBoxBase.d.ts +0 -12
- package/dist/elements/BorderBox/index.d.ts +0 -2
- package/dist/elements/BorderedRadio/BorderedRadio.d.ts +0 -5
- package/dist/elements/BorderedRadio/BorderedRadio.story.d.ts +0 -6
- package/dist/elements/BorderedRadio/index.d.ts +0 -1
- package/dist/elements/Box/Box.d.ts +0 -16
- package/dist/elements/Box/Box.story.d.ts +0 -6
- package/dist/elements/Box/index.d.ts +0 -1
- package/dist/elements/Breadcrumbs/Breadcrumbs.d.ts +0 -11
- package/dist/elements/Breadcrumbs/Breadcrumbs.story.d.ts +0 -6
- package/dist/elements/Breadcrumbs/index.d.ts +0 -1
- package/dist/elements/Button/Button.d.ts +0 -35
- package/dist/elements/Button/Button.story.d.ts +0 -29
- package/dist/elements/Button/index.d.ts +0 -4
- package/dist/elements/Button/tokens.d.ts +0 -22
- package/dist/elements/Button/types.d.ts +0 -11
- package/dist/elements/CSSGrid/CSSGrid.d.ts +0 -14
- package/dist/elements/CSSGrid/CSSGrid.story.d.ts +0 -17
- package/dist/elements/CSSGrid/index.d.ts +0 -1
- package/dist/elements/Cards/Card.d.ts +0 -16
- package/dist/elements/Cards/Cards.story.d.ts +0 -25
- package/dist/elements/Cards/TriptychCard.d.ts +0 -19
- package/dist/elements/Cards/index.d.ts +0 -2
- package/dist/elements/Carousel/Carousel.d.ts +0 -45
- package/dist/elements/Carousel/Carousel.story.d.ts +0 -93
- package/dist/elements/Carousel/CarouselNavigation.d.ts +0 -22
- package/dist/elements/Carousel/index.d.ts +0 -3
- package/dist/elements/Carousel/paginate.d.ts +0 -31
- package/dist/elements/CarouselBar/CarouselBar.d.ts +0 -4
- package/dist/elements/CarouselBar/CarouselBar.story.d.ts +0 -6
- package/dist/elements/CarouselBar/index.d.ts +0 -1
- package/dist/elements/Checkbox/Check.d.ts +0 -10
- package/dist/elements/Checkbox/Check.story.d.ts +0 -6
- package/dist/elements/Checkbox/Checkbox.d.ts +0 -18
- package/dist/elements/Checkbox/Checkbox.story.d.ts +0 -8
- package/dist/elements/Checkbox/index.d.ts +0 -1
- package/dist/elements/Checkbox/tokens.d.ts +0 -30
- package/dist/elements/CleanTag/CleanTag.d.ts +0 -44
- package/dist/elements/CleanTag/index.d.ts +0 -1
- package/dist/elements/Clickable/Clickable.d.ts +0 -14
- package/dist/elements/Clickable/Clickable.story.d.ts +0 -12
- package/dist/elements/Clickable/index.d.ts +0 -1
- package/dist/elements/Collapse/Collapse.d.ts +0 -19
- package/dist/elements/Collapse/index.d.ts +0 -1
- package/dist/elements/Drawer/Drawer.d.ts +0 -8
- package/dist/elements/Drawer/Drawer.story.d.ts +0 -10
- package/dist/elements/Drawer/index.d.ts +0 -1
- package/dist/elements/Dropdown/Dropdown.d.ts +0 -38
- package/dist/elements/Dropdown/Dropdown.story.d.ts +0 -31
- package/dist/elements/Dropdown/index.d.ts +0 -1
- package/dist/elements/EntityHeader/EntityHeader.d.ts +0 -23
- package/dist/elements/EntityHeader/EntityHeader.story.d.ts +0 -6
- package/dist/elements/EntityHeader/index.d.ts +0 -1
- package/dist/elements/Expandable/Expandable.d.ts +0 -17
- package/dist/elements/Expandable/Expandable.story.d.ts +0 -7
- package/dist/elements/Expandable/index.d.ts +0 -1
- package/dist/elements/FilterSelect/Components/FilterInput.d.ts +0 -4
- package/dist/elements/FilterSelect/Components/FilterSelectContext.d.ts +0 -33
- package/dist/elements/FilterSelect/Components/FilterSelectResultItem.d.ts +0 -3
- package/dist/elements/FilterSelect/FilterSelect.d.ts +0 -5
- package/dist/elements/FilterSelect/FilterSelect.story.d.ts +0 -6
- package/dist/elements/FilterSelect/index.d.ts +0 -2
- package/dist/elements/Flex/Flex.d.ts +0 -12
- package/dist/elements/Flex/index.d.ts +0 -1
- package/dist/elements/FullBleed/FullBleed.d.ts +0 -10
- package/dist/elements/FullBleed/FullBleed.story.d.ts +0 -6
- package/dist/elements/FullBleed/index.d.ts +0 -1
- package/dist/elements/GridColumns/GridColumns.d.ts +0 -26
- package/dist/elements/GridColumns/GridColumns.story.d.ts +0 -23
- package/dist/elements/GridColumns/calculateGridColumn.d.ts +0 -23
- package/dist/elements/GridColumns/index.d.ts +0 -2
- package/dist/elements/HTML/HTML.d.ts +0 -20
- package/dist/elements/HTML/HTML.story.d.ts +0 -17
- package/dist/elements/HTML/index.d.ts +0 -1
- package/dist/elements/HorizontalOverflow/HorizontalOverflow.d.ts +0 -8
- package/dist/elements/HorizontalOverflow/HorizontalOverflow.story.d.ts +0 -7
- package/dist/elements/HorizontalOverflow/index.d.ts +0 -1
- package/dist/elements/Image/Image.d.ts +0 -16
- package/dist/elements/Image/Image.story.d.ts +0 -35
- package/dist/elements/Image/LazyImage.d.ts +0 -15
- package/dist/elements/Image/index.d.ts +0 -1
- package/dist/elements/Input/Input.d.ts +0 -16
- package/dist/elements/Input/Input.story.d.ts +0 -10
- package/dist/elements/Input/index.d.ts +0 -1
- package/dist/elements/Input/tokens.d.ts +0 -2
- package/dist/elements/Input/types.d.ts +0 -1
- package/dist/elements/Join/Join.d.ts +0 -26
- package/dist/elements/Join/Join.story.d.ts +0 -24
- package/dist/elements/Join/index.d.ts +0 -1
- package/dist/elements/Label/Label.d.ts +0 -22
- package/dist/elements/Label/Label.story.d.ts +0 -7
- package/dist/elements/Label/index.d.ts +0 -1
- package/dist/elements/LabeledInput/LabeledInput.d.ts +0 -8
- package/dist/elements/LabeledInput/LabeledInput.story.d.ts +0 -8
- package/dist/elements/LabeledInput/index.d.ts +0 -1
- package/dist/elements/Link/Link.d.ts +0 -13
- package/dist/elements/Link/index.d.ts +0 -1
- package/dist/elements/Marquee/Marquee.d.ts +0 -25
- package/dist/elements/Marquee/Marquee.story.d.ts +0 -6
- package/dist/elements/Marquee/index.d.ts +0 -1
- package/dist/elements/Message/Message.d.ts +0 -41
- package/dist/elements/Message/Message.story.d.ts +0 -6
- package/dist/elements/Message/index.d.ts +0 -1
- package/dist/elements/Modal/ModalBase.d.ts +0 -20
- package/dist/elements/Modal/ModalBase.story.d.ts +0 -9
- package/dist/elements/Modal/index.d.ts +0 -1
- package/dist/elements/ModalDialog/ModalDialog.d.ts +0 -8
- package/dist/elements/ModalDialog/ModalDialog.story.d.ts +0 -6
- package/dist/elements/ModalDialog/ModalDialogContent.d.ts +0 -16
- package/dist/elements/ModalDialog/ModalDialogContent.story.d.ts +0 -6
- package/dist/elements/ModalDialog/index.d.ts +0 -2
- package/dist/elements/MultiSelect/MultiSelect.d.ts +0 -19
- package/dist/elements/MultiSelect/MultiSelect.story.d.ts +0 -7
- package/dist/elements/MultiSelect/index.d.ts +0 -1
- package/dist/elements/MultiSelect/tokens.d.ts +0 -2
- package/dist/elements/Pagination/Pagination.d.ts +0 -33
- package/dist/elements/Pagination/Pagination.story.d.ts +0 -12
- package/dist/elements/Pagination/index.d.ts +0 -1
- package/dist/elements/PasswordInput/PasswordInput.d.ts +0 -6
- package/dist/elements/PasswordInput/PasswordInput.story.d.ts +0 -6
- package/dist/elements/PasswordInput/index.d.ts +0 -1
- package/dist/elements/PhoneInput/PhoneInput.d.ts +0 -31
- package/dist/elements/PhoneInput/PhoneInput.story.d.ts +0 -6
- package/dist/elements/PhoneInput/index.d.ts +0 -1
- package/dist/elements/PhoneInput/tokens.d.ts +0 -9
- package/dist/elements/Pill/Pill.d.ts +0 -48
- package/dist/elements/Pill/Pill.story.d.ts +0 -14
- package/dist/elements/Pill/index.d.ts +0 -1
- package/dist/elements/Pill/tokens.d.ts +0 -3
- package/dist/elements/Pointer/Pointer.d.ts +0 -23
- package/dist/elements/Pointer/index.d.ts +0 -1
- package/dist/elements/Popover/Popover.d.ts +0 -46
- package/dist/elements/Popover/Popover.story.d.ts +0 -27
- package/dist/elements/Popover/index.d.ts +0 -1
- package/dist/elements/ProgressBar/ProgressBar.d.ts +0 -11
- package/dist/elements/ProgressBar/ProgressBar.story.d.ts +0 -16
- package/dist/elements/ProgressBar/index.d.ts +0 -1
- package/dist/elements/ProgressDots/ProgressDots.d.ts +0 -26
- package/dist/elements/ProgressDots/ProgressDots.story.d.ts +0 -16
- package/dist/elements/ProgressDots/index.d.ts +0 -1
- package/dist/elements/Radio/Radio.d.ts +0 -30
- package/dist/elements/Radio/Radio.story.d.ts +0 -7
- package/dist/elements/Radio/RadioDot.d.ts +0 -11
- package/dist/elements/Radio/index.d.ts +0 -1
- package/dist/elements/Radio/tokens.d.ts +0 -39
- package/dist/elements/RadioGroup/RadioGroup.d.ts +0 -35
- package/dist/elements/RadioGroup/RadioGroup.story.d.ts +0 -13
- package/dist/elements/RadioGroup/index.d.ts +0 -1
- package/dist/elements/Range/Range.d.ts +0 -12
- package/dist/elements/Range/Range.story.d.ts +0 -18
- package/dist/elements/Range/index.d.ts +0 -1
- package/dist/elements/ReadMore/ReadMore.d.ts +0 -12
- package/dist/elements/ReadMore/ReadMore.story.d.ts +0 -53
- package/dist/elements/ReadMore/index.d.ts +0 -1
- package/dist/elements/ResponsiveBox/ResponsiveBox.d.ts +0 -21
- package/dist/elements/ResponsiveBox/ResponsiveBox.story.d.ts +0 -13
- package/dist/elements/ResponsiveBox/index.d.ts +0 -1
- package/dist/elements/Select/Select.d.ts +0 -23
- package/dist/elements/Select/Select.story.d.ts +0 -6
- package/dist/elements/Select/index.d.ts +0 -1
- package/dist/elements/Select/tokens.d.ts +0 -2
- package/dist/elements/Select/types.d.ts +0 -1
- package/dist/elements/Separator/Separator.d.ts +0 -8
- package/dist/elements/Separator/Separator.story.d.ts +0 -6
- package/dist/elements/Separator/index.d.ts +0 -1
- package/dist/elements/Shelf/Shelf.d.ts +0 -15
- package/dist/elements/Shelf/Shelf.story.d.ts +0 -18
- package/dist/elements/Shelf/ShelfNavigation.d.ts +0 -16
- package/dist/elements/Shelf/ShelfScrollBar.d.ts +0 -29
- package/dist/elements/Shelf/index.d.ts +0 -3
- package/dist/elements/Shelf/useClickScroll.d.ts +0 -10
- package/dist/elements/Shelf/useDragScroll.d.ts +0 -11
- package/dist/elements/ShowMore/ShowMore.d.ts +0 -12
- package/dist/elements/ShowMore/ShowMore.story.d.ts +0 -12
- package/dist/elements/ShowMore/index.d.ts +0 -1
- package/dist/elements/Skeleton/Skeleton.d.ts +0 -20
- package/dist/elements/Skeleton/Skeleton.story.d.ts +0 -9
- package/dist/elements/Skeleton/index.d.ts +0 -1
- package/dist/elements/Skip/Skip.d.ts +0 -16
- package/dist/elements/Skip/Skip.story.d.ts +0 -23
- package/dist/elements/Skip/index.d.ts +0 -1
- package/dist/elements/Spacer/Spacer.d.ts +0 -13
- package/dist/elements/Spacer/Spacer.story.d.ts +0 -11
- package/dist/elements/Spacer/index.d.ts +0 -1
- package/dist/elements/Spinner/Spinner.d.ts +0 -35
- package/dist/elements/Spinner/Spinner.story.d.ts +0 -18
- package/dist/elements/Spinner/index.d.ts +0 -1
- package/dist/elements/Stack/Stack.d.ts +0 -13
- package/dist/elements/Stack/Stack.story.d.ts +0 -6
- package/dist/elements/Stack/index.d.ts +0 -1
- package/dist/elements/StackableBorderBox/StackableBorderBox.d.ts +0 -9
- package/dist/elements/StackableBorderBox/StackableBorderBox.story.d.ts +0 -6
- package/dist/elements/StackableBorderBox/index.d.ts +0 -1
- package/dist/elements/Stepper/Stepper.d.ts +0 -17
- package/dist/elements/Stepper/Stepper.story.d.ts +0 -7
- package/dist/elements/Stepper/index.d.ts +0 -1
- package/dist/elements/Sup/Sup.d.ts +0 -15
- package/dist/elements/Sup/Sup.story.d.ts +0 -6
- package/dist/elements/Sup/index.d.ts +0 -1
- package/dist/elements/Swiper/Swiper.d.ts +0 -41
- package/dist/elements/Swiper/Swiper.story.d.ts +0 -72
- package/dist/elements/Swiper/activeIndex.d.ts +0 -9
- package/dist/elements/Swiper/index.d.ts +0 -1
- package/dist/elements/Swiper/percentage.d.ts +0 -12
- package/dist/elements/Tabs/Tabs.d.ts +0 -52
- package/dist/elements/Tabs/Tabs.story.d.ts +0 -30
- package/dist/elements/Tabs/index.d.ts +0 -1
- package/dist/elements/Text/Text.d.ts +0 -43
- package/dist/elements/Text/Text.story.d.ts +0 -9
- package/dist/elements/Text/index.d.ts +0 -1
- package/dist/elements/TextArea/TextArea.d.ts +0 -22
- package/dist/elements/TextArea/TextArea.story.d.ts +0 -7
- package/dist/elements/TextArea/index.d.ts +0 -1
- package/dist/elements/TextArea/tokens.d.ts +0 -2
- package/dist/elements/TextArea/types.d.ts +0 -1
- package/dist/elements/Toasts/Toast.d.ts +0 -33
- package/dist/elements/Toasts/Toast.story.d.ts +0 -6
- package/dist/elements/Toasts/Toasts.d.ts +0 -6
- package/dist/elements/Toasts/Toasts.story.d.ts +0 -9
- package/dist/elements/Toasts/index.d.ts +0 -3
- package/dist/elements/Toasts/useToasts.d.ts +0 -32
- package/dist/elements/Toggle/Toggle.d.ts +0 -14
- package/dist/elements/Toggle/Toggle.story.d.ts +0 -7
- package/dist/elements/Toggle/index.d.ts +0 -1
- package/dist/elements/Toggle/tokens.d.ts +0 -13
- package/dist/elements/Tooltip/Tooltip.d.ts +0 -29
- package/dist/elements/Tooltip/Tooltip.story.d.ts +0 -31
- package/dist/elements/Tooltip/index.d.ts +0 -1
- package/dist/elements/VisuallyHidden/VisuallyHidden.d.ts +0 -27
- package/dist/elements/VisuallyHidden/index.d.ts +0 -1
- package/dist/elements/index.d.ts +0 -70
- package/dist/helpers/color.d.ts +0 -8
- package/dist/helpers/flattenChildren.d.ts +0 -5
- package/dist/helpers/index.d.ts +0 -7
- package/dist/helpers/injectGlobalStyles.d.ts +0 -9
- package/dist/helpers/isReactNative.d.ts +0 -5
- package/dist/helpers/isText.d.ts +0 -5
- package/dist/helpers/media.d.ts +0 -21
- package/dist/helpers/space.d.ts +0 -8
- package/dist/helpers/transition.d.ts +0 -3
- package/dist/helpers/visuallyDisableScrollbar.d.ts +0 -4
- package/dist/index.d.ts +0 -4
- package/dist/shared/RequiredField.d.ts +0 -5
- package/dist/themes/Themes.story.d.ts +0 -14
- package/dist/themes/index.d.ts +0 -1
- package/dist/themes/types.d.ts +0 -1
- package/dist/utils/FocusLocking.story.d.ts +0 -8
- package/dist/utils/index.d.ts +0 -12
- package/dist/utils/remapValue.d.ts +0 -15
- package/dist/utils/splitProps.d.ts +0 -7
- package/dist/utils/useClickOutside.d.ts +0 -12
- package/dist/utils/useContainsFocus.d.ts +0 -6
- package/dist/utils/useDidMount.d.ts +0 -4
- package/dist/utils/useInterval.d.ts +0 -2
- package/dist/utils/useIsomorphicLayoutEffect.d.ts +0 -5
- package/dist/utils/useLatest.d.ts +0 -2
- package/dist/utils/useMutationObserver.d.ts +0 -15
- package/dist/utils/usePortal.d.ts +0 -4
- package/dist/utils/usePosition.d.ts +0 -68
- package/dist/utils/usePrevious.d.ts +0 -5
- package/dist/utils/useResizeObserver.d.ts +0 -9
- package/dist/utils/useSentinelVisibility.d.ts +0 -8
- package/dist/utils/useUpdateEffect.d.ts +0 -5
- package/dist/utils/useWidthOf.d.ts +0 -9
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { TextProps } from "../Text";
|
|
3
|
-
/**
|
|
4
|
-
* Utilize as="a" or as={Component} to alter functionality
|
|
5
|
-
*/
|
|
6
|
-
export declare type BaseTabProps<C extends React.ComponentType<React.PropsWithChildren<unknown>> = any> = TextProps & {
|
|
7
|
-
active?: boolean;
|
|
8
|
-
focus?: boolean;
|
|
9
|
-
hover?: boolean;
|
|
10
|
-
} & React.ComponentPropsWithoutRef<C> & {
|
|
11
|
-
as?: C;
|
|
12
|
-
};
|
|
13
|
-
/**
|
|
14
|
-
* Extends `Text`. Should always be nested within a `BaseTabs` container.
|
|
15
|
-
*
|
|
16
|
-
* Use the `as` prop to alter behavior.
|
|
17
|
-
* E.g.: `<BaseTab as={RouterLink} to="/foo">Foo</BaseTab>`
|
|
18
|
-
* or `<BaseTab as={Clickable} onClick={handleClick}>Foo</BaseTab>`
|
|
19
|
-
*/
|
|
20
|
-
export declare const BaseTab: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("..").BoxProps> & import("..").BoxProps, "ref"> & {
|
|
21
|
-
ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
22
|
-
}, "gap" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textTransform" | "top" | "verticalAlign" | "width" | "zIndex" | "background" | "backgroundPosition" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "lineClamp" | "margin" | "overflow" | "padding" | "bg" | "borderX" | "borderY" | "size" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "textColor" | "variant" | "hyphenate" | "overflowEllipsis"> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & {
|
|
23
|
-
variant?: import("styled-system").ResponsiveValue<"xxxl" | "xxl" | "xl" | "lg" | "lg-display" | "md" | "sm" | "sm-display" | "xs" | "xxs" | "bq", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
|
24
|
-
textColor?: import("styled-system").ResponsiveValue<"black100" | "black60" | "black30" | "black15" | "black10" | "black5" | "white100" | "blue200" | "blue150" | "blue100" | "brand" | "blue15" | "blue10" | "green150" | "green100" | "green10" | "yellow150" | "yellow100" | "yellow10" | "orange150" | "orange100" | "orange10" | "red150" | "red100" | "red50" | "red10", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
|
25
|
-
lineClamp?: number | undefined;
|
|
26
|
-
} & import("..").BoxProps & {
|
|
27
|
-
hyphenate?: boolean | undefined;
|
|
28
|
-
overflowEllipsis?: boolean | undefined;
|
|
29
|
-
textTransform?: import("styled-system").ResponsiveValue<import("../Text").TextTransform, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
|
30
|
-
lineClamp?: import("styled-system").ResponsiveValue<number, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
|
31
|
-
}, BaseTabProps<any>>> & string;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { BoxProps } from "../Box";
|
|
3
|
-
/** Extends `Box` */
|
|
4
|
-
export declare type BaseTabsProps = BoxProps & {
|
|
5
|
-
/**
|
|
6
|
-
* Enable if tabs should fill the width of the container
|
|
7
|
-
* (as opposed to left-align)
|
|
8
|
-
*/
|
|
9
|
-
fill?: boolean;
|
|
10
|
-
children: React.ReactNode;
|
|
11
|
-
};
|
|
12
|
-
/** Extends `Box`, provides configurable gutter */
|
|
13
|
-
export declare const BaseTabs: React.ForwardRefExoticComponent<BaseTabsProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
declare const _default: {
|
|
3
|
-
title: string;
|
|
4
|
-
};
|
|
5
|
-
export default _default;
|
|
6
|
-
export declare const _BaseTab: () => React.JSX.Element;
|
|
7
|
-
export declare const Default: () => React.JSX.Element;
|
|
8
|
-
export declare const AsA: {
|
|
9
|
-
(): React.JSX.Element;
|
|
10
|
-
story: {
|
|
11
|
-
name: string;
|
|
12
|
-
};
|
|
13
|
-
};
|
|
14
|
-
export declare const AsClickable: {
|
|
15
|
-
(): React.JSX.Element;
|
|
16
|
-
story: {
|
|
17
|
-
name: string;
|
|
18
|
-
};
|
|
19
|
-
};
|
|
20
|
-
export declare const AsRouterLink: {
|
|
21
|
-
(): React.JSX.Element;
|
|
22
|
-
story: {
|
|
23
|
-
name: string;
|
|
24
|
-
};
|
|
25
|
-
};
|
|
26
|
-
export declare const Overflowing: () => React.JSX.Element;
|
|
27
|
-
export declare const Fill: () => React.JSX.Element;
|
|
28
|
-
export declare const BreakingOutOfContainerMargin: {
|
|
29
|
-
(): React.JSX.Element;
|
|
30
|
-
story: {
|
|
31
|
-
name: string;
|
|
32
|
-
};
|
|
33
|
-
};
|
|
34
|
-
export declare const NestedChildren: {
|
|
35
|
-
(): React.JSX.Element;
|
|
36
|
-
story: {
|
|
37
|
-
name: string;
|
|
38
|
-
};
|
|
39
|
-
};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { BoxProps } from "../Box";
|
|
3
|
-
export declare type BorderBoxProps = BoxProps;
|
|
4
|
-
/**
|
|
5
|
-
* A `div` that has a common border and padding set by default
|
|
6
|
-
* @deprecated: Use `Box` along with props e.g. `border="1px solid" borderColor="black10" p={2}`,
|
|
7
|
-
* as needed.
|
|
8
|
-
*/
|
|
9
|
-
export declare const BorderBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BoxProps> & BoxProps, "ref"> & {
|
|
10
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
11
|
-
}, never>> & string;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { FlexProps } from "../Flex";
|
|
3
|
-
export interface BorderBoxProps extends FlexProps {
|
|
4
|
-
hover?: boolean;
|
|
5
|
-
}
|
|
6
|
-
/**
|
|
7
|
-
* A `div` that has a common border and padding set by default
|
|
8
|
-
* @deprecated: Use `Box`
|
|
9
|
-
*/
|
|
10
|
-
export declare const BorderBoxBase: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("..").BoxProps> & import("..").BoxProps, "ref"> & {
|
|
11
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
12
|
-
}, keyof import("..").BoxProps> & import("..").BoxProps, BorderBoxProps>> & string;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { RadioProps } from "../Radio";
|
|
3
|
-
export declare type BorderedRadioProps<T = any> = RadioProps<T>;
|
|
4
|
-
/** A radio button with a border */
|
|
5
|
-
export declare const BorderedRadio: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<RadioProps<unknown>, BorderedRadioProps<any>>> & string & Omit<(<T>({ children, disabled, hover, focus, error, label, selected, value, size, onSelect, ...rest }: RadioProps<T>) => import("react").JSX.Element), keyof import("react").Component<any, {}, any>>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./BorderedRadio";
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { BackgroundProps, BorderProps, ColorProps, FlexboxProps, GridAreaProps, LayoutProps, PositionProps, ResponsiveValue, SpaceProps, TextAlignProps } from "styled-system";
|
|
3
|
-
export interface BoxProps extends BackgroundProps, BorderProps, Omit<ColorProps, "color">, FlexboxProps, GridAreaProps, LayoutProps, PositionProps, SpaceProps, TextAlignProps {
|
|
4
|
-
gap?: ResponsiveValue<string | number>;
|
|
5
|
-
}
|
|
6
|
-
/**
|
|
7
|
-
* All the system functions for Box
|
|
8
|
-
*/
|
|
9
|
-
export declare const boxMixin: import("styled-system").styleFn;
|
|
10
|
-
/**
|
|
11
|
-
* Box is just a `View` or `div` (depending on the platform) with common styled-systems
|
|
12
|
-
* hooks.
|
|
13
|
-
*/
|
|
14
|
-
export declare const Box: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BoxProps>> & string;
|
|
15
|
-
/** Splits out props into valid and invalid BoxProps */
|
|
16
|
-
export declare const splitBoxProps: <U>(props: U) => [BoxProps, Omit<U, keyof BoxProps>];
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./Box";
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { BoxProps } from "../Box";
|
|
3
|
-
/** Breadcrumbs extends Box */
|
|
4
|
-
export declare type BreadcrumbsProps = BoxProps;
|
|
5
|
-
/**
|
|
6
|
-
* A breadcrumb trail consists of a list of links to the parent pages of the
|
|
7
|
-
* current page in hierarchical order. It helps users find their place within
|
|
8
|
-
* a website or web application. Breadcrumbs are often placed horizontally
|
|
9
|
-
* before a page's main content.
|
|
10
|
-
*/
|
|
11
|
-
export declare const Breadcrumbs: React.FC<React.PropsWithChildren<BreadcrumbsProps>>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./Breadcrumbs";
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { ResponsiveValue } from "styled-system";
|
|
3
|
-
import { BoxProps } from "../Box";
|
|
4
|
-
import { ButtonSize, ButtonVariant } from "./types";
|
|
5
|
-
export interface ButtonProps extends BoxProps, React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
6
|
-
/**
|
|
7
|
-
* @description
|
|
8
|
-
* The theme of the button. It's possible to pass an array that
|
|
9
|
-
* behaves accordingly to the media breakpoints ["sm", "md", "lg", "xl"]
|
|
10
|
-
* @example
|
|
11
|
-
* "primaryBlack"
|
|
12
|
-
* "primaryWhite"
|
|
13
|
-
* ["primaryGray", "secondaryBlack"]
|
|
14
|
-
* @see {@link ButtonVariant}
|
|
15
|
-
*/
|
|
16
|
-
variant?: ResponsiveValue<ButtonVariant>;
|
|
17
|
-
/** Size of the button */
|
|
18
|
-
size?: ResponsiveValue<ButtonSize>;
|
|
19
|
-
/** Displays a loader in the button */
|
|
20
|
-
loading?: boolean;
|
|
21
|
-
/** Forces hover state */
|
|
22
|
-
hover?: boolean;
|
|
23
|
-
/** Forces focus state */
|
|
24
|
-
focus?: boolean;
|
|
25
|
-
/** Forces active state */
|
|
26
|
-
active?: boolean;
|
|
27
|
-
/** Forces success state */
|
|
28
|
-
success?: boolean;
|
|
29
|
-
/** Optional icon slot */
|
|
30
|
-
Icon?: React.FunctionComponent<React.PropsWithChildren<BoxProps & {
|
|
31
|
-
fill?: ResponsiveValue<string>;
|
|
32
|
-
}>>;
|
|
33
|
-
}
|
|
34
|
-
export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLElement>>;
|
|
35
|
-
export declare const buttonMixin: import("styled-components").RuleSet<object>;
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
declare const _default: {
|
|
3
|
-
title: string;
|
|
4
|
-
};
|
|
5
|
-
export default _default;
|
|
6
|
-
export declare const _States: {
|
|
7
|
-
(): React.JSX.Element;
|
|
8
|
-
story: {
|
|
9
|
-
name: string;
|
|
10
|
-
};
|
|
11
|
-
};
|
|
12
|
-
export declare const Sizes: () => React.JSX.Element;
|
|
13
|
-
export declare const Variants: () => React.JSX.Element;
|
|
14
|
-
export declare const NativeButtonProps: {
|
|
15
|
-
(): React.JSX.Element;
|
|
16
|
-
story: {
|
|
17
|
-
name: string;
|
|
18
|
-
};
|
|
19
|
-
};
|
|
20
|
-
export declare const WithBoxProps: {
|
|
21
|
-
(): React.JSX.Element;
|
|
22
|
-
story: {
|
|
23
|
-
name: string;
|
|
24
|
-
};
|
|
25
|
-
};
|
|
26
|
-
export declare const Loading: () => React.JSX.Element;
|
|
27
|
-
export declare const As: () => React.JSX.Element;
|
|
28
|
-
export declare const WithIcon: () => React.JSX.Element;
|
|
29
|
-
export declare const ResponsiveSize: () => React.JSX.Element;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { TextProps } from "../Text";
|
|
2
|
-
import { ButtonSize, ButtonState, ButtonVariant } from "./types";
|
|
3
|
-
export declare const BUTTON_STYLES: Record<ButtonVariant, Record<ButtonState, any>>;
|
|
4
|
-
declare type ButtonVariants = Record<ButtonState, Record<ButtonVariant, any>>;
|
|
5
|
-
/** Inverts the structure of the style object so that we can use responsive values for `variant` */
|
|
6
|
-
export declare const BUTTON_VARIANTS: ButtonVariants;
|
|
7
|
-
/** Available button sizes */
|
|
8
|
-
export declare const BUTTON_SIZES: {
|
|
9
|
-
readonly small: {
|
|
10
|
-
readonly height: "30px";
|
|
11
|
-
readonly borderRadius: "15px";
|
|
12
|
-
readonly px: "25px";
|
|
13
|
-
};
|
|
14
|
-
readonly large: {
|
|
15
|
-
readonly height: "50px";
|
|
16
|
-
readonly borderRadius: "25px";
|
|
17
|
-
readonly px: "25px";
|
|
18
|
-
};
|
|
19
|
-
};
|
|
20
|
-
/** Text sizes associated with available button sizes */
|
|
21
|
-
export declare const BUTTON_TEXT_SIZES: Record<ButtonSize, TextProps["variant"]>;
|
|
22
|
-
export {};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/** Names of button variants */
|
|
2
|
-
export declare const BUTTON_VARIANT_NAMES: readonly ["primaryBlack", "primaryWhite", "primaryBlue", "primaryGray", "secondaryBlack", "secondaryBlue", "secondaryWhite", "secondaryNeutral", "tertiary"];
|
|
3
|
-
/** Name of treatments */
|
|
4
|
-
export declare type ButtonVariant = typeof BUTTON_VARIANT_NAMES[number];
|
|
5
|
-
export declare const BUTTON_STATES: readonly ["default", "hover", "focus", "active", "loading", "disabled", "success"];
|
|
6
|
-
/** Possible states that require styling */
|
|
7
|
-
export declare type ButtonState = typeof BUTTON_STATES[number];
|
|
8
|
-
/** Names of button sizes */
|
|
9
|
-
export declare const BUTTON_SIZE_NAMES: readonly ["small", "large"];
|
|
10
|
-
/** Available sizes */
|
|
11
|
-
export declare type ButtonSize = typeof BUTTON_SIZE_NAMES[number];
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { GridProps } from "styled-system";
|
|
3
|
-
import { BoxProps } from "../Box";
|
|
4
|
-
/**
|
|
5
|
-
* All props available to the CSSGrid component
|
|
6
|
-
*/
|
|
7
|
-
export interface CSSGridProps extends GridProps, BoxProps {
|
|
8
|
-
}
|
|
9
|
-
/**
|
|
10
|
-
* A utility component that encapsulates CSS grid behavior
|
|
11
|
-
*/
|
|
12
|
-
export declare const CSSGrid: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BoxProps> & BoxProps, "ref"> & {
|
|
13
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
14
|
-
}, CSSGridProps>> & string;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
declare const _default: {
|
|
3
|
-
title: string;
|
|
4
|
-
};
|
|
5
|
-
export default _default;
|
|
6
|
-
export declare const CssGridWithResponsiveProps: {
|
|
7
|
-
(): React.JSX.Element;
|
|
8
|
-
story: {
|
|
9
|
-
name: string;
|
|
10
|
-
parameters: {
|
|
11
|
-
chromatic: {
|
|
12
|
-
delay: number;
|
|
13
|
-
diffThreshold: number;
|
|
14
|
-
};
|
|
15
|
-
};
|
|
16
|
-
};
|
|
17
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./CSSGrid";
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { ImageProps } from "../Image";
|
|
3
|
-
import { BoxProps } from "../Box";
|
|
4
|
-
export interface CardProps extends BoxProps {
|
|
5
|
-
image: string | ImageProps | null | undefined;
|
|
6
|
-
title?: string | null;
|
|
7
|
-
subtitle?: string | null;
|
|
8
|
-
status?: string | null;
|
|
9
|
-
aspectWidth?: number;
|
|
10
|
-
aspectHeight?: number;
|
|
11
|
-
}
|
|
12
|
-
/**
|
|
13
|
-
* `Card` is a card with one image one tall image, and text for title
|
|
14
|
-
* and subtitle at the bottom.
|
|
15
|
-
*/
|
|
16
|
-
export declare const Card: React.FC<React.PropsWithChildren<CardProps>>;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
declare const _default: {
|
|
3
|
-
title: string;
|
|
4
|
-
};
|
|
5
|
-
export default _default;
|
|
6
|
-
export declare const Single: {
|
|
7
|
-
(): React.JSX.Element;
|
|
8
|
-
story: {
|
|
9
|
-
parameters: {
|
|
10
|
-
chromatic: {
|
|
11
|
-
diffThreshold: number;
|
|
12
|
-
};
|
|
13
|
-
};
|
|
14
|
-
};
|
|
15
|
-
};
|
|
16
|
-
export declare const Triptych: {
|
|
17
|
-
(): React.JSX.Element;
|
|
18
|
-
story: {
|
|
19
|
-
parameters: {
|
|
20
|
-
chromatic: {
|
|
21
|
-
diffThreshold: number;
|
|
22
|
-
};
|
|
23
|
-
};
|
|
24
|
-
};
|
|
25
|
-
};
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { ImageProps } from "../Image";
|
|
3
|
-
import { BoxProps } from "../Box";
|
|
4
|
-
declare type Images = ImageProps[] | string[];
|
|
5
|
-
export interface TriptychCardProps extends BoxProps {
|
|
6
|
-
/** 1, 2, or 3 images */
|
|
7
|
-
images: Images;
|
|
8
|
-
title?: string | null;
|
|
9
|
-
subtitle?: string | null;
|
|
10
|
-
status?: string | null;
|
|
11
|
-
}
|
|
12
|
-
export declare const isArrayOfStrings: (images: Images) => images is string[];
|
|
13
|
-
/**
|
|
14
|
-
* `TriptychCard` is a card with a layout one square image on the left,
|
|
15
|
-
* one tall or two square images on the right, and text for title and subtitle
|
|
16
|
-
* at the bottom.
|
|
17
|
-
*/
|
|
18
|
-
export declare const TriptychCard: React.FC<React.PropsWithChildren<TriptychCardProps>>;
|
|
19
|
-
export {};
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { ResponsiveValue } from "styled-system";
|
|
3
|
-
import { SpacingUnit } from "../../Theme";
|
|
4
|
-
import { BoxProps } from "../Box";
|
|
5
|
-
import { CarouselNavigationProps, CarouselNext, CarouselPrevious } from "./CarouselNavigation";
|
|
6
|
-
/** CarouselRailProps */
|
|
7
|
-
export declare type CarouselRailProps = BoxProps & {
|
|
8
|
-
transition?: ResponsiveValue<string>;
|
|
9
|
-
};
|
|
10
|
-
/** A `CarouselRail` slides back and forth within the viewport */
|
|
11
|
-
export declare const CarouselRail: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BoxProps> & BoxProps, "ref"> & {
|
|
12
|
-
ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
13
|
-
}, CarouselRailProps>> & string;
|
|
14
|
-
/** CarouselCellProps */
|
|
15
|
-
export declare type CarouselCellProps = BoxProps;
|
|
16
|
-
/** A `CarouselCell` wraps a single child in the carousel */
|
|
17
|
-
export declare const CarouselCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BoxProps> & BoxProps, "ref"> & {
|
|
18
|
-
ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
19
|
-
}, never>> & string;
|
|
20
|
-
/**
|
|
21
|
-
* We share this spacing value with the `Swiper` component
|
|
22
|
-
*/
|
|
23
|
-
export declare const CELL_GAP_PADDING_AMOUNT: SpacingUnit[];
|
|
24
|
-
export interface CarouselProps extends BoxProps {
|
|
25
|
-
initialIndex?: number;
|
|
26
|
-
children: React.ReactNode;
|
|
27
|
-
Next?: typeof CarouselNext | React.FC<React.PropsWithChildren<CarouselNavigationProps>>;
|
|
28
|
-
Previous?: typeof CarouselPrevious | React.FC<React.PropsWithChildren<CarouselNavigationProps>>;
|
|
29
|
-
Rail?: typeof CarouselRail | React.FC<React.PropsWithChildren<CarouselRailProps>>;
|
|
30
|
-
/**
|
|
31
|
-
* If providing a custom `Cell` you must forward a ref so
|
|
32
|
-
* that cell widths can be calculated.
|
|
33
|
-
*/
|
|
34
|
-
Cell?: React.ForwardRefExoticComponent<CarouselCellProps>;
|
|
35
|
-
paginateBy?: "page" | "cell";
|
|
36
|
-
onChange?(index: number): void;
|
|
37
|
-
onPageCountChange?(count: number): void;
|
|
38
|
-
}
|
|
39
|
-
/**
|
|
40
|
-
* A `Carousel` accepts children or a series of children that are JSX elements.
|
|
41
|
-
* It presents them in a horizontal rail and when the width exceeds the width
|
|
42
|
-
* of the viewport, it presents navigation arrows and allows a user to page
|
|
43
|
-
* through them.
|
|
44
|
-
*/
|
|
45
|
-
export declare const Carousel: React.FC<React.PropsWithChildren<CarouselProps>>;
|
|
@@ -1,93 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
declare const _default: {
|
|
3
|
-
title: string;
|
|
4
|
-
};
|
|
5
|
-
export default _default;
|
|
6
|
-
export declare const Simple: () => React.JSX.Element;
|
|
7
|
-
export declare const Multiple: () => React.JSX.Element;
|
|
8
|
-
export declare const SinglePage: {
|
|
9
|
-
(): React.JSX.Element;
|
|
10
|
-
story: {
|
|
11
|
-
name: string;
|
|
12
|
-
};
|
|
13
|
-
};
|
|
14
|
-
export declare const SingleOverflowingItem: {
|
|
15
|
-
(): React.JSX.Element;
|
|
16
|
-
story: {
|
|
17
|
-
name: string;
|
|
18
|
-
};
|
|
19
|
-
};
|
|
20
|
-
export declare const MultipleOverflowingItems: {
|
|
21
|
-
(): React.JSX.Element;
|
|
22
|
-
story: {
|
|
23
|
-
name: string;
|
|
24
|
-
};
|
|
25
|
-
};
|
|
26
|
-
export declare const TwoishPages: {
|
|
27
|
-
(): React.JSX.Element;
|
|
28
|
-
story: {
|
|
29
|
-
name: string;
|
|
30
|
-
};
|
|
31
|
-
};
|
|
32
|
-
export declare const ManyPages: {
|
|
33
|
-
(): React.JSX.Element;
|
|
34
|
-
story: {
|
|
35
|
-
name: string;
|
|
36
|
-
};
|
|
37
|
-
};
|
|
38
|
-
export declare const VaryingWidths: {
|
|
39
|
-
(): React.JSX.Element;
|
|
40
|
-
story: {
|
|
41
|
-
name: string;
|
|
42
|
-
};
|
|
43
|
-
};
|
|
44
|
-
export declare const VaryingHeights: {
|
|
45
|
-
(): React.JSX.Element;
|
|
46
|
-
story: {
|
|
47
|
-
name: string;
|
|
48
|
-
};
|
|
49
|
-
};
|
|
50
|
-
export declare const DynamicItems: {
|
|
51
|
-
(): React.JSX.Element;
|
|
52
|
-
story: {
|
|
53
|
-
name: string;
|
|
54
|
-
parameters: {
|
|
55
|
-
chromatic: {
|
|
56
|
-
disable: boolean;
|
|
57
|
-
};
|
|
58
|
-
};
|
|
59
|
-
};
|
|
60
|
-
};
|
|
61
|
-
export declare const CustomArrows: {
|
|
62
|
-
(): React.JSX.Element;
|
|
63
|
-
story: {
|
|
64
|
-
name: string;
|
|
65
|
-
};
|
|
66
|
-
};
|
|
67
|
-
export declare const CustomRailAndCells: {
|
|
68
|
-
(): React.JSX.Element;
|
|
69
|
-
story: {
|
|
70
|
-
name: string;
|
|
71
|
-
};
|
|
72
|
-
};
|
|
73
|
-
export declare const CarouselWithText: {
|
|
74
|
-
(): React.JSX.Element;
|
|
75
|
-
story: {
|
|
76
|
-
name: string;
|
|
77
|
-
};
|
|
78
|
-
};
|
|
79
|
-
export declare const InitialIndexOnMount: {
|
|
80
|
-
(): React.JSX.Element;
|
|
81
|
-
story: {
|
|
82
|
-
name: string;
|
|
83
|
-
};
|
|
84
|
-
};
|
|
85
|
-
export declare const NavigateViaProps: {
|
|
86
|
-
(): React.JSX.Element;
|
|
87
|
-
story: {
|
|
88
|
-
name: string;
|
|
89
|
-
};
|
|
90
|
-
};
|
|
91
|
-
export declare const ConditionalChildren: () => React.JSX.Element;
|
|
92
|
-
export declare const PaginationByCell: () => React.JSX.Element;
|
|
93
|
-
export declare const PaginationByCellWithVaryingWidths: () => React.JSX.Element;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { ClickableProps } from "../Clickable";
|
|
3
|
-
/** CarouselNavigationProps */
|
|
4
|
-
export declare type CarouselNavigationProps = ClickableProps;
|
|
5
|
-
/**
|
|
6
|
-
* Default next button
|
|
7
|
-
*/
|
|
8
|
-
export declare const CarouselNext: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "cursor" | "textDecoration" | keyof import("..").BoxProps | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("..").BoxProps & {
|
|
9
|
-
cursor?: import("styled-system").ResponsiveValue<string, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
|
10
|
-
textDecoration?: import("styled-system").ResponsiveValue<string, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
|
11
|
-
}, "ref"> & {
|
|
12
|
-
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
13
|
-
}, never>, never>> & string;
|
|
14
|
-
/**
|
|
15
|
-
* Default previous button
|
|
16
|
-
*/
|
|
17
|
-
export declare const CarouselPrevious: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "cursor" | "textDecoration" | keyof import("..").BoxProps | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("..").BoxProps & {
|
|
18
|
-
cursor?: import("styled-system").ResponsiveValue<string, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
|
19
|
-
textDecoration?: import("styled-system").ResponsiveValue<string, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
|
20
|
-
}, "ref"> & {
|
|
21
|
-
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
22
|
-
}, never>, never>> & string;
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Sums all values, building from the previous
|
|
3
|
-
* @param xs list of values to compound
|
|
4
|
-
*/
|
|
5
|
-
export declare const compound: (xs: number[]) => number[];
|
|
6
|
-
/**
|
|
7
|
-
* Build an array of offsets
|
|
8
|
-
* @param viewport window width
|
|
9
|
-
* @param values array of cell widths
|
|
10
|
-
*/
|
|
11
|
-
export declare const chunk: ({ viewport, values, }: {
|
|
12
|
-
viewport: number;
|
|
13
|
-
values: number[];
|
|
14
|
-
}) => number[];
|
|
15
|
-
/** Align last page to the left or right */
|
|
16
|
-
export declare type CarouselPaginationAlignment = "left" | "right";
|
|
17
|
-
export declare type CarouselPaginateBy = "page" | "cell";
|
|
18
|
-
interface PaginateCarouselProps {
|
|
19
|
-
viewport: number;
|
|
20
|
-
values: number[];
|
|
21
|
-
alignment?: CarouselPaginationAlignment;
|
|
22
|
-
paginateBy?: CarouselPaginateBy;
|
|
23
|
-
}
|
|
24
|
-
/**
|
|
25
|
-
* Creates an array of offsets based on the given viewport
|
|
26
|
-
* @param viewport window width
|
|
27
|
-
* @param values array of cell widths
|
|
28
|
-
* @param alignment align last page to the left or right
|
|
29
|
-
*/
|
|
30
|
-
export declare const paginateCarousel: ({ viewport, values, alignment, paginateBy, }: PaginateCarouselProps) => number[];
|
|
31
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./CarouselBar";
|