@astral/ui 4.0.0-alpha.33 → 4.0.0-alpha.35

package/node/components/BulletListItem/styles.js

@@ -10,5 +10,5 @@ exports.Wrapper = (0, styles_1.styled)('li') `
 exports.Icon = (0, styles_1.styled)(icons_1.DotOutlineSm) `
   align-self: start;
 
-  padding: 4px;
+  margin: ${({ theme }) => theme.spacing(1)};
 `;

package/node/components/Button/styles.d.ts

@@ -32,7 +32,7 @@ export declare const StyledButton: import("@emotion/styled").StyledComponent<{
     touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
 }, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "action" | "color" | "fullWidth" | "size" | "children" | "tabIndex" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "href" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "startIcon" | "variant"> & {
+}, "action" | "color" | "fullWidth" | "size" | "children" | "tabIndex" | "sx" | "disabled" | "href" | keyof import("@mui/material/OverridableComponent").CommonProps | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "startIcon" | "variant"> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const StyledLoader: import("@emotion/styled").StyledComponent<import("../Loader").LoaderProps & {

package/node/components/Checkbox/Icon/Icon.js

@@ -18,6 +18,6 @@ const utils_1 = require("../../utils");
 const constants_1 = require("../constants");
 const Icon = (_a) => {
     var props = __rest(_a, []);
-    return ((0, jsx_runtime_1.jsxs)(SvgIcon_1.SvgIcon, Object.assign({ width: "16", height: "16", viewBox: "0 0 16 16" }, props, { children: [(0, jsx_runtime_1.jsx)("rect", { className: constants_1.checkboxClassnames.outline, x: "0.5", y: "0.5", width: "15", height: "15", rx: "3.5" }), (0, jsx_runtime_1.jsx)("path", { className: (0, utils_1.classNames)(constants_1.checkboxClassnames.symbol, constants_1.checkboxClassnames.iconChecked), d: "M3.892 8.64a.75.75 0 0 1 1.003-1.112l.058.052 1.97 1.97 4.469-4.47.056-.052a.75.75 0 0 1 1.056 1.056l-.051.056-5 5a.75.75 0 0 1-1.061 0l-2.5-2.5Z" }), (0, jsx_runtime_1.jsx)("path", { className: (0, utils_1.classNames)(constants_1.checkboxClassnames.symbol, constants_1.checkboxClassnames.iconIndeterminate), d: "M12 7.25a.75.75 0 0 1 0 1.5H4a.75.75 0 0 1 0-1.5h8Z" })] })));
+    return ((0, jsx_runtime_1.jsxs)(SvgIcon_1.SvgIcon, Object.assign({ size: "sm" }, props, { children: [(0, jsx_runtime_1.jsx)("rect", { className: constants_1.checkboxClassnames.outline, x: "0.5", y: "0.5", width: "15", height: "15", rx: "3.5" }), (0, jsx_runtime_1.jsx)("path", { className: (0, utils_1.classNames)(constants_1.checkboxClassnames.symbol, constants_1.checkboxClassnames.iconChecked), d: "M3.892 8.64a.75.75 0 0 1 1.003-1.112l.058.052 1.97 1.97 4.469-4.47.056-.052a.75.75 0 0 1 1.056 1.056l-.051.056-5 5a.75.75 0 0 1-1.061 0l-2.5-2.5Z" }), (0, jsx_runtime_1.jsx)("path", { className: (0, utils_1.classNames)(constants_1.checkboxClassnames.symbol, constants_1.checkboxClassnames.iconIndeterminate), d: "M12 7.25a.75.75 0 0 1 0 1.5H4a.75.75 0 0 1 0-1.5h8Z" })] })));
 };
 exports.Icon = Icon;

package/node/components/Checkbox/useLogic/useLogic.d.ts

@@ -26,7 +26,7 @@ export declare const useLogic: ({ checked, indeterminate, disabled, isError, def
         spellCheck?: (boolean | "true" | "false") | undefined;
         tabIndex?: number | undefined;
         title?: string | undefined;
-        translate?: "yes" | "no" | undefined;
+        translate?: "no" | "yes" | undefined;
         radioGroup?: string | undefined;
         about?: string | undefined;
         content?: string | undefined;
@@ -71,7 +71,7 @@ export declare const useLogic: ({ checked, indeterminate, disabled, isError, def
         'aria-expanded'?: (boolean | "true" | "false") | undefined;
         'aria-flowto'?: string | undefined;
         'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-        'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
+        'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "true" | "false" | "tree" | undefined;
         'aria-hidden'?: (boolean | "true" | "false") | undefined;
         'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
         'aria-keyshortcuts'?: string | undefined;

package/node/components/CheckboxField/styles.d.ts

@@ -4,6 +4,7 @@ export declare const StyledFormControlledLabel: import("@emotion/styled").Styled
 export declare const StyledFormHelperText: import("@emotion/styled").StyledComponent<import("..").WithoutEmotionSpecific<import("@mui/material").FormHelperTextProps> & {
     success?: boolean | undefined;
     error?: boolean | undefined;
+    hideHelperText?: boolean | undefined;
 } & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/CheckboxField/styles.js

@@ -18,9 +18,9 @@ exports.StyledFormControlledLabel = (0, styles_1.styled)(FormControlLabel_1.Form
   }
 `;
 exports.StyledFormHelperText = (0, styles_1.styled)(FormHelperText_1.FormHelperText) `
-  margin-left: ${({ theme }) => theme.spacing(7)};
+  padding-left: ${({ theme }) => theme.spacing(7)};
   
   ${({ theme }) => theme.breakpoints.down('sm')} {
-    margin-left: ${({ theme }) => theme.spacing(9)};
+    padding-left: ${({ theme }) => theme.spacing(9)};
   }
 `;

