@wavelengthusaf/components 2.3.4 → 2.4.0

package/dist/cjs/index.d.cts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React$1 from 'react';
 import React__default, { ReactNode } from 'react';
 import { SxProps, Theme } from '@mui/material/styles';
 import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -87,6 +87,19 @@ interface DownloadProps {
 }
 declare function WavelengthFileDownloader({ fileLoc, fileURL, fileName, button, id }: DownloadProps): react_jsx_runtime.JSX.Element | undefined;
 
+interface StyledButtonPropsTwo {
+    type: "channel_one_transparent" | "channel_one_launch" | "channel_one_request" | "channel_one_pending" | "channel_one_disabled" | "ewdms_tertiary" | "ewdms_primary" | "ewdms_secondary" | "brewery" | "default";
+    styles?: React__default.CSSProperties;
+    hoverstyles?: React__default.CSSProperties;
+    activestyles?: React__default.CSSProperties;
+    disabledstyles?: React__default.CSSProperties;
+    icon?: React__default.ReactNode;
+    disabled?: boolean;
+    children: React__default.ReactNode;
+    onClick?: React__default.MouseEventHandler<HTMLButtonElement>;
+}
+declare function WavelengthStyledButton({ type, styles, children, disabled, hoverstyles, icon, onClick, disabledstyles, activestyles }: StyledButtonPropsTwo): react_jsx_runtime.JSX.Element;
+
 interface WavelengthBoxProps {
     width?: number;
     height?: number;
@@ -124,6 +137,7 @@ interface SearchProps {
     mode: "automatic" | "manual";
     type?: "text-box" | "search-bar";
     iconPos?: "start" | "end";
+    clearIconMarginRight?: string;
     borderRadius?: number | string;
     label?: string;
     width?: string;
@@ -141,7 +155,7 @@ interface SearchProps {
     onChange?: React__default.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
     onSearchItemSelected?: (selectedItem: SearchResult | string) => void;
 }
-declare function WavelengthSearch({ id, mode, type, width, height, label, size, borderRadius, children, placeholder, onEnter, onSearchItemSelected, options, onChange, borderColor, hoverColor, textColor, fontSize, backgroundColor, iconPos, }: SearchProps): react_jsx_runtime.JSX.Element | undefined;
+declare function WavelengthSearch({ id, mode, type, width, height, label, size, borderRadius, children, placeholder, onEnter, onSearchItemSelected, options, onChange, borderColor, hoverColor, textColor, fontSize, backgroundColor, iconPos, clearIconMarginRight, }: SearchProps): react_jsx_runtime.JSX.Element | undefined;
 
 declare function SearchTextField(): react_jsx_runtime.JSX.Element;
 
@@ -255,15 +269,21 @@ declare function WavelengthPlaneTrail({ trailDir, id }: WavelengthPlaneTrailProp
 type ThemeProperties = {
     name?: string;
 };
-declare const WavelengthAppTheme: React.Context<ThemeProperties>;
+declare const WavelengthAppTheme: React$1.Context<ThemeProperties>;
 declare const useThemeContext: () => ThemeProperties;
 
 interface WavelengthConfirmationModalProps {
     show: boolean;
     setShow: (show: boolean) => void;
     textObj: Record<string, string>;
-    handleConfirmationModalOnConfirmProp: () => void;
     id?: string;
+    width?: string;
+    height?: string;
+    fontFamily?: string;
+    textColor?: string;
+    cacelButton?: React.ReactNode;
+    submitButton?: React.ReactNode;
+    backgroundColor?: string;
 }
 declare function WavelengthConfirmationModal(props: WavelengthConfirmationModalProps): react_jsx_runtime.JSX.Element;
 
@@ -281,6 +301,7 @@ interface menuItemProps {
     link?: string;
     end?: boolean;
     email?: string;
+    hoverColor?: string;
 }
 interface PopUPMenuProps {
     menuItems: menuItemProps[];
@@ -288,10 +309,10 @@ interface PopUPMenuProps {
     width?: string;
     menuDirection?: "top" | "bottom";
     color?: string;
-    emailHoverColor?: string;
+    border?: string;
     id?: string;
 }
-declare function WavelengthPopUpMenu({ menuItems, customIcon, width, menuDirection, color, emailHoverColor, id }: PopUPMenuProps): react_jsx_runtime.JSX.Element;
+declare function WavelengthPopUpMenu({ menuItems, customIcon, width, menuDirection, color, id, border }: PopUPMenuProps): react_jsx_runtime.JSX.Element;
 
 interface DropdownProps {
     id?: string;
@@ -313,7 +334,7 @@ interface MenuSxProps {
     width?: string;
     boxShadow?: string;
 }
-declare function WavelengthDropdown({ id, options, buttonSx, width, buttonText, menuSx, palette }: DropdownProps): react_jsx_runtime.JSX.Element;
+declare function WavelengthDropdown({ id, options, buttonSx, width, buttonText, menuSx, palette, }: DropdownProps): react_jsx_runtime.JSX.Element;
 
 interface ConfirmationSnackbarProps {
     show: boolean;
@@ -422,4 +443,19 @@ declare const range: (start: number, end: number) => number[];
 declare function ascendingRange(start: number, end: number): number[];
 declare function DefaultPagination({ totalPages, currentPageNumber, siblingCount, boundaryCount, style, onPageChange }: PaginationProps): react_jsx_runtime.JSX.Element;
 
-export { AppLogo, ButtonIcon, ButtonMenu, DefaultCarousel, DefaultIcon, DefaultPagination, ManyPlanesComponent, NotAvailablePage, type SearchResult, SearchTextField, SliderCardCarousel, TestSnackbar, type ThemeProperties, WavelengthAppTheme, WavelengthAutocomplete, WavelengthBanner, WavelengthBox, WavelengthButton, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDropdown, WavelengthDropdownButton, WavelengthExampleComponent, WavelengthFileDownloader, WavelengthFooter, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthSearch, WavelengthSideBar, WavelengthSlider, WavelengthSnackbar, WavelengthSpinningLogo, WavelengthSpinningOuterCircle, WavelengthStandardSnackbar, WavelengthTitleBar, add, ascendingRange, concat, findBestStringMatch, type menuItemProps, range, useOutsideClick, useThemeContext };
+interface TextFieldProps {
+    width?: string;
+    height?: string;
+    label?: string;
+    borderColor?: string;
+    labelColor?: string;
+    focusColor?: string;
+    textColor?: string;
+    required?: boolean;
+    onChange?: React__default.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+    regex?: RegExp;
+    placeholder?: string;
+}
+declare function WavelengthTextField(props: TextFieldProps): react_jsx_runtime.JSX.Element;
+
+export { AppLogo, ButtonIcon, ButtonMenu, DefaultCarousel, DefaultIcon, DefaultPagination, ManyPlanesComponent, NotAvailablePage, type SearchResult, SearchTextField, SliderCardCarousel, type StyledButtonPropsTwo, TestSnackbar, type ThemeProperties, WavelengthAppTheme, WavelengthAutocomplete, WavelengthBanner, WavelengthBox, WavelengthButton, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDropdown, WavelengthDropdownButton, WavelengthExampleComponent, WavelengthFileDownloader, WavelengthFooter, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthSearch, WavelengthSideBar, WavelengthSlider, WavelengthSnackbar, WavelengthSpinningLogo, WavelengthSpinningOuterCircle, WavelengthStandardSnackbar, WavelengthStyledButton, WavelengthTextField, WavelengthTitleBar, add, ascendingRange, concat, findBestStringMatch, type menuItemProps, range, useOutsideClick, useThemeContext };

package/dist/components/TextField/WavelengthTextField.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+interface TextFieldProps {
+    width?: string;
+    height?: string;
+    label?: string;
+    borderColor?: string;
+    labelColor?: string;
+    focusColor?: string;
+    textColor?: string;
+    required?: boolean;
+    onChange?: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+    regex?: RegExp;
+    placeholder?: string;
+}
+export declare function WavelengthTextField(props: TextFieldProps): import("react/jsx-runtime").JSX.Element;
+export default WavelengthTextField;
+//# sourceMappingURL=WavelengthTextField.d.ts.map

package/dist/components/TextField/WavelengthTextField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WavelengthTextField.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/WavelengthTextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAGrD,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,GAAG,SAAS,CAAC;IACxF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,cAAc,2CAmDxD;AAED,eAAe,mBAAmB,CAAC"}

package/dist/components/buttons/WavelengthButton/WavelengthStyledButton.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+export interface StyledButtonPropsTwo {
+    type: "channel_one_transparent" | "channel_one_launch" | "channel_one_request" | "channel_one_pending" | "channel_one_disabled" | "ewdms_tertiary" | "ewdms_primary" | "ewdms_secondary" | "brewery" | "default";
+    styles?: React.CSSProperties;
+    hoverstyles?: React.CSSProperties;
+    activestyles?: React.CSSProperties;
+    disabledstyles?: React.CSSProperties;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+    children: React.ReactNode;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+}
+export declare function WavelengthStyledButton({ type, styles, children, disabled, hoverstyles, icon, onClick, disabledstyles, activestyles }: StyledButtonPropsTwo): import("react/jsx-runtime").JSX.Element;
+export default WavelengthStyledButton;
+//# sourceMappingURL=WavelengthStyledButton.d.ts.map

package/dist/components/buttons/WavelengthButton/WavelengthStyledButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WavelengthStyledButton.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/WavelengthButton/WavelengthStyledButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,oBAAoB;IACnC,IAAI,EACA,yBAAyB,GACzB,oBAAoB,GACpB,qBAAqB,GACrB,qBAAqB,GACrB,sBAAsB,GACtB,gBAAgB,GAChB,eAAe,GACf,iBAAiB,GACjB,SAAS,GACT,SAAS,CAAC;IACd,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC7B,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CACtD;AAqaD,wBAAgB,sBAAsB,CAAC,EAAE,IAAgB,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAgB,EAAE,WAAW,EAAE,IAAI,EAAE,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,EAAE,oBAAoB,2CAO9K;AAED,eAAe,sBAAsB,CAAC"}

package/dist/components/modals/WavelengthConfirmationModal.d.ts

@@ -2,8 +2,14 @@ interface WavelengthConfirmationModalProps {
     show: boolean;
     setShow: (show: boolean) => void;
     textObj: Record<string, string>;
-    handleConfirmationModalOnConfirmProp: () => void;
     id?: string;
+    width?: string;
+    height?: string;
+    fontFamily?: string;
+    textColor?: string;
+    cacelButton?: React.ReactNode;
+    submitButton?: React.ReactNode;
+    backgroundColor?: string;
 }
 export declare function WavelengthConfirmationModal(props: WavelengthConfirmationModalProps): import("react/jsx-runtime").JSX.Element;
 export default WavelengthConfirmationModal;

package/dist/components/modals/WavelengthConfirmationModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WavelengthConfirmationModal.d.ts","sourceRoot":"","sources":["../../../src/components/modals/WavelengthConfirmationModal.tsx"],"names":[],"mappings":"AACA,UAAU,gCAAgC;IACxC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,oCAAoC,EAAE,MAAM,IAAI,CAAC;IACjD,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,gCAAgC,2CAwBlF;AAED,eAAe,2BAA2B,CAAC"}
+{"version":3,"file":"WavelengthConfirmationModal.d.ts","sourceRoot":"","sources":["../../../src/components/modals/WavelengthConfirmationModal.tsx"],"names":[],"mappings":"AAEA,UAAU,gCAAgC;IACxC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAEhC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE/B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,gCAAgC,2CAmClF;AAED,eAAe,2BAA2B,CAAC"}

package/dist/components/modals/WavelengthDropdown.d.ts

@@ -20,7 +20,7 @@ interface MenuSxProps {
     width?: string;
     boxShadow?: string;
 }
-export declare function WavelengthDropdown({ id, options, buttonSx, width, buttonText, menuSx, palette }: DropdownProps): import("react/jsx-runtime").JSX.Element;
+export declare function WavelengthDropdown({ id, options, buttonSx, width, buttonText, menuSx, palette, }: DropdownProps): import("react/jsx-runtime").JSX.Element;
 declare const WavelengthDropdownStyled: import("@emotion/styled").StyledComponent<DropdownProps & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
 export default WavelengthDropdownStyled;
 //# sourceMappingURL=WavelengthDropdown.d.ts.map

package/dist/components/modals/WavelengthDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WavelengthDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/modals/WavelengthDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAmC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAMhF,UAAU,aAAa;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;IACtC,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AACD,UAAU,WAAW;IACnB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,aAAa,CAAC,GAAG,SAAS,CAAC;CAC9D;AACD,UAAU,WAAW;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,aAAa,2CAiH9G;AAED,QAAA,MAAM,wBAAwB,sHAA+B,CAAC;AAC9D,eAAe,wBAAwB,CAAC"}
+{"version":3,"file":"WavelengthDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/modals/WavelengthDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAmC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAMhF,UAAU,aAAa;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;IACtC,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AACD,UAAU,WAAW;IACnB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,aAAa,CAAC,GAAG,SAAS,CAAC;CAC9D;AACD,UAAU,WAAW;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,wBAAgB,kBAAkB,CAAC,EACjC,EAAE,EACF,OAAO,EACP,QAAQ,EACR,KAAe,EACf,UAAU,EACV,MAA+F,EAC/F,OAAO,GACR,EAAE,aAAa,2CAiHf;AAED,QAAA,MAAM,wBAAwB,sHAA+B,CAAC;AAC9D,eAAe,wBAAwB,CAAC"}

package/dist/components/modals/WavelengthPopUpMenu.d.ts

@@ -5,6 +5,7 @@ export interface menuItemProps {
     link?: string;
     end?: boolean;
     email?: string;
+    hoverColor?: string;
 }
 interface PopUPMenuProps {
     menuItems: menuItemProps[];
@@ -12,9 +13,9 @@ interface PopUPMenuProps {
     width?: string;
     menuDirection?: "top" | "bottom";
     color?: string;
-    emailHoverColor?: string;
+    border?: string;
     id?: string;
 }
-export declare function WavelengthPopUpMenu({ menuItems, customIcon, width, menuDirection, color, emailHoverColor, id }: PopUPMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function WavelengthPopUpMenu({ menuItems, customIcon, width, menuDirection, color, id, border }: PopUPMenuProps): import("react/jsx-runtime").JSX.Element;
 export default WavelengthPopUpMenu;
 //# sourceMappingURL=WavelengthPopUpMenu.d.ts.map

package/dist/components/modals/WavelengthPopUpMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WavelengthPopUpMenu.d.ts","sourceRoot":"","sources":["../../../src/components/modals/WavelengthPopUpMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAYzC,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IAChD,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AACD,UAAU,cAAc;IACtB,SAAS,EAAE,aAAa,EAAE,CAAC;IAC3B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAUD,wBAAgB,mBAAmB,CAAC,EAAE,SAAS,EAAE,UAAkB,EAAE,KAAK,EAAE,aAAqB,EAAE,KAAK,EAAE,eAAwB,EAAE,EAAE,EAAE,EAAE,cAAc,2CA8JvJ;AAED,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"WavelengthPopUpMenu.d.ts","sourceRoot":"","sources":["../../../src/components/modals/WavelengthPopUpMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAYzC,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IAChD,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AACD,UAAU,cAAc;IACtB,SAAS,EAAE,aAAa,EAAE,CAAC;IAC3B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAUD,wBAAgB,mBAAmB,CAAC,EAAE,SAAS,EAAE,UAAkB,EAAE,KAAK,EAAE,aAAqB,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,cAAc,2CAoLrI;AAED,eAAe,mBAAmB,CAAC"}

package/dist/components/search/WavelengthSearch.d.ts

@@ -10,6 +10,7 @@ interface SearchProps {
     mode: "automatic" | "manual";
     type?: "text-box" | "search-bar";
     iconPos?: "start" | "end";
+    clearIconMarginRight?: string;
     borderRadius?: number | string;
     label?: string;
     width?: string;
@@ -27,6 +28,6 @@ interface SearchProps {
     onChange?: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
     onSearchItemSelected?: (selectedItem: SearchResult | string) => void;
 }
-export declare function WavelengthSearch({ id, mode, type, width, height, label, size, borderRadius, children, placeholder, onEnter, onSearchItemSelected, options, onChange, borderColor, hoverColor, textColor, fontSize, backgroundColor, iconPos, }: SearchProps): import("react/jsx-runtime").JSX.Element | undefined;
+export declare function WavelengthSearch({ id, mode, type, width, height, label, size, borderRadius, children, placeholder, onEnter, onSearchItemSelected, options, onChange, borderColor, hoverColor, textColor, fontSize, backgroundColor, iconPos, clearIconMarginRight, }: SearchProps): import("react/jsx-runtime").JSX.Element | undefined;
 export default WavelengthSearch;
 //# sourceMappingURL=WavelengthSearch.d.ts.map

package/dist/components/search/WavelengthSearch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WavelengthSearch.d.ts","sourceRoot":"","sources":["../../../src/components/search/WavelengthSearch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAclC,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,WAAW;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,WAAW,GAAG,QAAQ,CAAC;IAC7B,IAAI,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACjC,OAAO,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC;IAC9B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,CAAC;IAC5E,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,GAAG,MAAM,KAAK,IAAI,CAAC;CACtE;AAuCD,wBAAgB,gBAAgB,CAAC,EAC/B,EAAE,EACF,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,MAAM,EACN,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,OAAO,EACP,oBAAoB,EACpB,OAAO,EACP,QAAQ,EACR,WAAW,EACX,UAAU,EACV,SAAS,EACT,QAAQ,EACR,eAAe,EACf,OAAe,GAChB,EAAE,WAAW,uDAoeb;AAED,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"WavelengthSearch.d.ts","sourceRoot":"","sources":["../../../src/components/search/WavelengthSearch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAelC,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,WAAW;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,WAAW,GAAG,QAAQ,CAAC;IAC7B,IAAI,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACjC,OAAO,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC1B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC;IAC9B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,CAAC;IAC5E,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,GAAG,MAAM,KAAK,IAAI,CAAC;CACtE;AA8CD,wBAAgB,gBAAgB,CAAC,EAC/B,EAAE,EACF,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,MAAM,EACN,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,OAAO,EACP,oBAAoB,EACpB,OAAO,EACP,QAAQ,EACR,WAAW,EACX,UAAU,EACV,SAAS,EACT,QAAQ,EACR,eAAe,EACf,OAAe,EACf,oBAAoB,GACrB,EAAE,WAAW,uDAugBb;AAED,eAAe,gBAAgB,CAAC"}

package/dist/esm/index.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React$1 from 'react';
 import React__default, { ReactNode } from 'react';
 import { SxProps, Theme } from '@mui/material/styles';
 import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -87,6 +87,19 @@ interface DownloadProps {
 }
 declare function WavelengthFileDownloader({ fileLoc, fileURL, fileName, button, id }: DownloadProps): react_jsx_runtime.JSX.Element | undefined;
 
+interface StyledButtonPropsTwo {
+    type: "channel_one_transparent" | "channel_one_launch" | "channel_one_request" | "channel_one_pending" | "channel_one_disabled" | "ewdms_tertiary" | "ewdms_primary" | "ewdms_secondary" | "brewery" | "default";
+    styles?: React__default.CSSProperties;
+    hoverstyles?: React__default.CSSProperties;
+    activestyles?: React__default.CSSProperties;
+    disabledstyles?: React__default.CSSProperties;
+    icon?: React__default.ReactNode;
+    disabled?: boolean;
+    children: React__default.ReactNode;
+    onClick?: React__default.MouseEventHandler<HTMLButtonElement>;
+}
+declare function WavelengthStyledButton({ type, styles, children, disabled, hoverstyles, icon, onClick, disabledstyles, activestyles }: StyledButtonPropsTwo): react_jsx_runtime.JSX.Element;
+
 interface WavelengthBoxProps {
     width?: number;
     height?: number;
@@ -124,6 +137,7 @@ interface SearchProps {
     mode: "automatic" | "manual";
     type?: "text-box" | "search-bar";
     iconPos?: "start" | "end";
+    clearIconMarginRight?: string;
     borderRadius?: number | string;
     label?: string;
     width?: string;
@@ -141,7 +155,7 @@ interface SearchProps {
     onChange?: React__default.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
     onSearchItemSelected?: (selectedItem: SearchResult | string) => void;
 }
-declare function WavelengthSearch({ id, mode, type, width, height, label, size, borderRadius, children, placeholder, onEnter, onSearchItemSelected, options, onChange, borderColor, hoverColor, textColor, fontSize, backgroundColor, iconPos, }: SearchProps): react_jsx_runtime.JSX.Element | undefined;
+declare function WavelengthSearch({ id, mode, type, width, height, label, size, borderRadius, children, placeholder, onEnter, onSearchItemSelected, options, onChange, borderColor, hoverColor, textColor, fontSize, backgroundColor, iconPos, clearIconMarginRight, }: SearchProps): react_jsx_runtime.JSX.Element | undefined;
 
 declare function SearchTextField(): react_jsx_runtime.JSX.Element;
 
@@ -255,15 +269,21 @@ declare function WavelengthPlaneTrail({ trailDir, id }: WavelengthPlaneTrailProp
 type ThemeProperties = {
     name?: string;
 };
-declare const WavelengthAppTheme: React.Context<ThemeProperties>;
+declare const WavelengthAppTheme: React$1.Context<ThemeProperties>;
 declare const useThemeContext: () => ThemeProperties;
 
 interface WavelengthConfirmationModalProps {
     show: boolean;
     setShow: (show: boolean) => void;
     textObj: Record<string, string>;
-    handleConfirmationModalOnConfirmProp: () => void;
     id?: string;
+    width?: string;
+    height?: string;
+    fontFamily?: string;
+    textColor?: string;
+    cacelButton?: React.ReactNode;
+    submitButton?: React.ReactNode;
+    backgroundColor?: string;
 }
 declare function WavelengthConfirmationModal(props: WavelengthConfirmationModalProps): react_jsx_runtime.JSX.Element;
 
@@ -281,6 +301,7 @@ interface menuItemProps {
     link?: string;
     end?: boolean;
     email?: string;
+    hoverColor?: string;
 }
 interface PopUPMenuProps {
     menuItems: menuItemProps[];
@@ -288,10 +309,10 @@ interface PopUPMenuProps {
     width?: string;
     menuDirection?: "top" | "bottom";
     color?: string;
-    emailHoverColor?: string;
+    border?: string;
     id?: string;
 }
-declare function WavelengthPopUpMenu({ menuItems, customIcon, width, menuDirection, color, emailHoverColor, id }: PopUPMenuProps): react_jsx_runtime.JSX.Element;
+declare function WavelengthPopUpMenu({ menuItems, customIcon, width, menuDirection, color, id, border }: PopUPMenuProps): react_jsx_runtime.JSX.Element;
 
 interface DropdownProps {
     id?: string;
@@ -313,7 +334,7 @@ interface MenuSxProps {
     width?: string;
     boxShadow?: string;
 }
-declare function WavelengthDropdown({ id, options, buttonSx, width, buttonText, menuSx, palette }: DropdownProps): react_jsx_runtime.JSX.Element;
+declare function WavelengthDropdown({ id, options, buttonSx, width, buttonText, menuSx, palette, }: DropdownProps): react_jsx_runtime.JSX.Element;
 
 interface ConfirmationSnackbarProps {
     show: boolean;
@@ -422,4 +443,19 @@ declare const range: (start: number, end: number) => number[];
 declare function ascendingRange(start: number, end: number): number[];
 declare function DefaultPagination({ totalPages, currentPageNumber, siblingCount, boundaryCount, style, onPageChange }: PaginationProps): react_jsx_runtime.JSX.Element;
 
-export { AppLogo, ButtonIcon, ButtonMenu, DefaultCarousel, DefaultIcon, DefaultPagination, ManyPlanesComponent, NotAvailablePage, type SearchResult, SearchTextField, SliderCardCarousel, TestSnackbar, type ThemeProperties, WavelengthAppTheme, WavelengthAutocomplete, WavelengthBanner, WavelengthBox, WavelengthButton, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDropdown, WavelengthDropdownButton, WavelengthExampleComponent, WavelengthFileDownloader, WavelengthFooter, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthSearch, WavelengthSideBar, WavelengthSlider, WavelengthSnackbar, WavelengthSpinningLogo, WavelengthSpinningOuterCircle, WavelengthStandardSnackbar, WavelengthTitleBar, add, ascendingRange, concat, findBestStringMatch, type menuItemProps, range, useOutsideClick, useThemeContext };
+interface TextFieldProps {
+    width?: string;
+    height?: string;
+    label?: string;
+    borderColor?: string;
+    labelColor?: string;
+    focusColor?: string;
+    textColor?: string;
+    required?: boolean;
+    onChange?: React__default.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+    regex?: RegExp;
+    placeholder?: string;
+}
+declare function WavelengthTextField(props: TextFieldProps): react_jsx_runtime.JSX.Element;
+
+export { AppLogo, ButtonIcon, ButtonMenu, DefaultCarousel, DefaultIcon, DefaultPagination, ManyPlanesComponent, NotAvailablePage, type SearchResult, SearchTextField, SliderCardCarousel, type StyledButtonPropsTwo, TestSnackbar, type ThemeProperties, WavelengthAppTheme, WavelengthAutocomplete, WavelengthBanner, WavelengthBox, WavelengthButton, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDropdown, WavelengthDropdownButton, WavelengthExampleComponent, WavelengthFileDownloader, WavelengthFooter, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthSearch, WavelengthSideBar, WavelengthSlider, WavelengthSnackbar, WavelengthSpinningLogo, WavelengthSpinningOuterCircle, WavelengthStandardSnackbar, WavelengthStyledButton, WavelengthTextField, WavelengthTitleBar, add, ascendingRange, concat, findBestStringMatch, type menuItemProps, range, useOutsideClick, useThemeContext };