@wavelengthusaf/components 4.4.3 → 4.5.1

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.
@@ -4983,6 +4983,50 @@ var WavelengthFileDropZone = ({
4983
4983
  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "wavelength-file-drop-zone", { ref, style: mergedStyle, ...rest, children });
4984
4984
  };
4985
4985
 
4986
+ // src/components/SnackBar/WavelengthWebSnackbar.tsx.tsx
4987
+
4988
+
4989
+
4990
+ var WavelengthWebSnackbar = ({
4991
+ message,
4992
+ duration,
4993
+ backgroundColor: backgroundColor2,
4994
+ fontColor,
4995
+ fontFamily,
4996
+ fontSize,
4997
+ border: border2,
4998
+ padding: padding2,
4999
+ borderRadius: borderRadius2,
5000
+ width: width2,
5001
+ horizontalAlign,
5002
+ verticalAlign,
5003
+ style: style3,
5004
+ ...rest
5005
+ }) => {
5006
+ const ref = _react.useRef.call(void 0, null);
5007
+ _react.useEffect.call(void 0, () => {
5008
+ const el = ref.current;
5009
+ if (!el) return;
5010
+ if (message !== void 0) el.setAttribute("message", message);
5011
+ else el.removeAttribute("message");
5012
+ if (duration !== void 0) el.setAttribute("duration", String(duration));
5013
+ else el.removeAttribute("duration");
5014
+ }, [message, duration]);
5015
+ const mergedStyle = {
5016
+ ...style3,
5017
+ "--background-color": backgroundColor2,
5018
+ "--font-color": fontColor,
5019
+ "--font-family": fontFamily,
5020
+ "--font-size": fontSize,
5021
+ "--border": border2,
5022
+ "--padding": padding2,
5023
+ "--border-radius": borderRadius2,
5024
+ "--width": width2,
5025
+ "--justify-content": horizontalAlign
5026
+ };
5027
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "wavelength-snackbar", { ref, "vertical-align": verticalAlign, style: mergedStyle, ...rest });
5028
+ };
5029
+
4986
5030
  // src/components/PageComponents/WavelengthSpinningLogo.tsx
4987
5031
 
4988
5032
  function WavelengthSpinningOuterCircle({ size, id, clip, color: color2, gradient, radius }) {
@@ -5857,34 +5901,38 @@ function WavelengthManyPlanes({ numberOfPlanes = 5, trailDir = "left", color: co
5857
5901
  WavelengthManyPlanes.displayName = "WavelengthManyPlanes";
5858
5902
 
5859
5903
  // src/components/separators/WavelengthPlaneTrail/WavelengthPlaneTrail.tsx
5860
- var _Divider = require('@mui/material/Divider'); var _Divider2 = _interopRequireDefault(_Divider);
5861
5904
 
5862
5905
 
5863
- function WavelengthPlaneTrail({ trailDir = "right", id, color: color2 }) {
5864
- let direction = "row-reverse";
5865
- let flippy = "";
5866
- if (trailDir !== "right") {
5867
- direction = "row";
5868
- flippy = "rotate(180)";
5869
- } else {
5870
- direction = "row-reverse";
5871
- flippy = "";
5872
- }
5873
- const palette2 = getPalette();
5874
- return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _Grid2.default, { container: true, alignItems: "center", flexDirection: direction, children: [
5875
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Grid2.default, { item: true, id, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { width: "40", height: "40", viewBox: "0 0 40 40", transform: flippy, fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
5876
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "mask", { id: "mask0_56_851", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "40", height: "40", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { x: "40", width: "40", height: "40", transform: "rotate(90 40 0)", fill: "#D9D9D9" }) }),
5877
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "g", { mask: "url(#mask0_56_851)", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
5878
- "path",
5879
- {
5880
- d: "M4.16662 14.8988L5.76079 14.8988L8.16454 18.1359L18.2616 18.1359L14.1291 4.16669L16.2425 4.16669L24.5075 18.1359L33.985 18.1359C34.5022 18.1359 34.9422 18.3172 35.305 18.68C35.6677 19.0428 35.8491 19.4828 35.8491 20C35.8491 20.5172 35.6677 20.9572 35.305 21.32C34.9422 21.6828 34.5022 21.8642 33.985 21.8642L24.5075 21.8642L16.2425 35.8334L14.1291 35.8334L18.2616 21.8642L8.19662 21.8642L5.76079 25.1013L4.16662 25.1013L5.64329 20L4.16662 14.8988Z",
5881
- fill: color2 ? color2 : palette2.primary
5882
- }
5883
- ) })
5884
- ] }) }),
5885
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Grid2.default, { item: true, style: { width: "75%" }, id: "trailExample", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Divider2.default, { variant: "middle", sx: { bgcolor: color2 ? color2 : palette2.primary } }) })
5886
- ] });
5887
- }
5906
+
5907
+ var WavelengthPlaneTrail = ({
5908
+ trailDir,
5909
+ color: color2,
5910
+ id,
5911
+ children,
5912
+ // Style argument
5913
+ customStyle: customStyle2,
5914
+ ...rest
5915
+ // This rest operator includes className, style, onClick, etc.
5916
+ }) => {
5917
+ const ref = _react.useRef.call(void 0, null);
5918
+ _react.useEffect.call(void 0, () => {
5919
+ const el = ref.current;
5920
+ if (!el) return;
5921
+ if (customStyle2 !== void 0) {
5922
+ el.customStyles = customStyle2;
5923
+ }
5924
+ if (trailDir !== void 0) {
5925
+ el.setAttribute("trailDir", trailDir);
5926
+ }
5927
+ if (color2 !== void 0) {
5928
+ el.setAttribute("color", color2);
5929
+ }
5930
+ if (id !== void 0) {
5931
+ el.setAttribute("id", id);
5932
+ }
5933
+ }, [trailDir]);
5934
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "wavelength-planetrail", { ref, trailDir, color: color2, id, customStyle: customStyle2, ...rest, children });
5935
+ };
5888
5936
  WavelengthPlaneTrail.displayName = "WavelengthPlaneTrail";
