@astral/ui 4.17.4 → 4.17.6

package/node/components/RedesignBanner/RedesignBannerDialog/styles.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Description = exports.Picture = 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) `
   display: flex;
   flex-direction: column;
   gap: ${({ theme }) => theme.spacing(4)};
@@ -11,7 +11,7 @@ exports.StyledDialogContent = (0, styles_1.styled)(DialogContent_1.DialogContent
 
   max-width: 556px;
 `;
-exports.Picture = styles_1.styled.picture `
+exports.Picture = styled_1.styled.picture `
   overflow: hidden;
 
   min-width: 100%;
@@ -28,7 +28,7 @@ exports.Picture = styles_1.styled.picture `
     min-width: 100%;
   }
 `;
-exports.Description = styles_1.styled.span `
+exports.Description = styled_1.styled.span `
   display: flex;
   flex-direction: column;
   gap: ${({ theme }) => theme.spacing(3)};

package/node/components/ResizingDataGrid/Sliders/styles.d.ts

@@ -1,11 +1,11 @@
 /// <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;
 } & {
     actionsColumnWidth?: string | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const InputSlider: import("@emotion/styled").StyledComponent<{
+export declare const InputSlider: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {

package/node/components/ResizingDataGrid/Sliders/styles.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InputSlider = exports.Wrapper = void 0;
 const DataGrid_1 = require("../../DataGrid");
-const styles_1 = require("../../styles");
-const createThumbStyles = (theme) => (0, styles_1.css) `
+const styled_1 = require("../../styled");
+const createThumbStyles = (theme) => (0, styled_1.css) `
   pointer-events: all;
   cursor: col-resize;
 
@@ -33,7 +33,7 @@ const createThumbStyles = (theme) => (0, styles_1.css) `
     max-height: var(--thumb-height);
   }
 `;
-const createThumbActiveStyles = (theme) => (0, styles_1.css) `
+const createThumbActiveStyles = (theme) => (0, styled_1.css) `
   transform: scaleY(5) scaleX(0.4);
 
   color: ${theme.palette.primary.dark};
@@ -45,10 +45,10 @@ const createThumbActiveStyles = (theme) => (0, styles_1.css) `
     max-height: calc(100cqh - var(--thumb-height) / 2);
   }
 `;
-const createThumbHoverStyles = (theme) => (0, styles_1.css) `
+const createThumbHoverStyles = (theme) => (0, styled_1.css) `
   color: ${theme.palette.grey[500]};
 `;
-exports.Wrapper = styles_1.styled.div `
+exports.Wrapper = styled_1.styled.div `
   pointer-events: none;
 
   position: absolute;
@@ -64,7 +64,7 @@ exports.Wrapper = styles_1.styled.div `
     opacity: 1;
   }
 `;
-exports.InputSlider = styles_1.styled.input `
+exports.InputSlider = styled_1.styled.input `
   --thumb-height: 25px;
   --thumb-width: 10px;
   --track-width: calc(100% + var(--thumb-width));

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export declare const StyledFab: import("@emotion/styled").StyledComponent<Omit<import("../Fab").FabProps, "ref"> & import("react").RefAttributes<HTMLButtonElement> & {
+export declare const StyledFab: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../Fab").FabProps, "ref"> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/ScrollToTopButton/styles.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledFab = void 0;
 const Fab_1 = require("../Fab");
-const styles_1 = require("../styles");
-exports.StyledFab = (0, styles_1.styled)(Fab_1.Fab) `
+const styled_1 = require("../styled");
+exports.StyledFab = (0, styled_1.styled)(Fab_1.Fab) `
   position: absolute;
   right: ${({ theme }) => theme.spacing(3)};
   bottom: ${({ theme }) => theme.spacing(8)};

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;