@nypl/design-system-react-components 3.6.3 → 4.0.0-alpha-rc2

package/dist/src/index.d.ts

@@ -1,17 +1,17 @@
 export { Box, Center, chakra, Circle, ColorModeScript, cookieStorageManager, cookieStorageManagerSSR, FocusLock, Flex, Grid, GridItem, HStack, localStorageManager, Spacer, Square, Stack, useColorMode, useColorModeValue, useStyleConfig, useMediaQuery, useMultiStyleConfig, VStack, } from "@chakra-ui/react";
 export { default as DSProvider } from "./theme/provider";
 export { default as Accordion } from "./components/Accordion/Accordion";
-export type { AccordionTypes, AccordionDataProps, } from "./components/Accordion/Accordion";
+export type { AccordionVariants, AccordionDataProps, } from "./components/Accordion/Accordion";
 export { default as AlphabetFilter } from "./components/AlphabetFilter/AlphabetFilter";
 export type { AlphabetFilterProps } from "./components/AlphabetFilter/AlphabetFilter";
 export { default as AudioPlayer } from "./components/AudioPlayer/AudioPlayer";
 export type { AudioType, AudioPlayerProps, } from "./components/AudioPlayer/AudioPlayer";
 export { default as Banner } from "./components/Banner/Banner";
-export type { BannerTypes, BannerBgColors, BannerHighlightColors, BannerProps, } from "./components/Banner/Banner";
+export type { BannerVariants, BannerBgColors, BannerHighlightColors, BannerProps, } from "./components/Banner/Banner";
 export { default as Breadcrumbs } from "./components/Breadcrumbs/Breadcrumbs";
-export type { BreadcrumbsTypes, BreadcrumbProps, BreadcrumbsDataProps, } from "./components/Breadcrumbs/Breadcrumbs";
+export type { BreadcrumbsVariants, BreadcrumbProps, BreadcrumbsDataProps, } from "./components/Breadcrumbs/Breadcrumbs";
 export { default as Button } from "./components/Button/Button";
-export type { ButtonElementType, ButtonProps, ButtonSizes, ButtonTypes, } from "./components/Button/Button";
+export type { ButtonElementType, ButtonProps, ButtonSizes, ButtonVariants, } from "./components/Button/Button";
 export { default as ButtonGroup } from "./components/ButtonGroup/ButtonGroup";
 export type { ButtonGroupProps } from "./components/ButtonGroup/ButtonGroup";
 export { default as Card, CardActions, CardContent, CardHeading, } from "./components/Card/Card";
@@ -35,26 +35,25 @@ export { default as FilterBarPopup, useFilterBarPopup, } from "./components/Filt
 export type { FilterBarPopupProps } from "./components/FilterBarPopup/FilterBarPopup";
 export { default as Form, FormField, FormRow } from "./components/Form/Form";
 export type { FormProps } from "./components/Form/Form";
-export { default as Header } from "./components/Header/Header";
 export { default as Heading } from "./components/Heading/Heading";
 export type { HeadingLevels, HeadingProps, HeadingSizes, } from "./components/Heading/Heading";
 export { default as HelperErrorText } from "./components/HelperErrorText/HelperErrorText";
 export type { HelperErrorTextProps } from "./components/HelperErrorText/HelperErrorText";
 export { default as Hero } from "./components/Hero/Hero";
-export type { HeroProps, HeroTypes } from "./components/Hero/Hero";
+export type { HeroProps, HeroVariants } from "./components/Hero/Hero";
 export { default as HorizontalRule } from "./components/HorizontalRule/HorizontalRule";
 export type { HorizontalRuleProps } from "./components/HorizontalRule/HorizontalRule";
 export { default as Icon } from "./components/Icons/Icon";
