@ultraviolet/ui 1.70.1 → 1.70.2

package/dist/components/AvatarV2/index.cjs

@@ -4,7 +4,7 @@ const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _styled = require("@emotion/styled/base");
 const react = require("@emotion/react");
 const legacy = require("@ultraviolet/icons/legacy");
-const product = require("@ultraviolet/icons/product");
+const ProductIcon = require("@ultraviolet/icons/product");
 const index = require("../Text/index.cjs");
 const constants = require("./constants.cjs");
 const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
@@ -120,7 +120,7 @@ const AvatarV2 = ({
   "data-testid": dataTestId
 }) => /* @__PURE__ */ jsxRuntime.jsxs(Container, { "data-shape": shape, "data-size": size, "data-sentiment": sentiment, "data-upload": upload, "data-has-background": !["user", "image"].includes(variant), image, onClick, role: onClick ? "button" : void 0, size, className, "data-testid": dataTestId, children: [
   upload ? /* @__PURE__ */ jsxRuntime.jsx(UploadContainer, { "data-shape": shape, size, children: /* @__PURE__ */ jsxRuntime.jsx(legacy.Icon, { name: "upload", size: "large", sentiment: "neutral", prominence: "stronger" }) }) : null,
-  variant === "user" ? /* @__PURE__ */ jsxRuntime.jsx(ProductIconContainer, { "data-shape": shape, "data-size": size, size, children: /* @__PURE__ */ jsxRuntime.jsx(product.UserProductIcon, {}) }) : null,
+  variant === "user" ? /* @__PURE__ */ jsxRuntime.jsx(ProductIconContainer, { "data-shape": shape, "data-size": size, size, children: /* @__PURE__ */ jsxRuntime.jsx(ProductIcon.UserProductIcon, {}) }) : null,
   variant === "icon" ? /* @__PURE__ */ jsxRuntime.jsx(ElementContainer, { "data-shape": shape, children: /* @__PURE__ */ jsxRuntime.jsx(legacy.Icon, { name: icon, sentiment: "neutral", size: constants.ICON_SIZES[size], prominence: sentiment === "primary" ? "stronger" : "strong" }) }) : null,
   variant === "text" ? /* @__PURE__ */ jsxRuntime.jsx(ElementContainer, { "data-shape": shape, children: /* @__PURE__ */ jsxRuntime.jsx(index.Text, { as: "span", variant: constants.TEXT_VARIANT_BY_SIZE[size], sentiment: "neutral", prominence: sentiment === "primary" ? "stronger" : "strong", children: text }) }) : null,
   variant === "colors" ? /* @__PURE__ */ jsxRuntime.jsx(StyledColors, { size, colors, shape, style: {

package/dist/components/Button/index.d.ts

@@ -14,13 +14,13 @@ declare const VARIANTS_COMPONENTS: {
     filled: {
         button: import("@emotion/styled").StyledComponent<{
             theme?: Theme;
-            as?: import("react").ElementType;
+            as?: React.ElementType;
         } & Required<Pick<FinalProps, "size" | "sentiment" | "disabled" | "iconPosition" | "fullWidth">> & {
             iconOnly: boolean;
         }, import("react").DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
         link: import("@emotion/styled").StyledComponent<{
             theme?: Theme;
-            as?: import("react").ElementType;
+            as?: React.ElementType;
         } & Required<Pick<FinalProps, "size" | "sentiment" | "disabled" | "iconPosition" | "fullWidth">> & {
             iconOnly: boolean;
         }, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
@@ -28,13 +28,13 @@ declare const VARIANTS_COMPONENTS: {
     outlined: {
         button: import("@emotion/styled").StyledComponent<{
             theme?: Theme;
-            as?: import("react").ElementType;
+            as?: React.ElementType;
         } & Required<Pick<FinalProps, "size" | "sentiment" | "disabled" | "iconPosition" | "fullWidth">> & {
             iconOnly: boolean;
         }, import("react").DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
         link: import("@emotion/styled").StyledComponent<{
             theme?: Theme;
-            as?: import("react").ElementType;
+            as?: React.ElementType;
         } & Required<Pick<FinalProps, "size" | "sentiment" | "disabled" | "iconPosition" | "fullWidth">> & {
             iconOnly: boolean;
         }, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
@@ -42,13 +42,13 @@ declare const VARIANTS_COMPONENTS: {
     ghost: {
         button: import("@emotion/styled").StyledComponent<{
             theme?: Theme;
-            as?: import("react").ElementType;
+            as?: React.ElementType;
         } & Required<Pick<FinalProps, "size" | "sentiment" | "disabled" | "iconPosition" | "fullWidth">> & {
             iconOnly: boolean;
         }, import("react").DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
         link: import("@emotion/styled").StyledComponent<{
             theme?: Theme;
-            as?: import("react").ElementType;
+            as?: React.ElementType;
         } & Required<Pick<FinalProps, "size" | "sentiment" | "disabled" | "iconPosition" | "fullWidth">> & {
             iconOnly: boolean;
         }, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;

package/dist/components/Expandable/index.d.ts

@@ -21,7 +21,7 @@ type ExpandableProps = {
 };
 export declare const StyledExpandable: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: import("react").ElementType;
+    as?: React.ElementType;
 } & {
     animationDuration: number;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/List/Row.d.ts

@@ -2,7 +2,7 @@ import type { ReactNode } from 'react';
 import type { SENTIMENTS } from '../../theme';
 export declare const StyledRow: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: import("react").ElementType;
+    as?: React.ElementType;
 } & {
     sentiment: (typeof SENTIMENTS)[number];
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Menu/index.d.ts

@@ -6,12 +6,12 @@ type DisclosureElement = ((popover: Partial<PopoverStateReturn>) => ReactElement
     ref?: Ref<HTMLButtonElement>;
 });
 declare const arrowPlacementStyles: {
-    readonly bottom: (theme: Theme) => import("@emotion/react").SerializedStyles;
-    readonly 'bottom-end': (theme: Theme) => import("@emotion/react").SerializedStyles;
-    readonly 'bottom-start': (theme: Theme) => import("@emotion/react").SerializedStyles;
-    readonly top: (theme: Theme) => import("@emotion/react").SerializedStyles;
-    readonly 'top-end': (theme: Theme) => import("@emotion/react").SerializedStyles;
-    readonly 'top-start': (theme: Theme) => import("@emotion/react").SerializedStyles;
+    readonly bottom: (theme: Theme) => import("@emotion/serialize").SerializedStyles;
+    readonly 'bottom-end': (theme: Theme) => import("@emotion/serialize").SerializedStyles;
+    readonly 'bottom-start': (theme: Theme) => import("@emotion/serialize").SerializedStyles;
+    readonly top: (theme: Theme) => import("@emotion/serialize").SerializedStyles;
+    readonly 'top-end': (theme: Theme) => import("@emotion/serialize").SerializedStyles;
+    readonly 'top-start': (theme: Theme) => import("@emotion/serialize").SerializedStyles;
 };
 type ArrowPlacement = keyof typeof arrowPlacementStyles;
 export declare const arrowPlacements: ArrowPlacement[];

package/dist/components/Modal/components/Dialog.d.ts

@@ -7,7 +7,7 @@ type StyledDialogProps = {
 };
 export declare const StyledDialog: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: import("react").ElementType;
+    as?: React.ElementType;
 } & StyledDialogProps, import("react").DetailedHTMLProps<import("react").DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, {}>;
 export declare const Dialog: ({ children, placement, onClose, hideOnClickOutside, size, id, ariaLabel, className, "data-testid": dataTestId, preventBodyScroll, hideOnEsc, backdropClassName, dialogCss, backdropCss, }: DialogProps) => import("react").ReactPortal;
 export {};

package/dist/components/Popup/animations.d.ts

@@ -7,5 +7,5 @@ export type PositionsType = {
     popupInitialPosition: string;
     popupPosition: string;
 };
-export declare const animation: (positions: PositionsType) => import("@emotion/react").Keyframes;
-export declare const exitAnimation: (positions: PositionsType) => import("@emotion/react").Keyframes;
+export declare const animation: (positions: PositionsType) => import("@emotion/serialize").Keyframes;
+export declare const exitAnimation: (positions: PositionsType) => import("@emotion/serialize").Keyframes;

package/dist/components/Radio/index.d.ts

@@ -1,7 +1,7 @@
 import type { InputHTMLAttributes, ReactNode } from 'react';
 export declare const RadioStack: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: import("react").ElementType;
+    as?: React.ElementType;
 } & {
     gap?: keyof import("../..").UltravioletUITheme["space"] | number;
     direction?: "row" | "column";

package/dist/components/Row/index.d.ts

@@ -3,7 +3,7 @@ import type { UltravioletUITheme } from '../../theme';
 type StyledRowProps = Pick<RowProps, 'gap' | 'templateColumns' | 'alignItems' | 'justifyContent'>;
 export declare const StyledRow: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: import("react").ElementType;
+    as?: React.ElementType;
 } & StyledRowProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 type RowProps = {
     className?: string;