@nswds/app 1.117.0 → 1.119.0

package/dist/index.d.cts

@@ -1101,7 +1101,9 @@ declare function DynamicFavicon({ lightModeFavicon, darkModeFavicon }: DynamicFa
 declare const ExpandableSearch: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLFormElement> & {
     onAction?: (value: string) => void;
     defaultValue?: string;
-} & React$1.RefAttributes<HTMLFormElement>>;
+} & VariantProps<(props?: ({
+    variant?: "default" | "white" | "primary-800" | "primary-600" | "primary-400" | "primary-200" | "grey-800" | "grey-600" | "grey-400" | "grey-200" | "accent-800" | "accent-600" | "accent-400" | "accent-200" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLFormElement>>;
 declare const ExpandableSearchField: React$1.ForwardRefExoticComponent<React$1.InputHTMLAttributes<HTMLInputElement> & React$1.RefAttributes<HTMLInputElement>>;
 
 declare function Fieldset({ className, ...props }: {
@@ -1135,7 +1137,7 @@ type FooterSocialLinkItem = {
         className?: string;
     }>;
 };
-declare const footerColors: readonly ["white", "grey-600", "grey-800", "accent-200", "primary/grey", "light", "primary/white", "primary", "secondary", "accent"];
+declare const footerColors: readonly ["primary-800", "primary-600", "primary-400", "primary-200", "grey-800", "grey-600", "grey-400", "grey-200", "accent-800", "accent-600", "accent-400", "accent-200", "white"];
 type FooterColor = (typeof footerColors)[number];
 declare function FooterSocialLink({ href, icon: Icon, children, }: {
     href: string;
@@ -1226,7 +1228,7 @@ type HeadingProps = ({
 declare function Heading({ className, trim, size, level, display, id: idProp, children, ...props }: HeadingProps): react_jsx_runtime.JSX.Element;
 
 declare const heroBannerVariants$1: (props?: ({
-    variant?: "white" | "grey-600" | "grey-800" | "accent-200" | "primary-800" | "primary-600" | "primary-400" | "primary-200" | "grey-400" | "grey-200" | "accent-800" | "accent-600" | "accent-400" | null | undefined;
+    variant?: "white" | "primary-800" | "primary-600" | "primary-400" | "primary-200" | "grey-800" | "grey-600" | "grey-400" | "grey-200" | "accent-800" | "accent-600" | "accent-400" | "accent-200" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const heroBannerContentAlignments: {
     readonly center: {
@@ -1262,7 +1264,7 @@ interface HeroBannerSimpleProps extends VariantProps<typeof heroBannerVariants$1
 declare function HeroBannerSimple({ variant, heading, subtitle, contentAlign, primaryButton, secondaryButton, }: HeroBannerSimpleProps): react_jsx_runtime.JSX.Element;
 
 declare const heroBannerVariants: (props?: ({
-    variant?: "white" | "grey-600" | "grey-800" | "accent-200" | "primary-800" | "primary-600" | "primary-400" | "primary-200" | "grey-400" | "grey-200" | "accent-800" | "accent-600" | "accent-400" | "grey-150" | null | undefined;
+    variant?: "white" | "primary-800" | "primary-600" | "primary-400" | "primary-200" | "grey-800" | "grey-600" | "grey-400" | "grey-200" | "accent-800" | "accent-600" | "accent-400" | "accent-200" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const HERO_BANNER_SUPPORTING_IMAGE_COLUMN_SPANS: {
     readonly 1: "lg:col-span-1";
@@ -5412,16 +5414,14 @@ declare function NavigationMenuViewport({ className, ...props }: React$1.Compone
 declare function NavigationMenuLink({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Link>): react_jsx_runtime.JSX.Element;
 declare function NavigationMenuIndicator({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): react_jsx_runtime.JSX.Element;
 
-declare const navigationMenuMainNavigationSurfaceStyles: (props?: ({
-    variant?: "white" | "grey" | "primary" | "secondary" | "tertiary" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type NavigationMenuMainNavigationVariant = NonNullable<VariantProps<typeof navigationMenuMainNavigationSurfaceStyles>['variant']>;
+type NavigationMenuMainNavigationVariant = 'primary-800' | 'primary-600' | 'primary-400' | 'primary-200' | 'grey-800' | 'grey-600' | 'grey-400' | 'grey-200' | 'accent-800' | 'accent-600' | 'accent-400' | 'accent-200' | 'white';
 type NavigationMenuMainNavigationBorderPosition = 'none' | 'top' | 'bottom' | 'both';
 interface NavigationMenuMainNavigationProps {
     navigation: NavigationSection[];
     id?: string;
     variant?: NavigationMenuMainNavigationVariant;
     borderPosition?: NavigationMenuMainNavigationBorderPosition;
+    shadow?: boolean;
     className?: string;
     responsive?: boolean;
     sticky?: boolean;
@@ -5431,7 +5431,6 @@ interface NavigationMenuMainNavigationProps {
     borderClassName?: string;
     triggerClassName?: string;
     triggerActiveClassName?: string;
-    triggerActiveBorderClassName?: string;
     featuredLinkClassName?: string;
     sectionLinkClassName?: string;
     sectionLinkTitleClassName?: string;
@@ -5446,7 +5445,7 @@ interface NavigationMenuMainNavigationProps {
      */
     showBottomBorder?: boolean;
 }
-declare function NavigationMenuMainNavigation({ navigation, id, variant, borderPosition, className, responsive, sticky, fullBleed, backgroundClassName, dropdownBackgroundClassName, borderClassName, triggerClassName, triggerActiveClassName, triggerActiveBorderClassName, featuredLinkClassName, sectionLinkClassName, sectionLinkTitleClassName, showTopBorder, showBottomBorder, }: NavigationMenuMainNavigationProps): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuMainNavigation({ navigation, id, variant, borderPosition, shadow, className, responsive, sticky, fullBleed, backgroundClassName, dropdownBackgroundClassName, borderClassName, triggerClassName, triggerActiveClassName, featuredLinkClassName, sectionLinkClassName, sectionLinkTitleClassName, showTopBorder, showBottomBorder, }: NavigationMenuMainNavigationProps): react_jsx_runtime.JSX.Element;
 
 declare function NotFound(): react_jsx_runtime.JSX.Element;
 

package/dist/index.d.ts

@@ -1101,7 +1101,9 @@ declare function DynamicFavicon({ lightModeFavicon, darkModeFavicon }: DynamicFa
 declare const ExpandableSearch: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLFormElement> & {
     onAction?: (value: string) => void;
     defaultValue?: string;
-} & React$1.RefAttributes<HTMLFormElement>>;
+} & VariantProps<(props?: ({
+    variant?: "default" | "white" | "primary-800" | "primary-600" | "primary-400" | "primary-200" | "grey-800" | "grey-600" | "grey-400" | "grey-200" | "accent-800" | "accent-600" | "accent-400" | "accent-200" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLFormElement>>;
 declare const ExpandableSearchField: React$1.ForwardRefExoticComponent<React$1.InputHTMLAttributes<HTMLInputElement> & React$1.RefAttributes<HTMLInputElement>>;
 
 declare function Fieldset({ className, ...props }: {
@@ -1135,7 +1137,7 @@ type FooterSocialLinkItem = {
         className?: string;
     }>;
 };
-declare const footerColors: readonly ["white", "grey-600", "grey-800", "accent-200", "primary/grey", "light", "primary/white", "primary", "secondary", "accent"];
+declare const footerColors: readonly ["primary-800", "primary-600", "primary-400", "primary-200", "grey-800", "grey-600", "grey-400", "grey-200", "accent-800", "accent-600", "accent-400", "accent-200", "white"];
 type FooterColor = (typeof footerColors)[number];
 declare function FooterSocialLink({ href, icon: Icon, children, }: {
     href: string;
@@ -1226,7 +1228,7 @@ type HeadingProps = ({
 declare function Heading({ className, trim, size, level, display, id: idProp, children, ...props }: HeadingProps): react_jsx_runtime.JSX.Element;
 
 declare const heroBannerVariants$1: (props?: ({
-    variant?: "white" | "grey-600" | "grey-800" | "accent-200" | "primary-800" | "primary-600" | "primary-400" | "primary-200" | "grey-400" | "grey-200" | "accent-800" | "accent-600" | "accent-400" | null | undefined;
+    variant?: "white" | "primary-800" | "primary-600" | "primary-400" | "primary-200" | "grey-800" | "grey-600" | "grey-400" | "grey-200" | "accent-800" | "accent-600" | "accent-400" | "accent-200" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const heroBannerContentAlignments: {
     readonly center: {
@@ -1262,7 +1264,7 @@ interface HeroBannerSimpleProps extends VariantProps<typeof heroBannerVariants$1
 declare function HeroBannerSimple({ variant, heading, subtitle, contentAlign, primaryButton, secondaryButton, }: HeroBannerSimpleProps): react_jsx_runtime.JSX.Element;
 
 declare const heroBannerVariants: (props?: ({
-    variant?: "white" | "grey-600" | "grey-800" | "accent-200" | "primary-800" | "primary-600" | "primary-400" | "primary-200" | "grey-400" | "grey-200" | "accent-800" | "accent-600" | "accent-400" | "grey-150" | null | undefined;
+    variant?: "white" | "primary-800" | "primary-600" | "primary-400" | "primary-200" | "grey-800" | "grey-600" | "grey-400" | "grey-200" | "accent-800" | "accent-600" | "accent-400" | "accent-200" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const HERO_BANNER_SUPPORTING_IMAGE_COLUMN_SPANS: {
     readonly 1: "lg:col-span-1";
@@ -5412,16 +5414,14 @@ declare function NavigationMenuViewport({ className, ...props }: React$1.Compone
 declare function NavigationMenuLink({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Link>): react_jsx_runtime.JSX.Element;
 declare function NavigationMenuIndicator({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): react_jsx_runtime.JSX.Element;
 
-declare const navigationMenuMainNavigationSurfaceStyles: (props?: ({
-    variant?: "white" | "grey" | "primary" | "secondary" | "tertiary" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type NavigationMenuMainNavigationVariant = NonNullable<VariantProps<typeof navigationMenuMainNavigationSurfaceStyles>['variant']>;
+type NavigationMenuMainNavigationVariant = 'primary-800' | 'primary-600' | 'primary-400' | 'primary-200' | 'grey-800' | 'grey-600' | 'grey-400' | 'grey-200' | 'accent-800' | 'accent-600' | 'accent-400' | 'accent-200' | 'white';
 type NavigationMenuMainNavigationBorderPosition = 'none' | 'top' | 'bottom' | 'both';
 interface NavigationMenuMainNavigationProps {
     navigation: NavigationSection[];
     id?: string;
     variant?: NavigationMenuMainNavigationVariant;
     borderPosition?: NavigationMenuMainNavigationBorderPosition;
+    shadow?: boolean;
     className?: string;
     responsive?: boolean;
     sticky?: boolean;
@@ -5431,7 +5431,6 @@ interface NavigationMenuMainNavigationProps {
     borderClassName?: string;
     triggerClassName?: string;
     triggerActiveClassName?: string;
-    triggerActiveBorderClassName?: string;
     featuredLinkClassName?: string;
     sectionLinkClassName?: string;
     sectionLinkTitleClassName?: string;
@@ -5446,7 +5445,7 @@ interface NavigationMenuMainNavigationProps {
      */
     showBottomBorder?: boolean;
 }
-declare function NavigationMenuMainNavigation({ navigation, id, variant, borderPosition, className, responsive, sticky, fullBleed, backgroundClassName, dropdownBackgroundClassName, borderClassName, triggerClassName, triggerActiveClassName, triggerActiveBorderClassName, featuredLinkClassName, sectionLinkClassName, sectionLinkTitleClassName, showTopBorder, showBottomBorder, }: NavigationMenuMainNavigationProps): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuMainNavigation({ navigation, id, variant, borderPosition, shadow, className, responsive, sticky, fullBleed, backgroundClassName, dropdownBackgroundClassName, borderClassName, triggerClassName, triggerActiveClassName, featuredLinkClassName, sectionLinkClassName, sectionLinkTitleClassName, showTopBorder, showBottomBorder, }: NavigationMenuMainNavigationProps): react_jsx_runtime.JSX.Element;
 
 declare function NotFound(): react_jsx_runtime.JSX.Element;