package/node/components/Chevron/styles.d.ts

@@ -4,18 +4,10 @@ type ChevronWrapperProps = {
 };
 export declare const ChevronIcon: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").SvgIconClasses> | undefined;
-    color?: import("@mui/types").OverridableStringUnion<"action" | "inherit" | "info" | "primary" | "secondary" | "error" | "warning" | "success" | "disabled", import("@mui/material").SvgIconPropsColorOverrides> | undefined;
-    fontSize?: import("@mui/types").OverridableStringUnion<"small" | "inherit" | "medium" | "large", import("@mui/material").SvgIconPropsSizeOverrides> | undefined;
-    htmlColor?: string | undefined;
-    inheritViewBox?: boolean | undefined;
-    shapeRendering?: string | undefined;
-    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+    color?: string | undefined;
     titleAccess?: string | undefined;
-    viewBox?: string | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, "color" | "fontSize" | "shapeRendering" | "children" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & {
+    size?: "sm" | "md" | undefined;
+} & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & ChevronWrapperProps, {}, {}>;
 export {};

package/node/components/CodeField/styles.d.ts

@@ -35,6 +35,7 @@ export declare const FieldLabel: import("@emotion/styled").StyledComponent<{
 export declare const StyledHelperText: import("@emotion/styled").StyledComponent<import("..").WithoutEmotionSpecific<import("@mui/material").FormHelperTextProps> & {
     success?: boolean | undefined;
     error?: boolean | undefined;
+    hideHelperText?: boolean | undefined;
 } & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/ComplianceStatus/styles.d.ts

@@ -22,18 +22,10 @@ export declare const EmptyIcon: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
 } & {
     children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").SvgIconClasses> | undefined;
-    color?: import("@mui/types").OverridableStringUnion<"action" | "inherit" | "info" | "primary" | "secondary" | "error" | "warning" | "success" | "disabled", import("@mui/material").SvgIconPropsColorOverrides> | undefined;
-    fontSize?: import("@mui/types").OverridableStringUnion<"small" | "inherit" | "medium" | "large", import("@mui/material").SvgIconPropsSizeOverrides> | undefined;
-    htmlColor?: string | undefined;
-    inheritViewBox?: boolean | undefined;
-    shapeRendering?: string | undefined;
-    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+    color?: string | undefined;
     titleAccess?: string | undefined;
-    viewBox?: string | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, "color" | "fontSize" | "shapeRendering" | "children" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox">, {}, {}>;
+    size?: "sm" | "md" | undefined;
+} & import("react").SVGProps<SVGSVGElement>, {}, {}>;
 export declare const RejectIcon: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
@@ -41,18 +33,10 @@ export declare const RejectIcon: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
 } & {
     children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").SvgIconClasses> | undefined;
-    color?: import("@mui/types").OverridableStringUnion<"action" | "inherit" | "info" | "primary" | "secondary" | "error" | "warning" | "success" | "disabled", import("@mui/material").SvgIconPropsColorOverrides> | undefined;
-    fontSize?: import("@mui/types").OverridableStringUnion<"small" | "inherit" | "medium" | "large", import("@mui/material").SvgIconPropsSizeOverrides> | undefined;
-    htmlColor?: string | undefined;
-    inheritViewBox?: boolean | undefined;
-    shapeRendering?: string | undefined;
-    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+    color?: string | undefined;
     titleAccess?: string | undefined;
-    viewBox?: string | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, "color" | "fontSize" | "shapeRendering" | "children" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox">, {}, {}>;
+    size?: "sm" | "md" | undefined;
+} & import("react").SVGProps<SVGSVGElement>, {}, {}>;
 export declare const SuccessIcon: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
@@ -60,18 +44,10 @@ export declare const SuccessIcon: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
 } & {
     children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").SvgIconClasses> | undefined;
-    color?: import("@mui/types").OverridableStringUnion<"action" | "inherit" | "info" | "primary" | "secondary" | "error" | "warning" | "success" | "disabled", import("@mui/material").SvgIconPropsColorOverrides> | undefined;
-    fontSize?: import("@mui/types").OverridableStringUnion<"small" | "inherit" | "medium" | "large", import("@mui/material").SvgIconPropsSizeOverrides> | undefined;
-    htmlColor?: string | undefined;
-    inheritViewBox?: boolean | undefined;
-    shapeRendering?: string | undefined;
-    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+    color?: string | undefined;
     titleAccess?: string | undefined;
-    viewBox?: string | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, "color" | "fontSize" | "shapeRendering" | "children" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox">, {}, {}>;
+    size?: "sm" | "md" | undefined;
+} & import("react").SVGProps<SVGSVGElement>, {}, {}>;
 export declare const StyledLoader: import("@emotion/styled").StyledComponent<import("../Loader").LoaderProps & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/CopyTypography/styles.d.ts