-export type { IconAlign, IconColors, IconNames, IconRotations, IconRotationTypes, IconSizes, IconTypes, IconProps, } from "./components/Icons/Icon";
+export type { IconAlign, IconColors, IconNames, IconRotations, IconSizes, IconVariants, IconProps, } from "./components/Icons/Icon";
 export { default as Image } from "./components/Image/Image";
 export type { ComponentImageProps, ImageProps, ImageRatios, ImageSizes, ImageTypes, } from "./components/Image/Image";
 export { default as Label } from "./components/Label/Label";
 export type { LabelProps } from "./components/Label/Label";
 export type { DimensionTypes, LayoutTypes, SectionTypes, } from "./helpers/types";
 export { default as Link } from "./components/Link/Link";
-export type { LinkProps, LinkTypes } from "./components/Link/Link";
+export type { LinkProps, LinkVariants } from "./components/Link/Link";
 export { default as List } from "./components/List/List";
-export type { DescriptionProps, ListProps, ListTypes, } from "./components/List/List";
+export type { DescriptionProps, ListProps, ListVariants, } from "./components/List/List";
 export { default as Logo } from "./components/Logo/Logo";
 export type { LogoNames, LogoProps, LogoSizes } from "./components/Logo/Logo";
 export { default as MatchMedia } from "../src/__tests__/mediaMatchMock";
@@ -69,7 +68,7 @@ export type { MultiSelectGroupProps } from "./components/MultiSelectGroup/MultiS
 export { default as NewsletterSignup } from "./components/NewsletterSignup/NewsletterSignup";
 export type { HighlightColorTypes, NewsletterSignupProps, NewsletterSignupViewType, } from "./components/NewsletterSignup/NewsletterSignup";
 export { default as Notification } from "./components/Notification/Notification";
-export type { NotificationProps, NotificationTypes, } from "./components/Notification/Notification";
+export type { NotificationProps, NotificationVariants, } from "./components/Notification/Notification";
 export { default as Pagination } from "./components/Pagination/Pagination";
 export type { PaginationProps } from "./components/Pagination/Pagination";
 export { default as ProgressIndicator } from "./components/ProgressIndicator/ProgressIndicator";
@@ -81,7 +80,7 @@ export type { RadioGroupProps } from "./components/RadioGroup/RadioGroup";
 export { default as SearchBar } from "./components/SearchBar/SearchBar";
 export type { SearchBarProps } from "./components/SearchBar/SearchBar";
 export { default as Select } from "./components/Select/Select";
-export type { LabelPositions, SelectProps, SelectTypes, } from "./components/Select/Select";
+export type { LabelPositions, SelectProps, SelectVariants, } from "./components/Select/Select";
 export { default as SimpleGrid } from "./components/Grid/SimpleGrid";
 export type { GridGaps, SimpleGridProps } from "./components/Grid/SimpleGrid";
 export { default as SkeletonLoader } from "./components/SkeletonLoader/SkeletonLoader";
@@ -93,22 +92,21 @@ export type { SliderProps } from "./components/Slider/Slider";
 export { default as SocialMediaLinks } from "./components/SocialMediaLinks/SocialMediaLinks";
 export type { SocialMediaLinkDataProps } from "./components/SocialMediaLinks/SocialMediaLinks";
 export { default as StatusBadge } from "./components/StatusBadge/StatusBadge";
-export type { StatusBadgeLevels, StatusBadgeProps, StatusBadgeTypes, } from "./components/StatusBadge/StatusBadge";
+export type { StatusBadgeProps, StatusBadgeVariants, } from "./components/StatusBadge/StatusBadge";
 export { default as StructuredContent } from "./components/StructuredContent/StructuredContent";
 export type { StructuredContentImagePosition, StructuredContentProps, } from "./components/StructuredContent/StructuredContent";
 export { default as StyledList } from "./components/StyledList/StyledList";
 export type { StyledListProps, StyledListTextSizes, } from "./components/StyledList/StyledList";
 export { default as SubNav, SubNavButton, SubNavLink, } from "./components/SubNav/SubNav";
 export { default as Table } from "./components/Table/Table";
