@astral/ui 4.17.5 → 4.17.6

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const SearchIcon: import("@emotion/styled").StyledComponent<{
+export declare const SearchIcon: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     children?: import("react").ReactNode;
     color?: string | undefined;
     titleAccess?: string | undefined;
@@ -7,8 +7,8 @@ export declare const SearchIcon: import("@emotion/styled").StyledComponent<{
 } & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const StyledIconButton: import("@emotion/styled").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "variant"> & {
-    variant?: "link" | "light" | "outlined" | "contained" | "text" | undefined;
+export declare const StyledIconButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "variant"> & {
+    variant?: "light" | "link" | "outlined" | "contained" | "text" | undefined;
     loading?: boolean | undefined;
     color?: "grey" | "error" | "success" | "warning" | "primary" | undefined;
     component?: import("react").ElementType | undefined;
@@ -20,20 +20,20 @@ export declare const StyledIconButton: import("@emotion/styled").StyledComponent
 } & {
     $isActive: boolean;
 }, {}, {}>;
-export declare const TextFieldRoot: import("@emotion/styled").StyledComponent<{
+export declare const TextFieldRoot: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
     $isFullWidth?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const LoaderWrapper: import("@emotion/styled").StyledComponent<{
+export declare const LoaderWrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const EndAdornmentWrapper: import("@emotion/styled").StyledComponent<{
+export declare const EndAdornmentWrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledLoader: import("@emotion/styled").StyledComponent<import("../Loader").LoaderProps & {
+export declare const StyledLoader: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../Loader").LoaderProps & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/SearchField/styles.js

@@ -4,19 +4,19 @@ exports.StyledLoader = exports.EndAdornmentWrapper = exports.LoaderWrapper = exp
 const icons_1 = require("../../icons");
 const IconButton_1 = require("../IconButton");
 const Loader_1 = require("../Loader");
-const styles_1 = require("../styles");
-exports.SearchIcon = (0, styles_1.styled)(icons_1.SearchOutlineMd) `
+const styled_1 = require("../styled");
+exports.SearchIcon = (0, styled_1.styled)(icons_1.SearchOutlineMd) `
   /* Задается чтобы клик по startAdornment приводил к клику в инпут */
   pointer-events: none;
 
   color: ${({ theme }) => theme.palette.grey[600]};
 `;
-exports.StyledIconButton = (0, styles_1.styled)(IconButton_1.IconButton, {
+exports.StyledIconButton = (0, styled_1.styled)(IconButton_1.IconButton, {
     shouldForwardProp: (prop) => !['$isActive'].includes(prop),
 }) `
   opacity: ${({ $isActive }) => ($isActive ? 1 : 0)};
 `;
-exports.TextFieldRoot = styles_1.styled.div `
+exports.TextFieldRoot = styled_1.styled.div `
   width: ${({ $isFullWidth }) => ($isFullWidth ? '100%' : 'auto')};
 
   /* @see https://stackoverflow.com/questions/9421551/how-do-i-remove-all-default-webkit-search-field-styling */
@@ -27,18 +27,18 @@ exports.TextFieldRoot = styles_1.styled.div `
     appearance: none;
   }
 `;
-exports.LoaderWrapper = styles_1.styled.div `
+exports.LoaderWrapper = styled_1.styled.div `
   display: flex;
   align-items: center;
   justify-content: center;
 
   height: 100%;
 `;
-exports.EndAdornmentWrapper = styles_1.styled.div `
+exports.EndAdornmentWrapper = styled_1.styled.div `
   display: flex;
   align-items: center;
 `;
-exports.StyledLoader = (0, styles_1.styled)(Loader_1.Loader) `
+exports.StyledLoader = (0, styled_1.styled)(Loader_1.Loader) `
   width: 20px;
   height: 20px;
 `;

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

@@ -9,7 +9,7 @@ export declare const useLogic: ({ onChange: propsOnChange, defaultValue, value,
         content?: string | undefined;
         translate?: "no" | "yes" | undefined;
         focused?: boolean | undefined;
-        size?: import("@mui/types").OverridableStringUnion<"small" | "medium", import("@mui/material").TextFieldPropsSizeOverrides> | undefined;
+        size?: import("@mui/types").OverridableStringUnion<"medium" | "small", import("@mui/material").TextFieldPropsSizeOverrides> | undefined;
         classes?: Partial<import("@mui/material").TextFieldClasses> | undefined;
         children?: import("react").ReactNode;
         defaultChecked?: boolean | undefined;

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

@@ -1,13 +1,13 @@
 /// <reference types="react" />
-export declare const StateWrapper: import("@emotion/styled").StyledComponent<{
+export declare const StateWrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const EndAdornmentWrapper: import("@emotion/styled").StyledComponent<{
+export declare const EndAdornmentWrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Placeholder: import("@emotion/styled").StyledComponent<import("..").WithoutEmotionSpecific<import("@mui/material").MenuItemProps> & {
+export declare const Placeholder: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("..").WithoutEmotionSpecific<import("@mui/material").MenuItemProps> & {
     disabledReason?: string | undefined;
     note?: string | undefined;
     tooltipPlacement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
@@ -18,7 +18,7 @@ export declare const Placeholder: import("@emotion/styled").StyledComponent<impo
 } & import("react").RefAttributes<HTMLLIElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const StyledSelect: import("@emotion/styled").StyledComponent<import("@mui/material").SelectProps<unknown> & {
+export declare const StyledSelect: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("@mui/material").SelectProps<unknown> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {
     $isShowingPlaceholder: boolean;

package/node/components/Select/styles.js

@@ -4,16 +4,16 @@ exports.StyledSelect = exports.Placeholder = exports.EndAdornmentWrapper = expor
 const material_1 = require("@mui/material");
 const Loader_1 = require("../Loader");
 const MenuItem_1 = require("../MenuItem");
-const styles_1 = require("../styles");
+const styled_1 = require("../styled");
 const Tag_1 = require("../Tag");
-exports.StateWrapper = styles_1.styled.div `
+exports.StateWrapper = styled_1.styled.div `
   display: flex;
   align-items: center;
   justify-content: center;
 
   height: 56px;
 `;
-exports.EndAdornmentWrapper = styles_1.styled.div `
+exports.EndAdornmentWrapper = styled_1.styled.div `
   display: flex;
   align-items: center;
 
@@ -23,10 +23,10 @@ exports.EndAdornmentWrapper = styles_1.styled.div `
     margin-right: ${({ theme }) => theme.microSpacing(3)};
   }
 `;
-exports.Placeholder = (0, styles_1.styled)(MenuItem_1.MenuItem) `
+exports.Placeholder = (0, styled_1.styled)(MenuItem_1.MenuItem) `
   display: none;
 `;
-exports.StyledSelect = (0, styles_1.styled)(material_1.Select, {
+exports.StyledSelect = (0, styled_1.styled)(material_1.Select, {
     shouldForwardProp: (prop) => !['$isShowingPlaceholder'].includes(prop),
 }) `
   padding-right: ${({ theme }) => theme.spacing(2)};

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

@@ -1,7 +1,7 @@
 import { type DrawerProps } from '@mui/material';
 import { type WithoutEmotionSpecific } from '../types';
 type SideDialogSize = 'xs' | 'sm' | 'md' | 'lg';
-export declare const StyledDrawer: import("@emotion/styled").StyledComponent<DrawerProps & {
+export declare const StyledDrawer: import("@emotion/styled/dist/declarations/src/types").StyledComponent<DrawerProps & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {
     $size: SideDialogSize;

package/node/components/SideDialog/styles.js

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledDrawer = void 0;
 const material_1 = require("@mui/material");
-const styles_1 = require("../styles");
+const styled_1 = require("../styled");
 const constants_1 = require("./constants");
 const getSize = (size) => {
     return constants_1.SIZES[size] || constants_1.SIZES.sm;
 };
-exports.StyledDrawer = (0, styles_1.styled)(material_1.Drawer, {
+exports.StyledDrawer = (0, styled_1.styled)(material_1.Drawer, {
     shouldForwardProp: (prop) => !['$size'].includes(prop),
 }) `
   height: 100vh;

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

@@ -1,3 +1,3 @@
-export declare const StyledDialogActions: import("@emotion/styled").StyledComponent<import("../DialogActions").DialogActionsProps & {
+export declare const StyledDialogActions: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../DialogActions").DialogActionsProps & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/SideDialogActions/styles.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledDialogActions = void 0;
 const DialogActions_1 = require("../DialogActions");
-const styles_1 = require("../styles");
-exports.StyledDialogActions = (0, styles_1.styled)(DialogActions_1.DialogActions) `
+const styled_1 = require("../styled");
+exports.StyledDialogActions = (0, styled_1.styled)(DialogActions_1.DialogActions) `
   position: relative;
 
   padding: ${({ theme }) => theme.spacing(4, 6)};

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

@@ -1,3 +1,3 @@
-export declare const StyledDialogContent: import("@emotion/styled").StyledComponent<import("../DialogContent").DialogContentProps & {
+export declare const StyledDialogContent: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../DialogContent").DialogContentProps & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/SideDialogContent/styles.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledDialogContent = void 0;
 const DialogContent_1 = require("../DialogContent");
-const styles_1 = require("../styles");
-exports.StyledDialogContent = (0, styles_1.styled)(DialogContent_1.DialogContent) `
+const styled_1 = require("../styled");
+exports.StyledDialogContent = (0, styled_1.styled)(DialogContent_1.DialogContent) `
   padding: ${({ theme }) => theme.spacing(4, 6)};
 `;

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

@@ -1,3 +1,3 @@
-export declare const StyledDialogHeader: import("@emotion/styled").StyledComponent<import("../DialogHeader").DialogHeaderProps & {
+export declare const StyledDialogHeader: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../DialogHeader").DialogHeaderProps & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/SideDialogHeader/styles.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledDialogHeader = void 0;
 const DialogHeader_1 = require("../DialogHeader");
-const styles_1 = require("../styles");
-exports.StyledDialogHeader = (0, styles_1.styled)(DialogHeader_1.DialogHeader) `
+const styled_1 = require("../styled");
+exports.StyledDialogHeader = (0, styled_1.styled)(DialogHeader_1.DialogHeader) `
   position: relative;
 
   min-height: 64px;

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

@@ -1,4 +1,4 @@
-export declare const StyledDialogTitle: import("@emotion/styled").StyledComponent<import("..").WithoutEmotionSpecific<import("@mui/material").DialogTitleProps> & {
+export declare const StyledDialogTitle: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("..").WithoutEmotionSpecific<import("@mui/material").DialogTitleProps> & {
     onClose?: ((event: {}, reason: "escapeKeyDown" | "backdropClick") => void) | undefined;
 } & {
     theme?: import("@emotion/react").Theme | undefined;

package/node/components/SideDialogTitle/styles.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledDialogTitle = void 0;
 const DialogTitle_1 = require("../DialogTitle");
-const styles_1 = require("../styles");
-exports.StyledDialogTitle = (0, styles_1.styled)(DialogTitle_1.DialogTitle) `
+const styled_1 = require("../styled");
+exports.StyledDialogTitle = (0, styled_1.styled)(DialogTitle_1.DialogTitle) `
   position: relative;
 
   padding: ${({ theme }) => theme.spacing(4, 6)};

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledSkeleton: import("@emotion/styled").StyledComponent<{
+export declare const StyledSkeleton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     animation?: false | "pulse" | "wave" | undefined;
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").SkeletonClasses> | undefined;

package/node/components/Skeleton/styles.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledSkeleton = void 0;
 const material_1 = require("@mui/material");
-const styles_1 = require("../styles");
+const styled_1 = require("../styled");
 const colors_1 = require("../utils/colors");
-exports.StyledSkeleton = (0, styles_1.styled)(material_1.Skeleton, {
+exports.StyledSkeleton = (0, styled_1.styled)(material_1.Skeleton, {
     shouldForwardProp: (prop) => !['$shapeSize'].includes(prop),
 }) `
   /* stylelint-disable-next-line */

package/node/components/StaticCalendar/StaticCalendarButton/styles.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-export declare const Wrapper: import("@emotion/styled").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "variant"> & {
-    variant?: "link" | "light" | "outlined" | "contained" | "text" | undefined;
+export declare const Wrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "variant"> & {
+    variant?: "light" | "link" | "outlined" | "contained" | "text" | undefined;
     loading?: boolean | undefined;
     color?: "grey" | "error" | "success" | "warning" | "primary" | undefined;
     component?: import("react").ElementType | undefined;

package/node/components/StaticCalendar/StaticCalendarButton/styles.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Wrapper = void 0;
 const Button_1 = require("../../Button");
-const styles_1 = require("../../styles");
-exports.Wrapper = (0, styles_1.styled)(Button_1.Button) `
+const styled_1 = require("../../styled");
+exports.Wrapper = (0, styled_1.styled)(Button_1.Button) `
   min-width: auto;
 
   ${({ theme }) => theme.breakpoints.down('sm')} {

package/node/components/StaticCalendar/StaticCalendarGridButton/styles.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StaticCalendarGridButton: import("@emotion/styled").StyledComponent<Omit<import("../StaticCalendarButton/useLogic").UseLogicParams, "ref"> & import("react").RefAttributes<HTMLButtonElement> & {
+export declare const StaticCalendarGridButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../StaticCalendarButton/useLogic").UseLogicParams, "ref"> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & Omit<import("../..").ButtonProps, "variant"> & {
     isOutOfAvailableRange?: boolean | undefined;

package/node/components/StaticCalendar/StaticCalendarGridButton/styles.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StaticCalendarGridButton = void 0;
 const material_1 = require("@mui/material");
-const styles_1 = require("../../styles");
+const styled_1 = require("../../styled");
 const StaticCalendarButton_1 = require("../StaticCalendarButton");
 const utils_1 = require("./utils");
 const nonForwardableProps = new Set([
@@ -19,7 +19,7 @@ const nonForwardableProps = new Set([
     'isPreviousItemInHoveredRange',
     'isNextItemInHoveredRange',
 ]);
-exports.StaticCalendarGridButton = (0, styles_1.styled)(StaticCalendarButton_1.StaticCalendarButton, {
+exports.StaticCalendarGridButton = (0, styled_1.styled)(StaticCalendarButton_1.StaticCalendarButton, {
     shouldForwardProp: (propName) => !nonForwardableProps.has(propName),
 }) `
   cursor: ${({ $isNotInteractable, $isDraggable }) => ($isDraggable && 'grab') || ($isNotInteractable && 'initial')};

package/node/components/StaticCalendar/StaticDaysCalendar/Head/styles.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+export declare const Wrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;

package/node/components/StaticCalendar/StaticDaysCalendar/Head/styles.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Wrapper = void 0;
 const constants_1 = require("../../../constants");
-const styles_1 = require("../../../styles");
-exports.Wrapper = styles_1.styled.header `
+const styled_1 = require("../../../styled");
+exports.Wrapper = styled_1.styled.header `
   display: grid;
   grid-template-columns: repeat(${constants_1.DAYS_IN_WEEK}, 1fr);
 

package/node/components/StaticCalendar/StaticDaysCalendar/styles.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const Body: import("@emotion/styled").StyledComponent<{
+export declare const Body: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/node/components/StaticCalendar/StaticDaysCalendar/styles.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Body = void 0;
 const constants_1 = require("../../constants");
-const styles_1 = require("../../styles");
-exports.Body = styles_1.styled.div `
+const styled_1 = require("../../styled");
+exports.Body = styled_1.styled.div `
   display: grid;
   grid-template-columns: repeat(${constants_1.DAYS_IN_WEEK}, 1fr);
   justify-items: center;

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

@@ -2,11 +2,11 @@
 type SliderContainerProps = {
     isFullWidth?: boolean;
 };
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+export declare const Wrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & SliderContainerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Item: import("@emotion/styled").StyledComponent<{
+export declare const Item: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/node/components/StepSlider/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Item = exports.Wrapper = void 0;
-const styled_1 = require("../styles/styled");
+const styled_1 = require("../styled/styled");
 exports.Wrapper = (0, styled_1.styled)('div', {
     shouldForwardProp: (prop) => prop !== 'isFullWidth',
 }) `

package/node/components/Stepper/ArrowConnector/ArrowConnector.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const ArrowConnector: import("@emotion/styled").StyledComponent<{
+export declare const ArrowConnector: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     children?: import("react").ReactNode;
     color?: string | undefined;
     titleAccess?: string | undefined;

package/node/components/Stepper/ArrowConnector/ArrowConnector.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ArrowConnector = void 0;
 const icons_1 = require("../../../icons");
-const styles_1 = require("../../styles");
-exports.ArrowConnector = (0, styles_1.styled)(icons_1.NextOutlineMd) `
+const styled_1 = require("../../styled");
+exports.ArrowConnector = (0, styled_1.styled)(icons_1.NextOutlineMd) `
   font-size: ${({ theme }) => theme.typography.h4.fontSize};
   color: ${({ theme }) => theme.palette.grey[400]};
 `;

package/node/components/Stepper/StepButton/styles.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-export declare const Button: import("@emotion/styled").StyledComponent<{
+export declare const Button: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const StyledStepLabel: import("@emotion/styled").StyledComponent<{
+export declare const StyledStepLabel: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     isSelected?: boolean | undefined;
 } & import("../..").WithoutEmotionSpecific<import("@mui/material").StepLabelProps> & {
     theme?: import("@emotion/react").Theme | undefined;

package/node/components/Stepper/StepButton/styles.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledStepLabel = exports.Button = void 0;
 const material_1 = require("@mui/material");
-const styles_1 = require("../../styles");
+const styled_1 = require("../../styled");
 const StepLabel_1 = require("../StepLabel");
-exports.Button = styles_1.styled.button `
+exports.Button = styled_1.styled.button `
   display: flex;
 
   padding: 0;
@@ -16,7 +16,7 @@ exports.Button = styles_1.styled.button `
     outline: none;
   }
 `;
-exports.StyledStepLabel = (0, styles_1.styled)(StepLabel_1.StepLabel) `
+exports.StyledStepLabel = (0, styled_1.styled)(StepLabel_1.StepLabel) `
   cursor: pointer;
 
   .${material_1.stepLabelClasses.label} {

package/node/components/Stepper/StepIcon/styles.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const ErrorIcon: import("@emotion/styled").StyledComponent<{
+export declare const ErrorIcon: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     children?: import("react").ReactNode;
     color?: string | undefined;
     titleAccess?: string | undefined;
@@ -7,7 +7,7 @@ export declare const ErrorIcon: import("@emotion/styled").StyledComponent<{
 } & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const SuccessIcon: import("@emotion/styled").StyledComponent<{
+export declare const SuccessIcon: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     children?: import("react").ReactNode;
     color?: string | undefined;
     titleAccess?: string | undefined;
@@ -15,7 +15,7 @@ export declare const SuccessIcon: import("@emotion/styled").StyledComponent<{
 } & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const SelectIcon: import("@emotion/styled").StyledComponent<{
+export declare const SelectIcon: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     children?: import("react").ReactNode;
     color?: string | undefined;
     titleAccess?: string | undefined;
@@ -25,7 +25,7 @@ export declare const SelectIcon: import("@emotion/styled").StyledComponent<{
 } & {
     $isError?: boolean | undefined;
 }, {}, {}>;
-export declare const DefaultIcon: import("@emotion/styled").StyledComponent<{
+export declare const DefaultIcon: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     children?: import("react").ReactNode;
     color?: string | undefined;
     titleAccess?: string | undefined;
@@ -33,7 +33,7 @@ export declare const DefaultIcon: import("@emotion/styled").StyledComponent<{
 } & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const ActiveIcon: import("@emotion/styled").StyledComponent<{
+export declare const ActiveIcon: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     children?: import("react").ReactNode;
     color?: string | undefined;
     titleAccess?: string | undefined;

package/node/components/Stepper/StepIcon/styles.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ActiveIcon = exports.DefaultIcon = exports.SelectIcon = exports.SuccessIcon = exports.ErrorIcon = void 0;
 const icons_1 = require("../../../icons");
-const styles_1 = require("../../styles");
-const iconsSize = (theme) => (0, styles_1.css) `
+const styled_1 = require("../../styled");
+const iconsSize = (theme) => (0, styled_1.css) `
   width: 20px;
   height: 20px;
 
@@ -12,22 +12,22 @@ const iconsSize = (theme) => (0, styles_1.css) `
     height: 24px;
   }
 `;
-exports.ErrorIcon = (0, styles_1.styled)(icons_1.StepErrorFillMd) `
+exports.ErrorIcon = (0, styled_1.styled)(icons_1.StepErrorFillMd) `
   ${({ theme }) => iconsSize(theme)};
   color: ${({ theme }) => theme.palette.error[800]};
 `;
-exports.SuccessIcon = (0, styles_1.styled)(icons_1.StepSuccessFillMd) `
+exports.SuccessIcon = (0, styled_1.styled)(icons_1.StepSuccessFillMd) `
   ${({ theme }) => iconsSize(theme)};
   color: ${({ theme }) => theme.palette.success[800]};
 `;
-exports.SelectIcon = (0, styles_1.styled)(icons_1.StepDefaultFillMd) `
+exports.SelectIcon = (0, styled_1.styled)(icons_1.StepDefaultFillMd) `
   ${({ theme }) => iconsSize(theme)};
   color: ${({ theme, $isError }) => $isError ? theme.palette.error.dark : theme.palette.success[800]};
 `;
-exports.DefaultIcon = (0, styles_1.styled)(icons_1.StepDefaultFillMd) `
+exports.DefaultIcon = (0, styled_1.styled)(icons_1.StepDefaultFillMd) `
   ${({ theme }) => iconsSize(theme)};
   color: ${({ theme }) => theme.palette.grey[400]};
 `;
-exports.ActiveIcon = (0, styles_1.styled)(icons_1.StepDefaultFillMd) `
+exports.ActiveIcon = (0, styled_1.styled)(icons_1.StepDefaultFillMd) `
   ${({ theme }) => iconsSize(theme)};
 `;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledStepper: import("@emotion/styled").StyledComponent<Pick<import("@mui/material").PaperProps, "elevation" | "square" | "variant"> & {
+export declare const StyledStepper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Pick<import("@mui/material").PaperProps, "elevation" | "square" | "variant"> & {
     activeStep?: number | undefined;
     alternativeLabel?: boolean | undefined;
     children?: import("react").ReactNode;

package/node/components/Stepper/styles.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledStepper = void 0;
 const material_1 = require("@mui/material");
-const styles_1 = require("../styles");
-exports.StyledStepper = (0, styles_1.styled)(material_1.Stepper) `
+const styled_1 = require("../styled");
+exports.StyledStepper = (0, styled_1.styled)(material_1.Stepper) `
   .${material_1.stepLabelClasses.vertical} {
     padding: ${({ theme }) => theme.spacing(1, 0)};
   }

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledSvg: import("@emotion/styled").StyledComponent<{
+export declare const StyledSvg: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").SVGProps<SVGSVGElement>, {}>;

package/node/components/SvgIcon/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledSvg = void 0;
-const styles_1 = require("../styles");
+const styled_1 = require("../styled");
 const getColor = (theme, color) => {
     if (color === 'inherit') {
         return 'inherit';
@@ -26,7 +26,7 @@ const getColor = (theme, color) => {
     }
     return color || 'inherit';
 };
-exports.StyledSvg = styles_1.styled.svg `
+exports.StyledSvg = styled_1.styled.svg `
   user-select: none;
 
   display: inline-block;

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

@@ -1,6 +1,6 @@
-export declare const StyledSwitch: import("@emotion/styled").StyledComponent<import("@mui/material").SwitchProps & {
+export declare const StyledSwitch: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("@mui/material").SwitchProps & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const StyledFormControlLabel: import("@emotion/styled").StyledComponent<import("../FormControlLabel").FormControlLabelProps & {
+export declare const StyledFormControlLabel: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../FormControlLabel").FormControlLabelProps & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;