@@ -16,18 +16,10 @@ export declare const Wrapper: import("@emotion/styled").StyledComponent<{
 }, {}, {}>;
 export declare const StyledCopyIcon: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").SvgIconClasses> | undefined;
-    color?: import("@mui/types").OverridableStringUnion<"action" | "inherit" | "info" | "primary" | "secondary" | "error" | "warning" | "success" | "disabled", import("@mui/material").SvgIconPropsColorOverrides> | undefined;
-    fontSize?: import("@mui/types").OverridableStringUnion<"small" | "inherit" | "medium" | "large", import("@mui/material").SvgIconPropsSizeOverrides> | undefined;
-    htmlColor?: string | undefined;
-    inheritViewBox?: boolean | undefined;
-    shapeRendering?: string | undefined;
-    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+    color?: string | undefined;
     titleAccess?: string | undefined;
-    viewBox?: string | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, "color" | "fontSize" | "shapeRendering" | "children" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & {
+    size?: "sm" | "md" | undefined;
+} & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {
     $copyPosition: 'left' | 'right';

package/node/components/DashboardAlert/styles.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledButton = exports.StyledAlert = void 0;
-const material_1 = require("@mui/material");
 const Alert_1 = require("../Alert");
 const Button_1 = require("../Button");
+const SvgIcon_1 = require("../SvgIcon");
 const styles_1 = require("../styles");
 exports.StyledAlert = (0, styles_1.styled)(Alert_1.Alert) `
   &.${Alert_1.alertClassnames.root} {
@@ -27,7 +27,7 @@ exports.StyledAlert = (0, styles_1.styled)(Alert_1.Alert) `
     height: 24px;
     padding: 0;
 
-    & .${material_1.svgIconClasses.root} {
+    & .${SvgIcon_1.svgIconClassnames.root} {
       font-size: 24px;
     }
   }

package/node/components/DashboardLayout/Sidebar/Sidebar.js

@@ -19,5 +19,5 @@ exports.Sidebar = (0, react_1.forwardRef)((props, ref) => {
     if (isLoading) {
         return (0, jsx_runtime_1.jsx)(SidebarSkeleton_1.SidebarSkeleton, {});
     }
-    return ((0, jsx_runtime_1.jsx)(styles_1.Wrapper, { "$isPinned": isPinned, "$alertHeight": alertHeight, children: (0, jsx_runtime_1.jsxs)(styles_1.SidebarRoot, { ref: ref, "$isPinned": isPinned, "$collapsedIn": collapsedIn, className: (0, utils_1.classNames)(className, constants_1.dashboardLayoutSidebarClassnames.root), onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, inert: isMobile && !isPinned ? '' : undefined, children: [(0, jsx_runtime_1.jsxs)(styles_1.SidebarContent, { "$collapsedIn": collapsedIn, "$isPinned": isPinned, "$hasHeader": Boolean(header), children: [header && (0, jsx_runtime_1.jsx)(styles_1.SidebarHeader, { children: header }), (0, jsx_runtime_1.jsx)(SidebarNav_1.SidebarNav, { menu: (0, jsx_runtime_1.jsx)(NavMenu_1.NavMenu, { collapsedIn: collapsedIn, items: menu.items }) })] }), (0, jsx_runtime_1.jsx)(styles_1.Footer, { children: (0, jsx_runtime_1.jsx)(PinButton_1.PinButton, { isPinned: isPinned, collapsedIn: collapsedIn, onClick: onTogglePin }) })] }) }));
+    return ((0, jsx_runtime_1.jsx)(styles_1.Wrapper, { "$isPinned": isPinned, "$alertHeight": alertHeight, children: (0, jsx_runtime_1.jsx)(styles_1.SidebarRoot, { ref: ref, "$isPinned": isPinned, "$collapsedIn": collapsedIn, className: (0, utils_1.classNames)(className, constants_1.dashboardLayoutSidebarClassnames.root), onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, inert: isMobile && !isPinned ? '' : undefined, children: (0, jsx_runtime_1.jsxs)(styles_1.StyledPaper, { variant: "outlined", children: [(0, jsx_runtime_1.jsxs)(styles_1.SidebarContent, { "$collapsedIn": collapsedIn, "$isPinned": isPinned, "$hasHeader": Boolean(header), children: [header && (0, jsx_runtime_1.jsx)(styles_1.SidebarHeader, { children: header }), (0, jsx_runtime_1.jsx)(SidebarNav_1.SidebarNav, { menu: (0, jsx_runtime_1.jsx)(NavMenu_1.NavMenu, { collapsedIn: collapsedIn, items: menu.items }) })] }), (0, jsx_runtime_1.jsx)(styles_1.Footer, { children: (0, jsx_runtime_1.jsx)(PinButton_1.PinButton, { isPinned: isPinned, collapsedIn: collapsedIn, onClick: onTogglePin }) })] }) }) }));
 });

package/node/components/DashboardLayout/Sidebar/styles.d.ts

@@ -6,6 +6,12 @@ export declare const Wrapper: import("@emotion/styled").StyledComponent<{
     $isPinned: boolean;
     $alertHeight: number;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledPaper: import("@emotion/styled").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").PaperProps>, "elevation"> & {
+    elevation?: 0 | 1 | 2 | undefined;
+    shape?: "small" | "medium" | "large" | undefined;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
 export declare const SidebarRoot: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/node/components/DashboardLayout/Sidebar/styles.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Footer = exports.SidebarContent = exports.SidebarHeader = exports.SidebarRoot = exports.Wrapper = void 0;
+exports.Footer = exports.SidebarContent = exports.SidebarHeader = exports.SidebarRoot = exports.StyledPaper = exports.Wrapper = void 0;
+const Paper_1 = require("../../Paper");
 const styles_1 = require("../../styles");
 const constants_1 = require("../constants");
 const PinButton_1 = require("../PinButton");
@@ -33,23 +34,30 @@ exports.Wrapper = (0, styles_1.styled)('div', {
 }};
   }
 `;
+exports.StyledPaper = (0, styles_1.styled)(Paper_1.Paper) `
+  display: flex;
+  flex-direction: column;
+
+  height: 100%;
+  
+  ${({ theme }) => theme.breakpoints.down('sm')} {
+    border: unset;
+    border-radius: 0;
+  }
+`;
 exports.SidebarRoot = (0, styles_1.styled)('aside', {
     shouldForwardProp: (prop) => !['$isPinned', '$collapsedIn'].includes(prop),
 }) `
   position: ${({ $isPinned }) => ($isPinned ? 'relative' : 'absolute')};
   z-index: ${({ theme }) => theme.zIndex.appBar - 1};
 
-  display: flex;
-  flex-direction: column;
-
   width: ${({ $collapsedIn, $isPinned }) => $isPinned || (!$isPinned && $collapsedIn) ? '242px' : '58px'};
   height: 100%;
 
-  background-color: ${({ theme }) => theme.palette.background.default};
-  border: 1px solid ${({ theme }) => theme.palette.grey[300]};
+  background-color: ${({ theme }) => theme.palette.background.default};;
   border-radius: ${({ theme }) => theme.shape.medium};
-  box-shadow: ${({ theme, $isPinned, $collapsedIn }) => ($isPinned || !$collapsedIn ? 'unset' : theme.elevation[300])};;
-
+  box-shadow: ${({ theme, $isPinned, $collapsedIn }) => ($isPinned || !$collapsedIn ? 'unset' : theme.elevation[300])};
+  
   transition: ${({ theme }) => {
     return theme.transitions.create(['min-width', 'width', 'box-shadow'], {
         duration: theme.transitions.duration.standard,
@@ -64,7 +72,6 @@ exports.SidebarRoot = (0, styles_1.styled)('aside', {
     min-width: 100vw;
 
     background-color: ${({ theme }) => theme.palette.background.default};
-    border: unset;
     border-radius: 0;
   }
 `;

package/node/components/DataGrid/Row/styles.d.ts

@@ -42,18 +42,10 @@ export declare const CollapseButton: import("@emotion/styled").StyledComponent<O
 }, {}, {}>;
 export declare const ChevronIcon: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").SvgIconClasses> | undefined;
-    color?: import("@mui/types").OverridableStringUnion<"action" | "inherit" | "info" | "primary" | "secondary" | "error" | "warning" | "success" | "disabled", import("@mui/material").SvgIconPropsColorOverrides> | undefined;
-    fontSize?: import("@mui/types").OverridableStringUnion<"small" | "inherit" | "medium" | "large", import("@mui/material").SvgIconPropsSizeOverrides> | undefined;
-    htmlColor?: string | undefined;
-    inheritViewBox?: boolean | undefined;
-    shapeRendering?: string | undefined;
-    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+    color?: string | undefined;
     titleAccess?: string | undefined;
-    viewBox?: string | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, "color" | "fontSize" | "shapeRendering" | "children" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & {
+    size?: "sm" | "md" | undefined;
+} & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {
     $isActive?: boolean | undefined;

package/node/components/DatePicker/DateCalendar/DateCalendarChevronButton/DateCalendarNextButton/styles.d.ts

@@ -4,18 +4,10 @@ export declare const Wrapper: import("@emotion/styled").StyledComponent<Omit<imp
 }, {}, {}>;
 export declare const NextIcon: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").SvgIconClasses> | undefined;
-    color?: import("@mui/types").OverridableStringUnion<"action" | "inherit" | "info" | "primary" | "secondary" | "error" | "warning" | "success" | "disabled", import("@mui/material").SvgIconPropsColorOverrides> | undefined;
-    fontSize?: import("@mui/types").OverridableStringUnion<"small" | "inherit" | "medium" | "large", import("@mui/material").SvgIconPropsSizeOverrides> | undefined;
-    htmlColor?: string | undefined;
-    inheritViewBox?: boolean | undefined;
-    shapeRendering?: string | undefined;
-    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+    color?: string | undefined;
     titleAccess?: string | undefined;
-    viewBox?: string | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, "color" | "fontSize" | "shapeRendering" | "children" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & {
+    size?: "sm" | "md" | undefined;
+} & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const Container: import("@emotion/styled").StyledComponent<{
@@ -24,17 +16,9 @@ export declare const Container: import("@emotion/styled").StyledComponent<{
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const DoubleNextIcon: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").SvgIconClasses> | undefined;
-    color?: import("@mui/types").OverridableStringUnion<"action" | "inherit" | "info" | "primary" | "secondary" | "error" | "warning" | "success" | "disabled", import("@mui/material").SvgIconPropsColorOverrides> | undefined;
-    fontSize?: import("@mui/types").OverridableStringUnion<"small" | "inherit" | "medium" | "large", import("@mui/material").SvgIconPropsSizeOverrides> | undefined;
-    htmlColor?: string | undefined;
-    inheritViewBox?: boolean | undefined;
-    shapeRendering?: string | undefined;
-    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+    color?: string | undefined;
     titleAccess?: string | undefined;
-    viewBox?: string | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, "color" | "fontSize" | "shapeRendering" | "children" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & {
+    size?: "sm" | "md" | undefined;
+} & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/DatePicker/DateCalendar/DateCalendarChevronButton/DateCalendarPrevButton/styles.d.ts

@@ -4,18 +4,10 @@ export declare const Wrapper: import("@emotion/styled").StyledComponent<Omit<imp
 }, {}, {}>;
 export declare const PrevIcon: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").SvgIconClasses> | undefined;
-    color?: import("@mui/types").OverridableStringUnion<"action" | "inherit" | "info" | "primary" | "secondary" | "error" | "warning" | "success" | "disabled", import("@mui/material").SvgIconPropsColorOverrides> | undefined;
-    fontSize?: import("@mui/types").OverridableStringUnion<"small" | "inherit" | "medium" | "large", import("@mui/material").SvgIconPropsSizeOverrides> | undefined;
-    htmlColor?: string | undefined;
-    inheritViewBox?: boolean | undefined;
-    shapeRendering?: string | undefined;
-    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+    color?: string | undefined;
     titleAccess?: string | undefined;
-    viewBox?: string | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, "color" | "fontSize" | "shapeRendering" | "children" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & {
+    size?: "sm" | "md" | undefined;
+} & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const Container: import("@emotion/styled").StyledComponent<{
@@ -24,17 +16,9 @@ export declare const Container: import("@emotion/styled").StyledComponent<{
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const DoublePrevIcon: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").SvgIconClasses> | undefined;
-    color?: import("@mui/types").OverridableStringUnion<"action" | "inherit" | "info" | "primary" | "secondary" | "error" | "warning" | "success" | "disabled", import("@mui/material").SvgIconPropsColorOverrides> | undefined;
-    fontSize?: import("@mui/types").OverridableStringUnion<"small" | "inherit" | "medium" | "large", import("@mui/material").SvgIconPropsSizeOverrides> | undefined;
-    htmlColor?: string | undefined;
-    inheritViewBox?: boolean | undefined;
-    shapeRendering?: string | undefined;
-    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+    color?: string | undefined;
     titleAccess?: string | undefined;
-    viewBox?: string | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, "color" | "fontSize" | "shapeRendering" | "children" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & {
+    size?: "sm" | "md" | undefined;
+} & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/DatePicker/DatePicker.d.ts

@@ -48,6 +48,10 @@ export type DatePickerProps = MondayFirst & WithDoubleNavigationButtons & Partia
      * Вспомогательный текст под полем ввода
      */
     helperText?: ReactNode;
+    /**
+     * Включает/отключает резервирование места под helperText
+     */
+    hideHelperText?: boolean;
     /**
      * Элемент в начале инпута
      */
@@ -97,6 +101,10 @@ export declare const DatePicker: import("react").ForwardRefExoticComponent<Monda
      * Вспомогательный текст под полем ввода
      */
     helperText?: ReactNode;
+    /**
+     * Включает/отключает резервирование места под helperText
+     */
+    hideHelperText?: boolean | undefined;
     /**
      * Элемент в начале инпута
      */

package/node/components/DatePicker/DatePicker.js

@@ -12,6 +12,6 @@ const useLogic_1 = require("./useLogic");
 const YearMonthDayPicker_1 = require("./YearMonthDayPicker");
 exports.DatePicker = (0, react_1.forwardRef)((props, forwardedRef) => {
     const { ref, pickerProps, handleOpen, onAccept, confirmButtonProps, isMobile, DatePickerInputProps, datePickerProps, } = (0, useLogic_1.useLogic)(Object.assign(Object.assign({}, props), { forwardedRef }));
-    const { className, startAdornment, label, required, helperText, inputProps, mask = constants_1.DEFAULT_DATE_MASK, size, disabled, inputRef, minDate = MinMaxDateContext_1.DEFAULT_MIN_DATE, maxDate = MinMaxDateContext_1.DEFAULT_MAX_DATE, isMondayFirst, isDoubleNavigationButtonsEnabled, } = props;
-    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, className: className, children: [(0, jsx_runtime_1.jsx)(DatePickerInput_1.DatePickerInput, Object.assign({ startAdornment: startAdornment, label: label, required: required, helperText: helperText }, inputProps, DatePickerInputProps, { onAccept: onAccept, mask: mask, size: size, disabled: disabled, ref: inputRef, onClick: handleOpen })), (0, jsx_runtime_1.jsx)(DatePickerPopover_1.DatePickerPopover, Object.assign({ placement: "bottom-start" }, datePickerProps, { children: (0, jsx_runtime_1.jsx)(MinMaxDateContext_1.MinMaxDateContextProvider, { minDate: minDate, maxDate: maxDate, children: (0, jsx_runtime_1.jsxs)(styles_1.StyledPaper, { children: [(0, jsx_runtime_1.jsx)(YearMonthDayPicker_1.YearMonthDayPicker, Object.assign({ isMondayFirst: isMondayFirst, isDoubleNavigationButtonsEnabled: isDoubleNavigationButtonsEnabled }, pickerProps)), isMobile && ((0, jsx_runtime_1.jsx)(styles_1.ButtonWrapper, { children: (0, jsx_runtime_1.jsx)(styles_1.ConfirmButton, Object.assign({}, confirmButtonProps, { size: "large" })) }))] }) }) }))] }));
+    const { className, startAdornment, label, required, helperText, inputProps, mask = constants_1.DEFAULT_DATE_MASK, size, disabled, inputRef, minDate = MinMaxDateContext_1.DEFAULT_MIN_DATE, maxDate = MinMaxDateContext_1.DEFAULT_MAX_DATE, isMondayFirst, isDoubleNavigationButtonsEnabled, hideHelperText = false, } = props;
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, className: className, children: [(0, jsx_runtime_1.jsx)(DatePickerInput_1.DatePickerInput, Object.assign({ startAdornment: startAdornment, label: label, required: required, helperText: helperText }, inputProps, DatePickerInputProps, { onAccept: onAccept, mask: mask, size: size, disabled: disabled, ref: inputRef, onClick: handleOpen, hideHelperText: hideHelperText })), (0, jsx_runtime_1.jsx)(DatePickerPopover_1.DatePickerPopover, Object.assign({ placement: "bottom-start" }, datePickerProps, { children: (0, jsx_runtime_1.jsx)(MinMaxDateContext_1.MinMaxDateContextProvider, { minDate: minDate, maxDate: maxDate, children: (0, jsx_runtime_1.jsxs)(styles_1.StyledPaper, { children: [(0, jsx_runtime_1.jsx)(YearMonthDayPicker_1.YearMonthDayPicker, Object.assign({ isMondayFirst: isMondayFirst, isDoubleNavigationButtonsEnabled: isDoubleNavigationButtonsEnabled }, pickerProps)), isMobile && ((0, jsx_runtime_1.jsx)(styles_1.ButtonWrapper, { children: (0, jsx_runtime_1.jsx)(styles_1.ConfirmButton, Object.assign({}, confirmButtonProps, { size: "large" })) }))] }) }) }))] }));
 });

package/node/components/DatePicker/styles.d.ts

@@ -16,6 +16,7 @@ export declare const ButtonWrapper: import("@emotion/styled").StyledComponent<{
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledPaper: import("@emotion/styled").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material").PaperProps>, "elevation"> & {
     elevation?: 0 | 1 | 2 | undefined;
+    shape?: "small" | "medium" | "large" | undefined;
 } & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/DateRangePicker/DateRangePicker.js

@@ -22,11 +22,11 @@ const useLogic_1 = require("./useLogic");
 const DEFAULT_SPACING = 1;
 exports.DateRangePicker = (0, react_1.forwardRef)((props, forwardedRef) => {
     const { ref, startDatePickerInputProps, endDatePickerInputProps, popoverHoveredContextProviderProps, datePickerPopoverProps, minMaxDateContextProviderProps, startYearMonthDayPickerProps, endYearMonthDayPickerProps, } = (0, useLogic_1.useLogic)(props, forwardedRef);
-    const { startDateProps = {}, endDateProps = {}, mask = DatePicker_1.DEFAULT_DATE_MASK, spacing = DEFAULT_SPACING, size, isMondayFirst, isDisabled, isError, helperText, isDoubleNavigationButtonsEnabled, } = props;
+    const { startDateProps = {}, endDateProps = {}, mask = DatePicker_1.DEFAULT_DATE_MASK, spacing = DEFAULT_SPACING, size, isMondayFirst, isDisabled, isError, helperText, isDoubleNavigationButtonsEnabled, hideHelperText = false, } = props;
     const _a = startDateProps || {}, { inputProps: startDateInputProps } = _a, restStartDateProps = __rest(_a, ["inputProps"]);
     const _b = endDateProps || {}, { inputProps: endDateInputProps } = _b, restEndDateProps = __rest(_b, ["inputProps"]);
-    return ((0, jsx_runtime_1.jsxs)(Grid_1.Grid, { ref: ref, children: [(0, jsx_runtime_1.jsxs)(Grid_1.Grid, { container: true, spacing: spacing, direction: "column", children: [(0, jsx_runtime_1.jsx)(styles_1.StyledDatePickerInput, Object.assign({}, startDateInputProps, restStartDateProps, { 
+    return ((0, jsx_runtime_1.jsxs)(Grid_1.Grid, { ref: ref, children: [(0, jsx_runtime_1.jsxs)(Grid_1.Grid, { container: true, spacing: spacing, direction: "column", columns: "repeat(2, 1fr)", children: [(0, jsx_runtime_1.jsx)(styles_1.StyledDatePickerInput, Object.assign({}, startDateInputProps, restStartDateProps, { 
                         // TODO Пропс margin=none пока не работает, поэтому стилизуем компонент
                         // https://track.astral.ru/soft/browse/UIKIT-1333
-                        mask: mask, size: size, disabled: isDisabled, error: isError }, startDatePickerInputProps)), (0, jsx_runtime_1.jsx)(styles_1.StyledDatePickerInput, Object.assign({}, endDateInputProps, restEndDateProps, { size: size, mask: mask, disabled: isDisabled, error: isError }, endDatePickerInputProps))] }), (0, jsx_runtime_1.jsx)(FormHelperText_1.FormHelperText, { error: isError, children: helperText && helperText }), (0, jsx_runtime_1.jsx)(DatePicker_1.PopoverHoveredContextProvider, Object.assign({}, popoverHoveredContextProviderProps, { children: (0, jsx_runtime_1.jsx)(DatePicker_1.MinMaxDateContextProvider, Object.assign({}, minMaxDateContextProviderProps, { children: (0, jsx_runtime_1.jsx)(DatePicker_1.DatePickerPopover, Object.assign({}, datePickerPopoverProps, { children: (0, jsx_runtime_1.jsxs)(styles_1.StyledPaper, { children: [(0, jsx_runtime_1.jsx)(DatePicker_1.YearMonthDayPicker, Object.assign({ isMondayFirst: isMondayFirst, isDoubleNavigationButtonsEnabled: isDoubleNavigationButtonsEnabled }, startYearMonthDayPickerProps)), (0, jsx_runtime_1.jsx)(styles_1.PickerSplitter, {}), (0, jsx_runtime_1.jsx)(DatePicker_1.YearMonthDayPicker, Object.assign({ isMondayFirst: isMondayFirst, isDoubleNavigationButtonsEnabled: isDoubleNavigationButtonsEnabled }, endYearMonthDayPickerProps))] }) })) })) }))] }));
+                        mask: mask, size: size, disabled: isDisabled, error: isError }, startDatePickerInputProps)), (0, jsx_runtime_1.jsx)(styles_1.StyledDatePickerInput, Object.assign({}, endDateInputProps, restEndDateProps, { size: size, mask: mask, disabled: isDisabled, error: isError }, endDatePickerInputProps))] }), (0, jsx_runtime_1.jsx)(FormHelperText_1.FormHelperText, { error: isError, hideHelperText: hideHelperText, children: helperText && helperText }), (0, jsx_runtime_1.jsx)(DatePicker_1.PopoverHoveredContextProvider, Object.assign({}, popoverHoveredContextProviderProps, { children: (0, jsx_runtime_1.jsx)(DatePicker_1.MinMaxDateContextProvider, Object.assign({}, minMaxDateContextProviderProps, { children: (0, jsx_runtime_1.jsx)(DatePicker_1.DatePickerPopover, Object.assign({}, datePickerPopoverProps, { children: (0, jsx_runtime_1.jsxs)(styles_1.StyledPaper, { children: [(0, jsx_runtime_1.jsx)(DatePicker_1.YearMonthDayPicker, Object.assign({ isMondayFirst: isMondayFirst, isDoubleNavigationButtonsEnabled: isDoubleNavigationButtonsEnabled }, startYearMonthDayPickerProps)), (0, jsx_runtime_1.jsx)(styles_1.PickerSplitter, {}), (0, jsx_runtime_1.jsx)(DatePicker_1.YearMonthDayPicker, Object.assign({ isMondayFirst: isMondayFirst, isDoubleNavigationButtonsEnabled: isDoubleNavigationButtonsEnabled }, endYearMonthDayPickerProps))] }) })) })) }))] }));
 });

package/node/components/DateRangePicker/styles.d.ts

@@ -7,6 +7,7 @@ export declare const StyledDatePickerInput: import("@emotion/styled").StyledComp
 }, {}, {}>;
 export declare const StyledPaper: import("@emotion/styled").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material").PaperProps>, "elevation"> & {
     elevation?: 0 | 1 | 2 | undefined;
+    shape?: "small" | "medium" | "large" | undefined;
 } & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/EmailOrPhoneField/useLogic/useLogic.d.ts

@@ -8,7 +8,7 @@ export declare const useLogic: (props: EmailOrPhoneFieldProps) => {
         style?: import("react").CSSProperties | undefined;
         title?: string | undefined;
         content?: string | undefined;
-        translate?: "yes" | "no" | undefined;
+        translate?: "no" | "yes" | undefined;
         error?: boolean | undefined;
         success?: boolean | undefined;
         fullWidth?: boolean | undefined;
@@ -78,7 +78,7 @@ export declare const useLogic: (props: EmailOrPhoneFieldProps) => {
         'aria-expanded'?: (boolean | "true" | "false") | undefined;
         'aria-flowto'?: string | undefined;
         'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-        'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
+        'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "true" | "false" | "tree" | undefined;
         'aria-hidden'?: (boolean | "true" | "false") | undefined;
         'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
         'aria-keyshortcuts'?: string | undefined;
@@ -271,15 +271,16 @@ export declare const useLogic: (props: EmailOrPhoneFieldProps) => {
         onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
         onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-        ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+        disabled?: boolean | undefined;
         name?: string | undefined;
+        ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
         key?: import("react").Key | null | undefined;
-        disabled?: boolean | undefined;
         autoComplete?: string | undefined;
         required?: boolean | undefined;
         inputRef?: import("react").Ref<any> | undefined;
         startAdornment?: import("react").ReactNode;
         hiddenLabel?: boolean | undefined;
+        hideHelperText?: boolean | undefined;
         InputProps?: Partial<import("@mui/material").OutlinedInputProps> | Partial<import("@mui/material").FilledInputProps> | Partial<import("@mui/material").InputProps> | undefined;
         FormHelperTextProps?: Partial<import("@mui/material").FormHelperTextProps> | undefined;
         helperText?: import("react").ReactNode;

package/node/components/Fab/styles.d.ts

@@ -34,7 +34,7 @@ export declare const StyledFab: import("@emotion/styled").StyledComponent<{
     touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
 }, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "action" | "color" | "size" | "children" | "tabIndex" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "href" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "variant"> & {
+}, "action" | "color" | "size" | "children" | "tabIndex" | "sx" | "disabled" | "href" | keyof import("@mui/material/OverridableComponent").CommonProps | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "variant"> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & StyledFabThemeProps & {
     isSquare: boolean;

package/node/components/FlowButton/FlowButton.js

@@ -19,6 +19,6 @@ const Typography_1 = require("../Typography");
 const styles_1 = require("./styles");
 exports.FlowButton = (0, react_1.forwardRef)((props, ref) => {
     const { children, targetText } = props, restProps = __rest(props, ["children", "targetText"]);
-    return ((0, jsx_runtime_1.jsx)(styles_1.StyledButton, Object.assign({ ref: ref, endIcon: (0, jsx_runtime_1.jsx)(icons_1.ArrowROutlineMd, { width: 32, height: 32 }) }, restProps, { children: (0, jsx_runtime_1.jsxs)(styles_1.StyledGrid, { container: true, children: [targetText && ((0, jsx_runtime_1.jsx)(styles_1.TargetTextWrapper, { variant: "pointer", children: targetText })), (0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "h6", children: children })] }) })));
+    return ((0, jsx_runtime_1.jsx)(styles_1.StyledButton, Object.assign({ ref: ref, endIcon: (0, jsx_runtime_1.jsx)(icons_1.ArrowROutlineMd, {}) }, restProps, { children: (0, jsx_runtime_1.jsxs)(styles_1.StyledGrid, { container: true, children: [targetText && ((0, jsx_runtime_1.jsx)(styles_1.TargetTextWrapper, { variant: "pointer", children: targetText })), (0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "h6", children: children })] }) })));
 });
 exports.default = exports.FlowButton;

package/node/components/FormHelperText/FormHelperText.d.ts

@@ -4,5 +4,6 @@ import { type WithoutEmotionSpecific } from '../types';
 export type FormHelperTextProps = WithoutEmotionSpecific<MuiFormHelperTextProps> & {
     success?: boolean;
     error?: boolean;
+    hideHelperText?: boolean;
 };
-export declare const FormHelperText: ({ children, success, error, ...props }: FormHelperTextProps) => JSX.Element;
+export declare const FormHelperText: ({ children, success, error, hideHelperText, ...props }: FormHelperTextProps) => JSX.Element | null;

package/node/components/FormHelperText/FormHelperText.js

@@ -16,7 +16,10 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const FormHelperTextContent_1 = require("./FormHelperTextContent");
 const FormHelperText = (_a) => {
-    var { children, success, error } = _a, props = __rest(_a, ["children", "success", "error"]);
+    var { children, success, error, hideHelperText = false } = _a, props = __rest(_a, ["children", "success", "error", "hideHelperText"]);
+    if (hideHelperText && !children) {
+        return null;
+    }
     return ((0, jsx_runtime_1.jsx)(material_1.FormHelperText, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(FormHelperTextContent_1.FormHelperTextContent, { error: error, success: success, children: children }) })));
 };
 exports.FormHelperText = FormHelperText;