-export type { TableBodyTextSizes, TableProps } from "./components/Table/Table";
+export type { TableProps } from "./components/Table/Table";
 export { default as Tabs, TabList, Tab, TabPanels, TabPanel, } from "./components/Tabs/Tabs";
 export type { TabsDataProps, TabsProps } from "./components/Tabs/Tabs";
 export { default as TagSet } from "./components/TagSet/TagSet";
 export type { TagSetProps, TagSetTypeProps } from "./components/TagSet/TagSet";
 export type { TagSetExploreDataProps, TagSetExploreProps, } from "./components/TagSet/TagSetExplore";
 export type { TagSetFilterDataProps, TagSetFilterProps, } from "./components/TagSet/TagSetFilter";
-export { TemplateAppContainer, Template, TemplateAboveHeader, TemplateHeader, TemplateBreakout, TemplateContent, TemplateContentTop, TemplateContentPrimary, TemplateContentSidebar, TemplateFooter, } from "./components/Template/Template";
-export type { TemplateAppContainerProps, TemplateProps, TemplateContentProps, TemplateFooterProps, TemplateHeaderProps, TemplateSidebarProps, } from "./components/Template/Template";
+export { Template, TemplateBreakout, TemplateTop, TemplateMain, TemplateMainNarrow, TemplateSidebar, TemplateBottom, } from "./components/Template/Template";
 export { default as Text } from "./components/Text/Text";
 export type { TextProps, TextSizes } from "./components/Text/Text";
 export { default as TextInput } from "./components/TextInput/TextInput";
@@ -121,10 +119,11 @@ export { default as VideoPlayer } from "./components/VideoPlayer/VideoPlayer";
 export type { VideoPlayerAspectRatios, VideoPlayerProps, VideoPlayerTypes, } from "./components/VideoPlayer/VideoPlayer";
 export { default as useCarouselStyles } from "./hooks/useCarouselStyles";
 export { default as useCloseDropDown } from "./hooks/useCloseDropDown";
+export { default as useFormatNumber } from "./hooks/useFormatNumber";
 export { default as useMultiSelect } from "./hooks/useMultiSelect";
 export { default as useNYPLBreakpoints } from "./hooks/useNYPLBreakpoints";
 export { default as useNYPLTheme } from "./hooks/useNYPLTheme";
-export { default as useWindowSize } from "./hooks/useWindowSize";
+export { default as useResponsiveSpacing } from "./hooks/useResponsiveSpacing";
 export { default as useScrollFadeStyles } from "./hooks/useScrollFadeStyles";
-export { default as useFormatNumber } from "./hooks/useFormatNumber";
+export { default as useWindowSize } from "./hooks/useWindowSize";
 export type { AutoCompleteValues } from "./utils/constantValues";

package/dist/src/theme/components/breadcrumb.d.ts

@@ -257,7 +257,7 @@ declare const Breadcrumb: {
     };
     defaultProps?: {
         size?: string | number;
-        variant?: "blogs" | "booksAndMore" | "brand" | "connect" | "digitalCollections" | "education" | "locations" | "research" | "whatsOn";
+        variant?: "blogs" | "research" | "whatsOn" | "connect" | "booksAndMore" | "brand" | "digitalCollections" | "education" | "locations";
         colorScheme?: string;
     };
 };

package/dist/src/theme/components/button.d.ts

@@ -181,9 +181,6 @@ declare const Button: {
         text: ({ buttonSize }: any) => {
             base: any;
         };
-        link: ({ buttonSize }: any) => {
-            base: any;
-        };
         pill: ({ buttonSize }: any) => {
             base: any;
         };
@@ -199,7 +196,7 @@ declare const Button: {
     };
     defaultProps?: {
         size?: string | number;
-        variant?: "link" | "text" | "primary" | "secondary" | "callout" | "pill" | "iconOnly" | "noBrand";
+        variant?: "text" | "primary" | "secondary" | "pill" | "iconOnly" | "callout" | "noBrand";
         colorScheme?: string;
     };
     parts: ("base" | "screenreaderOnly")[];

package/dist/src/theme/components/heading.d.ts

@@ -353,79 +353,6 @@ declare const Heading: {
                 width: string;
             };
         };