5889
5937
 
5890
5938
  // src/components/modals/WavelengthConfirmationModal.tsx
@@ -5957,7 +6005,7 @@ var _Slide = require('@mui/material/Slide'); var _Slide2 = _interopRequireDefaul
5957
6005
 
5958
6006
 
5959
6007
 
5960
-
6008
+ var _Divider = require('@mui/material/Divider'); var _Divider2 = _interopRequireDefault(_Divider);
5961
6009
 
5962
6010
  var customStyle = { marginLeft: 16, marginRight: 16, marginTop: 8, marginBottom: 8 };
5963
6011
  var emailStyle = {
@@ -8450,7 +8498,8 @@ var WavelengthMultiSelectAutocomplete = ({ options, placeholder = "Select Option
8450
8498
 
8451
8499
 
8452
8500
 
8453
- exports.ButtonIcon = ButtonIcon; exports.ButtonMenu = ButtonMenu; exports.ChildDataTable = ChildDataTable2; exports.ChildDataTableElement = _webcomponents.ChildDataTable; exports.DefaultCarousel = DefaultCarousel; exports.NestedDataTable = NestedDataTable; exports.SampleComponent = SampleComponent; exports.SampleComponentElement = _webcomponents.SampleComponent; exports.SliderCardCarousel = SliderCardCarousel; exports.WavelengthAccessAlert = WavelengthAccessAlert; exports.WavelengthAlert = WavelengthAlert; exports.WavelengthAppLogo = WavelengthAppLogo; exports.WavelengthAppTheme = WavelengthAppTheme; exports.WavelengthAutoComplete = WavelengthAutoComplete; exports.WavelengthAutocomplete = WavelengthAutocomplete; exports.WavelengthBanner = WavelengthBanner; exports.WavelengthBannerElement = _webcomponents.WavelengthBanner; exports.WavelengthBox = WavelengthBox; exports.WavelengthButton = WavelengthButton; exports.WavelengthButtonElement = _webcomponents.WavelengthButton; exports.WavelengthCheckbox = WavelengthCheckbox; exports.WavelengthCommentDisplay = WavelengthCommentDisplay; exports.WavelengthConfirmationModal = WavelengthConfirmationModal; exports.WavelengthContentModal = WavelengthContentModal; exports.WavelengthContentPlaceholder = WavelengthContentPlaceholder; exports.WavelengthDataTable = WavelengthDataTable; exports.WavelengthDatePicker = WavelengthDatePicker; exports.WavelengthDatePickerElement = _webcomponents.WavelengthDatePicker; exports.WavelengthDefaultIcon = WavelengthDefaultIcon; exports.WavelengthDefaultPagination = WavelengthDefaultPagination; exports.WavelengthDragAndDrop = WavelengthDragAndDrop; exports.WavelengthDropdown = WavelengthDropdown; exports.WavelengthDropdownButton = WavelengthDropdownButton; exports.WavelengthExampleComponent = WavelengthExampleComponent; exports.WavelengthFileDownloader = WavelengthFileDownloader; exports.WavelengthFileDropZone = WavelengthFileDropZone; exports.WavelengthFooter = WavelengthFooter; exports.WavelengthForm = WavelengthForm; exports.WavelengthFormElement = _webcomponents.WavelengthForm; exports.WavelengthInput = WavelengthInput; exports.WavelengthInputElement = _webcomponents.WavelengthInput; exports.WavelengthManyPlanes = WavelengthManyPlanes; exports.WavelengthMultiSelectAutocomplete = WavelengthMultiSelectAutocomplete; exports.WavelengthMultiSelectAutocompleteElement = _webcomponents.WavelengthMultiSelectAutocomplete; exports.WavelengthNavBar = WavelengthNavBar; exports.WavelengthNotAvailablePage = WavelengthNotAvailablePage; exports.WavelengthNotificationPanel = WavelengthNotificationPanel; exports.WavelengthPermissionAlert = WavelengthPermissionAlert; exports.WavelengthPlaneTrail = WavelengthPlaneTrail; exports.WavelengthPopUpMenu = WavelengthPopUpMenu; exports.WavelengthProgressBar = WavelengthProgressBar; exports.WavelengthProgressBarElement = _webcomponents.WavelengthProgressBar; exports.WavelengthSearch = WavelengthSearch; exports.WavelengthSearchTextField = WavelengthSearchTextField; exports.WavelengthSideBar = WavelengthSideBar; exports.WavelengthSlider = WavelengthSlider; exports.WavelengthSnackbar = WavelengthSnackbar; exports.WavelengthSpinningLogo = WavelengthSpinningLogo; exports.WavelengthSpinningOuterCircle = WavelengthSpinningOuterCircle; exports.WavelengthStandardSnackbar = WavelengthStandardSnackbar; exports.WavelengthStyledButton = WavelengthStyledButton; exports.WavelengthTestSnackbar = WavelengthTestSnackbar; exports.WavelengthTitleBar = WavelengthTitleBar; exports.WavelengthTitleBarElement = _webcomponents.WavelengthTitleBar; exports.add = add; exports.ascendingRange = ascendingRange; exports.concat = concat; exports.findBestStringMatch = findBestStringMatch; exports.range = range; exports.useOutsideClick = useOutsideClick; exports.useThemeContext = useThemeContext;
8501
+
8502
+ exports.ButtonIcon = ButtonIcon; exports.ButtonMenu = ButtonMenu; exports.ChildDataTable = ChildDataTable2; exports.ChildDataTableElement = _webcomponents.ChildDataTable; exports.DefaultCarousel = DefaultCarousel; exports.NestedDataTable = NestedDataTable; exports.SampleComponent = SampleComponent; exports.SampleComponentElement = _webcomponents.SampleComponent; exports.SliderCardCarousel = SliderCardCarousel; exports.WavelengthAccessAlert = WavelengthAccessAlert; exports.WavelengthAlert = WavelengthAlert; exports.WavelengthAppLogo = WavelengthAppLogo; exports.WavelengthAppTheme = WavelengthAppTheme; exports.WavelengthAutoComplete = WavelengthAutoComplete; exports.WavelengthAutocomplete = WavelengthAutocomplete; exports.WavelengthBanner = WavelengthBanner; exports.WavelengthBannerElement = _webcomponents.WavelengthBanner; exports.WavelengthBox = WavelengthBox; exports.WavelengthButton = WavelengthButton; exports.WavelengthButtonElement = _webcomponents.WavelengthButton; exports.WavelengthCheckbox = WavelengthCheckbox; exports.WavelengthCommentDisplay = WavelengthCommentDisplay; exports.WavelengthConfirmationModal = WavelengthConfirmationModal; exports.WavelengthContentModal = WavelengthContentModal; exports.WavelengthContentPlaceholder = WavelengthContentPlaceholder; exports.WavelengthDataTable = WavelengthDataTable; exports.WavelengthDatePicker = WavelengthDatePicker; exports.WavelengthDatePickerElement = _webcomponents.WavelengthDatePicker; exports.WavelengthDefaultIcon = WavelengthDefaultIcon; exports.WavelengthDefaultPagination = WavelengthDefaultPagination; exports.WavelengthDragAndDrop = WavelengthDragAndDrop; exports.WavelengthDropdown = WavelengthDropdown; exports.WavelengthDropdownButton = WavelengthDropdownButton; exports.WavelengthExampleComponent = WavelengthExampleComponent; exports.WavelengthFileDownloader = WavelengthFileDownloader; exports.WavelengthFileDropZone = WavelengthFileDropZone; exports.WavelengthFooter = WavelengthFooter; exports.WavelengthForm = WavelengthForm; exports.WavelengthFormElement = _webcomponents.WavelengthForm; exports.WavelengthInput = WavelengthInput; exports.WavelengthInputElement = _webcomponents.WavelengthInput; exports.WavelengthManyPlanes = WavelengthManyPlanes; exports.WavelengthMultiSelectAutocomplete = WavelengthMultiSelectAutocomplete; exports.WavelengthMultiSelectAutocompleteElement = _webcomponents.WavelengthMultiSelectAutocomplete; exports.WavelengthNavBar = WavelengthNavBar; exports.WavelengthNotAvailablePage = WavelengthNotAvailablePage; exports.WavelengthNotificationPanel = WavelengthNotificationPanel; exports.WavelengthPermissionAlert = WavelengthPermissionAlert; exports.WavelengthPlaneTrail = WavelengthPlaneTrail; exports.WavelengthPopUpMenu = WavelengthPopUpMenu; exports.WavelengthProgressBar = WavelengthProgressBar; exports.WavelengthProgressBarElement = _webcomponents.WavelengthProgressBar; exports.WavelengthSearch = WavelengthSearch; exports.WavelengthSearchTextField = WavelengthSearchTextField; exports.WavelengthSideBar = WavelengthSideBar; exports.WavelengthSlider = WavelengthSlider; exports.WavelengthSnackbar = WavelengthSnackbar; exports.WavelengthSpinningLogo = WavelengthSpinningLogo; exports.WavelengthSpinningOuterCircle = WavelengthSpinningOuterCircle; exports.WavelengthStandardSnackbar = WavelengthStandardSnackbar; exports.WavelengthStyledButton = WavelengthStyledButton; exports.WavelengthTestSnackbar = WavelengthTestSnackbar; exports.WavelengthTitleBar = WavelengthTitleBar; exports.WavelengthTitleBarElement = _webcomponents.WavelengthTitleBar; exports.WavelengthWebSnackbar = WavelengthWebSnackbar; exports.add = add; exports.ascendingRange = ascendingRange; exports.concat = concat; exports.findBestStringMatch = findBestStringMatch; exports.range = range; exports.useOutsideClick = useOutsideClick; exports.useThemeContext = useThemeContext;
8454
8503
  /*! Bundled license information:
8455
8504
 
8456
8505
  react-is/cjs/react-is.production.min.js:
@@ -4,8 +4,8 @@ export { ChildDataTable as ChildDataTableElement, SampleComponent as SampleCompo
4
4
  import * as react_jsx_runtime from 'react/jsx-runtime';
5
5
  import { TextFieldVariants } from '@mui/material';
6
6
  import { z } from 'zod';
7
- import { Mark } from '@mui/material/Slider/useSlider.types';
8
7
  import { CSSProperties } from 'styled-components';
8
+ import { Mark } from '@mui/material/Slider/useSlider.types';
9
9
 
10
10
  /**
11
11
  * Helper Functions
@@ -316,6 +316,22 @@ interface WavelengthFileDropZoneProps extends React__default.HTMLAttributes<HTML
316
316
  }
317
317
  declare const WavelengthFileDropZone: React__default.FC<WavelengthFileDropZoneProps>;
318
318
 
319
+ interface WavelengthWebSnackbarProps extends React__default.HTMLAttributes<HTMLElement> {
320
+ message?: string;
321
+ duration?: number;
322
+ backgroundColor?: string;
323
+ fontColor?: string;
324
+ fontFamily?: string;
325
+ fontSize?: string;
326
+ border?: string;
327
+ padding?: string;
328
+ borderRadius?: string;
329
+ width?: string;
330
+ horizontalAlign?: string;
331
+ verticalAlign?: "top" | "center" | "bottom";
332
+ }
333
+ declare const WavelengthWebSnackbar: React__default.FC<WavelengthWebSnackbarProps>;
334
+
319
335
  interface ISpinningSvgProps {
320
336
  size: number;
321
337
  id: "outer-circle" | "middle-circle" | "inner-circle" | "spinning";
@@ -588,15 +604,17 @@ declare namespace WavelengthManyPlanes {
588
604
  var displayName: string;
589
605
  }
590
606
 
591
- interface WavelengthPlaneTrailProps {
592
- trailDir?: "right" | "left";
607
+ type StyleProp = {
608
+ [selector: string]: any;
609
+ } & CSSProperties;
610
+
611
+ interface WavelengthPlaneTrailProps extends React__default.HTMLAttributes<HTMLElement> {
612
+ trailDir?: "left" | "right";
593
613
  color?: string;
594
614
  id?: string;
615
+ customStyle?: StyleProp;
595
616
  }
596
- declare function WavelengthPlaneTrail({ trailDir, id, color }: WavelengthPlaneTrailProps): react_jsx_runtime.JSX.Element;
597
- declare namespace WavelengthPlaneTrail {
598
- var displayName: string;
599
- }
617
+ declare const WavelengthPlaneTrail: React__default.FC<WavelengthPlaneTrailProps>;
600
618
 
601
619
  type ThemeProperties = {
602
620
  name?: string;
@@ -808,10 +826,6 @@ declare namespace WavelengthDefaultPagination {
808
826
  var displayName: string;
809
827
  }
810
828
 
811
- type StyleProp = {
812
- [selector: string]: any;
813
- } & CSSProperties;
814
-
815
829
  interface WavelengthInputProps extends React__default.HTMLAttributes<HTMLElement> {
816
830
  id?: string;
817
831
  name?: string;
@@ -1018,4 +1032,4 @@ interface MultiSelectAutocompleteProps {
1018
1032
  }
1019
1033
  declare const WavelengthMultiSelectAutocomplete: React__default.FC<MultiSelectAutocompleteProps>;
1020
1034
 
1021
- export { ButtonIcon, ButtonMenu, ChildDataTable, DefaultCarousel, type IFileSelectedEventDetail, type NavItem, NestedDataTable, SampleComponent, type SearchProps, type SearchResult, SliderCardCarousel, type StyledButtonPropsTwo, type ThemeProperties, WavelengthAccessAlert, WavelengthAlert, WavelengthAppLogo, WavelengthAppTheme, WavelengthAutoComplete, WavelengthAutocomplete, WavelengthBanner, WavelengthBox, WavelengthButton, WavelengthCheckbox, WavelengthCommentDisplay, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDataTable, WavelengthDatePicker, WavelengthDefaultIcon, WavelengthDefaultPagination, WavelengthDragAndDrop, WavelengthDropdown, WavelengthDropdownButton, WavelengthExampleComponent, WavelengthFileDownloader, WavelengthFileDropZone, type WavelengthFileDropZoneProps, WavelengthFooter, WavelengthForm, WavelengthInput, WavelengthManyPlanes, WavelengthMultiSelectAutocomplete, WavelengthNavBar, type WavelengthNavBarProps, WavelengthNotAvailablePage, WavelengthNotificationPanel, WavelengthPermissionAlert, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthProgressBar, WavelengthSearch, WavelengthSearchTextField, WavelengthSideBar, WavelengthSlider, WavelengthSnackbar, WavelengthSpinningLogo, WavelengthSpinningOuterCircle, WavelengthStandardSnackbar, WavelengthStyledButton, WavelengthTestSnackbar, WavelengthTitleBar, add, ascendingRange, concat, findBestStringMatch, type menuItemProps, range, useOutsideClick, useThemeContext };
1035
+ export { ButtonIcon, ButtonMenu, ChildDataTable, DefaultCarousel, type IFileSelectedEventDetail, type NavItem, NestedDataTable, SampleComponent, type SearchProps, type SearchResult, SliderCardCarousel, type StyledButtonPropsTwo, type ThemeProperties, WavelengthAccessAlert, WavelengthAlert, WavelengthAppLogo, WavelengthAppTheme, WavelengthAutoComplete, WavelengthAutocomplete, WavelengthBanner, WavelengthBox, WavelengthButton, WavelengthCheckbox, WavelengthCommentDisplay, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDataTable, WavelengthDatePicker, WavelengthDefaultIcon, WavelengthDefaultPagination, WavelengthDragAndDrop, WavelengthDropdown, WavelengthDropdownButton, WavelengthExampleComponent, WavelengthFileDownloader, WavelengthFileDropZone, type WavelengthFileDropZoneProps, WavelengthFooter, WavelengthForm, WavelengthInput, WavelengthManyPlanes, WavelengthMultiSelectAutocomplete, WavelengthNavBar, type WavelengthNavBarProps, WavelengthNotAvailablePage, WavelengthNotificationPanel, WavelengthPermissionAlert, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthProgressBar, WavelengthSearch, WavelengthSearchTextField, WavelengthSideBar, WavelengthSlider, WavelengthSnackbar, WavelengthSpinningLogo, WavelengthSpinningOuterCircle, WavelengthStandardSnackbar, WavelengthStyledButton, WavelengthTestSnackbar, WavelengthTitleBar, WavelengthWebSnackbar, type WavelengthWebSnackbarProps, add, ascendingRange, concat, findBestStringMatch, type menuItemProps, range, useOutsideClick, useThemeContext };
@@ -4,8 +4,8 @@ export { ChildDataTable as ChildDataTableElement, SampleComponent as SampleCompo
4
4
  import * as react_jsx_runtime from 'react/jsx-runtime';
5
5
  import { TextFieldVariants } from '@mui/material';
6
6
  import { z } from 'zod';
7
- import { Mark } from '@mui/material/Slider/useSlider.types';
8
7
  import { CSSProperties } from 'styled-components';
8
+ import { Mark } from '@mui/material/Slider/useSlider.types';
9
9
 
10
10
  /**
11
11
  * Helper Functions
@@ -316,6 +316,22 @@ interface WavelengthFileDropZoneProps extends React__default.HTMLAttributes<HTML
316
316
  }
317
317
  declare const WavelengthFileDropZone: React__default.FC<WavelengthFileDropZoneProps>;
318
318
 
319
+ interface WavelengthWebSnackbarProps extends React__default.HTMLAttributes<HTMLElement> {
320
+ message?: string;
321
+ duration?: number;
322
+ backgroundColor?: string;
323
+ fontColor?: string;
324
+ fontFamily?: string;
325
+ fontSize?: string;
326
+ border?: string;
327
+ padding?: string;
328
+ borderRadius?: string;
329
+ width?: string;
330
+ horizontalAlign?: string;
331
+ verticalAlign?: "top" | "center" | "bottom";
332
+ }
333
+ declare const WavelengthWebSnackbar: React__default.FC<WavelengthWebSnackbarProps>;
334
+
319
335
  interface ISpinningSvgProps {
320
336
  size: number;
321
337
  id: "outer-circle" | "middle-circle" | "inner-circle" | "spinning";
@@ -588,15 +604,17 @@ declare namespace WavelengthManyPlanes {
588
604
  var displayName: string;
589
605
  }
590
606
 
591
- interface WavelengthPlaneTrailProps {
592
- trailDir?: "right" | "left";
607
+ type StyleProp = {
608
+ [selector: string]: any;
609
+ } & CSSProperties;
610
+
611
+ interface WavelengthPlaneTrailProps extends React__default.HTMLAttributes<HTMLElement> {
612
+ trailDir?: "left" | "right";
593
613
  color?: string;
594
614
  id?: string;
615
+ customStyle?: StyleProp;
595
616
  }
596
- declare function WavelengthPlaneTrail({ trailDir, id, color }: WavelengthPlaneTrailProps): react_jsx_runtime.JSX.Element;
597
- declare namespace WavelengthPlaneTrail {
598
- var displayName: string;
599
- }
617
+ declare const WavelengthPlaneTrail: React__default.FC<WavelengthPlaneTrailProps>;
600
618
 
601
619
  type ThemeProperties = {
602
620
  name?: string;
@@ -808,10 +826,6 @@ declare namespace WavelengthDefaultPagination {
808
826
  var displayName: string;
809
827
  }
810
828
 
811
- type StyleProp = {
812
- [selector: string]: any;
813
- } & CSSProperties;
814
-
815
829
  interface WavelengthInputProps extends React__default.HTMLAttributes<HTMLElement> {
816
830
  id?: string;
817
831
  name?: string;
@@ -1018,4 +1032,4 @@ interface MultiSelectAutocompleteProps {
1018
1032
  }
1019
1033
  declare const WavelengthMultiSelectAutocomplete: React__default.FC<MultiSelectAutocompleteProps>;
1020
1034
 
1021
- export { ButtonIcon, ButtonMenu, ChildDataTable, DefaultCarousel, type IFileSelectedEventDetail, type NavItem, NestedDataTable, SampleComponent, type SearchProps, type SearchResult, SliderCardCarousel, type StyledButtonPropsTwo, type ThemeProperties, WavelengthAccessAlert, WavelengthAlert, WavelengthAppLogo, WavelengthAppTheme, WavelengthAutoComplete, WavelengthAutocomplete, WavelengthBanner, WavelengthBox, WavelengthButton, WavelengthCheckbox, WavelengthCommentDisplay, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDataTable, WavelengthDatePicker, WavelengthDefaultIcon, WavelengthDefaultPagination, WavelengthDragAndDrop, WavelengthDropdown, WavelengthDropdownButton, WavelengthExampleComponent, WavelengthFileDownloader, WavelengthFileDropZone, type WavelengthFileDropZoneProps, WavelengthFooter, WavelengthForm, WavelengthInput, WavelengthManyPlanes, WavelengthMultiSelectAutocomplete, WavelengthNavBar, type WavelengthNavBarProps, WavelengthNotAvailablePage, WavelengthNotificationPanel, WavelengthPermissionAlert, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthProgressBar, WavelengthSearch, WavelengthSearchTextField, WavelengthSideBar, WavelengthSlider, WavelengthSnackbar, WavelengthSpinningLogo, WavelengthSpinningOuterCircle, WavelengthStandardSnackbar, WavelengthStyledButton, WavelengthTestSnackbar, WavelengthTitleBar, add, ascendingRange, concat, findBestStringMatch, type menuItemProps, range, useOutsideClick, useThemeContext };
1035
+ export { ButtonIcon, ButtonMenu, ChildDataTable, DefaultCarousel, type IFileSelectedEventDetail, type NavItem, NestedDataTable, SampleComponent, type SearchProps, type SearchResult, SliderCardCarousel, type StyledButtonPropsTwo, type ThemeProperties, WavelengthAccessAlert, WavelengthAlert, WavelengthAppLogo, WavelengthAppTheme, WavelengthAutoComplete, WavelengthAutocomplete, WavelengthBanner, WavelengthBox, WavelengthButton, WavelengthCheckbox, WavelengthCommentDisplay, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDataTable, WavelengthDatePicker, WavelengthDefaultIcon, WavelengthDefaultPagination, WavelengthDragAndDrop, WavelengthDropdown, WavelengthDropdownButton, WavelengthExampleComponent, WavelengthFileDownloader, WavelengthFileDropZone, type WavelengthFileDropZoneProps, WavelengthFooter, WavelengthForm, WavelengthInput, WavelengthManyPlanes, WavelengthMultiSelectAutocomplete, WavelengthNavBar, type WavelengthNavBarProps, WavelengthNotAvailablePage, WavelengthNotificationPanel, WavelengthPermissionAlert, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthProgressBar, WavelengthSearch, WavelengthSearchTextField, WavelengthSideBar, WavelengthSlider, WavelengthSnackbar, WavelengthSpinningLogo, WavelengthSpinningOuterCircle, WavelengthStandardSnackbar, WavelengthStyledButton, WavelengthTestSnackbar, WavelengthTitleBar, WavelengthWebSnackbar, type WavelengthWebSnackbarProps, add, ascendingRange, concat, findBestStringMatch, type menuItemProps, range, useOutsideClick, useThemeContext };