-        one: {
-            base: {
-                width: string;
-                a: {
-                    textUnderlineOffset: string;
-                };
-                marginTop: string;
-                marginStart: string;
-                marginEnd: string;
-                fontSize: string;
-                fontWeight: string;
-                letterSpacing: string;
-                lineHeight: string;
-            };
-        };
-        two: {
-            base: {
-                width: string;
-                a: {
-                    textUnderlineOffset: string;
-                };
-                marginTop: string;
-                marginStart: string;
-                marginEnd: string;
-                fontSize: string;
-                fontWeight: string;
-                lineHeight: string;
-            };
-        };
-        three: {
-            base: {
-                width: string;
-                marginTop: string;
-                marginStart: string;
-                marginEnd: string;
-                fontSize: string;
-                fontWeight: string;
-                lineHeight: string;
-            };
-        };
-        four: {
-            base: {
-                width: string;
-                marginTop: string;
-                marginStart: string;
-                marginEnd: string;
-                fontSize: string;
-                fontWeight: string;
-                lineHeight: string;
-            };
-        };
-        five: {
-            base: {
-                width: string;
-                marginTop: string;
-                marginStart: string;
-                marginEnd: string;
-                fontSize: string;
-                fontWeight: string;
-                lineHeight: string;
-            };
-        };
-        six: {
-            base: {
-                width: string;
-                marginTop: string;
-                marginStart: string;
-                marginEnd: string;
-                fontSize: string;
-                fontWeight: string;
-                lineHeight: string;
-            };
-        };
         display1: {
             base: {
                 fontSize: {
@@ -573,61 +500,10 @@ declare const Heading: {
                 width: string;
             };
         };
-        primary: {
-            base: {
-                width: string;
-                a: {
-                    textUnderlineOffset: string;
-                };
-                marginTop: string;
-                marginStart: string;
-                marginEnd: string;
-                fontSize: string;
-                fontWeight: string;
-                letterSpacing: string;
-                lineHeight: string;
-            };
-        };
-        secondary: {
-            base: {
-                width: string;
-                a: {
-                    textUnderlineOffset: string;
-                };
-                marginTop: string;
-                marginStart: string;
-                marginEnd: string;
-                fontSize: string;
-                fontWeight: string;
-                lineHeight: string;
-            };
-        };
-        tertiary: {
-            base: {
-                width: string;
-                marginTop: string;
-                marginStart: string;
-                marginEnd: string;
-                fontSize: string;
-                fontWeight: string;
-                lineHeight: string;
-            };
-        };
-        callout: {
-            base: {
-                width: string;
-                marginTop: string;
-                marginStart: string;
-                marginEnd: string;
-                fontSize: string;
-                fontWeight: string;
-                lineHeight: string;
-            };
-        };
     };
     defaultProps?: {
         size?: string | number;
-        variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "display1" | "heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "heading6" | "heading7" | "heading8" | "primary" | "secondary" | "tertiary" | "callout" | "one" | "two" | "three" | "four" | "five" | "six";
+        variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "display1" | "heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "heading6" | "heading7" | "heading8";
         colorScheme?: string;
     };
     parts: ("base" | "headingWrapper")[];

package/dist/src/theme/components/hero.d.ts

@@ -14,23 +14,23 @@ declare const Hero: {
                 backgroundSize: string;
                 backgroundPosition: string;
                 display: string;
-                flexFlow: {
-                    base: "column nowrap";
-                    md: "row nowrap";
+                gridTemplateColumns: string;
+                gap: {
+                    base: string;
+                    md: string;
+                    xl: string;
                 };
-                justifyContent: string;
                 minHeight: string;
                 p: string;
+                paddingInline: string;
             };
             content: {
                 bg: string;
                 color: any;
-                flex: {
-                    base: string;
-                    md: string;
-                };
-                maxWidth: {
-                    md: "860px";
+                gridColumn: {
+                    base: "1 / -1";
+                    md: "2 / 12";
+                    lg: "3 / 11";
                 };
                 padding: {
                     base: "inset.default";
@@ -735,7 +735,7 @@ declare const Hero: {
     };
     defaultProps?: {
         size?: string | number;
-        variant?: "primary" | "secondary" | "tertiary" | "secondaryBooksAndMore" | "secondaryLocations" | "secondaryResearch" | "secondaryWhatsOn" | "campaign" | "fiftyFifty";
+        variant?: "primary" | "secondary" | "secondaryBooksAndMore" | "secondaryLocations" | "secondaryResearch" | "secondaryWhatsOn" | "tertiary" | "campaign" | "fiftyFifty";
         colorScheme?: string;
     };
     parts: ("base" | "content" | "imgWrapper" | "bodyText" | "heading" | "interior")[];

package/dist/src/theme/components/link.d.ts

@@ -90,45 +90,6 @@ declare const Link: {
         }>;
     };
     variants?: {
-        button: {
-            base: {
-                width: string;
-                borderRadius: string;
-                lineHeight: string;
-                display: string;
-                cursor: string;
-                color: string;
-                justifyContent: string;
-                py: string;
-                px: string;
-                textDecoration: string;
-                fontWeight: string;
-                bg: string;
-                _dark: {
-                    color: string;
-                    bg: string;
-                };
-                _hover: {
-                    color: string;
-                    bg: string;
-                    textDecoration: string;
-                    textDecorationStyle: string;
-                    textDecorationThickness: string;
-                    _dark: {
-                        color: string;
-                        bg: string;
-                    };
-                };
-                _visited: {
-                    color: string;
-                    _dark: {
-                        _visited: {
-                            color: string;
-                        };
-                    };
-                };
-            };
-        };
         buttonCallout: ({ hasVisitedState }: CustomLinkStyleProps) => {
             base: any;
         };
@@ -182,7 +143,7 @@ declare const Link: {
     };
     defaultProps?: {
         size?: string | number;
-        variant?: "button" | "buttonCallout" | "buttonDisabled" | "buttonNoBrand" | "buttonPill" | "buttonPrimary" | "buttonSecondary" | "moreLink";
+        variant?: "buttonCallout" | "buttonDisabled" | "buttonNoBrand" | "buttonPill" | "buttonPrimary" | "buttonSecondary" | "moreLink";
         colorScheme?: string;
     };
     parts: ("base" | "screenreaderOnly")[];

package/dist/src/theme/components/newsletterSignup.d.ts

@@ -13,10 +13,10 @@ declare const NewsletterSignup: {
         pitch: {
             bg: string;
             borderLeftColor: {
-                md: "section.blogs.secondary" | "section.books-and-more.primary" | "brand.primary" | "section.connect.primary" | "section.education.primary" | "section.locations.primary" | "section.research.primary" | "section.research-library.lpa" | "section.research-library.schomburg" | "section.whats-on.primary" | "ui.gray.medium" | "section.research-library.schwartzman";
+                md: string;
             };
             borderTopColor: {
-                base: "section.blogs.secondary" | "section.books-and-more.primary" | "brand.primary" | "section.connect.primary" | "section.education.primary" | "section.locations.primary" | "section.research.primary" | "section.research-library.lpa" | "section.research-library.schomburg" | "section.whats-on.primary" | "ui.gray.medium" | "section.research-library.schwartzman";
+                base: string;
                 md: "ui.border.default";
             };
             borderWidth: {
@@ -35,7 +35,7 @@ declare const NewsletterSignup: {
                     md: "dark.ui.border.default";
                 };
                 borderLeftColor: {
-                    md: "dark.section.blogs.secondary" | "dark.section.locations.primary" | "dark.brand.primary" | "dark.section.books-and-more.primary" | "dark.section.connect.primary" | "dark.section.education.primary" | "dark.section.research.primary" | "dark.section.research-library.lpa" | "dark.section.research-library.schomburg" | "dark.section.whats-on.primary" | "dark.ui.gray.medium" | "dark.section.research-library.schwartzman";
+                    md: `dark.${string}`;
                 };
             };
             padding: {

package/dist/src/theme/components/notification.d.ts

@@ -1,19 +1,16 @@
-import { NotificationTypes } from "../../components/Notification/Notification";
+import { NotificationVariants } from "../../components/Notification/Notification";
 import { StyleFunctionProps } from "@chakra-ui/system";
 interface NotificationBaseStyle extends StyleFunctionProps {
     isCentered: boolean;
-    noMargin: boolean;
     notificationHeading: string;
-    notificationType: NotificationTypes;
+    variant: NotificationVariants;
     showIcon: boolean;
 }
 declare const Notification: {
-    baseStyle?: ({ isCentered, noMargin, notificationHeading, notificationType, }: NotificationBaseStyle) => {
+    baseStyle?: ({ isCentered, notificationHeading, variant }: NotificationBaseStyle) => {
         bg: string;
-        borderRadius: string;
         display: string;
         fontSize: string;
-        m: string;
         position: string;
         p: string;
         textAlign: string;

package/dist/src/theme/components/notificationContent.d.ts

@@ -1,14 +1,14 @@
-import { NotificationTypes } from "../../components/Notification/Notification";
+import { NotificationVariants } from "../../components/Notification/Notification";
 import { StyleFunctionProps } from "@chakra-ui/system";
 interface NotificationContentBaseStyle extends StyleFunctionProps {
     alignText: boolean;
     isCentered: boolean;
     notificationHeading: string;
-    notificationType: NotificationTypes;
+    variant: NotificationVariants;
     showIcon: boolean;
 }
 declare const NotificationContent: {
-    baseStyle?: ({ isCentered, notificationHeading, notificationType, showIcon, }: NotificationContentBaseStyle) => {
+    baseStyle?: ({ isCentered, notificationHeading, variant, showIcon, }: NotificationContentBaseStyle) => {
         display: string;
         justifyContent: string;
         content: {

package/dist/src/theme/components/notificationHeading.d.ts

@@ -1,12 +1,12 @@
-import { NotificationTypes } from "../../components/Notification/Notification";
+import { NotificationVariants } from "../../components/Notification/Notification";
 import { StyleFunctionProps } from "@chakra-ui/system";
 interface NotificationHeadingBaseStyle extends StyleFunctionProps {
     icon: boolean;
     isCentered: boolean;
-    notificationType: NotificationTypes;
+    variant: NotificationVariants;
 }
 declare const NotificationHeading: {
-    baseStyle?: ({ icon, isCentered, notificationType }: NotificationHeadingBaseStyle) => {
+    baseStyle?: ({ icon, isCentered, variant }: NotificationHeadingBaseStyle) => {
         display: string;
         flexDirection: string;
         m: string;

package/dist/src/theme/components/progressIndicator.d.ts

@@ -1,12 +1,11 @@
 import { ProgressIndicatorLabelPlacements, ProgressIndicatorSizes } from "../../components/ProgressIndicator/ProgressIndicator";
 import { StyleFunctionProps } from "@chakra-ui/system";
 interface ProgressIndicatorBaseStyle extends StyleFunctionProps {
-    darkMode: boolean;
     size: ProgressIndicatorSizes;
     labelPlacement: ProgressIndicatorLabelPlacements;
 }
 declare const ProgressIndicator: {
-    baseStyle?: ({ darkMode, size, labelPlacement }: ProgressIndicatorBaseStyle) => {
+    baseStyle?: ({ size, labelPlacement }: ProgressIndicatorBaseStyle) => {
         color: string;
         fontSize: string;
         _dark: {

package/dist/src/theme/components/slider.d.ts

@@ -7,7 +7,7 @@ interface CustomSliderBaseStyle extends StyleFunctionProps {
     showValues: boolean;
 }
 declare const CustomSlider: {
-    baseStyle?: ({ isDarkMode, isDisabled, isInvalid, showBoxes, showValues, }: CustomSliderBaseStyle) => {
+    baseStyle?: ({ isDisabled, isInvalid, showBoxes, showValues, }: CustomSliderBaseStyle) => {
         container: {
             display: string;
             alignItems: string;
@@ -40,6 +40,7 @@ declare const CustomSlider: {
             };
             _dark: {
                 bgColor: string;
+                borderColor: string;
                 _disabled: {
                     bgColor: string;
                     borderColor: string;
@@ -48,6 +49,9 @@ declare const CustomSlider: {
         };
         filledTrack: {
             bgColor: string;
+            _dark: {
+                bgColor: string;
+            };
         };
         leftValue: {
             color: string;
@@ -79,12 +83,12 @@ declare const CustomSlider: {
     };
     sizes?: {
         [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
-            keys: ("track" | "container" | "textInput" | "thumb" | "filledTrack" | "leftValue" | "rightValue" | "sliderContainer")[];
+            keys: ("track" | "container" | "thumb" | "filledTrack" | "leftValue" | "rightValue" | "textInput" | "sliderContainer")[];
         }>;
     };
     variants?: {
         [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
-            keys: ("track" | "container" | "textInput" | "thumb" | "filledTrack" | "leftValue" | "rightValue" | "sliderContainer")[];
+            keys: ("track" | "container" | "thumb" | "filledTrack" | "leftValue" | "rightValue" | "textInput" | "sliderContainer")[];
         }>;
     };
     defaultProps?: {
@@ -92,6 +96,6 @@ declare const CustomSlider: {
         variant?: string | number;
         colorScheme?: string;
     };
-    parts: ("track" | "container" | "textInput" | "thumb" | "filledTrack" | "leftValue" | "rightValue" | "sliderContainer")[];
+    parts: ("track" | "container" | "thumb" | "filledTrack" | "leftValue" | "rightValue" | "textInput" | "sliderContainer")[];
 };
 export default CustomSlider;

package/dist/src/theme/components/statusBadge.d.ts

@@ -70,19 +70,6 @@ declare const StatusBadge: {
         [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
     };
     variants?: {
-        low: {};
-        medium: {
-            borderColor: string;
-            _dark: {
-                borderColor: string;
-            };
-        };
-        high: {
-            borderColor: string;
-            _dark: {
-                borderColor: string;
-            };
-        };
         neutral: {
             borderColor: string;
             _dark: {
@@ -132,7 +119,7 @@ declare const StatusBadge: {
     };
     defaultProps?: {
         size?: string | number;
-        variant?: "medium" | "neutral" | "informative" | "positive" | "negative" | "warning" | "recommendation" | "low" | "high";
+        variant?: "neutral" | "informative" | "positive" | "negative" | "warning" | "recommendation";
         colorScheme?: string;
     };
 };

package/dist/src/theme/components/structuredContent.d.ts

@@ -344,10 +344,7 @@ declare const StructuredContent: {
                 base: string;
                 md: string;
             };
-            paddingTop: string; /** The following styles are meant to target HTML elements that are
-             * not rendered from the Reservoir DS. Typically, these HTML elements
-             * are added from an API response.
-             */
+            paddingTop: string;
             _dark: {
                 borderColor: string;
                 color: string;
@@ -470,7 +467,6 @@ declare const StructuredContent: {
                     base: string;
                     md: string;
                 };
-                fontSize: string;
                 gap: string;
                 letterSpacing: string;
                 lineHeight: number;